function MainComponent() { const [lists, setLists] = React.useState([]); const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const [selectedList, setSelectedList] = React.useState(null); const [searchTerm, setSearchTerm] = React.useState(""); const [filterStatus, setFilterStatus] = React.useState("all"); const [filterRating, setFilterRating] = React.useState(0); const [editingNotes, setEditingNotes] = React.useState({}); const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(null); const [upload] = useUpload(); const [uploading, setUploading] = React.useState(false); const [editingSocial, setEditingSocial] = React.useState(null); // Load user lists on component mount React.useEffect(()=>{ loadUserLists(); }, []); React.useEffect(()=>{ const script = document.createElement("script"); script.type = "application/ld+json"; script.text = JSON.stringify({ "@context": "https://schema.org", "@type": "WebPage", name: "My Lists - Scraper Scraper", description: "Manage your saved business leads and contacts", image: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/png/-/quality/best/-/progressive/yes/-/resize/1200x/" }); document.head.appendChild(script); return ()=>{ document.head.removeChild(script); }; }, []); const loadUserLists = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/get-user-lists", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: 1 }) }); if (!response.ok) { throw new Error(`Failed to load lists: ${response.status} ${response.statusText}`); } const data = await response.json(); // Only set error if there's an actual error message if (!data.success && data.error) { setError(data.error); return; } // Initialize lists as empty array if none exist setLists(data.lists || []); // Only set selected list if we have lists if (data.lists && data.lists.length > 0) { setSelectedList(data.lists[0].name); } } catch (err) { console.error("Error loading lists:", err); setError("Failed to load your lists. Please try again."); } finally{ setLoading(false); } }; // Update business notes const updateNotes = async (businessId, listName, notes)=>{ try { const updateQuery = ` UPDATE user_business_lists SET notes = $1 WHERE user_id = $2 AND business_id = $3 AND list_name = $4 `; const response = await fetch("/api/db-query", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: updateQuery, params: [ notes, 1, businessId, listName ] }) }); if (!response.ok) { throw new Error("Failed to update notes"); } // Update local state setLists((prevLists)=>prevLists.map((list)=>list.name === listName ? { ...list, businesses: list.businesses.map((business)=>business.id === businessId ? { ...business, notes } : business) } : list)); setEditingNotes((prev)=>({ ...prev, [`${businessId}-${listName}`]: false })); } catch (err) { console.error("Error updating notes:", err); alert("Failed to update notes"); } }; // Remove business from list const removeBusiness = async (businessId, listName)=>{ try { const deleteQuery = ` DELETE FROM user_business_lists WHERE user_id = $1 AND business_id = $2 AND list_name = $3 `; const response = await fetch("/api/db-query", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: deleteQuery, params: [ 1, businessId, listName ] }) }); if (!response.ok) { throw new Error("Failed to remove business"); } // Update local state setLists((prevLists)=>prevLists.map((list)=>list.name === listName ? { ...list, businesses: list.businesses.filter((business)=>business.id !== businessId) } : list)); setShowDeleteConfirm(null); } catch (err) { console.error("Error removing business:", err); alert("Failed to remove business from list"); } }; // Export list to CSV const exportListToCSV = (listName)=>{ const list = lists.find((l)=>l.name === listName); if (!list || list.businesses.length === 0) { alert("No businesses to export in this list"); return; } const csvContent = [ [ "Name", "Address", "Phone", "Website", "Rating", "Reviews", "Type", "Status", "Notes", "Added Date" ].join(","), ...list.businesses.map((b)=>[ `"${b.name || ""}"`, `"${b.address || ""}"`, `"${b.phone_number || ""}"`, `"${b.website || ""}"`, b.rating || "", b.review_count || "", `"${b.business_type || ""}"`, `"${b.business_status || ""}"`, `"${b.notes || ""}"`, b.added_at ? new Date(b.added_at).toLocaleDateString() : "" ].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 = `${listName}-${Date.now()}.csv`; a.click(); window.URL.revokeObjectURL(url); }; // Handle image upload const handleImageUpload = async (businessId, file)=>{ setUploading(true); try { const { url, error } = await upload({ file }); if (error) { throw new Error(error); } 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"); } // Refresh the lists to show updated images loadUserLists(); } catch (err) { console.error("Upload error:", err); alert("Failed to upload image"); } finally{ setUploading(false); } }; // Handle social media links update const updateSocialLinks = async (businessId, socialLinks)=>{ try { const response = await fetch("/api/update-business-metadata", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ businessId, metadata: { socialLinks } }) }); if (!response.ok) { throw new Error("Failed to update social links"); } setEditingSocial(null); loadUserLists(); } catch (err) { console.error("Error updating social links:", err); alert("Failed to update social links"); } }; // Add social media form component const SocialMediaForm = ({ business, onSave, onCancel })=>{ const [links, setLinks] = React.useState({ facebook: business.social_links?.facebook || "", twitter: business.social_links?.twitter || "", linkedin: business.social_links?.linkedin || "", instagram: business.social_links?.instagram || "" }); return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-sm border border-[#e5e7eb]", __source: { fileName: "", lineNumber: 279, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-[#003594] mb-3", __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, "Social Media Links"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 281, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 282, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-[#6b7280] mb-1", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, "Facebook"), /*#__PURE__*/ React.createElement("input", { type: "url", value: links.facebook, onChange: (e)=>setLinks({ ...links, facebook: e.target.value }), className: "w-full px-3 py-2 border border-[#869397] rounded-md text-sm", placeholder: "https://facebook.com/...", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-[#6b7280] mb-1", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }, "Twitter"), /*#__PURE__*/ React.createElement("input", { type: "url", value: links.twitter, onChange: (e)=>setLinks({ ...links, twitter: e.target.value }), className: "w-full px-3 py-2 border border-[#869397] rounded-md text-sm", placeholder: "https://twitter.com/...", __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 304, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-[#6b7280] mb-1", __source: { fileName: "", lineNumber: 305, columnNumber: 13 }, __self: this }, "LinkedIn"), /*#__PURE__*/ React.createElement("input", { type: "url", value: links.linkedin, onChange: (e)=>setLinks({ ...links, linkedin: e.target.value }), className: "w-full px-3 py-2 border border-[#869397] rounded-md text-sm", placeholder: "https://linkedin.com/...", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 316, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-[#6b7280] mb-1", __source: { fileName: "", lineNumber: 317, columnNumber: 13 }, __self: this }, "Instagram"), /*#__PURE__*/ React.createElement("input", { type: "url", value: links.instagram, onChange: (e)=>setLinks({ ...links, instagram: e.target.value }), className: "w-full px-3 py-2 border border-[#869397] rounded-md text-sm", placeholder: "https://instagram.com/...", __source: { fileName: "", lineNumber: 320, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-4", __source: { fileName: "", lineNumber: 331, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onCancel, className: "px-3 py-2 text-[#6b7280] border border-[#869397] rounded-md hover:bg-[#f8f9fa] text-sm", __source: { fileName: "", lineNumber: 332, columnNumber: 11 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>onSave(links), className: "px-3 py-2 bg-[#003594] text-white rounded-md hover:bg-[#002a7a] text-sm", __source: { fileName: "", lineNumber: 338, columnNumber: 11 }, __self: this }, "Save Links"))); }; // Modify the business card to include image upload and social media const BusinessCard = ({ business, listName })=>{ const editKey = `${business.id}-${listName}`; const isEditingNotes = editingNotes[editKey]; return /*#__PURE__*/ React.createElement("div", { className: "relative border-b border-[#e5e7eb] p-4", __source: { fileName: "", lineNumber: 355, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 356, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-32 h-32 mr-4 flex-shrink-0", __source: { fileName: "", lineNumber: 358, columnNumber: 11 }, __self: this }, business.photos_sample?.[0]?.url ? /*#__PURE__*/ React.createElement("img", { src: business.photos_sample[0].url, alt: business.name, className: "w-full h-full object-cover rounded-md", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#f8f9fa] rounded-md flex items-center justify-center", __source: { fileName: "", lineNumber: 366, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-[#869397] text-3xl", __source: { fileName: "", lineNumber: 367, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-2 right-2", __source: { fileName: "", lineNumber: 370, columnNumber: 13 }, __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: 371, columnNumber: 15 }, __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: 380, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera", __source: { fileName: "", lineNumber: 384, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 390, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#003594]", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }, business.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#6b7280] mt-1", __source: { fileName: "", lineNumber: 394, columnNumber: 17 }, __self: this }, business.address)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingSocial(business.id), className: "text-[#869397] hover:text-[#003594] p-1", title: "Edit social media links", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt", __source: { fileName: "", lineNumber: 404, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingNotes((prev)=>({ ...prev, [editKey]: !isEditingNotes })), className: "text-gray-400 hover:text-blue-600 p-1", title: "Edit notes", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 416, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm({ businessId: business.id, listName: currentList.name, businessName: business.name }), className: "text-gray-400 hover:text-red-600 p-1", title: "Remove from list", __source: { fileName: "", lineNumber: 418, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 429, columnNumber: 19 }, __self: this })))), editingSocial === business.id ? /*#__PURE__*/ React.createElement(SocialMediaForm, { business: business, onSave: (links)=>updateSocialLinks(business.id, links), onCancel: ()=>setEditingSocial(null), __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3 mt-2", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, business.social_links?.facebook && /*#__PURE__*/ React.createElement("a", { href: business.social_links.facebook, target: "_blank", rel: "noopener noreferrer", className: "text-[#003594] hover:text-[#002a7a]", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-lg", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this })), business.social_links?.twitter && /*#__PURE__*/ React.createElement("a", { href: business.social_links.twitter, target: "_blank", rel: "noopener noreferrer", className: "text-[#003594] hover:text-[#002a7a]", __source: { fileName: "", lineNumber: 454, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-lg", __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this })), business.social_links?.linkedin && /*#__PURE__*/ React.createElement("a", { href: business.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", className: "text-[#003594] hover:text-[#002a7a]", __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-lg", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this })), business.social_links?.instagram && /*#__PURE__*/ React.createElement("a", { href: business.social_links.instagram, target: "_blank", rel: "noopener noreferrer", className: "text-[#003594] hover:text-[#002a7a]", __source: { fileName: "", lineNumber: 474, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-lg", __source: { fileName: "", lineNumber: 480, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 487, columnNumber: 13 }, __self: this }, isEditingNotes ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { defaultValue: business.notes || "", placeholder: "Add notes about this business...", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm", rows: "2", onKeyDown: (e)=>{ if (e.key === "Enter" && e.ctrlKey) { updateNotes(business.id, currentList.name, e.target.value); } }, __source: { fileName: "", lineNumber: 490, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ const textarea = e.target.parentElement.querySelector("textarea"); updateNotes(business.id, currentList.name, textarea.value); }, className: "bg-blue-600 text-white px-3 py-2 rounded-md hover:bg-blue-700 text-sm", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, "Save"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingNotes((prev)=>({ ...prev, [editKey]: false })), className: "bg-gray-300 text-gray-700 px-3 py-2 rounded-md hover:bg-gray-400 text-sm", __source: { fileName: "", lineNumber: 519, columnNumber: 19 }, __self: this }, "Cancel")) : /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-3 rounded-md", __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 534, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-medium mb-1", __source: { fileName: "", lineNumber: 535, columnNumber: 23 }, __self: this }, "Notes:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 538, columnNumber: 23 }, __self: this }, business.notes || "No notes added yet. Click the edit icon to add notes.")))))))); }; // Filter businesses based on search and filters const getFilteredBusinesses = (businesses)=>{ return businesses.filter((business)=>{ const matchesSearch = !searchTerm || business.name?.toLowerCase().includes(searchTerm.toLowerCase()) || business.address?.toLowerCase().includes(searchTerm.toLowerCase()) || business.notes?.toLowerCase().includes(searchTerm.toLowerCase()); const matchesStatus = filterStatus === "all" || business.business_status === filterStatus; const matchesRating = filterRating === 0 || business.rating && business.rating >= filterRating; return matchesSearch && matchesStatus && matchesRating; }); }; const currentList = lists.find((list)=>list.name === selectedList); const filteredBusinesses = currentList ? getFilteredBusinesses(currentList.businesses) : []; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 580, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 581, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-4xl text-blue-600 mb-4", __source: { fileName: "", lineNumber: 582, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 583, columnNumber: 11 }, __self: this }, "Loading your lists..."))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 590, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#003594] shadow-lg border-b border-[#869397]", __source: { fileName: "", lineNumber: 592, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 593, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 594, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 595, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/png/-/quality/best/-/progressive/yes/-/resize/48x/", alt: "Scraper Scraper Logo", className: "h-12 w-auto mr-4", __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 601, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 602, columnNumber: 17 }, __self: this }, "My Lists"), /*#__PURE__*/ React.createElement("p", { className: "text-[#869397] mt-1", __source: { fileName: "", lineNumber: 603, columnNumber: 17 }, __self: this }, "Manage your saved business leads and contacts"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 608, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/download", className: "bg-[#002a7a] text-white px-4 py-2 rounded-md hover:bg-[#001f5c] transition-colors", __source: { fileName: "", lineNumber: 609, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 613, columnNumber: 17 }, __self: this }), "Download App"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-[#869397] text-white px-4 py-2 rounded-md hover:bg-[#7a8589] transition-colors", __source: { fileName: "", lineNumber: 616, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 620, columnNumber: 17 }, __self: this }), "Find More Leads"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 628, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-md p-4 mb-6", __source: { fileName: "", lineNumber: 630, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 631, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mr-2 mt-0.5", __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-800", __source: { fileName: "", lineNumber: 633, columnNumber: 15 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 638, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 640, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 641, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 642, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 643, columnNumber: 17 }, __self: this }, "Your Lists")), /*#__PURE__*/ React.createElement("div", { className: "p-2", __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, lists.map((list)=>/*#__PURE__*/ React.createElement("button", { key: list.name, onClick: ()=>setSelectedList(list.name), className: `w-full text-left p-3 rounded-md mb-2 transition-colors ${selectedList === list.name ? "bg-blue-50 text-blue-700 border border-blue-200" : "hover:bg-gray-50 text-gray-700"}`, __source: { fileName: "", lineNumber: 649, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 658, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 659, columnNumber: 23 }, __self: this }, list.name), /*#__PURE__*/ React.createElement("span", { className: "text-sm bg-gray-100 text-gray-600 px-2 py-1 rounded-full", __source: { fileName: "", lineNumber: 660, columnNumber: 23 }, __self: this }, list.businesses.length)))), lists.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 668, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list text-3xl mb-3", __source: { fileName: "", lineNumber: 669, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 670, columnNumber: 21 }, __self: this }, "No lists found"), /*#__PURE__*/ React.createElement("p", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 671, columnNumber: 21 }, __self: this }, "Start by searching for businesses"))))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-3", __source: { fileName: "", lineNumber: 681, columnNumber: 11 }, __self: this }, currentList ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 683, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 686, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 687, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 688, columnNumber: 23 }, __self: this }, currentList.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 691, columnNumber: 23 }, __self: this }, filteredBusinesses.length, " of", " ", currentList.businesses.length, " businesses")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>exportListToCSV(currentList.name), className: "bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700 text-sm", __source: { fileName: "", lineNumber: 696, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 700, columnNumber: 23 }, __self: this }), "Export CSV")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 706, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 707, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search businesses...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 708, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 717, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: filterStatus, onChange: (e)=>setFilterStatus(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 718, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 723, columnNumber: 25 }, __self: this }, "All Status"), /*#__PURE__*/ React.createElement("option", { value: "OPEN", __source: { fileName: "", lineNumber: 724, columnNumber: 25 }, __self: this }, "Open"), /*#__PURE__*/ React.createElement("option", { value: "CLOSED_TEMPORARILY", __source: { fileName: "", lineNumber: 725, columnNumber: 25 }, __self: this }, "Temporarily Closed"), /*#__PURE__*/ React.createElement("option", { value: "CLOSED", __source: { fileName: "", lineNumber: 728, columnNumber: 25 }, __self: this }, "Closed"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 732, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: filterRating, onChange: (e)=>setFilterRating(parseFloat(e.target.value)), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 733, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: 0, __source: { fileName: "", lineNumber: 740, columnNumber: 25 }, __self: this }, "Any Rating"), /*#__PURE__*/ React.createElement("option", { value: 3, __source: { fileName: "", lineNumber: 741, columnNumber: 25 }, __self: this }, "3+ Stars"), /*#__PURE__*/ React.createElement("option", { value: 4, __source: { fileName: "", lineNumber: 742, columnNumber: 25 }, __self: this }, "4+ Stars"), /*#__PURE__*/ React.createElement("option", { value: 4.5, __source: { fileName: "", lineNumber: 743, columnNumber: 25 }, __self: this }, "4.5+ Stars"))))), /*#__PURE__*/ React.createElement("div", { className: "max-h-[600px] overflow-y-auto", __source: { fileName: "", lineNumber: 750, columnNumber: 17 }, __self: this }, filteredBusinesses.map((business)=>{ const editKey = `${business.id}-${currentList.name}`; const isEditingNotes = editingNotes[editKey]; return /*#__PURE__*/ React.createElement("div", { key: business.id, className: "p-4 border-b hover:bg-gray-50", __source: { fileName: "", lineNumber: 756, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 760, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 761, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 762, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 763, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 764, columnNumber: 33 }, __self: this }, business.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 767, columnNumber: 33 }, __self: this }, business.address), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 text-sm", __source: { fileName: "", lineNumber: 771, columnNumber: 33 }, __self: this }, business.rating && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mr-4", __source: { fileName: "", lineNumber: 773, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 774, columnNumber: 39 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 775, columnNumber: 39 }, __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 mr-2", __source: { fileName: "", lineNumber: 783, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1", __source: { fileName: "", lineNumber: 784, columnNumber: 39 }, __self: this }), "Verified"), /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded ${business.business_status === "OPEN" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 789, columnNumber: 35 }, __self: this }, business.business_status)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 800, columnNumber: 33 }, __self: this }, business.phone_number && /*#__PURE__*/ React.createElement("a", { href: `tel:${business.phone_number}`, className: "text-blue-600 hover:underline mr-4", __source: { fileName: "", lineNumber: 802, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-1", __source: { fileName: "", lineNumber: 806, columnNumber: 39 }, __self: this }), business.phone_number), business.website && /*#__PURE__*/ React.createElement("a", { href: business.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 812, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe mr-1", __source: { fileName: "", lineNumber: 818, columnNumber: 39 }, __self: this }), "Website")), business.added_at && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-2", __source: { fileName: "", lineNumber: 825, columnNumber: 35 }, __self: this }, "Added:", " ", new Date(business.added_at).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "ml-4 flex items-center space-x-2", __source: { fileName: "", lineNumber: 834, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingNotes((prev)=>({ ...prev, [editKey]: !isEditingNotes })), className: "text-gray-400 hover:text-blue-600 p-1", title: "Edit notes", __source: { fileName: "", lineNumber: 835, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 845, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm({ businessId: business.id, listName: currentList.name, businessName: business.name }), className: "text-gray-400 hover:text-red-600 p-1", title: "Remove from list", __source: { fileName: "", lineNumber: 847, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 858, columnNumber: 35 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 864, columnNumber: 29 }, __self: this }, isEditingNotes ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 866, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { defaultValue: business.notes || "", placeholder: "Add notes about this business...", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm", rows: "2", onKeyDown: (e)=>{ if (e.key === "Enter" && e.ctrlKey) { updateNotes(business.id, currentList.name, e.target.value); } }, __source: { fileName: "", lineNumber: 867, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ const textarea = e.target.parentElement.querySelector("textarea"); updateNotes(business.id, currentList.name, textarea.value); }, className: "bg-blue-600 text-white px-3 py-2 rounded-md hover:bg-blue-700 text-sm", __source: { fileName: "", lineNumber: 882, columnNumber: 35 }, __self: this }, "Save"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingNotes((prev)=>({ ...prev, [editKey]: false })), className: "bg-gray-300 text-gray-700 px-3 py-2 rounded-md hover:bg-gray-400 text-sm", __source: { fileName: "", lineNumber: 898, columnNumber: 35 }, __self: this }, "Cancel")) : /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-3 rounded-md", __source: { fileName: "", lineNumber: 911, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 912, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 913, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-medium mb-1", __source: { fileName: "", lineNumber: 914, columnNumber: 39 }, __self: this }, "Notes:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 917, columnNumber: 39 }, __self: this }, business.notes || "No notes added yet. Click the edit icon to add notes.")))))))); }), filteredBusinesses.length === 0 && currentList.businesses.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center text-gray-500", __source: { fileName: "", lineNumber: 934, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-3xl mb-3", __source: { fileName: "", lineNumber: 935, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 936, columnNumber: 25 }, __self: this }, "No businesses match your search criteria"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-1", __source: { fileName: "", lineNumber: 937, columnNumber: 25 }, __self: this }, "Try adjusting your filters")), currentList.businesses.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center text-gray-500", __source: { fileName: "", lineNumber: 944, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-4xl mb-4", __source: { fileName: "", lineNumber: 945, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 946, columnNumber: 23 }, __self: this }, "This list is empty"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-1", __source: { fileName: "", lineNumber: 947, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 948, columnNumber: 25 }, __self: this }, "Search for businesses"), " ", "to add them to this list")))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-8 text-center text-gray-500", __source: { fileName: "", lineNumber: 958, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list text-4xl mb-4", __source: { fileName: "", lineNumber: 959, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 960, columnNumber: 17 }, __self: this }, "Select a list to view your saved businesses"))))), showDeleteConfirm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 969, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 970, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 971, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-red-500 text-xl mr-3", __source: { fileName: "", lineNumber: 972, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 973, columnNumber: 15 }, __self: this }, "Confirm Removal")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 977, columnNumber: 13 }, __self: this }, "Are you sure you want to remove", " ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 979, columnNumber: 15 }, __self: this }, showDeleteConfirm.businessName), " from your", " ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 980, columnNumber: 15 }, __self: this }, showDeleteConfirm.listName), " list?"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-3", __source: { fileName: "", lineNumber: 982, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteConfirm(null), className: "px-4 py-2 text-gray-600 border border-gray-300 rounded-md hover:bg-gray-50", __source: { fileName: "", lineNumber: 983, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeBusiness(showDeleteConfirm.businessId, showDeleteConfirm.listName), className: "px-4 py-2 bg-red-600 text-white rounded-md hover:bg-red-700", __source: { fileName: "", lineNumber: 989, columnNumber: 15 }, __self: this }, "Remove")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#003594] text-white py-8 mt-12", __source: { fileName: "", lineNumber: 1006, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 1007, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 1008, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1009, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/png/-/quality/best/-/progressive/yes/-/resize/48x/", alt: "Scraper Scraper Logo", className: "h-12 w-auto mb-4", __source: { fileName: "", lineNumber: 1010, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#869397]", __source: { fileName: "", lineNumber: 1015, columnNumber: 15 }, __self: this }, "© 2025 Scraper Scraper. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1019, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/mcrowell44", className: "text-white hover:text-[#869397] transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 1020, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 1026, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.linkedin.com/in/marcuscrowell", className: "text-white hover:text-[#869397] transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 1028, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 1034, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/share/1EZmy9Wp4o/", className: "text-white hover:text-[#869397] transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 1036, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/ac37157f-8755-4ab6-b425-ac9b0aa5dcc5/-/format/png/-/quality/best/-/progressive/yes/-/resize/32x/", alt: "Facebook", className: "w-8 h-8 object-contain", __source: { fileName: "", lineNumber: 1042, columnNumber: 17 }, __self: this }))))))); }