function MainComponent() { const [cities, setCities] = React.useState([]); const [searchInput, setSearchInput] = React.useState(''); React.useEffect(()=>{ const fetchCities = async ()=>{ if (searchInput.length > 0) { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${searchInput}&radius=500`, { method: 'GET' }); const data = await response.json(); if (data.status === "OK") { const formattedCities = data.predictions.map((prediction)=>({ value: prediction.place_id, label: prediction.description })); setCities(formattedCities); } } }; const delayDebounceFn = setTimeout(()=>{ fetchCities(); }, 500); return ()=>clearTimeout(delayDebounceFn); }, [ searchInput ]); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg p-8 space-y-4 bg-white rounded shadow-md", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-2xl font-semibold text-center font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "План работы регионального менеджера"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-3", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "repName", className: "block mb-2 text-sm font-bold text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "ФИО медицинского представителя"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "repName", id: "repName", placeholder: "ФИО", className: "w-full px-4 py-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "activity", className: "block mb-2 text-sm font-bold text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Активность"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "activity", id: "activity", placeholder: "Активность", className: "w-full px-4 py-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "citySearch", className: "block mb-2 text-sm font-bold text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Город командировки"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "citySearch", id: "citySearch", placeholder: "Начните вводить город...", className: "w-full px-4 py-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", value: searchInput, onChange: (e)=>setSearchInput(e.target.value), __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), cities.length > 0 && /*#__PURE__*/ React.createElement("select", { name: "city", id: "city", className: "block w-full px-4 py-2 mt-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, cities.map((city)=>/*#__PURE__*/ React.createElement("option", { key: city.value, value: city.value, __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, city.label)))), /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "startDate", className: "block mb-2 text-sm font-bold text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Дата начала командировки"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "startDate", id: "startDate", className: "w-full px-4 py-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "endDate", className: "block mb-2 text-sm font-bold text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Дата окончания командировки"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "endDate", id: "endDate", className: "w-full px-4 py-2 leading-tight text-gray-700 border border-gray-200 rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between px-3", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700 focus:outline-none focus:shadow-outline font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Сохранить"), /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 font-bold text-white bg-gray-500 rounded hover:bg-gray-700 focus:outline-none focus:shadow-outline font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Отчёт")))); }