@adyen/adyen-platform-experience-web 1.6.1 → 1.7.1

package/dist/es/components/external/TransactionDetails/components/refund/TransactionRefundAmount.js

@@ -2,19 +2,19 @@ import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import { TX_DATA_CONTAINER as U, TX_DATA_INPUT_HEAD as S, TX_DATA_INPUT as $, TX_DATA_INPUT_CONTAINER_WITH_ERROR as B, TX_DATA_INPUT_CONTAINER_TEXT as q, TX_DATA_INPUT_CONTAINER_SHORT as H, TX_DATA_INPUT_CONTAINER as L } from "../constants.js";
 import M from "classnames";
 import { useState as R, useMemo as V, useRef as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import C from "../../../../../core/Context/useCoreContext.js";
-import Y from "../../../../internal/SVGIcons/CloseCircle.js";
-import j from "../../../../internal/FormFields/InputBase.js";
+import O from "../../../../../core/Context/useCoreContext.js";
+import Y from "../../../../internal/FormFields/InputBase.js";
 import h from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as b, TypographyElement as D } from "../../../../internal/Typography/types.js";
-import { getDecimalAmount as w, getDivider as W } from "../../../../../core/Localization/amount/amount-util.js";
-import { ARIA_ERROR_SUFFIX as k } from "../../../../../core/Errors/constants.js";
-import { TagVariant as z } from "../../../../internal/Tag/types.js";
-import { Tag as G } from "../../../../internal/Tag/Tag.js";
-import { useTransactionRefundContext as O } from "../../context/refund/context.js";
+import { getDecimalAmount as j, getDivider as w } from "../../../../../core/Localization/amount/amount-util.js";
+import { ARIA_ERROR_SUFFIX as W } from "../../../../../core/Errors/constants.js";
+import { TagVariant as k } from "../../../../internal/Tag/types.js";
+import { Tag as z } from "../../../../internal/Tag/Tag.js";
+import { useTransactionRefundContext as P } from "../../context/refund/context.js";
+import { Icon as G } from "../../../../internal/Icon/Icon.js";
 import { uniqueId as E } from "../../../../../utils/random/uniqueId.js";
 import { boolOrFalse as J } from "../../../../../utils/value/bool.js";
-const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
+const x = (r, n) => j(r, n).toFixed(_(n)), _ = (r) => Math.log10(w(r)), y = ({
   currency: r,
   disabled: n,
   errorMessage: e,
@@ -22,7 +22,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
   onInput: A,
   value: T
 }) => {
-  const { i18n: a } = C(), i = v(E()), m = v(E()), p = e ? l ? a.get(e, { values: { amount: l } }) : a.get(e) : "";
+  const { i18n: a } = O(), i = v(E()), m = v(E()), p = e ? l ? a.get(e, { values: { amount: l } }) : a.get(e) : "";
   return /* @__PURE__ */ t("div", { className: U, children: [
     /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { id: m.current, children: /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, stronger: !0, children: a.get("refundAmount") }) }) }),
     /* @__PURE__ */ t(
@@ -36,9 +36,9 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
         }),
         children: [
           /* @__PURE__ */ t("label", { htmlFor: i.current, "aria-labelledby": m.current, children: [
-            r && /* @__PURE__ */ t(G, { label: r, variant: z.DEFAULT }),
+            r && /* @__PURE__ */ t(z, { label: r, variant: k.DEFAULT }),
             /* @__PURE__ */ t(
-              j,
+              Y,
               {
                 min: 0,
                 type: "number",
@@ -51,8 +51,8 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
               }
             )
           ] }),
-          e && /* @__PURE__ */ t("div", { className: "adyen-pe-input__refund-invalid-value", id: `${i.current}${k}`, children: [
-            /* @__PURE__ */ t(Y, {}),
+          e && /* @__PURE__ */ t("div", { className: "adyen-pe-input__refund-invalid-value", id: `${i.current}${W}`, children: [
+            /* @__PURE__ */ t(G, { name: "cross-circle-fill" }),
             /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, children: p })
           ] })
         ]
@@ -60,16 +60,16 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
     )
   ] });
 }, At = () => {
-  const { availableAmount: r, currency: n } = O();
-  return /* @__PURE__ */ t(x, { currency: n, errorMessage: null, value: P(r, n), disabled: !0 });
+  const { availableAmount: r, currency: n } = P();
+  return /* @__PURE__ */ t(y, { currency: n, errorMessage: null, value: x(r, n), disabled: !0 });
 }, Tt = ({ locale: r }) => {
-  const { availableAmount: n, currency: e, interactionsDisabled: l, setAmount: A } = O(), [T, a] = R(null), [i, m] = R(`${P(n, e)}`), { i18n: p } = C(), y = V(() => {
+  const { availableAmount: n, currency: e, interactionsDisabled: l, setAmount: A } = P(), [T, a] = R(null), [i, m] = R(`${x(n, e)}`), { i18n: p } = O(), C = V(() => {
     const s = _(e);
     return (o) => Math.trunc(+`${parseFloat(o)}e${s}`) || 0;
   }, [e]), X = (s) => {
     var I;
     let o = s.currentTarget.value.trim();
-    const c = y(o);
+    const c = C(o);
     let u = null;
     c || o ? (c < 0 && (u = "noNegativeNumbersAllowed"), c > n && (u = "refundAmount.excess")) : u = "refundAmount.required";
     const N = ((I = 1.1.toLocaleString(r).match(/\d(.*?)\d/)) == null ? void 0 : I[1]) || ".", f = o.split(N);
@@ -81,7 +81,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
     m(o), a(u), A(u ? 0 : c);
   };
   return /* @__PURE__ */ t(
-    x,
+    y,
     {
       currency: e,
       errorMessage: T,

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

@@ -1,32 +1,31 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "classnames";
-import { useState as C, useRef as m, useCallback as A } from "../../../external/preact/hooks/dist/hooks.module.js";
-import h from "../SVGIcons/ChevronDown.js";
-import N from "../SVGIcons/ChevronUp.js";
-import { ACCORDION_HEADER_CLASS as O, ACCORDION_HEADER_CONTAINER_CLASS as p, ACCORDION_HEADER_CONTROLLER_CLASS as E, ACCORDION_CONTENT_CLASS as S, ACCORDION_BASE_CLASS as _ } from "./constants.js";
+import C from "classnames";
+import { useState as m, useRef as A, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { ACCORDION_HEADER_CLASS as O, ACCORDION_HEADER_CONTAINER_CLASS as E, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _, ACCORDION_BASE_CLASS as p } from "./constants.js";
 /* empty css               */
-function L({ children: a, classNames: c, header: n, headerInformation: i }) {
-  var t;
-  const [o, l] = C(!1), r = m(null), s = A(() => {
-    l(!o);
+import { Icon as n } from "../Icon/Icon.js";
+function x({ children: i, classNames: l, header: s, headerInformation: c }) {
+  var a;
+  const [o, t] = m(!1), r = A(null), d = N(() => {
+    t(!o);
   }, [o]);
-  return /* @__PURE__ */ e("div", { className: d(_, c), children: [
+  return /* @__PURE__ */ e("div", { className: C(p, l), children: [
     /* @__PURE__ */ e("h3", { className: O, children: [
       /* @__PURE__ */ e(
         "button",
         {
           id: "accordion-controller",
           "aria-controls": "accordion-content",
-          className: p,
-          onClick: s,
+          className: E,
+          onClick: d,
           "aria-expanded": o,
-          children: /* @__PURE__ */ e("div", { className: E, children: [
-            n,
-            o ? /* @__PURE__ */ e(N, { height: 8, width: 15 }) : /* @__PURE__ */ e(h, { height: 8, width: 15 })
+          children: /* @__PURE__ */ e("div", { className: S, children: [
+            s,
+            o ? /* @__PURE__ */ e(n, { name: "chevron-up" }) : /* @__PURE__ */ e(n, { name: "chevron-down" })
           ] })
         }
       ),
-      i && /* @__PURE__ */ e("div", { children: i })
+      c && /* @__PURE__ */ e("div", { children: c })
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -34,13 +33,13 @@ function L({ children: a, classNames: c, header: n, headerInformation: i }) {
         role: "region",
         id: "accordion-content",
         "aria-labelledby": "accordion-controller",
-        style: { maxHeight: o ? (t = r == null ? void 0 : r.current) == null ? void 0 : t.offsetHeight : 0 },
-        className: S,
-        children: /* @__PURE__ */ e("div", { ref: r, children: a })
+        style: { maxHeight: o ? (a = r == null ? void 0 : r.current) == null ? void 0 : a.offsetHeight : 0 },
+        className: _,
+        children: /* @__PURE__ */ e("div", { ref: r, children: i })
       }
     )
   ] });
 }
 export {
-  L as default
+  x as default
 };

package/dist/es/components/internal/Button/DownloadButton/DownloadButton.js

@@ -1,75 +1,75 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import L from "classnames";
-import { useState as x, useEffect as p, useMemo as k } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import E from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as N, containerQueries as S } from "../../../../hooks/useResponsiveContainer.js";
-import y from "../../SVGIcons/Download.js";
-import C from "../Button.js";
+import { useState as T, useEffect as p, useMemo as k } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../../core/Context/useCoreContext.js";
+import { useResponsiveContainer as x, containerQueries as E } from "../../../../hooks/useResponsiveContainer.js";
+import y from "../Button.js";
 import { ButtonVariant as b } from "../types.js";
-import U from "./useDownload.js";
+import I from "./useDownload.js";
 /* empty css                    */
-import R from "../../Spinner/Spinner.js";
-import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
-function A({ blob: d, filename: c }) {
-  const e = document.createElement("a"), i = URL.createObjectURL(d);
-  e.href = i, e.download = c || "download";
+import N from "../../Spinner/Spinner.js";
+import { Icon as S } from "../../Icon/Icon.js";
+import { Fragment as U } from "../../../../external/preact/dist/preact.module.js";
+function j({ blob: c, filename: s }) {
+  const n = document.createElement("a"), i = URL.createObjectURL(c);
+  n.href = i, n.download = s || "download";
   const r = () => {
     setTimeout(() => {
       URL.revokeObjectURL(i);
     }, 150);
   };
-  e.addEventListener("click", r, { once: !0 }), e.click();
+  n.addEventListener("click", r, { once: !0 }), n.click();
 }
 function J({
-  className: d,
-  disabled: c,
-  endpointName: e,
+  className: c,
+  disabled: s,
+  endpointName: n,
   requestParams: i,
   setError: r,
   errorDisplay: w,
-  onDownloadRequested: s,
-  iconButton: n = !1,
+  onDownloadRequested: l,
+  iconButton: t = !1,
   errorMessage: h
 }) {
-  const { i18n: l } = E(), [m, _] = x(!1), T = N(S.down.xs), { data: f, error: a, isFetching: t } = U(e, i, m);
+  const { i18n: m } = g(), [f, _] = T(!1), C = x(E.down.xs), { data: u, error: e, isFetching: a } = I(n, i, f);
   p(() => {
-    m && _(!1);
-  }, [m]), p(() => {
-    f && A(f);
+    f && _(!1);
   }, [f]), p(() => {
-    r && a && r(a);
-  }, [a, r]);
+    u && j(u);
+  }, [u]), p(() => {
+    r && e && r(e);
+  }, [e, r]);
   const v = () => {
-    _(!0), s == null || s();
-  }, u = k(() => t ? /* @__PURE__ */ o(R, { size: "small" }) : /* @__PURE__ */ o(y, {}), [t]), g = k(() => n ? u : t ? `${l.get("downloading")}..` : l.get("download"), [u, l, t, n]);
-  return /* @__PURE__ */ o(j, { children: [
+    _(!0), l == null || l();
+  }, d = k(() => a ? /* @__PURE__ */ o(N, { size: "small" }) : /* @__PURE__ */ o(S, { name: "download" }), [a]), R = k(() => t ? d : a ? `${m.get("downloading")}..` : m.get("download"), [d, m, a, t]);
+  return /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ o(
       "div",
       {
         className: L("adyen-pe-download", {
-          "adyen-pe-download-icon-button-container": n
+          "adyen-pe-download-icon-button-container": t
         }),
         children: [
-          T ? /* @__PURE__ */ o(C, { iconButton: !0, variant: b.TERTIARY, onClick: v, children: t ? /* @__PURE__ */ o(R, { size: "small" }) : /* @__PURE__ */ o(y, {}) }) : /* @__PURE__ */ o(
-            C,
+          C ? /* @__PURE__ */ o(y, { iconButton: !0, variant: b.TERTIARY, onClick: v, children: d }) : /* @__PURE__ */ o(
+            y,
             {
               className: L(
                 "adyen-pe-download__button",
-                { "adyen-pe-download__button--loading": t, "adyen-pe-download__button--icon": n },
-                d
+                { "adyen-pe-download__button--loading": a, "adyen-pe-download__button--icon": t },
+                c
               ),
-              disabled: c || t,
-              variant: n ? b.TERTIARY : b.SECONDARY,
+              disabled: s || a,
+              variant: t ? b.TERTIARY : b.SECONDARY,
               onClick: v,
-              ...!n && { iconLeft: u },
-              children: g
+              ...!t && { iconLeft: d },
+              children: R
             }
           ),
-          a && w && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: w })
+          e && w && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: w })
         ]
       }
     ),
-    a && h && h(a)
+    e && h && h(e)
   ] });
 }
 export {

package/dist/es/components/internal/Calendar/hooks/useCalendarControlsRendering.js

@@ -1,41 +1,40 @@
-import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as m } from "../../Button/types.js";
-import { useCallback as f } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import c from "../../SVGIcons/ChevronDown.js";
-import p from "../../SVGIcons/ChevronUp.js";
-import d from "../../../../core/Context/useCoreContext.js";
-import C from "../../../../hooks/element/useDetachedRender.js";
+import { jsx as s } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ButtonVariant as c } from "../../Button/types.js";
+import { useCallback as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../../core/Context/useCoreContext.js";
+import d from "../../../../hooks/element/useDetachedRender.js";
+import { Icon as p } from "../../Icon/Icon.js";
 import b from "../../Button/Button.js";
 import { isFunction as h } from "../../../../utils/value/is.js";
-const w = (e) => {
-  const { i18n: a } = d();
-  return C(
-    f(
+const g = (e) => {
+  const { i18n: a } = f();
+  return d(
+    m(
       (u, r, t) => {
         if (!(u instanceof HTMLElement)) return null;
         if (h(e)) return e(r, t);
         let o, i, n;
         switch (r) {
           case "PREV":
-            o = "prev", i = "previous", n = p;
+            o = "prev", i = "previous", n = "chevron-left";
             break;
           case "NEXT":
-            o = i = "next", n = c;
+            o = i = "next", n = "chevron-right";
             break;
           default:
             return null;
         }
-        const s = t();
-        return s ? /* @__PURE__ */ l(
+        const l = t();
+        return l ? /* @__PURE__ */ s(
           b,
           {
             "aria-label": a.get(`calendar.${i}Month`),
-            variant: m.TERTIARY,
-            disabled: !s,
+            variant: c.TERTIARY,
+            disabled: !l,
             classNameModifiers: ["circle", o],
             iconButton: !0,
             onClick: t,
-            children: /* @__PURE__ */ l(n, { role: "presentation" })
+            children: /* @__PURE__ */ s(p, { name: n })
           },
           r
         ) : null;
@@ -45,5 +44,5 @@ const w = (e) => {
   );
 };
 export {
-  w as default
+  g as default
 };

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

@@ -1,46 +1,45 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import n from "classnames";
-import { useState as x, useMemo as F, useCallback as I, useRef as i, useLayoutEffect as V, useEffect as b } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useClickOutside as Y } from "../../../hooks/element/useClickOutside.js";
-import w from "../../../core/Context/useCoreContext.js";
-import z from "../SVGIcons/ChevronUp.js";
-import U from "../SVGIcons/ChevronDown.js";
+import { useState as I, useMemo as V, useCallback as x, useRef as i, useLayoutEffect as Y, useEffect as b } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useClickOutside as w } from "../../../hooks/element/useClickOutside.js";
+import z from "../../../core/Context/useCoreContext.js";
 /* empty css                    */
-import { CARD_HEIGHT_PROPERTY as y, BASE_CLASS as j, CONTAINER_OVERLAY_ID as f, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as g, CHEVRON_CLASS as D, CONTAINER_CLASS as N, CONTAINER_BUTTON_CLASS as k, CONTAINER_FILLED_CLASS as A, CONTAINER_OVERLAY_CLASS as q, CONTAINER_IN_FLOW_CLASS as G, CONTAINER_HIDDEN_CLASS as M } from "./constants.js";
-import { Fragment as X } from "../../../external/preact/dist/preact.module.js";
-import B from "../BaseButton/BaseButton.js";
-const ne = ({ renderHeader: c, children: O, filled: d, fullWidth: E, inFlow: S, ...l }) => {
-  const { i18n: _ } = w(), [e, h] = x(!1), [v, R] = x(0), a = F(() => S === !0, [S]), o = I(() => h((s) => !s), [h]), u = i(null), L = i(null), m = i(!1), T = i(e), p = Y(
+import { CARD_HEIGHT_PROPERTY as y, BASE_CLASS as j, CONTAINER_OVERLAY_ID as p, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as g, CHEVRON_CLASS as k, CONTAINER_CLASS as N, CONTAINER_BUTTON_CLASS as B, CONTAINER_FILLED_CLASS as A, CONTAINER_OVERLAY_CLASS as q, CONTAINER_IN_FLOW_CLASS as G, CONTAINER_HIDDEN_CLASS as M } from "./constants.js";
+import { Fragment as U } from "../../../external/preact/dist/preact.module.js";
+import D from "../BaseButton/BaseButton.js";
+import { Icon as H } from "../Icon/Icon.js";
+const ae = ({ renderHeader: c, children: O, filled: d, fullWidth: E, inFlow: S, ...l }) => {
+  const { i18n: _ } = z(), [e, h] = I(!1), [v, R] = I(0), t = V(() => S === !0, [S]), o = x(() => h((r) => !r), [h]), u = i(null), L = i(null), m = i(!1), T = i(e), f = w(
     void 0,
-    I(() => {
+    x(() => {
       e && (o(), m.current = !0);
     }, [e, o])
   );
-  return V(() => {
-    const s = L.current;
-    s && (a ? s.style.setProperty(y, `${v}px`) : e || s.style.removeProperty(y));
-  }, [v, a, e]), b(() => {
-    if (!a) return void R(0);
-    const s = u.current;
-    if (!s) return;
-    const t = new ResizeObserver((H) => {
-      for (const P of H)
-        P.target === s && R(s.offsetHeight || 0);
+  return Y(() => {
+    const r = L.current;
+    r && (t ? r.style.setProperty(y, `${v}px`) : e || r.style.removeProperty(y));
+  }, [v, t, e]), b(() => {
+    if (!t) return void R(0);
+    const r = u.current;
+    if (!r) return;
+    const a = new ResizeObserver((P) => {
+      for (const F of P)
+        F.target === r && R(r.offsetHeight || 0);
     });
-    return t.observe(s), () => {
-      t.unobserve(s), t.disconnect();
+    return a.observe(r), () => {
+      a.unobserve(r), a.disconnect();
     };
-  }, [a]), b(() => {
-    var s, t;
-    e ? (s = p.current) == null || s.focus() : (T.current !== e && !m.current && ((t = u.current) == null || t.focus()), m.current = !1), T.current = e;
-  }, [e, p]), /* @__PURE__ */ r("div", { ref: L, className: j, children: O ? /* @__PURE__ */ r(X, { children: [
-    /* @__PURE__ */ r(
-      B,
+  }, [t]), b(() => {
+    var r, a;
+    e ? (r = f.current) == null || r.focus() : (T.current !== e && !m.current && ((a = u.current) == null || a.focus()), m.current = !1), T.current = e;
+  }, [e, f]), /* @__PURE__ */ s("div", { ref: L, className: j, children: O ? /* @__PURE__ */ s(U, { children: [
+    /* @__PURE__ */ s(
+      D,
       {
-        className: n(N, k, { [A]: d }),
+        className: n(N, B, { [A]: d }),
         disabled: e,
         fullWidth: E,
-        "aria-controls": f,
+        "aria-controls": p,
         "aria-expanded": e,
         "aria-hidden": e,
         onClick: o,
@@ -48,42 +47,42 @@ const ne = ({ renderHeader: c, children: O, filled: d, fullWidth: E, inFlow: S,
         "data-testid": "expand-button",
         ...l,
         children: [
-          /* @__PURE__ */ r("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.expand") }),
-          /* @__PURE__ */ r("div", { className: n(C, g), children: c }),
-          /* @__PURE__ */ r("div", { className: D, children: /* @__PURE__ */ r(U, { role: "presentation" }) })
+          /* @__PURE__ */ s("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.expand") }),
+          /* @__PURE__ */ s("div", { className: n(C, g), children: c }),
+          /* @__PURE__ */ s("div", { className: k, children: /* @__PURE__ */ s(H, { name: "chevron-down" }) })
         ]
       }
     ),
-    /* @__PURE__ */ r(
-      B,
+    /* @__PURE__ */ s(
+      D,
       {
-        id: f,
-        className: n(N, k, q, {
+        id: p,
+        className: n(N, B, q, {
           [A]: d,
           [M]: !e,
-          [G]: a
+          [G]: t
         }),
         disabled: !e,
         fullWidth: E,
-        "aria-controls": f,
+        "aria-controls": p,
         "aria-expanded": e,
         "aria-hidden": !e,
         onClick: o,
-        ref: p,
+        ref: f,
         "data-testid": "collapse-button",
         ...l,
         children: [
-          /* @__PURE__ */ r("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.collapse") }),
-          /* @__PURE__ */ r("div", { className: n(C, g), children: [
+          /* @__PURE__ */ s("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.collapse") }),
+          /* @__PURE__ */ s("div", { className: n(C, g), children: [
             c,
-            /* @__PURE__ */ r("div", { children: O })
+            /* @__PURE__ */ s("div", { children: O })
           ] }),
-          /* @__PURE__ */ r("div", { className: D, children: /* @__PURE__ */ r(z, { role: "presentation" }) })
+          /* @__PURE__ */ s("div", { className: k, children: /* @__PURE__ */ s(H, { name: "chevron-up" }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ r("div", { className: n(N, { [A]: d }), ...l, children: /* @__PURE__ */ r("div", { className: C, children: c }) }) });
+  ] }) : /* @__PURE__ */ s("div", { className: n(N, { [A]: d }), ...l, children: /* @__PURE__ */ s("div", { className: C, children: c }) }) });
 };
 export {
-  ne as default
+  ae as default
 };

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

@@ -37,9 +37,9 @@ const $e = ({
   fitPosition: ee,
   fixedPopoverPositioning: te
 }) => {
-  const { resetSelection: f, select: F, selection: n } = ge({ items: g, multiSelect: m, selected: H }), [o, i] = W(!1), [k, d] = W(""), E = a(null), p = a(null), h = a(null), I = a(`select-${Se()}`), v = a(), R = a(!0), C = a(!1), L = a(n), B = a(n), re = $(() => n.length, [n]), se = l(() => {
-    d(""), i(!1), o && (f(L.current), R.current = !0);
-  }, [f, i, d, o]), ne = $(
+  const { resetSelection: f, select: v, selection: o } = ge({ items: g, multiSelect: m, selected: H }), [n, i] = W(!1), [k, d] = W(""), E = a(null), p = a(null), h = a(null), F = a(`select-${Se()}`), I = a(), R = a(!0), C = a(!1), L = a(o), B = a(o), re = $(() => o.length, [o]), se = l(() => {
+    d(""), i(!1), n && (f(L.current), R.current = !0);
+  }, [f, i, d, n]), oe = $(
     () => de([
       K,
       { [Ee]: De(m) },
@@ -47,16 +47,16 @@ const $e = ({
       w
     ]),
     [w, O, m]
-  ), { commitAction: x, commitActionButtons: oe, committing: y, resetCommitAction: N } = Re({
-    resetDisabled: !n.length
+  ), { commitAction: x, commitActionButtons: ne, committing: y, resetCommitAction: N } = Re({
+    resetDisabled: !o.length
   }), c = l(() => {
     var e;
     d(""), i(!1), N(), R.current ? R.current = !1 : (e = h.current) == null || e.focus();
   }, [N, i, d]), S = l(() => {
-    L.current = n;
-    const e = `${n.map(({ id: t }) => t)}`;
+    L.current = o;
+    const e = `${o.map(({ id: t }) => t)}`;
     P({ target: { value: e, name: _ } });
-  }, [_, P, n]);
+  }, [_, P, o]);
   b(() => {
     switch (x) {
       case U.APPLY:
@@ -74,14 +74,14 @@ const $e = ({
       const t = e.currentTarget && ((r = p == null ? void 0 : p.current) != null && r.contains(e.currentTarget)) ? e.currentTarget : null;
       if (t && !t.getAttribute("data-disabled")) {
         const ue = t.getAttribute("data-value"), me = g.find((fe) => fe.id === ue);
-        F(me);
+        v(me);
       }
     },
-    [g, F]
+    [g, v]
   );
   b(() => {
-    B.current !== n && (B.current = n, (!m || C.current) && (S(), c())), C.current = !1;
-  }, [c, S, m, n]), b(() => {
+    B.current !== o && (B.current = o, (!m || C.current) && (S(), c())), C.current = !1;
+  }, [c, S, m, o]), b(() => {
     y && c();
   }, [y, c]);
   const ce = l(
@@ -89,11 +89,11 @@ const $e = ({
       switch (e.code) {
         case s.ESCAPE:
         case s.TAB:
-          o && c(), R.current = e.key === s.TAB;
+          n && c(), R.current = e.key === s.TAB;
           return;
         case s.ENTER:
         case s.SPACE:
-          if (u && o) {
+          if (u && n) {
             if (e.key === s.ENTER)
               if (k) A(e);
               else break;
@@ -108,10 +108,10 @@ const $e = ({
       }
       e.preventDefault(), i(!0);
     },
-    [c, u, A, o, i, k]
+    [c, u, A, n, i, k]
   );
   b(() => {
-    o && (cancelAnimationFrame(v.current), v.current = requestAnimationFrame(() => {
+    n && (cancelAnimationFrame(I.current), I.current = requestAnimationFrame(() => {
       var e;
       e: {
         let t = (e = p.current) == null ? void 0 : e.firstElementChild, r;
@@ -128,7 +128,7 @@ const $e = ({
         r && r.focus();
       }
     }));
-  }, [o]);
+  }, [n]);
   const ae = l(
     (e) => {
       const t = e.target;
@@ -181,20 +181,20 @@ const $e = ({
     [d]
   ), le = l(
     (e) => {
-      e.preventDefault(), i((t) => !t), o && f(L.current);
+      e.preventDefault(), i((t) => !t), n && f(L.current);
     },
-    [i, o, f]
+    [i, n, f]
   );
   return b(() => {
     var e;
-    o && u && ((e = E.current) == null || e.focus());
-  }, [u, o]), /* @__PURE__ */ T("div", { className: ne, children: [
+    n && u && ((e = E.current) == null || e.focus());
+  }, [u, n]), /* @__PURE__ */ T("div", { className: oe, children: [
     /* @__PURE__ */ T(
       Ae,
       {
         id: D ?? void 0,
         appliedFilterNumber: re,
-        active: n,
+        active: o,
         filterInputRef: E,
         filterable: u,
         isInvalid: X,
@@ -204,12 +204,12 @@ const $e = ({
         multiSelect: m,
         placeholder: z,
         readonly: j,
-        selectListId: I.current,
-        showList: o,
+        selectListId: F.current,
+        showList: n,
         toggleButtonRef: h,
         toggleList: le,
         withoutCollapseIndicator: V,
-        ariaDescribedBy: !J && D ? `${D}${pe}` : ""
+        ariaDescribedBy: !J && D ? `${D}${pe}` : void 0
       }
     ),
     /* @__PURE__ */ T(
@@ -218,17 +218,17 @@ const $e = ({
         popoverClassNameModifiers: M,
         setToTargetWidth: Q,
         dismissPopover: se,
-        active: n,
-        commitActions: oe,
+        active: o,
+        commitActions: ne,
         items: g,
         multiSelect: m,
         onKeyDown: ae,
         onSelect: A,
-        selectListId: I.current,
+        selectListId: F.current,
         ref: p,
         toggleButtonRef: h,
         renderListItem: G,
-        showList: o,
+        showList: n,
         showOverlay: Z,
         textFilter: k,
         fitPosition: ee,