function MainComponent() { const [searchTerm, setSearchTerm] = useState(""); const [loading, setLoading] = useState(false); const [searchResults, setSearchResults] = useState([]); const [claimStep, setClaimStep] = useState(1); const [language, setLanguage] = useState("en"); const [displayText, setDisplayText] = useState(""); const [messages, setMessages] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const [upload, { loading: uploadLoading }] = useUpload(); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); const searchMedicalInfo = useCallback(async ()=>{ if (!searchTerm) return; setLoading(true); try { const searchResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchTerm + " medical research mayo clinic cdc nejm")}`); const searchData = await searchResponse.json(); const chatResponse = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Analyze medical condition: ${searchTerm}. Include primary and secondary conditions, VA benefits criteria.` } ], stream: true }) }); handleStreamResponse(chatResponse); setSearchResults(searchData.items); } catch (error) { console.error(error); } finally{ setLoading(false); } }, [ searchTerm ]); const translateText = useCallback(async (text, targetLang)=>{ try { const response = await fetch("/integrations/google-translate/language/translate/v2", { method: "POST", body: new URLSearchParams({ q: text, target: targetLang }) }); const data = await response.json(); setDisplayText(data.data.translations[0].translatedText); } catch (error) { console.error(error); } }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa] p-4 md:p-8", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "VA Disability Benefits Guide"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#424242]", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Navigate through VA disability claims with ease")), /*#__PURE__*/ React.createElement("section", { className: "mb-12", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white rounded-lg shadow-lg p-4 mb-8", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, [ "initial", "increase", "crsc" ].map((tab)=>/*#__PURE__*/ React.createElement("li", { key: tab, __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setClaimStep(tab), className: `px-6 py-2 rounded-lg font-roboto ${claimStep === tab ? "bg-[#1a237e] text-white" : "bg-[#f8f9fa] text-[#1a237e]"}`, __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, tab.charAt(0).toUpperCase() + tab.slice(1), " Claims"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, claimStep === "initial" && "Initial Claims Process", claimStep === "increase" && "Increase Claims Process", claimStep === "crsc" && "CRSC Benefits Guide"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#424242] mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, claimStep === "initial" ? "Learn how to understand and file your initial claim." : claimStep === "increase" ? "Explore grounds for increasing your current disability rating." : "Get the full guide to applying for CRSC benefits, including eligibility and requirements."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, [ 1, 2, 3, 4 ].map((step)=>/*#__PURE__*/ React.createElement("div", { key: step, className: "flex items-center", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center ${claimStep >= step ? "bg-[#1a237e] text-white" : "bg-[#f8f9fa] text-[#1a237e]"}`, __source: { fileName: "", lineNumber: 123, columnNumber: 21 }, __self: this }, step), step < 4 && /*#__PURE__*/ React.createElement("div", { className: `hidden md:block w-24 h-1 mx-2 ${claimStep > step ? "bg-[#1a237e]" : "bg-[#f8f9fa]"}`, __source: { fileName: "", lineNumber: 133, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search medical conditions...", className: "flex-1 p-3 border rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), name: "search", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: searchMedicalInfo, disabled: loading, className: "bg-[#1a237e] text-white px-6 py-3 rounded-lg hover:bg-[#0d47a1]", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, loading ? "Searching..." : "Search")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 items-center", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, "Language: "), /*#__PURE__*/ React.createElement("select", { value: language, onChange: (e)=>setLanguage(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 164, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 169, columnNumber: 21 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, "Spanish")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>translateText(displayText, language), className: "bg-[#1a237e] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, "Translate")), searchResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 21 }, __self: this }, "Credible Sources"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 185, columnNumber: 21 }, __self: this }, searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b pb-4", __source: { fileName: "", lineNumber: 187, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-roboto text-[#1a237e]", __source: { fileName: "", lineNumber: 188, columnNumber: 27 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#424242]", __source: { fileName: "", lineNumber: 191, columnNumber: 27 }, __self: this }, result.snippet), /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "text-[#1a237e] hover:underline", __source: { fileName: "", lineNumber: 194, columnNumber: 27 }, __self: this }, "Read More"))))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#f8f9fa] rounded-lg", __source: { fileName: "", lineNumber: 209, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 210, columnNumber: 21 }, __self: this }, "AI Analysis"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 213, columnNumber: 21 }, __self: this }, streamingMessage))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-8", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setClaimStep(Math.max(1, claimStep - 1)), disabled: claimStep === 1, className: "px-6 py-2 bg-[#f8f9fa] text-[#1a237e] rounded-lg", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "Previous"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setClaimStep(Math.min(4, claimStep + 1)), disabled: claimStep === 4, className: "px-6 py-2 bg-[#1a237e] text-white rounded-lg", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }, "Next"))))), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 240, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-medical mr-2", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }), "Medical Data"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 font-roboto", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clinic-medical text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }), "Comprehensive Guide to Conditions"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pills text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }), "Medication Implications"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 252, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-virus text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }), "Secondary Conditions"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-medical mr-2", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }), "VA Regulations"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 font-roboto", __source: { fileName: "", lineNumber: 263, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 264, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gavel text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }), "CFR Title 38"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-percentage text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }), "Disability Ratings Schedule"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-balance-scale text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 273, columnNumber: 17 }, __self: this }), "VA Precedents"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 279, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 280, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-md mr-2", __source: { fileName: "", lineNumber: 281, columnNumber: 15 }, __self: this }), "Support Resources"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 font-roboto", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }), "VA Hotline"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 289, columnNumber: 17 }, __self: this }), "Support Groups"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hands-helping text-[#1a237e] mr-2", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }), "VSO Locator")))))); }