@techzyapp/ui-library 1.0.31 → 1.0.33

package/dist/LocationPicker-DxiQ27k6.js

@@ -0,0 +1,781 @@
+import { jsxs as C, jsx as r, Fragment as Fe } from "react/jsx-runtime";
+import { useId as bt, useRef as w, useState as x, useEffect as B, forwardRef as xt, useCallback as Et } from "react";
+import { clsx as Me } from "clsx";
+import { u as Ct } from "./formContext-B7ln1Miy.js";
+import { C as Dt } from "./CopyButton-B_mYxcXV.js";
+import { I as O } from "./Icon-CGQ5yGSZ.js";
+import { I as he } from "./IconButton-sC_E_TXd.js";
+import { S as At } from "./Skeleton-_-uGax2j.js";
+import { T as He } from "./TextField-LONfx4jy.js";
+import { T as ye } from "./Tooltip-DsDv4NOq.js";
+import { T as V } from "./Typography-CJv5AnRP.js";
+import { F as qt } from "./FloatingPanel-C5c_eMQ0.js";
+import { L as zt } from "./ListItem-ehFB7TUW.js";
+import { L as ft } from "./Loader-ChrouvaR.js";
+import { a as kt, u as Rt, g as $t, j as Ft } from "./ConfigProvider-tvLbKiqu.js";
+const wt = "tz-google-maps", ht = "__tzGoogleMapsReady";
+let Y = null, yt = !1, St = !1;
+const Ze = /* @__PURE__ */ new Set();
+function Ot() {
+  const o = globalThis;
+  if (o.__tzAuthHooked) return;
+  o.__tzAuthHooked = !0;
+  const a = o.gm_authFailure;
+  o.gm_authFailure = () => {
+    St = !0, Ze.forEach((d) => d()), a == null || a();
+  };
+}
+function Bt(o) {
+  return St && o(), Ze.add(o), () => {
+    Ze.delete(o);
+  };
+}
+const Ue = () => globalThis.google, Oe = (o) => typeof o.lat == "function" ? { lat: o.lat(), lng: o.lng() } : o;
+function Gt(o, a) {
+  return new Promise((d, h) => {
+    const c = new URLSearchParams({
+      key: o,
+      v: "weekly",
+      loading: "async",
+      callback: ht
+    });
+    a && c.set("language", a), globalThis[ht] = () => d();
+    const v = document.createElement("script");
+    v.id = wt, v.async = !0, v.src = `https://maps.googleapis.com/maps/api/js?${c.toString()}`, v.onerror = () => {
+      v.remove(), h(new Error("The Google Maps script failed to load"));
+    }, document.head.appendChild(v);
+  });
+}
+async function Ht() {
+  var I, R;
+  const o = Ue();
+  if (!((I = o == null ? void 0 : o.maps) != null && I.importLibrary)) throw new Error("Google Maps is unavailable");
+  const [a, d, h] = await Promise.all([
+    o.maps.importLibrary("core"),
+    o.maps.importLibrary("maps"),
+    o.maps.importLibrary("marker")
+  ]), c = { ...a, ...d, ...h }, v = (R = o.maps.Animation) == null ? void 0 : R.DROP, S = (l) => `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(l)}`, T = (l) => ({
+    url: S(l.svg),
+    scaledSize: c.Size ? new c.Size(l.width, l.height) : { width: l.width, height: l.height },
+    anchor: c.Point ? new c.Point(l.anchorX, l.anchorY) : { x: l.anchorX, y: l.anchorY }
+  }), E = (l) => {
+    const u = document.createElement("img");
+    return u.src = S(l.svg), u.width = l.width, u.height = l.height, u.alt = "", u.style.display = "block", u.style.transform = `translate(${l.width / 2 - l.anchorX}px, ${l.height - l.anchorY}px)`, u;
+  };
+  let k = null, q = null;
+  const G = () => k ?? (k = o.maps.importLibrary("places")), z = () => q ?? (q = o.maps.importLibrary("geocoding"));
+  return {
+    colorScheme: (l) => c.ColorScheme ? c.ColorScheme[l === "dark" ? "DARK" : "LIGHT"] : l.toUpperCase(),
+    createPlacesSession: () => {
+      let l = null, u = /* @__PURE__ */ new Map();
+      return {
+        async suggest(L, { language: b, bias: m, regions: g }) {
+          const i = await G();
+          l ?? (l = new i.AutocompleteSessionToken());
+          const { suggestions: re } = await i.AutocompleteSuggestion.fetchAutocompleteSuggestions({
+            input: L,
+            sessionToken: l,
+            ...b ? { language: b } : {},
+            ...m ? { locationBias: { center: m, radius: 5e4 } } : {},
+            ...g != null && g.length ? { includedRegionCodes: g } : {}
+          });
+          return u = /* @__PURE__ */ new Map(), re.flatMap((ne, j) => {
+            var Q, p, _;
+            const D = ne.placePrediction;
+            if (!D) return [];
+            const W = D.placeId ?? String(j);
+            u.set(W, D);
+            const K = ((Q = D.mainText) == null ? void 0 : Q.text) ?? ((p = D.text) == null ? void 0 : p.text) ?? "";
+            return [{ id: W, primary: K, secondary: ((_ = D.secondaryText) == null ? void 0 : _.text) ?? void 0 }];
+          });
+        },
+        async resolve(L) {
+          const b = u.get(L);
+          if (!b) return null;
+          const m = b.toPlace();
+          return await m.fetchFields({ fields: ["location", "formattedAddress"] }), l = null, m.location ? {
+            location: Oe(m.location),
+            address: m.formattedAddress ?? void 0
+          } : null;
+        }
+      };
+    },
+    reverseGeocode: async (l, u) => {
+      var b;
+      const L = await z();
+      try {
+        const { results: m } = await new L.Geocoder().geocode({
+          location: l,
+          ...u ? { language: u } : {}
+        });
+        return ((b = m[0]) == null ? void 0 : b.formatted_address) ?? null;
+      } catch (m) {
+        return (m == null ? void 0 : m.code) === "REQUEST_DENIED" && !yt && (yt = !0, console.warn(
+          "[LocationPicker] Address lookup was denied — enable the Geocoding API for this Google Maps key (and allow it in the key's API restrictions)."
+        )), null;
+      }
+    },
+    createMap: (l, u) => new c.Map(l, u),
+    createPin: (l, { position: u, advanced: L, icon: b }) => {
+      if (L && c.AdvancedMarkerElement) {
+        const g = new c.AdvancedMarkerElement({
+          map: l,
+          position: u,
+          gmpDraggable: !0,
+          ...b ? { content: E(b) } : {}
+        });
+        return {
+          setPosition: (i) => {
+            g.position = i;
+          },
+          setIcon: (i) => {
+            g.content = E(i);
+          },
+          setDraggable: (i) => {
+            g.gmpDraggable = i;
+          },
+          onDragEnd: (i) => g.addListener("dragend", () => g.position && i(Oe(g.position))),
+          remove: () => {
+            g.map = null;
+          }
+        };
+      }
+      const m = new c.Marker({
+        map: l,
+        position: u,
+        draggable: !0,
+        animation: v,
+        ...b ? { icon: T(b) } : {}
+      });
+      return {
+        setPosition: (g) => m.setPosition(g),
+        setIcon: (g) => m.setIcon(T(g)),
+        setDraggable: (g) => m.setDraggable(g),
+        onDragEnd: (g) => m.addListener("dragend", () => {
+          const i = m.getPosition();
+          i && g(Oe(i));
+        }),
+        remove: () => m.setMap(null)
+      };
+    }
+  };
+}
+function Zt(o, a) {
+  if (Ot(), Y && Y.key === o) return Y.promise;
+  const d = (async () => {
+    var h, c;
+    if (!((c = (h = Ue()) == null ? void 0 : h.maps) != null && c.importLibrary)) {
+      if (typeof document > "u") throw new Error("Google Maps needs a browser");
+      document.getElementById(wt) ? await new Promise((v) => {
+        const S = () => {
+          var T, E;
+          return (E = (T = Ue()) == null ? void 0 : T.maps) != null && E.importLibrary ? v() : setTimeout(S, 50);
+        };
+        S();
+      }) : await Gt(o, a);
+    }
+    return Ht();
+  })();
+  return Y = { key: o, promise: d }, d.catch(() => {
+    (Y == null ? void 0 : Y.promise) === d && (Y = null);
+  }), d;
+}
+const Ut = "_root_1ykqa_4", jt = "_label_1ykqa_12", Kt = "_required_1ykqa_18", Xt = "_helper_1ykqa_21", Yt = "_frame_1ykqa_27", Vt = "_error_1ykqa_46", Wt = "_map_1ykqa_53", Qt = "_mapHost_1ykqa_58", Jt = "_cover_1ykqa_64", eo = "_message_1ykqa_70", to = "_messageIcon_1ykqa_78", oo = "_controls_1ykqa_90", ro = "_control_1ykqa_90", no = "_zoomControls_1ykqa_106", ao = "_badge_1ykqa_114", lo = "_badgeIcon_1ykqa_137", so = "_coords_1ykqa_141", co = "_copy_1ykqa_147", io = "_search_1ykqa_155", uo = "_searchPanel_1ykqa_158", mo = "_searchStatus_1ykqa_163", go = "_address_1ykqa_171", po = "_addressIcon_1ykqa_178", fo = "_addressText_1ykqa_183", ho = "_fields_1ykqa_189", yo = "_disabled_1ykqa_202", s = {
+  root: Ut,
+  label: jt,
+  required: Kt,
+  helper: Xt,
+  frame: Yt,
+  error: Vt,
+  map: Wt,
+  mapHost: Qt,
+  cover: Jt,
+  message: eo,
+  messageIcon: to,
+  controls: oo,
+  control: ro,
+  zoomControls: no,
+  badge: ao,
+  badgeIcon: lo,
+  coords: so,
+  copy: co,
+  search: io,
+  searchPanel: uo,
+  searchStatus: mo,
+  address: go,
+  addressIcon: po,
+  addressText: fo,
+  fields: ho,
+  disabled: yo
+}, vo = 250, vt = 2;
+function _o({
+  api: o,
+  language: a,
+  bias: d,
+  regions: h,
+  size: c,
+  disabled: v,
+  onPick: S
+}) {
+  const T = kt(), E = bt(), k = w(null), q = w(null), G = w(0), [z, I] = x(""), [R, l] = x([]), [u, L] = x("idle"), [b, m] = x(!1), [g, i] = x(-1), [re, ne] = x(!1), j = () => q.current ?? (q.current = o.createPlacesSession());
+  B(() => {
+    const p = z.trim();
+    if (p.length < vt) {
+      l([]), L("idle");
+      return;
+    }
+    const _ = ++G.current;
+    L("loading");
+    const f = window.setTimeout(() => {
+      j().suggest(p, { language: a, bias: d == null ? void 0 : d(), regions: h }).then((J) => {
+        _ === G.current && (l(J), i(J.length ? 0 : -1), L("ready"));
+      }).catch(() => {
+        _ === G.current && (l([]), L("error"));
+      });
+    }, vo);
+    return () => window.clearTimeout(f);
+  }, [z, a, h == null ? void 0 : h.join(",")]);
+  const D = async (p) => {
+    ne(!0);
+    try {
+      const _ = await j().resolve(p.id);
+      if (q.current = null, !_) return;
+      I(
+        _.address ?? [p.primary, p.secondary].filter(Boolean).join(", ")
+      ), m(!1), l([]), L("idle"), G.current++, S(_);
+    } catch {
+      L("error");
+    } finally {
+      ne(!1);
+    }
+  }, W = (p) => {
+    if (p.key === "ArrowDown" || p.key === "ArrowUp") {
+      if (!R.length) return;
+      p.preventDefault(), m(!0);
+      const _ = p.key === "ArrowDown" ? 1 : -1;
+      i((f) => (f + _ + R.length) % R.length);
+    } else if (p.key === "Enter") {
+      p.preventDefault();
+      const _ = R[g];
+      b && _ && D(_);
+    } else p.key === "Escape" && b && (p.stopPropagation(), m(!1));
+  }, K = b && z.trim().length >= vt && u !== "idle", Q = (p) => `${E}-option-${p}`;
+  return /* @__PURE__ */ C("div", { ref: k, className: s.search, children: [
+    /* @__PURE__ */ r(
+      He,
+      {
+        size: c,
+        disabled: v,
+        value: z,
+        placeholder: T("location.searchPlaceholder"),
+        adornment: re ? /* @__PURE__ */ r(ft, { size: "sm" }) : /* @__PURE__ */ r(O, { name: "SearchNormal" }),
+        role: "combobox",
+        "aria-label": T("location.searchPlaceholder"),
+        "aria-autocomplete": "list",
+        "aria-expanded": K,
+        "aria-controls": K ? E : void 0,
+        "aria-activedescendant": K && g >= 0 ? Q(g) : void 0,
+        autoComplete: "off",
+        onChange: (p) => {
+          I(p.target.value), m(!0);
+        },
+        onFocus: () => m(!0),
+        onKeyDown: W
+      }
+    ),
+    /* @__PURE__ */ r(
+      qt,
+      {
+        open: K,
+        triggerRef: k,
+        matchTriggerWidth: !0,
+        onClose: () => m(!1),
+        className: s.searchPanel,
+        children: u === "loading" && !R.length ? /* @__PURE__ */ C("div", { className: s.searchStatus, children: [
+          /* @__PURE__ */ r(ft, { size: "sm" }),
+          /* @__PURE__ */ r(V, { variant: "bodySmall", color: "muted", children: T("location.searching") })
+        ] }) : u === "error" ? /* @__PURE__ */ C("div", { className: s.searchStatus, children: [
+          /* @__PURE__ */ r(O, { name: "Danger", color: "error" }),
+          /* @__PURE__ */ r(V, { variant: "bodySmall", color: "muted", children: T("location.searchUnavailable") })
+        ] }) : R.length === 0 ? /* @__PURE__ */ r("div", { className: s.searchStatus, children: /* @__PURE__ */ r(V, { variant: "bodySmall", color: "muted", children: T("location.searchEmpty") }) }) : /* @__PURE__ */ r("div", { role: "listbox", id: E, "aria-label": T("location.searchPlaceholder"), children: R.map((p, _) => /* @__PURE__ */ r(
+          zt,
+          {
+            id: Q(_),
+            role: "option",
+            "aria-selected": _ === g,
+            selected: _ === g,
+            clickable: !0,
+            icon: /* @__PURE__ */ r(O, { name: "Location" }),
+            description: p.secondary,
+            onMouseDown: (f) => f.preventDefault(),
+            onMouseEnter: () => i(_),
+            onClick: () => void D(p),
+            children: p.primary
+          },
+          p.id
+        )) })
+      }
+    )
+  ] });
+}
+const Be = { lat: 41.7151, lng: 44.8271 }, bo = 12, ko = 0, wo = 22, _t = 16, U = (o, a) => Number(o.toFixed(a)), ve = (o, a) => Math.abs(o.lat - a.lat) < 1e-7 && Math.abs(o.lng - a.lng) < 1e-7, Ne = (o, a) => o == null ? "" : String(U(o, a));
+function ce(o, a) {
+  const d = o.trim().replace(",", ".");
+  if (d === "") return null;
+  if (!/^[-+]?\d+(\.\d*)?$/.test(d)) return;
+  const h = Number(d);
+  return Math.abs(h) <= a ? h : void 0;
+}
+function So(o) {
+  const a = o.trim().match(/^\(?\s*([-+]?\d+(?:\.\d+)?)\s*[,;\s]\s*([-+]?\d+(?:\.\d+)?)\s*\)?$/);
+  if (!a) return null;
+  const d = Number(a[1]), h = Number(a[2]);
+  return Math.abs(d) <= 90 && Math.abs(h) <= 180 ? { lat: d, lng: h } : null;
+}
+function je(o, a) {
+  const d = getComputedStyle(document.documentElement).getPropertyValue(`--tz-color-${o}-rgb`).trim();
+  if (!d) return a;
+  const [h, c, v] = d.split(",").map((S) => Number(S.trim()));
+  return [h, c, v].some((S) => Number.isNaN(S)) ? a : `#${[h, c, v].map((S) => S.toString(16).padStart(2, "0")).join("")}`;
+}
+const oe = { width: 40, height: 52, tipX: 20, tipY: 45 }, Ge = { width: 34, height: 44 };
+function It(o) {
+  const a = Ge.width / oe.width;
+  return {
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${oe.width}" height="${oe.height}" viewBox="0 0 ${oe.width} ${oe.height}"><defs><filter id="s" x="-40%" y="-20%" width="180%" height="160%"><feDropShadow dx="0" dy="2" stdDeviation="1.8" flood-color="#000" flood-opacity=".3"/></filter></defs><path filter="url(#s)" fill="${o}" stroke="#fff" stroke-width="2.2" stroke-linejoin="round" d="M20 3C11.2 3 4 10 4 18.7c0 10.9 13.3 24 14.7 25.3a1.9 1.9 0 0 0 2.6 0C22.7 42.7 36 29.6 36 18.7 36 10 28.8 3 20 3Z"/><circle cx="20" cy="18.5" r="6.2" fill="#fff"/></svg>`,
+    width: Ge.width,
+    height: Ge.height,
+    anchorX: oe.tipX * a,
+    anchorY: oe.tipY * a
+  };
+}
+const Io = () => It(je("accent", "#056472"));
+function Po() {
+  const o = getComputedStyle(document.documentElement), a = (S, T) => {
+    const E = o.getPropertyValue(`--tz-color-${S}-rgb`).trim();
+    if (!E) return T;
+    const [k, q, G] = E.split(",").map((z) => Number(z.trim()));
+    return `#${[k, q, G].map((z) => z.toString(16).padStart(2, "0")).join("")}`;
+  }, d = a("surface", "#191919"), h = a("background", "#0f0f0f"), c = a("primary", "#e6e8eb"), v = a("accent", "#16a6b4");
+  return [
+    { elementType: "geometry", stylers: [{ color: d }] },
+    { elementType: "labels.text.fill", stylers: [{ color: c }, { lightness: -35 }] },
+    { elementType: "labels.text.stroke", stylers: [{ color: h }] },
+    { featureType: "road", elementType: "geometry", stylers: [{ color: h }] },
+    { featureType: "road", elementType: "geometry.stroke", stylers: [{ color: d }] },
+    {
+      featureType: "water",
+      elementType: "geometry",
+      stylers: [{ color: v }, { lightness: -55 }]
+    },
+    {
+      featureType: "poi",
+      elementType: "geometry",
+      stylers: [{ color: d }, { lightness: 4 }]
+    },
+    { featureType: "transit", stylers: [{ visibility: "off" }] }
+  ];
+}
+const Zo = xt(
+  function({
+    value: a,
+    defaultValue: d = null,
+    onChange: h,
+    name: c,
+    label: v,
+    helperText: S,
+    error: T,
+    required: E = !1,
+    disabled: k = !1,
+    size: q = "md",
+    apiKey: G,
+    mapId: z,
+    center: I,
+    defaultCenter: R,
+    onCenterChange: l,
+    zoom: u,
+    defaultZoom: L = bo,
+    onZoomChange: b,
+    mapHeight: m = 300,
+    locateButton: g = !0,
+    precision: i = 6,
+    search: re = !1,
+    searchRegions: ne,
+    geocode: j = !1,
+    onAddressChange: D,
+    addressName: W,
+    className: K,
+    style: Q,
+    ...p
+  }, _) {
+    const f = kt(), { language: J } = Rt(), xe = $t(), Ke = Ft(), _e = G ?? Ke.apiKey, ee = z ?? Ke.mapId, Xe = `${bt()}-label`, te = Ct(), ie = !!(te && c), $ = ie ? te.field(c) : void 0, [Pt, Tt] = x(d), n = a !== void 0 ? a : ie ? te.values[c] ?? null : Pt, be = T ?? ($ == null ? void 0 : $.error) ?? !1, Ye = S ?? ($ == null ? void 0 : $.helperText), Ve = w(!1), [Ee, de] = x(null), [We, ue] = x(!1), Qe = w(null), Je = w(0), X = Et(
+      (e) => {
+        const t = e && { lat: U(e.lat, i), lng: U(e.lng, i) };
+        Ve.current = !0, a === void 0 && !ie && Tt(t), ie && te.setValue(c, t), h == null || h(t);
+      },
+      [a, ie, te, c, h, i]
+    ), Ce = w(X);
+    Ce.current = X;
+    const [me, De] = x(() => Ne(n == null ? void 0 : n.lat, i)), [ge, Ae] = x(() => Ne(n == null ? void 0 : n.lng, i)), qe = w({ lat: me, lng: ge });
+    qe.current = { lat: me, lng: ge }, B(() => {
+      const e = ce(qe.current.lat, 90), t = ce(qe.current.lng, 180), y = e != null && t != null ? { lat: e, lng: t } : null;
+      (n ? y != null && ve(y, n) : y == null) || (De(Ne(n == null ? void 0 : n.lat, i)), Ae(Ne(n == null ? void 0 : n.lng, i)));
+    }, [n == null ? void 0 : n.lat, n == null ? void 0 : n.lng, i]);
+    const ke = ce(me, 90), we = ce(ge, 180), [et, Se] = x({ lat: !1, lng: !1 }), tt = ke === null && we != null && et.lat, ot = we === null && ke != null && et.lng, rt = w(null);
+    B(() => {
+      const e = rt.current;
+      e && (c ? e.setAttribute("name", c) : e.removeAttribute("name"));
+    }, [c]);
+    const ze = w(null), H = w(null), ae = w(null), le = w(null), [N, pe] = x(_e ? "loading" : "missingKey"), [Lt, Re] = x(!1), [nt, at] = x(!1), M = w({ center: I ?? R ?? n ?? Be, zoom: u ?? L }), Ie = w(l);
+    Ie.current = l;
+    const Pe = w(b);
+    Pe.current = b;
+    const Te = w(k);
+    Te.current = k;
+    const lt = w(n);
+    lt.current = n;
+    const st = ee ? xe : null;
+    B(() => {
+      if (!_e) {
+        pe("missingKey");
+        return;
+      }
+      let e = !1;
+      const t = [];
+      let y = null;
+      le.current || pe("loading");
+      const Z = Bt(() => {
+        e || pe("authError");
+      });
+      return Zt(_e, J.split("-")[0]).then((A) => {
+        if (e || !ze.current) return;
+        le.current = A, y = document.createElement("div"), y.className = s.mapHost, ze.current.appendChild(y);
+        const F = A.createMap(y, {
+          center: M.current.center,
+          zoom: M.current.zoom,
+          ...ee ? { mapId: ee, colorScheme: A.colorScheme(st ?? "light") } : {},
+          disableDefaultUI: !0,
+          zoomControl: !1,
+          // our own + / − (styled like the other map buttons)
+          clickableIcons: !1,
+          gestureHandling: "cooperative",
+          draggableCursor: Te.current ? void 0 : "crosshair"
+        });
+        H.current = F;
+        const $e = A.createPin(F, {
+          position: lt.current,
+          advanced: !!ee,
+          icon: Io()
+        });
+        $e.setDraggable(!Te.current), ae.current = $e, t.push(
+          F.addListener("click", (P) => {
+            Te.current || !P.latLng || Ce.current({ lat: P.latLng.lat(), lng: P.latLng.lng() });
+          }),
+          $e.onDragEnd((P) => Ce.current(P)),
+          F.addListener("zoom_changed", () => {
+            var se;
+            const P = F.getZoom();
+            P == null || P === M.current.zoom || (M.current = { ...M.current, zoom: P }, (se = Pe.current) == null || se.call(Pe, P));
+          }),
+          F.addListener("idle", () => {
+            var pt;
+            const P = F.getCenter();
+            if (!P) return;
+            const se = { lat: P.lat(), lng: P.lng() };
+            ve(se, M.current.center) || (M.current = { ...M.current, center: se }, (pt = Ie.current) == null || pt.call(Ie, se));
+          })
+        ), pe((P) => P === "authError" ? P : "ready");
+      }).catch(() => {
+        e || pe("error");
+      }), () => {
+        var A;
+        e = !0, Z(), t.forEach((F) => F.remove()), (A = ae.current) == null || A.remove(), ae.current = null, H.current = null, y == null || y.remove();
+      };
+    }, [_e, ee, st]), B(() => {
+      var e;
+      (e = ae.current) == null || e.setPosition(n);
+    }, [n, N]), B(() => {
+      var e, t;
+      (e = ae.current) == null || e.setDraggable(!k), (t = H.current) == null || t.setOptions({ draggableCursor: k ? void 0 : "crosshair" });
+    }, [k, N]), B(() => {
+      const e = H.current;
+      !e || !I || ve(I, M.current.center) || (M.current = { ...M.current, center: I }, e.setCenter(I));
+    }, [I == null ? void 0 : I.lat, I == null ? void 0 : I.lng, N]), B(() => {
+      const e = H.current;
+      !e || u == null || u === M.current.zoom || (M.current = { ...M.current, zoom: u }, e.setZoom(u));
+    }, [u, N]), B(() => {
+      if (N !== "ready" || typeof MutationObserver > "u") return;
+      let e = je("accent", "#056472");
+      const t = new MutationObserver(() => {
+        var Z;
+        const y = je("accent", "#056472");
+        y !== e && (e = y, (Z = ae.current) == null || Z.setIcon(It(y)));
+      });
+      return t.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["style", "data-tz-theme"]
+      }), () => t.disconnect();
+    }, [N]), B(() => {
+      !H.current || ee || H.current.setOptions({ styles: xe === "dark" ? Po() : null });
+    }, [xe, ee, N]);
+    const ct = (e) => {
+      const t = H.current;
+      t && t.setZoom(
+        Math.min(wo, Math.max(ko, (t.getZoom() ?? M.current.zoom) + e))
+      );
+    }, it = (e) => {
+      Ve.current && (D == null || D(e), te && W && te.setValue(W, e ?? ""));
+    }, Le = w(it);
+    Le.current = it, B(() => {
+      const e = ++Je.current;
+      if (!n) {
+        de(null), ue(!1), Le.current(null);
+        return;
+      }
+      const t = Qe.current;
+      if (t && ve(t, n)) {
+        de(t.address), ue(!1), Le.current(t.address);
+        return;
+      }
+      if (!j || N !== "ready" || !le.current) {
+        de(null), ue(!1);
+        return;
+      }
+      de(null), ue(!0);
+      const y = le.current, Z = n, A = window.setTimeout(() => {
+        y.reverseGeocode(Z, J.split("-")[0]).then((F) => {
+          e === Je.current && (de(F), ue(!1), Le.current(F));
+        });
+      }, 400);
+      return () => window.clearTimeout(A);
+    }, [n == null ? void 0 : n.lat, n == null ? void 0 : n.lng, j, N, J]);
+    const Mt = (e) => {
+      const t = {
+        lat: U(e.location.lat, i),
+        lng: U(e.location.lng, i)
+      };
+      Qe.current = e.address ? { ...t, address: e.address } : null, X(t), fe(t, _t);
+    }, fe = (e, t) => {
+      const y = H.current;
+      y && (y.panTo(e), t != null && (y.getZoom() ?? 0) < t && y.setZoom(t));
+    }, dt = (e, t) => {
+      const y = ce(e, 90), Z = ce(t, 180);
+      if (y == null || Z == null) {
+        n && X(null);
+        return;
+      }
+      const A = { lat: y, lng: Z };
+      n && ve(A, n) || (X(A), fe(A));
+    }, ut = (e) => {
+      const t = So(e.clipboardData.getData("text"));
+      t && (e.preventDefault(), De(String(U(t.lat, i))), Ae(String(U(t.lng, i))), X(t), fe(t));
+    }, Nt = () => {
+      navigator.geolocation && (Re(!0), at(!1), navigator.geolocation.getCurrentPosition(
+        (e) => {
+          Re(!1);
+          const t = { lat: e.coords.latitude, lng: e.coords.longitude };
+          X(t), fe(t, _t);
+        },
+        () => {
+          Re(!1), at(!0);
+        },
+        { enableHighAccuracy: !0, timeout: 1e4 }
+      ));
+    }, mt = n ? `${U(n.lat, i)}, ${U(n.lng, i)}` : "", gt = N === "missingKey" ? f("location.missingKey") : N === "authError" ? f("location.authError") : N === "error" ? f("location.loadError") : null;
+    return /* @__PURE__ */ C(
+      "div",
+      {
+        ref: _,
+        role: "group",
+        "aria-labelledby": v != null ? Xe : void 0,
+        className: Me(s.root, k && s.disabled, K),
+        style: { "--tz-location-map-height": `${m}px`, ...Q },
+        ...p,
+        children: [
+          v != null && /* @__PURE__ */ C("div", { className: s.label, id: Xe, children: [
+            /* @__PURE__ */ r(V, { as: "span", variant: "bodySmall", color: "muted", children: v }),
+            E && /* @__PURE__ */ r("span", { className: s.required, "aria-hidden": "true", children: "*" })
+          ] }),
+          re && N === "ready" && le.current && !k && /* @__PURE__ */ r(
+            _o,
+            {
+              api: le.current,
+              language: J.split("-")[0],
+              bias: () => {
+                var t;
+                const e = (t = H.current) == null ? void 0 : t.getCenter();
+                return e ? { lat: e.lat(), lng: e.lng() } : M.current.center;
+              },
+              regions: ne,
+              size: q,
+              onPick: Mt
+            }
+          ),
+          /* @__PURE__ */ C(
+            "div",
+            {
+              ref: rt,
+              tabIndex: -1,
+              className: Me(s.frame, be && s.error),
+              children: [
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    ref: ze,
+                    className: s.map,
+                    role: "application",
+                    "aria-label": f("location.mapLabel"),
+                    "data-testid": "location-map"
+                  }
+                ),
+                N === "loading" && /* @__PURE__ */ r("div", { className: s.cover, "aria-hidden": "true", children: /* @__PURE__ */ r(At, { variant: "rect", width: "100%", height: "100%", radius: "xxs" }) }),
+                gt && /* @__PURE__ */ C("div", { className: Me(s.cover, s.message), role: "status", children: [
+                  /* @__PURE__ */ r("span", { className: s.messageIcon, children: /* @__PURE__ */ r(O, { name: "Map" }) }),
+                  /* @__PURE__ */ r(V, { variant: "bodySmall", color: "muted", align: "center", children: gt })
+                ] }),
+                N === "ready" && /* @__PURE__ */ C(Fe, { children: [
+                  /* @__PURE__ */ C("div", { className: s.controls, children: [
+                    g && !k && typeof navigator < "u" && navigator.geolocation && /* @__PURE__ */ r(
+                      ye,
+                      {
+                        content: f(nt ? "location.locateFailed" : "location.locate"),
+                        placement: "left",
+                        children: /* @__PURE__ */ r(
+                          he,
+                          {
+                            size: "sm",
+                            color: "surface",
+                            className: s.control,
+                            "aria-label": f("location.locate"),
+                            loading: Lt,
+                            onClick: Nt,
+                            children: /* @__PURE__ */ r(O, { name: nt ? "GpsSlash" : "Gps" })
+                          }
+                        )
+                      }
+                    ),
+                    n && /* @__PURE__ */ r(ye, { content: f("location.centerOnPin"), placement: "left", children: /* @__PURE__ */ r(
+                      he,
+                      {
+                        size: "sm",
+                        color: "surface",
+                        className: s.control,
+                        "aria-label": f("location.centerOnPin"),
+                        onClick: () => fe(n),
+                        children: /* @__PURE__ */ r(O, { name: "Location" })
+                      }
+                    ) }),
+                    n && !k && /* @__PURE__ */ r(ye, { content: f("location.removePin"), placement: "left", children: /* @__PURE__ */ r(
+                      he,
+                      {
+                        size: "sm",
+                        color: "surface",
+                        className: s.control,
+                        "aria-label": f("location.removePin"),
+                        onClick: () => X(null),
+                        children: /* @__PURE__ */ r(O, { name: "LocationCross" })
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ C("div", { className: Me(s.controls, s.zoomControls), children: [
+                    /* @__PURE__ */ r(ye, { content: f("location.zoomIn"), placement: "left", children: /* @__PURE__ */ r(
+                      he,
+                      {
+                        size: "sm",
+                        color: "surface",
+                        className: s.control,
+                        "aria-label": f("location.zoomIn"),
+                        onClick: () => ct(1),
+                        children: /* @__PURE__ */ r(O, { name: "Add" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(ye, { content: f("location.zoomOut"), placement: "left", children: /* @__PURE__ */ r(
+                      he,
+                      {
+                        size: "sm",
+                        color: "surface",
+                        className: s.control,
+                        "aria-label": f("location.zoomOut"),
+                        onClick: () => ct(-1),
+                        children: /* @__PURE__ */ r(O, { name: "Minus" })
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ r("div", { className: s.badge, "aria-live": "polite", children: n ? /* @__PURE__ */ C(Fe, { children: [
+                    /* @__PURE__ */ r(O, { name: "Location", size: "sm", className: s.badgeIcon }),
+                    /* @__PURE__ */ r("span", { className: s.coords, children: mt }),
+                    /* @__PURE__ */ r(Dt, { value: mt, size: "sm", className: s.copy })
+                  ] }) : !k && /* @__PURE__ */ C(Fe, { children: [
+                    /* @__PURE__ */ r(O, { name: "LocationAdd", size: "sm", className: s.badgeIcon }),
+                    /* @__PURE__ */ r("span", { children: f("location.hint") })
+                  ] }) })
+                ] })
+              ]
+            }
+          ),
+          (j || re) && n && (Ee || We) && /* @__PURE__ */ C("div", { className: s.address, "aria-live": "polite", children: [
+            /* @__PURE__ */ r(O, { name: "Location", size: "sm", className: s.addressIcon }),
+            We && !Ee ? /* @__PURE__ */ r(V, { as: "span", variant: "bodySmall", color: "muted", children: f("location.addressLoading") }) : /* @__PURE__ */ r(V, { as: "span", variant: "bodySmall", className: s.addressText, children: Ee })
+          ] }),
+          /* @__PURE__ */ C("div", { className: s.fields, children: [
+            /* @__PURE__ */ r(
+              He,
+              {
+                label: f("location.latitude"),
+                size: q,
+                inputMode: "decimal",
+                placeholder: String(Be.lat),
+                value: me,
+                disabled: k,
+                error: be || ke === void 0 || tt,
+                helperText: ke === void 0 ? f("location.latitudeRange") : tt ? f("location.pairIncomplete") : void 0,
+                onChange: (e) => {
+                  De(e.target.value), Se((t) => t.lat ? t : { ...t, lat: !0 }), dt(e.target.value, ge);
+                },
+                onPaste: ut,
+                onBlur: (e) => {
+                  Se((t) => t.lat ? t : { ...t, lat: !0 }), $ == null || $.onBlur(e);
+                }
+              }
+            ),
+            /* @__PURE__ */ r(
+              He,
+              {
+                label: f("location.longitude"),
+                size: q,
+                inputMode: "decimal",
+                placeholder: String(Be.lng),
+                value: ge,
+                disabled: k,
+                error: be || we === void 0 || ot,
+                helperText: we === void 0 ? f("location.longitudeRange") : ot ? f("location.pairIncomplete") : void 0,
+                onChange: (e) => {
+                  Ae(e.target.value), Se((t) => t.lng ? t : { ...t, lng: !0 }), dt(me, e.target.value);
+                },
+                onPaste: ut,
+                onBlur: (e) => {
+                  Se((t) => t.lng ? t : { ...t, lng: !0 }), $ == null || $.onBlur(e);
+                }
+              }
+            )
+          ] }),
+          Ye != null && /* @__PURE__ */ r(
+            V,
+            {
+              as: "span",
+              variant: "bodySmall",
+              color: be ? "error" : "muted",
+              className: s.helper,
+              children: Ye
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Zo as L,
+  Be as T
+};
+//# sourceMappingURL=LocationPicker-DxiQ27k6.js.map