{"version":3,"file":"component---src-templates-common-page-common-page-template-js-50453111836bc87dc408.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/backToTopScroll/backToTopScroll.js","webpack://commercial-ultramar/./src/templates/commonPage/commonPageTemplate.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 { useEffect } from 'react';\nimport loadable from '@loadable/component';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport { sectionList, FormTypes } from '../../constants/queryFragments';\nimport { graphql, navigate } 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 { I18nextProvider } from 'react-i18next';\nimport i18next from '../../i18next';\nimport {\n  addTrailingSlash,\n  isValidURLLanguage,\n  isValidURLRegion,\n  validNodeLocale,\n} from '../../utils';\nimport ogLogo from '../../images/og-logo.jpg';\n\nconst CommonPageTemplate = ({ 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  React.useEffect(() => {\n    setLoaded(true);\n    if (!window.location.hash) {\n      window.scrollTo(0, 0);\n    }\n  }, []);\n  const queryParams = new URLSearchParams(location?.search);\n  const regionQueryParams = queryParams.get('region')?.toUpperCase();\n\n  typeof window !== 'undefined' &&\n    regionQueryParams &&\n    window?.history?.replaceState({}, document?.title, location?.pathname);\n\n  const updateAndSetRegionCookie = () => {\n    if (\n      isValidURLRegion(regionQueryParams) &&\n      cookies.get('region')?.toUpperCase() !== regionQueryParams\n    ) {\n      cookies.set('region', regionQueryParams?.toLowerCase(), {\n        path: '/',\n        expires: new Date(\n          date.getFullYear() + 1,\n          date.getMonth(),\n          date.getDate()\n        ),\n      });\n      return regionQueryParams;\n    }\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 =\n    isValidURLRegion(regionQueryParams) &&\n    cookies.get('region')?.toUpperCase() !== regionQueryParams\n      ? updateAndSetRegionCookie()\n      : cookies.get('region')?.toUpperCase()\n      ? cookies.get('region')?.toUpperCase()\n      : 'NB';\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 regionLanguageFilteredData =\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 = regionLanguageFilteredData?.node?.sections?.filter(\n    (region) => region.abbreviation === selectedRegion\n  )[0]?.sections;\n\n  useEffect(() => {\n    !sectionsArray &&\n      isValidURLLanguage(urlLanguage) &&\n      (urlLanguage === 'fr'\n        ? navigate('/fr/contenu-indisponible/')\n        : navigate('/en/content-unavailable/'));\n  }, [sectionsArray]);\n\n  return !loaded ? (\n    <>\n      <Helmet>\n        <title>\n          {regionLanguageFilteredData?.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        {regionLanguageFilteredData?.node?.metadata && (\n          <meta\n            name=\"description\"\n            content={regionLanguageFilteredData?.node?.metadata}\n          ></meta>\n        )}\n        {regionLanguageFilteredData?.node?.hasIndex === false && (\n          <meta name=\"robots\" content=\"noindex\" />\n        )}\n        <meta property=\"og:image\" content={ogLogo}></meta>\n        <meta property=\"twitter:image\" content={ogLogo}></meta>\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 (\n                <SectionComponent\n                  key={index}\n                  sectionData={section}\n                  location={location}\n                />\n              );\n            }\n            return <></>;\n          })}\n      </>\n      <BackToTopScroll />\n      <Footer />\n    </>\n  ) : (\n    <>\n      <I18nextProvider i18n={i18next}>\n        <Helmet>\n          <title>\n            {regionLanguageFilteredData?.node?.title\n              ? regionLanguageFilteredData?.node?.title + ' | Ultramar'\n              : 'Energy Solutions for Residential and Businesses | Ultramar'}\n          </title>\n          {englishSlug && (\n            <link\n              rel=\"alternate\"\n              href={addTrailingSlash(\n                process.env.GATSBY_DOMAIN_URL + englishSlug\n              )}\n              hreflang=\"en-ca\"\n            ></link>\n          )}\n          {frenchSlug && (\n            <link\n              rel=\"alternate\"\n              href={addTrailingSlash(\n                process.env.GATSBY_DOMAIN_URL + frenchSlug\n              )}\n              hreflang=\"fr-ca\"\n            ></link>\n          )}\n          {regionLanguageFilteredData?.node?.metadata && (\n            <meta\n              name=\"description\"\n              content={regionLanguageFilteredData?.node?.metadata}\n            ></meta>\n          )}\n          {regionLanguageFilteredData?.node?.hasIndex === false && (\n            <meta name=\"robots\" content=\"noindex\" />\n          )}\n          <meta property=\"og:image\" content={ogLogo}></meta>\n          <meta property=\"twitter:image\" content={ogLogo}></meta>\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 (\n                  <SectionComponent\n                    key={index}\n                    sectionData={section}\n                    location={location}\n                  />\n                );\n              }\n              return <></>;\n            })}\n        </>\n        <BackToTopScroll />\n        <Footer />\n      </I18nextProvider>\n    </>\n  );\n};\n\nexport default CommonPageTemplate;\n\nexport const pageQuery = graphql`\n  query allCommonPagesQuery(\n    $pageIdentifier: String!\n    $contentfulContent: Boolean!\n    $contentfulContentList: Boolean!\n    $contentfulTextWithImage: Boolean!\n    $contentfulFaqs: Boolean!\n    $contentfulListImagesWithPath: Boolean!\n    $contentfulImageWithPath: 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          hasIndex\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                ...FAQContent @include(if: $contentfulFaqs)\n                ...ImagesWithPathList\n                  @include(if: $contentfulListImagesWithPath)\n                ...ImageWithPath @include(if: $contentfulImageWithPath)\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["React","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","addEventListener","passive","removeEventListener","href","src","IconArrowDown","alt","CommonPageTemplate","data","location","cookies","Cookies","loaded","setLoaded","date","Date","AOS","hash","scrollTo","queryParams","URLSearchParams","search","regionQueryParams","get","toUpperCase","history","replaceState","document","title","pathname","updateAndSetRegionCookie","isValidURLRegion","set","toLowerCase","path","expires","getFullYear","getMonth","getDate","updateAndSetLanguageCookie","language","selectedRegion","urlLanguage","split","find","lang","selectedLanguage","isValidURLLanguage","validNodeLocale","regionLanguageFilteredData","allContentfulUltramarCommercial","edges","edge","node","node_locale","englishSlug","slug","frenchSlug","sectionsArray","sections","filter","region","abbreviation","useEffect","navigate","i18n","i18next","rel","addTrailingSlash","process","hreflang","metadata","name","content","hasIndex","property","ogLogo","map","section","index","type","sectionList","SectionComponent","loadable","key","sectionData","FormTypes","pageQuery"],"sourceRoot":""}