function ProjectScopeInputField({ value, onChange }) { return /*#__PURE__*/ React.createElement("textarea", { id: "projectScope", name: "projectScope", rows: "4", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-[#4A90E2] focus:border-[#4A90E2] block w-full p-2.5", required: true, value: value, onChange: onChange, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function ProjectScopeInputFieldStory() { const [projectScope, setProjectScope] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProjectScopeInputField, { value: projectScope, onChange: (e)=>setProjectScope(e.target.value), __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [projectScope, setProjectScope] = React.useState(""); const [eapResponse, setEapResponse] = React.useState(""); const [loading, setLoading] = React.useState(false); const generateEAP = async (event)=>{ event.preventDefault(); setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: projectScope } ], system_prompt: "Gerar a Estrutura Analítica do Projeto para construções ou ampliações no setor elétrico brasileiro" }) }); const data = await response.json(); if (data && data.status) { setEapResponse(data.result); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#E8F5E9] p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white shadow-md rounded-lg w-full max-w-4xl", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center font-roboto text-xl text-[#1B5E20] mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Gerador de EAP para Projetos do Setor Elétrico Brasileiro"), /*#__PURE__*/ React.createElement("form", { className: "w-full", onSubmit: generateEAP, __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "projectScope", className: "block mb-2 text-sm font-medium text-[#1B5E20]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Escopo Detalhado do Contrato"), /*#__PURE__*/ React.createElement(ProjectScopeInputField, { value: projectScope, onChange: (e)=>setProjectScope(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-[#2E7D32] hover:bg-opacity-90 focus:ring-4 focus:ring-[#1B5E20] font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Gerar EAP para Excel"), loading && /*#__PURE__*/ React.createElement("div", { className: "text-center my-4", __source: { fileName: "", lineNumber: 44, columnNumber: 23 }, __self: this }, "Gerando EAP..."), eapResponse && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "eapResponse", className: "block mb-2 text-sm font-medium text-[#1B5E20]", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "EAP Gerada:"), /*#__PURE__*/ React.createElement("textarea", { id: "eapResponse", name: "eapResponse", rows: "7", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-[#4A90E2] focus:border-[#4A90E2] block w-full p-2.5", value: eapResponse, readOnly: true, __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }))))); }