{"version":3,"file":"components-headerWithParagraph-headerWithParagraph-231a7838cbb622798377.js","mappings":"0PAuIA,UA3H4B,SAAHA,GAAmC,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAA5BC,EAAWP,EAAXO,YAAaC,EAAQR,EAARQ,SACpCC,EAAmB,CACvBC,YAAUT,EAAA,GAAAA,EACPU,EAAAA,OAAAA,IAAY,kBAAMC,EAAAA,cAACC,EAAAA,gBAAsB,KAAG,EAAAZ,EAC5CU,EAAAA,OAAAA,WAAmB,SAACG,EAAMC,GAAQ,OACjCH,EAAAA,cAACC,EAAAA,SAAe,KAAEE,EAA2B,EAC9Cd,EACAU,EAAAA,OAAAA,WAAmB,SAACG,EAAMC,GAAQ,OACjCH,EAAAA,cAACC,EAAAA,SAAe,KAAEE,EAA2B,EAC9Cd,EACAU,EAAAA,OAAAA,WAAmB,SAACG,EAAMC,GAAQ,OACjCH,EAAAA,cAACC,EAAAA,SAAe,KAAEE,EAA2B,EAC9Cd,EACAU,EAAAA,OAAAA,WAAmB,SAACG,EAAMC,GAAQ,OACjCH,EAAAA,cAACC,EAAAA,SAAe,CAACG,SAA6B,WAAnBD,EAAS,GAAG,IACpCA,EACe,EACnBd,EACAU,EAAAA,OAAAA,SAAiB,SAACG,EAAMC,GAAQ,OAC/BH,EAAAA,cAACC,EAAAA,cAAoB,KAAEE,EAAgC,EACxDd,EACAU,EAAAA,OAAAA,WAAmB,SAACG,EAAMC,GAAQ,OACjCH,EAAAA,cAACC,EAAAA,UAAgB,KAAEE,EAA4B,EAChDd,EACAU,EAAAA,OAAAA,gBAAwB,SAACG,GAAU,IAADG,EAAAC,EAAAC,EAAAC,EAAAC,EAC3BC,GAAQC,EAAAA,EAAAA,GAAoBT,EAAKU,KAAKC,OAAOC,IAAIC,IACvD,OAAOL,EAAMR,KAAKc,KAAKC,IAAIC,SAAS,SAClCR,SAAW,QAANL,EAALK,EAAOR,YAAI,IAAAG,GAAXA,EAAac,YACXnB,EAAAA,cAACC,EAAAA,UAAgB,CACfmB,MACEC,EAAAA,EAAAA,IAAkBX,SAAW,QAANJ,EAALI,EAAOR,YAAI,IAAAI,OAAN,EAALA,EAAaa,aAC3BT,SAAW,QAANH,EAALG,EAAOR,YAAI,IAAAK,OAAN,EAALA,EAAaY,aACbG,EAAAA,EAAAA,IACEC,mCAAgCb,SAAW,QAANF,EAALE,EAAOR,YAAI,IAAAM,OAAN,EAALA,EAAaW,cAGrDN,QACEW,EAAAA,EAAAA,IAAcd,SAAW,QAAND,EAALC,EAAOR,YAAI,IAAAO,OAAN,EAALA,EAAaU,aAAe,SAAW,SAGvDnB,EAAAA,cAACC,EAAAA,WAAiB,CAChBwB,IAAKf,EAAMR,KAAKc,KAAKC,IACrBS,IAAKhB,EAAMR,KAAKyB,SAIpB3B,EAAAA,cAACC,EAAAA,WAAiB,CAChBwB,IAAKf,EAAMR,KAAKc,KAAKC,IACrBS,IAAKhB,EAAMR,KAAKyB,QAIpB3B,EAAAA,cAAAA,EAAAA,SAAA,KAEJ,EAACX,EACAuC,EAAAA,QAAAA,WAAoB,SAAC1B,EAAMC,GAAQ,IAAA0B,EAAAC,EAAAC,EAAAC,EAAA,OAClCC,EAAAA,EAAAA,IAAc/B,EAAKU,KAAKsB,KACtBlC,EAAAA,cAACC,EAAAA,eAAqB,KACpBD,EAAAA,cAACC,EAAAA,OAAa,CAACwB,IAAKvB,EAAKU,KAAKsB,IAAKC,YAAY,OAGjDnC,EAAAA,cAACC,EAAAA,UAAgB,CACfmB,MACEC,EAAAA,EAAAA,IAAkBnB,SAAU,QAAN2B,EAAJ3B,EAAMU,YAAI,IAAAiB,OAAN,EAAJA,EAAYK,KAC1BhC,SAAU,QAAN4B,EAAJ5B,EAAMU,YAAI,IAAAkB,OAAN,EAAJA,EAAYI,KACZZ,EAAAA,EAAAA,IACEC,mCAAgCrB,SAAU,QAAN6B,EAAJ7B,EAAMU,YAAI,IAAAmB,OAAN,EAAJA,EAAYG,MAGpDrB,QAAQW,EAAAA,EAAAA,IAActB,SAAU,QAAN8B,EAAJ9B,EAAMU,YAAI,IAAAoB,OAAN,EAAJA,EAAYE,KAAO,SAAW,SAEnD/B,EAEJ,EAAAd,EACFuC,EAAAA,QAAAA,iBAA0B,SAAC1B,EAAMC,GAAc,IAADiC,EAAAC,EAAAC,EAElCC,EAAAC,EADL9B,GAAQ+B,EAAAA,EAAAA,GAAoBvC,SAAU,QAANkC,EAAJlC,EAAMU,YAAI,IAAAwB,GAAQ,QAARC,EAAVD,EAAYvB,cAAM,IAAAwB,GAAK,QAALC,EAAlBD,EAAoBvB,WAAG,IAAAwB,OAAnB,EAAJA,EAAyBvB,IAC3D,GAAIL,EACF,OACEV,EAAAA,cAACC,EAAAA,UAAgB,CAACmB,KAAMV,SAAW,QAAN6B,EAAL7B,EAAOR,YAAI,IAAAqC,GAAM,QAANC,EAAXD,EAAavB,YAAI,IAAAwB,OAAZ,EAALA,EAAmBvB,IAAKJ,OAAQ,UACrDV,EAIT,EAACd,GAEHqD,WAAY,SAACC,GAAI,OACfA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAC,MAAK,CAACA,EAAI,GAAK9C,EAAAA,cAAA,MAAI+C,IAAKD,IAAOH,EAAK,GAAC,GAgB1E,OAbA3C,EAAAA,WAAegD,EAAAA,EAAAA,GAAAC,IAAAA,MAAC,SAAAC,IAAA,IAAAC,EAAA,OAAAF,IAAAA,MAAA,SAAAG,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,WACV3D,aAAW,EAAXA,EAAa4D,cAAc3D,SAAc,QAANuD,EAARvD,EAAU4D,YAAI,IAAAL,OAAN,EAARA,EAAgBM,QAAQ,IAAK,KAAG,CAAAL,EAAAE,KAAA,eAAAF,EAAAE,KAAA,EACtC,IAAII,SAAQ,SAACC,GAAa,IAADC,GACtC,QAARA,EAAAC,gBAAQ,IAAAD,OAAA,EAARA,EAAUE,eAAenE,aAAW,EAAXA,EAAa4D,aAAcI,GAAQ,EAC9D,IAAG,KAAD,EAFYP,EAAAW,MAIZC,YAAW,WACTC,OAAOrE,SAASwB,KAAI,KAAOzB,aAAW,EAAXA,EAAa4D,UAC1C,GAAG,KACJ,wBAAAH,EAAAc,OAAA,GAAAhB,EAAA,KAEF,CAACvD,aAAW,EAAXA,EAAa4D,YAGfvD,EAAAA,cAACC,EAAAA,QAAc,MACZN,SAAsB,QAAXL,EAAXK,EAAa4D,iBAAS,IAAAjE,OAAX,EAAXA,EAAwB6E,SACvBnE,EAAAA,cAACC,EAAAA,UAAgB,CACfc,GAAIpB,SAAsB,QAAXJ,EAAXI,EAAa4D,iBAAS,IAAAhE,OAAX,EAAXA,EAAwB4E,UAG/BxE,SAAmB,QAARH,EAAXG,EAAayE,cAAM,IAAA5E,OAAR,EAAXA,EAAqB2E,SACpBnE,EAAAA,cAACC,EAAAA,SAAe,KAAEN,EAAYyE,SAE/BzE,SAAmB,QAARF,EAAXE,EAAayE,cAAM,IAAA3E,OAAR,EAAXA,EAAqB0E,SACpBnE,EAAAA,cAACC,EAAAA,SAAe,KAAEN,EAAY0E,UAE/B1E,aAAW,EAAXA,EAAa2E,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAM9E,SAA2B,QAAhBD,EAAXC,EAAa2E,sBAAc,IAAA5E,OAAhB,EAAXA,EAA6BgF,KACxC7E,GAIV,C,ydCpIa8E,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,oCAAAC,YAAA,gBAAVF,CAAU,4KAYpBG,EAAkBH,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,4CAAAC,YAAA,gBAATF,CAAS,2HAW3BI,EAAWJ,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,qCAAAC,YAAA,gBAATF,CAAS,+PAgBpBK,EAAWL,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,qCAAAC,YAAA,gBAATF,CAAS,uOAepBM,EAAWN,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,qCAAAC,YAAA,gBAATF,CAAS,mOAOtB,SAACO,GAAK,OAAMA,SAAAA,EAAO/E,SAAW,UAAY,SAAS,IAQjDgF,EAAaR,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uCAAAC,YAAA,gBAAVF,CAAU,kLAavBS,EAAgBT,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,0CAAAC,YAAA,gBAATF,CAAS,kCAIzBU,EAAYV,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,sCAAAC,YAAA,gBAATF,CAAS,+HAIdW,EAAAA,GAMPC,EAAWZ,EAAAA,QAAAA,EAAAA,WAAQ,CAAAC,YAAA,qCAAAC,YAAA,gBAARF,CAAQ,iGASnBa,EAAYb,EAAAA,QAAAA,EAAAA,WAAQ,CAAAC,YAAA,sCAAAC,YAAA,gBAARF,CAAQ,gHAWpBc,EAAYd,EAAAA,QAAAA,KAAAA,WAAW,CAAAC,YAAA,sCAAAC,YAAA,iBAAXF,CAAW,2GAUvBe,EAAiBf,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,2CAAAC,YAAA,iBAAVF,CAAU,2EAO3BgB,EAAShB,EAAAA,QAAAA,OAAAA,WAAa,CAAAC,YAAA,mCAAAC,YAAA,iBAAbF,CAAa,yG","sources":["webpack://chevronParkland/./src/components/headerWithParagraph/headerWithParagraph.js","webpack://chevronParkland/./src/components/headerWithParagraph/headerWithParagraphStyle.js"],"sourcesContent":["import * as React from 'react';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { useContentfulImages } from '../../hooks/useContentfulImages';\nimport * as Styled from './headerWithParagraphStyle';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport isExternalUrl, {\n  addTrailingSlash,\n  isExternalUrlhref,\n  isYoutubeLink,\n} from '../../utils';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\n\nconst HeaderWithParagraph = ({ sectionData, location }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.HR]: () => <Styled.HorizontalBreak />,\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n      [BLOCKS.HEADING_1]: (node, children) => (\n        <Styled.HeaderH1>{children}</Styled.HeaderH1>\n      ),\n      [BLOCKS.HEADING_2]: (node, children) => (\n        <Styled.HeaderH2>{children}</Styled.HeaderH2>\n      ),\n      [BLOCKS.HEADING_3]: (node, children) => (\n        <Styled.HeaderH3 isRetail={children[0][1] === 'Retail' ? true : false}>\n          {children}\n        </Styled.HeaderH3>\n      ),\n      [BLOCKS.UL_LIST]: (node, children) => (\n        <Styled.UnorderedList>{children}</Styled.UnorderedList>\n      ),\n      [BLOCKS.LIST_ITEM]: (node, children) => (\n        <Styled.ListItems>{children}</Styled.ListItems>\n      ),\n      [BLOCKS.EMBEDDED_ASSET]: (node) => {\n        const asset = useContentfulImages(node.data.target.sys.id);\n        return asset.node.file.url.includes('image') ? (\n          asset?.node?.description ? (\n            <Styled.LinkStyle\n              href={\n                isExternalUrlhref(asset?.node?.description)\n                  ? asset?.node?.description\n                  : addTrailingSlash(\n                      process.env.GATSBY_DOMAIN_URL + asset?.node?.description\n                    )\n              }\n              target={\n                isExternalUrl(asset?.node?.description) ? '_blank' : '_self'\n              }\n            >\n              <Styled.ImageStyle\n                src={asset.node.file.url}\n                alt={asset.node.title}\n              />\n            </Styled.LinkStyle>\n          ) : (\n            <Styled.ImageStyle\n              src={asset.node.file.url}\n              alt={asset.node.title}\n            />\n          )\n        ) : (\n          <></>\n        );\n      },\n      [INLINES.HYPERLINK]: (node, children) =>\n        isYoutubeLink(node.data.uri) ? (\n          <Styled.VideoContainer>\n            <Styled.Iframe src={node.data.uri} frameborder=\"0\"></Styled.Iframe>\n          </Styled.VideoContainer>\n        ) : (\n          <Styled.LinkStyle\n            href={\n              isExternalUrlhref(node?.data?.uri)\n                ? node?.data?.uri\n                : addTrailingSlash(\n                    process.env.GATSBY_DOMAIN_URL + node?.data?.uri\n                  )\n            }\n            target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n          >\n            {children}\n          </Styled.LinkStyle>\n        ),\n      [INLINES.ASSET_HYPERLINK]: (node, children) => {\n        const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n        if (asset) {\n          return (\n            <Styled.LinkStyle href={asset?.node?.file?.url} target={'_blank'}>\n              {children}\n            </Styled.LinkStyle>\n          );\n        }\n      },\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n\n  React.useEffect(async () => {\n    if (sectionData?.elementId === location?.hash?.replace('#', '')) {\n      const waitedID = await new Promise((resolve) => {\n        document?.getElementById(sectionData?.elementId) && resolve(true);\n      });\n      if (waitedID) {\n        setTimeout(() => {\n          window.location.href = `#${sectionData?.elementId}`;\n        }, 500);\n      }\n    }\n  }, [sectionData?.elementId]);\n\n  return (\n    <Styled.MainDiv>\n      {sectionData?.elementId?.trim() && (\n        <Styled.SpanStyle\n          id={sectionData?.elementId?.trim()}\n        ></Styled.SpanStyle>\n      )}\n      {sectionData?.header?.trim() && (\n        <Styled.HeaderH1>{sectionData.header}</Styled.HeaderH1>\n      )}\n      {sectionData?.header?.trim() && (\n        <Styled.HeaderH2>{sectionData.subText}</Styled.HeaderH2>\n      )}\n      {sectionData?.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData?.contentDetails?.raw),\n          optionsMainStyle\n        )}\n    </Styled.MainDiv>\n  );\n};\nexport default HeaderWithParagraph;\n","import styled from 'styled-components';\nimport ArrowImg from '../../images/arrow-blue.png';\nexport const MainDiv = styled.div`\n  color: #666;\n  font-family: 'Gotham-Book', arial, sans-serif;\n  font-size: 15px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n\n  @media (max-width: 767px) {\n    font-size: 15px;\n    line-height: 22px;\n  }\n`;\nexport const HorizontalBreak = styled.hr`\n  height: 1px;\n  border: none;\n  background: #e5e5e5;\n  margin: 50px 0;\n  clear: both;\n  opacity: 1;\n  @media (max-width: 767px) {\n    margin: 30px 0;\n  }\n`;\nexport const HeaderH1 = styled.h1`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-Light', arial, sans-serif;\n  font-weight: normal !important;\n  font-size: 45px;\n  line-height: 50px;\n  color: #083a81;\n  @media (max-width: 991px) {\n    padding-top: 10px;\n  }\n  @media (max-width: 767px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\nexport const HeaderH2 = styled.h2`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-Light', arial, sans-serif;\n  font-weight: normal !important;\n  font-size: 35px;\n  line-height: 40px;\n  color: #0069aa;\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const HeaderH3 = styled.h3`\n  margin: 0 0 35px 0;\n  padding: 0;\n  font-family: 'Gotham-Light', arial, sans-serif;\n  font-weight: normal !important;\n  font-size: 28px;\n  line-height: 35px;\n  color: ${(props) => (props?.isRetail ? '#2c64a8' : '#008752')};\n  @media (max-width: 767px) {\n    font-size: 18px;\n    line-height: 23px;\n    margin-bottom: 20px;\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  height: auto !important;\n  width: auto !important;\n  border: 0;\n  vertical-align: top;\n  margin: 0 0 30px 0;\n  padding: 0;\n  @media (max-width: 399px) {\n    width: 100% !important;\n    height: auto !important;\n  }\n`;\n\nexport const UnorderedList = styled.ul`\n  margin: 0 0 30px 0;\n  padding: 0;\n`;\nexport const ListItems = styled.li`\n  margin: 0;\n  padding: 4px 0 4px 25px;\n  list-style: none;\n  background: url(${ArrowImg}) no-repeat 0 10px;\n  background-size: 7px auto;\n  p {\n    margin: 0;\n  }\n`;\nexport const ParaText = styled.p`\n  margin: 0 0 30px 0;\n  padding: 0;\n  b {\n    font-family: 'Gotham-Bold', arial, sans-serif;\n    font-weight: bold;\n  }\n`;\n\nexport const LinkStyle = styled.a`\n  cursor: pointer;\n  text-decoration: none;\n  color: #1fb25a;\n  :hover {\n    text-decoration: none;\n    color: #0397d6;\n    outline: none;\n  }\n`;\n\nexport const SpanStyle = styled.span`\n  position: relative;\n  top: -105px;\n  @media (max-width: 991px) {\n    top: -80px;\n  }\n  @media (max-width: 767px) {\n    top: -70px;\n  }\n`;\nexport const VideoContainer = styled.div`\n  position: relative;\n  width: 100%;\n  padding-bottom: 56%;\n  margin: 40px 0 40px 0;\n`;\n\nexport const Iframe = styled.iframe`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: 0 1px 3px #969696;\n`;\n"],"names":["_ref","_renderNode","_sectionData$elementI","_sectionData$elementI2","_sectionData$header","_sectionData$header2","_sectionData$contentD","sectionData","location","optionsMainStyle","renderNode","BLOCKS","React","Styled","node","children","isRetail","_asset$node","_asset$node2","_asset$node3","_asset$node4","_asset$node5","asset","useContentfulImages","data","target","sys","id","file","url","includes","description","href","isExternalUrlhref","addTrailingSlash","process","isExternalUrl","src","alt","title","INLINES","_node$data","_node$data2","_node$data3","_node$data4","isYoutubeLink","uri","frameborder","_node$data5","_node$data5$target","_node$data5$target$sy","_asset$node6","_asset$node6$file","useContentfulAssets","renderText","text","split","flatMap","i","key","_asyncToGenerator","_regeneratorRuntime","_callee","_location$hash","_context","prev","next","elementId","hash","replace","Promise","resolve","_document","document","getElementById","sent","setTimeout","window","stop","trim","header","subText","contentDetails","documentToReactComponents","JSON","parse","raw","MainDiv","styled","displayName","componentId","HorizontalBreak","HeaderH1","HeaderH2","HeaderH3","props","ImageStyle","UnorderedList","ListItems","ArrowImg","ParaText","LinkStyle","SpanStyle","VideoContainer","Iframe"],"sourceRoot":""}