{"version":3,"file":"component---src-templates-blog-pages-blog-page-template-js-e013f9e091f4ba710e3a.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/backToTopScroll/backToTopScroll.js","webpack://commercial-ultramar/./src/templates/blogPages/blogPageTemplate.js"],"sourcesContent":["import * as React from 'react';\nimport * as Styled from './backToTopScrollStyle';\nimport IconArrowDown from '../../images/icon-arrow-down.png';\n\nconst BackToTopScroll = () => {\n  const [scrollPosition, setScrollPosition] = React.useState(0);\n  const handleScroll = () => {\n    const position = window.pageYOffset;\n    setScrollPosition(position);\n  };\n\n  React.useLayoutEffect(() => {\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n  return (\n    <>\n      {scrollPosition > 0 && (\n        <Styled.MainContainer>\n          <Styled.ScrollAnchor href=\"#top\">\n            <Styled.ScrollImage src={IconArrowDown} alt=\"Return To Top\" />\n          </Styled.ScrollAnchor>\n        </Styled.MainContainer>\n      )}\n    </>\n  );\n};\n\nexport default BackToTopScroll;\n","import * as React from 'react';\nimport loadable from '@loadable/component';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport { sectionList, FormTypes } from '../../constants/queryFragments';\nimport { graphql } from 'gatsby';\nimport Cookies from 'universal-cookie';\nimport Header from '../../components/header/header';\nimport Footer from '../../components/footer/footer';\nimport GlobalStyles from '../../styles/globalStyles';\nimport BackToTopScroll from '../../components/backToTopScroll/backToTopScroll';\nimport LanguageModal from '../../components/languageModal/languageModal';\nimport { Helmet } from 'react-helmet';\nimport {\n  addTrailingSlash,\n  isValidURLLanguage,\n  validNodeLocale,\n} from '../../utils';\nconst BlogPageTemplate = ({ data, location }) => {\n  const cookies = new Cookies();\n  const [loaded, setLoaded] = React.useState(false);\n\n  const date = new Date();\n  React.useLayoutEffect(() => {\n    AOS.init();\n    AOS.refresh();\n  }, []);\n\n  const updateAndSetLanguageCookie = (language) => {\n    if (language && cookies.get('language') !== language) {\n      cookies.set('language', language, {\n        path: '/',\n        expires: new Date(\n          date.getFullYear() + 1,\n          date.getMonth(),\n          date.getDate()\n        ),\n      });\n      return language;\n    }\n  };\n\n  const selectedRegion = cookies.get('region')?.toUpperCase()\n    ? cookies.get('region')?.toUpperCase().toUpperCase()\n    : 'NB';\n\n  React.useLayoutEffect(() => {\n    setLoaded(true);\n    AOS.init();\n    AOS.refresh();\n  }, []);\n\n  const urlLanguage = location?.pathname?.split('/')?.find((lang) => lang);\n\n  const selectedLanguage =\n    isValidURLLanguage(urlLanguage) &&\n    validNodeLocale(urlLanguage) &&\n    cookies.get('language') !== validNodeLocale(urlLanguage)\n      ? updateAndSetLanguageCookie(validNodeLocale(urlLanguage))\n      : cookies.get('language')\n      ? cookies.get('language')\n      : 'en-US';\n\n  const languageFilteredData =\n    data?.allContentfulUltramarCommercial?.edges?.find(\n      (edge) => edge?.node?.node_locale === selectedLanguage\n    );\n\n  const englishSlug = data?.allContentfulUltramarCommercial?.edges?.find(\n    (edge) => edge?.node?.node_locale === 'en-US'\n  )?.node?.slug;\n\n  const frenchSlug = data?.allContentfulUltramarCommercial?.edges?.find(\n    (edge) => edge?.node?.node_locale === 'fr-CA'\n  )?.node?.slug;\n\n  const sectionsArray = languageFilteredData?.node?.sections?.find(\n    (region) => region.abbreviation === selectedRegion\n  )?.sections;\n\n  return !loaded ? (\n    <>\n      <Helmet>\n        <title>\n          {languageFilteredData?.node?.title\n            ? languageFilteredData?.node?.title + ' | Ultramar'\n            : 'Energy Solutions for Residential and Businesses | Ultramar'}\n        </title>\n        {englishSlug && (\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + englishSlug)}\n            hreflang=\"en-ca\"\n          ></link>\n        )}\n        {frenchSlug && (\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + frenchSlug)}\n            hreflang=\"fr-ca\"\n          ></link>\n        )}\n        {languageFilteredData?.node?.metadata && (\n          <meta\n            name=\"description\"\n            content={languageFilteredData?.node?.metadata}\n          ></meta>\n        )}\n      </Helmet>\n      <GlobalStyles />\n      <Header englishSlug={englishSlug} frenchSlug={frenchSlug} />\n      <>\n        {sectionsArray &&\n          sectionsArray.map((section, index) => {\n            if (\n              section?.type &&\n              sectionList?.includes(section?.type) &&\n              !FormTypes?.includes(section?.type)\n            ) {\n              const SectionComponent = loadable(() =>\n                import(`../../components/${section.type}/${section.type}`)\n              );\n              return <SectionComponent key={index} sectionData={section} />;\n            }\n            return <></>;\n          })}\n      </>\n      <BackToTopScroll />\n      <Footer />\n    </>\n  ) : (\n    <>\n      <Helmet>\n        <title>\n          {languageFilteredData?.node?.title\n            ? languageFilteredData?.node?.title + ' | Ultramar'\n            : 'Energy Solutions for Residential and Businesses | Ultramar'}\n        </title>\n        {englishSlug && (\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + englishSlug)}\n            hreflang=\"en-ca\"\n          ></link>\n        )}\n        {frenchSlug && (\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + frenchSlug)}\n            hreflang=\"fr-ca\"\n          ></link>\n        )}\n      </Helmet>\n      <GlobalStyles />\n      <LanguageModal />\n      <Header englishSlug={englishSlug} frenchSlug={frenchSlug} />\n      <>\n        {sectionsArray &&\n          sectionsArray.map((section, index) => {\n            if (section?.type && sectionList.includes(section?.type)) {\n              const SectionComponent = loadable(() =>\n                import(`../../components/${section.type}/${section.type}`)\n              );\n              return <SectionComponent key={index} sectionData={section} />;\n            }\n            return <></>;\n          })}\n      </>\n      <BackToTopScroll />\n      <Footer />\n    </>\n  );\n};\n\nexport default BlogPageTemplate;\n\nexport const pageQuery = graphql`\n  query allBlogPagesQuery(\n    $pageIdentifier: String!\n    $contentfulContent: Boolean!\n    $contentfulTextWithImage: Boolean!\n    $contentfulContentList: Boolean!\n  ) {\n    allContentfulUltramarCommercial(\n      filter: { identifier: { type: { eq: $pageIdentifier } } }\n    ) {\n      edges {\n        node {\n          name\n          identifier {\n            type\n          }\n          slug\n          metadata\n          title\n          node_locale\n          sections {\n            ... on ContentfulRegions {\n              id\n              title\n              abbreviation\n              sections {\n                ...TextWithImage @include(if: $contentfulTextWithImage)\n                ...PageContent @include(if: $contentfulContent)\n                ...ContentList @include(if: $contentfulContentList)\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["React","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","addEventListener","passive","removeEventListener","href","src","IconArrowDown","alt","BlogPageTemplate","data","location","cookies","Cookies","loaded","setLoaded","date","Date","AOS","updateAndSetLanguageCookie","language","get","set","path","expires","getFullYear","getMonth","getDate","selectedRegion","toUpperCase","urlLanguage","pathname","split","find","lang","selectedLanguage","isValidURLLanguage","validNodeLocale","languageFilteredData","allContentfulUltramarCommercial","edges","edge","node","node_locale","englishSlug","slug","frenchSlug","sectionsArray","sections","region","abbreviation","title","rel","addTrailingSlash","process","hreflang","map","section","index","type","sectionList","SectionComponent","loadable","key","sectionData","metadata","name","content","FormTypes","pageQuery"],"sourceRoot":""}