{"version":3,"file":"places-search-HE3Ux_D9.js","sources":["../../../node_modules/@heroicons/react/16/solid/esm/MagnifyingGlassIcon.js","../../../app/frontend/entrypoints/admin/components/locations/components/google-maps/places-search.jsx"],"sourcesContent":["import * as React from \"react\";\nfunction MagnifyingGlassIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(MagnifyingGlassIcon);\nexport default ForwardRef;","import React, { useState, useEffect } from 'react';\nimport { MagnifyingGlassIcon } from '@heroicons/react/16/solid'\nimport { searchPlaces } from '../../../../modules/google-maps'\n\nconst PlacesSearch = ({ initSearch, location, updateField }) => {\n  const [query, setQuery] = useState('')\n  const [radius, setRadius] = useState(10);\n\n  useEffect(() => {\n    if(!initSearch) return;\n\n    setQuery(initSearch)\n  }, [initSearch])\n\n  function handleSubmit(e) {\n    e.preventDefault();\n    searchPlaces(query, radius, location)\n      .then((data) => {\n        console.log(data);\n        updateField('places_response', {\n          places: data,\n          place: location.places_response?.place\n        })\n      })\n  }\n\n  return (\n    <div className=\"mt-3 flex\">\n      {/*<select*/}\n      {/*  value={radius}*/}\n      {/*  className='appearance-none bg-none text-xs mr-2 rounded-md bg-white px-2 py-1.5  outline outline-1 -outline-offset-1 outline-gray-300 text-sm font-semibold text-gray-900 hover:bg-gray-50'*/}\n      {/*  onChange={(e) => {*/}\n      {/*    setRadius(parseInt(e.target.value));*/}\n      {/*  }}*/}\n      {/*>*/}\n      {/*  <option value={0}>R0</option>*/}\n      {/*  <option value={10}>R10</option>*/}\n      {/*  <option value={100}>R100</option>*/}\n      {/*  <option value={1000}>R1000</option>*/}\n      {/*  <option value={10000}>R10000</option>*/}\n      {/*</select>*/}\n      <div className=\"-mr-px grid grow grid-cols-1 focus-within:relative\">\n        <input\n          id=\"query\"\n          name=\"query\"\n          type=\"text\"\n          value={query}\n          onChange={(e) => {\n            e.preventDefault();\n            setQuery(e.target.value)\n          }}\n          placeholder=\"123 Main Street\"\n          className=\"col-start-1 row-start-1 block w-full rounded-l-md bg-white py-1.5 pl-3 pr-3 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-1 focus:-outline-offset-1 focus:outline-indigo-600 sm:pl-3 sm:text-sm/6\"\n        />\n      </div>\n      <button\n        type=\"button\"\n        onClick={handleSubmit}\n        className=\"flex shrink-0 items-center gap-x-1.5 rounded-r-md bg-white pr-3 py-2 text-sm font-semibold text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 hover:bg-gray-50 focus:relative focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600\"\n      >\n        <MagnifyingGlassIcon\n          aria-hidden=\"true\"\n          className=\"pointer-events-none col-start-1 row-start-1 ml-3 size-5 self-center text-gray-400 sm:size-4\"\n        />\n      </button>\n    </div>\n  );\n};\n\nexport default PlacesSearch;"],"names":["MagnifyingGlassIcon","title","titleId","props","svgRef","React.createElement","ForwardRef","React.forwardRef","MagnifyingGlassIcon$1","PlacesSearch","initSearch","location","updateField","query","setQuery","useState","radius","setRadius","useEffect","handleSubmit","e","searchPlaces","data","_a","jsxs","jsx"],"mappings":"qLACA,SAASA,EAAoB,CAC3B,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,EAAQ,CACT,OAAoBC,gBAAoB,MAAO,OAAO,OAAO,CAC3D,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,OACb,IAAKD,EACL,kBAAmBF,CACpB,EAAEC,CAAK,EAAGF,EAAqBI,EAAAA,cAAoB,QAAS,CAC3D,GAAIH,CACL,EAAED,CAAK,EAAI,KAAmBI,EAAAA,cAAoB,OAAQ,CACzD,SAAU,UACV,EAAG,iIACH,SAAU,SACX,CAAA,CAAC,CACJ,CACA,MAAMC,EAA2BC,EAAAA,WAAiBP,CAAmB,EACrEQ,EAAeF,ECnBTG,EAAe,CAAC,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,KAAkB,CAC9D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,WAAS,EAAE,EAC/B,CAACC,EAAQC,CAAS,EAAIF,WAAS,EAAE,EAEvCG,EAAAA,UAAU,IAAM,CACVR,GAEJI,EAASJ,CAAU,CAAA,EAClB,CAACA,CAAU,CAAC,EAEf,SAASS,EAAaC,EAAG,CACvBA,EAAE,eAAe,EACjBC,EAAaR,EAAOG,EAAQL,CAAQ,EACjC,KAAMW,GAAS,OACd,QAAQ,IAAIA,CAAI,EAChBV,EAAY,kBAAmB,CAC7B,OAAQU,EACR,OAAOC,EAAAZ,EAAS,kBAAT,YAAAY,EAA0B,KAAA,CAClC,CAAA,CACF,CACL,CAGE,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,YAcb,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAI,UAAU,qDACb,SAAAA,EAAA,IAAC,QAAA,CACC,GAAG,QACH,KAAK,QACL,KAAK,OACL,MAAOZ,EACP,SAAWO,GAAM,CACfA,EAAE,eAAe,EACRN,EAAAM,EAAE,OAAO,KAAK,CACzB,EACA,YAAY,kBACZ,UAAU,wRAAA,CAAA,EAEd,EACAK,EAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASN,EACT,UAAU,+QAEV,SAAAM,EAAA,IAACzB,EAAA,CACC,cAAY,OACZ,UAAU,6FAAA,CACZ,CAAA,CACF,CACF,CAAA,CAAA,CAEJ","x_google_ignoreList":[0]}