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

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

@@ -1,4 +1,4 @@
-import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as f, useMemo as m } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 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";

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

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

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

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

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

@@ -1,151 +1,151 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import io from "../Button/ButtonActions/ButtonActions.js";
-import { ButtonActionsLayoutBasic as to } from "../Button/ButtonActions/types.js";
-import { DEFAULT_POPOVER_CLASSNAME as i, POPOVER_HEADER_TITLE_CLASSNAME as so, TOOLTIP_CONTENT_CLASSNAME as W, POPOVER_CONTENT_CLASSNAME as L, POPOVER_FOOTER_CLASSNAME as uo, DEFAULT_TOOLTIP_CLASSNAME as ao, POPOVER_CONTAINER_CLASSNAME as fo, POPOVER_HEADER_CLASSNAME as w } from "./constants.js";
-import mo from "./PopoverDismissButton/PopoverDismissButton.js";
-import po from "./PopoverTitle/PopoverTitle.js";
-import { PopoverContainerVariant as t, PopoverContainerSize as q } from "./types.js";
-import { InteractionKeyCode as Oo } from "../../types.js";
-import { useClickOutside as lo, ClickOutsideVariant as To, CONTROL_ELEMENT_PROPERTY as d } from "../../../hooks/element/useClickOutside.js";
-import Po from "../../../hooks/element/useFocusTrap.js";
-import Ao from "../../../hooks/element/usePopoverPositioner.js";
-import C from "../../../hooks/element/useUniqueIdentifier.js";
-import Eo from "../../../hooks/useReflex.js";
-import { SELECTORS as No, isFocusable as Lo } from "../../../primitives/dom/tabbableRoot/tabbable.js";
-import x from "classnames";
-import { createPortal as Co } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as U, useRef as _, useCallback as y, useEffect as K } 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 to from "../Button/ButtonActions/ButtonActions.js";
+import { ButtonActionsLayoutBasic as no } from "../Button/ButtonActions/types.js";
+import { DEFAULT_POPOVER_CLASSNAME as c, POPOVER_HEADER_TITLE_CLASSNAME as co, TOOLTIP_CONTENT_CLASSNAME as x, POPOVER_CONTENT_CLASSNAME as A, POPOVER_FOOTER_CLASSNAME as io, DEFAULT_TOOLTIP_CLASSNAME as so, POPOVER_CONTAINER_CLASSNAME as uo, POPOVER_HEADER_CLASSNAME as D } from "./constants.js";
+import ao from "./PopoverDismissButton/PopoverDismissButton.js";
+import mo from "./PopoverTitle/PopoverTitle.js";
+import { PopoverContainerVariant as i, PopoverContainerSize as B } from "./types.js";
+import { InteractionKeyCode as lo } from "../../types.js";
+import { useClickOutside as fo, ClickOutsideVariant as po, CONTROL_ELEMENT_PROPERTY as l } from "../../../hooks/element/useClickOutside.js";
+import Eo from "../../../hooks/element/useFocusTrap.js";
+import Oo from "../../../hooks/element/usePopoverPositioner.js";
+import N from "../../../hooks/element/useUniqueIdentifier.js";
+import Po from "../../../hooks/useReflex.js";
+import { SELECTORS as To, isFocusable as Ao } from "../../../primitives/dom/tabbableRoot/tabbable.js";
+import k from "classnames";
+import { createPortal as No } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useMemo as w, useRef as L, useCallback as C, useEffect as q } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css             */
-import { Fragment as R } from "../../../external/preact/dist/preact.module.js";
-import { isFunction as _o } from "../../../utils/value/is.js";
-import { boolOrTrue as yo } from "../../../utils/value/bool.js";
-import { getModifierClasses as Ro } from "../../../utils/preact/className.js";
-const So = (s) => {
-  var e;
-  let f;
-  const O = (e = s.querySelector(`:scope .${W}`)) == null ? void 0 : e.querySelectorAll(No);
-  return O ? (Array.prototype.some.call(O, (u) => {
-    if (Lo(u)) return f = u;
-  }), f) : null;
-}, Io = (s) => s === t.TOOLTIP ? [10, 3, 5, 5] : [8, 8, 8, 8];
-function Xo({
+import { Fragment as _ } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { isFunction as Lo } from "../../../utils/value/is.js";
+import { boolOrTrue as Co } from "../../../utils/value/bool.js";
+import { getModifierClasses as _o } from "../../../utils/preact/className.js";
+const yo = (s) => {
+  let u;
+  const f = s.querySelector(`:scope .${x}`)?.querySelectorAll(To);
+  return f ? (Array.prototype.some.call(f, (t) => {
+    if (Ao(t)) return u = t;
+  }), u) : null;
+}, vo = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [8, 8, 8, 8];
+function Qo({
   actions: s,
-  disableFocusTrap: f = !1,
-  actionsLayout: O = to.SPACE_BETWEEN,
-  variant: e = t.TOOLTIP,
-  title: u,
-  open: m,
-  dismissible: S,
-  modifiers: H,
-  divider: I,
-  fitContent: F,
-  withoutSpace: v,
-  containerSize: T,
-  position: j,
-  targetElement: o,
-  setToTargetWidth: G,
+  disableFocusTrap: u = !1,
+  actionsLayout: f = no.SPACE_BETWEEN,
+  variant: t = i.TOOLTIP,
+  title: p,
+  open: a,
+  dismissible: y,
+  modifiers: U,
+  divider: v,
+  fitContent: R,
+  withoutSpace: S,
+  containerSize: d,
+  position: K,
+  targetElement: r,
+  setToTargetWidth: W,
   dismiss: n,
-  children: M,
-  withContentPadding: Y,
-  classNameModifiers: J,
-  showOverlay: p = !1,
-  fitPosition: Q,
-  fixedPositioning: X = !1,
-  additionalStyle: Z,
-  setPopoverElement: P,
-  ...z
+  children: I,
+  withContentPadding: H,
+  classNameModifiers: j,
+  showOverlay: m = !1,
+  fitPosition: G,
+  fixedPositioning: Y = !1,
+  additionalStyle: J,
+  setPopoverElement: Q,
+  ...X
 }) {
-  var b;
-  const V = U(() => _o(n) && yo(S), [n, S]), $ = C(), h = C(), D = _(), g = y(
-    (c) => {
-      var a;
-      n && n(), c && ((a = o == null ? void 0 : o.current) == null || a.focus());
+  const F = w(() => Lo(n) && Co(y), [n, y]), M = N(), V = N(), $ = L(), Z = C(
+    (o) => {
+      n && n(), o && r?.current?.focus();
     },
-    [n, o]
-  ), A = y(
-    (c) => {
-      c.code === Oo.ESCAPE && (n && n(), (o == null ? void 0 : o.current).focus());
+    [n, r]
+  ), E = C(
+    (o) => {
+      o.code === lo.ESCAPE && (n && n(), (r?.current).focus());
     },
-    [n, o]
-  ), E = _(A), B = _(), k = lo(
-    Ao(
-      Io(e),
-      o,
-      e,
-      j,
-      $,
+    [n, r]
+  ), O = L(E), b = L(), h = fo(
+    Oo(
+      vo(t),
+      r,
+      t,
+      K,
+      M,
+      W,
+      m,
       G,
-      p,
-      Q,
-      X,
-      Z,
+      Y,
+      J,
       void 0,
-      h
+      V
     ),
     n,
-    e === t.TOOLTIP && !m,
-    To.POPOVER
-  ), oo = Po(f ? null : k, g), l = Eo(
-    y(
-      (c, a) => {
-        a instanceof Element && (a[d] = void 0, delete a[d]), c instanceof Element && (c[d] = o.current, cancelAnimationFrame(B.current), B.current = requestAnimationFrame(() => {
-          if (D.current === m || !(D.current = m)) return;
-          const N = So(c);
-          N == null || N.focus();
+    t === i.TOOLTIP && !a,
+    po.POPOVER
+  ), z = Eo(u ? null : h, Z), P = Po(
+    C(
+      (o, T) => {
+        T instanceof Element && (T[l] = void 0, delete T[l]), o instanceof Element && (o[l] = r.current, cancelAnimationFrame(b.current), b.current = requestAnimationFrame(() => {
+          if ($.current === a || !($.current = a)) return;
+          yo(o)?.focus();
         }));
       },
-      [m, o]
+      [a, r]
     ),
-    f ? k : oo
-  ), ro = C(l), eo = U(
+    u ? h : z
+  ), g = N(P), oo = w(
     () => ({
-      [`${i}--medium`]: T === q.MEDIUM,
-      [`${i}--with-divider`]: !!I,
-      [`${i}--wide`]: T === q.WIDE,
-      [`${i}--fit-content`]: F,
-      [`${i}--without-space`]: v,
-      [`${i}--auto-width`]: p
+      [`${c}--medium`]: d === B.MEDIUM,
+      [`${c}--with-divider`]: !!v,
+      [`${c}--wide`]: d === B.WIDE,
+      [`${c}--fit-content`]: R,
+      [`${c}--without-space`]: S,
+      [`${c}--auto-width`]: m
     }),
-    [T, I, v, F, p]
+    [d, v, S, R, m]
   );
-  K(() => {
-    l.current && (l.current[d] = o.current);
-  }, [l, o]), K(() => (document.removeEventListener("keydown", E.current), document.addEventListener("keydown", E.current = A), () => document.removeEventListener("keydown", E.current)), [A]);
-  const no = e === t.TOOLTIP ? ao : `${i} ${fo}`, co = e === t.TOOLTIP ? W : `${L}`;
-  return Co(
-    /* @__PURE__ */ r(R, { children: m ? /* @__PURE__ */ r(R, { children: [
-      p && /* @__PURE__ */ r("div", { className: "adyen-pe-popover__overlay" }),
-      /* @__PURE__ */ r(
+  q(() => {
+    const o = P.current;
+    if (o)
+      return o[l] = r.current, r.current?.setAttribute("aria-controls", o.id), () => {
+        r.current?.removeAttribute("aria-controls"), o[l] = void 0;
+      };
+  }, [P, r]), q(() => (document.removeEventListener("keydown", O.current), document.addEventListener("keydown", O.current = E), () => document.removeEventListener("keydown", O.current)), [E]);
+  const eo = t === i.TOOLTIP ? so : `${c} ${uo}`, ro = t === i.TOOLTIP ? x : `${A}`;
+  return No(
+    /* @__PURE__ */ e(_, { children: a ? /* @__PURE__ */ e(_, { children: [
+      m && /* @__PURE__ */ e("div", { className: "adyen-pe-popover__overlay" }),
+      /* @__PURE__ */ e(
         "div",
         {
-          ...z,
-          ref: (c) => {
-            ro(c), P == null || P(c);
+          ...X,
+          ref: (o) => {
+            g(o), Q?.(o);
           },
-          "aria-labelledby": (b = o.current) == null ? void 0 : b.id,
-          className: x(no, eo, J),
-          role: e === t.POPOVER ? "dialog" : "tooltip",
+          "aria-labelledby": r.current?.id,
+          className: k(eo, oo, j),
+          role: t === i.POPOVER ? "dialog" : "tooltip",
           style: { visibility: "hidden" },
           children: [
-            (u || V) && /* @__PURE__ */ r("div", { className: Ro(w, H, [w]), children: [
-              u && /* @__PURE__ */ r("div", { className: so, children: /* @__PURE__ */ r(po, { title: u }) }),
-              V && /* @__PURE__ */ r(mo, { onClick: n })
+            (p || F) && /* @__PURE__ */ e("div", { className: _o(D, U, [D]), children: [
+              p && /* @__PURE__ */ e("div", { className: co, children: /* @__PURE__ */ e(mo, { title: p }) }),
+              F && /* @__PURE__ */ e(ao, { onClick: n })
             ] }),
-            M && /* @__PURE__ */ r(R, { children: [
-              /* @__PURE__ */ r(
+            I && /* @__PURE__ */ e(_, { children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: x(co, {
-                    [`${L}--with-padding`]: Y,
-                    [`${L}--overlay`]: p
+                  className: k(ro, {
+                    [`${A}--with-padding`]: H,
+                    [`${A}--overlay`]: m
                   }),
-                  ref: h,
-                  children: M
+                  ref: V,
+                  children: I
                 }
               ),
-              e === t.TOOLTIP && /* @__PURE__ */ r("span", { "data-popover-placement": "hidden", ref: $, className: "adyen-pe-tooltip__arrow" })
+              t === i.TOOLTIP && /* @__PURE__ */ e("span", { "data-popover-placement": "hidden", ref: M, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            s && /* @__PURE__ */ r("div", { className: uo, children: /* @__PURE__ */ r(io, { actions: s, layout: O }) })
+            s && /* @__PURE__ */ e("div", { className: io, children: /* @__PURE__ */ e(to, { actions: s, layout: f }) })
           ]
         }
       )
@@ -154,5 +154,5 @@ function Xo({
   );
 }
 export {
-  Xo as default
+  Qo as default
 };

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

@@ -1,10 +1,10 @@
-import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as s } from "../../Button/types.js";
 /* empty css                          */
 import n from "../../../../core/Context/useCoreContext.js";
-import { memo as r } from "../../../../external/preact/compat/dist/compat.module.js";
+import { memo as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import l from "../../Button/Button.js";
-import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+import { Fragment as m } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 function a({ image: t = !0, onClick: i }) {
   const { i18n: e } = n();
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(

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

@@ -1,7 +1,7 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import e from "../../Typography/Typography.js";
 import { TypographyVariant as o } from "../../Typography/types.js";
-import { memo as n } from "../../../../external/preact/compat/dist/compat.module.js";
+import { memo as n } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 function p({ title: t, isImageTitle: r = !1 }) {
   return /* @__PURE__ */ a(e, { strongest: !r, variant: r ? o.SUBTITLE : o.BODY, children: t });
 }

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

@@ -1,33 +1,33 @@
-const x = /* @__PURE__ */ (() => {
-  let t = [];
-  const s = (e) => {
-    const n = e.reduce((o, i) => {
-      const c = i instanceof Node ? t.findIndex((u) => {
-        const g = u.element.getAttribute("id"), b = i && (i != null && i.getAttribute) ? i == null ? void 0 : i.getAttribute("id") : null;
-        return g === b;
-      }) : -1;
-      return o === -1 && c !== -1 ? c : o;
+import { CONTROL_ELEMENT_PROPERTY as p } from "../../../../hooks/element/useClickOutside.js";
+const u = /* @__PURE__ */ (() => {
+  let e = [];
+  const r = (n) => {
+    if (n.some(
+      (l) => l instanceof Element && e.some((s) => {
+        const c = s.element[p];
+        return c instanceof Element && c.contains(l);
+      })
+    )) return;
+    const o = n.reduce((l, s) => {
+      const c = s instanceof Element ? e.findIndex((f) => f.element === s) : -1;
+      return l === -1 && c !== -1 ? c : l;
     }, -1);
-    n === -1 ? l(0) : n + 1 <= t.length - 1 && l(n + 1);
-  }, d = (e) => {
-    const n = t.findIndex((o) => o.element.getAttribute("id") === e.getAttribute("id"));
-    n >= 0 && t.splice(n, 1);
-  }, r = (e, n) => {
-    t.findIndex((i) => i.element.getAttribute("id") === e.getAttribute("id")) >= 0 || t.push({ element: e, callback: n });
-  }, l = (e) => {
-    var o, i;
-    const n = t.length;
-    for (let c = e; c < n; c++)
-      (i = (o = t == null ? void 0 : t[c]) == null ? void 0 : o.callback) == null || i.call(o);
-    t.splice(e);
+    o === -1 ? i(0) : o + 1 <= e.length - 1 && i(o + 1);
+  }, d = (n) => {
+    const t = e.findIndex((o) => o.element === n);
+    t >= 0 && e.splice(t, 1);
+  }, m = (n, t) => {
+    e.findIndex((l) => l.element === n) >= 0 || e.push({ element: n, callback: t });
+  }, i = (n) => {
+    const t = e.length;
+    for (let o = n; o < t; o++)
+      e?.[o]?.callback?.();
+    e.splice(n);
   };
-  return { add: r, remove: d, closeAll: () => {
-    t.forEach((e) => {
-      var n;
-      return (n = e == null ? void 0 : e.callback) == null ? void 0 : n.call(e);
-    }), t = [];
-  }, closePopoversOutsideOfClick: s };
+  return { add: m, remove: d, closeAll: () => {
+    e.forEach((n) => n?.callback?.()), e = [];
+  }, closePopoversOutsideOfClick: r };
 })();
 export {
-  x as popoverUtil
+  u as popoverUtil
 };