{"version":3,"sources":["webpack:///./src/js/modules/legacy/locationMap.js","webpack:///./src/js/helpers/snazzymaps.js"],"names":["LocationMap","mapLat","mapLng","address","getDirectionsLabel","apiKey","mapUrl","geocodeUrl","isLoaded","useJsApiLoader","googleMapsApiKey","useState","status","setStatus","mapData","setMapData","useEffect","Axios","method","url","params","key","trim","latlng","results","data","console","log","fetchFeed","className","dangerouslySetInnerHTML","__html","formatted_address","href","target","rel","mapContainerClassName","center","lat","geometry","location","lng","zoom","options","styles","maxZoom","streetViewControl","ignoredPins","position","propTypes","PropTypes","string","isRequired","featureType","elementType","stylers","color","visibility","weight"],"mappings":"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","file":"43.da4df5c7c5481d0f4e8d.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Axios from 'axios';\nimport { GoogleMap, Marker, useJsApiLoader } from '@react-google-maps/api';\n\nimport styles from '../../helpers/snazzymaps';\n\nconst LocationMap = ({\n  mapLat,\n  mapLng,\n  address,\n  getDirectionsLabel,\n  apiKey,\n  mapUrl,\n  geocodeUrl\n}) => {\n  const { isLoaded } = useJsApiLoader({\n    googleMapsApiKey: apiKey\n  });\n\n  const [status, setStatus] = useState();\n  const [mapData, setMapData] = useState();\n\n  useEffect(() => {\n    const fetchFeed = async () => {\n      try {\n        const {\n          data: { results },\n          status\n        } = await Axios({\n          method: 'GET',\n          url: geocodeUrl,\n          params: {\n            key: apiKey,\n            address: address?.trim() ? address.trim() : null,\n            latlng: mapLat && mapLng ? `${mapLat},${mapLng}` : null\n          }\n        });\n        console.log(results);\n\n        setMapData(results[0]);\n        setStatus(status);\n      } catch (e) {\n        console.log('Error fetching map data.');\n      }\n    };\n    fetchFeed();\n  }, [geocodeUrl]);\n\n  return isLoaded && status === 200 ? (\n    <>\n      <div className=\"lodging-detail__map-header\">\n        {!!address && (\n          <p\n            className=\"lodging-detail__address\"\n            dangerouslySetInnerHTML={{ __html: address }}\n          ></p>\n        )}\n        {!!getDirectionsLabel && mapData.formatted_address && (\n          <a\n            href={`${mapUrl}/${mapData.formatted_address}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            {getDirectionsLabel}\n          </a>\n        )}\n      </div>\n      <GoogleMap\n        mapContainerClassName=\"interactive-map-module__map\"\n        center={{\n          lat: mapData.geometry.location.lat,\n          lng: mapData.geometry.location.lng\n        }}\n        zoom={12.5}\n        options={{\n          styles,\n          maxZoom: 18,\n          streetViewControl: false,\n          ignoredPins: ['all']\n        }}\n      >\n        <Marker\n          position={{\n            lat: mapData.geometry.location.lat,\n            lng: mapData.geometry.location.lng\n          }}\n        />\n      </GoogleMap>\n    </>\n  ) : (\n    <></>\n  );\n};\n\nLocationMap.propTypes = {\n  mapLat: PropTypes.string,\n  mapLng: PropTypes.string,\n  address: PropTypes.string,\n  getDirectionsLabel: PropTypes.string,\n  apiKey: PropTypes.string.isRequired,\n  mapUrl: PropTypes.string.isRequired,\n  geocodeUrl: PropTypes.string.isRequired\n};\n\nexport default LocationMap;\n","export default [\n  {\n    featureType: 'water',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#d3d3d3'\n      }\n    ]\n  },\n  {\n    featureType: 'transit',\n    stylers: [\n      {\n        color: '#808080'\n      },\n      {\n        visibility: 'off'\n      }\n    ]\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        visibility: 'on'\n      },\n      {\n        color: '#b3b3b3'\n      }\n    ]\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#ffffff'\n      }\n    ]\n  },\n  {\n    featureType: 'road.local',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        visibility: 'on'\n      },\n      {\n        color: '#ffffff'\n      },\n      {\n        weight: 1.8\n      }\n    ]\n  },\n  {\n    featureType: 'road.local',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#d7d7d7'\n      }\n    ]\n  },\n  {\n    featureType: 'poi',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        visibility: 'on'\n      },\n      {\n        color: '#ebebeb'\n      }\n    ]\n  },\n  {\n    featureType: 'administrative',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#a7a7a7'\n      }\n    ]\n  },\n  {\n    featureType: 'road.arterial',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#ffffff'\n      }\n    ]\n  },\n  {\n    featureType: 'road.arterial',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#ffffff'\n      }\n    ]\n  },\n  {\n    featureType: 'landscape',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        visibility: 'on'\n      },\n      {\n        color: '#efefef'\n      }\n    ]\n  },\n  {\n    featureType: 'landscape',\n    elementType: 'labels',\n    stylers: [\n      {\n        visibility: 'off'\n      }\n    ]\n  },\n  {\n    featureType: 'road',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#696969'\n      }\n    ]\n  },\n  {\n    featureType: 'administrative',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        visibility: 'on'\n      },\n      {\n        color: '#737373'\n      }\n    ]\n  },\n  {\n    featureType: 'poi',\n    elementType: 'labels.icon',\n    stylers: [\n      {\n        visibility: 'off'\n      }\n    ]\n  },\n  {\n    featureType: 'poi',\n    elementType: 'labels',\n    stylers: [\n      {\n        visibility: 'off'\n      }\n    ]\n  },\n  {\n    featureType: 'road.arterial',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#d6d6d6'\n      }\n    ]\n  },\n  {\n    featureType: 'road',\n    elementType: 'labels.icon',\n    stylers: [\n      {\n        visibility: 'off'\n      }\n    ]\n  },\n  {},\n  {\n    featureType: 'poi',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#dadada'\n      }\n    ]\n  }\n];\n"],"sourceRoot":""}