{"version":3,"sources":["webpack:///./Scripts/Containers/StorePageMapContainer.js","webpack:///./images/blackmarker.svg"],"names":["StorePageMapContainer","props","google","marker","filteredMarkers","setFilteredMarkers","useState","centeredMarker","setCenteredMarker","selectedMarker","setSelectedMarker","query","setQuery","useRef","mapStyle","featureType","elementType","stylers","saturation","visibility","lightness","hue","_initMap","map","bounds","maps","LatLngBounds","x","lat","parseFloat","MapLat","lng","MapLong","extend","offset","center","getCenter","LatLng","mapProps","setOptions","styles","_mapLoaded","fitBounds","panToBounds","className","Map","containerStyle","position","width","height","initialCenter","zoom","fullscreenControl","streetViewControl","zoomControl","mapTypeControl","onReady","Marker","key","StoreName","name","title","street","StoreStreet","zipcode","StoreZipCode","onClick","e","icon","url","map_marker","anchor","Point","scaledSize","Size","InfoWindow","visible","dangerouslySetInnerHTML","__html","GoogleApiWrapper","language","apiKey"],"mappings":"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","file":"173.a2a196e0.js","sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Map, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';\nimport map_marker from '../../images/blackmarker.svg';\nimport { translate } from '../Services/translation';\n\nexport function StorePageMapContainer(props) {\n  const { google, marker } = props;\n  const [filteredMarkers, setFilteredMarkers] = useState(marker);\n  const [centeredMarker, setCenteredMarker] = useState(null);\n  const [selectedMarker, setSelectedMarker] = useState(null);\n  const markerRefs = useRef([]);\n  const [query, setQuery] = useState('');\n  const mapStyle = [\n    {\n      featureType: 'administrative',\n      elementType: 'all',\n      stylers: [\n        {\n          saturation: '-100',\n        },\n      ],\n    },\n    {\n      featureType: 'administrative.province',\n      elementType: 'all',\n      stylers: [\n        {\n          visibility: 'off',\n        },\n      ],\n    },\n    {\n      featureType: 'landscape',\n      elementType: 'all',\n      stylers: [\n        {\n          saturation: -100,\n        },\n        {\n          lightness: 65,\n        },\n        {\n          visibility: 'on',\n        },\n      ],\n    },\n    {\n      featureType: 'poi',\n      elementType: 'all',\n      stylers: [\n        {\n          saturation: -100,\n        },\n        {\n          lightness: '50',\n        },\n        {\n          visibility: 'simplified',\n        },\n      ],\n    },\n    {\n      featureType: 'road',\n      elementType: 'all',\n      stylers: [\n        {\n          saturation: '-100',\n        },\n      ],\n    },\n    {\n      featureType: 'road.highway',\n      elementType: 'all',\n      stylers: [\n        {\n          visibility: 'simplified',\n        },\n      ],\n    },\n    {\n      featureType: 'road.arterial',\n      elementType: 'all',\n      stylers: [\n        {\n          lightness: '30',\n        },\n      ],\n    },\n    {\n      featureType: 'road.local',\n      elementType: 'all',\n      stylers: [\n        {\n          lightness: '40',\n        },\n      ],\n    },\n    {\n      featureType: 'transit',\n      elementType: 'all',\n      stylers: [\n        {\n          saturation: -100,\n        },\n        {\n          visibility: 'simplified',\n        },\n      ],\n    },\n    {\n      featureType: 'water',\n      elementType: 'geometry',\n      stylers: [\n        {\n          hue: '#ffff00',\n        },\n        {\n          lightness: -25,\n        },\n        {\n          saturation: -97,\n        },\n      ],\n    },\n    {\n      featureType: 'water',\n      elementType: 'labels',\n      stylers: [\n        {\n          lightness: -25,\n        },\n        {\n          saturation: -100,\n        },\n      ],\n    },\n  ];\n\n  const onMarkerClick = (props, marker, e) => {\n    setSelectedMarker(marker);\n    setCenteredMarker(props.position);\n  };\n\n  const _mapLoaded = (mapProps, map) => {\n    map.setOptions({\n      styles: mapStyle,\n    });\n  };\n\n  const containerStyle = {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  };\n\n  const _initMap = (props, map) => {\n    var bounds = new google.maps.LatLngBounds();\n\n    var x = { lat: parseFloat(marker.MapLat), lng: parseFloat(marker.MapLong) };\n    bounds.extend(x);\n    var offset = 0.02;\n    var center = bounds.getCenter();\n    bounds.extend(\n      new google.maps.LatLng(center.lat() + offset, center.lng() + offset)\n    );\n    bounds.extend(\n      new google.maps.LatLng(center.lat() - offset, center.lng() - offset)\n    );\n\n    _mapLoaded(props, map);\n    map.fitBounds(bounds);\n    map.panToBounds(bounds);\n  };\n\n  return (\n    <div className=\"google-map-store__wrapper\">\n      <div className=\"google-map-store__map\">\n        <Map\n          google={google}\n          containerStyle={containerStyle}\n          initialCenter={{\n            lat: 58.977157,\n            lng: 14.038979,\n          }}\n          zoom={15}\n          fullscreenControl={false}\n          streetViewControl={false}\n          zoomControl={false}\n          mapTypeControl={false}\n          onReady={(mapProps, map) => _initMap(mapProps, map)}\n        >\n          <Marker\n            key={marker.StoreName}\n            name={marker.StoreName}\n            title={marker.StoreName}\n            street={marker.StoreStreet}\n            zipcode={marker.StoreZipCode}\n            position={{\n              lat: parseFloat(marker.MapLat),\n              lng: parseFloat(marker.MapLong),\n            }}\n            onClick={onMarkerClick}\n            icon={{\n              url: map_marker,\n              anchor: new google.maps.Point(24, 48),\n              scaledSize: new google.maps.Size(48, 48),\n            }}\n          />\n\n          <InfoWindow marker={selectedMarker} visible={selectedMarker !== null}>\n            {selectedMarker && (\n              <div>\n                <h4>{selectedMarker.name}</h4>\n                <div dangerouslySetInnerHTML={{ __html: marker.street }}></div>\n                <div dangerouslySetInnerHTML={{ __html: marker.zipcode }}></div>\n              </div>\n            )}\n          </InfoWindow>\n        </Map>\n      </div>\n    </div>\n  );\n}\n\nexport default GoogleApiWrapper((props) => ({\n  language: props.language,\n  apiKey: props.apiKey,\n}))(StorePageMapContainer);\n","export default \"/ui/images/blackmarker.svg\";"],"sourceRoot":""}