@adyen/adyen-platform-experience-web 1.4.2 → 1.5.1

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useResponsiveContainer as R, containerQueries as x } from "../../../../../hooks/useResponsiveContainer.js";
 import b from "../../../Popover/Popover.js";
-import { PopoverContainerSize as A, PopoverContainerVariant as g, PopoverContainerPosition as h } from "../../../Popover/types.js";
+import { PopoverContainerPosition as A, PopoverContainerVariant as g, PopoverContainerSize as h } from "../../../Popover/types.js";
 import F from "../../../../../core/Context/useCoreContext.js";
 import m from "classnames";
 import { memo as W } from "../../../../../external/preact/compat/dist/compat.module.js";
@@ -16,21 +16,21 @@ const k = Q(
     active: c,
     commitActions: p,
     items: d,
-    multiSelect: n,
+    multiSelect: s,
     onKeyDown: f,
     onSelect: u,
     renderListItem: t,
     selectListId: O,
     showList: i,
-    textFilter: s,
+    textFilter: n,
     toggleButtonRef: S,
     dismissPopover: C,
     setToTargetWidth: N,
     popoverClassNameModifiers: P,
     showOverlay: _,
-    fitPosition: D
-  }, E) => {
-    const { i18n: L } = F(), T = R(x.down.xs), a = d.filter((e) => !s || e.name.toLowerCase().includes(s)), v = m(w, { [V]: i }), M = m(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(n), [n]);
+    fitPosition: v
+  }, D) => {
+    const { i18n: E } = F(), L = R(x.down.xs), a = d.filter((e) => !n || e.name.toLowerCase().includes(n)), T = m(w, { [V]: i }), M = m(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
     return i ? /* @__PURE__ */ o(
       b,
       {
@@ -42,14 +42,14 @@ const k = Q(
         dismissible: !1,
         open: i,
         setToTargetWidth: N,
-        containerSize: A.MEDIUM,
+        containerSize: h.MEDIUM,
         variant: g.POPOVER,
         targetElement: S,
         withContentPadding: !1,
-        position: h.BOTTOM,
-        showOverlay: _ && T,
-        fitPosition: D,
-        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
+        position: A.BOTTOM,
+        showOverlay: _ && L,
+        fitPosition: v,
+        children: /* @__PURE__ */ o("ul", { className: T, id: O, ref: D, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
           y,
           {
             item: e,
@@ -60,11 +60,11 @@ const k = Q(
             selected: c.includes(e)
           },
           e.id
-        )) : /* @__PURE__ */ o("div", { className: M, children: L.get("select.noOptionsFound") }) })
+        )) : /* @__PURE__ */ o("div", { className: M, children: E.get("select.noOptionsFound") }) })
       }
     ) : null;
   }
-), ne = W(k);
+), se = W(k);
 export {
-  ne as default
+  se as default
 };

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

@@ -4,7 +4,7 @@ import { memo as N } from "../../../../../external/preact/compat/dist/compat.mod
 import E from "../../../SVGIcons/CheckedBox.js";
 import C from "../../../SVGIcons/UncheckedBox.js";
 import d from "../../../SVGIcons/Checkmark.js";
-import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DROPDOWN_ELEMENT_ACTIVE_CLASS as _, DROPDOWN_ELEMENT_DISABLED_CLASS as p, DROPDOWN_ELEMENT_CONTENT_CLASS as L, DROPDOWN_ELEMENT_ICON_CLASS as O, DROPDOWN_ELEMENT_CHECKBOX_CLASS as f } from "../constants.js";
+import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DROPDOWN_ELEMENT_DISABLED_CLASS as _, DROPDOWN_ELEMENT_ACTIVE_CLASS as p, DROPDOWN_ELEMENT_ICON_CLASS as L, DROPDOWN_ELEMENT_CONTENT_CLASS as O, DROPDOWN_ELEMENT_CHECKBOX_CLASS as f } from "../constants.js";
 import u from "../../../Img/Img.js";
 import { Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
 import { boolOrFalse as A } from "../../../../../utils/value/bool.js";
@@ -17,8 +17,8 @@ const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, child
   T(e)
 ] }), b = ({ item: e, multiSelect: n, onKeyDown: t, onSelect: r, renderListItem: i, selected: l }) => {
   const o = !!e.disabled, m = A(e.disabled) || null, a = c(D, {
-    [_]: l,
-    [p]: o
+    [p]: l,
+    [_]: o
   });
   return /* @__PURE__ */ s(
     "li",
@@ -37,8 +37,8 @@ const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, child
         item: e,
         multiSelect: n,
         selected: l,
-        contentClassName: L,
-        iconClassName: O
+        contentClassName: O,
+        iconClassName: L
       })
     }
   );

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

@@ -1,6 +1,6 @@
 import { useCallback as i, useState as O, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/value/constants.js";
-const p = ({ items: f, multiSelect: r, selected: l }) => {
+const z = ({ items: f, multiSelect: r, selected: l }) => {
   const a = i(
     (c = t) => {
       const e = t.concat(c ?? t).filter(Boolean), n = f.filter((x) => e.includes(x.id)), o = r ? n : n.slice(0, 1);
@@ -28,5 +28,5 @@ const p = ({ items: f, multiSelect: r, selected: l }) => {
   return g(() => s(a(l)), [a, l, s]), { resetSelection: b, select: u, selection: d };
 };
 export {
-  p as default
+  z as default
 };

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

@@ -2,19 +2,19 @@ import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import n from "classnames";
 import o from "../Typography/Typography.js";
 import S from "../../../core/Context/useCoreContext.js";
-import { TypographyElement as _, TypographyVariant as e } from "../Typography/types.js";
+import { TypographyVariant as _, TypographyElement as e } from "../Typography/types.js";
 /* empty css            */
 import { Divider as T } from "../Divider/Divider.js";
 const $ = "adyen-pe-header", P = ({ baseClassName: m = $, children: a, hasDivider: v, hideTitle: y, titleKey: c, subtitleKey: p, subtitleConfig: r }) => {
   const { i18n: h } = S();
   return /* @__PURE__ */ d("header", { className: m, children: [
     /* @__PURE__ */ d("div", { className: `${m}__headings`, children: [
-      !y && c && /* @__PURE__ */ d("div", { className: `${m}__title`, children: /* @__PURE__ */ d(o, { el: _.SPAN, variant: e.TITLE, medium: !0, children: h.get(c) }) }),
+      !y && c && /* @__PURE__ */ d("div", { className: `${m}__title`, children: /* @__PURE__ */ d(o, { el: e.SPAN, variant: _.TITLE, medium: !0, children: h.get(c) }) }),
       p && /* @__PURE__ */ d("div", { className: n(`${m}__subtitle`, r == null ? void 0 : r.classNames), children: /* @__PURE__ */ d(
         o,
         {
-          el: (r == null ? void 0 : r.typographyEl) ?? _.SPAN,
-          variant: (r == null ? void 0 : r.variant) ?? e.BODY,
+          el: (r == null ? void 0 : r.typographyEl) ?? e.SPAN,
+          variant: (r == null ? void 0 : r.variant) ?? _.BODY,
           children: h.get(p)
         }
       ) }),

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

@@ -25,7 +25,7 @@ const e = {
   upload: () => import("../../../images/icons/upload.svg.js"),
   "warning-filled": () => import("../../../images/icons/warning-filled.svg.js"),
   warning: () => import("../../../images/icons/warning.svg.js")
-}, d = ({ className: n, name: o, ...c }) => {
+}, h = ({ className: n, name: o, ...c }) => {
   const [r, i] = p(null);
   return s(() => {
     e[o] ? e[o]().then(({ default: l }) => {
@@ -34,6 +34,6 @@ const e = {
   }, [o]), r && /* @__PURE__ */ t("span", { className: m("adyen-pe-icon", n), role: "img", "aria-hidden": !0, ...c, children: r });
 };
 export {
-  d as Icon,
-  d as default
+  h as Icon,
+  h as default
 };

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

@@ -1,13 +1,13 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as p, useRef as y, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
-import h from "classnames";
+import E from "classnames";
 /* empty css         */
 function L(s) {
   const { backgroundUrl: a = "", className: c = "", classNameModifiers: m = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = y(null), u = () => {
     o(!0);
   }, g = () => {
     o(f);
-  }, t = h(
+  }, t = E(
     [c],
     "adyen-pe-image",
     { "adyen-pe-image--loaded": i },

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "../Typography/Typography.js";
-import { TypographyElement as c, TypographyVariant as k } from "../Typography/types.js";
+import { TypographyVariant as c, TypographyElement as k } from "../Typography/types.js";
 import y from "classnames";
 import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css          */
@@ -29,7 +29,7 @@ function C({
       onClick: m,
       ...i,
       children: [
-        /* @__PURE__ */ e(s, { className: "adyen-pe-link__text", el: c.SPAN, variant: k.BODY, children: o }),
+        /* @__PURE__ */ e(s, { className: "adyen-pe-link__text", el: k.SPAN, variant: c.BODY, children: o }),
         p && a === "_blank" && /* @__PURE__ */ e(d, { name: "external-link" })
       ]
     }

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

@@ -9,8 +9,8 @@ import m from "classnames";
 /* empty css           */
 import B from "../Button/Button.js";
 import { Icon as L } from "../Icon/Icon.js";
-const i = N({ withinModal: !1 }), Q = () => k(i);
-function S({
+const i = N({ withinModal: !1 }), S = () => k(i);
+function V({
   title: t,
   children: c,
   classNameModifiers: s = [],
@@ -83,6 +83,6 @@ function S({
   ) });
 }
 export {
-  S as default,
-  Q as useModalContext
+  V as default,
+  S as useModalContext
 };

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

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

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

@@ -3,41 +3,41 @@ import F from "../../../../hooks/useBooleanState.js";
 import H from "../../../../hooks/useMounted.js";
 import { getClampedPageLimit as J } from "../utils.js";
 import { noop as K } from "../../../../utils/common.js";
-const Y = (v, l, y) => {
-  const u = p(), c = p(), h = p(), e = p(), i = H(
+const Y = (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] = T(e.current), [f, z] = F(!1), r = s(() => J(y), [y]), { getPageCount: C, getPageParams: A, resetPageCount: S, updatePagination: I } = v, n = s(() => l ? (o) => {
-    var $;
-    if (!(r && Number.isInteger(o))) return;
-    const m = C(), a = o < 0 ? o + m + 1 : o;
-    a > 0 && (m ? a <= m : a === 1) && (($ = u.current) == null || $.abort(), u.current = new AbortController(), i.current && (((e.current = a) > 1 || m) && x(e.current), (async () => {
-      const { signal: b } = u.current, D = { ...A(a, r), limit: r, page: a };
+  ), [t, x] = T(r.current), [g, y] = F(!1), e = s(() => J(M), [M]), { getPageCount: v, getPageParams: A, resetPageCount: z, updatePagination: I } = 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: $ } = u.current, D = { ...A(a, e), limit: e, page: a };
       try {
-        const d = await l(D, b);
+        const d = await l(D, $);
         if (!d || !i.current) return;
-        const { size: V, ...G } = d;
-        I(a, r, G), c.current = e.current && Math.max(e.current, c.current || -1 / 0), e.current && e.current === c.current && (h.current = V), e.current === 1 && V > 0 && x(e.current), e.current = void 0, z(!0);
+        const { size: b, ...G } = d;
+        I(a, e, G), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = b), r.current === 1 && b > 0 && x(r.current), r.current = void 0, y(!0);
       } catch (d) {
-        if (b.aborted) return;
+        if ($.aborted) return;
         console.error(d);
       }
     })()));
-  } : K, [r, l]), R = P(() => {
-    t && n(Math.min(t + 1, C()));
+  } : K, [e, l]), R = P(() => {
+    t && n(Math.min(t + 1, v()));
   }, [n, t]), q = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), g = s(() => C() || t || void 0, [n, f]), w = s(() => !!(t && g) && t < g, [t, g]), E = s(() => !!t && t > 1, [t]), M = s(
-    () => c.current ? (c.current - 1) * r + (h.current || 0) : 0,
-    [n, f]
-  ), N = s(() => r && Math.min(r, M || 1 / 0) % r, [r, M]), B = P(() => {
-    S(), c.current = h.current = e.current = void 0, i.current && x(e.current);
-  }, [S]);
+  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), w = 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 j(() => {
-    i.current && f && z(!1);
-  }, [f]), { goto: n, hasNext: w, hasPrev: E, limit: r, next: R, page: t, pages: g, pageSize: N, prev: q, resetPagination: B, size: M };
+    i.current && g && y(!1);
+  }, [g]), { goto: n, hasNext: w, hasPrev: E, limit: e, next: R, page: t, pages: m, pageSize: N, prev: q, resetPagination: B, size: C };
 };
 export {
   Y as default

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.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 { DEFAULT_POPOVER_CLASSNAME as c, POPOVER_HEADER_TITLE_CLASSNAME as eo, TOOLTIP_CONTENT_CLASSNAME as U, POPOVER_CONTENT_CLASSNAME as N, POPOVER_FOOTER_CLASSNAME as no, DEFAULT_TOOLTIP_CLASSNAME as to, POPOVER_CONTAINER_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 k } from "./types.js";
@@ -94,7 +94,7 @@ function jo({
   x(() => {
     P.current && (P.current[O] = o.current);
   }, [o]), x(() => (document.removeEventListener("keydown", T.current), document.addEventListener("keydown", T.current = E), () => document.removeEventListener("keydown", T.current)), [E]);
-  const z = e === i.TOOLTIP ? eo : `${c} ${no}`, g = e === i.TOOLTIP ? U : `${N}`;
+  const z = e === i.TOOLTIP ? to : `${c} ${co}`, g = e === i.TOOLTIP ? U : `${N}`;
   return To(
     /* @__PURE__ */ r(_, { children: a ? /* @__PURE__ */ r(_, { children: [
       f && /* @__PURE__ */ r("div", { className: "adyen-pe-popover__overlay" }),
@@ -109,7 +109,7 @@ function jo({
           role: F.role ?? (e === i.POPOVER ? "dialog" : "tooltip"),
           children: [
             (u || M) && /* @__PURE__ */ r("div", { className: No(B, K, [B]), children: [
-              u && /* @__PURE__ */ r("div", { className: to, children: /* @__PURE__ */ r(so, { title: u }) }),
+              u && /* @__PURE__ */ r("div", { className: eo, children: /* @__PURE__ */ r(so, { title: u }) }),
               M && /* @__PURE__ */ r(io, { onClick: n })
             ] }),
             I && /* @__PURE__ */ r(_, { children: [
@@ -125,7 +125,7 @@ function jo({
               ),
               e === i.TOOLTIP && /* @__PURE__ */ r("span", { "data-popover-placement": "hidden", ref: V, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            s && /* @__PURE__ */ r("div", { className: co, children: /* @__PURE__ */ r(oo, { actions: s, layout: l }) })
+            s && /* @__PURE__ */ r("div", { className: no, children: /* @__PURE__ */ r(oo, { actions: s, layout: l }) })
           ]
         }
       )

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

@@ -3,7 +3,7 @@ import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.j
 import _ from "classnames";
 /* empty css                 */
 import m from "../Typography/Typography.js";
-import { TypographyElement as o, TypographyVariant as p } from "../Typography/types.js";
+import { TypographyVariant as o, TypographyElement as p } from "../Typography/types.js";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
 import { clamp as N } from "../../../utils/value/number.js";
 const A = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
@@ -41,8 +41,8 @@ const A = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
           )
         ] }),
         g && /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__legend", "aria-hidden": "true", children: [
-          r.current && /* @__PURE__ */ e(m, { el: o.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
-          r.max && /* @__PURE__ */ e(m, { el: o.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
+          r.current && /* @__PURE__ */ e(m, { el: p.SPAN, variant: o.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
+          r.max && /* @__PURE__ */ e(m, { el: p.SPAN, variant: o.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
         ] })
       ]
     }

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

@@ -1,14 +1,14 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
-const a = i(({ title: l, ...r }, o) => /* @__PURE__ */ e("svg", { ...r, ref: o, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
+const a = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ...o, ref: r, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
   l && /* @__PURE__ */ e("title", { children: l }),
   /* @__PURE__ */ e(
     "path",
     {
       fill: "currentColor",
-      "fill-rule": "evenodd",
+      fillRule: "evenodd",
       d: "M14.5 4.5a.7.7 0 0 0-1-1L6 10.9 2.5 7.5a.8.8 0 0 0-1 1l4 4a.8.8 0 0 0 1 0l8-8Z",
-      "clip-rule": "evenodd"
+      clipRule: "evenodd"
     }
   )
 ] }));

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

@@ -1,15 +1,17 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
-const f = r(({ title: i, ...t }, o) => /* @__PURE__ */ e("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  i && /* @__PURE__ */ e("title", { children: i }),
-  /* @__PURE__ */ e(
-    "path",
-    {
-      d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
-    }
-  )
-] }));
+const f = r(
+  ({ title: i, ...t }, o) => /* @__PURE__ */ e("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    i && /* @__PURE__ */ e("title", { children: i }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
+        fill: t.disabled ? "#8D95A3" : "#00112C"
+      }
+    )
+  ] })
+);
 export {
   f as default
 };

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

@@ -1,15 +1,17 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
-const l = r(({ title: e, ...t }, o) => /* @__PURE__ */ i("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  e && /* @__PURE__ */ i("title", { children: e }),
-  /* @__PURE__ */ i(
-    "path",
-    {
-      d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
-    }
-  )
-] }));
+const l = r(
+  ({ title: e, ...t }, o) => /* @__PURE__ */ i("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    e && /* @__PURE__ */ i("title", { children: e }),
+    /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
+        fill: t.disabled ? "#8D95A3" : "#00112C"
+      }
+    )
+  ] })
+);
 export {
   l as default
 };

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

@@ -2,7 +2,7 @@ import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
 const o = h(({ title: i, ...r }, e) => /* @__PURE__ */ l("svg", { ref: e, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...r, children: [
   i && /* @__PURE__ */ l("title", { children: i }),
-  /* @__PURE__ */ l("g", { "clip-path": "url(#a)", children: /* @__PURE__ */ l(
+  /* @__PURE__ */ l("g", { clipPath: "url(#a)", children: /* @__PURE__ */ l(
     "path",
     {
       d: "M.25 8a7.75 7.75 0 1 1 15.5 0A7.75 7.75 0 0 1 .25 8ZM6 4.94 4.94 6l2 2-2 2L6 11.06l2-2 2 2L11.06 10l-2-2 2-2L10 4.94l-2 2-2-2Z",

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

@@ -1,14 +1,14 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TypographyElement as p, TypographyVariant as f } from "../Typography/types.js";
-import g from "../../../core/Context/useCoreContext.js";
-import { useTabbedControl as u } from "../../../hooks/useTabbedControl.js";
-import y from "../Typography/Typography.js";
+import { TypographyVariant as p, TypographyElement as g } from "../Typography/types.js";
+import f from "../../../core/Context/useCoreContext.js";
+import { useTabbedControl as y } from "../../../hooks/useTabbedControl.js";
+import u from "../Typography/Typography.js";
 /* empty css                      */
 function x({ defaultItem: i, items: a }) {
-  const { activeIndex: t, onClick: l, onKeyDown: s, refs: c, uniqueId: n } = u(a, i), { i18n: m } = g();
+  const { activeIndex: d, onClick: l, onKeyDown: s, refs: c, uniqueId: n } = y(a, i), { i18n: m } = f();
   return /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o("div", { role: "radiogroup", className: "adyen-fp-segmented-control", children: a.map((e, r) => {
-      const d = t === r;
+      const t = d === r;
       return /* @__PURE__ */ o(
         "button",
         {
@@ -17,17 +17,17 @@ function x({ defaultItem: i, items: a }) {
           ref: c[r],
           id: `item:${n}-${e.id}`,
           className: "adyen-fp-segmented-control__item",
-          "aria-checked": d,
+          "aria-checked": t,
           "aria-controls": `segment:${n}-${e.id}`,
-          onClick: d ? void 0 : l,
+          onClick: t ? void 0 : l,
           onKeyDown: s,
           disabled: e.disabled,
-          tabIndex: d ? 0 : -1,
+          tabIndex: t ? 0 : -1,
           children: /* @__PURE__ */ o(
-            y,
+            u,
             {
-              el: p.SPAN,
-              variant: f.BODY,
+              el: g.SPAN,
+              variant: p.BODY,
               className: "adyen-fp-segmented-control__item-label",
               stronger: !0,
               children: m.get(e.label)
@@ -43,7 +43,7 @@ function x({ defaultItem: i, items: a }) {
         id: `segment:${n}-${e.id}`,
         className: "adyen-fp-segmented-content",
         "aria-labelledby": `item:${n}-${e.id}`,
-        hidden: t !== r,
+        hidden: d !== r,
         children: e.content
       },
       `segment:${n}-${e.id}`

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

@@ -4,7 +4,7 @@ import { useMemo as C } from "../../../external/preact/hooks/dist/hooks.module.j
 import T from "../../../core/Context/useCoreContext.js";
 import { TypographyVariant as l } from "../Typography/types.js";
 import c from "../Typography/Typography.js";
-import { SL_GRID_CLASS as i, SL_BASE_CLASS as h, SL_ALIGN_END as E, SL_ITEM_CLASS as I, SL_ITEM_WITH_HIGHLIGHT_CLASS as N, SL_LABEL_CLASS as y, SL_CONTENT_CLASS as g } from "./constants.js";
+import { SL_GRID_CLASS as i, SL_LABEL_CLASS as h, SL_CONTENT_CLASS as E, SL_ITEM_CLASS as I, SL_ITEM_WITH_HIGHLIGHT_CLASS as N, SL_BASE_CLASS as y, SL_ALIGN_END as g } from "./constants.js";
 /* empty css                    */
 import { useStructuredListItems as v } from "./useStructuredListItem.js";
 const O = "6-6";
@@ -19,7 +19,7 @@ function U({
   align: d = "end"
 }) {
   const [u, A] = C(() => s.split("-").map((r) => `${i}--width-${r}-of-12`), [s]), f = v(L), { i18n: o } = T();
-  return /* @__PURE__ */ t("dl", { "aria-label": o.get("structuredList"), className: a(h, p, { [E]: d === "end" }), children: f.map((r, _) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("dl", { "aria-label": o.get("structuredList"), className: a(y, p, { [g]: d === "end" }), children: f.map((r, _) => /* @__PURE__ */ t(
     "div",
     {
       className: a(I, {
@@ -27,8 +27,8 @@ function U({
         [i]: m
       }),
       children: [
-        /* @__PURE__ */ t("dt", { className: a(y, u), children: S ? S(r.label, L[_].key) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.label }) }),
-        /* @__PURE__ */ t("dd", { "aria-label": `${o.get(r.key)} ${o.get("value")}`, className: a(g, A), children: e ? e(r.value, r.key, r.type, r.config) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.value }) })
+        /* @__PURE__ */ t("dt", { className: a(h, u), children: S ? S(r.label, L[_].key) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.label }) }),
+        /* @__PURE__ */ t("dd", { "aria-label": `${o.get(r.key)} ${o.get("value")}`, className: a(E, A), children: e ? e(r.value, r.key, r.type, r.config) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.value }) })
       ]
     },
     `${_}_${r.id || "0"}`

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

@@ -2,32 +2,32 @@ import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import g from "../../../core/Context/useCoreContext.js";
 import { Fragment as d } from "../../../external/preact/dist/preact.module.js";
 import { useMemo as F } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { uniqueId as v } from "../../../utils/random/uniqueId.js";
 import { isFunction as x } from "../../../utils/value/is.js";
-import { uniqueId as _ } from "../../../utils/random/uniqueId.js";
-const h = (t) => x(t) ? t : () => t, v = ({ count: t, defaultFill: m, fills: e, translationKey: c }) => {
+const h = (t) => x(t) ? t : () => t, q = ({ count: t, defaultFill: u, fills: e, translationKey: c }) => {
   const { i18n: l } = g(), p = F(() => {
-    const o = h(m);
+    const n = h(u);
     return e !== void 0 ? (...r) => {
       const [s, i] = r;
-      for (const u of [s, i]) {
-        const n = h(e[u])(...r);
-        if (n != null) return n;
+      for (const m of [s, i]) {
+        const o = h(e[m])(...r);
+        if (o != null) return o;
       }
-      return o(...r);
-    } : o;
-  }, [e, m]);
+      return n(...r);
+    } : n;
+  }, [e, u]);
   return F(() => {
-    const o = [], r = _("translation"), s = (...n) => (o.push(p(...n) ?? null), r), [i, ...u] = l.get(c, { count: t, values: s }).split(r);
+    const n = [], r = v("translation"), s = (...o) => (n.push(p(...o) ?? null), r), [i, ...m] = l.get(c, { count: t, values: s }).split(r);
     return /* @__PURE__ */ f(d, { children: [
       i,
-      u.map((n, a) => /* @__PURE__ */ f(d, { children: [
-        o[a],
-        n
+      m.map((o, a) => /* @__PURE__ */ f(d, { children: [
+        n[a],
+        o
       ] }, `${r}__${a}`))
     ] });
   }, [l, t, p, c]);
 };
 export {
-  v as Translation,
-  v as default
+  q as Translation,
+  q as default
 };

package/dist/es/components/utils/getErrorMessage.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UNDEFINED_ERROR as n, getCommonErrorMessage as a } from "./getCommonErrorCode.js";
 import i from "../internal/CopyText/CopyText.js";
-const c = (e, t, r) => {
+const d = (e, t, r) => {
   if (!e) return n;
   const o = a(e, r);
   if (o) return o;
@@ -28,5 +28,5 @@ const c = (e, t, r) => {
   }
 };
 export {
-  c as getErrorMessage
+  d as getErrorMessage
 };