{"version":3,"file":"9009ef28dfdd4142fb4ab19374273f24197035ab-c7bf8e37a76e9409e18b.js","mappings":"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","sources":["webpack://commercial-ultramar/./src/components/locationDefault/locationDefault.js","webpack://commercial-ultramar/./src/components/locationTable/locationTable.js","webpack://commercial-ultramar/./node_modules/react-bootstrap/esm/Table.js","webpack://commercial-ultramar/./src/components/locationTable/locationTableStyle.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport GoogleMapReact from 'google-map-react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport LocationTable from '../locationTable/locationTable';\nimport { locationCountries, LocationTypes } from '../../constants';\nimport * as Styled from './locationDefaultStyle';\nimport IconIconMapPinBranch from '../../images/icon-map-pin-branch.png';\nimport IconMapPinCardlockPC from '../../images/icon-map-pin-cardlock-pc.png';\nimport IconMapPinCardlockUm from '../../images/icon-map-pin-cardlock-um.png';\nimport LocationMarker from '../locationMarker/locationMarker';\nimport iconPinBoth from '../../images/icon-map-pin-branch-cardlock.png';\nimport IconCheckBoxActive from '../../images/icon-checkbox-active.png';\nimport IconCheckBoxInActive from '../../images/icon-checkbox-inactive.png';\nimport IconArrowYellowRight from '../../images/icon-arrow-yellow-right.png';\nimport Cookies from 'universal-cookie';\nimport { useTranslation } from 'react-i18next';\nimport { addTrailingSlash, isSmallDevice } from '../../utils';\nimport { Helmet } from 'react-helmet';\nimport ogLogo from '../../images/og-logo.jpg';\n\nconst LocationDefault = ({ selectedLanguage, selectedRegion }) => {\n  const locationDataQuery = useStaticQuery(graphql`\n    query locationDataMyQuery1 {\n      allContentfulLocation(\n        filter: {\n          brand: { brand: { in: [\"Ultramar\", \"Pipeline Commercial\"] } }\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          }\n        }\n      }\n    }\n  `);\n\n  const cookies = new Cookies();\n  const [translation] = useTranslation();\n  const [selectedProvince, setSelectedProvince] = useState(\n    cookies.get('region')?.toUpperCase() || selectedRegion\n  );\n  let locationQueryData =\n    locationDataQuery?.allContentfulLocation?.edges.filter(\n      (edge) => edge?.node?.node_locale === selectedLanguage\n    );\n\n  if (selectedProvince !== locationCountries[0]) {\n    locationQueryData = locationQueryData?.filter(\n      (data) => data.node.province === selectedProvince\n    );\n  }\n  const [locationsData, setLocationsData] = useState(locationQueryData);\n\n  const [lat, setLat] = useState(\n    parseFloat(locationsData[0]?.node?.latitude) || null\n  );\n  const [lng, setLng] = useState(\n    parseFloat(locationsData[0]?.node?.longitude) || null\n  );\n  const [currentMarker, setCurrentMarker] = useState('');\n  const [zoom, setZoom] = useState(6);\n  const [showChooseOffering, setShowChooseOffering] = useState(false);\n  const [showLocationTypes, setShowLocationTypes] = useState(\n    isSmallDevice() ? false : true\n  );\n  const [showLocalBranchesMarkers, setShowLocalBranchesMarkers] =\n    useState(true);\n  const [showUltramarCardlockMarkers, setShowUltramarCardlockMarkers] =\n    useState(true);\n  const [showPipelineCardlockMarkers, setShowPipelineCardlockMarkers] =\n    useState(true);\n  const input = useRef(null);\n  const [selectedOfferingProducts, setSelectedOfferingProducts] = useState([]);\n  const [selectedOfferingServices, setSelectedOfferingServices] = useState([]);\n\n  const offeringProduct = [\n    translation('Gasoline'),\n    translation('Diesel'),\n    translation('MarkedDiesel'),\n    translation('Propane'),\n    translation('Def'),\n    translation('Lubricants'),\n    translation('HeatingOil'),\n    translation('HeatingEquipment'),\n  ];\n  const offeringServices = [\n    translation('Showers'),\n    translation('Restroom'),\n    translation('Wi-Fi'),\n    translation('Parking'),\n    translation('Restaurant'),\n    translation('ConvenienceStore'),\n    translation('LunchCounter'),\n    translation('DriversLounge'),\n    translation('Multiservices'),\n  ];\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 (showLocalBranchesMarkers && markerIcon == null) {\n            markerIcon = IconIconMapPinBranch;\n          }\n        }\n        if (locationType.type === LocationTypes.UltramarCardlock) {\n          if (showUltramarCardlockMarkers && markerIcon == null) {\n            markerIcon = IconMapPinCardlockUm;\n          }\n        }\n        if (locationType.type === LocationTypes.PipelineCardlock) {\n          if (showPipelineCardlockMarkers) {\n            markerIcon = IconMapPinCardlockPC;\n          }\n        }\n      });\n    }\n    return markerIcon;\n  };\n\n  const searchByCityNameOrPostalCode = (searchText) => {\n    // setSelectedProvince(locationCountries[0]);\n    const searchResult = locationsData.find(\n      (item) =>\n        item?.node?.city?.toLowerCase() === searchText ||\n        item?.node?.postalCode?.toLowerCase() === searchText ||\n        item?.node?.location?.toLowerCase() === searchText\n    );\n    if (searchResult) {\n      setLat(parseFloat(searchResult.node.latitude));\n      setLng(parseFloat(searchResult.node.longitude));\n      !isSmallDevice() ? setZoom(10) : setZoom(8);\n    } else {\n      // eslint-disable-next-line no-undef\n      const geocoder = new google.maps.Geocoder();\n      geocoder.geocode({ address: searchText }, function (results, status) {\n        if (status === 'OK') {\n          setLat(results[0].geometry.location.lat());\n          setLng(results[0].geometry.location.lng());\n          !isSmallDevice() ? setZoom(10) : setZoom(8);\n        }\n      });\n    }\n  };\n  useEffect(() => {\n    let result = locationQueryData;\n    if (!showLocalBranchesMarkers) {\n      result = result?.filter(\n        (data) =>\n          data.node.pinType[0].type !== LocationTypes.Branch ||\n          data.node.pinType.length > 1\n      );\n    }\n    if (!showUltramarCardlockMarkers) {\n      result = result?.filter(\n        (data) =>\n          data.node.pinType[0].type !== LocationTypes.UltramarCardlock ||\n          data.node.pinType.length > 1\n      );\n    }\n    if (!showPipelineCardlockMarkers) {\n      result = result?.filter(\n        (data) => data.node.pinType[0].type !== LocationTypes.PipelineCardlock\n      );\n    }\n    if (!showLocalBranchesMarkers && !showUltramarCardlockMarkers) {\n      result = result?.filter((data) => data.node.pinType.length === 1);\n    }\n    if (selectedOfferingProducts.includes(translation('Gasoline'))) {\n      result = result?.filter((data) => data.node.hasGasoline === true);\n    }\n    if (selectedOfferingProducts.includes(translation('Diesel'))) {\n      result = result?.filter((data) => data.node.hasDiesel === true);\n    }\n    if (selectedOfferingProducts.includes(translation('MarkedDiesel'))) {\n      result = result?.filter((data) => data.node.hasMarkedDiesel === true);\n    }\n    if (selectedOfferingProducts.includes(translation('Propane'))) {\n      result = result?.filter((data) => data.node.hasPropane === true);\n    }\n    if (selectedOfferingProducts.includes(translation('Def'))) {\n      result = result?.filter((data) => data.node.hasDef === true);\n    }\n    if (selectedOfferingProducts.includes(translation('Lubricants'))) {\n      result = result?.filter((data) => data.node.hasLubricants === true);\n    }\n    if (selectedOfferingProducts.includes(translation('HeatingOil'))) {\n      result = result?.filter((data) => data.node.hasHeatingOil === true);\n    }\n    if (selectedOfferingProducts.includes(translation('HeatingEquipment'))) {\n      result = result?.filter((data) => data.node.hasHeatingEquipment === true);\n    }\n    if (selectedOfferingServices.includes(translation('Showers'))) {\n      result = result?.filter((data) => data.node.hasShowers === true);\n    }\n    if (selectedOfferingServices.includes(translation('Restroom'))) {\n      result = result?.filter((data) => data.node.hasRestrooms === true);\n    }\n    if (selectedOfferingServices.includes(translation('Wi-Fi'))) {\n      result = result?.filter((data) => data.node.hasWifi === true);\n    }\n    if (selectedOfferingServices.includes(translation('Parking'))) {\n      result = result?.filter((data) => data.node.hasParking === true);\n    }\n    if (selectedOfferingServices.includes(translation('Restaurant'))) {\n      result = result?.filter((data) => data.node.hasRestaurant === true);\n    }\n    if (selectedOfferingServices.includes(translation('ConvenienceStore'))) {\n      result = result?.filter((data) => data.node.hasConvenienceStore === true);\n    }\n    if (selectedOfferingServices.includes(translation('LunchCounter'))) {\n      result = result?.filter((data) => data.node.hasLunchCounter === true);\n    }\n    if (selectedOfferingServices.includes(translation('DriversLounge'))) {\n      result = result?.filter((data) => data.node.hasDriversLounge === true);\n    }\n    if (selectedOfferingServices.includes(translation('Multiservices'))) {\n      result = result?.filter((data) => data.node.hasMultiServices === true);\n    }\n\n    setLocationsData(result);\n    setLat(parseFloat(locationsData[0]?.node?.latitude));\n    setLng(parseFloat(locationsData[0]?.node?.longitude));\n  }, [\n    selectedProvince,\n    showLocalBranchesMarkers,\n    showUltramarCardlockMarkers,\n    showPipelineCardlockMarkers,\n    selectedOfferingProducts,\n    selectedOfferingServices,\n  ]);\n\n  const handleApiLoaded = (map, maps) => {\n    const styles = [\n      {\n        featureType: 'water',\n        elementType: 'geometry.fill',\n        stylers: [{ color: '#99dbf6' }],\n      },\n    ];\n\n    // eslint-disable-next-line no-undef\n    const styledMap = new google.maps.StyledMapType(styles, {\n      name: 'Styled Map',\n    });\n    map.mapTypes.set('map_style', styledMap);\n    map.setMapTypeId('map_style');\n  };\n\n  return typeof window === 'undefined' ? (\n    <>\n      <Helmet>\n        <title>{translation('Locations') + ' | Ultramar'}</title>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(\n            process.env.GATSBY_DOMAIN_URL + '/en/locations'\n          )}\n          hreflang=\"en-ca\"\n        ></link>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + '/fr/sites')}\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      <Styled.LocationTopClearFix>\n        <Styled.LocationsTopFilter\n          data-aos=\"fade-up\"\n          data-aos-duration=\"1000\"\n          data-aos-once=\"true\"\n        >\n          <Styled.LocationsTopFilterH2\n            title=\"Open/Close Filter\"\n            onClick={() => setShowLocationTypes(!showLocationTypes)}\n          >\n            {translation('LocationType')}\n            <Styled.LocationsTopFilterH2Img\n              $open={showLocationTypes}\n              src={IconArrowYellowRight}\n              alt=\"Open/Close Filter\"\n            />\n          </Styled.LocationsTopFilterH2>\n          <>\n            {showLocationTypes && (\n              <Styled.LocationsTopFilterInnerBrands>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelBranch>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowLocalBranchesMarkers(!showLocalBranchesMarkers)\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showLocalBranchesMarkers}\n                      >\n                        {translation('LocalBranch')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelBranch>\n                </Styled.LocationsTopFilterInnerRow>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelcardlockUM>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowUltramarCardlockMarkers(\n                          !showUltramarCardlockMarkers\n                        )\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showUltramarCardlockMarkers}\n                      >\n                        {translation('UltramarCardlock')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelcardlockUM>\n                </Styled.LocationsTopFilterInnerRow>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelCardlockPC>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowPipelineCardlockMarkers(\n                          !showPipelineCardlockMarkers\n                        )\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showPipelineCardlockMarkers}\n                      >\n                        {translation('PipelineCardlock')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelCardlockPC>\n                </Styled.LocationsTopFilterInnerRow>\n              </Styled.LocationsTopFilterInnerBrands>\n            )}\n            <Styled.LocationsTopFilterH2\n              title=\"Open/Close Filter\"\n              onClick={() => setShowChooseOffering(!showChooseOffering)}\n            >\n              {translation('ChooseOffering')}\n              <Styled.LocationsTopFilterH2Img\n                $open={showChooseOffering}\n                src={IconArrowYellowRight}\n                alt=\"Open/Close Offerings\"\n              />\n            </Styled.LocationsTopFilterH2>\n            {showChooseOffering && (\n              <Styled.LocationsTopFilterInnerOfferings>\n                <Styled.LocationsTopFilterInnerRowIndent>\n                  <Styled.LocationsTopFilterInnerRowIndentH3>\n                    {translation('Products')}\n                  </Styled.LocationsTopFilterInnerRowIndentH3>\n                  {offeringProduct.map((item, index) => {\n                    return (\n                      <Styled.LocationsTopFilterInnerRowIndentLabel\n                        key={index}\n                        onClick={() => {\n                          if (selectedOfferingProducts.includes(item)) {\n                            setSelectedOfferingProducts((products) =>\n                              selectedOfferingProducts.filter(\n                                (itm, index) => itm !== item\n                              )\n                            );\n                          } else {\n                            setSelectedOfferingProducts([\n                              ...selectedOfferingProducts,\n                              item,\n                            ]);\n                          }\n                        }}\n                        $backgroundImage={\n                          selectedOfferingProducts.includes(item)\n                            ? IconCheckBoxActive\n                            : IconCheckBoxInActive\n                        }\n                      >\n                        <Styled.LocationsTopFilterInnerRowIndentSpan>\n                          {item}\n                        </Styled.LocationsTopFilterInnerRowIndentSpan>\n                      </Styled.LocationsTopFilterInnerRowIndentLabel>\n                    );\n                  })}\n                </Styled.LocationsTopFilterInnerRowIndent>\n                <Styled.LocationsTopFilterInnerRowIndent>\n                  <Styled.LocationsTopFilterInnerRowIndentH3>\n                    {translation('Services')}\n                  </Styled.LocationsTopFilterInnerRowIndentH3>\n                  {offeringServices.map((item, index) => {\n                    return (\n                      <Styled.LocationsTopFilterInnerRowIndentLabel\n                        key={index}\n                        onClick={() => {\n                          if (selectedOfferingServices.includes(item)) {\n                            setSelectedOfferingServices((services) =>\n                              selectedOfferingServices.filter(\n                                (itm, index) => itm !== item\n                              )\n                            );\n                          } else {\n                            setSelectedOfferingServices([\n                              ...selectedOfferingServices,\n                              item,\n                            ]);\n                          }\n                        }}\n                        $backgroundImage={\n                          selectedOfferingServices.includes(item)\n                            ? IconCheckBoxActive\n                            : IconCheckBoxInActive\n                        }\n                      >\n                        <Styled.LocationsTopFilterInnerRowIndentSpan>\n                          {item}\n                        </Styled.LocationsTopFilterInnerRowIndentSpan>\n                      </Styled.LocationsTopFilterInnerRowIndentLabel>\n                    );\n                  })}\n                </Styled.LocationsTopFilterInnerRowIndent>\n              </Styled.LocationsTopFilterInnerOfferings>\n            )}\n          </>\n        </Styled.LocationsTopFilter>\n\n        <Styled.LocationsTopSearch\n          data-aos=\"fade-up\"\n          data-aos-duration=\"1000\"\n          data-aos-delay=\"200\"\n          data-aos-once=\"true\"\n        >\n          <Styled.LocationsTopSearchInput>\n            <Styled.LocationsTopSearchInputInput\n              ref={input}\n              type=\"text\"\n              placeholder={translation('Search')}\n              onKeyUp={(event) => {\n                if (event.key === 'Enter') {\n                  setSelectedProvince(locationCountries[0]);\n                  searchByCityNameOrPostalCode(event.target.value);\n                }\n              }}\n            />\n          </Styled.LocationsTopSearchInput>\n          <Styled.LocationsTopSearchSubmit>\n            <Styled.LocationsTopSearchSubmitInput\n              type=\"submit\"\n              value=\"\"\n              onClick={() => {\n                setSelectedProvince(locationCountries[0]);\n                searchByCityNameOrPostalCode(input.current.value);\n              }}\n            />\n          </Styled.LocationsTopSearchSubmit>\n        </Styled.LocationsTopSearch>\n\n        <Styled.GoogleMapContainer>\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            onGoogleApiLoaded={({ map, maps }) => handleApiLoaded(map, maps)}\n          >\n            {locationsData.map((location, index) => {\n              if (location.node.address1) {\n                return (\n                  <LocationMarker\n                    key={`${location.node.id}-${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                      if (!isSmallDevice()) {\n                        if (zoom !== 10) {\n                          setLat(parseFloat(data.lat * 1.02));\n                          setLng(parseFloat(data.lng * 1.01));\n                        } else {\n                          setLat(parseFloat(data.lat * 1.003));\n                          setLng(parseFloat(data.lng * 1.002));\n                        }\n                      } else {\n                        if (zoom !== 8) {\n                          setLat(parseFloat(data.lat * 1.08));\n                          setLng(parseFloat(data.lng * 1));\n                        } else {\n                          setLat(parseFloat(data.lat * 1.02));\n                          setLng(parseFloat(data.lng * 1));\n                        }\n                      }\n                    }}\n                  ></LocationMarker>\n                );\n              }\n            })}\n          </GoogleMapReact>\n        </Styled.GoogleMapContainer>\n      </Styled.LocationTopClearFix>\n\n      <Styled.MainContainer>\n        <Styled.CountriesListContainer>\n          {locationCountries.map((item, index) => {\n            return (\n              <Styled.CountriesListItem\n                key={index}\n                onClick={() => setSelectedProvince(item)}\n                $selectedProvince={selectedProvince}\n                $currentProvince={item}\n              >\n                {item}\n              </Styled.CountriesListItem>\n            );\n          })}\n        </Styled.CountriesListContainer>\n        <div>\n          <LocationTable\n            Object={locationDataQuery?.allContentfulLocation?.edges?.filter(\n              ({ node }) => node.node_locale === selectedLanguage\n            )}\n          />\n        </div>\n      </Styled.MainContainer>\n    </>\n  ) : (\n    <>\n      <Helmet>\n        <title>{translation('Locations') + ' | Ultramar'}</title>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(\n            process.env.GATSBY_DOMAIN_URL + '/en/locations'\n          )}\n          hreflang=\"en-ca\"\n        ></link>\n        <link\n          rel=\"alternate\"\n          href={addTrailingSlash(process.env.GATSBY_DOMAIN_URL + '/fr/sites')}\n          hreflang=\"fr-ca\"\n        ></link>\n      </Helmet>\n\n      <Styled.LocationTopClearFix>\n        <Styled.LocationsTopFilter\n          data-aos=\"fade-up\"\n          data-aos-duration=\"1000\"\n          data-aos-once=\"true\"\n        >\n          <Styled.LocationsTopFilterH2\n            title=\"Open/Close Filter\"\n            onClick={() => setShowLocationTypes(!showLocationTypes)}\n          >\n            {translation('LocationType')}\n            <Styled.LocationsTopFilterH2Img\n              $open={showLocationTypes}\n              src={IconArrowYellowRight}\n              alt=\"Open/Close Filter\"\n            />\n          </Styled.LocationsTopFilterH2>\n          <>\n            {showLocationTypes && (\n              <Styled.LocationsTopFilterInnerBrands>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelBranch>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowLocalBranchesMarkers(!showLocalBranchesMarkers)\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showLocalBranchesMarkers}\n                      >\n                        {translation('LocalBranch')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelBranch>\n                </Styled.LocationsTopFilterInnerRow>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelcardlockUM>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowUltramarCardlockMarkers(\n                          !showUltramarCardlockMarkers\n                        )\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showUltramarCardlockMarkers}\n                      >\n                        {translation('UltramarCardlock')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelcardlockUM>\n                </Styled.LocationsTopFilterInnerRow>\n                <Styled.LocationsTopFilterInnerRow>\n                  <Styled.LocationsTopFilterInnerRowLabelCardlockPC>\n                    <Styled.LocationsTopFilterInnerRowLabel\n                      onClick={() =>\n                        setShowPipelineCardlockMarkers(\n                          !showPipelineCardlockMarkers\n                        )\n                      }\n                    >\n                      <Styled.LocationsTopFilterInnerRowLabelSpan\n                        $checked={showPipelineCardlockMarkers}\n                      >\n                        {translation('PipelineCardlock')}\n                      </Styled.LocationsTopFilterInnerRowLabelSpan>\n                    </Styled.LocationsTopFilterInnerRowLabel>\n                  </Styled.LocationsTopFilterInnerRowLabelCardlockPC>\n                </Styled.LocationsTopFilterInnerRow>\n              </Styled.LocationsTopFilterInnerBrands>\n            )}\n            <Styled.LocationsTopFilterH2\n              title=\"Open/Close Filter\"\n              onClick={() => setShowChooseOffering(!showChooseOffering)}\n            >\n              {translation('ChooseOffering')}\n              <Styled.LocationsTopFilterH2Img\n                $open={showChooseOffering}\n                src={IconArrowYellowRight}\n                alt=\"Open/Close Offerings\"\n              />\n            </Styled.LocationsTopFilterH2>\n            {showChooseOffering && (\n              <Styled.LocationsTopFilterInnerOfferings>\n                <Styled.LocationsTopFilterInnerRowIndent>\n                  <Styled.LocationsTopFilterInnerRowIndentH3>\n                    {translation('Products')}\n                  </Styled.LocationsTopFilterInnerRowIndentH3>\n                  {offeringProduct.map((item, index) => {\n                    return (\n                      <Styled.LocationsTopFilterInnerRowIndentLabel\n                        key={index}\n                        onClick={() => {\n                          if (selectedOfferingProducts.includes(item)) {\n                            setSelectedOfferingProducts((products) =>\n                              selectedOfferingProducts.filter(\n                                (itm, index) => itm !== item\n                              )\n                            );\n                          } else {\n                            setSelectedOfferingProducts([\n                              ...selectedOfferingProducts,\n                              item,\n                            ]);\n                          }\n                        }}\n                        $backgroundImage={\n                          selectedOfferingProducts.includes(item)\n                            ? IconCheckBoxActive\n                            : IconCheckBoxInActive\n                        }\n                      >\n                        <Styled.LocationsTopFilterInnerRowIndentSpan>\n                          {item}\n                        </Styled.LocationsTopFilterInnerRowIndentSpan>\n                      </Styled.LocationsTopFilterInnerRowIndentLabel>\n                    );\n                  })}\n                </Styled.LocationsTopFilterInnerRowIndent>\n                <Styled.LocationsTopFilterInnerRowIndent>\n                  <Styled.LocationsTopFilterInnerRowIndentH3>\n                    {translation('Services')}\n                  </Styled.LocationsTopFilterInnerRowIndentH3>\n                  {offeringServices.map((item, index) => {\n                    return (\n                      <Styled.LocationsTopFilterInnerRowIndentLabel\n                        key={index}\n                        onClick={() => {\n                          if (selectedOfferingServices.includes(item)) {\n                            setSelectedOfferingServices((services) =>\n                              selectedOfferingServices.filter(\n                                (itm, index) => itm !== item\n                              )\n                            );\n                          } else {\n                            setSelectedOfferingServices([\n                              ...selectedOfferingServices,\n                              item,\n                            ]);\n                          }\n                        }}\n                        $backgroundImage={\n                          selectedOfferingServices.includes(item)\n                            ? IconCheckBoxActive\n                            : IconCheckBoxInActive\n                        }\n                      >\n                        <Styled.LocationsTopFilterInnerRowIndentSpan>\n                          {item}\n                        </Styled.LocationsTopFilterInnerRowIndentSpan>\n                      </Styled.LocationsTopFilterInnerRowIndentLabel>\n                    );\n                  })}\n                </Styled.LocationsTopFilterInnerRowIndent>\n              </Styled.LocationsTopFilterInnerOfferings>\n            )}\n          </>\n        </Styled.LocationsTopFilter>\n\n        <Styled.LocationsTopSearch\n          data-aos=\"fade-up\"\n          data-aos-duration=\"1000\"\n          data-aos-delay=\"200\"\n          data-aos-once=\"true\"\n        >\n          <Styled.LocationsTopSearchInput>\n            <Styled.LocationsTopSearchInputInput\n              ref={input}\n              type=\"text\"\n              placeholder={translation('Search')}\n              onKeyUp={(event) => {\n                if (event.key === 'Enter') {\n                  setSelectedProvince(locationCountries[0]);\n                  searchByCityNameOrPostalCode(event.target.value);\n                }\n              }}\n            />\n          </Styled.LocationsTopSearchInput>\n          <Styled.LocationsTopSearchSubmit>\n            <Styled.LocationsTopSearchSubmitInput\n              type=\"submit\"\n              value=\"\"\n              onClick={() => {\n                setSelectedProvince(locationCountries[0]);\n                searchByCityNameOrPostalCode(input.current.value);\n              }}\n            />\n          </Styled.LocationsTopSearchSubmit>\n        </Styled.LocationsTopSearch>\n\n        <Styled.GoogleMapContainer>\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            onGoogleApiLoaded={({ map, maps }) => handleApiLoaded(map, maps)}\n          >\n            {locationsData.map((location, index) => {\n              if (location.node.address1) {\n                return (\n                  <LocationMarker\n                    key={`${location.node.id}-${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                      if (!isSmallDevice()) {\n                        if (zoom !== 10) {\n                          setLat(parseFloat(data.lat));\n                          setLng(parseFloat(data.lng));\n                        } else {\n                          setLat(parseFloat(data.lat));\n                          setLng(parseFloat(data.lng));\n                        }\n                      } else {\n                        if (zoom !== 8) {\n                          setLat(parseFloat(data.lat));\n                          setLng(parseFloat(data.lng));\n                        } else {\n                          setLat(parseFloat(data.lat));\n                          setLng(parseFloat(data.lng));\n                        }\n                      }\n                    }}\n                  ></LocationMarker>\n                );\n              }\n            })}\n          </GoogleMapReact>\n        </Styled.GoogleMapContainer>\n      </Styled.LocationTopClearFix>\n\n      <Styled.MainContainer>\n        <Styled.CountriesListContainer className=\"d-none d-md-block\">\n          {locationCountries.map((item, index) => {\n            return (\n              <Styled.CountriesListItem\n                key={index}\n                onClick={() => setSelectedProvince(item)}\n                $selectedProvince={selectedProvince}\n                $currentProvince={item}\n              >\n                {item}\n              </Styled.CountriesListItem>\n            );\n          })}\n        </Styled.CountriesListContainer>\n        <div className=\"d-none d-md-block\">\n          <LocationTable Object={locationsData} />\n        </div>\n        <Styled.AccordionMainDiv className=\"d-md-none\">\n          <Styled.AccordionContainer defaultActiveKey={selectedProvince} flush>\n            {locationCountries.map((data, index) => (\n              <React.Fragment key={index}>\n                <Styled.AccordionItem\n                  eventKey={data}\n                  onClick={() => setSelectedProvince(data)}\n                >\n                  <Styled.AccordionHeader>{data}</Styled.AccordionHeader>\n                  <Styled.AccordionBody>\n                    <LocationTable Object={locationsData} />\n                  </Styled.AccordionBody>\n                </Styled.AccordionItem>\n              </React.Fragment>\n            ))}\n          </Styled.AccordionContainer>\n        </Styled.AccordionMainDiv>\n      </Styled.MainContainer>\n    </>\n  );\n};\n\nexport default LocationDefault;\n","import React from 'react';\nimport { LocationTypes } from '../../constants';\nimport * as Styled from './locationTableStyle';\nimport { useTranslation } from 'react-i18next';\nimport { addTrailingSlash, isExternalUrlHref, isValidURLLanguage } from '../../utils';\nimport { useLocation } from '@reach/router';\n\nconst LocationTable = ({ Object }) => {\n  const [translation] = useTranslation();\n  let phones;\n  const offeringObject = (data) => {\n    const offerings = [\n      {\n        boolean: data?.node?.hasHeatingOil,\n        name: translation('HeatingOil'),\n      },\n      {\n        boolean: data?.node?.hasDiesel,\n        name: translation('Diesel'),\n      },\n      {\n        boolean: data?.node?.hasMarkedDiesel,\n        name: translation('MarkedDiesel'),\n      },\n      {\n        boolean: data?.node?.hasGasoline,\n        name: translation('Gasoline'),\n      },\n      {\n        boolean: data?.node?.hasPropane,\n        name: translation('Propane'),\n      },\n      {\n        boolean: data?.node?.hasLubricants,\n        name: translation('Lubricants'),\n      },\n      {\n        boolean: data?.node?.hasHeatingEquipment,\n        name: translation('HeatingEquipment'),\n      },\n      {\n        boolean: data?.node?.hasDef,\n        name: translation('Def'),\n      },\n      {\n        boolean: data?.node?.hasShowers,\n        name: translation('Showers'),\n      },\n      {\n        boolean: data?.node?.hasRestrooms,\n        name: translation('Restroom'),\n      },\n      {\n        boolean: data?.node?.hasWifi,\n        name: translation('Wi-Fi'),\n      },\n      {\n        boolean: data?.node?.hasParking,\n        name: translation('Parking'),\n      },\n      {\n        boolean: data?.node?.hasRestaurant,\n        name: translation('Restaurant'),\n      },\n      {\n        boolean: data?.node?.hasConvenienceStore,\n        name: translation('ConvenienceStore'),\n      },\n      {\n        boolean: data?.node?.hasLunchCounter,\n        name: translation('LunchCounter'),\n      },\n      {\n        boolean: data?.node?.hasDriversLounge,\n        name: translation('DriversLounge'),\n      },\n      {\n        boolean: data?.node?.hasMultiServices,\n        name: translation('MultiServices'),\n      },\n    ];\n    return offerings;\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  const typeObject = {\n    Branch: translation('LocalBranch'),\n    Cardlock: translation('UltramarCardlock'),\n    Pipeline: translation('PipelineCardlock'),\n  };\n\n  const location = useLocation();\n  const urlLanguage = location?.pathname?.split('/')?.find((lang) => lang);\n  const appendLanguageToURL = isValidURLLanguage(urlLanguage) && urlLanguage;\n\n  return (\n    <Styled.TableContainer>\n      <Styled.LocationTable striped borderless>\n        <Styled.THead>\n          <tr>\n            <th style={{ width: '20%', border: '0' }}>\n              {translation('Address')}\n            </th>\n            <th style={{ width: '15%', border: '0' }}>\n              {translation('Phone')}\n            </th>\n            <th style={{ width: '15%', border: '0' }}>\n              {translation('Hours')}\n            </th>\n            <th style={{ width: '10%', border: '0' }}>{translation('Type')}</th>\n            <th style={{ width: '40%', border: '0' }}>\n              {translation('Offerings')}\n            </th>\n          </tr>\n        </Styled.THead>\n        <Styled.TBody>\n          {Object?.sort((a, b) =>\n            a.node.location.localeCompare(b.node.location)\n          ).map((item, index) => (\n            <tr key={index}>\n              <Styled.Td>\n                <Styled.LinkStyle\n                  to={\n                    isExternalUrlHref(item?.node?.urlSlug)\n                      ? item?.node?.urlSlug\n                      : addTrailingSlash(process.env.GATSBY_DOMAIN_URL +\n                        (appendLanguageToURL === 'fr'\n                          ? '/fr/sites/details/'\n                          : '/en/locations/details/') +\n                        item?.node?.urlSlug)\n                  }\n                >\n                  {item?.node?.location}\n                </Styled.LinkStyle>\n                <br />\n                {item?.node?.address1}\n                <br />\n                {item?.node?.city},&nbsp;{item?.node?.province}&nbsp;\n                {item?.node?.postalCode}\n              </Styled.Td>\n              <Styled.Td>\n                {\n                  ((phones = item?.node?.phone?.split(' ')),\n                  phones.map((phone, index) => (\n                    <Styled.LinkStyle2\n                      key={index}\n                      href={`tel:${phone}`}\n                      tabindex=\"0\"\n                    >\n                      {phone}\n                    </Styled.LinkStyle2>\n                  )))\n                }\n              </Styled.Td>\n              <Styled.Td>\n                {(item?.node?.pinType?.length > 1 ||\n                  (item?.node?.pinType?.length === 1 &&\n                    item?.node?.pinType[0]?.type !==\n                      LocationTypes.PipelineCardlock &&\n                    item?.node?.pinType[0]?.type !==\n                      LocationTypes.UltramarCardlock)) && (\n                  <>\n                    <strong>{translation('Branch')}:</strong>\n                    <br />\n                    {item?.node?.branchHours}\n                    <br />\n                  </>\n                )}\n\n                {item.node.cardlockHours && (\n                  <>\n                    <strong>{translation('Cardlock')}: </strong>\n                    {item?.node?.cardlockHours}\n                  </>\n                )}\n              </Styled.Td>\n              <Styled.Td>\n                {item?.node?.pinType?.map((locationType, index) => (\n                  <div key={index}>{typeObject[locationType.type]}</div>\n                ))}\n              </Styled.Td>\n              <Styled.Td>{StringGenerator(offeringObject(item))}</Styled.Td>\n            </tr>\n          ))}\n        </Styled.TBody>\n      </Styled.LocationTable>\n    </Styled.TableContainer>\n  );\n};\nexport default LocationTable;\n","import _defineProperty from \"/codebuild/output/src3191094674/src/web.commercial.ultrmar/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport _objectWithoutProperties from \"/codebuild/output/src3191094674/src/web.commercial.ultrmar/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\";\nvar _excluded = [\"bsPrefix\", \"className\", \"striped\", \"bordered\", \"borderless\", \"hover\", \"size\", \"variant\", \"responsive\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      striped = _ref.striped,\n      bordered = _ref.bordered,\n      borderless = _ref.borderless,\n      hover = _ref.hover,\n      size = _ref.size,\n      variant = _ref.variant,\n      responsive = _ref.responsive,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');\n  var classes = classNames(className, decoratedBsPrefix, variant && \"\".concat(decoratedBsPrefix, \"-\").concat(variant), size && \"\".concat(decoratedBsPrefix, \"-\").concat(size), striped && \"\".concat(decoratedBsPrefix, \"-striped\"), bordered && \"\".concat(decoratedBsPrefix, \"-bordered\"), borderless && \"\".concat(decoratedBsPrefix, \"-borderless\"), hover && \"\".concat(decoratedBsPrefix, \"-hover\"));\n\n  var table = /*#__PURE__*/_jsx(\"table\", _objectSpread(_objectSpread({}, props), {}, {\n    className: classes,\n    ref: ref\n  }));\n\n  if (responsive) {\n    var responsiveClass = \"\".concat(decoratedBsPrefix, \"-responsive\");\n\n    if (typeof responsive === 'string') {\n      responsiveClass = \"\".concat(responsiveClass, \"-\").concat(responsive);\n    }\n\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: responsiveClass,\n      children: table\n    });\n  }\n\n  return table;\n});\nexport default Table;","import { Link } from 'gatsby';\nimport { Table } from 'react-bootstrap';\nimport styled from 'styled-components';\n\nexport const TableContainer = styled.div`\n  width: 100% !important;\n  padding: 0;\n  @media (max-width: 767px) {\n    overflow-x: scroll;\n    overflow-y: hidden;\n    padding: 20px 0;\n    background: none;\n    box-shadow: inset -11px 0 15px -11px rgb(0 0 0 / 20%);\n    border-top-left-radius: 6px;\n    border-bottom-left-radius: 6px;\n    margin-bottom: 30px;\n  }\n`;\nexport const LocationTable = styled(Table)`\n  position: relative;\n  width: 100% !important;\n  margin: 0 0 40px 0;\n  background: none;\n  border-spacing: 0;\n  border: none;\n  @media (max-width: 767px) {\n    width: 150% !important;\n    margin-right: 30px;\n  }\n`;\nexport const THead = styled.thead`\n  vertical-align: middle;\n  tr th {\n    color: #fff;\n    padding: 15px;\n    font-family: 'HelveticaNeue-Roman', sans-serif;\n    font-weight: normal;\n    font-size: 22px;\n    line-height: 24px;\n    text-align: left;\n    line-height: 32px;\n    background: #00a6e8;\n    border-right: 0.5px solid #fff;\n  }\n  tr {\n    th:first-child {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 6px;\n    }\n    th:last-child {\n      border-top-left-radius: 0;\n      border-bottom-right-radius: 6px;\n      border-right: 0;\n    }\n  }\n  @media (max-width: 1399px) {\n    tr th {\n      padding: 10px 15px;\n      font-size: 18px;\n      line-height: 23px;\n    }\n  }\n  @media (max-width: 767px) {\n    tr th {\n      font-size: 20px;\n      line-height: 24px;\n    }\n  }\n`;\nexport const TBody = styled.tbody`\n  vertical-align: middle !important;\n  tr td {\n    background-color: #fff !important;\n    box-shadow: none !important;\n    padding: 18px 12px;\n    font-size: 20px;\n    line-height: 25px;\n    text-align: left;\n    border: none;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n    color: rgba(0, 0, 0, 0.6) !important;\n    font-family: 'HelveticaNeue-Light', arial, sans-serif;\n    @media (max-width: 1399px) {\n      font-size: 16px;\n      line-height: 20px;\n    }\n    @media (max-width: 991px) {\n      font-size: 14px;\n      line-height: 20px;\n    }\n    @media (max-width: 767px) {\n      font-size: 15px;\n      line-height: 20px;\n    }\n  }\n`;\n\nexport const LinkStyle = styled(Link)`\n  text-decoration: none;\n  color: #00a6e8;\n  transition: 0.25s ease-out;\n`;\n\nexport const LinkStyle2 = styled.a`\n  display: block;\n  text-decoration: none;\n  :hover {\n    text-decoration: none;\n  }\n`;\n\nexport const Td = styled.td``;\n"],"names":["selectedLanguage","selectedRegion","locationDataQuery","useStaticQuery","cookies","Cookies","translation","useTranslation","useState","get","toUpperCase","selectedProvince","setSelectedProvince","locationQueryData","allContentfulLocation","edges","filter","edge","node","node_locale","locationCountries","data","province","locationsData","setLocationsData","parseFloat","latitude","lat","setLat","longitude","lng","setLng","currentMarker","setCurrentMarker","zoom","setZoom","showChooseOffering","setShowChooseOffering","isSmallDevice","showLocationTypes","setShowLocationTypes","showLocalBranchesMarkers","setShowLocalBranchesMarkers","showUltramarCardlockMarkers","setShowUltramarCardlockMarkers","showPipelineCardlockMarkers","setShowPipelineCardlockMarkers","input","useRef","selectedOfferingProducts","setSelectedOfferingProducts","selectedOfferingServices","setSelectedOfferingServices","offeringProduct","offeringServices","getMarkerIcon","types","markerIcon","length","iconPinBoth","forEach","locationType","type","LocationTypes","IconIconMapPinBranch","IconMapPinCardlockUm","IconMapPinCardlockPC","searchByCityNameOrPostalCode","searchText","searchResult","find","item","city","toLowerCase","postalCode","location","google","maps","Geocoder","geocode","address","results","status","geometry","useEffect","result","pinType","includes","hasGasoline","hasDiesel","hasMarkedDiesel","hasPropane","hasDef","hasLubricants","hasHeatingOil","hasHeatingEquipment","hasShowers","hasRestrooms","hasWifi","hasParking","hasRestaurant","hasConvenienceStore","hasLunchCounter","hasDriversLounge","hasMultiServices","handleApiLoaded","map","styledMap","StyledMapType","featureType","elementType","stylers","color","name","mapTypes","set","setMapTypeId","window","rel","href","addTrailingSlash","process","hreflang","property","content","ogLogo","title","onClick","$open","src","IconArrowYellowRight","alt","$checked","index","key","products","itm","$backgroundImage","IconCheckBoxActive","IconCheckBoxInActive","services","ref","placeholder","onKeyUp","event","target","value","current","bootstrapURLKeys","libraries","center","yesIWantToUseGoogleMapApiInternals","onGoogleApiLoaded","address1","id","showServices","onMarkerClick","$selectedProvince","$currentProvince","Object","className","defaultActiveKey","flush","eventKey","typeObject","Branch","Cardlock","Pipeline","useLocation","urlLanguage","pathname","split","lang","appendLanguageToURL","isValidURLLanguage","striped","borderless","style","width","border","sort","a","b","localeCompare","object","header","to","isExternalUrlHref","urlSlug","phone","tabindex","branchHours","cardlockHours","boolean","_excluded","ownKeys","enumerableOnly","keys","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","i","arguments","source","getOwnPropertyDescriptors","defineProperties","defineProperty","_ref","bsPrefix","bordered","hover","size","variant","responsive","props","decoratedBsPrefix","classes","concat","table","responsiveClass","children","TableContainer","styled","LocationTable","Table","THead","TBody","LinkStyle","Link","LinkStyle2","Td"],"sourceRoot":""}