function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(""); const [location, setLocation] = React.useState(""); const [businesses, setBusinesses] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [selectedBusiness, setSelectedBusiness] = React.useState(null); const [savedLists, setSavedLists] = React.useState([ "Bookmarks", "Warm Leads", "Cold Leads" ]); const [showFilters, setShowFilters] = React.useState(false); const [showDropdown, setShowDropdown] = React.useState(null); const [filters, setFilters] = React.useState({ verified: false, minRating: 0, businessStatus: "OPEN" }); const [businessImages, setBusinessImages] = React.useState({}); const [uploading, setUploading] = React.useState(false); const [upload] = useUpload(); // Search for businesses const searchBusinesses = async ()=>{ if (!searchQuery.trim() || !location.trim()) { setError("Please enter both search query and location"); return; } setLoading(true); setError(null); try { const queryParams = new URLSearchParams({ query: `${searchQuery} in ${location}`, limit: "50", verified: filters.verified.toString(), business_status: filters.businessStatus }); const response = await fetch(`/integrations/local-business-data/search?${queryParams}`); if (!response.ok) { throw new Error(`Search failed: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.status === "OK" && data.data) { let filteredBusinesses = data.data; // Apply rating filter if (filters.minRating > 0) { filteredBusinesses = filteredBusinesses.filter((b)=>b.rating >= filters.minRating); } setBusinesses(filteredBusinesses); } else { setError("No businesses found for your search criteria"); setBusinesses([]); } } catch (err) { console.error("Search error:", err); setError("Failed to search businesses. Please try again."); setBusinesses([]); } finally{ setLoading(false); } }; // Add business to a list const addToList = async (business, listName)=>{ try { const response = await fetch("/api/add-business-to-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ business, listName, userId: 1 }) }); const result = await response.json(); if (result.success) { alert(`Added ${business.name} to ${listName}!`); } else { alert(result.message || "Failed to add business to list"); } setShowDropdown(null); // Close dropdown after action } catch (err) { console.error("Error adding to list:", err); alert("Failed to add business to list"); } }; // Export businesses to CSV const exportToCSV = ()=>{ if (businesses.length === 0) { alert("No businesses to export"); return; } const csvContent = [ [ "Name", "Address", "Phone", "Website", "Rating", "Reviews", "Type", "Status" ].join(","), ...businesses.map((b)=>[ `"${b.name || ""}"`, `"${b.full_address || ""}"`, `"${b.phone_number || ""}"`, `"${b.website || ""}"`, b.rating || "", b.review_count || "", `"${b.type || ""}"`, `"${b.business_status || ""}"` ].join(",")) ].join("\n"); const blob = new Blob([ csvContent ], { type: "text/csv" }); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `leads-${searchQuery}-${Date.now()}.csv`; a.click(); window.URL.revokeObjectURL(url); }; // Handle image upload for a business const handleImageUpload = async (businessId, file)=>{ setUploading(true); try { const { url, error } = await upload({ file }); if (error) { throw new Error(error); } // Update business metadata with image URL const response = await fetch("/api/update-business-metadata", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ businessId, metadata: { imageUrl: url } }) }); if (!response.ok) { throw new Error("Failed to update business metadata"); } // Update local state setBusinessImages((prev)=>({ ...prev, [businessId]: url })); } catch (err) { console.error("Upload error:", err); alert("Failed to upload image"); } finally{ setUploading(false); } }; // Add image upload UI to business card const BusinessCard = ({ business })=>/*#__PURE__*/ React.createElement("div", { className: "relative border-b border-[#e5e7eb] hover:bg-[#f8f9fa] cursor-pointer transition-colors", onClick: ()=>setSelectedBusiness(business), __source: { fileName: "", lineNumber: 181, columnNumber: 5 }, __self: this }, businessImages[business.id] && /*#__PURE__*/ React.createElement("img", { src: businessImages[business.id], alt: business.name, className: "w-full h-32 object-cover rounded-t-md", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-2 right-2", __source: { fileName: "", lineNumber: 192, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", id: `file-${business.id}`, className: "hidden", accept: "image/*", onChange: (e)=>handleImageUpload(business.id, e.target.files[0]), __source: { fileName: "", lineNumber: 193, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `file-${business.id}`, className: "bg-[#003594] text-white p-2 rounded-full cursor-pointer hover:bg-[#002a7a] transition-colors", __source: { fileName: "", lineNumber: 200, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#e5e7eb] bg-[#003594]", __source: { fileName: "", lineNumber: 207, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 208, columnNumber: 9 }, __self: this }, business.name)), /*#__PURE__*/ React.createElement("div", { className: "max-h-[600px] overflow-y-auto", __source: { fileName: "", lineNumber: 211, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#e5e7eb] hover:bg-[#f8f9fa] cursor-pointer transition-colors", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#003594]", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, business.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#6b7280] mt-1", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, business.full_address || business.address), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 text-sm", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, business.rating && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mr-4", __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#6b7280]", __source: { fileName: "", lineNumber: 224, columnNumber: 21 }, __self: this }, business.rating, " (", business.review_count, " reviews)")), business.verified && /*#__PURE__*/ React.createElement("span", { className: "bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }), "Verified")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#869397] text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, business.type), /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded ml-2 ${business.business_status === "OPEN" ? "bg-green-100 text-green-80" : "bg-red-100 text-red-80"}`, __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, business.business_status))), /*#__PURE__*/ React.createElement("div", { className: "ml-4 relative", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#869397] hover:text-[#003594] p-1 transition-colors", onClick: (e)=>{ e.stopPropagation(); setShowDropdown(showDropdown === business.place_id ? null : business.place_id); }, __source: { fileName: "", lineNumber: 254, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ellipsis-v", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this })), showDropdown === business.place_id && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-1 w-48 bg-white rounded-md shadow-lg border border-[#e5e7eb] z-10", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, savedLists.map((listName)=>/*#__PURE__*/ React.createElement("button", { key: listName, onClick: (e)=>{ e.stopPropagation(); addToList(business, listName); }, className: "block w-full text-left px-4 py-2 text-sm text-[#003594] hover:bg-[#f8f9fa] transition-colors", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, "Add to ", listName)))))), businesses.length === 0 && !loading && /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center text-[#6b7280]", __source: { fileName: "", lineNumber: 289, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-4xl mb-4 text-[#869397]", __source: { fileName: "", lineNumber: 290, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, "No businesses found. Try adjusting your search criteria."), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 292, columnNumber: 13 }, __self: this }, 'Example searches: "Italian restaurants in New York", "plumbers in Chicago", "hotels in Miami"')))); // Close dropdown when clicking outside React.useEffect(()=>{ const handleClickOutside = ()=>setShowDropdown(null); document.addEventListener("click", handleClickOutside); return ()=>document.removeEventListener("click", handleClickOutside); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 310, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#003594] shadow-lg border-b border-[#869397]", __source: { fileName: "", lineNumber: 312, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 313, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 314, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 315, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/auto/", alt: "Scraper Scraper Logo", className: "h-16 w-auto mr-4", __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 321, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, "Scraper Scraper"), /*#__PURE__*/ React.createElement("p", { className: "text-[#869397] mt-1", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, "Find and manage business leads from Google Maps"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 330, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/lists", className: "bg-[#869397] text-white px-4 py-2 rounded-md hover:bg-[#7a8589] transition-colors", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this }), "My Lists"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 343, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6 mb-6 border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 345, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 347, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#003594] mb-2", __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }, "Search Query"), /*#__PURE__*/ React.createElement("input", { type: "text", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), placeholder: "e.g., Italian restaurants, plumbers, hotels", className: "w-full px-3 py-2 border border-[#869397] rounded-md focus:outline-none focus:ring-2 focus:ring-[#003594] focus:border-[#003594]", onKeyDown: (e)=>e.key === "Enter" && searchBusinesses(), __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 361, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#003594] mb-2", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", value: location, onChange: (e)=>setLocation(e.target.value), placeholder: "e.g., San Francisco, CA", className: "w-full px-3 py-2 border border-[#869397] rounded-md focus:outline-none focus:ring-2 focus:ring-[#003594] focus:border-[#003594]", onKeyDown: (e)=>e.key === "Enter" && searchBusinesses(), __source: { fileName: "", lineNumber: 365, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-end", __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: searchBusinesses, disabled: loading, className: "w-full bg-[#003594] text-white px-4 py-2 rounded-md hover:bg-[#002a7a] disabled:opacity-50 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this }, loading ? "Searching..." : "Search Businesses"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 387, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowFilters(!showFilters), className: "text-[#003594] hover:text-[#002a7a] text-sm font-medium transition-colors", __source: { fileName: "", lineNumber: 388, columnNumber: 13 }, __self: this }, showFilters ? "Hide Filters" : "Show Filters"), businesses.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: exportToCSV, className: "bg-[#869397] text-white px-4 py-2 rounded-md hover:bg-[#7a8589] text-sm transition-colors", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, "Export CSV (", businesses.length, " results)"))), showFilters && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#f8f9fa] rounded-md border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: filters.verified, onChange: (e)=>setFilters({ ...filters, verified: e.target.checked }), className: "mr-2 accent-[#003594]", __source: { fileName: "", lineNumber: 413, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#003594]", __source: { fileName: "", lineNumber: 421, columnNumber: 21 }, __self: this }, "Verified businesses only"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 427, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#003594] mb-1", __source: { fileName: "", lineNumber: 428, columnNumber: 19 }, __self: this }, "Minimum Rating"), /*#__PURE__*/ React.createElement("select", { value: filters.minRating, onChange: (e)=>setFilters({ ...filters, minRating: parseFloat(e.target.value) }), className: "w-full px-3 py-1 border border-[#869397] rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-[#003594]", __source: { fileName: "", lineNumber: 431, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: 0, __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, "Any Rating"), /*#__PURE__*/ React.createElement("option", { value: 3, __source: { fileName: "", lineNumber: 442, columnNumber: 21 }, __self: this }, "3+ Stars"), /*#__PURE__*/ React.createElement("option", { value: 4, __source: { fileName: "", lineNumber: 443, columnNumber: 21 }, __self: this }, "4+ Stars"), /*#__PURE__*/ React.createElement("option", { value: 4.5, __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, "4.5+ Stars"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#003594] mb-1", __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, "Business Status"), /*#__PURE__*/ React.createElement("select", { value: filters.businessStatus, onChange: (e)=>setFilters({ ...filters, businessStatus: e.target.value }), className: "w-full px-3 py-1 border border-[#869397] rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-[#003594]", __source: { fileName: "", lineNumber: 452, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "OPEN", __source: { fileName: "", lineNumber: 459, columnNumber: 21 }, __self: this }, "Open"), /*#__PURE__*/ React.createElement("option", { value: "CLOSED_TEMPORARILY", __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this }, "Temporarily Closed"), /*#__PURE__*/ React.createElement("option", { value: "CLOSED", __source: { fileName: "", lineNumber: 463, columnNumber: 21 }, __self: this }, "Closed")))))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-md p-4 mb-6", __source: { fileName: "", lineNumber: 473, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mr-2 mt-0.5", __source: { fileName: "", lineNumber: 475, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-800", __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 482, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 484, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#e5e7eb] bg-[#003594]", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, "Search Results (", businesses.length, ")")), /*#__PURE__*/ React.createElement("div", { className: "max-h-[600px] overflow-y-auto", __source: { fileName: "", lineNumber: 491, columnNumber: 13 }, __self: this }, businesses.map((business, index)=>/*#__PURE__*/ React.createElement(BusinessCard, { key: business.place_id || index, business: business, __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this })), businesses.length === 0 && !loading && /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center text-[#6b7280]", __source: { fileName: "", lineNumber: 500, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-4xl mb-4 text-[#869397]", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }, "No businesses found. Try adjusting your search criteria."), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, 'Example searches: "Italian restaurants in New York", "plumbers in Chicago", "hotels in Miami"')))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 515, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#e5e7eb] bg-[#003594]", __source: { fileName: "", lineNumber: 516, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 517, columnNumber: 15 }, __self: this }, "Business Details")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 522, columnNumber: 13 }, __self: this }, selectedBusiness ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 524, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-[#003594] mb-2", __source: { fileName: "", lineNumber: 525, columnNumber: 19 }, __self: this }, selectedBusiness.name), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 529, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 530, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#869397] mr-3 mt-1", __source: { fileName: "", lineNumber: 531, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#6b7280]", __source: { fileName: "", lineNumber: 532, columnNumber: 23 }, __self: this }, selectedBusiness.full_address || selectedBusiness.address)), selectedBusiness.phone_number && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 539, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#869397] mr-3", __source: { fileName: "", lineNumber: 540, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: `tel:${selectedBusiness.phone_number}`, className: "text-[#003594] hover:text-[#002a7a] hover:underline transition-colors", __source: { fileName: "", lineNumber: 541, columnNumber: 25 }, __self: this }, selectedBusiness.phone_number)), selectedBusiness.website && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 551, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-[#869397] mr-3", __source: { fileName: "", lineNumber: 552, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: selectedBusiness.website, target: "_blank", rel: "noopener noreferrer", className: "text-[#003594] hover:text-[#002a7a] hover:underline transition-colors", __source: { fileName: "", lineNumber: 553, columnNumber: 25 }, __self: this }, "Visit Website")), selectedBusiness.rating && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 565, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-3", __source: { fileName: "", lineNumber: 566, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#6b7280]", __source: { fileName: "", lineNumber: 567, columnNumber: 25 }, __self: this }, selectedBusiness.rating, " stars (", selectedBusiness.review_count, " reviews)")), selectedBusiness.about?.summary && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 575, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-[#003594] mb-2", __source: { fileName: "", lineNumber: 576, columnNumber: 25 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6b7280] text-sm", __source: { fileName: "", lineNumber: 579, columnNumber: 25 }, __self: this }, selectedBusiness.about.summary)), selectedBusiness.subtypes && selectedBusiness.subtypes.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 587, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-[#003594] mb-2", __source: { fileName: "", lineNumber: 588, columnNumber: 27 }, __self: this }, "Categories"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 591, columnNumber: 27 }, __self: this }, selectedBusiness.subtypes.map((subtype, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-[#f8f9fa] text-[#003594] px-2 py-1 rounded text-sm border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 593, columnNumber: 31 }, __self: this }, subtype)))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 pt-4 border-t border-[#e5e7eb]", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-[#003594] mb-3", __source: { fileName: "", lineNumber: 605, columnNumber: 23 }, __self: this }, "Add to List"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-2", __source: { fileName: "", lineNumber: 608, columnNumber: 23 }, __self: this }, savedLists.map((listName)=>/*#__PURE__*/ React.createElement("button", { key: listName, onClick: ()=>addToList(selectedBusiness, listName), className: "bg-[#003594] text-white px-4 py-2 rounded-md hover:bg-[#002a7a] text-sm transition-colors", __source: { fileName: "", lineNumber: 610, columnNumber: 27 }, __self: this }, "Add to ", listName)))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#6b7280] py-8", __source: { fileName: "", lineNumber: 625, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-4xl mb-4 text-[#869397]", __source: { fileName: "", lineNumber: 626, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 627, columnNumber: 19 }, __self: this }, "Select a business from the list to view details"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2 text-[#869397]", __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, "Click on any business in the search results to see more information")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#003594] text-white py-8 mt-12", __source: { fileName: "", lineNumber: 640, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 641, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 642, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 643, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/auto/", alt: "Scraper Scraper Map Lead Exporter", className: "h-12 w-auto mb-4", __source: { fileName: "", lineNumber: 644, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#869397] mb-2", __source: { fileName: "", lineNumber: 649, columnNumber: 15 }, __self: this }, "© 2025 Scraper Scraper Map Lead Exporter. All rights reserved."), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#869397]", __source: { fileName: "", lineNumber: 652, columnNumber: 15 }, __self: this }, "Generate up to 50 business leads by industry, zip code, city-state, or region. Export results for research and outreach.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center md:items-end mt-6 md:mt-0", __source: { fileName: "", lineNumber: 657, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-4", __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/ScraperMapLeads", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#869397] transition-colors", title: "Follow us on Twitter for lead generation tips", __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 666, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.linkedin.com/company/scraper-map-leads", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#869397] transition-colors", title: "Connect with us on LinkedIn", __source: { fileName: "", lineNumber: 668, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 675, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/ScraperMapLeads", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#869397] transition-colors", title: "Join our Facebook community", __source: { fileName: "", lineNumber: 677, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl", __source: { fileName: "", lineNumber: 684, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#869397] text-center md:text-right", __source: { fileName: "", lineNumber: 687, columnNumber: 15 }, __self: this }, "Follow us for lead generation tips and updates")))))); }

Scraper Scraper

Search Results (0)

Business Details