function MainComponent() { const [isAuthenticated, setIsAuthenticated] = useState(false); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [query, setQuery] = useState(""); const [leads, setLeads] = useState([]); const [loading, setLoading] = useState(false); const [showEmailModal, setShowEmailModal] = useState(false); const [emailSubject, setEmailSubject] = useState(""); const [emailBody, setEmailBody] = useState(""); const [emailAddresses, setEmailAddresses] = useState({}); const findEmailInText = (text)=>{ const emailRegex = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g; const matches = text.match(emailRegex); return matches ? matches : []; }; const searchBusinessEmail = async (lead)=>{ try { const emails = new Set(); // First try website domain-based search if (lead.website) { const domain = new URL(lead.website).hostname.replace("www.", ""); const domainResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(`"@${domain}" contact email ${lead.name}`)}`); const domainData = await domainResponse.json(); for (const item of domainData.items || []){ const foundEmails = findEmailInText(item.snippet || ""); foundEmails.forEach((email)=>{ if (email.includes(domain)) { emails.add(email); } }); } } // Then try name + location based search const searchQuery = `${lead.name} ${lead.full_address} contact email`; const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`); const data = await response.json(); for (const item of data.items || []){ const foundEmails = findEmailInText(item.snippet || ""); foundEmails.forEach((email)=>emails.add(email)); } return Array.from(emails).join(", ") || null; } catch (error) { console.error("Error searching for email:", error); return null; } }; const handleSearch = useCallback(async ()=>{ setLoading(true); setLeads([]); setEmailAddresses({}); try { const response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(query)}&limit=50&fields=business_id,name,full_address,phone_number,website,rating,review_count`); const data = await response.json(); const businessData = data.data || []; setLeads(businessData); setLoading(false); // Process emails in parallel with a concurrency limit const concurrencyLimit = 3; const chunks = []; for(let i = 0; i < businessData.length; i += concurrencyLimit){ chunks.push(businessData.slice(i, i + concurrencyLimit)); } for (const chunk of chunks){ const emailPromises = chunk.map(async (lead)=>{ const email = await searchBusinessEmail(lead); setEmailAddresses((prev)=>({ ...prev, [lead.business_id]: email })); return { [lead.business_id]: email }; }); await Promise.all(emailPromises); } } catch (error) { console.error(error); setLoading(false); } }, [ query ]); const handleBulkEmail = useCallback(()=>{ const allEmails = []; Object.values(emailAddresses).forEach((emailString)=>{ if (emailString) { const emails = emailString.split(", "); allEmails.push(...emails); } }); if (allEmails.length === 0) { alert("No valid email addresses found"); return; } const mailtoLink = `mailto:?bcc=${allEmails.join(",")}&subject=${encodeURIComponent(emailSubject)}&body=${encodeURIComponent(emailBody)}`; if (mailtoLink.length > 2000) { alert("Too many email addresses for a single email. Please select fewer businesses."); return; } window.location.href = mailtoLink; setShowEmailModal(false); }, [ emailAddresses, emailSubject, emailBody ]); const handleLogin = (e)=>{ e.preventDefault(); if (password === "sales001!") { setIsAuthenticated(true); setError(""); } else { setError("Invalid password"); } }; if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#000000]", __source: { fileName: "", lineNumber: 132, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/e612fd8e-7c05-4418-99cf-a59d531a375c/-/format/auto/", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] p-8 rounded-lg shadow-[0_0_20px_#00ff00] border-2 border-[#00ff00] w-full max-w-md", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#00ff00] mb-8 text-center", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Sales Lead Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-6", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#00ff00] text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full p-3 border-2 border-[#00ff00] rounded-lg bg-black text-[#00ff00] focus:ring-2 focus:ring-[#00ff00] focus:border-transparent", placeholder: "Enter password", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this })), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 158, columnNumber: 25 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] py-3 px-6 rounded-lg text-lg font-semibold hover:bg-[#00ff00] hover:text-black transform hover:scale-[1.02] transition-all duration-200 shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "Login")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#111111] text-[#00ff00] py-6 text-center text-sm shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }), "Powered by Five Stars App Solutions AI Builder")); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#000000]", __source: { fileName: "", lineNumber: 178, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/e612fd8e-7c05-4418-99cf-a59d531a375c/-/format/auto/", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 186, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#00ff00] font-roboto", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, "Sales Lead Generator"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/new-businesses", className: "bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] py-2 px-4 rounded-lg font-semibold hover:bg-[#00ff00] hover:text-black transform hover:scale-[1.02] transition-all duration-200 shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, "New Business Tracker"), /*#__PURE__*/ React.createElement("a", { href: "/business-lookup-tool", className: "bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] py-2 px-4 rounded-lg font-semibold hover:bg-[#00ff00] hover:text-black transform hover:scale-[1.02] transition-all duration-200 shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, "Business Lookup Tool"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#00ff00] mb-8 font-roboto text-center glow", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, "Sales Lead Generator"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] backdrop-blur-sm rounded-lg shadow-xl p-8 mb-8 border border-[#00ff00]", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-[#00ff00] mb-2", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Search Businesses"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "query", className: "w-full p-3 border-2 border-[#00ff00] rounded-lg focus:ring-2 focus:ring-[#00ff00] focus:border-transparent bg-black text-[#00ff00] placeholder-[#00ff00]/50", placeholder: "e.g. Plumbers in New York, Restaurants in San Francisco", value: query, onChange: (e)=>setQuery(e.target.value), __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: loading || !query, className: "w-full bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] py-3 px-6 rounded-lg text-lg font-semibold hover:bg-[#00ff00] hover:text-black disabled:opacity-50 transform hover:scale-[1.02] transition-all duration-200 shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, loading ? "Searching..." : "Find Leads")), leads.length > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowEmailModal(true), className: "bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] py-3 px-6 rounded-lg text-lg font-semibold hover:bg-[#00ff00] hover:text-black transform hover:scale-[1.02] transition-all duration-200 shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }), "Bulk Email")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] backdrop-blur-sm rounded-lg shadow-xl overflow-hidden border border-[#00ff00]", __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-[#00ff00]", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#111111]", __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 249, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-semibold text-[#00ff00] uppercase tracking-wider", __source: { fileName: "", lineNumber: 250, columnNumber: 25 }, __self: this }, "Business"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-semibold text-[#00ff00] uppercase tracking-wider", __source: { fileName: "", lineNumber: 253, columnNumber: 25 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-semibold text-[#00ff00] uppercase tracking-wider", __source: { fileName: "", lineNumber: 256, columnNumber: 25 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-semibold text-[#00ff00] uppercase tracking-wider", __source: { fileName: "", lineNumber: 259, columnNumber: 25 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-semibold text-[#00ff00] uppercase tracking-wider", __source: { fileName: "", lineNumber: 262, columnNumber: 25 }, __self: this }, "Rating"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-[#111111] divide-y divide-[#00ff00]/30", __source: { fileName: "", lineNumber: 267, columnNumber: 21 }, __self: this }, leads.map((lead)=>/*#__PURE__*/ React.createElement("tr", { key: lead.business_id, __source: { fileName: "", lineNumber: 269, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-sm text-[#00ff00]", __source: { fileName: "", lineNumber: 270, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: lead.website, target: "_blank", rel: "noopener noreferrer", className: "hover:text-[#00ff00]/80", __source: { fileName: "", lineNumber: 271, columnNumber: 29 }, __self: this }, lead.name)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-sm text-[#00ff00]", __source: { fileName: "", lineNumber: 280, columnNumber: 27 }, __self: this }, lead.full_address), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-sm text-[#00ff00]", __source: { fileName: "", lineNumber: 283, columnNumber: 27 }, __self: this }, emailAddresses[lead.business_id] || "Searching..."), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-sm text-[#00ff00] flex space-x-4", __source: { fileName: "", lineNumber: 286, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `tel:${lead.phone_number}`, className: "hover:text-[#00ff00]/80", __source: { fileName: "", lineNumber: 287, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone", __source: { fileName: "", lineNumber: 291, columnNumber: 31 }, __self: this })), emailAddresses[lead.business_id] && /*#__PURE__*/ React.createElement("a", { href: `mailto:${emailAddresses[lead.business_id]}`, className: "hover:text-[#00ff00]/80", __source: { fileName: "", lineNumber: 294, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 298, columnNumber: 33 }, __self: this }))), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 text-sm text-[#00ff00]", __source: { fileName: "", lineNumber: 302, columnNumber: 27 }, __self: this }, lead.rating, " (", lead.review_count, " reviews)")))))))), showEmailModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-90 backdrop-blur-sm flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 315, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] rounded-xl p-8 max-w-lg w-full shadow-[0_0_20px_#00ff00] border-2 border-[#00ff00]", __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-[#00ff00]", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, "Compose Bulk Email"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Subject", className: "w-full p-3 border-2 border-[#00ff00] rounded-lg mb-4 focus:ring-2 focus:ring-[#00ff00] focus:border-transparent bg-black text-[#00ff00] placeholder-[#00ff00]/50", value: emailSubject, onChange: (e)=>setEmailSubject(e.target.value), __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Email body", className: "w-full p-3 border-2 border-[#00ff00] rounded-lg mb-6 h-40 focus:ring-2 focus:ring-[#00ff00] focus:border-transparent bg-black text-[#00ff00] placeholder-[#00ff00]/50", value: emailBody, onChange: (e)=>setEmailBody(e.target.value), __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowEmailModal(false), className: "px-6 py-3 text-[#00ff00] hover:text-[#00ff00]/80 font-semibold", __source: { fileName: "", lineNumber: 334, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleBulkEmail, className: "px-6 py-3 bg-[#111111] text-[#00ff00] border-2 border-[#00ff00] rounded-lg font-semibold hover:bg-[#00ff00] hover:text-black transform hover:scale-[1.02] transition-all duration-200", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, "Send")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#111111] text-[#00ff00] py-6 text-center text-sm shadow-[0_0_10px_#00ff00]", __source: { fileName: "", lineNumber: 353, columnNumber: 7 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 355, columnNumber: 9 }, __self: this }), "Powered by Five Stars App Solutions AI Builder")); }