{"version":3,"file":"component---src-templates-article-index-jsx.js","mappings":"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","sources":["webpack://if-website/./src/components/if-magazine/detail/components/articleHeader/index.jsx","webpack://if-website/./src/components/if-magazine/detail/components/articleHeader/styles.module.scss","webpack://if-website/./src/components/if-magazine/detail/index.jsx","webpack://if-website/./src/components/if-magazine/detail/styles.module.scss","webpack://if-website/./src/components/ui/socialShare/styles.module.scss","webpack://if-website/./src/components/ui/socialShare/components/companyDetailIcons/index.jsx","webpack://if-website/./src/helpers/getSocialShareUrl.js","webpack://if-website/./src/components/ui/socialShare/components/articleDetailIcons/index.jsx","webpack://if-website/./src/components/ui/socialShare/components/defaultIcons/index.jsx","webpack://if-website/./src/components/ui/socialShare/index.jsx","webpack://if-website/./src/templates/article/index.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport pt from 'prop-types';\nimport Text from '../../../../ui/text';\nimport Image, { imageProptypes } from '../../../../ui/image';\nimport SocialShare from '../../../../ui/socialShare';\nimport { combine } from '../../../../../helpers/styles';\nimport Container from '../../../../../modules/container';\nimport { getMagazineArticleLink } from '../../../../../helpers/getMagazineArticleLink';\nimport CustomScrollable from '../../../../ui/customScrollable';\nimport * as styles from './styles.module.scss';\nimport { MicrocopyContext } from '../../../../../context/microcopy.context';\nimport { useLocale } from '../../../../../context/locale.context';\nimport { getCopy } from '../../../../../helpers/copy';\nimport { getFormattedDate } from '../../../../../helpers/getFormattedDate';\n\nconst ArticleHeader = ({\n  articleCategories,\n  createdAt,\n  readingTime,\n  headline,\n  subline,\n  images,\n  slug,\n}) => {\n  const microcopy = useContext(MicrocopyContext);\n  const { locale } = useLocale();\n  const createdDate = getFormattedDate(createdAt, 'MMM yyyy', locale);\n\n  const renderImage = (image, index) => (\n    <div key={index}>\n      <Image\n        image={image.image}\n        imageCaption={image.imageCaption}\n        className={styles.img}\n        focusPoint={image.focusPoint}\n      />\n    </div>\n  );\n\n  return (\n    <Container fullWidth>\n      <Container fluid small hasWhiteBg innerClass={styles.header}>\n        <div className={styles.metaWrapper}>\n          <Text\n            as=\"span\"\n            type=\"infotext\"\n            variant=\"condensed\"\n            className={styles.readingTime}\n          >\n            {getCopy('label.readingTime', microcopy)} {readingTime} min |{' '}\n            {createdDate}\n          </Text>\n          <SocialShare\n            displayLabel\n            shareURL={`${process.env.GATSBY_DOMAIN}/${getMagazineArticleLink(\n              slug\n            )}`}\n            isArticleDetail\n          />\n        </div>\n        <div className={styles.textWrapper}>\n          {articleCategories && (\n            <Text as=\"span\" type=\"articleType\" className={styles.type}>\n              {articleCategories.join(' | ')}\n            </Text>\n          )}\n          {headline && (\n            <Text as=\"h1\" type=\"h1\" variant=\"editorial\" className={styles.hl}>\n              {headline}\n            </Text>\n          )}\n          {subline && (\n            <Text as=\"h2\" type=\"h3\">\n              {subline?.subline ? subline.subline : subline}\n            </Text>\n          )}\n        </div>\n        {images && (\n          <div\n            className={combine(\n              styles.imageWrapper,\n              images.length === 1 && styles.singleImage,\n              images.length > 2 && styles.hasSlider\n            )}\n          >\n            {images.length > 2 ? (\n              <CustomScrollable>\n                {images.map((image, index) => renderImage(image, index))}\n              </CustomScrollable>\n            ) : (\n              <>{images.map((image, index) => renderImage(image, index))}</>\n            )}\n          </div>\n        )}\n      </Container>\n    </Container>\n  );\n};\n\nArticleHeader.prototype = {\n  articleType: pt.string,\n  createdAt: pt.string,\n  readingTime: pt.number,\n  headline: pt.string,\n  subline: pt.string,\n  images: pt.arrayOf(pt.shape(imageProptypes)),\n  slug: pt.string.isRequired,\n};\n\nArticleHeader.defaultProps = {\n  articleType: '',\n  createdAt: '',\n  readingTime: 0,\n  headline: '',\n  subline: '',\n  images: [],\n};\n\nexport default ArticleHeader;\n","// extracted by mini-css-extract-plugin\nexport var hasSlider = \"styles-module--hasSlider--8a092\";\nexport var header = \"styles-module--header--b83e2\";\nexport var hl = \"styles-module--hl--ba56b\";\nexport var imageWrapper = \"styles-module--imageWrapper--ff186\";\nexport var img = \"styles-module--img--dbe1d\";\nexport var metaWrapper = \"styles-module--metaWrapper--06a41\";\nexport var readingTime = \"styles-module--readingTime--691d1\";\nexport var singleImage = \"styles-module--singleImage--a7b67\";\nexport var textWrapper = \"styles-module--textWrapper--a0ace\";\nexport var type = \"styles-module--type--4a08c\";","import React from 'react';\nimport { renderDynamicComponents } from '../../cms-modules';\nimport RelatedContent from '../../cms-modules/relatedContent';\nimport ArticleHeader from './components/articleHeader';\nimport * as styles from './styles.module.scss';\n\nconst ArticleDetail = ({ data }) => {\n  const { articleContentElements, relatedContent, node_locale } = data;\n  const isMagazine = true;\n  const renderer = renderDynamicComponents;\n\n  return (\n    <>\n      <div className={styles.articleWrapper}>\n        <ArticleHeader\n          articleCategories={data.articleCategories}\n          createdAt={data.date || new Date()}\n          readingTime={data.readingTime}\n          headline={data.headline}\n          subline={data.subline}\n          images={data.images}\n          slug={data.slug}\n        />\n        {articleContentElements &&\n          renderer(articleContentElements, node_locale, isMagazine)}\n      </div>\n      {relatedContent && <RelatedContent {...relatedContent} />}\n    </>\n  );\n};\n\nexport default ArticleDetail;\n","// extracted by mini-css-extract-plugin\nexport var articleWrapper = \"styles-module--articleWrapper--56f20\";\nexport var moduleWrapper = \"styles-module--moduleWrapper--a9059\";","// extracted by mini-css-extract-plugin\nexport var contactLink = \"styles-module--contactLink--1fb10\";\nexport var contributionShareText = \"styles-module--contributionShareText--025ac\";\nexport var hideSm = \"styles-module--hideSm--86d14\";\nexport var iconWrapper = \"styles-module--iconWrapper--c9ee4\";\nexport var label = \"styles-module--label--e8640\";\nexport var link = \"styles-module--link--cc0f9\";\nexport var noMargins = \"styles-module--noMargins--8718e\";\nexport var verticallyAligned = \"styles-module--verticallyAligned--f6122\";","/* Global imports */\nimport React, { useContext } from 'react';\nimport pt from 'prop-types';\nimport Link from '../../../link';\nimport Icon from '../../../icon';\nimport * as styles from '../../styles.module.scss';\nimport Text from '../../../text';\nimport { MicrocopyContext } from '../../../../../context/microcopy.context';\nimport { getCopy } from '../../../../../helpers/copy';\n\nconst CompanyDetailSocials = ({ hasContact, companyWebsite, socialLinks }) => {\n  const microcopy = useContext(MicrocopyContext);\n\n  return (\n    <>\n      {companyWebsite && (\n        <Link link={{ externalLink: companyWebsite }}>\n          <Icon name=\"globe\" type=\"fal\" size=\"lg\" className={styles.link} />\n        </Link>\n      )}\n      {socialLinks &&\n        socialLinks.map((social, index) => (\n          <Link link={{ externalLink: social.externalLink }} key={index}>\n            <Icon\n              name={social.icon}\n              type=\"fab\"\n              size=\"lg\"\n              className={styles.link}\n            />\n          </Link>\n        ))}\n      {hasContact && (\n        <a href=\"#contact\" className={styles.contactLink}>\n          <Text as=\"span\" type=\"button\">\n            {getCopy('label.contact', microcopy)}\n          </Text>\n        </a>\n      )}\n    </>\n  );\n};\n\nCompanyDetailSocials.propTypes = {\n  hasContact: pt.bool,\n  companyWebsite: pt.string,\n  socialLinks: pt.array,\n};\nCompanyDetailSocials.defaultProps = {\n  hasContact: false,\n  companyWebsite: '',\n  socialLinks: [],\n};\n\nexport default CompanyDetailSocials;\n","import { socialShareUrls } from '../utils/constants';\n\nexport const getSocialShareUrl = (type, actualPage) => {\n  const sharingUrl = socialShareUrls.find((social) => social.id === type)?.url;\n  if (sharingUrl) {\n    return { externalLink: `${sharingUrl}${actualPage}` };\n  }\n  return null;\n};\n","/* Global imports */\nimport React from 'react';\nimport pt from 'prop-types';\nimport Link from '../../../link';\nimport Icon from '../../../icon';\nimport { getSocialShareUrl } from '../../../../../helpers/getSocialShareUrl';\nimport * as styles from '../../styles.module.scss';\n\nconst ArticleDetailSocials = ({ shareURL }) => {\n  return (\n    <>\n      <Link link={getSocialShareUrl('facebook', shareURL)}>\n        <Icon name=\"facebook\" type=\"fab\" size=\"lg\" className={styles.link} />\n      </Link>\n      <Link link={getSocialShareUrl('linkedin', shareURL)}>\n        <Icon name=\"linkedin\" type=\"fab\" size=\"lg\" className={styles.link} />\n      </Link>\n      <Link link={getSocialShareUrl('twitter', shareURL)}>\n        <Icon name=\"x-twitter\" type=\"fab\" size=\"lg\" className={styles.link} />\n      </Link>\n    </>\n  );\n};\n\nArticleDetailSocials.propTypes = {\n  shareURL: pt.string,\n};\nArticleDetailSocials.defaultProps = {\n  shareURL: '',\n};\n\nexport default ArticleDetailSocials;\n","/* Global imports */\nimport React from 'react';\nimport pt from 'prop-types';\nimport Link from '../../../link';\nimport Icon from '../../../icon';\nimport { getSocialShareUrl } from '../../../../../helpers/getSocialShareUrl';\nimport * as styles from '../../styles.module.scss';\nimport { copyToClipboard } from '../../../../../helpers/copyToClipboard';\n\nconst DefaultSocials = ({ shareURL }) => {\n  return (\n    <>\n      <Link link={getSocialShareUrl('facebook', shareURL)}>\n        <Icon name=\"facebook\" type=\"fab\" size=\"lg\" className={styles.link} />\n      </Link>\n      <Link link={getSocialShareUrl('whatsapp', shareURL)}>\n        <Icon\n          name=\"whatsapp-square\"\n          type=\"fab\"\n          size=\"lg\"\n          className={styles.link}\n        />\n      </Link>\n      <Link link={getSocialShareUrl('twitter', shareURL)}>\n        <Icon name=\"x-twitter\" type=\"fab\" size=\"lg\" className={styles.link} />\n      </Link>\n      <>\n        <Link link={getSocialShareUrl('mail', shareURL)}>\n          <Icon name=\"envelope\" type=\"fal\" size=\"lg\" className={styles.link} />\n        </Link>\n        <Icon\n          name=\"link\"\n          type=\"fal\"\n          size=\"lg\"\n          className={styles.link}\n          onClick={() => copyToClipboard(shareURL)}\n        />\n      </>\n    </>\n  );\n};\n\nDefaultSocials.propTypes = {\n  shareURL: pt.string,\n};\nDefaultSocials.defaultProps = {\n  shareURL: '',\n};\n\nexport default DefaultSocials;\n","import React, { useContext } from 'react';\nimport pt from 'prop-types';\nimport { getCopy } from '../../../helpers/copy';\nimport Text from '../text';\nimport { MicrocopyContext } from '../../../context/microcopy.context';\nimport * as styles from './styles.module.scss';\nimport CompanyDetailSocials from './components/companyDetailIcons';\nimport ArticleDetailSocials from './components/articleDetailIcons';\nimport { combine } from '../../../helpers/styles';\nimport DefaultSocials from './components/defaultIcons';\n\nconst SocialShare = ({\n  shareURL,\n  displayLabel,\n  className,\n  isDefault,\n  isCompanyDetail,\n  isArticleDetail,\n  isContributionDetail,\n  hasContact,\n  socialLinks,\n  companyWebsite,\n}) => {\n  const microcopy = useContext(MicrocopyContext);\n  return (\n    <div\n      className={combine(\n        className,\n        isCompanyDetail && styles.hideSm,\n        isContributionDetail && styles.verticallyAligned\n      )}\n    >\n      {displayLabel && (\n        <Text\n          className={combine(\n            styles.label,\n            isContributionDetail && styles.contributionShareText\n          )}\n        >\n          {getCopy(\n            isContributionDetail\n              ? 'socialShare.contributions.label'\n              : 'socialShare.label',\n            microcopy\n          )}\n        </Text>\n      )}\n      <div\n        className={combine(\n          styles.iconWrapper,\n          isContributionDetail && styles.noMargins\n        )}\n      >\n        {isCompanyDetail && (\n          <CompanyDetailSocials\n            socialLinks={socialLinks}\n            hasContact={hasContact}\n            companyWebsite={companyWebsite}\n          />\n        )}\n        {isArticleDetail && <ArticleDetailSocials shareURL={shareURL} />}\n        {isDefault && !isCompanyDetail && !isArticleDetail && (\n          <DefaultSocials shareURL={shareURL} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nSocialShare.propTypes = {\n  shareURL: pt.string.isRequired,\n  displayLabel: pt.bool,\n  className: pt.string,\n  isCompanyDetail: pt.bool,\n  isArticleDetail: pt.bool,\n  isContributionDetail: pt.bool,\n  isDefault: pt.bool,\n  socialLinks: pt.array,\n  companyWebsite: pt.string,\n};\n\nSocialShare.defaultProps = {\n  className: '',\n  displayLabel: false,\n  isCompanyDetail: false,\n  isArticleDetail: false,\n  isContributionDetail: false,\n  isDefault: true,\n  socialLinks: [],\n  companyWebsite: '',\n};\n\nexport default SocialShare;\n","import React from 'react';\nimport ArticleDetail from '../../components/if-magazine/detail';\nimport Layout from '../../modules/layout';\n\nconst ArticlePage = ({ pageContext }) => {\n  const { seoTitle, seoDescription, previewImage, slug } = pageContext;\n  return (\n    <Layout\n      title={seoTitle}\n      description={seoDescription}\n      previewImage={\n        pageContext.images?.[0]?.image?.file?.url || previewImage?.file?.url\n      }\n      isFooterBeige\n      slug={slug}\n    >\n      <ArticleDetail data={pageContext} />\n    </Layout>\n  );\n};\n\nexport default ArticlePage;\n"],"names":["ArticleHeader","articleCategories","createdAt","readingTime","headline","subline","images","slug","microcopy","useContext","MicrocopyContext","locale","useLocale","createdDate","getFormattedDate","renderImage","image","index","React","key","Image","imageCaption","className","focusPoint","Container","fullWidth","fluid","small","hasWhiteBg","innerClass","Text","as","type","variant","getCopy","SocialShare","displayLabel","shareURL","getMagazineArticleLink","isArticleDetail","join","combine","length","CustomScrollable","map","prototype","articleType","pt","imageProptypes","defaultProps","ArticleDetail","data","articleContentElements","relatedContent","node_locale","renderer","renderDynamicComponents","date","Date","RelatedContent","CompanyDetailSocials","hasContact","companyWebsite","socialLinks","Link","link","externalLink","Icon","name","size","styles","social","icon","href","propTypes","getSocialShareUrl","actualPage","_socialShareUrls$find","sharingUrl","socialShareUrls","id","url","ArticleDetailSocials","DefaultSocials","onClick","copyToClipboard","isDefault","isCompanyDetail","isContributionDetail","ArticlePage","pageContext","_pageContext$images","_pageContext$images$","_pageContext$images$$","_pageContext$images$$2","_previewImage$file","seoTitle","seoDescription","previewImage","Layout","title","description","file","isFooterBeige"],"sourceRoot":""}