var __CODE__ = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/__injected-globals.js var fetch; var init_injected_globals = __esm({ "virtual:/__injected-globals.js"() { fetch = /* @__PURE__ */ (function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "f1bfb656-9a33-41c7-9f2b-c4856434d749"); finalHeaders.set("x-createxyz-project-group-id", "536b9354-1bd1-4558-ad3f-dfa995aa8b43"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "f1bfb656-9a33-41c7-9f2b-c4856434d749"); input.headers.set("x-createxyz-project-group-id", "536b9354-1bd1-4558-ad3f-dfa995aa8b43"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; })(globalThis.fetch); } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { init_injected_globals(); module.exports = React; } }); // global-externals:react-dom var require_react_dom = __commonJS({ "global-externals:react-dom"(exports, module) { init_injected_globals(); module.exports = ReactDOM; } }); // ../../../node_modules/fast-deep-equal/index.js var require_fast_deep_equal = __commonJS({ "../../../node_modules/fast-deep-equal/index.js"(exports, module) { "use strict"; init_injected_globals(); module.exports = function equal(a, b) { if (a === b) return true; if (a && b && typeof a == "object" && typeof b == "object") { if (a.constructor !== b.constructor) return false; var length, i, keys; if (Array.isArray(a)) { length = a.length; if (length != b.length) return false; for (i = length; i-- !== 0; ) if (!equal(a[i], b[i])) return false; return true; } if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); keys = Object.keys(a); length = keys.length; if (length !== Object.keys(b).length) return false; for (i = length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; for (i = length; i-- !== 0; ) { var key = keys[i]; if (!equal(a[key], b[key])) return false; } return true; } return a !== a && b !== b; }; } }); // ../../../node_modules/react/cjs/react-jsx-runtime.production.min.js var require_react_jsx_runtime_production_min = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.production.min.js"(exports) { "use strict"; init_injected_globals(); var f = require_react(); var k = Symbol.for("react.element"); var l = Symbol.for("react.fragment"); var m = Object.prototype.hasOwnProperty; var n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner; var p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } exports.Fragment = l; exports.jsx = q; exports.jsxs = q; } }); // ../../../node_modules/react/jsx-runtime.js var require_jsx_runtime = __commonJS({ "../../../node_modules/react/jsx-runtime.js"(exports, module) { "use strict"; init_injected_globals(); if (true) { module.exports = require_react_jsx_runtime_production_min(); } else { module.exports = null; } } }); // global-externals:@auth/create/react var require_react2 = __commonJS({ "global-externals:@auth/create/react"(exports, module) { init_injected_globals(); module.exports = NextAuthReact; } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react5 = __toESM(require_react()); // virtual:/apps/web/src/app/map/page.jsx init_injected_globals(); var import_react2 = __toESM(require_react()); // ../../../node_modules/@vis.gl/react-google-maps/dist/index.modern.mjs init_injected_globals(); var import_react = __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_react.default.createContext(null); function useMapInstances() { const [mapInstances, setMapInstances] = (0, import_react.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_react.useState)(GoogleMapsApiLoader.loadingStatus); const [loadedLibraries, addLoadedLibrary] = (0, import_react.useReducer)((loadedLibraries2, action) => { return _extends({}, loadedLibraries2, { [action.name]: action.value }); }, {}); const librariesString = (0, import_react.useMemo)(() => libraries == null ? void 0 : libraries.join(","), [libraries]); const serializedParams = (0, import_react.useMemo)(() => JSON.stringify(_extends({ apiKey, version }, otherApiParams)), [apiKey, version, otherApiParams]); const importLibrary = (0, import_react.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_react.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_react.useMemo)(() => ({ mapInstances, addMapInstance, removeMapInstance, clearMapInstances, status, loadedLibraries, importLibrary }), [mapInstances, addMapInstance, removeMapInstance, clearMapInstances, status, loadedLibraries, importLibrary]); return /* @__PURE__ */ import_react.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_react.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_react.useRef)(void 0); if (!ref.current || !(0, import_fast_deep_equal.default)(deps, ref.current)) { ref.current = deps; } (0, import_react.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_react.useContext)(APIProviderContext)) == null ? void 0 : _useContext.status) || APILoadingStatus.NOT_LOADED; } function useDeckGLCameraUpdate(map, props) { const { viewport, viewState } = props; const isDeckGlControlled = !!viewport; (0, import_react.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_react.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_react.default.createElement("div", { style }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ import_react.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_react.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_react.useState)(null); const ref = (0, import_react.useCallback)((value) => setEl(value), [setEl]); return [el, ref]; } function useApiIsLoaded() { const status = useApiLoadingStatus(); return status === APILoadingStatus.LOADED; } function useForceUpdate() { const [, forceUpdate] = (0, import_react.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_react.useRef)({ center: { lat: 0, lng: 0 }, heading: 0, tilt: 0, zoom: 0 }); (0, import_react.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_react.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_react.useRef)(); (0, import_react.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_react.default.createContext(null); var Map2 = (props) => { const { children, id, className, style } = props; const context = (0, import_react.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_react.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_react.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_react.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_react.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_react.useMemo)(() => ({ map }), [map]); if (loadingStatus === APILoadingStatus.AUTH_FAILURE) { return /* @__PURE__ */ import_react.default.createElement("div", { style: _extends({ position: "relative" }, className ? {} : combinedStyle), className }, /* @__PURE__ */ import_react.default.createElement(AuthFailureMessage, null)); } return /* @__PURE__ */ import_react.default.createElement("div", _extends({ ref: mapRef, "data-testid": "map", style: className ? void 0 : combinedStyle, className }, id ? { id } : {}), map ? /* @__PURE__ */ import_react.default.createElement(GoogleMapsContext.Provider, { value: contextValue }, children) : null); }; Map2.deckGLViewProps = true; function useMapsLibrary(name) { const apiIsLoaded = useApiIsLoaded(); const ctx = (0, import_react.useContext)(APIProviderContext); (0, import_react.useEffect)(() => { if (!apiIsLoaded || !ctx) return; void ctx.importLibrary(name); }, [apiIsLoaded, ctx, name]); return (ctx == null ? void 0 : ctx.loadedLibraries[name]) || null; } var AdvancedMarkerContext = import_react.default.createContext(null); function useAdvancedMarker(props) { var _useContext; const [marker, setMarker] = (0, import_react.useState)(null); const [contentContainer, setContentContainer] = (0, import_react.useState)(null); const map = (_useContext = (0, import_react.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_react.Children.count(children); (0, import_react.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_react.useEffect)(() => { if (!contentContainer) return; contentContainer.className = className != null ? className : ""; }, [contentContainer, className]); (0, import_react.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_react.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_react.forwardRef)((props, ref) => { const { children } = props; const [marker, contentContainer] = useAdvancedMarker(props); const advancedMarkerContextValue = (0, import_react.useMemo)(() => marker ? { marker } : null, [marker]); (0, import_react.useImperativeHandle)(ref, () => marker, [marker]); if (!marker) { return null; } return /* @__PURE__ */ import_react.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_react.useContext)(GoogleMapsContext)) == null ? void 0 : _useContext.map; const infoWindowRef = (0, import_react.useRef)(null); const [contentContainer, setContentContainer] = (0, import_react.useState)(null); (0, import_react.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_react.useEffect)(() => { var _infoWindowRef$curren; (_infoWindowRef$curren = infoWindowRef.current) == null || _infoWindowRef$curren.setOptions(infoWindowOptions); }, [infoWindowOptions]); (0, import_react.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_react.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_react.default.createElement(import_react.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_react.useState)(null); const map = (_useContext = (0, import_react.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_react.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_react.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_react.useEffect)(() => { if (!marker) return; if (markerOptions) marker.setOptions(markerOptions); }, [marker, markerOptions]); (0, import_react.useEffect)(() => { if (draggable || !position || !marker) return; marker.setPosition(position); }, [draggable, position, marker]); return marker; } var Marker = (0, import_react.forwardRef)((props, ref) => { const marker = useMarker(props); (0, import_react.useImperativeHandle)(ref, () => marker, [marker]); return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null); }); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function shallowEqualObjects(a, b) { if (!b || Object.keys(a).length !== Object.keys(b).length) { return false; } for (const key in a) { if (a[key] !== b[key]) { return false; } } return true; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js init_injected_globals(); var QueryObserver = class extends Subscribable { constructor(client, options) { super(); this.options = options; this.#client = client; this.#selectError = null; this.#currentThenable = pendingThenable(); if (!this.options.experimental_prefetchInRender) { this.#currentThenable.reject( new Error("experimental_prefetchInRender feature flag is not enabled") ); } this.bindMethods(); this.setOptions(options); } #client; #currentQuery = void 0; #currentQueryInitialState = void 0; #currentResult = void 0; #currentResultState; #currentResultOptions; #currentThenable; #selectError; #selectFn; #selectResult; // This property keeps track of the last query with defined data. // It will be used to pass the previous data and query to the placeholder function between renders. #lastQueryWithDefinedData; #staleTimeoutId; #refetchIntervalId; #currentRefetchInterval; #trackedProps = /* @__PURE__ */ new Set(); bindMethods() { this.refetch = this.refetch.bind(this); } onSubscribe() { if (this.listeners.size === 1) { this.#currentQuery.addObserver(this); if (shouldFetchOnMount(this.#currentQuery, this.options)) { this.#executeFetch(); } else { this.updateResult(); } this.#updateTimers(); } } onUnsubscribe() { if (!this.hasListeners()) { this.destroy(); } } shouldFetchOnReconnect() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnReconnect ); } shouldFetchOnWindowFocus() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnWindowFocus ); } destroy() { this.listeners = /* @__PURE__ */ new Set(); this.#clearStaleTimeout(); this.#clearRefetchInterval(); this.#currentQuery.removeObserver(this); } setOptions(options) { const prevOptions = this.options; const prevQuery = this.#currentQuery; this.options = this.#client.defaultQueryOptions(options); if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") { throw new Error( "Expected enabled to be a boolean or a callback that returns a boolean" ); } this.#updateQuery(); this.#currentQuery.setOptions(this.options); if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) { this.#client.getQueryCache().notify({ type: "observerOptionsUpdated", query: this.#currentQuery, observer: this }); } const mounted = this.hasListeners(); if (mounted && shouldFetchOptionally( this.#currentQuery, prevQuery, this.options, prevOptions )) { this.#executeFetch(); } this.updateResult(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) { this.#updateStaleTimeout(); } const nextRefetchInterval = this.#computeRefetchInterval(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) { this.#updateRefetchInterval(nextRefetchInterval); } } getOptimisticResult(options) { const query = this.#client.getQueryCache().build(this.#client, options); const result = this.createResult(query, options); if (shouldAssignObserverCurrentProperties(this, result)) { this.#currentResult = result; this.#currentResultOptions = this.options; this.#currentResultState = this.#currentQuery.state; } return result; } getCurrentResult() { return this.#currentResult; } trackResult(result, onPropTracked) { const trackedResult = {}; Object.keys(result).forEach((key) => { Object.defineProperty(trackedResult, key, { configurable: false, enumerable: true, get: () => { this.trackProp(key); onPropTracked?.(key); return result[key]; } }); }); return trackedResult; } trackProp(key) { this.#trackedProps.add(key); } getCurrentQuery() { return this.#currentQuery; } refetch({ ...options } = {}) { return this.fetch({ ...options }); } fetchOptimistic(options) { const defaultedOptions = this.#client.defaultQueryOptions(options); const query = this.#client.getQueryCache().build(this.#client, defaultedOptions); return query.fetch().then(() => this.createResult(query, defaultedOptions)); } fetch(fetchOptions) { return this.#executeFetch({ ...fetchOptions, cancelRefetch: fetchOptions.cancelRefetch ?? true }).then(() => { this.updateResult(); return this.#currentResult; }); } #executeFetch(fetchOptions) { this.#updateQuery(); let promise = this.#currentQuery.fetch( this.options, fetchOptions ); if (!fetchOptions?.throwOnError) { promise = promise.catch(noop); } return promise; } #updateStaleTimeout() { this.#clearStaleTimeout(); const staleTime = resolveStaleTime( this.options.staleTime, this.#currentQuery ); if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) { return; } const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime); const timeout = time + 1; this.#staleTimeoutId = setTimeout(() => { if (!this.#currentResult.isStale) { this.updateResult(); } }, timeout); } #computeRefetchInterval() { return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false; } #updateRefetchInterval(nextInterval) { this.#clearRefetchInterval(); this.#currentRefetchInterval = nextInterval; if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) { return; } this.#refetchIntervalId = setInterval(() => { if (this.options.refetchIntervalInBackground || focusManager.isFocused()) { this.#executeFetch(); } }, this.#currentRefetchInterval); } #updateTimers() { this.#updateStaleTimeout(); this.#updateRefetchInterval(this.#computeRefetchInterval()); } #clearStaleTimeout() { if (this.#staleTimeoutId) { clearTimeout(this.#staleTimeoutId); this.#staleTimeoutId = void 0; } } #clearRefetchInterval() { if (this.#refetchIntervalId) { clearInterval(this.#refetchIntervalId); this.#refetchIntervalId = void 0; } } createResult(query, options) { const prevQuery = this.#currentQuery; const prevOptions = this.options; const prevResult = this.#currentResult; const prevResultState = this.#currentResultState; const prevResultOptions = this.#currentResultOptions; const queryChange = query !== prevQuery; const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState; const { state } = query; let newState = { ...state }; let isPlaceholderData = false; let data; if (options._optimisticResults) { const mounted = this.hasListeners(); const fetchOnMount = !mounted && shouldFetchOnMount(query, options); const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions); if (fetchOnMount || fetchOptionally) { newState = { ...newState, ...fetchState(state.data, query.options) }; } if (options._optimisticResults === "isRestoring") { newState.fetchStatus = "idle"; } } let { error, errorUpdatedAt, status } = newState; data = newState.data; let skipSelect = false; if (options.placeholderData !== void 0 && data === void 0 && status === "pending") { let placeholderData; if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) { placeholderData = prevResult.data; skipSelect = true; } else { placeholderData = typeof options.placeholderData === "function" ? options.placeholderData( this.#lastQueryWithDefinedData?.state.data, this.#lastQueryWithDefinedData ) : options.placeholderData; } if (placeholderData !== void 0) { status = "success"; data = replaceData( prevResult?.data, placeholderData, options ); isPlaceholderData = true; } } if (options.select && data !== void 0 && !skipSelect) { if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) { data = this.#selectResult; } else { try { this.#selectFn = options.select; data = options.select(data); data = replaceData(prevResult?.data, data, options); this.#selectResult = data; this.#selectError = null; } catch (selectError) { this.#selectError = selectError; } } } if (this.#selectError) { error = this.#selectError; data = this.#selectResult; errorUpdatedAt = Date.now(); status = "error"; } const isFetching = newState.fetchStatus === "fetching"; const isPending = status === "pending"; const isError = status === "error"; const isLoading = isPending && isFetching; const hasData = data !== void 0; const result = { status, fetchStatus: newState.fetchStatus, isPending, isSuccess: status === "success", isError, isInitialLoading: isLoading, isLoading, data, dataUpdatedAt: newState.dataUpdatedAt, error, errorUpdatedAt, failureCount: newState.fetchFailureCount, failureReason: newState.fetchFailureReason, errorUpdateCount: newState.errorUpdateCount, isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0, isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount, isFetching, isRefetching: isFetching && !isPending, isLoadingError: isError && !hasData, isPaused: newState.fetchStatus === "paused", isPlaceholderData, isRefetchError: isError && hasData, isStale: isStale(query, options), refetch: this.refetch, promise: this.#currentThenable }; const nextResult = result; if (this.options.experimental_prefetchInRender) { const finalizeThenableIfPossible = (thenable) => { if (nextResult.status === "error") { thenable.reject(nextResult.error); } else if (nextResult.data !== void 0) { thenable.resolve(nextResult.data); } }; const recreateThenable = () => { const pending = this.#currentThenable = nextResult.promise = pendingThenable(); finalizeThenableIfPossible(pending); }; const prevThenable = this.#currentThenable; switch (prevThenable.status) { case "pending": if (query.queryHash === prevQuery.queryHash) { finalizeThenableIfPossible(prevThenable); } break; case "fulfilled": if (nextResult.status === "error" || nextResult.data !== prevThenable.value) { recreateThenable(); } break; case "rejected": if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) { recreateThenable(); } break; } } return nextResult; } updateResult() { const prevResult = this.#currentResult; const nextResult = this.createResult(this.#currentQuery, this.options); this.#currentResultState = this.#currentQuery.state; this.#currentResultOptions = this.options; if (this.#currentResultState.data !== void 0) { this.#lastQueryWithDefinedData = this.#currentQuery; } if (shallowEqualObjects(nextResult, prevResult)) { return; } this.#currentResult = nextResult; const shouldNotifyListeners = () => { if (!prevResult) { return true; } const { notifyOnChangeProps } = this.options; const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps; if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) { return true; } const includedProps = new Set( notifyOnChangePropsValue ?? this.#trackedProps ); if (this.options.throwOnError) { includedProps.add("error"); } return Object.keys(this.#currentResult).some((key) => { const typedKey = key; const changed = this.#currentResult[typedKey] !== prevResult[typedKey]; return changed && includedProps.has(typedKey); }); }; this.#notify({ listeners: shouldNotifyListeners() }); } #updateQuery() { const query = this.#client.getQueryCache().build(this.#client, this.options); if (query === this.#currentQuery) { return; } const prevQuery = this.#currentQuery; this.#currentQuery = query; this.#currentQueryInitialState = query.state; if (this.hasListeners()) { prevQuery?.removeObserver(this); query.addObserver(this); } } onQueryUpdate() { this.updateResult(); if (this.hasListeners()) { this.#updateTimers(); } } #notify(notifyOptions) { notifyManager.batch(() => { if (notifyOptions.listeners) { this.listeners.forEach((listener) => { listener(this.#currentResult); }); } this.#client.getQueryCache().notify({ query: this.#currentQuery, type: "observerResultsUpdated" }); }); } }; function shouldLoadOnMount(query, options) { return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false); } function shouldFetchOnMount(query, options) { return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount); } function shouldFetchOn(query, options, field) { if (resolveEnabled(options.enabled, query) !== false) { const value = typeof field === "function" ? field(query) : field; return value === "always" || value !== false && isStale(query, options); } return false; } function shouldFetchOptionally(query, prevQuery, options, prevOptions) { return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options); } function isStale(query, options) { return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query)); } function shouldAssignObserverCurrentProperties(observer, optimisticResult) { if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) { return true; } return false; } // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React3 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React3.createContext( void 0 ); var useQueryClient = (queryClient2) => { const client = React3.useContext(QueryClientContext); if (queryClient2) { return queryClient2; } if (!client) { throw new Error("No QueryClient set, use QueryClientProvider to set one"); } return client; }; var QueryClientProvider = ({ client, children }) => { React3.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // ../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js init_injected_globals(); var React4 = __toESM(require_react(), 1); var IsRestoringContext = React4.createContext(false); var useIsRestoring = () => React4.useContext(IsRestoringContext); var IsRestoringProvider = IsRestoringContext.Provider; // ../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js init_injected_globals(); var React5 = __toESM(require_react(), 1); var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); function createValue() { let isReset = false; return { clearReset: () => { isReset = false; }, reset: () => { isReset = true; }, isReset: () => { return isReset; } }; } var QueryErrorResetBoundaryContext = React5.createContext(createValue()); var useQueryErrorResetBoundary = () => React5.useContext(QueryErrorResetBoundaryContext); // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js init_injected_globals(); var React6 = __toESM(require_react(), 1); // ../../../node_modules/@tanstack/react-query/build/modern/utils.js init_injected_globals(); function shouldThrowError(throwError, params) { if (typeof throwError === "function") { return throwError(...params); } return !!throwError; } function noop2() { } // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => { if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) { if (!errorResetBoundary.isReset()) { options.retryOnMount = false; } } }; var useClearResetErrorBoundary = (errorResetBoundary) => { React6.useEffect(() => { errorResetBoundary.clearReset(); }, [errorResetBoundary]); }; var getHasError = ({ result, errorResetBoundary, throwOnError, query, suspense }) => { return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query])); }; // ../../../node_modules/@tanstack/react-query/build/modern/suspense.js init_injected_globals(); var ensureSuspenseTimers = (defaultedOptions) => { const originalStaleTime = defaultedOptions.staleTime; if (defaultedOptions.suspense) { defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => Math.max(originalStaleTime(...args), 1e3) : Math.max(originalStaleTime ?? 1e3, 1e3); if (typeof defaultedOptions.gcTime === "number") { defaultedOptions.gcTime = Math.max(defaultedOptions.gcTime, 1e3); } } }; var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring; var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending; var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => { errorResetBoundary.clearReset(); }); // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js init_injected_globals(); var React7 = __toESM(require_react(), 1); function useBaseQuery(options, Observer, queryClient2) { if (false) { if (typeof options !== "object" || Array.isArray(options)) { throw new Error( 'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object' ); } } const client = useQueryClient(queryClient2); const isRestoring = useIsRestoring(); const errorResetBoundary = useQueryErrorResetBoundary(); const defaultedOptions = client.defaultQueryOptions(options); client.getDefaultOptions().queries?._experimental_beforeQuery?.( defaultedOptions ); if (false) { if (!defaultedOptions.queryFn) { console.error( `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function` ); } } defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic"; ensureSuspenseTimers(defaultedOptions); ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary); useClearResetErrorBoundary(errorResetBoundary); const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash); const [observer] = React7.useState( () => new Observer( client, defaultedOptions ) ); const result = observer.getOptimisticResult(defaultedOptions); const shouldSubscribe = !isRestoring && options.subscribed !== false; React7.useSyncExternalStore( React7.useCallback( (onStoreChange) => { const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2; observer.updateResult(); return unsubscribe; }, [observer, shouldSubscribe] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); React7.useEffect(() => { observer.setOptions(defaultedOptions); }, [defaultedOptions, observer]); if (shouldSuspend(defaultedOptions, result)) { throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary); } if (getHasError({ result, errorResetBoundary, throwOnError: defaultedOptions.throwOnError, query: client.getQueryCache().get(defaultedOptions.queryHash), suspense: defaultedOptions.suspense })) { throw result.error; } ; client.getDefaultOptions().queries?._experimental_afterQuery?.( defaultedOptions, result ); if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) { const promise = isNewCacheEntry ? ( // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted fetchOptimistic(defaultedOptions, observer, errorResetBoundary) ) : ( // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in client.getQueryCache().get(defaultedOptions.queryHash)?.promise ); promise?.catch(noop2).finally(() => { observer.updateResult(); }); } return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result; } // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js function useQuery(options, queryClient2) { return useBaseQuery(options, QueryObserver, queryClient2); } // virtual:/apps/web/src/app/map/page.jsx var API_KEY = process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY; function MapPin({ brand, isSelected, isBoosted, brandName, size = "medium" }) { if (isBoosted) { return /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-neon text-dark px-4 py-3 font-black rounded-full shadow-lg border-3 border-black animate-pulse" }, "\u26A1 ", brandName || brand && brand.name), /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute -top-1 -right-1 bg-accent text-white text-xs px-2 py-1 rounded-full border border-black font-bold" }, "BOOST")); } const displayName = brandName || brand && brand.name || ""; return /* @__PURE__ */ import_react2.default.createElement( "div", { className: `${isSelected ? "bg-primary scale-110" : "bg-neon hover:bg-primary"} text-dark px-3 py-2 font-bold rounded-full shadow-lg border-2 border-black transition-all duration-200 cursor-pointer` }, "\u{1F9E5}", " ", displayName.length > 12 ? displayName.substring(0, 12) + "..." : displayName ); } function ClusterMarker({ cluster, onClick }) { return /* @__PURE__ */ import_react2.default.createElement( "div", { className: "relative cursor-pointer transform hover:scale-110 transition-transform", onClick: () => onClick(cluster) }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-12 h-12 bg-purple-500 rounded-full border-3 border-white shadow-lg flex items-center justify-center" }, /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-white font-black text-sm" }, cluster.clusterSize)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute -top-1 -right-1 w-4 h-4 bg-neon rounded-full border border-dark flex items-center justify-center" }, /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-xs" }, "\u{1F3AF}")) ); } function MapPage() { const [selectedBrand, setSelectedBrand] = (0, import_react2.useState)(null); const [userLocation, setUserLocation] = (0, import_react2.useState)(null); const [mapCenter, setMapCenter] = (0, import_react2.useState)({ lat: 40.7128, lng: -74.006 }); const [searchRadius, setSearchRadius] = (0, import_react2.useState)(25); const [filterVerified, setFilterVerified] = (0, import_react2.useState)(false); const [showHeatMap, setShowHeatMap] = (0, import_react2.useState)(false); const [clusteringEnabled, setClustering] = (0, import_react2.useState)(true); const [zoom, setZoom] = (0, import_react2.useState)(12); const [locationPermission, setLocationPermission] = (0, import_react2.useState)("prompt"); (0, import_react2.useEffect)(() => { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( (position) => { const location = { lat: position.coords.latitude, lng: position.coords.longitude }; setUserLocation(location); setMapCenter(location); setLocationPermission("granted"); startLocationNotifications(location); }, (error) => { console.log("Location access denied, using default location"); setLocationPermission("denied"); } ); } }, []); (0, import_react2.useEffect)(() => { if ("Notification" in window && Notification.permission === "default") { Notification.requestPermission(); } }, []); const { data: brandsData, isLoading } = useQuery({ queryKey: ["map-brands", userLocation, searchRadius], queryFn: async () => { let url = "/api/map/brands"; if (userLocation) { url += `?lat=${userLocation.lat}&lng=${userLocation.lng}&radius=${searchRadius}`; } const response = await fetch(url); if (!response.ok) { throw new Error("Failed to fetch brands"); } return response.json(); }, enabled: true }); const filteredBrands = (0, import_react2.useMemo)(() => { if (!brandsData || !brandsData.brands) return []; return brandsData.brands.filter((brand) => { if (filterVerified && !brand.verified) return false; return true; }); }, [brandsData, filterVerified]); const clusteredBrands = (0, import_react2.useMemo)(() => { if (!clusteringEnabled || !filteredBrands || zoom > 14) { return filteredBrands || []; } const clusters = []; const processed = /* @__PURE__ */ new Set(); const clusterDistance = 5e-3; filteredBrands.forEach((brand, index) => { if (processed.has(index)) return; const cluster = { ...brand, clusterId: `cluster-${index}`, clusterSize: 1, clusterBrands: [brand] }; filteredBrands.forEach((otherBrand, otherIndex) => { if (otherIndex === index || processed.has(otherIndex)) return; const distance = Math.sqrt( Math.pow(brand.location.lat - otherBrand.location.lat, 2) + Math.pow(brand.location.lng - otherBrand.location.lng, 2) ); if (distance < clusterDistance) { cluster.clusterSize++; cluster.clusterBrands.push(otherBrand); processed.add(otherIndex); } }); processed.add(index); clusters.push(cluster); }); return clusters; }, [filteredBrands, clusteringEnabled, zoom]); const heatMapData = (0, import_react2.useMemo)(() => { if (!filteredBrands || typeof window === "undefined") return []; if (typeof window.google === "undefined") return []; return filteredBrands.map((brand) => ({ location: new window.google.maps.LatLng( brand.location.lat, brand.location.lng ), weight: brand.boost && brand.boost.boosted ? 2 : 1 })); }, [filteredBrands]); const startLocationNotifications = (0, import_react2.useCallback)((location) => { const interval = setInterval(() => { checkNearbyBrands(location); }, 3e4); return () => clearInterval(interval); }, []); const checkNearbyBrands = async (location) => { try { const response = await fetch("/api/notifications/location-check", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ lat: location.lat, lng: location.lng, radius: 0.5 // 500m }) }); if (response.ok) { const data = await response.json(); if (data.nearbyBrands && data.nearbyBrands.length > 0) { showLocationNotification(data.nearbyBrands[0]); } } } catch (error) { console.log("Location check failed:", error); } }; const showLocationNotification = (brand) => { if ("Notification" in window && Notification.permission === "granted") { new Notification(`\u{1F525} ${brand.brandName} nearby!`, { body: `Check out their latest drops just ${Math.round(brand.distance * 1e3)}m away`, icon: brand.profilePicture || "/icons/brand-icon.png", tag: "location-brand" }); } }; const handleClusterClick = (cluster) => { if (cluster.clusterSize > 1) { setZoom(Math.min(zoom + 2, 18)); setMapCenter({ lat: cluster.location.lat, lng: cluster.location.lng }); } else { setSelectedBrand(cluster); } }; const { boostedBrands, regularBrands } = (0, import_react2.useMemo)(() => { const boosted = filteredBrands.filter( (brand) => brand.boost && brand.boost.boosted ); const regular = filteredBrands.filter( (brand) => !brand.boost || !brand.boost.boosted ); return { boostedBrands: boosted, regularBrands: regular }; }, [filteredBrands]); return /* @__PURE__ */ import_react2.default.createElement("div", { className: "min-h-screen bg-light" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-dark text-white px-4 py-6 relative" }, /* @__PURE__ */ import_react2.default.createElement("h1", { className: "text-3xl font-black text-center gradient-text font-bubble mb-2" }, "DRIP MAP \u{1F5FA}\uFE0F"), /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-center text-gray-300 text-sm font-medium" }, "Discover streetwear brands near you"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "mt-4 flex flex-wrap gap-3 justify-center" }, /* @__PURE__ */ import_react2.default.createElement( "select", { value: searchRadius, onChange: (e) => setSearchRadius(Number(e.target.value)), className: "bg-white text-dark px-3 py-2 rounded-full font-bold border-2 border-primary" }, /* @__PURE__ */ import_react2.default.createElement("option", { value: 5 }, "5km radius"), /* @__PURE__ */ import_react2.default.createElement("option", { value: 10 }, "10km radius"), /* @__PURE__ */ import_react2.default.createElement("option", { value: 25 }, "25km radius"), /* @__PURE__ */ import_react2.default.createElement("option", { value: 50 }, "50km radius"), /* @__PURE__ */ import_react2.default.createElement("option", { value: 100 }, "100km radius") ), /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => setFilterVerified(!filterVerified), className: `px-4 py-2 rounded-full font-bold border-2 transition-colors ${filterVerified ? "bg-neon text-dark border-dark" : "bg-transparent text-white border-white hover:bg-white hover:text-dark"}` }, "\u2713 Verified Only" ), /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => setShowHeatMap(!showHeatMap), className: `px-4 py-2 rounded-full font-bold border-2 transition-colors ${showHeatMap ? "bg-accent text-white border-white" : "bg-transparent text-white border-white hover:bg-white hover:text-dark"}` }, "\u{1F525} Heat Map" ), /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => setClustering(!clusteringEnabled), className: `px-4 py-2 rounded-full font-bold border-2 transition-colors ${clusteringEnabled ? "bg-purple-500 text-white border-white" : "bg-transparent text-white border-white hover:bg-white hover:text-dark"}` }, "\u{1F3AF} Clustering" ), locationPermission === "granted" && userLocation && /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => { setMapCenter(userLocation); setZoom(15); }, className: "bg-primary text-white px-4 py-2 rounded-full font-bold border-2 border-white hover:bg-opacity-90 transition-all" }, "\u{1F4CD} My Location" ))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative", style: { height: "calc(100vh - 200px)" } }, isLoading && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute inset-0 bg-white bg-opacity-90 flex items-center justify-center z-10" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-4" }), /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-dark font-bold" }, "Loading the drip map..."))), /* @__PURE__ */ import_react2.default.createElement(APIProvider, { apiKey: API_KEY }, /* @__PURE__ */ import_react2.default.createElement( Map2, { style: { width: "100%", height: "100%" }, defaultCenter: mapCenter, center: mapCenter, defaultZoom: 12, zoom, onZoomChanged: (e) => setZoom(e.detail.zoom), gestureHandling: "greedy", disableDefaultUI: false, mapTypeControl: false, streetViewControl: false, mapId: "drip-collabo-map" }, userLocation && /* @__PURE__ */ import_react2.default.createElement(AdvancedMarker, { position: userLocation, title: "Your Location" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-4 h-4 bg-primary rounded-full border-2 border-white shadow-lg animate-pulse" })), clusteredBrands.map((brand) => /* @__PURE__ */ import_react2.default.createElement( AdvancedMarker, { key: brand.clusterId || brand.id, position: { lat: brand.location.lat, lng: brand.location.lng }, title: brand.name, onClick: () => brand.clusterSize > 1 ? handleClusterClick(brand) : setSelectedBrand(brand) }, brand.clusterSize > 1 ? /* @__PURE__ */ import_react2.default.createElement(ClusterMarker, { cluster: brand, onClick: handleClusterClick }) : /* @__PURE__ */ import_react2.default.createElement( MapPin, { brand, isSelected: selectedBrand && selectedBrand.id === brand.id, isBoosted: brand.boost && brand.boost.boosted, brandName: brand.name } ) )), selectedBrand && /* @__PURE__ */ import_react2.default.createElement( InfoWindow, { position: { lat: selectedBrand.location.lat, lng: selectedBrand.location.lng }, onCloseClick: () => setSelectedBrand(null) }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "p-4 max-w-xs" }, selectedBrand.clusterSize > 1 ? ( // Cluster Info /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "font-bold text-lg mb-2" }, selectedBrand.clusterSize, " Brands Here"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-2 max-h-32 overflow-y-auto" }, selectedBrand.clusterBrands && selectedBrand.clusterBrands.map((clusterBrand) => /* @__PURE__ */ import_react2.default.createElement( "div", { key: clusterBrand.id, className: "flex items-center gap-2 p-2 bg-gray-50 rounded" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center" }, clusterBrand.profilePicture ? /* @__PURE__ */ import_react2.default.createElement( "img", { src: clusterBrand.profilePicture, alt: clusterBrand.name, className: "w-6 h-6 rounded-full object-cover" } ) : /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-xs" }, "\u{1F454}")), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "font-bold text-sm truncate" }, clusterBrand.name), clusterBrand.boost && clusterBrand.boost.boosted && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-xs text-neon font-bold" }, "\u26A1 Boosted")) )))) ) : ( // Single Brand Info /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-start gap-3 mb-3" }, selectedBrand.profilePicture ? /* @__PURE__ */ import_react2.default.createElement( "img", { src: selectedBrand.profilePicture, alt: selectedBrand.name, className: "w-16 h-16 rounded-full border-2 border-dark object-cover" } ) : /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-16 h-16 bg-gray-200 rounded-full border-2 border-dark flex items-center justify-center" }, "\u{1F9E5}"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "font-black text-dark" }, selectedBrand.name), selectedBrand.verified && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-primary" }, "\u2713"), selectedBrand.boost && selectedBrand.boost.boosted && /* @__PURE__ */ import_react2.default.createElement("span", { className: "bg-neon text-dark text-xs px-2 py-1 rounded font-bold" }, "BOOSTED")), /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-gray-600 text-sm" }, selectedBrand.location.city, ",", " ", selectedBrand.location.state), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-3 mt-2 text-sm" }, /* @__PURE__ */ import_react2.default.createElement("span", { className: "flex items-center gap-1" }, "\u2B50 ", selectedBrand.stats.rating.toFixed(1)), /* @__PURE__ */ import_react2.default.createElement("span", null, selectedBrand.stats.followers, " followers"), /* @__PURE__ */ import_react2.default.createElement("span", null, selectedBrand.stats.products, " products")))) ), selectedBrand.bio && !selectedBrand.clusterSize && /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-gray-700 text-sm mb-3 leading-relaxed" }, selectedBrand.bio), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => selectedBrand.clusterSize > 1 ? null : window.location.href = `/brand/${selectedBrand.id}`, className: "flex-1 bg-primary text-white px-3 py-2 rounded-lg font-bold text-sm hover:bg-dark transition-colors", disabled: selectedBrand.clusterSize > 1 }, selectedBrand.clusterSize > 1 ? "Zoom to See Brands" : "View Brand" ), !selectedBrand.clusterSize && /* @__PURE__ */ import_react2.default.createElement( "button", { onClick: () => { const url = `https://www.google.com/maps/dir/?api=1&destination=${selectedBrand.location.lat},${selectedBrand.location.lng}`; window.open(url, "_blank"); }, className: "bg-gray-100 text-dark px-3 py-2 rounded-lg font-bold text-sm hover:bg-gray-200 transition-colors" }, "\u{1F4CD}" ))) ) ))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-white border-t-2 border-dark px-4 py-3" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex justify-between text-sm font-bold text-dark" }, /* @__PURE__ */ import_react2.default.createElement("span", null, "\u{1F9E5} ", filteredBrands.length, " brands found"), /* @__PURE__ */ import_react2.default.createElement("span", null, "\u26A1 ", boostedBrands.length, " boosted"), /* @__PURE__ */ import_react2.default.createElement("span", null, "\u{1F525} Heat map: ", showHeatMap ? "ON" : "OFF"), /* @__PURE__ */ import_react2.default.createElement("span", null, "\u{1F4CD} ", userLocation ? "Location active" : "No location")))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // virtual:/apps/web/src/components/Navigation.jsx init_injected_globals(); var import_react4 = __toESM(require_react()); // virtual:/apps/web/src/utils/useUser.js init_injected_globals(); var React9 = __toESM(require_react()); var import_react3 = __toESM(require_react2()); var useUser = () => { const { data: session, status } = (0, import_react3.useSession)(); const id = session?.user?.id; const [user, setUser] = React9.useState(session?.user ?? null); const fetchUser = React9.useCallback(async (session2) => { return session2?.user; }, []); const refetchUser = React9.useCallback(() => { if (true) { if (id) { fetchUser(session).then(setUser); } else { setUser(null); } } }, [fetchUser, id]); React9.useEffect(refetchUser, [refetchUser]); if (false) { return { user, data: session?.user || null, loading: status === "loading", refetch: refetchUser }; } return { user, data: user, loading: status === "loading" || status === "authenticated" && !user, refetch: refetchUser }; }; var useUser_default = useUser; // virtual:/apps/web/src/components/DCButton.jsx init_injected_globals(); function DCButton({ label, onClick, variant = "primary", size = "medium", disabled = false, loading = false, icon = null, className = "", ...props }) { const baseClasses = "font-bold rounded-full shadow-md transition-all duration-200 active:scale-95 hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none"; const variants = { primary: "bg-primary text-white", secondary: "bg-gray-200 text-dark border-2 border-dark", accent: "bg-accent text-white", neon: "bg-neon text-dark border-2 border-dark", outline: "bg-transparent text-primary border-2 border-primary hover:bg-primary hover:text-white", dark: "bg-dark text-white" }; const sizes = { small: "px-3 py-2 text-sm", medium: "px-5 py-3 text-base", large: "px-6 py-4 text-lg" }; const buttonClasses = `${baseClasses} ${variants[variant]} ${sizes[size]} ${className}`; const isDisabled = disabled || loading; return /* @__PURE__ */ React.createElement( "button", { className: buttonClasses, onClick, disabled: isDisabled, ...props }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2" }, loading ? /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-current border-t-transparent" }) : icon && /* @__PURE__ */ React.createElement("span", { className: "text-current" }, icon), loading ? "Loading..." : label) ); } // virtual:/apps/web/src/components/Navigation.jsx function Navigation() { const { data: currentUser } = useUser_default(); const [isMenuOpen, setIsMenuOpen] = (0, import_react4.useState)(false); return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("nav", { className: "hidden md:block bg-white border-b-2 border-dark shadow-md" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "max-w-7xl mx-auto px-4" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-center justify-between h-16" }, /* @__PURE__ */ import_react4.default.createElement("a", { href: "/", className: "flex items-center" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "text-2xl font-black gradient-text" }, "DRIP COLLABO")), /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-center space-x-8" }, /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/", className: "font-bold text-dark hover:text-primary transition-colors" }, "Discover" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/map", className: "font-bold text-dark hover:text-primary transition-colors relative" }, "Map \u{1F5FA}\uFE0F", /* @__PURE__ */ import_react4.default.createElement("span", { className: "absolute -top-2 -right-8 bg-neon text-dark text-xs px-2 py-0.5 rounded-full font-bold border border-dark animate-pulse" }, "HEAT MAPS") ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/store-locator", className: "font-bold text-dark hover:text-primary transition-colors" }, "Store Locator" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/search", className: "font-bold text-dark hover:text-primary transition-colors" }, "Search" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/boost-dashboard", className: "font-bold text-accent hover:text-primary transition-colors relative" }, "Boost Dashboard \u26A1", /* @__PURE__ */ import_react4.default.createElement("span", { className: "absolute -top-2 -right-12 bg-accent text-white text-xs px-2 py-0.5 rounded-full font-bold" }, "NEW") ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/brands", className: "font-bold text-dark hover:text-primary transition-colors" }, "Brands" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/support", className: "font-bold text-dark hover:text-primary transition-colors" }, "Support" )), /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/wishlist", className: "p-2 bg-gray-200 rounded-card border-2 border-dark hover:bg-white transition-colors relative", title: "Wishlist" }, /* @__PURE__ */ import_react4.default.createElement( "svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react4.default.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" } ) ) ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/cart", className: "p-2 bg-gray-200 rounded-card border-2 border-dark hover:bg-white transition-colors relative", title: "Shopping Cart" }, /* @__PURE__ */ import_react4.default.createElement( "svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react4.default.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 3h2l.4 2M7 13h10l4-8H5.4m0 0L7 13m0 0l-1.5 6M7 13h10m0 0L19 21M9 19.5h8m-8 0v.01M17 19.5v.01" } ) ) ), currentUser ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react4.default.createElement( "button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: "flex items-center space-x-2 p-2 bg-gray-200 rounded-card border-2 border-dark hover:bg-white transition-colors" }, currentUser.image ? /* @__PURE__ */ import_react4.default.createElement( "img", { src: currentUser.image, alt: currentUser.name, className: "w-6 h-6 rounded-full object-cover" } ) : /* @__PURE__ */ import_react4.default.createElement("div", { className: "w-6 h-6 bg-primary rounded-full flex items-center justify-center" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "text-white text-xs font-bold" }, currentUser.name?.charAt(0) || currentUser.email?.charAt(0))), /* @__PURE__ */ import_react4.default.createElement("span", { className: "font-bold text-dark" }, currentUser.name || "Account"), /* @__PURE__ */ import_react4.default.createElement( "svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react4.default.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" } ) ) ), isMenuOpen && /* @__PURE__ */ import_react4.default.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white border-2 border-dark rounded-card shadow-brutalist z-50" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "py-2" }, /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/profile", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "My Profile" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/orders", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "My Orders" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/wishlist", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "My Wishlist" ), currentUser.userType === "brand" && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("hr", { className: "my-2 border-dark" }), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/dashboard", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "Brand Dashboard" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/boost-dashboard", className: "block px-4 py-2 text-sm font-bold text-accent hover:bg-gray-100" }, "\u26A1 Map Boost Dashboard" )), /* @__PURE__ */ import_react4.default.createElement("hr", { className: "my-2 border-dark" }), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/support", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "Support Center" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/privacy", className: "block px-4 py-2 text-sm font-bold text-dark hover:bg-gray-100" }, "Privacy Policy" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/account/logout", className: "block px-4 py-2 text-sm font-bold text-accent hover:bg-gray-100" }, "Sign Out" )))) : /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react4.default.createElement( DCButton, { label: "Sign In", variant: "secondary", size: "small", onClick: () => window.location.href = "/account/signin" } ), /* @__PURE__ */ import_react4.default.createElement( DCButton, { label: "Sign Up", variant: "primary", size: "small", onClick: () => window.location.href = "/account/signup" } )))), /* @__PURE__ */ import_react4.default.createElement("div", { className: "bg-gradient-to-r from-neon via-accent to-primary text-dark px-4 py-2 text-center border-t border-dark" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "text-sm font-bold" }, "\u{1F525} New Map Features: Heat Maps \u2022 Brand Clustering \u2022 Location Notifications \u2022 Map Boosts \u26A1")))), /* @__PURE__ */ import_react4.default.createElement("nav", { className: "md:hidden bg-white border-b-2 border-dark shadow-md" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "px-4" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex items-center justify-between h-16" }, /* @__PURE__ */ import_react4.default.createElement("a", { href: "/", className: "flex items-center" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "text-xl font-black gradient-text" }, "DRIP COLLABO")), /* @__PURE__ */ import_react4.default.createElement( "button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: "p-2 bg-gray-200 rounded-card border-2 border-dark" }, /* @__PURE__ */ import_react4.default.createElement( "svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react4.default.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" } ) ) )), isMenuOpen && /* @__PURE__ */ import_react4.default.createElement("div", { className: "py-4 border-t-2 border-dark" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/", className: "block font-bold text-dark hover:text-primary" }, "Discover" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/map", className: "block font-bold text-dark hover:text-primary" }, "\u{1F5FA}\uFE0F Map (with Heat Maps)" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/store-locator", className: "block font-bold text-dark hover:text-primary" }, "Store Locator" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/search", className: "block font-bold text-dark hover:text-primary" }, "Search" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/boost-dashboard", className: "block font-bold text-accent hover:text-primary" }, "\u26A1 Boost Dashboard" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/brands", className: "block font-bold text-dark hover:text-primary" }, "Brands" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/support", className: "block font-bold text-dark hover:text-primary" }, "Support Center" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/wishlist", className: "block font-bold text-dark hover:text-primary" }, "Wishlist" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/cart", className: "block font-bold text-dark hover:text-primary" }, "Cart" ), currentUser ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("hr", { className: "border-dark" }), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/profile", className: "block font-bold text-dark hover:text-primary" }, "My Profile" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/orders", className: "block font-bold text-dark hover:text-primary" }, "My Orders" ), currentUser.userType === "brand" && /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/dashboard", className: "block font-bold text-dark hover:text-primary" }, "Brand Dashboard" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/privacy", className: "block font-bold text-dark hover:text-primary" }, "Privacy Policy" ), /* @__PURE__ */ import_react4.default.createElement( "a", { href: "/account/logout", className: "block font-bold text-accent hover:text-primary" }, "Sign Out" )) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("hr", { className: "border-dark" }), /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react4.default.createElement( DCButton, { label: "Sign In", variant: "secondary", size: "small", onClick: () => window.location.href = "/account/signin" } ), /* @__PURE__ */ import_react4.default.createElement( DCButton, { label: "Sign Up", variant: "primary", size: "small", onClick: () => window.location.href = "/account/signup" } ))))))), isMenuOpen && /* @__PURE__ */ import_react4.default.createElement( "div", { className: "fixed inset-0 z-40", onClick: () => setIsMenuOpen(false) } )); } // virtual:/apps/web/src/app/layout.jsx 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("html", { lang: "en" }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("title", null, "Drip Collabo - Fashion Social \u2022 Shop \u2022 Culture"), /* @__PURE__ */ React.createElement( "meta", { name: "description", content: "The ultimate fashion social platform - where streetwear culture meets social media" } ), /* @__PURE__ */ React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), /* @__PURE__ */ React.createElement( "link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" } ), /* @__PURE__ */ React.createElement( "link", { href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap", rel: "stylesheet" } ), /* @__PURE__ */ React.createElement( "link", { href: "https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css", rel: "stylesheet" } ), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .font-bubble { font-family: 'Funkadelic', 'Poppins', 'Inter', sans-serif; font-weight: 800; } .font-street { font-family: 'Inter', sans-serif; font-weight: 800; } .shadow-street { box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); } .shadow-lime { box-shadow: 0 4px 12px rgba(199, 246, 63, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1); } .shadow-coral { box-shadow: 0 4px 12px rgba(255, 78, 88, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1); } .sticker-card { background: #FFFFFF; border: 3px solid #000000; border-radius: 18px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); transition: all 0.25s ease; } .sticker-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .bubble-btn { border-radius: 20px; font-weight: 700; transition: all 0.2s ease; border: none; cursor: pointer; } .bubble-btn:hover { transform: translateY(-1px); } .nav-icon { transition: all 0.2s ease; } .nav-icon:hover { transform: scale(1.1); } .gradient-text { background: linear-gradient(135deg, #007BFF, #C7F63F, #FF4E58); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Instagram-style navigation */ .nav-active { color: #007BFF !important; transform: scale(1.1); } `)), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(Navigation, null), /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 text-dark font-inter relative pb-20 md:pb-0" }, children, /* @__PURE__ */ React.createElement("div", { className: "md:hidden fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-around items-center py-2 px-4 max-w-md mx-auto" }, /* @__PURE__ */ React.createElement( "a", { href: "/", className: "flex flex-col items-center py-2 px-3 text-gray-600 hover:text-primary transition-all duration-200" }, /* @__PURE__ */ React.createElement( "svg", { className: "w-6 h-6 mb-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" } ) ), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Home") ), /* @__PURE__ */ React.createElement( "a", { href: "/map", className: "flex flex-col items-center py-2 px-3 text-gray-600 hover:text-primary transition-all duration-200" }, /* @__PURE__ */ React.createElement( "svg", { className: "w-6 h-6 mb-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" } ), /* @__PURE__ */ React.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" } ) ), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Map") ), /* @__PURE__ */ React.createElement( "a", { href: "/post", className: "flex flex-col items-center py-1 px-3 text-gray-600 hover:text-primary transition-all duration-200" }, /* @__PURE__ */ React.createElement("div", { className: "w-7 h-7 border-2 border-current rounded-lg flex items-center justify-center mb-1" }, /* @__PURE__ */ React.createElement( "svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 4v16m8-8H4" } ) )), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Post") ), /* @__PURE__ */ React.createElement( "a", { href: "/messages", className: "flex flex-col items-center py-2 px-3 text-gray-600 hover:text-primary transition-all duration-200 relative" }, /* @__PURE__ */ React.createElement( "svg", { className: "w-6 h-6 mb-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" } ) ), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Messages"), /* @__PURE__ */ React.createElement("div", { className: "absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full" }) ), /* @__PURE__ */ React.createElement( "a", { href: "/profile", className: "flex flex-col items-center py-2 px-3 text-gray-600 hover:text-primary transition-all duration-200" }, /* @__PURE__ */ React.createElement("div", { className: "w-6 h-6 rounded-full border-2 border-current mb-1 flex items-center justify-center" }, /* @__PURE__ */ React.createElement( "svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) )), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium" }, "Profile") ))))))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react5.default.createElement(MapPage, { ...props }); content = /* @__PURE__ */ import_react5.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.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. *) */

DRIP MAP 🗺️