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

package/dist/es/components/internal/FilterBar/components/FilterButton/FilterButton.js

@@ -1,18 +1,26 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "../../../Button/hooks/useButton.js";
-import { TypographyVariant as T, TypographyElement as y } from "../../../Typography/types.js";
-import N from "../../../Typography/Typography.js";
-import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../Button/hooks/useButton.js";
+import { TypographyVariant as d, TypographyElement as y } from "../../../Typography/types.js";
+import T from "../../../Typography/Typography.js";
+import { useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                  */
-import { fixedForwardRef as B } from "../../../../../utils/preact/fixedForwardRef.js";
-import { parseClassName as b } from "../../../../../utils/preact/className.js";
-import { parseBooleanProp as h } from "../../../../../utils/preact/props.js";
-const F = "adyen-pe-filter-button";
-function g(o, a) {
-  const { className: t, classNameModifiers: i = [], children: m, disabled: r, onClick: n, ...l } = o, c = s(() => b("", t) || "", [t]), p = s(() => h(r), [r]), { classes: u, click: f } = d(c, i, F, p, o, n);
-  return /* @__PURE__ */ e("button", { className: u, ref: a, onClick: f, ...l, children: /* @__PURE__ */ e(N, { el: y.DIV, variant: T.BODY, stronger: !0, children: m }) });
+import { fixedForwardRef as h } from "../../../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as B } from "../../../../../utils/preact/className.js";
+import { parseBooleanProp as N } from "../../../../../utils/preact/props.js";
+const b = "adyen-pe-filter-button";
+function C(r, i) {
+  const { className: t, classNameModifiers: s = [], children: F, disabled: o, onClick: l, ...g } = r, n = a(() => B("", t) || "", [t]), m = a(() => N(o), [o]), { allChildren: p, allProps: c, click: u } = f(
+    n,
+    s,
+    b,
+    m,
+    r,
+    r.type,
+    l
+  );
+  return /* @__PURE__ */ e("button", { ref: i, onClick: u, ...c, children: /* @__PURE__ */ e(T, { el: y.DIV, variant: d.BODY, stronger: !0, children: p }) });
 }
-const _ = B(g);
+const I = h(C);
 export {
-  _ as default
+  I as default
 };

package/dist/es/components/internal/FilterBar/filters/BaseFilter/BaseFilter.js

@@ -1,97 +1,92 @@
-import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useResponsiveContainer as b, containerQueries as g } from "../../../../../hooks/useResponsiveContainer.js";
-import z from "../../components/FilterButton/FilterButton.js";
-import H from "../../../Popover/Popover.js";
-import { PopoverContainerPosition as L, PopoverContainerVariant as j } from "../../../Popover/types.js";
-import { TypographyVariant as O, TypographyElement as S } from "../../../Typography/types.js";
-import _ from "../../../Typography/Typography.js";
-import { memo as Q } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as p, useRef as G, useCallback as I, useEffect as C, useState as J } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import f from "../../../../../hooks/useBooleanState.js";
-import { useUniqueId as K } from "../../../../../hooks/useUniqueId.js";
-import W from "../../../FormFields/InputText.js";
-import X from "../../../../../hooks/useCommitAction/useCommitAction.js";
-import { Fragment as Z } from "../../../../../external/preact/dist/preact.module.js";
-import { isNull as ee } from "../../../../../utils/value/is.js";
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useResponsiveContainer as C, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
+import L from "../../components/FilterButton/FilterButton.js";
+import j from "../../../Popover/Popover.js";
+import { PopoverContainerPosition as Q, PopoverContainerVariant as G } from "../../../Popover/types.js";
+import { TypographyVariant as _, TypographyElement as D } from "../../../Typography/types.js";
+import I from "../../../Typography/Typography.js";
+import { memo as J } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as E, useRef as V, useCallback as R, useEffect as p, useState as K } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import m from "../../../../../hooks/useBooleanState.js";
+import { useUniqueId as W } from "../../../../../hooks/useUniqueId.js";
+import X from "../../../FormFields/InputText.js";
+import Z from "../../../../../hooks/useCommitAction/useCommitAction.js";
+import { Fragment as ee } from "../../../../../external/preact/dist/preact.module.js";
 import { isEmptyString as te } from "../../../../../utils/value/string.js";
-import { CommitAction as D } from "../../../../../hooks/useCommitAction/types.js";
-const ae = (s) => !s || te(s), ie = /* @__PURE__ */ (() => {
-  const s = (u) => {
-    const { editAction: e, name: A, onChange: t, onValueUpdated: r } = u, [c, d] = J(u.value), l = I(
+import { isNull as ie } from "../../../../../utils/value/is.js";
+import { CommitAction as T } from "../../../../../hooks/useCommitAction/types.js";
+const ae = (r) => !r || te(r), ne = /* @__PURE__ */ (() => {
+  const r = (d) => {
+    const { editAction: e, name: b, onChange: t, onValueUpdated: s } = d, [c, u] = K(d.value), i = V(null), f = R(
       (a) => {
-        const n = a.target.value.trim();
-        d(n), r(n);
+        const y = a.target.value.trim();
+        u(y), s(y);
       },
-      [r]
+      [s]
     );
-    return C(() => {
-      if (e === D.CLEAR) {
+    return p(() => {
+      i.current && i.current.focus();
+    }, [i]), p(() => {
+      if (e === T.CLEAR) {
         const a = "";
-        d(a), r(a), t(a);
+        u(a), s(a), t(a);
       }
-      e === D.APPLY && t(c ?? "");
-    }, [c, e, t, r]), /* @__PURE__ */ i(W, { name: A, value: c, onInput: l });
+      e === T.APPLY && t(c ?? "");
+    }, [c, e, t, s]), /* @__PURE__ */ n(X, { ref: i, name: b, value: c, onInput: f });
   };
-  return (u) => /* @__PURE__ */ i(s, { ...u });
-})(), ne = ({ render: s, ["aria-label"]: u, ...e }) => {
-  var N;
-  const A = b(g.down.xs), [t, r] = f(!1), [c, d] = f(!1), l = p(() => e.isValueEmpty ?? ae, [e.isValueEmpty]), [a, n] = f(l(e.value)), [M, v] = f(!1), [T, h] = f(!1), [w, V] = f(l(e.value)), E = G(null), R = `elem-${K()}`, k = p(() => s ?? ie, [s]), x = I(
+  return (d) => /* @__PURE__ */ n(r, { ...d });
+})(), oe = ({ render: r, ["aria-label"]: d, ...e }) => {
+  var S;
+  const b = C(M.down.xs), [t, s] = m(!1), [c, u] = m(!1), i = E(() => e.isValueEmpty ?? ae, [e.isValueEmpty]), [f, a] = m(i(e.value)), [y, h] = m(!1), [w, A] = m(!1), [k, P] = m(i(e.value)), g = V(null), x = `elem-${W()}`, U = E(() => r ?? ne, [r]), Y = R(
     (o) => {
-      const m = l(o ?? void 0);
-      n(m), V(ee(o)), h(M ? o !== e.value : !m);
+      const l = i(o ?? void 0);
+      a(l), P(ie(o)), A(y ? o !== e.value : !l);
     },
-    [l, n, V, h, M, e.value]
-  ), { commitAction: U, commitActionButtons: Y, committing: P, resetCommitAction: B } = X({
-    applyDisabled: w || !T,
-    resetDisabled: a,
+    [i, a, P, A, y, e.value]
+  ), { commitAction: $, commitActionButtons: q, committing: B, resetCommitAction: F } = Z({
+    applyDisabled: k || !w,
+    resetDisabled: f,
     onResetAction: e == null ? void 0 : e.onResetAction
-  }), [y, F] = p(() => {
-    const o = (m) => () => {
-      m !== t && (m && (B(), h(!1), v(!1)), r(m), d(m));
+  }), N = V(!1), [v, O] = E(() => {
+    const o = (l) => () => {
+      l === t || l && N.current || (l && (F(), A(!1), h(!1)), s(l), u(l));
     };
     return [o(!1), o(!0)];
-  }, [r, t, B, d, v, h]);
-  C(() => {
+  }, [s, t, F, u, h, A]);
+  p(() => {
     if (c) {
-      const o = l(e.value);
-      d(!1), n(o), v(!o);
+      const o = i(e.value);
+      u(!1), a(o), h(!o);
     }
-  }, [e.value, c, l, d, n, v]), C(() => {
-    P && y(), n(a);
-  }, [P, y, n, a]);
-  const $ = b(g.only.sm), q = b(g.only.md);
-  return /* @__PURE__ */ i(Z, { children: [
-    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: p(
-      () => /* @__PURE__ */ i(
-        z,
+  }, [e.value, c, i, u, a, h]), p(() => {
+    B && v();
+  }, [B, v]), p(() => {
+    N.current = t;
+  }, [t]);
+  const z = C(M.only.sm), H = C(M.only.md);
+  return /* @__PURE__ */ n(ee, { children: [
+    /* @__PURE__ */ n("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
+      () => /* @__PURE__ */ n(
+        L,
         {
           classNameModifiers: [
             ...e.appliedFilterAmount ? ["with-counter"] : [],
             ...e.classNameModifiers ?? [],
             ...t ? ["active"] : [],
-            ...a ? [] : ["has-selection"]
+            ...f ? [] : ["has-selection"]
           ],
-          "aria-label": u,
-          id: R,
-          onClick: t ? y : F,
-          ref: E,
+          "aria-label": d,
+          id: x,
+          onClick: t ? v : O,
+          ref: g,
           tabIndex: 0,
-          children: /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__default-container", children: [
-            /* @__PURE__ */ i(
-              _,
+          children: /* @__PURE__ */ n("div", { className: "adyen-pe-filter-button__default-container", children: [
+            /* @__PURE__ */ n(I, { el: D.SPAN, variant: _.BODY, className: "adyen-pe-filter-button__label", children: e.label }),
+            !!e.appliedFilterAmount && /* @__PURE__ */ n("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ n(
+              I,
               {
-                el: S.SPAN,
-                variant: O.BODY,
-                stronger: !0,
-                className: "adyen-pe-filter-button__label",
-                children: e.label
-              }
-            ),
-            !!e.appliedFilterAmount && /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ i(
-              _,
-              {
-                el: S.SPAN,
-                variant: O.BODY,
+                el: D.SPAN,
+                variant: _.BODY,
                 stronger: !0,
                 className: "adyen-pe-filter-button__counter",
                 children: e.appliedFilterAmount
@@ -105,35 +100,35 @@ const ae = (s) => !s || te(s), ie = /* @__PURE__ */ (() => {
         e.classNameModifiers,
         e.label,
         t,
-        a,
-        y,
-        F,
-        E
+        f,
+        v,
+        O,
+        g
       ]
     ) }),
-    t && /* @__PURE__ */ i(
-      H,
+    t && /* @__PURE__ */ n(
+      j,
       {
-        actions: Y,
-        title: (N = e.title) == null ? void 0 : N.trim(),
-        variant: j.POPOVER,
+        actions: q,
+        title: (S = e.title) == null ? void 0 : S.trim(),
+        variant: G.POPOVER,
         modifiers: ["filter"],
         open: t,
-        dismiss: y,
+        dismiss: v,
         dismissible: !1,
         withContentPadding: e.withContentPadding ?? !0,
         divider: !0,
-        targetElement: E,
+        targetElement: g,
         disableFocusTrap: !1,
-        position: L.BOTTOM,
+        position: Q.BOTTOM,
         containerSize: e.containerSize,
-        showOverlay: A,
-        fitPosition: $ || q,
-        children: k({ ...e, editAction: U, onValueUpdated: x })
+        showOverlay: b,
+        fitPosition: z || H,
+        children: U({ ...e, editAction: $, onValueUpdated: Y })
       }
     )
   ] });
-}, Ce = Q(ne);
+}, Me = J(oe);
 export {
-  Ce as default
+  Me as default
 };

package/dist/es/components/internal/FilterBar/filters/TextFilter/TextFilter.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "../BaseFilter/BaseFilter.js";
+function a(t) {
+  return /* @__PURE__ */ e(r, { ...t, type: "text" });
+}
+export {
+  a as default
+};

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

@@ -0,0 +1,58 @@
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as u, useRef as R, useMemo as i, useCallback as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../../../../core/Context/useCoreContext.js";
+import F from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { CalendarInputButton as L } from "./components/CalendarInputButton.js";
+import { CalendarInputPopover as S } from "./components/CalendarInputPopover.js";
+import { DATE_FORMAT_DELIVERY_DATE as _ } from "../../../../constants/dateFormats.js";
+function j({ clearable: l, value: o, onInput: n, isInvalid: D, timezone: T }) {
+  const { i18n: e } = x(), { dateFormat: p } = F(T), [c, a] = u(!1), f = R(null), h = i(() => o ? [new Date(o)] : void 0, [o]), O = i(
+    () => o ? p(o, _) : e.get("common.inputs.select.placeholder"),
+    [p, e, o]
+  ), [d, g] = u(o), b = m(
+    (t) => e.get("common.filters.types.date.calendar.label", { values: { monthOfYear: t.label } }),
+    [e]
+  ), A = m(
+    (t) => {
+      if (t) {
+        const s = new Date(t).toISOString();
+        n(s), g(s), s !== d && a(!1);
+      }
+    },
+    [d, n]
+  ), E = i(() => !!l && !!o, [l, o]), w = m(
+    (t) => {
+      var s, C;
+      (s = t == null ? void 0 : t.preventDefault) == null || s.call(t), (C = t == null ? void 0 : t.stopPropagation) == null || C.call(t), n(""), g(void 0), a(!1);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r(
+      L,
+      {
+        label: O,
+        isOpen: c,
+        isInvalid: D,
+        onClick: () => a((t) => !t),
+        showClearButton: E,
+        onClear: w,
+        buttonRef: f
+      }
+    ),
+    /* @__PURE__ */ r(
+      S,
+      {
+        isOpen: c,
+        onClose: () => a(!1),
+        originDate: h,
+        onHighlight: A,
+        getGridLabel: b,
+        targetElement: f
+      }
+    )
+  ] });
+}
+export {
+  j as CalendarInput
+};

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputButton.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { InteractionKeyCode as r } from "../../../../types.js";
+import { ButtonVariant as u } from "../../../Button/types.js";
+import s from "classnames";
+import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+import { Icon as e } from "../../../Icon/Icon.js";
+import l from "../../../Button/Button.js";
+function x({ label: i, isOpen: p, isInvalid: a, onClick: d, onClear: o, showClearButton: c, buttonRef: m }) {
+  return /* @__PURE__ */ n(
+    l,
+    {
+      ref: m,
+      onClick: (t) => {
+        t.preventDefault(), d();
+      },
+      variant: u.SECONDARY,
+      "aria-haspopup": "dialog",
+      "aria-expanded": p,
+      "aria-invalid": a ? "true" : void 0,
+      className: s("adyen-pe-button adyen-pe-dropdown__button", {
+        "adyen-pe-button--invalid": a
+      }),
+      iconRight: c ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(
+        "span",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: "adyen-pe-dropdown__button-clear",
+          onClick: (t) => {
+            t.preventDefault(), t.stopPropagation(), o == null || o(t);
+          },
+          onKeyDown: (t) => {
+            (t.code === r.ENTER || t.code === r.SPACE) && (t.preventDefault(), t.stopPropagation(), o == null || o(t));
+          },
+          children: /* @__PURE__ */ n(e, { name: "cross-circle-fill" })
+        }
+      ) }) : /* @__PURE__ */ n(e, { className: "adyen-pe-dropdown__button-collapse-indicator", name: "chevron-down" }),
+      children: /* @__PURE__ */ n("span", { children: i })
+    }
+  );
+}
+export {
+  x as CalendarInputButton
+};

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputPopover.js

@@ -0,0 +1,56 @@
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../Popover/Popover.js";
+import { PopoverContainerPosition as c, PopoverContainerSize as f, PopoverContainerVariant as C } from "../../../Popover/types.js";
+import { DEFAULT_FIRST_WEEK_DAY as u } from "../../../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import P from "../../../Calendar/hooks/useCalendarControlsRendering.js";
+import g from "../../../../../core/Context/useCoreContext.js";
+import h from "../../../Calendar/Calendar.js";
+import r from "../../../Calendar/calendar/facade/index.js";
+function x({ isOpen: e, onClose: n, originDate: i, onHighlight: t, getGridLabel: a, targetElement: l }) {
+  const { i18n: s } = g(), [m, d] = P();
+  return /* @__PURE__ */ o(
+    p,
+    {
+      open: e,
+      dismiss: () => {
+        n();
+      },
+      variant: C.POPOVER,
+      containerSize: f.MEDIUM,
+      targetElement: l,
+      withContentPadding: !0,
+      position: c.TOP,
+      fixedPositioning: !1,
+      dismissible: !1,
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: d,
+            role: "group",
+            className: "adyen-pe-datepicker__controls",
+            "aria-label": s.get("common.filters.types.date.calendar.navigation.label")
+          }
+        ),
+        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+          h,
+          {
+            getGridLabel: a,
+            firstWeekDay: u,
+            controls: r.controls.MINIMAL,
+            highlight: r.highlight.ONE,
+            dynamicBlockRows: !0,
+            onlyCellsWithin: !0,
+            originDate: i,
+            onHighlight: t,
+            renderControl: m,
+            trackCurrentDay: !0
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  x as CalendarInputPopover
+};

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

@@ -0,0 +1,97 @@
+import { jsx as x } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useRef as E, useState as Y, useCallback as D, useEffect as z, useMemo as F } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import V from "../InputBase.js";
+import j from "../../../../core/Context/useCoreContext.js";
+import { CURRENCY_INPUT_BASE_CLASS as k } from "./constants.js";
+import { useFetch as G } from "../../../../hooks/useFetch.js";
+import { formatAmount as w, getCurrencyExponent as v } from "../../../../utils/currency/main.js";
+import { useConfigContext as J } from "../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as Q } from "../../../../utils/value/constants.js";
+import { uniqueId as A } from "../../../../utils/random/uniqueId.js";
+const W = ["EUR", "GBP", "USD"], Z = (a) => {
+  const e = new Map(W.map((n, l) => [n, l]));
+  return [...a].sort((n, l) => {
+    const f = n.id.toUpperCase(), g = l.id.toUpperCase(), s = e.get(f), d = e.get(g);
+    return s !== void 0 || d !== void 0 ? s === void 0 ? 1 : d === void 0 ? -1 : s - d : f.localeCompare(g);
+  });
+}, at = ({
+  amount: a,
+  currency: e,
+  currencyItems: n,
+  hideCurrencySelector: l,
+  interactionsDisabled: f,
+  isInvalid: g = !1,
+  maxValue: s,
+  name: d,
+  onAmountChange: B,
+  onCurrencyChange: P,
+  selectedCurrencyCode: S
+}) => {
+  const T = E(e), { i18n: C } = j(), { currencies: c } = J().endpoints, [q, R] = Y(a ? `${w(a, e)}` : ""), M = D(
+    (r) => {
+      var m;
+      const t = ((m = 1.1.toLocaleString(C.locale).match(/\d(.*?)\d/)) == null ? void 0 : m[1]) || ".", o = t === "." ? r : r.replace(t, "."), i = v(e);
+      return Math.trunc(+`${parseFloat(o)}e${i}`) || 0;
+    },
+    [e, C.locale]
+  );
+  z(() => {
+    e !== T.current && (R(a ? `${w(a, e)}` : ""), T.current = e);
+  }, [a, e]);
+  const O = (r) => {
+    var m;
+    let t = r.currentTarget.value.trim();
+    const o = ((m = 1.1.toLocaleString(C.locale).match(/\d(.*?)\d/)) == null ? void 0 : m[1]) || ".", i = t.split(o);
+    if (i.length === 2) {
+      const h = v(e), b = i[0];
+      let p = i[1];
+      p.length >= h && (p = p.substring(0, h), t = b + o + p, r.currentTarget.value = t);
+    }
+    if (t.endsWith(o) && (t = t.slice(0, -o.length), r.currentTarget.value = t), typeof s == "number") {
+      const h = o === "." ? t : t.replace(o, "."), b = parseFloat(h);
+      if (Number.isFinite(b) && b > s) {
+        const p = v(e), U = s.toFixed(p);
+        t = o === "." ? U : U.replace(".", o), r.currentTarget.value = t;
+      }
+    }
+    R(t), B(M(t));
+  }, u = G({
+    fetchOptions: { enabled: !!c && !(n != null && n.length) },
+    queryFn: D(async () => c == null ? void 0 : c(Q), [c])
+  }), _ = F(() => {
+    var o;
+    return (((o = u.data) == null ? void 0 : o.data) ?? []).map((i) => ({
+      id: i,
+      name: i
+    }));
+  }, [u.data]), I = F(() => {
+    const r = n != null && n.length ? n : _;
+    return Z(r);
+  }, [_, n]), N = E(A()), $ = E(A()), L = F(() => l ? {} : {
+    onDropdownInput: P,
+    dropdown: {
+      items: I,
+      value: S,
+      readonly: u.isFetching
+    }
+  }, [l, I, S, u.isFetching, P]);
+  return /* @__PURE__ */ x("div", { className: "adyen-pe-currency-input__container", children: /* @__PURE__ */ x("label", { htmlFor: N.current, "aria-labelledby": $.current, children: /* @__PURE__ */ x(
+    V,
+    {
+      ...L,
+      type: "number",
+      className: k,
+      disabled: f || u.isFetching,
+      isInvalid: g,
+      lang: C.locale,
+      min: 0,
+      name: d,
+      onInput: O,
+      uniqueId: N.current,
+      value: q
+    }
+  ) }) });
+};
+export {
+  at as CurrencyInput
+};

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

@@ -0,0 +1,4 @@
+const e = "adyen-pe-currency-input";
+export {
+  e as CURRENCY_INPUT_BASE_CLASS
+};

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

@@ -0,0 +1,11 @@
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+/* empty css                */
+import a from "classnames";
+import { Icon as s } from "../../Icon/Icon.js";
+const d = ({ id: e, errorMessage: o, withTopMargin: i }) => /* @__PURE__ */ r("div", { className: a("adyen-pe-field-error", { "adyen-pe-field-error--with-top-margin": i }), id: e, children: [
+  /* @__PURE__ */ r(s, { name: "cross-circle-fill", className: "adyen-pe-field-error__icon" }),
+  /* @__PURE__ */ r("span", { className: "adyen-pe-field-error__message", children: o })
+] });
+export {
+  d as FieldError
+};

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

@@ -1,53 +1,56 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import S from "../../../../core/Context/useCoreContext.js";
-import { useState as y, useRef as M, useCallback as f, useMemo as T, useEffect as b } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { UploadedFile as w } from "./components/UploadedFile.js";
-import { Dropzone as O } from "./components/Dropzone.js";
-import { validationErrors as u, BASE_CLASS as Y } from "./constants.js";
+import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import M from "../../../../core/Context/useCoreContext.js";
+import { useState as R, useRef as y, useCallback as a, useMemo as N, useEffect as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { UploadedFile as T } from "./components/UploadedFile.js";
+import { Dropzone as b } from "./components/Dropzone.js";
+import { validationErrors as i, BASE_CLASS as g } from "./constants.js";
 /* empty css               */
-import { fixedForwardRef as g } from "../../../../utils/preact/fixedForwardRef.js";
-import { isFunction as k } from "../../../../utils/value/is.js";
-const Q = g(({ onChange: i, mapError: l, onDelete: n, ...m }, I) => {
-  const [r, d] = y([]), p = M(r), c = r[0], { i18n: o } = S(), { disabled: s } = m, L = f(
-    (e) => {
-      switch (e) {
-        case u.DISALLOWED_FILE_TYPE:
-          return o.get("common.inputs.file.errors.disallowedType");
-        case u.FILE_REQUIRED:
-          return o.get("common.inputs.file.errors.required");
-        case u.TOO_MANY_FILES:
-          return o.get("common.inputs.file.errors.tooMany");
-        case u.VERY_LARGE_FILE:
-          return o.get("common.inputs.file.errors.tooLarge");
+import { fixedForwardRef as w } from "../../../../utils/preact/fixedForwardRef.js";
+import { isFunction as Y } from "../../../../utils/value/is.js";
+const G = w(({ onChange: n, mapError: m, onDelete: u, ...f }, I) => {
+  const [r, d] = R([]), p = y(r), c = r[0], { i18n: e } = M(), { disabled: s } = f, L = a(
+    (t) => {
+      switch (t) {
+        case i.DISALLOWED_FILE_TYPE:
+          return e.get("common.inputs.file.errors.disallowedType");
+        case i.FILE_REQUIRED:
+          return e.get("common.inputs.file.errors.required");
+        case i.TOO_MANY_FILES:
+          return e.get("common.inputs.file.errors.tooMany");
+        case i.VERY_LARGE_FILE:
+          return e.get("common.inputs.file.errors.tooLarge");
+        case i.MAX_DIMENSIONS:
+          return e.get("common.inputs.file.errors.maxDimensions");
       }
+      return "";
     },
-    [o]
-  ), _ = T(() => k(l) ? l : L, [l]), x = f(
-    (e) => {
-      s || (d((t) => {
-        const E = t.findIndex((R) => R === e);
+    [e]
+  ), _ = N(() => Y(m) ? m : L, [m]), S = a(
+    (t) => {
+      s || (d((o) => {
+        const E = o.findIndex((A) => A === t);
         if (E < 0)
-          return t;
-        const [...F] = t;
+          return o;
+        const [...F] = o;
         return F.splice(E, 1), F;
-      }), n == null || n());
+      }), u == null || u());
     },
-    [s, n]
-  ), A = f(
-    (e) => {
-      s || d((t) => t.length === 0 && e.length === 0 ? t : e);
+    [s, u]
+  ), x = a(
+    (t) => {
+      s || d((o) => o.length === 0 && t.length === 0 ? o : t);
     },
     [s]
   );
-  return b(() => {
-    p.current !== r && (p.current = r, i == null || i([...r]));
-  }, [r, i]), /* @__PURE__ */ a("div", {
-    className: Y,
+  return O(() => {
+    p.current !== r && (p.current = r, n == null || n([...r]));
+  }, [r, n]), /* @__PURE__ */ l("div", {
+    className: g,
     // prettier-ignore
-    children: c ? /* @__PURE__ */ a(w, { disabled: s, file: c, deleteFile: () => x(c) }) : /* @__PURE__ */ a(O, { ...m, ref: I, mapError: _, uploadFiles: A })
+    children: c ? /* @__PURE__ */ l(T, { disabled: s, file: c, deleteFile: () => S(c) }) : /* @__PURE__ */ l(b, { ...f, ref: I, mapError: _, uploadFiles: x })
   });
 });
 export {
-  Q as FileInput,
-  Q as default
+  G as FileInput,
+  G as default
 };