function MainComponent() { const [textToTranslate, setTextToTranslate] = React.useState(''); const [translatedText, setTranslatedText] = React.useState(''); const [translationLanguage, setTranslationLanguage] = React.useState('en'); const [pdfData, setPdfData] = React.useState(''); const [imageUrl, setImageUrl] = React.useState(''); const handleTranslation = async ()=>{ const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: textToTranslate, target: translationLanguage }) }); const data = await response.json(); setTranslatedText(data.data.translations[0].translatedText); const pdfResponse = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: JSON.stringify({ source: { html: `

${data.data.translations[0].translatedText}

` } }), headers: { 'Content-Type': 'application/json' } }); const blob = await pdfResponse.blob(); setPdfData(URL.createObjectURL(blob)); const formData = new FormData(); formData.append('inputFile', blob); formData.append('outputType', 'png'); const converterResponse = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); const imageBlob = await converterResponse.blob(); setImageUrl(URL.createObjectURL(imageBlob)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mb-2 p-1 border border-gray-300", placeholder: "Enter text to translate", value: textToTranslate, onChange: (e)=>setTextToTranslate(e.target.value), name: "textToTranslate", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "mb-2 border border-gray-300", value: translationLanguage, onChange: (e)=>setTranslationLanguage(e.target.value), name: "translationLanguage", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Spanish"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "French")), /*#__PURE__*/ React.createElement("button", { className: "mb-2 bg-blue-500 text-white p-2", onClick: handleTranslation, __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, "Translate and Generate PDF"), translatedText && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Translated Text: ", translatedText), /*#__PURE__*/ React.createElement("a", { href: pdfData, download: "translatedText.pdf", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Download Translated PDF")), imageUrl && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Translated text as an image", className: "mt-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }))); }