${business.name}

${business.address}

${business.rating ? `

Rating: ${business.rating}\u2B50

` : ""}

` }); marker.addListener("click", () => { if (map) { const infoWindows = map.infoWindows || []; infoWindows.forEach((w) => w.close && w.close()); } infoWindow.open(newMap, marker); }); return marker; }).filter(Boolean); setMarkers(newMarkers); setMap(newMap); if (newMarkers.length > 0) { newMap.fitBounds(bounds); } else { newMap.setCenter({ lat: 0, lng: 0 }); newMap.setZoom(2); } }, [searchResults, map]); useEffect(() => { const timeoutId = setTimeout(() => { if (location) { handleLocationSearch(location); } }, 300); return () => clearTimeout(timeoutId); }, [location, handleLocationSearch]); return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 dark:text-white mb-8" }, "Business Search"), /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700 mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-[1fr,1fr,auto]" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: location, onChange: (e) => { setLocation(e.target.value); handleLocationSearch(e.target.value); }, placeholder: "Enter location...", className: "w-full p-3 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" } ), locationSuggestions.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg" }, locationSuggestions.map((suggestion) => /* @__PURE__ */ React.createElement( "button", { key: suggestion.place_id, onClick: () => { setLocation(suggestion.description); setLocationSuggestions([]); }, className: "w-full p-2 text-left hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-900 dark:text-white" }, suggestion.description )))), /* @__PURE__ */ React.createElement( "input", { type: "text", value: businessType, onChange: (e) => setBusinessType(e.target.value), placeholder: "Business type...", className: "w-full p-3 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" } ), /* @__PURE__ */ React.createElement( "button", { onClick: searchBusinesses, disabled: loading, className: "px-6 py-3 bg-gray-900 hover:bg-gray-800 text-white rounded-md font-medium transition-colors" }, loading ? "Searching..." : "Search" )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4 mt-4 items-center" }, /* @__PURE__ */ React.createElement( "select", { value: sourceFilter, onChange: (e) => setSourceFilter(e.target.value), className: "p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("option", { value: "all" }, "All Sources"), /* @__PURE__ */ React.createElement("option", { value: "local" }, "Google Only"), /* @__PURE__ */ React.createElement("option", { value: "yelp" }, "Yelp Only") ), /* @__PURE__ */ React.createElement( "select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("option", { value: "rating" }, "Sort by Rating"), /* @__PURE__ */ React.createElement("option", { value: "name" }, "Sort by Name") ), /* @__PURE__ */ React.createElement( "select", { value: priceFilter, onChange: (e) => setPriceFilter(e.target.value), className: "p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("option", { value: "all" }, "All Prices"), /* @__PURE__ */ React.createElement("option", { value: "$" }, "$"), /* @__PURE__ */ React.createElement("option", { value: "$$" }, "$$"), /* @__PURE__ */ React.createElement("option", { value: "$$$" }, "$$$"), /* @__PURE__ */ React.createElement("option", { value: "$$$$" }, "$$$$") ), /* @__PURE__ */ React.createElement( "select", { value: ratingFilter, onChange: (e) => setRatingFilter(Number(e.target.value)), className: "p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("option", { value: "0" }, "All Ratings"), /* @__PURE__ */ React.createElement("option", { value: "3" }, "3+ Stars"), /* @__PURE__ */ React.createElement("option", { value: "4" }, "4+ Stars"), /* @__PURE__ */ React.createElement("option", { value: "4.5" }, "4.5+ Stars") ), /* @__PURE__ */ React.createElement( "select", { value: radiusFilter, onChange: (e) => setRadiusFilter(Number(e.target.value)), className: "p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("option", { value: "1000" }, "1 km"), /* @__PURE__ */ React.createElement("option", { value: "5000" }, "5 km"), /* @__PURE__ */ React.createElement("option", { value: "10000" }, "10 km"), /* @__PURE__ */ React.createElement("option", { value: "20000" }, "20 km") ), /* @__PURE__ */ React.createElement("label", { className: "flex items-center text-gray-700 dark:text-gray-300" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: showOpenOnly, onChange: (e) => setShowOpenOnly(e.target.checked), className: "mr-2" } ), "Show Open Only"))), /* @__PURE__ */ React.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex rounded-lg border border-gray-200 dark:border-gray-700" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setViewMode("list"), className: `px-4 py-2 rounded-l-lg ${viewMode === "list" ? "bg-gray-900 text-white" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300"}` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-list mr-2" }), "List View" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setViewMode("map"), className: `px-4 py-2 rounded-r-lg ${viewMode === "map" ? "bg-gray-900 text-white" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300"}` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-map-marker-alt mr-2" }), "Map View" ))), error && /* @__PURE__ */ React.createElement("div", { className: "p-4 mb-6 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg" }, error), loading ? /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, [1, 2, 3].map((i) => /* @__PURE__ */ React.createElement( "div", { key: i, className: "animate-pulse bg-gray-100 dark:bg-gray-800 rounded-lg p-6 h-48" } ))) : searchResults.length > 0 ? viewMode === "list" ? /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, searchResults.map((business) => /* @__PURE__ */ React.createElement( "div", { key: business.id, className: "bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-start mb-2" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-lg text-gray-900 dark:text-white" }, business.name), /* @__PURE__ */ React.createElement( "span", { className: `text-xs px-2 py-1 rounded ${business.source === "yelp" ? "bg-red-100 text-red-600" : "bg-blue-100 text-blue-600"}` }, business.source === "yelp" ? "Yelp" : "Google" )), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 text-sm mb-2" }, business.address), business.phone && /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 text-sm mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-phone mr-2" }), business.phone), business.website && /* @__PURE__ */ React.createElement( "a", { href: business.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 dark:text-blue-400 text-sm mb-2 flex items-center hover:underline", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-globe mr-2" }), "Visit Website" ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center mr-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1" }), /* @__PURE__ */ React.createElement("span", { className: "text-gray-700 dark:text-gray-300" }, business.rating || "N/A")), business.review_count && /* @__PURE__ */ React.createElement("span", { className: "text-gray-600 dark:text-gray-400 text-sm" }, "(", business.review_count, " reviews)")), business.price && /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 text-sm mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-dollar-sign mr-2" }), business.price), business.working_hours && /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 text-sm mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-clock mr-2" }), typeof business.working_hours === "string" ? business.working_hours : JSON.stringify(business.working_hours)), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleBusinessClick(business), className: "mt-4 w-full px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors flex items-center justify-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-external-link-alt mr-2" }), "View on", " ", business.source === "yelp" ? "Yelp" : "Google Maps" ) ))) : /* @__PURE__ */ React.createElement("div", { className: "h-[600px] rounded-lg overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { id: "map", className: "w-full h-full" })) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400" }, location ? "No businesses found. Try adjusting your search." : "Enter a location to search for businesses.")))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();