{"version":3,"sources":["webpack://leoandlea-log/./src/components/cards/post/index.tsx","webpack://leoandlea-log/./src/components/cards/post/styles.module.scss","webpack://leoandlea-log/./src/components/postBanner/index.tsx","webpack://leoandlea-log/./src/components/postBanner/styles.module.scss","webpack://leoandlea-log/./src/templates/Category.tsx","webpack://leoandlea-log/./src/templates/styles.module.scss"],"names":["isAmp","hero_img","title","uid","category","date","body","className","tracking","loading","t","useTranslation","classnames","href","src","url","alt","width","height","layout","style","objectFit","maxHeight","opts","text","formatDate","filter","slice_type","primary","slice","StaticQuery","query","render","allPrismicBanners","post_banner","edges","node","data","dimensions","location","pageContext","content","useEffect","trackCustomEvent","action","label","description","styles","color","categories","cards","map","index","key","currentPage","numPages","category_wrapper","category_header","post_card_grid","post_banner_grid","page_navigation","next","post_card","recommended","recommended__cards"],"mappings":"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","file":"component---src-templates-category-tsx-747643f7d00cf74e0d22.js","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport classnames from 'classnames';\n\nimport CategoryTag from '@components/tags/category';\nimport TrackingLink from '@components/trackingLink';\nimport Image from '@components/imgComp';\n\nimport formatDate from '@utils/formatDate';\n\nimport * as styles from './styles.module.scss';\n\ntype Props = {\n    isAmp?: boolean;\n    hero_img: {\n        url: string;\n        alt: string;\n    };\n    title: {\n        text: string;\n    };\n    uid: string;\n    category: string;\n    date: string;\n    body: {\n        slice_type: string;\n        primary: {\n            text: {\n                text: string;\n            };\n        };\n    }[];\n    className: string;\n    tracking: any;\n    loading: 'lazy' | 'eager';\n};\n\nconst PostCard: React.FunctionComponent<Props> = ({\n    isAmp = false,\n    hero_img,\n    title,\n    uid,\n    category,\n    date,\n    body,\n    className,\n    tracking,\n    loading,\n}) => {\n    const { t } = useTranslation();\n    return (\n        <div className={classnames(styles['post_card'], className)}>\n            <TrackingLink href={`/${uid}/${isAmp ? 'amp/' : ''}`} tracking={tracking}>\n                <div>\n                    {isAmp ? (\n                        <amp-img\n                            src={hero_img?.url}\n                            alt={hero_img?.alt}\n                            width=\"280\"\n                            height=\"192\"\n                            layout=\"responsive\"\n                            style={{ objectFit: 'cover', maxHeight: 230 }}\n                        />\n                    ) : (\n                        <Image\n                            {...hero_img}\n                            opts={{ loading }}\n                            style={{ objectFit: 'cover' }}\n                            className={styles['img_wrapper']}\n                        />\n                    )}\n                    <span className={styles['post_title']}>{title?.text}</span>\n                    <div className={styles['post_info']}>\n                        <CategoryTag category={category} />\n                        <span>{formatDate(date)}</span>\n                    </div>\n                    <p>\n                        {body.filter(({ slice_type }) => slice_type === 'content')[0]?.primary?.text?.text.slice(0, 43)}\n                        <span>{t('category_page.read_more')}</span>\n                    </p>\n                </div>\n            </TrackingLink>\n        </div>\n    );\n};\n\nexport default PostCard;\n","// extracted by mini-css-extract-plugin\nexport var brandColor = \"#846d3d\";\nexport var mainColor = \"#2f4758\";\nexport var subColor = \"#c0d1dd\";\nexport var lightColor = \"#f4f6f8\";\nexport var greyColor = \"#707070\";\nexport var darkColor = \"#363636\";\nexport var subscriptionColor = \"#65c79b\";\nexport var orderColor = \"#298df3\";\nexport var errorColor = \"#fd3894\";\nexport var frontlineColor = \"#e08912\";\nexport var categoryFoodColor = \"#e08912\";\nexport var categoryDogHealthColor = \"#298df3\";\nexport var categoryTrainingColor = \"#65c79b\";\nexport var categoryLifestyleColor = \"#fd3188\";\nexport var post_card = \"styles-module--post_card--1ScRP\";\nexport var post_title = \"styles-module--post_title--TVVs4\";\nexport var post_info = \"styles-module--post_info--1jHMw\";\nexport var img_wrapper = \"styles-module--img_wrapper--3tSpP\";","import React, { FC } from 'react';\nimport { graphql, StaticQuery } from 'gatsby';\nimport classnames from 'classnames';\n\nimport Image from '@components/imgComp';\n\nimport * as styles from './styles.module.scss';\n\ntype Props = {\n    className?: string;\n    uid: string;\n    isAmp?: boolean;\n};\n\nconst PostBanner: FC<Props> = ({ className, category, isAmp = false }) => (\n    <StaticQuery\n        query={graphql`\n            query PostBannerQuery {\n                allPrismicBanners {\n                    edges {\n                        node {\n                            data {\n                                post_banner {\n                                    ...ImageFields\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        `}\n        render={({ allPrismicBanners }) => {\n            const { post_banner } = allPrismicBanners?.edges[0]?.node?.data;\n            if (!post_banner) return null;\n            return (\n                <a\n                    href={`https://start.leoandlea.com/v4?utm_source=wantimes&utm_medium=blog&utm_campaign=${category}-pb`}\n                    aria-label=\"Post Banner Link\"\n                >\n                    <div className={classnames(styles['post_banner'], className)}>\n                        {isAmp ? (\n                            <amp-img\n                                src={post_banner?.url}\n                                alt={post_banner?.alt}\n                                width={post_banner?.dimensions?.width}\n                                height={post_banner?.dimensions?.height}\n                                layout=\"responsive\"\n                            />\n                        ) : (\n                            <Image {...post_banner} />\n                        )}\n                    </div>\n                </a>\n            );\n        }}\n    />\n);\n\nexport default PostBanner;\n","// extracted by mini-css-extract-plugin\nexport var post_banner = \"styles-module--post_banner--3Wqxt\";","import React, { useEffect, FC } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\n\nimport PostCard from '@components/cards/post';\nimport NewPosts from '@components/newPosts';\nimport PostBanner from '@components/postBanner';\n\nimport SEO from '@components/seo';\n\nimport categories from '@config/categories';\n\nimport * as styles from './styles.module.scss';\nimport FixedCta from '../components/fixedCta';\n\nconst CategoryTemplate: FC<any> = ({ location, pageContext }) => {\n    const { t } = useTranslation();\n    if (!pageContext?.content) return null;\n\n    useEffect(() => {\n        // if (window) {\n        //     window.analytics.track('Category Viewed', {\n        //         category_name: pageContext?.category,\n        //     });\n        // }\n        trackCustomEvent({\n            category: 'Category Viewed',\n            action: 'Pageview',\n            label: pageContext?.category,\n        });\n    }, []);\n\n    return (\n        <>\n            <SEO\n                {...location}\n                title={t(`category.${pageContext?.category}`)}\n                description={t(`category.${pageContext?.category}`)}\n            />\n            <FixedCta />\n            <div className={styles['category_wrapper']}>\n                <div className={styles['category_header']}>\n                    <h1 style={{ color: categories?.[pageContext?.category]?.color ?? categories.leoandlea.color }}>\n                        {t(`h1.${pageContext?.category}`)}\n                    </h1>\n                    <h2>{t(`category_page.${pageContext?.category}.h2`)}</h2>\n                    <p>{t(`category_page.${pageContext?.category}.sub_header`)}</p>\n                </div>\n                <div className={styles['post_card_grid']}>\n                    {pageContext?.content?.cards?.map(({ data, uid }: any, index: number) => (\n                        <PostCard\n                            loading={index > 2 ? 'lazy' : 'eager'}\n                            className={styles['post_card']}\n                            {...pageContext}\n                            {...data}\n                            uid={uid}\n                            key={uid}\n                        />\n                    ))}\n                    <PostBanner className={styles['post_banner_grid']} {...pageContext} />\n                </div>\n\n                <div className={styles['page_navigation']}>\n                    {pageContext?.currentPage > 1 && (\n                        <a\n                            href={`/category/${pageContext?.category}/${\n                                pageContext?.currentPage === 2 ? '' : `${pageContext?.currentPage - 1}/`\n                            }${pageContext?.isAmp ? 'amp/' : ''}`}\n                        >\n                            {t('category_page.prev_page')}\n                        </a>\n                    )}\n                    {pageContext?.currentPage < pageContext?.numPages && (\n                        <a\n                            href={`/category/${pageContext?.category}/${pageContext?.currentPage + 1}/${\n                                pageContext?.isAmp ? 'amp/' : ''\n                            }`}\n                            className={styles['next']}\n                        >\n                            {t('category_page.next_page')}\n                        </a>\n                    )}\n                </div>\n\n                <PostBanner className={styles['post_banner']} {...pageContext} />\n                <NewPosts {...pageContext} />\n            </div>\n        </>\n    );\n};\n\nexport default CategoryTemplate;\n","// extracted by mini-css-extract-plugin\nexport var brandColor = \"#846d3d\";\nexport var mainColor = \"#2f4758\";\nexport var subColor = \"#c0d1dd\";\nexport var lightColor = \"#f4f6f8\";\nexport var greyColor = \"#707070\";\nexport var darkColor = \"#363636\";\nexport var subscriptionColor = \"#65c79b\";\nexport var orderColor = \"#298df3\";\nexport var errorColor = \"#fd3894\";\nexport var frontlineColor = \"#e08912\";\nexport var categoryFoodColor = \"#e08912\";\nexport var categoryDogHealthColor = \"#298df3\";\nexport var categoryTrainingColor = \"#65c79b\";\nexport var categoryLifestyleColor = \"#fd3188\";\nexport var category_wrapper = \"styles-module--category_wrapper--3SZED\";\nexport var category_header = \"styles-module--category_header--13wqq\";\nexport var post_card_grid = \"styles-module--post_card_grid--32vCb\";\nexport var post_banner_order_a = \"styles-module--post_banner_order_a--16m1z\";\nexport var post_banner_grid = \"styles-module--post_banner_grid--1sQ7K\";\nexport var post_banner = \"styles-module--post_banner--MgWRT\";\nexport var page_navigation = \"styles-module--page_navigation--213YR\";\nexport var next = \"styles-module--next--2_Xs2\";\nexport var post_card = \"styles-module--post_card--2xTET\";\nexport var recommended = \"styles-module--recommended--3MQIt\";\nexport var recommended__cards = \"styles-module--recommended__cards--2w6pt\";"],"sourceRoot":""}