function MainComponent() { const [files, setFiles] = useState([]); const [converting, setConverting] = useState(false); const [progress, setProgress] = useState({}); const [error, setError] = useState(null); const [dragActive, setDragActive] = useState(false); const [convertedFiles, setConvertedFiles] = useState({}); const [scriptsLoaded, setScriptsLoaded] = useState(false); const MAX_FILE_SIZE = 100 * 1024 * 1024; // Load required libraries useEffect(()=>{ const loadScripts = async ()=>{ try { // PDF.js library const pdfJS = document.createElement("script"); pdfJS.src = "https://unpkg.com/pdf-lib@1.17.1/dist/pdf-lib.min.js"; pdfJS.async = true; // jsPDF library for text handling const jsPDF = document.createElement("script"); jsPDF.src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"; jsPDF.async = true; // Mammoth for DOCX conversion const mammoth = document.createElement("script"); mammoth.src = "https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"; mammoth.async = true; // Load scripts sequentially await new Promise((resolve, reject)=>{ pdfJS.onload = resolve; pdfJS.onerror = ()=>reject(new Error("Failed to load PDFLib")); document.body.appendChild(pdfJS); }); await new Promise((resolve, reject)=>{ jsPDF.onload = resolve; jsPDF.onerror = ()=>reject(new Error("Failed to load jsPDF")); document.body.appendChild(jsPDF); }); await new Promise((resolve, reject)=>{ mammoth.onload = resolve; mammoth.onerror = ()=>reject(new Error("Failed to load Mammoth")); document.body.appendChild(mammoth); }); setScriptsLoaded(true); } catch (err) { console.error("Failed to load scripts:", err); setError("Failed to initialize conversion tools: " + err.message); } }; loadScripts(); return ()=>{ const scripts = document.querySelectorAll("script"); scripts.forEach((script)=>{ if (script.src.includes("pdf-lib") || script.src.includes("jspdf") || script.src.includes("mammoth")) { document.body.removeChild(script); } }); }; }, []); const validateFile = (file)=>{ if (file.size > MAX_FILE_SIZE) { throw new Error(`File ${file.name} is too large. Maximum size is 100MB`); } const allowedTypes = [ ".docx", ".txt", ".jpg", ".jpeg", ".eml", ".msg" ]; const extension = "." + file.name.split(".").pop().toLowerCase(); if (!allowedTypes.includes(extension)) { throw new Error(`File ${file.name} has an unsupported format. We support DOCX, TXT, JPG, JPEG, EML, and MSG files.`); } }; const handleDrag = (e)=>{ e.preventDefault(); e.stopPropagation(); if (e.type === "dragenter" || e.type === "dragover") { setDragActive(true); } else if (e.type === "dragleave") { setDragActive(false); } }; const handleDrop = (e)=>{ e.preventDefault(); e.stopPropagation(); setDragActive(false); setError(null); try { const droppedFiles = Array.from(e.dataTransfer.files); droppedFiles.forEach(validateFile); setFiles([ ...files, ...droppedFiles ]); } catch (err) { setError(err.message); } }; const handleFileUpload = (e)=>{ setError(null); try { const newFiles = Array.from(e.target.files); newFiles.forEach(validateFile); setFiles([ ...files, ...newFiles ]); } catch (err) { setError(err.message); } }; const removeFile = (index)=>{ const updatedFiles = [ ...files ]; updatedFiles.splice(index, 1); setFiles(updatedFiles); const updatedProgress = { ...progress }; delete updatedProgress[files[index].name]; setProgress(updatedProgress); setError(null); }; const sanitizeFileName = (fileName)=>{ return fileName.replace(/[^a-zA-Z0-9.-]/g, "_").replace(/_+/g, "_").replace(/^_|_$/g, ""); }; const uploadToAzure = async (file, tokenData)=>{ return new Promise((resolve, reject)=>{ const reader = new FileReader(); reader.onload = async ()=>{ try { const base64String = reader.result; if (!base64String || typeof base64String !== "string") { throw new Error("Failed to read file"); } const response = await fetch("/api/azure-upload", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ base64: base64String, fileName: file.name, contentType: file.type || "application/octet-stream", tokenData }) }); if (!response.ok) { const errorText = await response.text(); throw new Error(`Upload failed: ${errorText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } resolve({ url: data.url, datePrefix: data.datePrefix, originalFileName: file.name }); } catch (error) { reject(error); } }; reader.onerror = ()=>{ reject(new Error(`Failed to read file: ${file.name}`)); }; reader.onprogress = (event)=>{ if (event.lengthComputable) { const percent = Math.round(event.loaded / event.total * 25); setProgress((prev)=>({ ...prev, [file.name]: percent })); } }; reader.readAsDataURL(file); }); }; const convertDocx = async (arrayBuffer)=>{ try { const result = await window.mammoth.convertToHtml({ arrayBuffer }); // Create PDF const doc = new window.jspdf.jsPDF(); // PDF settings const pageWidth = doc.internal.pageSize.getWidth(); const pageHeight = doc.internal.pageSize.getHeight(); const margin = 20; const maxWidth = pageWidth - margin * 2; let yPosition = margin; // Create temporary div to render HTML const container = document.createElement("div"); container.innerHTML = result.value; // Simple text rendering function const renderText = (text, size = 12, style = "normal")=>{ if (!text.trim()) return; doc.setFontSize(size); doc.setFont("helvetica", style); const lines = doc.splitTextToSize(text.trim(), maxWidth); for (const line of lines){ // Add new page if needed if (yPosition > pageHeight - margin) { doc.addPage(); yPosition = margin; } doc.text(line, margin, yPosition); yPosition += size * 0.5; // Simpler line spacing calculation } yPosition += size * 0.3; // Add paragraph spacing }; // Process nodes recursively const processNode = (node)=>{ // Handle text nodes if (node.nodeType === Node.TEXT_NODE) { if (node.textContent.trim()) { renderText(node.textContent); } return; } // Handle element nodes if (node.nodeType === Node.ELEMENT_NODE) { const tagName = node.tagName.toLowerCase(); switch(tagName){ case "h1": renderText(node.textContent, 24, "bold"); break; case "h2": renderText(node.textContent, 20, "bold"); break; case "h3": renderText(node.textContent, 16, "bold"); break; case "p": renderText(node.textContent); break; case "strong": case "b": renderText(node.textContent, 12, "bold"); break; case "em": case "i": renderText(node.textContent, 12, "italic"); break; case "img": try { if (node.src && node.src.startsWith("data:")) { const imgWidth = Math.min(maxWidth, 150); const imgHeight = node.height / node.width * imgWidth; if (yPosition + imgHeight > pageHeight - margin) { doc.addPage(); yPosition = margin; } doc.addImage(node.src, "JPEG", margin, yPosition, imgWidth, imgHeight); yPosition += imgHeight + 10; } } catch (err) { console.warn("Failed to add image:", err); } break; default: // Process child nodes for other elements for (const child of node.childNodes){ processNode(child); } } } }; // Process all nodes for (const node of container.childNodes){ processNode(node); } return doc.output("arraybuffer"); } catch (error) { console.error("DOCX conversion error:", error); throw new Error(`Failed to convert DOCX: ${error.message}`); } }; const parseEmail = (emailString)=>{ // Helper function to decode quoted-printable text const decodeQuotedPrintable = (text)=>{ return text.replace(/=\r?\n/g, "").replace(/=([0-9A-F]{2})/gi, (_, hex)=>String.fromCharCode(parseInt(hex, 16))); }; // Helper function to decode base64 text const decodeBase64 = (text)=>{ try { return atob(text.replace(/[^A-Za-z0-9+/=]/g, "")); } catch (e) { console.warn("Base64 decode failed:", e); return text; } }; // Helper function to extract header value const extractHeaderValue = (line)=>{ const match = line.match(/^([^:]+):\s*(.*)$/); return match ? { name: match[1].toLowerCase(), value: match[2].trim() } : null; }; // Helper function to parse content type and boundary const parseContentType = (contentType)=>{ const type = contentType.split(";")[0].toLowerCase(); const boundaryMatch = contentType.match(/boundary="?([^";\s]+)"?/i); return { type, boundary: boundaryMatch ? `--${boundaryMatch[1]}` : null }; }; // Split email into lines const lines = emailString.split(/\r?\n/); // Initialize email object const email = { headers: {}, parts: [] }; let currentPart = { headers: {}, content: [] }; let isInHeaders = true; let boundary = null; let currentContentType = ""; let currentTransferEncoding = ""; // Process each line for(let i = 0; i < lines.length; i++){ const line = lines[i]; // Handle multipart boundaries if (boundary && line.startsWith(boundary)) { if (currentPart.content.length > 0) { email.parts.push({ ...currentPart }); } currentPart = { headers: {}, content: [] }; isInHeaders = true; continue; } // Process headers if (isInHeaders) { if (line.trim() === "") { isInHeaders = false; continue; } // Handle header continuation if (line.startsWith(" ") || line.startsWith("\t")) { const lastHeader = Object.keys(currentPart.headers).pop(); if (lastHeader) { currentPart.headers[lastHeader] += " " + line.trim(); } continue; } // Parse header const header = extractHeaderValue(line); if (header) { currentPart.headers[header.name] = header.value; // Handle special headers if (header.name === "content-type") { const { type, boundary: newBoundary } = parseContentType(header.value); currentContentType = type; if (newBoundary) boundary = newBoundary; } else if (header.name === "content-transfer-encoding") { currentTransferEncoding = header.value.toLowerCase(); } } } else { // Process content currentPart.content.push(line); } } // Add the last part if (currentPart.content.length > 0) { email.parts.push(currentPart); } // Process each part and extract text content const extractTextContent = (part)=>{ let content = part.content.join("\n"); const contentType = part.headers["content-type"] || ""; const transferEncoding = part.headers["content-transfer-encoding"] || ""; // Decode content based on transfer encoding if (transferEncoding === "quoted-printable") { content = decodeQuotedPrintable(content); } else if (transferEncoding === "base64") { content = decodeBase64(content); } // Handle different content types if (contentType.includes("text/html")) { // Strip HTML tags for plain text content = content.replace(/<[^>]+>/g, " ").replace(/ /g, " ").replace(/\s+/g, " ").trim(); } return content; }; // Extract all text content const textContent = email.parts.map((part)=>extractTextContent(part)).filter((content)=>content.trim()).join("\n\n"); // Extract email metadata const from = email.parts[0].headers["from"] || ""; const to = email.parts[0].headers["to"] || ""; const subject = email.parts[0].headers["subject"] || ""; const date = email.parts[0].headers["date"] || ""; return { from, to, subject, date, body: textContent || email.parts[0].content.join("\n") }; }; const convertEmail = async (arrayBuffer)=>{ try { // Convert arrayBuffer to string with fallback encoding let emailString; try { emailString = new TextDecoder("utf-8").decode(arrayBuffer); } catch (e) { emailString = new TextDecoder("iso-8859-1").decode(arrayBuffer); } // Parse email using our robust parser const email = parseEmail(emailString); // Create PDF const doc = new window.jspdf.jsPDF(); const pageWidth = doc.internal.pageSize.getWidth(); const margin = 20; const maxWidth = pageWidth - margin * 2; let y = margin; // Add title doc.setFont("helvetica", "bold"); doc.setFontSize(16); doc.text("Email Message", margin, y); y += 15; // Add metadata section doc.setFontSize(11); const addField = (label, value)=>{ if (!value) return; doc.setFont("helvetica", "bold"); doc.text(label, margin, y); const labelWidth = doc.getTextWidth(label); doc.setFont("helvetica", "normal"); // Handle multi-line values const lines = doc.splitTextToSize(value, maxWidth - labelWidth - 5); doc.text(lines, margin + labelWidth + 5, y); y += lines.length * 7; }; // Add email fields addField("From: ", email.from); addField("To: ", email.to); addField("Subject: ", email.subject); addField("Date: ", email.date); // Add separator line y += 5; doc.setLineWidth(0.5); doc.line(margin, y, pageWidth - margin, y); y += 10; // Add email body doc.setFont("helvetica", "normal"); doc.setFontSize(11); const bodyLines = doc.splitTextToSize(email.body, maxWidth); bodyLines.forEach((line)=>{ if (y > doc.internal.pageSize.getHeight() - margin) { doc.addPage(); y = margin; } doc.text(line, margin, y); y += 7; }); return doc.output("arraybuffer"); } catch (error) { console.error("Email conversion error:", error); throw new Error(`Failed to convert email: ${error.message}`); } }; const convertFiles = async ()=>{ if (!scriptsLoaded) { setError("Conversion tools are still loading. Please wait a moment and try again."); return; } setConverting(true); setError(null); const converted = {}; try { for (const file of files){ try { setProgress((prev)=>({ ...prev, [file.name]: 0 })); const fileType = file.name.split(".").pop().toLowerCase(); const arrayBuffer = await file.arrayBuffer(); setProgress((prev)=>({ ...prev, [file.name]: 50 })); let pdfBytes; let datePrefix; // Get file modification date or current date const fileDate = file.lastModified ? new Date(file.lastModified) : new Date(); datePrefix = fileDate.toISOString().slice(2, 10).replace(/-/g, ""); if (fileType === "jpg" || fileType === "jpeg") { const { PDFDocument } = window.PDFLib; const pdfDoc = await PDFDocument.create(); const image = await pdfDoc.embedJpg(arrayBuffer); const page = pdfDoc.addPage([ image.width, image.height ]); page.drawImage(image, { x: 0, y: 0, width: image.width, height: image.height }); pdfBytes = await pdfDoc.save(); } else if (fileType === "docx") { pdfBytes = await convertDocx(arrayBuffer); } else if (fileType === "eml" || fileType === "msg") { // For email files, try to get date from email headers let text; try { text = new TextDecoder("utf-8").decode(arrayBuffer); } catch (e) { text = new TextDecoder("iso-8859-1").decode(arrayBuffer); } const emailData = parseEmail(text); if (emailData.date) { const emailDate = new Date(emailData.date); if (!isNaN(emailDate.getTime())) { datePrefix = emailDate.toISOString().slice(2, 10).replace(/-/g, ""); } } pdfBytes = await convertEmail(arrayBuffer); } else { // Handle text files let text; try { text = new TextDecoder("utf-8").decode(arrayBuffer); } catch (e) { text = new TextDecoder("iso-8859-1").decode(arrayBuffer); } const doc = new window.jspdf.jsPDF(); doc.setFont("helvetica"); doc.setFontSize(11); const pageWidth = doc.internal.pageSize.getWidth(); const margin = 20; const maxLineWidth = pageWidth - margin * 2; const splitText = doc.splitTextToSize(text, maxLineWidth); let yPosition = 20; const lineHeight = 7; splitText.forEach((line)=>{ if (yPosition > 270) { doc.addPage(); yPosition = 20; } doc.text(line, margin, yPosition); yPosition += lineHeight; }); pdfBytes = doc.output("arraybuffer"); } setProgress((prev)=>({ ...prev, [file.name]: 75 })); // Convert to base64 const pdfBase64 = await new Promise((resolve)=>{ const reader = new FileReader(); reader.onload = ()=>resolve(reader.result); reader.readAsDataURL(new Blob([ pdfBytes ], { type: "application/pdf" })); }); setProgress((prev)=>({ ...prev, [file.name]: 100 })); // Store both the PDF data and the date prefix converted[file.name] = { data: pdfBase64, datePrefix: datePrefix }; } catch (err) { console.error("Conversion error:", err); setError(`Error processing ${file.name}: ${err.message}`); setProgress((prev)=>{ const newProgress = { ...prev }; delete newProgress[file.name]; return newProgress; }); } } } finally{ setConverting(false); } setConvertedFiles(converted); // Trigger downloads Object.entries(converted).forEach(([fileName, fileData])=>{ const link = document.createElement("a"); link.href = fileData.data; const baseName = fileName.replace(/\.[^/.]+$/, ""); link.download = `${fileData.datePrefix}_${baseName}.pdf`; document.body.appendChild(link); link.click(); document.body.removeChild(link); }); }; const getFileIcon = (fileName)=>{ const extension = fileName.split(".").pop().toLowerCase(); switch(extension){ case "eml": return "fa-envelope"; case "msg": return "fa-envelope-square"; case "docx": return "fa-file-word"; case "txt": return "fa-file-alt"; case "jpg": case "jpeg": return "fa-file-image"; case "pdf": return "fa-file-pdf"; default: return "fa-file"; } }; const getFileIconColor = (fileName)=>{ const extension = fileName.split(".").pop().toLowerCase(); switch(extension){ case "eml": case "msg": return "text-yellow-500"; case "docx": return "text-blue-600"; case "txt": return "text-gray-600"; case "jpg": case "jpeg": return "text-green-500"; case "pdf": return "text-red-500"; default: return "text-gray-500"; } }; const fileInputRef = React.useRef(null); const handleDropZoneClick = ()=>{ fileInputRef.current?.click(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 p-8", __source: { fileName: "", lineNumber: 764, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 765, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-12", __source: { fileName: "", lineNumber: 766, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/46a0b4a0-1167-4b0f-ba40-69cf79b28424/-/format/auto/", alt: "Lloyd PDF Converter", className: "h-12 mr-8", __source: { fileName: "", lineNumber: 767, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 772, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 773, columnNumber: 13 }, __self: this }, "Convert your documents and emails to PDF format"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mb-12", __source: { fileName: "", lineNumber: 779, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 780, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload text-blue-400 text-2xl mb-4", __source: { fileName: "", lineNumber: 781, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 782, columnNumber: 13 }, __self: this }, "1. Upload Files"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 785, columnNumber: 13 }, __self: this }, "Drag and drop your files or click to select. We support documents, images, and email files.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 790, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic text-purple-400 text-2xl mb-4", __source: { fileName: "", lineNumber: 791, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 792, columnNumber: 13 }, __self: this }, "2. Convert"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 795, columnNumber: 13 }, __self: this }, "Click convert and we'll process your files into high-quality PDFs using Adobe PDF Services.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 800, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-green-400 text-2xl mb-4", __source: { fileName: "", lineNumber: 801, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 802, columnNumber: 13 }, __self: this }, "3. Download"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 805, columnNumber: 13 }, __self: this }, "Download your converted PDFs instantly. Each file is processed securely."))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 812, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 813, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: handleDropZoneClick, onDragEnter: handleDrag, onDragLeave: handleDrag, onDragOver: handleDrag, onDrop: handleDrop, className: `relative block w-full ${dragActive ? "border-blue-400 bg-gray-700" : "border-gray-600 bg-gray-700"} border-2 border-dashed rounded-lg p-8 text-center cursor-pointer hover:bg-gray-700 transition-colors`, __source: { fileName: "", lineNumber: 814, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: ".docx,.txt,.jpg,.jpeg,.eml,.msg", onChange: handleFileUpload, className: "hidden", name: "files", __source: { fileName: "", lineNumber: 826, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-4xl text-blue-400 mb-4", __source: { fileName: "", lineNumber: 835, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-white text-lg mb-4", __source: { fileName: "", lineNumber: 836, columnNumber: 15 }, __self: this }, dragActive ? "Drop files here" : "Drop files here or click to upload"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 841, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 842, columnNumber: 17 }, __self: this }, "Supported formats:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 843, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 bg-gray-700 rounded p-2", __source: { fileName: "", lineNumber: 844, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-word text-blue-400", __source: { fileName: "", lineNumber: 845, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 846, columnNumber: 21 }, __self: this }, "DOCX (100MB)")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 bg-gray-700 rounded p-2", __source: { fileName: "", lineNumber: 848, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-gray-400", __source: { fileName: "", lineNumber: 849, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 850, columnNumber: 21 }, __self: this }, "TXT (100MB)")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 bg-gray-700 rounded p-2", __source: { fileName: "", lineNumber: 852, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-image text-green-400", __source: { fileName: "", lineNumber: 853, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 854, columnNumber: 21 }, __self: this }, "JPG/JPEG")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 bg-gray-700 rounded p-2", __source: { fileName: "", lineNumber: 856, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-yellow-400", __source: { fileName: "", lineNumber: 857, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 858, columnNumber: 21 }, __self: this }, "EML (100MB)")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 bg-gray-700 rounded p-2", __source: { fileName: "", lineNumber: 860, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope-square text-yellow-400", __source: { fileName: "", lineNumber: 861, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 862, columnNumber: 21 }, __self: this }, "MSG (100MB)"))), /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-sm", __source: { fileName: "", lineNumber: 865, columnNumber: 17 }, __self: this }, "Maximum 10 files, 100MB per file")))), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-900/50 border border-red-500/50 rounded-lg", __source: { fileName: "", lineNumber: 871, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 872, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mr-2", __source: { fileName: "", lineNumber: 873, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-red-400 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 874, columnNumber: 17 }, __self: this }, error))), files.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 880, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-white font-roboto", __source: { fileName: "", lineNumber: 881, columnNumber: 15 }, __self: this }, "Uploaded Files"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 884, columnNumber: 15 }, __self: this }, files.map((file, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 886, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 887, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 888, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${getFileIcon(file.name)} ${getFileIconColor(file.name)} mr-3 text-lg`, __source: { fileName: "", lineNumber: 889, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-200", __source: { fileName: "", lineNumber: 894, columnNumber: 25 }, __self: this }, file.name)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeFile(index), className: "text-red-400 hover:text-red-300", __source: { fileName: "", lineNumber: 896, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 900, columnNumber: 25 }, __self: this }))), progress[file.name] !== undefined && /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-600 rounded-full h-2", __source: { fileName: "", lineNumber: 904, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-400 h-2 rounded-full transition-all duration-300", style: { width: `${progress[file.name]}%` }, __source: { fileName: "", lineNumber: 905, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("button", { onClick: convertFiles, disabled: converting, className: "mt-6 bg-blue-500 text-white px-8 py-3 rounded-lg hover:bg-blue-600 disabled:bg-gray-600 disabled:cursor-not-allowed flex items-center justify-center w-full", __source: { fileName: "", lineNumber: 915, columnNumber: 15 }, __self: this }, converting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 922, columnNumber: 21 }, __self: this }), "Converting...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf mr-2", __source: { fileName: "", lineNumber: 927, columnNumber: 21 }, __self: this }), "Convert to PDF"))), Object.keys(convertedFiles).length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 936, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-white font-roboto", __source: { fileName: "", lineNumber: 937, columnNumber: 15 }, __self: this }, "Converted Files"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 940, columnNumber: 15 }, __self: this }, Object.entries(convertedFiles).map(([fileName, fileData])=>{ const baseName = fileName.replace(/\.[^/.]+$/, ""); const pdfName = `${fileData.datePrefix}_${baseName}.pdf`; return /*#__PURE__*/ React.createElement("div", { key: fileName, className: "flex items-center justify-between bg-gray-700 p-4 rounded-lg", __source: { fileName: "", lineNumber: 945, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 949, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-red-400 mr-3 text-lg", __source: { fileName: "", lineNumber: 950, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-200", __source: { fileName: "", lineNumber: 951, columnNumber: 25 }, __self: this }, pdfName)), /*#__PURE__*/ React.createElement("a", { href: fileData.data, download: pdfName, className: "text-blue-400 hover:text-blue-300", title: "Download PDF", __source: { fileName: "", lineNumber: 953, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 959, columnNumber: 25 }, __self: this }))); })))))); }