{"version":3,"file":"marker-with-infowindow-H40lGks4.js","sources":["../../../app/frontend/entrypoints/admin/components/locations/components/google-maps/marker-with-infowindow.jsx"],"sourcesContent":["import React, {useState} from 'react';\nimport {\n  AdvancedMarker,\n  InfoWindow, Pin,\n  useAdvancedMarkerRef\n} from '@vis.gl/react-google-maps';\n\nfunction MarkerWithInfowindow({ children, zIndex, position, header, backgroundColor, glyphColor }) {\n  const [infowindowOpen, setInfowindowOpen] = useState(false);\n  const [markerRef, marker] = useAdvancedMarkerRef();\n  let timeout = null;\n\n  function delayedLeave() {\n    timeout = setTimeout(function () {\n      setInfowindowOpen(false);\n    }, 200)\n  }\n\n  function handleEnter(e) {\n    clearTimeout(timeout);\n  }\n\n  return (\n    <>\n      <AdvancedMarker\n        zIndex={zIndex || 5}\n        ref={markerRef}\n        clickable={true}\n        onMouseEnter={(e) => {\n          setInfowindowOpen(true)\n        }}\n        onMouseLeave={(e) => {\n          delayedLeave();\n        }}\n        position={position}\n        title={header}\n      >\n        <Pin\n          background={backgroundColor}\n          borderColor={glyphColor}\n          glyphColor={glyphColor}\n        />\n      </AdvancedMarker>\n      {infowindowOpen && (\n        <InfoWindow\n          anchor={marker}\n          minWidth={250}\n          disableAutoPan={true}\n          shouldFocus={false}\n          maxWidth={400}\n          style={{padding: \"0px\", margin: '0px'}}\n          headerDisabled={true}\n          onCloseClick={() => setInfowindowOpen(false)}>\n          <div onMouseEnter={handleEnter} className={'px-4 py-3'} onMouseLeave={(e) => {\n            setInfowindowOpen(false);\n          }}>\n            <h3 className='mt-2 mb-1 font-bold mr-3'>{header}</h3>\n            { children }\n          </div>\n        </InfoWindow>\n      )}\n    </>\n  );\n}\n\nexport default MarkerWithInfowindow;"],"names":["MarkerWithInfowindow","children","zIndex","position","header","backgroundColor","glyphColor","infowindowOpen","setInfowindowOpen","useState","markerRef","marker","useAdvancedMarkerRef","timeout","delayedLeave","handleEnter","e","jsxs","Fragment","jsx","AdvancedMarker","Pin","InfoWindow"],"mappings":"kOAOA,SAASA,EAAqB,CAAE,SAAAC,EAAU,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,EAAQ,gBAAAC,EAAiB,WAAAC,GAAc,CACjG,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAAS,EAAK,EACpD,CAACC,EAAWC,CAAM,EAAIC,EAAqB,EACjD,IAAIC,EAAU,KAEd,SAASC,GAAe,CACtBD,EAAU,WAAW,UAAY,CAC/BL,EAAkB,EAAK,GACtB,GAAG,CACR,CAEA,SAASO,EAAYC,EAAG,CACtB,aAAaH,CAAO,CACtB,CAEA,OAEII,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAA,IAACC,EAAA,CACC,OAAQlB,GAAU,EAClB,IAAKQ,EACL,UAAW,GACX,aAAeM,GAAM,CACnBR,EAAkB,EAAI,CACxB,EACA,aAAeQ,GAAM,CACNF,GACf,EACA,SAAAX,EACA,MAAOC,EAEP,SAAAe,EAAA,IAACE,EAAA,CACC,WAAYhB,EACZ,YAAaC,EACb,WAAAA,CAAA,CACF,CAAA,CACF,EACCC,GACCY,EAAA,IAACG,EAAA,CACC,OAAQX,EACR,SAAU,IACV,eAAgB,GAChB,YAAa,GACb,SAAU,IACV,MAAO,CAAC,QAAS,MAAO,OAAQ,KAAK,EACrC,eAAgB,GAChB,aAAc,IAAMH,EAAkB,EAAK,EAC3C,SAAAS,EAAAA,KAAC,OAAI,aAAcF,EAAa,UAAW,YAAa,aAAeC,GAAM,CAC3ER,EAAkB,EAAK,CAEvB,EAAA,SAAA,CAACW,EAAA,IAAA,KAAA,CAAG,UAAU,2BAA4B,SAAOf,EAAA,EAC/CH,CAAA,EACJ,CAAA,CACF,CAEJ,CAAA,CAAA,CAEJ"}