function MainComponent() { const [file, setFile] = useState(null); const [outputType, setOutputType] = useState('pdf'); const [convertedFile, setConvertedFile] = useState(null); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const handleConvert = async ()=>{ if (!file) return; setLoading(true); setError(null); try { const formData = new FormData(); formData.append('inputFile', file); formData.append('outputType', outputType); const response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); if (!response.ok) { throw new Error(`Error: ${response.status} ${response.statusText}`); } const blob = await response.blob(); const url = URL.createObjectURL(blob); setConvertedFile(url); } catch (err) { setError('Failed to convert file. Please try again.'); console.error(err); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8 flex flex-col", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto flex-grow", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "AGR Technology File Converter"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 dark:bg-gray-800 rounded-lg p-6", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Select a file to convert"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>setFile(e.target.files?.[0]), className: "block w-full text-sm text-gray-700 dark:text-gray-300 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-gray-900 file:text-white hover:file:bg-gray-700 dark:file:bg-gray-700 dark:hover:file:bg-gray-600", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 dark:bg-gray-800 rounded-lg p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Convert to"), /*#__PURE__*/ React.createElement("select", { value: outputType, onChange: (e)=>setOutputType(e.target.value), className: "block w-full rounded-md border border-gray-200 dark:border-gray-700 px-4 py-2 text-sm text-gray-900 dark:text-white bg-white dark:bg-gray-800 focus:outline-none focus:border-gray-900 dark:focus:border-gray-600", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "PDF"), /*#__PURE__*/ React.createElement("option", { value: "docx", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "DOCX"), /*#__PURE__*/ React.createElement("option", { value: "png", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "PNG"), /*#__PURE__*/ React.createElement("option", { value: "jpg", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "JPG"), /*#__PURE__*/ React.createElement("option", { value: "jpeg", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "JPEG"), /*#__PURE__*/ React.createElement("option", { value: "html", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "HTML"))), /*#__PURE__*/ React.createElement("button", { onClick: handleConvert, disabled: !file || loading, className: "w-full bg-gray-900 hover:bg-gray-700 dark:bg-gray-700 dark:hover:bg-gray-600 text-white rounded-md px-4 py-2 text-sm font-inter transition-colors duration-200", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, loading ? 'Converting...' : 'Convert File'), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400 p-4 rounded-lg text-sm", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, error), convertedFile && !error && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 dark:bg-gray-800 rounded-lg p-6", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "Converted File"), outputType.startsWith('image') || outputType === 'png' || outputType === 'jpg' || outputType === 'jpeg' ? /*#__PURE__*/ React.createElement("img", { src: convertedFile, alt: "Converted file preview", className: "max-w-full rounded-lg", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("a", { href: convertedFile, download: `converted-file.${outputType}`, className: "inline-flex items-center text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }), "Download Converted File")), !file && !loading && /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-upload text-4xl text-gray-400 dark:text-gray-600 mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "Upload a file to get started")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-50 dark:bg-gray-800/50 rounded-lg p-6", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-gray-400 dark:text-gray-500 mt-1", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 dark:text-gray-400 leading-relaxed", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Privacy Notice: This file converter processes your files securely and temporarily. Files are only stored in memory during conversion and are immediately deleted afterward. All transfers occur over secure HTTPS connections. No files are permanently stored by AGR Technology."))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 text-center py-4 text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://agrtech.com.au/", target: "_blank", rel: "noopener noreferrer", className: "hover:text-gray-900 dark:hover:text-white transition-colors duration-200", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, "Designed with AGR Technology"))); }