@adyen/adyen-platform-experience-web 1.10.1 → 1.10.2

package/dist/es/hooks/element/useClickOutside.js

@@ -1,55 +1,56 @@
-import { useRef as O, useCallback as c, useEffect as L } from "../../external/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as l } from "../../components/internal/Popover/utils/popoverUtil.js";
-import R from "../useReflex.js";
-const p = Symbol("__control.Elem.");
-var h = /* @__PURE__ */ ((n) => (n.POPOVER = "POPOVER", n.DEFAULT = "DEFAULT", n))(h || {});
-const v = (n) => n.stopImmediatePropagation(), _ = (n, s, f, u) => {
-  const e = O(null), m = O(!1), d = c(
-    (t) => {
-      if (!(e && e.current)) return;
-      const r = t.composedPath();
-      if (u === "POPOVER")
-        l.closePopoversOutsideOfClick(r);
+import { useRef as R, useCallback as u, useEffect as v } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { popoverUtil as a } from "../../components/internal/Popover/utils/popoverUtil.js";
+import L from "../useReflex.js";
+const p = /* @__PURE__ */ Symbol("__control.Elem.");
+var w = /* @__PURE__ */ ((r) => (r.POPOVER = "POPOVER", r.DEFAULT = "DEFAULT", r))(w || {});
+const O = (r) => r.stopImmediatePropagation(), T = (r, s, c, f) => {
+  const o = R(null), i = R(!1), E = u(
+    (n) => {
+      if (!(o && o.current)) return;
+      const t = n.composedPath();
+      if (f === "POPOVER")
+        a.closePopoversOutsideOfClick(t);
       else {
-        let P = 0, a = !1, o = r[P];
-        for (; o instanceof Element && !(a ||= o?.isSameNode(e.current)); )
-          o = r[++P] ?? o.parentElement, o?.[p] instanceof Element && (o = o[p], r.length = 0);
-        s && !a && s(!0);
+        let d = 0, P = !1, e = t[d];
+        for (; (e instanceof Element || e instanceof ShadowRoot) && (e instanceof ShadowRoot && (e = e.host), !(P ||= e.isSameNode(o.current))); ) {
+          if (e?.[p] instanceof Element) {
+            e = e[p], t.length = 0;
+            continue;
+          }
+          const h = t[++d];
+          h ? e = h : e.parentElement ? e = e.parentElement : e.parentNode instanceof ShadowRoot ? e = e.parentNode : e = null;
+        }
+        s && !P && s(!0);
       }
     },
-    [e, s, u]
-  ), i = c(
-    (t) => {
-      e && e.current && (m.current = e.current.contains(t.target));
+    [o, s, f]
+  ), l = u((n) => {
+    o.current && (i.current = n.composedPath().includes(o.current));
+  }, []), m = u(
+    (n) => {
+      i.current ? i.current = !1 : E(n);
     },
-    [e]
-  ), E = c(
-    (t) => {
-      if (m.current) {
-        m.current = !1;
-        return;
-      }
-      d(t);
-    },
-    [d]
+    [E]
   );
-  return L(() => {
-    if (!f)
-      return document.addEventListener("mousedown", i, !0), document.addEventListener("click", E, !0), u === "POPOVER" && e.current instanceof Element && l.add(e.current, s), () => {
-        document.removeEventListener("mousedown", i, !0), document.removeEventListener("click", E, !0), e.current && l.remove(e.current);
+  return v(() => {
+    if (c || !o.current) return;
+    const n = o.current, t = n.getRootNode();
+    if (t instanceof ShadowRoot || t instanceof Document)
+      return t.addEventListener("mousedown", l, !0), t.addEventListener("click", m, !0), f === "POPOVER" && a.add(n, s), () => {
+        t.removeEventListener("mousedown", l, !0), t.removeEventListener("click", m, !0), f === "POPOVER" && a.remove(n);
       };
-  }, [f, i, E, s, u, e]), R(
-    c(
-      (t, r) => {
-        r instanceof Element && r.removeEventListener("focusout", v, !1), t instanceof Element && (f || (t.addEventListener("focusout", v, !1), e.current = t));
+  }, [c, f, l, m, s]), L(
+    u(
+      (n, t) => {
+        t instanceof Element && t.removeEventListener("focusout", O, !1), n instanceof Element ? c || (n.addEventListener("focusout", O, !1), o.current = n) : o.current = null;
       },
-      [f, u]
+      [c]
     ),
-    n
+    r
   );
 };
 export {
   p as CONTROL_ELEMENT_PROPERTY,
-  h as ClickOutsideVariant,
-  _ as useClickOutside
+  w as ClickOutsideVariant,
+  T as useClickOutside
 };

package/dist/es/hooks/element/useDetachedRender.js

@@ -1,5 +1,5 @@
-import { createPortal as c } from "../../external/preact/compat/dist/compat.module.js";
-import { useState as i, useMemo as m } from "../../external/preact/hooks/dist/hooks.module.js";
+import { createPortal as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useState as i, useMemo as m } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import f from "../useReflex.js";
 const R = (r, o) => {
   const [t, s] = i(), d = f(

package/dist/es/hooks/element/useFocusCursor.js

@@ -1,11 +1,11 @@
-import { useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as o } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import a from "../useReflex.js";
 import { ALREADY_RESOLVED_PROMISE as i } from "../../utils/async/constants.js";
 const r = (f) => {
   const s = o(
-    (t, e) => {
+    ((t, e) => {
       e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), i.then(() => t?.focus()));
-    },
+    }),
     []
   );
   return a(

package/dist/es/hooks/element/useFocusTrap.js

@@ -1,55 +1,56 @@
-import { useRef as a, useMemo as b, useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as a, useMemo as b, useCallback as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as n } from "../../components/types.js";
-import { withTabbableRoot as x, focusIsWithin as c, isFocusable as H } from "../../primitives/dom/tabbableRoot/tabbable.js";
-import I from "../useReflex.js";
-import { isUndefined as M } from "../../utils/value/is.js";
-const W = (C, E) => {
-  const i = a(!1), u = a(null), l = a(!1), A = a(null), m = a(1), d = a(!1), r = b(x, []), T = o((e) => {
-    const t = u.current;
-    if (t instanceof HTMLElement && c(e, t)) {
+import { withTabbableRoot as C, focusIsWithin as i, isFocusable as k, getDeepActiveElement as D } from "../../primitives/dom/tabbableRoot/tabbable.js";
+import H from "../useReflex.js";
+import { isUndefined as I } from "../../utils/value/is.js";
+const w = (p, A) => {
+  const u = a(!1), l = a(null), f = a(!1), T = a(null), d = a(1), E = a(!1), r = b(C, []), F = c((e) => {
+    const t = l.current;
+    if (t instanceof HTMLElement && i(e, t)) {
       t.focus();
       return;
     }
     e instanceof HTMLElement && e.focus();
-  }, []), F = b(() => {
+  }, []), L = b(() => {
     let e = null, t;
-    return (f) => {
-      M(t) || cancelAnimationFrame(t);
-      let s = f.target;
-      for (; s && s !== f.currentTarget; ) {
-        if (H(s)) {
+    return (m) => {
+      I(t) || cancelAnimationFrame(t);
+      const o = m.composedPath();
+      let s = o[0], x = 0;
+      for (; s && s !== m.currentTarget; ) {
+        if (s instanceof Element && k(s)) {
           e = s, t = requestAnimationFrame(() => {
             t = requestAnimationFrame(() => {
-              u.current !== e && e instanceof HTMLElement && (u.current = e)?.focus(), e = null, t = void 0;
+              l.current !== e && e instanceof HTMLElement && (l.current = e)?.focus(), e = null, t = void 0;
             });
           });
           return;
         }
-        s = s.parentNode;
+        s = o[++x];
       }
     };
-  }, []), L = o((e) => {
-    r.current = u.current = e.target;
-  }, []), R = o((e) => {
+  }, []), R = c((e) => {
+    r.current = l.current = e.composedPath()[0] || e.target;
+  }, []), h = c((e) => {
     const t = r.root;
     if (!(t instanceof Element)) return;
-    const f = e.target;
-    if (!c(t, f) && c(t, e.relatedTarget) && l.current && A.current === n.TAB) {
-      const s = r.tabbables;
-      if (s.length) {
-        const k = m.current === -1 ? s.length - 1 : 0;
-        s[k]?.focus();
+    const m = e.composedPath()[0] || e.target;
+    if (!i(t, m) && i(t, e.relatedTarget) && f.current && T.current === n.TAB) {
+      const o = r.tabbables;
+      if (o.length) {
+        const s = d.current === -1 ? o.length - 1 : 0;
+        o[s]?.focus();
       } else
-        T(t);
+        F(t);
     }
-  }, []), g = o((e) => {
-    r.tabbables.includes(e.relatedTarget) || c(e.currentTarget, e.relatedTarget) || l.current || (i.current = !0, requestAnimationFrame(() => {
-      i.current && E(i.current = !1);
+  }, []), g = c((e) => {
+    r.tabbables.includes(e.relatedTarget) || i(e.currentTarget, e.relatedTarget) || f.current || (u.current = !0, requestAnimationFrame(() => {
+      u.current && A(u.current = !1);
     }));
-  }, []), h = b(() => {
+  }, []), P = b(() => {
     let e;
     return (t) => {
-      switch (A.current = t.code, t.code) {
+      switch (T.current = t.code, t.code) {
         case n.ARROW_DOWN:
         case n.ARROW_LEFT:
         case n.ARROW_RIGHT:
@@ -62,21 +63,21 @@ const W = (C, E) => {
         case n.TAB:
           cancelAnimationFrame(e), e = requestAnimationFrame(() => {
             e = requestAnimationFrame(() => {
-              l.current = !1, e = void 0;
+              f.current = !1, e = void 0;
             });
-          }), l.current = !0;
+          }), f.current = !0;
           break;
       }
-      t.code === n.TAB ? (t.preventDefault(), m.current = t.shiftKey ? -1 : 1, r.tabbables.length ? r.current = m.current : r.root instanceof Element && T(r.root)) : t.code === n.ESCAPE && E(!0);
+      t.code === n.TAB ? (t.preventDefault(), d.current = t.shiftKey ? -1 : 1, r.tabbables.length ? r.current = d.current : r.root instanceof Element && F(r.root)) : t.code === n.ESCAPE && A(!0);
     };
   }, []);
-  return I(
-    o((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", h, !0), t.removeEventListener("focusin", L, !0), t.removeEventListener("focusout", g, !1), t.removeEventListener("click", F, !0), document.removeEventListener("focusin", R, !0), d.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), d.current = !1)), e instanceof Element ? (e.addEventListener("keydown", h, !0), e.addEventListener("focusin", L, !0), e.addEventListener("focusout", g, !1), e.addEventListener("click", F, !0), document.addEventListener("focusin", R, !0), i.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), d.current = !0), c(e, document.activeElement) || e instanceof HTMLElement && e.focus()) : r.root = null;
+  return H(
+    c((e, t) => {
+      t instanceof Element && (t.removeEventListener("keydown", P, !0), t.removeEventListener("focusin", R, !0), t.removeEventListener("focusout", g, !1), t.removeEventListener("click", L, !0), document.removeEventListener("focusin", h, !0), E.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), E.current = !1)), e instanceof Element ? (e.addEventListener("keydown", P, !0), e.addEventListener("focusin", R, !0), e.addEventListener("focusout", g, !1), e.addEventListener("click", L, !0), document.addEventListener("focusin", h, !0), u.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), E.current = !0), i(e, D()) || e instanceof HTMLElement && e.focus()) : r.root = null;
     }, []),
-    C
+    p
   );
 };
 export {
-  W as default
+  w as default
 };

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,4 +1,4 @@
-import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import w from "../../components/internal/Popover/utils/utils.js";
 import { PopoverContainerPosition as t, PopoverContainerVariant as A } from "../../components/internal/Popover/types.js";
 import { isRefObject as P } from "../../primitives/reactive/reflex/helpers.js";

package/dist/es/hooks/element/useUniqueIdentifier.js

@@ -1,4 +1,4 @@
-import { useRef as r, useCallback as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as r, useCallback as f } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import u from "../useReflex.js";
 import { uniqueId as o } from "../../utils/random/uniqueId.js";
 const c = (n) => {

package/dist/es/hooks/form/Controller.js

@@ -1,4 +1,4 @@
-import { useReducer as S, useRef as y, useEffect as R, useCallback as d } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useReducer as S, useRef as y, useEffect as R, useCallback as d } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 function C({ name: t, control: e, rules: u, render: g }) {
   const [, a] = S((r) => r + 1, 0), { required: c } = u ?? {}, f = y(c);
   R(() => {

package/dist/es/hooks/form/useForm.js

@@ -1,5 +1,5 @@
-import { useRef as O, useCallback as y } from "../../external/preact/hooks/dist/hooks.module.js";
-function k(s, u) {
+import { useRef as k, useCallback as y } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+function R(s, u) {
   const o = u.split(".");
   let i = s;
   for (const t of o) {
@@ -8,7 +8,7 @@ function k(s, u) {
   }
   return i;
 }
-function R(s, u, o) {
+function M(s, u, o) {
   if (!u)
     return;
   const i = u.split("."), t = i.pop();
@@ -36,12 +36,12 @@ function E(s) {
         u[o] = i;
   return u;
 }
-function V(s, u = "") {
+function b(s, u = "") {
   const o = {};
   for (const i in s)
     if (Object.prototype.hasOwnProperty.call(s, i)) {
       const t = s[i], l = u ? `${u}.${i}` : i;
-      t && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date) && !(t instanceof File) && !(t instanceof FileList) ? Object.assign(o, V(t, l)) : o[l] = t;
+      t && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date) && !(t instanceof File) && !(t instanceof FileList) ? Object.assign(o, b(t, l)) : o[l] = t;
     }
   return o;
 }
@@ -59,8 +59,8 @@ async function q(s, u, o) {
       }
   }
 }
-function j(s) {
-  const { defaultValues: u = {}, i18n: o } = s, i = O();
+function K(s) {
+  const { defaultValues: u = {}, i18n: o } = s, i = k();
   if (!i.current) {
     const e = {
       _values: /* @__PURE__ */ new Map(),
@@ -81,8 +81,8 @@ function j(s) {
         e._subscribers.forEach((r) => r());
       },
       setValue: (r, n, f) => {
-        const v = k(e._defaultValues, r), b = n !== v;
-        e._values.set(r, n), f?.shouldDirty !== !1 && (e._dirty.set(r, b), b ? e._computedDirtyFields[r] = !0 : delete e._computedDirtyFields[r]), f?.shouldTouch && (e._touched.set(r, !0), e._computedTouchedFields[r] = !0);
+        const v = R(e._defaultValues, r), V = n !== v;
+        e._values.set(r, n), f?.shouldDirty !== !1 && (e._dirty.set(r, V), V ? e._computedDirtyFields[r] = !0 : delete e._computedDirtyFields[r]), f?.shouldTouch && (e._touched.set(r, !0), e._computedTouchedFields[r] = !0);
         const c = e._options.mode || "onBlur";
         f?.shouldValidate !== !1 && (c === "onInput" || c === "all" || f?.shouldValidate) && F({ control: e, name: r, value: n, rules: e._fieldRules.get(r), i18n: o }), e.notify();
       },
@@ -115,12 +115,12 @@ function j(s) {
           e._touched.has(c) || (e._touched.set(c, !0), e._computedTouchedFields[c] = !0, f = !0);
         }), f && e.notify();
         const v = n.map(async (c) => {
-          const C = e._values.get(c), m = e._fieldRules.get(c);
-          return m && await F({ control: e, name: c, value: C, rules: m, i18n: o }), !e._errors.has(c);
+          const O = e._values.get(c), m = e._fieldRules.get(c);
+          return m && await F({ control: e, name: c, value: O, rules: m, i18n: o }), !e._errors.has(c);
         });
         return (await Promise.all(v)).every((c) => c);
       }
-    }, d = V(u);
+    }, d = b(u);
     Object.entries(d).forEach(([r, n]) => {
       e._values.set(r, n);
     }), i.current = e;
@@ -142,15 +142,15 @@ function j(s) {
         return t._values.get(e);
       const d = {};
       return t._values.forEach((r, n) => {
-        R(d, n, r);
+        M(d, n, r);
       }), d;
     },
     [t]
-  ), A = y(
+  ), A = y(() => t._values, [t]), D = y(
     (e) => {
       const d = e || t._defaultValues;
       e && (t._defaultValues = e), t._values.clear(), t._errors.clear(), t._touched.clear(), t._dirty.clear(), t._validationCounters.clear(), t._computedErrors = {}, t._computedTouchedFields = {}, t._computedDirtyFields = {};
-      const r = V(d);
+      const r = b(d);
       Object.entries(r).forEach(([n, f]) => {
         t._values.set(n, f);
       }), t._isSubmitting = !1, t.notify();
@@ -159,7 +159,7 @@ function j(s) {
   ), h = y(
     async (e) => t.trigger(e),
     [t]
-  ), D = y(
+  ), C = y(
     (e, d) => async (r) => {
       r && r.preventDefault && r.preventDefault(), t._isSubmitting = !0, t.notify();
       try {
@@ -175,10 +175,11 @@ function j(s) {
   );
   return {
     control: t,
-    handleSubmit: D,
+    handleSubmit: C,
     setValue: T,
     getValues: g,
-    reset: A,
+    getValueMap: A,
+    reset: D,
     formState: S,
     trigger: h
   };
@@ -203,8 +204,8 @@ async function F({
   }
 }
 export {
-  k as getNestedValue,
-  R as setNestedValue,
-  j as useForm,
+  R as getNestedValue,
+  M as setNestedValue,
+  K as useForm,
   F as validateFieldWithRaceConditionHandling
 };

package/dist/es/hooks/form/useWatch.js

@@ -1,4 +1,4 @@
-import { useCallback as f, useState as i, useRef as p, useEffect as b } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as f, useState as i, useRef as p, useEffect as b } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 function l(e, t) {
   const s = f(() => e.getValue(t), [e, t]), [r, n] = i(() => s()), a = p(r);
   return b(() => {

package/dist/es/hooks/form/wizard/WizardFormContext.js

@@ -1,6 +1,6 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { createContext as n } from "../../../external/preact/dist/preact.module.js";
-import { useContext as i } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { createContext as n } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { useContext as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const o = n(null);
 function s() {
   const r = i(o);