function MainComponent() { const [files, setFiles] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [upload, { loading: uploadLoading }] = useUpload(); const handleFileUpload = async (event)=>{ const uploadedFiles = Array.from(event.target.files); const newFiles = []; setLoading(true); setError(null); try { for (const file of uploadedFiles){ if (file.type !== 'application/pdf') { throw new Error('Please upload PDF files only'); } const { url } = await upload({ file }); newFiles.push({ name: file.name, url }); } setFiles([ ...files, ...newFiles ]); } catch (err) { setError(err.message); } finally{ setLoading(false); } }; const moveFile = (index, direction)=>{ const newFiles = [ ...files ]; const temp = newFiles[index]; newFiles[index] = newFiles[index + direction]; newFiles[index + direction] = temp; setFiles(newFiles); }; const removeFile = (index)=>{ const newFiles = files.filter((_, i)=>i !== index); setFiles(newFiles); }; const mergePDFs = async ()=>{ if (files.length < 2) { setError('Please upload at least 2 PDF files to merge'); return; } setLoading(true); setError(null); try { const responses = await Promise.all(files.map((file)=>fetch(file.url).then((res)=>res.blob()))); const formData = new FormData(); responses.forEach((blob, i)=>{ formData.append('inputFile', blob, files[i].name); }); formData.append('outputType', 'pdf'); const response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); if (!response.ok) { throw new Error('Failed to merge PDFs'); } const mergedPdf = await response.blob(); const downloadUrl = URL.createObjectURL(mergedPdf); const link = document.createElement('a'); link.href = downloadUrl; link.download = 'merged.pdf'; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(downloadUrl); } catch (err) { setError(err.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8", __source: { fileName: "", lineNumber: 88, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 dark:text-white mb-6 font-inter", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "PDF Merger Tool"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 93, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 text-md mb-4 font-inter", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Upload multiple PDF files and combine them into a single document. You can reorder files before merging."), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-lg p-8 text-center", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", multiple: true, accept: ".pdf", onChange: handleFileUpload, className: "hidden", id: "fileInput", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fileInput", className: "cursor-pointer inline-block px-6 py-3 bg-gray-900 dark:bg-gray-800 text-white rounded hover:bg-gray-800 dark:hover:bg-gray-700 transition-colors font-inter", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, uploadLoading ? 'Uploading...' : 'Choose PDF Files'))), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg font-inter", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, error), files.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 dark:text-white mb-4 font-inter", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "Uploaded Files"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, files.map((file, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-800 rounded-lg", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 dark:text-gray-300 font-inter truncate flex-1", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, index + 1, ". ", file.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>moveFile(index, -1), disabled: index === 0, className: "p-2 text-gray-600 dark:text-gray-400 disabled:opacity-50", __source: { fileName: "", lineNumber: 137, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-up", __source: { fileName: "", lineNumber: 142, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>moveFile(index, 1), disabled: index === files.length - 1, className: "p-2 text-gray-600 dark:text-gray-400 disabled:opacity-50", __source: { fileName: "", lineNumber: 144, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down", __source: { fileName: "", lineNumber: 149, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeFile(index), className: "p-2 text-red-600 dark:text-red-400", __source: { fileName: "", lineNumber: 151, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 155, columnNumber: 23 }, __self: this }))))))), /*#__PURE__*/ React.createElement("button", { onClick: mergePDFs, disabled: loading || files.length < 2, className: "w-full px-6 py-3 bg-gray-900 dark:bg-gray-800 text-white rounded hover:bg-gray-800 dark:hover:bg-gray-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed font-inter", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, loading ? 'Merging PDFs...' : 'Merge PDFs'), /*#__PURE__*/ React.createElement("div", { className: "mt-12 p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700 rounded-lg", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 text-sm font-inter mb-2", __source: { fileName: "", lineNumber: 173, columnNumber: 11 }, __self: this }, "📋 Data Privacy Notice:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-gray-600 dark:text-gray-400 text-sm font-inter space-y-1", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, "Your PDF files are processed securely in real-time"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, "Files are not stored permanently on our servers"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, "All uploaded files are automatically deleted after processing"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, "We do not access or read the content of your files"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }, "This tool works entirely in your browser for maximum privacy"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 pt-6 border-t border-gray-200 dark:border-gray-700 text-center", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://agrtech.com.au/", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm font-inter transition-colors", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, "Designed with AGR Technology")))); }