@adyen/adyen-platform-experience-web 1.10.1 → 1.11.0

package/dist/es/components/internal/FormFields/FileInput/components/Dropzone.js

@@ -1,151 +1,153 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import T from "classnames";
-import { useState as F, useMemo as H, useCallback as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../Typography/Typography.js";
-import { useTrackedRef as J } from "../../../../../hooks/useTrackedRef.js";
-import K from "../../../../../core/Context/useCoreContext.js";
-import { DEFAULT_MAX_FILE_SIZE as A, DEFAULT_FILE_TYPES as ee, validationErrors as l, BASE_CLASS as a } from "../constants.js";
-import { TypographyVariant as O, TypographyElement as R } from "../../../Typography/types.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "classnames";
+import { useState as b, useMemo as Z, useCallback as R } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import $ from "../../../Typography/Typography.js";
+import H from "../../../../../hooks/useTrackedRef.js";
+import { DEFAULT_MAX_FILE_SIZE as C, DEFAULT_FILE_TYPES as J, validationErrors as l, BASE_CLASS as o } from "../constants.js";
+import { TypographyVariant as M, TypographyElement as U } from "../../../Typography/types.js";
 /* empty css                */
-import { fixedForwardRef as re } from "../../../../../utils/preact/fixedForwardRef.js";
-import { getUploadedFilesFromSource as oe } from "../../../../../utils/file/upload.js";
-import { Icon as D } from "../../../Icon/Icon.js";
-import { Fragment as te } from "../../../../../external/preact/dist/preact.module.js";
-import { uniqueId as ae } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as $ } from "../../../../../utils/value/is.js";
-const o = {
-  dropzone: `${a}__dropzone`,
-  dropzoneDisabled: `${a}__dropzone--disabled`,
-  dropzoneDragOver: `${a}__dropzone--dragover`,
-  dropzoneError: `${a}__dropzone--error`,
-  label: `${a}__label`,
-  labelDefault: `${a}__label-default-content`,
-  labelIcon: `${a}__label-icon`,
-  labelText: `${a}__label-text`,
-  error: `${a}__error`,
-  errorIcon: `${a}__error-icon`,
-  errorText: `${a}__error-text`
-}, Fe = re((M, C) => {
+import { fixedForwardRef as K } from "../../../../../utils/preact/fixedForwardRef.js";
+import ee from "../../../../../core/Context/preact/useCoreContext.js";
+import { getUploadedFilesFromSource as re } from "../../../../../utils/file/upload.js";
+import { Icon as N } from "../../../Icon/Icon.js";
+import { Fragment as te } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import oe from "../../../../../utils/random/uniqueId.js";
+import { isFunction as V } from "../../../../../utils/value/is.js";
+const r = {
+  dropzone: `${o}__dropzone`,
+  dropzoneDisabled: `${o}__dropzone--disabled`,
+  dropzoneDragOver: `${o}__dropzone--dragover`,
+  dropzoneError: `${o}__dropzone--error`,
+  label: `${o}__label`,
+  labelDefault: `${o}__label-default-content`,
+  labelIcon: `${o}__label-icon`,
+  labelText: `${o}__label-text`,
+  error: `${o}__error`,
+  errorIcon: `${o}__error-icon`,
+  errorText: `${o}__error-text`
+}, ae = async (I) => new Promise((F, u) => {
+  const s = new Image(), f = URL.createObjectURL(I), n = () => URL.revokeObjectURL(f);
+  s.src = f, s.onerror = (D) => {
+    n(), u(D);
+  }, s.onload = () => {
+    n(), F({ width: s.width, height: s.height });
+  };
+}), Fe = K((I, F) => {
   const {
-    id: v,
-    name: Y,
-    children: q,
-    disabled: c = !1,
-    required: P = !1,
-    maxDimensions: d,
-    maxFileSize: u = A,
-    allowedFileTypes: g = ee,
-    mapError: y,
-    uploadFiles: L
-  } = M, { i18n: b } = K(), [f, U] = F(""), [h, S] = F(), [V, E] = F(!1), _ = !!f, B = Y?.trim(), z = H(() => v || ae(), [v]), I = J(C), k = (e) => {
-    Array.from(e.dataTransfer?.types ?? []).some((i) => i === "Files") && (e.preventDefault(), E(!0));
-  }, X = (e) => {
-    e.preventDefault(), E(!1);
+    id: u,
+    name: s,
+    children: f,
+    disabled: n = !1,
+    required: D = !1,
+    validDimensions: c,
+    maxFileSize: h = C,
+    allowedFileTypes: v = J,
+    mapError: z,
+    uploadFiles: S
+  } = I, { i18n: T } = ee(), [_, Y] = b(""), [g, w] = b(), [q, y] = b(!1), E = !!_, P = s?.trim(), x = Z(() => u || oe(), [u]), L = H(F), k = (e) => {
+    Array.from(e.dataTransfer?.types ?? []).some((d) => d === "Files") && (e.preventDefault(), y(!0));
+  }, B = (e) => {
+    e.preventDefault(), y(!1);
   }, j = (e) => {
-    e.preventDefault(), E(!1), N(e.dataTransfer);
+    e.preventDefault(), y(!1), O(e.dataTransfer);
   }, G = (e) => {
-    h && S(void 0), N(e.target);
+    g && w(void 0), O(e.target);
   }, W = async (e) => {
     e.target !== document.activeElement && e.target?.checkValidity();
   }, Q = async (e) => {
-    !f && e.target.validity.valueMissing && m(l.FILE_REQUIRED);
-  }, m = w(
+    !_ && e.target.validity.valueMissing && m(l.FILE_REQUIRED);
+  }, m = R(
     (e) => {
-      const r = I.current;
-      if (r) {
-        const i = r.required;
-        r.required = !1, r.setCustomValidity(e), U(r.validationMessage ?? ""), r.required = i;
+      const a = L.current;
+      if (a) {
+        const d = a.required;
+        a.required = !1, a.setCustomValidity(e), Y(a.validationMessage ?? ""), a.required = d;
       }
     },
-    [I]
-  ), Z = async (e) => new Promise((r, i) => {
-    const s = new Image(), n = URL.createObjectURL(e);
-    s.src = n, s.onerror = i, s.onload = function() {
-      r({ width: s.width, height: s.height });
-    };
-  }), N = w(
+    [L]
+  ), O = R(
     async (e) => {
-      const r = oe(e);
-      if (r.length > 1)
+      const a = re(e);
+      if (a.length > 1)
         return m(l.TOO_MANY_FILES);
       try {
-        const s = (await Promise.all(
-          r.map(async (n) => {
-            if (!d || !d?.width || !d?.height) return n;
-            const p = await Z(n);
-            if (d?.width !== p.width || d?.height !== p.height)
-              throw l.MAX_DIMENSIONS;
-            return n;
+        const X = (await Promise.all(
+          a.map(async (i) => {
+            if (!c || !c?.width || !c?.height) return i;
+            const p = await ae(i);
+            if (c?.width !== p.width || c?.height !== p.height)
+              throw l.INVALID_DIMENSIONS;
+            return i;
           })
-        )).filter((n) => {
-          if (!g.includes(n.type))
+        )).filter((i) => {
+          if (!v.includes(i.type))
             throw l.DISALLOWED_FILE_TYPE;
-          const p = $(u) ? u(n.type) ?? A : u;
-          if (n.size > p)
-            throw S({ type: n.type, limit: p }), l.VERY_LARGE_FILE;
+          const p = V(h) ? h(i.type) ?? C : h;
+          if (i.size > p)
+            throw w({ type: i.type, limit: p }), l.VERY_LARGE_FILE;
           return !0;
         });
-        m(""), L(s);
-      } catch (i) {
-        switch (i) {
+        m(""), S(X);
+      } catch (d) {
+        switch (d) {
           case l.DISALLOWED_FILE_TYPE:
           case l.VERY_LARGE_FILE:
-          case l.MAX_DIMENSIONS:
-            return m(i);
+          case l.INVALID_DIMENSIONS:
+            return m(d);
         }
       }
     },
-    [g, u, m, L, d]
+    [v, h, m, S, c]
   );
   return /* @__PURE__ */ t(te, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         role: "region",
-        className: T(o.dropzone, {
-          [o.dropzoneDisabled]: c,
-          [o.dropzoneDragOver]: V,
-          [o.dropzoneError]: _
+        className: A(r.dropzone, {
+          [r.dropzoneDisabled]: n,
+          [r.dropzoneDragOver]: q,
+          [r.dropzoneError]: E
         }),
-        onDragOver: c ? void 0 : k,
-        onDragLeave: c ? void 0 : X,
-        onDrop: c ? void 0 : j,
+        onDragOver: n ? void 0 : k,
+        onDragLeave: n ? void 0 : B,
+        onDrop: n ? void 0 : j,
         children: [
           /* @__PURE__ */ t(
             "input",
             {
               type: "file",
               className: "adyen-pe-visually-hidden",
-              id: z,
-              ref: I,
-              name: B,
-              disabled: c,
-              required: P,
-              accept: String(g),
+              id: x,
+              ref: L,
+              name: P,
+              disabled: n,
+              required: D,
+              accept: String(v),
               onBlur: W,
               onChange: G,
               onInvalid: Q,
-              "aria-invalid": _,
-              "data-testId": "dropzone-input"
+              "aria-invalid": E,
+              "data-testid": "dropzone-input"
             }
           ),
-          /* @__PURE__ */ t("label", { className: o.label, htmlFor: z, children: q ?? /* @__PURE__ */ t("div", {
-            className: T(o.labelDefault),
+          /* @__PURE__ */ t("label", { "data-testid": "dropzone-label", className: r.label, htmlFor: x, children: f ?? /* @__PURE__ */ t("div", {
+            className: A(r.labelDefault),
             // prettier-ignore
             children: [
-              _ ? /* @__PURE__ */ t(D, { name: "warning-filled", className: o.labelIcon }) : /* @__PURE__ */ t(D, { name: "upload", className: o.labelIcon }),
-              /* @__PURE__ */ t(x, { className: o.labelText, el: R.SPAN, variant: O.BODY, stronger: !0, children: b.get("common.inputs.file.labels.default") })
+              E ? /* @__PURE__ */ t(N, { name: "warning-filled", className: r.labelIcon }) : /* @__PURE__ */ t(N, { name: "upload", className: r.labelIcon }),
+              /* @__PURE__ */ t($, { className: r.labelText, el: U.SPAN, variant: M.BODY, stronger: !0, children: T.get("common.inputs.file.labels.default") })
             ]
           }) })
         ]
       }
     ),
-    _ && /* @__PURE__ */ t("div", { className: o.error, children: [
-      /* @__PURE__ */ t(D, { name: "cross-circle-fill", className: o.errorIcon }),
-      /* @__PURE__ */ t(x, { className: o.errorText, el: R.SPAN, variant: O.BODY, children: $(y) ? y(
-        f,
-        h ? { size: h.limit, type: h.type } : void 0
-      ) : b.get(f) })
+    E && /* @__PURE__ */ t("div", { className: r.error, children: [
+      /* @__PURE__ */ t(N, { name: "cross-circle-fill", className: r.errorIcon }),
+      /* @__PURE__ */ t($, { className: r.errorText, el: U.SPAN, variant: M.BODY, children: V(z) ? z(
+        _,
+        g ? { size: g.limit, type: g.type } : void 0
+      ) : T.get(_) })
     ] })
   ] });
 });

package/dist/es/components/internal/FormFields/FileInput/components/UploadedFile.js

@@ -1,10 +1,10 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../Button/Button.js";
 import n from "../../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as r } from "../../../Typography/types.js";
 import { ButtonVariant as p } from "../../../Button/types.js";
 import { BASE_CLASS as i } from "../constants.js";
-import { useMemo as d } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css                */
 import { getHumanReadableFileSize as u } from "../../../../../utils/file/size.js";
 import { Icon as o } from "../../../Icon/Icon.js";

package/dist/es/components/internal/FormFields/FileInput/constants.js

@@ -1,14 +1,14 @@
-const _ = "adyen-pe-file-input", e = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], E = 2097152, i = {
+const _ = "adyen-pe-file-input", e = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], i = 2097152, E = {
   DISALLOWED_FILE_TYPE: "disallowed_file_type",
   FILE_REQUIRED: "file_required",
   TOO_MANY_FILES: "too_many_files",
   VERY_LARGE_FILE: "very_large_file",
   MAX_FILE_SIZE: "max_file_size",
-  MAX_DIMENSIONS: "max_dimensions"
+  INVALID_DIMENSIONS: "invalid_dimensions"
 };
 export {
   _ as BASE_CLASS,
   e as DEFAULT_FILE_TYPES,
-  E as DEFAULT_MAX_FILE_SIZE,
-  i as validationErrors
+  i as DEFAULT_MAX_FILE_SIZE,
+  E as validationErrors
 };

package/dist/es/components/internal/FormFields/FileInput/helpers/defaultMapError.js

@@ -9,8 +9,8 @@ const s = (e) => {
       return "common.inputs.file.errors.tooMany";
     case r.VERY_LARGE_FILE:
       return "common.inputs.file.errors.tooLarge";
-    case r.MAX_DIMENSIONS:
-      return "common.inputs.file.errors.maxDimensions";
+    case r.INVALID_DIMENSIONS:
+      return "common.inputs.file.errors.invalidDimensions";
   }
   return "common.inputs.file.errors.default";
 };

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

@@ -1,147 +1,153 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ARIA_ERROR_SUFFIX as J } from "../../../core/Errors/constants.js";
-import O from "classnames";
-import { forwardRef as L } from "../../../external/preact/compat/dist/compat.module.js";
-import { useCallback as t } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { filterDisallowedCharacters as Q } from "./utils.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ARIA_ERROR_SUFFIX as Q } from "../../../core/Errors/constants.js";
+import M from "classnames";
+import { forwardRef as S } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useCallback as n, useMemo as U } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { filterDisallowedCharacters as W } from "./utils.js";
 /* empty css                */
-import { ButtonVariant as S } from "../Button/types.js";
-import { FieldError as U } from "./FieldError/FieldError.js";
-import W from "./Select/Select.js";
-import { Fragment as Z } from "../../../external/preact/dist/preact.module.js";
-import { hasOwnProperty as H } from "../../../utils/struct/property.js";
-function $({
-  onInput: m,
-  onKeyUp: r,
-  trimOnBlur: f,
-  onBlurHandler: y,
-  onBlur: h,
+import { ButtonVariant as Z } from "../Button/types.js";
+import { FieldError as H } from "./FieldError/FieldError.js";
+import ee from "./Select/Select.js";
+import { Fragment as ae } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { hasOwnProperty as te } from "../../../utils/struct/property.js";
+function O({
+  onInput: f,
+  onKeyUp: o,
+  trimOnBlur: y,
+  onBlurHandler: h,
+  onBlur: _,
   onFocusHandler: v,
-  errorMessage: _,
-  iconBeforeSlot: o,
-  iconAfterSlot: d,
+  errorMessage: I,
+  errorTestId: $,
+  iconBeforeSlot: d,
+  iconAfterSlot: u,
   dropdown: a,
-  dropdownPosition: I = "start",
+  dropdownPosition: N = "start",
   onDropdownInput: g,
-  onKeyDown: N,
+  onKeyDown: C,
   onUpdateDropdown: b,
-  ...s
+  ...i
 }, x) {
-  const { classNameModifiers: T, isInvalid: i, isValid: q, readonly: C = !1, type: l, uniqueId: u, isCollatingErrors: p, disabled: A } = s;
-  H(s, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const M = t(
+  const { classNameModifiers: q, isInvalid: r, isValid: A, readonly: s = !1, type: l, uniqueId: p, isCollatingErrors: c, disabled: k } = i;
+  te(i, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  const w = n(
     (e) => {
-      m?.(e);
+      f?.(e);
     },
-    [m]
-  ), k = t(
+    [f]
+  ), P = n(
     (e) => {
-      r && r(e);
+      o && o(e);
     },
-    [r]
-  ), w = t(
+    [o]
+  ), j = n(
     (e) => {
-      y?.(e), f && (e.target.value = e.target.value.trim()), h?.(e);
+      h?.(e), y && (e.target.value = e.target.value.trim()), _?.(e);
     },
-    [h, y, f]
-  ), P = t(
+    [_, h, y]
+  ), B = n(
     (e) => {
       v?.(e);
     },
     [v]
-  ), D = t(
+  ), D = n(
     (e) => {
       const V = e.target?.value;
       g?.(V), a && b?.({ ...a, value: V });
     },
     [a, g, b]
-  ), j = O(
+  ), K = M(
     "adyen-pe-input",
     [`adyen-pe-input--${l}`],
-    s.className,
+    i.className,
     {
-      "adyen-pe-input--invalid": i,
-      "adyen-pe-input--valid": q
+      "adyen-pe-input--invalid": r,
+      "adyen-pe-input--valid": A
     },
-    T?.map((e) => `adyen-pe-input--${e}`)
-  ), B = t(
+    q?.map((e) => `adyen-pe-input--${e}`)
+  ), X = n(
     (e) => {
-      Q({ event: e, inputType: l, onValidInput: () => N?.(e) });
+      W({ event: e, inputType: l, onValidInput: () => C?.(e) });
     },
-    [l, N]
+    [l, C]
   ), {
-    classNameModifiers: ee,
-    uniqueId: ae,
-    isInvalid: ne,
-    isValid: te,
-    isCollatingErrors: se,
-    autoFocus: ie,
-    autofocus: le,
-    ...K
-  } = s, X = o || d, c = !!a && a.items.length > 0, Y = c && I === "start", z = c && I === "end", G = X || c, F = C || a?.readonly, E = /* @__PURE__ */ n(
+    classNameModifiers: ne,
+    uniqueId: se,
+    isInvalid: ie,
+    isValid: re,
+    isCollatingErrors: le,
+    errorTestId: oe,
+    autoFocus: de,
+    autofocus: ue,
+    ...Y
+  } = i, z = d || u, m = !!a && a.items.length > 0, G = m && N === "start", J = m && N === "end", L = z || m, F = s || a?.readonly, E = /* @__PURE__ */ t(
     "input",
     {
-      id: u,
-      ...K,
+      id: p,
+      ...Y,
       type: l,
-      className: j,
-      readOnly: C,
-      "aria-describedby": p ? void 0 : `${u}${J}`,
-      "aria-invalid": i,
-      onInput: M,
-      onBlurCapture: w,
-      onFocus: P,
-      onKeyDown: B,
-      onKeyUp: k,
-      disabled: A,
+      className: K,
+      readOnly: s,
+      "aria-describedby": c ? void 0 : `${p}${Q}`,
+      "aria-invalid": r,
+      onInput: w,
+      onBlurCapture: j,
+      onFocus: B,
+      onKeyDown: X,
+      onKeyUp: P,
+      disabled: k,
       ref: x,
       autoFocus: !1
     }
-  ), R = t(
-    () => a ? /* @__PURE__ */ n(
-      W,
+  ), R = U(() => {
+    let e = ["input-field"];
+    return s && (e = [...e, "readonly"]), e;
+  }, [s]), T = n(
+    () => a ? /* @__PURE__ */ t(
+      ee,
       {
         name: a.name,
-        buttonVariant: S.TERTIARY,
+        buttonVariant: Z.TERTIARY,
         items: a.items,
         selected: a.value,
         onChange: D,
         readonly: F,
         filterable: a.filterable,
         "aria-label": a["aria-label"],
-        classNameModifiers: ["input-field"],
-        isCollatingErrors: p,
+        classNameModifiers: R,
+        isCollatingErrors: c,
         disableToggleFocusOnClose: !0
       }
     ) : null,
-    [a, D, p, F]
+    [a, D, c, F, R]
   );
-  return /* @__PURE__ */ n(Z, { children: [
-    G ? /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(ae, { children: [
+    L ? /* @__PURE__ */ t(
       "div",
       {
-        className: O("adyen-pe-input__container", {
-          "adyen-pe-input--invalid": i
+        className: M("adyen-pe-input__container", {
+          "adyen-pe-input--invalid": r,
+          "adyen-pe-input__container--readonly": s
         }),
         children: [
-          Y && /* @__PURE__ */ n("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: R() }),
-          o && /* @__PURE__ */ n("span", { className: "adyen-pe-input__slot-before", children: o }),
+          G && /* @__PURE__ */ t("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: T() }),
+          d && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-before", children: d }),
           E,
-          d && /* @__PURE__ */ n("span", { className: "adyen-pe-input__slot-after", children: d }),
-          z && /* @__PURE__ */ n("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: R() })
+          u && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-after", children: u }),
+          J && /* @__PURE__ */ t("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: T() })
         ]
       }
     ) : E,
-    i && _ && /* @__PURE__ */ n(U, { id: u, errorMessage: _ })
+    r && I && /* @__PURE__ */ t(H, { id: p, errorMessage: I, testId: $ })
   ] });
 }
-$.defaultProps = {
+O.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const Ie = L($);
+const be = S(O);
 export {
-  Ie as default
+  be as default
 };

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

@@ -1,6 +1,6 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "./InputBase.js";
-import { forwardRef as i } from "../../../external/preact/compat/dist/compat.module.js";
+import { forwardRef as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 const m = i(function(e, r) {
   return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
 });

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

@@ -1,43 +1,50 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ALL_BALANCE_ACCOUNTS_SELECTION_ID as C } from "../../../../../hooks/useBalanceAccountSelection.js";
-import { memo as p } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as _, useCallback as S } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import d from "../../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as f, containerQueries as u } from "../../../../../hooks/useResponsiveContainer.js";
-import { renderDefaultSingleSelectionCheckedness as L } from "../components/SelectListItem.js";
+import { memo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useMemo as p, useCallback as _ } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useResponsiveContainer as S, containerQueries as f } from "../../../../../hooks/useResponsiveContainer.js";
+import { renderDefaultSingleSelectionCheckedness as u } from "../components/SelectListItem.js";
 /* empty css                            */
-import { Fragment as A } from "../../../../../external/preact/dist/preact.module.js";
+import L from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as A } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import h from "../Select.js";
-const t = "adyen-pe-balance-account-selector", E = `${t}__account-id`, i = `${t}__account-label`, w = p(
+const r = "adyen-pe-balance-account-selector", E = `${r}__account-id`, m = `${r}__account-label`, w = d(
   ({
     activeBalanceAccount: s,
-    balanceAccountSelectionOptions: r,
-    onBalanceAccountSelection: l
+    balanceAccountSelectionOptions: t,
+    onBalanceAccountSelection: i
   }) => {
-    const { i18n: n } = d(), a = f(u.down.xs), m = _(() => n.get("common.filters.types.account.label"), [n]), c = S(
+    const { i18n: n } = L(), l = S(f.down.xs), a = p(() => n.get("common.filters.types.account.label"), [n]), c = _(
       (e) => /* @__PURE__ */ o(A, { children: [
         /* @__PURE__ */ o("div", { className: e.contentClassName, children: [
-          e.item.name && /* @__PURE__ */ o("span", { className: i, children: e.item.name }),
-          e.item.id !== C && /* @__PURE__ */ o("span", { className: e.item.name ? E : i, children: e.item.id })
+          e.item.name && /* @__PURE__ */ o("span", { className: m, children: e.item.name }),
+          e.item.id !== C && /* @__PURE__ */ o(
+            "span",
+            {
+              className: e.item.name ? E : m,
+              "data-testid": "balance-account-id",
+              children: e.item.id
+            }
+          )
         ] }),
-        L(e)
+        u(e)
       ] }),
       []
     );
-    return r && r.length > 1 && /* @__PURE__ */ o(
+    return t && t.length > 1 && /* @__PURE__ */ o(
       h,
       {
-        popoverClassNameModifiers: [t],
-        onChange: l,
+        popoverClassNameModifiers: [r],
+        onChange: i,
         filterable: !1,
         multiSelect: !1,
-        placeholder: s?.id || m,
+        placeholder: s?.id || a,
         selected: s?.id,
         withoutCollapseIndicator: !0,
-        items: r,
+        items: t,
         renderListItem: c,
-        showOverlay: a,
-        "aria-label": m
+        showOverlay: l,
+        "aria-label": a
       }
     );
   }