{"version":3,"file":"component---src-templates-locations-location-page-template-revised-js-20dbd190a1110c96afae.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/LandingPages/LocationFinderCardLock.jsx","webpack://commercial-ultramar/./src/components/LocationLanding/LandingHeader.jsx","webpack://commercial-ultramar/./src/components/LocationLanding/LandingMastHead.jsx","webpack://commercial-ultramar/./src/components/backToTopScroll/backToTopScroll.js","webpack://commercial-ultramar/./src/images/Ultramar-Logo.png","webpack://commercial-ultramar/./src/components/languageModal/languageModal.js","webpack://commercial-ultramar/./src/components/languageModal/languageModalStyles.js","webpack://commercial-ultramar/./src/templates/locations/locationPageTemplateRevised.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport LandingHeader from '../LocationLanding/LandingHeader';\nimport LandingMastHead from '../LocationLanding/LandingMastHead';\nimport LocationFinder from '../locationFinder/locationFinder';\n\nconst LocationFinderCardLock = () => {\n  const header = useRef();\n  return (\n    <div className=\"tw-grid tw-grid-rows-[auto_1fr] \">\n      <div ref={header}>\n        <LandingHeader />\n        <LandingMastHead />\n      </div>\n      <div>\n        <LocationFinder heightOffsetRef={header} />\n      </div>\n    </div>\n  );\n};\n\nexport default LocationFinderCardLock;\n","import React from 'react';\nimport { Icons } from '../Icons/Icons';\n\nconst LandingHeader = () => {\n  return (\n    <div className=\"tw-px-12 tw-py-4 md:tw-py-12 tw-bg-gradient-to-t tw-from-blue-light tw-to-blue\">\n      <div className=\"tw-flex tw-gap-4 md:tw-gap-8 xl:tw-gap-12 tw-text-white tw-justify-center\">\n        <img\n          src=\"../../../img/logos/Ultramar-Logo.png\"\n          alt=\"ultramar logo\"\n          className=\"tw-w-1/4 tw-max-w-[50px] md:tw-max-w-[80px] \"\n        />\n        <Icons.TransactionLogo className=\"tw-w-1/4 tw-max-w-[200px] \" />\n        <Icons.PipelineLogo className=\"tw-w-1/4 tw-max-w-[150px]\" />\n      </div>\n    </div>\n  );\n};\n\nexport default LandingHeader;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst LandingMastHead = () => {\n  const { t } = useTranslation();\n  return (\n    <div className=\"mx-auto text-center tw-px-12 tw-py-4 md:tw-py-12 tw-max-w-2xl\">\n      <h1 className=\"tw-font-mono tw-text-blue text-balance\">\n        {t('Find your closest fleet or cardlock station in our network.')}\n      </h1>\n      <p className=\"text-balance tw-mb-0\">\n        {t(\n          'Ultramar continues to look forward to meeting your fuelling needs at a location near you. With convenient and fast fuelling stations along major Ontario and Québec routes you will always feel supported out on the road.'\n        )}\n      </p>\n    </div>\n  );\n};\n\nexport default LandingMastHead;\n","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","export default __webpack_public_path__ + \"static/Ultramar-Logo-9b9c9d8c1c6c584ee2b4b53490ada783.png\";","import React, { useState } from 'react';\nimport * as Styled from './languageModalStyles';\nimport Cookies from 'universal-cookie';\nimport useRegionLanguage from '../../hooks/useRegionLanguage';\nimport UltramarLogo from '../../images/Ultramar-Logo.png';\n\nconst LanguageModal = () => {\n  const data = useRegionLanguage();\n  const [selectEnglish, setSelectEnglish] = useState(false);\n  const [selectFrench, setSelectFrench] = useState(false);\n  const [showModal, setShowModal] = useState(true);\n  const [selectedLanguage, setSelectedLanguage] = useState('en-US');\n  const handleEnglish = () => {\n    setSelectEnglish(true);\n    setSelectFrench(false);\n    setSelectedLanguage('en-US');\n  };\n  const handleFrench = () => {\n    setSelectEnglish(false);\n    setSelectFrench(true);\n    setSelectedLanguage('fr-CA');\n  };\n  const regionList = data?.allContentfulUltramarCommercial?.edges.filter(\n    (node) => {\n      return node?.node?.node_locale === selectedLanguage;\n    }\n  );\n  const cookies = new Cookies();\n  const onChange = (regionName, language) => {\n    const date = new Date();\n    cookies.set('region', regionName?.toLowerCase(), {\n      path: '/',\n      expires: new Date(\n        date.getFullYear() + 1,\n        date.getMonth(),\n        date.getDate()\n      ),\n    });\n    cookies.set('language', language, {\n      path: '/',\n      expires: new Date(\n        date.getFullYear() + 1,\n        date.getMonth(),\n        date.getDate()\n      ),\n    });\n\n    if (selectFrench) {\n      window.location.href = window?.location?.href?.replace('en', 'fr');\n    } else {\n      window.location.href = window?.location?.href?.replace('fr', 'en');\n    }\n  };\n  React.useEffect(() => {\n    cookies.get('region')?.toUpperCase()\n      ? setShowModal(false)\n      : setShowModal(true);\n  }, [showModal]);\n  return (\n    <>\n      <Styled.ModalStyle\n        show={showModal}\n        centered\n        backdrop=\"static\"\n        backdropClassName=\"modal-backdrop-custom\"\n        data-aos=\"fade-up\"\n        data-aos-duration=\"700\"\n      >\n        <Styled.LangModal>\n          <Styled.ModalImage\n            src={UltramarLogo}\n            alt=\"Ultramar\"\n          ></Styled.ModalImage>\n          <Styled.ClearFix>\n            <Styled.LanguageEnglish\n              onClick={() => handleEnglish()}\n              className={selectEnglish ? 'active' : ''}\n            >\n              <Styled.LanguageSpan>EN</Styled.LanguageSpan>\n              English\n            </Styled.LanguageEnglish>\n            <Styled.LanguageFrench\n              onClick={() => handleFrench()}\n              className={selectFrench ? 'active' : ''}\n            >\n              <Styled.LanguageSpan>FR</Styled.LanguageSpan>\n              Français\n            </Styled.LanguageFrench>\n          </Styled.ClearFix>\n          {(selectEnglish || selectFrench) && (\n            <Styled.LanguageRegion data-aos=\"fade-up\" data-aos-duration=\"700\">\n              <Styled.LanguageRegionPara>\n                {selectEnglish\n                  ? 'To give you access to the most relevant content please select your region.'\n                  : 'Pour vous donner accès au contenu le plus pertinent, veuillez sélectionner votre région.'}\n              </Styled.LanguageRegionPara>\n              {regionList[0]?.node?.sections?.map((item, index) => (\n                <Styled.LanguageRegionLink\n                  key={index}\n                  onClick={() =>\n                    onChange(\n                      item.abbreviation,\n                      regionList[0]?.node?.node_locale\n                    )\n                  }\n                >\n                  {item.title}\n                </Styled.LanguageRegionLink>\n              ))}\n            </Styled.LanguageRegion>\n          )}\n        </Styled.LangModal>\n      </Styled.ModalStyle>\n    </>\n  );\n};\n\nexport default LanguageModal;\n","import styled from 'styled-components';\nimport { Modal } from 'react-bootstrap';\nexport const ModalBlocker = styled.div`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  z-index: 9999999;\n  padding: 20px;\n  box-sizing: border-box;\n  background-color: rgba(255, 255, 255, 0.75);\n  text-align: center;\n  ::before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n    margin-right: -0.05em;\n  }\n`;\n\nexport const LangModal = styled.div`\n  padding: 40px;\n  background: rgb(0, 166, 232) !important; /* Old browsers */\n  background: -moz-linear-gradient(\n    top,\n    rgba(0, 166, 232, 1) 0%,\n    rgba(0, 83, 157, 1) 100%\n  ) !important; /* FF3.6-15 */\n  background: -webkit-linear-gradient(\n    top,\n    rgba(0, 166, 232, 1) 0%,\n    rgba(0, 83, 157, 1) 100%\n  ) !important; /* Chrome10-25,Safari5.1-6 */\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 166, 232, 1) 0%,\n    rgba(0, 83, 157, 1) 100%\n  ) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n  text-align: center !important;\n  border-radius: 6px;\n  vertical-align: middle;\n  position: relative;\n  z-index: 2;\n  box-sizing: border-box;\n  width: auto;\n`;\nexport const ModalImage = styled.img`\n  display: block;\n  width: 125px;\n  height: auto;\n  margin: -90px auto 40px auto;\n`;\nexport const LanguageEnglish = styled.a`\n  display: inline-block;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 20px;\n  line-height: 20px;\n  padding-right: 35px;\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n  color: #fff;\n  cursor: pointer;\n  text-decoration: none;\n  &.active {\n    color: #f7991c;\n    span {\n      color: #f7991c;\n    }\n  }\n  :hover {\n    color: #f7991c;\n    span {\n      color: #f7991c;\n    }\n  }\n`;\nexport const LanguageFrench = styled.a`\n  display: inline-block;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 20px;\n  line-height: 20px;\n  padding-left: 25px;\n  color: #fff;\n  text-decoration: none;\n  cursor: pointer;\n  &.active {\n    color: #f7991c;\n    span {\n      color: #f7991c;\n    }\n  }\n  :hover {\n    color: #f7991c;\n    span {\n      color: #f7991c;\n    }\n  }\n`;\nexport const LanguageSpan = styled.span`\n  display: block;\n  margin-bottom: 15px;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 60px;\n  line-height: 60px;\n  color: #fff;\n  transition: all 0.25s ease-out;\n  :hover {\n    color: #f7991c;\n  }\n  :active {\n    color: #f7991c;\n  }\n`;\n\nexport const LanguageRegionPara = styled.p`\n  margin-bottom: 20px;\n  font-size: 18px;\n  line-height: 26px;\n  color: #fff;\n`;\n\nexport const LanguageRegionLink = styled.a`\n  display: block;\n  padding: 7px 0;\n  font-size: 18px;\n  line-height: 26px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n  text-decoration: none;\n  color: #00a6e8;\n  cursor: pointer;\n  :hover {\n    color: #f7991c;\n  }\n`;\n\nexport const LanguageRegion = styled.div`\n  display: block;\n  margin: 30px 0 0 0;\n  transition: all 0.25s ease-out;\n  ${LanguageRegionLink}:last-child {\n    border-bottom: none;\n  }\n`;\n\nexport const ClearFix = styled.div`\n  :after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n`;\nexport const ModalStyle = styled(Modal)`\n  .modal-content {\n    background-color: transparent;\n    border: none;\n    max-width: 400px;\n    margin: 0 auto;\n  }\n`;\n","import React, { useEffect, useState } from 'react';\nimport BackToTopScroll from '../../components/backToTopScroll/backToTopScroll';\nimport Header from '../../components/header/header';\nimport LanguageModal from '../../components/languageModal/languageModal';\nimport GlobalStyles from '../../styles/globalStyles';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport { I18nextProvider, useTranslation } from 'react-i18next';\nimport i18next from '../../i18next';\nimport Footer from '../../components/footer/footer';\nimport {\n  isValidURLLanguage,\n  isValidURLRegion,\n  validNodeLocale,\n} from '../../utils';\nimport Cookies from 'universal-cookie';\nimport LocationDefault from '../../components/locationDefault/locationDefault';\nimport LocationFinder from '../../components/locationFinder/locationFinder';\nimport LandingHeader from '../../components/LocationLanding/LandingHeader';\nimport LandingMastHead from '../../components/LocationLanding/LandingMastHead';\nimport LocationFinderCardLock from '../../components/LandingPages/LocationFinderCardLock';\n\nconst LocationPageTemplateRevised = ({ location }) => {\n  const [scrollPosition, setScrollPosition] = useState(0);\n  const [loaded, setLoaded] = React.useState(false);\n\n  const handleScroll = () => {\n    const position = window.pageYOffset;\n    setScrollPosition(position);\n  };\n  const cookies = new Cookies();\n  const date = new Date();\n  const urlLanguage = location?.pathname?.split('/')?.find((lang) => lang);\n  const queryParams = new URLSearchParams(location?.search);\n  const regionQueryParams = queryParams.get('region')?.toUpperCase();\n\n  typeof window !== 'undefined' &&\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  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 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  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  useEffect(() => {\n    window.addEventListener('scroll', handleScroll, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n  useEffect(() => {\n    setLoaded(true);\n    AOS.init();\n    AOS.refresh();\n  }, []);\n\n  const { i18n } = useTranslation();\n\n  const changeLanguageHandler = (lang) => {\n    if (typeof window === 'undefined') {\n      i18n.changeLanguage(lang === 'fr-CA' ? 'fr' : 'en');\n    }\n  };\n\n  return !loaded ? (\n    <>\n      {changeLanguageHandler(selectedLanguage)}\n      <I18nextProvider i18n={i18next}>\n        <GlobalStyles />\n        {/* <Header\n          scrollPosition={scrollPosition}\n          englishSlug={location?.pathname\n            ?.replace('fr', 'en')\n            ?.replace('sites', 'locations')}\n          frenchSlug={location?.pathname\n            ?.replace('en', 'fr')\n            ?.replace('locations', 'sites')}\n        /> */}\n        {/* <LocationDefault\n          selectedLanguage={selectedLanguage}\n          selectedRegion={selectedRegion}\n        /> */}\n        <BackToTopScroll scrollPosition={scrollPosition} />\n        <Footer />\n      </I18nextProvider>\n    </>\n  ) : (\n    <>\n      <I18nextProvider i18n={i18next}>\n        <GlobalStyles />\n        <LanguageModal />\n        <LocationFinderCardLock />\n        <BackToTopScroll scrollPosition={scrollPosition} />\n      </I18nextProvider>\n    </>\n  );\n};\n\nexport default LocationPageTemplateRevised;\n"],"names":["header","useRef","className","ref","heightOffsetRef","src","alt","Icons","t","useTranslation","React","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","addEventListener","passive","removeEventListener","href","IconArrowDown","data","useRegionLanguage","useState","selectEnglish","setSelectEnglish","selectFrench","setSelectFrench","showModal","setShowModal","selectedLanguage","setSelectedLanguage","regionList","allContentfulUltramarCommercial","edges","filter","node","node_locale","cookies","Cookies","get","toUpperCase","show","centered","backdrop","backdropClassName","UltramarLogo","onClick","sections","map","item","index","key","regionName","language","date","abbreviation","Date","set","toLowerCase","path","expires","getFullYear","getMonth","getDate","location","replace","title","ModalBlocker","styled","LangModal","ModalImage","LanguageEnglish","LanguageFrench","LanguageSpan","LanguageRegionPara","LanguageRegionLink","LanguageRegion","ClearFix","ModalStyle","Modal","loaded","setLoaded","urlLanguage","pathname","split","find","lang","regionQueryParams","URLSearchParams","search","history","replaceState","document","isValidURLRegion","updateAndSetRegionCookie","isValidURLLanguage","validNodeLocale","updateAndSetLanguageCookie","useEffect","AOS","i18n","i18next","changeLanguage"],"sourceRoot":""}