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

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

@@ -1,51 +1,51 @@
-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 { useState as f, useRef as d, useLayoutEffect as U, 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";
-import U from "../useReflex.js";
+import Z from "../useReflex.js";
 const $ = [
   t.BOTTOM_RIGHT,
   t.BOTTOM_LEFT,
   t.TOP_RIGHT,
   t.TOP_LEFT
-], y = 5, N = 4, Z = 10, X = ({
+], y = 5, N = 4, z = 10, X = ({
   position: v,
-  variant: h,
-  offset: O,
+  variant: l,
+  offset: a,
   additionalStyle: u,
-  fixedPositioning: a,
-  fullWidth: k,
+  fixedPositioning: O,
+  fullWidth: E,
   fitPosition: m,
   forceFixed: n,
   popover: p,
-  targetElement: C
+  targetElement: 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;
+  const _ = l === A.TOOLTIP, G = p.clientHeight, C = p.clientWidth, I = p.firstChild, h = I.offsetHeight, b = I.offsetWidth, g = document.body.getBoundingClientRect(), e = M.getBoundingClientRect(), F = g.x + (g.width - b) / 2, k = e.x + (e.width - b) / 2, x = e.y + (e.height - h) / 2, i = window.scrollX, H = window.scrollY;
   switch (v) {
     case t.BOTTOM:
-      o = k ? F : I ? E : e.x, r = e.y + e.height + O[1], !a && !n && (k || (o += i), r += H);
+      o = E ? F : _ ? k : e.x, r = e.y + e.height + a[1], !O && !n && (E || (o += i), r += H);
       break;
     case t.TOP:
-      o = I ? E : e.x, r = e.y - (G + O[0]), !a && !n && (o += i, r += H - _.clientHeight + G);
+      o = _ ? k : e.x, r = e.y - (G + a[0]), !O && !n && (o += i, r += H - I.clientHeight + G);
       break;
     case t.RIGHT:
-      o = e.x + e.width + O[2], r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
+      o = e.x + e.width + a[2], r = _ ? x : e.y - e.height / 2, !O && !n && (o += i, r += H);
       break;
     case t.LEFT:
-      o = e.x - (M + O[3]), r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
+      o = e.x - (C + a[3]), r = _ ? x : e.y - e.height / 2, !O && !n && (o += i, r += H);
       break;
     case t.BOTTOM_LEFT:
-      o = m ? e.x : 5, r = e.y + e.height + O[1], !a && !n && (o += i, r += H);
+      o = m ? e.x : 5, r = e.y + e.height + a[1], !O && !n && (o += i, r += H);
       break;
     case t.BOTTOM_RIGHT:
-      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);
+      o = m ? e.x : -5, r = e.y + e.height + a[1], !O && !n && (o = m ? e.x + i : i - (g.width - e.right), r += H);
       break;
     case t.TOP_LEFT:
-      o = m ? e.x : y, r = e.y - G, !a && !n && (o += i, r += H - _.clientHeight + G);
+      o = m ? e.x : y, r = e.y - G, !O && !n && (o += i, r += H - I.clientHeight + G);
       break;
     case t.TOP_RIGHT:
-      o = m ? e.x : -y, r = e.y - G, !a && !n && (o = m ? e.x + i : o + i, r += H - _.clientHeight + G);
+      o = m ? e.x : -y, r = e.y - G, !O && !n && (o = m ? e.x + i : o + i, r += H - I.clientHeight + G);
       break;
   }
   const c = {};
@@ -64,36 +64,38 @@ const $ = [
   return {
     inset: v === t.TOP_RIGHT || v === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: a || n ? "fixed" : "absolute",
+    position: O || n ? "fixed" : "absolute",
     transform: `translate3d(${o}px, ${r}px, 0)`,
     visibility: "hidden",
     ...c
   };
-}, 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(() => {
+}, et = (v, l, a, u, O, E, m, n, p, M, o, r) => {
+  const [_, G] = f(!0), [C, I] = f(n ? !n : !!u), [h, b] = f(u || t.TOP), [g, e] = f([]), F = d(null), k = d(h), x = d(null);
+  U(() => {
+    k.current = h;
+  }, [h]), 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 (!L || !l.current) return;
+        const s = l.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,
+          variant: a,
           offset: v,
-          additionalStyle: C,
+          additionalStyle: M,
           fixedPositioning: p,
           fullWidth: m,
           fitPosition: n,
-          forceFixed: !M,
+          forceFixed: !C,
           popover: L,
-          position: E.current,
-          targetElement: h.current
+          position: k.current,
+          targetElement: l.current
         });
         L.style.transform = R.transform;
       });
@@ -101,17 +103,17 @@ const $ = [
     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]);
+  }, [p, l, a, v, M, m, n, C]);
   const i = Y(
     (c) => {
-      const B = document.documentElement.clientWidth, L = h.current?.getBoundingClientRect();
-      if (c.intersectionRatio === 1) return _(!0);
-      if (!I && c.intersectionRatio !== 1) {
+      const B = document.documentElement.clientWidth, L = l.current?.getBoundingClientRect();
+      if (c.intersectionRatio === 1) return I(!0);
+      if (!_ && 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);
+          return b(s[0]), I(!0);
         }
-        switch (_(!1), l) {
+        switch (I(!1), h) {
           case t.TOP:
             e((s) => [...s, [t.TOP, c.intersectionRatio]]), b(t.BOTTOM);
             break;
@@ -141,65 +143,65 @@ const $ = [
         }
       }
     },
-    [h, I, g, n, l]
-  ), H = f(i);
+    [l, _, g, n, h]
+  ), H = d(i);
   return W(() => {
     w(H.current).remove(), H.current = i;
-  }, [i]), U(
+  }, [i]), Z(
     Y(
       (c, B) => {
-        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && h.current) {
+        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && l.current) {
           if ((!u || n) && w(i).observer.observe(c), !(c instanceof Element)) return;
           const s = {
             ...X({
-              variant: O,
+              variant: a,
               offset: v,
-              additionalStyle: C,
+              additionalStyle: M,
               fixedPositioning: p,
               fullWidth: m,
               fitPosition: n,
-              forceFixed: !M,
+              forceFixed: !C,
               popover: c,
-              position: l,
-              targetElement: h.current
+              position: h,
+              targetElement: l.current
             }),
-            ...M && { visibility: "visible" },
-            ...k && {
+            ...C && { visibility: "visible" },
+            ...E && {
               "min-width": "fit-content",
-              width: `${h.current.clientWidth}px`
+              width: `${l.current.clientWidth}px`
             }
           };
           if (c.setAttribute(
             "style",
             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(
+          ), _ && G(!1), a && a === A.TOOLTIP && O && P(O) && (O.current?.setAttribute("data-popover-placement", h), $.includes(h))) {
+            const T = l.current.getBoundingClientRect(), R = c.firstChild, j = R.offsetWidth, D = T.x + (T.width - j) / 2, V = R.offsetHeight, q = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? V + N : N;
+            O.current?.setAttribute(
               "style",
               `transform: translate3d(${D}px, -${q}px, 0) rotate(45deg); inset: 0 0 auto auto`
             );
           }
-          if (O && O === A.TOOLTIP && r && P(r) && $.includes(l)) {
+          if (a && a === A.TOOLTIP && r && P(r) && $.includes(h)) {
             const T = document.documentElement.clientWidth;
-            r.current?.setAttribute("style", `max-width: ${T - Z}px`);
+            r.current?.setAttribute("style", `max-width: ${T - z}px`);
           }
         }
       },
       [
         u,
         n,
-        h,
+        l,
         i,
-        O,
+        a,
         v,
-        C,
+        M,
         p,
         m,
-        l,
-        M,
-        k,
-        I,
-        a,
+        h,
+        C,
+        E,
+        _,
+        O,
         r
       ]
     ),
@@ -207,5 +209,5 @@ const $ = [
   );
 };
 export {
-  tt as default
+  et as default
 };

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

@@ -1,16 +1,13 @@
-import { useRef as r, useCallback as f } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useRef as i, 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) => {
-  const e = r();
+import o from "../../utils/random/uniqueId.js";
+const c = (r) => {
+  const e = i();
   return u(
-    f(
-      (i, t) => {
-        t instanceof Element && t.id === e.current && (t.id = ""), i instanceof Element && (i.id = e.current || (e.current = o()));
-      },
-      [n]
-    ),
-    n
+    f((n, t) => {
+      t instanceof Element && t.id === e.current && (t.id = ""), n instanceof Element && (n.id = e.current || (e.current = o()));
+    }, []),
+    r
   );
 };
 export {

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

@@ -13,10 +13,10 @@ function M(s, u, o) {
     return;
   const i = u.split("."), t = i.pop();
   let l = s;
-  for (let a = 0; a < i.length; a++) {
-    const _ = i[a];
+  for (let c = 0; c < i.length; c++) {
+    const _ = i[c];
     if (typeof l[_] != "object" || l[_] === null) {
-      const p = i[a + 1];
+      const p = i[c + 1];
       l[_] = p !== void 0 && /^\d+$/.test(p) ? [] : {};
     }
     l = l[_];
@@ -24,7 +24,8 @@ function M(s, u, o) {
   l[t] = o;
 }
 function E(s) {
-  if (s == null || typeof s != "object") return s;
+  if (s == null || typeof s != "object")
+    return s;
   if (Array.isArray(s)) return s.filter((o) => o !== "" && o !== null);
   const u = {};
   for (const [o, i] of Object.entries(s))
@@ -83,8 +84,8 @@ function K(s) {
       setValue: (r, n, f) => {
         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();
+        const a = e._options.mode || "onBlur";
+        f?.shouldValidate !== !1 && (a === "onInput" || a === "all" || f?.shouldValidate) && F({ control: e, name: r, value: n, rules: e._fieldRules.get(r), i18n: o }), e.notify();
       },
       setTouched: (r, n) => {
         e._touched.set(r, n), n ? e._computedTouchedFields[r] = !0 : delete e._computedTouchedFields[r], e.notify();
@@ -111,22 +112,22 @@ function K(s) {
       trigger: async (r) => {
         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);
+        n.forEach((a) => {
+          e._touched.has(a) || (e._touched.set(a, !0), e._computedTouchedFields[a] = !0, f = !0);
         }), f && e.notify();
-        const v = n.map(async (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);
+        const v = n.map(async (a) => {
+          const O = e._values.get(a), m = e._fieldRules.get(a);
+          return m && await F({ control: e, name: a, value: O, rules: m, i18n: o }), !e._errors.has(a);
         });
-        return (await Promise.all(v)).every((c) => c);
+        return (await Promise.all(v)).every((a) => a);
       }
     }, d = b(u);
     Object.entries(d).forEach(([r, n]) => {
       e._values.set(r, n);
     }), i.current = e;
   }
-  const t = i.current, l = t._computedErrors, a = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(l).length > 0) && !t._isSubmitting, S = {
-    dirtyFields: a,
+  const t = i.current, l = t._computedErrors, c = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(l).length > 0) && !t._isSubmitting, S = {
+    dirtyFields: c,
     touchedFields: _,
     isSubmitting: t._isSubmitting,
     isValid: w,
@@ -194,12 +195,12 @@ async function F({
   const l = (s._validationCounters.get(o) || 0) + 1;
   s._validationCounters.set(o, l);
   try {
-    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());
+    const c = await q(i, t, u);
+    s._validationCounters.get(o) === l && (c ? (s._errors.set(o, c), s._computedErrors[o] = c) : (s._errors.delete(o), delete s._computedErrors[o]), s.notify());
   } catch {
     if (s._validationCounters.get(o) === l) {
-      const _ = { type: "validation", message: "Validation error" };
-      s._errors.set(o, _), s._computedErrors[o] = _, s.notify();
+      const c = { type: "validation", message: "Validation error" };
+      s._errors.set(o, c), s._computedErrors[o] = c, s.notify();
     }
   }
 }

package/dist/es/hooks/useAccountBalances.js

@@ -1,39 +1,44 @@
-import { useState as A, useRef as u, useCallback as y, useMemo as E, useEffect as h } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { useFetch as I } from "./useFetch.js";
-import { createAbortable as j } from "../primitives/async/abortable/main.js";
-import { useConfigContext as k } from "../core/ConfigContext/context.js";
-import { isFunction as v } from "../utils/value/is.js";
-const W = ({ balanceAccount: B }) => {
-  const [l, m] = A(!1), [s, p] = A(performance.now()), d = u(), b = u(j()).current, t = B?.id, w = !!t, { getBalances: c } = k().endpoints, a = v(c), r = a && w, o = r && d.current !== s, R = y(async () => {
-    if (o) {
-      const { signal: f } = b.refresh(!0);
+import { useState as h, useRef as B, useCallback as w, useMemo as R, useEffect as l } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useFetch as j } from "./useFetch.js";
+import { createAbortable as k } from "../primitives/async/abortable/main.js";
+import { useConfigContext as v } from "../core/ConfigContext/preact/context.js";
+import { isFunction as G } from "../utils/value/is.js";
+const W = ({ balanceAccount: T }) => {
+  const [m, u] = h(!1), [o, p] = h(() => performance.now()), [C, q] = h(), d = B(k()).current, t = T?.id, x = !!t, { getBalances: r } = v().endpoints, a = G(r), n = a && x, i = n && C !== o, E = w(async () => {
+    if (i) {
+      const { signal: f } = d.refresh(!0);
       try {
-        const x = await c({ signal: f }, { path: { balanceAccountId: t } });
-        if (!f.aborted) return x?.data;
-      } catch (F) {
-        if (!f.aborted) throw F;
+        const I = await r({ signal: f }, { path: { balanceAccountId: t } });
+        if (!f.aborted)
+          return I?.data;
+      } catch (y) {
+        if (!f.aborted)
+          throw y;
       }
     }
-  }, [b, t, c, o]), { data: n, error: T, isFetching: e } = I({
-    fetchOptions: { enabled: o },
-    queryFn: R
-  }), g = u(e), i = !e && r, C = E(() => Array.isArray(n) ? n : [], [n]), q = y(() => {
-    i && m(!0);
-  }, [i, e]);
-  return h(() => {
+  }, [d, t, r, i]), { data: s, error: b, isFetching: e } = j({
+    fetchOptions: { enabled: i },
+    queryFn: E
+  }), F = B(e), c = !e && n, g = R(() => Array.isArray(s) ? s : [], [s]), A = w(() => {
+    c && u(!0);
+  }, [c]);
+  return l(() => {
     t && p(performance.now());
-  }, [t]), h(() => {
-    l && (m(!1), p(performance.now()));
-  }, [l]), h(() => {
-    g.current && !e && (d.current = s), g.current = e;
-  }, [e, s]), {
-    balances: C,
-    error: T,
-    canRefresh: i,
-    refresh: q,
-    isAvailable: a,
-    isWaiting: e || a && !r && !n
-  };
+  }, [t]), l(() => {
+    m && (u(!1), p(performance.now()));
+  }, [m]), l(() => {
+    F.current && !e && q(o), F.current = e;
+  }, [e, o]), R(
+    () => ({
+      balances: g,
+      error: b,
+      canRefresh: c,
+      refresh: A,
+      isAvailable: a,
+      isWaiting: e || a && !n && !s
+    }),
+    [g, n, a, c, s, b, e, A]
+  );
 };
 export {
   W as default

package/dist/es/hooks/useAnalytics/useDurationEvent.js

@@ -1,17 +1,20 @@
-import { useRef as e, useEffect as u } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import s from "../../core/Context/analytics/useAnalyticsContext.js";
+import { useRef as s, useEffect as u } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import i from "../useComponentTiming.js";
-const m = (t) => {
-  const { duration: n } = i(), r = s(), o = e(t);
+import a from "../../core/Context/analytics/preact/useAnalyticsContext.js";
+const d = (t) => {
+  const { duration: n } = i(), o = a(), r = s(t);
   u(() => {
-    o.current = t;
-  }, [t]), u(() => () => {
-    n.current !== void 0 && r.addEvent?.("Duration", {
-      ...o.current,
-      duration: Math.floor(n.current)
-    });
-  }, [n, r]);
+    r.current = t;
+  }, [t]), u(() => {
+    const e = n;
+    return () => {
+      e.current !== void 0 && o.addEvent?.("Duration", {
+        ...r.current,
+        duration: Math.floor(e.current)
+      });
+    };
+  }, [n, o]);
 };
 export {
-  m as useDurationEvent
+  d as useDurationEvent
 };

package/dist/es/hooks/useAnalytics/useFilterAnalyticsEvent.js

@@ -1,5 +1,5 @@
 import { useMemo as a } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import d from "../../core/Context/analytics/useAnalyticsContext.js";
+import d from "../../core/Context/analytics/preact/useAnalyticsContext.js";
 const m = ({ category: t, label: e, subCategory: n }) => {
   const o = d();
   return { logEvent: a(() => {

package/dist/es/hooks/useAnalytics/useLandedPageEvent.js

@@ -1,11 +1,11 @@
 import { useRef as s, useEffect as r } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import o from "../../core/Context/analytics/useAnalyticsContext.js";
-const c = (e) => {
+import o from "../../core/Context/analytics/preact/useAnalyticsContext.js";
+const f = (e) => {
   const t = o(), n = s(!0);
   r(() => {
     n.current && (n.current = !1, t.addEvent?.("Landed on page", e));
   }, [t, e]);
 };
 export {
-  c as useLandedPageEvent
+  f as useLandedPageEvent
 };

package/dist/es/hooks/useAnalytics/usePushAnalyticEvent.js

@@ -1,7 +1,7 @@
 import { useCallback as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import a from "../useMutation/useMutation.js";
 import { encodeAnalyticsEvent as i } from "../../core/Analytics/analytics/utils.js";
-import { useConfigContext as m } from "../../core/ConfigContext/context.js";
+import { useConfigContext as m } from "../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as p } from "../../utils/value/constants.js";
 const E = () => {
   const { sendTrackEvent: s } = m().endpoints, { mutate: o } = a({

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -1,8 +1,8 @@
 import { useState as y, useMemo as i, useRef as L, useCallback as p, useEffect as O } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import _ from "../core/Context/useCoreContext.js";
-import h from "./useAnalytics/useFilterAnalyticsEvent.js";
+import _ from "./useAnalytics/useFilterAnalyticsEvent.js";
+import h from "../core/Context/preact/useCoreContext.js";
 import { capitalize as N } from "../utils/value/string.js";
-import { uniqueId as T } from "../utils/random/uniqueId.js";
+import T from "../utils/random/uniqueId.js";
 const B = T(), k = ({
   allowAllSelection: r = !1,
   balanceAccounts: c,
@@ -11,7 +11,7 @@ const B = T(), k = ({
   eventLabel: v = "Balance account filter",
   onUpdateSelection: u
 }) => {
-  const { i18n: l } = _(), { logEvent: d } = h({ category: I, subCategory: C, label: v }), [f, m] = y(0), e = i(
+  const { i18n: l } = h(), { logEvent: d } = _({ category: I, subCategory: C, label: v }), [f, m] = y(0), e = i(
     () => c && [
       ...c,
       ...r && c.length > 1 ? [

package/dist/es/hooks/useBalanceAccounts.js

@@ -1,6 +1,6 @@
 import { useState as B, useMemo as r, useCallback as g, useEffect as F } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useFetch as d } from "./useFetch.js";
-import { useConfigContext as C } from "../core/ConfigContext/context.js";
+import { useConfigContext as C } from "../core/ConfigContext/preact/context.js";
 import { isFunction as A } from "../utils/value/is.js";
 import { EMPTY_OBJECT as k } from "../utils/value/constants.js";
 const i = /* @__PURE__ */ new WeakMap(), x = (e, u) => {

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -1,7 +1,7 @@
 import { useState as P, useCallback as e, useMemo as i, useEffect as b } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as E } from "../../components/internal/Button/types.js";
 import { CommitAction as t } from "./types.js";
-import B from "../../core/Context/useCoreContext.js";
+import B from "../../core/Context/preact/useCoreContext.js";
 import { EMPTY_OBJECT as Y } from "../../utils/value/constants.js";
 import { boolOrFalse as N } from "../../utils/value/bool.js";
 const x = ({
@@ -11,24 +11,24 @@ const x = ({
   resetTitle: A,
   onResetAction: s
 } = Y) => {
-  const { i18n: n } = B(), [m, o] = P(t.NONE), l = e(() => o(t.APPLY), [o]), f = e(() => {
+  const { i18n: n } = B(), [m, o] = P(t.NONE), f = e(() => o(t.APPLY), [o]), l = e(() => {
     o(t.CLEAR), s && s();
   }, [o, s]), c = e(() => o(t.NONE), [o]), C = i(
     () => ({
       disabled: N(a),
-      event: l,
+      event: f,
       title: r?.trim() || n.get("common.actions.apply.labels.default"),
       variant: E.PRIMARY
     }),
-    [n, l, a, r]
+    [n, f, a, r]
   ), p = i(
     () => ({
       disabled: N(u),
-      event: f,
+      event: l,
       title: A?.trim() || n.get("common.actions.reset.labels.default"),
       variant: E.SECONDARY
     }),
-    [n, f, u, A]
+    [n, l, u, A]
   ), d = i(() => [C, p], [C, p]), O = i(() => m !== t.NONE, [m]);
   return b(() => {
     switch (m) {

package/dist/es/hooks/useComponentHeadingElement.js

@@ -1,10 +1,10 @@
-import { useRef as a, useMemo as o, useEffect as m } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import f from "../core/Context/useCoreContext.js";
-import { useUniqueId as l } from "./useUniqueId.js";
+import { useRef as c, useMemo as o, useEffect as m } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import f from "./useUniqueId.js";
+import l from "../core/Context/preact/useCoreContext.js";
 import { EMPTY_OBJECT as E } from "../utils/value/constants.js";
 var b = /* @__PURE__ */ ((e) => (e[e.TITLE = 1] = "TITLE", e[e.SUBTITLE = 2] = "SUBTITLE", e))(b || {});
 const L = ({ headingType: e = 1, forwardedToRoot: u } = E) => {
-  const { componentRef: s } = f(), i = `heading-${l()}`, c = a(null), t = o(() => {
+  const { componentRef: a } = l(), s = `heading-${f()}`, i = c(null), t = o(() => {
     switch (e) {
       case 1:
         return "aria-labeledby";
@@ -14,12 +14,12 @@ const L = ({ headingType: e = 1, forwardedToRoot: u } = E) => {
   }, [e]);
   return m(() => {
     if (u === !1) return;
-    const r = s.current, n = c.current?.id;
+    const r = a(), n = i.current?.id;
     if (n && r)
       return r.setAttribute(t, n), () => {
         r.getAttribute(t) === n && r.removeAttribute(t);
       };
-  }, [t, s, u, i]), { id: i, ref: c };
+  }, [t, u, s]), { id: s, ref: i };
 };
 export {
   b as ComponentHeadingType,

package/dist/es/hooks/useComponentTiming.js

@@ -1,9 +1,9 @@
 import { useRef as n, useEffect as t } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const s = () => {
-  const r = n(void 0), e = n(0);
-  return t(() => (e.current = performance.now(), () => {
-    r.current = performance.now() - e.current;
-  }), []), { duration: r };
+  const e = n(void 0), r = n(0);
+  return t(() => (r.current = performance.now(), () => {
+    e.current = performance.now() - r.current;
+  }), []), { duration: e };
 };
 export {
   s as default