function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [results, setResults] = useState([]); const [formData, setFormData] = useState({ categoryFilterWords: [ "" ], deeperCityScrape: false, language: "en", locationQuery: "", maxCrawledPlacesPerSearch: 10, skipClosedPlaces: true, searchMatching: "all", placeMinimumStars: "" }); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const requestBody = { ...formData, categoryFilterWords: [ formData.categoryFilterWords ], placeMinimumStars: formData.placeMinimumStars || "" }; const response = await fetch("/api/google-maps-extractor", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", "Referrer-Policy": "no-referrer" }, body: JSON.stringify(requestBody) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setResults(data.results || []); } catch (error) { setError(error.message || "Failed to fetch results"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white px-4", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-6 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-bold text-2xl bg-[#00ff00] px-4 py-1 rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "CreatorConnect"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/contract-management", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Contract Management"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/extract-competitor-amazon-product-data", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "AI Competitor Analysis"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/tiktok-search", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "TikTok Data Search"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/job-listings", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Job Listings"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-6xl mx-auto py-12", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "Google Maps Location Extractor"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white rounded-xl shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Location (e.g. New York)", value: formData.locationQuery, onChange: (e)=>setFormData({ ...formData, locationQuery: e.target.value }), className: "w-full px-4 py-2 rounded-lg border focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Category (e.g. parking lot)", value: formData.categoryFilterWords, onChange: (e)=>setFormData({ ...formData, categoryFilterWords: e.target.value }), className: "w-full px-4 py-2 rounded-lg border focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Maximum results", value: formData.maxCrawledPlacesPerSearch, onChange: (e)=>setFormData({ ...formData, maxCrawledPlacesPerSearch: parseInt(e.target.value) }), className: "w-full px-4 py-2 rounded-lg border focus:outline-none focus:border-[#00ff00]", min: "1", max: "1000", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Minimum rating", value: formData.placeMinimumStars, onChange: (e)=>setFormData({ ...formData, placeMinimumStars: e.target.value ? parseFloat(e.target.value) : "" }), className: "w-full px-4 py-2 rounded-lg border focus:outline-none focus:border-[#00ff00]", min: "0", max: "5", step: "0.1", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.deeperCityScrape, onChange: (e)=>setFormData({ ...formData, deeperCityScrape: e.target.checked }), className: "rounded", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }), "Deep Scan"), /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.skipClosedPlaces, onChange: (e)=>setFormData({ ...formData, skipClosedPlaces: e.target.checked }), className: "rounded", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }), "Skip Closed Places")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-[#00ff00] text-black px-6 py-2 rounded-lg font-bold hover:opacity-90 disabled:opacity-50", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 201, columnNumber: 26 }, __self: this }) : "Search"), /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-2 text-center", __source: { fileName: "", lineNumber: 203, columnNumber: 13 }, __self: this }, "Please give the search about 1 minute to conduct a deep scan"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg mb-8", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }, results.map((place, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 223, columnNumber: 19 }, __self: this }, place.title), place.totalScore && /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-gray-100 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 225, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, place.totalScore.toFixed(1)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-start gap-2", __source: { fileName: "", lineNumber: 232, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mt-1", __source: { fileName: "", lineNumber: 233, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }, place.address)), place.phone && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone", __source: { fileName: "", lineNumber: 238, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 239, columnNumber: 23 }, __self: this }, place.phone)), place.website && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 243, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe", __source: { fileName: "", lineNumber: 244, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: place.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline truncate", __source: { fileName: "", lineNumber: 245, columnNumber: 23 }, __self: this }, place.website))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 256, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 257, columnNumber: 19 }, __self: this }, place.categories?.map((category, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "bg-gray-100 px-2 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 259, columnNumber: 23 }, __self: this }, category)))), place.openingHours && /*#__PURE__*/ React.createElement("div", { className: "mt-4 border-t pt-4", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, "Opening Hours"), /*#__PURE__*/ React.createElement("div", { className: "text-sm space-y-1", __source: { fileName: "", lineNumber: 272, columnNumber: 21 }, __self: this }, place.openingHours.map((hour, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "flex justify-between", __source: { fileName: "", lineNumber: 274, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 275, columnNumber: 27 }, __self: this }, hour.day), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 276, columnNumber: 27 }, __self: this }, hour.hours))))))))), loading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[200px]", __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-3xl text-[#00ff00]", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this })), !loading && results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8 text-gray-600", __source: { fileName: "", lineNumber: 294, columnNumber: 11 }, __self: this }, "Showing ", results.length, " results"))); }