@adyen/adyen-platform-experience-web 1.0.0 → 1.0.2

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

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

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

@@ -1,4 +1,4 @@
-import { useState as m, useRef as C, useMemo as a, useCallback as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as i, useRef as C, useMemo as c, useCallback as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import I from "../../../../../core/Context/useCoreContext.js";
 import T from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
 import N from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
@@ -15,40 +15,36 @@ const X = () => Object.freeze({
   "rangePreset.lastMonth": K(),
   "rangePreset.yearToDate": Z()
 }), Y = ({
-  now: i = Date.now(),
-  options: r,
-  selectedOption: l,
+  now: a = Date.now(),
+  options: n,
+  selectedOption: m,
   timezone: u
 }) => {
-  const { i18n: s } = I(), [W, h] = m(), [j, D] = m(), [f, g] = m(), S = C(), d = C(), [e, y, n] = a(() => {
-    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 {
+    i18n: l
+  } = I(), [W, h] = i(), [j, S] = i(), [f, g] = i(), d = C(), y = C(), [e, D, s] = c(() => {
+    const o = l.get("rangePreset.custom"), t = Object.keys(n), r = Object.freeze(t.map((O) => l.get(O)));
+    return [o, (O, M = r) => {
       const v = M.findIndex((z) => z === O);
-      return r[t[v]];
-    }, c];
-  }, [s, r]), [P, b] = m(l === e), k = a(() => Object.freeze([...n, e]), [e, n]), x = a(
-    () => P ? k : n,
-    [P, n, k]
-  ), p = R(
-    (o) => {
-      const t = y(o, n);
-      t && (h(s.fullDate(t.from)), D(s.fullDate(t.to)), b(!1), g(o));
-    },
-    [s, e, y, f, n]
-  ), F = R(() => {
-    h(void 0), D(void 0), b(!0), g(e);
+      return n[t[v]];
+    }, r];
+  }, [l, n]), [P, b] = i(m === e), k = c(() => Object.freeze([...s, e]), [e, s]), x = c(() => P ? k : s, [P, s, k]), p = R((o) => {
+    const t = D(o, s);
+    t && (h(t.from), S(t.to), b(!1), g(o));
+  }, [e, D, f, s]), F = R(() => {
+    h(void 0), S(void 0), b(!0), g(e);
   }, [e]);
-  return a(() => {
-    l === e ? g(e) : p(l);
-  }, []), a(() => {
+  return c(() => {
+    m === e ? g(e) : p(m);
+  }, []), c(() => {
     var o;
-    if (S.current !== i || d.current !== u) {
-      const t = Object.values(r);
-      t.forEach((c) => {
-        c.now = i, c.timezone = u;
-      }), S.current = i, d.current = (o = t[0]) == null ? void 0 : o.timezone, p(f);
+    if (d.current !== a || y.current !== u) {
+      const t = Object.values(n);
+      t.forEach((r) => {
+        r.now = a, r.timezone = u;
+      }), d.current = a, y.current = (o = t[0]) == null ? void 0 : o.timezone, p(f);
     }
-  }, [i, u, r]), {
+  }, [a, u, n]), {
     customSelection: F,
     from: W,
     onSelection: p,

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

@@ -1,10 +1,10 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "../Typography/Typography.js";
 import { TypographyVariant as y } from "../Typography/types.js";
 import { useCallback as T } from "../../../external/preact/hooks/dist/hooks.module.js";
 import _ from "../../../core/Context/useCoreContext.js";
 import "./ErrorMessageDisplay.scss.js";
 import A from "../../../images/no-results.svg.js";
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "../Button/Button.js";
 import { Fragment as m } from "../../../external/preact/dist/preact.module.js";
 const s = {
@@ -21,32 +21,53 @@ const s = {
   onContactSupport: c,
   translationValues: i
 }) => {
-  const { i18n: e, updateCore: u } = _(), v = T(
-    (p) => Array.isArray(p) ? p.map(
-      (d, E) => E === 0 ? /* @__PURE__ */ r(m, { children: [
-        e.get(d),
-        i && i[d] && /* @__PURE__ */ r(m, { children: i[d] })
-      ] }) : /* @__PURE__ */ r(m, { children: [
-        /* @__PURE__ */ r("br", {}),
-        e.get(d),
-        i && i[d] && /* @__PURE__ */ r(m, { children: i[d] })
-      ] })
-    ) : e.get(p),
-    [e, i]
-  );
-  return /* @__PURE__ */ r("div", { className: `adyen-pe-error-message-display ${f ? "adyen-pe-error-message-display--centered" : ""}`, children: [
-    (t || 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: ${s.md}px)`, srcSet: t }),
-      /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(max-width: ${s.md}px)`, srcSet: n }),
-      /* @__PURE__ */ r("img", { srcSet: t ?? A, alt: e.get("thereWasAnUnexpectedError") })
-    ] }) }),
-    /* @__PURE__ */ r(l, { variant: y.TITLE, children: e.get(g) }),
-    o && /* @__PURE__ */ r(l, { variant: y.BODY, children: v(o) }),
-    (c || h) && /* @__PURE__ */ r("div", { className: "adyen-pe-error-message-display__button", children: [
-      c && /* @__PURE__ */ r(a, { onClick: c, children: e.get("reachOutToSupport") }),
-      !c && h && /* @__PURE__ */ r(a, { onClick: u, children: e.get("refresh") })
-    ] })
-  ] });
+  const {
+    i18n: e,
+    updateCore: u
+  } = _(), v = T((p) => Array.isArray(p) ? p.map((d, E) => E === 0 ? r(m, {
+    children: [e.get(d), i && i[d] && r(m, {
+      children: i[d]
+    })]
+  }) : r(m, {
+    children: [r("br", {}), e.get(d), i && i[d] && r(m, {
+      children: i[d]
+    })]
+  })) : e.get(p), [e, i]);
+  return r("div", {
+    className: `adyen-pe-error-message-display ${f ? "adyen-pe-error-message-display--centered" : ""}`,
+    children: [(t || n || x) && r("div", {
+      className: "adyen-pe-error-message-display__illustration",
+      children: r("picture", {
+        children: [r("source", {
+          type: "image/svg+xml",
+          media: `(min-width: ${s.md}px)`,
+          srcSet: t
+        }), r("source", {
+          type: "image/svg+xml",
+          media: `(max-width: ${s.md}px)`,
+          srcSet: n
+        }), r("img", {
+          srcSet: t ?? A,
+          alt: e.get("thereWasAnUnexpectedError")
+        })]
+      })
+    }), r(l, {
+      variant: y.TITLE,
+      children: e.get(g)
+    }), o && r(l, {
+      variant: y.BODY,
+      children: v(o)
+    }), (c || h) && r("div", {
+      className: "adyen-pe-error-message-display__button",
+      children: [c && r(a, {
+        onClick: c,
+        children: e.get("reachOutToSupport")
+      }), !c && h && r(a, {
+        onClick: u,
+        children: e.get("refresh")
+      })]
+    })]
+  });
 };
 export {
   R as ErrorMessageDisplay,

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

@@ -1,4 +1,3 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 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";
@@ -7,23 +6,31 @@ import B from "../SVGIcons/ChevronDown.js";
 import { BASE_CLASS as D, CONTAINER_CLASS as m, CONTAINER_BUTTON_CLASS as L, CONTAINER_FILLED_CLASS as p, CONTAINER_OVERLAY_ID as N, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as x, 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 { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as V } from "../../../external/preact/dist/preact.module.js";
 import T from "../BaseButton/BaseButton.js";
-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(() => {
-      a && (r(), c.current = !0);
-    }, [a, r])
-  );
+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(() => {
+    a && (r(), c.current = !0);
+  }, [a, r]));
   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: D, children: u ? /* @__PURE__ */ e(V, { children: [
-    /* @__PURE__ */ e(
-      T,
-      {
-        className: s(m, L, { [p]: o }),
+  }, [a, d]), e("div", {
+    className: D,
+    children: u ? e(V, {
+      children: [e(T, {
+        className: s(m, L, {
+          [p]: o
+        }),
         disabled: a,
         fullWidth: f,
         "aria-controls": N,
@@ -33,16 +40,19 @@ const w = ({ renderHeader: t, children: u, filled: o, fullWidth: f, ...i }) => {
         ref: E,
         "data-testid": "expand-button",
         ...i,
-        children: [
-          /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.expand") }),
-          /* @__PURE__ */ e("div", { className: s(C, x), children: t }),
-          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(B, { role: "presentation" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      T,
-      {
+        children: [e("span", {
+          className: "adyen-pe-sr-only",
+          children: A.get("expandableCard.expand")
+        }), e("div", {
+          className: s(C, x),
+          children: t
+        }), e("div", {
+          className: R,
+          children: e(B, {
+            role: "presentation"
+          })
+        })]
+      }), e(T, {
         id: N,
         className: s(m, L, g, {
           [p]: o,
@@ -57,17 +67,32 @@ const w = ({ renderHeader: t, children: u, filled: o, fullWidth: f, ...i }) => {
         ref: d,
         "data-testid": "collapse-button",
         ...i,
-        children: [
-          /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.collapse") }),
-          /* @__PURE__ */ e("div", { className: s(C, x), children: [
-            t,
-            /* @__PURE__ */ e("div", { children: u })
-          ] }),
-          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(b, { role: "presentation" }) })
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ e("div", { className: s(m, { [p]: o }), ...i, children: /* @__PURE__ */ e("div", { className: C, children: t }) }) });
+        children: [e("span", {
+          className: "adyen-pe-sr-only",
+          children: A.get("expandableCard.collapse")
+        }), e("div", {
+          className: s(C, x),
+          children: [t, e("div", {
+            children: u
+          })]
+        }), e("div", {
+          className: R,
+          children: e(b, {
+            role: "presentation"
+          })
+        })]
+      })]
+    }) : e("div", {
+      className: s(m, {
+        [p]: o
+      }),
+      ...i,
+      children: e("div", {
+        className: C,
+        children: t
+      })
+    })
+  });
 }, K = w;
 export {
   K as default

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

@@ -1,4 +1,3 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useResponsiveViewport as m, mediaQueries as c } from "../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
 import { ButtonVariant as n } from "../Button/types.js";
 import f from "../SVGIcons/Close.js";
@@ -9,38 +8,40 @@ 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 { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "../Button/Button.js";
 import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
 function k(t) {
-  const { i18n: i } = h(), r = m(c.down.xs), [o, a] = F(!r);
+  const {
+    i18n: i
+  } = h(), r = m(c.down.xs), [o, a] = F(!r);
   return b(() => {
     a(!r);
-  }, [r]), /* @__PURE__ */ e(_, { children: [
-    r && /* @__PURE__ */ e("div", { className: "adyen-pe-filter-bar__header", children: [
-      /* @__PURE__ */ e(u, { variant: d.SUBTITLE, children: i.get("transactions") }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          className: "adyen-pe-filter-bar__header-icon",
-          variant: n.SECONDARY,
-          iconButton: !0,
-          onClick: () => a((l) => !l),
-          children: o ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(p, {})
-        }
-      )
-    ] }),
-    o && /* @__PURE__ */ e(
-      "div",
-      {
-        "aria-label": i.get("filterBar"),
-        className: y("adyen-pe-filter-bar", { "adyen-pe-filter-bar__content--mobile": r }),
-        children: [
-          t.children,
-          t.canResetFilters && !!t.resetFilters && /* @__PURE__ */ e(s, { variant: n.TERTIARY, onClick: t.resetFilters, children: i.get("button.clearAll") })
-        ]
-      }
-    )
-  ] });
+  }, [r]), e(_, {
+    children: [r && e("div", {
+      className: "adyen-pe-filter-bar__header",
+      children: [e(u, {
+        variant: d.SUBTITLE,
+        children: i.get("transactions")
+      }), e(s, {
+        className: "adyen-pe-filter-bar__header-icon",
+        variant: n.SECONDARY,
+        iconButton: !0,
+        onClick: () => a((l) => !l),
+        children: o ? e(f, {}) : e(p, {})
+      })]
+    }), o && e("div", {
+      "aria-label": i.get("filterBar"),
+      className: y("adyen-pe-filter-bar", {
+        "adyen-pe-filter-bar__content--mobile": r
+      }),
+      children: [t.children, t.canResetFilters && !!t.resetFilters && e(s, {
+        variant: n.TERTIARY,
+        onClick: t.resetFilters,
+        children: i.get("button.clearAll")
+      })]
+    })]
+  });
 }
 export {
   k as default

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

@@ -1,16 +1,37 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 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 { useMemo as e } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "./FilterButton.scss.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as d } from "../../../../../utils/preact/fixedForwardRef.js";
 import { parseClassName as F } from "../../../../../utils/preact/className.js";
 import { parseBooleanProp as N } from "../../../../../utils/preact/props.js";
 const g = "adyen-pe-filter-button";
-function h({ className: o, classNameModifiers: a = [], children: m, disabled: r, onClick: n, ...s }, p) {
-  const i = e(() => F("", o) || "", [o]), l = e(() => N(r), [r]), { classes: u, click: f } = c(i, a, g, l, n);
-  return /* @__PURE__ */ t("button", { className: u, ref: p, onClick: f, ...s, children: /* @__PURE__ */ t(B, { el: y.SPAN, variant: T.BODY, stronger: !0, children: m }) });
+function h({
+  className: o,
+  classNameModifiers: a = [],
+  children: m,
+  disabled: r,
+  onClick: n,
+  ...s
+}, p) {
+  const i = t(() => F("", o) || "", [o]), l = t(() => N(r), [r]), {
+    classes: u,
+    click: f
+  } = c(i, a, g, l, n);
+  return e("button", {
+    className: u,
+    ref: p,
+    onClick: f,
+    ...s,
+    children: e(B, {
+      el: y.SPAN,
+      variant: T.BODY,
+      stronger: !0,
+      children: m
+    })
+  });
 }
 const k = d(h);
 export {

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

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