@alfadocs/ui-kit-debug 1.92.0 → 1.93.0

package/dist/_chunks/map-view--c9bJDRw.js

@@ -0,0 +1,726 @@
+import { jsx as l, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as he, useMemo as E, useRef as k, useId as ge, useState as Y, useEffect as L, useCallback as T, useImperativeHandle as fe } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { M as be, A as ye, a as we, b as ve, P as ke, c as Me, u as ze, d as ne, e as K } from "./maps-core-gate-DkNqGkm3.js";
+import { B as Ve } from "./button-DohK_Ak_.js";
+import { S as Le } from "./skeleton-tTWJpvAq.js";
+import { V as Ce } from "./visually-hidden-BHxEUGyT.js";
+import { E as Ie } from "./error-boundary-tAn_GuCu.js";
+import { u as Ee } from "./registry-DvAUVLHh.js";
+import { l as Te } from "./length-token-DwMnGEYT.js";
+import { M as Se } from "./map-pin-BaY37-Km.js";
+import { E as xe } from "./external-link-CY6zAXXU.js";
+const Pe = {
+  id: "map-view",
+  // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
+  // (NON-persisting marker focus, no value state slot).
+  capabilities: ["scroll", "set_value", "pick"],
+  // Every action routes through the imperative bridge, which only exists
+  // once the map has loaded: consent granted (the default is
+  // `consentGranted={false}`) and Google Maps finished loading. Until then
+  // all three actions are silent no-ops. `consentGranted` says whether the
+  // gate is passed, and a null `center` after it means the map is still
+  // loading. `center` / `zoom` are read off the live
+  // map because Google clamps zoom and animates pans, so requested is not
+  // applied; `selectedMarkerId` is the only confirmation the host accepted
+  // a `select_marker` proposal.
+  //
+  // A9: marker ids only (`MapMarker.id` is a stable opaque id). Never
+  // `MapMarker.label`, never the `address` prop (consumer-supplied free
+  // text, PII in any patient-address deployment), never `apiKey`.
+  state: {
+    consentGranted: {
+      type: "boolean",
+      descriptionKey: "ui.agent.mapView.state.consentGranted",
+      description: "True when the GDPR consent gate has been passed. Read this FIRST: while it is false every action is a silent no-op against a placeholder, and nothing else in the surface says so. When it is true but `center` is still null, Google Maps is loading; wait for `center` before acting.",
+      read: (e) => e.isConsentGranted()
+    },
+    markerCount: {
+      type: "number",
+      descriptionKey: "ui.agent.mapView.state.markerCount",
+      description: "Number of markers the consumer passed. Zero means there is nothing for `select_marker` to select. A count only — no ids, labels or positions.",
+      read: (e) => e.getMarkerCount()
+    },
+    selectedMarkerId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.mapView.state.selectedMarkerId",
+      description: "Id of the marker the host currently holds as selected, or null. Selection is fully controlled by the consumer, so `select_marker` only proposes — this slot is the only way to see whether the proposal was accepted.",
+      read: (e) => e.getSelectedMarkerId()
+    },
+    center: {
+      type: "{ lat: number; lng: number } | null",
+      descriptionKey: "ui.agent.mapView.state.center",
+      description: "Live map centre in lat/lng, or null until the map has loaded (consent not granted, or Google Maps still loading). The read-back for `pan_to`, and the sign that the map is ready.",
+      read: (e) => e.getCenter()
+    },
+    zoom: {
+      type: "number | null",
+      descriptionKey: "ui.agent.mapView.state.zoom",
+      description: "Live zoom level, or null until the map has loaded. Google clamps zoom to the map type's range, so this is not necessarily the value last passed to `set_zoom`.",
+      read: (e) => e.getZoom()
+    }
+  },
+  actions: {
+    pan_to: {
+      // Ephemeral viewport move, no data loss → read.
+      safety: "read",
+      argsType: "{ position: { lat: number; lng: number } }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          position: {
+            type: "object",
+            properties: {
+              lat: { type: "number", description: "Latitude in degrees." },
+              lng: { type: "number", description: "Longitude in degrees." }
+            },
+            required: ["lat", "lng"]
+          }
+        },
+        required: ["position"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.panTo",
+      description: "Pan the map to a new centre without changing zoom. Read the `center` slot back to confirm — Google animates the pan, so the applied centre settles after the call.",
+      errors: [
+        "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading)."
+      ],
+      invoke: (e, n) => {
+        e.panTo(n.position);
+      }
+    },
+    set_zoom: {
+      // Ephemeral viewport zoom, no data loss → read.
+      safety: "read",
+      argsType: "{ zoom: number }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          zoom: {
+            type: "number",
+            description: "Zoom level, typical range 1–20."
+          }
+        },
+        required: ["zoom"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.setZoom",
+      description: "Set the map zoom level (typical range 1–20). Read the `zoom` slot back — Google clamps the request to the map type’s supported range, so requested and applied can differ.",
+      errors: [
+        "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading).",
+        "Requested zoom is clamped to the map type's range; `zoom` reports what was actually applied."
+      ],
+      invoke: (e, n) => {
+        e.setZoom(n.zoom);
+      }
+    },
+    select_marker: {
+      // Ephemeral marker focus, no data loss → read.
+      safety: "read",
+      argsType: "{ id: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: ["string", "null"],
+            description: "Marker id to select, or null to clear the selection."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.selectMarker",
+      description: "Propose a marker selection by id, or pass null to clear it. Fires the host's `onMarkerClick`; selection is controlled by the host, so read the `selectedMarkerId` slot back to see whether it accepted.",
+      errors: [
+        "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading).",
+        "The host owns `selectedMarkerId` and may ignore the proposal; `selectedMarkerId` is unchanged when it does."
+      ],
+      invoke: (e, n) => {
+        e.selectMarker(n.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "map-view",
+      description: "Marks the element as a kit MapView."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Ge = x(
+  ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:[--map-block-size:14rem]",
+        md: "ds:[--map-block-size:20rem]",
+        lg: "ds:[--map-block-size:28rem]",
+        // `fill` defers sizing to the parent. The outer takes
+        // `block-size: 100%` so the inner (also 100%) has something
+        // to inherit from. Use inside a viewport-locked column —
+        // `<PracticeResults variant="map-first">` wires this through
+        // automatically; standalone consumers must give the parent
+        // a constrained block-size or the map collapses to 0.
+        fill: "ds:[block-size:100%]"
+      },
+      surface: {
+        bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
+        bare: "ds:rounded-none ds:border-0"
+      }
+    },
+    defaultVariants: { size: "md", surface: "bordered" }
+  }
+), Ne = x("ds:block ds:inline-size-full", {
+  variants: {
+    size: {
+      sm: "ds:[block-size:var(--map-block-size)]",
+      md: "ds:[block-size:var(--map-block-size)]",
+      lg: "ds:[block-size:var(--map-block-size)]",
+      fill: "ds:[block-size:100%]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), Re = x(
+  [
+    "ds:absolute ds:inset-0",
+    "ds:flex ds:flex-col ds:items-center ds:justify-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
+    "ds:text-center"
+  ].join(" ")
+), Ze = x("type-heading-3 ds:m-0"), Q = x(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
+);
+function _e({
+  onHandleReady: e,
+  onMarkerSelect: n,
+  onCameraMove: o
+}) {
+  const i = K();
+  return L(() => {
+    if (i)
+      return e({
+        panTo: (r) => {
+          o(), i.panTo(r);
+        },
+        setZoom: (r) => {
+          o(), i.setZoom(r);
+        },
+        jumpTo: (r, a) => {
+          o(), i.moveCamera({ center: r, zoom: a });
+        },
+        selectMarker: (r) => n(r),
+        // Read straight off the live map: Google clamps `setZoom` to the
+        // map type's range and animates `panTo`, so requested and applied
+        // are not the same value.
+        getCenter: () => {
+          var r;
+          return ((r = i.getCenter()) == null ? void 0 : r.toJSON()) ?? null;
+        },
+        getZoom: () => i.getZoom() ?? null
+      }), () => e(null);
+  }, [i, e, n, o]), null;
+}
+function je({
+  onBoundsChange: e,
+  userInteraction: n
+}) {
+  const o = K(), i = k(e);
+  return i.current = e, L(() => {
+    if (!o) return;
+    const r = o.getDiv();
+    let a = null;
+    const d = () => {
+      n.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !1
+      };
+    };
+    d();
+    let b;
+    const p = /* @__PURE__ */ new Set(), f = (t) => {
+      if (t instanceof PointerEvent && t.pointerType === "touch" && (t.type === "pointerdown" && p.add(t.pointerId), t.type === "pointerup" || t.type === "pointercancel")) {
+        p.delete(t.pointerId);
+        return;
+      }
+      if (t instanceof PointerEvent && t.type === "pointermove" && t.buttons === 0 && t.pointerType !== "touch" || t instanceof KeyboardEvent && ![
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "+",
+        "=",
+        "-",
+        "_",
+        "Enter",
+        " ",
+        "PageUp",
+        "PageDown"
+      ].includes(t.key))
+        return;
+      const h = document.fullscreenElement, w = !!(h && (h.contains(r) || r.contains(h)));
+      let m = t.type === "dblclick";
+      t instanceof PointerEvent && t.type === "pointermove" && (m = t.pointerType !== "touch" || p.size >= 2 || w), t.type === "touchmove" && (m = t.touches.length >= 2 || w), t instanceof KeyboardEvent && (m = t.key !== "Enter" && t.key !== " "), t instanceof WheelEvent && (m = t.ctrlKey || t.metaKey || w), t.type === "click" && (m = t.target instanceof Element && t.target.closest('button, [role="button"]') != null), m && (n.current.programmatic = !1), n.current.pendingInput = !0, clearTimeout(b), b = setTimeout(() => {
+        n.current.pendingInput = !1;
+      }, 250);
+    }, c = () => {
+      n.current.pendingInput && !n.current.programmatic && (n.current.moved = !0);
+    }, y = () => {
+      var P, G;
+      const t = (P = o.getBounds()) == null ? void 0 : P.toJSON(), h = (G = o.getCenter()) == null ? void 0 : G.toJSON(), w = o.getZoom(), m = n.current.moved;
+      if (d(), clearTimeout(b), !t || !h || w == null) return;
+      const M = !a || Object.keys(t).some(
+        (N) => t[N] !== a.bounds[N]
+      ), I = a != null && (w !== a.zoom || h.lat !== a.center.lat || h.lng !== a.center.lng);
+      a = { bounds: t, center: h, zoom: w }, M && i.current(t, { userInteraction: m && I });
+    }, u = [
+      "pointerdown",
+      "pointermove",
+      "pointerup",
+      "pointercancel",
+      "touchstart",
+      "touchmove",
+      "click",
+      "dblclick",
+      "wheel",
+      "keydown"
+    ];
+    u.forEach(
+      (t) => r.addEventListener(t, f, { capture: !0, passive: !0 })
+    );
+    const v = [
+      o.addListener("dragstart", () => {
+        n.current.programmatic = !1, n.current.moved = !0;
+      }),
+      o.addListener("center_changed", c),
+      o.addListener("zoom_changed", c),
+      o.addListener("idle", y)
+    ];
+    return y(), () => {
+      v.forEach((t) => t.remove()), u.forEach(
+        (t) => r.removeEventListener(t, f, !0)
+      ), clearTimeout(b), d();
+    };
+  }, [o, n]), null;
+}
+const Oe = 256, Ae = (e) => e * Math.PI / 180;
+function ee(e) {
+  const n = Math.min(Math.max(Math.sin(Ae(e)), -0.9999), 0.9999);
+  return Math.log((1 + n) / (1 - n)) / 2;
+}
+const Ke = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function $e(e) {
+  let n = -90, o = 90, i = -180, r = 180;
+  for (const { lat: a, lng: d } of e)
+    n = Math.max(n, a), o = Math.min(o, a), i = Math.max(i, d), r = Math.min(r, d);
+  return { north: n, south: o, east: i, west: r };
+}
+function qe(e, n, o, i, r) {
+  const { north: a, south: d, east: b, west: p } = $e(e);
+  if (a === d && b === p)
+    return { center: { lat: a, lng: b }, zoom: r };
+  const f = ee(a), c = ee(d), y = {
+    lat: Ke((f + c) / 2),
+    lng: (b + p) / 2
+  }, u = (t, h) => h > 0 ? Math.log2(Math.max(t, 1) / Oe / h) : r, v = Math.min(
+    u(n - 2 * i, (b - p) / 360),
+    u(o - 2 * i, (f - c) / (2 * Math.PI)),
+    r
+  );
+  return { center: y, zoom: Math.max(0, Math.floor(v)) };
+}
+const re = ({ id: e, lat: n, lng: o }) => e != null ? `id:${e}` : `at:${n},${o}`;
+function De({
+  points: e,
+  fitKey: n,
+  maxZoom: o,
+  onCameraMove: i
+}) {
+  const r = K(), a = k(null), d = k(!1), b = k(null);
+  return L(() => {
+    if (!r) return;
+    const p = () => {
+      var t;
+      const c = b.current, y = (t = r.getCenter()) == null ? void 0 : t.toJSON(), u = r.getZoom();
+      c != null && u === c.zoom && y != null && Math.abs(y.lat - c.center.lat) < 1e-6 && Math.abs(y.lng - c.center.lng) < 1e-6 || (d.current = !0);
+    }, f = [
+      r.addListener("dragstart", () => {
+        d.current = !0;
+      }),
+      r.addListener("center_changed", p),
+      r.addListener("zoom_changed", p)
+    ];
+    return () => f.forEach((c) => c.remove());
+  }, [r]), L(() => {
+    var w;
+    if (!r) return;
+    const p = ((w = a.current) == null ? void 0 : w.map) === r ? a.current : null;
+    if ((p == null ? void 0 : p.key) === n) return;
+    const f = new Set(e.map(re)), c = (m, M) => {
+      b.current = { center: m, zoom: M }, i(), r.moveCamera({ center: m, zoom: M }), d.current = !1;
+    };
+    if (e.length === 0) {
+      a.current = { map: r, key: n, points: f };
+      return;
+    }
+    if (p != null && p.points.size > 0 && [...p.points].every((m) => f.has(m)) && d.current) {
+      a.current = { map: r, key: n, points: f };
+      return;
+    }
+    const u = r.getDiv();
+    if (!(u instanceof Element)) return;
+    const v = () => {
+      a.current = { map: r, key: n, points: f };
+      const m = Math.min(
+        Te("--spacing-2xl", u, 48),
+        u.clientWidth / 4,
+        u.clientHeight / 4
+      ), { center: M, zoom: I } = qe(
+        e,
+        u.clientWidth,
+        u.clientHeight,
+        m,
+        o
+      );
+      c(M, I);
+    }, t = () => u.clientWidth > 0 && u.clientHeight > 0;
+    if (t() || typeof ResizeObserver > "u") {
+      v();
+      return;
+    }
+    const h = new ResizeObserver(() => {
+      t() && (h.disconnect(), v());
+    });
+    return h.observe(u), () => h.disconnect();
+  }, [r, n, e, o, i]), null;
+}
+const oe = (e) => {
+  var n, o;
+  return typeof ((o = (n = globalThis.google) == null ? void 0 : n.maps) == null ? void 0 : o[e]) == "function";
+};
+function se() {
+  const { t: e } = A("ui");
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      role: "status",
+      "data-testid": "map-view-loading",
+      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ l(Le, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ l(Ce, { children: e("common.loading") })
+      ]
+    }
+  );
+}
+function He({ children: e }) {
+  const n = ze();
+  return ne("maps") || !n || oe("Map") ? e : /* @__PURE__ */ l(se, {});
+}
+function Be({ children: e }) {
+  return ne("marker") || oe("Marker") ? e : null;
+}
+function te({
+  address: e,
+  description: n,
+  onLoadMap: o,
+  openInGoogleMapsHref: i,
+  consentCta: r
+}) {
+  const { t: a } = A("ui");
+  return /* @__PURE__ */ S("div", { className: Re(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ l(
+      Se,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+      }
+    ),
+    /* @__PURE__ */ l("p", { className: Ze(), children: a("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ l(
+      "p",
+      {
+        className: Q(),
+        "data-testid": "map-view-address",
+        children: e
+      }
+    ) : null,
+    /* @__PURE__ */ l("p", { className: Q(), children: n }),
+    /* @__PURE__ */ S("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      r ?? /* @__PURE__ */ l(
+        Ve,
+        {
+          type: "button",
+          intent: "primary",
+          size: "sm",
+          onClick: o,
+          "data-testid": "map-view-load-cta",
+          children: a("mapView.consentCta")
+        }
+      ),
+      /* @__PURE__ */ S(
+        "a",
+        {
+          href: i,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2",
+          children: [
+            a("mapView.openInGoogleMaps"),
+            /* @__PURE__ */ l(xe, { "aria-hidden": "true", className: "ds:size-3" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const Fe = he(
+  ({
+    id: e,
+    apiKey: n,
+    center: o,
+    zoom: i = 15,
+    markers: r,
+    selectedMarkerId: a,
+    onMarkerClick: d,
+    onBoundsChange: b,
+    consentGranted: p = !1,
+    onConsentRequest: f,
+    address: c,
+    consentDescription: y,
+    consentCta: u,
+    mapId: v,
+    size: t,
+    surface: h,
+    ariaLabel: w,
+    fitToPoints: m,
+    fitKey: M,
+    fitMaxZoom: I = 15,
+    className: P,
+    ...G
+  }, N) => {
+    const { t: R, i18n: ae } = A("ui"), Z = E(() => m ?? [], [m]), ie = E(
+      () => M ?? Z.map((s) => `${re(s)}@${s.lat},${s.lng}`).sort().join("|"),
+      [M, Z]
+    ), V = Z.length > 0, $ = k(V), q = ge(), le = E(
+      () => `map-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [q]
+    ), [D, ce] = Y(!1);
+    L(() => {
+      if (typeof window > "u") return;
+      const s = window.matchMedia("(prefers-reduced-motion: reduce)"), g = () => ce(s.matches);
+      return g(), s.addEventListener("change", g), () => s.removeEventListener("change", g);
+    }, []);
+    const H = E(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${o.lat},${o.lng}`}`, [c, o.lat, o.lng]), z = k(null), B = k({
+      pendingInput: !1,
+      moved: !1,
+      programmatic: !1
+    }), _ = T(() => {
+      B.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !0
+      };
+    }, []), j = T(
+      (s) => {
+        _(), d == null || d(s);
+      },
+      [_, d]
+    ), de = T((s) => {
+      z.current = s;
+    }, []), F = k(!1), W = k(null), J = k(0), O = T(
+      () => ({
+        panTo: (s) => {
+          var g;
+          return (g = z.current) == null ? void 0 : g.panTo(s);
+        },
+        setZoom: (s) => {
+          var g;
+          return (g = z.current) == null ? void 0 : g.setZoom(s);
+        },
+        selectMarker: (s) => {
+          var g;
+          return (g = z.current) == null ? void 0 : g.selectMarker(s);
+        },
+        // Without `isConsentGranted` an agent has no way to learn that
+        // its pan / zoom / select was swallowed by the GDPR gate rather
+        // than applied: under the default (`consentGranted={false}`) the
+        // whole Maps subtree is unmounted and every action optional-chains
+        // into nothing.
+        isConsentGranted: () => F.current,
+        getCenter: () => {
+          var s;
+          return ((s = z.current) == null ? void 0 : s.getCenter()) ?? null;
+        },
+        getZoom: () => {
+          var s;
+          return ((s = z.current) == null ? void 0 : s.getZoom()) ?? null;
+        },
+        getSelectedMarkerId: () => W.current,
+        getMarkerCount: () => J.current
+      }),
+      []
+    );
+    fe(N, O, [O]);
+    const pe = E(
+      () => O(),
+      [O]
+    );
+    Ee(Pe, pe, e), L(() => {
+      var g, C;
+      const s = $.current && !V;
+      if ($.current = V, !V) {
+        if (s) {
+          (g = z.current) == null || g.jumpTo(o, i);
+          return;
+        }
+        D || (C = z.current) == null || C.panTo(o);
+      }
+    }, [o.lat, o.lng, D, V]), L(() => {
+      var s;
+      V || (s = z.current) == null || s.setZoom(i);
+    }, [i, V]);
+    const [ue, U] = Y(!1), X = p || ue;
+    F.current = X, W.current = a ?? null, J.current = (r ?? []).length;
+    const me = T(() => {
+      if (f) {
+        f(), U(!0);
+        return;
+      }
+      U(!0);
+    }, [f]);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        className: Ge({ size: t, surface: h, className: P }),
+        "data-component": "map-view",
+        "data-component-id": e ?? le,
+        role: "region",
+        "aria-label": w ?? R("mapView.label"),
+        ...G,
+        children: /* @__PURE__ */ l("div", { className: Ne({ size: t }), children: X ? (
+          // A provider failure shows the consent placeholder (its "Open in
+          // Google Maps" link needs no script) with "Load map" as the
+          // retry, instead of unmounting the host's React tree. The gate
+          // starts the provider only once Google's `core` and `maps`
+          // libraries have arrived.
+          /* @__PURE__ */ l(
+            Ie,
+            {
+              fallback: ({ reset: s }) => /* @__PURE__ */ l(
+                te,
+                {
+                  address: c,
+                  description: y ?? R("mapView.consentDescription"),
+                  onLoadMap: s,
+                  consentCta: void 0,
+                  openInGoogleMapsHref: H
+                }
+              ),
+              children: /* @__PURE__ */ l(be, { libraries: ["maps"], pending: /* @__PURE__ */ l(se, {}), children: /* @__PURE__ */ l(
+                ye,
+                {
+                  apiKey: n,
+                  language: ae.language,
+                  children: /* @__PURE__ */ l(He, { children: /* @__PURE__ */ S(
+                    we,
+                    {
+                      defaultCenter: o,
+                      defaultZoom: i,
+                      mapId: v,
+                      gestureHandling: "cooperative",
+                      disableDefaultUI: !1,
+                      onClick: () => j(null),
+                      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                      children: [
+                        /* @__PURE__ */ l(
+                          _e,
+                          {
+                            onHandleReady: de,
+                            onMarkerSelect: j,
+                            onCameraMove: _
+                          }
+                        ),
+                        b ? /* @__PURE__ */ l(
+                          je,
+                          {
+                            onBoundsChange: b,
+                            userInteraction: B
+                          }
+                        ) : null,
+                        m ? /* @__PURE__ */ l(
+                          De,
+                          {
+                            points: Z,
+                            fitKey: ie,
+                            maxZoom: I,
+                            onCameraMove: _
+                          }
+                        ) : null,
+                        /* @__PURE__ */ l(Be, { children: (r ?? []).map((s) => {
+                          const g = a != null && a === s.id, C = R("mapView.markerLabel", {
+                            label: s.label ?? s.id
+                          });
+                          return v ? /* @__PURE__ */ l(
+                            ve,
+                            {
+                              position: s.position,
+                              title: C,
+                              "aria-label": C,
+                              "data-selected": g ? "true" : "false",
+                              onClick: () => j(s.id),
+                              children: /* @__PURE__ */ l(
+                                ke,
+                                {
+                                  background: "var(--primary)",
+                                  borderColor: "var(--primary)",
+                                  glyphColor: "var(--primary-foreground)"
+                                }
+                              )
+                            },
+                            s.id
+                          ) : /* @__PURE__ */ l(
+                            Me,
+                            {
+                              position: s.position,
+                              title: C,
+                              onClick: () => j(s.id)
+                            },
+                            s.id
+                          );
+                        }) })
+                      ]
+                    }
+                  ) })
+                }
+              ) })
+            }
+          )
+        ) : /* @__PURE__ */ l(
+          te,
+          {
+            address: c,
+            description: y ?? R("mapView.consentDescription"),
+            onLoadMap: me,
+            consentCta: u,
+            openInGoogleMapsHref: H
+          }
+        ) })
+      }
+    );
+  }
+);
+Fe.displayName = "MapView";
+export {
+  Fe as M
+};
+//# sourceMappingURL=map-view--c9bJDRw.js.map