{"version":3,"file":"85cebdf7212a07488fb9d277e0d195d5189bad41-cdc2987e1e0cf4ce5dc8.js","mappings":"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","sources":["webpack://atlas/./src/components/core/Breadcrumbs/Breadcrumbs.styles.ts","webpack://atlas/./src/components/core/Breadcrumbs/BreadcrumbItem.tsx","webpack://atlas/./src/components/core/Breadcrumbs/Breadcrumbs.tsx","webpack://atlas/./src/components/core/FeaturedImage/FeaturedImage.styles.ts","webpack://atlas/./src/components/core/FeaturedImage/FeaturedImage.tsx"],"sourcesContent":["import styled from \"@emotion/styled\"\n\nimport { Link as CoreLink } from \"components/core/Link\"\nimport { rgba } from \"utils/cssUtils\"\n\nexport const OrderedList = styled.ol`\n  display: flex;\n  flex: row;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n`\n\nexport const ListItem = styled.li``\n\nexport const Link = styled(CoreLink)`\n  text-decoration: none;\n\n  :hover {\n    opacity: 0.8;\n  }\n\n  :visited {\n    color: ${p => p.theme.colors.primaryMedium};\n  }\n`\n\nexport const Name = styled.span<{ isLast?: boolean }>`\n  ${p =>\n    p.isLast\n      ? p.theme.typography.standard.size_14px.normal()\n      : p.theme.typography.standard.size_14px.semibold()}\n  color: ${p =>\n    p.isLast\n      ? rgba(p.theme.colors.primaryMedium, 0.7)\n      : p.theme.colors.primaryMedium};\n  line-height: 1.5;\n`\n\nexport const Divider = styled.span`\n  ${p => p.theme.typography.standard.size_14px.normal()}\n  color: ${p => p.theme.colors.primaryMedium};\n  margin: 0 10px;\n`\n","import React from \"react\"\n\nimport { getBreadcrumbsUri } from \"utils/getBreadcrumbsUri\"\n\nimport * as S from \"./Breadcrumbs.styles\"\n\nexport interface BreadcrumbItemProps {\n  url: string\n  text: string\n  index?: number\n  isLast?: boolean\n}\n\nexport const BreadcrumbItem = ({\n  url,\n  text,\n  index,\n  isLast,\n}: BreadcrumbItemProps) => {\n  return (\n    <S.ListItem\n      key={index}\n      itemScope\n      itemProp=\"itemListElement\"\n      itemType=\"https://schema.org/ListItem\"\n    >\n      <S.Link itemProp=\"item\" to={getBreadcrumbsUri(url)}>\n        <S.Name isLast={isLast} itemProp=\"name\">\n          {text}\n        </S.Name>\n      </S.Link>\n      <meta content={index?.toString()} itemProp=\"position\" />\n      {!isLast && <S.Divider>{\"/\"}</S.Divider>}\n    </S.ListItem>\n  )\n}\n","import React from \"react\"\n\nimport { BreadcrumbItem, BreadcrumbItemProps } from \"./BreadcrumbItem\"\nimport * as S from \"./Breadcrumbs.styles\"\n\ninterface BreadcrumbProps {\n  breadcrumbItems: Array<BreadcrumbItemProps>\n}\n\nexport const Breadcrumbs = ({ breadcrumbItems }: BreadcrumbProps) => {\n  return (\n    <S.OrderedList itemScope itemType=\"https://schema.org/BreadcrumbList\">\n      {breadcrumbItems.map((item, index, array) => (\n        <BreadcrumbItem\n          {...item}\n          key={`${item.text}-${item.index}`}\n          index={index + 1}\n          isLast={array.length - 1 === index}\n        />\n      ))}\n    </S.OrderedList>\n  )\n}\n","import { ImgLite } from \"@avantstay/img-lite\"\nimport styled from \"@emotion/styled\"\n\nimport { Link } from \"components/core/Link\"\nimport { minTabletMediaQuery } from \"theme/media-queries\"\nimport { rgba } from \"utils/cssUtils\"\n\nexport const Container = styled.div`\n  margin: 60px 20px 0;\n  background-color: ${p => rgba(p.theme.colors.primaryExtremelyLight, 0.7)};\n  position: relative;\n`\n\nexport const FeaturedImage = styled(ImgLite)`\n  width: 100%;\n  height: 40vh;\n  max-height: 537px;\n`\n\nexport const Subcontainer = styled.div`\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 40px 16px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n`\n\nexport const Title = styled(Link)`\n  ${p => p.theme.typography.special.size_24px.bold()}\n  color: ${p => p.theme.colors.primaryMedium};\n  margin: 0 auto 8px;\n  text-decoration: none;\n\n  ${minTabletMediaQuery} {\n    ${p => p.theme.typography.special.size_32px.bold()}\n  }\n`\n\nexport const Text = styled.p`\n  ${p => p.theme.typography.standard.size_14px.normal()}\n  color: ${p => rgba(p.theme.colors.primaryMedium, 0.7)};\n  margin: 0 auto;\n`\n\nexport const Category = styled(Link)`\n  ${p => p.theme.typography.standard.size_18px.semibold()}\n  color: ${p => p.theme.colors.accentMedium};\n  line-height: 1.5;\n  max-width: 800px;\n  margin: 0 auto 6px;\n  text-decoration: none;\n\n  :hover {\n    cursor: pointer;\n    opacity: 0.8;\n  }\n\n  :visited {\n    color: ${p => p.theme.colors.accentMedium};\n    text-decoration: none;\n  }\n`\n","import React, { FC } from \"react\"\n\nimport { Link } from \"components/core/Link\"\nimport { PinterestSaveButton } from \"components/core/PinterestSaveButton\"\nimport { usePinterestVisibilityProps } from \"hooks/usePinterestVisibilityProps\"\nimport { Post } from \"types\"\nimport { getOriginPage } from \"utils/getOriginPage\"\nimport { segmentTrack } from \"utils/segmentAnalytics\"\n\nimport * as S from \"./FeaturedImage.styles\"\n\ninterface FeaturedImageProps {\n  category?: string\n  categoryUrl?: string\n  featuredImage?: Post[\"featuredImage\"]\n  postUrl?: string\n  pinterest?: { url: string }\n  text?: string\n  title?: string\n}\n\nconst DEFAULT_POST_URL = \"/\"\n\nexport const FeaturedImage: FC<FeaturedImageProps> = ({\n  category,\n  categoryUrl,\n  featuredImage,\n  pinterest,\n  postUrl = DEFAULT_POST_URL,\n  text,\n  title,\n}) => {\n  const image = featuredImage?.node\n  const originPage = getOriginPage()\n\n  const { imageProps, pinterestButtonProps } = usePinterestVisibilityProps()\n\n  const trackPostView = () =>\n    postUrl !== DEFAULT_POST_URL\n      ? segmentTrack(`blog.${originPage}.view_post`, {\n          category,\n        })\n      : undefined\n\n  return (\n    <S.Container>\n      {image?.sourceUrl && (\n        <>\n          <Link to={postUrl} onClick={trackPostView}>\n            <S.FeaturedImage\n              alt={image?.altText}\n              avif={process.env.GATSBY_IMGLITE_AVIF === \"true\"}\n              fit=\"cover\"\n              quality={100}\n              src={image.sourceUrl}\n              {...imageProps}\n            />\n          </Link>\n          {pinterest && (\n            <PinterestSaveButton\n              description={title}\n              image={image.sourceUrl}\n              url={pinterest.url}\n              {...pinterestButtonProps}\n            />\n          )}\n        </>\n      )}\n      {title && (\n        <S.Subcontainer>\n          {!!categoryUrl && (\n            <S.Category\n              to={categoryUrl}\n              onClick={() => segmentTrack(\"blog.category.click\")}\n            >\n              {category}\n            </S.Category>\n          )}\n          <S.Title\n            to={postUrl !== DEFAULT_POST_URL ? postUrl : \"\"}\n            onClick={trackPostView}\n          >\n            {title}\n          </S.Title>\n          <S.Text>{text}</S.Text>\n        </S.Subcontainer>\n      )}\n    </S.Container>\n  )\n}\n"],"names":["OrderedList","_styled","target","name","styles","ListItem","Link","CoreLink","p","theme","colors","primaryMedium","Name","isLast","typography","standard","size_14px","normal","semibold","rgba","Divider","BreadcrumbItem","_ref","url","text","index","___EmotionJSX","S","key","itemScope","itemProp","itemType","to","getBreadcrumbsUri","content","toString","Breadcrumbs","breadcrumbItems","map","item","array","_extends","length","Container","primaryExtremelyLight","FeaturedImage","ImgLite","Subcontainer","Title","special","size_24px","bold","minTabletMediaQuery","size_32px","Text","Category","size_18px","accentMedium","DEFAULT_POST_URL","category","categoryUrl","featuredImage","pinterest","postUrl","title","image","node","originPage","getOriginPage","imageProps","pinterestButtonProps","usePinterestVisibilityProps","trackPostView","segmentTrack","undefined","sourceUrl","React","onClick","alt","altText","avif","process","fit","quality","src","PinterestSaveButton","description"],"sourceRoot":""}