function MainComponent() { const [cases, setCases] = useState([]); const [error, setError] = useState(null); const [showNewCaseForm, setShowNewCaseForm] = useState(false); const [showNewContactForm, setShowNewContactForm] = useState(false); const [selectedCase, setSelectedCase] = useState(null); const [showResetConfirm, setShowResetConfirm] = useState(false); const [newCase, setNewCase] = useState({ patient_name: "", symptoms: "", test_result: false, location: "" }); const [newContact, setNewContact] = useState({ contact_name: "", contact_phone: "", contact_email: "", exposure_date: "", exposure_location: "", risk_level: "low" }); const fetchCases = useCallback(async ()=>{ try { const response = await fetch("/api/cases/list", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch cases"); } const data = await response.json(); if (data.error) { setError(data.error); } else { setCases(data.cases); } } catch (error) { setError("Failed to load cases"); console.error(error); } }, []); useEffect(()=>{ fetchCases(); }, [ fetchCases ]); const handleCaseSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/cases/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(newCase) }); if (!response.ok) { throw new Error("Failed to create case"); } await fetchCases(); setShowNewCaseForm(false); setNewCase({ patient_name: "", symptoms: "", test_result: false, location: "" }); } catch (error) { setError("Failed to create case"); console.error(error); } }; const handleContactSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/contacts/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...newContact, case_id: selectedCase.id }) }); if (!response.ok) { throw new Error("Failed to create contact"); } await fetchCases(); setShowNewContactForm(false); setNewContact({ contact_name: "", contact_phone: "", contact_email: "", exposure_date: "", exposure_location: "", risk_level: "low" }); } catch (error) { setError("Failed to create contact"); console.error(error); } }; const handleReset = async ()=>{ try { const response = await fetch("/api/reset", { method: "POST" }); if (!response.ok) { throw new Error("Failed to reset data"); } await fetchCases(); setShowResetConfirm(false); } catch (error) { setError("Failed to reset data"); console.error(error); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 118, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8 text-center", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/c1f08ea3-50c3-479c-a67c-609ab71f81bd/-/format/auto/", alt: "IDCTS Logo", className: "w-64 mb-4", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "Intelligent Disease Contact Tracing System"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowResetConfirm(true), className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Reset All Data"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, error), showResetConfirm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "Confirm Reset"), /*#__PURE__*/ React.createElement("p", { className: "mb-6 text-gray-700", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Are you sure you want to delete all cases and contacts? This action cannot be undone."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowResetConfirm(false), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleReset, className: "px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "Reset All Data")))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 170, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNewCaseForm(true), className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, "Add New Case")), showNewCaseForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 181, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, "Add New Case"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCaseSubmit, __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, "Patient Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newCase.patient_name, onChange: (e)=>setNewCase({ ...newCase, patient_name: e.target.value }), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }, "Symptoms"), /*#__PURE__*/ React.createElement("textarea", { value: newCase.symptoms, onChange: (e)=>setNewCase({ ...newCase, symptoms: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 207, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: newCase.test_result, onChange: (e)=>setNewCase({ ...newCase, test_result: e.target.checked }), className: "mr-2", __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this }), "Positive Test Result")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newCase.location, onChange: (e)=>setNewCase({ ...newCase, location: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 230, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowNewCaseForm(false), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, "Save Case"))))), showNewContactForm && selectedCase && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, "Add New Contact for ", selectedCase.patient_name), /*#__PURE__*/ React.createElement("form", { onSubmit: handleContactSubmit, __source: { fileName: "", lineNumber: 256, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Contact Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newContact.contact_name, onChange: (e)=>setNewContact({ ...newContact, contact_name: e.target.value }), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 273, columnNumber: 17 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", value: newContact.contact_phone, onChange: (e)=>setNewContact({ ...newContact, contact_phone: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 274, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: newContact.contact_email, onChange: (e)=>setNewContact({ ...newContact, contact_email: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "Exposure Date"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: newContact.exposure_date, onChange: (e)=>setNewContact({ ...newContact, exposure_date: e.target.value }), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, "Exposure Location"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newContact.exposure_location, onChange: (e)=>setNewContact({ ...newContact, exposure_location: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, "Risk Level"), /*#__PURE__*/ React.createElement("select", { value: newContact.risk_level, onChange: (e)=>setNewContact({ ...newContact, risk_level: e.target.value }), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 338, columnNumber: 19 }, __self: this }, "Low"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, "High"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 343, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowNewContactForm(false), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, "Save Contact"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 363, columnNumber: 7 }, __self: this }, cases.map((case_)=>/*#__PURE__*/ React.createElement("div", { key: case_.id, className: "border rounded-lg p-4", __source: { fileName: "", lineNumber: 365, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 368, columnNumber: 17 }, __self: this }, case_.patient_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 369, columnNumber: 17 }, __self: this }, "Reported: ", new Date(case_.date_reported).toLocaleDateString()), case_.symptoms && /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 373, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 374, columnNumber: 21 }, __self: this }, "Symptoms:"), " ", case_.symptoms), case_.location && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 379, columnNumber: 21 }, __self: this }, "Location:"), " ", case_.location), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }, "Test Result:"), " ", case_.test_result ? "Positive" : "Negative")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedCase(case_); setShowNewContactForm(true); }, className: "bg-green-500 text-white px-3 py-1 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 387, columnNumber: 15 }, __self: this }, "Add Contact")), case_.contacts && case_.contacts.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 399, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this }, "Contacts:"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-2", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }, case_.contacts.map((contact)=>/*#__PURE__*/ React.createElement("div", { key: contact.id, className: `p-3 rounded ${contact.risk_level === "high" ? "bg-red-100" : contact.risk_level === "medium" ? "bg-yellow-100" : "bg-green-100"}`, __source: { fileName: "", lineNumber: 403, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 413, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 414, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 415, columnNumber: 27 }, __self: this }, contact.contact_name), contact.contact_phone && /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 419, columnNumber: 29 }, __self: this }, "Phone: ", contact.contact_phone), contact.contact_email && /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 424, columnNumber: 29 }, __self: this }, "Email: ", contact.contact_email), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 428, columnNumber: 27 }, __self: this }, "Exposure:", " ", new Date(contact.exposure_date).toLocaleString()), contact.exposure_location && /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 433, columnNumber: 29 }, __self: this }, "Location: ", contact.exposure_location)), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded text-sm ${contact.risk_level === "high" ? "bg-red-200" : contact.risk_level === "medium" ? "bg-yellow-200" : "bg-green-200"}`, __source: { fileName: "", lineNumber: 438, columnNumber: 25 }, __self: this }, contact.risk_level, " risk")))))))))); }