@adyen/adyen-platform-experience-web 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js

@@ -9,17 +9,17 @@ import A from "../../../Img/Img.js";
 import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
 const B = ({
   iconClassName: e,
-  item: o,
-  multiSelect: r,
+  item: r,
+  multiSelect: o,
   selected: s
 }) => /* @__PURE__ */ a(T, { children: [
-  r && /* @__PURE__ */ a("span", { className: C, children: s ? /* @__PURE__ */ a(d, { role: "presentation" }) : /* @__PURE__ */ a(N, { role: "presentation" }) }),
+  o && /* @__PURE__ */ a("span", { className: C, children: s ? /* @__PURE__ */ a(d, { role: "presentation" }) : /* @__PURE__ */ a(N, { role: "presentation" }) }),
   /* @__PURE__ */ a("div", { className: D, children: [
-    o.icon && /* @__PURE__ */ a(A, { className: e, alt: o.name, src: o.icon }),
-    /* @__PURE__ */ a("span", { children: o.name })
+    r.icon && /* @__PURE__ */ a(A, { className: e, alt: r.name, src: r.icon }),
+    /* @__PURE__ */ a("span", { children: r.name })
   ] }),
-  !r && /* @__PURE__ */ a("span", { className: L, children: s && /* @__PURE__ */ a(_, { role: "presentation" }) })
-] }), h = ({ item: e, multiSelect: o, onKeyDown: r, onSelect: s, renderListItem: i, selected: n }) => {
+  !o && /* @__PURE__ */ a("span", { className: L, children: s && /* @__PURE__ */ a(_, { role: "presentation" }) })
+] }), h = ({ item: e, multiSelect: r, onKeyDown: o, onSelect: s, renderListItem: i, selected: n }) => {
   const t = !!e.disabled, l = e.disabled === !0 || null, m = c(p, {
     [O]: n,
     [S]: t
@@ -33,11 +33,11 @@ const B = ({
       "data-disabled": l,
       "data-value": e.id,
       onClick: s,
-      onKeyDown: r,
+      onKeyDown: o,
       title: e.name,
       role: "option",
       tabIndex: -1,
-      children: i({ item: e, multiSelect: o, selected: n, iconClassName: f })
+      children: i({ item: e, multiSelect: r, selected: n, iconClassName: f })
     }
   );
 }, K = E(h);

package/dist/es/components/internal/FormFields/Select/hooks/useSelect.js

@@ -1,19 +1,19 @@
-import { useCallback as i, useState as x, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as i, useState as p, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/common/constants.js";
 const g = ({ items: f, multiSelect: r, selected: l }) => {
   const a = i(
     (c = t) => {
-      const e = t.concat(c ?? t).filter(Boolean), n = f.filter((p) => e.includes(p.id)), o = r ? n : n.slice(0, 1);
+      const e = t.concat(c ?? t).filter(Boolean), n = f.filter((b) => e.includes(b.id)), o = r ? n : n.slice(0, 1);
       return o.length ? Object.freeze(o) : t;
     },
     [f, r]
-  ), [d, s] = x(a(l)), u = i(
+  ), [d, s] = p(a(l)), u = i(
     (c = t) => {
       const e = c.filter((n) => f.includes(n));
       s(e.length ? Object.freeze(e) : t);
     },
     [f, s]
-  ), b = i(
+  ), x = i(
     (c) => {
       s((e) => {
         const n = e.indexOf(c);
@@ -27,8 +27,8 @@ const g = ({ items: f, multiSelect: r, selected: l }) => {
     },
     [r, s]
   );
-  return O(() => s(a(l)), [a, l, s]), { resetSelection: u, select: b, selection: d };
-}, z = g;
+  return O(() => s(a(l)), [a, l, s]), { resetSelection: u, select: x, selection: d };
+}, _ = g;
 export {
-  z as default
+  _ as default
 };

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

@@ -2,7 +2,7 @@ import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import i from "classnames";
 import { useImageUrl as p } from "../../../hooks/useImageUrl/useImageUrl.js";
 import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
-const u = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
+const l = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
   const a = p({
     options: c(() => ({ imageFolder: m, extension: o }), [o, m]),
     name: s
@@ -10,5 +10,5 @@ const u = ({ folder: m = "components/", className: r, alt: e, name: s, extension
   return /* @__PURE__ */ t("img", { className: i("adyen-pe__image", r), alt: e, src: a });
 };
 export {
-  u as Image
+  l as Image
 };

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

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

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

@@ -2,17 +2,17 @@ import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import { ButtonVariant as s } from "../Button/types.js";
 import v from "../SVGIcons/Close.js";
 import g from "../../../core/Context/useCoreContext.js";
-import { useRef as k, useCallback as i, useEffect as E } from "../../../external/preact/hooks/dist/hooks.module.js";
-import p from "classnames";
+import { useRef as k, useCallback as u, useEffect as x } from "../../../external/preact/hooks/dist/hooks.module.js";
+import c from "classnames";
 import "./Modal.scss.js";
-import N from "../Button/Button.js";
-import { Fragment as x } from "../../../external/preact/dist/preact.module.js";
-function T(r) {
+import E from "../Button/Button.js";
+import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
+function L(r) {
   return !(!r || !("nodeType" in r));
 }
 function M({
   title: r,
-  children: u,
+  children: i,
   classNameModifiers: f = [],
   isOpen: e,
   onClose: n,
@@ -21,22 +21,22 @@ function M({
   size: t = "fluid",
   ...h
 }) {
-  const l = k(null), { i18n: w } = g(), _ = i(
+  const l = k(null), { i18n: w } = g(), _ = u(
     (o) => {
-      var c;
-      d && e && T(o.target) && !((c = l == null ? void 0 : l.current) != null && c.contains(o.target)) && n();
+      var p;
+      d && e && L(o.target) && !((p = l == null ? void 0 : l.current) != null && p.contains(o.target)) && n();
     },
     [d, e, n]
-  ), m = i(
+  ), m = u(
     (o) => {
       o.key === "Escape" && e && d && n();
     },
     [e, d, n]
   );
-  return E(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(x, { children: e && /* @__PURE__ */ a(
+  return x(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(N, { children: e && /* @__PURE__ */ a(
     "div",
     {
-      className: p(
+      className: c(
         "adyen-pe-modal-wrapper",
         f.map((o) => `adyen-pe-modal-wrapper--${o}`),
         { "adyen-pe-modal-wrapper--open": e, "adyen-pe-modal-wrapper--dismissible": d }
@@ -49,7 +49,7 @@ function M({
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: p("adyen-pe-modal", {
+          className: c("adyen-pe-modal", {
             "adyen-pe-modal--fluid": t === "fluid",
             "adyen-pe-modal--small": t === "small",
             "adyen-pe-modal--large": t === "large",
@@ -61,14 +61,14 @@ function M({
             /* @__PURE__ */ a(
               "div",
               {
-                className: p("adyen-pe-modal__header", {
+                className: c("adyen-pe-modal__header", {
                   "adyen-pe-modal__header--with-title": r,
                   "adyen-pe-modal__header--with-border-bottom": y
                 }),
                 children: [
                   r && /* @__PURE__ */ a("div", { className: "adyen-pe-modal__header__title", children: r }),
                   d && /* @__PURE__ */ a(
-                    N,
+                    E,
                     {
                       onClick: n,
                       variant: s.TERTIARY,
@@ -80,7 +80,7 @@ function M({
                 ]
               }
             ),
-            /* @__PURE__ */ a("div", { className: "adyen-pe-modal__content", children: u })
+            /* @__PURE__ */ a("div", { className: "adyen-pe-modal__content", children: i })
           ]
         }
       )

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

@@ -5,8 +5,8 @@ import v from "classnames";
 import { useMemo as h, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Pagination.scss.js";
 import _ from "../SVGIcons/ChevronLeft.js";
-import T from "../SVGIcons/ChevronRight.js";
-import R from "../FormFields/Select/Select.js";
+import R from "../SVGIcons/ChevronRight.js";
+import T from "../FormFields/Select/Select.js";
 import s from "../Button/Button.js";
 import { EMPTY_ARRAY as c } from "../../../utils/common/constants.js";
 function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitOptions: t, onLimitSelection: i }) {
@@ -27,7 +27,7 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
         p
       ] }),
       l && i && /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__limit-selector", children: /* @__PURE__ */ a(
-        R,
+        T,
         {
           setToTargetWidth: !0,
           filterable: !1,
@@ -60,7 +60,7 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
           iconButton: !0,
           classNameModifiers: ["circle"].concat(r ? c : "disabled"),
           onClick: m,
-          children: /* @__PURE__ */ a(T, { disabled: !r })
+          children: /* @__PURE__ */ a(R, { disabled: !r })
         }
       )
     ] })

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

@@ -60,8 +60,8 @@ const h = (r, o) => {
       }
     return i.current = e;
   }, [c, r]), limitOptions: c };
-}, P = b;
+}, O = b;
 export {
-  P as default,
+  O as default,
   h as getNearestFromSortedUniqueNums
 };

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

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

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

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

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

@@ -1,28 +1,28 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import Y from "../Button/ButtonActions/ButtonActions.js";
-import { ButtonActionsLayoutBasic as Z } from "../Button/ButtonActions/types.js";
-import { DEFAULT_POPOVER_CLASSNAME as t, DEFAULT_TOOLTIP_CLASSNAME as g, POPOVER_CONTAINER_CLASSNAME as oo, TOOLTIP_CONTENT_CLASSNAME as w, POPOVER_CONTENT_CLASSNAME as P, POPOVER_HEADER_TITLE_CLASSNAME as eo, POPOVER_FOOTER_CLASSNAME as ro, POPOVER_HEADER_CLASSNAME as $ } from "./constants.js";
+import Z from "../Button/ButtonActions/ButtonActions.js";
+import { ButtonActionsLayoutBasic as z } from "../Button/ButtonActions/types.js";
+import { DEFAULT_POPOVER_CLASSNAME as t, DEFAULT_TOOLTIP_CLASSNAME as g, POPOVER_CONTAINER_CLASSNAME as oo, TOOLTIP_CONTENT_CLASSNAME as k, POPOVER_CONTENT_CLASSNAME as P, POPOVER_HEADER_TITLE_CLASSNAME as eo, POPOVER_FOOTER_CLASSNAME as ro, POPOVER_HEADER_CLASSNAME as $ } from "./constants.js";
 import no from "./PopoverDismissButton/PopoverDismissButton.js";
 import to from "./PopoverTitle/PopoverTitle.js";
 import { PopoverContainerVariant as c, PopoverContainerSize as h } from "./types.js";
 import { InteractionKeyCode as co } from "../../types.js";
 import { useClickOutside as io, ClickOutsideVariant as so } from "../../../hooks/element/useClickOutside.js";
-import mo from "../../../hooks/element/useFocusTrap.js";
-import uo from "../../../hooks/element/usePopoverPositioner.js";
+import uo from "../../../hooks/element/useFocusTrap.js";
+import mo from "../../../hooks/element/usePopoverPositioner.js";
 import D from "../../../hooks/element/useUniqueIdentifier.js";
 import { getModifierClasses as ao } from "../../../utils/class-name-utils.js";
 import { isFunction as po } from "../../../utils/common/index.js";
 import { SELECTORS as fo, isFocusable as lo } from "../../../utils/tabbable.js";
 import B from "classnames";
 import { createPortal as Oo } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as k, useRef as T, useCallback as A, useEffect as Eo } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as w, useRef as T, useCallback as A, useEffect as Eo } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Popover.scss.js";
 import Po from "../../../hooks/useReflex/hooks/useReflex.js";
 import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
 const To = (i) => {
   var e;
   let a;
-  const l = (e = i.querySelector(`.${w}`)) == null ? void 0 : e.querySelectorAll(fo);
+  const l = (e = i.querySelector(`.${k}`)) == null ? void 0 : e.querySelectorAll(fo);
   return l ? (Array.prototype.some.call(l, (s) => {
     if (lo(s))
       return a = s;
@@ -31,19 +31,19 @@ const To = (i) => {
 function Uo({
   actions: i,
   disableFocusTrap: a = !1,
-  actionsLayout: l = Z.SPACE_BETWEEN,
+  actionsLayout: l = z.SPACE_BETWEEN,
   variant: e = c.TOOLTIP,
   title: s,
   open: p,
   dismissible: C,
-  modifiers: b,
+  modifiers: q,
   divider: L,
   fitContent: _,
   withoutSpace: S,
   containerSize: O,
-  position: q,
+  position: x,
   targetElement: n,
-  setToTargetWidth: x,
+  setToTargetWidth: b,
   dismiss: r,
   children: y,
   withContentPadding: U,
@@ -52,36 +52,36 @@ function Uo({
   fitPosition: W,
   ...v
 }) {
-  const R = k(() => po(r) && C !== !1, [r, C]), F = D(), I = T(), H = A(
-    (m) => {
-      var u;
-      r && r(), m && ((u = n == null ? void 0 : n.current) == null || u.focus());
+  const R = w(() => po(r) && C !== !1, [r, C]), F = D(), I = T(), j = A(
+    (u) => {
+      var m;
+      r && r(), u && ((m = n == null ? void 0 : n.current) == null || m.focus());
     },
     [r, n]
   ), E = A(
-    (m) => {
-      m.code === co.ESCAPE && (r && r(), (n == null ? void 0 : n.current).focus());
+    (u) => {
+      u.code === co.ESCAPE && (r && r(), (n == null ? void 0 : n.current).focus());
     },
     [r, n]
   ), d = T(E), V = T(), M = io(
-    uo(Ao(e), n, e, q, F, x, f, W),
+    mo(Ao(e), n, e, x, F, b, f, W),
     r,
     e === c.TOOLTIP && !p,
     so.POPOVER
-  ), j = mo(a ? null : M, H), G = Po(
+  ), H = uo(a ? null : M, j), G = Po(
     A(
-      (m) => {
-        m instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
+      (u) => {
+        u instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
           if (I.current === p || !(I.current = p))
             return;
-          const u = To(m);
-          u == null || u.focus();
+          const m = To(u);
+          m == null || m.focus();
         }));
       },
       [p]
     ),
-    a ? M : j
-  ), z = D(G), J = k(
+    a ? M : H
+  ), J = D(G), Q = w(
     () => ({
       [`${t}--medium`]: O === h.MEDIUM,
       [`${t}--with-divider`]: !!L,
@@ -93,7 +93,7 @@ function Uo({
     [O, L, S, _, f]
   );
   Eo(() => (document.removeEventListener("keydown", d.current), document.addEventListener("keydown", d.current = E), () => document.removeEventListener("keydown", d.current)), [E]);
-  const Q = e === c.TOOLTIP ? g : `${t} ${oo}`, X = e === c.TOOLTIP ? w : `${P}`;
+  const X = e === c.TOOLTIP ? g : `${t} ${oo}`, Y = e === c.TOOLTIP ? k : `${P}`;
   return Oo(
     /* @__PURE__ */ o(N, { children: p ? /* @__PURE__ */ o(N, { children: [
       f && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
@@ -101,13 +101,13 @@ function Uo({
         "div",
         {
           id: "popover",
-          ref: z,
+          ref: J,
           ...v,
-          className: B(Q, J, K),
+          className: B(X, Q, K),
           style: { visibility: "hidden" },
           role: v.role ?? (e === c.POPOVER ? "dialog" : "tooltip"),
           children: [
-            (s || R) && /* @__PURE__ */ o("div", { className: ao($, b, [$]), children: [
+            (s || R) && /* @__PURE__ */ o("div", { className: ao($, q, [$]), children: [
               s && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(to, { title: s }) }),
               R && /* @__PURE__ */ o(no, { onClick: r })
             ] }),
@@ -115,7 +115,7 @@ function Uo({
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: B(X, {
+                  className: B(Y, {
                     [`${P}--with-padding`]: U,
                     [`${P}--overlay`]: f
                   }),
@@ -124,7 +124,7 @@ function Uo({
               ),
               e === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            i && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(Y, { actions: i, layout: l }) })
+            i && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(Z, { actions: i, layout: l }) })
           ]
         }
       )

package/dist/es/components/internal/Popover/PopoverTitle/PopoverTitle.js

@@ -5,7 +5,7 @@ import { memo as n } from "../../../../external/preact/compat/dist/compat.module
 function p({ title: t, isImageTitle: r = !1 }) {
   return /* @__PURE__ */ a(e, { strongest: !r, variant: (() => r ? o.SUBTITLE : o.BODY)(), children: t });
 }
-const c = n(p);
+const T = n(p);
 export {
-  c as default
+  T as default
 };

package/dist/es/components/internal/SVGIcons/ChevronLeft.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "../../../utils/fixedForwardRef.js";
-const d = r(({ title: o, ...t }, i) => /* @__PURE__ */ e("svg", { ...t, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
+const d = r(({ title: t, ...o }, i) => /* @__PURE__ */ e("svg", { ...o, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  t && /* @__PURE__ */ e("title", { children: t }),
   /* @__PURE__ */ e(
     "path",
     {
       d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: o.disabled ? "#8D95A3" : "#00112C"
     }
   )
 ] })), l = d;

package/dist/es/components/internal/SVGIcons/ChevronRight.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import h from "../../../utils/fixedForwardRef.js";
-const r = h(({ title: o, ...t }, e) => /* @__PURE__ */ i("svg", { ...t, ref: e, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ i("title", { children: o }),
+const r = h(({ title: t, ...e }, o) => /* @__PURE__ */ i("svg", { ...e, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  t && /* @__PURE__ */ i("title", { children: t }),
   /* @__PURE__ */ i(
     "path",
     {
       d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: e.disabled ? "#8D95A3" : "#00112C"
     }
   )
 ] })), n = r;

package/dist/es/components/internal/SVGIcons/ChevronUp.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import i from "../../../utils/fixedForwardRef.js";
-const n = i(({ title: o, ...l }, r) => /* @__PURE__ */ e("svg", { ...l, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
+const n = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ...o, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  l && /* @__PURE__ */ e("title", { children: l }),
   /* @__PURE__ */ e(
     "path",
     {