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

package/dist/es/components/internal/FormFields/InputBase.js

@@ -3,13 +3,13 @@ import _ from "classnames";
 import { forwardRef as P } from "../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./FormFields.scss.js";
-import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as k } from "../../../external/preact/dist/preact.module.js";
 import { hasOwnProperty as q } from "../../../utils/struct/property.js";
 function u({
-  onInput: i,
+  onInput: a,
   onKeyUp: d,
-  trimOnBlur: c,
+  trimOnBlur: l,
   onBlurHandler: e,
   onBlur: t,
   onFocusHandler: s,
@@ -25,22 +25,22 @@ function u({
     spellCheck: O,
     type: y,
     uniqueId: o,
-    isCollatingErrors: N,
-    disabled: $
+    isCollatingErrors: $,
+    disabled: g
   } = p;
   q(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const g = r((a) => {
-    i == null || i(a);
-  }, [i]), R = r((a) => {
-    d && d(a);
-  }, [d]), b = r((a) => {
-    e == null || e(a), c && (a.target.value = a.target.value.trim()), t == null || t(a);
-  }, [t, e, c]), w = r((a) => {
-    s == null || s(a);
-  }, [s]), x = _("adyen-pe-input", [`adyen-pe-input--${y}`], p.className, {
+  const N = r((i) => {
+    a == null || a(i);
+  }, [a]), x = r((i) => {
+    d && d(i);
+  }, [d]), R = r((i) => {
+    e == null || e(i), l && (i.target.value = i.target.value.trim()), t == null || t(i);
+  }, [t, e, l]), b = r((i) => {
+    s == null || s(i);
+  }, [s]), w = _("adyen-pe-input", [`adyen-pe-input--${y}`], p.className, {
     "adyen-pe-input--invalid": n,
     "adyen-pe-input--valid": C
-  }, m == null ? void 0 : m.map((a) => `adyen-pe-input--${a}`)), {
+  }, m == null ? void 0 : m.map((i) => `adyen-pe-input--${i}`)), {
     classNameModifiers: V,
     uniqueId: j,
     isInvalid: F,
@@ -48,22 +48,22 @@ function u({
     isCollatingErrors: U,
     ...E
   } = p;
-  return l(k, {
-    children: [l("input", {
+  return c(k, {
+    children: [c("input", {
       id: o,
       ...E,
       type: y,
-      className: x,
+      className: w,
       readOnly: I,
-      "aria-describedby": N ? void 0 : `${o}${h}`,
+      "aria-describedby": $ ? void 0 : `${o}${h}`,
       "aria-invalid": n,
-      onInput: g,
-      onBlur: b,
-      onFocus: w,
-      onKeyUp: R,
-      disabled: $,
+      onInput: N,
+      onBlur: R,
+      onFocus: b,
+      onKeyUp: x,
+      disabled: g,
       ref: v
-    }), n && f && l("span", {
+    }), n && f && c("span", {
       className: "adyen-pe-input__invalid-value",
       id: `${o}${h}`,
       children: f

package/dist/es/components/internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js

@@ -1,6 +1,6 @@
 import { memo as n } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useResponsiveViewport as p, mediaQueries as C } from "../../../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as p, mediaQueries as C } from "../../../../hooks/useResponsiveViewport.js";
 import { renderDefaultSingleSelectionCheckedness as c } from "../components/SelectListItem.js";
 import "./BalanceAccountSelector.scss.js";
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";

package/dist/es/components/internal/FormFields/Select/Select.js

@@ -44,7 +44,7 @@ const ke = ({
     items: g,
     multiSelect: m,
     selected: H
-  }), [o, i] = T(!1), [h, d] = T(""), E = a(null), p = a(null), k = a(null), v = a(`select-${Re()}`), [te, B] = T(0), N = a(), S = a(!0), C = a(!1), L = a(n), x = a(n), re = l(() => {
+  }), [o, i] = T(!1), [h, d] = T(""), E = a(null), p = a(null), k = a(null), v = a(`select-${Re()}`), [te, x] = T(0), B = a(), S = a(!0), C = a(!1), L = a(n), N = a(n), re = l(() => {
     d(""), i(!1), o && (f(L.current), S.current = !0);
   }, [f, i, d, o]), se = de(() => fe([K, {
     [Ee]: De(m)
@@ -90,10 +90,10 @@ const ke = ({
     }
   }, [g, I]);
   b(() => {
-    x.current !== n && (x.current = n, (!m || C.current) && (R(), c())), C.current = !1;
+    N.current !== n && (N.current = n, (!m || C.current) && (R(), c())), C.current = !1;
   }, [c, R, m, n]), b(() => {
-    W && (B(n.length), c());
-  }, [W, c, B, n.length]);
+    W && (x(n.length), c());
+  }, [W, c, x, n.length]);
   const oe = l((e) => {
     switch (e.code) {
       case s.ESCAPE:
@@ -120,7 +120,7 @@ const ke = ({
     e.preventDefault(), i(!0);
   }, [c, u, A, o, i, h]);
   b(() => {
-    o && (cancelAnimationFrame(N.current), N.current = requestAnimationFrame(() => {
+    o && (cancelAnimationFrame(B.current), B.current = requestAnimationFrame(() => {
       var e;
       e: {
         let t = (e = p.current) == null ? void 0 : e.firstElementChild, r;

package/dist/es/components/internal/FormFields/Select/components/SelectList.js

@@ -1,6 +1,6 @@
-import { useResponsiveViewport as R, mediaQueries as w } from "../../../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
-import b from "../../../Popover/Popover.js";
-import { PopoverContainerSize as x, PopoverContainerVariant as A, PopoverContainerPosition as V } from "../../../Popover/types.js";
+import { useResponsiveViewport as R, mediaQueries as w } from "../../../../hooks/useResponsiveViewport.js";
+import x from "../../../Popover/Popover.js";
+import { PopoverContainerSize as b, PopoverContainerVariant as A, PopoverContainerPosition as V } from "../../../Popover/types.js";
 import g from "../../../../../core/Context/useCoreContext.js";
 import a from "classnames";
 import { memo as h } from "../../../../../external/preact/compat/dist/compat.module.js";
@@ -34,7 +34,7 @@ const $ = B(({
   } = g(), L = R(w.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), T = a(F, {
     [W]: i
   }), I = a(z, j), M = l(() => Q(t) ? t : y, [t]), r = l(() => U(s), [s]);
-  return i ? o(b, {
+  return i ? o(x, {
     classNameModifiers: P,
     actions: r ? p : void 0,
     disableFocusTrap: !0,
@@ -43,7 +43,7 @@ const $ = B(({
     dismissible: !1,
     open: i,
     setToTargetWidth: N,
-    containerSize: x.MEDIUM,
+    containerSize: b.MEDIUM,
     variant: A.POPOVER,
     targetElement: S,
     withContentPadding: !1,

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

@@ -2,11 +2,11 @@ import t from "classnames";
 import { useImageUrl as i } from "../../../hooks/useImageUrl/useImageUrl.js";
 import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const f = ({
+const l = ({
   folder: m = "components/",
   className: r,
-  alt: s,
-  name: e,
+  alt: e,
+  name: s,
   extension: o
 }) => {
   const a = i({
@@ -14,14 +14,14 @@ const f = ({
       imageFolder: m,
       extension: o
     }), [o, m]),
-    name: e
+    name: s
   });
   return c("img", {
     className: t("adyen-pe__image", r),
-    alt: s,
+    alt: e,
     src: a
   });
 };
 export {
-  f as Image
+  l as Image
 };

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

@@ -5,8 +5,8 @@ import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 function L(s) {
   const {
     backgroundUrl: a = "",
-    className: m = "",
-    classNameModifiers: c = [],
+    className: c = "",
+    classNameModifiers: m = [],
     src: l = "",
     alt: d = "",
     showOnError: f = !1
@@ -14,9 +14,9 @@ function L(s) {
     o(!0);
   }, g = () => {
     o(f);
-  }, t = E([m], "adyen-pe-image", {
+  }, t = E([c], "adyen-pe-image", {
     "adyen-pe-image--loaded": i
-  }, ...c.map((e) => `adyen-pe-image--${e}`));
+  }, ...m.map((e) => `adyen-pe-image--${e}`));
   return y(() => {
     const e = a ? new Image() : r.current;
     e && (e.src = a || l, e.onload = u), o(!!(e != null && e.complete));

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

@@ -1,13 +1,13 @@
 import { useClickOutside as w } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveViewport as h, mediaQueries as _ } from "../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as h, mediaQueries as _ } from "../../hooks/useResponsiveViewport.js";
 import { ButtonVariant as v } from "../Button/types.js";
 import g from "../SVGIcons/Close.js";
-import E from "../../../core/Context/useCoreContext.js";
-import { useCallback as N, useEffect as k } from "../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../../../core/Context/useCoreContext.js";
+import { useCallback as E, useEffect as k } from "../../../external/preact/hooks/dist/hooks.module.js";
 import m from "classnames";
 import "./Modal.scss.js";
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import x from "../Button/Button.js";
+import N from "../Button/Button.js";
 import { Fragment as B } from "../../../external/preact/dist/preact.module.js";
 function K({
   title: n,
@@ -22,7 +22,7 @@ function K({
 }) {
   const u = h(_.down.xs), {
     i18n: f
-  } = E(), y = w(null, d), l = N((t) => {
+  } = x(), y = w(null, d), l = E((t) => {
     t.key === "Escape" && a && o && d();
   }, [a, o, d]);
   return k(() => (a ? window.addEventListener("keydown", l) : window.removeEventListener("keydown", l), () => window.removeEventListener("keydown", l)), [a, l]), e(B, {
@@ -52,7 +52,7 @@ function K({
           children: [n && e("div", {
             className: "adyen-pe-modal__header__title",
             children: n
-          }), o && e(x, {
+          }), o && e(N, {
             onClick: d,
             variant: v.TERTIARY,
             iconButton: !0,

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

@@ -1,10 +1,10 @@
 import { ButtonVariant as s } from "../Button/types.js";
-import b from "../../../core/Context/useCoreContext.js";
-import h from "classnames";
-import { useMemo as v, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../core/Context/useCoreContext.js";
+import b from "classnames";
+import { useMemo as h, useCallback as v } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Pagination.scss.js";
-import _ from "../SVGIcons/ChevronLeft.js";
-import N from "../SVGIcons/ChevronRight.js";
+import C from "../SVGIcons/ChevronLeft.js";
+import _ from "../SVGIcons/ChevronRight.js";
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import R from "../FormFields/Select/Select.js";
 import d from "../Button/Button.js";
@@ -14,29 +14,29 @@ function q({
   next: m,
   hasNext: n,
   hasPrev: o,
-  page: p,
-  prev: f,
-  limit: u,
+  page: N,
+  prev: p,
+  limit: f,
   limitOptions: t,
   onLimitSelection: i
 }) {
   const {
     i18n: r
-  } = b(), l = v(() => t && Object.freeze(t.map((e) => ({
+  } = g(), l = h(() => t && Object.freeze(t.map((e) => ({
     id: `${e}`,
     name: `${e}`
-  }))), [t]), g = C(({
+  }))), [t]), u = v(({
     target: e
   }) => {
     T(e == null ? void 0 : e.value) || i == null || i(+e.value);
   }, [i]);
   return a("div", {
     "aria-label": r.get("paginatedNavigation"),
-    className: `adyen-pe-pagination ${h({})}`,
+    className: `adyen-pe-pagination ${b({})}`,
     children: [a("div", {
       className: "adyen-pe-pagination__context",
       children: [a("span", {
-        children: [r.get("pagination.showing"), " ", p]
+        children: r.get("pagination.showing")
       }), l && i && a("div", {
         className: "adyen-pe-pagination__limit-selector",
         children: a(R, {
@@ -44,8 +44,8 @@ function q({
           filterable: !1,
           multiSelect: !1,
           items: l,
-          onChange: g,
-          selected: `${u ?? ""}`
+          onChange: u,
+          selected: `${f ?? ""}`
         })
       })]
     }), a("div", {
@@ -56,8 +56,8 @@ function q({
         disabled: !o,
         iconButton: !0,
         classNameModifiers: ["circle"].concat(o ? c : "disabled"),
-        onClick: f,
-        children: a(_, {
+        onClick: p,
+        children: a(C, {
           disabled: !o
         })
       }), a(d, {
@@ -67,7 +67,7 @@ function q({
         iconButton: !0,
         classNameModifiers: ["circle"].concat(n ? c : "disabled"),
         onClick: m,
-        children: a(N, {
+        children: a(_, {
           disabled: !n
         })
       })]

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

@@ -5,8 +5,8 @@ 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 { useClickOutside as mo, ClickOutsideVariant as po, CONTROL_ELEMENT_PROPERTY as O } from "../../../hooks/element/useClickOutside.js";
+import ao 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";
@@ -22,20 +22,20 @@ 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;
+  let p;
   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;
+      return p = u;
+  }), p) : null;
 }, Co = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
 function Ho({
   actions: s,
-  disableFocusTrap: a = !1,
+  disableFocusTrap: p = !1,
   actionsLayout: l = ro.SPACE_BETWEEN,
   variant: e = i.TOOLTIP,
   title: u,
-  open: p,
+  open: a,
   dismissible: S,
   modifiers: K,
   divider: y,
@@ -58,14 +58,14 @@ function Ho({
     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) => {
+  }, [n, o]), P = L(E), h = L(), D = mo(fo(Co(e), o, e, W, V, j, f, Y), n, e === i.TOOLTIP && !a, po.POPOVER), Q = ao(p ? 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))
+      if ($.current === a || !($.current = a))
         return;
       const A = Lo(t);
       A == null || A.focus();
     }));
-  }, [p, o]), a ? D : Q), X = k(T), Z = q(() => ({
+  }, [a, o]), p ? D : Q), X = k(T), Z = q(() => ({
     [`${c}--medium`]: d === w.MEDIUM,
     [`${c}--with-divider`]: !!y,
     [`${c}--wide`]: d === w.WIDE,
@@ -78,7 +78,7 @@ function Ho({
   }, [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: a ? r(_, {
       children: [f && r("div", {
         className: "adyen-pe-popover__overlay"
       }), r("div", {

package/dist/es/components/internal/SVGIcons/Download.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const t = ({
+  ...l
+}) => o("svg", {
+  width: "15",
+  height: "14",
+  viewBox: "0 0 15 14",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...l,
+  children: [o("path", {
+    d: "M8.25 0.25V8.18957L10.5001 5.93945L11.5608 7.00011L7.50011 11.0608L3.43945 7.00011L4.50011 5.93945L6.75 8.18934V0.25H8.25Z",
+    fill: "currentColor"
+  }), o("path", {
+    d: "M2.25 11.5V9.25H0.75V11.5C0.75 12.0967 0.987053 12.669 1.40901 13.091C1.83097 13.5129 2.40326 13.75 3 13.75H12C12.5967 13.75 13.169 13.5129 13.591 13.091C14.0129 12.669 14.25 12.0967 14.25 11.5V9.25H12.75V11.5C12.75 11.6989 12.671 11.8897 12.5303 12.0303C12.3897 12.171 12.1989 12.25 12 12.25H3C2.80109 12.25 2.61032 12.171 2.46967 12.0303C2.32902 11.8897 2.25 11.6989 2.25 11.5Z",
+    fill: "currentColor"
+  })]
+}), n = t;
+export {
+  n as default
+};

package/dist/es/components/internal/SVGIcons/Warning.js

@@ -0,0 +1,23 @@
+import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const r = ({
+  ...o
+}) => C("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [C("path", {
+    d: "M8.75 4.58008H7.25V9.08008H8.75V4.58008Z",
+    fill: "currentColor"
+  }), C("path", {
+    d: "M8.71 10.6201C8.57 10.4801 8.39 10.3801 8.2 10.3501C8.01 10.3101 7.8 10.3301 7.62 10.4101C7.44 10.4901 7.28 10.6101 7.17 10.7801C7.06 10.9401 7 11.1401 7 11.3401C7 11.6101 7.11 11.8601 7.29 12.0501C7.48 12.2401 7.73 12.3401 8 12.3401C8.2 12.3401 8.39 12.2801 8.56 12.1701C8.72 12.0601 8.85 11.9001 8.93 11.7201C9.01 11.5401 9.03 11.3401 8.99 11.1401C8.95 10.9501 8.86 10.7701 8.72 10.6301L8.71 10.6201Z",
+    fill: "currentColor"
+  }), C("path", {
+    d: "M9.9501 2.21008L15.3501 11.5301V11.5201C15.5501 11.8601 15.6501 12.2501 15.6501 12.6501C15.6501 13.0501 15.5501 13.4401 15.3501 13.7801C15.1501 14.1201 14.8601 14.4001 14.5201 14.6001C14.1801 14.8001 13.7901 14.9001 13.4001 14.9001H2.6001C2.2001 14.9001 1.8101 14.8001 1.4701 14.6001C1.1301 14.4101 0.850097 14.1201 0.650097 13.7801C0.450097 13.4501 0.350098 13.0601 0.350098 12.6601C0.350098 12.2601 0.450097 11.8701 0.650097 11.5301L6.0601 2.20008C6.2501 1.86008 6.5401 1.58008 6.8801 1.38008C7.5601 0.980078 8.4401 0.980078 9.1301 1.38008C9.4701 1.58008 9.7501 1.87008 9.9501 2.21008ZM13.7701 13.3001C13.8901 13.2401 13.9801 13.1401 14.0501 13.0301L14.0601 13.0401C14.1301 12.9201 14.1601 12.7901 14.1601 12.6601C14.1601 12.5301 14.1301 12.4001 14.0601 12.2901L8.6601 2.96008C8.5901 2.84008 8.5001 2.74008 8.3801 2.68008C8.2601 2.62008 8.1401 2.58008 8.0001 2.58008C7.8601 2.58008 7.7301 2.61008 7.6201 2.68008C7.5101 2.74008 7.4201 2.84008 7.3501 2.95008L1.9501 12.2901C1.8801 12.4001 1.8501 12.5301 1.8501 12.6601C1.8501 12.7901 1.8801 12.9201 1.9501 13.0301C2.0101 13.1401 2.1101 13.2401 2.2201 13.3001C2.3401 13.3601 2.4701 13.4001 2.6001 13.4001H13.3901C13.5301 13.4001 13.6601 13.3701 13.7701 13.3001Z",
+    fill: "currentColor"
+  })]
+}), l = r;
+export {
+  l as default
+};

package/dist/es/components/internal/SVGIcons/WarningFilled.js

@@ -0,0 +1,18 @@
+import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const r = ({
+  ...l
+}) => C("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...l,
+  children: C("path", {
+    d: "M15.3501 11.5301L9.9501 2.21008C9.7501 1.87008 9.4701 1.58008 9.1301 1.38008C8.4401 0.980078 7.5601 0.980078 6.8801 1.38008C6.5401 1.58008 6.2501 1.86008 6.0601 2.20008L0.650097 11.5301C0.450097 11.8701 0.350098 12.2601 0.350098 12.6601C0.350098 13.0601 0.450097 13.4501 0.650097 13.7801C0.850097 14.1201 1.1301 14.4101 1.4701 14.6001C1.8101 14.8001 2.2001 14.9001 2.6001 14.9001H13.4001C13.7901 14.9001 14.1801 14.8001 14.5201 14.6001C14.8601 14.4001 15.1501 14.1201 15.3501 13.7801C15.5501 13.4401 15.6501 13.0501 15.6501 12.6501C15.6501 12.2501 15.5501 11.8601 15.3501 11.5201V11.5301ZM7.2501 4.58008H8.7501V9.08008H7.2501V4.58008ZM8.9201 11.7101C8.8401 11.8901 8.7201 12.0501 8.5501 12.1601C8.3801 12.2701 8.1901 12.3301 7.9901 12.3301C7.7201 12.3301 7.4701 12.2301 7.2801 12.0401C7.0901 11.8501 6.9901 11.6001 6.9901 11.3301C6.9901 11.1301 7.0501 10.9401 7.1601 10.7801C7.2701 10.6201 7.4201 10.4901 7.6101 10.4101C7.7901 10.3301 7.9901 10.3201 8.1901 10.3501C8.3901 10.3901 8.5601 10.4801 8.7001 10.6201C8.8401 10.7601 8.9301 10.9401 8.9701 11.1301C9.0101 11.3201 8.9901 11.5201 8.9101 11.7101H8.9201Z",
+    fill: "currentColor"
+  })
+}), i = r;
+export {
+  i as default
+};

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

@@ -7,13 +7,13 @@ import { SL_GRID_CLASS as m, SL_BASE_CLASS as C, SL_ITEM_CLASS as f, SL_ITEM_WIT
 import "./StructuredList.scss.js";
 import { useStructuredListItems as I } from "./useStructuredListItem.js";
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const N = "6-6";
-function x({
+const v = "6-6";
+function b({
   items: l,
   highlightable: c,
-  renderValue: s,
-  renderLabel: e,
-  layout: L = N,
+  renderValue: e,
+  renderLabel: s,
+  layout: L = v,
   grid: _ = !0
 }) {
   const [n, p] = u(() => L.split("-").map((r) => `${m}--width-${r}-of-12`), [L]), d = I(l), {
@@ -29,14 +29,14 @@ function x({
       }),
       children: [t("dt", {
         className: o(h, n),
-        children: e ? e(r.label) : t(i, {
+        children: s ? s(r.label) : t(i, {
           variant: S.BODY,
           children: r.label
         })
       }), t("dd", {
         "aria-label": `${a.get(r.key)} ${a.get("value")}`,
         className: o(E, p),
-        children: s ? s(r.value) : t(i, {
+        children: e ? e(r.value) : t(i, {
           variant: S.BODY,
           children: r.value
         })
@@ -45,5 +45,5 @@ function x({
   });
 }
 export {
-  x as default
+  b as default
 };

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

@@ -4,17 +4,17 @@ import "./Tag.scss.js";
 import { memo as o } from "../../../external/preact/compat/dist/compat.module.js";
 import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const y = o(({
-  variant: a = e.DEFAULT,
-  label: r
+  variant: r = e.DEFAULT,
+  label: a
 }) => p("div", {
   className: m("adyen-pe-tag", {
-    "adyen-pe-tag--success": a === e.SUCCESS,
-    "adyen-pe-tag--default": a === e.DEFAULT,
-    "adyen-pe-tag--warning": a === e.WARNING,
-    "adyen-pe-tag--error": a === e.ERROR,
-    "adyen-pe-tag--primary": a === e.WHITE
+    "adyen-pe-tag--success": r === e.SUCCESS,
+    "adyen-pe-tag--default": r === e.DEFAULT,
+    "adyen-pe-tag--warning": r === e.WARNING,
+    "adyen-pe-tag--error": r === e.ERROR,
+    "adyen-pe-tag--primary": r === e.WHITE
   }),
-  children: r
+  children: a
 }));
 export {
   y as Tag

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

@@ -1,49 +1,49 @@
-import { useResponsiveViewport as v, mediaQueries as T } from "../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as v, mediaQueries as T } from "../../hooks/useResponsiveViewport.js";
 import b from "../Popover/Popover.js";
-import { PopoverContainerVariant as N } from "../Popover/types.js";
-import { useTooltipListeners as V } from "./useTooltipListeners.js";
+import { PopoverContainerVariant as V } from "../Popover/types.js";
+import { useTooltipListeners as x } from "./useTooltipListeners.js";
 import { TypographyVariant as I } from "../Typography/types.js";
-import P from "../Typography/Typography.js";
-import w from "../../../hooks/element/useUniqueIdentifier.js";
+import N from "../Typography/Typography.js";
+import P from "../../../hooks/element/useUniqueIdentifier.js";
 import u from "classnames";
-import { Fragment as p, cloneElement as x } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as p, cloneElement as w } from "../../../external/preact/dist/preact.module.js";
 import "./Tooltip.scss.js";
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const O = (t) => typeof t == "string", Q = ({
   content: t,
   children: o,
   triggerRef: g,
-  showTooltip: s,
+  showTooltip: a,
   position: y,
-  isContainerHovered: a = !1
+  isContainerHovered: s = !1
 }) => {
   var i, f, n;
-  const e = w(), l = v(T.down.sm), {
+  const e = P(), _ = v(T.down.sm), {
     isVisible: m,
-    listeners: _
-  } = V();
-  return l ? r(p, {
+    listeners: l
+  } = x();
+  return _ ? r(p, {
     children: o
   }) : r(p, {
-    children: [o ? x(o, {
+    children: [o ? w(o, {
       ...o == null ? void 0 : o.props,
       role: "button",
       tabIndex: -1,
       ref: e,
       className: (i = o == null ? void 0 : o.props) != null && i.className ? u(`${(f = o == null ? void 0 : o.props) == null ? void 0 : f.className} adyen-pe__tooltip-target`, {
-        " adyen-pe__tooltip-target--hovered": a
+        " adyen-pe__tooltip-target--hovered": s
       }) : u("adyen-pe__tooltip-target", {
-        "adyen-pe__tooltip-target--hovered": a
+        "adyen-pe__tooltip-target--hovered": s
       }),
-      ..._,
+      ...l,
       "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
-    }) : null, (m || s) && r(b, {
-      variant: N.TOOLTIP,
+    }) : null, (m || a) && r(b, {
+      variant: V.TOOLTIP,
       targetElement: g ?? e,
       position: y,
-      open: m || s,
+      open: m || a,
       children: r(p, {
-        children: t && O(t) ? r(P, {
+        children: t && O(t) ? r(N, {
           variant: I.CAPTION,
           children: t
         }) : {