function MainComponent() { const [activeScreen, setActiveScreen] = React.useState('welcome'); const [text, setText] = React.useState(''); const [correctedTexts, setCorrectedTexts] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const [domain, setDomain] = React.useState('Geral'); const [intention, setIntention] = React.useState('Informar'); const [formality, setFormality] = React.useState('Neutro'); const [audience, setAudience] = React.useState('Geral'); const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [correctedText, setCorrectedText] = React.useState(''); const handleTextChange = (e)=>{ setText(e.target.value); }; const correctText = async ()=>{ setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: `Por favor, corrija o seguinte texto em português considerando: Domínio: ${domain}, Intenção: ${intention}, Formalidade: ${formality}, Audiência: ${audience}. Forneça explicações para as correções: "${text}"` } ] }) }); const data = await response.json(); const result = data.choices[0].message.content; setCorrectedText(result); setCorrectedTexts([ ...correctedTexts, { original: text, corrected: result } ]); } catch (error) { console.error('Erro ao obter correções:', error); } setIsLoading(false); }; const renderWelcome = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-blue-900 relative", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-10 left-0 bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('home'), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Meu Palavr"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('corrected'), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Textos Corrigidos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('welcome'), className: "block w-full text-left px-4 py-2 hover:bg-gray-100", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Voltar"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Bem-vindo ao Palavr!"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-full p-8 cursor-pointer", onClick: ()=>setActiveScreen('home'), __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl font-bold text-blue-900", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Palavr"))); const renderHome = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gray-100", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-900 p-4 text-white", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Palavr"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('home'), className: "mr-4", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Meu Palavr"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('new'), className: "mr-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Novo"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('welcome'), __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Voltar")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Meus Textos"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, correctedTexts.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded shadow cursor-pointer", onClick: ()=>setActiveScreen('edit'), __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "truncate", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, item.original.substring(0, 100), "...")))))); const renderNew = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gray-100", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-900 p-4 text-white", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Palavr"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('home'), __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Voltar"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Adjust Goals"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap space-x-4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-full border-2 border-blue-500 p-2 mb-2", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: domain, onChange: (e)=>setDomain(e.target.value), className: "bg-transparent", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "Acadêmico"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, "Corporativo"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, "Geral"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, "E-mail"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, "Casual"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, "Criativo"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-full border-2 border-blue-500 p-2 mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: intention, onChange: (e)=>setIntention(e.target.value), className: "bg-transparent", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "Informar"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Descrever"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Convencer"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, "Contar uma história"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-full border-2 border-blue-500 p-2 mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: formality, onChange: (e)=>setFormality(e.target.value), className: "bg-transparent", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Informal"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "Neutro"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "Formal"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-full border-2 border-blue-500 p-2 mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: audience, onChange: (e)=>setAudience(e.target.value), className: "bg-transparent", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, "Geral"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "Bem informado"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, "Expert"))))), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[842px] p-4 border rounded mb-4", value: text, onChange: handleTextChange, placeholder: "Digite seu texto aqui...", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: correctText, disabled: isLoading, __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, isLoading ? 'Corrigindo...' : 'Corrigir Texto'), correctedText && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "Texto Corrigido:"), /*#__PURE__*/ React.createElement("p", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, correctedText)))); const renderCorrected = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gray-100", __source: { fileName: "", lineNumber: 160, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-900 p-4 text-white", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "Palavr"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveScreen('home'), __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Voltar"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 167, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, "Textos Corrigidos"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, correctedTexts.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded shadow cursor-pointer", onClick: ()=>setActiveScreen('edit'), __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "truncate", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, item.corrected.substring(0, 100), "...")))))); switch(activeScreen){ case 'welcome': return renderWelcome(); case 'home': return renderHome(); case 'new': return renderNew(); case 'corrected': return renderCorrected(); default: return renderWelcome(); } }