function MainComponent() { const [inputData, setInputData] = React.useState({ label: '', price: '', document: null }); const [isLoading, setIsLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const handleInputChange = (e)=>{ const { name, value, files } = e.target; setInputData((prevData)=>({ ...prevData, [name]: files ? files[0] : value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setIsLoading(true); try { const content = `Libellé: ${inputData.label}, Prix: ${inputData.price}€`; const mailResponse = await fetch('/api/send-mail', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ subject: 'Nouvelle note de frais', body: content, document: inputData.document }) }); const mailResult = await mailResponse.json(); if (!mailResult.status) { throw new Error('Échec de l\'envoi du document par mail.'); } const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content } ], system_prompt: 'Document envoyé par mail avec les détails suivants. Veuillez confirmer.', max_tokens: 2000 }) }); const chatResult = await chatResponse.json(); if (chatResult.status) { setResponse(chatResult.result); } else { throw new Error('Échec de la confirmation de l\'assistant'); } } catch (error) { setResponse(error.message); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", htmlFor: "label", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Libellé:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "label", className: "w-full p-2 border border-gray-300 rounded-md font-roboto", onChange: handleInputChange, value: inputData.label, required: true, __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", htmlFor: "price", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Prix:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "price", className: "w-full p-2 border border-gray-300 rounded-md font-roboto", onChange: handleInputChange, value: inputData.price, min: "0", step: ".01", required: true, __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto", htmlFor: "document", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Document:"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "document", className: "w-full p-2 border border-gray-300 file:cursor-pointer file:rounded-md file:border-0 file:bg-violet-50 file:p-2 font-roboto", onChange: handleInputChange, required: true, __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `px-4 py-2 rounded-md text-white ${isLoading ? 'bg-gray-400' : 'bg-blue-600'}`, disabled: isLoading, __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, isLoading ? 'Envoi...' : 'Soumettre')), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-green-500 rounded-md font-roboto", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, response)); }