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

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

@@ -1,148 +1,151 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ARIA_ERROR_SUFFIX as Z } from "../../../core/Errors/constants.js";
-import T from "classnames";
-import { forwardRef as D } from "../../../external/preact/compat/dist/compat.module.js";
-import { useCallback as t } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { filterDisallowedCharacters as K } 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 U } from "../Button/types.js";
-import { FieldError as B } from "./FieldError/FieldError.js";
+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 w } from "../../../external/preact/dist/preact.module.js";
-import { hasOwnProperty as aa } from "../../../utils/struct/property.js";
-function q({
-  onInput: s,
-  onKeyUp: h,
-  trimOnBlur: C,
-  onBlurHandler: l,
-  onBlur: r,
-  onFocusHandler: n,
-  errorMessage: N,
-  iconBeforeSlot: y,
-  iconAfterSlot: v,
-  dropdown: e,
-  dropdownPosition: E = "start",
-  onDropdownInput: c,
-  onKeyDown: m,
-  onUpdateDropdown: u,
-  ...p
-}, A) {
-  const { classNameModifiers: _, isInvalid: f, isValid: k, readonly: R = !1, type: d, uniqueId: g, isCollatingErrors: o, disabled: P } = p;
-  aa(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const j = t(
-    (a) => {
-      s == null || s(a);
+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: I,
+  iconBeforeSlot: d,
+  iconAfterSlot: u,
+  dropdown: a,
+  dropdownPosition: N = "start",
+  onDropdownInput: g,
+  onKeyDown: C,
+  onUpdateDropdown: b,
+  ...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) => {
+      f?.(e);
     },
-    [s]
-  ), M = t(
-    (a) => {
-      h && h(a);
+    [f]
+  ), k = t(
+    (e) => {
+      o && o(e);
     },
-    [h]
-  ), X = t(
-    (a) => {
-      l == null || l(a), C && (a.target.value = a.target.value.trim()), r == null || r(a);
+    [o]
+  ), w = t(
+    (e) => {
+      h?.(e), y && (e.target.value = e.target.value.trim()), _?.(e);
     },
-    [r, l, C]
-  ), Y = t(
-    (a) => {
-      n == null || n(a);
+    [_, h, y]
+  ), P = t(
+    (e) => {
+      v?.(e);
     },
-    [n]
-  ), I = t(
-    (a) => {
-      var x;
-      const $ = (x = a.target) == null ? void 0 : x.value;
-      c == null || c($), e && (u == null || u({ ...e, value: $ }));
+    [v]
+  ), D = t(
+    (e) => {
+      const V = e.target?.value;
+      g?.(V), a && b?.({ ...a, value: V });
     },
-    [e, c, u]
-  ), z = T(
+    [a, g, b]
+  ), j = M(
     "adyen-pe-input",
-    [`adyen-pe-input--${d}`],
-    p.className,
+    [`adyen-pe-input--${r}`],
+    i.className,
     {
-      "adyen-pe-input--invalid": f,
-      "adyen-pe-input--valid": k
+      "adyen-pe-input--invalid": l,
+      "adyen-pe-input--valid": x
     },
-    _ == null ? void 0 : _.map((a) => `adyen-pe-input--${a}`)
-  ), G = t(
-    (a) => {
-      K({ event: a, inputType: d, onValidInput: () => m == null ? void 0 : m(a) });
+    $?.map((e) => `adyen-pe-input--${e}`)
+  ), B = t(
+    (e) => {
+      U({ event: e, inputType: r, onValidInput: () => C?.(e) });
     },
-    [d, m]
+    [r, C]
   ), {
-    classNameModifiers: ea,
-    uniqueId: ia,
-    isInvalid: ta,
-    isValid: sa,
-    isCollatingErrors: la,
-    autoFocus: ra,
-    autofocus: na,
-    ...J
-  } = p, L = y || v, b = !!e && e.items.length > 0, Q = b && E === "start", S = b && E === "end", W = L || b, V = R || (e == null ? void 0 : e.readonly), F = /* @__PURE__ */ i(
+    classNameModifiers: ne,
+    uniqueId: te,
+    isInvalid: se,
+    isValid: ie,
+    isCollatingErrors: le,
+    autoFocus: re,
+    autofocus: oe,
+    ...K
+  } = 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: g,
-      ...J,
-      type: d,
-      className: z,
-      readOnly: R,
-      "aria-describedby": o ? void 0 : `${g}${Z}`,
-      "aria-invalid": f,
-      onInput: j,
-      onBlurCapture: X,
-      onFocus: Y,
-      onKeyDown: G,
-      onKeyUp: M,
-      disabled: P,
-      ref: A,
+      id: p,
+      ...K,
+      type: r,
+      className: j,
+      readOnly: s,
+      "aria-describedby": c ? void 0 : `${p}${L}`,
+      "aria-invalid": l,
+      onInput: A,
+      onBlurCapture: w,
+      onFocus: P,
+      onKeyDown: B,
+      onKeyUp: k,
+      disabled: q,
+      ref: T,
       autoFocus: !1
     }
-  ), O = t(
-    () => e ? /* @__PURE__ */ i(
+  ), J = S(() => {
+    let e = ["input-field"];
+    return s && (e = [...e, "readonly"]), e;
+  }, [s]), R = t(
+    () => a ? /* @__PURE__ */ n(
       H,
       {
-        name: e.name,
-        buttonVariant: U.TERTIARY,
-        items: e.items,
-        selected: e.value,
-        onChange: I,
-        readonly: V,
-        filterable: e.filterable,
-        "aria-label": e["aria-label"],
-        classNameModifiers: ["input-field"],
-        isCollatingErrors: o,
+        name: a.name,
+        buttonVariant: W.TERTIARY,
+        items: a.items,
+        selected: a.value,
+        onChange: D,
+        readonly: F,
+        filterable: a.filterable,
+        "aria-label": a["aria-label"],
+        classNameModifiers: J,
+        isCollatingErrors: c,
         disableToggleFocusOnClose: !0
       }
     ) : null,
-    [e, I, o, V]
+    [a, D, c, F]
   );
-  return /* @__PURE__ */ i(w, { children: [
-    W ? /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(ee, { children: [
+    G ? /* @__PURE__ */ n(
       "div",
       {
-        className: T("adyen-pe-input__container", {
-          "adyen-pe-input--invalid": f
+        className: M("adyen-pe-input__container", {
+          "adyen-pe-input--invalid": l,
+          "adyen-pe-input__container--readonly": s
         }),
         children: [
-          Q && /* @__PURE__ */ i("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: O() }),
-          y && /* @__PURE__ */ i("span", { className: "adyen-pe-input__slot-before", children: y }),
-          F,
-          v && /* @__PURE__ */ i("span", { className: "adyen-pe-input__slot-after", children: v }),
-          S && /* @__PURE__ */ i("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: O() })
+          Y && /* @__PURE__ */ n("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: R() }),
+          d && /* @__PURE__ */ n("span", { className: "adyen-pe-input__slot-before", children: d }),
+          E,
+          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() })
         ]
       }
-    ) : F,
-    f && N && /* @__PURE__ */ i(B, { id: g, errorMessage: N })
+    ) : E,
+    l && I && /* @__PURE__ */ n(Z, { id: p, errorMessage: I })
   ] });
 }
-q.defaultProps = {
+O.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const ba = D(q);
+const ge = Q(O);
 export {
-  ba 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,47 +1,47 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ALL_BALANCE_ACCOUNTS_SELECTION_ID as _ } from "../../../../../hooks/useBalanceAccountSelection.js";
-import { memo as S } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as d, useCallback as f } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import L from "../../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as a, containerQueries as h } from "../../../../../hooks/useResponsiveContainer.js";
-import { renderDefaultSingleSelectionCheckedness as E } from "../components/SelectListItem.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/.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 N } from "../../../../../external/preact/dist/preact.module.js";
-import T from "../Select.js";
-const m = "adyen-pe-balance-account-selector", u = `${m}__account-id`, l = `${m}__account-label`, D = S(
+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(
   ({
-    activeBalanceAccount: r,
-    balanceAccountSelectionOptions: o,
-    onBalanceAccountSelection: n
+    activeBalanceAccount: s,
+    balanceAccountSelectionOptions: r,
+    onBalanceAccountSelection: l
   }) => {
-    const { i18n: t } = L(), C = a(h.down.xs), i = d(() => t.get("common.filters.types.account.label"), [t]), p = f(
-      (e) => /* @__PURE__ */ s(N, { children: [
-        /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
-          e.item.name && /* @__PURE__ */ s("span", { className: l, children: e.item.name }),
-          e.item.id !== _ && /* @__PURE__ */ s("span", { className: e.item.name ? u : l, children: e.item.id })
+    const { i18n: n } = d(), a = f(u.down.xs), m = _(() => n.get("common.filters.types.account.label"), [n]), c = S(
+      (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(e)
+        L(e)
       ] }),
       []
     );
-    return o && o.length > 1 && /* @__PURE__ */ s(
-      T,
+    return r && r.length > 1 && /* @__PURE__ */ o(
+      h,
       {
-        popoverClassNameModifiers: [m],
-        onChange: n,
+        popoverClassNameModifiers: [t],
+        onChange: l,
         filterable: !1,
         multiSelect: !1,
-        placeholder: (r == null ? void 0 : r.id) || i,
-        selected: r == null ? void 0 : r.id,
+        placeholder: s?.id || m,
+        selected: s?.id,
         withoutCollapseIndicator: !0,
-        items: o,
-        renderListItem: p,
-        showOverlay: C,
-        "aria-label": i
+        items: r,
+        renderListItem: c,
+        showOverlay: a,
+        "aria-label": m
       }
     );
   }
 );
 export {
-  D as default
+  w as default
 };