@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

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

@@ -3,22 +3,22 @@ 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;
+const h = (r, o) => {
+  const n = r.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;
+  if (o <= r[0]) return r[0];
+  if (o >= r[n]) return r[n];
+  let i = 0, c = 0, s = n;
   for (; ; ) {
-    const e = i[r = d(c, s)];
+    const e = r[i = d(c, s)];
     if (c > s || o === e) return e;
-    o > e ? c = r + 1 : s = r - 1;
+    o > e ? c = i + 1 : s = i - 1;
   }
 }, q = ({
-  preferredLimit: i = l,
+  preferredLimit: r = l,
   preferredLimitOptions: o
 }) => {
-  const n = f(), r = f(), c = m(() => {
+  const n = f(), i = f(), c = m(() => {
     try {
       const e = /* @__PURE__ */ new Set();
       for (const t of o) {
@@ -30,30 +30,29 @@ const h = (i, o) => {
     }
   }, [o]);
   return { limit: m(() => {
-    let e = a(i) || l;
-    e: try {
-      if (n.current === c) break e;
+    let e = a(r) || l;
+    t: try {
       const t = new Set(n.current = c);
       if (t.size === 0) {
         n.current = void 0;
-        break e;
+        break t;
       }
-      if (r.current !== e)
-        t: {
+      if (i.current !== e)
+        e: {
           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;
+            break e;
+          if (t.delete(e), t.size === t.add(i.current).size) {
+            if (p(i.current)) {
+              e = i.current;
+              break e;
             }
-          } else t.delete(r.current);
+          } else t.delete(i.current);
           e = h(n.current, e);
         }
     } catch {
     }
-    return r.current = e;
-  }, [c, i]), limitOptions: c };
+    return i.current = e;
+  }, [c, r]), limitOptions: c };
 };
 export {
   q as default,

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/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,44 +1,43 @@
-import { useRef as p, useCallback as P, useState as T, useMemo as s, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import F from "../../../../hooks/useBooleanState.js";
-import H from "../../../../hooks/useMounted.js";
-import { getClampedPageLimit as J } from "../utils.js";
-import { noop as K } from "../../../../utils/common.js";
-const Y = (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 a, useEffect as T } from "../../../../external/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), [g, z] = F(!1), e = s(() => J(M), [M]), { getPageCount: v, getPageParams: A, resetPageCount: S, updatePagination: R } = V, n = s(() => 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), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = y), r.current === 1 && y > 0 && x(r.current), r.current = void 0, z(!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]), m = s(() => v() || t || void 0, [n, g]), E = s(() => !!(t && m) && t < m, [t, m]), I = s(() => !!t && t > 1, [t]), C = s(
+  }, [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, g]
-  ), N = s(() => t ? Math.min(e, C - (t - 1) * e) : 0, [e, C, t]), B = P(() => {
-    S(), c.current = h.current = r.current = void 0, i.current && x(r.current);
+    [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 && g && z(!1);
-  }, [g]), { goto: n, hasNext: E, hasPrev: I, limit: e, next: q, page: t, pages: m, 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 {
-  Y as default
+  Z as default
 };

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

@@ -1,151 +1,147 @@
-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 o } from "../../../external/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 ao, POPOVER_HEADER_CLASSNAME as D } from "./constants.js";
+import uo 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 p } 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/preact/compat/dist/compat.module.js";
+import { useMemo as w, useRef as L, useCallback as C, useEffect as q } from "../../../external/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/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 a;
+  const l = s.querySelector(`:scope .${x}`)?.querySelectorAll(To);
+  return l ? (Array.prototype.some.call(l, (e) => {
+    if (Ao(e)) return a = e;
+  }), a) : null;
+}, Ro = (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,
+  disableFocusTrap: a = !1,
+  actionsLayout: l = no.SPACE_BETWEEN,
+  variant: e = i.TOOLTIP,
+  title: E,
+  open: u,
+  dismissible: y,
+  modifiers: U,
+  divider: R,
+  fitContent: S,
   withoutSpace: v,
-  containerSize: T,
-  position: j,
-  targetElement: o,
-  setToTargetWidth: G,
-  dismiss: n,
-  children: M,
-  withContentPadding: Y,
-  classNameModifiers: J,
-  showOverlay: p = !1,
-  fitPosition: Q,
-  fixedPositioning: X = !1,
-  additionalStyle: Z,
-  setPopoverElement: P,
-  ...z
+  containerSize: O,
+  position: K,
+  targetElement: r,
+  setToTargetWidth: W,
+  dismiss: t,
+  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(t) && Co(y), [t, y]), M = N(), V = N(), $ = L(), Z = C(
+    (n) => {
+      t && t(), n && r?.current?.focus();
     },
-    [n, o]
-  ), A = y(
-    (c) => {
-      c.code === Oo.ESCAPE && (n && n(), (o == null ? void 0 : o.current).focus());
+    [t, r]
+  ), d = C(
+    (n) => {
+      n.code === lo.ESCAPE && (t && t(), (r?.current).focus());
     },
-    [n, o]
-  ), E = _(A), B = _(), k = lo(
-    Ao(
-      Io(e),
-      o,
+    [t, r]
+  ), P = L(d), b = L(), h = fo(
+    Oo(
+      Ro(e),
+      r,
       e,
-      j,
-      $,
+      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,
+    e === i.TOOLTIP && !u,
+    po.POPOVER
+  ), z = Eo(a ? null : h, Z), f = Po(
+    C(
+      (n, T) => {
+        T instanceof Element && (T[p] = void 0, delete T[p]), n instanceof Element && (n[p] = r.current, cancelAnimationFrame(b.current), b.current = requestAnimationFrame(() => {
+          if ($.current === u || !($.current = u)) return;
+          yo(n)?.focus();
         }));
       },
-      [m, o]
+      [u, r]
     ),
-    f ? k : oo
-  ), ro = C(l), eo = U(
+    a ? h : z
+  ), g = N(f), 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`]: O === B.MEDIUM,
+      [`${c}--with-divider`]: !!R,
+      [`${c}--wide`]: O === B.WIDE,
+      [`${c}--fit-content`]: S,
+      [`${c}--without-space`]: v,
+      [`${c}--auto-width`]: m
     }),
-    [T, I, v, F, p]
+    [O, R, v, S, 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(() => {
+    f.current && (f.current[p] = r.current);
+  }, [f, r]), q(() => (document.removeEventListener("keydown", P.current), document.addEventListener("keydown", P.current = d), () => document.removeEventListener("keydown", P.current)), [d]);
+  const eo = e === i.TOOLTIP ? so : `${c} ${ao}`, ro = e === i.TOOLTIP ? x : `${A}`;
+  return No(
+    /* @__PURE__ */ o(_, { children: u ? /* @__PURE__ */ o(_, { children: [
+      m && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
+      /* @__PURE__ */ o(
         "div",
         {
-          ...z,
-          ref: (c) => {
-            ro(c), P == null || P(c);
+          ...X,
+          ref: (n) => {
+            g(n), Q?.(n);
           },
-          "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: e === 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 })
+            (E || F) && /* @__PURE__ */ o("div", { className: _o(D, U, [D]), children: [
+              E && /* @__PURE__ */ o("div", { className: co, children: /* @__PURE__ */ o(mo, { title: E }) }),
+              F && /* @__PURE__ */ o(uo, { onClick: t })
             ] }),
-            M && /* @__PURE__ */ r(R, { children: [
-              /* @__PURE__ */ r(
+            I && /* @__PURE__ */ o(_, { children: [
+              /* @__PURE__ */ o(
                 "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" })
+              e === i.TOOLTIP && /* @__PURE__ */ o("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__ */ o("div", { className: io, children: /* @__PURE__ */ o(to, { actions: s, layout: l }) })
           ]
         }
       )
@@ -154,5 +150,5 @@ function Xo({
   );
 }
 export {
-  Xo as default
+  Qo as default
 };

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

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