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

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

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

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

@@ -1,6 +1,6 @@
-import { jsx as _ } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as _ } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import ve from "classnames";
-import { useState as y, useRef as f, useMemo as H, useCallback as i, useEffect as D } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as y, useRef as f, useMemo as H, useCallback as i, useEffect as D } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as a } from "../../../types.js";
 import { ARIA_ERROR_SUFFIX as Le } from "../../../../core/Errors/constants.js";
 import { useUniqueId as X } from "../../../../hooks/useUniqueId.js";

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

@@ -1,107 +1,109 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import S from "classnames";
-import { useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import A from "../../../../../core/Context/useCoreContext.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import f from "classnames";
+import { useMemo as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import L from "../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as I } from "../../../Button/types.js";
-import L from "../../../Typography/Typography.js";
-import { TypographyVariant as y, TypographyElement as B } from "../../../Typography/types.js";
-import { DROPDOWN_BUTTON_ICON_CLASS as h, DROPDOWN_BUTTON_TEXT_CLASS as R, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as v, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as E, DROPDOWN_BUTTON_CLEAR_CLASS as P, DROPDOWN_BUTTON_CLASS as g, DROPDOWN_BUTTON_VALID_CLASS as U, DROPDOWN_BUTTON_INVALID_CLASS as x, DROPDOWN_BUTTON_READONLY_CLASS as W, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as w, DROPDOWN_BUTTON_ACTIVE_CLASS as V, DROPDOWN_BUTTON_CLASSNAME as K } from "../constants.js";
-import { InteractionKeyCode as u } from "../../../../types.js";
-import { Fragment as F } from "../../../../../external/preact/dist/preact.module.js";
-import k from "../../../Img/Img.js";
+import y from "../../../Typography/Typography.js";
+import { TypographyVariant as B, TypographyElement as h } from "../../../Typography/types.js";
+import { DEFAULT_BUTTON_CLASSNAME as _ } from "../../../Button/constants.js";
+import { DROPDOWN_BUTTON_ICON_CLASS as R, DROPDOWN_BUTTON_TEXT_CLASS as v, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as E, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as g, DROPDOWN_BUTTON_CLEAR_CLASS as U, DROPDOWN_BUTTON_CLASS as P, DROPDOWN_BUTTON_VALID_CLASS as x, DROPDOWN_BUTTON_INVALID_CLASS as W, DROPDOWN_BUTTON_READONLY_CLASS as w, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as V, DROPDOWN_BUTTON_ACTIVE_CLASS as F } from "../constants.js";
+import { InteractionKeyCode as C } from "../../../../types.js";
+import { Fragment as K } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import M from "../../../Img/Img.js";
 import { Icon as D } from "../../../Icon/Icon.js";
-import M from "../../../Button/Button.js";
-import { boolOrFalse as C } from "../../../../../utils/value/bool.js";
-const Y = ({
+import k from "../../../Button/Button.js";
+import { boolOrFalse as S } from "../../../../../utils/value/bool.js";
+import { getModifierClasses as Y } from "../../../../../utils/preact/className.js";
+const j = ({
   active: e,
   disabled: N,
-  className: t,
-  filterable: o,
-  toggleButtonRef: i,
-  buttonVariant: m,
-  ...n
+  className: a,
+  filterable: m,
+  toggleButtonRef: l,
+  buttonVariant: s,
+  ...o
 }) => {
-  const d = O(() => o ? S(K, t) : t, [t, o]);
-  return o ? /* @__PURE__ */ a("div", { ...n, className: d, ref: i }) : /* @__PURE__ */ a(
-    M,
+  const d = s ?? I.SECONDARY, i = c(() => Y(_, [d], [_]), [d]), n = c(() => m ? f(i, a) : a, [i, a, m]);
+  return m ? /* @__PURE__ */ t("div", { ...o, className: n, ref: l }) : /* @__PURE__ */ t(
+    k,
     {
-      ...n,
-      className: d,
+      ...o,
+      className: n,
       disabled: N,
-      variant: m ?? I.SECONDARY,
-      ref: i,
-      "aria-label": n["aria-label"],
-      "aria-labelledby": n["aria-labelledby"]
+      variant: d,
+      ref: l,
+      "aria-label": o["aria-label"],
+      "aria-labelledby": o["aria-labelledby"]
     }
   );
-}, ie = (e) => {
-  const { i18n: N } = A(), { active: t, clearable: o, filterable: i, multiSelect: m, placeholder: n, onClear: d, readonly: c, showList: r, withoutCollapseIndicator: f } = e, T = O(() => n?.trim() || N.get("common.inputs.select.placeholder"), [N, n]), l = O(() => C(m) ? void 0 : t[0], [t, m]), s = O(() => l?.name?.trim() || T, [l, T]), _ = O(() => C(o) && !!t.length, [t, o]);
-  return /* @__PURE__ */ a(
-    Y,
+}, oe = (e) => {
+  const { i18n: N } = L(), { active: a, clearable: m, filterable: l, multiSelect: s, placeholder: o, onClear: d, readonly: i, showList: n, withoutCollapseIndicator: A } = e, O = c(() => o?.trim() || N.get("common.inputs.select.placeholder"), [N, o]), r = c(() => S(s) ? void 0 : a[0], [a, s]), b = c(() => r?.name?.trim() || O, [r, O]), u = c(() => S(m) && !!a.length && !i, [a, m, i]);
+  return /* @__PURE__ */ t(
+    j,
     {
       buttonVariant: e.buttonVariant,
-      active: t,
-      disabled: c,
-      "aria-disabled": c,
-      "aria-expanded": r,
+      active: a,
+      disabled: i,
+      "aria-disabled": i,
+      "aria-expanded": n,
       "aria-haspopup": "dialog",
       "aria-invalid": e.isInvalid,
-      className: S(g, {
-        [V]: r,
-        [w]: !!t.length,
-        [W]: c,
-        [x]: e.isInvalid,
-        [U]: e.isValid
+      className: f(P, {
+        [F]: n,
+        [V]: !!a.length,
+        [w]: i,
+        [W]: e.isInvalid,
+        [x]: e.isValid
       }),
-      filterable: i,
+      filterable: l,
       name: e.name,
-      onClick: c ? void 0 : e.toggleList,
-      onKeyDown: c ? void 0 : e.onButtonKeyDown,
-      role: !i || r ? "button" : void 0,
+      onClick: i ? void 0 : e.toggleList,
+      onKeyDown: i ? void 0 : e.onButtonKeyDown,
+      role: !l || n ? "button" : void 0,
       tabIndex: 0,
-      title: s,
+      title: b,
       toggleButtonRef: e.toggleButtonRef,
-      type: i ? void 0 : "button",
+      type: l ? void 0 : "button",
       "aria-describedby": e.ariaDescribedBy,
       id: e.id,
-      ...r && i ? {} : { "aria-label": e["aria-label"], "aria-labelledby": e["aria-labelledby"] },
+      ...n && l ? {} : { "aria-label": e["aria-label"], "aria-labelledby": e["aria-labelledby"] },
       children: [
-        e.renderButtonContent ? e.renderButtonContent({ item: l }) : r && i ? /* @__PURE__ */ a(
+        e.renderButtonContent ? e.renderButtonContent({ item: r }) : n && l ? /* @__PURE__ */ t(
           "input",
           {
             "aria-autocomplete": "list",
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
             "aria-controls": e.selectListId,
-            "aria-expanded": r,
+            "aria-expanded": n,
             "aria-owns": e.selectListId,
             "aria-invalid": e.isInvalid,
             autoComplete: "off",
             className: "adyen-pe-filter-input",
             onInput: e.onInput,
             onKeyDown: e.onFilterInputKeyDown,
-            placeholder: T,
+            placeholder: O,
             ref: e.filterInputRef,
             role: "combobox",
             type: "text"
           }
-        ) : /* @__PURE__ */ a(F, { children: [
-          l?.icon && /* @__PURE__ */ a(k, { className: h, src: l.icon, alt: l?.name?.trim() ?? "" }),
-          /* @__PURE__ */ a("span", { className: R, children: l?.selectedOptionName?.trim() || s }),
-          m && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: v, children: /* @__PURE__ */ a(L, { el: B.SPAN, variant: y.BODY, stronger: !0, children: e.appliedFilterNumber }) })
+        ) : /* @__PURE__ */ t(K, { children: [
+          r?.icon && /* @__PURE__ */ t(M, { className: R, src: r.icon, alt: r?.name?.trim() ?? "" }),
+          /* @__PURE__ */ t("span", { className: v, children: r?.selectedOptionName?.trim() || b }),
+          s && e.appliedFilterNumber > 0 && /* @__PURE__ */ t("div", { className: E, children: /* @__PURE__ */ t(y, { el: h.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
         ] }),
-        !f && !_ && /* @__PURE__ */ a("span", { className: E, children: /* @__PURE__ */ a(D, { name: "chevron-down" }) }),
-        _ && /* @__PURE__ */ a(
+        !A && !u && /* @__PURE__ */ t("span", { className: g, children: /* @__PURE__ */ t(D, { name: "chevron-down" }) }),
+        u && /* @__PURE__ */ t(
           "span",
           {
             role: "button",
             tabIndex: 0,
-            className: P,
+            className: U,
             onClick: d,
-            onKeyDown: (b) => {
-              (b.code === u.ENTER || b.code === u.SPACE) && d?.(b);
+            onKeyDown: (T) => {
+              (T.code === C.ENTER || T.code === C.SPACE) && d?.(T);
             },
-            children: /* @__PURE__ */ a(D, { name: "cross-circle-fill" })
+            children: /* @__PURE__ */ t(D, { name: "cross-circle-fill" })
           }
         )
       ]
@@ -109,5 +111,5 @@ const Y = ({
   );
 };
 export {
-  ie as default
+  oe as default
 };

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

@@ -1,10 +1,10 @@
-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 { useResponsiveContainer as h, containerQueries as W } from "../../../../../hooks/useResponsiveContainer.js";
 import { PopoverContainerPosition as w, PopoverContainerVariant as V, PopoverContainerSize as y } from "../../../Popover/types.js";
 import z from "../../../../../core/Context/useCoreContext.js";
 import a from "classnames";
-import { memo as F } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { memo as F } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useMemo as l } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { DROPDOWN_LIST_CLASS as j, DROPDOWN_LIST_ACTIVE_CLASS as B, DROPDOWN_ELEMENT_CLASS as K, DROPDOWN_ELEMENT_NO_OPTION_CLASS as Q } from "../constants.js";
 import U, { renderListItemDefault as $ } from "./SelectListItem.js";
 import k from "../../../Popover/Popover.js";

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

@@ -1,11 +1,11 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import C from "classnames";
-import { memo as S } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useRef as _, useEffect as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { memo as S } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useRef as _, useEffect as D } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as O, DROPDOWN_ELEMENT_CLASS as f, DROPDOWN_ELEMENT_KEYBOARD_ACTIVE_CLASS as u, DROPDOWN_ELEMENT_DISABLED_CLASS as L, DROPDOWN_ELEMENT_ACTIVE_CLASS as d, DROPDOWN_ELEMENT_ICON_CLASS as p, DROPDOWN_ELEMENT_CONTENT_CLASS as h, DROPDOWN_ELEMENT_CHECKBOX_CLASS as A } from "../constants.js";
 import { Icon as r } from "../../../Icon/Icon.js";
 import R from "../../../Img/Img.js";
-import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as T } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import { boolOrFalse as I } from "../../../../../utils/value/bool.js";
 const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: A, children: e.selected ? /* @__PURE__ */ s(r, { name: "checkmark-square-fill" }) : /* @__PURE__ */ s(r, { name: "square" }) }) : null, k = (e) => e.multiSelect ? null : /* @__PURE__ */ s("span", { className: O, children: e.selected && /* @__PURE__ */ s(r, { name: "checkmark" }) }), K = (e) => /* @__PURE__ */ s(T, { children: [
   M(e),

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

@@ -1,31 +1,27 @@
-import { DEFAULT_BUTTON_CLASSNAME as N } from "../../Button/constants.js";
-import { ButtonVariant as D } from "../../Button/types.js";
-import { getModifierClasses as T } from "../../../../utils/preact/className.js";
-const S = "adyen-pe-dropdown", C = T(N, [D.SECONDARY], [N]), _ = `${S}__button`, A = `${_}--active`, c = `${_}-collapse-indicator`, n = `${_}-clear`, s = `${_}--has-selection`, R = `${_}-icon`, e = `${_}-multiselect-counter`, P = `${_}--readonly`, W = `${_}-text`, i = `${_}--valid`, $ = `${_}--invalid`, O = `${S}__element`, a = `${O}--active`, B = `${O}--keyboard-active`, I = `${O}-checkbox`, U = `${O}-checkmark`, r = `${O}-content`, l = `${O}--disabled`, M = `${O}-icon`, d = `${O}--no-option`, t = `${S}__list`, m = `${t}--active`, p = `${S}--multiselect`;
+const S = "adyen-pe-dropdown", _ = `${S}__button`, N = `${_}--active`, T = `${_}-collapse-indicator`, E = `${_}-clear`, L = `${_}--has-selection`, t = `${_}-icon`, c = `${_}-multiselect-counter`, C = `${_}--readonly`, o = `${_}-text`, n = `${_}--valid`, A = `${_}--invalid`, O = `${S}__element`, s = `${O}--active`, R = `${O}--keyboard-active`, e = `${O}-checkbox`, P = `${O}-checkmark`, W = `${O}-content`, $ = `${O}--disabled`, I = `${O}-icon`, i = `${O}--no-option`, D = `${S}__list`, a = `${D}--active`, B = `${S}--multiselect`;
 export {
   S as DROPDOWN_BASE_CLASS,
-  A as DROPDOWN_BUTTON_ACTIVE_CLASS,
+  N as DROPDOWN_BUTTON_ACTIVE_CLASS,
   _ as DROPDOWN_BUTTON_CLASS,
-  C as DROPDOWN_BUTTON_CLASSNAME,
-  n as DROPDOWN_BUTTON_CLEAR_CLASS,
-  c as DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS,
-  s as DROPDOWN_BUTTON_HAS_SELECTION_CLASS,
-  R as DROPDOWN_BUTTON_ICON_CLASS,
-  $ as DROPDOWN_BUTTON_INVALID_CLASS,
-  e as DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS,
-  P as DROPDOWN_BUTTON_READONLY_CLASS,
-  W as DROPDOWN_BUTTON_TEXT_CLASS,
-  i as DROPDOWN_BUTTON_VALID_CLASS,
-  a as DROPDOWN_ELEMENT_ACTIVE_CLASS,
-  I as DROPDOWN_ELEMENT_CHECKBOX_CLASS,
-  U as DROPDOWN_ELEMENT_CHECKMARK_CLASS,
+  E as DROPDOWN_BUTTON_CLEAR_CLASS,
+  T as DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS,
+  L as DROPDOWN_BUTTON_HAS_SELECTION_CLASS,
+  t as DROPDOWN_BUTTON_ICON_CLASS,
+  A as DROPDOWN_BUTTON_INVALID_CLASS,
+  c as DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS,
+  C as DROPDOWN_BUTTON_READONLY_CLASS,
+  o as DROPDOWN_BUTTON_TEXT_CLASS,
+  n as DROPDOWN_BUTTON_VALID_CLASS,
+  s as DROPDOWN_ELEMENT_ACTIVE_CLASS,
+  e as DROPDOWN_ELEMENT_CHECKBOX_CLASS,
+  P as DROPDOWN_ELEMENT_CHECKMARK_CLASS,
   O as DROPDOWN_ELEMENT_CLASS,
-  r as DROPDOWN_ELEMENT_CONTENT_CLASS,
-  l as DROPDOWN_ELEMENT_DISABLED_CLASS,
-  M as DROPDOWN_ELEMENT_ICON_CLASS,
-  B as DROPDOWN_ELEMENT_KEYBOARD_ACTIVE_CLASS,
-  d as DROPDOWN_ELEMENT_NO_OPTION_CLASS,
-  m as DROPDOWN_LIST_ACTIVE_CLASS,
-  t as DROPDOWN_LIST_CLASS,
-  p as DROPDOWN_MULTI_SELECT_CLASS
+  W as DROPDOWN_ELEMENT_CONTENT_CLASS,
+  $ as DROPDOWN_ELEMENT_DISABLED_CLASS,
+  I as DROPDOWN_ELEMENT_ICON_CLASS,
+  R as DROPDOWN_ELEMENT_KEYBOARD_ACTIVE_CLASS,
+  i as DROPDOWN_ELEMENT_NO_OPTION_CLASS,
+  a as DROPDOWN_LIST_ACTIVE_CLASS,
+  D as DROPDOWN_LIST_CLASS,
+  B as DROPDOWN_MULTI_SELECT_CLASS
 };

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

@@ -1,4 +1,4 @@
-import { useCallback as i, useState as O, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as i, useState as O, useEffect as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/value/constants.js";
 const z = ({ items: f, multiSelect: r, selected: l }) => {
   const a = i(

package/dist/es/components/internal/FormWrappers/FormCalendarInput.js

@@ -1,36 +1,37 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as a } from "../../../hooks/form/wizard/WizardFormContext.js";
-import l from "./FormField.js";
-import { CalendarInput as d } from "../FormFields/CalendarInput/CalendarInput.js";
-import { VisibleField as c } from "./VisibleField.js";
-import { FieldError as F } from "../FormFields/FieldError/FieldError.js";
-import { Controller as f } from "../../../hooks/form/Controller.js";
-function T({ clearable: s, fieldName: e, label: t }) {
-  const { control: u, fieldsConfig: n } = a(), i = p(() => n[e]?.required, [n]);
-  return /* @__PURE__ */ r(c, { name: e, children: /* @__PURE__ */ r(l, { label: t, optional: !i, children: /* @__PURE__ */ r(
-    f,
+import { jsx as o } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as d } from "../../../hooks/form/wizard/WizardFormContext.js";
+import c from "./FormField.js";
+import { CalendarInput as F } from "../FormFields/CalendarInput/CalendarInput.js";
+import { VisibleField as g } from "./VisibleField.js";
+import { FieldError as h } from "../FormFields/FieldError/FieldError.js";
+import { Controller as C } from "../../../hooks/form/Controller.js";
+function O({ clearable: u, fieldName: r, label: p, isReadOnly: i }) {
+  const { control: a, fieldsConfig: n } = d(), s = m(() => n[r]?.required, [n, r]), l = m(() => i ?? n[r]?.readOnly, [n, r, i]);
+  return /* @__PURE__ */ o(g, { name: r, children: /* @__PURE__ */ o(c, { label: p, optional: !s, children: /* @__PURE__ */ o(
+    C,
     {
-      name: e,
-      control: u,
+      name: r,
+      control: a,
       rules: {
-        required: i
+        required: s
       },
-      render: ({ field: m, fieldState: o }) => /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ r(
-          d,
+      render: ({ field: t, fieldState: e }) => /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ o(
+          F,
           {
-            value: m.value,
-            onInput: m.onInput,
-            isInvalid: !!o.error && o.isTouched,
-            clearable: s
+            value: t.value,
+            onInput: t.onInput,
+            isInvalid: !!e.error && e.isTouched,
+            clearable: u,
+            isReadOnly: l
           }
         ),
-        o.error?.message && /* @__PURE__ */ r(F, { errorMessage: o.error?.message, withTopMargin: !0 })
+        e.error?.message && /* @__PURE__ */ o(h, { errorMessage: e.error?.message, withTopMargin: !0 })
       ] })
     }
   ) }) });
 }
 export {
-  T as FormCalendarInput
+  O as FormCalendarInput
 };

package/dist/es/components/internal/FormWrappers/FormField.js

@@ -1,4 +1,4 @@
-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 "../../../core/Context/useCoreContext.js";
 import a from "../Typography/Typography.js";
 import { TypographyVariant as n, TypographyElement as r } from "../Typography/types.js";