@adyen/adyen-platform-experience-web 1.7.1 → 1.8.0

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

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

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

@@ -1,16 +1,16 @@
-import { useRef as u, useMemo as i, useCallback as l } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as i, useMemo as u, useCallback as l } from "../../external/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as r } from "../../components/types.js";
-import { withTabbableRoot as T, isFocusable as p, focusIsWithin as L } from "../../primitives/dom/tabbableRoot/tabbable.js";
+import { withTabbableRoot as T, isFocusable as L, focusIsWithin as p } from "../../primitives/dom/tabbableRoot/tabbable.js";
 import C from "../useReflex.js";
 import { isUndefined as O } from "../../utils/value/is.js";
 const w = (R, f) => {
-  const s = u(!1), o = u(null), c = u(!1), a = i(T, []), m = i(() => {
+  const s = i(!1), o = i(null), c = i(!1), a = u(T, []), m = u(() => {
     let e = null, t;
     return (F) => {
       O(t) || cancelAnimationFrame(t);
       let n = F.target;
       for (; n && n !== F.currentTarget; ) {
-        if (p(n)) {
+        if (L(n)) {
           e = n, t = requestAnimationFrame(() => {
             t = requestAnimationFrame(() => {
               var b;
@@ -25,10 +25,10 @@ const w = (R, f) => {
   }, []), d = l((e) => {
     a.current = o.current = e.target;
   }, []), E = l((e) => {
-    a.tabbables.includes(e.relatedTarget) || L(e.currentTarget, e.relatedTarget) || c.current || (s.current = !0, requestAnimationFrame(() => {
+    a.tabbables.includes(e.relatedTarget) || p(e.currentTarget, e.relatedTarget) || c.current || (s.current = !0, requestAnimationFrame(() => {
       s.current && f(s.current = !1);
     }));
-  }, []), A = i(() => {
+  }, []), A = u(() => {
     let e;
     return (t) => {
       switch (t.code) {
@@ -54,7 +54,7 @@ const w = (R, f) => {
   }, []);
   return C(
     l((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", A, !0), t.removeEventListener("focusin", d, !0), t.removeEventListener("focusout", E, !0), e.removeEventListener("click", m, !0)), e instanceof Element ? (e.addEventListener("keydown", A, !0), e.addEventListener("focusin", d, !0), e.addEventListener("focusout", E, !0), e.addEventListener("click", m, !0), s.current = !1, a.root = e) : a.root = null;
+      t instanceof Element && (t.removeEventListener("keydown", A, !0), t.removeEventListener("focusin", d, !0), t.removeEventListener("focusout", E, !1), e.removeEventListener("click", m, !0)), e instanceof Element ? (e.addEventListener("keydown", A, !0), e.addEventListener("focusin", d, !0), e.addEventListener("focusout", E, !1), e.addEventListener("click", m, !0), s.current = !1, a.root = e) : a.root = null;
     }, []),
     R
   );

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

@@ -0,0 +1,37 @@
+import { useEffect as n, useCallback as A } from "../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../core/Context/useCoreContext.js";
+import { usePushAnalyticEvent as a } from "./usePushAnalyticEvent.js";
+const h = (o) => {
+  const { name: t, properties: i } = o;
+  return {
+    event: t,
+    properties: i || {}
+  };
+}, d = ({ userEvents: o, analyticsEnabled: t }) => {
+  const i = "1.8.0", { i18n: f } = g(), r = a();
+  n(() => {
+    var c;
+    t && ((c = o.updateBaseTrackingPayload) == null || c.call(o, {
+      sdkVersion: i,
+      userAgent: navigator.userAgent
+    }));
+  }, [i, o, f, t]);
+  const m = A(
+    (c) => {
+      const p = h(c);
+      r(p);
+    },
+    [r]
+  );
+  n(() => {
+    var c;
+    return t && ((c = o.subscribe) == null || c.call(o, m)), () => {
+      var p;
+      t && ((p = o.unsubscribe) == null || p.call(o, m));
+    };
+  }, [o, m, f, t]);
+};
+export {
+  h as convertToEmbeddedEvent,
+  d as useAnalytics
+};

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

@@ -0,0 +1,35 @@
+import { useCallback as c } from "../../external/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 p } from "../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as s } from "../../utils/value/constants.js";
+const E = () => {
+  const { sendTrackEvent: m } = p().endpoints, { mutate: t } = a({
+    queryFn: m
+  }), e = c(
+    (o, n) => t == null ? void 0 : t(
+      {
+        body: o.toString(),
+        contentType: "application/x-www-form-urlencoded"
+      },
+      {
+        ...n ? {
+          query: {
+            component: n
+          }
+        } : s
+      }
+    ),
+    [t]
+  );
+  return c(
+    (o) => {
+      const n = o.properties.componentName, r = i(o);
+      r && e(r, n);
+    },
+    [e]
+  );
+};
+export {
+  E as usePushAnalyticEvent
+};

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -1,38 +1,45 @@
-import { useState as v, useCallback as u, useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
-import L from "../core/Context/useCoreContext.js";
-import { capitalize as O } from "../utils/value/string.js";
-import { uniqueId as _ } from "../utils/random/uniqueId.js";
-const f = _(), q = (o, c = !1) => {
-  const { i18n: r } = L(), [d, m] = v(0), p = u(() => m(0), []), e = s(
-    () => o && [
-      ...o,
-      ...c ? [
+import y from "../core/Context/analytics/useAnalyticsContext.js";
+import { useRef as T, useState as L, useCallback as p, useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
+import O from "../core/Context/useCoreContext.js";
+import { capitalize as _ } from "../utils/value/string.js";
+import { uniqueId as B } from "../utils/random/uniqueId.js";
+const l = B(), D = (t, d = !1) => {
+  const { i18n: u } = O(), a = T(!1), [c, f] = L(0), C = p(() => f(0), []), r = y(), e = s(
+    () => t && [
+      ...t,
+      ...d ? [
         {
-          ...o[0] ?? {},
-          id: f,
+          ...t[0] ?? {},
+          id: l,
           description: void 0
         }
       ] : []
     ],
-    [c, o]
-  ), C = s(() => e == null ? void 0 : e[d], [e, d]), I = s(
-    () => o && o.length > 1 ? Object.freeze(
-      e == null ? void 0 : e.map(({ description: t, id: n }) => {
-        const i = n === f ? r.get("balanceAccounts.all") : O(t);
+    [d, t]
+  ), S = s(() => e == null ? void 0 : e[c], [e, c]), x = s(
+    () => t && t.length > 1 ? Object.freeze(
+      e == null ? void 0 : e.map(({ description: o, id: n }) => {
+        const i = n === l ? u.get("common.filters.types.account.options.all") : _(o);
         return { id: n, name: i };
       })
     ) : void 0,
-    [e, o, r]
-  ), S = u(
-    ({ target: t }) => {
-      const n = t == null ? void 0 : t.value, i = e == null ? void 0 : e.findIndex(({ id: x }) => x === n);
-      i >= 0 && m(i);
+    [e, t, u]
+  ), I = p(
+    ({ target: o }) => {
+      var m;
+      const n = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: v }) => v === n);
+      i >= 0 && (a.current && i !== c && ((m = r.addModifyFilterEvent) == null || m.call(r, {
+        actionType: "update",
+        label: "Balance account filter",
+        category: "Transaction component",
+        value: n
+      })), a.current = !0, f(i));
     },
-    [e]
+    [e, r, c]
   );
-  return { activeBalanceAccount: C, balanceAccountSelectionOptions: I, onBalanceAccountSelection: S, resetBalanceAccountSelection: p };
+  return { activeBalanceAccount: S, balanceAccountSelectionOptions: x, onBalanceAccountSelection: I, resetBalanceAccountSelection: C };
 };
 export {
-  f as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
-  q as default
+  l as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
+  D as default
 };

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

@@ -1,36 +1,44 @@
-import { useState as R, useCallback as a, useMemo as i, useEffect as Y } from "../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as N } from "../../components/internal/Button/types.js";
+import { useState as B, useCallback as u, useMemo as i, useEffect as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as d } from "../../components/internal/Button/types.js";
 import { CommitAction as t } from "./types.js";
-import d from "../../core/Context/useCoreContext.js";
-import { EMPTY_OBJECT as v } from "../../utils/value/constants.js";
+import v from "../../core/Context/useCoreContext.js";
+import { EMPTY_OBJECT as L } from "../../utils/value/constants.js";
 import { boolOrFalse as O } from "../../utils/value/bool.js";
-const S = ({ applyDisabled: A, applyTitle: m, resetDisabled: e, resetTitle: c } = v) => {
-  const { i18n: s } = d(), [n, o] = R(t.NONE), u = a(() => o(t.APPLY), [o]), C = a(() => o(t.CLEAR), [o]), r = a(() => o(t.NONE), [o]), f = i(
+const h = ({
+  applyDisabled: A,
+  applyTitle: n,
+  resetDisabled: e,
+  resetTitle: c,
+  onResetAction: a
+} = L) => {
+  const { i18n: s } = v(), [m, o] = B(t.NONE), f = u(() => o(t.APPLY), [o]), C = u(() => {
+    o(t.CLEAR), a && a();
+  }, [o, a]), r = u(() => o(t.NONE), [o]), E = i(
     () => ({
       disabled: O(A),
-      event: u,
-      title: (m == null ? void 0 : m.trim()) || s.get("apply"),
-      variant: N.PRIMARY
+      event: f,
+      title: (n == null ? void 0 : n.trim()) || s.get("common.actions.apply.labels.default"),
+      variant: d.PRIMARY
     }),
-    [s, u, A, m]
-  ), E = i(
+    [s, f, A, n]
+  ), N = i(
     () => ({
       disabled: O(e),
       event: C,
-      title: (c == null ? void 0 : c.trim()) || s.get("reset"),
-      variant: N.SECONDARY
+      title: (c == null ? void 0 : c.trim()) || s.get("common.actions.reset.labels.default"),
+      variant: d.SECONDARY
     }),
     [s, C, e, c]
-  ), P = i(() => [f, E], [f, E]), B = i(() => n !== t.NONE, [n]);
+  ), P = i(() => [E, N], [E, N]), b = i(() => m !== t.NONE, [m]);
   return Y(() => {
-    switch (n) {
+    switch (m) {
       case t.APPLY:
       case t.CLEAR:
         r();
         break;
     }
-  }, [n, r]), { commitAction: n, commitActionButtons: P, committing: B, resetCommitAction: r };
+  }, [m, r]), { commitAction: m, commitActionButtons: P, committing: b, resetCommitAction: r };
 };
 export {
-  S as default
+  h as default
 };

package/dist/es/hooks/useComponentHeadingElement.js

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

package/dist/es/hooks/useCustomColumnsData.js

@@ -1,29 +1,29 @@
-import { useState as i, useCallback as u, useEffect as m } from "../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useCallback as d, useEffect as u } from "../external/preact/hooks/dist/hooks.module.js";
 import { isFunction as y } from "../utils/value/is.js";
-const g = ({
+const w = ({
   records: s,
-  hasCustomColumn: a = !1,
-  onDataRetrieve: o,
-  mergeCustomData: r
+  hasCustomColumn: e = !1,
+  onDataRetrieve: r,
+  mergeCustomData: a
 }) => {
-  const [f, e] = i(s), [c, l] = i(!1), n = u(async () => {
+  const [i, t] = l(s), [n, c] = l(!1), f = d(async () => {
     try {
-      if (a && y(o)) {
-        const t = await o(s);
-        if (Array.isArray(t)) e(r({ records: s, retrievedData: (t == null ? void 0 : t.filter(Boolean)) || [] }));
+      if (e && y(r)) {
+        const o = await r(s);
+        if (Array.isArray(o)) t(a({ records: s, retrievedData: (o == null ? void 0 : o.filter(Boolean)) || [] }));
         else throw new Error("Retrieved data should be an array");
       } else
-        e(s);
-    } catch (t) {
-      e(s), console.error(t);
+        t(s);
+    } catch (o) {
+      t(s), console.error(o);
     } finally {
-      l(!1);
+      c(!1);
     }
-  }, [a, o, r, s]);
-  return m(() => {
-    s.length && (l(!0), n());
-  }, [n, s]), { customRecords: f, loadingCustomRecords: c };
+  }, [e, r, a, s]);
+  return u(() => {
+    e && r && c(!0), f();
+  }, [e, f, r]), { customRecords: i, loadingCustomRecords: n };
 };
 export {
-  g as useCustomColumnsData
+  w as useCustomColumnsData
 };

package/dist/es/hooks/useDefaultOverviewFilterParams.js

@@ -1,12 +1,12 @@
-import { useState as m, useRef as f, useCallback as l, useEffect as T } from "../external/preact/hooks/dist/hooks.module.js";
+import { useState as m, useRef as l, useCallback as f, useEffect as T } from "../external/preact/hooks/dist/hooks.module.js";
 import { FilterParam as t } from "../components/types.js";
-import { getTimeRangeSelectionDefaultPresetOptions as u } from "../components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
-import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as c } from "../components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+import { getTimeRangeSelectionDefaultPresetOptions as c } from "../components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as u } from "../components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
 const A = (o) => {
-  const e = u(), a = "rangePreset.last30Days", { from: s, to: r } = e[a];
+  const e = c(), a = "common.filters.types.date.rangeSelect.options.last30Days", { from: s, to: r } = e[a];
   return { defaultFilterParams: {
     ...o === "transactions" && {
-      ...c,
+      ...u,
       [t.MIN_AMOUNT]: void 0,
       [t.MAX_AMOUNT]: void 0
     },
@@ -14,12 +14,12 @@ const A = (o) => {
     [t.CREATED_SINCE]: new Date(s).toISOString(),
     [t.CREATED_UNTIL]: new Date(r).toISOString()
   }, defaultTimeRange: a, timeRangeOptions: e };
-}, O = (o, e) => {
-  const [a, s] = m(Date.now()), r = A(o), i = f(r), n = l(() => s(Date.now()), [s]);
+}, D = (o, e) => {
+  const [a, s] = m(Date.now()), r = A(o), i = l(r), n = f(() => s(Date.now()), [s]);
   return T(() => {
     n();
   }, [e, n]), { defaultParams: i, nowTimestamp: a, refreshNowTimestamp: n };
 };
 export {
-  O as default
+  D as default
 };

package/dist/es/hooks/useReactiveState/useReactiveState.js

@@ -1,32 +1,32 @@
-import { useRef as o, useMemo as b, useReducer as v, useEffect as w } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as o, useMemo as j, useReducer as v, useEffect as w } from "../../external/preact/hooks/dist/hooks.module.js";
 import P from "../useMounted.js";
 import { EMPTY_OBJECT as R } from "../../utils/value/constants.js";
 const x = (a = R, f = !0) => {
-  const n = o(f), e = o(Object.freeze({ ...a })), p = o(new Set(Object.keys(e.current))), u = o(/* @__PURE__ */ new Set()), S = P(), [d, j] = b(() => {
+  const n = o(f), e = o(Object.freeze({ ...a })), S = o(new Set(Object.keys(e.current))), u = o(/* @__PURE__ */ new Set()), h = P(), [d, z] = j(() => {
     const r = (c) => {
-      S.current && E(c);
+      h.current && T(c);
     };
     return [
       () => r("reset"),
       (c) => r(c)
     ];
-  }, [S]), [z, E] = v((r, c) => {
+  }, [h]), [E, T] = v((r, c) => {
     if (c === "reset")
       return u.current.clear(), e.current;
-    const s = { ...c }, h = [0];
+    const s = { ...c }, l = [0];
     Object.keys(s).forEach((t, m) => {
-      if (!p.current.has(t)) return;
-      const $ = r[t] ?? void 0, O = e.current[t] ?? void 0, l = s[t] ?? O;
-      if (l === $) return;
-      const g = Math.floor(m / 32), M = 1 << m % 32;
-      s[t] = l, h[g] |= M, u.current[l === O ? "delete" : "add"](t);
+      if (!S.current.has(t)) return;
+      const g = r[t] ?? void 0, O = e.current[t] ?? void 0, p = s[t] ?? O;
+      if (p === g) return;
+      const b = Math.floor(m / 32), M = 1 << m % 32;
+      s[t] = p, l[b] = (l[b] ?? 0) | M, u.current[p === O ? "delete" : "add"](t);
     });
-    const i = h.some((t) => t) ? n.current && u.current.size === 0 ? e.current : Object.freeze({ ...r, ...s }) : r;
+    const i = l.some((t) => t) ? n.current && u.current.size === 0 ? e.current : Object.freeze({ ...r, ...s }) : r;
     return n.current || (e.current = i, n.current = !0), i;
-  }, e.current), T = b(() => !!u.current.size, []);
+  }, e.current), $ = j(() => !!u.current.size, []);
   return w(() => {
-    e.current = Object.freeze({ ...a }), p.current = new Set(Object.keys(e.current)), n.current = f, d();
-  }, [f, a, d]), { canResetState: T, defaultState: e.current, resetState: d, state: z, updateState: j };
+    e.current = Object.freeze({ ...a }), S.current = new Set(Object.keys(e.current)), n.current = f, d();
+  }, [f, a, d]), { canResetState: $, defaultState: e.current, resetState: d, state: E, updateState: z };
 };
 export {
   x as default

package/dist/es/hooks/useTabbedControl.js

@@ -1,81 +1,81 @@
-import { useState as A, useRef as x, useMemo as D, useCallback as E, useEffect as O } from "../external/preact/hooks/dist/hooks.module.js";
+import { useState as m, useRef as A, useMemo as D, useCallback as q, useEffect as x } from "../external/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as I } from "../components/types.js";
-import { uniqueId as w } from "../utils/random/uniqueId.js";
-const R = (t) => (t == null ? void 0 : t.disabled) === !0, o = (t, u, s) => {
-  const c = t.length;
-  if (c) {
-    let n = u, i = c;
+import { useUniqueId as w } from "./useUniqueId.js";
+const O = (t) => (t == null ? void 0 : t.disabled) === !0, a = (t, u, c) => {
+  const s = t.length;
+  if (s) {
+    let r = u, i = s;
     for (; i--; ) {
-      for (; n < 0; ) n += c;
-      if (n >= c && (n %= c), !R(t[n])) return n;
-      n += s;
+      for (; r < 0; ) r += s;
+      if (r >= s && (r %= s), !O(t[r])) return r;
+      r += c;
     }
   }
   return 0;
-}, T = (t, u, s = 0) => {
-  if (!u) return s;
-  const c = t.findIndex((f) => f.id === u), n = c === -1 ? s : c, i = o(
+}, T = (t, u, c = 0) => {
+  if (!u) return c;
+  const s = t.findIndex((f) => f.id === u), r = s === -1 ? c : s, i = a(
     t,
-    n,
+    r,
     1
     /* FORWARD */
   );
-  return n === i ? n : s;
+  return r === i ? r : c;
 }, N = ({
   options: t,
   activeOption: u,
-  onChange: s
+  onChange: c
 }) => {
-  const [c, n] = A(!1), [i, f] = A(T(t, u)), a = t[i], m = x(a), d = x([]), b = x(w().replace(/.*?(?=\d+$)/, "")).current, q = D(() => {
+  const [s, r] = m(!1), [i, f] = m(T(t, u)), o = t[i], R = A(o), d = A([]), b = w(), v = D(() => {
     const e = [];
-    for (let r = 0; r < t.length; r++)
-      e[r] = (l) => d.current[r] = l;
+    for (let n = 0; n < t.length; n++)
+      e[n] = (l) => d.current[n] = l;
     return e;
-  }, [t]), v = E((e) => {
-    const r = d.current.findIndex((l) => l === e.currentTarget);
-    R(d.current[r]) || (e.preventDefault(), f(r));
-  }, []), y = D(() => {
+  }, [t]), y = q((e) => {
+    const n = d.current.findIndex((l) => l === e.currentTarget);
+    O(d.current[n]) || (e.preventDefault(), f(n));
+  }, []), E = D(() => {
     const e = {
-      [I.ARROW_LEFT]: () => f((r) => o(
+      [I.ARROW_LEFT]: () => f((n) => a(
         d.current,
-        r - 1,
+        n - 1,
         -1
         /* BACKWARD */
       )),
-      [I.ARROW_RIGHT]: () => f((r) => o(
+      [I.ARROW_RIGHT]: () => f((n) => a(
         d.current,
-        r + 1,
+        n + 1,
         1
         /* FORWARD */
       )),
-      [I.HOME]: () => f(o(
+      [I.HOME]: () => f(a(
         d.current,
         0,
         1
         /* FORWARD */
       )),
-      [I.END]: () => f(o(
+      [I.END]: () => f(a(
         d.current,
         -1,
         -1
         /* BACKWARD */
       ))
     };
-    return (r) => {
+    return (n) => {
       var l;
-      e[r.key] && (r.preventDefault(), (l = e[r.key]) == null || l.call(e), n(!0));
+      e[n.key] && (n.preventDefault(), (l = e[n.key]) == null || l.call(e), r(!0));
     };
   }, []);
-  return O(() => {
+  return x(() => {
     f((e) => T(t, u, e));
-  }, [t, u]), O(() => {
-    if (c) {
+  }, [t, u]), x(() => {
+    if (s) {
       const e = d.current[i];
-      R(e) || e == null || e.focus(), n(!1);
+      O(e) || e == null || e.focus(), r(!1);
     }
-  }, [i, c]), O(() => {
-    m.current !== a && (m.current = a, s == null || s(a));
-  }, [a, s]), { activeIndex: i, onClick: v, onKeyDown: y, refs: q, uniqueId: b };
+  }, [i, s]), x(() => {
+    R.current !== o && (R.current = o, c == null || c(o));
+  }, [o, c]), { activeIndex: i, onClick: y, onKeyDown: E, refs: v, uniqueId: b };
 };
 export {
   N as default,