@adyen/adyen-platform-experience-web 1.1.0 → 1.2.0

package/dist/es/components/internal/Modal/ModalContent/ModalContent.js

@@ -1,35 +1,24 @@
-import { useMemo as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import s from "../../DataOverviewDetails/DataOverviewDetails.js";
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import a from "../../DataOverviewDetails/DataOverviewDetails.js";
 import "./ModalContent.scss.js";
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { Fragment as n } from "../../../../external/preact/dist/preact.module.js";
-import { hasOwnProperty as m } from "../../../../utils/struct/property.js";
-const a = {
+import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
+const m = {
   base: "adyen-pe-modal-content"
-}, l = (o) => m(o, "id");
-function v({
-  type: o,
-  data: r
-}) {
-  const t = i(() => o === "payout" ? {
-    ...r,
-    type: "payout"
-  } : l(r) ? {
-    data: r,
-    type: o
-  } : {
-    id: r,
-    type: o
-  }, [r, o]);
-  return e(n, {
-    children: t && e("div", {
-      className: a.base,
-      children: e(s, {
-        ...t
-      })
-    })
-  });
+};
+function p({ type: r, data: e, ...n }) {
+  const t = s(() => {
+    switch (r) {
+      case "payout":
+        return { ...e, type: r };
+      case "transaction":
+        return { id: e, type: r, ...n };
+      default:
+        return { data: e, type: r };
+    }
+  }, [e, r]);
+  return /* @__PURE__ */ o(i, { children: t && /* @__PURE__ */ o("div", { className: m.base, children: /* @__PURE__ */ o(a, { ...t }) }) });
 }
 export {
-  v as default
+  p as default
 };

package/dist/es/components/internal/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as s } from "../Button/types.js";
 import g from "../../../core/Context/useCoreContext.js";
 import b from "classnames";
@@ -5,75 +6,64 @@ import { useMemo as h, useCallback as v } from "../../../external/preact/hooks/d
 import "./Pagination.scss.js";
 import C from "../SVGIcons/ChevronLeft.js";
 import _ from "../SVGIcons/ChevronRight.js";
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Fragment as T } from "../../../external/preact/dist/preact.module.js";
 import R from "../FormFields/Select/Select.js";
 import d from "../Button/Button.js";
-import { isNullish as T } from "../../../utils/value/is.js";
+import { isNullish as N } from "../../../utils/value/is.js";
 import { EMPTY_ARRAY as c } from "../../../utils/value/constants.js";
-function q({
-  next: m,
-  hasNext: n,
-  hasPrev: o,
-  page: N,
-  prev: p,
-  limit: f,
-  limitOptions: t,
-  onLimitSelection: i
-}) {
-  const {
-    i18n: r
-  } = g(), l = h(() => t && Object.freeze(t.map((e) => ({
-    id: `${e}`,
-    name: `${e}`
-  }))), [t]), u = v(({
-    target: e
-  }) => {
-    T(e == null ? void 0 : e.value) || i == null || i(+e.value);
-  }, [i]);
-  return a("div", {
-    "aria-label": r.get("paginatedNavigation"),
-    className: `adyen-pe-pagination ${b({})}`,
-    children: [a("div", {
-      className: "adyen-pe-pagination__context",
-      children: [a("span", {
-        children: r.get("pagination.showing")
-      }), l && i && a("div", {
-        className: "adyen-pe-pagination__limit-selector",
-        children: a(R, {
+function z({ next: m, hasNext: n, hasPrev: o, page: x, prev: p, limit: f, limitOptions: t, onLimitSelection: i }) {
+  const { i18n: r } = g(), l = h(
+    () => t && Object.freeze(t.map((e) => ({ id: `${e}`, name: `${e}` }))),
+    [t]
+  ), u = v(
+    ({ target: e }) => {
+      N(e == null ? void 0 : e.value) || i == null || i(+e.value);
+    },
+    [i]
+  );
+  return /* @__PURE__ */ a("div", { "aria-label": r.get("paginatedNavigation"), className: `adyen-pe-pagination ${b({})}`, children: [
+    /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__context", children: l && i && /* @__PURE__ */ a(T, { children: [
+      /* @__PURE__ */ a("span", { children: r.get("pagination.showing") }),
+      /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__limit-selector", children: /* @__PURE__ */ a(
+        R,
+        {
           setToTargetWidth: !0,
           filterable: !1,
           multiSelect: !1,
           items: l,
           onChange: u,
           selected: `${f ?? ""}`
-        })
-      })]
-    }), a("div", {
-      className: "adyen-pe-pagination__controls",
-      children: [a(d, {
-        "aria-label": r.get("pagination.previousPage"),
-        variant: s.TERTIARY,
-        disabled: !o,
-        iconButton: !0,
-        classNameModifiers: ["circle"].concat(o ? c : "disabled"),
-        onClick: p,
-        children: a(C, {
-          disabled: !o
-        })
-      }), a(d, {
-        "aria-label": r.get("pagination.nextPage"),
-        variant: s.TERTIARY,
-        disabled: !n,
-        iconButton: !0,
-        classNameModifiers: ["circle"].concat(n ? c : "disabled"),
-        onClick: m,
-        children: a(_, {
-          disabled: !n
-        })
-      })]
-    })]
-  });
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__controls", children: [
+      /* @__PURE__ */ a(
+        d,
+        {
+          "aria-label": r.get("pagination.previousPage"),
+          variant: s.TERTIARY,
+          disabled: !o,
+          iconButton: !0,
+          classNameModifiers: ["circle"].concat(o ? c : "disabled"),
+          onClick: p,
+          children: /* @__PURE__ */ a(C, { disabled: !o })
+        }
+      ),
+      /* @__PURE__ */ a(
+        d,
+        {
+          "aria-label": r.get("pagination.nextPage"),
+          variant: s.TERTIARY,
+          disabled: !n,
+          iconButton: !0,
+          classNameModifiers: ["circle"].concat(n ? c : "disabled"),
+          onClick: m,
+          children: /* @__PURE__ */ a(_, { disabled: !n })
+        }
+      )
+    ] })
+  ] });
 }
 export {
-  q as default
+  z as default
 };

package/dist/es/components/internal/Pagination/hooks/useCursorPagination.js

@@ -5,20 +5,13 @@ const C = (e) => i(e.next), h = (e) => i(e.prev), l = (e, u) => {
   const c = m(() => {
     const o = [], P = () => o.length, a = () => {
       o.length = 0;
-    }, g = (t) => ({
-      cursor: o[t - 1]
-    }), r = (t, s) => {
+    }, g = (t) => ({ cursor: o[t - 1] }), r = (t, s) => {
       const n = o[s - 1];
       (s === 1 || s === (o.length || 1) + 1) && f(n) && (o[s - 1] = t ? decodeURIComponent(t) : void 0);
     };
-    return {
-      getPageCount: P,
-      getPageParams: g,
-      resetPageCount: a,
-      updatePagination: (t, s, n) => {
-        C(n) && r(n.next, t + 1), h(n) && r(n.prev, t - 1);
-      }
-    };
+    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, s, n) => {
+      C(n) && r(n.next, t + 1), h(n) && r(n.prev, t - 1);
+    } };
   }, []);
   return d(c, e, u);
 }, U = l;

package/dist/es/components/internal/Pagination/hooks/useOffsetPagination.js

@@ -3,18 +3,11 @@ import r from "./usePagination.js";
 const u = (e) => e.next, P = (e, s) => {
   const g = i(() => {
     let t = 0;
-    return {
-      getPageCount: () => t,
-      getPageParams: (a, n) => ({
-        offset: (a - 1) * n
-      }),
-      resetPageCount: () => {
-        t = 0;
-      },
-      updatePagination: (a, n, o) => {
-        u(o) && o.next && (t = Math.max(t, a + 1));
-      }
-    };
+    return { getPageCount: () => t, getPageParams: (a, n) => ({ offset: (a - 1) * n }), resetPageCount: () => {
+      t = 0;
+    }, updatePagination: (a, n, o) => {
+      u(o) && o.next && (t = Math.max(t, a + 1));
+    } };
   }, []);
   return r(g, e, s);
 }, d = P;

package/dist/es/components/internal/Pagination/hooks/usePageLimit.js

@@ -1,8 +1,8 @@
 import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { DEFAULT_PAGE_LIMIT as a } from "../constants.js";
 import { getClampedPageLimit as l } from "../utils.js";
-import { isNumber as d } from "../../../../utils/value/is.js";
-import { mid as p } from "../../../../utils/value/number.js";
+import { mid as d } from "../../../../utils/value/number.js";
+import { isNumber as p } from "../../../../utils/value/is.js";
 const h = (r, o) => {
   const n = r.length - 1;
   if (n < 0)
@@ -13,7 +13,7 @@ const h = (r, o) => {
     return r[n];
   let i = 0, c = 0, s = n;
   for (; ; ) {
-    const e = r[i = p(c, s)];
+    const e = r[i = d(c, s)];
     if (c > s || o === e)
       return e;
     o > e ? c = i + 1 : s = i - 1;
@@ -33,39 +33,36 @@ const h = (r, o) => {
     } catch {
     }
   }, [o]);
-  return {
-    limit: m(() => {
-      let e = l(r) || a;
-      e:
-        try {
-          if (n.current === c)
-            break e;
-          const t = new Set(n.current = c);
-          if (t.size === 0) {
-            n.current = void 0;
-            break e;
-          }
-          if (i.current !== e)
-            t: {
-              if (t.size === t.add(e).size)
-                break t;
-              if (t.delete(e), t.size === t.add(i.current).size) {
-                if (d(i.current)) {
-                  e = i.current;
-                  break t;
-                }
-              } else
-                t.delete(i.current);
-              e = h(n.current, e);
-            }
-        } catch {
+  return { limit: m(() => {
+    let e = l(r) || a;
+    e:
+      try {
+        if (n.current === c)
+          break e;
+        const t = new Set(n.current = c);
+        if (t.size === 0) {
+          n.current = void 0;
+          break e;
         }
-      return i.current = e;
-    }, [c, r]),
-    limitOptions: c
-  };
-}, P = b;
+        if (i.current !== e)
+          t: {
+            if (t.size === t.add(e).size)
+              break t;
+            if (t.delete(e), t.size === t.add(i.current).size) {
+              if (p(i.current)) {
+                e = i.current;
+                break t;
+              }
+            } else
+              t.delete(i.current);
+            e = h(n.current, e);
+          }
+      } catch {
+      }
+    return i.current = e;
+  }, [c, r]), limitOptions: c };
+}, q = b;
 export {
-  P as default,
+  q as default,
   h as getNearestFromSortedUniqueNums
 };

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecords.js

@@ -1,40 +1,33 @@
-import { useState as R, useRef as F, useMemo as D, useCallback as L, useEffect as M } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as R, useRef as y, useMemo as D, useCallback as L, useEffect as M } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import K from "./usePageLimit.js";
 import Q from "./useCursorPagination.js";
 import W from "./useOffsetPagination.js";
 import Z from "./usePaginatedRecordsFilters.js";
-import { PaginationType as z, PageNeighbour as N } from "../types.js";
-import ee from "../../../../hooks/useBooleanState/useBooleanState.js";
-import te from "../../../../hooks/useMounted/useMounted.js";
+import z from "../../../../hooks/useBooleanState.js";
+import ee from "../../../../hooks/useMounted.js";
+import { PaginationType as te, PageNeighbour as N } from "../types.js";
 import { EMPTY_OBJECT as re } from "../../../../utils/value/constants.js";
-import { boolOrFalse as _ } from "../../../../utils/value/bool.js";
-const se = ["hasNext", "hasPrevious"], b = (e) => {
+import { boolOrFalse as b } from "../../../../utils/value/bool.js";
+const se = ["hasNext", "hasPrevious"], w = (e) => {
   const t = Object.getOwnPropertyNames(e);
   return !se.some((r) => t.includes(r));
 }, oe = (e, t = "data") => {
   const r = e[t];
-  if (b(e)) {
-    const n = Object.fromEntries(Object.entries(e._links).map(([s, o]) => [s, o.cursor]));
-    return {
-      records: r,
-      paginationData: n
-    };
+  if (w(e)) {
+    const n = Object.fromEntries(
+      Object.entries(e._links).map(([s, o]) => [s, o.cursor])
+    );
+    return { records: r, paginationData: n };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
 }, ae = (e, t = "data") => {
   const r = e[t];
-  if (!b(e)) {
-    const {
-      hasNext: n,
-      hasPrevious: s
-    } = e, o = {
-      [N.NEXT]: _(n),
-      [N.PREV]: _(s)
-    };
-    return {
-      records: r,
-      paginationData: o
+  if (!w(e)) {
+    const { hasNext: n, hasPrevious: s } = e, o = {
+      [N.NEXT]: b(n),
+      [N.PREV]: b(s)
     };
+    return { records: r, paginationData: o };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
 }, ne = ({
@@ -44,74 +37,41 @@ const se = ["hasNext", "hasPrevious"], b = (e) => {
   initialFiltersSameAsDefault: n = !0,
   initialize: s,
   onFiltersChanged: o,
-  pagination: w,
-  preferredLimit: y,
+  pagination: F,
+  preferredLimit: _,
   preferredLimitOptions: $,
   enabled: E
 }) => {
-  const [x, j] = R([]), [v, p] = ee(!0), [I, O] = R(), [S, k] = R(y), l = te(), f = F(!0), m = F(1), A = Z(r, n), {
-    limit: P,
-    limitOptions: q
-  } = K({
-    preferredLimit: S,
-    preferredLimitOptions: $
-  }), {
-    defaultFilters: ie,
-    filters: a,
-    updateFilters: B,
-    ...C
-  } = A, [G, J] = D(() => w === z.CURSOR ? [oe, Q] : [ae, W], []), U = L((g) => k(g), []), {
-    goto: d,
-    page: V,
-    pages: X,
-    resetPagination: T,
-    ...Y
-  } = J(L(async ({
-    page: g,
-    ...H
-  }, c) => {
-    try {
-      if (O(void 0), m.current = g, !l.current || p(!0))
-        return;
-      const u = await t({
-        ...H,
-        ...a
-      }, c), {
-        records: i,
-        paginationData: h
-      } = G(u, e);
-      return f.current && (s == null || s([i, h], A), f.current = !1), l.current && (j(i), p(!1)), {
-        ...h,
-        size: i == null ? void 0 : i.length
-      };
-    } catch (u) {
-      if (c != null && c.aborted)
-        return;
-      p(!1), O(u), console.error(u);
-    }
-  }, [t, a, P]), P);
+  const [j, v] = R([]), [x, p] = z(!0), [I, O] = R(), [S, k] = R(_), A = ee(), f = y(!0), m = y(1), T = Z(r, n), { limit: P, limitOptions: q } = K({ preferredLimit: S, preferredLimitOptions: $ }), { defaultFilters: ie, filters: a, updateFilters: B, ...C } = T, [G, J] = D(
+    () => F === te.CURSOR ? [oe, Q] : [ae, W],
+    []
+  ), U = L((g) => k(g), []), { goto: d, page: V, pages: X, resetPagination: l, ...Y } = J(
+    L(
+      async ({ page: g, ...H }, c) => {
+        try {
+          if (O(void 0), m.current = g, !A.current || p(!0))
+            return;
+          const u = await t({ ...H, ...a }, c), { records: i, paginationData: h } = G(u, e);
+          return f.current && (s == null || s([i, h], T), f.current = !1), A.current && (v(i), p(!1)), { ...h, size: i == null ? void 0 : i.length };
+        } catch (u) {
+          if (c != null && c.aborted)
+            return;
+          p(!1), O(u), console.error(u);
+        }
+      },
+      [t, a, P]
+    ),
+    P
+  );
   return D(() => {
     f.current = !0;
   }, [r]), D(() => {
-    T(), m.current = 1;
-  }, [a, P, T]), M(() => {
+    l(), m.current = 1;
+  }, [a, P, l]), M(() => {
     E && d(m.current);
   }, [d, E]), M(() => {
     o == null || o(a);
-  }, [a]), {
-    error: I,
-    fetching: v,
-    filters: a,
-    goto: d,
-    limitOptions: q,
-    page: V,
-    pages: X,
-    records: x,
-    updateFilters: B,
-    updateLimit: U,
-    ...C,
-    ...Y
-  };
+  }, [a]), { error: I, fetching: x, filters: a, goto: d, limitOptions: q, page: V, pages: X, records: j, updateFilters: B, updateLimit: U, ...C, ...Y };
 }, Ee = ne;
 export {
   Ee as default

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecordsFilters.js

@@ -8,13 +8,7 @@ const u = (t = d, e) => {
     state: i,
     updateState: l
   } = o(t, e);
-  return {
-    canResetFilters: s,
-    defaultFilters: a,
-    filters: i,
-    resetFilters: r,
-    updateFilters: l
-  };
+  return { canResetFilters: s, defaultFilters: a, filters: i, resetFilters: r, updateFilters: l };
 }, f = u;
 export {
   f as default

package/dist/es/components/internal/Pagination/hooks/usePagination.js

@@ -1,68 +1,47 @@
-import { useRef as p, useCallback as P, useState as G, useMemo as s, useEffect as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getClampedPageLimit as j } from "../utils.js";
-import H from "../../../../hooks/useMounted/useMounted.js";
-import J from "../../../../hooks/useBooleanState/useBooleanState.js";
+import { useRef as P, useCallback as p, useState as T, useMemo as s, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import F from "../../../../hooks/useBooleanState.js";
+import H from "../../../../hooks/useMounted.js";
+import { getClampedPageLimit as J } from "../utils.js";
 import { noop as K } from "../../../../utils/common.js";
 const L = (V, l, M) => {
-  const u = p(), c = p(), h = p(), r = p(), i = H(P(() => {
-    var o;
-    (o = u.current) == null || o.abort(), u.current = void 0;
-  }, [])), [t, x] = G(r.current), [g, $] = J(!1), e = s(() => j(M), [M]), {
-    getPageCount: v,
-    getPageParams: I,
-    resetPageCount: z,
-    updatePagination: R
-  } = V, n = s(() => l ? (o) => {
-    var S;
+  const u = P(), c = P(), h = P(), r = P(), i = H(
+    p(() => {
+      var o;
+      (o = u.current) == null || o.abort(), u.current = void 0;
+    }, [])
+  ), [t, x] = T(r.current), [g, $] = F(!1), e = s(() => J(M), [M]), { getPageCount: v, getPageParams: A, resetPageCount: y, updatePagination: I } = V, n = s(() => l ? (o) => {
+    var z;
     if (!(e && Number.isInteger(o)))
       return;
     const f = v(), a = o < 0 ? o + f + 1 : o;
-    a > 0 && (f ? a <= f : a === 1) && ((S = u.current) == null || S.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
-      const {
-        signal: b
-      } = u.current, D = {
-        ...I(a, e),
-        limit: e,
-        page: a
-      };
+    a > 0 && (f ? a <= f : a === 1) && ((z = u.current) == null || z.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
+      const { signal: S } = u.current, D = { ...A(a, e), limit: e, page: a };
       try {
-        const d = await l(D, b);
+        const d = await l(D, S);
         if (!d || !i.current)
           return;
-        const {
-          size: y,
-          ...F
-        } = d;
-        R(a, e, F), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = y), r.current === 1 && y > 0 && x(r.current), r.current = void 0, $(!0);
+        const { size: b, ...G } = d;
+        I(a, e, G), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = b), r.current === 1 && b > 0 && x(r.current), r.current = void 0, $(!0);
       } catch (d) {
-        if (b.aborted)
+        if (S.aborted)
           return;
         console.error(d);
       }
     })()));
-  } : K, [e, l]), q = P(() => {
+  } : K, [e, l]), R = p(() => {
     t && n(Math.min(t + 1, v()));
-  }, [n, t]), w = P(() => {
+  }, [n, t]), q = p(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), A = s(() => !!(t && m) && t < m, [t, m]), E = s(() => !!t && t > 1, [t]), C = s(() => c.current ? (c.current - 1) * e + (h.current || 0) : 0, [n, g]), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
-    z(), c.current = h.current = r.current = void 0, i.current && x(r.current);
-  }, [z]);
-  return _(() => {
+  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), w = s(() => !!(t && m) && t < m, [t, m]), E = s(() => !!t && t > 1, [t]), C = s(
+    () => c.current ? (c.current - 1) * e + (h.current || 0) : 0,
+    [n, g]
+  ), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = p(() => {
+    y(), c.current = h.current = r.current = void 0, i.current && x(r.current);
+  }, [y]);
+  return j(() => {
     i.current && g && $(!1);
-  }, [g]), {
-    goto: n,
-    hasNext: A,
-    hasPrev: E,
-    limit: e,
-    next: q,
-    page: t,
-    pages: m,
-    pageSize: N,
-    prev: w,
-    resetPagination: B,
-    size: C
-  };
-}, Y = L;
+  }, [g]), { goto: n, hasNext: w, hasPrev: E, limit: e, next: R, page: t, pages: m, pageSize: N, prev: q, resetPagination: B, size: C };
+}, Z = L;
 export {
-  Y as default
+  Z as default
 };