@adyen/adyen-platform-experience-web 1.0.0 → 1.0.2

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

@@ -33,34 +33,37 @@ const h = (r, o) => {
     } catch {
     }
   }, [o]);
-  return { limit: m(() => {
-    let e = l(r) || a;
-    e:
-      try {
-        if (n.current === c)
-          break e;
-        const t = new Set(n.current = c);
-        if (t.size === 0) {
-          n.current = void 0;
-          break e;
-        }
-        if (i.current !== e)
-          t: {
-            if (t.size === t.add(e).size)
-              break t;
-            if (t.delete(e), t.size === t.add(i.current).size) {
-              if (d(i.current)) {
-                e = i.current;
-                break t;
-              }
-            } else
-              t.delete(i.current);
-            e = h(n.current, e);
+  return {
+    limit: m(() => {
+      let e = l(r) || a;
+      e:
+        try {
+          if (n.current === c)
+            break e;
+          const t = new Set(n.current = c);
+          if (t.size === 0) {
+            n.current = void 0;
+            break e;
           }
-      } catch {
-      }
-    return i.current = e;
-  }, [c, r]), limitOptions: c };
+          if (i.current !== e)
+            t: {
+              if (t.size === t.add(e).size)
+                break t;
+              if (t.delete(e), t.size === t.add(i.current).size) {
+                if (d(i.current)) {
+                  e = i.current;
+                  break t;
+                }
+              } else
+                t.delete(i.current);
+              e = h(n.current, e);
+            }
+        } catch {
+        }
+      return i.current = e;
+    }, [c, r]),
+    limitOptions: c
+  };
 }, P = b;
 export {
   P as default,

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

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

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

@@ -8,7 +8,13 @@ const u = (t = d, e) => {
     state: i,
     updateState: l
   } = o(t, e);
-  return { canResetFilters: s, defaultFilters: a, filters: i, resetFilters: r, updateFilters: l };
+  return {
+    canResetFilters: s,
+    defaultFilters: a,
+    filters: i,
+    resetFilters: r,
+    updateFilters: l
+  };
 }, f = u;
 export {
   f as default

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

@@ -4,23 +4,35 @@ import H from "../../../../hooks/useMounted/useMounted.js";
 import J from "../../../../hooks/useBooleanState/useBooleanState.js";
 import { noop as K } from "../../../../utils/common.js";
 const L = (V, l, M) => {
-  const u = p(), c = p(), h = p(), r = p(), i = H(
-    P(() => {
-      var o;
-      (o = u.current) == null || o.abort(), u.current = void 0;
-    }, [])
-  ), [t, x] = G(r.current), [g, $] = J(!1), e = s(() => j(M), [M]), { getPageCount: v, getPageParams: I, resetPageCount: z, updatePagination: R } = V, n = s(() => l ? (o) => {
+  const u = p(), c = p(), h = p(), r = p(), i = H(P(() => {
+    var o;
+    (o = u.current) == null || o.abort(), u.current = void 0;
+  }, [])), [t, x] = G(r.current), [g, $] = J(!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;
     const f = v(), a = o < 0 ? o + f + 1 : o;
     a > 0 && (f ? a <= f : a === 1) && ((S = u.current) == null || S.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
-      const { signal: b } = u.current, D = { ...I(a, e), limit: e, page: a };
+      const {
+        signal: b
+      } = u.current, D = {
+        ...I(a, e),
+        limit: e,
+        page: a
+      };
       try {
         const d = await l(D, b);
         if (!d || !i.current)
           return;
-        const { size: y, ...F } = d;
+        const {
+          size: y,
+          ...F
+        } = d;
         R(a, e, F), 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, $(!0);
       } catch (d) {
         if (b.aborted)
@@ -32,15 +44,24 @@ const L = (V, l, M) => {
     t && n(Math.min(t + 1, v()));
   }, [n, t]), w = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [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]
-  ), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
+  }, [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]), 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 _(() => {
     i.current && g && $(!1);
-  }, [g]), { goto: n, hasNext: A, hasPrev: E, limit: e, next: q, page: t, pages: m, pageSize: N, prev: w, resetPagination: B, size: C };
+  }, [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,138 +1,128 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.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 ro, POPOVER_FOOTER_CLASSNAME as eo, 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 D from "../../../hooks/element/useUniqueIdentifier.js";
-import { SELECTORS as ao, isFocusable as po } from "../../../primitives/dom/tabbableRoot/tabbable.js";
-import B from "classnames";
-import { createPortal as fo } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as w, useRef as T, useCallback as A, useEffect as lo } from "../../../external/preact/hooks/dist/hooks.module.js";
+import oo from "../Button/ButtonActions/ButtonActions.js";
+import { ButtonActionsLayoutBasic as ro } from "../Button/ButtonActions/types.js";
+import { DEFAULT_POPOVER_CLASSNAME as c, DEFAULT_TOOLTIP_CLASSNAME as eo, POPOVER_CONTAINER_CLASSNAME as no, TOOLTIP_CONTENT_CLASSNAME as U, POPOVER_CONTENT_CLASSNAME as N, POPOVER_HEADER_TITLE_CLASSNAME as to, POPOVER_FOOTER_CLASSNAME as co, POPOVER_HEADER_CLASSNAME as B } from "./constants.js";
+import io from "./PopoverDismissButton/PopoverDismissButton.js";
+import so from "./PopoverTitle/PopoverTitle.js";
+import { PopoverContainerVariant as i, PopoverContainerSize as w } from "./types.js";
+import { InteractionKeyCode as uo } from "../../types.js";
+import { useClickOutside as mo, ClickOutsideVariant as ao, CONTROL_ELEMENT_PROPERTY as O } from "../../../hooks/element/useClickOutside.js";
+import po from "../../../hooks/element/useFocusTrap.js";
+import fo from "../../../hooks/element/usePopoverPositioner.js";
+import k from "../../../hooks/element/useUniqueIdentifier.js";
+import { SELECTORS as lo, isFocusable as Oo } from "../../../primitives/dom/tabbableRoot/tabbable.js";
+import b from "classnames";
+import { createPortal as Eo } from "../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as q, useRef as L, useCallback as C, useEffect as x } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Popover.scss.js";
-import Oo from "../../../hooks/useReflex/useReflex.js";
-import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
-import { isFunction as Eo } from "../../../utils/value/is.js";
-import { boolOrTrue as Po } from "../../../utils/value/bool.js";
-import { getModifierClasses as To } from "../../../utils/preact/className.js";
-const Ao = (i) => {
-  var r;
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import Po from "../../../hooks/useReflex/useReflex.js";
+import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
+import { isFunction as To } from "../../../utils/value/is.js";
+import { boolOrTrue as Ao } from "../../../utils/value/bool.js";
+import { getModifierClasses as No } from "../../../utils/preact/className.js";
+const Lo = (s) => {
+  var e;
   let a;
-  const l = (r = i.querySelector(`.${k}`)) == null ? void 0 : r.querySelectorAll(ao);
-  return l ? (Array.prototype.some.call(l, (s) => {
-    if (po(s))
-      return a = s;
+  const l = (e = s.querySelector(`.${U}`)) == null ? void 0 : e.querySelectorAll(lo);
+  return l ? (Array.prototype.some.call(l, (u) => {
+    if (Oo(u))
+      return a = u;
   }), a) : null;
-}, No = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
-function Wo({
-  actions: i,
+}, Co = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
+function Ho({
+  actions: s,
   disableFocusTrap: a = !1,
-  actionsLayout: l = z.SPACE_BETWEEN,
-  variant: r = c.TOOLTIP,
-  title: s,
+  actionsLayout: l = ro.SPACE_BETWEEN,
+  variant: e = i.TOOLTIP,
+  title: u,
   open: p,
-  dismissible: C,
-  modifiers: b,
-  divider: L,
-  fitContent: _,
-  withoutSpace: S,
-  containerSize: O,
-  position: q,
-  targetElement: n,
-  setToTargetWidth: x,
-  dismiss: e,
-  children: y,
-  withContentPadding: U,
-  classNameModifiers: K,
+  dismissible: S,
+  modifiers: K,
+  divider: y,
+  fitContent: R,
+  withoutSpace: v,
+  containerSize: d,
+  position: W,
+  targetElement: o,
+  setToTargetWidth: j,
+  dismiss: n,
+  children: F,
+  withContentPadding: H,
+  classNameModifiers: G,
   showOverlay: f = !1,
-  fitPosition: W,
-  ...v
+  fitPosition: Y,
+  ...I
 }) {
-  const R = w(() => Eo(e) && Po(C), [e, C]), F = D(), I = T(), j = A(
-    (m) => {
-      var u;
-      e && e(), m && ((u = n == null ? void 0 : n.current) == null || u.focus());
-    },
-    [e, n]
-  ), E = A(
-    (m) => {
-      m.code === co.ESCAPE && (e && e(), (n == null ? void 0 : n.current).focus());
-    },
-    [e, n]
-  ), d = T(E), V = T(), M = io(
-    uo(No(r), n, r, q, F, x, f, W),
-    e,
-    r === c.TOOLTIP && !p,
-    so.POPOVER
-  ), H = mo(a ? null : M, j), G = Oo(
-    A(
-      (m) => {
-        m instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
-          if (I.current === p || !(I.current = p))
-            return;
-          const u = Ao(m);
-          u == null || u.focus();
-        }));
-      },
-      [p]
-    ),
-    a ? M : H
-  ), J = D(G), Q = w(
-    () => ({
-      [`${t}--medium`]: O === h.MEDIUM,
-      [`${t}--with-divider`]: !!L,
-      [`${t}--wide`]: O === h.WIDE,
-      [`${t}--fit-content`]: _,
-      [`${t}--without-space`]: S,
-      [`${t}--auto-width`]: f
-    }),
-    [O, L, S, _, f]
-  );
-  lo(() => (document.removeEventListener("keydown", d.current), document.addEventListener("keydown", d.current = E), () => document.removeEventListener("keydown", d.current)), [E]);
-  const X = r === c.TOOLTIP ? g : `${t} ${oo}`, Y = r === c.TOOLTIP ? k : `${P}`;
-  return fo(
-    /* @__PURE__ */ o(N, { children: p ? /* @__PURE__ */ o(N, { children: [
-      f && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
-      /* @__PURE__ */ o(
-        "div",
-        {
-          id: "popover",
-          ref: J,
-          ...v,
-          className: B(X, Q, K),
-          style: { visibility: "hidden" },
-          role: v.role ?? (r === c.POPOVER ? "dialog" : "tooltip"),
-          children: [
-            (s || R) && /* @__PURE__ */ o("div", { className: To($, b, [$]), children: [
-              s && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(to, { title: s }) }),
-              R && /* @__PURE__ */ o(no, { onClick: e })
-            ] }),
-            y && /* @__PURE__ */ o(N, { children: [
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: B(Y, {
-                    [`${P}--with-padding`]: U,
-                    [`${P}--overlay`]: f
-                  }),
-                  children: y
-                }
-              ),
-              r === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
-            ] }),
-            i && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(Z, { actions: i, layout: l }) })
-          ]
-        }
-      )
-    ] }) : null }),
-    document.getElementsByTagName("body")[0]
-  );
+  const M = q(() => To(n) && Ao(S), [n, S]), V = k(), $ = L(), J = C((t) => {
+    var m;
+    n && n(), t && ((m = o == null ? void 0 : o.current) == null || m.focus());
+  }, [n, o]), E = C((t) => {
+    t.code === uo.ESCAPE && (n && n(), (o == null ? void 0 : o.current).focus());
+  }, [n, o]), P = L(E), h = L(), D = mo(fo(Co(e), o, e, W, V, j, f, Y), n, e === i.TOOLTIP && !p, ao.POPOVER), Q = po(a ? null : D, J), T = Po(C((t, m) => {
+    m instanceof Element && (m[O] = void 0, delete m[O]), t instanceof Element && (t[O] = o.current, cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
+      if ($.current === p || !($.current = p))
+        return;
+      const A = Lo(t);
+      A == null || A.focus();
+    }));
+  }, [p, o]), a ? D : Q), X = k(T), Z = q(() => ({
+    [`${c}--medium`]: d === w.MEDIUM,
+    [`${c}--with-divider`]: !!y,
+    [`${c}--wide`]: d === w.WIDE,
+    [`${c}--fit-content`]: R,
+    [`${c}--without-space`]: v,
+    [`${c}--auto-width`]: f
+  }), [d, y, v, R, f]);
+  x(() => {
+    T.current && (T.current[O] = o.current);
+  }, [o]), x(() => (document.removeEventListener("keydown", P.current), document.addEventListener("keydown", P.current = E), () => document.removeEventListener("keydown", P.current)), [E]);
+  const z = e === i.TOOLTIP ? eo : `${c} ${no}`, g = e === i.TOOLTIP ? U : `${N}`;
+  return Eo(r(_, {
+    children: p ? r(_, {
+      children: [f && r("div", {
+        className: "adyen-pe-popover__overlay"
+      }), r("div", {
+        id: "popover",
+        ref: X,
+        ...I,
+        className: b(z, Z, G),
+        style: {
+          visibility: "hidden"
+        },
+        role: I.role ?? (e === i.POPOVER ? "dialog" : "tooltip"),
+        children: [(u || M) && r("div", {
+          className: No(B, K, [B]),
+          children: [u && r("div", {
+            className: to,
+            children: r(so, {
+              title: u
+            })
+          }), M && r(io, {
+            onClick: n
+          })]
+        }), F && r(_, {
+          children: [r("div", {
+            className: b(g, {
+              [`${N}--with-padding`]: H,
+              [`${N}--overlay`]: f
+            }),
+            children: F
+          }), e === i.TOOLTIP && r("span", {
+            "data-popover-placement": "hidden",
+            ref: V,
+            className: "adyen-pe-tooltip__arrow"
+          })]
+        }), s && r("div", {
+          className: co,
+          children: r(oo, {
+            actions: s,
+            layout: l
+          })
+        })]
+      })]
+    }) : null
+  }), document.getElementsByTagName("body")[0]);
 }
 export {
-  Wo as default
+  Ho as default
 };