@alfadocs/ui-kit 1.3.13 → 1.4.0

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

@@ -1,378 +0,0 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as F, useId as J, useMemo as h, useState as T, useEffect as u, useRef as O, useCallback as N, useImperativeHandle as Q } from "react";
-import { c } from "./index-D2ZczOXr.js";
-import { useTranslation as j } from "react-i18next";
-import { A as W, M as X, a as Y, P as k, b as C, u as ee } from "./index.modern-Zta-A4Jm.js";
-import { B as te } from "./button-CPGiR_bH.js";
-import { u as se } from "./registry-DvAUVLHh.js";
-import { M as ae } from "./map-pin-BaY37-Km.js";
-import { E as oe } from "./external-link-CY6zAXXU.js";
-const ne = {
-  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"],
-  state: {},
-  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.",
-      invoke: (a, n) => {
-        a.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).",
-      invoke: (a, n) => {
-        a.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: "Select a marker by id, or pass null to clear the selection.",
-      invoke: (a, n) => {
-        a.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."
-    }
-  }
-}, re = c(
-  ["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:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-        bare: "ds:rounded-none ds:border-0"
-      }
-    },
-    defaultVariants: { size: "md", surface: "bordered" }
-  }
-), ie = c("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" }
-}), de = c(
-  [
-    "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(" ")
-), le = c("type-heading-3 ds:m-0"), Z = c(
-  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
-);
-function ce({
-  onHandleReady: a,
-  onMarkerSelect: n
-}) {
-  const s = ee();
-  return u(() => {
-    s && a({
-      panTo: (i) => s.panTo(i),
-      setZoom: (i) => s.setZoom(i),
-      selectMarker: (i) => n(i)
-    });
-  }, [s, a, n]), null;
-}
-function pe({
-  address: a,
-  description: n,
-  onLoadMap: s,
-  openInGoogleMapsHref: i,
-  consentCta: f
-}) {
-  const { t: l } = j();
-  return /* @__PURE__ */ m("div", { className: de(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ o(
-      ae,
-      {
-        "aria-hidden": "true",
-        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
-      }
-    ),
-    /* @__PURE__ */ o("p", { className: le(), children: l("mapView.consentTitle") }),
-    a ? /* @__PURE__ */ o(
-      "p",
-      {
-        className: Z(),
-        "data-testid": "map-view-address",
-        children: a
-      }
-    ) : null,
-    /* @__PURE__ */ o("p", { className: Z(), children: n }),
-    /* @__PURE__ */ m("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
-      f ?? /* @__PURE__ */ o(
-        te,
-        {
-          type: "button",
-          intent: "primary",
-          size: "sm",
-          onClick: s,
-          "data-testid": "map-view-load-cta",
-          children: l("mapView.consentCta")
-        }
-      ),
-      /* @__PURE__ */ m(
-        "a",
-        {
-          href: i,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2",
-          children: [
-            l("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ o(oe, { "aria-hidden": "true", className: "ds:size-3" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const me = F(
-  ({
-    id: a,
-    apiKey: n,
-    center: s,
-    zoom: i = 15,
-    markers: f,
-    selectedMarkerId: l,
-    onMarkerClick: r,
-    consentGranted: I = !1,
-    onConsentRequest: g,
-    address: p,
-    consentDescription: L,
-    consentCta: M,
-    mapId: y,
-    size: w,
-    surface: S,
-    ariaLabel: P,
-    className: _,
-    ...q
-  }, A) => {
-    const { t: b, i18n: E } = j(), z = J(), H = h(
-      () => `map-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [z]
-    ), [V, R] = T(!1);
-    u(() => {
-      if (typeof window > "u") return;
-      const e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => R(e.matches);
-      return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-    }, []);
-    const $ = h(() => `https://www.google.com/maps/search/?api=1&query=${p ? encodeURIComponent(p) : `${s.lat},${s.lng}`}`, [p, s.lat, s.lng]), d = O(null), B = N((e) => {
-      d.current = e;
-    }, []);
-    Q(
-      A,
-      () => ({
-        panTo: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.panTo(e);
-        },
-        setZoom: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.setZoom(e);
-        },
-        selectMarker: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.selectMarker(e);
-        }
-      }),
-      []
-    );
-    const D = h(
-      () => ({
-        panTo: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.panTo(e);
-        },
-        setZoom: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.setZoom(e);
-        },
-        selectMarker: (e) => {
-          var t;
-          return (t = d.current) == null ? void 0 : t.selectMarker(e);
-        }
-      }),
-      []
-    );
-    se(ne, D, a), u(() => {
-      var e;
-      V || (e = d.current) == null || e.panTo(s);
-    }, [s.lat, s.lng, V]), u(() => {
-      var e;
-      (e = d.current) == null || e.setZoom(i);
-    }, [i]);
-    const [K, x] = T(!1), G = I || K, U = N(() => {
-      if (g) {
-        g(), x(!0);
-        return;
-      }
-      x(!0);
-    }, [g]);
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: re({ size: w, surface: S, className: _ }),
-        "data-component": "map-view",
-        "data-component-id": a ?? H,
-        role: "region",
-        "aria-label": P ?? b("mapView.label"),
-        ...q,
-        children: /* @__PURE__ */ o("div", { className: ie({ size: w }), children: G ? /* @__PURE__ */ o(
-          W,
-          {
-            apiKey: n,
-            language: E.language,
-            children: /* @__PURE__ */ m(
-              X,
-              {
-                defaultCenter: s,
-                defaultZoom: i,
-                mapId: y,
-                gestureHandling: "cooperative",
-                disableDefaultUI: !1,
-                onClick: () => r == null ? void 0 : r(null),
-                className: "ds:[inline-size:100%] ds:[block-size:100%]",
-                children: [
-                  /* @__PURE__ */ o(
-                    ce,
-                    {
-                      onHandleReady: B,
-                      onMarkerSelect: (e) => r == null ? void 0 : r(e)
-                    }
-                  ),
-                  (f ?? []).map((e) => {
-                    const t = l != null && l === e.id, v = b("mapView.markerLabel", {
-                      label: e.label ?? e.id
-                    });
-                    return y ? /* @__PURE__ */ o(
-                      Y,
-                      {
-                        position: e.position,
-                        title: v,
-                        "aria-label": v,
-                        "data-selected": t ? "true" : "false",
-                        onClick: () => r == null ? void 0 : r(e.id),
-                        children: /* @__PURE__ */ o(
-                          k,
-                          {
-                            background: "var(--primary)",
-                            borderColor: "var(--primary)",
-                            glyphColor: "var(--primary-foreground)"
-                          }
-                        )
-                      },
-                      e.id
-                    ) : /* @__PURE__ */ o(
-                      C,
-                      {
-                        position: e.position,
-                        title: v,
-                        onClick: () => r == null ? void 0 : r(e.id)
-                      },
-                      e.id
-                    );
-                  })
-                ]
-              }
-            )
-          }
-        ) : /* @__PURE__ */ o(
-          pe,
-          {
-            address: p,
-            description: L ?? b("mapView.consentDescription"),
-            onLoadMap: U,
-            consentCta: M,
-            openInGoogleMapsHref: $
-          }
-        ) })
-      }
-    );
-  }
-);
-me.displayName = "MapView";
-export {
-  me as M
-};
-//# sourceMappingURL=map-view-CsaHfoo6.js.map