function MainComponent() { const [step, setStep] = React.useState(0); const [patientName, setPatientName] = React.useState(''); const [symptoms, setSymptoms] = React.useState([]); const [language, setLanguage] = React.useState('English'); const [detailSymptoms, setDetailSymptoms] = React.useState(''); const [audioFile, setAudioFile] = React.useState(null); const [isSubmitting, setIsSubmitting] = React.useState(false); const symptomQuestions = [ 'Do you have a fever?' ]; const additionalQuestions = [ 'Please provide more details about your fever.' ]; const handleNextStep = ()=>{ setStep((prevStep)=>prevStep + 1); }; const handleNameChange = (event)=>{ setPatientName(event.target.value); }; const handleLanguageChange = (event)=>{ setLanguage(event.target.value); }; const handleSymptomChange = (index, answer)=>{ if (answer === 'Yes') { setSymptoms((prevSymptoms)=>[ ...prevSymptoms, symptomQuestions[index] ]); handleNextStep(); } else { handleNextStep(); // Move to the next step even if the answer is 'No' } }; const handleDetailSymptomsChange = (event)=>{ setDetailSymptoms(event.target.value); }; const handleAudioUpload = async (event)=>{ setAudioFile(event.target.files[0]); }; const handleTranscriptionSubmit = async ()=>{ if (!audioFile || audioFile.size > 3145728) { alert('File is too large (>3MB). Please choose a smaller file.'); return; } setIsSubmitting(true); const data = new FormData(); data.append('file', audioFile); try { const response = await fetch('/integrations/transcribe-audio/whisperv3', { method: 'POST', body: data }); const result = await response.json(); if (result.status) { setDetailSymptoms(result.text); } else { alert('Error transcribing audio. Please try again.'); } } catch (error) { alert('Network error. Please try again.'); } setIsSubmitting(false); handleNextStep(); // Proceed to the next step after attempting transcription }; const renderSymptomQuestions = ()=>symptomQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, question), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mt-4", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSymptomChange(index, 'Yes'), className: "bg-green-600 text-white p-2 rounded", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSymptomChange(index, 'No'), className: "bg-red-600 text-white p-2 rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "No")))); const renderDetailQuestions = (questionIndex)=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, additionalQuestions[questionIndex]), /*#__PURE__*/ React.createElement("textarea", { name: "detailSymptoms", onChange: handleDetailSymptomsChange, placeholder: "Describe your symptom in detail", className: "border border-gray-300 p-2 rounded w-full", rows: "3", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleNextStep, className: "bg-blue-600 text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, "Next")); const makeDiagnosis = ()=>{ // Evaluate symptoms here to make a diagnosis return 'Based on your symptoms...'; }; const provideRefferals = ()=>{ // Respond with AI referrals return 'AI Recommendations...'; }; const directToProfessional = ()=>{ // Provide contact of a professional return 'Contact this professional...'; }; const renderStep = ()=>{ switch(step){ } }; return /*#__PURE__*/ React.createElement("div", { className: "mx-auto my-10 rounded-lg shadow-xl space-y-6 max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl overflow-hidden", __source: { fileName: "", lineNumber: 124, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gradient-to-r from-[#6dd5ed] to-[#2193b0]", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pb-6", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "languages", onChange: handleLanguageChange, className: "bg-white border border-gray-300 p-2 rounded text-gray-700 mx-auto", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "English", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "🇺🇸 English"), /*#__PURE__*/ React.createElement("option", { value: "French", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "🇫🇷 French"), /*#__PURE__*/ React.createElement("option", { value: "Spanish", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "🇪🇸 Spanish"))), renderStep(), step > 1 && step < 11 && /*#__PURE__*/ React.createElement("button", { onClick: handleNextStep, disabled: isSubmitting, className: "bg-purple-600 text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, "Next Step"), step === 11 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(0), className: "bg-[#c70039] text-white p-2 rounded mt-4", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, "Restart")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation: fadeIn 1s; } `)); }