{"version":3,"file":"component---src-templates-locations-location-details-page-template-js-ca7901894aad60845bec.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/common/commonBanner/commonBannerStyle.js","webpack://commercial-ultramar/./src/common/commonBanner/commonBanner.js","webpack://commercial-ultramar/./src/components/locationDetails/locationDetailsStyle.js","webpack://commercial-ultramar/./src/components/propanePopup/propanePopup.js","webpack://commercial-ultramar/./src/components/propanePopup/propanePopupStyles.js","webpack://commercial-ultramar/./src/images/icon-close.png","webpack://commercial-ultramar/./src/templates/locations/locationDetailsPageTemplate.js","webpack://commercial-ultramar/./src/images/banner-default.jpg"],"sourcesContent":["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 React from 'react';\nimport { Row } from 'react-bootstrap';\nimport * as Styled from './commonBannerStyle';\n\nconst CommonBanner = ({ Header, ImageUrl }) => {\n  return (\n    <Styled.MainContainer>\n      <Row className=\"g-0\">\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            >\n              {Header}\n            </Styled.Header>\n          </Styled.HeaderDiv>\n        </Styled.LeftCol>\n        <Styled.RightCol\n          $background={ImageUrl}\n          md={5}\n          lg={6}\n          xl={5}\n          className=\"d-none d-md-block\"\n        ></Styled.RightCol>\n      </Row>\n    </Styled.MainContainer>\n  );\n};\n\nexport default CommonBanner;\n","import { Link } from 'gatsby';\nimport { Col } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport IconArrowYellow from '../../images/icon-arrow-yellow-right.png';\n\nexport const SectionContainer = styled.div`\n  display: block;\n  padding: 60px 110px 80px 110px;\n  font-family: 'HelveticaNeue-Light', arial, sans-serif;\n  font-size: 20px;\n  line-height: 32px;\n  color: rgba(0, 0, 0, 0.6);\n  @media (max-width: 1399px) {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  @media (max-width: 1199px) {\n    padding: 60px 50px 50px 50px;\n  }\n  @media (max-width: 767px) {\n    padding: 60px 35px 35px 35px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n`;\nexport const SectionContainerMiddle = styled.div`\n  background: linear-gradient(\n    to bottom,\n    rgba(237, 237, 237, 1) 0%,\n    rgba(255, 255, 255, 1) 50%,\n    rgba(237, 237, 237, 1) 100%\n  );\n  display: block;\n  padding: 60px 110px 80px 110px;\n  font-family: 'HelveticaNeue-Light', arial, sans-serif;\n  font-size: 20px;\n  line-height: 32px;\n  color: rgba(0, 0, 0, 0.6);\n  @media (max-width: 1399px) {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  @media (max-width: 1199px) {\n    padding: 60px 50px 50px 50px;\n  }\n  @media (max-width: 767px) {\n    padding: 60px 35px 35px 35px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n`;\n\nexport const TopLeftCol = styled(Col)`\n  padding: 0 45px 0 0 !important;\n  @media (max-width: 1199px) {\n    padding-right: 0 !important;\n    padding-bottom: 55px !important;\n  }\n`;\nexport const TopRightCol = styled(Col)`\n  position: relative;\n  overflow: hidden;\n  height: 450px;\n`;\nexport const TopHeader = styled.h2`\n  margin: 0 0 30px 0;\n  position: relative;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 45px;\n  line-height: 50px;\n  color: #00539d;\n  @media (max-width: 1399px) {\n    font-size: 40px;\n    line-height: 45px;\n  }\n  @media (max-width: 767px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\n\nexport const IconImage = styled.img`\n  width: 46px;\n  height: auto;\n  margin: -6px 15px 0 0;\n`;\n\nexport const ParaText = styled.p`\n  margin-bottom: 40 !important;\n  @media (max-width: 1399px) {\n    margin-bottom: 30px;\n  }\n`;\nexport const ParaTextSmall = styled.p`\n  margin-bottom: 0 !important;\n  font-style: italic;\n  font-size: 16px;\n  line-height: 24px;\n  @media (max-width: 1399px) {\n    font-size: 15px;\n    line-height: 22px;\n  }\n  @media (max-width: 767px) {\n    font-size: 13px;\n    line-height: 20px;\n  }\n`;\nexport const LinkStyle = styled.a`\n  display: block;\n  text-decoration: none;\n`;\nexport const AnchorButton = styled.a`\n  display: inline-block;\n  position: relative;\n  top: 0;\n  padding: 15px 35px;\n  margin-right: 10px;\n  font-family: 'MrAlex', sans-serif;\n  font-size: 24px;\n  line-height: 28px;\n  text-transform: uppercase;\n  font-weight: bold;\n  color: #00a6e8;\n  border: 2px solid #00a6e8;\n  box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);\n  border-radius: 100px;\n  cursor: pointer;\n  text-decoration: none;\n  @media (max-width: 1399px) {\n    font-size: 20px;\n    line-height: 24px;\n  }\n  @media (max-width: 1199px) {\n    font-size: 25px;\n    line-height: 25px;\n  }\n  @media (max-width: 767px) {\n    font-size: 22px;\n    line-height: 25px;\n  }\n  :hover {\n    top: -5px;\n    color: #f7991c;\n    border-color: #f7991c;\n    box-shadow: 0 5px 0 0 #f7991c;\n  }\n`;\n\nexport const Header3 = styled.h3`\n  margin-bottom: 10px;\n  font-family: 'HelveticaNeue-Bold', arial, sans-serif;\n  font-size: 18px;\n  line-height: 22px;\n  text-transform: uppercase;\n  color: #00a6e8;\n`;\n\nexport const Header = styled.h3`\n  margin: 0 0 35px 0;\n  font-family: 'HelveticaNeue-Light', sans-serif;\n  font-size: 32px;\n  line-height: 37px;\n  color: #00a6e8;\n  text-align: center;\n  @media (max-width: 1399px) {\n    font-size: 28px;\n    line-height: 32px;\n    margin-bottom: 30px;\n  }\n  @media (max-width: 767px) {\n    font-size: 25px;\n    line-height: 30px;\n  }\n`;\nexport const ServicesCol = styled(Col)`\n  padding: 0 25px 0 0 !important;\n  text-align: center;\n  display: block;\n  @media (max-width: 1199px) {\n    padding-bottom: 45px !important;\n  }\n  @media (max-width: 767px) {\n    padding-right: 0 !important;\n  }\n`;\nexport const ServicesImage = styled.img`\n  display: block;\n  width: auto;\n  height: 100px;\n  margin: 15px auto 30px auto;\n`;\n\nexport const SubHeader = styled.h4`\n  margin-bottom: 30px;\n  padding-bottom: 0;\n  font-family: 'HelveticaNeue-Bold', arial, sans-serif;\n  font-size: 18px;\n  line-height: 22px;\n  text-transform: uppercase;\n  color: #00539d;\n  border: none;\n  font-weight: bold;\n`;\n\nexport const ServicesText = styled.div`\n  margin: 0 0 10px 0 !important;\n  code {\n    font-family: 'HelveticaNeue-Light', arial, sans-serif;\n    color: rgba(0, 0, 0, 0.6);\n    margin-top: 0 !important;\n    font-style: italic;\n    font-size: 16px !important;\n    line-height: 24px !important;\n    @media (max-width: 1399px) {\n      font-size: 15px !important;\n      line-height: 22px !important;\n    }\n    @media (max-width: 767px) {\n      font-size: 13px !important;\n      line-height: 20px !important;\n    }\n  }\n`;\nexport const MiddleLeftCol = styled(Col)`\n  padding: 0 100px 0 0 !important;\n  @media (max-width: 1199px) {\n    padding-right: 0 !important;\n    padding-bottom: 55px !important;\n  }\n`;\nexport const MiddleRightCol = styled(Col)`\n  padding: 0 !important;\n`;\n\nexport const MiddleText = styled.p`\n  margin: 0 0 40px 0;\n  padding: 0;\n  b {\n    font-family: 'HelveticaNeue-Bold', arial, sans-serif;\n    font-weight: normal;\n    font-style: normal;\n  }\n  i {\n    font-style: italic;\n  }\n`;\nexport const AnchorStyleInternal = styled(Link)`\n  text-decoration: none;\n  display: inline-block;\n  margin-right: 45px;\n  margin-bottom: 45px;\n  text-align: center;\n  color: #00a6e8;\n  :hover {\n    color: #00a6e8;\n  }\n`;\nexport const AnchorStyle = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n  display: inline-block;\n  margin-right: 45px;\n  margin-bottom: 45px;\n  text-align: center;\n  color: #00a6e8;\n  :hover {\n    color: #00a6e8;\n  }\n`;\nexport const ProductsImageStyle = styled.img`\n  display: block;\n  width: auto;\n  height: 98px;\n  margin: 0 auto 15px auto;\n`;\n\nexport const ServiceAreasList = styled.ul`\n  margin-bottom: 0 !important;\n  padding: 0 !important;\n  column-count: 2;\n  @media (max-width: 1199px) {\n    column-count: 3;\n  }\n  @media (max-width: 767px) {\n    column-count: 1;\n  }\n`;\n\nexport const ListItems = styled.li`\n  margin: 0;\n  padding: 0 0 15px 30px;\n  list-style: none;\n  background: url(${IconArrowYellow}) no-repeat 0 9px;\n  background-size: 10px auto;\n`;\n","import { graphql, useStaticQuery } from 'gatsby';\nimport React from 'react';\nimport Cookies from 'universal-cookie';\nimport * as Styled from './propanePopupStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { INLINES } from '@contentful/rich-text-types';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst PropanePopup = ({ showModal }) => {\n  const data = useStaticQuery(graphql`\n    query PropanePopupQuery {\n      allContentfulUltramarCommercial(\n        filter: { identifier: { type: { eq: \"propanePopUp\" } } }\n      ) {\n        edges {\n          node {\n            __typename\n            node_locale\n            title\n            slug\n            identifier {\n              type\n            }\n            sections {\n              ... on ContentfulContentList {\n                id\n                list {\n                  type\n                  title\n                  subText\n                  contentDetails {\n                    raw\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n  const cookies = new Cookies();\n  const propanePopupData = data?.allContentfulUltramarCommercial?.edges.find(\n    (edge) =>\n      cookies.get('language')\n        ? edge?.node?.node_locale === cookies.get('language')\n        : edge?.node?.node_locale === 'en-US'\n  );\n  const propanePopupSection = propanePopupData?.node?.sections[0];\n  const subText = propanePopupData?.node?.sections[0]?.list[0]?.subText;\n\n  const optionsMainStyle = {\n    renderNode: {\n      [INLINES.HYPERLINK]: (node, children) => (\n        <Styled.ModalChoosePropaneLink\n          href={\n            isExternalUrlHref(node?.data?.uri)\n              ? node?.data?.uri\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + node?.data?.uri)\n          }\n          target={isExternalUrl(node?.data?.uri) ? '_blank' : '_self'}\n        >\n          {subText && (\n            <Styled.ModalChoosePropaneSpan>\n              {subText}\n            </Styled.ModalChoosePropaneSpan>\n          )}\n          {children}\n        </Styled.ModalChoosePropaneLink>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <Styled.ModalBlocker show={showModal} centered backdrop=\"static\">\n      <Styled.ModalChoosePropane>\n        {propanePopupSection?.list?.map((item, index) => (\n          <div key={index}>\n            {item?.contentDetails &&\n              documentToReactComponents(\n                JSON.parse(item?.contentDetails?.raw),\n                optionsMainStyle\n              )}\n          </div>\n        ))}\n        <Styled.ModalChoosePropaneClose\n          onClick={() => showModal(false)}\n        ></Styled.ModalChoosePropaneClose>\n      </Styled.ModalChoosePropane>\n    </Styled.ModalBlocker>\n  );\n};\n\nexport default PropanePopup;\n","import { Modal } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport IconClose from '../../images/icon-close.png';\n\nexport const ModalBlocker = styled(Modal)`\n  box-sizing: border-box;\n  padding: 20px;\n  background-color: rgba(255, 255, 255, 0.75);\n  text-align: center;\n  .modal-content {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  @media (max-width: 767px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n`;\n\nexport const ModalChoosePropane = styled.div`\n  max-width: 500px;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 166, 232, 1) 0%,\n    rgba(0, 83, 157, 1) 100%\n  );\n  text-align: center;\n  border-radius: 6px;\n  padding: 40px !important;\n  opacity: 1;\n  display: inline-block;\n`;\n\nexport const ModalChoosePropaneLink = styled.a`\n  display: block;\n  float: left;\n  width: 50%;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 40px;\n  line-height: 40px;\n  text-align: center;\n  color: #fff;\n  text-decoration: none;\n  :hover {\n    color: #f7991c;\n  }\n  @media (max-width: 767px) {\n    :first-of-type {\n      margin-bottom: 20px;\n    }\n\n    float: none;\n    width: 100%;\n    font-size: 30px;\n    line-height: 30px;\n  }\n`;\nexport const ModalChoosePropaneClose = styled.a`\n  position: absolute;\n  z-index: 9999999999;\n  top: -12.5px;\n  right: -12.5px;\n  display: block;\n  width: 30px;\n  height: 30px;\n  text-indent: -9999px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${IconClose});\n  background-size: 30px auto;\n`;\n\nexport const ModalChoosePropaneSpan = styled.span`\n  display: block;\n  margin-bottom: 10px;\n  font-size: 25px;\n  line-height: 25px;\n  color: #ffc905;\n  @media (max-width: 767px) {\n    margin-bottom: 5px;\n    font-size: 20px;\n    line-height: 20px;\n  }\n`;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZDg5NmE3Yy1kZmFiLWI1NGYtOGJiZi04MjNlMmE1ZTNmNTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJERTU4MzMwMEVDMTFFQTkxQTE5QTI2M0UyOUJFNzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJERTU4MzIwMEVDMTFFQTkxQTE5QTI2M0UyOUJFNzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2ODY0NEFDREFFRDExRTlBMEI0OENBMDUyNDIyQURBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ2ODY0NEFEREFFRDExRTlBMEI0OENBMDUyNDIyQURBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PEq6eQAABFNJREFUeNrkm01IVFEYhj8ns41maQVRBJWLQiIqKRKt0QwMgtK0SNu1EKqt+2gZQZCUqyDICiqzFlFCP6aVKAZBShtRqDSSmtTcJKZ9b/e7w3SdH+fMuefOjC+8G72e8z2e/7+MuZ6l5JJy2XvZRexC9kb2OvYKdrZ8M8UeZ4+yh9gD7D52N3vCjaAyNAOvZ59gV7P3sJcopvOH3cN+wL7H/pRswPvYjexDCUBGg3/CvsR+lWhivgT/3s/ulEAOuwBLkibS7pC8/F4Ar2W3sF+yS8mcSiXPFonBCHAt+yO7nrxTvcRQ6yZwFruJfVd6YK+VK7EgpmW6O60cdhv7ACWn0Lar2AEdJbxa2k2ywtqjxAuJNSFgVJun7F2U/NrObo/V3Hwx2iwG/p2UOtohMWepAF9ml1PqqVxijwsY3f0ZSl0h9uML7aUxwe+XSX4qC4uSbewvsUq4KQ1gSRiuxKrSZTKepYuqnMOpE/iC2pqL5/ebbxCtPKI/ZKSJtDOU1yXnIwFj8C5Rg71JlF9HVHBLLzTSQppIG3moQZcI2zzgRqWgNl0nyqsR+Cx90DZshgypyAN5qanRCbyGXamUVICn2HPTISWuAdoJCyGPwEPVFCuFMQjMdYYylZL6+YhosF4fdCTYwVOclzJwpjAGgY8lVP10QbsDS6GMmHhgsv1Dy/ZMxIDrrX+Kd7AQ9sbyUcLFpGsvSrWk3YclYSz2aV8NxQttBtZWkU/mm+QJtFlYqBBtGBveu12Z2EVr05BZWKgXwJ/JOjEgc9AzUuqZJmGhEZ/rK6Ow1TvTC1hoOYCzXV+zBKFn5v8OPzMDC+X4aHFpGsBTrmcTbMdhZq/4WUELf3PUBPCUT7ZCDMA6Oq3Q6v1vyDIC/QvAo2Zh0UGdtDxvnHYd+huAh42PwejEIk5OXIUeBnC/cdiYMzLXoAcA/M4TWG+g+wD8VpZO5mHNQoOxG8C4LdPt6VrYDDQYx+2JR6unsGagW+0dD3sTb0RpX0sXrLtrZAz6OEIas0t4jKyz1fiVV6UXNlpJ5ymXcrsw/rcvfVEpqaHTRIH7+mAjQSMP5KWmIJvz9LCLVE8fsEmOPWodsM7qjVoE2DmlweQ1hVytcgLj4OlZmq2QDoYyOZeHz8m6rZMuanMWYLgDcWz3fKBFdCCODxrSoHQbnLCRgCHccGtOYdhmYZjfv0a5iZcl45c/xWA7paOaDvfLaHta+IMaac+pIsRaHQk2FjCEQ7YK9vsUga2QmEkV2J527ifrvmWyqkua3lisDxe6TTtJ1vX+q0kIe03abGAhH8ezL/2bfY6sG24TSQA6KbGcldhIN7AtvDLZyr7tIewd9haJJS6pnjx8JesafplMzk3pDVmXR+skBjIFbKtDViLoMB6zZ12AnJW0/bKSS6jz1P1Qa4O0K4yFOHNO5KFWL1l3nzFjSrqHWuEU+hQPk3g8xVtF4Z/ifSfrQABjqatP8f4KMAAVJL3AMTvnIgAAAABJRU5ErkJggg==\"","import React, { useState } from 'react';\nimport { Col, Row } from 'react-bootstrap';\nimport CommonBanner from '../../common/commonBanner/commonBanner';\nimport * as Styled from '../../components/locationDetails/locationDetailsStyle';\nimport GoogleMapReact from 'google-map-react';\nimport { graphql, navigate, useStaticQuery } from 'gatsby';\nimport iconPinBranch from '../../images/icon-map-pin-branch.png';\nimport iconPinCardlock from '../../images/icon-map-pin-cardlock-um.png';\nimport iconPinPipeline from '../../images/icon-map-pin-cardlock-pc.png';\nimport iconPinBoth from '../../images/icon-map-pin-branch-cardlock.png';\nimport LocationMarker from '../../components/locationMarker/locationMarker';\nimport { LocationTypes } from '../../constants';\nimport BannerDefault from '../../images/banner-default.jpg';\nimport { BLOCKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { useTranslation, I18nextProvider } from 'react-i18next';\nimport i18next from '../../i18next';\nimport PropanePopup from '../../components/propanePopup/propanePopup';\nimport {\n  addTrailingSlash,\n  isExternalUrlHref,\n  isValidURLLanguage,\n  isValidURLRegion,\n  validNodeLocale,\n} from '../../utils';\nimport { Helmet } from 'react-helmet';\nimport Cookies from 'universal-cookie';\nimport Header from '../../components/header/header';\nimport Footer from '../../components/footer/footer';\nimport GlobalStyles from '../../styles/globalStyles';\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\nimport ogLogo from '../../images/og-logo.jpg';\n\nconst LocationDetailsPage = ({ data, location }) => {\n  const locationDataQuery = data;\n  let phones;\n  const [showPropaneModal, setShowPropaneModal] = React.useState(false);\n  const [translation] = useTranslation();\n  const date = new Date();\n  const cookies = new Cookies();\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 locationDataEdge =\n    locationDataQuery?.allContentfulLocation?.edges?.filter(\n      (edge) => edge?.node?.node_locale === selectedLanguage\n    );\n\n  let locationData;\n  const res = locationDataEdge?.find((data) => data);\n\n  res\n    ? (locationData = res?.node)\n    : navigate('/en/locations', { replace: true });\n\n  const appendLanguageToURL = isValidURLLanguage(urlLanguage) && urlLanguage;\n\n  const regionLanguageFilteredData =\n    locationDataQuery?.allContentfulUltramarCommercial?.edges?.find(\n      (edge) => edge?.node?.node_locale === selectedLanguage\n    );\n  const locationCommonData = regionLanguageFilteredData?.node?.sections?.filter(\n    (region) => region?.abbreviation === 'NB'\n  )[0]?.sections;\n\n  const productSupplierList = locationCommonData?.filter(\n    (section) => section?.type === 'productSupplier'\n  )[0].listSection;\n\n  const productSupplierData = productSupplierList?.filter(\n    (section) => section?.type === 'productSupplierInCityContent'\n  )[0];\n  const alsoAvailableData = productSupplierList?.filter(\n    (section) => section?.type === 'textWithoutImage'\n  )[0];\n  const serviceAreasData = productSupplierList?.filter(\n    (section) => section?.type === 'contentText'\n  )[0];\n\n  const productSupplierImages = productSupplierList?.filter(\n    (section) => section?.type === 'locationAddressProductSupplierImages'\n  )[0]?.listOfImagesWithPath;\n  const dieselImage = productSupplierImages?.filter(\n    (image) => image?.type === 'dieselImageWithPath'\n  )[0];\n  const propaneImage = productSupplierImages?.filter(\n    (image) => image?.type === 'propaneImageWithPath'\n  )[0];\n  const heatingOilImage = productSupplierImages?.filter(\n    (image) => image?.type === 'heatingOilImageWithPath'\n  )[0];\n  const lubricantImage = productSupplierImages?.filter(\n    (image) => image?.type === 'lubricantsImageWithPath'\n  )[0];\n  const defImage = productSupplierImages?.filter(\n    (image) => image?.type === 'defImageWithPath'\n  )[0];\n\n  const servicesData = locationCommonData?.filter(\n    (section) => section?.type === 'locationDetails'\n  )[0]?.listSection;\n  const servicesHeader = servicesData?.filter(\n    (section) => section?.type === 'locationDetailsHeader'\n  )[0];\n  const servicesImageData = servicesData?.filter(\n    (section) => section?.type === 'imagesWithoutPath'\n  )[0]?.listOfImagesWithPath;\n\n  const getMarkerIcon = (types) => {\n    let markerIcon = null;\n    if (types?.length > 1) {\n      if (markerIcon == null) {\n        markerIcon = iconPinBoth;\n      }\n    } else {\n      types.forEach((locationType) => {\n        if (locationType?.type === LocationTypes.Branch) {\n          if (markerIcon == null) {\n            markerIcon = iconPinBranch;\n          }\n        }\n        if (locationType?.type === LocationTypes.UltramarCardlock) {\n          if (markerIcon == null) {\n            markerIcon = iconPinCardlock;\n          }\n        }\n        if (locationType?.type === LocationTypes.PipelineCardlock) {\n          if (markerIcon == null) {\n            markerIcon = iconPinPipeline;\n          }\n        }\n      });\n    }\n    return markerIcon;\n  };\n  const getIcon = (locationType) => {\n    if (locationType) {\n      if (locationType?.length > 1) {\n        return iconPinBoth;\n      } else {\n        switch (locationType[0]?.type) {\n          case LocationTypes.Branch:\n            return iconPinBranch;\n\n          case LocationTypes.UltramarCardlock:\n            return iconPinCardlock;\n\n          case LocationTypes.PipelineCardlock:\n            return iconPinPipeline;\n\n          default:\n            return iconPinBranch;\n        }\n      }\n    }\n  };\n  const products = [\n    {\n      boolean: locationData?.hasDiesel,\n      name: translation('Diesel'),\n    },\n    {\n      boolean: locationData?.hasPropane,\n      name: translation('Propane'),\n    },\n    {\n      boolean: locationData?.hasHeatingOil,\n      name: translation('HeatingOil'),\n    },\n    {\n      boolean: locationData?.hasLubricants,\n      name: translation('Lubricants'),\n    },\n    {\n      boolean: locationData?.hasDef,\n      name: translation('DefShort'),\n    },\n  ];\n  const offerings = [\n    {\n      boolean: locationData?.hasHeatingOil,\n      name: translation('HeatingOil'),\n    },\n    {\n      boolean: locationData?.hasDiesel,\n      name: translation('Diesel'),\n    },\n    {\n      boolean: locationData?.hasMarkedDiesel,\n      name: translation('MarkedDiesel'),\n    },\n    {\n      boolean: locationData?.hasGasoline,\n      name: translation('Gasoline'),\n    },\n    {\n      boolean: locationData?.hasPropane,\n      name: translation('Propane'),\n    },\n    {\n      boolean: locationData?.hasLubricants,\n      name: translation('Lubricants'),\n    },\n    {\n      boolean: locationData?.hasHeatingEquipment,\n      name: translation('HeatingEquipment'),\n    },\n    {\n      boolean: locationData?.hasDef,\n      name: translation('Def'),\n    },\n    {\n      boolean: locationData?.hasShowers,\n      name: translation('Showers'),\n    },\n    {\n      boolean: locationData?.hasRestrooms,\n      name: translation('Restroom'),\n    },\n    {\n      boolean: locationData?.hasWifi,\n      name: translation('Wi-Fi'),\n    },\n    {\n      boolean: locationData?.hasParking,\n      name: translation('Parking'),\n    },\n    {\n      boolean: locationData?.hasRestaurant,\n      name: translation('Restaurant'),\n    },\n    {\n      boolean: locationData?.hasConvenienceStore,\n      name: translation('ConvenienceStore'),\n    },\n    {\n      boolean: locationData?.hasLunchCounter,\n      name: translation('LunchCounter'),\n    },\n    {\n      boolean: locationData?.hasDriversLounge,\n      name: translation('DriversLounge'),\n    },\n    {\n      boolean: locationData?.hasMultiServices,\n      name: translation('MultiServices'),\n    },\n  ];\n  const availableProducts = [\n    {\n      boolean: locationData?.hasGasoline,\n      name: translation('Gasoline'),\n    },\n    {\n      boolean: locationData?.hasMarkedDiesel,\n      name: translation('MarkedDiesel'),\n    },\n    {\n      boolean: locationData?.hasHeatingEquipment,\n      name: translation('HeatingEquipment'),\n    },\n  ];\n  const serviceAreas = locationData?.serviceArea?.serviceArea?.split(';');\n  const [lat, setLat] = useState(parseFloat(locationData?.latitude) || 0);\n  const [lng, setLng] = useState(parseFloat(locationData?.longitude) || 0);\n  const [currentMarker, setCurrentMarker] = useState('');\n  const [zoom, setZoom] = useState(10);\n\n  const StringGenerator = (object) => {\n    let header = '';\n    let length = 0;\n    object.map((item) => {\n      if (item?.boolean) {\n        if (length !== 0) {\n          header += ', ' + item?.name;\n          length++;\n        } else {\n          header += item?.name;\n          length++;\n        }\n      }\n    });\n    return header;\n  };\n\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.MiddleText>{children}</Styled.MiddleText>\n      ),\n      [BLOCKS.HEADING_4]: (node, children) => (\n        <Styled.SubHeader>{children}</Styled.SubHeader>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  const servicesMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ServicesText>{children}</Styled.ServicesText>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  React.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 (\n    <>\n      {changeLanguageHandler(selectedLanguage)}\n      <I18nextProvider i18n={i18next}>\n        <Helmet>\n          <title>{locationData?.pageTitle + ' | Ultramar'}</title>\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(\n              process.env.GATSBY_DOMAIN_URL +\n                '/en/locations/details/' +\n                locationData?.urlSlug\n            )}\n            hreflang=\"en-ca\"\n          ></link>\n          <link\n            rel=\"alternate\"\n            href={addTrailingSlash(\n              process.env.GATSBY_DOMAIN_URL +\n                '/fr/sites/details/' +\n                locationData?.urlSlug\n            )}\n            hreflang=\"fr-ca\"\n          ></link>\n          <meta property=\"og:image\" content={ogLogo}></meta>\n          <meta property=\"twitter:image\" content={ogLogo}></meta>\n        </Helmet>\n        <GlobalStyles />\n        <Header\n          englishSlug={addTrailingSlash(\n            '/en/locations/details/' + locationData?.urlSlug\n          )}\n          frenchSlug={addTrailingSlash(\n            '/fr/sites/details/' + locationData?.urlSlug\n          )}\n        />\n        <CommonBanner\n          Header={locationData?.pageTitleDetails}\n          ImageUrl={BannerDefault}\n        />\n        <Styled.SectionContainer>\n          <Row className=\"g-0\">\n            <Styled.TopLeftCol xs={12} xl={6}>\n              <Styled.TopHeader>\n                <Styled.IconImage\n                  src={getIcon(locationData?.pinType)}\n                  alt=\"Pin Icon\"\n                />\n                {locationData?.location}\n              </Styled.TopHeader>\n              <Row className=\"g-0\">\n                <Col xs={12} md={6}>\n                  <Styled.ParaText>\n                    {locationData?.address1}\n                    <br />\n                    {locationData?.city},&nbsp;{locationData?.province}&nbsp;\n                    {locationData?.postalCode}\n                    <br />\n                    <br />\n                    {\n                      ((phones = locationData?.phone.split(' ')),\n                      phones?.map((phone, index) => (\n                        <Styled.LinkStyle\n                          key={index}\n                          href={`tel:${phone}`}\n                          tabindex=\"0\"\n                        >\n                          {phone}\n                        </Styled.LinkStyle>\n                      )))\n                    }\n                    <br />\n                    <Styled.LinkStyle\n                      target=\"_blank\"\n                      href={`https://www.google.com/maps/dir/?api=1&destination=\n                      ${locationData?.address1}, ${locationData?.location}, ${locationData?.province}, ${locationData?.postalCode}`}\n                    >\n                      {translation('GetDirections')}\n                    </Styled.LinkStyle>\n                  </Styled.ParaText>\n                  <Styled.ParaText>\n                    <Styled.AnchorButton\n                      href={addTrailingSlash(\n                        process.env.GATSBY_DOMAIN_URL +\n                          (appendLanguageToURL === 'fr' ? '/fr' : '/en') +\n                          '/contact'\n                      )}\n                    >\n                      {translation('ContactUs')}\n                    </Styled.AnchorButton>\n                  </Styled.ParaText>\n                </Col>\n                <Col>\n                  <div style={{ marginBottom: '40px' }}>\n                    <Styled.Header3>{translation('Hours')}</Styled.Header3>\n                    {(locationData?.pinType.length > 1 ||\n                      (locationData?.pinType.length === 1 &&\n                        locationData?.pinType[0].type !==\n                          LocationTypes.UltramarCardlock &&\n                        locationData?.pinType[0].type !==\n                          LocationTypes.PipelineCardlock)) && (\n                      <>\n                        <strong>{translation('Branch')}:</strong>\n                        <br />\n                        {locationData?.branchHours}\n                        <br />\n                      </>\n                    )}\n                    {locationData?.cardlockHours && (\n                      <>\n                        <strong>{translation('Cardlock')}: </strong>\n                        {locationData?.cardlockHours}\n                      </>\n                    )}\n                  </div>\n                  <Styled.Header3>{translation('Offerings')}</Styled.Header3>\n                  {StringGenerator(offerings)}\n                </Col>\n              </Row>\n            </Styled.TopLeftCol>\n            <Styled.TopRightCol className=\"px-0\" xs={12} xl={6}>\n              <GoogleMapReact\n                bootstrapURLKeys={{\n                  key: process.env.GATSBY_GOOGLE_MAP_APIKEY,\n                  libraries: ['places', 'geometry'],\n                }}\n                center={{ lat, lng }}\n                zoom={zoom}\n                yesIWantToUseGoogleMapApiInternals\n              >\n                {locationDataEdge?.map((location, index) => (\n                  <LocationMarker\n                    key={index}\n                    id={location?.node?.id}\n                    currentMarker={currentMarker}\n                    lat={location?.node?.latitude}\n                    showServices={true}\n                    lng={location?.node?.longitude}\n                    node={location?.node}\n                    src={getMarkerIcon(location?.node?.pinType)}\n                    onMarkerClick={(data) => {\n                      setCurrentMarker(data?.id);\n                      setLat(parseFloat(data?.lat));\n                      setLng(parseFloat(data?.lng));\n                    }}\n                  />\n                ))}\n              </GoogleMapReact>\n            </Styled.TopRightCol>\n          </Row>\n        </Styled.SectionContainer>\n        <Styled.SectionContainerMiddle>\n          <Row>\n            <Styled.MiddleLeftCol\n              xs={12}\n              xl={locationData?.serviceArea ? 6 : 12}\n            >\n              <Styled.Header style={{ textAlign: 'left' }}>\n                {productSupplierData?.header\n                  .replace('{Products}', StringGenerator(products))\n                  .replace('{city}', locationData?.location)}\n              </Styled.Header>\n              {productSupplierData?.contentDetails &&\n                documentToReactComponents(\n                  JSON.parse(productSupplierData?.contentDetails?.raw),\n                  optionsMainStyle\n                )}\n              {locationData?.hasDiesel && (\n                <Styled.AnchorStyleInternal\n                  to={\n                    isExternalUrlHref(dieselImage?.path)\n                      ? dieselImage?.path\n                      : addTrailingSlash(\n                          process.env.GATSBY_DOMAIN_URL + dieselImage?.path\n                        )\n                  }\n                >\n                  <Styled.ProductsImageStyle\n                    src={dieselImage?.image?.file.url}\n                  />\n                  {dieselImage?.title}\n                </Styled.AnchorStyleInternal>\n              )}\n              {locationData?.hasPropane && (\n                <Styled.AnchorStyle\n                  onClick={() => {\n                    setShowPropaneModal(true);\n                  }}\n                >\n                  <Styled.ProductsImageStyle\n                    src={propaneImage?.image?.file?.url}\n                  />\n                  {propaneImage?.title}\n                </Styled.AnchorStyle>\n              )}\n              {locationData?.hasHeatingOil && (\n                <Styled.AnchorStyleInternal\n                  to={\n                    isExternalUrlHref(heatingOilImage?.path)\n                      ? heatingOilImage?.path\n                      : addTrailingSlash(\n                          process.env.GATSBY_DOMAIN_URL + heatingOilImage?.path\n                        )\n                  }\n                >\n                  <Styled.ProductsImageStyle\n                    src={heatingOilImage?.image?.file?.url}\n                  />\n                  {heatingOilImage?.title}\n                </Styled.AnchorStyleInternal>\n              )}\n              {locationData?.hasLubricants && (\n                <Styled.AnchorStyleInternal\n                  to={\n                    isExternalUrlHref(lubricantImage?.path)\n                      ? lubricantImage?.path\n                      : addTrailingSlash(\n                          process.env.GATSBY_DOMAIN_URL + lubricantImage?.path\n                        )\n                  }\n                >\n                  <Styled.ProductsImageStyle\n                    src={lubricantImage?.image?.file?.url}\n                  />\n                  {lubricantImage?.title}\n                </Styled.AnchorStyleInternal>\n              )}\n              {locationData?.hasDef && (\n                <Styled.AnchorStyleInternal>\n                  <Styled.ProductsImageStyle src={defImage?.image?.file?.url} />\n                  {defImage?.title}\n                </Styled.AnchorStyleInternal>\n              )}\n              {StringGenerator(availableProducts) && alsoAvailableData && (\n                <Styled.ParaTextSmall>\n                  {documentToReactComponents(\n                    JSON.parse(\n                      alsoAvailableData?.contentDetails?.raw?.replace(\n                        '{otherProducts}',\n                        StringGenerator(availableProducts)\n                      )\n                    ),\n                    optionsMainStyle\n                  )}\n                </Styled.ParaTextSmall>\n              )}\n            </Styled.MiddleLeftCol>\n            {locationData?.serviceArea && (\n              <Styled.MiddleRightCol xs={12} xl={6}>\n                <Styled.Header style={{ textAlign: 'left' }}>\n                  {serviceAreasData?.header?.replace(\n                    '{prductList}',\n                    StringGenerator(products)\n                  )}\n                </Styled.Header>\n                <Styled.ServiceAreasList>\n                  {serviceAreas?.map((item, index) => (\n                    <Styled.ListItems key={index}>{item}</Styled.ListItems>\n                  ))}\n                </Styled.ServiceAreasList>\n              </Styled.MiddleRightCol>\n            )}\n          </Row>\n        </Styled.SectionContainerMiddle>\n        <Styled.SectionContainer>\n          <Styled.Header>\n            {servicesHeader?.header\n              ?.replace('{Products}', StringGenerator(products))\n              ?.replace('{city}', locationData?.location)}\n          </Styled.Header>\n          <Row className=\"g-0\">\n            {servicesImageData?.map((item, index) => (\n              <Styled.ServicesCol key={index} xs={12} md={6} xl={3}>\n                <Styled.ServicesImage\n                  src={item?.image?.file?.url}\n                  alt={item?.title}\n                />\n                <Styled.SubHeader>{item?.title}</Styled.SubHeader>\n                {item?.richText &&\n                  documentToReactComponents(\n                    JSON.parse(item?.richText?.raw),\n                    servicesMainStyle\n                  )}\n              </Styled.ServicesCol>\n            ))}\n          </Row>\n        </Styled.SectionContainer>\n        {showPropaneModal && <PropanePopup showModal={setShowPropaneModal} />}\n        <Footer />\n      </I18nextProvider>\n    </>\n  );\n};\nexport default LocationDetailsPage;\n\nexport const pageQuery = graphql`\n  query locationDetailsDataMyQuery1($pageSlug: String!, $nodeLocale: String!) {\n    allContentfulLocation(\n      filter: {\n        brand: { brand: { in: [\"Ultramar\", \"Pipeline Commercial\"] } }\n        urlSlug: { eq: $pageSlug }\n        node_locale: { eq: $nodeLocale }\n      }\n    ) {\n      edges {\n        node {\n          node_locale\n          address1\n          branchHours\n          cardlockHours\n          branchManager\n          id\n          location\n          city\n          province\n          urlSlug\n          postalCode\n          latitude\n          longitude\n          phone\n          type {\n            type\n          }\n          pinType {\n            type\n          }\n          summerHours\n          serviceArea {\n            serviceArea\n          }\n          hasHeatingOil\n          hasDiesel\n          hasGasoline\n          hasPropane\n          hasLubricants\n          hasHeatingEquipment\n          hasDef\n          hasMarkedDiesel\n          hasRestaurant\n          hasRestrooms\n          hasShowers\n          hasWifi\n          hasParking\n          hasMultiServices\n          hasLunchCounter\n          hasDriversLounge\n          hasConvenienceStore\n          pageTitle\n          brand {\n            brand\n            creditColour\n            creditText {\n              creditText\n            }\n            creditLogo {\n              file {\n                url\n              }\n            }\n          }\n          pageTitleDetails\n        }\n      }\n    }\n    allContentfulUltramarCommercial(\n      filter: { identifier: { type: { eq: \"locationDetails\" } } }\n    ) {\n      edges {\n        node {\n          name\n          title\n          slug\n          node_locale\n          identifier {\n            type\n          }\n          metadata\n          sections {\n            ... on ContentfulRegions {\n              title\n              abbreviation\n              sections {\n                ... on ContentfulGenericSection {\n                  id\n                  title\n                  type\n                  listSection {\n                    ... on ContentfulContent {\n                      id\n                      title\n                      type\n                      header\n                      contentDetails {\n                        raw\n                      }\n                    }\n                    ... on ContentfulListOfImageWithPath {\n                      id\n                      title\n                      type\n                      listOfImagesWithPath {\n                        title\n                        type\n                        image {\n                          file {\n                            url\n                          }\n                        }\n                        path\n                        richText {\n                          raw\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","export default __webpack_public_path__ + \"static/banner-default-1a3bf36cab2613f3b3e2fd22f59a6065.jpg\";"],"names":["MainContainer","styled","LeftCol","Col","HeaderDiv","Header","RightCol","props","$background","ImageUrl","Row","className","xs","md","lg","xl","SectionContainer","SectionContainerMiddle","TopLeftCol","TopRightCol","TopHeader","IconImage","ParaText","ParaTextSmall","LinkStyle","AnchorButton","Header3","ServicesCol","ServicesImage","SubHeader","ServicesText","MiddleLeftCol","MiddleRightCol","MiddleText","AnchorStyleInternal","Link","AnchorStyle","ProductsImageStyle","ServiceAreasList","ListItems","IconArrowYellow","showModal","data","useStaticQuery","cookies","Cookies","propanePopupData","allContentfulUltramarCommercial","edges","find","edge","get","node","node_locale","propanePopupSection","sections","subText","list","optionsMainStyle","renderNode","INLINES","children","href","isExternalUrlHref","uri","addTrailingSlash","process","target","isExternalUrl","renderText","text","split","flatMap","i","key","show","centered","backdrop","map","item","index","contentDetails","documentToReactComponents","JSON","parse","raw","onClick","ModalBlocker","Modal","ModalChoosePropane","ModalChoosePropaneLink","ModalChoosePropaneClose","ModalChoosePropaneSpan","location","locationDataQuery","React","showPropaneModal","setShowPropaneModal","translation","useTranslation","date","Date","regionQueryParams","URLSearchParams","search","toUpperCase","window","history","replaceState","document","title","pathname","isValidURLRegion","set","toLowerCase","path","expires","getFullYear","getMonth","getDate","updateAndSetRegionCookie","locationData","urlLanguage","lang","selectedLanguage","isValidURLLanguage","validNodeLocale","language","updateAndSetLanguageCookie","locationDataEdge","allContentfulLocation","filter","res","navigate","replace","appendLanguageToURL","regionLanguageFilteredData","locationCommonData","region","abbreviation","productSupplierList","section","type","listSection","productSupplierData","alsoAvailableData","serviceAreasData","productSupplierImages","listOfImagesWithPath","dieselImage","image","propaneImage","heatingOilImage","lubricantImage","defImage","servicesData","servicesHeader","servicesImageData","products","boolean","hasDiesel","name","hasPropane","hasHeatingOil","hasLubricants","hasDef","offerings","hasMarkedDiesel","hasGasoline","hasHeatingEquipment","hasShowers","hasRestrooms","hasWifi","hasParking","hasRestaurant","hasConvenienceStore","hasLunchCounter","hasDriversLounge","hasMultiServices","availableProducts","serviceAreas","serviceArea","useState","parseFloat","latitude","lat","setLat","longitude","lng","setLng","currentMarker","setCurrentMarker","zoom","StringGenerator","object","header","length","BLOCKS","servicesMainStyle","AOS","i18n","changeLanguage","i18next","pageTitle","rel","urlSlug","hreflang","property","content","ogLogo","englishSlug","frenchSlug","pageTitleDetails","BannerDefault","src","locationType","iconPinBoth","LocationTypes","iconPinBranch","iconPinCardlock","iconPinPipeline","getIcon","pinType","alt","address1","city","province","postalCode","phone","tabindex","style","marginBottom","branchHours","cardlockHours","bootstrapURLKeys","libraries","center","yesIWantToUseGoogleMapApiInternals","types","markerIcon","id","showServices","forEach","onMarkerClick","textAlign","to","file","url","richText"],"sourceRoot":""}