@adyen/adyen-platform-experience-web 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/es/components/internal/DataGrid/components/TableBody.js

@@ -1,15 +1,15 @@
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../../core/Context/useCoreContext.js";
+import g from "../../../../core/Context/useCoreContext.js";
 import { noop as p } from "../../../../utils/common/index.js";
-import { TableCells as u } from "./TableCells.js";
+import { TableCells as h } from "./TableCells.js";
 import { Fragment as y } from "../../../../external/preact/dist/preact.module.js";
 const x = ({
   data: a,
   columns: c,
-  customCells: g,
+  customCells: u,
   onRowHover: r
 }) => {
-  const { i18n: s } = h();
+  const { i18n: s } = g();
   return /* @__PURE__ */ n(y, { children: a == null ? void 0 : a.map((o, l) => /* @__PURE__ */ n(
     "tr",
     {
@@ -18,7 +18,7 @@ const x = ({
       onFocus: s.has(`tooltip.${o == null ? void 0 : o.category}`) ? () => r(l) : p,
       onMouseLeave: s.has(`tooltip.${o == null ? void 0 : o.category}`) ? () => r() : p,
       onBlur: s.has(`tooltip.${o == null ? void 0 : o.category}`) ? () => r() : p,
-      children: /* @__PURE__ */ n(u, { columns: c, customCells: g, item: o, rowIndex: l })
+      children: /* @__PURE__ */ n(h, { columns: c, customCells: u, item: o, rowIndex: l })
     },
     o
   )) });

package/dist/es/components/internal/DataGrid/components/TableCells.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import d from "../DataGridCell.js";
 import { Fragment as p } from "../../../../external/preact/dist/preact.module.js";
-const g = ({
+const h = ({
   columns: b,
   customCells: a,
   item: i,
@@ -17,5 +17,5 @@ const g = ({
   })
 }, r) : /* @__PURE__ */ n(d, { "aria-labelledby": String(r), children: i[r] }, r)) });
 export {
-  g as TableCells
+  h as TableCells
 };

package/dist/es/components/internal/DataGrid/hooks/useInteractiveDataGrid.js

@@ -2,7 +2,7 @@ import { useReducer as I, useCallback as o } from "../../../../external/preact/h
 import { InteractionKeyCode as s } from "../../../types.js";
 import { INITIAL_STATE as p } from "../DataGrid.js";
 import R from "../../../../hooks/useReflex/hooks/useReflex.js";
-const l = ({ totalRows: x }) => {
+const m = ({ totalRows: x }) => {
   const [i, a] = I(
     (e, t) => {
       const n = x;
@@ -74,5 +74,5 @@ const l = ({ totalRows: x }) => {
   return { listeners: { onKeyDownCapture: c, onFocusCapture: f }, ref: r, activeIndex: i.activeIndex, currentIndex: i.index };
 };
 export {
-  l as useInteractiveDataGrid
+  m as useInteractiveDataGrid
 };

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

@@ -1,20 +1,20 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import _ from "classnames";
-import { forwardRef as y } from "../../../external/preact/compat/dist/compat.module.js";
-import { useState as p, useMemo as i, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { forwardRef as p } from "../../../external/preact/compat/dist/compat.module.js";
+import { useState as y, useMemo as i, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
 import O from "../../../core/Context/useCoreContext.js";
 import { noop as P } from "../../../utils/common/index.js";
-import I from "../Calendar/hooks/useTimezone.js";
-import { DEFAULT_FIRST_WEEK_DAY as M } from "../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
-import v from "../Calendar/hooks/useCalendarControlsRendering.js";
+import x from "../Calendar/hooks/useTimezone.js";
+import { DEFAULT_FIRST_WEEK_DAY as I } from "../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import M from "../Calendar/hooks/useCalendarControlsRendering.js";
 import "./DatePicker.scss.js";
-import x from "../../../hooks/useReflex/hooks/useReflex.js";
+import v from "../../../hooks/useReflex/hooks/useReflex.js";
 import D from "./components/TimeRangeSelector/TimeRangeSelector.js";
 import E from "../Calendar/Calendar.js";
 import g from "../Calendar/calendar/facade/index.js";
 import { EMPTY_OBJECT as S } from "../../../utils/common/constants.js";
-const A = y((e, u) => {
-  const { i18n: r } = O(), [T, k] = v(e.renderControl), [C, a] = p(performance.now()), t = i(() => e.showTimezoneInfo !== !1, [e.showTimezoneInfo]), { clockTime: m, GMTOffset: c } = I({ timezone: e.timezone, withClock: t }), z = i(() => _([{ "adyen-pe-datepicker--with-timezone": t }, "adyen-pe-datepicker"]), [t]), w = i(() => t ? { values: { offset: c, time: m } } : S, [c, m, t]), o = x(P, u), R = N(() => {
+const A = p((e, u) => {
+  const { i18n: r } = O(), [T, k] = M(e.renderControl), [C, a] = y(performance.now()), t = i(() => e.showTimezoneInfo !== !1, [e.showTimezoneInfo]), { clockTime: m, GMTOffset: c } = x({ timezone: e.timezone, withClock: t }), z = i(() => _([{ "adyen-pe-datepicker--with-timezone": t }, "adyen-pe-datepicker"]), [t]), w = i(() => t ? { values: { offset: c, time: m } } : S, [c, m, t]), o = v(P, u), R = N(() => {
     var l, s, d, f, h;
     a(performance.now()), (l = o.current) != null && l.from && ((s = o.current) != null && s.to) && ((h = e.onHighlight) == null || h.call(e, +((d = o.current) == null ? void 0 : d.from), +((f = o.current) == null ? void 0 : f.to)));
   }, [a, e.onHighlight]);
@@ -37,7 +37,7 @@ const A = y((e, u) => {
       {
         ...e,
         ref: o,
-        firstWeekDay: M,
+        firstWeekDay: I,
         dynamicBlockRows: !0,
         onlyCellsWithin: !0,
         controls: e.controls ?? g.controls.MINIMAL,

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/TimeRangeSelector.js

@@ -1,21 +1,21 @@
-import { jsx as C } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as j, useCallback as w, useRef as h, useEffect as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useTimeRangeSelection as x } from "./useTimeRangeSelection.js";
+import { jsx as x } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as C, useCallback as j, useRef as h, useEffect as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useTimeRangeSelection as w } from "./useTimeRangeSelection.js";
 import D from "../../../FormFields/Select/Select.js";
-const T = ({
+const a = ({
   calendarRef: t,
   onTimeRangeSelected: o,
   timestamp: s,
   ...O
 }) => {
-  const { customSelection: f, from: c, onSelection: l, options: m, selectedOption: r, to: u } = x(O), S = j(() => Object.freeze(m.map((e) => ({ id: e, name: e }))), [m]), b = w(({ target: e }) => l(e == null ? void 0 : e.value), [l]), n = h(!0), p = h(s);
+  const { customSelection: f, from: u, onSelection: l, options: m, selectedOption: r, to: c } = w(O), S = C(() => Object.freeze(m.map((e) => ({ id: e, name: e }))), [m]), b = j(({ target: e }) => l(e == null ? void 0 : e.value), [l]), n = h(!0), p = h(s);
   return i(() => {
-    t != null && t.current && c && u && (n.current = !0, t.current.from = new Date(c), t.current.to = new Date(u));
-  }, [t, c, u]), i(() => {
+    t != null && t.current && u && c && (n.current = !0, t.current.from = new Date(u), t.current.to = new Date(c));
+  }, [t, u, c]), i(() => {
     p.current !== s && (p.current = s, n.current ? n.current = !1 : f());
   }, [f, s]), i(() => {
     r && (o == null || o(r));
-  }, [r, o]), /* @__PURE__ */ C(
+  }, [r, o]), /* @__PURE__ */ x(
     D,
     {
       setToTargetWidth: !0,
@@ -26,7 +26,7 @@ const T = ({
       selected: r
     }
   );
-}, E = T;
+}, E = a;
 export {
   E as default
 };

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js

@@ -1,41 +1,41 @@
-import { useState as m, useRef as C, useMemo as i, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as m, useRef as P, useMemo as i, useCallback as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import z from "../../../../../core/Context/useCoreContext.js";
 import I from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
 import N from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
-import E from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
-import K from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
-import Z from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
-import _ from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
-const V = () => Object.freeze({
+import q from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
+import E from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
+import K from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
+import Z from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
+const X = () => Object.freeze({
   "rangePreset.last7Days": I(7),
   "rangePreset.thisWeek": N(),
-  "rangePreset.lastWeek": E(),
-  "rangePreset.thisMonth": K(),
-  "rangePreset.lastMonth": Z(),
-  "rangePreset.yearToDate": _()
-}), X = ({
+  "rangePreset.lastWeek": q(),
+  "rangePreset.thisMonth": E(),
+  "rangePreset.lastMonth": K(),
+  "rangePreset.yearToDate": Z()
+}), Y = ({
   now: a = Date.now(),
   options: r,
   selectedOption: u,
   timezone: l
 }) => {
-  const { i18n: s } = z(), [R, h] = m(), [W, D] = m(), [f, g] = m(), S = C(), d = C(), [e, T, n] = i(() => {
+  const { i18n: s } = z(), [T, h] = m(), [W, D] = m(), [f, g] = m(), S = P(), d = P(), [e, b, n] = i(() => {
     const o = s.get("rangePreset.custom"), t = Object.keys(r), c = Object.freeze(t.map((O) => s.get(O)));
-    return [o, (O, M = c) => {
-      const x = M.findIndex((v) => v === O);
-      return r[t[x]];
+    return [o, (O, F = c) => {
+      const M = F.findIndex((v) => v === O);
+      return r[t[M]];
     }, c];
-  }, [s, r]), [b, k] = m(u === e), y = i(() => Object.freeze([...n, e]), [e, n]), j = i(
-    () => b ? y : n,
-    [b, n, y]
-  ), p = P(
+  }, [s, r]), [k, y] = m(u === e), C = i(() => Object.freeze([...n, e]), [e, n]), j = i(
+    () => k ? C : n,
+    [k, n, C]
+  ), p = R(
     (o) => {
-      const t = T(o, n);
-      t && (h(s.fullDate(t.from)), D(s.fullDate(t.to)), k(!1), g(o));
+      const t = b(o, n);
+      t && (h(s.fullDate(t.from)), D(s.fullDate(t.to)), y(!1), g(o));
     },
-    [s, e, T, f, n]
-  ), F = P(() => {
-    h(void 0), D(void 0), k(!0), g(e);
+    [s, e, b, f, n]
+  ), x = R(() => {
+    h(void 0), D(void 0), y(!0), g(e);
   }, [e]);
   return i(() => {
     u === e ? g(e) : p(u);
@@ -48,8 +48,8 @@ const V = () => Object.freeze({
       }), S.current = a, d.current = (o = t[0]) == null ? void 0 : o.timezone, p(f);
     }
   }, [a, l, r]), {
-    customSelection: F,
-    from: R,
+    customSelection: x,
+    from: T,
     onSelection: p,
     options: j,
     selectedOption: f,
@@ -57,7 +57,7 @@ const V = () => Object.freeze({
   };
 };
 export {
-  X as default,
-  V as getTimeRangeSelectionDefaultPresetOptions,
-  X as useTimeRangeSelection
+  Y as default,
+  X as getTimeRangeSelectionDefaultPresetOptions,
+  Y as useTimeRangeSelection
 };

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "../Typography/Typography.js";
 import { TypographyVariant as s } from "../Typography/types.js";
-import { useCallback as A } from "../../../external/preact/hooks/dist/hooks.module.js";
-import E from "../../../core/Context/useCoreContext.js";
+import { useCallback as E } from "../../../external/preact/hooks/dist/hooks.module.js";
+import T from "../../../core/Context/useCoreContext.js";
 import "./ErrorMessageDisplay.scss.js";
 import _ from "../../../images/no-results.svg.js";
 import I from "../../../core/Auth/useAuthContext.js";
@@ -11,20 +11,20 @@ import y from "../Button/Button.js";
 const a = {
   md: 680,
   lg: 1024
-}, j = ({
+}, k = ({
   title: g,
   message: p,
   imageDesktop: c,
   imageMobile: n,
-  withImage: f,
-  centered: x,
+  withImage: x,
+  centered: f,
   refreshComponent: h,
   onContactSupport: t,
   translationValues: i
 }) => {
-  const { i18n: e } = E(), { updateCore: u } = I(), v = A(
+  const { i18n: e } = T(), { updateCore: u } = I(), v = E(
     (o) => Array.isArray(o) ? o.map(
-      (d, T) => T === 0 ? /* @__PURE__ */ r(m, { children: [
+      (d, A) => A === 0 ? /* @__PURE__ */ r(m, { children: [
         e.get(d),
         i && i[d] && /* @__PURE__ */ r(m, { children: i[d] })
       ] }) : /* @__PURE__ */ r(m, { children: [
@@ -35,8 +35,8 @@ const a = {
     ) : e.get(o),
     [e, i]
   );
-  return /* @__PURE__ */ r("div", { className: `adyen-pe-error-message-display ${x ? "adyen-pe-error-message-display--centered" : ""}`, children: [
-    (c || n || f) && /* @__PURE__ */ r("div", { className: "adyen-pe-error-message-display__illustration", children: /* @__PURE__ */ r("picture", { children: [
+  return /* @__PURE__ */ r("div", { className: `adyen-pe-error-message-display ${f ? "adyen-pe-error-message-display--centered" : ""}`, children: [
+    (c || n || x) && /* @__PURE__ */ r("div", { className: "adyen-pe-error-message-display__illustration", children: /* @__PURE__ */ r("picture", { children: [
       /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(min-width: ${a.md}px)`, srcSet: c }),
       /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(max-width: ${a.md}px)`, srcSet: n }),
       /* @__PURE__ */ r("img", { srcSet: c ?? _, alt: e.get("thereWasAnUnexpectedError") })
@@ -50,6 +50,6 @@ const a = {
   ] });
 };
 export {
-  j as ErrorMessageDisplay,
+  k as ErrorMessageDisplay,
   a as IMAGE_BREAKPOINT_SIZES
 };

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

@@ -3,13 +3,13 @@ import s from "classnames";
 import { useState as v, useCallback as h, useRef as l, useEffect as I } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./ExpandableCard.scss.js";
 import b from "../SVGIcons/ChevronUp.js";
-import k from "../SVGIcons/ChevronDown.js";
-import { BASE_CLASS as B, CONTAINER_CLASS as p, CONTAINER_BUTTON_CLASS as L, CONTAINER_FILLED_CLASS as m, CONTAINER_OVERLAY_ID as C, CONTENT_CLASS as N, CONTENT_EXPANDABLE_CLASS as x, CHEVRON_CLASS as R, CONTAINER_OVERLAY_CLASS as D, CONTAINER_HIDDEN_CLASS as g } from "./constants.js";
+import B from "../SVGIcons/ChevronDown.js";
+import { BASE_CLASS as D, CONTAINER_CLASS as p, CONTAINER_BUTTON_CLASS as x, CONTAINER_FILLED_CLASS as m, CONTAINER_OVERLAY_ID as C, CONTENT_CLASS as N, CONTENT_EXPANDABLE_CLASS as L, CHEVRON_CLASS as R, CONTAINER_OVERLAY_CLASS as g, CONTAINER_HIDDEN_CLASS as k } from "./constants.js";
 import y from "../../../core/Context/useCoreContext.js";
 import { useClickOutside as F } from "../../../hooks/element/useClickOutside.js";
 import { Fragment as V } from "../../../external/preact/dist/preact.module.js";
 import T from "../BaseButton/BaseButton.js";
-const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
+const w = ({ renderHeader: t, children: u, filled: o, fullWidth: f, ...i }) => {
   const { i18n: A } = y(), [a, S] = v(!1), r = h(() => S((n) => !n), [S]), E = l(null), c = l(!1), O = l(a), d = F(
     void 0,
     h(() => {
@@ -19,11 +19,11 @@ const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
   return I(() => {
     var n, _;
     a ? (n = d.current) == null || n.focus() : (O.current !== a && !c.current && ((_ = E.current) == null || _.focus()), c.current = !1), O.current = a;
-  }, [a, d]), /* @__PURE__ */ e("div", { className: B, children: u ? /* @__PURE__ */ e(V, { children: [
+  }, [a, d]), /* @__PURE__ */ e("div", { className: D, children: u ? /* @__PURE__ */ e(V, { children: [
     /* @__PURE__ */ e(
       T,
       {
-        className: s(p, L, { [m]: t }),
+        className: s(p, x, { [m]: o }),
         disabled: a,
         fullWidth: f,
         "aria-controls": C,
@@ -35,8 +35,8 @@ const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
         ...i,
         children: [
           /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.expand") }),
-          /* @__PURE__ */ e("div", { className: s(N, x), children: o }),
-          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(k, { role: "presentation" }) })
+          /* @__PURE__ */ e("div", { className: s(N, L), children: t }),
+          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(B, { role: "presentation" }) })
         ]
       }
     ),
@@ -44,9 +44,9 @@ const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
       T,
       {
         id: C,
-        className: s(p, L, D, {
-          [m]: t,
-          [g]: !a
+        className: s(p, x, g, {
+          [m]: o,
+          [k]: !a
         }),
         disabled: !a,
         fullWidth: f,
@@ -59,16 +59,16 @@ const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
         ...i,
         children: [
           /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.collapse") }),
-          /* @__PURE__ */ e("div", { className: s(N, x), children: [
-            o,
+          /* @__PURE__ */ e("div", { className: s(N, L), children: [
+            t,
             /* @__PURE__ */ e("div", { children: u })
           ] }),
           /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(b, { role: "presentation" }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ e("div", { className: s(p, { [m]: t }), ...i, children: /* @__PURE__ */ e("div", { className: N, children: o }) }) });
-}, K = U;
+  ] }) : /* @__PURE__ */ e("div", { className: s(p, { [m]: o }), ...i, children: /* @__PURE__ */ e("div", { className: N, children: t }) }) });
+}, K = w;
 export {
   K as default
 };

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

@@ -4,32 +4,32 @@ import { ButtonVariant as n } from "../Button/types.js";
 import f from "../SVGIcons/Close.js";
 import d from "../SVGIcons/Filter.js";
 import { TypographyVariant as p } from "../Typography/types.js";
-import h from "../Typography/Typography.js";
-import u from "../../../core/Context/useCoreContext.js";
+import u from "../Typography/Typography.js";
+import h from "../../../core/Context/useCoreContext.js";
 import y from "classnames";
 import { useState as F, useEffect as b } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./FilterBar.scss.js";
 import l from "../Button/Button.js";
-import { Fragment as g } from "../../../external/preact/dist/preact.module.js";
-function V(t) {
-  const { i18n: i } = u(), e = s(c.down.xs), [o, a] = F(!e);
+import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
+function k(t) {
+  const { i18n: i } = h(), e = s(c.down.xs), [a, o] = F(!e);
   return b(() => {
-    a(!e);
-  }, [e]), /* @__PURE__ */ r(g, { children: [
+    o(!e);
+  }, [e]), /* @__PURE__ */ r(_, { children: [
     e && /* @__PURE__ */ r("div", { className: "adyen-pe-filter-bar__header", children: [
-      /* @__PURE__ */ r(h, { variant: p.SUBTITLE, children: i.get("transactions") }),
+      /* @__PURE__ */ r(u, { variant: p.SUBTITLE, children: i.get("transactions") }),
       /* @__PURE__ */ r(
         l,
         {
           className: "adyen-pe-filter-bar__header-icon",
           variant: n.SECONDARY,
           iconButton: !0,
-          onClick: () => a((m) => !m),
-          children: o ? /* @__PURE__ */ r(f, {}) : /* @__PURE__ */ r(d, {})
+          onClick: () => o((m) => !m),
+          children: a ? /* @__PURE__ */ r(f, {}) : /* @__PURE__ */ r(d, {})
         }
       )
     ] }),
-    o && /* @__PURE__ */ r(
+    a && /* @__PURE__ */ r(
       "div",
       {
         "aria-label": i.get("filterBar"),
@@ -43,5 +43,5 @@ function V(t) {
   ] });
 }
 export {
-  V as default
+  k as default
 };

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

@@ -2,17 +2,17 @@ import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import c from "../../../Button/hooks/useButton.js";
 import { TypographyElement as y, TypographyVariant as T } from "../../../Typography/types.js";
 import B from "../../../Typography/Typography.js";
-import { parseClassName as F } from "../../../../../utils/class-name-utils.js";
-import { parseBoolean as N } from "../../../../../utils/common/index.js";
-import { forwardRef as d } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { parseClassName as N } from "../../../../../utils/class-name-utils.js";
+import { parseBoolean as d } from "../../../../../utils/common/index.js";
+import { forwardRef as g } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as e } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "./FilterButton.scss.js";
-const g = "adyen-pe-filter-button";
-function h({ className: o, classNameModifiers: a = [], children: s, disabled: r, onClick: m, ...n }, p) {
-  const i = e(() => F("", o) || "", [o]), l = e(() => N(r), [r]), { classes: f, click: u } = c(i, a, g, l, m);
-  return /* @__PURE__ */ t("button", { className: f, ref: p, onClick: u, ...n, children: /* @__PURE__ */ t(B, { el: y.SPAN, variant: T.BODY, stronger: !0, children: s }) });
+const h = "adyen-pe-filter-button";
+function A({ className: o, classNameModifiers: a = [], children: s, disabled: r, onClick: m, ...n }, p) {
+  const i = e(() => N("", o) || "", [o]), l = e(() => d(r), [r]), { classes: u, click: f } = c(i, a, h, l, m);
+  return /* @__PURE__ */ t("button", { className: u, ref: p, onClick: f, ...n, children: /* @__PURE__ */ t(B, { el: y.SPAN, variant: T.BODY, stronger: !0, children: s }) });
 }
-const x = d(h);
+const x = g(A);
 export {
   x as default
 };

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

@@ -1,28 +1,28 @@
-import { jsx as I } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { RangeSelection as P } from "./RangeSelection.js";
-import { useState as p, useMemo as U, useCallback as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { PopoverContainerSize as v } from "../../../Popover/types.js";
-import w from "../../../../../core/Context/useCoreContext.js";
-import { AMOUNT_MULTIPLIER as E } from "./constants.js";
-import z from "../BaseFilter/BaseFilter.js";
-import { EMPTY_OBJECT as B } from "../../../../../utils/common/constants.js";
-const N = ({ updateFilters: $, selectedCurrencies: t, availableCurrencies: m, ...x }) => {
-  const { i18n: A } = w(), [y, L] = p(), [M, g] = p(), h = U(() => (t == null ? void 0 : t.length) === 1 || (m == null ? void 0 : m.length) === 1, [m == null ? void 0 : m.length, t == null ? void 0 : t.length]), S = T(
+import { jsx as P } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { RangeSelection as U } from "./RangeSelection.js";
+import { useState as M, useMemo as v, useCallback as E } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { PopoverContainerSize as w } from "../../../Popover/types.js";
+import z from "../../../../../core/Context/useCoreContext.js";
+import { AMOUNT_MULTIPLIER as L } from "./constants.js";
+import B from "../BaseFilter/BaseFilter.js";
+import { EMPTY_OBJECT as D } from "../../../../../utils/common/constants.js";
+const u = ({ updateFilters: $, selectedCurrencies: t, availableCurrencies: m, ...x }) => {
+  const { i18n: A } = z(), [y, T] = M(), [p, g] = M(), S = v(() => (t == null ? void 0 : t.length) === 1 || (m == null ? void 0 : m.length) === 1, [m == null ? void 0 : m.length, t == null ? void 0 : t.length]), h = E(
     (n, o) => {
-      const f = (t == null ? void 0 : t[0]) || (m == null ? void 0 : m[0]), F = o && f ? {
+      const f = (t == null ? void 0 : t[0]) || (m == null ? void 0 : m[0]), I = o && f ? {
         style: "currency",
         currency: f,
         currencyDisplay: "symbol"
       } : void 0;
-      return n.toLocaleString(A.locale, F);
+      return n.toLocaleString(A.locale, I);
     },
     [m, A, t]
-  ), V = T(
+  ), V = E(
     (n) => {
-      const { minAmount: o, maxAmount: f } = n ?? B;
-      L({ minAmount: o, maxAmount: f }), o === void 0 && f === void 0 && g(void 0), $({
-        minAmount: o !== void 0 ? String(o * E) : void 0,
-        maxAmount: f !== void 0 ? String(f * E) : void 0
+      const { minAmount: o, maxAmount: f } = n ?? D;
+      T({ minAmount: o, maxAmount: f }), o === void 0 && f === void 0 && g(void 0), $({
+        minAmount: o !== void 0 ? String(o * L) : void 0,
+        maxAmount: f !== void 0 ? String(f * L) : void 0
       });
     },
     [$]
@@ -30,27 +30,27 @@ const N = ({ updateFilters: $, selectedCurrencies: t, availableCurrencies: m, ..
   if (y && (y.minAmount || y.maxAmount)) {
     const { minAmount: n, maxAmount: o } = y ?? {};
     n !== void 0 && o !== void 0 && n <= o ? g(
-      `${S(n, h)} ${A.get("to").toLowerCase()} ${S(o, h)}`
-    ) : n !== void 0 && o === void 0 && n >= 0 ? g(`${A.get("from")} ${S(n, h)}`) : g(n === void 0 && o !== void 0 ? `${A.get("to")} ${S(o, h)}` : void 0);
+      `${h(n, S)} ${A.get("to").toLowerCase()} ${h(o, S)}`
+    ) : n !== void 0 && o === void 0 && n >= 0 ? g(`${A.get("from")} ${h(n, S)}`) : g(n === void 0 && o !== void 0 ? `${A.get("to")} ${h(o, S)}` : void 0);
   }
-  return /* @__PURE__ */ I(
-    z,
+  return /* @__PURE__ */ P(
+    B,
     {
       ...x,
       updateFilters: $,
       minAmount: x.minAmount,
       maxAmount: x.maxAmount,
       onChange: V,
-      value: M,
-      label: M || x.label,
+      value: p,
+      label: p || x.label,
       type: "text",
-      containerSize: v.MEDIUM,
+      containerSize: w.MEDIUM,
       selectedCurrencies: t,
       availableCurrencies: m,
-      render: P
+      render: U
     }
   );
 };
 export {
-  N as AmountFilter
+  u as AmountFilter
 };

package/dist/es/components/internal/FilterBar/filters/AmountFilter/RangeSelection.js

@@ -2,19 +2,19 @@ import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import f from "../../../FormFields/InputBase.js";
 import "./AmountFilter.scss.js";
 import { useState as p, useCallback as A, useEffect as g, useMemo as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import h from "../../../../../core/Context/useCoreContext.js";
+import b from "../../../../../core/Context/useCoreContext.js";
 import { AMOUNT_MULTIPLIER as x } from "./constants.js";
 import { CommitAction as T } from "../../../../../hooks/useCommitAction/types.js";
 const E = ({
   onChange: l,
   editAction: m,
   onValueUpdated: u,
-  selectedCurrencies: b,
+  selectedCurrencies: h,
   availableCurrencies: I,
   value: M,
   ...i
 }) => {
-  const { i18n: r } = h(), [e, s] = p(
+  const { i18n: r } = b(), [e, s] = p(
     i.minAmount !== void 0 ? parseFloat(i.minAmount) / x : void 0
   ), [t, c] = p(
     i.maxAmount !== void 0 ? parseFloat(i.maxAmount) / x : void 0