function MainComponent() { const [location, setLocation] = useState(""); const [industry, setIndustry] = useState(""); const [businesses, setBusinesses] = useState([]); const [savedSearches, setSavedSearches] = useState([]); const [loading, setLoading] = useState(false); const [userLocation, setUserLocation] = useState(null); const [locationPermission, setLocationPermission] = useState("prompt"); const [topKeys, setTopKeys] = useState([]); const [message, setMessage] = useState(""); const [searchLimit, setSearchLimit] = useState(50); const [selectedBusiness, setSelectedBusiness] = useState(null); const [searchRadius, setSearchRadius] = useState(150); const [socialImageUpload, setSocialImageUpload] = useState({}); const [uploadingSocialImage, setUploadingSocialImage] = useState({}); const [loadingIndustries, setLoadingIndustries] = useState(false); const [usedIndustries, setUsedIndustries] = useState(new Set()); // User registration state const [isRegistered, setIsRegistered] = useState(false); const [showRegistrationModal, setShowRegistrationModal] = useState(false); const [registrationData, setRegistrationData] = useState({ first_name: "", last_name: "", email: "", phone_number: "", company_name: "", job_title: "", industry: "", how_heard_about_us: "", marketing_consent: false }); const [registrationLoading, setRegistrationLoading] = useState(false); const [browserFingerprint, setBrowserFingerprint] = useState(""); const [userInfo, setUserInfo] = useState(null); // Generate browser fingerprint useEffect(()=>{ const generateFingerprint = ()=>{ const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); ctx.textBaseline = "top"; ctx.font = "14px Arial"; ctx.fillText("Browser fingerprint", 2, 2); const fingerprint = [ navigator.userAgent, navigator.language, screen.width + "x" + screen.height, new Date().getTimezoneOffset(), canvas.toDataURL(), navigator.hardwareConcurrency || "unknown", navigator.deviceMemory || "unknown" ].join("|"); // Simple hash function let hash = 0; for(let i = 0; i < fingerprint.length; i++){ const char = fingerprint.charCodeAt(i); hash = (hash << 5) - hash + char; hash = hash & hash; // Convert to 32-bit integer } return "fp_" + Math.abs(hash).toString(36) + "_" + Date.now().toString(36); }; setBrowserFingerprint(generateFingerprint()); }, []); // Check registration status on load useEffect(()=>{ if (browserFingerprint) { checkRegistrationStatus(); } }, [ browserFingerprint ]); const checkRegistrationStatus = async ()=>{ try { const response = await fetch("/api/users/check", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ browser_fingerprint: browserFingerprint }) }); if (response.ok) { const data = await response.json(); if (data.success && data.registered) { setIsRegistered(true); setUserInfo(data.user); } } } catch (error) { console.error("Error checking registration status:", error); } }; const handleRegistration = async (e)=>{ e.preventDefault(); setRegistrationLoading(true); try { const response = await fetch("/api/users/register", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...registrationData, browser_fingerprint: browserFingerprint, ip_address: null, user_agent: navigator.userAgent }) }); const data = await response.json(); if (data.success) { setIsRegistered(true); setUserInfo(data.user); setShowRegistrationModal(false); showMessage("Registration successful! You can now download, save, and add to CRM.", "success"); // Reset form setRegistrationData({ first_name: "", last_name: "", email: "", phone_number: "", company_name: "", job_title: "", industry: "", how_heard_about_us: "", marketing_consent: false }); } else { showMessage(data.error || "Registration failed. Please try again.", "error"); } } catch (error) { console.error("Registration error:", error); showMessage("Registration failed. Please try again.", "error"); } finally{ setRegistrationLoading(false); } }; const trackActivity = async (activityType, metadata = null)=>{ if (!isRegistered) return; try { await fetch("/api/users/track-activity", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ browser_fingerprint: browserFingerprint, activity_type: activityType, metadata: metadata }) }); } catch (error) { console.error("Error tracking activity:", error); } }; const requireRegistration = (action)=>{ if (!isRegistered) { setShowRegistrationModal(true); return false; } return true; }; // Autosave functionality useEffect(()=>{ // Load data from localStorage on component mount const savedData = localStorage.getItem("businessFinderData"); if (savedData) { try { const parsed = JSON.parse(savedData); if (parsed.location) setLocation(parsed.location); if (parsed.industry) setIndustry(parsed.industry); if (parsed.searchLimit) setSearchLimit(parsed.searchLimit); if (parsed.searchRadius) setSearchRadius(parsed.searchRadius); if (parsed.socialImageUpload) setSocialImageUpload(parsed.socialImageUpload); if (parsed.savedSearches) setSavedSearches(parsed.savedSearches); } catch (error) { console.error("Error loading saved data:", error); } } }, []); // Autosave every 15 seconds useEffect(()=>{ const autosaveInterval = setInterval(()=>{ const dataToSave = { location, industry, searchLimit, searchRadius, socialImageUpload, savedSearches, timestamp: new Date().toISOString() }; localStorage.setItem("businessFinderData", JSON.stringify(dataToSave)); }, 15000); // 15 seconds return ()=>clearInterval(autosaveInterval); }, [ location, industry, searchLimit, searchRadius, socialImageUpload, savedSearches ]); // Load used industries from localStorage on component mount useEffect(()=>{ const loadUsedIndustries = ()=>{ try { const stored = localStorage.getItem("usedIndustries"); const lastReset = localStorage.getItem("industriesLastReset"); const now = Date.now(); const twentyFourHours = 24 * 60 * 60 * 1000; // Reset if more than 24 hours have passed if (!lastReset || now - parseInt(lastReset) > twentyFourHours) { localStorage.setItem("industriesLastReset", now.toString()); localStorage.removeItem("usedIndustries"); setUsedIndustries(new Set()); return; } // Load existing used industries if (stored) { const parsedUsed = JSON.parse(stored); setUsedIndustries(new Set(parsedUsed)); } } catch (error) { console.error("Error loading used industries:", error); setUsedIndustries(new Set()); } }; loadUsedIndustries(); }, []); // Save used industries to localStorage whenever it changes useEffect(()=>{ try { localStorage.setItem("usedIndustries", JSON.stringify([ ...usedIndustries ])); } catch (error) { console.error("Error saving used industries:", error); } }, [ usedIndustries ]); // Request location permission and get user's position useEffect(()=>{ const requestLocation = async ()=>{ if (navigator.geolocation) { try { const position = await new Promise((resolve, reject)=>{ navigator.geolocation.getCurrentPosition(resolve, reject); }); setUserLocation({ lat: position.coords.latitude, lng: position.coords.longitude }); setLocationPermission("granted"); // Automatically set location based on coordinates await reverseGeocode(position.coords.latitude, position.coords.longitude); // Generate dynamic local business keys based on user location await generateDynamicLocalKeys(position.coords.latitude, position.coords.longitude); } catch (error) { console.error("Location access denied:", error); setLocationPermission("denied"); // Use default top keys if location is denied setTopKeys([ "Restaurants", "Retail Stores", "Auto Services", "Beauty Salons", "Medical Offices", "Real Estate", "Legal Services", "Contractors", "Fitness Centers", "Pet Services" ]); } } }; requestLocation(); }, []); const reverseGeocode = async (lat, lng)=>{ try { // Use a simple reverse geocoding approach const response = await fetch(`https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=${lat}&longitude=${lng}&localityLanguage=en`); if (response.ok) { const data = await response.json(); const city = data.city || data.locality || ""; const state = data.principalSubdivision || ""; if (city && state) { setLocation(`${city}, ${state}`); showMessage(`Location automatically set to ${city}, ${state}`, "success"); } } } catch (error) { console.error("Reverse geocoding failed:", error); // Fallback: just show coordinates setLocation(`${lat.toFixed(4)}, ${lng.toFixed(4)}`); showMessage("Using your coordinates as location", "info"); } }; const generateDynamicLocalKeys = async (lat, lng)=>{ setLoadingIndustries(true); try { // Fetch a larger dataset to have more variety for mixing const params = new URLSearchParams({ query: "businesses", limit: "200", lat: lat.toString(), lng: lng.toString(), radius: "100", sort_by: "rating", business_status: "OPEN", verified: "true" }); const response = await fetch(`/integrations/local-business-data/search?${params}`); if (response.ok) { const data = await response.json(); if (data.status === "OK" && data.data && data.data.length > 0) { // Extract business types and count occurrences const businessTypes = {}; data.data.forEach((business)=>{ if (business.type) { // Clean up business type names const cleanType = business.type.replace(/\b(and|&)\b/gi, "&").replace(/\s+/g, " ").trim(); businessTypes[cleanType] = (businessTypes[cleanType] || 0) + 1; } }); // Get all business types that appear at least twice (quality filter) const qualityTypes = Object.entries(businessTypes).filter(([type, count])=>count >= 2).map(([type])=>type); // Create a mixed selection strategy if (qualityTypes.length >= 15) { // Strategy 1: Random mix from quality types const shuffledTypes = [ ...qualityTypes ].sort(()=>Math.random() - 0.5); const randomSelection = shuffledTypes.slice(0, 10); setTopKeys(randomSelection); showMessage(`Industries refreshed! Found ${qualityTypes.length} business types - showing random mix of 10`, "success"); } else if (qualityTypes.length >= 8) { // Strategy 2: Mix quality types with curated fallbacks const shuffledQuality = [ ...qualityTypes ].sort(()=>Math.random() - 0.5); const fallbackCategories = getScrambledFallbackKeys(); const mixedSelection = [ ...shuffledQuality.slice(0, 6), ...fallbackCategories.slice(0, 4) ]; setTopKeys(mixedSelection); showMessage(`Industries refreshed! Mixed ${shuffledQuality.length} local types with curated selection`, "success"); } else { // Strategy 3: Weighted random from all discovered types const allTypes = Object.keys(businessTypes); const weightedSelection = []; // Add high-frequency types with higher probability for(let i = 0; i < 10; i++){ const randomType = allTypes[Math.floor(Math.random() * allTypes.length)]; if (!weightedSelection.includes(randomType)) { weightedSelection.push(randomType); } } // Fill remaining slots with fallback if needed const fallbackCategories = getScrambledFallbackKeys(); while(weightedSelection.length < 10){ const fallbackType = fallbackCategories[Math.floor(Math.random() * fallbackCategories.length)]; if (!weightedSelection.includes(fallbackType)) { weightedSelection.push(fallbackType); } } setTopKeys(weightedSelection.slice(0, 10)); showMessage(`Industries refreshed! Created weighted mix from ${data.data.length} businesses`, "success"); } } else { throw new Error("No business data available"); } } else { throw new Error(`API request failed: ${response.status}`); } } catch (error) { console.error("Error generating dynamic local keys:", error); // Enhanced fallback with multiple mix strategies const fallbackCategories = getAdvancedScrambledKeys(); setTopKeys(fallbackCategories); showMessage("Using enhanced fallback mix - API temporarily unavailable", "info"); } finally{ setLoadingIndustries(false); } }; const refreshIndustries = async ()=>{ if (userLocation) { // For location-based refresh, apply exclusion logic to API results setLoadingIndustries(true); try { const params = new URLSearchParams({ query: "businesses", limit: "200", lat: userLocation.lat.toString(), lng: userLocation.lng.toString(), radius: "100", sort_by: "rating", business_status: "OPEN", verified: "true" }); const response = await fetch(`/integrations/local-business-data/search?${params}`); if (response.ok) { const data = await response.json(); if (data.status === "OK" && data.data && data.data.length > 0) { // Extract business types and filter out used ones const businessTypes = {}; data.data.forEach((business)=>{ if (business.type) { const cleanType = business.type.replace(/\b(and|&)\b/gi, "&").replace(/\s+/g, " ").trim(); // Only count types that haven't been used if (!usedIndustries.has(cleanType)) { businessTypes[cleanType] = (businessTypes[cleanType] || 0) + 1; } } }); // Get fresh business types that appear at least twice const freshQualityTypes = Object.entries(businessTypes).filter(([type, count])=>count >= 2).map(([type])=>type); if (freshQualityTypes.length >= 10) { // Strategy 1: Use fresh local types const shuffledTypes = [ ...freshQualityTypes ].sort(()=>Math.random() - 0.5); const selectedIndustries = shuffledTypes.slice(0, 10); setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Found ${selectedIndustries.length} fresh local business types (${freshQualityTypes.length - 10} local types remaining)`, "success"); } else if (freshQualityTypes.length > 0) { // Strategy 2: Mix fresh local types with curated fallbacks const fallbackCategories = getScrambledFallbackKeys(); const neededFromFallback = 10 - freshQualityTypes.length; const selectedFallbacks = fallbackCategories.slice(0, neededFromFallback); const mixedSelection = [ ...freshQualityTypes, ...selectedFallbacks ]; setTopKeys(mixedSelection); setUsedIndustries((prev)=>new Set([ ...prev, ...mixedSelection ])); showMessage(`Industries refreshed! Mixed ${freshQualityTypes.length} fresh local types with ${selectedFallbacks.length} curated options`, "success"); } else { // Strategy 3: Use curated fallbacks only const fallbackCategories = getScrambledFallbackKeys(); if (fallbackCategories.length >= 10) { const selectedIndustries = fallbackCategories.slice(0, 10); setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Showing 10 fresh curated opportunities (${fallbackCategories.length - 10} remaining)`, "success"); } else if (fallbackCategories.length > 0) { // Use remaining available industries const selectedIndustries = fallbackCategories; setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Showing ${selectedIndustries.length} remaining fresh opportunities`, "success"); } else { // Reset and start fresh setUsedIndustries(new Set()); localStorage.removeItem("usedIndustries"); localStorage.setItem("industriesLastReset", Date.now().toString()); const freshIndustries = getScrambledFallbackKeys().slice(0, 10); setTopKeys(freshIndustries); setUsedIndustries(new Set(freshIndustries)); showMessage("Fresh start! All industries reset - showing 10 new opportunities", "success"); } } } else { throw new Error("No business data available"); } } else { throw new Error(`API request failed: ${response.status}`); } } catch (error) { console.error("Error generating dynamic local keys:", error); // Fall back to curated categories with exclusion logic const fallbackCategories = getAdvancedScrambledKeys(); if (fallbackCategories.length >= 10) { const selectedIndustries = fallbackCategories.slice(0, 10); setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Using enhanced fallback mix - showing 10 fresh opportunities (${fallbackCategories.length - 10} remaining)`, "success"); } else if (fallbackCategories.length > 0) { // Use remaining available industries const selectedIndustries = fallbackCategories; setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Showing ${selectedIndustries.length} remaining fresh opportunities`, "success"); } else { // Reset and start fresh setUsedIndustries(new Set()); localStorage.removeItem("usedIndustries"); localStorage.setItem("industriesLastReset", Date.now().toString()); const freshIndustries = getScrambledFallbackKeys().slice(0, 10); setTopKeys(freshIndustries); setUsedIndustries(new Set(freshIndustries)); showMessage("Fresh start! All industries reset - showing 10 new opportunities", "success"); } } finally{ setLoadingIndustries(false); } } else { // For manual refresh without location, use curated categories with exclusion logic const availableIndustries = getScrambledFallbackKeys(); if (availableIndustries.length >= 10) { const selectedIndustries = availableIndustries.slice(0, 10); setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Showing 10 fresh business opportunities (${availableIndustries.length - 10} remaining unused)`, "success"); } else if (availableIndustries.length > 0) { // Use remaining available industries const selectedIndustries = availableIndustries; setTopKeys(selectedIndustries); setUsedIndustries((prev)=>new Set([ ...prev, ...selectedIndustries ])); showMessage(`Industries refreshed! Showing ${selectedIndustries.length} remaining fresh opportunities`, "success"); } else { // Reset and start fresh setUsedIndustries(new Set()); localStorage.removeItem("usedIndustries"); localStorage.setItem("industriesLastReset", Date.now().toString()); const freshIndustries = getScrambledFallbackKeys().slice(0, 10); setTopKeys(freshIndustries); setUsedIndustries(new Set(freshIndustries)); showMessage("Fresh start! All industries reset - showing 10 new opportunities", "success"); } } }; const showMessage = (text, type = "info")=>{ setMessage(text); setTimeout(()=>setMessage(""), 4000); }; const handleScrape = async ()=>{ // Use auto-detected location if available, otherwise require manual input let searchLocation = location.trim(); if (!searchLocation && userLocation) { // Use coordinates if no location string is available searchLocation = `${userLocation.lat.toFixed(4)}, ${userLocation.lng.toFixed(4)}`; setLocation(searchLocation); } if (!searchLocation) { showMessage("Please allow location access or enter a location manually", "error"); return; } if (!industry.trim()) { showMessage("Please enter an industry or business type", "error"); return; } setLoading(true); setBusinesses([]); try { const query = `${industry} in ${searchLocation}`; const params = new URLSearchParams({ query: query, limit: searchLimit.toString(), verified: "true", business_status: "OPEN" }); // Add user location for better results if available if (userLocation) { params.append("lat", userLocation.lat.toString()); params.append("lng", userLocation.lng.toString()); } const response = await fetch(`/integrations/local-business-data/search?${params}`); if (!response.ok) { throw new Error(`Search failed: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.status === "OK" && data.data) { setBusinesses(data.data); showMessage(`Found ${data.data.length} businesses successfully!`, "success"); } else { throw new Error("No businesses found or API error"); } } catch (error) { console.error("Scraping error:", error); showMessage("Failed to scrape businesses. Please try again.", "error"); } finally{ setLoading(false); } }; const saveSearch = async ()=>{ if (!requireRegistration("save")) return; if (!location.trim() || !industry.trim() || businesses.length === 0) { showMessage("No search results to save", "error"); return; } // Track the save activity await trackActivity("save", { business_count: businesses.length, location: location, industry: industry }); const searchData = { id: Date.now(), location: location, industry: industry, businessCount: businesses.length, timestamp: new Date().toLocaleString(), businesses: businesses }; setSavedSearches((prev)=>[ searchData, ...prev.slice(0, 9) ]); showMessage("Search saved successfully!", "success"); }; const downloadCSV = async ()=>{ if (!requireRegistration("download")) return; if (businesses.length === 0) { showMessage("No data to download", "error"); return; } // Track the download activity await trackActivity("download", { business_count: businesses.length, location: location, industry: industry }); const headers = [ "Business Name", "Phone", "Address", "City", "State", "Zip Code", "Rating", "Review Count", "Website", "Business Type", "Verified", "Latitude", "Longitude", "Google Place ID" ]; const csvData = businesses.map((business)=>[ business.name || "", business.phone_number || "", business.full_address || "", business.city || "", business.state || "", business.zipcode || "", business.rating || "", business.review_count || "", business.website || "", business.type || "", business.verified ? "Yes" : "No", business.latitude || "", business.longitude || "", business.place_id || "" ]); const csvContent = [ headers, ...csvData ].map((row)=>row.map((field)=>`"${field}"`).join(",")).join("\n"); const blob = new Blob([ csvContent ], { type: "text/csv;charset=utf-8;" }); const link = document.createElement("a"); const url = URL.createObjectURL(blob); link.setAttribute("href", url); link.setAttribute("download", `businesses_${location}_${industry}_${new Date().toISOString().split("T")[0]}.csv`); link.style.visibility = "hidden"; document.body.appendChild(link); link.click(); document.body.removeChild(link); showMessage("CSV file downloaded successfully!", "success"); }; const loadSavedSearch = (savedSearch)=>{ setLocation(savedSearch.location); setIndustry(savedSearch.industry); setBusinesses(savedSearch.businesses); showMessage(`Loaded search: ${savedSearch.businessCount} businesses`, "success"); }; const handleIndustryClick = async (industryName)=>{ setIndustry(industryName); // Check if location is available (either from user input or auto-detected) let searchLocation = location.trim(); if (!searchLocation && userLocation) { // Use coordinates if no location string is available searchLocation = `${userLocation.lat.toFixed(4)}, ${userLocation.lng.toFixed(4)}`; setLocation(searchLocation); } if (!searchLocation) { showMessage("Please allow location access or enter a location manually", "error"); return; } // Automatically trigger search setLoading(true); setBusinesses([]); try { const query = `${industryName} in ${searchLocation}`; const params = new URLSearchParams({ query: query, limit: searchLimit.toString(), verified: "true", business_status: "OPEN" }); // Add user location for better results if available if (userLocation) { params.append("lat", userLocation.lat.toString()); params.append("lng", userLocation.lng.toString()); } const response = await fetch(`/integrations/local-business-data/search?${params}`); if (!response.ok) { throw new Error(`Search failed: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.status === "OK" && data.data) { setBusinesses(data.data); showMessage(`Found ${data.data.length} ${industryName} businesses near you!`, "success"); } else { throw new Error("No businesses found or API error"); } } catch (error) { console.error("Scraping error:", error); showMessage(`Failed to find ${industry} businesses. Please try again.`, "error"); } finally{ setLoading(false); } }; const handleSocialImageUpload = async (placeId, imageUrl)=>{ setUploadingSocialImage((prev)=>({ ...prev, [placeId]: true })); try { const response = await fetch(`/integrations/local-business-data/upload-social-image`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ place_id: placeId, image_url: imageUrl }) }); if (!response.ok) { throw new Error(`Upload failed: ${response.status} ${response.statusText}`); } const data = await response.json(); setSocialImageUpload((prev)=>({ ...prev, [placeId]: data.image_url })); showMessage("Social image uploaded successfully!", "success"); } catch (error) { console.error("Social image upload error:", error); showMessage("Failed to upload social image. Please try again.", "error"); } finally{ setUploadingSocialImage((prev)=>({ ...prev, [placeId]: false })); } }; const createLeadFromBusiness = async (business)=>{ if (!requireRegistration("crm_add")) return; try { // Track the CRM add activity await trackActivity("crm_add", { business_name: business.name, business_place_id: business.place_id }); const leadData = { business_name: business.name, business_place_id: business.place_id, phone_number: business.phone_number, email: business.email, website: business.website, full_address: business.full_address, city: business.city, state: business.state, zipcode: business.zipcode, business_type: business.type, rating: business.rating, review_count: business.review_count, latitude: business.latitude, longitude: business.longitude, lead_source: "business_search" }; const response = await fetch("/api/leads/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(leadData) }); if (!response.ok) { throw new Error(`Failed to create lead: ${response.status}`); } const data = await response.json(); if (data.success) { showMessage("Lead created successfully! Check your CRM dashboard.", "success"); } else { throw new Error(data.error || "Failed to create lead"); } } catch (error) { console.error("Error creating lead from business:", error); showMessage("Failed to create lead from business", "error"); } }; // Enhanced helper function with multiple mix strategies const getScrambledFallbackKeys = ()=>{ const allCategories = [ "Restaurants", "Coffee Shops", "Retail Stores", "Gas Stations", "Banks", "Pharmacies", "Grocery Stores", "Auto Repair", "Hair Salons", "Gyms", "Medical Offices", "Real Estate", "Legal Services", "Contractors", "Beauty Salons", "Pet Services", "Fitness Centers", "Dentists", "Insurance", "Accounting", "Plumbers", "Electricians", "Landscaping", "Cleaning Services", "Daycare Centers", "Veterinarians", "Chiropractors", "Physical Therapy", "Massage Therapy", "Optometrists", "Dermatologists", "Urgent Care", "Pharmacists", "Mental Health", "Addiction Treatment", "Home Healthcare", "Senior Care", "Hospice Care", "Medical Equipment", "Lab Services", "Imaging Centers", "Blood Banks", "Dialysis Centers", "Rehabilitation", "Speech Therapy", "Occupational Therapy", "Nutritionists", "Weight Loss", "Wellness Centers", "Spas", "Nail Salons", "Barber Shops", "Tattoo Parlors", "Piercing Studios", "Tanning Salons", "Laser Hair Removal", "Botox Clinics", "Plastic Surgery", "Cosmetic Surgery", "Orthodontists", "Oral Surgery", "Periodontics", "Endodontics", "Pediatric Dentistry", "Dental Hygienists", "Dental Labs", "Denture Clinics", "Teeth Whitening", "Dental Implants", "Emergency Dentistry" ]; // Shuffle array and return more than needed const shuffled = [ ...allCategories ].sort(()=>Math.random() - 0.5); return shuffled; }; // Advanced scrambled keys with themed mixes - MASSIVELY EXPANDED const getAdvancedScrambledKeys = ()=>{ const categoryThemes = { service: [ "Auto Repair", "Plumbers", "Electricians", "Landscaping", "Cleaning Services", "HVAC Services", "Roofing", "Pest Control", "Handyman Services", "Appliance Repair", "Computer Repair", "Phone Repair", "TV Repair", "Locksmith", "Security Systems", "Alarm Systems", "Home Automation", "Solar Installation", "Pool Services", "Tree Services", "Fence Installation", "Deck Building", "Flooring", "Painting", "Drywall", "Tile Installation", "Carpet Cleaning", "Window Cleaning", "Gutter Cleaning", "Power Washing", "Junk Removal", "Moving Services", "Storage Units", "Garage Door Repair", "Septic Services" ], retail: [ "Retail Stores", "Grocery Stores", "Pharmacies", "Gas Stations", "Convenience Stores", "Clothing Stores", "Electronics", "Furniture Stores", "Appliance Stores", "Hardware Stores", "Sporting Goods", "Toy Stores", "Book Stores", "Music Stores", "Video Stores", "Gift Shops", "Jewelry Stores", "Watch Repair", "Shoe Stores", "Luggage Stores", "Pet Stores", "Garden Centers", "Florists", "Art Supplies", "Craft Stores", "Hobby Shops", "Antique Stores", "Thrift Stores", "Consignment Shops", "Pawn Shops", "Mattress Stores", "Carpet Stores", "Tile Stores", "Paint Stores", "Lighting Stores" ], food: [ "Restaurants", "Coffee Shops", "Bakeries", "Food Trucks", "Catering", "Bars & Pubs", "Fast Food", "Pizza Places", "Sandwich Shops", "Ice Cream Shops", "Donut Shops", "Candy Stores", "Wine Shops", "Liquor Stores", "Breweries", "Distilleries", "Wineries", "Farmers Markets", "Butcher Shops", "Seafood Markets", "Delicatessens", "Specialty Foods", "Organic Foods", "Health Food Stores", "Vitamin Shops", "Meal Prep", "Personal Chefs", "Cooking Classes", "Food Delivery", "Vending Machines", "Food Trucks", "Mobile Catering", "Event Catering", "Wedding Catering", "Corporate Catering" ], health: [ "Medical Offices", "Dentists", "Gyms", "Fitness Centers", "Chiropractors", "Physical Therapy", "Veterinarians", "Urgent Care", "Walk-in Clinics", "Specialty Clinics", "Cardiology", "Orthopedics", "Neurology", "Oncology", "Radiology", "Pathology", "Anesthesiology", "Emergency Medicine", "Family Medicine", "Internal Medicine", "Pediatrics", "Geriatrics", "Psychiatry", "Psychology", "Counseling", "Therapy", "Addiction Treatment", "Rehabilitation", "Home Healthcare", "Hospice", "Medical Equipment", "Prosthetics", "Hearing Aids", "Vision Centers", "Contact Lenses" ], professional: [ "Legal Services", "Accounting", "Real Estate", "Insurance", "Marketing", "Consulting", "Financial Services", "Investment Advisors", "Tax Preparation", "Bookkeeping", "Payroll Services", "HR Services", "Recruiting", "Staffing", "Employment Agencies", "Business Consulting", "Management Consulting", "IT Consulting", "Web Design", "Graphic Design", "Advertising Agencies", "PR Firms", "Social Media", "SEO Services", "Digital Marketing", "Print Services", "Copy Centers", "Mailing Services", "Notary Services", "Translation Services", "Court Reporting", "Process Serving", "Private Investigation", "Security Services", "Background Checks" ], personal: [ "Hair Salons", "Beauty Salons", "Barber Shops", "Nail Salons", "Spas", "Pet Services", "Daycare Centers", "Preschools", "Tutoring", "Music Lessons", "Dance Studios", "Martial Arts", "Yoga Studios", "Pilates", "Personal Training", "Life Coaching", "Career Coaching", "Relationship Counseling", "Marriage Counseling", "Family Therapy", "Pet Grooming", "Pet Training", "Pet Sitting", "Dog Walking", "Veterinary Services", "Pet Boarding", "Pet Photography", "Pet Supplies", "Aquarium Services", "Exotic Pet Care", "Horse Training", "Equestrian Services", "Farm Services", "Livestock Care", "Agricultural Services" ], automotive: [ "Auto Repair", "Oil Change", "Tire Services", "Auto Parts", "Car Dealerships", "Used Car Lots", "Auto Detailing", "Car Wash", "Auto Glass", "Auto Body", "Collision Repair", "Paint & Body", "Transmission Repair", "Brake Service", "Muffler Shops", "Radiator Repair", "Auto Electric", "Air Conditioning", "Towing Services", "Roadside Assistance", "Auto Insurance", "Car Rental", "Truck Rental", "RV Rental", "Motorcycle Dealers", "ATV Dealers", "Boat Dealers", "Marine Services", "Boat Repair", "Jet Ski Repair", "Motorcycle Repair", "RV Repair", "Trailer Repair", "Auto Auctions", "Salvage Yards" ], technology: [ "Computer Repair", "Phone Repair", "IT Services", "Web Design", "Software Development", "App Development", "Database Services", "Cloud Services", "Cybersecurity", "Network Services", "Data Recovery", "Tech Support", "Electronics Repair", "TV Repair", "Audio/Video", "Home Theater", "Security Cameras", "Alarm Systems", "Smart Home", "Automation", "Telecommunications", "Internet Providers", "Cable TV", "Satellite TV", "Phone Service", "VoIP Services", "Wireless Services", "Cell Phone Stores", "Electronics Stores", "Gaming Stores", "3D Printing", "Drone Services", "Virtual Reality", "Augmented Reality", "AI Services" ], creative: [ "Photography", "Videography", "Graphic Design", "Web Design", "Interior Design", "Architecture", "Landscape Design", "Event Planning", "Wedding Planning", "Party Planning", "Catering", "DJ Services", "Live Music", "Entertainment", "Performers", "Artists", "Painters", "Sculptors", "Crafters", "Woodworking", "Metalworking", "Jewelry Making", "Pottery", "Glassblowing", "Textiles", "Fashion Design", "Tailoring", "Alterations", "Embroidery", "Screen Printing", "Sign Making", "Banner Printing", "Custom Apparel", "Promotional Products", "Awards & Trophies" ], education: [ "Tutoring", "Test Prep", "Language Schools", "Driving Schools", "Trade Schools", "Colleges", "Universities", "Online Education", "Continuing Education", "Professional Development", "Certification Programs", "Workshops", "Seminars", "Conferences", "Training Centers", "Corporate Training", "Safety Training", "First Aid Training", "CPR Classes", "Defensive Driving", "Real Estate School", "Beauty School", "Culinary School", "Art School", "Music School", "Dance School", "Drama School", "Film School", "Photography School", "Computer Training", "IT Certification", "Medical Training", "Nursing School", "Dental School", "Veterinary School" ], entertainment: [ "Movie Theaters", "Bowling Alleys", "Arcades", "Mini Golf", "Go-Kart Racing", "Laser Tag", "Escape Rooms", "Amusement Parks", "Water Parks", "Zoos", "Aquariums", "Museums", "Art Galleries", "Concert Venues", "Theaters", "Comedy Clubs", "Night Clubs", "Dance Clubs", "Karaoke Bars", "Sports Bars", "Pool Halls", "Billiards", "Darts", "Bingo Halls", "Casinos", "Gaming Centers", "Internet Cafes", "Board Game Cafes", "Book Clubs", "Social Clubs", "Country Clubs", "Golf Courses", "Tennis Courts", "Basketball Courts", "Volleyball Courts" ], opportunity: [ "Home Services", "Digital Marketing", "Food Delivery", "Pet Care", "Senior Services", "Mobile Repair", "Event Planning", "Tutoring", "Personal Training", "House Cleaning", "Lawn Care", "Photography", "Web Design", "Social Media", "Bookkeeping", "Life Coaching", "Virtual Assistant", "Online Coaching", "Dropshipping", "E-commerce", "Affiliate Marketing", "Content Creation", "Influencer Marketing", "Podcast Production", "YouTube Channel", "Online Courses", "Membership Sites", "Subscription Boxes", "Print on Demand", "Custom Products", "Handmade Crafts", "Artisan Products", "Local Tours", "Experience Gifts", "Skill Sharing", "Peer-to-Peer Services", "Sharing Economy", "Gig Economy", "Freelance Services", "Remote Work" ] }; // Randomly select mix strategy const strategies = [ // Strategy 1: Random mix from all categories ()=>{ const allCategories = Object.values(categoryThemes).flat(); return [ ...allCategories ].sort(()=>Math.random() - 0.5); }, // Strategy 2: Themed mix (pick 2-3 themes) ()=>{ const themeNames = Object.keys(categoryThemes); const selectedThemes = [ ...themeNames ].sort(()=>Math.random() - 0.5).slice(0, 3); const themedCategories = selectedThemes.flatMap((theme)=>categoryThemes[theme]); return [ ...themedCategories ].sort(()=>Math.random() - 0.5); }, // Strategy 3: Balanced mix (3-4 from each theme) ()=>{ const balanced = []; Object.values(categoryThemes).forEach((theme)=>{ const shuffledTheme = [ ...theme ].sort(()=>Math.random() - 0.5); balanced.push(...shuffledTheme.slice(0, 4)); }); return [ ...balanced ].sort(()=>Math.random() - 0.5); }, // Strategy 4: Opportunity-focused mix ()=>{ return [ ...categoryThemes.opportunity ].sort(()=>Math.random() - 0.5); }, // Strategy 5: Service-focused mix ()=>{ const serviceMix = [ ...categoryThemes.service, ...categoryThemes.professional, ...categoryThemes.technology ]; return [ ...serviceMix ].sort(()=>Math.random() - 0.5); }, // Strategy 6: Creative & Entertainment mix ()=>{ const creativeMix = [ ...categoryThemes.creative, ...categoryThemes.entertainment, ...categoryThemes.education ]; return [ ...creativeMix ].sort(()=>Math.random() - 0.5); } ]; // Randomly select and execute a strategy const selectedStrategy = strategies[Math.floor(Math.random() * strategies.length)]; return selectedStrategy(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 font-inter", __source: { fileName: "", lineNumber: 1623, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-lg border-b-4 border-indigo-500", __source: { fileName: "", lineNumber: 1625, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6", __source: { fileName: "", lineNumber: 1626, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between flex-wrap gap-4", __source: { fileName: "", lineNumber: 1627, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1628, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-indigo-600 text-white p-3 rounded-xl", __source: { fileName: "", lineNumber: 1629, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-key text-2xl", __source: { fileName: "", lineNumber: 1630, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1632, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 1633, columnNumber: 17 }, __self: this }, "Keys 2 the City"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1636, columnNumber: 17 }, __self: this }, "Unlock Business Opportunities"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1640, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1641, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-1", __source: { fileName: "", lineNumber: 1642, columnNumber: 17 }, __self: this }), "Auto-saving every 15s"), /*#__PURE__*/ React.createElement("div", { className: `text-xs px-2 py-1 rounded ${isRegistered ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 1647, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isRegistered ? "fa-user-check" : "fa-user-plus"} mr-1`, __source: { fileName: "", lineNumber: 1650, columnNumber: 17 }, __self: this }), isRegistered ? `Registered: ${userInfo?.first_name}` : "Not Registered"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1658, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-map-marker-alt ${locationPermission === "granted" ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 1659, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-1", __source: { fileName: "", lineNumber: 1662, columnNumber: 17 }, __self: this }, locationPermission === "granted" ? "Location Enabled" : "Location Disabled")), businesses.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: downloadCSV, className: "bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 1670, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 1674, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 1675, columnNumber: 19 }, __self: this }, "Download CSV")))))), showRegistrationModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1685, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1686, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b border-gray-200", __source: { fileName: "", lineNumber: 1687, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1688, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 1689, columnNumber: 17 }, __self: this }, "Registration Required"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowRegistrationModal(false), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 1692, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 1696, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-2", __source: { fileName: "", lineNumber: 1699, columnNumber: 15 }, __self: this }, "Please provide your information to download data, save searches, and add businesses to CRM.")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegistration, className: "p-6", __source: { fileName: "", lineNumber: 1705, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 1706, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1707, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1708, columnNumber: 19 }, __self: this }, "First Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: registrationData.first_name, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, first_name: e.target.value })), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1711, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1725, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1726, columnNumber: 19 }, __self: this }, "Last Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: registrationData.last_name, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, last_name: e.target.value })), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1729, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1743, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1744, columnNumber: 19 }, __self: this }, "Email Address *"), /*#__PURE__*/ React.createElement("input", { type: "email", value: registrationData.email, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, email: e.target.value })), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1747, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1761, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1762, columnNumber: 19 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", value: registrationData.phone_number, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, phone_number: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1765, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1778, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1779, columnNumber: 19 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: registrationData.company_name, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, company_name: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1782, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1795, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1796, columnNumber: 19 }, __self: this }, "Job Title"), /*#__PURE__*/ React.createElement("input", { type: "text", value: registrationData.job_title, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, job_title: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1799, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1812, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1813, columnNumber: 19 }, __self: this }, "Industry"), /*#__PURE__*/ React.createElement("select", { value: registrationData.industry, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, industry: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent bg-white", __source: { fileName: "", lineNumber: 1816, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1826, columnNumber: 21 }, __self: this }, "Select Industry"), /*#__PURE__*/ React.createElement("option", { value: "Technology", __source: { fileName: "", lineNumber: 1827, columnNumber: 21 }, __self: this }, "Technology"), /*#__PURE__*/ React.createElement("option", { value: "Healthcare", __source: { fileName: "", lineNumber: 1828, columnNumber: 21 }, __self: this }, "Healthcare"), /*#__PURE__*/ React.createElement("option", { value: "Finance", __source: { fileName: "", lineNumber: 1829, columnNumber: 21 }, __self: this }, "Finance"), /*#__PURE__*/ React.createElement("option", { value: "Real Estate", __source: { fileName: "", lineNumber: 1830, columnNumber: 21 }, __self: this }, "Real Estate"), /*#__PURE__*/ React.createElement("option", { value: "Marketing", __source: { fileName: "", lineNumber: 1831, columnNumber: 21 }, __self: this }, "Marketing"), /*#__PURE__*/ React.createElement("option", { value: "Sales", __source: { fileName: "", lineNumber: 1832, columnNumber: 21 }, __self: this }, "Sales"), /*#__PURE__*/ React.createElement("option", { value: "Consulting", __source: { fileName: "", lineNumber: 1833, columnNumber: 21 }, __self: this }, "Consulting"), /*#__PURE__*/ React.createElement("option", { value: "Education", __source: { fileName: "", lineNumber: 1834, columnNumber: 21 }, __self: this }, "Education"), /*#__PURE__*/ React.createElement("option", { value: "Manufacturing", __source: { fileName: "", lineNumber: 1835, columnNumber: 21 }, __self: this }, "Manufacturing"), /*#__PURE__*/ React.createElement("option", { value: "Retail", __source: { fileName: "", lineNumber: 1836, columnNumber: 21 }, __self: this }, "Retail"), /*#__PURE__*/ React.createElement("option", { value: "Other", __source: { fileName: "", lineNumber: 1837, columnNumber: 21 }, __self: this }, "Other"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1841, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1842, columnNumber: 19 }, __self: this }, "How did you hear about us?"), /*#__PURE__*/ React.createElement("select", { value: registrationData.how_heard_about_us, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, how_heard_about_us: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent bg-white", __source: { fileName: "", lineNumber: 1845, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1855, columnNumber: 21 }, __self: this }, "Select Source"), /*#__PURE__*/ React.createElement("option", { value: "Google Search", __source: { fileName: "", lineNumber: 1856, columnNumber: 21 }, __self: this }, "Google Search"), /*#__PURE__*/ React.createElement("option", { value: "Social Media", __source: { fileName: "", lineNumber: 1857, columnNumber: 21 }, __self: this }, "Social Media"), /*#__PURE__*/ React.createElement("option", { value: "Referral", __source: { fileName: "", lineNumber: 1858, columnNumber: 21 }, __self: this }, "Referral"), /*#__PURE__*/ React.createElement("option", { value: "Advertisement", __source: { fileName: "", lineNumber: 1859, columnNumber: 21 }, __self: this }, "Advertisement"), /*#__PURE__*/ React.createElement("option", { value: "Word of Mouth", __source: { fileName: "", lineNumber: 1860, columnNumber: 21 }, __self: this }, "Word of Mouth"), /*#__PURE__*/ React.createElement("option", { value: "Other", __source: { fileName: "", lineNumber: 1861, columnNumber: 21 }, __self: this }, "Other")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1866, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 1867, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: registrationData.marketing_consent, onChange: (e)=>setRegistrationData((prev)=>({ ...prev, marketing_consent: e.target.checked })), className: "rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 1868, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm text-gray-700", __source: { fileName: "", lineNumber: 1879, columnNumber: 19 }, __self: this }, "I agree to receive marketing communications and updates about new features."))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-3", __source: { fileName: "", lineNumber: 1886, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowRegistrationModal(false), className: "px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 1887, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: registrationLoading, className: "bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-400 text-white px-4 py-2 rounded-lg transition-colors flex items-center space-x-2", __source: { fileName: "", lineNumber: 1894, columnNumber: 17 }, __self: this }, registrationLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1901, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1902, columnNumber: 23 }, __self: this }, "Registering...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus", __source: { fileName: "", lineNumber: 1906, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1907, columnNumber: 23 }, __self: this }, "Register"))))))), message && /*#__PURE__*/ React.createElement("div", { className: `fixed top-4 right-4 z-50 px-6 py-3 rounded-lg shadow-lg text-white ${message.includes("success") ? "bg-green-600" : message.includes("error") || message.includes("Failed") ? "bg-red-600" : "bg-blue-600"}`, __source: { fileName: "", lineNumber: 1919, columnNumber: 9 }, __self: this }, message), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 1932, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 1934, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 1935, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-indigo-100 p-3 rounded-lg mr-4", __source: { fileName: "", lineNumber: 1936, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-indigo-600 text-xl", __source: { fileName: "", lineNumber: 1937, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1939, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 1940, columnNumber: 15 }, __self: this }, "Find Business Opportunities"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1943, columnNumber: 15 }, __self: this }, "Search for businesses by location and industry"))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 1949, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1950, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1951, columnNumber: 15 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", value: location, onChange: (e)=>setLocation(e.target.value), placeholder: "City, State or ZIP", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1954, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1963, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1964, columnNumber: 15 }, __self: this }, "Industry/Business Type"), /*#__PURE__*/ React.createElement("input", { type: "text", value: industry, onChange: (e)=>setIndustry(e.target.value), placeholder: "e.g., Restaurants, Auto Repair", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1967, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1976, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1977, columnNumber: 15 }, __self: this }, "Results Limit"), /*#__PURE__*/ React.createElement("select", { value: searchLimit, onChange: (e)=>setSearchLimit(parseInt(e.target.value)), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent bg-white", __source: { fileName: "", lineNumber: 1980, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: 25, __source: { fileName: "", lineNumber: 1985, columnNumber: 17 }, __self: this }, "25 Results"), /*#__PURE__*/ React.createElement("option", { value: 50, __source: { fileName: "", lineNumber: 1986, columnNumber: 17 }, __self: this }, "50 Results"), /*#__PURE__*/ React.createElement("option", { value: 100, __source: { fileName: "", lineNumber: 1987, columnNumber: 17 }, __self: this }, "100 Results"), /*#__PURE__*/ React.createElement("option", { value: 200, __source: { fileName: "", lineNumber: 1988, columnNumber: 17 }, __self: this }, "200 Results"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-end", __source: { fileName: "", lineNumber: 1992, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleScrape, disabled: loading, className: "w-full bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-400 text-white px-4 py-2 rounded-lg flex items-center justify-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 1993, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 2000, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2001, columnNumber: 21 }, __self: this }, "Searching...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 2005, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2006, columnNumber: 21 }, __self: this }, "Search"))))), businesses.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3 justify-center", __source: { fileName: "", lineNumber: 2014, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: saveSearch, className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 2015, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save", __source: { fileName: "", lineNumber: 2019, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2020, columnNumber: 17 }, __self: this }, "Save Search")), /*#__PURE__*/ React.createElement("button", { onClick: downloadCSV, className: "bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 2022, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 2026, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2027, columnNumber: 17 }, __self: this }, "Download CSV")), /*#__PURE__*/ React.createElement("a", { href: "/crm", className: "bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 2029, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line", __source: { fileName: "", lineNumber: 2033, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2034, columnNumber: 17 }, __self: this }, "View CRM")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 2041, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 2042, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2043, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-purple-100 p-3 rounded-lg mr-4", __source: { fileName: "", lineNumber: 2044, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-key text-purple-600 text-xl", __source: { fileName: "", lineNumber: 2045, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2047, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 2048, columnNumber: 17 }, __self: this }, "Quick Industry Keys"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 2051, columnNumber: 17 }, __self: this }, "Click any industry to search instantly"))), /*#__PURE__*/ React.createElement("button", { onClick: refreshIndustries, disabled: loadingIndustries, className: "bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-400 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors", __source: { fileName: "", lineNumber: 2056, columnNumber: 13 }, __self: this }, loadingIndustries ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 2063, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2064, columnNumber: 19 }, __self: this }, "Refreshing...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt", __source: { fileName: "", lineNumber: 2068, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2069, columnNumber: 19 }, __self: this }, "Refresh")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3", __source: { fileName: "", lineNumber: 2075, columnNumber: 11 }, __self: this }, topKeys.map((key, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleIndustryClick(key), className: "bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 text-white px-4 py-3 rounded-lg text-sm font-medium transition-all duration-200 transform hover:scale-105 shadow-md hover:shadow-lg", __source: { fileName: "", lineNumber: 2077, columnNumber: 15 }, __self: this }, key)))), businesses.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg overflow-hidden mb-8", __source: { fileName: "", lineNumber: 2090, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 2091, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 flex items-center", __source: { fileName: "", lineNumber: 2092, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-indigo-600 mr-3", __source: { fileName: "", lineNumber: 2093, columnNumber: 17 }, __self: this }), "Search Results (", businesses.length, " businesses found)")), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 2098, columnNumber: 13 }, __self: this }, businesses.map((business, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 2100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 2104, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 2105, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-2", __source: { fileName: "", lineNumber: 2106, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 2107, columnNumber: 25 }, __self: this }, business.name), business.verified && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", __source: { fileName: "", lineNumber: 2111, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1", __source: { fileName: "", lineNumber: 2112, columnNumber: 29 }, __self: this }), "Verified"), business.rating && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2117, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 2118, columnNumber: 29 }, __self: this }, "★".repeat(Math.floor(business.rating))), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600 ml-1", __source: { fileName: "", lineNumber: 2121, columnNumber: 29 }, __self: this }, business.rating, " (", business.review_count, " ", "reviews)"))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-4 text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 2129, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2130, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone w-4 mr-2", __source: { fileName: "", lineNumber: 2131, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2132, columnNumber: 27 }, __self: this }, business.phone_number || "No phone")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2134, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt w-4 mr-2", __source: { fileName: "", lineNumber: 2135, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2136, columnNumber: 27 }, __self: this }, business.city ? `${business.city}, ${business.state}` : "No location")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2142, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe w-4 mr-2", __source: { fileName: "", lineNumber: 2143, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2144, columnNumber: 27 }, __self: this }, business.website || "No website")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 2146, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tag w-4 mr-2", __source: { fileName: "", lineNumber: 2147, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2148, columnNumber: 27 }, __self: this }, business.type || "No type"))), business.full_address && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-3", __source: { fileName: "", lineNumber: 2153, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 2154, columnNumber: 27 }, __self: this }), business.full_address)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2 ml-4", __source: { fileName: "", lineNumber: 2160, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>createLeadFromBusiness(business), className: "bg-indigo-600 hover:bg-indigo-700 text-white px-3 py-1 rounded text-sm flex items-center space-x-1 transition-colors", __source: { fileName: "", lineNumber: 2161, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 2165, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 2166, columnNumber: 25 }, __self: this }, "Add to CRM")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1", __source: { fileName: "", lineNumber: 2169, columnNumber: 23 }, __self: this }, business.phone_number && /*#__PURE__*/ React.createElement("a", { href: `tel:${business.phone_number}`, className: "bg-green-600 hover:bg-green-700 text-white p-1 rounded text-xs transition-colors", title: "Call", __source: { fileName: "", lineNumber: 2171, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone", __source: { fileName: "", lineNumber: 2176, columnNumber: 29 }, __self: this })), business.website && /*#__PURE__*/ React.createElement("a", { href: business.website, target: "_blank", rel: "noopener noreferrer", className: "bg-blue-600 hover:bg-blue-700 text-white p-1 rounded text-xs transition-colors", title: "Website", __source: { fileName: "", lineNumber: 2180, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe", __source: { fileName: "", lineNumber: 2187, columnNumber: 29 }, __self: this })), business.latitude && business.longitude && /*#__PURE__*/ React.createElement("a", { href: `https://www.google.com/maps?q=${business.latitude},${business.longitude}`, target: "_blank", rel: "noopener noreferrer", className: "bg-red-600 hover:bg-red-700 text-white p-1 rounded text-xs transition-colors", title: "View on Map", __source: { fileName: "", lineNumber: 2191, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map", __source: { fileName: "", lineNumber: 2198, columnNumber: 29 }, __self: this }))))))))), savedSearches.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 2212, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 2213, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-3 rounded-lg mr-4", __source: { fileName: "", lineNumber: 2214, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark text-blue-600 text-xl", __source: { fileName: "", lineNumber: 2215, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2217, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 2218, columnNumber: 17 }, __self: this }, "Saved Searches"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 2221, columnNumber: 17 }, __self: this }, "Your recently saved business searches"))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 2227, columnNumber: 13 }, __self: this }, savedSearches.slice(0, 6).map((search, index)=>/*#__PURE__*/ React.createElement("div", { key: search.id, className: "border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 2229, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-3", __source: { fileName: "", lineNumber: 2233, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2234, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 2235, columnNumber: 23 }, __self: this }, search.industry), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 2238, columnNumber: 23 }, __self: this }, search.location)), /*#__PURE__*/ React.createElement("span", { className: "bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full", __source: { fileName: "", lineNumber: 2240, columnNumber: 21 }, __self: this }, search.businessCount, " results")), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mb-3", __source: { fileName: "", lineNumber: 2244, columnNumber: 19 }, __self: this }, search.timestamp), /*#__PURE__*/ React.createElement("button", { onClick: ()=>loadSavedSearch(search), className: "w-full bg-indigo-600 hover:bg-indigo-700 text-white px-3 py-2 rounded text-sm transition-colors", __source: { fileName: "", lineNumber: 2247, columnNumber: 19 }, __self: this }, "Load Search"))))))); }