@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

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

@@ -1,38 +1,22 @@
-import { useState as p, useRef as N, useEffect as y } from "../../../external/preact/hooks/dist/hooks.module.js";
-import E from "classnames";
-import "./Img.scss.js";
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as p, useRef as y, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import h from "classnames";
+/* empty css         */
 function L(s) {
-  const {
-    backgroundUrl: a = "",
-    className: c = "",
-    classNameModifiers: m = [],
-    src: l = "",
-    alt: d = "",
-    showOnError: f = !1
-  } = s, [i, o] = p(!1), r = N(null), u = () => {
+  const { backgroundUrl: a = "", className: c = "", classNameModifiers: m = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = y(null), u = () => {
     o(!0);
   }, g = () => {
     o(f);
-  }, t = E([c], "adyen-pe-image", {
-    "adyen-pe-image--loaded": i
-  }, ...m.map((e) => `adyen-pe-image--${e}`));
-  return y(() => {
+  }, t = h(
+    [c],
+    "adyen-pe-image",
+    { "adyen-pe-image--loaded": i },
+    ...m.map((e) => `adyen-pe-image--${e}`)
+  );
+  return N(() => {
     const e = a ? new Image() : r.current;
     e && (e.src = a || l, e.onload = u), o(!!(e != null && e.complete));
-  }, []), a ? n("div", {
-    style: {
-      backgroundUrl: a
-    },
-    ...s,
-    className: t
-  }) : n("img", {
-    ...s,
-    alt: d,
-    ref: r,
-    className: t,
-    onError: g
-  });
+  }, []), a ? /* @__PURE__ */ n("div", { style: { backgroundUrl: a }, ...s, className: t }) : /* @__PURE__ */ n("img", { ...s, alt: d, ref: r, className: t, onError: g });
 }
 export {
   L as default

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

@@ -0,0 +1,7 @@
+import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "classnames";
+/* empty css             */
+const i = ({ className: o, el: a = "div", children: e }) => /* @__PURE__ */ m(a, { className: r("adyen-pe-info-box", o), children: e });
+export {
+  i as default
+};

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

@@ -1,74 +1,88 @@
-import { useClickOutside as w } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveViewport as h, mediaQueries as _ } from "../../hooks/useResponsiveViewport.js";
-import { ButtonVariant as v } from "../Button/types.js";
-import g from "../SVGIcons/Close.js";
-import x from "../../../core/Context/useCoreContext.js";
-import { useCallback as E, useEffect as k } from "../../../external/preact/hooks/dist/hooks.module.js";
-import m from "classnames";
-import "./Modal.scss.js";
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import N from "../Button/Button.js";
-import { Fragment as B } from "../../../external/preact/dist/preact.module.js";
-function K({
+import { useClickOutside as h } from "../../../hooks/element/useClickOutside.js";
+import { useResponsiveViewport as v, mediaQueries as _ } from "../../../hooks/useResponsiveViewport.js";
+import { ButtonVariant as x } from "../Button/types.js";
+import g from "../../../core/Context/useCoreContext.js";
+import { useContext as k, useCallback as E, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { createContext as C, Fragment as M } from "../../../external/preact/dist/preact.module.js";
+import m from "classnames";
+/* empty css           */
+import B from "../Button/Button.js";
+import { Icon as L } from "../Icon/Icon.js";
+const i = C({ withinModal: !1 }), P = () => k(i);
+function Q({
   title: n,
-  children: i,
+  children: c,
   classNameModifiers: p = [],
   isOpen: a,
-  onClose: d,
-  isDismissible: o = !0,
-  headerWithBorder: c = !0,
+  onClose: o,
+  isDismissible: d = !0,
+  headerWithBorder: s = !0,
   size: r = "fluid",
-  ...s
+  ...u
 }) {
-  const u = h(_.down.xs), {
-    i18n: f
-  } = x(), y = w(null, d), l = E((t) => {
-    t.key === "Escape" && a && o && d();
-  }, [a, o, d]);
-  return k(() => (a ? window.addEventListener("keydown", l) : window.removeEventListener("keydown", l), () => window.removeEventListener("keydown", l)), [a, l]), e(B, {
-    children: a && e("div", {
-      className: m("adyen-pe-modal-wrapper", p.map((t) => `adyen-pe-modal-wrapper--${t}`), {
-        "adyen-pe-modal-wrapper--open": a,
-        "adyen-pe-modal-wrapper--dismissible": o
-      }),
+  const f = v(_.down.xs), { i18n: y } = g(), w = h(null, o), t = E(
+    (l) => {
+      l.key === "Escape" && a && d && o();
+    },
+    [a, d, o]
+  );
+  return N(() => (a ? window.addEventListener("keydown", t) : window.removeEventListener("keydown", t), () => window.removeEventListener("keydown", t)), [a, t]), /* @__PURE__ */ e(M, { children: a && /* @__PURE__ */ e(
+    "div",
+    {
+      className: m(
+        "adyen-pe-modal-wrapper",
+        p.map((l) => `adyen-pe-modal-wrapper--${l}`),
+        { "adyen-pe-modal-wrapper--open": a, "adyen-pe-modal-wrapper--dismissible": d }
+      ),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !open,
-      ...s,
-      children: e("div", {
-        className: m("adyen-pe-modal", {
-          "adyen-pe-modal--fluid": r === "fluid",
-          "adyen-pe-modal--small": r === "small",
-          "adyen-pe-modal--large": r === "large",
-          "adyen-pe-modal--extra-large": r === "extra-large",
-          "adyen-pe-modal--full-screen": r === "full-screen" || u
-        }),
-        ref: y,
-        children: [e("div", {
-          className: m("adyen-pe-modal__header", {
-            "adyen-pe-modal__header--with-title": n,
-            "adyen-pe-modal__header--with-border-bottom": c
+      ...u,
+      children: /* @__PURE__ */ e(i.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: m("adyen-pe-modal", {
+            "adyen-pe-modal--fluid": r === "fluid",
+            "adyen-pe-modal--small": r === "small",
+            "adyen-pe-modal--large": r === "large",
+            "adyen-pe-modal--extra-large": r === "extra-large",
+            "adyen-pe-modal--full-screen": r === "full-screen" || f
           }),
-          children: [n && e("div", {
-            className: "adyen-pe-modal__header__title",
-            children: n
-          }), o && e(N, {
-            onClick: d,
-            variant: v.TERTIARY,
-            iconButton: !0,
-            classNameModifiers: ["circle"],
-            className: "adyen-pe-modal__header-icon",
-            "aria-label": f.get("dismiss"),
-            children: e(g, {})
-          })]
-        }), e("div", {
-          className: "adyen-pe-modal__content",
-          children: i
-        })]
-      })
-    })
-  });
+          ref: w,
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: m("adyen-pe-modal__header", {
+                  "adyen-pe-modal__header--with-title": n,
+                  "adyen-pe-modal__header--with-border-bottom": s
+                }),
+                children: [
+                  n && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header__title", children: n }),
+                  d && /* @__PURE__ */ e(
+                    B,
+                    {
+                      onClick: o,
+                      variant: x.TERTIARY,
+                      iconButton: !0,
+                      classNameModifiers: ["circle"],
+                      className: "adyen-pe-modal__header-icon",
+                      "aria-label": y.get("dismiss"),
+                      children: /* @__PURE__ */ e(L, { name: "cross" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "adyen-pe-modal__content", children: c })
+          ]
+        }
+      ) })
+    }
+  ) });
 }
 export {
-  K as default
+  Q as default,
+  P as useModalContext
 };

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 "./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 { 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";
+/* empty css                  */
+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,79 +1,69 @@
+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";
 import { useMemo as h, useCallback as v } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./Pagination.scss.js";
+/* empty css                */
 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 w({ next: m, hasNext: n, hasPrev: o, 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
+  w as default
 };

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

@@ -1,9 +1,9 @@
 import r from "./usePaginatedRecords.js";
-import { PaginationType as e } from "../types.js";
-const a = (o) => r({
+import { PaginationType as a } from "../types.js";
+const i = (o) => r({
   ...o,
-  pagination: e.CURSOR
-}), n = a;
+  pagination: a.CURSOR
+});
 export {
-  n as default
+  i as default
 };

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

@@ -1,29 +1,22 @@
-import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import d from "./usePagination.js";
-import { isString as i, isUndefined as f } from "../../../../utils/value/is.js";
-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) => {
-      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);
-      }
+import { useMemo as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import m from "./usePagination.js";
+import { isString as i, isUndefined as a } from "../../../../utils/value/is.js";
+const C = (o) => i(o.next), h = (o) => i(o.prev), S = (o, u) => {
+  const c = g(() => {
+    const e = [], P = () => e.length, d = () => {
+      e.length = 0;
+    }, f = (t) => ({ cursor: e[t - 1] }), s = (t, r) => {
+      const n = e[r - 1];
+      (r === 1 || r === (e.length || 1) + 1) && a(n) && (e[r - 1] = t ? decodeURIComponent(t) : void 0);
     };
+    return { getPageCount: P, getPageParams: f, resetPageCount: d, updatePagination: (t, r, n) => {
+      C(n) && s(n.next, t + 1), h(n) && s(n.prev, t - 1);
+    } };
   }, []);
-  return d(c, e, u);
-}, U = l;
+  return m(c, o, u);
+};
 export {
-  U as default,
+  S as default,
   C as hasNextPage,
   h as hasPrevPage
 };

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

@@ -1,24 +1,17 @@
-import { useMemo as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import r from "./usePagination.js";
-const u = (e) => e.next, P = (e, s) => {
-  const g = i(() => {
+import { useMemo as r } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import i from "./usePagination.js";
+const u = (e) => e.next, C = (e, s) => {
+  const g = r(() => {
     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;
+  return i(g, e, s);
+};
 export {
-  d as default,
+  C as default,
   u as hasNextPage
 };

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

@@ -1,71 +1,61 @@
 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";
-const h = (r, o) => {
-  const n = r.length - 1;
-  if (n < 0)
-    return o;
-  if (o <= r[0])
-    return r[0];
-  if (o >= r[n])
-    return r[n];
-  let i = 0, c = 0, s = n;
+import { DEFAULT_PAGE_LIMIT as l } from "../constants.js";
+import { getClampedPageLimit as a } from "../utils.js";
+import { mid as d } from "../../../../utils/value/number.js";
+import { isNumber as p } from "../../../../utils/value/is.js";
+const h = (i, o) => {
+  const n = i.length - 1;
+  if (n < 0) return o;
+  if (o <= i[0]) return i[0];
+  if (o >= i[n]) return i[n];
+  let r = 0, c = 0, s = n;
   for (; ; ) {
-    const e = r[i = p(c, s)];
-    if (c > s || o === e)
-      return e;
-    o > e ? c = i + 1 : s = i - 1;
+    const e = i[r = d(c, s)];
+    if (c > s || o === e) return e;
+    o > e ? c = r + 1 : s = r - 1;
   }
-}, b = ({
-  preferredLimit: r = a,
+}, q = ({
+  preferredLimit: i = l,
   preferredLimitOptions: o
 }) => {
-  const n = f(), i = f(), c = m(() => {
+  const n = f(), r = f(), c = m(() => {
     try {
       const e = /* @__PURE__ */ new Set();
       for (const t of o) {
-        const u = l(t);
+        const u = a(t);
         u > 0 && e.add(u);
       }
       return Object.freeze([...e].sort((t, u) => t - u));
     } 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);
+  return { limit: m(() => {
+    let e = a(i) || l;
+    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 (r.current !== e)
+        t: {
+          if (t.size === t.add(e).size)
+            break t;
+          if (t.delete(e), t.size === t.add(r.current).size) {
+            if (p(r.current)) {
+              e = r.current;
+              break t;
             }
-        } catch {
+          } else t.delete(r.current);
+          e = h(n.current, e);
         }
-      return i.current = e;
-    }, [c, r]),
-    limitOptions: c
-  };
-}, P = b;
+    } catch {
+    }
+    return r.current = e;
+  }, [c, i]), limitOptions: c };
+};
 export {
-  P as default,
+  q as default,
   h as getNearestFromSortedUniqueNums
 };