function ChatResponseBox({ chatResponse }) { return /*#__PURE__*/ React.createElement("div", { className: "h-[300px] overflow-auto border border-gray-300 rounded-lg p-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, chatResponse); } function ChatResponseBoxStory() { const chatResponse = /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 10, columnNumber: 24 }, __self: this }, "Hello, how can I assist you today?"); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ChatResponseBox, { chatResponse: chatResponse, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function ChatResponseDisplay({ children }) { return /*#__PURE__*/ React.createElement("div", { className: "h-[300px] overflow-auto border border-gray-300 rounded-lg p-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function ChatResponseDisplayStory() { const chatResponse = "Hello, how can I help you today?"; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ChatResponseDisplay, { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, chatResponse)); } function MainComponent() { const [patientPersonalData, setPatientPersonalData] = React.useState(''); const [patientClinicalData, setPatientClinicalData] = React.useState(''); const [sessionClinicalData, setSessionClinicalData] = React.useState(''); const [chatResponse, setChatResponse] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const handleSubmit = async ()=>{ setIsLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": sessionClinicalData } ], system_prompt: 'Auxiliar na construção de hipóteses de diagnósticos' }) }); const data = await response.json(); if (data && data.choices && data.choices.length > 0) { setChatResponse(data.choices[0].message.content); } else { setChatResponse("No response from GPT"); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-6 p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between space-x-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-1/3 h-[300px] resize-none border border-gray-300 rounded-lg p-2 font-roboto", placeholder: "Dados Pessoais do Paciente", name: "patientPersonalData", value: patientPersonalData, onChange: (e)=>setPatientPersonalData(e.target.value), __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-1/3 h-[300px] resize-none border border-gray-300 rounded-lg p-2 font-roboto", placeholder: "Dados Clínicos do Paciente", name: "patientClinicalData", value: patientClinicalData, onChange: (e)=>setPatientClinicalData(e.target.value), __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-1/3 h-[300px] resize-none border border-gray-300 rounded-lg p-2 font-roboto", placeholder: "Informações Clínicas para Consulta", name: "sessionClinicalData", value: sessionClinicalData, onChange: (e)=>setSessionClinicalData(e.target.value), __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-blue-500 text-white font-roboto rounded-lg", onClick: handleSubmit, disabled: isLoading, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, isLoading ? 'Loading...' : 'Submit for Analysis'), /*#__PURE__*/ React.createElement(ChatResponseDisplay, { __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ChatResponseBox, { chatResponse: chatResponse, __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }))); }