function SubscriptionUpsell({ redirectURL, onClose }) { const [loading, setLoading] = useState(false); const { data: user, loading: userLoading } = useUser(); const creditPackage = { credits: 500, price: 20, id: "price_500" }; const handleCheckout = async (priceId)=>{ if (!userLoading && user) { setLoading(true); try { const fullRedirectURL = redirectURL.startsWith("http") ? redirectURL : `${window.location.origin}${redirectURL}`; const response = await fetch("/api/stripe-checkout-link", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ redirectURL: fullRedirectURL, priceId }) }); const data = await response.json(); if (data.url) { window.location.href = data.url; } } catch (error) { setLoading(false); } } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-xl border border-[#2A2A2A] p-6 max-w-lg mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-white font-medium", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Buy Email Credits"), onClose && /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "text-[#A4A4A4] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151515] rounded-lg p-6 border border-[#4A9EFF] transition-all duration-200 hover:transform hover:translate-y-[-4px]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl text-white font-medium mb-1", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, creditPackage.credits.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-[#A4A4A4]", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "credits")), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-white", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "$", creditPackage.price), /*#__PURE__*/ React.createElement("div", { className: "text-[#A4A4A4] text-sm", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "$", (creditPackage.price / creditPackage.credits).toFixed(2), " per credit")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCheckout(creditPackage.id), disabled: loading || userLoading, className: "w-full px-4 py-2 rounded bg-[#4A9EFF] hover:bg-[#3A8EEF] text-white transition-colors font-medium disabled:opacity-50", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, loading || userLoading ? "Processing..." : user ? "Buy Now" : "Sign in to Purchase")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center text-[#A4A4A4] text-sm", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }), "Secure payment powered by Stripe")); } function SubscriptionUpsellStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#151515] min-h-screen", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SubscriptionUpsell, { redirectURL: "/account", onClose: ()=>console.log("close clicked"), __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this })); } function Button({ text, keyboardCommand, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "inline-flex items-center justify-center px-4 py-2 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded-lg hover:bg-[#2A2A2A] transition-colors duration-200", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, text), keyboardCommand && /*#__PURE__*/ React.createElement("span", { className: "ml-2 px-1.5 py-0.5 text-xs bg-[#2A2A2A] text-white rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, keyboardCommand)); } function ButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { text: "Click me", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: "Save", keyboardCommand: "⌘S", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: "Open", keyboardCommand: "⌘O", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [user, setUser] = useState(null); const [projects, setProjects] = useState([]); const [selectedProject, setSelectedProject] = useState(null); const [emails, setEmails] = useState([]); const [newProjectName, setNewProjectName] = useState(""); const [loading, setLoading] = useState(false); const [newEmail, setNewEmail] = useState(""); const [validating, setValidating] = useState(false); const [showStats, setShowStats] = useState(false); const [emailError, setEmailError] = useState(""); const [unsavedEmails, setUnsavedEmails] = useState([]); const [validatingEmail, setValidatingEmail] = useState(null); const [projectToDelete, setProjectToDelete] = useState(null); const [credits, setCredits] = useState(0); const [showCreditModal, setShowCreditModal] = useState(false); const [showSubscriptionModal, setShowSubscriptionModal] = useState(false); useEffect(()=>{ // Simulate fetching user data const fetchUser = async ()=>{ try { // Simulate an API call to fetch user data const userData = await new Promise((resolve)=>setTimeout(()=>resolve({ id: "user123", name: "John Doe" }), 1000)); setUser(userData); } catch (error) { console.error("Failed to fetch user data"); } }; fetchUser(); }, []); useEffect(()=>{ if (user) { loadProjects(); loadCredits(); } }, [ user ]); useEffect(()=>{ if (selectedProject) { loadProjectEmails(); } }, [ selectedProject ]); const loadCredits = async ()=>{ const currentCredits = await checkCredits(); setCredits(currentCredits); }; const loadProjects = async ()=>{ setLoading(true); try { const response = await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: ` SELECT p.*, COUNT(e.id) as email_count FROM projects p LEFT JOIN emails e ON p.id = e.project_id WHERE p.user_id = ? GROUP BY p.id `, values: [ user.id ] }) }); const data = await response.json(); setProjects(data.map((project)=>({ ...project, emailCount: parseInt(project.email_count) || 0 })) || []); } catch (error) { console.error("Failed to load projects"); } setLoading(false); }; const loadProjectEmails = async ()=>{ try { const response = await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT * FROM `emails` WHERE `project_id` = ? ORDER BY `id` DESC", values: [ selectedProject.id ] }) }); const data = await response.json(); setEmails(data || []); } catch (error) { console.error("Failed to load emails"); } }; const validateEmail = async (email)=>{ try { const response = await fetch("/api/never-bounce", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await response.json(); if (data.isValid) { await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "UPDATE user_accounts SET credits = credits - 1 WHERE id = ?", values: [ user.id ] }) }); await loadCredits(); } return data.isValid ? "valid" : "invalid"; } catch (error) { return "invalid"; } }; const checkCredits = async ()=>{ try { const response = await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT credits FROM user_accounts WHERE id = ?", values: [ user.id ] }) }); const data = await response.json(); return data[0]?.credits || 0; } catch (error) { console.error("Failed to check credits"); return 0; } }; const addEmails = ()=>{ if (!newEmail || !selectedProject) return; const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const emailList = newEmail.split(/[,\n]/).map((email)=>email.trim()).filter((email)=>{ if (!email) return false; if (!emailRegex.test(email)) { setEmailError(`Invalid email format: ${email}`); return false; } return true; }).map((email)=>({ email, status: "pending" })); if (emailList.length === 0) return; setUnsavedEmails((prev)=>[ ...emailList, ...prev ]); setNewEmail(""); setEmailError(""); }; const validateEmails = async ()=>{ if (unsavedEmails.length === 0) return; const currentCredits = await checkCredits(); if (currentCredits < unsavedEmails.length) { setShowCreditModal(true); return; } setValidating(true); try { for (const emailObj of unsavedEmails){ setValidatingEmail(emailObj.email); const status = await validateEmail(emailObj.email); await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "INSERT INTO `emails` (`project_id`, `email`, `status`) VALUES (?, ?, ?)", values: [ selectedProject.id, emailObj.email, status ] }) }); setEmails((prev)=>[ { email: emailObj.email, status }, ...prev ]); setUnsavedEmails((prev)=>prev.filter((e)=>e.email !== emailObj.email)); } loadProjects(); } catch (error) { console.error("Failed to validate or save emails"); } finally{ setValidating(false); setValidatingEmail(null); } }; const clearPendingEmails = ()=>{ setUnsavedEmails([]); setEmailError(""); }; const handleFileUpload = (event)=>{ const file = event.target.files[0]; if (!file || !selectedProject) return; const reader = new FileReader(); reader.onload = (e)=>{ const text = e.target.result; const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; let emails; if (file.name.endsWith(".csv")) { const lines = text.split("\n"); const headerRow = lines[0].toLowerCase(); const emailColumnIndex = headerRow.split(",").findIndex((col)=>col.trim() === "email" || col.includes("email") || col.includes("e-mail")); if (emailColumnIndex === -1) { emails = lines.map((line)=>line.split(",")[0].trim()); } else { emails = lines.slice(1).map((line)=>line.split(",")[emailColumnIndex].trim()); } } else { emails = text.split(/[\n,]/).map((email)=>email.trim()); } const validEmails = emails.filter((email)=>email && emailRegex.test(email)).map((email)=>({ email, status: "pending" })); if (validEmails.length > 0) { setUnsavedEmails((prev)=>[ ...validEmails, ...prev ]); } }; reader.readAsText(file); }; const createProject = async ()=>{ if (newProjectName.trim() && user) { try { const response = await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "INSERT INTO `projects` (`name`, `user_id`) VALUES (?, ?)", values: [ newProjectName, user.id ] }) }); const result = await response.json(); const newProject = { id: result.insertId, name: newProjectName, user_id: user.id, emailCount: 0 }; setProjects((prev)=>[ ...prev, newProject ]); setNewProjectName(""); } catch (error) { console.error("Failed to create project"); } } }; const deleteProject = async (projectId)=>{ try { await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "DELETE FROM `emails` WHERE `project_id` = ?", values: [ projectId ] }) }); await fetch("/api/db/email-verification-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "DELETE FROM `projects` WHERE `id` = ? AND `user_id` = ?", values: [ projectId, user.id ] }) }); setProjects((prev)=>prev.filter((p)=>p.id !== projectId)); if (selectedProject?.id === projectId) { setSelectedProject(null); setEmails([]); } } catch (error) { console.error("Failed to delete project"); } }; const exportCSV = ()=>{ if (emails.length === 0) return; const csvContent = "data:text/csv;charset=utf-8," + "Email,Status\n" + emails.map((item)=>`${item.email},${item.status}`).join("\n"); const encodedUri = encodeURI(csvContent); const link = document.createElement("a"); link.setAttribute("href", encodedUri); link.setAttribute("download", `${selectedProject.name}_emails.csv`); document.body.appendChild(link); link.click(); document.body.removeChild(link); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#151515] font-open-sans text-white", __source: { fileName: "", lineNumber: 330, columnNumber: 5 }, __self: this }, projectToDelete && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-80 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 332, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-6 max-w-sm w-full border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 333, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg text-white mb-2", __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }, "Delete Project?"), /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4] mb-6", __source: { fileName: "", lineNumber: 335, columnNumber: 13 }, __self: this }, 'Are you sure you want to delete "', projectToDelete.name, '"? This action cannot be undone.'), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setProjectToDelete(null), className: "px-4 py-2 text-[#A4A4A4] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 340, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ deleteProject(projectToDelete.id); setProjectToDelete(null); }, className: "px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, "Delete Project")))), showCreditModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-80 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 360, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-6 max-w-sm w-full border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 361, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg text-white mb-2", __source: { fileName: "", lineNumber: 362, columnNumber: 13 }, __self: this }, "Insufficient Credits"), /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4] mb-6", __source: { fileName: "", lineNumber: 363, columnNumber: 13 }, __self: this }, "You need ", unsavedEmails.length, " credits to verify these emails, but you only have ", credits, " credits. Purchase more credits to continue."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3", __source: { fileName: "", lineNumber: 368, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreditModal(false), className: "px-4 py-2 text-[#A4A4A4] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("a", { href: "/credits", className: "px-4 py-2 bg-[#FFFFFF] text-[#1E1E1E] rounded hover:bg-[#F5F5F5] transition-colors", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, "Purchase Credits")))), showSubscriptionModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-80 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 386, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(SubscriptionUpsell, { redirectURL: "/dashboard", onClose: ()=>setShowSubscriptionModal(false), __source: { fileName: "", lineNumber: 387, columnNumber: 11 }, __self: this })), user && /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1E1E1E] border-b border-[#2A2A2A]", __source: { fileName: "", lineNumber: 394, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 395, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 396, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope-open text-2xl text-white", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-white", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, "Email Verifier")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 401, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#A4A4A4] px-3 py-2 rounded text-sm flex items-center", __source: { fileName: "", lineNumber: 402, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins mr-2", __source: { fileName: "", lineNumber: 403, columnNumber: 19 }, __self: this }), credits, " Credits"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSubscriptionModal(true), className: "text-[#A4A4A4] hover:text-white px-3 py-2 rounded text-sm flex items-center transition-colors", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-2", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }), "Manage Credits"), /*#__PURE__*/ React.createElement("div", { className: "w-px h-6 bg-[#2A2A2A]", __source: { fileName: "", lineNumber: 413, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-[#A4A4A4] hover:text-white px-3 py-2 rounded text-sm flex items-center transition-colors", __source: { fileName: "", lineNumber: 414, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }), "Sign Out"))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-8", __source: { fileName: "", lineNumber: 426, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 427, columnNumber: 9 }, __self: this }, !user ? /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-12 text-center border border-[#2A2A2A] mt-8", __source: { fileName: "", lineNumber: 429, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 430, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope-open text-6xl text-white mb-4", __source: { fileName: "", lineNumber: 431, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-white mb-2", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, "Email Verification Tool"), /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4] text-lg mb-8", __source: { fileName: "", lineNumber: 435, columnNumber: 17 }, __self: this }, "Sign in to manage your email verification projects")), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "inline-flex items-center px-8 py-3 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded hover:bg-[#2A2A2A] transition-colors", __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }), "Sign In")) : /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 448, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-80", __source: { fileName: "", lineNumber: 449, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-6 border border-[#2A2A2A] transition-all duration-200 sticky top-4", __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-white mb-6", __source: { fileName: "", lineNumber: 451, columnNumber: 19 }, __self: this }, "Projects"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-6", __source: { fileName: "", lineNumber: 452, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "New Project Name", className: "flex-1 px-4 py-3 bg-[#151515] border border-[#2A2A2A] rounded text-white placeholder-[#A4A4A4] focus:outline-none focus:border-white transition-colors", value: newProjectName, onChange: (e)=>setNewProjectName(e.target.value), __source: { fileName: "", lineNumber: 453, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: createProject, className: "px-4 py-3 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded hover:bg-[#2A2A2A] transition-colors", __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 464, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-[calc(100vh-200px)] overflow-y-auto", __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-2", __source: { fileName: "", lineNumber: 469, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-16 bg-[#151515] rounded", __source: { fileName: "", lineNumber: 470, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-16 bg-[#151515] rounded", __source: { fileName: "", lineNumber: 471, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-16 bg-[#151515] rounded", __source: { fileName: "", lineNumber: 472, columnNumber: 25 }, __self: this })) : projects.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#A4A4A4] py-8", __source: { fileName: "", lineNumber: 475, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder-open text-4xl mb-4", __source: { fileName: "", lineNumber: 476, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 477, columnNumber: 25 }, __self: this }, "No projects yet")) : projects.map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: `relative group rounded transition-all duration-200 ${selectedProject?.id === project.id ? "bg-[#2A2A2A]" : "hover:bg-[#1E1E1E]"}`, __source: { fileName: "", lineNumber: 481, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedProject(project), className: "w-full text-left p-4", __source: { fileName: "", lineNumber: 489, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-white", __source: { fileName: "", lineNumber: 493, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-folder mr-2", __source: { fileName: "", lineNumber: 494, columnNumber: 31 }, __self: this }), project.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm mt-1 text-[#A4A4A4]", __source: { fileName: "", lineNumber: 497, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope-open mr-2", __source: { fileName: "", lineNumber: 498, columnNumber: 31 }, __self: this }), project.emailCount || 0, " emails")), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); setProjectToDelete(project); }, className: "absolute right-2 top-2 p-2 rounded opacity-0 group-hover:opacity-100 transition-opacity text-[#A4A4A4] hover:text-white", __source: { fileName: "", lineNumber: 502, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 509, columnNumber: 29 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 518, columnNumber: 15 }, __self: this }, !selectedProject ? /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-8 border border-[#2A2A2A] flex flex-col items-center justify-center h-64", __source: { fileName: "", lineNumber: 520, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4] mb-4 text-lg", __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }, "Select or create a project to get started"), /*#__PURE__*/ React.createElement("div", { className: "w-64", __source: { fileName: "", lineNumber: 524, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "New Project Name", className: "w-full px-4 py-2 bg-[#151515] border border-[#2A2A2A] rounded text-white placeholder-[#A4A4A4] mb-2 focus:outline-none focus:border-white transition-colors", value: newProjectName, onChange: (e)=>setNewProjectName(e.target.value), onKeyPress: (e)=>e.key === "Enter" && createProject(), __source: { fileName: "", lineNumber: 525, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: "Create Project", onClick: createProject, __source: { fileName: "", lineNumber: 533, columnNumber: 23 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-lg p-6 border border-[#2A2A2A] transition-all duration-200", __source: { fileName: "", lineNumber: 537, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 538, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 539, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-1", __source: { fileName: "", lineNumber: 540, columnNumber: 25 }, __self: this }, selectedProject.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4]", __source: { fileName: "", lineNumber: 543, columnNumber: 25 }, __self: this }, "Email Verification Project")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 547, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: exportCSV, className: "px-4 py-2 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded hover:bg-[#2A2A2A] transition-colors inline-flex items-center", disabled: emails.length === 0, __source: { fileName: "", lineNumber: 548, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 553, columnNumber: 27 }, __self: this }), "Export CSV"))), /*#__PURE__*/ React.createElement("div", { className: "border border-[#2A2A2A] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 558, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#151515] border-b border-[#2A2A2A]", __source: { fileName: "", lineNumber: 559, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-3", __source: { fileName: "", lineNumber: 560, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "Add multiple emails (one per line or comma-separated)", className: "w-full px-4 py-3 bg-[#1E1E1E] border border-[#2A2A2A] rounded text-white placeholder-[#A4A4A4] focus:outline-none focus:border-white transition-colors min-h-[100px] resize-y", value: newEmail, onChange: (e)=>{ setNewEmail(e.target.value); setEmailError(""); }, onKeyDown: (e)=>{ if (e.key === "Enter" && e.metaKey) { e.preventDefault(); addEmails(); } }, __source: { fileName: "", lineNumber: 561, columnNumber: 27 }, __self: this }), emailError && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm flex items-center", __source: { fileName: "", lineNumber: 577, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 578, columnNumber: 31 }, __self: this }), emailError), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 582, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#A4A4A4]", __source: { fileName: "", lineNumber: 583, columnNumber: 29 }, __self: this }, "Press ⌘+Enter to add emails"), /*#__PURE__*/ React.createElement(Button, { text: "Add Emails", onClick: addEmails, __source: { fileName: "", lineNumber: 586, columnNumber: 29 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-[#2A2A2A]", __source: { fileName: "", lineNumber: 590, columnNumber: 23 }, __self: this }, emails.length === 0 && unsavedEmails.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "p-12 text-center", __source: { fileName: "", lineNumber: 592, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "px-6 py-3 bg-[#FFFFFF] text-[#1E1E1E] rounded hover:bg-[#F5F5F5] cursor-pointer inline-flex items-center mb-4 transition-colors", __source: { fileName: "", lineNumber: 593, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-upload mr-2", __source: { fileName: "", lineNumber: 594, columnNumber: 31 }, __self: this }), "Upload CSV File", /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".csv,.txt", className: "hidden", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 596, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#A4A4A4] mt-4", __source: { fileName: "", lineNumber: 603, columnNumber: 29 }, __self: this }, "or type individual emails above")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#151515] border-b border-[#2A2A2A] flex justify-between items-center", __source: { fileName: "", lineNumber: 609, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#A4A4A4]", __source: { fileName: "", lineNumber: 610, columnNumber: 31 }, __self: this }, emails.length + unsavedEmails.length, " total emails"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 614, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "px-4 py-2 bg-[#FFFFFF] text-[#1E1E1E] rounded hover:bg-[#F5F5F5] cursor-pointer inline-flex items-center text-sm transition-colors", __source: { fileName: "", lineNumber: 615, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-upload mr-2", __source: { fileName: "", lineNumber: 616, columnNumber: 35 }, __self: this }), "Upload CSV", /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".csv,.txt", className: "hidden", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 618, columnNumber: 35 }, __self: this })), unsavedEmails.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: clearPendingEmails, className: "px-4 py-2 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded hover:bg-[#2A2A2A] inline-flex items-center text-sm transition-colors", __source: { fileName: "", lineNumber: 627, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-2", __source: { fileName: "", lineNumber: 631, columnNumber: 39 }, __self: this }), "Clear Pending"), /*#__PURE__*/ React.createElement("button", { onClick: validateEmails, disabled: validating, className: "px-4 py-2 bg-[#FFFFFF] text-[#1E1E1E] rounded hover:bg-[#F5F5F5] inline-flex items-center disabled:opacity-50 text-sm transition-colors font-medium", __source: { fileName: "", lineNumber: 634, columnNumber: 37 }, __self: this }, validating ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 640, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 641, columnNumber: 43 }, __self: this }), "Validating...") : /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 645, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-double mr-2", __source: { fileName: "", lineNumber: 646, columnNumber: 43 }, __self: this }), "Validate ", unsavedEmails.length, " Emails"))))), unsavedEmails.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: `unsaved-${index}`, className: `flex items-center p-4 transition-all duration-200 ${validatingEmail === item.email ? "bg-[#2A2A2A]" : "hover:bg-[#1E1E1E]"}`, __source: { fileName: "", lineNumber: 656, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex-1 text-white", __source: { fileName: "", lineNumber: 664, columnNumber: 33 }, __self: this }, item.email), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1.5 rounded text-sm flex items-center bg-[#1E1E1E] border border-[#2A2A2A] text-white", __source: { fileName: "", lineNumber: 667, columnNumber: 33 }, __self: this }, validatingEmail === item.email ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 670, columnNumber: 39 }, __self: this }), "Validating...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 675, columnNumber: 39 }, __self: this }), "Pending")))), emails.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: `saved-${index}`, className: "flex items-center p-4 hover:bg-[#1E1E1E] transition-all duration-200", __source: { fileName: "", lineNumber: 683, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex-1 text-white", __source: { fileName: "", lineNumber: 687, columnNumber: 33 }, __self: this }, item.email), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1.5 rounded text-sm flex items-center ${item.status === "valid" ? "bg-[#1E1E1E] border border-green-500 text-green-500" : "bg-[#1E1E1E] border border-red-500 text-red-500"}`, __source: { fileName: "", lineNumber: 690, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.status === "valid" ? "check" : "times"} mr-2`, __source: { fileName: "", lineNumber: 697, columnNumber: 35 }, __self: this }), item.status))))))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 719, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .hover-pulse:hover { animation: pulse 1s infinite; } `)); }