${translatedText}

" }` } }).then((response)=>response.blob()).then((blob)=>{ const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.setAttribute('download', `translated_book.pdf`); document.body.appendChild(link); link.click(); link.parentNode.removeChild(link); }); } async function handleFlapText(flapSide) { const system_prompt = flapSide === "left" ? "Sobre a obra" : "Sobre o autor"; await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: { messages: [], system_prompt: system_prompt } }).then((response)=>response.json()).then((data)=>{ if (flapSide === "left") { setFlapsState({ ...flapsState, leftFlap: data.result }); } else { setFlapsState({ ...flapsState, rightFlap: data.result }); } }); } async function handleSubmitChatGpt() { setChatGptState({ ...chatGptState, conversation: [ ...chatGptState.conversation, { role: 'user', content: chatGptState.chatText } ] }); await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: { messages: chatGptState.conversation, system_prompt: "Tradução e Diagramação de Livros" } }).then((response)=>response.json()).then((data)=>{ setChatGptState({ conversation: [ ...chatGptState.conversation, { role: 'assistant', content: data.result } ], chatText: '' }); }); } return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#f5f5f5] min-h-screen", __source: { fileName: "", lineNumber: 130, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8", __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, "Traduz Livro"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, "Upload de Arquivo (PDF ou Word):"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: handleUpload, className: "w-full", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 138, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, "Idioma Original:"), /*#__PURE__*/ React.createElement("select", { value: languageState.selectedLanguage, onChange: handleLanguageChange, className: "w-full p-2 mb-2", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, "Detectar automático"), /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "Inglês"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, "Francês"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, "Espanhol"), /*#__PURE__*/ React.createElement("option", { value: "pt-BR", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "Português (Brasil)"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, "Especificações de Impressão:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "fontSize", placeholder: "Tamanho da Fonte", value: printSpecificationState.fontSize, className: "p-2 mb-2", onChange: handlePrintSpecificationsChange, __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fontFamily", placeholder: "Tipo de Fonte", value: printSpecificationState.fontFamily, className: "p-2 mb-2", onChange: handlePrintSpecificationsChange, __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "margins", placeholder: "Margens (mm)", value: printSpecificationState.margins, className: "p-2 mb-2", min: "1", max: "100", onChange: handlePrintSpecificationsChange, __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "paperSize", value: printSpecificationState.paperSize, onChange: handlePrintSpecificationsChange, className: "w-full p-2 mb-2", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "10x15cm", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, "10x15cm"), /*#__PURE__*/ React.createElement("option", { value: "14x21cm", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "14x21cm"), /*#__PURE__*/ React.createElement("option", { value: "16x23cm", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "16x23cm"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: translateDocument, className: `bg-blue-500 text-white p-2 ${translationState.isTranslating ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: translationState.isTranslating, __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, "Traduzir Documento"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, "Progresso da Tradução: ", translationState.translationPercentage, "%")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { maxLength: 120, value: flapsState.leftFlap, onChange: (e)=>setFlapsState({ ...flapsState, leftFlap: e.target.value }), placeholder: "Texto para orelha esquerda", className: "p-2 mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { maxLength: 120, value: flapsState.rightFlap, onChange: (e)=>setFlapsState({ ...flapsState, rightFlap: e.target.value }), placeholder: "Texto para orelha direita", className: "p-2 mb-4", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFlapText('left'), className: "bg-blue-500 text-white p-2 mb-2", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, "Sugestão para Orelha Esquerda"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFlapText('right'), className: "bg-blue-500 text-white p-2 mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, "Sugestão para Orelha Direita")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 175, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: chatGptState.chatText, onChange: (e)=>setChatGptState({ ...chatGptState, chatText: e.target.value }), placeholder: "Digite sua mensagem", className: "p-2 mb-4", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmitChatGpt, className: "bg-yellow-400 text-white p-2", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, "Enviar para o ChatGPT"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, chatGptState.conversation.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 rounded ${message.role === 'user' ? 'bg-blue-200 align-start' : 'bg-green-200 align-end'}`, __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, message.content))))); }