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

package/dist/es/hooks/useFetch.js

@@ -1,39 +1,39 @@
-import { useRef as l, useReducer as p, useCallback as y, useEffect as g } from "../external/preact/hooks/dist/hooks.module.js";
-import { boolOrTrue as n } from "../utils/value/bool.js";
+import { useRef as l, useReducer as p, useCallback as y, useEffect as g } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { boolOrTrue as u } from "../utils/value/bool.js";
 function F({
-  fetchOptions: { keepPrevData: u, onSuccess: e, enabled: c } = { keepPrevData: !0 },
-  queryFn: f
+  fetchOptions: { keepPrevData: f, onSuccess: i, enabled: c } = { keepPrevData: !0 },
+  queryFn: n
 }) {
-  const r = l(!1), a = {
+  const t = l(!1), r = {
     error: void 0,
     data: void 0,
-    isFetching: n(c),
-    refetch: () => o()
-  }, d = (t, s) => {
-    switch (s.type) {
+    isFetching: u(c),
+    refetch: () => s()
+  }, d = (e, o) => {
+    switch (o.type) {
       case "loading":
-        return { ...a, isFetching: !0, data: u ? t.data : void 0 };
+        return { ...r, isFetching: !0, data: f ? e.data : void 0 };
       case "fetched":
-        return { ...a, data: s.payload, isFetching: !1 };
+        return { ...r, data: o.payload, isFetching: !1 };
       case "error":
-        return { ...a, error: s.payload, isFetching: !1 };
+        return { ...r, error: o.payload, isFetching: !1 };
       default:
-        return t;
+        return e;
     }
-  }, [h, i] = p(d, a), o = y(async () => {
-    i({ type: "loading" });
+  }, [h, a] = p(d, r), s = y(async () => {
+    a({ type: "loading" });
     try {
-      if (r.current) return;
-      const t = await f();
-      e == null || e(t), i({ type: "fetched", payload: t });
-    } catch (t) {
-      if (r.current) return;
-      i({ type: "error", payload: t });
+      if (t.current) return;
+      const e = await n();
+      i?.(e), a({ type: "fetched", payload: e });
+    } catch (e) {
+      if (t.current) return;
+      a({ type: "error", payload: e });
     }
-  }, [i, f, e]);
-  return g(() => (r.current = !1, n(c) && o(), () => {
-    r.current = !0;
-  }), [c, o]), h;
+  }, [a, n, i]);
+  return g(() => (t.current = !1, u(c) && s(), () => {
+    t.current = !0;
+  }), [c, s]), h;
 }
 export {
   F as useFetch

package/dist/es/hooks/useFreezePeriod.js

@@ -1,4 +1,4 @@
-import { useState as o, useRef as u, useCallback as f, useEffect as l } from "../external/preact/hooks/dist/hooks.module.js";
+import { useState as o, useRef as u, useCallback as f, useEffect as l } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const m = (e = 1e3, a = !1) => {
   const [r, s] = o(a), t = u(), n = u(), c = f(() => {
     r || (n.current = setTimeout(() => {

package/dist/es/hooks/useImageUrl.js

@@ -1,5 +1,5 @@
 import a from "../core/Context/useCoreContext.js";
-import { useMemo as g } from "../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as g } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { EMPTY_OBJECT as p } from "../utils/value/constants.js";
 const u = "https://cdf6519016.cdn.adyen.com/checkoutshopper/", C = ({
   name: e,

package/dist/es/hooks/useModalDetails/useModalDetails.js

@@ -1,35 +1,26 @@
-import { useState as f, useCallback as u, useMemo as k } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useState as o, useCallback as s, useMemo as d } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { hasCallback as D } from "./types.js";
-function o(l) {
-  const [d, r] = f(null), n = u(
-    (e) => {
-      var c;
-      return e && D(l[e.selection.type]) ? {
-        callback: (c = l == null ? void 0 : l[e.selection.type]) != null && c.callback ? (a) => {
-          var s, t;
-          return (t = (s = l[e.selection.type]) == null ? void 0 : s.callback) == null ? void 0 : t.call(s, { showModal: () => r(e), ...a });
-        } : () => {
-          var a;
-          return ((a = l[e.selection.type]) == null ? void 0 : a.showDetails) && r(e);
-        }
-      } : (r(e), {});
-    },
+function k(l) {
+  const [r, a] = o(null), i = s(
+    (e) => e && D(l[e.selection.type]) ? {
+      callback: l?.[e.selection.type]?.callback ? (c) => l[e.selection.type]?.callback?.({ showModal: () => a(e), ...c }) : () => l[e.selection.type]?.showDetails && a(e)
+    } : (a(e), {}),
     [l]
-  ), i = u(() => r(null), []), b = k(() => {
+  ), n = s(() => a(null), []), u = d(() => {
     const e = {};
     for (const c in l) {
-      const a = l[c];
-      e[c] = !(a != null && a.showDetails) || !!a.callback;
+      const t = l[c];
+      e[c] = !t?.showDetails || !!t.callback;
     }
     return e;
   }, [l]);
   return {
-    selectedDetail: d,
-    updateDetails: n,
-    detailsToShow: b,
-    resetDetails: i
+    selectedDetail: r,
+    updateDetails: i,
+    detailsToShow: u,
+    resetDetails: n
   };
 }
 export {
-  o as default
+  k as default
 };

package/dist/es/hooks/useMounted.js

@@ -1,4 +1,4 @@
-import { useRef as u, useMemo as r, useEffect as n } from "../external/preact/hooks/dist/hooks.module.js";
+import { useRef as u, useMemo as r, useEffect as n } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const a = (s) => {
   const e = u(!1), t = r(() => s, [s]);
   return n(() => (e.current = !0, () => {

package/dist/es/hooks/useMultiSelectionFilterProps.js

@@ -1,29 +1,29 @@
-import { useCallback as m } from "../external/preact/hooks/dist/hooks.module.js";
-import b from "./useAnalytics/useFilterAnalyticsEvent.js";
-import { listFrom as p } from "../utils/collection/main.js";
-const d = ({
-  eventCategory: f,
-  eventSubCategory: h,
-  eventLabel: r,
-  onResetFilter: c,
-  onUpdateFilter: a,
-  selectionOptions: t,
-  selection: o
+import { useCallback as a } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import S from "./useAnalytics/useFilterAnalyticsEvent.js";
+import { listFrom as d } from "../utils/collection/main.js";
+const z = ({
+  eventCategory: l,
+  eventSubCategory: c,
+  eventLabel: i,
+  onResetFilter: n,
+  onUpdateFilter: r,
+  selectionOptions: u,
+  selection: e
 }) => {
-  const { logEvent: s } = b({ category: f, subCategory: h, label: r }), i = m(() => {
-    o.length > 0 && (s == null || s("reset"), c == null || c());
-  }, [o, s, c]), S = m(
-    ({ target: u }) => {
-      const e = new Set(p((u == null ? void 0 : u.value) || ""));
-      if (o.some((n) => !e.has(n)) || o.length !== e.size) {
-        const n = Object.freeze([...e].sort((l, C) => l.localeCompare(C)));
-        s == null || s("update", String(n)), a == null || a(n);
+  const { logEvent: t } = S({ category: l, subCategory: c, label: i }), m = a(() => {
+    e.length > 0 && (t?.("reset"), n?.());
+  }, [e, t, n]), g = a(
+    ({ target: f }) => {
+      const s = new Set(d(f?.value || ""));
+      if (e.some((o) => !s.has(o)) || e.length !== s.size) {
+        const o = Object.freeze([...s].sort((h, p) => h.localeCompare(p)));
+        t?.("update", String(o)), r?.(o);
       }
     },
-    [o, s, a]
+    [e, t, r]
   );
-  return { selection: o, selectionOptions: t, onResetAction: i, updateSelection: S };
+  return { selection: e, selectionOptions: u, onResetAction: m, updateSelection: g };
 };
 export {
-  d as default
+  z as default
 };

package/dist/es/hooks/useMutation/useMutation.js

@@ -1,57 +1,57 @@
-import { useState as p, useRef as g, useCallback as M, useEffect as P, useMemo as _ } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useState as S, useRef as g, useCallback as p, useEffect as P, useMemo as _ } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { isNumber as b, isFunction as k } from "../../utils/value/is.js";
 import { EMPTY_OBJECT as I } from "../../utils/value/constants.js";
 import { ALREADY_RESOLVED_PROMISE as x } from "../../utils/async/constants.js";
-import { tryResolve as a } from "../../utils/async/main.js";
-const u = (e) => {
+import { tryResolve as u } from "../../utils/async/main.js";
+const a = (s) => {
   setTimeout(() => {
-    throw e;
+    throw s;
   }, 0);
 };
 function V({
-  queryFn: e,
+  queryFn: s,
   options: A
 }) {
-  const { retry: l = !1, retryDelay: o = 1e3, onSuccess: i, onError: f, onSettled: s, shouldRetry: m } = A || I, [w, y] = p(null), [T, d] = p(null), [r, c] = p("idle"), h = g(!0), n = g(0), C = M(() => {
-    y(null), d(null), c("idle"), n.current = 0;
-  }, []), E = M(() => {
+  const { retry: l = !1, retryDelay: o = 1e3, onSuccess: i, onError: f, onSettled: r, shouldRetry: m } = A || I, [M, w] = S(null), [T, d] = S(null), [e, c] = S("idle"), h = g(!0), n = g(0), C = p(() => {
+    w(null), d(null), c("idle"), n.current = 0;
+  }, []), E = p(() => {
     n.current = 0;
-  }, []), R = M(
+  }, []), R = p(
     async (...D) => {
       try {
         c("loading"), d(null);
-        const t = await (e == null ? void 0 : e(...D));
-        return h.current && (y(t), c("success")), x.then(() => {
-          i && a(i, t).catch(u), s && a(s, t, null).catch(u), E();
+        const t = await s?.(...D);
+        return h.current && (w(t), c("success")), x.then(() => {
+          i && u(i, t).catch(a), r && u(r, t, null).catch(a), E();
         }), t;
       } catch (t) {
-        let S = 0;
-        if (b(l) && (!m || m(t)) ? S = Math.max(0, Math.floor(l)) : S = 0, n.current++ < S) {
+        let y = 0;
+        if (b(l) && (!m || m(t)) ? y = Math.max(0, Math.floor(l)) : y = 0, n.current++ < y) {
           const L = k(o) ? o(n.current) : o ?? 1e3;
           return await new Promise((O) => setTimeout(O, L)), R(...D);
         }
         throw h.current && (d(t), c("error")), x.then(() => {
-          f && a(f, t).catch(u), s && a(s, void 0, t).catch(u), E();
+          f && u(f, t).catch(a), r && u(r, void 0, t).catch(a), E();
         }), t;
       }
     },
-    [e, i, s, l, m, o, E, f]
+    [s, i, r, l, m, o, E, f]
   );
   return P(() => () => {
     h.current = !1;
   }, []), _(
     () => ({
-      data: w,
+      data: M,
       error: T,
-      status: r,
-      isIdle: r === "idle",
-      isLoading: r === "loading",
-      isSuccess: r === "success",
-      isError: r === "error",
+      status: e,
+      isIdle: e === "idle",
+      isLoading: e === "loading",
+      isSuccess: e === "success",
+      isError: e === "error",
       mutate: R,
       reset: C
     }),
-    [w, T, r, R, C]
+    [M, T, e, R, C]
   );
 }
 export {

package/dist/es/hooks/usePaymentLinkFilters.js

@@ -1,31 +1,31 @@
-import { useFetch as u } from "./useFetch.js";
-import { useMemo as F } from "../external/preact/hooks/dist/hooks.module.js";
-import { useStores as a } from "./useStores.js";
+import { useFetch as m } from "./useFetch.js";
+import { useMemo as F } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useStores as f } from "./useStores.js";
 import { useConfigContext as p } from "../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as h } from "../utils/value/constants.js";
-const T = (t, e) => {
-  const { payByLinkFilters: r } = p().endpoints, {
+import { EMPTY_OBJECT as u } from "../utils/value/constants.js";
+const C = (r, e) => {
+  const { payByLinkFilters: t } = p().endpoints, {
     data: s,
     isFetching: o,
     error: i
-  } = u(
+  } = m(
     F(
       () => ({
-        fetchOptions: { enabled: !!r && (e ?? !0), keepPrevData: !0 },
-        queryFn: async () => r == null ? void 0 : r(h)
+        fetchOptions: { enabled: !!t && (e ?? !0), keepPrevData: !0 },
+        queryFn: async () => t?.(u)
       }),
-      [r, e]
+      [t, e]
     )
-  ), { filteredStores: n, allStores: c, isFetching: m, error: f } = a(t);
+  ), { filteredStores: n, allStores: c, isFetching: a, error: l } = f(r);
   return {
     filters: s,
     stores: n,
-    isFetching: m || o,
+    isFetching: a || o,
     allStores: c,
     filterError: i,
-    storeError: f
+    storeError: l
   };
 };
 export {
-  T as default
+  C as default
 };

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

@@ -1,4 +1,4 @@
-import { useRef as o, useMemo as j, 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/.pnpm/preact@10.28.2/node_modules/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) => {

package/dist/es/hooks/useReflex.js

@@ -1,4 +1,4 @@
-import { useRef as u, useLayoutEffect as s, useMemo as n } from "../external/preact/hooks/dist/hooks.module.js";
+import { useRef as u, useLayoutEffect as s, useMemo as n } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { createReflexContainer as o } from "../primitives/reactive/reflex/main.js";
 const c = (r, t) => {
   const e = u(o());

package/dist/es/hooks/useStores.js

@@ -1,46 +1,39 @@
-import { useState as C, useMemo as s, useEffect as l } from "../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as E } from "./useFetch.js";
-import { useConfigContext as h } from "../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as p } from "../utils/value/constants.js";
-const M = (n, d = !0) => {
-  const [c, m] = C(void 0), { getPayByLinkStores: i } = h().endpoints, { data: r, error: u, isFetching: f } = E(
-    s(
+import { useState as u, useMemo as i, useEffect as l } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useFetch as C } from "./useFetch.js";
+import { useConfigContext as S } from "../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as c } from "../utils/value/constants.js";
+const T = (t, d = !0) => {
+  const [s, a] = u(void 0), { getPayByLinkStores: n } = S().endpoints, { data: r, error: f, isFetching: m } = C(
+    i(
       () => ({
         fetchOptions: {
-          enabled: !!i
+          enabled: !!n
         },
-        queryFn: async () => i == null ? void 0 : i(p, p)
+        queryFn: async () => n?.(c, c)
       }),
-      [i]
+      [n]
     )
-  ), o = s(
-    () => {
-      var t;
-      return (t = r == null ? void 0 : r.data) == null ? void 0 : t.filter((e) => e.storeId ? !n || (typeof n == "string" ? e.storeId === n : n == null ? void 0 : n.includes(e.storeId)) : !1).map((e) => ({
-        id: e.storeId || "",
-        name: e.storeCode || "",
-        storeCode: e.storeCode || "",
-        description: e.description || ""
-      }));
-    },
-    [r, n]
-  ), a = s(
-    () => {
-      var t;
-      return (t = r == null ? void 0 : r.data) == null ? void 0 : t.map((e) => ({
-        id: e.storeId || "",
-        name: e.storeCode || "",
-        storeCode: e.storeCode || "",
-        description: e.description || ""
-      }));
-    },
+  ), o = i(
+    () => r?.data?.filter((e) => e.storeId ? !t || (typeof t == "string" ? e.storeId === t : t?.includes(e.storeId)) : !1).map((e) => ({
+      id: e.storeId || "",
+      name: e.storeCode || "",
+      storeCode: e.storeCode || "",
+      description: e.description || ""
+    })),
+    [r, t]
+  ), p = i(
+    () => r?.data?.map((e) => ({
+      id: e.storeId || "",
+      name: e.storeCode || "",
+      storeCode: e.storeCode || "",
+      description: e.description || ""
+    })),
     [r]
   );
   return l(() => {
-    var t;
-    !c && o && (o == null ? void 0 : o.length) > 0 && d && m((t = o == null ? void 0 : o[0]) == null ? void 0 : t.id);
-  }, [o, c, d]), { filteredStores: o, selectedStore: c, setSelectedStore: m, isFetching: f, error: u, allStores: a };
+    !s && o && o?.length > 0 && d && a(o?.[0]?.id);
+  }, [o, s, d]), { filteredStores: o, selectedStore: s, setSelectedStore: a, isFetching: m, error: f, allStores: p };
 };
 export {
-  M as useStores
+  T as useStores
 };

package/dist/es/hooks/useTabbedControl.js

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

package/dist/es/hooks/useTableColumns.js

@@ -1,48 +1,47 @@
-import { useMemo as b } from "../external/preact/hooks/dist/hooks.module.js";
-import U from "../core/Context/useCoreContext.js";
-import { useResponsiveContainer as g, containerQueries as w } from "./useResponsiveContainer.js";
-import { EMPTY_OBJECT as A } from "../utils/value/constants.js";
-import { isUndefined as O } from "../utils/value/is.js";
-function P(t) {
-  let i = {};
-  for (const r of Object.keys(t))
-    O(t[r]) || (i = { ...i, [r]: t[r] });
-  return i;
+import { useMemo as y } from "../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import b from "../core/Context/useCoreContext.js";
+import { useResponsiveContainer as g, containerQueries as h } from "./useResponsiveContainer.js";
+import { EMPTY_OBJECT as M } from "../utils/value/constants.js";
+import { isUndefined as x } from "../utils/value/is.js";
+function T(i) {
+  let o = {};
+  for (const s of Object.keys(i))
+    x(i[s]) || (o = { ...o, [s]: i[s] });
+  return o;
 }
-const Y = ({
-  fields: t,
-  customColumns: i,
-  columnConfig: r,
-  fieldsKeys: k
+const B = ({
+  fields: i,
+  customColumns: o,
+  columnConfig: s,
+  fieldsKeys: f
 }) => {
-  const { i18n: o } = U(), s = b(() => t.map((y) => ({ key: y })), [t]), v = g(w.up.sm);
-  return b(() => {
-    const y = (i == null ? void 0 : i.filter((e) => !(t != null && t.some((n) => n === e.key))).map((e) => e.key)) || [], M = [...s, ...(i == null ? void 0 : i.filter((e) => e == null ? void 0 : e.key)) || []], x = (i == null ? void 0 : i.reduce((e, n) => (e[n.key] = n, e), {})) || {}, a = /* @__PURE__ */ new Map();
-    return M.forEach((e) => {
-      const n = x[e.key];
-      if ((n == null ? void 0 : n.visibility) !== "hidden")
-        if (a.has(e.key)) {
-          const p = a.get(e.key);
-          a.set(e.key, {
-            ...p,
+  const { i18n: l } = b(), p = y(() => i.map((r) => ({ key: r })), [i]), a = g(h.up.sm);
+  return y(() => {
+    const r = o?.filter((e) => !i?.some((m) => m === e.key)).map((e) => e.key) || [], d = [...p, ...o?.filter((e) => e?.key) || []], k = o?.reduce((e, m) => (e[m.key] = m, e), {}) || {}, t = /* @__PURE__ */ new Map();
+    return d.forEach((e) => {
+      if (k[e.key]?.visibility !== "hidden")
+        if (t.has(e.key)) {
+          const n = t.get(e.key);
+          t.set(e.key, {
+            ...n,
             ...e,
             visible: e.visibility !== "hidden",
-            position: e.align || p.position
+            position: e.align || n.position
           });
         } else {
-          const { key: p, flex: T, align: f } = e, h = o.get((k == null ? void 0 : k[p]) || p), E = P((r == null ? void 0 : r[p]) || A);
-          a.set(e.key, {
-            key: p,
-            label: h,
-            visible: y.includes(e.key) ? v : !0,
-            flex: T,
-            position: f,
-            ...E
+          const { key: n, flex: u, align: c } = e, v = l.get(f?.[n] || n), C = T(s?.[n] || M);
+          t.set(e.key, {
+            key: n,
+            label: v,
+            visible: r.includes(e.key) ? a : !0,
+            flex: u,
+            position: c,
+            ...C
           });
         }
-    }), Array.from(a.values());
-  }, [r, i, t, o, v, s]);
+    }), Array.from(t.values());
+  }, [s, o, i, l, a, p]);
 };
 export {
-  Y as useTableColumns
+  B as useTableColumns
 };