$1

'); formatted = formatted.replace(/^## (.*$)/gm, '

$1

'); formatted = formatted.replace(/\*\*(.*?)\*\*/g, '$1'); formatted = formatted.replace(/\*(.*?)\*/g, '$1'); formatted = formatted.replace(/(.*?)<\/u>/g, '$1'); formatted = formatted.replace(/~~(.*?)~~/g, '$1'); formatted = formatted.replace(/\[([^\]]+)\]$([^)]+)$/g, '$1'); formatted = formatted.replace(/^- (.*$)/gm, '

\u2022 $1

'); formatted = formatted.replace(/^\d+\. (.*$)/gm, '

'); formatted = formatted.replace(/(

• .*<\/li>\s*)+/g, '

$&'); formatted = formatted.replace(/(

.*<\/li>\s*)+/g, '

$&'); formatted = formatted.replace(/\n/g, "
"); return formatted; }; return /* @__PURE__ */ import_react11.default.createElement( "div", { className: `formatted-text ${className}`, dangerouslySetInnerHTML: { __html: formatText(text) } } ); } // virtual:/apps/web/src/components/HomePage/RestaurantCard.jsx function RestaurantCard({ restaurant, sortBy, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation }) { const { t, language } = useTranslation(); const handleButtonClick = (e, action) => { e.preventDefault(); e.stopPropagation(); action(); }; const getDescription = () => { let description; if (language === "nl" && restaurant.description_nl) { description = restaurant.description_nl; } else { description = restaurant.summary || restaurant.description; } if (description && description.length > 100) { return description.substring(0, 100) + "..."; } return description || ""; }; return /* @__PURE__ */ import_react12.default.createElement( "a", { href: `/restaurant/${restaurant.slug}`, className: "block bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer overflow-hidden group border border-gray-100", style: { WebkitTapHighlightColor: "rgba(0, 0, 0, 0.1)" } }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative h-48 bg-gray-200 overflow-hidden" }, restaurant.photos && restaurant.photos.length > 0 ? /* @__PURE__ */ import_react12.default.createElement( "img", { src: restaurant.photos[0], alt: restaurant.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" } ) : restaurant.photo_url && /* @__PURE__ */ import_react12.default.createElement( "img", { src: restaurant.photo_url, alt: restaurant.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" } ), sortBy === "trending" && restaurant.last_vote_date && new Date(restaurant.last_vote_date) > new Date(Date.now() - 7 * 24 * 60 * 60 * 1e3) && /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute top-3 left-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex items-center gap-1 px-3 py-1 bg-gradient-to-r from-[#e6a500] to-[#cc9400] text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-lg" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.TrendingUp, { className: "h-3 w-3" }), "Trending"))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-5" }, /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-xl font-bold text-gray-900 mb-2 group-hover:text-[#c084ff] transition-colors duration-300" }, restaurant.name), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-gray-700 text-base leading-relaxed mb-4 min-h-[48px]" }, /* @__PURE__ */ import_react12.default.createElement(FormattedText, { text: getDescription(), className: "line-clamp-2" })), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "bg-[#c084ff]/10 px-2 py-1 rounded-lg text-[#c084ff] text-sm font-bold" }, restaurant.price_range), restaurant.google_rating && /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.Star, { className: "h-4 w-4 fill-[#e6a500] text-[#e6a500]" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-sm font-bold text-gray-700" }, restaurant.google_rating)))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-wrap gap-2 mb-4 min-h-[28px]" }, restaurant.tags && restaurant.tags.length > 0 ? restaurant.tags.slice(0, 3).map((tag, index) => /* @__PURE__ */ import_react12.default.createElement( "span", { key: index, className: "px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded-full font-medium" }, tag )) : /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-xs text-gray-400 italic" }, "No tags available"), restaurant.tags && restaurant.tags.length > 3 && /* @__PURE__ */ import_react12.default.createElement("span", { className: "px-2 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-medium" }, "+", restaurant.tags.length - 3, " more")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react12.default.createElement( "button", { onClick: (e) => handleButtonClick(e, () => handleVote(restaurant.id)), disabled: votedRestaurants.has(restaurant.id) || voteMutation.isPending, className: `flex-1 flex items-center justify-center gap-2 py-3 rounded-xl text-sm font-bold uppercase tracking-wider transition-all duration-300 ${votedRestaurants.has(restaurant.id) ? "bg-green-500 text-white cursor-default" : "bg-gray-100 text-[#c084ff] hover:bg-[#c084ff] hover:text-white"}` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.ThumbsUp, { className: "h-4 w-4" }), /* @__PURE__ */ import_react12.default.createElement("span", null, restaurant.votes), votedRestaurants.has(restaurant.id) && /* @__PURE__ */ import_react12.default.createElement("span", null, t("voted")) ), /* @__PURE__ */ import_react12.default.createElement( "button", { onClick: (e) => handleButtonClick(e, () => handleFavoriteToggle(restaurant.id)), disabled: favoriteMutation.isPending, className: `p-3 rounded-xl transition-all duration-300 shadow-lg ${favoriteRestaurants.has(restaurant.id) ? "text-white bg-[#e6a500] border border-[#cc9400]" : "text-[#e6a500] bg-gray-100 hover:bg-[#e6a500] hover:text-white border border-gray-200"}` }, /* @__PURE__ */ import_react12.default.createElement( import_lucide_react5.Bookmark, { className: `h-4 w-4 ${favoriteRestaurants.has(restaurant.id) ? "fill-current" : ""}` } ) ))) ); } // virtual:/apps/web/src/components/HomePage/RestaurantList.jsx function RestaurantList({ restaurants, sortBy, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation }) { return /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" }, restaurants.map((restaurant) => /* @__PURE__ */ import_react13.default.createElement( RestaurantCard, { key: restaurant.id, restaurant, sortBy, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation } ))); } // virtual:/apps/web/src/components/HomePage/RestaurantListSkeleton.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); function RestaurantListSkeleton() { return /* @__PURE__ */ import_react14.default.createElement("div", { className: "grid gap-6" }, [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ import_react14.default.createElement( "div", { key: i, className: "bg-white rounded-xl border border-gray-200 p-6" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "animate-pulse" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "h-6 bg-gray-200 rounded w-1/3 mb-3" }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "h-4 bg-gray-200 rounded w-2/3 mb-2" }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/2" })) ))); } // virtual:/apps/web/src/components/HomePage/NoResults.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); var import_lucide_react6 = __toESM(require_lucide_react()); function NoResults() { return /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react6.MapPin, { className: "h-12 w-12 text-gray-400 mx-auto mb-4" }), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "No restaurants found"), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-gray-600" }, "Try adjusting your search or filters")); } // virtual:/apps/web/src/components/HomePage/RestaurantMap.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); // ../../../node_modules/@vis.gl/react-google-maps/dist/index.modern.mjs init_injected_globals(); var import_react16 = __toESM(require_react(), 1); var import_react_dom = __toESM(require_react_dom(), 1); var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1); function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); } function _extends() { _extends = Object.assign ? Object.assign.bind() : function(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var APILoadingStatus = { NOT_LOADED: "NOT_LOADED", LOADING: "LOADING", LOADED: "LOADED", FAILED: "FAILED", AUTH_FAILURE: "AUTH_FAILURE" }; var MAPS_API_BASE_URL = "https://maps.googleapis.com/maps/api/js"; var GoogleMapsApiLoader = class { /** * Loads the Google Maps API with the specified parameters. * Since the Maps library can only be loaded once per page, this will * produce a warning when called multiple times with different * parameters. * * The returned promise resolves when loading completes * and rejects in case of an error or when the loading was aborted. */ static async load(params, onLoadingStatusChange) { var _window$google; const libraries = params.libraries ? params.libraries.split(",") : []; const serializedParams = this.serializeParams(params); this.listeners.push(onLoadingStatusChange); if ((_window$google = window.google) != null && (_window$google = _window$google.maps) != null && _window$google.importLibrary) { if (!this.serializedApiParams) { this.loadingStatus = APILoadingStatus.LOADED; } this.notifyLoadingStatusListeners(); } else { this.serializedApiParams = serializedParams; this.initImportLibrary(params); } if (this.serializedApiParams && this.serializedApiParams !== serializedParams) { console.warn(`[google-maps-api-loader] The maps API has already been loaded with different parameters and will not be loaded again. Refresh the page for new values to have effect.`); } const librariesToLoad = ["maps", ...libraries]; await Promise.all(librariesToLoad.map((name) => google.maps.importLibrary(name))); } /** * Serialize the paramters used to load the library for easier comparison. */ static serializeParams(params) { return [params.v, params.key, params.language, params.region, params.authReferrerPolicy, params.solutionChannel].join("/"); } /** * Creates the global `google.maps.importLibrary` function for bootstrapping. * This is essentially a formatted version of the dynamic loading script * from the official documentation with some minor adjustments. * * The created importLibrary function will load the Google Maps JavaScript API, * which will then replace the `google.maps.importLibrary` function with the full * implementation. * * @see https://developers.google.com/maps/documentation/javascript/load-maps-js-api#dynamic-library-import */ static initImportLibrary(params) { if (!window.google) window.google = {}; if (!window.google.maps) window.google.maps = {}; if (window.google.maps["importLibrary"]) { console.error("[google-maps-api-loader-internal]: initImportLibrary must only be called once"); return; } let apiPromise = null; const loadApi = () => { if (apiPromise) return apiPromise; apiPromise = new Promise((resolve, reject) => { var _document$querySelect; const scriptElement = document.createElement("script"); const urlParams = new URLSearchParams(); for (const [key, value] of Object.entries(params)) { const urlParamName = key.replace(/[A-Z]/g, (t) => "_" + t[0].toLowerCase()); urlParams.set(urlParamName, value); } urlParams.set("loading", "async"); urlParams.set("callback", "__googleMapsCallback__"); scriptElement.async = true; scriptElement.src = MAPS_API_BASE_URL + `?` + urlParams.toString(); scriptElement.nonce = ((_document$querySelect = document.querySelector("script[nonce]")) == null ? void 0 : _document$querySelect.nonce) || ""; scriptElement.onerror = () => { this.loadingStatus = APILoadingStatus.FAILED; this.notifyLoadingStatusListeners(); reject(new Error("The Google Maps JavaScript API could not load.")); }; window.__googleMapsCallback__ = () => { this.loadingStatus = APILoadingStatus.LOADED; this.notifyLoadingStatusListeners(); resolve(); }; window.gm_authFailure = () => { this.loadingStatus = APILoadingStatus.AUTH_FAILURE; this.notifyLoadingStatusListeners(); }; this.loadingStatus = APILoadingStatus.LOADING; this.notifyLoadingStatusListeners(); document.head.append(scriptElement); }); return apiPromise; }; google.maps.importLibrary = (libraryName) => loadApi().then(() => google.maps.importLibrary(libraryName)); } /** * Calls all registered loadingStatusListeners after a status update. */ static notifyLoadingStatusListeners() { for (const fn of this.listeners) { fn(this.loadingStatus); } } }; GoogleMapsApiLoader.loadingStatus = APILoadingStatus.NOT_LOADED; GoogleMapsApiLoader.serializedApiParams = void 0; GoogleMapsApiLoader.listeners = []; var _excluded$3 = ["onLoad", "apiKey", "version", "libraries"]; var _excluded2 = ["children"]; var APIProviderContext = import_react16.default.createContext(null); function useMapInstances() { const [mapInstances, setMapInstances] = (0, import_react16.useState)({}); const addMapInstance = (mapInstance, id = "default") => { setMapInstances((instances) => _extends({}, instances, { [id]: mapInstance })); }; const removeMapInstance = (id = "default") => { setMapInstances((_ref) => { let remaining = _objectWithoutPropertiesLoose(_ref, [id].map(_toPropertyKey)); return remaining; }); }; const clearMapInstances = () => { setMapInstances({}); }; return { mapInstances, addMapInstance, removeMapInstance, clearMapInstances }; } function useGoogleMapsApiLoader(props) { const { onLoad, apiKey, version, libraries = [] } = props, otherApiParams = _objectWithoutPropertiesLoose(props, _excluded$3); const [status, setStatus] = (0, import_react16.useState)(GoogleMapsApiLoader.loadingStatus); const [loadedLibraries, addLoadedLibrary] = (0, import_react16.useReducer)((loadedLibraries2, action) => { return _extends({}, loadedLibraries2, { [action.name]: action.value }); }, {}); const librariesString = (0, import_react16.useMemo)(() => libraries == null ? void 0 : libraries.join(","), [libraries]); const serializedParams = (0, import_react16.useMemo)(() => JSON.stringify(_extends({ apiKey, version }, otherApiParams)), [apiKey, version, otherApiParams]); const importLibrary = (0, import_react16.useCallback)(async (name) => { var _google; if (loadedLibraries[name]) { return loadedLibraries[name]; } if (!((_google = google) != null && (_google = _google.maps) != null && _google.importLibrary)) { throw new Error("[api-provider-internal] importLibrary was called before google.maps.importLibrary was defined."); } const res = await window.google.maps.importLibrary(name); addLoadedLibrary({ name, value: res }); return res; }, [loadedLibraries]); (0, import_react16.useEffect)( () => { (async () => { try { const params = _extends({ key: apiKey }, otherApiParams); if (version) params.v = version; if ((librariesString == null ? void 0 : librariesString.length) > 0) params.libraries = librariesString; await GoogleMapsApiLoader.load(params, (status2) => setStatus(status2)); for (const name of ["core", "maps", ...libraries]) { await importLibrary(name); } if (onLoad) { onLoad(); } } catch (error) { console.error(" failed to load Google Maps API", error); } })(); }, // eslint-disable-next-line react-hooks/exhaustive-deps [apiKey, librariesString, serializedParams] ); return { status, loadedLibraries, importLibrary }; } var APIProvider = (props) => { const { children } = props, loaderProps = _objectWithoutPropertiesLoose(props, _excluded2); const { mapInstances, addMapInstance, removeMapInstance, clearMapInstances } = useMapInstances(); const { status, loadedLibraries, importLibrary } = useGoogleMapsApiLoader(loaderProps); const contextValue = (0, import_react16.useMemo)(() => ({ mapInstances, addMapInstance, removeMapInstance, clearMapInstances, status, loadedLibraries, importLibrary }), [mapInstances, addMapInstance, removeMapInstance, clearMapInstances, status, loadedLibraries, importLibrary]); return /* @__PURE__ */ import_react16.default.createElement(APIProviderContext.Provider, { value: contextValue }, children); }; function useMapEvents(map, props) { for (const propName of eventPropNames) { const handler = props[propName]; const eventType = propNameToEventType[propName]; (0, import_react16.useEffect)(() => { if (!map) return; if (!handler) return; const listener = google.maps.event.addListener(map, eventType, (ev) => { handler(createMapEvent(eventType, map, ev)); }); return () => listener.remove(); }, [map, eventType, handler]); } } function createMapEvent(type, map, srcEvent) { const ev = { type, map, detail: {}, stoppable: false, stop: () => { } }; if (cameraEventTypes.includes(type)) { const camEvent = ev; const center = map.getCenter(); const zoom = map.getZoom(); const heading = map.getHeading() || 0; const tilt = map.getTilt() || 0; const bounds = map.getBounds(); if (!center || !bounds || !Number.isFinite(zoom)) { console.warn("[createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"); } camEvent.detail = { center: (center == null ? void 0 : center.toJSON()) || { lat: 0, lng: 0 }, zoom: zoom || 0, heading, tilt, bounds: (bounds == null ? void 0 : bounds.toJSON()) || { north: 90, east: 180, south: -90, west: -180 } }; return camEvent; } else if (mouseEventTypes.includes(type)) { var _srcEvent$latLng; if (!srcEvent) throw new Error("[createEvent] mouse events must provide a srcEvent"); const mouseEvent = ev; mouseEvent.domEvent = srcEvent.domEvent; mouseEvent.stoppable = true; mouseEvent.stop = () => srcEvent.stop(); mouseEvent.detail = { latLng: ((_srcEvent$latLng = srcEvent.latLng) == null ? void 0 : _srcEvent$latLng.toJSON()) || null, placeId: srcEvent.placeId }; return mouseEvent; } return ev; } var propNameToEventType = { onBoundsChanged: "bounds_changed", onCenterChanged: "center_changed", onClick: "click", onContextmenu: "contextmenu", onDblclick: "dblclick", onDrag: "drag", onDragend: "dragend", onDragstart: "dragstart", onHeadingChanged: "heading_changed", onIdle: "idle", onIsFractionalZoomEnabledChanged: "isfractionalzoomenabled_changed", onMapCapabilitiesChanged: "mapcapabilities_changed", onMapTypeIdChanged: "maptypeid_changed", onMousemove: "mousemove", onMouseout: "mouseout", onMouseover: "mouseover", onProjectionChanged: "projection_changed", onRenderingTypeChanged: "renderingtype_changed", onTilesLoaded: "tilesloaded", onTiltChanged: "tilt_changed", onZoomChanged: "zoom_changed", // note: onCameraChanged is an alias for the bounds_changed event, // since that is going to be fired in every situation where the camera is // updated. onCameraChanged: "bounds_changed" }; var cameraEventTypes = ["bounds_changed", "center_changed", "heading_changed", "projection_changed", "tilt_changed", "zoom_changed"]; var mouseEventTypes = ["click", "contextmenu", "dblclick", "mousemove", "mouseout", "mouseover"]; var eventPropNames = Object.keys(propNameToEventType); function useDeepCompareEffect(effect, deps) { const ref = (0, import_react16.useRef)(void 0); if (!ref.current || !(0, import_fast_deep_equal.default)(deps, ref.current)) { ref.current = deps; } (0, import_react16.useEffect)(effect, ref.current); } var mapOptionKeys = /* @__PURE__ */ new Set(["backgroundColor", "clickableIcons", "controlSize", "disableDefaultUI", "disableDoubleClickZoom", "draggable", "draggableCursor", "draggingCursor", "fullscreenControl", "fullscreenControlOptions", "gestureHandling", "isFractionalZoomEnabled", "keyboardShortcuts", "mapTypeControl", "mapTypeControlOptions", "mapTypeId", "maxZoom", "minZoom", "noClear", "panControl", "panControlOptions", "restriction", "rotateControl", "rotateControlOptions", "scaleControl", "scaleControlOptions", "scrollwheel", "streetView", "streetViewControl", "streetViewControlOptions", "styles", "zoomControl", "zoomControlOptions"]); function useMapOptions(map, mapProps) { const mapOptions = {}; const keys = Object.keys(mapProps); for (const key of keys) { if (!mapOptionKeys.has(key)) continue; mapOptions[key] = mapProps[key]; } useDeepCompareEffect(() => { if (!map) return; map.setOptions(mapOptions); }, [mapOptions]); } function useApiLoadingStatus() { var _useContext; return ((_useContext = (0, import_react16.useContext)(APIProviderContext)) == null ? void 0 : _useContext.status) || APILoadingStatus.NOT_LOADED; } function useDeckGLCameraUpdate(map, props) { const { viewport, viewState } = props; const isDeckGlControlled = !!viewport; (0, import_react16.useLayoutEffect)(() => { if (!map || !viewState) return; const { latitude, longitude, bearing: heading, pitch: tilt, zoom } = viewState; map.moveCamera({ center: { lat: latitude, lng: longitude }, heading, tilt, zoom: zoom + 1 }); }, [map, viewState]); return isDeckGlControlled; } function isLatLngLiteral(obj) { if (!obj || typeof obj !== "object") return false; if (!("lat" in obj && "lng" in obj)) return false; return Number.isFinite(obj.lat) && Number.isFinite(obj.lng); } function toLatLngLiteral(obj) { if (isLatLngLiteral(obj)) return obj; return obj.toJSON(); } function useMapCameraParams(map, cameraStateRef, mapProps) { const center = mapProps.center ? toLatLngLiteral(mapProps.center) : null; let lat = null; let lng = null; if (center && Number.isFinite(center.lat) && Number.isFinite(center.lng)) { lat = center.lat; lng = center.lng; } const zoom = Number.isFinite(mapProps.zoom) ? mapProps.zoom : null; const heading = Number.isFinite(mapProps.heading) ? mapProps.heading : null; const tilt = Number.isFinite(mapProps.tilt) ? mapProps.tilt : null; (0, import_react16.useLayoutEffect)(() => { if (!map) return; const nextCamera = {}; let needsUpdate = false; if (lat !== null && lng !== null && (cameraStateRef.current.center.lat !== lat || cameraStateRef.current.center.lng !== lng)) { nextCamera.center = { lat, lng }; needsUpdate = true; } if (zoom !== null && cameraStateRef.current.zoom !== zoom) { nextCamera.zoom = zoom; needsUpdate = true; } if (heading !== null && cameraStateRef.current.heading !== heading) { nextCamera.heading = heading; needsUpdate = true; } if (tilt !== null && cameraStateRef.current.tilt !== tilt) { nextCamera.tilt = tilt; needsUpdate = true; } if (needsUpdate) { map.moveCamera(nextCamera); } }); } var AuthFailureMessage = () => { const style = { position: "absolute", top: 0, left: 0, bottom: 0, right: 0, zIndex: 999, display: "flex", flexFlow: "column nowrap", textAlign: "center", justifyContent: "center", fontSize: ".8rem", color: "rgba(0,0,0,0.6)", background: "#dddddd", padding: "1rem 1.5rem" }; return /* @__PURE__ */ import_react16.default.createElement("div", { style }, /* @__PURE__ */ import_react16.default.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ import_react16.default.createElement("p", null, "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ", /* @__PURE__ */ import_react16.default.createElement("code", null, "APIProvider.apiKey"), " prop is correct. Check the error-message in the console for further details.")); }; function useCallbackRef() { const [el, setEl] = (0, import_react16.useState)(null); const ref = (0, import_react16.useCallback)((value) => setEl(value), [setEl]); return [el, ref]; } function useApiIsLoaded() { const status = useApiLoadingStatus(); return status === APILoadingStatus.LOADED; } function useForceUpdate() { const [, forceUpdate] = (0, import_react16.useReducer)((x) => x + 1, 0); return forceUpdate; } function handleBoundsChange(map, ref) { const center = map.getCenter(); const zoom = map.getZoom(); const heading = map.getHeading() || 0; const tilt = map.getTilt() || 0; const bounds = map.getBounds(); if (!center || !bounds || !Number.isFinite(zoom)) { console.warn("[useTrackedCameraState] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"); } Object.assign(ref.current, { center: (center == null ? void 0 : center.toJSON()) || { lat: 0, lng: 0 }, zoom: zoom || 0, heading, tilt }); } function useTrackedCameraStateRef(map) { const forceUpdate = useForceUpdate(); const ref = (0, import_react16.useRef)({ center: { lat: 0, lng: 0 }, heading: 0, tilt: 0, zoom: 0 }); (0, import_react16.useEffect)(() => { if (!map) return; const listener = google.maps.event.addListener(map, "bounds_changed", () => { handleBoundsChange(map, ref); forceUpdate(); }); return () => listener.remove(); }, [map, forceUpdate]); return ref; } var _excluded$2 = ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt"]; function useMapInstance(props, context) { const apiIsLoaded = useApiIsLoaded(); const [map, setMap] = (0, import_react16.useState)(null); const [container, containerRef] = useCallbackRef(); const cameraStateRef = useTrackedCameraStateRef(map); const { id, defaultBounds, defaultCenter, defaultZoom, defaultHeading, defaultTilt } = props, mapOptions = _objectWithoutPropertiesLoose(props, _excluded$2); if (!mapOptions.center && defaultCenter) mapOptions.center = defaultCenter; if (!mapOptions.zoom && Number.isFinite(defaultZoom)) mapOptions.zoom = defaultZoom; if (!mapOptions.heading && Number.isFinite(defaultHeading)) mapOptions.heading = defaultHeading; if (!mapOptions.tilt && Number.isFinite(defaultTilt)) mapOptions.tilt = defaultTilt; for (const key of Object.keys(mapOptions)) if (mapOptions[key] === void 0) delete mapOptions[key]; const savedMapStateRef = (0, import_react16.useRef)(); (0, import_react16.useEffect)( () => { if (!container || !apiIsLoaded) return; const { addMapInstance, removeMapInstance } = context; const mapId = props.mapId; const newMap = new google.maps.Map(container, mapOptions); setMap(newMap); addMapInstance(newMap, id); if (defaultBounds) { newMap.fitBounds(defaultBounds); } if (savedMapStateRef.current) { const { mapId: savedMapId, cameraState: savedCameraState } = savedMapStateRef.current; if (savedMapId !== mapId) { newMap.setOptions(savedCameraState); } } return () => { savedMapStateRef.current = { mapId, // eslint-disable-next-line react-hooks/exhaustive-deps cameraState: cameraStateRef.current }; google.maps.event.clearInstanceListeners(newMap); setMap(null); removeMapInstance(id); }; }, // some dependencies are ignored in the list below: // - defaultBounds and the default* camera props will only be used once, and // changes should be ignored // - mapOptions has special hooks that take care of updating the options // eslint-disable-next-line react-hooks/exhaustive-deps [container, apiIsLoaded, id, props.mapId] ); return [map, containerRef, cameraStateRef]; } var GoogleMapsContext = import_react16.default.createContext(null); var Map2 = (props) => { const { children, id, className, style } = props; const context = (0, import_react16.useContext)(APIProviderContext); const loadingStatus = useApiLoadingStatus(); if (!context) { throw new Error(" can only be used inside an component."); } const [map, mapRef, cameraStateRef] = useMapInstance(props, context); useMapCameraParams(map, cameraStateRef, props); useMapEvents(map, props); useMapOptions(map, props); const isDeckGlControlled = useDeckGLCameraUpdate(map, props); const isControlledExternally = !!props.controlled; (0, import_react16.useEffect)(() => { if (!map) return; if (isDeckGlControlled) { map.setOptions({ disableDefaultUI: true }); } if (isDeckGlControlled || isControlledExternally) { map.setOptions({ gestureHandling: "none", keyboardShortcuts: false }); } return () => { map.setOptions({ gestureHandling: props.gestureHandling, keyboardShortcuts: props.keyboardShortcuts }); }; }, [map, isDeckGlControlled, isControlledExternally, props.gestureHandling, props.keyboardShortcuts]); const center = props.center ? toLatLngLiteral(props.center) : null; let lat = null; let lng = null; if (center && Number.isFinite(center.lat) && Number.isFinite(center.lng)) { lat = center.lat; lng = center.lng; } const cameraOptions = (0, import_react16.useMemo)(() => { var _lat, _lng, _props$zoom, _props$heading, _props$tilt; return { center: { lat: (_lat = lat) != null ? _lat : 0, lng: (_lng = lng) != null ? _lng : 0 }, zoom: (_props$zoom = props.zoom) != null ? _props$zoom : 0, heading: (_props$heading = props.heading) != null ? _props$heading : 0, tilt: (_props$tilt = props.tilt) != null ? _props$tilt : 0 }; }, [lat, lng, props.zoom, props.heading, props.tilt]); (0, import_react16.useLayoutEffect)(() => { if (!map || !isControlledExternally) return; map.moveCamera(cameraOptions); const listener = map.addListener("bounds_changed", () => { map.moveCamera(cameraOptions); }); return () => listener.remove(); }, [map, isControlledExternally, cameraOptions]); const combinedStyle = (0, import_react16.useMemo)(() => _extends({ width: "100%", height: "100%", // when using deckgl, the map should be sent to the back zIndex: isDeckGlControlled ? -1 : 0 }, style), [style, isDeckGlControlled]); const contextValue = (0, import_react16.useMemo)(() => ({ map }), [map]); if (loadingStatus === APILoadingStatus.AUTH_FAILURE) { return /* @__PURE__ */ import_react16.default.createElement("div", { style: _extends({ position: "relative" }, className ? {} : combinedStyle), className }, /* @__PURE__ */ import_react16.default.createElement(AuthFailureMessage, null)); } return /* @__PURE__ */ import_react16.default.createElement("div", _extends({ ref: mapRef, "data-testid": "map", style: className ? void 0 : combinedStyle, className }, id ? { id } : {}), map ? /* @__PURE__ */ import_react16.default.createElement(GoogleMapsContext.Provider, { value: contextValue }, children) : null); }; Map2.deckGLViewProps = true; function useMapsLibrary(name) { const apiIsLoaded = useApiIsLoaded(); const ctx = (0, import_react16.useContext)(APIProviderContext); (0, import_react16.useEffect)(() => { if (!apiIsLoaded || !ctx) return; void ctx.importLibrary(name); }, [apiIsLoaded, ctx, name]); return (ctx == null ? void 0 : ctx.loadedLibraries[name]) || null; } var AdvancedMarkerContext = import_react16.default.createContext(null); function useAdvancedMarker(props) { var _useContext; const [marker, setMarker] = (0, import_react16.useState)(null); const [contentContainer, setContentContainer] = (0, import_react16.useState)(null); const map = (_useContext = (0, import_react16.useContext)(GoogleMapsContext)) == null ? void 0 : _useContext.map; const markerLibrary = useMapsLibrary("marker"); const { children, className, onClick, onDrag, onDragStart, onDragEnd, collisionBehavior, draggable, position, title, zIndex } = props; const numChilds = import_react16.Children.count(children); (0, import_react16.useEffect)(() => { if (!map || !markerLibrary) return; const newMarker = new markerLibrary.AdvancedMarkerElement(); newMarker.map = map; setMarker(newMarker); if (numChilds > 0) { const el = document.createElement("div"); if (className) el.className = className; newMarker.content = el; setContentContainer(el); } return () => { newMarker.map = null; setMarker(null); setContentContainer(null); }; }, [map, markerLibrary, numChilds]); (0, import_react16.useEffect)(() => { if (!contentContainer) return; contentContainer.className = className != null ? className : ""; }, [contentContainer, className]); (0, import_react16.useEffect)(() => { if (!marker) return; const gme = google.maps.event; if (onClick) gme.addListener(marker, "click", onClick); if (onDrag) gme.addListener(marker, "drag", onDrag); if (onDragStart) gme.addListener(marker, "dragstart", onDragStart); if (onDragEnd) gme.addListener(marker, "dragend", onDragEnd); if ((onDrag || onDragStart || onDragEnd) && !draggable) { console.warn("You need to set the marker to draggable to listen to drag-events."); } const m = marker; return () => { gme.clearInstanceListeners(m); }; }, [marker, draggable, onClick, onDragStart, onDrag, onDragEnd]); (0, import_react16.useEffect)(() => { if (!marker) return; if (position !== void 0) marker.position = position; if (draggable !== void 0) marker.gmpDraggable = draggable; if (collisionBehavior !== void 0) marker.collisionBehavior = collisionBehavior; if (zIndex !== void 0) marker.zIndex = zIndex; if (typeof title === "string") marker.title = title; }, [marker, position, draggable, collisionBehavior, zIndex, title]); return [marker, contentContainer]; } var AdvancedMarker = (0, import_react16.forwardRef)((props, ref) => { const { children } = props; const [marker, contentContainer] = useAdvancedMarker(props); const advancedMarkerContextValue = (0, import_react16.useMemo)(() => marker ? { marker } : null, [marker]); (0, import_react16.useImperativeHandle)(ref, () => marker, [marker]); if (!marker) { return null; } return /* @__PURE__ */ import_react16.default.createElement(AdvancedMarkerContext.Provider, { value: advancedMarkerContextValue }, contentContainer !== null && (0, import_react_dom.createPortal)(children, contentContainer)); }); var _excluded$1 = ["children", "anchor", "shouldFocus", "onCloseClick"]; var InfoWindow = (props) => { var _useContext; const { children, anchor, shouldFocus, onCloseClick } = props, infoWindowOptions = _objectWithoutPropertiesLoose(props, _excluded$1); const map = (_useContext = (0, import_react16.useContext)(GoogleMapsContext)) == null ? void 0 : _useContext.map; const infoWindowRef = (0, import_react16.useRef)(null); const [contentContainer, setContentContainer] = (0, import_react16.useState)(null); (0, import_react16.useEffect)(() => { if (!map) return; const newInfowindow = new google.maps.InfoWindow(infoWindowOptions); const el = document.createElement("div"); newInfowindow.setContent(el); infoWindowRef.current = newInfowindow; setContentContainer(el); return () => { google.maps.event.clearInstanceListeners(newInfowindow); newInfowindow.close(); el.remove(); setContentContainer(null); }; }, [map, children]); (0, import_react16.useEffect)(() => { var _infoWindowRef$curren; (_infoWindowRef$curren = infoWindowRef.current) == null || _infoWindowRef$curren.setOptions(infoWindowOptions); }, [infoWindowOptions]); (0, import_react16.useEffect)(() => { if (!infoWindowRef.current) return; let listener = null; if (onCloseClick) { listener = google.maps.event.addListener(infoWindowRef.current, "closeclick", onCloseClick); } return () => { if (listener) listener.remove(); }; }, [onCloseClick]); (0, import_react16.useEffect)(() => { if (!contentContainer || !infoWindowRef.current || anchor === null) return; const openOptions = { map }; if (anchor) { openOptions.anchor = anchor; } if (shouldFocus !== void 0) { openOptions.shouldFocus = shouldFocus; } infoWindowRef.current.open(openOptions); }, [contentContainer, infoWindowRef, anchor, map, shouldFocus]); return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, contentContainer !== null && (0, import_react_dom.createPortal)(children, contentContainer)); }; var _excluded = ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]; function useMarker(props) { var _useContext; const [marker, setMarker] = (0, import_react16.useState)(null); const map = (_useContext = (0, import_react16.useContext)(GoogleMapsContext)) == null ? void 0 : _useContext.map; const { onClick, onDrag, onDragStart, onDragEnd, onMouseOver, onMouseOut } = props, markerOptions = _objectWithoutPropertiesLoose(props, _excluded); const { position, draggable } = markerOptions; (0, import_react16.useEffect)(() => { if (!map) { if (map === void 0) console.error(" has to be inside a Map component."); return; } const newMarker = new google.maps.Marker(markerOptions); newMarker.setMap(map); setMarker(newMarker); return () => { newMarker.setMap(null); setMarker(null); }; }, [map]); (0, import_react16.useEffect)(() => { if (!marker) return; const m = marker; const gme = google.maps.event; if (onClick) gme.addListener(m, "click", onClick); if (onDrag) gme.addListener(m, "drag", onDrag); if (onDragStart) gme.addListener(m, "dragstart", onDragStart); if (onDragEnd) gme.addListener(m, "dragend", onDragEnd); if (onMouseOver) gme.addListener(m, "mouseover", onMouseOver); if (onMouseOut) gme.addListener(m, "mouseout", onMouseOut); marker.setDraggable(Boolean(draggable)); return () => { gme.clearInstanceListeners(m); }; }, [marker, draggable, onClick, onDrag, onDragStart, onDragEnd, onMouseOver, onMouseOut]); (0, import_react16.useEffect)(() => { if (!marker) return; if (markerOptions) marker.setOptions(markerOptions); }, [marker, markerOptions]); (0, import_react16.useEffect)(() => { if (draggable || !position || !marker) return; marker.setPosition(position); }, [draggable, position, marker]); return marker; } var Marker = (0, import_react16.forwardRef)((props, ref) => { const marker = useMarker(props); (0, import_react16.useImperativeHandle)(ref, () => marker, [marker]); return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null); }); // virtual:/apps/web/src/components/HomePage/RestaurantMap.jsx var import_lucide_react7 = __toESM(require_lucide_react()); var RestaurantMap = import_react17.default.memo(function RestaurantMap2({ restaurants, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation }) { const { t, language } = useTranslation(); const [selectedRestaurant, setSelectedRestaurant] = (0, import_react17.useState)(null); const [mapError, setMapError] = (0, import_react17.useState)(false); const restaurantsWithCoords = restaurants.filter( (restaurant) => restaurant.lat && restaurant.lng ); const calculateMapCenter = (0, import_react17.useCallback)(() => { if (restaurantsWithCoords.length === 0) { return { lat: 52.3967, lng: 4.9015 }; } const avgLat = restaurantsWithCoords.reduce((sum, r) => sum + Number(r.lat), 0) / restaurantsWithCoords.length; const avgLng = restaurantsWithCoords.reduce((sum, r) => sum + Number(r.lng), 0) / restaurantsWithCoords.length; return { lat: avgLat, lng: avgLng }; }, [restaurantsWithCoords]); const calculateZoom = (0, import_react17.useCallback)(() => { if (restaurantsWithCoords.length <= 1) return 14; const lats = restaurantsWithCoords.map((r) => Number(r.lat)); const lngs = restaurantsWithCoords.map((r) => Number(r.lng)); const maxLat = Math.max(...lats); const minLat = Math.min(...lats); const maxLng = Math.max(...lngs); const minLng = Math.min(...lngs); const latDiff = maxLat - minLat; const lngDiff = maxLng - minLng; const maxDiff = Math.max(latDiff, lngDiff); if (maxDiff > 0.05) return 11; if (maxDiff > 0.02) return 12; if (maxDiff > 0.01) return 13; return 14; }, [restaurantsWithCoords]); const mapCenter = calculateMapCenter(); const mapZoom = calculateZoom(); const handleMarkerClick = (restaurant) => { setSelectedRestaurant(restaurant); }; const handleButtonClick = (e, action) => { e.preventDefault(); e.stopPropagation(); action(); }; const getDescription = (restaurant) => { let description; if (language === "nl" && restaurant.description_nl) { description = restaurant.description_nl; } else { description = restaurant.summary || restaurant.description; } if (description && description.length > 150) { return description.substring(0, 150) + "..."; } return description || ""; }; if (!process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY) { return /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-white rounded-2xl shadow-lg p-8 text-center" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.MapPin, { className: "h-12 w-12 text-gray-400 mx-auto mb-4" }), /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-bold text-gray-900 mb-2" }, "Google Maps API Key Required"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-gray-600 mb-4" }, "To use the map view, a Google Maps API key needs to be configured."), /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 text-left" }, /* @__PURE__ */ import_react17.default.createElement("h4", { className: "font-semibold text-blue-900 mb-2" }, "For developers:"), /* @__PURE__ */ import_react17.default.createElement("ol", { className: "text-sm text-blue-800 space-y-1" }, /* @__PURE__ */ import_react17.default.createElement("li", null, "1. Get a Google Maps API key from Google Cloud Console"), /* @__PURE__ */ import_react17.default.createElement("li", null, "2. Enable Maps JavaScript API and Places API"), /* @__PURE__ */ import_react17.default.createElement("li", null, "3. Add NEXT_PUBLIC_GOOGLE_MAPS_API_KEY to your environment")))); } if (mapError) { return /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-white rounded-2xl shadow-lg p-8 text-center" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.AlertCircle, { className: "h-12 w-12 text-red-400 mx-auto mb-4" }), /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-bold text-gray-900 mb-2" }, "Map Temporarily Unavailable"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-gray-600 mb-4" }, "There's an issue with the map service. Please try refreshing the page or switch back to List View."), /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-amber-50 border border-amber-200 rounded-lg p-4 text-left" }, /* @__PURE__ */ import_react17.default.createElement("h4", { className: "font-semibold text-amber-900 mb-2" }, "Common causes:"), /* @__PURE__ */ import_react17.default.createElement("ul", { className: "text-sm text-amber-800 space-y-1" }, /* @__PURE__ */ import_react17.default.createElement("li", null, "\u2022 Google Maps API quota exceeded"), /* @__PURE__ */ import_react17.default.createElement("li", null, "\u2022 API key missing required permissions"), /* @__PURE__ */ import_react17.default.createElement("li", null, "\u2022 Billing not set up for Google Maps"), /* @__PURE__ */ import_react17.default.createElement("li", null, "\u2022 Network connectivity issues")))); } return /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-96 md:h-[600px] w-full" }, /* @__PURE__ */ import_react17.default.createElement( APIProvider, { apiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY, onLoadError: () => setMapError(true) }, /* @__PURE__ */ import_react17.default.createElement( Map2, { defaultCenter: mapCenter, defaultZoom: mapZoom, gestureHandling: "greedy", disableDefaultUI: false, style: { width: "100%", height: "100%" }, mapId: "restaurant-map", onLoadError: () => setMapError(true) }, restaurantsWithCoords.map((restaurant) => /* @__PURE__ */ import_react17.default.createElement( AdvancedMarker, { key: restaurant.id, position: { lat: Number(restaurant.lat), lng: Number(restaurant.lng) }, onClick: () => handleMarkerClick(restaurant) }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-[#c084ff] text-white p-2 rounded-full shadow-lg hover:bg-[#b070f0] transition-colors cursor-pointer" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.MapPin, { className: "h-5 w-5" })) )), selectedRestaurant && /* @__PURE__ */ import_react17.default.createElement( InfoWindow, { position: { lat: Number(selectedRestaurant.lat), lng: Number(selectedRestaurant.lng) }, onCloseClick: () => setSelectedRestaurant(null) }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-4 max-w-sm" }, (selectedRestaurant.photos?.length > 0 || selectedRestaurant.photo_url) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react17.default.createElement( "img", { src: selectedRestaurant.photos?.[0] || selectedRestaurant.photo_url, alt: selectedRestaurant.name, className: "w-full h-32 object-cover rounded-lg" } )), /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-bold text-gray-900 mb-2" }, /* @__PURE__ */ import_react17.default.createElement( "a", { href: `/restaurant/${selectedRestaurant.slug}`, className: "hover:text-[#c084ff] transition-colors" }, selectedRestaurant.name )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-gray-700 text-sm mb-3" }, /* @__PURE__ */ import_react17.default.createElement(FormattedText, { text: getDescription(selectedRestaurant) })), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3 mb-3" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "bg-[#c084ff]/10 px-2 py-1 rounded text-[#c084ff] text-sm font-bold" }, selectedRestaurant.price_range), selectedRestaurant.google_rating && /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.Star, { className: "h-4 w-4 fill-[#e6a500] text-[#e6a500]" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-sm font-bold text-gray-700" }, selectedRestaurant.google_rating))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-wrap gap-1 mb-3" }, selectedRestaurant.tags?.slice(0, 3).map((tag, index) => /* @__PURE__ */ import_react17.default.createElement( "span", { key: index, className: "px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded-full" }, tag ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: (e) => handleButtonClick( e, () => handleFavoriteToggle(selectedRestaurant.id) ), disabled: favoriteMutation.isPending, className: `flex-1 flex items-center justify-center gap-1 py-2 px-3 rounded-lg text-sm font-medium transition-all ${favoriteRestaurants.has(selectedRestaurant.id) ? "bg-red-500 text-white" : "bg-gray-100 text-gray-700 hover:bg-red-500 hover:text-white"}` }, /* @__PURE__ */ import_react17.default.createElement( import_lucide_react7.Heart, { className: `h-4 w-4 ${favoriteRestaurants.has(selectedRestaurant.id) ? "fill-current" : ""}` } ) ), /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: (e) => handleButtonClick( e, () => handleVote(selectedRestaurant.id) ), disabled: votedRestaurants.has(selectedRestaurant.id) || voteMutation.isPending, className: `flex-1 flex items-center justify-center gap-1 py-2 px-3 rounded-lg text-sm font-medium transition-all ${votedRestaurants.has(selectedRestaurant.id) ? "bg-green-500 text-white" : "bg-gray-100 text-[#c084ff] hover:bg-[#c084ff] hover:text-white"}` }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.ThumbsUp, { className: "h-4 w-4" }), /* @__PURE__ */ import_react17.default.createElement("span", null, selectedRestaurant.votes) ), /* @__PURE__ */ import_react17.default.createElement( "a", { href: `/restaurant/${selectedRestaurant.slug}`, className: "flex-1 flex items-center justify-center py-2 px-3 bg-[#c084ff] text-white rounded-lg text-sm font-medium hover:bg-[#b070f0] transition-colors" }, "View" ))) ) ) )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-4 bg-gray-50 border-t" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between text-sm text-gray-600" }, /* @__PURE__ */ import_react17.default.createElement("span", null, "Showing ", restaurantsWithCoords.length, " of ", restaurants.length, " ", "restaurants on map"), restaurants.length > restaurantsWithCoords.length && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-orange-600" }, restaurants.length - restaurantsWithCoords.length, " locations missing coordinates")))); }); // virtual:/apps/web/src/app/page.jsx var import_lucide_react8 = __toESM(require_lucide_react()); function HomePage() { const [viewMode, setViewMode] = (0, import_react18.useState)("list"); const { filters, setters, showFilters, clearFilters, isFiltered } = useRestaurantFilters(); const { restaurants, isLoading, error, suggestions, recommendations, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation } = useRestaurantQueries(filters); return /* @__PURE__ */ import_react18.default.createElement("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 via-white to-purple-50" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "bg-white border-b-4 border-gradient-to-r from-[#c084ff] to-[#e6a500] shadow-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "py-8" }, /* @__PURE__ */ import_react18.default.createElement(Header, { onClearFilters: clearFilters }), /* @__PURE__ */ import_react18.default.createElement( SearchAndFilter, { filters, setters, showFilters, clearFilters, suggestions, restaurants } )))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" }, !isFiltered && recommendations.length > 0 && viewMode === "list" && /* @__PURE__ */ import_react18.default.createElement( RecommendationSection, { recommendations, favoriteRestaurants, handleFavoriteToggle, favoriteMutation } ), restaurants.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex justify-end mb-8" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "inline-flex bg-gradient-to-r from-white to-purple-50/30 rounded-xl p-1.5 shadow-lg border-2 border-[#c084ff]/20" }, /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: () => setViewMode("list"), className: `inline-flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-bold transition-all duration-300 transform ${viewMode === "list" ? "bg-gradient-to-r from-[#c084ff] to-[#a855f7] text-white shadow-lg scale-105" : "text-[#c084ff] hover:text-white hover:bg-gradient-to-r hover:from-[#c084ff]/80 hover:to-[#a855f7]/80 hover:scale-105"}` }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react8.List, { className: "h-4 w-4" }), "List" ), /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: () => setViewMode("map"), className: `inline-flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-bold transition-all duration-300 transform ${viewMode === "map" ? "bg-gradient-to-r from-[#e6a500] to-[#f59e0b] text-white shadow-lg scale-105" : "text-[#e6a500] hover:text-white hover:bg-gradient-to-r hover:from-[#e6a500]/80 hover:to-[#f59e0b]/80 hover:scale-105"}` }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react8.Map, { className: "h-4 w-4" }), "Map" ))), error && /* @__PURE__ */ import_react18.default.createElement("div", { className: "bg-gradient-to-r from-red-100 to-red-50 border-l-8 border-red-500 rounded-xl p-6 mb-8 shadow-lg" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-red-900 font-bold text-lg" }, "Error loading restaurants. Please try again.")), isLoading ? /* @__PURE__ */ import_react18.default.createElement(RestaurantListSkeleton, null) : restaurants.length === 0 ? /* @__PURE__ */ import_react18.default.createElement(NoResults, null) : viewMode === "list" ? /* @__PURE__ */ import_react18.default.createElement( RestaurantList, { restaurants, sortBy: filters.sortBy, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation } ) : /* @__PURE__ */ import_react18.default.createElement( RestaurantMap, { restaurants, votedRestaurants, favoriteRestaurants, handleVote, handleFavoriteToggle, voteMutation, favoriteMutation } ))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react19.default.createElement(HomePage, { ...props }); content = /* @__PURE__ */ import_react19.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.development.js: (** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */

INNOORD