@adyen/adyen-platform-experience-web 1.5.0 → 1.6.0

package/dist/es/hooks/useTabbedControl.js

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

package/dist/es/hooks/useTableColumns.js

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

package/dist/es/hooks/useTrackedRef.js

@@ -0,0 +1,19 @@
+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);
+  };
+  return Object.defineProperty(n, "current", {
+    enumerable: !0,
+    get: () => r,
+    set: n
+  });
+}, [t]);
+export {
+  p as default,
+  p as useTrackedRef
+};

package/dist/es/images/icons/plus.svg.js

@@ -0,0 +1,6 @@
+import "../../external/preact/compat/dist/compat.module.js";
+import { jsx as t } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const i = (o) => /* @__PURE__ */ t("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ t("path", { d: "M6.75 5.25V0.25H5.25V5.25H0.25V6.75H5.25V11.75H6.75V6.75H11.75V5.25H6.75Z", fill: "currentColor" }) });
+export {
+  i as default
+};

package/dist/es/index.js

@@ -1,37 +1,41 @@
 /* empty css                       */
-import "./style/index.scss.js";
+/* empty css                 */
 import t from "./core/core.js";
-import { PayoutElement as m } from "./components/external/PayoutDetails/PayoutDetails.js";
+import { PayoutElement as p } from "./components/external/PayoutDetails/PayoutDetails.js";
 import { PayoutsElement as f } from "./components/external/PayoutsOverview/PayoutsOverviewElement.js";
-import { TransactionElement as c } from "./components/external/TransactionDetails/TransactionDetails.js";
-import { TransactionsElement as E } from "./components/external/TransactionsOverview/TransactionsOverviewElement.js";
-import { CapitalOfferElement as O } from "./components/external/CapitalOffer/CapitalOfferElement.js";
-import { ReportsElement as u } from "./components/external/ReportsOverview/ReportsOverviewElement.js";
-import { CapitalOverviewElement as C } from "./components/external/CapitalOverview/CapitalOverviewElement.js";
-import { all_locales as T, da_DK as D, de_DE as R, en_US as d, es_ES as S, fi_FI as F, fr_FR as I, it_IT as N, nl_NL as z, no_NO as A, pt_BR as B, sv_SE as K } from "./translations/index.js";
+import { TransactionElement as E } from "./components/external/TransactionDetails/TransactionDetails.js";
+import { TransactionsElement as _ } from "./components/external/TransactionsOverview/TransactionsOverviewElement.js";
+import { CapitalOfferElement as u } from "./components/external/CapitalOffer/CapitalOfferElement.js";
+import { ReportsElement as w } from "./components/external/ReportsOverview/ReportsOverviewElement.js";
+import { CapitalOverviewElement as y } from "./components/external/CapitalOverview/CapitalOverviewElement.js";
+import { DisputesOverviewElement as P } from "./components/external/DisputesOverview/DisputesOverviewElement.js";
+import { DisputeManagementElement as R } from "./components/external/DisputeManagement/DisputeManagementElement.js";
+import { all_locales as S, da_DK as g, de_DE as F, en_US as I, es_ES as M, fi_FI as N, fr_FR as z, it_IT as A, nl_NL as B, no_NO as K, pt_BR as L, sv_SE as U } from "./translations/index.js";
 async function n(e) {
   return await new t(e).initialize();
 }
 export {
   n as AdyenPlatformExperience,
-  O as CapitalOffer,
-  C as CapitalOverview,
+  u as CapitalOffer,
+  y as CapitalOverview,
   t as Core,
-  m as PayoutDetails,
+  R as DisputeManagement,
+  P as DisputesOverview,
+  p as PayoutDetails,
   f as PayoutsOverview,
-  u as ReportsOverview,
-  c as TransactionDetails,
-  E as TransactionsOverview,
-  T as all_locales,
-  D as da_DK,
-  R as de_DE,
-  d as en_US,
-  S as es_ES,
-  F as fi_FI,
-  I as fr_FR,
-  N as it_IT,
-  z as nl_NL,
-  A as no_NO,
-  B as pt_BR,
-  K as sv_SE
+  w as ReportsOverview,
+  E as TransactionDetails,
+  _ as TransactionsOverview,
+  S as all_locales,
+  g as da_DK,
+  F as de_DE,
+  I as en_US,
+  M as es_ES,
+  N as fi_FI,
+  z as fr_FR,
+  A as it_IT,
+  B as nl_NL,
+  K as no_NO,
+  L as pt_BR,
+  U as sv_SE
 };