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

package/dist/es/components/external/TransactionsOverview/TransactionsOverviewElement.js

@@ -1,17 +1,13 @@
-var r = Object.defineProperty;
-var s = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => s(o, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import p from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import { UIElement as a } from "../UIElement/UIElement.js";
-class m extends a {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => /* @__PURE__ */ i(p, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
+import { UIElement as o } from "../UIElement/UIElement.js";
+class m extends o {
+  static type = "transactions";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ e(n, { ...this.props });
 }
-n(m, "type", "transactions");
 export {
   m as TransactionsElement,
   m as default

package/dist/es/components/external/TransactionsOverview/components/AmountDisplay/AmountDisplay.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import f from "classnames";
+import e from "../../../../internal/Typography/Typography.js";
+import g from "../../../../../core/Context/useCoreContext.js";
+import { TypographyVariant as o, TypographyElement as m } from "../../../../internal/Typography/types.js";
+import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
+import { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { classes as t } from "./constants.js";
+/* empty css                   */
+import { Icon as P } from "../../../../internal/Icon/Icon.js";
+const U = ({ amount: p, currency: n, description: s, label: l, large: a }) => {
+  const { i18n: i } = g(), [u, T] = c(() => {
+    const h = a ? { variant: o.TITLE, large: !0 } : { variant: o.SUBTITLE, stronger: !0 }, d = a ? { variant: o.SUBTITLE, stronger: !0 } : { variant: o.CAPTION, stronger: !0 };
+    return [h, d];
+  }, [a]), y = c(() => i.amount(p, n), [i, p, n]);
+  return /* @__PURE__ */ r("div", { className: t.root, children: [
+    /* @__PURE__ */ r("div", { className: t.label, children: [
+      /* @__PURE__ */ r(e, { el: m.SPAN, variant: o.CAPTION, children: l }),
+      s && /* @__PURE__ */ r(N, { content: s, children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(P, { name: "info" }) }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: f(t.amount, { [t.amountLarge]: a }), children: [
+      /* @__PURE__ */ r(e, { el: m.SPAN, ...u, children: y }),
+      /* @__PURE__ */ r(e, { el: m.SPAN, className: t.currency, ...T, children: n })
+    ] })
+  ] });
+};
+export {
+  U as default
+};

package/dist/es/components/external/TransactionsOverview/components/AmountDisplay/constants.js

@@ -0,0 +1,11 @@
+const a = "adyen-pe-transaction-amount-display", n = {
+  root: a,
+  amount: a + "__amount",
+  amountLarge: a + "__amount--large",
+  currency: a + "__currency",
+  label: a + "__label"
+};
+export {
+  a as BASE_CLASS,
+  n as classes
+};

package/dist/es/components/external/TransactionsOverview/components/BalanceItem/BalanceItem.js

@@ -1,51 +1,65 @@
-import { jsx as g } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import { useRef as s, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as h } from "../SummaryItem/SummaryItem.js";
-const x = ({
+import { jsx as V } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import { useRef as s, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
+const R = ({
   balance: e,
-  isHeader: o = !1,
-  isSkeleton: u = !1,
-  isLoading: l = !1,
-  widths: n,
-  onWidthsSet: m,
-  isEmpty: i,
-  balanceElemId: a
+  hiddenField: r,
+  isHeader: a = !1,
+  showLabelUnderline: l = !1,
+  isSkeleton: o = !1,
+  isLoading: n = !1,
+  widths: i,
+  onWidthsSet: u,
+  availableBalanceElemId: m,
+  reservedBalanceElemId: c
 }) => {
-  const { i18n: t } = y(), r = s(null), f = s(null), c = p(
-    () => [
-      {
-        elemId: a,
-        labelKey: "transactions.overview.balances.tags.balance",
-        ref: r,
-        skeletonWidth: 80,
-        getValue: () => e && t.amount(e.value, e.currency),
-        get ariaLabel() {
-          return `${t.get(this.labelKey)}: ${this.getValue()}`;
-        }
-      },
+  const { i18n: t } = d(), f = s(null), v = s(null), g = s(null), y = h(() => {
+    const b = {
+      elemId: m,
+      labelKey: "transactions.overview.balances.tags.available",
+      ref: f,
+      skeletonWidth: 80,
+      getValue: () => e && t.amount(e.value, e.currency),
+      get ariaLabel() {
+        return `${t.get(this.labelKey)}: ${this.getValue()}`;
+      }
+    }, p = {
+      elemId: c,
+      labelKey: "transactions.overview.balances.tags.reserved",
+      ref: v,
+      skeletonWidth: 80,
+      getValue: () => e && t.amount(e.reservedValue, e.currency),
+      tooltipLabel: "transactions.overview.balances.tags.reserved.description",
+      get ariaLabel() {
+        return `${t.get(this.labelKey)}: ${this.getValue()}`;
+      }
+    };
+    return [
+      ...r !== "available" ? [b] : [],
+      ...r !== "reserved" ? [p] : [],
       {
-        ref: f,
+        ref: g,
         skeletonWidth: 40,
         valueHasLabelStyle: !0,
-        getValue: () => e == null ? void 0 : e.currency
+        getValue: () => e?.currency
       }
-    ],
-    [e, r, t]
-  );
-  return /* @__PURE__ */ g(
-    h,
+    ];
+  }, [e, r, t]);
+  return /* @__PURE__ */ V(
+    C,
     {
-      isEmpty: i,
-      columnConfigs: c,
-      isHeader: o,
-      isSkeletonVisible: u,
-      isLoading: l,
-      widths: n,
-      onWidthsSet: m
+      showLabelUnderline: l,
+      isEmpty: !e,
+      columnConfigs: y,
+      isHeader: a,
+      isSkeletonVisible: o,
+      isLoading: n,
+      widths: i,
+      onWidthsSet: u
     }
   );
 };
 export {
-  x as BalanceItem
+  R as BalanceItem
 };

package/dist/es/components/external/TransactionsOverview/components/Balances/Balances.js

@@ -1,78 +1,44 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as s, useCallback as B, useEffect as M } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as F } from "../../../../../hooks/useFetch.js";
-import { memo as I } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { BASE_CLASS as W } from "./constants.js";
-import O from "../../../../../core/Context/useCoreContext.js";
-import T from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { BalanceItem as y } from "../BalanceItem/BalanceItem.js";
-import { useMaxWidthsState as q } from "../../hooks/useMaxWidths.js";
-import { Fragment as L } from "../../../../../external/preact/dist/preact.module.js";
-import { useConfigContext as C } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as P } from "../../../../../utils/value/constants.js";
-import { uniqueId as _ } from "../../../../../utils/random/uniqueId.js";
-const X = I(({ balanceAccountId: n, defaultCurrencyCode: c, onCurrenciesChange: v, fullWidth: x }) => {
-  const { i18n: l } = O(), { getBalances: o } = C().endpoints, g = s(() => l.get("transactions.overview.balances.labels.default"), [l]), d = s(() => l.get("transactions.overview.balances.currency.label"), [l]), S = B(async () => o == null ? void 0 : o(P, {
-    path: { balanceAccountId: n }
-  }), [n, o]), { data: r, error: $, isFetching: u } = F({
-    fetchOptions: s(() => ({ enabled: !!n && !!o }), [n, o]),
-    queryFn: S
-  }), m = !n || u, E = !!$ || !(r != null && r.data.length), i = s(() => (r == null ? void 0 : r.data) && [...r.data].sort(({ currency: e }, { currency: h }) => {
-    if (c) {
-      if (e === c) return -1;
-      if (h === c) return 1;
-    }
-    return e.localeCompare(h);
-  }), [r == null ? void 0 : r.data, c]), [t, ...b] = s(() => (i == null ? void 0 : i.map((e) => (e.key = `${e.currency}-${Math.random()}`, e.balanceElemId = _("elem"), e))) ?? [], [i]), [p, f] = q(), k = s(
-    () => /* @__PURE__ */ a(
-      "div",
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as m } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { BalancesCard as o } from "./BalancesCard.js";
+import { BASE_CLASS as c, ITEM_CLASS as t } from "./constants.js";
+import { useResponsiveContainer as l, containerQueries as n } from "../../../../../hooks/useResponsiveContainer.js";
+import v from "../../../../../core/Context/useCoreContext.js";
+/* empty css              */
+import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+const S = m(({ balances: a, loadingBalances: i }) => {
+  const { i18n: r } = v(), d = l(n.only.xs), s = l(n.down.sm);
+  return /* @__PURE__ */ e("div", { className: c, children: d ? /* @__PURE__ */ e(f, { children: [
+    /* @__PURE__ */ e("div", { className: t, children: /* @__PURE__ */ e(
+      o,
       {
-        role: "listitem",
-        "aria-label": t ? `${d}: ${t.currency}` : void 0,
-        "aria-describedby": t ? `${t.balanceElemId}` : void 0,
-        children: /* @__PURE__ */ a(
-          y,
-          {
-            isEmpty: E,
-            balance: t,
-            widths: p,
-            isHeader: !0,
-            isSkeleton: m,
-            isLoading: m,
-            onWidthsSet: f,
-            balanceElemId: t == null ? void 0 : t.balanceElemId
-          }
-        )
+        "aria-label": r.get("transactions.overview.balances.labels.available"),
+        balances: a,
+        isLoading: i,
+        hiddenField: "reserved",
+        fullWidth: s
       }
-    ),
-    [E, t, p, m, f, d]
-  ), w = s(() => !m && b.length ? /* @__PURE__ */ a(L, { children: b.map((e) => /* @__PURE__ */ a(
-    "div",
-    {
-      role: "listitem",
-      "aria-label": `${d}: ${e.currency}`,
-      "aria-describedby": `${e.balanceElemId}`,
-      children: /* @__PURE__ */ a(y, { balance: e, widths: p, onWidthsSet: f, balanceElemId: e.balanceElemId })
-    },
-    e.key
-  )) }) : void 0, [m, b, p, f, d]);
-  return M(() => {
-    const e = new Set((i == null ? void 0 : i.map(({ currency: h }) => h)) || []);
-    v(Array.from(e), u);
-  }, [i, u, v]), /* @__PURE__ */ a("div", { className: W, children: /* @__PURE__ */ a(
-    T,
+    ) }),
+    /* @__PURE__ */ e("div", { className: t, children: /* @__PURE__ */ e(
+      o,
+      {
+        "aria-label": r.get("transactions.overview.balances.labels.reserved"),
+        balances: a,
+        isLoading: i,
+        hiddenField: "available",
+        fullWidth: s
+      }
+    ) })
+  ] }) : /* @__PURE__ */ e(
+    o,
     {
-      "aria-label": g,
-      renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ a("div", { role: "list", "aria-label": l.get("transactions.overview.balances.lists.default"), children: [
-        k,
-        e
-      ] }),
-      filled: !0,
-      fullWidth: x,
-      children: w
+      "aria-label": r.get("transactions.overview.balances.labels.default"),
+      balances: a,
+      isLoading: i,
+      fullWidth: s
     }
   ) });
 });
 export {
-  X as Balances
+  S as default
 };

package/dist/es/components/external/TransactionsOverview/components/Balances/BalancesCard.js

@@ -0,0 +1,90 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as w } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useState as y, useMemo as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../../../../../core/Context/useCoreContext.js";
+import $ from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
+import { useMaxWidthsState as C } from "../../hooks/useMaxWidths.js";
+import { Fragment as M } from "../../../../../external/preact/dist/preact.module.js";
+import { uniqueId as B } from "../../../../../utils/random/uniqueId.js";
+const q = w(({ balances: b, isLoading: n, hiddenField: l, fullWidth: f, ...I }) => {
+  const { i18n: s } = x(), [c, i] = C(), [o, m] = y(!1), d = t(() => s.get("transactions.overview.balances.currency.label"), [s]), [a, ...v] = t(() => b.map((e) => ({
+    ...e,
+    key: e.currency,
+    availableBalanceElemId: B("elem"),
+    reservedBalanceElemId: B("elem")
+  })), [b]), E = t(() => {
+    switch (l) {
+      case "available":
+        return s.get("transactions.overview.balances.lists.reserved");
+      case "reserved":
+        return s.get("transactions.overview.balances.lists.available");
+      default:
+        return s.get("transactions.overview.balances.lists.default");
+    }
+  }, [s, l]), p = t(
+    () => /* @__PURE__ */ r(
+      "div",
+      {
+        role: "listitem",
+        "aria-label": a ? `${d}: ${a.currency}` : void 0,
+        "aria-describedby": a ? `${a.availableBalanceElemId} ${a.reservedBalanceElemId}` : void 0,
+        children: /* @__PURE__ */ r(
+          u,
+          {
+            showLabelUnderline: o,
+            balance: a,
+            hiddenField: l,
+            widths: c,
+            isHeader: !0,
+            isSkeleton: n,
+            isLoading: n,
+            onWidthsSet: i,
+            reservedBalanceElemId: a?.reservedBalanceElemId,
+            availableBalanceElemId: a?.availableBalanceElemId
+          }
+        )
+      }
+    ),
+    [o, a, l, c, n, i, d]
+  ), h = t(() => !n && v.length ? /* @__PURE__ */ r(M, { children: v.map((e) => /* @__PURE__ */ r(
+    "div",
+    {
+      role: "listitem",
+      "aria-label": `${d}: ${e.currency}`,
+      "aria-describedby": `${e.availableBalanceElemId} ${e.reservedBalanceElemId}`,
+      children: /* @__PURE__ */ r(
+        u,
+        {
+          showLabelUnderline: o,
+          balance: e,
+          hiddenField: l,
+          widths: c,
+          onWidthsSet: i,
+          reservedBalanceElemId: e.reservedBalanceElemId,
+          availableBalanceElemId: e.availableBalanceElemId
+        }
+      )
+    },
+    e.key
+  )) }) : void 0, [n, v, o, l, c, i, d]);
+  return /* @__PURE__ */ r(
+    $,
+    {
+      renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ r("div", { role: "list", "aria-label": E, children: [
+        p,
+        e
+      ] }),
+      fullWidth: f,
+      onMouseEnter: () => m(!0),
+      onFocus: () => m(!0),
+      onMouseLeave: () => m(!1),
+      onBlur: () => m(!1),
+      ...I,
+      children: h
+    }
+  );
+});
+export {
+  q as BalancesCard
+};

package/dist/es/components/external/TransactionsOverview/components/Balances/constants.js

@@ -1,4 +1,5 @@
-const e = "adyen-pe-balances";
+const e = "adyen-pe-balances", a = "adyen-pe-balances__item";
 export {
-  e as BASE_CLASS
+  e as BASE_CLASS,
+  a as ITEM_CLASS
 };

package/dist/es/components/external/TransactionsOverview/components/InsightsTotals/InsightsTotals.js

@@ -0,0 +1,97 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "classnames";
+import { memo as b } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { classes as r } from "./constants.js";
+import { getTransactionCategory as N } from "../../../../utils/translation/getters.js";
+import { TypographyVariant as g, TypographyElement as u } from "../../../../internal/Typography/types.js";
+import { ErrorMessageDisplay as A } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import k from "../AmountDisplay/AmountDisplay.js";
+import f from "../../../../../core/Context/useCoreContext.js";
+import h from "../../../../internal/Typography/Typography.js";
+/* empty css                    */
+import { Fragment as C } from "../../../../../external/preact/dist/preact.module.js";
+import L from "../../../../internal/StructuredList/StructuredList.js";
+const c = ({ currency: i, currenciesLookupResult: m, transactionsTotalsResult: t }) => {
+  const { i18n: n } = f(), { currenciesDictionary: s } = m, o = i && s[i]?.totals || void 0;
+  if (t.isWaiting || !o) {
+    const a = Array.from({ length: 2 }), l = Array.from({ length: 3 }), d = p(r.skeleton, r.skeletonLoading);
+    return /* @__PURE__ */ e("div", { className: r.root, children: [
+      /* @__PURE__ */ e("span", { className: p(d, r.skeletonAmount, r.skeletonAmountLarge) }),
+      /* @__PURE__ */ e("div", { className: r.breakdowns, children: a.map((T, y) => /* @__PURE__ */ e("div", { className: r.breakdown, children: [
+        /* @__PURE__ */ e("span", { className: p(d, r.skeletonAmount) }),
+        /* @__PURE__ */ e("div", { className: r.breakdownList, children: l.map((x, w) => /* @__PURE__ */ e("span", { className: d }, `breakdown-${w}`)) })
+      ] }, `breakdown-${y}`)) })
+    ] });
+  }
+  return /* @__PURE__ */ e("div", { className: r.root, children: t.error ? /* @__PURE__ */ e("div", { className: r.errorContainer, children: /* @__PURE__ */ e(
+    A,
+    {
+      title: "common.errors.somethingWentWrong",
+      message: ["common.errors.retry"],
+      absolutePosition: !1,
+      outlined: !1,
+      withImage: !0,
+      refreshComponent: !0,
+      onRefreshComponent: t.refresh
+    }
+  ) }) : /* @__PURE__ */ e(C, { children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        amount: o.total,
+        currency: o.currency,
+        label: n.get("transactions.overview.totals.tags.periodResult"),
+        large: !0
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: r.breakdowns, children: [
+      /* @__PURE__ */ e(
+        c.Breakdown,
+        {
+          amount: o.incomings,
+          breakdown: o.breakdown.incomings,
+          currency: o.currency,
+          label: n.get("transactions.overview.totals.tags.incoming")
+        }
+      ),
+      /* @__PURE__ */ e(
+        c.Breakdown,
+        {
+          amount: o.expenses,
+          breakdown: o.breakdown.expenses,
+          currency: o.currency,
+          label: n.get("transactions.overview.totals.tags.outgoing")
+        }
+      )
+    ] })
+  ] }) });
+};
+c.Breakdown = ({ ariaLabel: i, breakdown: m, ...t }) => {
+  const { currency: n } = t, { i18n: s } = f(), o = v(
+    () => m.map(
+      ({ category: a, value: l }) => ({
+        key: N(s, a),
+        value: `${s.amount(l, n)} ${n}`
+      })
+    ),
+    [s, m, n]
+  );
+  return /* @__PURE__ */ e("div", { className: r.breakdown, children: [
+    /* @__PURE__ */ e(k, { ...t }),
+    /* @__PURE__ */ e(
+      L,
+      {
+        items: o,
+        "aria-label": i,
+        classNames: r.breakdownList,
+        renderLabel: (a) => /* @__PURE__ */ e(h, { el: u.SPAN, variant: g.CAPTION, children: a }),
+        renderValue: (a) => /* @__PURE__ */ e(h, { el: u.SPAN, variant: g.CAPTION, stronger: !0, children: a })
+      }
+    )
+  ] });
+};
+const q = b(c);
+export {
+  q as default
+};

package/dist/es/components/external/TransactionsOverview/components/InsightsTotals/constants.js

@@ -0,0 +1,15 @@
+const e = "adyen-pe-transaction-insights-totals", o = {
+  root: e,
+  breakdowns: e + "__breakdowns",
+  breakdown: e + "__breakdown",
+  breakdownList: e + "__breakdown-list",
+  skeleton: e + "__skeleton",
+  skeletonLoading: e + "__skeleton--loading",
+  skeletonAmount: e + "__skeleton--amount",
+  skeletonAmountLarge: e + "__skeleton--amount-large",
+  errorContainer: e + "__error-container"
+};
+export {
+  e as BASE_CLASS,
+  o as classes
+};

package/dist/es/components/external/TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js

@@ -1,34 +1,38 @@
-import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as f } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as S } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useResponsiveContainer as t, containerQueries as o } from "../../../../../hooks/useResponsiveContainer.js";
-import f from "../../../../internal/FormFields/Select/Select.js";
-const h = u(
+import d from "../../../../internal/FormFields/Select/Select.js";
+const x = S(
   ({
     placeholder: n,
-    selection: r,
+    selection: i,
     selectionOptions: e,
-    updateSelection: i,
-    onResetAction: s
+    updateSelection: s,
+    onResetAction: a,
+    readonly: r,
+    isInvalid: l
   }) => {
-    const a = t(o.down.xs), l = t(o.only.sm), m = t(o.only.md);
-    return e && e.length > 1 && /* @__PURE__ */ c(
-      f,
+    const m = t(o.down.xs), c = t(o.only.sm), u = t(o.only.md);
+    return (e && e.length > 1 || r) && /* @__PURE__ */ f(
+      d,
       {
-        onResetAction: s,
-        onChange: i,
+        readonly: r,
+        isInvalid: l,
+        onResetAction: a,
+        onChange: s,
         filterable: !1,
         multiSelect: !0,
         placeholder: n,
-        selected: r,
+        selected: i,
         withoutCollapseIndicator: !0,
-        items: e,
-        showOverlay: a,
-        fitPosition: m || l,
+        items: e ?? [],
+        showOverlay: m,
+        fitPosition: u || c,
         "aria-label": n
       }
     );
   }
 );
 export {
-  h as default
+  x as default
 };

package/dist/es/components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js

@@ -1,20 +1,8 @@
-import { FilterParam as T } from "../../../../../types.js";
-const E = [T.CURRENCIES, T.CATEGORIES, T.STATUSES], A = Object.freeze(
-  Object.fromEntries(E.map((e) => [e, ""]))
-), r = [
-  "ATM",
-  "Capital",
-  "Chargeback",
-  "Correction",
-  "Fee",
-  "Payment",
-  "Refund",
-  "Transfer",
-  "Other"
-], I = ["Booked", "Pending", "Reversed"];
+import { FilterParam as E } from "../../../../../types.js";
+const S = [E.CURRENCIES, E.CATEGORIES, E.STATUSES], R = Object.freeze(
+  Object.fromEntries(S.map((T) => [T, ""]))
+);
 export {
-  A as DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-  E as TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS,
-  r as TRANSACTION_CATEGORIES,
-  I as TRANSACTION_STATUSES
+  R as DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+  S as TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS
 };

package/dist/es/components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js

@@ -1,26 +1,26 @@
-import { useMemo as k, useCallback as C } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { selectionOptionsFor as O } from "./utils.js";
-import { listFrom as T } from "../../../../../../utils/collection/main.js";
-const w = ({
+import { useMemo as u, useCallback as S } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { selectionOptionsFor as b } from "./utils.js";
+import { listFrom as k } from "../../../../../../utils/collection/main.js";
+const C = ({
   filterParam: o,
-  filterValues: M,
-  filters: n,
+  filterValues: n,
+  filters: s,
   defaultFilters: c,
-  updateFilters: m,
-  mapFilterOptionName: b
+  updateFilters: t,
+  mapFilterOptionName: e
 }) => {
-  const q = k(() => T((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), v = k(
-    () => M && O(M, b),
-    [M, b]
-  ), x = C(
-    ({ target: S }) => {
-      m == null || m({ [o]: (S == null ? void 0 : S.value) || "" });
+  const p = u(() => k(s?.[o] ?? c?.[o] ?? ""), [c, s, o]), i = u(
+    () => n && b(n, e),
+    [n, e]
+  ), m = S(
+    ({ target: M }) => {
+      t?.({ [o]: M?.value || "" });
     },
-    [m, o]
+    [t, o]
   );
-  return { selection: q, selectionOptions: v, updateSelection: x };
+  return { selection: p, selectionOptions: i, updateSelection: m };
 };
 export {
-  w as default,
-  w as useMultiSelectionFilter
+  C as default,
+  C as useMultiSelectionFilter
 };