function PdfUploadFeature({ label, id, name, accept, onChange }) { return /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: id, className: "block mb-2 text-sm font-medium font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, label), /*#__PURE__*/ React.createElement("input", { type: "file", id: id, name: name, accept: accept, onChange: onChange, className: "bg-white border border-[#D1D5DB] text-sm rounded-lg block w-full p-2.5 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this })); } function PdfUploadFeatureStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PdfUploadFeature, { label: "Upload PDF", id: "uploadedFile", name: "uploadedFile", accept: ".pdf", onChange: ()=>console.log('File changed'), __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [uploadedFile, setUploadedFile] = React.useState(null); const [extractedText, setExtractedText] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleFileChange = async (e)=>{ setLoading(true); const file = e.target.files[0]; setUploadedFile(file); try { const formData = new FormData(); formData.append('file', file); const response = await fetch('/integrations/pdf-extraction', { method: 'POST', body: formData }); const data = await response.json(); setExtractedText(data.extractedText); } catch (error) { console.error('Error during text extraction process:', error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto text-[#121212] mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Paper Translation Tool"), /*#__PURE__*/ React.createElement(PdfUploadFeature, { label: "Upload PDF", id: "uploadedFile", name: "uploadedFile", accept: ".pdf", onChange: handleFileChange, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), extractedText && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-white border border-[#D1D5DB] rounded-lg w-full max-w-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto font-medium text-[#121212] mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Extracted Text:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#121212] whitespace-pre-wrap", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, extractedText)), loading && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Extracting text from PDF...")); }