@alfadocs/ui-kit-debug 1.92.0 → 1.93.1

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

@@ -1,606 +0,0 @@
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as ce, useMemo as L, useRef as y, useId as pe, useState as D, useEffect as I, useCallback as R, useImperativeHandle as ue } from "react";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { M as me, A as he, a as ge, b as fe, P as be, c as ve, u as ye, d as B, e as J } from "./maps-core-gate-DkNqGkm3.js";
-import { B as we } from "./button-DohK_Ak_.js";
-import { S as Me } from "./skeleton-tTWJpvAq.js";
-import { V as ze } from "./visually-hidden-BHxEUGyT.js";
-import { E as Ve } from "./error-boundary-tAn_GuCu.js";
-import { u as ke } from "./registry-DvAUVLHh.js";
-import { l as Ie } from "./length-token-DwMnGEYT.js";
-import { M as Le } from "./map-pin-BaY37-Km.js";
-import { E as xe } from "./external-link-CY6zAXXU.js";
-const Ge = {
-  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, s) => {
-        e.panTo(s.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, s) => {
-        e.setZoom(s.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, s) => {
-        e.selectMarker(s.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."
-    }
-  }
-}, Se = G(
-  ["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" }
-  }
-), Te = G("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" }
-}), Ne = G(
-  [
-    "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(" ")
-), Pe = G("type-heading-3 ds:m-0"), F = G(
-  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
-);
-function Re({
-  onHandleReady: e,
-  onMarkerSelect: s
-}) {
-  const o = J();
-  return I(() => {
-    if (o)
-      return e({
-        panTo: (n) => o.panTo(n),
-        setZoom: (n) => o.setZoom(n),
-        jumpTo: (n, i) => o.moveCamera({ center: n, zoom: i }),
-        selectMarker: (n) => s(n),
-        // 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 n;
-          return ((n = o.getCenter()) == null ? void 0 : n.toJSON()) ?? null;
-        },
-        getZoom: () => o.getZoom() ?? null
-      }), () => e(null);
-  }, [o, e, s]), null;
-}
-const Ce = 256, Ze = (e) => e * Math.PI / 180;
-function K(e) {
-  const s = Math.min(Math.max(Math.sin(Ze(e)), -0.9999), 0.9999);
-  return Math.log((1 + s) / (1 - s)) / 2;
-}
-const je = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
-function _e(e) {
-  let s = -90, o = 90, n = -180, i = 180;
-  for (const { lat: l, lng: a } of e)
-    s = Math.max(s, l), o = Math.min(o, l), n = Math.max(n, a), i = Math.min(i, a);
-  return { north: s, south: o, east: n, west: i };
-}
-function Ee(e, s, o, n, i) {
-  const { north: l, south: a, east: p, west: m } = _e(e);
-  if (l === a && p === m)
-    return { center: { lat: l, lng: p }, zoom: i };
-  const d = K(l), h = K(a), u = {
-    lat: je((d + h) / 2),
-    lng: (p + m) / 2
-  }, b = (w, M) => M > 0 ? Math.log2(Math.max(w, 1) / Ce / M) : i, g = Math.min(
-    b(s - 2 * n, (p - m) / 360),
-    b(o - 2 * n, (d - h) / (2 * Math.PI)),
-    i
-  );
-  return { center: u, zoom: Math.max(0, Math.floor(g)) };
-}
-const U = ({ id: e, lat: s, lng: o }) => e != null ? `id:${e}` : `at:${s},${o}`;
-function Oe({ points: e, fitKey: s, maxZoom: o }) {
-  const n = J(), i = y(null), l = y(!1), a = y(null);
-  return I(() => {
-    if (!n) return;
-    const p = () => {
-      var g;
-      const d = a.current, h = (g = n.getCenter()) == null ? void 0 : g.toJSON(), u = n.getZoom();
-      d != null && u === d.zoom && h != null && Math.abs(h.lat - d.center.lat) < 1e-6 && Math.abs(h.lng - d.center.lng) < 1e-6 || (l.current = !0);
-    }, m = [
-      n.addListener("dragstart", () => {
-        l.current = !0;
-      }),
-      n.addListener("center_changed", p),
-      n.addListener("zoom_changed", p)
-    ];
-    return () => m.forEach((d) => d.remove());
-  }, [n]), I(() => {
-    var M;
-    if (!n) return;
-    const p = ((M = i.current) == null ? void 0 : M.map) === n ? i.current : null;
-    if ((p == null ? void 0 : p.key) === s) return;
-    const m = new Set(e.map(U)), d = (f, z) => {
-      a.current = { center: f, zoom: z }, n.moveCamera({ center: f, zoom: z }), l.current = !1;
-    };
-    if (e.length === 0) {
-      i.current = { map: n, key: s, points: m };
-      return;
-    }
-    if (p != null && p.points.size > 0 && [...p.points].every((f) => m.has(f)) && l.current) {
-      i.current = { map: n, key: s, points: m };
-      return;
-    }
-    const u = n.getDiv();
-    if (!(u instanceof Element)) return;
-    const b = () => {
-      i.current = { map: n, key: s, points: m };
-      const f = Math.min(
-        Ie("--spacing-2xl", u, 48),
-        u.clientWidth / 4,
-        u.clientHeight / 4
-      ), { center: z, zoom: P } = Ee(
-        e,
-        u.clientWidth,
-        u.clientHeight,
-        f,
-        o
-      );
-      d(z, P);
-    }, g = () => u.clientWidth > 0 && u.clientHeight > 0;
-    if (g() || typeof ResizeObserver > "u") {
-      b();
-      return;
-    }
-    const w = new ResizeObserver(() => {
-      g() && (w.disconnect(), b());
-    });
-    return w.observe(u), () => w.disconnect();
-  }, [n, s, e, o]), null;
-}
-const X = (e) => {
-  var s, o;
-  return typeof ((o = (s = globalThis.google) == null ? void 0 : s.maps) == null ? void 0 : o[e]) == "function";
-};
-function Y() {
-  const { t: e } = C("ui");
-  return /* @__PURE__ */ x(
-    "div",
-    {
-      role: "status",
-      "data-testid": "map-view-loading",
-      className: "ds:[inline-size:100%] ds:[block-size:100%]",
-      children: [
-        /* @__PURE__ */ r(Me, { variant: "rectangular", width: "100%", height: "100%" }),
-        /* @__PURE__ */ r(ze, { children: e("common.loading") })
-      ]
-    }
-  );
-}
-function $e({ children: e }) {
-  const s = ye();
-  return B("maps") || !s || X("Map") ? e : /* @__PURE__ */ r(Y, {});
-}
-function qe({ children: e }) {
-  return B("marker") || X("Marker") ? e : null;
-}
-function W({
-  address: e,
-  description: s,
-  onLoadMap: o,
-  openInGoogleMapsHref: n,
-  consentCta: i
-}) {
-  const { t: l } = C("ui");
-  return /* @__PURE__ */ x("div", { className: Ne(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ r(
-      Le,
-      {
-        "aria-hidden": "true",
-        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
-      }
-    ),
-    /* @__PURE__ */ r("p", { className: Pe(), children: l("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ r(
-      "p",
-      {
-        className: F(),
-        "data-testid": "map-view-address",
-        children: e
-      }
-    ) : null,
-    /* @__PURE__ */ r("p", { className: F(), children: s }),
-    /* @__PURE__ */ x("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
-      i ?? /* @__PURE__ */ r(
-        we,
-        {
-          type: "button",
-          intent: "primary",
-          size: "sm",
-          onClick: o,
-          "data-testid": "map-view-load-cta",
-          children: l("mapView.consentCta")
-        }
-      ),
-      /* @__PURE__ */ x(
-        "a",
-        {
-          href: n,
-          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: [
-            l("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ r(xe, { "aria-hidden": "true", className: "ds:size-3" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const He = ce(
-  ({
-    id: e,
-    apiKey: s,
-    center: o,
-    zoom: n = 15,
-    markers: i,
-    selectedMarkerId: l,
-    onMarkerClick: a,
-    consentGranted: p = !1,
-    onConsentRequest: m,
-    address: d,
-    consentDescription: h,
-    consentCta: u,
-    mapId: b,
-    size: g,
-    surface: w,
-    ariaLabel: M,
-    fitToPoints: f,
-    fitKey: z,
-    fitMaxZoom: P = 15,
-    className: Q,
-    ...ee
-  }, te) => {
-    const { t: S, i18n: ne } = C("ui"), T = L(() => f ?? [], [f]), se = L(
-      () => z ?? T.map((t) => `${U(t)}@${t.lat},${t.lng}`).sort().join("|"),
-      [z, T]
-    ), V = T.length > 0, Z = y(V), j = pe(), oe = L(
-      () => `map-${j.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [j]
-    ), [_, re] = D(!1);
-    I(() => {
-      if (typeof window > "u") return;
-      const t = window.matchMedia("(prefers-reduced-motion: reduce)"), c = () => re(t.matches);
-      return c(), t.addEventListener("change", c), () => t.removeEventListener("change", c);
-    }, []);
-    const E = L(() => `https://www.google.com/maps/search/?api=1&query=${d ? encodeURIComponent(d) : `${o.lat},${o.lng}`}`, [d, o.lat, o.lng]), v = y(null), ae = R((t) => {
-      v.current = t;
-    }, []), O = y(!1), $ = y(null), q = y(0), N = R(
-      () => ({
-        panTo: (t) => {
-          var c;
-          return (c = v.current) == null ? void 0 : c.panTo(t);
-        },
-        setZoom: (t) => {
-          var c;
-          return (c = v.current) == null ? void 0 : c.setZoom(t);
-        },
-        selectMarker: (t) => {
-          var c;
-          return (c = v.current) == null ? void 0 : c.selectMarker(t);
-        },
-        // 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: () => O.current,
-        getCenter: () => {
-          var t;
-          return ((t = v.current) == null ? void 0 : t.getCenter()) ?? null;
-        },
-        getZoom: () => {
-          var t;
-          return ((t = v.current) == null ? void 0 : t.getZoom()) ?? null;
-        },
-        getSelectedMarkerId: () => $.current,
-        getMarkerCount: () => q.current
-      }),
-      []
-    );
-    ue(te, N, [N]);
-    const ie = L(
-      () => N(),
-      [N]
-    );
-    ke(Ge, ie, e), I(() => {
-      var c, k;
-      const t = Z.current && !V;
-      if (Z.current = V, !V) {
-        if (t) {
-          (c = v.current) == null || c.jumpTo(o, n);
-          return;
-        }
-        _ || (k = v.current) == null || k.panTo(o);
-      }
-    }, [o.lat, o.lng, _, V]), I(() => {
-      var t;
-      V || (t = v.current) == null || t.setZoom(n);
-    }, [n, V]);
-    const [le, H] = D(!1), A = p || le;
-    O.current = A, $.current = l ?? null, q.current = (i ?? []).length;
-    const de = R(() => {
-      if (m) {
-        m(), H(!0);
-        return;
-      }
-      H(!0);
-    }, [m]);
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: Se({ size: g, surface: w, className: Q }),
-        "data-component": "map-view",
-        "data-component-id": e ?? oe,
-        role: "region",
-        "aria-label": M ?? S("mapView.label"),
-        ...ee,
-        children: /* @__PURE__ */ r("div", { className: Te({ size: g }), children: A ? (
-          // 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__ */ r(
-            Ve,
-            {
-              fallback: ({ reset: t }) => /* @__PURE__ */ r(
-                W,
-                {
-                  address: d,
-                  description: h ?? S("mapView.consentDescription"),
-                  onLoadMap: t,
-                  consentCta: void 0,
-                  openInGoogleMapsHref: E
-                }
-              ),
-              children: /* @__PURE__ */ r(me, { libraries: ["maps"], pending: /* @__PURE__ */ r(Y, {}), children: /* @__PURE__ */ r(
-                he,
-                {
-                  apiKey: s,
-                  language: ne.language,
-                  children: /* @__PURE__ */ r($e, { children: /* @__PURE__ */ x(
-                    ge,
-                    {
-                      defaultCenter: o,
-                      defaultZoom: n,
-                      mapId: b,
-                      gestureHandling: "cooperative",
-                      disableDefaultUI: !1,
-                      onClick: () => a == null ? void 0 : a(null),
-                      className: "ds:[inline-size:100%] ds:[block-size:100%]",
-                      children: [
-                        /* @__PURE__ */ r(
-                          Re,
-                          {
-                            onHandleReady: ae,
-                            onMarkerSelect: (t) => a == null ? void 0 : a(t)
-                          }
-                        ),
-                        f ? /* @__PURE__ */ r(
-                          Oe,
-                          {
-                            points: T,
-                            fitKey: se,
-                            maxZoom: P
-                          }
-                        ) : null,
-                        /* @__PURE__ */ r(qe, { children: (i ?? []).map((t) => {
-                          const c = l != null && l === t.id, k = S("mapView.markerLabel", {
-                            label: t.label ?? t.id
-                          });
-                          return b ? /* @__PURE__ */ r(
-                            fe,
-                            {
-                              position: t.position,
-                              title: k,
-                              "aria-label": k,
-                              "data-selected": c ? "true" : "false",
-                              onClick: () => a == null ? void 0 : a(t.id),
-                              children: /* @__PURE__ */ r(
-                                be,
-                                {
-                                  background: "var(--primary)",
-                                  borderColor: "var(--primary)",
-                                  glyphColor: "var(--primary-foreground)"
-                                }
-                              )
-                            },
-                            t.id
-                          ) : /* @__PURE__ */ r(
-                            ve,
-                            {
-                              position: t.position,
-                              title: k,
-                              onClick: () => a == null ? void 0 : a(t.id)
-                            },
-                            t.id
-                          );
-                        }) })
-                      ]
-                    }
-                  ) })
-                }
-              ) })
-            }
-          )
-        ) : /* @__PURE__ */ r(
-          W,
-          {
-            address: d,
-            description: h ?? S("mapView.consentDescription"),
-            onLoadMap: de,
-            consentCta: u,
-            openInGoogleMapsHref: E
-          }
-        ) })
-      }
-    );
-  }
-);
-He.displayName = "MapView";
-export {
-  He as M
-};
-//# sourceMappingURL=map-view-UrNgxBy3.js.map