@alfadocs/ui-kit 0.33.0 → 0.33.2

package/dist/_chunks/use-web-otp-D_utzp6S.js

@@ -0,0 +1,33 @@
+import { useRef as f, useEffect as l } from "react";
+function p({
+  onCode: i,
+  onError: o,
+  enabled: c = !0
+}) {
+  const s = f(i), e = f(o);
+  s.current = i, e.current = o, l(() => {
+    if (!c || typeof window > "u" || !("OTPCredential" in window)) return;
+    const u = new AbortController(), a = {
+      otp: { transport: ["sms"] },
+      signal: u.signal
+    };
+    let r = !1;
+    return navigator.credentials.get(a).then((t) => {
+      if (r) return;
+      const n = t;
+      n != null && n.code && s.current(n.code);
+    }).catch((t) => {
+      var n;
+      r || t instanceof DOMException && t.name === "AbortError" || (n = e.current) == null || n.call(
+        e,
+        t instanceof Error ? t : new Error(String(t))
+      );
+    }), () => {
+      r = !0, u.abort();
+    };
+  }, [c]);
+}
+export {
+  p as u
+};
+//# sourceMappingURL=use-web-otp-D_utzp6S.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.33.0",
+  "packageVersion": "0.33.2",
   "components": [
     {
       "kind": "component",

package/dist/components/otp-input/index.js

@@ -1,4 +1,4 @@
-import { O as r } from "../../_chunks/otp-input-BEg_sn8A.js";
+import { O as r } from "../../_chunks/otp-input-CDTWT5EK.js";
 export {
   r as OTPInput
 };

package/dist/components/otp-input/otp-input.d.ts

@@ -18,6 +18,22 @@ export interface OTPInputProps {
     /** Stable id, used to address this instance from the agent runtime. */
     id?: string;
     className?: string;
+    /**
+     * Opt into Chrome-Android's WebOTP API for one-tap SMS autofill. When
+     * the browser surfaces a matching SMS-bound credential, the kit spreads
+     * the code across every digit box and fires `onComplete` automatically.
+     *
+     * Falls back silently to manual entry on Firefox / desktop / iOS — those
+     * platforms either don't ship the API at all or rely on the
+     * `autocomplete="one-time-code"` QuickType heuristic the kit already
+     * applies to the first input.
+     *
+     * Prerequisites the prop can't enforce: page must be HTTPS, and the SMS
+     * body must end with `@<origin> #<code>` on its last line (Chrome's
+     * spec — without it the browser refuses to surface the message).
+     * Default `false` so the listener stays opt-in.
+     */
+    webOtp?: boolean;
 }
 export declare const OTPInput: import("react").ForwardRefExoticComponent<OTPInputProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=otp-input.d.ts.map

package/dist/components/practice-results/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as a } from "../../_chunks/practice-results-Bw5fJTYF.js";
+import { P as t, p as a } from "../../_chunks/practice-results-Dwm5tzLV.js";
 export {
   t as PracticeResults,
   a as practiceResultsAgent

package/dist/components/practice-results/practice-results.d.ts

@@ -99,6 +99,17 @@ export interface PracticeResultsProps extends Omit<ComponentPropsWithoutRef<'div
     };
     facets?: FacetGroup[];
     googleMapsApiKey?: string;
+    /**
+     * Google Maps Map ID — required when consumers use Google's
+     * `AdvancedMarkerElement`. Forwarded to every internal `<MapView>`
+     * instance (split-list-map's desktop + mobile-sheet column,
+     * map-first's main canvas). `rich-cards` thumbnails are unaffected
+     * — they're static `<img>` fetches, not the JS SDK.
+     *
+     * When omitted, MapView falls back to the kit's inline-style
+     * theming (`getGoogleMapsTheme()`), same as before.
+     */
+    mapId?: string;
     /** Initial map zoom. Default 13. */
     defaultZoom?: number;
     /** Fires when patient pans/zooms (split + map-first only). */

package/dist/hooks/index.d.ts

@@ -16,4 +16,5 @@ export { useFocusTrap, type UseFocusTrapOptions } from './use-focus-trap';
 export { useDirection, useDocumentDirection, type Direction, } from './use-direction';
 export { usePersistentState } from './use-persistent-state';
 export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
+export { useWebOtp, type UseWebOtpOptions } from './use-web-otp';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -1,27 +1,28 @@
 import { u as v } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as D } from "../_chunks/use-media-query-CcAx5SMM.js";
 import { u as _ } from "../_chunks/use-scroll-to-first-error-4Za-u5Nw.js";
-import { u as g } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { u as w } from "../_chunks/use-locale-BkCIHujH.js";
-import { A as O, T as R, a as H, r as M, t as Y, u as q } from "../_chunks/use-theme-C2dHKUAN.js";
+import { u as O } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as k } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as K, T as R, a as H, r as M, t as Y, u as q } from "../_chunks/use-theme-C2dHKUAN.js";
 import { u as G } from "../_chunks/use-controllable-state-BiY4xTzM.js";
 import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
 import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
 import { useState as x, useRef as b, useEffect as E } from "react";
-import { u as z, a as J } from "../_chunks/use-direction-Dp8h70PP.js";
-import { u as W } from "../_chunks/use-persistent-state-i23OWy6G.js";
+import { u as W, a as z } from "../_chunks/use-direction-Dp8h70PP.js";
+import { u as N } from "../_chunks/use-persistent-state-i23OWy6G.js";
 import { u as Z } from "../_chunks/use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ee } from "../_chunks/use-web-otp-D_utzp6S.js";
 function S(e, o) {
-  const [t, c] = x(e), n = b(null);
+  const [t, c] = x(e), u = b(null);
   return E(() => {
     if (o <= 0) {
-      n.current !== null && (clearTimeout(n.current), n.current = null), c(e);
+      u.current !== null && (clearTimeout(u.current), u.current = null), c(e);
       return;
     }
     const s = setTimeout(() => {
-      c(e), n.current = null;
+      c(e), u.current = null;
     }, o);
-    return n.current = s, () => clearTimeout(s);
+    return u.current = s, () => clearTimeout(s);
   }, [e, o]), t;
 }
 const T = [
@@ -49,57 +50,58 @@ function p(e) {
   });
 }
 function C(e, o = {}) {
-  const { enabled: t = !0, autoFocus: c = !0, restoreFocus: n = !0 } = o, s = b(null);
+  const { enabled: t = !0, autoFocus: c = !0, restoreFocus: u = !0 } = o, s = b(null);
   E(() => {
     if (!t) return;
     const a = e.current;
     if (!a) return;
     if (s.current = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null, c) {
-      const u = p(a)[0] ?? (a.tabIndex >= -1 ? a : null);
-      u == null || u.focus();
+      const n = p(a)[0] ?? (a.tabIndex >= -1 ? a : null);
+      n == null || n.focus();
     }
     function f(r) {
       if (r.key !== "Tab") return;
-      const u = e.current;
-      if (!u) return;
-      const i = p(u);
+      const n = e.current;
+      if (!n) return;
+      const i = p(n);
       if (i.length === 0) {
         r.preventDefault();
         return;
       }
       const d = i[0], m = i[i.length - 1], l = document.activeElement;
-      r.shiftKey ? (l === d || !u.contains(l)) && (r.preventDefault(), m.focus()) : (l === m || !u.contains(l)) && (r.preventDefault(), d.focus());
+      r.shiftKey ? (l === d || !n.contains(l)) && (r.preventDefault(), m.focus()) : (l === m || !n.contains(l)) && (r.preventDefault(), d.focus());
     }
     return a.addEventListener("keydown", f), () => {
-      if (a.removeEventListener("keydown", f), n && s.current) {
+      if (a.removeEventListener("keydown", f), u && s.current) {
         const r = s.current;
         requestAnimationFrame(() => {
           r.isConnected && r.focus();
         });
       }
     };
-  }, [t, c, n, e]);
+  }, [t, c, u, e]);
 }
 export {
-  O as ACCESSIBILITY_STORAGE_KEY,
+  K as ACCESSIBILITY_STORAGE_KEY,
   R as THEME_CLASS,
   H as THEME_STORAGE_KEY,
   M as resolveTheme,
   Y as themeClassList,
   G as useControllableState,
   U as useCopyToClipboard,
-  g as useCountUp,
+  O as useCountUp,
   j as useDebouncedCallback,
   S as useDebouncedValue,
-  z as useDirection,
-  J as useDocumentDirection,
+  W as useDirection,
+  z as useDocumentDirection,
   C as useFocusTrap,
   Z as useIsomorphicLayoutEffect,
-  w as useLocale,
+  k as useLocale,
   D as useMediaQuery,
-  W as usePersistentState,
+  N as usePersistentState,
   v as usePrefersReducedMotion,
   _ as useScrollToFirstError,
-  q as useTheme
+  q as useTheme,
+  ee as useWebOtp
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-web-otp.d.ts

@@ -0,0 +1,22 @@
+export interface UseWebOtpOptions {
+    /**
+     * Invoked once with the full code when the browser surfaces a matching
+     * SMS. Setting state from inside `onCode` is safe — the hook will not
+     * fire again for the same lifecycle (it auto-aborts after success).
+     */
+    onCode: (code: string) => void;
+    /**
+     * Optional error sink. `AbortError` (the normal cleanup path) is NEVER
+     * forwarded — only real failures (permission denied, malformed SMS, etc.).
+     * When omitted the hook silently swallows everything so a consumer that
+     * doesn't care about telemetry can call the hook bare.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Gate the listener. When `false` the hook is a no-op; flipping back to
+     * `true` reinstalls the listener. Default `true`.
+     */
+    enabled?: boolean;
+}
+export declare function useWebOtp({ onCode, onError, enabled, }: UseWebOtpOptions): void;
+//# sourceMappingURL=use-web-otp.d.ts.map

package/dist/index.js

@@ -27,7 +27,7 @@ import { F as ba } from "./_chunks/form-field-BOm9hK35.js";
 import { F as Ra, u as Ia } from "./_chunks/form-field-context-B3APVHKx.js";
 import { M as Fa, m as Ea, a as La } from "./_chunks/multi-select-DOLO3K_z.js";
 import { N as ka, u as Oa } from "./_chunks/number-input-Dj5L3pXK.js";
-import { O as ya } from "./_chunks/otp-input-BEg_sn8A.js";
+import { O as ya } from "./_chunks/otp-input-CDTWT5EK.js";
 import { P as Ma, u as Da } from "./_chunks/use-password-requirements-DsgduV1x.js";
 import { P as Va, c as va, p as Ha, a as Wa } from "./_chunks/phone-input-DfZbPPvh.js";
 import { R as Ua, r as Ka } from "./_chunks/recaptcha-widget-CFYyLSEX.js";
@@ -131,7 +131,7 @@ import { C as Mn, c as Dn, r as wn } from "./_chunks/calendar-YHFknAGv.js";
 import { O as vn, o as Hn } from "./_chunks/operator-hero-7LiiP7zi.js";
 import { P as Gn, p as Un } from "./_chunks/patient-search-CBq62kmL.js";
 import { C as Yn, a as jn, b as zn, c as qn } from "./_chunks/contact-profile-card-Ce-LIDU8.js";
-import { P as Jn, p as Xn } from "./_chunks/practice-results-Bw5fJTYF.js";
+import { P as Jn, p as Xn } from "./_chunks/practice-results-Dwm5tzLV.js";
 import { P as $n, f as ap, p as ep, a as rp, s as op, b as tp, c as sp } from "./_chunks/payment-form-D5rgnZu7.js";
 import { P as np, p as pp } from "./_chunks/pdf-viewer-DvtEHcEP.js";
 import { R as lp, r as fp } from "./_chunks/reviews-panel-Dow8Dzoa.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.33.0",
+  "version": "0.33.2",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",