{"version":3,"file":"component---src-templates-slp-slp-page-template-js-ad170f497d5ebc7459f5.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/styles/slpGlobalStyles.js","webpack://commercial-ultramar/./src/templates/slp/slpPageTemplate.js","webpack://commercial-ultramar/./src/images/og-logo.jpg"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\n\nconst SlpGlobalStyles = createGlobalStyle`\n\n\n/*------------------------------\n    Gen. GENERAL \n------------------------------*/\n\t\n* {\n    box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    -webkit-text-size-adjust: none;\n}\n\nbody {\n    margin: 0;\n    padding: 0;\n    color: #00539f;\n    background: #fff;\n    font-family: 'Helvetica-Condensed', arial, sans-serif;\n    font-size: 18px;\n    line-height: 130%;\n    letter-spacing: 0.02em;\n}\n\nimg {\n    border: 0;\n    vertical-align: top;\n}\n\nh1 {\n    margin: 0 0 35px 0;\n    padding: 0;\n    font-family: 'MrAlex', arial, sans-serif;\n    font-weight: normal !important;\n    color: #00539f;\n    font-size: 34px;\n    line-height: 36px;\n}\n\nh2 {\n    margin: 0 0 15px 0;\n    padding: 0;\n    font-family: 'Gotham-light', arial, sans-serif;\n    font-weight: normal !important;\n    color: #00539f;\n    font-size: 46px;\n    line-height: 80px;\n    text-align: center;\n}\n\nh3 {\n    margin: 0 0 5px 0;\n    padding: 0;\n    font-family: 'Helvetica-Condensed', arial, sans-serif;\n    font-weight: normal !important;\n    color: #00539f;\n    font-size: 18px;\n    line-height: 20px;\n}\n\nh4 {\n    margin: 0 0 25px 0;\n    padding: 0 60px;\n    font-family: 'Helvetica-Condensed', arial, sans-serif;\n    font-weight: normal !important;\n    color: #00539f;\n    font-size: 23px;\n    line-height: 130%;\n}\n\nh5 {\n    margin: 0 0 35px 0;\n    padding: 0;\n    font-family: 'Helvetica-Condensed', arial, sans-serif;\n    font-weight: normal !important;\n    color: #00539f;\n    font-size: 34px;\n    line-height: 38px;\n    text-align: center;\n}\n\nh6 {\n    margin: 0 0 10px 0;\n    padding: 0;\n    font-family: 'MrAlex', arial, sans-serif;\n    font-weight: normal !important;\n    color: #646464;\n    font-size: 18px;\n    line-height: 20px;\n}\n\nhr {\n    height: 1px;\n    border: none;\n    background: grey;\n    margin: 50px 0;\n    clear: both;\n}\n\np {\n    margin: 0 0 20px 0;\n    padding: 0;\n}\n\np.note {\n    font-size: 13px;\n    color: #9a9a9a;\n}\n\nstrong {\n    font-family: 'MrAlex', arial, sans-serif;\n}\n\na:hover,\na:active,\na:focus,\nobject {\n    outline: none;\n}\n\na {\n    text-decoration: none;\n    color: #00447c;\n    webkit-transition: color .15s ease-out;\n    -moz-transition: color .15s ease-out;\n    -o-transition: color .15s ease-out;\n    -ms-transition: color .15s ease-out;\n    transition: color .15s ease-out;\n    transition: .25s ease-out;\n}\n\na:hover {\n    text-decoration: none;\n    color: #00539f;\n}\n\nform,\ninput,\ntextarea {\n    margin: 0;\n    padding: 0;\n    outline: none;\n    -webkit-border-radius: 0;\n}\n\nsup,\nsub {\n    font-size: 18px;\n    line-height: 18px;\n    vertical-align: top;\n}\n\n.clear {\n    clear: both;\n}\n\n.clearfix:after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: \" \";\n    clear: both;\n    height: 0;\n}\n/* MARKETO FORM */\n\n.mktoForm label.mktoLabel {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-size: 18px !important;\n  font-weight: bold !important;\n  line-height: 23px !important;\n  color: #00539f !important;\n}\n.mktoForm label.mktoLabel a {\n  color: #00a7ea !important;\n  text-decoration: none !important;\n}\n\n.mktoForm label.mktoLabel[for='ExpressConsent'],\n.mktoForm label.mktoLabel[for='ExpressConsent'] span,\n.mktoForm label.mktoLabel[for='ExpressConsent'] a {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 12px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n.mktoForm label.mktoLabel[for='ExpressConsent'] sup {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 9px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n.mktoForm label.mktoLabel[for='referralConsent'],\n.mktoForm label.mktoLabel[for='referralConsent'] span,\n.mktoForm label.mktoLabel[for='referralConsent'] a {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 12px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n.mktoForm label.mktoLabel[for='referralConsent'] sup {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 9px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n.mktoForm label.mktoLabel[for='contestTerms'],\n.mktoForm label.mktoLabel[for='contestTerms'] span,\n.mktoForm label.mktoLabel[for='contestTerms'] a {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 12px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n.mktoForm label.mktoLabel[for='contestTerms'] sup {\n  font-family: 'Helvetica-Condensed', arial, sans-serif !important;\n  font-weight: normal !important;\n  font-size: 9px !important;\n  line-height: 17px !important;\n  -webkit-text-size-adjust: none;\n}\n\n.mktoForm input[type='text'],\n.mktoForm input[type='url'],\n.mktoForm input[type='email'],\n.mktoForm input[type='tel'],\n.mktoForm input[type='number'],\n.mktoForm input[type='date'],\n.mktoForm select.mktoField,\n.mktoForm textarea.mktoField {\n  -webkit-appearance: none !important;\n  background-color: #fff !important;\n  line-height: 1.5em !important;\n  color: #000 !important;\n  border: 1px solid rgba(0, 0, 0, 0.2) !important;\n  -webkit-border-radius: 0 !important;\n  -moz-border-radius: 0 !important;\n  border-radius: 0 !important;\n  padding: 0.2em 0.3em !important;\n  box-shadow: none !important;\n  min-height: 1.9em !important;\n  padding: 10px !important;\n  margin-top: 8px !important;\n}\n.mktoForm textarea.mktoField {\n  height: 150px !important;\n}\nbutton.mktoButton {\n  padding: 16px 25px 14px 25px !important;\n  margin: 0 5px 5px 0 !important;\n  font-family: 'MrAlex', sans-serif !important;\n  font-weight: bold;\n  font-size: 24px !important;\n  line-height: 24px !important;\n  text-transform: uppercase !important;\n  text-align: left !important;\n  color: #00539f !important;\n  background: #ffcb05 !important;\n  border: none !important;\n  border-radius: 100px;\n  box-shadow: none !important;\n  webkit-transition: all 0.25s ease-out;\n  -moz-transition: all 0.25s ease-out;\n  -o-transition: all 0.25s ease-out;\n  -ms-transition: all 0.25s ease-out;\n  transition: all 0.25s ease-out;\n}\nbutton.mktoButton:hover {\n  color: #ffcb05 !important;\n  background: #00539f !important;\n}\n.mktoButtonRow {\n  margin-top: 20px !important;\n}\n.mktoButtonWrap {\n  margin-left: 10px !important;\n}\n\n@media screen and (max-width: 600px) {\n  .mktoForm {\n    padding: 0 !important;\n  }\n  .mktoButtonWrap {\n    margin-left: 0 !important;\n  }\n\n  .mktoForm textarea.mktoField {\n    height: auto !important;\n  }\n}\n\n\n`;\n\nexport default SlpGlobalStyles;\n","import * as React from 'react';\nimport loadable from '@loadable/component';\nimport 'aos/dist/aos.css';\nimport { sectionList, FormTypes } from '../../constants/queryFragments';\nimport { graphql } from 'gatsby';\nimport Cookies from 'universal-cookie';\nimport GlobalStyles from '../../styles/slpGlobalStyles';\nimport LanguageModal from '../../components/languageModal/languageModal';\nimport { Helmet } from 'react-helmet';\nimport {\n  addTrailingSlash,\n  isValidURLLanguage,\n  validNodeLocale,\n} from '../../utils';\nimport ogLogo from '../../images/og-logo.jpg';\n\nconst StandalonePageTemplate = ({ data, location }) => {\n  const urlLanguage = location?.pathname?.split('/')?.find((lang) => lang);\n  const [loaded, setLoaded] = React.useState(false);\n\n  React.useEffect(() => {\n    setLoaded(true);\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 languageFilteredData =\n    data?.allContentfulUltramarCommercial?.edges.find((edge) =>\n      isValidURLLanguage(urlLanguage)\n        ? edge?.node?.node_locale === validNodeLocale(urlLanguage)\n        : edge?.node?.node_locale === 'en-US'\n    );\n  const sectionsArray = languageFilteredData?.node?.sections;\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        {languageFilteredData?.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      {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                urlLanguage={urlLanguage}\n              />\n            );\n          }\n          return <></>;\n        })}\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        {languageFilteredData?.node?.metadata && (\n          <meta\n            name=\"description\"\n            content={languageFilteredData?.node?.metadata}\n          ></meta>\n        )}\n        {languageFilteredData?.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      <>\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                  urlLanguage={urlLanguage}\n                />\n              );\n            }\n            return <></>;\n          })}\n      </>\n    </>\n  );\n};\n\nexport default StandalonePageTemplate;\n\nexport const pageQuery = graphql`\n  query allStandalonePagesQuery(\n    $pageIdentifier: String!\n    $contentfulContent: Boolean!\n    $contentfulContentList: Boolean!\n    $contentfulImageWithPath: Boolean!\n    $contentfulImageContainer: Boolean! # $contentfulMultimediaText: Boolean! # $contentfulListImagesWithPath: 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            __typename\n            ...ImageWithPath @include(if: $contentfulImageWithPath)\n            ...ImageContainer @include(if: $contentfulImageContainer)\n            ...PageContent @include(if: $contentfulContent)\n            ...ContentList @include(if: $contentfulContentList)\n          }\n        }\n      }\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/og-logo-a5b431d2128f28c2d6d5caafeb288d5f.jpg\";"],"names":["SlpGlobalStyles","createGlobalStyle","StandalonePageTemplate","data","location","urlLanguage","pathname","split","find","lang","React","loaded","setLoaded","englishSlug","allContentfulUltramarCommercial","edges","edge","node","node_locale","slug","frenchSlug","languageFilteredData","isValidURLLanguage","validNodeLocale","sectionsArray","sections","title","rel","href","addTrailingSlash","process","hreflang","metadata","name","content","hasIndex","property","ogLogo","map","section","index","type","sectionList","SectionComponent","loadable","key","sectionData","FormTypes","pageQuery"],"sourceRoot":""}