function MainComponent() { const [name, setName] = useState(""); const [specialty, setSpecialty] = useState(""); const [location, setLocation] = useState(""); const [doctors, setDoctors] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const specialties = [ "", "Primary Care", "Family Medicine", "Internal Medicine", "Pediatrics", "Cardiology", "Dermatology", "Endocrinology", "Gastroenterology", "Neurology", "Obstetrics & Gynecology", "Oncology", "Ophthalmology", "Orthopedics", "Psychiatry", "Pulmonology", "Rheumatology", "Urology" ]; const searchDoctors = async ()=>{ setLoading(true); setError(null); try { const searchTerms = [ "doctor OR nurse practitioner" ]; if (specialty) searchTerms.push(specialty); if (name) searchTerms.push(name); searchTerms.push("in", location); const params = new URLSearchParams({ query: searchTerms.join(" "), limit: "75", fields: "name,rating,phone_number,full_address,business_status,type,subtypes,city,state,zipcode,website", business_status: "OPEN" }); const response = await fetch(`/integrations/local-business-data/search?${params.toString()}`); if (!response.ok) { throw new Error(`Search failed: ${response.status}`); } const data = await response.json(); console.log("Search results:", data); if (!data || !data.data) { setDoctors([]); return; } const mappedDoctors = data.data.map((business)=>({ id: business.place_id, name: business.name, specialty: specialty || "Medical Provider", practice_name: business.name, address: business.full_address, phone: business.phone_number, rating: business.rating, accepting_new_patients: true, city: business.city, state: business.state, zip_code: business.zipcode, website: business.website })); setDoctors(mappedDoctors); } catch (err) { console.error("Search error:", err); setError(err.message || "Failed to search doctors. Please try again."); } finally{ setLoading(false); } }; const handleSubmit = (e)=>{ e.preventDefault(); if (!location.trim()) { setError("Please enter a location to search for doctors"); return; } searchDoctors(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white p-4 md:p-8", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-teal-600 hover:text-teal-700", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "← Back to Symptom Checker")), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/0efc4c90-167f-44a0-9f55-64f30be13f76/-/format/auto/", alt: "Symptom Check AI Logo", className: "w-48 mx-auto mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "Find a Healthcare Provider"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "Search by name, specialty, or location")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-8", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Provider's name...", className: "w-full p-3 rounded-lg border border-gray-200 bg-white text-gray-800", name: "doctor_name", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: specialty, onChange: (e)=>setSpecialty(e.target.value), className: "w-full p-3 rounded-lg border border-gray-200 bg-white text-gray-800 h-[46px]", name: "specialty", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, "Select Specialty..."), specialties.slice(1).map((s)=>/*#__PURE__*/ React.createElement("option", { key: s, value: s, __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, s)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: location, onChange: (e)=>setLocation(e.target.value), placeholder: "City, State, or ZIP...", className: "w-full p-3 rounded-lg border border-gray-200 bg-white text-gray-800", name: "location", required: true, __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full mt-4 p-3 bg-teal-600 text-white rounded-lg hover:bg-teal-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }, loading ? "Searching..." : "Search Providers")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-4 rounded-lg mb-8", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-700", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, error)), loading && /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, [ ...Array.from({ length: 3 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "bg-gray-100 p-6 rounded-lg", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-4", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/2", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this })))), doctors && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, doctors.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center p-8 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }, "No doctors found matching your search criteria")) : doctors.map((doctor)=>/*#__PURE__*/ React.createElement("div", { key: doctor.id, className: "bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 201, columnNumber: 23 }, __self: this }, doctor.name), /*#__PURE__*/ React.createElement("p", { className: "text-teal-600 mb-2", __source: { fileName: "", lineNumber: 204, columnNumber: 23 }, __self: this }, doctor.specialty), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2", __source: { fileName: "", lineNumber: 205, columnNumber: 23 }, __self: this }, doctor.address)), doctor.rating && /*#__PURE__*/ React.createElement("div", { className: "bg-teal-600/10 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 208, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-500 mr-1", __source: { fileName: "", lineNumber: 209, columnNumber: 25 }, __self: this }, "★"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 210, columnNumber: 25 }, __self: this }, doctor.rating))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, doctor.phone && /*#__PURE__*/ React.createElement("a", { href: `tel:${doctor.phone}`, className: "inline-flex items-center text-teal-600 hover:text-teal-700", __source: { fileName: "", lineNumber: 216, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 220, columnNumber: 25 }, __self: this }, "📞"), doctor.phone), doctor.website ? /*#__PURE__*/ React.createElement("a", { href: doctor.website, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center text-teal-600 hover:text-teal-700", __source: { fileName: "", lineNumber: 225, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 231, columnNumber: 25 }, __self: this }, "🌐"), "Visit Provider Website") : /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center text-gray-500", __source: { fileName: "", lineNumber: 235, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 236, columnNumber: 25 }, __self: this }, "🌐"), "No Website Available"), /*#__PURE__*/ React.createElement("a", { href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(doctor.address)}`, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center text-teal-600 hover:text-teal-700", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, "🗺️"), "Get Directions"))))))); }