function MainComponent() { const [selectedFile, setSelectedFile] = React.useState(null); const [outputType, setOutputType] = React.useState("pdf"); const [converting, setConverting] = React.useState(false); const [downloadUrl, setDownloadUrl] = React.useState(null); const [error, setError] = React.useState(null); const handleFileSelect = (event)=>{ const file = event.target.files[0]; setSelectedFile(file); setDownloadUrl(null); setError(null); }; const handleConvert = async ()=>{ if (!selectedFile) { setError("Please select a file first"); return; } setConverting(true); setError(null); try { const formData = new FormData(); formData.append("inputFile", selectedFile); formData.append("outputType", outputType); const response = await fetch("/integrations/file-converter/convert", { method: "POST", body: formData }); if (!response.ok) { throw new Error(`Conversion failed: ${response.status} ${response.statusText}`); } const blob = await response.blob(); const url = URL.createObjectURL(blob); setDownloadUrl(url); } catch (err) { console.error(err); setError("Failed to convert file. Please try again."); } finally{ setConverting(false); } }; const supportedFormats = [ "pdf", "png", "jpg", "jpeg", "html" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-blue-100", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gradient-to-r from-purple-600 to-blue-600 shadow-lg border-b", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center text-white", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "mcofile"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-4xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8 border border-purple-100", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Convert Any File Format"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Upload your file and convert it to PDF, PNG, JPG, HTML and more")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-purple-300 rounded-xl p-8 text-center hover:border-blue-400 transition-colors bg-gradient-to-br from-purple-50 to-blue-50", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-4xl text-purple-400", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: handleFileSelect, className: "hidden", id: "file-input", accept: "*/*", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "file-input", className: "cursor-pointer inline-block bg-gradient-to-r from-purple-500 to-blue-500 text-white px-6 py-3 rounded-lg hover:from-purple-600 hover:to-blue-600 transition-all", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "Choose File"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mt-2", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, selectedFile ? selectedFile.name : "Select any file to convert"))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Convert to:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, supportedFormats.map((format)=>/*#__PURE__*/ React.createElement("button", { key: format, onClick: ()=>setOutputType(format), className: `p-3 rounded-lg border-2 transition-colors ${outputType === format ? "border-purple-500 bg-gradient-to-r from-purple-50 to-blue-50 text-purple-700" : "border-gray-200 hover:border-purple-300"}`, __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, ".", format.toUpperCase())))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleConvert, disabled: !selectedFile || converting, className: `px-8 py-4 rounded-lg text-lg font-semibold transition-colors ${!selectedFile || converting ? "bg-gray-300 text-gray-500 cursor-not-allowed" : "bg-gradient-to-r from-purple-500 to-blue-500 text-white hover:from-purple-600 hover:to-blue-600"}`, __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, converting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }), "Converting...") : "Convert File")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-red-500 mr-2", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-700", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, error))), downloadUrl && /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 rounded-lg p-6 text-center", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 text-3xl", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-green-800 mb-3", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Conversion Complete!"), /*#__PURE__*/ React.createElement("a", { href: downloadUrl, download: `converted.${outputType}`, className: "inline-block bg-green-500 text-white px-6 py-3 rounded-lg hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }), "Download File"))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-6", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-purple-100 to-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt text-purple-600 text-2xl", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, "Fast Conversion"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, "Convert files quickly with our optimized processing")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-100 to-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-blue-600 text-2xl", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, "Secure & Private"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, "Your files are processed securely and not stored")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-purple-100 to-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic text-purple-600 text-2xl", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, "100+ Formats"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this }, "Support for a wide variety of file formats")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gradient-to-r from-purple-800 to-blue-800 text-white py-8 mt-16", __source: { fileName: "", lineNumber: 209, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 210, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, "CREATED BY SIDIQUL AKBAR")))); }