{"version":3,"file":"component---src-pages-fr-html-sitemap-js-0aff4fd4e461300e1f19.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/backToTopScroll/backToTopScroll.js","webpack://commercial-ultramar/./src/components/titleWithImage/titleWithImage.js","webpack://commercial-ultramar/./src/components/titleWithImage/titleWithImageStyles.js","webpack://commercial-ultramar/./src/pages/fr/html-sitemap.js","webpack://commercial-ultramar/./src/images/banner-default.jpg"],"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 React from 'react';\nimport { Row } from 'react-bootstrap';\nimport * as Styled from './titleWithImageStyles';\n\nconst TitleWithImage = ({ sectionData }) => {\n  return (\n    <Styled.MainContainer>\n      <Row className=\"g-0\">\n        {sectionData?.text && (\n          <Styled.LeftCol xs={12} md={7} lg={6} xl={7}>\n            <Styled.HeaderDiv>\n              <Styled.Header\n                data-aos=\"fade-up\"\n                data-aos-duration=\"1000\"\n                data-aos-once=\"true\"\n                data-aos-offset=\"5px\"\n              >\n                {sectionData?.text?.text}\n              </Styled.Header>\n            </Styled.HeaderDiv>\n          </Styled.LeftCol>\n        )}\n        {sectionData?.image?.file?.url && (\n          <Styled.RightCol\n            $background={sectionData?.image?.file?.url}\n            md={5}\n            lg={6}\n            xl={5}\n            className=\"d-none d-md-block\"\n          ></Styled.RightCol>\n        )}\n      </Row>\n    </Styled.MainContainer>\n  );\n};\n\nexport default TitleWithImage;\n","import { Col } from 'react-bootstrap';\nimport styled from 'styled-components';\n\nexport const MainContainer = styled.div`\n  display: block;\n  position: relative;\n  margin-top: 220px;\n  @media (max-width: 1399px) {\n    margin-top: 210px;\n  }\n  @media (max-width: 1199px) {\n    margin-top: 310px;\n  }\n  @media (max-width: 991px) {\n    margin-top: 0;\n  }\n`;\n\nexport const LeftCol = styled(Col)`\n  height: 320px;\n  line-height: 300px;\n  padding: 0 100px 0 100px !important;\n  text-align: center;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 166, 232, 1) 0%,\n    rgba(0, 83, 157, 1) 100%\n  );\n  @media (max-width: 1399px) {\n    height: 250px;\n    line-height: 230px;\n  }\n  @media (max-width: 1199px) {\n    padding-left: 50px !important;\n    padding-right: 50px !important;\n  }\n  @media (max-width: 767px) {\n    height: auto;\n    padding: 30px 35px 50px 35px !important;\n    line-height: 33px;\n  }\n`;\n\nexport const HeaderDiv = styled.div`\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 80px;\n`;\n\nexport const Header = styled.h1`\n  position: relative;\n  margin: 0;\n  padding: 0;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 55px;\n  line-height: 55px;\n  text-transform: uppercase;\n  color: #fff;\n  @media (max-width: 1399px) {\n    font-size: 50px;\n    line-height: 50px;\n  }\n  @media (max-width: 1199px) {\n    font-size: 45px;\n    line-height: 45px;\n  }\n  @media (max-width: 991px) {\n    font-size: 40px;\n    line-height: 40px;\n  }\n  @media (max-width: 767px) {\n    font-size: 30px;\n    line-height: 33px;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -20px;\n    width: 75%;\n    height: 4px;\n    margin-left: auto;\n    margin-right: auto;\n    background: #ffc905;\n    border-radius: 4px;\n  }\n`;\n\nexport const RightCol = styled(Col)`\n  height: 320px;\n  border-left: 4px solid #fff;\n  background-repeat: no-repeat;\n  background-position: top center;\n  background: url(${(props) => props.$background}) no-repeat center center;\n  background-size: cover;\n  @media (max-width: 1399px) {\n    height: 250px;\n  }\n`;\n","import * as React from 'react';\nimport Cookies from 'universal-cookie';\nimport { graphql } from 'gatsby';\nimport Header from '../../components/header/header';\nimport Footer from '../../components/footer/footer';\nimport BackToTopScroll from '../../components/backToTopScroll/backToTopScroll';\nimport GlobalStyles from '../../styles/globalStyles';\nimport { HtmlSiteMapHeader } from '../../styles';\nimport {\n  addTrailingSlash,\n  isValidURLLanguage,\n  validNodeLocale,\n} from '../../utils';\nimport { Helmet } from 'react-helmet';\nimport TitleWithImage from '../../components/titleWithImage/titleWithImage';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport BannerImage from '../../images/banner-default.jpg';\n\nconst HTMLSiteMapFrench = ({ data, location }) => {\n  React.useLayoutEffect(() => {\n    AOS.init();\n    AOS.refresh();\n  }, []);\n\n  const cookies = new Cookies();\n  const date = new Date();\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 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 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?.filter(\n      (edge) => edge?.node?.node_locale === selectedLanguage\n    );\n\n  const allSlugs = [\n    ...regionLanguageFilteredData\n      ?.filter((edge) => {\n        if (\n          selectedLanguage === 'fr-CA' &&\n          edge?.node?.slug?.includes('/en/')\n        ) {\n          return false;\n        }\n        return edge?.node?.slug && edge;\n      })\n      .map((edge) => {\n        return {\n          slug: addTrailingSlash(edge?.node?.slug),\n          title: edge?.node?.title,\n        };\n      }),\n    ...data?.allContentfulLocation?.edges\n      ?.filter((edge) => {\n        return (\n          edge?.node?.urlSlug &&\n          edge?.node?.node_locale === selectedLanguage &&\n          edge\n        );\n      })\n      .map((edge) => {\n        return {\n          slug: addTrailingSlash(\n            (selectedLanguage === 'fr-CA'\n              ? '/fr/sites/details/'\n              : '/en/locations/details/') + edge?.node?.urlSlug\n          ),\n          title:\n            edge?.node?.pageTitle ??\n            edge?.node?.pageTitleDetails ??\n            edge?.node?.urlSlug,\n        };\n      }),\n  ].sort((a, b) => a?.slug?.localeCompare(b?.slug));\n\n  return (\n    <>\n      <GlobalStyles />\n      <Helmet>\n        <title>Site Map</title>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(\n            process.env.GATSBY_DOMAIN_URL + '/en/html-sitemap'\n          )}\n          hreflang=\"en-ca\"\n        ></link>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(\n            process.env.GATSBY_DOMAIN_URL + '/fr/html-sitemap'\n          )}\n          hreflang=\"fr-ca\"\n        ></link>\n      </Helmet>\n      <Header\n        englishSlug={'/en/html-sitemap'}\n        frenchSlug={'/fr/html-sitemap'}\n      />\n      <TitleWithImage\n        sectionData={{\n          text: { text: 'Site Map' },\n          image: { file: { url: BannerImage } },\n        }}\n      />\n      <div style={{ paddingTop: '20px' }}>\n        {allSlugs.map(({ slug, title }, index) => (\n          <HtmlSiteMapHeader\n            key={index}\n            $leftSpace={slug?.split('/')?.length - 1}\n          >\n            <a href={slug}>{title ?? slug}</a>\n          </HtmlSiteMapHeader>\n        ))}\n      </div>\n\n      <Footer />\n      <BackToTopScroll />\n    </>\n  );\n};\n\nexport default HTMLSiteMapFrench;\n\nexport const pageQuery = graphql`\n  query HTMLSiteMapFrenchQuery {\n    allContentfulUltramarCommercial(\n      filter: { node_locale: { eq: \"fr-CA\" }, hasIndex: { ne: false } }\n    ) {\n      edges {\n        node {\n          node_locale\n          slug\n          title\n          name\n          hasIndex\n        }\n      }\n    }\n    allContentfulLocation(\n      filter: {\n        brand: { brand: { in: [\"Ultramar\", \"Pipeline Commercial\"] } }\n        node_locale: { eq: \"fr-CA\" }\n      }\n    ) {\n      edges {\n        node {\n          urlSlug\n          node_locale\n          pageTitle\n          pageTitleDetails\n        }\n      }\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/banner-default-1a3bf36cab2613f3b3e2fd22f59a6065.jpg\";"],"names":["React","scrollPosition","setScrollPosition","handleScroll","position","window","pageYOffset","addEventListener","passive","removeEventListener","href","src","IconArrowDown","alt","sectionData","className","text","xs","md","lg","xl","image","file","url","$background","MainContainer","styled","LeftCol","Col","HeaderDiv","Header","RightCol","props","data","location","AOS","cookies","Cookies","date","Date","regionQueryParams","URLSearchParams","search","get","toUpperCase","history","replaceState","document","title","pathname","urlLanguage","split","find","lang","selectedLanguage","isValidURLLanguage","validNodeLocale","language","set","path","expires","getFullYear","getMonth","getDate","updateAndSetLanguageCookie","regionLanguageFilteredData","allContentfulUltramarCommercial","edges","filter","edge","node","node_locale","allSlugs","slug","includes","map","addTrailingSlash","allContentfulLocation","urlSlug","pageTitle","pageTitleDetails","sort","a","b","localeCompare","rel","process","hreflang","englishSlug","frenchSlug","BannerImage","style","paddingTop","index","key","$leftSpace","length"],"sourceRoot":""}