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

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

@@ -1,39 +1,39 @@
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as s } from "../Button/types.js";
+import { ButtonVariant as _ } from "../Button/types.js";
 import v from "../SVGIcons/Close.js";
 import g from "../../../core/Context/useCoreContext.js";
-import { useRef as k, useCallback as u, useEffect as x } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as N, useCallback as i, useEffect as k } from "../../../external/preact/hooks/dist/hooks.module.js";
 import c from "classnames";
 import "./Modal.scss.js";
 import E from "../Button/Button.js";
-import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
-function L(r) {
+import { Fragment as x } from "../../../external/preact/dist/preact.module.js";
+function B(r) {
   return !(!r || !("nodeType" in r));
 }
-function M({
+function K({
   title: r,
-  children: i,
+  children: u,
   classNameModifiers: f = [],
   isOpen: e,
-  onClose: n,
+  onClose: t,
   isDismissible: d = !0,
   headerWithBorder: y = !0,
-  size: t = "fluid",
-  ...h
+  size: n = "fluid",
+  ...s
 }) {
-  const l = k(null), { i18n: w } = g(), _ = u(
+  const l = N(null), { i18n: h } = g(), w = i(
     (o) => {
       var p;
-      d && e && L(o.target) && !((p = l == null ? void 0 : l.current) != null && p.contains(o.target)) && n();
+      d && e && B(o.target) && !((p = l == null ? void 0 : l.current) != null && p.contains(o.target)) && t();
     },
-    [d, e, n]
-  ), m = u(
+    [d, e, t]
+  ), m = i(
     (o) => {
-      o.key === "Escape" && e && d && n();
+      o.key === "Escape" && e && d && t();
     },
-    [e, d, n]
+    [e, d, t]
   );
-  return x(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(N, { children: e && /* @__PURE__ */ a(
+  return k(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(x, { children: e && /* @__PURE__ */ a(
     "div",
     {
       className: c(
@@ -44,17 +44,17 @@ function M({
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !open,
-      onClick: _,
-      ...h,
+      onClick: w,
+      ...s,
       children: /* @__PURE__ */ a(
         "div",
         {
           className: c("adyen-pe-modal", {
-            "adyen-pe-modal--fluid": t === "fluid",
-            "adyen-pe-modal--small": t === "small",
-            "adyen-pe-modal--large": t === "large",
-            "adyen-pe-modal--extra-large": t === "extra-large",
-            "adyen-pe-modal--full-screen": t === "full-screen"
+            "adyen-pe-modal--fluid": n === "fluid",
+            "adyen-pe-modal--small": n === "small",
+            "adyen-pe-modal--large": n === "large",
+            "adyen-pe-modal--extra-large": n === "extra-large",
+            "adyen-pe-modal--full-screen": n === "full-screen"
           }),
           ref: l,
           children: [
@@ -70,17 +70,19 @@ function M({
                   d && /* @__PURE__ */ a(
                     E,
                     {
-                      onClick: n,
-                      variant: s.TERTIARY,
+                      onClick: t,
+                      variant: _.TERTIARY,
+                      iconButton: !0,
+                      classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__header-icon",
-                      "aria-label": w.get("dismiss"),
+                      "aria-label": h.get("dismiss"),
                       children: /* @__PURE__ */ a(v, {})
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ a("div", { className: "adyen-pe-modal__content", children: i })
+            /* @__PURE__ */ a("div", { className: "adyen-pe-modal__content", children: u })
           ]
         }
       )
@@ -88,5 +90,5 @@ function M({
   ) });
 }
 export {
-  M as default
+  K as default
 };

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

@@ -0,0 +1,16 @@
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../DataOverviewDetails/DataOverviewDetails.js";
+import "./ModalContent.scss.js";
+import { Fragment as n } from "../../../../external/preact/dist/preact.module.js";
+import { hasOwnProperty as m } from "../../../../utils/struct/property.js";
+const a = {
+  base: "adyen-pe-modal-content"
+}, l = (o) => m(o, "id");
+function v({ type: o, data: r }) {
+  const t = i(() => o === "payout" ? { ...r, type: "payout" } : l(r) ? { data: r, type: o } : { id: r, type: o }, [r, o]);
+  return /* @__PURE__ */ e(n, { children: t && /* @__PURE__ */ e("div", { className: a.base, children: /* @__PURE__ */ e(s, { ...t }) }) });
+}
+export {
+  v as default
+};

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

@@ -1,33 +1,34 @@
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as d } from "../Button/types.js";
+import { ButtonVariant as s } from "../Button/types.js";
 import b from "../../../core/Context/useCoreContext.js";
-import v from "classnames";
-import { useMemo as h, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import h from "classnames";
+import { useMemo as v, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Pagination.scss.js";
 import _ from "../SVGIcons/ChevronLeft.js";
-import R from "../SVGIcons/ChevronRight.js";
-import T from "../FormFields/Select/Select.js";
-import s from "../Button/Button.js";
-import { EMPTY_ARRAY as c } from "../../../utils/common/constants.js";
-function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitOptions: t, onLimitSelection: i }) {
-  const { i18n: n } = b(), l = h(
+import N from "../SVGIcons/ChevronRight.js";
+import R from "../FormFields/Select/Select.js";
+import d from "../Button/Button.js";
+import { isNullish as T } from "../../../utils/value/is.js";
+import { EMPTY_ARRAY as c } from "../../../utils/value/constants.js";
+function q({ next: m, hasNext: n, hasPrev: o, page: p, prev: f, limit: u, limitOptions: t, onLimitSelection: i }) {
+  const { i18n: r } = b(), l = v(
     () => t && Object.freeze(t.map((e) => ({ id: `${e}`, name: `${e}` }))),
     [t]
   ), g = C(
     ({ target: e }) => {
-      (e == null ? void 0 : e.value) != null && (i == null || i(+e.value));
+      T(e == null ? void 0 : e.value) || i == null || i(+e.value);
     },
     [i]
   );
-  return /* @__PURE__ */ a("div", { "aria-label": n.get("paginatedNavigation"), className: `adyen-pe-pagination ${v({})}`, children: [
+  return /* @__PURE__ */ a("div", { "aria-label": r.get("paginatedNavigation"), className: `adyen-pe-pagination ${h({})}`, children: [
     /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__context", children: [
       /* @__PURE__ */ a("span", { children: [
-        n.get("pagination.page"),
+        r.get("pagination.showing"),
         " ",
         p
       ] }),
       l && i && /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__limit-selector", children: /* @__PURE__ */ a(
-        T,
+        R,
         {
           setToTargetWidth: !0,
           filterable: !1,
@@ -40,10 +41,10 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
     ] }),
     /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__controls", children: [
       /* @__PURE__ */ a(
-        s,
+        d,
         {
-          "aria-label": n.get("pagination.previousPage"),
-          variant: d.TERTIARY,
+          "aria-label": r.get("pagination.previousPage"),
+          variant: s.TERTIARY,
           disabled: !o,
           iconButton: !0,
           classNameModifiers: ["circle"].concat(o ? c : "disabled"),
@@ -52,20 +53,20 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
         }
       ),
       /* @__PURE__ */ a(
-        s,
+        d,
         {
-          "aria-label": n.get("pagination.nextPage"),
-          variant: d.TERTIARY,
-          disabled: !r,
+          "aria-label": r.get("pagination.nextPage"),
+          variant: s.TERTIARY,
+          disabled: !n,
           iconButton: !0,
-          classNameModifiers: ["circle"].concat(r ? c : "disabled"),
+          classNameModifiers: ["circle"].concat(n ? c : "disabled"),
           onClick: m,
-          children: /* @__PURE__ */ a(R, { disabled: !r })
+          children: /* @__PURE__ */ a(N, { disabled: !n })
         }
       )
     ] })
   ] });
 }
 export {
-  I as default
+  q as default
 };

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

@@ -1,22 +1,22 @@
 import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { isString as i } from "../../../../utils/validator-utils.js";
 import d from "./usePagination.js";
-const f = (e) => i(e.next), C = (e) => i(e.prev), h = (e, u) => {
+import { isString as i, isUndefined as f } from "../../../../utils/value/is.js";
+const C = (e) => i(e.next), h = (e) => i(e.prev), l = (e, u) => {
   const c = m(() => {
     const o = [], P = () => o.length, a = () => {
       o.length = 0;
-    }, g = (t) => ({ cursor: o[t - 1] }), s = (t, r) => {
-      const n = o[r - 1];
-      (r === 1 || r === (o.length || 1) + 1) && n === void 0 && (o[r - 1] = t ? decodeURIComponent(t) : void 0);
+    }, g = (t) => ({ cursor: o[t - 1] }), r = (t, s) => {
+      const n = o[s - 1];
+      (s === 1 || s === (o.length || 1) + 1) && f(n) && (o[s - 1] = t ? decodeURIComponent(t) : void 0);
     };
-    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, r, n) => {
-      f(n) && s(n.next, t + 1), C(n) && s(n.prev, t - 1);
+    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, s, n) => {
+      C(n) && r(n.next, t + 1), h(n) && r(n.prev, t - 1);
     } };
   }, []);
   return d(c, e, u);
-}, S = h;
+}, U = l;
 export {
-  S as default,
-  f as hasNextPage,
-  C as hasPrevPage
+  U as default,
+  C as hasNextPage,
+  h as hasPrevPage
 };

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

@@ -1,7 +1,8 @@
-import { useRef as f, useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { DEFAULT_PAGE_LIMIT as l } from "../constants.js";
-import { getClampedPageLimit as m } from "../utils.js";
-import { isNumber as d, mid as p } from "../../../../utils/common/index.js";
+import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { DEFAULT_PAGE_LIMIT as a } from "../constants.js";
+import { getClampedPageLimit as l } from "../utils.js";
+import { isNumber as d } from "../../../../utils/value/is.js";
+import { mid as p } from "../../../../utils/value/number.js";
 const h = (r, o) => {
   const n = r.length - 1;
   if (n < 0)
@@ -18,22 +19,22 @@ const h = (r, o) => {
     o > e ? c = i + 1 : s = i - 1;
   }
 }, b = ({
-  preferredLimit: r = l,
+  preferredLimit: r = a,
   preferredLimitOptions: o
 }) => {
-  const n = f(), i = f(), c = a(() => {
+  const n = f(), i = f(), c = m(() => {
     try {
       const e = /* @__PURE__ */ new Set();
       for (const t of o) {
-        const u = m(t);
+        const u = l(t);
         u > 0 && e.add(u);
       }
       return Object.freeze([...e].sort((t, u) => t - u));
     } catch {
     }
   }, [o]);
-  return { limit: a(() => {
-    let e = m(r) || l;
+  return { limit: m(() => {
+    let e = l(r) || a;
     e:
       try {
         if (n.current === c)
@@ -60,8 +61,8 @@ const h = (r, o) => {
       }
     return i.current = e;
   }, [c, r]), limitOptions: c };
-}, O = b;
+}, P = b;
 export {
-  O as default,
+  P as default,
   h as getNearestFromSortedUniqueNums
 };

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

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

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

@@ -1,5 +1,5 @@
 import o from "../../../../hooks/useReactiveState/useReactiveState.js";
-import { EMPTY_OBJECT as d } from "../../../../utils/common/constants.js";
+import { EMPTY_OBJECT as d } from "../../../../utils/value/constants.js";
 const u = (t = d, e) => {
   const {
     canResetState: s,

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

@@ -1,15 +1,15 @@
 import { useRef as p, useCallback as P, useState as G, useMemo as s, useEffect as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { getClampedPageLimit as j } from "../utils.js";
-import { noop as H } from "../../../../utils/common/index.js";
-import J from "../../../../hooks/useMounted/useMounted.js";
-import K from "../../../../hooks/useBooleanState/useBooleanState.js";
+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 = J(
+  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, $] = K(!1), e = s(() => j(M), [M]), { getPageCount: v, getPageParams: I, resetPageCount: z, updatePagination: R } = V, n = s(() => l ? (o) => {
+  ), [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;
@@ -28,7 +28,7 @@ const L = (V, l, M) => {
         console.error(d);
       }
     })()));
-  } : H, [e, l]), q = P(() => {
+  } : K, [e, l]), q = P(() => {
     t && n(Math.min(t + 1, v()));
   }, [n, t]), w = P(() => {
     t && n(Math.max(t - 1, 1));

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

@@ -1,50 +1,51 @@
 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 eo, POPOVER_FOOTER_CLASSNAME as ro, POPOVER_HEADER_CLASSNAME as $ } from "./constants.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 uo from "../../../hooks/element/useFocusTrap.js";
-import mo from "../../../hooks/element/usePopoverPositioner.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 { SELECTORS as ao, isFocusable as po } from "../../../primitives/dom/tabbableRoot/tabbable.js";
 import B from "classnames";
-import { createPortal as Oo } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as w, useRef as T, useCallback as A, useEffect as Eo } from "../../../external/preact/hooks/dist/hooks.module.js";
+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 "./Popover.scss.js";
-import Po from "../../../hooks/useReflex/hooks/useReflex.js";
+import Oo from "../../../hooks/useReflex/useReflex.js";
 import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
-const To = (i) => {
-  var e;
+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;
   let a;
-  const l = (e = i.querySelector(`.${k}`)) == null ? void 0 : e.querySelectorAll(fo);
+  const l = (r = i.querySelector(`.${k}`)) == null ? void 0 : r.querySelectorAll(ao);
   return l ? (Array.prototype.some.call(l, (s) => {
-    if (lo(s))
+    if (po(s))
       return a = s;
   }), a) : null;
-}, Ao = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
-function Uo({
+}, No = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
+function Wo({
   actions: i,
   disableFocusTrap: a = !1,
   actionsLayout: l = z.SPACE_BETWEEN,
-  variant: e = c.TOOLTIP,
+  variant: r = c.TOOLTIP,
   title: s,
   open: p,
   dismissible: C,
-  modifiers: q,
+  modifiers: b,
   divider: L,
   fitContent: _,
   withoutSpace: S,
   containerSize: O,
-  position: x,
+  position: q,
   targetElement: n,
-  setToTargetWidth: b,
-  dismiss: r,
+  setToTargetWidth: x,
+  dismiss: e,
   children: y,
   withContentPadding: U,
   classNameModifiers: K,
@@ -52,30 +53,30 @@ function Uo({
   fitPosition: W,
   ...v
 }) {
-  const R = w(() => po(r) && C !== !1, [r, C]), F = D(), I = T(), j = A(
-    (u) => {
-      var m;
-      r && r(), u && ((m = n == null ? void 0 : n.current) == null || m.focus());
+  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());
     },
-    [r, n]
+    [e, n]
   ), E = A(
-    (u) => {
-      u.code === co.ESCAPE && (r && r(), (n == null ? void 0 : n.current).focus());
+    (m) => {
+      m.code === co.ESCAPE && (e && e(), (n == null ? void 0 : n.current).focus());
     },
-    [r, n]
+    [e, n]
   ), d = T(E), V = T(), M = io(
-    mo(Ao(e), n, e, x, F, b, f, W),
-    r,
-    e === c.TOOLTIP && !p,
+    uo(No(r), n, r, q, F, x, f, W),
+    e,
+    r === c.TOOLTIP && !p,
     so.POPOVER
-  ), H = uo(a ? null : M, j), G = Po(
+  ), H = mo(a ? null : M, j), G = Oo(
     A(
-      (u) => {
-        u instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
+      (m) => {
+        m instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
           if (I.current === p || !(I.current = p))
             return;
-          const m = To(u);
-          m == null || m.focus();
+          const u = Ao(m);
+          u == null || u.focus();
         }));
       },
       [p]
@@ -92,9 +93,9 @@ function Uo({
     }),
     [O, L, S, _, f]
   );
-  Eo(() => (document.removeEventListener("keydown", d.current), document.addEventListener("keydown", d.current = E), () => document.removeEventListener("keydown", d.current)), [E]);
-  const X = e === c.TOOLTIP ? g : `${t} ${oo}`, Y = e === c.TOOLTIP ? k : `${P}`;
-  return Oo(
+  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(
@@ -105,11 +106,11 @@ function Uo({
           ...v,
           className: B(X, Q, K),
           style: { visibility: "hidden" },
-          role: v.role ?? (e === c.POPOVER ? "dialog" : "tooltip"),
+          role: v.role ?? (r === c.POPOVER ? "dialog" : "tooltip"),
           children: [
-            (s || R) && /* @__PURE__ */ o("div", { className: ao($, q, [$]), children: [
-              s && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(to, { title: s }) }),
-              R && /* @__PURE__ */ o(no, { onClick: r })
+            (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(
@@ -122,9 +123,9 @@ function Uo({
                   children: y
                 }
               ),
-              e === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
+              r === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            i && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(Z, { actions: i, layout: l }) })
+            i && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(Z, { actions: i, layout: l }) })
           ]
         }
       )
@@ -133,5 +134,5 @@ function Uo({
   );
 }
 export {
-  Uo as default
+  Wo as default
 };