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

package/dist/es/hooks/useCustomColumnsData.js

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

package/dist/es/hooks/useDefaultOverviewFilterParams.js

@@ -1,25 +1,33 @@
-import { useState as l, useRef as f, useCallback as c, useEffect as T } from "../external/preact/hooks/dist/hooks.module.js";
+import { useState as T, useRef as _, useCallback as A, useEffect as N } from "../external/preact/hooks/dist/hooks.module.js";
 import { FilterParam as t } from "../components/types.js";
-import { getTimeRangeSelectionDefaultPresetOptions as p } 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 = (r, e) => {
-  const a = p(), s = e ? `common.filters.types.date.rangeSelect.options.${e}` : "common.filters.types.date.rangeSelect.options.last30Days", { from: o, to: n } = a[s];
+import { getTimeRangeSelectionDefaultPresetOptions as f, TIME_RANGE_SELECTION_PRESET_OPTION_KEYS as l } from "../components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as O } from "../components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const S = (e, a, r) => {
+  const o = f(), s = a ? `common.filters.types.date.rangeSelect.options.${a}` : l.LAST_30_DAYS, { from: n, to: i } = o[s];
   return { defaultFilterParams: {
-    ...r === "transactions" && {
-      ...u,
+    ...e === "transactions" && {
+      ...O,
       [t.MIN_AMOUNT]: void 0,
       [t.MAX_AMOUNT]: void 0
     },
-    [t.BALANCE_ACCOUNT]: void 0,
-    [t.CREATED_SINCE]: new Date(o).toISOString(),
-    [t.CREATED_UNTIL]: new Date(n).toISOString()
-  }, defaultTimeRange: s, timeRangeOptions: a };
-}, D = (r, e, a) => {
-  const [s, o] = l(Date.now()), n = A(r, a), m = f(n), i = c(() => o(Date.now()), [o]);
-  return T(() => {
-    i();
-  }, [e, i]), { defaultParams: m, nowTimestamp: s, refreshNowTimestamp: i };
+    ...e !== "paymentLinks" && {
+      [t.BALANCE_ACCOUNT]: void 0
+    },
+    ...e === "paymentLinks" && {
+      [t.MERCHANT_REFERENCE]: void 0,
+      [t.PAYMENT_LINK_ID]: void 0,
+      [t.MIN_AMOUNT]: void 0,
+      [t.MAX_AMOUNT]: void 0
+    },
+    [t.CREATED_SINCE]: new Date(n).toISOString(),
+    [t.CREATED_UNTIL]: new Date(i).toISOString()
+  }, defaultTimeRange: s, timeRangeOptions: r || o };
+}, d = (e, a, r, o) => {
+  const [s, n] = T(Date.now()), i = S(e, r, o), E = _(i), m = A(() => n(Date.now()), [n]);
+  return N(() => {
+    m();
+  }, [a, m]), { defaultParams: E, nowTimestamp: s, refreshNowTimestamp: m };
 };
 export {
-  D as default
+  d as default
 };

package/dist/es/hooks/useFetch.js

@@ -1,38 +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 u } from "../utils/value/bool.js";
 function F({
-  fetchOptions: { keepPrevData: d, onSuccess: e, enabled: c } = { keepPrevData: !0 },
-  queryFn: s
+  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: u(c)
-  }, f = (t, o) => {
+    isFetching: u(c),
+    refetch: () => s()
+  }, d = (e, o) => {
     switch (o.type) {
       case "loading":
-        return { ...a, isFetching: !0, data: d ? t.data : void 0 };
+        return { ...r, isFetching: !0, data: f ? e.data : void 0 };
       case "fetched":
-        return { ...a, data: o.payload, isFetching: !1 };
+        return { ...r, data: o.payload, isFetching: !1 };
       case "error":
-        return { ...a, error: o.payload, isFetching: !1 };
+        return { ...r, error: o.payload, isFetching: !1 };
       default:
-        return t;
+        return e;
     }
-  }, [h, i] = p(f, a), n = y(async () => {
-    i({ type: "loading" });
+  }, [h, a] = p(d, r), s = y(async () => {
+    a({ type: "loading" });
     try {
-      if (r.current) return;
-      const t = await s();
-      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, s, e]);
-  return g(() => (r.current = !1, u(c) && n(), () => {
-    r.current = !0;
-  }), [c, n]), 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/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/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/useMultiSelectionFilterProps.js

@@ -0,0 +1,29 @@
+import { useCallback as a } from "../external/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: 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);
+      }
+    },
+    [e, t, r]
+  );
+  return { selection: e, selectionOptions: u, onResetAction: m, updateSelection: g };
+};
+export {
+  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/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

@@ -0,0 +1,31 @@
+import { useFetch as m } from "./useFetch.js";
+import { useMemo as F } from "../external/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 u } from "../utils/value/constants.js";
+const C = (r, e) => {
+  const { payByLinkFilters: t } = p().endpoints, {
+    data: s,
+    isFetching: o,
+    error: i
+  } = m(
+    F(
+      () => ({
+        fetchOptions: { enabled: !!t && (e ?? !0), keepPrevData: !0 },
+        queryFn: async () => t?.(u)
+      }),
+      [t, e]
+    )
+  ), { filteredStores: n, allStores: c, isFetching: a, error: l } = f(r);
+  return {
+    filters: s,
+    stores: n,
+    isFetching: a || o,
+    allStores: c,
+    filterError: i,
+    storeError: l
+  };
+};
+export {
+  C as default
+};

package/dist/es/hooks/useStores.js

@@ -0,0 +1,39 @@
+import { useState as u, useMemo as i, useEffect as l } from "../external/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: !!n
+        },
+        queryFn: async () => n?.(c, c)
+      }),
+      [n]
+    )
+  ), 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(() => {
+    !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 {
+  T as useStores
+};

package/dist/es/hooks/useTabbedControl.js

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

package/dist/es/hooks/useTrackedRef.js

@@ -1,18 +1,18 @@
 import { useMemo as u } from "../external/preact/hooks/dist/hooks.module.js";
 import { noop as c } from "../utils/common.js";
 import { isFunction as m } from "../utils/value/is.js";
-const p = (t) => u(() => {
-  let r = (t == null ? void 0 : t.current) ?? null, o = c;
-  t && (o = m(t) ? t : (e) => void (t.current = e));
-  const n = (e) => {
-    r = e, o(e);
+const p = (e) => u(() => {
+  let r = e?.current ?? null, o = c;
+  e && (o = m(e) ? e : (t) => void (e.current = t));
+  const n = (t) => {
+    r = t, o(t);
   };
   return Object.defineProperty(n, "current", {
     enumerable: !0,
     get: () => r,
     set: n
   });
-}, [t]);
+}, [e]);
 export {
   p as default,
   p as useTrackedRef

package/dist/es/images/icons/arrow-right.svg.js

@@ -0,0 +1,6 @@
+import "../../external/preact/compat/dist/compat.module.js";
+import { jsx as o } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const l = (r) => /* @__PURE__ */ o("svg", { viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { d: "M10.9442 6.80644L6.69001 11.0607L7.75067 12.1213L13.8113 6.06066L7.75067 0L6.69001 1.06066L10.9358 5.30645L0 5.31761L0.0015316 6.81761L10.9442 6.80644Z", fill: "currentColor" }) });
+export {
+  l as default
+};