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

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

@@ -1,13 +1,82 @@
-import "../../../../../hooks.module-8565d716.mjs";
-import "../../../../utils/common/index.js";
-import "./usePageLimit.js";
-import "./useCursorPagination.js";
-import "./useOffsetPagination.js";
-import "./usePaginatedRecordsFilters.js";
-import "../../../../hooks/useBooleanState/useBooleanState.js";
-import "../../../../hooks/useMounted/useMounted.js";
-import { u } from "../../../../../usePaginatedRecords-63a69bf1.mjs";
-import "../../../../utils/common/constants.js";
+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) => {
+  const t = Object.getOwnPropertyNames(e);
+  return !oe.some((r) => t.includes(r));
+}, ae = (e, t = "data") => {
+  const r = e[t];
+  if (h(e)) {
+    const n = Object.fromEntries(
+      Object.entries(e || _).filter(
+        ([s, o]) => se.includes(s) && o
+      )
+    );
+    return { records: r, paginationData: n };
+  }
+  throw new TypeError("MALFORMED_PAGINATED_DATA");
+}, ne = (e, t = "data") => {
+  const r = e[t];
+  if (!h(e)) {
+    const { hasNext: n, hasPrevious: s } = e, o = {
+      [f.NEXT]: n === !0,
+      [f.PREV]: s === !0
+    };
+    return { records: r, paginationData: o };
+  }
+  throw new TypeError("MALFORMED_PAGINATED_DATA");
+}, ce = ({
+  dataField: e = "data",
+  fetchRecords: t,
+  filterParams: r = _,
+  initialFiltersSameAsDefault: n = !0,
+  initialize: s,
+  onFiltersChanged: o,
+  onLimitChanged: P,
+  pagination: $,
+  preferredLimit: j,
+  preferredLimitOptions: v,
+  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],
+    []
+  ), U = F((E) => G(E), []), { goto: R, page: Y, pages: H, resetPagination: b, ...K } = J(
+    F(
+      async ({ page: E, ...Q }, i) => {
+        try {
+          if (l(void 0), g.current = E, !N.current || m(!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 };
+        } catch (p) {
+          if (i != null && i.aborted)
+            return;
+          m(!1), l(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(() => {
+    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;
 export {
-  u as default
+  De as default
 };

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

@@ -1,16 +1,15 @@
-import "../../../../utils/common/index.js";
-import useReactiveState from "../../../../hooks/useReactiveState/useReactiveState.js";
-import { EMPTY_OBJECT } from "../../../../utils/common/constants.js";
-const usePaginatedRecordsFilters = (filterParams = EMPTY_OBJECT, initialFiltersSameAsDefault) => {
+import o from "../../../../hooks/useReactiveState/useReactiveState.js";
+import { EMPTY_OBJECT as d } from "../../../../utils/common/constants.js";
+const u = (t = d, e) => {
   const {
-    canResetState: canResetFilters,
-    defaultState: defaultFilters,
-    resetState: resetFilters,
-    state: filters,
-    updateState: updateFilters
-  } = useReactiveState(filterParams, initialFiltersSameAsDefault);
-  return { canResetFilters, defaultFilters, filters, resetFilters, updateFilters };
-};
+    canResetState: s,
+    defaultState: a,
+    resetState: r,
+    state: i,
+    updateState: l
+  } = o(t, e);
+  return { canResetFilters: s, defaultFilters: a, filters: i, resetFilters: r, updateFilters: l };
+}, f = u;
 export {
-  usePaginatedRecordsFilters as default
+  f as default
 };

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

@@ -1,91 +1,47 @@
-import { _, T, h, F, p } from "../../../../../hooks.module-8565d716.mjs";
-import useBooleanState from "../../../../hooks/useBooleanState/useBooleanState.js";
-import useMounted from "../../../../hooks/useMounted/useMounted.js";
-import { getClampedPageLimit } from "../utils.js";
-import { noop } from "../../../../utils/common/index.js";
-const usePagination = (paginationSetupConfig, requestPageCallback, pageLimit) => {
-  const $controller = _();
-  const $maxVisitedPage = _();
-  const $maxVisitedPageSize = _();
-  const $page = _();
-  const $mounted = useMounted(
-    T(() => {
-      var _a;
-      (_a = $controller.current) == null ? void 0 : _a.abort();
-      $controller.current = void 0;
+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(
+    P(() => {
+      var o;
+      (o = u.current) == null || o.abort(), u.current = void 0;
     }, [])
-  );
-  const [page, setCurrentPage] = h($page.current);
-  const [paginationChanged, updatePaginationChanged] = useBooleanState(false);
-  const limit = F(() => getClampedPageLimit(pageLimit), [pageLimit]);
-  const { getPageCount, getPageParams, resetPageCount, updatePagination } = paginationSetupConfig;
-  const goto = F(() => {
-    return requestPageCallback ? (page2) => {
-      var _a;
-      if (!(limit && Number.isInteger(page2)))
-        return;
-      const PAGES = getPageCount();
-      const requestedPage = page2 < 0 ? page2 + PAGES + 1 : page2;
-      const isValidPageRequest = requestedPage > 0 && (PAGES ? requestedPage <= PAGES : requestedPage === 1);
-      if (!isValidPageRequest)
-        return;
-      (_a = $controller.current) == null ? void 0 : _a.abort();
-      $controller.current = new AbortController();
-      if (!$mounted.current)
-        return;
-      if (($page.current = requestedPage) > 1 || PAGES) {
-        setCurrentPage($page.current);
+  ), [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) => {
+    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 };
+      try {
+        const d = await l(D, b);
+        if (!d || !i.current)
+          return;
+        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)
+          return;
+        console.error(d);
       }
-      (async () => {
-        const { signal } = $controller.current;
-        const params = { ...getPageParams(requestedPage, limit), limit, page: requestedPage };
-        try {
-          const data = await requestPageCallback(params, signal);
-          if (!data || !$mounted.current)
-            return;
-          const { size: size2, ...paginationData } = data;
-          updatePagination(requestedPage, limit, paginationData);
-          $maxVisitedPage.current = $page.current && Math.max($page.current, $maxVisitedPage.current || -Infinity);
-          if ($page.current && $page.current === $maxVisitedPage.current)
-            $maxVisitedPageSize.current = size2;
-          if ($page.current === 1 && size2 > 0)
-            setCurrentPage($page.current);
-          $page.current = void 0;
-          updatePaginationChanged(true);
-        } catch (ex) {
-          if (signal.aborted)
-            return;
-          console.error(ex);
-        }
-      })();
-    } : noop;
-  }, [limit, requestPageCallback]);
-  const next = T(() => {
-    page && goto(Math.min(page + 1, getPageCount()));
-  }, [goto, page]);
-  const prev = T(() => {
-    page && goto(Math.max(page - 1, 1));
-  }, [goto, page]);
-  const pages = F(() => getPageCount() || page || void 0, [goto, paginationChanged]);
-  const hasNext = F(() => !!(page && pages) && page < pages, [page, pages]);
-  const hasPrev = F(() => !!page && page > 1, [page]);
-  const size = F(
-    () => $maxVisitedPage.current ? ($maxVisitedPage.current - 1) * limit + ($maxVisitedPageSize.current || 0) : 0,
-    [goto, paginationChanged]
-  );
-  const pageSize = F(() => limit && Math.min(limit, size || Infinity) % limit, [limit, size]);
-  const resetPagination = T(() => {
-    resetPageCount();
-    $maxVisitedPage.current = $maxVisitedPageSize.current = $page.current = void 0;
-    $mounted.current && setCurrentPage($page.current);
-  }, [resetPageCount]);
-  p(() => {
-    if ($mounted.current && paginationChanged) {
-      updatePaginationChanged(false);
-    }
-  }, [paginationChanged]);
-  return { goto, hasNext, hasPrev, limit, next, page, pages, pageSize, prev, resetPagination, size };
-};
+    })()));
+  } : j, [e, l]), w = P(() => {
+    t && n(Math.min(t + 1, v()));
+  }, [n, t]), A = 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(
+    () => 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(() => {
+    z(), c.current = h.current = r.current = void 0, i.current && x(r.current);
+  }, [z]);
+  return T(() => {
+    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;
 export {
-  usePagination as default
+  Y as default
 };

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

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.NEXT = "next", r.PREV = "prev", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.CURSOR = "cursor", r.OFFSET = "offset", r))(e || {});
+export {
+  t as PageNeighbour,
+  e as PaginationType
+};

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

@@ -1,8 +1,8 @@
-import { MAX_PAGE_LIMIT } from "./constants.js";
-const getClampedPageLimit = (pageLimit) => {
-  const limit = ~~pageLimit;
-  return limit === pageLimit && limit > 0 ? Math.min(limit, MAX_PAGE_LIMIT) : Math.max(limit, 0);
+import { MAX_PAGE_LIMIT as o } from "./constants.js";
+const a = (m) => {
+  const t = ~~m;
+  return t === m && t > 0 ? Math.min(t, o) : Math.max(t, 0);
 };
 export {
-  getClampedPageLimit
+  a as getClampedPageLimit
 };

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

@@ -1,163 +1,130 @@
-import '../../../../Popover.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { B as ButtonActions, a as ButtonActionsLayoutBasic } from "../../../../ButtonActions-eb064f69.mjs";
-import { DEFAULT_POPOVER_CLASSNAME, DEFAULT_TOOLTIP_CLASSNAME, POPOVER_CONTAINER_CLASSNAME, TOOLTIP_CONTENT_CLASSNAME, POPOVER_CONTENT_CLASSNAME, POPOVER_HEADER_CLASSNAME, POPOVER_HEADER_TITLE_CLASSNAME, POPOVER_FOOTER_CLASSNAME } from "./constants.js";
-import PopoverDismissButton from "./PopoverDismissButton/PopoverDismissButton.js";
-import PopoverTitle from "./PopoverTitle/PopoverTitle.js";
-import { a as PopoverContainerVariant, u as usePopoverPositioner, P as PopoverContainerSize } from "../../../../usePopoverPositioner-882fea89.mjs";
-import { I as InteractionKeyCode } from "../../../../types-0aaff3aa.mjs";
-import { useClickOutside, ClickOutsideVariant } from "../../../hooks/element/useClickOutside.js";
-import useFocusTrap from "../../../hooks/element/useFocusTrap.js";
-import useUniqueIdentifier from "../../../hooks/element/useUniqueIdentifier.js";
-import useReflex from "../../../hooks/useReflex/hooks/useReflex.js";
-import { getModifierClasses } from "../../../utils/class-name-utils.js";
-import { isFunction } from "../../../utils/common/index.js";
-import { SELECTORS, isFocusable } from "../../../utils/tabbable.js";
-import cx from "classnames";
-import { z } from "../../../../compat.module-a4d537ff.mjs";
-import { F, _, T, p } from "../../../../hooks.module-8565d716.mjs";
-import { k } from "../../../../preact.module-38e5a571.mjs";
-const Popover$1 = "";
-const findFirstFocusableElement = (root) => {
-  var _a;
-  let focusable;
-  const elements = (_a = root.querySelector(`.${TOOLTIP_CONTENT_CLASSNAME}`)) == null ? void 0 : _a.querySelectorAll(SELECTORS);
-  if (elements) {
-    Array.prototype.some.call(elements, (elem) => {
-      if (isFocusable(elem))
-        return focusable = elem;
-    });
-    return focusable;
-  }
-  return null;
-};
-const getGapByVariant = (variant) => {
-  return variant === PopoverContainerVariant.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
-};
-function Popover({
-  actions,
-  disableFocusTrap = false,
-  actionsLayout = ButtonActionsLayoutBasic.SPACE_BETWEEN,
-  variant = PopoverContainerVariant.TOOLTIP,
-  title,
-  open,
-  dismissible,
-  modifiers,
-  divider,
-  fitContent,
-  withoutSpace,
-  containerSize,
-  position,
-  targetElement,
-  setToTargetWidth,
-  dismiss,
-  children,
-  withContentPadding,
-  classNameModifiers,
-  showOverlay = false,
-  fitPosition,
-  ...uncontrolledProps
+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 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 { 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 "./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);
+  return l ? (Array.prototype.some.call(l, (s) => {
+    if (lo(s))
+      return a = s;
+  }), a) : null;
+}, Ao = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
+function Uo({
+  actions: i,
+  disableFocusTrap: a = !1,
+  actionsLayout: l = Z.SPACE_BETWEEN,
+  variant: e = c.TOOLTIP,
+  title: s,
+  open: p,
+  dismissible: C,
+  modifiers: b,
+  divider: L,
+  fitContent: _,
+  withoutSpace: S,
+  containerSize: O,
+  position: q,
+  targetElement: n,
+  setToTargetWidth: x,
+  dismiss: r,
+  children: y,
+  withContentPadding: U,
+  classNameModifiers: K,
+  showOverlay: f = !1,
+  fitPosition: W,
+  ...v
 }) {
-  const isDismissible = F(() => isFunction(dismiss) && dismissible !== false, [dismiss, dismissible]);
-  const arrowRef = useUniqueIdentifier();
-  const popoverOpen = _();
-  const onCloseFocusTrap = T(
-    (interactionKeyPressed) => {
-      var _a;
-      dismiss && dismiss();
-      if (interactionKeyPressed) {
-        (_a = targetElement == null ? void 0 : targetElement.current) == null ? void 0 : _a.focus();
-      }
+  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());
     },
-    [dismiss, targetElement]
-  );
-  const onKeyDown = T(
-    (e) => {
-      if (e.code === InteractionKeyCode.ESCAPE) {
-        dismiss && dismiss();
-        (targetElement == null ? void 0 : targetElement.current).focus();
-      }
+    [r, n]
+  ), E = A(
+    (m) => {
+      m.code === co.ESCAPE && (r && r(), (n == null ? void 0 : n.current).focus());
     },
-    [dismiss, targetElement]
-  );
-  const cachedOnKeyDown = _(onKeyDown);
-  const autoFocusAnimFrame = _();
-  const popoverPositionAnchorElement = useClickOutside(
-    usePopoverPositioner(getGapByVariant(variant), targetElement, variant, position, arrowRef, setToTargetWidth, showOverlay, fitPosition),
-    dismiss,
-    variant === PopoverContainerVariant.TOOLTIP && !open,
-    ClickOutsideVariant.POPOVER
-  );
-  const popoverFocusTrapElement = useFocusTrap(disableFocusTrap ? null : popoverPositionAnchorElement, onCloseFocusTrap);
-  const popoverElement = useReflex(
-    T(
-      (current) => {
-        if (current instanceof Element) {
-          cancelAnimationFrame(autoFocusAnimFrame.current);
-          autoFocusAnimFrame.current = requestAnimationFrame(() => {
-            if (popoverOpen.current === open)
-              return;
-            if (!(popoverOpen.current = open))
-              return;
-            const focusable = findFirstFocusableElement(current);
-            focusable == null ? void 0 : focusable.focus();
-          });
-        }
+    [r, n]
+  ), d = T(E), V = T(), M = io(
+    uo(Ao(e), n, e, q, F, x, f, W),
+    r,
+    e === c.TOOLTIP && !p,
+    so.POPOVER
+  ), j = mo(a ? null : M, H), G = Po(
+    A(
+      (m) => {
+        m instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
+          if (I.current === p || !(I.current = p))
+            return;
+          const u = To(m);
+          u == null || u.focus();
+        }));
       },
-      [open]
+      [p]
     ),
-    disableFocusTrap ? popoverPositionAnchorElement : popoverFocusTrapElement
-  );
-  const popoverElementWithId = useUniqueIdentifier(popoverElement);
-  const conditionalClasses = F(
+    a ? M : j
+  ), z = D(G), J = k(
     () => ({
-      [`${DEFAULT_POPOVER_CLASSNAME}--medium`]: containerSize === PopoverContainerSize.MEDIUM,
-      [`${DEFAULT_POPOVER_CLASSNAME}--with-divider`]: !!divider,
-      [`${DEFAULT_POPOVER_CLASSNAME}--wide`]: containerSize === PopoverContainerSize.WIDE,
-      [`${DEFAULT_POPOVER_CLASSNAME}--fit-content`]: fitContent,
-      [`${DEFAULT_POPOVER_CLASSNAME}--without-space`]: withoutSpace,
-      [`${DEFAULT_POPOVER_CLASSNAME}--auto-width`]: showOverlay
+      [`${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
     }),
-    [containerSize, divider, withoutSpace, fitContent, showOverlay]
+    [O, L, S, _, f]
   );
-  p(() => {
-    document.removeEventListener("keydown", cachedOnKeyDown.current);
-    document.addEventListener("keydown", cachedOnKeyDown.current = onKeyDown);
-    return () => document.removeEventListener("keydown", cachedOnKeyDown.current);
-  }, [onKeyDown]);
-  const classNamesByVariant = variant === PopoverContainerVariant.TOOLTIP ? DEFAULT_TOOLTIP_CLASSNAME : `${DEFAULT_POPOVER_CLASSNAME} ${POPOVER_CONTAINER_CLASSNAME}`;
-  const classNamesContentByVariant = variant === PopoverContainerVariant.TOOLTIP ? TOOLTIP_CONTENT_CLASSNAME : `${POPOVER_CONTENT_CLASSNAME}`;
-  return z(
-    /* @__PURE__ */ o(k, { children: open ? /* @__PURE__ */ o(k, { children: [
-      showOverlay && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
+  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}`;
+  return Oo(
+    /* @__PURE__ */ o(N, { children: p ? /* @__PURE__ */ o(N, { children: [
+      f && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
       /* @__PURE__ */ o(
         "div",
         {
           id: "popover",
-          ref: popoverElementWithId,
-          ...uncontrolledProps,
-          className: cx(classNamesByVariant, conditionalClasses, classNameModifiers),
+          ref: z,
+          ...v,
+          className: B(Q, J, K),
           style: { visibility: "hidden" },
-          role: uncontrolledProps.role ?? (variant === PopoverContainerVariant.POPOVER ? "dialog" : "tooltip"),
+          role: v.role ?? (e === c.POPOVER ? "dialog" : "tooltip"),
           children: [
-            (title || isDismissible) && /* @__PURE__ */ o("div", { className: getModifierClasses(POPOVER_HEADER_CLASSNAME, modifiers, [POPOVER_HEADER_CLASSNAME]), children: [
-              title && /* @__PURE__ */ o("div", { className: POPOVER_HEADER_TITLE_CLASSNAME, children: /* @__PURE__ */ o(PopoverTitle, { title }) }),
-              isDismissible && /* @__PURE__ */ o(PopoverDismissButton, { onClick: dismiss })
+            (s || R) && /* @__PURE__ */ o("div", { className: ao($, b, [$]), children: [
+              s && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(to, { title: s }) }),
+              R && /* @__PURE__ */ o(no, { onClick: r })
             ] }),
-            children && /* @__PURE__ */ o(k, { children: [
+            y && /* @__PURE__ */ o(N, { children: [
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: cx(classNamesContentByVariant, {
-                    [`${POPOVER_CONTENT_CLASSNAME}--with-padding`]: withContentPadding,
-                    [`${POPOVER_CONTENT_CLASSNAME}--overlay`]: showOverlay
+                  className: B(X, {
+                    [`${P}--with-padding`]: U,
+                    [`${P}--overlay`]: f
                   }),
-                  children
+                  children: y
                 }
               ),
-              variant === PopoverContainerVariant.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: arrowRef, className: "adyen-pe-tooltip__arrow" })
+              e === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            actions && /* @__PURE__ */ o("div", { className: POPOVER_FOOTER_CLASSNAME, children: /* @__PURE__ */ o(ButtonActions, { actions, layout: actionsLayout }) })
+            i && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(Y, { actions: i, layout: l }) })
           ]
         }
       )
@@ -166,5 +133,5 @@ function Popover({
   );
 }
 export {
-  Popover as default
+  Uo as default
 };

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

@@ -0,0 +1,4 @@
+const o = "";
+export {
+  o as default
+};

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

@@ -1,24 +1,20 @@
-import '../../../../../PopoverDismissButton.css';
-import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
-import Button from "../../Button/Button.js";
-import { B as ButtonVariant } from "../../../../../types-7ad6576a.mjs";
-import useCoreContext from "../../../../core/Context/useCoreContext.js";
-import { x } from "../../../../../compat.module-a4d537ff.mjs";
-import { k } from "../../../../../preact.module-38e5a571.mjs";
-const PopoverDismissButton$2 = "";
-function PopoverDismissButton({ image = true, onClick }) {
-  const { i18n } = useCoreContext();
-  const getConditionalClasses = () => {
-    return image ? "adyen-pe-popover-dismiss-button--on-image" : "";
-  };
-  return /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(
-    Button,
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ButtonVariant as n } from "../../Button/types.js";
+import "./PopoverDismissButton.scss.js";
+import r from "../../../../core/Context/useCoreContext.js";
+import { memo as s } from "../../../../external/preact/compat/dist/compat.module.js";
+import l from "../../Button/Button.js";
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+function a({ image: t = !0, onClick: e }) {
+  const { i18n: i } = r();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
+    l,
     {
-      className: getConditionalClasses(),
-      iconButton: true,
-      variant: ButtonVariant.TERTIARY,
-      onClick,
-      "aria-label": i18n.get("closeIconLabel"),
+      className: (() => t ? "adyen-pe-popover-dismiss-button--on-image" : "")(),
+      iconButton: !0,
+      variant: n.TERTIARY,
+      onClick: e,
+      "aria-label": i.get("closeIconLabel"),
       children: /* @__PURE__ */ o("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", children: [
         /* @__PURE__ */ o("title", { children: "dismiss" }),
         /* @__PURE__ */ o(
@@ -34,7 +30,7 @@ function PopoverDismissButton({ image = true, onClick }) {
     }
   ) });
 }
-const PopoverDismissButton$1 = x(PopoverDismissButton);
+const L = s(a);
 export {
-  PopoverDismissButton$1 as default
+  L as default
 };

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

@@ -0,0 +1,4 @@
+const o = "";
+export {
+  o as default
+};