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

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

@@ -1,175 +1,209 @@
-import { useState as k, useCallback as Y, useRef as y, useEffect as D } from "../../external/preact/hooks/dist/hooks.module.js";
-import P from "../../components/internal/Popover/utils/utils.js";
-import { PopoverContainerPosition as t, PopoverContainerVariant as v } from "../../components/internal/Popover/types.js";
-import { isRefObject as w } from "../../primitives/reactive/reflex/helpers.js";
-import V from "../useReflex.js";
-const W = [
+import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/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";
+import U from "../useReflex.js";
+const $ = [
   t.BOTTOM_RIGHT,
   t.BOTTOM_LEFT,
   t.TOP_RIGHT,
   t.TOP_LEFT
-], q = 5, A = 4, U = 10, Z = ({
-  position: M,
-  variant: _,
+], y = 5, N = 4, Z = 10, X = ({
+  position: v,
+  variant: h,
   offset: O,
-  additionalStyle: i,
-  fixedPositioning: T,
-  fullWidth: F,
-  popover: a,
-  targetElement: r
+  additionalStyle: u,
+  fixedPositioning: a,
+  fullWidth: k,
+  fitPosition: m,
+  forceFixed: n,
+  popover: p,
+  targetElement: C
 }) => {
-  let n = 0, c = 0;
-  const B = _ === v.TOOLTIP, l = a.clientHeight, C = a.clientWidth, g = a.firstChild, d = g.offsetHeight, E = g.offsetWidth, h = document.body.getBoundingClientRect(), e = r.getBoundingClientRect(), p = h.x + (h.width - E) / 2, u = e.x + (e.width - E) / 2, m = e.y + (e.height - d) / 2, b = window.scrollX, s = window.scrollY;
-  switch (M) {
+  let o = 0, r = 0;
+  const I = h === A.TOOLTIP, G = p.clientHeight, M = p.clientWidth, _ = p.firstChild, l = _.offsetHeight, b = _.offsetWidth, g = document.body.getBoundingClientRect(), e = C.getBoundingClientRect(), F = g.x + (g.width - b) / 2, E = e.x + (e.width - b) / 2, x = e.y + (e.height - l) / 2, i = window.scrollX, H = window.scrollY;
+  switch (v) {
     case t.BOTTOM:
-      n = F ? p : B ? u : e.x, c = e.y + e.height + O[1], T || (F || (n += b), c += s);
+      o = k ? F : I ? E : e.x, r = e.y + e.height + O[1], !a && !n && (k || (o += i), r += H);
       break;
     case t.TOP:
-      n = B ? u : e.x, c = e.y - (l + O[0]), T || (n += b, c += s - g.clientHeight + l);
+      o = I ? E : e.x, r = e.y - (G + O[0]), !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.RIGHT:
-      n = e.x + e.width + O[2], c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x + e.width + O[2], r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.LEFT:
-      n = e.x - (C + O[3]), c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x - (M + O[3]), r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_LEFT:
-      n = 5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      o = m ? e.x : 5, r = e.y + e.height + O[1], !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_RIGHT:
-      n = -5, c = e.y + e.height + O[1], T || (n = b - (h.width - e.right), c += s);
+      o = m ? e.x : -5, r = e.y + e.height + O[1], !a && !n && (o = m ? e.x + i : i - (g.width - e.right), r += H);
       break;
     case t.TOP_LEFT:
-      n = q, c = e.y - l, T || (n += b, c += s - g.clientHeight + l);
+      o = m ? e.x : y, r = e.y - G, !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.TOP_RIGHT:
-      n = -5, c = e.y - l, T || (n += b, c += s - g.clientHeight + l);
+      o = m ? e.x : -y, r = e.y - G, !a && !n && (o = m ? e.x + i : o + i, r += H - _.clientHeight + G);
       break;
   }
-  const R = {};
-  if (i) {
-    const G = !!i.maxY && c + (a == null ? void 0 : a.clientHeight) > i.maxY, o = !!i.minY && c < i.minY;
-    if (G && i.maxY) {
-      const I = e.y + e.height + 8, H = Math.max(0, i.maxY - I);
-      H > 20 && (R.height = `${H}px`), R["overflow-y"] = "scroll";
+  const c = {};
+  if (u) {
+    const L = !!u.maxY && r + p?.clientHeight > u.maxY, s = !!u.minY && r < u.minY;
+    if (L && u.maxY) {
+      const T = e.y + e.height + 8, R = Math.max(0, u.maxY - T);
+      R > 20 && (c.height = `${R}px`), c["overflow-y"] = "scroll";
     }
-    if (o && i.minY && c) {
-      const I = a.offsetHeight ?? a.clientHeight, H = Math.max(0, I - (i.minY - c));
-      R.height = `${H}px`, H && (R["overflow-y"] = "scroll");
+    if (s && u.minY && r) {
+      const T = p.offsetHeight ?? p.clientHeight, R = Math.max(0, T - (u.minY - r));
+      c.height = `${R}px`, R && (c["overflow-y"] = "scroll");
     }
-    o && (c = i.minY ?? 0);
+    s && (r = u.minY ?? 0);
   }
   return {
-    inset: M === t.TOP_RIGHT || M === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
+    inset: v === t.TOP_RIGHT || v === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: T ? "fixed" : "absolute",
-    transform: `translate3d(${n}px, ${c}px, 0)`,
+    position: a || n ? "fixed" : "absolute",
+    transform: `translate3d(${o}px, ${r}px, 0)`,
     visibility: "hidden",
-    ...R
+    ...c
   };
-}, tt = (M, _, O, i, T, F, a, r, n, c, B, l) => {
-  const [C, g] = k(!0), [d, E] = k(r ? !r : !!i), [h, e] = k(i || t.TOP), [p, u] = k([]), m = Y(
-    (s) => {
-      var G;
-      const R = document.documentElement.clientWidth, L = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
-      if (s.intersectionRatio === 1) return E(!0);
-      if (!C && s.intersectionRatio !== 1) {
-        if (p && p.length === (r ? 8 : 4)) {
-          const o = p.reduce((I, H) => H[1] > I[1] ? H : I, p[0]);
-          return e(o[0]), E(!0);
+}, tt = (v, h, O, u, a, k, m, n, p, C, o, r) => {
+  const [I, G] = d(!0), [M, _] = d(n ? !n : !!u), [l, b] = d(u || t.TOP), [g, e] = d([]), F = f(null), E = f(l), x = f(null);
+  E.current = l, W(() => {
+    if (p) return;
+    let c = null;
+    const B = () => {
+      c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        c = null;
+        const L = F.current;
+        if (!L || !h.current) return;
+        const s = h.current.getBoundingClientRect(), T = x.current;
+        if (T && T.x === s.x && T.y === s.y)
+          return;
+        x.current = { x: s.x, y: s.y };
+        const R = X({
+          variant: O,
+          offset: v,
+          additionalStyle: C,
+          fixedPositioning: p,
+          fullWidth: m,
+          fitPosition: n,
+          forceFixed: !M,
+          popover: L,
+          position: E.current,
+          targetElement: h.current
+        });
+        L.style.transform = R.transform;
+      });
+    };
+    return window.addEventListener("scroll", B, { passive: !0, capture: !0 }), () => {
+      window.removeEventListener("scroll", B, { capture: !0 }), c && cancelAnimationFrame(c);
+    };
+  }, [p, h, O, v, C, m, n]);
+  const i = Y(
+    (c) => {
+      const B = document.documentElement.clientWidth, L = h.current?.getBoundingClientRect();
+      if (c.intersectionRatio === 1) return _(!0);
+      if (!I && c.intersectionRatio !== 1) {
+        if (g && g.length === (n ? 8 : 4)) {
+          const s = g.reduce((T, R) => R[1] > T[1] ? R : T, g[0]);
+          return b(s[0]), _(!0);
         }
-        switch (E(!1), h) {
+        switch (_(!1), l) {
           case t.TOP:
-            u((o) => [...o, [t.TOP, s.intersectionRatio]]), e(t.BOTTOM);
+            e((s) => [...s, [t.TOP, c.intersectionRatio]]), b(t.BOTTOM);
             break;
           case t.BOTTOM:
-            u((o) => [...o, [t.BOTTOM, s.intersectionRatio]]), e(
-              r ? ((L == null ? void 0 : L.x) || 0) > R / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
+            e((s) => [...s, [t.BOTTOM, c.intersectionRatio]]), b(
+              n ? (L?.x || 0) > B / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
             );
             break;
           case t.BOTTOM_LEFT:
-            u((o) => [...o, [t.BOTTOM_LEFT, s.intersectionRatio]]), e(r ? t.TOP_LEFT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_LEFT, c.intersectionRatio]]), b(n ? t.TOP_LEFT : t.RIGHT);
             break;
           case t.BOTTOM_RIGHT:
-            u((o) => [...o, [t.BOTTOM_RIGHT, s.intersectionRatio]]), e(r ? t.TOP_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_RIGHT, c.intersectionRatio]]), b(n ? t.TOP_RIGHT : t.RIGHT);
             break;
           case t.TOP_LEFT:
-            u((o) => [...o, [t.TOP_LEFT, s.intersectionRatio]]), e(r ? t.BOTTOM_LEFT : t.RIGHT);
+            e((s) => [...s, [t.TOP_LEFT, c.intersectionRatio]]), b(n ? t.BOTTOM_LEFT : t.RIGHT);
             break;
           case t.TOP_RIGHT:
-            u((o) => [...o, [t.TOP_RIGHT, s.intersectionRatio]]), e(r ? t.BOTTOM_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.TOP_RIGHT, c.intersectionRatio]]), b(n ? t.BOTTOM_RIGHT : t.RIGHT);
             break;
           case t.RIGHT:
-            u((o) => [...o, [t.RIGHT, s.intersectionRatio]]), e(t.LEFT);
+            e((s) => [...s, [t.RIGHT, c.intersectionRatio]]), b(t.LEFT);
             break;
           case t.LEFT:
-            u((o) => [...o, [t.LEFT, s.intersectionRatio]]), e(t.TOP);
+            e((s) => [...s, [t.LEFT, c.intersectionRatio]]), b(t.TOP);
             break;
         }
       }
     },
-    [_, C, p, r, h]
-  ), b = y(m);
-  return D(() => {
-    P(b.current).remove(), b.current = m;
-  }, [m]), V(
+    [h, I, g, n, l]
+  ), H = f(i);
+  return W(() => {
+    w(H.current).remove(), H.current = i;
+  }, [i]), U(
     Y(
-      (s, R) => {
-        var L, G, o;
-        if (R && (!i || r) && P(m).observer.unobserve(R), s && _.current) {
-          if ((!i || r) && P(m).observer.observe(s), !(s instanceof Element)) return;
-          const H = {
-            ...Z({
+      (c, B) => {
+        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && h.current) {
+          if ((!u || n) && w(i).observer.observe(c), !(c instanceof Element)) return;
+          const s = {
+            ...X({
               variant: O,
-              offset: M,
-              additionalStyle: c,
-              fixedPositioning: n,
-              fullWidth: a,
-              popover: s,
-              position: h,
-              targetElement: _.current
+              offset: v,
+              additionalStyle: C,
+              fixedPositioning: p,
+              fullWidth: m,
+              fitPosition: n,
+              forceFixed: !M,
+              popover: c,
+              position: l,
+              targetElement: h.current
             }),
-            ...d && { visibility: "visible" },
-            ...F && {
+            ...M && { visibility: "visible" },
+            ...k && {
               "min-width": "fit-content",
-              width: `${_.current.clientWidth}px`
+              width: `${h.current.clientWidth}px`
             }
           };
-          if (s.setAttribute(
+          if (c.setAttribute(
             "style",
-            Object.entries(H).map((f) => f.join(":")).join(";")
-          ), C && g(!1), O && O === v.TOOLTIP && T && w(T) && ((L = T.current) == null || L.setAttribute("data-popover-placement", h), W.includes(h))) {
-            const f = _.current.getBoundingClientRect(), x = s.firstChild, $ = x.offsetWidth, N = f.x + (f.width - $) / 2, X = x.offsetHeight, j = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? X + A : A;
-            (G = T.current) == null || G.setAttribute(
+            Object.entries(s).map((T) => T.join(":")).join(";")
+          ), I && G(!1), O && O === A.TOOLTIP && a && P(a) && (a.current?.setAttribute("data-popover-placement", l), $.includes(l))) {
+            const T = h.current.getBoundingClientRect(), R = c.firstChild, j = R.offsetWidth, D = T.x + (T.width - j) / 2, V = R.offsetHeight, q = l === t.BOTTOM_RIGHT || l === t.BOTTOM_LEFT ? V + N : N;
+            a.current?.setAttribute(
               "style",
-              `transform: translate3d(${N}px, -${j}px, 0) rotate(45deg); inset: 0 0 auto auto`
+              `transform: translate3d(${D}px, -${q}px, 0) rotate(45deg); inset: 0 0 auto auto`
             );
           }
-          if (O && O === v.TOOLTIP && l && w(l) && W.includes(h)) {
-            const f = document.documentElement.clientWidth;
-            (o = l.current) == null || o.setAttribute("style", `max-width: ${f - U}px`);
+          if (O && O === A.TOOLTIP && r && P(r) && $.includes(l)) {
+            const T = document.documentElement.clientWidth;
+            r.current?.setAttribute("style", `max-width: ${T - Z}px`);
           }
         }
       },
       [
+        u,
+        n,
+        h,
         i,
-        r,
-        _,
-        m,
         O,
+        v,
+        C,
+        p,
+        m,
+        l,
         M,
-        c,
-        n,
+        k,
+        I,
         a,
-        h,
-        d,
-        F,
-        C,
-        T,
-        l
+        r
       ]
     ),
-    B
+    o
   );
 };
 export {

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

@@ -1,57 +1,57 @@
 import { useRef as O, useCallback as y } from "../../external/preact/hooks/dist/hooks.module.js";
-function k(s, o) {
-  const u = o.split(".");
+function k(s, u) {
+  const o = u.split(".");
   let i = s;
-  for (const t of u) {
+  for (const t of o) {
     if (i == null) return;
     i = i[t];
   }
   return i;
 }
-function R(s, o, u) {
-  if (!o)
+function R(s, u, o) {
+  if (!u)
     return;
-  const i = o.split("."), t = i.pop();
-  let n = s;
-  for (let d = 0; d < i.length; d++) {
-    const _ = i[d];
-    if (typeof n[_] != "object" || n[_] === null) {
-      const g = i[d + 1];
-      n[_] = g !== void 0 && /^\d+$/.test(g) ? [] : {};
+  const i = u.split("."), t = i.pop();
+  let l = s;
+  for (let a = 0; a < i.length; a++) {
+    const _ = i[a];
+    if (typeof l[_] != "object" || l[_] === null) {
+      const p = i[a + 1];
+      l[_] = p !== void 0 && /^\d+$/.test(p) ? [] : {};
     }
-    n = n[_];
+    l = l[_];
   }
-  n[t] = u;
+  l[t] = o;
 }
 function E(s) {
   if (s == null || typeof s != "object") return s;
-  if (Array.isArray(s)) return s.filter((u) => u !== "" && u !== null);
-  const o = {};
-  for (const [u, i] of Object.entries(s))
+  if (Array.isArray(s)) return s.filter((o) => o !== "" && o !== null);
+  const u = {};
+  for (const [o, i] of Object.entries(s))
     if (!(i === "" || i === null || i === void 0))
       if (typeof i == "object" && !Array.isArray(i)) {
         const t = E(i);
-        Object.keys(t).length > 0 && (o[u] = t);
+        Object.keys(t).length > 0 && (u[o] = t);
       } else
-        o[u] = i;
-  return o;
+        u[o] = i;
+  return u;
 }
-function V(s, o = "") {
-  const u = {};
+function V(s, u = "") {
+  const o = {};
   for (const i in s)
     if (Object.prototype.hasOwnProperty.call(s, i)) {
-      const t = s[i], n = o ? `${o}.${i}` : i;
-      t && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date) && !(t instanceof File) && !(t instanceof FileList) ? Object.assign(u, V(t, n)) : u[n] = t;
+      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;
     }
-  return u;
+  return o;
 }
-async function q(s, o, u) {
-  if (o) {
-    if (o.required && (s == null || s === "" || Array.isArray(s) && s.length === 0))
-      return { type: "required", message: typeof o.required == "string" ? o.required : u.get("common.errors.fieldRequired") };
-    if (o.validate)
+async function q(s, u, o) {
+  if (u) {
+    if (u.required && (s == null || s === "" || Array.isArray(s) && s.length === 0))
+      return { type: "required", message: typeof u.required == "string" ? u.required : o.get("common.errors.fieldRequired") };
+    if (u.validate)
       try {
-        const i = await o.validate(s);
+        const i = await u.validate(s);
         if (!i.valid)
           return { message: i.message, type: "validation" };
       } catch (i) {
@@ -60,7 +60,7 @@ async function q(s, o, u) {
   }
 }
 function j(s) {
-  const { defaultValues: o = {}, i18n: u } = s, i = O();
+  const { defaultValues: u = {}, i18n: o } = s, i = O();
   if (!i.current) {
     const e = {
       _values: /* @__PURE__ */ new Map(),
@@ -71,7 +71,7 @@ function j(s) {
       _validationCounters: /* @__PURE__ */ new Map(),
       _fieldRules: /* @__PURE__ */ new Map(),
       _options: s,
-      _defaultValues: o,
+      _defaultValues: u,
       _isSubmitting: !1,
       _computedErrors: {},
       _computedTouchedFields: {},
@@ -80,14 +80,14 @@ function j(s) {
       notify: () => {
         e._subscribers.forEach((r) => r());
       },
-      setValue: (r, l, c) => {
-        const v = k(e._defaultValues, r), b = l !== v;
-        e._values.set(r, l), (c == null ? void 0 : c.shouldDirty) !== !1 && (e._dirty.set(r, b), b ? e._computedDirtyFields[r] = !0 : delete e._computedDirtyFields[r]), c != null && c.shouldTouch && (e._touched.set(r, !0), e._computedTouchedFields[r] = !0);
-        const a = e._options.mode || "onBlur";
-        (c == null ? void 0 : c.shouldValidate) !== !1 && (a === "onInput" || a === "all" || c != null && c.shouldValidate) && F({ control: e, name: r, value: l, rules: e._fieldRules.get(r), i18n: u }), e.notify();
+      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 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();
       },
-      setTouched: (r, l) => {
-        e._touched.set(r, l), l ? e._computedTouchedFields[r] = !0 : delete e._computedTouchedFields[r], e.notify();
+      setTouched: (r, n) => {
+        e._touched.set(r, n), n ? e._computedTouchedFields[r] = !0 : delete e._computedTouchedFields[r], e.notify();
       },
       getValue: (r) => e._values.get(r),
       getFieldState: (r) => ({
@@ -96,109 +96,109 @@ function j(s) {
         isDirty: e._dirty.get(r) || !1
       }),
       getFormState: () => {
-        const l = !(Object.keys(e._computedErrors).length > 0) && !e._isSubmitting;
+        const n = !(Object.keys(e._computedErrors).length > 0) && !e._isSubmitting;
         return {
           dirtyFields: e._computedDirtyFields,
           touchedFields: e._computedTouchedFields,
           isSubmitting: e._isSubmitting,
-          isValid: l,
+          isValid: n,
           errors: e._computedErrors
         };
       },
-      register: (r, l) => (e._fieldRules.set(r, l), () => {
+      register: (r, n) => (e._fieldRules.set(r, n), () => {
         e._fieldRules.delete(r), e._validationCounters.delete(r);
       }),
       trigger: async (r) => {
-        const l = r ? Array.isArray(r) ? r : [r] : Array.from(e._values.keys());
-        let c = !1;
-        l.forEach((a) => {
-          e._touched.has(a) || (e._touched.set(a, !0), e._computedTouchedFields[a] = !0, c = !0);
-        }), c && e.notify();
-        const v = l.map(async (a) => {
-          const C = e._values.get(a), m = e._fieldRules.get(a);
-          return m && await F({ control: e, name: a, value: C, rules: m, i18n: u }), !e._errors.has(a);
+        const n = r ? Array.isArray(r) ? r : [r] : Array.from(e._values.keys());
+        let f = !1;
+        n.forEach((c) => {
+          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);
         });
-        return (await Promise.all(v)).every((a) => a);
+        return (await Promise.all(v)).every((c) => c);
       }
-    }, f = V(o);
-    Object.entries(f).forEach(([r, l]) => {
-      e._values.set(r, l);
+    }, d = V(u);
+    Object.entries(d).forEach(([r, n]) => {
+      e._values.set(r, n);
     }), i.current = e;
   }
-  const t = i.current, n = t._computedErrors, d = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(n).length > 0) && !t._isSubmitting, S = {
-    dirtyFields: d,
+  const t = i.current, l = t._computedErrors, a = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(l).length > 0) && !t._isSubmitting, S = {
+    dirtyFields: a,
     touchedFields: _,
     isSubmitting: t._isSubmitting,
     isValid: w,
-    errors: n
+    errors: l
   }, T = y(
-    (e, f, r) => {
-      t.setValue(e, f, r);
+    (e, d, r) => {
+      t.setValue(e, d, r);
     },
     [t]
-  ), h = y(
+  ), g = y(
     (e) => {
       if (e)
         return t._values.get(e);
-      const f = {};
-      return t._values.forEach((r, l) => {
-        R(f, l, r);
-      }), f;
+      const d = {};
+      return t._values.forEach((r, n) => {
+        R(d, n, r);
+      }), d;
     },
     [t]
   ), A = y(
     (e) => {
-      const f = e || t._defaultValues;
+      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(f);
-      Object.entries(r).forEach(([l, c]) => {
-        t._values.set(l, c);
+      const r = V(d);
+      Object.entries(r).forEach(([n, f]) => {
+        t._values.set(n, f);
       }), t._isSubmitting = !1, t.notify();
     },
     [t]
-  ), p = y(
+  ), h = y(
     async (e) => t.trigger(e),
     [t]
   ), D = y(
-    (e, f) => async (r) => {
+    (e, d) => async (r) => {
       r && r.preventDefault && r.preventDefault(), t._isSubmitting = !0, t.notify();
       try {
-        if (await p()) {
-          const c = E(h());
-          await e(c);
-        } else f && f(t._computedErrors);
+        if (await h()) {
+          const f = E(g());
+          await e(f);
+        } else d && d(t._computedErrors);
       } finally {
         t._isSubmitting = !1, t.notify();
       }
     },
-    [t, p, h]
+    [t, h, g]
   );
   return {
     control: t,
     handleSubmit: D,
     setValue: T,
-    getValues: h,
+    getValues: g,
     reset: A,
     formState: S,
-    trigger: p
+    trigger: h
   };
 }
 async function F({
   control: s,
-  i18n: o,
-  name: u,
+  i18n: u,
+  name: o,
   value: i,
   rules: t
 }) {
-  const n = (s._validationCounters.get(u) || 0) + 1;
-  s._validationCounters.set(u, n);
+  const l = (s._validationCounters.get(o) || 0) + 1;
+  s._validationCounters.set(o, l);
   try {
-    const d = await q(i, t, o);
-    s._validationCounters.get(u) === n && (d ? (s._errors.set(u, d), s._computedErrors[u] = d) : (s._errors.delete(u), delete s._computedErrors[u]), s.notify());
+    const a = await q(i, t, u);
+    s._validationCounters.get(o) === l && (a ? (s._errors.set(o, a), s._computedErrors[o] = a) : (s._errors.delete(o), delete s._computedErrors[o]), s.notify());
   } catch {
-    if (s._validationCounters.get(u) === n) {
+    if (s._validationCounters.get(o) === l) {
       const _ = { type: "validation", message: "Validation error" };
-      s._errors.set(u, _), s._computedErrors[u] = _, s.notify();
+      s._errors.set(o, _), s._computedErrors[o] = _, s.notify();
     }
   }
 }

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

@@ -113,7 +113,7 @@ function Z(a) {
     async (e, s) => {
       if (e < 0 || e >= E)
         throw new Error(`Invalid step index: ${e}`);
-      if (!(s != null && s.skipValidation) && y && e > t.currentStep) {
+      if (!s?.skipValidation && y && e > t.currentStep) {
         i({ type: "SET_TRANSITIONING", payload: !0 });
         try {
           if (!await f())