function MainComponent() { const [clientFormData, setClientFormData] = React.useState({ companyName: '', contactName: '', email: '', phone: '' }); const [productionFormData, setProductionFormData] = React.useState({ clientCompanyName: '', jobDescription: '', jobStatus: '' }); const [loading, setLoading] = React.useState(false); const [chatGptResponse, setChatGptResponse] = React.useState(''); const handleClientFormChange = (event)=>{ const { name, value } = event.target; setClientFormData((prev)=>({ ...prev, [name]: value })); }; const handleProductionFormChange = (event)=>{ const { name, value } = event.target; setProductionFormData((prev)=>({ ...prev, [name]: value })); }; const submitClientInfo = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": JSON.stringify(clientFormData) } ], system_prompt: 'Please register a new cutting and creasing knife company client with the following details.' }) }); const data = await response.json(); if (data.status) { setChatGptResponse(data.result); } } catch (error) { console.error('Error submitting client data:', error); } finally{ setLoading(false); } }; const submitProductionInfo = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": JSON.stringify(productionFormData) } ], system_prompt: 'Please register a new job for a cutting and creasing knife with the following details.' }) }); const data = await response.json(); if (data.status) { setChatGptResponse(data.result); } } catch (error) { console.error('Error submitting production info:', error); } finally{ setLoading(false); } }; const clientInputClass = "border p-2 rounded w-full"; const productionInputClass = "border p-2 rounded w-full"; const buttonClass = "text-white p-2 rounded w-full"; const loadingStatus = loading ? 'Processando...' : 'Enviar'; return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-md border-gray-200 space-y-3", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Cadastro de Clientes"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", value: clientFormData.companyName, onChange: handleClientFormChange, className: clientInputClass, placeholder: "Nome da Empresa", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "contactName", value: clientFormData.contactName, onChange: handleClientFormChange, className: clientInputClass, placeholder: "Nome do Contato", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: clientFormData.email, onChange: handleClientFormChange, className: clientInputClass, placeholder: "Email", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: clientFormData.phone, onChange: handleClientFormChange, className: clientInputClass, placeholder: "Telefone", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: submitClientInfo, className: `${buttonClass} bg-blue-500`, disabled: loading, __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, loadingStatus)), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-md border-gray-200 space-y-3", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "sss"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "clientCompanyName", value: productionFormData.clientCompanyName, onChange: handleProductionFormChange, className: productionInputClass, placeholder: "Nome da Empresa Cliente", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "jobDescription", value: productionFormData.jobDescription, onChange: handleProductionFormChange, className: productionInputClass, placeholder: "Descrição do Trabalho", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "jobStatus", value: productionFormData.jobStatus, onChange: handleProductionFormChange, className: productionInputClass, __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Selecione o Status do Trabalho"), /*#__PURE__*/ React.createElement("option", { value: "in_progress", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Em Produção"), /*#__PURE__*/ React.createElement("option", { value: "completed", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Concluído")), /*#__PURE__*/ React.createElement("button", { onClick: submitProductionInfo, className: `${buttonClass} bg-green-500`, disabled: loading, __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, loadingStatus)), chatGptResponse && /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 border rounded-md border-gray-200", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Resposta:"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, chatGptResponse))); }