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

package/dist/es/components/internal/FormWrappers/FormTextInput.js

@@ -1,74 +1,72 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as z, useCallback as x } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as R } from "../../../hooks/form/wizard/WizardFormContext.js";
-import W from "./FormField.js";
-import y from "../FormFields/InputBase.js";
-import { VisibleField as A } from "./VisibleField.js";
-import E from "../../../core/Context/useCoreContext.js";
-import { Controller as G } from "../../../hooks/form/Controller.js";
-function Z({
-  className: F,
-  dropdown: d,
-  fieldName: s,
+import { jsx as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as g, useCallback as v } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as O } from "../../../hooks/form/wizard/WizardFormContext.js";
+import R from "./FormField.js";
+import j from "../FormFields/InputBase.js";
+import { VisibleField as k } from "./VisibleField.js";
+import z from "../../../core/Context/useCoreContext.js";
+import { Controller as D } from "../../../hooks/form/Controller.js";
+function U({
+  className: C,
+  dropdown: I,
+  fieldName: n,
   isRequired: a,
-  label: h,
-  onDropdownInput: c,
-  onInput: i,
-  supportText: q,
-  type: T,
-  validate: t,
-  min: V,
-  maxLength: p,
+  isReadOnly: l,
+  label: x,
+  onDropdownInput: F,
+  onInput: m,
+  supportText: h,
+  type: q,
+  validate: c,
+  min: T,
+  maxLength: V,
   minLength: e,
-  dropdownPosition: M,
-  hideOptionalLabel: b
+  dropdownPosition: f,
+  hideOptionalLabel: y
 }) {
-  const { control: B, fieldsConfig: l } = R(), { i18n: g } = E(), m = z(() => {
-    var r;
-    return a ?? ((r = l[s]) == null ? void 0 : r.required);
-  }, [l, a]), j = x(
+  const { control: M, fieldsConfig: t } = O(), { i18n: p } = z(), s = g(() => a ?? t[n]?.required, [t, n, a]), b = g(() => l ?? t[n]?.readOnly, [t, n, l]), w = v(
     (r, o) => {
-      i == null || i(r), o(r.currentTarget.value);
+      m?.(r), o(r.currentTarget.value);
     },
-    [i]
-  ), k = x(
+    [m]
+  ), B = v(
     (r) => {
-      const o = e && (r == null ? void 0 : r.length) < e;
-      return !r && !m ? { valid: !0 } : o ? { valid: !1, message: g.get("common.errors.minLength", { values: { minLength: e } }) } : (t == null ? void 0 : t(r)) ?? { valid: !0 };
+      const o = e && r?.length < e;
+      return !r && !s ? { valid: !0 } : o ? { valid: !1, message: p.get("common.errors.minLength", { values: { minLength: e } }) } : c?.(r) ?? { valid: !0 };
     },
-    [g, m, e, t]
+    [p, s, e, c]
   );
-  return /* @__PURE__ */ n(A, { name: s, children: /* @__PURE__ */ n(W, { label: h, optional: !m && !b, supportText: q, className: F, children: /* @__PURE__ */ n(
-    G,
+  return /* @__PURE__ */ i(k, { name: n, children: /* @__PURE__ */ i(R, { label: x, optional: !s && !y, supportText: h, className: C, children: /* @__PURE__ */ i(
+    D,
     {
-      name: s,
-      control: B,
+      name: n,
+      control: M,
       rules: {
-        validate: k,
-        required: m
+        validate: B,
+        required: s
       },
       render: ({ field: r, fieldState: o }) => {
-        var C;
-        const f = !!o.error && o.isTouched;
-        return /* @__PURE__ */ n(
-          y,
+        const d = !!o.error && o.isTouched;
+        return /* @__PURE__ */ i(
+          j,
           {
             ...r,
             value: r.value,
-            maxLength: p,
+            maxLength: V,
             minLength: e,
-            name: s,
+            name: n,
             isValid: !o.error,
-            isInvalid: f,
-            errorMessage: (C = o.error) == null ? void 0 : C.message,
+            isInvalid: d,
+            errorMessage: o.error?.message,
             onDropdownInput: (...u) => {
-              c == null || c(...u), f && r.triggerValidation();
+              F?.(...u), d && r.triggerValidation();
             },
-            onInput: (u) => j(u, r.onInput),
-            type: T,
-            min: V,
-            dropdown: d,
-            dropdownPosition: M
+            onInput: (u) => w(u, r.onInput),
+            type: q,
+            min: T,
+            dropdown: I,
+            dropdownPosition: f,
+            readonly: b
           }
         );
       }
@@ -76,5 +74,5 @@ function Z({
   ) }) });
 }
 export {
-  Z as FormTextInput
+  U as FormTextInput
 };

package/dist/es/components/internal/FormWrappers/VisibleField.js

@@ -1,11 +1,10 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useWizardFormContext as m } from "../../../hooks/form/wizard/WizardFormContext.js";
-import { Fragment as n } from "../../../external/preact/dist/preact.module.js";
-function u({ name: o, children: r }) {
-  var i;
-  const { fieldsConfig: t } = m();
-  return (i = t[o]) != null && i.visible ? /* @__PURE__ */ e(n, { children: r }) : null;
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useWizardFormContext as e } from "../../../hooks/form/wizard/WizardFormContext.js";
+import { Fragment as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+function l({ name: i, children: o }) {
+  const { fieldsConfig: r } = e();
+  return r[i]?.visible ? /* @__PURE__ */ t(m, { children: o }) : null;
 }
 export {
-  u as VisibleField
+  l as VisibleField
 };

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

@@ -1,47 +1,47 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
-import h from "../Typography/Typography.js";
-import A from "../../../core/Context/useCoreContext.js";
-import { useComponentHeadingElement as i, ComponentHeadingType as E } from "../../../hooks/useComponentHeadingElement.js";
-import { TypographyVariant as T, TypographyElement as _ } from "../Typography/types.js";
-import { Divider as L } from "../Divider/Divider.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "classnames";
+import a from "../Typography/Typography.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { useComponentHeadingElement as c, ComponentHeadingType as l } from "../../../hooks/useComponentHeadingElement.js";
+import { TypographyVariant as h, TypographyElement as s } from "../Typography/types.js";
+import { Divider as I } from "../Divider/Divider.js";
 /* empty css            */
-const N = "adyen-pe-header", V = ({
-  baseClassName: m = N,
-  forwardedToRoot: d = !0,
-  children: p,
-  className: t,
-  hasDivider: v,
-  hideTitle: y,
-  titleKey: a,
-  subtitleKey: c,
-  subtitleConfig: r,
-  ...l
+const $ = "adyen-pe-header", j = ({
+  baseClassName: r = $,
+  forwardedToRoot: t = !0,
+  children: n,
+  className: E,
+  hasDivider: T,
+  hideTitle: _,
+  titleKey: m,
+  subtitleKey: o,
+  subtitleConfig: i,
+  ...f
 }) => {
-  const { i18n: n } = A(), { id: S, ref: I } = i({
-    headingType: E.TITLE,
-    forwardedToRoot: d
-  }), { id: $, ref: x } = i({
-    headingType: E.SUBTITLE,
-    forwardedToRoot: d
+  const { i18n: d } = S(), { id: v, ref: y } = c({
+    headingType: l.TITLE,
+    forwardedToRoot: t
+  }), { id: g, ref: u } = c({
+    headingType: l.SUBTITLE,
+    forwardedToRoot: t
   });
-  return /* @__PURE__ */ e("div", { ...l, className: o([m, t]), children: [
-    /* @__PURE__ */ e("div", { className: `${m}__headings`, children: [
-      !y && a && /* @__PURE__ */ e("div", { ref: I, id: S, className: `${m}__title`, children: /* @__PURE__ */ e(h, { el: _.SPAN, variant: T.TITLE, medium: !0, children: n.get(a) }) }),
-      c && /* @__PURE__ */ e("div", { ref: x, id: $, className: o(`${m}__subtitle`, r == null ? void 0 : r.classNames), children: /* @__PURE__ */ e(
-        h,
+  return /* @__PURE__ */ e("div", { ...f, className: p([r, E]), children: [
+    /* @__PURE__ */ e("div", { className: `${r}__headings`, children: [
+      !_ && m && /* @__PURE__ */ e("div", { ref: y, id: v, className: `${r}__title`, children: /* @__PURE__ */ e(a, { el: s.SPAN, variant: h.TITLE, medium: !0, children: d.get(m) }) }),
+      o && /* @__PURE__ */ e("div", { ref: u, id: g, className: p(`${r}__subtitle`, i?.classNames), children: /* @__PURE__ */ e(
+        a,
         {
-          el: (r == null ? void 0 : r.typographyEl) ?? _.SPAN,
-          variant: (r == null ? void 0 : r.variant) ?? T.BODY,
-          children: n.get(c)
+          el: i?.typographyEl ?? s.SPAN,
+          variant: i?.variant ?? h.BODY,
+          children: d.get(o)
         }
       ) }),
-      v && /* @__PURE__ */ e(L, { className: `${m}__divider` })
+      T && /* @__PURE__ */ e(I, { className: `${r}__divider` })
     ] }),
-    p && /* @__PURE__ */ e("div", { className: `${m}__controls`, children: p })
+    n && /* @__PURE__ */ e("div", { className: `${r}__controls`, children: n })
   ] });
 };
 export {
-  N as BASE_CLASS,
-  V as Header
+  $ as BASE_CLASS,
+  j as Header
 };

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

@@ -1,7 +1,7 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css          */
 import c from "classnames";
-import { useState as l, useEffect as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useEffect as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const e = {
   "angle-right": () => import("../../../images/icons/angle-right.svg.js"),
   "arrow-right": () => import("../../../images/icons/arrow-right.svg.js"),

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

@@ -1,7 +1,7 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import i from "classnames";
 import { useImageUrl as p } from "../../../hooks/useImageUrl.js";
-import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const l = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
   const a = p({
     options: c(() => ({ imageFolder: m, extension: o }), [o, m]),

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

@@ -1,21 +1,21 @@
-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 { jsx as n } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as p, useRef as y, useEffect as N } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import E 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 = y(null), u = () => {
+  const { backgroundUrl: a = "", className: m = "", classNameModifiers: c = [], src: l = "", alt: d = "", showOnError: i = !1 } = s, [f, o] = p(!1), r = y(null), u = () => {
     o(!0);
   }, g = () => {
-    o(f);
+    o(i);
   }, t = E(
-    [c],
+    [m],
     "adyen-pe-image",
-    { "adyen-pe-image--loaded": i },
-    ...m.map((e) => `adyen-pe-image--${e}`)
+    { "adyen-pe-image--loaded": f },
+    ...c.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));
+    e && (e.src = a || l, e.onload = u), o(!!e?.complete);
   }, []), a ? /* @__PURE__ */ n("div", { style: { backgroundUrl: a }, ...s, className: t }) : /* @__PURE__ */ n("img", { ...s, alt: d, ref: r, className: t, onError: g });
 }
 export {

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

@@ -1,4 +1,4 @@
-import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/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 });

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

@@ -1,8 +1,8 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "../Typography/Typography.js";
 import { TypographyVariant as c, TypographyElement as k } from "../Typography/types.js";
 import y from "classnames";
-import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css          */
 import { Icon as d } from "../Icon/Icon.js";
 function C({

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

@@ -1,91 +1,89 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as w } from "../Button/types.js";
-import { useClickOutside as N } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveContainer as g, containerQueries as R } from "../../../hooks/useResponsiveContainer.js";
-import { withTabbableRoot as E } from "../../../primitives/dom/tabbableRoot/tabbable.js";
-import M from "../../../hooks/element/useFocusTrap.js";
-import k from "../../../core/Context/useCoreContext.js";
-import { useContext as T, useRef as f, useCallback as B, useEffect as I } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { createContext as A, Fragment as F } from "../../../external/preact/dist/preact.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ButtonVariant as b } from "../Button/types.js";
+import { useClickOutside as C } from "../../../hooks/element/useClickOutside.js";
+import { useResponsiveContainer as w, containerQueries as g } from "../../../hooks/useResponsiveContainer.js";
+import { getDeepActiveElement as N, withTabbableRoot as R } from "../../../primitives/dom/tabbableRoot/tabbable.js";
+import E from "../../../hooks/element/useFocusTrap.js";
+import M from "../../../core/Context/useCoreContext.js";
+import { useContext as k, useRef as u, useCallback as T, useEffect as A } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { createContext as B, Fragment as I } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import s from "classnames";
 /* empty css           */
-import j from "../Button/Button.js";
-import { Icon as q } from "../Icon/Icon.js";
-const h = A({ withinModal: !1 }), X = () => T(h);
-function Z({
-  title: n,
-  children: y,
-  classNameModifiers: v = [],
-  isOpen: o,
-  onClose: i,
+import F from "../Button/Button.js";
+import { Icon as Q } from "../Icon/Icon.js";
+const p = B({ withinModal: !1 }), W = () => k(p);
+function X({
+  title: l,
+  children: f,
+  classNameModifiers: h = [],
+  isOpen: a,
+  onClose: c,
   isDismissible: t = !0,
-  headerWithBorder: x = !0,
-  size: r = "fluid",
-  ..._
+  headerWithBorder: y = !0,
+  size: o = "fluid",
+  ...v
 }) {
-  const { i18n: b } = k(), C = g(R.down.xs), d = f(null), u = f(null), m = B(() => {
-    var a;
-    o && t && ((a = u.current) == null || a.focus(), i());
-  }, [o, t, i]), c = M(N(null, m), m);
-  return I(() => {
-    var a, p;
-    if (o && c.current) {
-      u.current = document.activeElement;
-      let l = E();
-      return (a = d.current) == null || a.focus(), l.root = c.current, l.current = 1, (p = d.current) == null || p.remove(), () => {
-        l.root = null, l = null;
+  const { i18n: x } = M(), _ = w(g.down.xs), n = u(null), i = u(null), d = T(() => {
+    a && t && (i.current?.focus(), c());
+  }, [a, t, c]), m = E(C(null, d), d);
+  return A(() => {
+    if (a && m.current) {
+      i.current = N();
+      let r = R();
+      return n.current?.focus(), r.root = m.current, r.current = 1, n.current?.remove(), () => {
+        r.root = null, r = null;
       };
     }
-  }, [o]), /* @__PURE__ */ e(F, { children: o && /* @__PURE__ */ e(
+  }, [a]), /* @__PURE__ */ e(I, { children: a && /* @__PURE__ */ e(
     "div",
     {
       className: s(
         "adyen-pe-modal-wrapper",
-        v.map((a) => `adyen-pe-modal-wrapper--${a}`),
-        { "adyen-pe-modal-wrapper--open": o, "adyen-pe-modal-wrapper--dismissible": t }
+        h.map((r) => `adyen-pe-modal-wrapper--${r}`),
+        { "adyen-pe-modal-wrapper--open": a, "adyen-pe-modal-wrapper--dismissible": t }
       ),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": "false",
-      ..._,
-      children: /* @__PURE__ */ e(h.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
+      ...v,
+      children: /* @__PURE__ */ e(p.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
         "div",
         {
           className: s("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" || C
+            "adyen-pe-modal--fluid": o === "fluid",
+            "adyen-pe-modal--small": o === "small",
+            "adyen-pe-modal--large": o === "large",
+            "adyen-pe-modal--extra-large": o === "extra-large",
+            "adyen-pe-modal--full-screen": o === "full-screen" || _
           }),
-          ref: c,
+          ref: m,
           children: [
-            /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", ref: d, tabIndex: -1 }),
+            /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", ref: n, tabIndex: -1 }),
             /* @__PURE__ */ e(
               "div",
               {
                 className: s("adyen-pe-modal__header", {
-                  "adyen-pe-modal__header--with-title": n,
-                  "adyen-pe-modal__header--with-border-bottom": x
+                  "adyen-pe-modal__header--with-title": l,
+                  "adyen-pe-modal__header--with-border-bottom": y
                 }),
                 children: [
-                  n && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header-title", children: n }),
+                  l && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header-title", children: l }),
                   t && /* @__PURE__ */ e(
-                    j,
+                    F,
                     {
-                      onClick: m,
-                      variant: w.TERTIARY,
+                      onClick: d,
+                      variant: b.TERTIARY,
                       iconButton: !0,
                       classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__dismiss-button",
-                      "aria-label": b.get("common.modal.controls.dismiss.label"),
-                      children: /* @__PURE__ */ e(q, { name: "cross" })
+                      "aria-label": x.get("common.modal.controls.dismiss.label"),
+                      children: /* @__PURE__ */ e(Q, { name: "cross" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ e("div", { className: "adyen-pe-modal__content", children: y })
+            /* @__PURE__ */ e("div", { className: "adyen-pe-modal__content", children: f })
           ]
         }
       ) })
@@ -93,6 +91,6 @@ function Z({
   ) });
 }
 export {
-  Z as default,
-  X as useModalContext
+  X as default,
+  W as useModalContext
 };

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

@@ -1,5 +1,5 @@
-import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as i } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as a } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import m from "../../DataOverviewDetails/DataOverviewDetails.js";
 function c({ type: o, data: r, dataCustomization: s, ...t }) {
   const e = a(() => {

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

@@ -1,79 +1,79 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import T from "../../../core/Context/useCoreContext.js";
-import { useMemo as C, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { useMemo as T, useCallback as C } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as m } from "../Button/types.js";
 /* empty css                */
-import { Translation as x } from "../Translation/Translation.js";
-import A from "../FormFields/Select/Select.js";
+import { Translation as N } from "../Translation/Translation.js";
+import x from "../FormFields/Select/Select.js";
 import d from "../Button/Button.js";
 import { Icon as p } from "../Icon/Icon.js";
-import { isNullish as R } from "../../../utils/value/is.js";
+import { isNullish as A } from "../../../utils/value/is.js";
 import { EMPTY_ARRAY as f } from "../../../utils/value/constants.js";
-const i = "adyen-pe-pagination", t = {
-  base: i,
-  context: i + "__context",
-  controls: i + "__controls",
-  limit: i + "__limit",
-  limitSelector: i + "__limit-selector"
+const a = "adyen-pe-pagination", i = {
+  base: a,
+  context: a + "__context",
+  controls: a + "__controls",
+  limit: a + "__limit",
+  limitSelector: a + "__limit-selector"
 };
-function z({
+function q({
   next: u,
-  hasNext: n,
+  hasNext: r,
   hasPrev: c,
-  prev: b,
-  limit: g,
-  limitOptions: r,
-  onLimitSelection: l,
+  prev: g,
+  limit: b,
+  limitOptions: l,
+  onLimitSelection: n,
   ariaLabelKey: h,
   limitSelectAriaLabelKey: _
 }) {
-  const { i18n: o } = T(), s = C(
-    () => r && Object.freeze(
-      r.map(
-        (a) => ({
-          name: a.toLocaleString(o.locale, { style: "decimal" }),
-          id: String(a)
+  const { i18n: t } = S(), s = T(
+    () => l && Object.freeze(
+      l.map(
+        (o) => ({
+          name: o.toLocaleString(t.locale, { style: "decimal" }),
+          id: String(o)
         })
       )
     ),
-    [o, r]
-  ), v = N(
-    ({ target: a }) => {
-      R(a == null ? void 0 : a.value) || l == null || l(+a.value);
+    [t, l]
+  ), v = C(
+    ({ target: o }) => {
+      A(o?.value) || n?.(+o.value);
     },
-    [l]
+    [n]
   );
-  return /* @__PURE__ */ e("div", { role: "group", "aria-label": o.get(h ?? "common.pagination.label"), className: t.base, children: [
-    /* @__PURE__ */ e("div", { className: t.context, children: s && l && /* @__PURE__ */ e("div", { className: t.limit, role: "presentation", children: /* @__PURE__ */ e(
-      x,
+  return /* @__PURE__ */ e("div", { role: "group", "aria-label": t.get(h ?? "common.pagination.label"), className: i.base, children: [
+    /* @__PURE__ */ e("div", { className: i.context, children: s && n && /* @__PURE__ */ e("div", { className: i.limit, role: "presentation", children: /* @__PURE__ */ e(
+      N,
       {
         translationKey: "common.pagination.controls.limitSelect",
         fills: {
-          pageLimit: /* @__PURE__ */ e("div", { className: t.limitSelector, children: /* @__PURE__ */ e(
-            A,
+          pageLimit: /* @__PURE__ */ e("div", { className: i.limitSelector, children: /* @__PURE__ */ e(
+            x,
             {
               setToTargetWidth: !0,
               filterable: !1,
               multiSelect: !1,
               items: s,
               onChange: v,
-              selected: `${g ?? ""}`,
-              "aria-label": o.get(_ ?? "common.pagination.controls.limitSelect.label")
+              selected: `${b ?? ""}`,
+              "aria-label": t.get(_ ?? "common.pagination.controls.limitSelect.label")
             }
           ) })
         }
       }
     ) }) }),
-    /* @__PURE__ */ e("div", { className: t.controls, children: [
+    /* @__PURE__ */ e("div", { className: i.controls, children: [
       /* @__PURE__ */ e(
         d,
         {
           variant: m.TERTIARY,
           disabled: !c,
           iconButton: !0,
-          "aria-label": o.get("common.pagination.controls.previousPage.label"),
+          "aria-label": t.get("common.pagination.controls.previousPage.label"),
           classNameModifiers: ["circle"].concat(c ? f : "disabled"),
-          onClick: b,
+          onClick: g,
           children: /* @__PURE__ */ e(p, { name: "chevron-left" })
         }
       ),
@@ -81,10 +81,10 @@ function z({
         d,
         {
           variant: m.TERTIARY,
-          disabled: !n,
+          disabled: !r,
           iconButton: !0,
-          "aria-label": o.get("common.pagination.controls.nextPage.label"),
-          classNameModifiers: ["circle"].concat(n ? f : "disabled"),
+          "aria-label": t.get("common.pagination.controls.nextPage.label"),
+          classNameModifiers: ["circle"].concat(r ? f : "disabled"),
           onClick: u,
           children: /* @__PURE__ */ e(p, { name: "chevron-right" })
         }
@@ -93,5 +93,5 @@ function z({
   ] });
 }
 export {
-  z as default
+  q as default
 };

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

@@ -1,4 +1,4 @@
-import { useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as a } from "../../../../external/.pnpm/preact@10.28.2/node_modules/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 = (n) => i(n.next), h = (n) => i(n.prev), S = (n, u) => {

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

@@ -1,4 +1,4 @@
-import { useMemo as r } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import i from "./usePagination.js";
 const u = (e) => e.next, C = (e, s) => {
   const g = r(() => {