{"version":3,"file":"map-ui-overlay-AkuLYKCR.js","sources":["../../../app/frontend/entrypoints/admin/components/locations/components/google-maps/map-ui-overlay.jsx"],"sourcesContent":["import React from 'react'\nimport MapUILocationTile from \"./map-ui-location-tile\";\nimport { fetchPlace } from '../../../../modules/google-maps'\nimport { parseAddress, prepareQuery } from '../../../../lib/google';\nimport PlacesSearch from \"./places-search\";\n\nfunction MapUiOverlay({ location, reviewMarkers, updateLocation, updateField }) {\n  const search = prepareQuery(location);\n\n  const overlayStyle = {\n    position: 'absolute',\n    top: '0px',\n    left: '0px',\n    backgroundColor: 'white',\n    paddingLeft: '15px',\n    paddingRight: '15px',\n    paddingBottom: '20px',\n    height: '100%',\n    boxShadow: '5px 0 5px -5px rgba(0,0,0,0.2)',\n    width: '400px',\n    overflowY: 'scroll',\n    zIndex: 1000,\n  };\n\n  function selectPlace(placeId) {\n    fetchPlace(placeId)\n      .then((data) => {\n        const { name, geometry } = data;\n        const address = parseAddress(data.address_components)\n        const formatted = data.formatted_address.split(\",\")[0]\n\n        updateLocation({\n          ...location,\n          places_response: {\n            places: location.places_response.places,\n            place: data\n          },\n          name: name,\n          display_name: name,\n          google_place_id: placeId,\n          google_place_url: data.url,\n          address: formatted,\n          latitude: data.geometry.location.lat,\n          longitude: data.geometry.location.lng,\n          address_line_1: address.address_line_1,\n          address_line_2: address.address_line_2,\n          city: address.city,\n          county: address.county,\n          country: address.country,\n          zipcode: address.postal_code\n        })\n      })\n  }\n\n  return (\n    <div style={overlayStyle}>\n      <MapUILocationTile\n        name={location.name}\n        address={location.address}\n        city={location.city}\n        state_code={location.state_code}\n        zipcode={location.zipcode}\n        lat={location.latitude}\n        lng={location.longitude}\n        borderClass={'border-l-4 border-l-teal-500'}\n      />\n\n      <PlacesSearch updateField={updateField} location={location} initSearch={search} />\n\n      { reviewMarkers.length > 0 && (\n        <div className='mt-3 py-2 px-3 bg-yellow-100'>\n          Total Results: {reviewMarkers.length}\n        </div>\n      )}\n\n      { reviewMarkers.map((marker, index) => {\n        return (\n          <MapUILocationTile\n            key={`ui-tile-${index}`}\n            name={marker.name}\n            address={marker.address}\n            city={marker.city}\n            state_code={marker.state_code}\n            zipcode={marker.zipcode}\n            lat={marker.position.lat}\n            lng={marker.position.lng}\n            borderClass={'border-l-4 border-l-yellow-500'}\n          >\n            <button\n              type=\"button\"\n              className=\"mt-1 rounded bg-slate-100 px-2 py-1 text-xs font-semibold text-slate-500 shadow-sm hover:text-slate-600 hover:bg-slate-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-300\"\n              onClick={(e) => {\n                e.preventDefault()\n                selectPlace(marker.placeId);\n              }}\n            >\n              Select Place\n            </button>\n          </MapUILocationTile>\n        )\n      })}\n    </div>\n  );\n};\n\nexport default MapUiOverlay;"],"names":["MapUiOverlay","location","reviewMarkers","updateLocation","updateField","search","prepareQuery","overlayStyle","selectPlace","placeId","fetchPlace","data","name","geometry","address","parseAddress","formatted","jsxs","jsx","MapUILocationTile","PlacesSearch","marker","index","e"],"mappings":"oWAMA,SAASA,EAAa,CAAE,SAAAC,EAAU,cAAAC,EAAe,eAAAC,EAAgB,YAAAC,GAAe,CACxE,MAAAC,EAASC,EAAaL,CAAQ,EAE9BM,EAAe,CACnB,SAAU,WACV,IAAK,MACL,KAAM,MACN,gBAAiB,QACjB,YAAa,OACb,aAAc,OACd,cAAe,OACf,OAAQ,OACR,UAAW,iCACX,MAAO,QACP,UAAW,SACX,OAAQ,GAAA,EAGV,SAASC,EAAYC,EAAS,CAC5BC,EAAWD,CAAO,EACf,KAAME,GAAS,CACR,KAAA,CAAE,KAAAC,EAAM,SAAAC,CAAa,EAAAF,EACrBG,EAAUC,EAAaJ,EAAK,kBAAkB,EAC9CK,EAAYL,EAAK,kBAAkB,MAAM,GAAG,EAAE,CAAC,EAEtCR,EAAA,CACb,GAAGF,EACH,gBAAiB,CACf,OAAQA,EAAS,gBAAgB,OACjC,MAAOU,CACT,EACA,KAAAC,EACA,aAAcA,EACd,gBAAiBH,EACjB,iBAAkBE,EAAK,IACvB,QAASK,EACT,SAAUL,EAAK,SAAS,SAAS,IACjC,UAAWA,EAAK,SAAS,SAAS,IAClC,eAAgBG,EAAQ,eACxB,eAAgBA,EAAQ,eACxB,KAAMA,EAAQ,KACd,OAAQA,EAAQ,OAChB,QAASA,EAAQ,QACjB,QAASA,EAAQ,WAAA,CAClB,CAAA,CACF,CACL,CAGE,OAAAG,EAAA,KAAC,MAAI,CAAA,MAAOV,EACV,SAAA,CAAAW,EAAA,IAACC,EAAA,CACC,KAAMlB,EAAS,KACf,QAASA,EAAS,QAClB,KAAMA,EAAS,KACf,WAAYA,EAAS,WACrB,QAASA,EAAS,QAClB,IAAKA,EAAS,SACd,IAAKA,EAAS,UACd,YAAa,8BAAA,CACf,EAECiB,EAAA,IAAAE,EAAA,CAAa,YAAAhB,EAA0B,SAAAH,EAAoB,WAAYI,EAAQ,EAE9EH,EAAc,OAAS,GACtBe,EAAA,KAAA,MAAA,CAAI,UAAU,+BAA+B,SAAA,CAAA,kBAC5Bf,EAAc,MAAA,EAChC,EAGAA,EAAc,IAAI,CAACmB,EAAQC,IAEzBJ,EAAA,IAACC,EAAA,CAEC,KAAME,EAAO,KACb,QAASA,EAAO,QAChB,KAAMA,EAAO,KACb,WAAYA,EAAO,WACnB,QAASA,EAAO,QAChB,IAAKA,EAAO,SAAS,IACrB,IAAKA,EAAO,SAAS,IACrB,YAAa,iCAEb,SAAAH,EAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,0OACV,QAAUK,GAAM,CACdA,EAAE,eAAe,EACjBf,EAAYa,EAAO,OAAO,CAC5B,EACD,SAAA,cAAA,CAED,CAAA,EAnBK,WAAWC,CAAK,EAAA,CAsB1B,CACH,CAAA,CAAA,CAEJ"}