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

package/dist/es/components/external/TransactionDetails/components/TransactionData.js

@@ -1,62 +1,86 @@
-import { jsx as d } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DATE_FORMAT as u } from "../../../internal/DataOverviewDisplay/constants.js";
-import r from "./TransactionDataSkeleton.js";
-import { Image as t } from "../../../internal/Image/Image.js";
-import { parsePaymentMethodType as h } from "../../TransactionsOverview/components/utils.js";
-import { Tag as p } from "../../../internal/Tag/Tag.js";
-import { TagVariant as a } from "../../../internal/Tag/types.js";
-import g from "../../../../core/Context/useCoreContext.js";
-import { useMemo as v } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { DATE_FORMAT_TRANSACTION_DETAILS as h } from "../../../internal/DataOverviewDisplay/constants.js";
+import c from "./TransactionDataSkeleton.js";
+import i from "../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Image as g } from "../../../internal/Image/Image.js";
+import { parsePaymentMethodType as v } from "../../TransactionsOverview/components/utils.js";
+import { Tag as t } from "../../../internal/Tag/Tag.js";
+import { TagVariant as m } from "../../../internal/Tag/types.js";
+import s from "../../../../core/Context/useCoreContext.js";
+import { useMemo as f } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import "./TransactionData.scss.js";
-import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
-const S = ({ transaction: e, isFetching: y }) => {
-  var l;
-  const { i18n: m } = g(), o = v(() => e ? m.date(new Date(e.createdAt), u).toString() : "", [e, m]), _ = (e == null ? void 0 : e.status) === "Booked" ? "default" : (e == null ? void 0 : e.status) === "Reversed" ? "error" : "pending";
-  return /* @__PURE__ */ d(c, { children: e ? /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data", children: [
-    /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__container", children: [
-      ((e == null ? void 0 : e.status) || (e == null ? void 0 : e.category)) && /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__tag-container", children: [
-        (e == null ? void 0 : e.status) && /* @__PURE__ */ d(
-          p,
-          {
-            label: m.get(e.status),
-            variant: e.status === "Booked" ? a.SUCCESS : e.status === "Reversed" ? a.ERROR : a.DEFAULT
-          }
-        ),
-        e.category && /* @__PURE__ */ d(p, { label: m.get(`txType.${e.category}`), variant: a.DEFAULT })
-      ] }),
-      /* @__PURE__ */ d(
-        "div",
-        {
+import { jsx as d } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Fragment as N } from "../../../../external/preact/dist/preact.module.js";
+const I = ({
+  transaction: e,
+  isFetching: r
+}) => {
+  var p, o, y;
+  const {
+    i18n: a
+  } = s(), {
+    dateFormat: l
+  } = i((p = e.balanceAccount) == null ? void 0 : p.timeZone), u = f(() => e ? l(new Date(e.createdAt), h) : "", [e, l]), _ = (e == null ? void 0 : e.status) === "Booked" ? "default" : (e == null ? void 0 : e.status) === "Reversed" ? "error" : "pending";
+  return d(N, {
+    children: e ? d("div", {
+      className: "adyen-pe-transaction-data",
+      children: [d("div", {
+        className: "adyen-pe-transaction-data__container",
+        children: [((e == null ? void 0 : e.status) || (e == null ? void 0 : e.category)) && d("div", {
+          className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__tag-container",
+          children: [(e == null ? void 0 : e.status) && d(t, {
+            label: a.get(e.status),
+            variant: e.status === "Booked" ? m.SUCCESS : e.status === "Reversed" ? m.ERROR : m.DEFAULT
+          }), e.category && d(t, {
+            label: a.get(`txType.${e.category}`),
+            variant: m.DEFAULT
+          })]
+        }), d("div", {
           className: `adyen-pe-transaction-data__section adyen-pe-transaction-data__amount adyen-pe-transaction-data__amount--${_}`,
-          children: e.amount ? m.amount(e.amount.value, e.amount.currency, {
-            currencyDisplay: "symbol"
-          }) : null
-        }
-      ),
-      ((e == null ? void 0 : e.paymentMethod) || (e == null ? void 0 : e.bankAccount)) && /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__payment-method", children: [
-        /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__payment-method-logo-container", children: /* @__PURE__ */ d(
-          t,
-          {
-            name: e.paymentMethod ? e.paymentMethod.type : "bankTransfer",
-            alt: e.paymentMethod ? e.paymentMethod.type : "bankTransfer",
-            folder: "logos/",
-            className: "adyen-pe-transaction-data__payment-method-logo"
-          }
-        ) }),
-        /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__payment-method-detail", children: e != null && e.paymentMethod ? h(e == null ? void 0 : e.paymentMethod, "detail") : (l = e == null ? void 0 : e.bankAccount) == null ? void 0 : l.accountNumberLastFourDigits })
-      ] }),
-      /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__label", children: o })
-    ] }),
-    (e == null ? void 0 : e.balanceAccountDescription) && /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__container", children: [
-      /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__label", children: m.get("account") }),
-      /* @__PURE__ */ d("div", { children: e.balanceAccountDescription })
-    ] }),
-    /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__container", children: [
-      /* @__PURE__ */ d("div", { className: "adyen-pe-transaction-data__label", children: m.get("referenceID") }),
-      /* @__PURE__ */ d("div", { "aria-label": m.get("referenceID"), children: e.id })
-    ] })
-  ] }) : /* @__PURE__ */ d(r, { isLoading: y, skeletonRowNumber: 6 }) });
+          children: e.amount ? `${a.amount(e.amount.value, e.amount.currency, {
+            hideCurrency: !0
+          })} ${e.amount.currency}` : null
+        }), ((e == null ? void 0 : e.paymentMethod) || (e == null ? void 0 : e.bankAccount)) && d("div", {
+          className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__payment-method",
+          children: [d("div", {
+            className: "adyen-pe-transaction-data__payment-method-logo-container",
+            children: d(g, {
+              name: e.paymentMethod ? e.paymentMethod.type : "bankTransfer",
+              alt: e.paymentMethod ? e.paymentMethod.type : "bankTransfer",
+              folder: "logos/",
+              className: "adyen-pe-transaction-data__payment-method-logo"
+            })
+          }), d("div", {
+            className: "adyen-pe-transaction-data__payment-method-detail",
+            children: e != null && e.paymentMethod ? v(e == null ? void 0 : e.paymentMethod, "detail") : (o = e == null ? void 0 : e.bankAccount) == null ? void 0 : o.accountNumberLastFourDigits
+          })]
+        }), d("div", {
+          className: "adyen-pe-transaction-data__section adyen-pe-transaction-data__label",
+          children: u
+        })]
+      }), ((y = e.balanceAccount) == null ? void 0 : y.description) && d("div", {
+        className: "adyen-pe-transaction-data__container",
+        children: [d("div", {
+          className: "adyen-pe-transaction-data__label",
+          children: a.get("account")
+        }), d("div", {
+          children: e.balanceAccount.description
+        })]
+      }), d("div", {
+        className: "adyen-pe-transaction-data__container",
+        children: [d("div", {
+          className: "adyen-pe-transaction-data__label",
+          children: a.get("referenceID")
+        }), d("div", {
+          "aria-label": a.get("referenceID"),
+          children: e.id
+        })]
+      })]
+    }) : d(c, {
+      isLoading: r,
+      skeletonRowNumber: 6
+    })
+  });
 };
 export {
-  S as TransactionData
+  I as TransactionData
 };

package/dist/es/components/external/TransactionDetails/components/TransactionDataSkeleton.js

@@ -1,19 +1,22 @@
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "classnames";
 import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
-const i = ({ isLoading: o, skeletonRowNumber: a = 0 }) => {
-  const e = m(() => Array.from({ length: a }, (t, s) => s), [a]);
-  return /* @__PURE__ */ n(c, { children: e.map((t) => /* @__PURE__ */ n(
-    "span",
-    {
+const i = ({
+  isLoading: o,
+  skeletonRowNumber: a = 0
+}) => {
+  const e = m(() => Array.from({
+    length: a
+  }, (t, s) => s), [a]);
+  return n(c, {
+    children: e.map((t) => n("span", {
       className: r({
         "adyen-pe-transaction-data__skeleton": !0,
         "adyen-pe-transaction-data__skeleton-loading-content": o
       })
-    },
-    `transaction-data-skeleton-${t}`
-  )) });
+    }, `transaction-data-skeleton-${t}`))
+  });
 }, k = i;
 export {
   k as default

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

@@ -1,29 +1,23 @@
 var r = Object.defineProperty;
-var i = (n, t, e) => t in n ? r(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var o = (n, t, e) => (i(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import m from "../UIElement/UIElement.js";
-class s extends m {
-  constructor(e) {
-    super(e);
-    o(this, "componentToRender", () => /* @__PURE__ */ c(
-      a,
-      {
-        ...this.props,
-        balanceAccountId: this.props.core.options.balanceAccountId,
-        ref: (e) => {
-          this.componentRef = e;
-        },
-        elementRef: this.elementRef
-      }
-    ));
-    this.elementRef = e && e.elementRef || this, this.componentToRender = this.componentToRender.bind(this);
+var c = (o, n, t) => n in o ? r(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var e = (o, n, t) => (c(o, typeof n != "symbol" ? n + "" : n, t), t);
+import i from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
+import a from "../UIElement/UIElement.js";
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+class s extends a {
+  constructor(t) {
+    super(t);
+    e(this, "componentToRender", () => p(i, {
+      ...this.props,
+      balanceAccountId: this.props.balanceAccountId,
+      ref: (t) => void (this.componentRef = t)
+    }));
+    this.componentToRender = this.componentToRender.bind(this);
   }
 }
-o(s, "type", "transactions");
-const d = s;
+e(s, "type", "transactions");
+const h = s;
 export {
   s as TransactionsElement,
-  d as default
+  h as default
 };

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

@@ -1,8 +1,20 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "classnames";
-import { BASE_CLASS as a, LOADING_CLASS as r, MARGIN_CLASS as S } from "./constants.js";
+import e from "classnames";
+import { BASE_CLASS as m, LOADING_CLASS as a, MARGIN_CLASS as r } from "./constants.js";
 import "./AmountSkeleton.scss.js";
-const l = ({ hasMargin: o = !1, isLoading: s = !1, width: t }) => /* @__PURE__ */ e("span", { className: m(a, { [r]: s, [S]: o }), style: { width: t } }), u = l;
+import { jsx as S } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const l = ({
+  hasMargin: o = !1,
+  isLoading: s = !1,
+  width: t
+}) => S("span", {
+  className: e(m, {
+    [a]: s,
+    [r]: o
+  }),
+  style: {
+    width: t
+  }
+}), u = l;
 export {
   l as AmountSkeleton,
   u as default

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

@@ -1,37 +1,38 @@
-import { jsx as y } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "../../../../../core/Context/useCoreContext.js";
-import { useRef as r, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as g } from "../SummaryItem/SummaryItem.js";
-const S = ({ balance: e, isHeader: s = !1, isSkeleton: u = !1, isLoading: m = !1, widths: n, onWidthsSet: l, isEmpty: f }) => {
-  const { i18n: t } = a(), o = r(null), i = r(null), c = p(
-    () => [
-      {
-        labelKey: "accountBalance",
-        ref: o,
-        skeletonWidth: 80,
-        getValue: () => e && t.amount(e.value, e.currency)
-      },
-      {
-        ref: i,
-        skeletonWidth: 40,
-        valueHasLabelStyle: !0,
-        getValue: () => e == null ? void 0 : e.currency
-      }
-    ],
-    [e, o, t]
-  );
-  return /* @__PURE__ */ y(
-    g,
-    {
-      isEmpty: f,
-      columnConfigs: c,
-      isHeader: s,
-      isSkeletonVisible: u,
-      isLoading: m,
-      widths: n,
-      onWidthsSet: l
-    }
-  );
+import y from "../../../../../core/Context/useCoreContext.js";
+import { useRef as r, useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as p } from "../SummaryItem/SummaryItem.js";
+import { jsx as g } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const S = ({
+  balance: e,
+  isHeader: s = !1,
+  isSkeleton: u = !1,
+  isLoading: m = !1,
+  widths: n,
+  onWidthsSet: l,
+  isEmpty: f
+}) => {
+  const {
+    i18n: t
+  } = y(), o = r(null), i = r(null), c = a(() => [{
+    labelKey: "accountBalance",
+    ref: o,
+    skeletonWidth: 80,
+    getValue: () => e && t.amount(e.value, e.currency)
+  }, {
+    ref: i,
+    skeletonWidth: 40,
+    valueHasLabelStyle: !0,
+    getValue: () => e == null ? void 0 : e.currency
+  }], [e, o, t]);
+  return g(p, {
+    isEmpty: f,
+    columnConfigs: c,
+    isHeader: s,
+    isSkeletonVisible: u,
+    isLoading: m,
+    widths: n,
+    onWidthsSet: l
+  });
 };
 export {
   S as BalanceItem

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

@@ -1,4 +1,3 @@
-import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as M, useMemo as p, useEffect as W } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
 import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
@@ -7,15 +6,35 @@ import F from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
 import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
 import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useAuthContext as _ } from "../../../../../core/Auth/context.js";
 import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
-const G = y(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange: h, fullWidth: x }) => {
-  const { getBalances: s } = _().endpoints, S = M(async () => s == null ? void 0 : s(q, {
-    path: { balanceAccountId: o }
-  }), [o, s]), { data: t, error: B, isFetching: a } = w({
-    fetchOptions: p(() => ({ enabled: !!o && !!s }), [o, s]),
+const G = y(({
+  balanceAccountId: o,
+  defaultCurrencyCode: m,
+  onCurrenciesChange: h,
+  fullWidth: x
+}) => {
+  const {
+    getBalances: s
+  } = _().endpoints, S = M(async () => s == null ? void 0 : s(q, {
+    path: {
+      balanceAccountId: o
+    }
+  }), [o, s]), {
+    data: t,
+    error: B,
+    isFetching: a
+  } = w({
+    fetchOptions: p(() => ({
+      enabled: !!o && !!s
+    }), [o, s]),
     queryFn: S
-  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({ currency: r }, { currency: n }) => {
+  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({
+    currency: r
+  }, {
+    currency: n
+  }) => {
     if (m) {
       if (r === m)
         return -1;
@@ -25,28 +44,35 @@ const G = y(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange:
     return r.localeCompare(n);
   }), [t == null ? void 0 : t.data, m]), [k, ...l] = p(() => (e == null ? void 0 : e.map((r) => (r.key = `${r.currency}-${Math.random()}`, r))) ?? [], [e]), [c, d] = O();
   return W(() => {
-    const r = new Set((e == null ? void 0 : e.map(({ currency: n }) => n)) || []);
+    const r = new Set((e == null ? void 0 : e.map(({
+      currency: n
+    }) => n)) || []);
     h(Array.from(r), a);
-  }, [e, a, h]), /* @__PURE__ */ i("div", { className: g, children: /* @__PURE__ */ i(
-    F,
-    {
-      renderHeader: /* @__PURE__ */ i(
-        u,
-        {
-          isEmpty: E,
-          balance: k,
-          widths: c,
-          isHeader: !0,
-          isSkeleton: f,
-          isLoading: f,
-          onWidthsSet: d
-        }
-      ),
+  }, [e, a, h]), i("div", {
+    className: g,
+    children: i(F, {
+      renderHeader: i(u, {
+        isEmpty: E,
+        balance: k,
+        widths: c,
+        isHeader: !0,
+        isSkeleton: f,
+        isLoading: f,
+        onWidthsSet: d
+      }),
       filled: !0,
       fullWidth: x,
-      children: l.length && /* @__PURE__ */ i(L, { children: l.map((r) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(u, { balance: r, widths: c, onWidthsSet: d }) }, r.key)) })
-    }
-  ) });
+      children: l.length && i(L, {
+        children: l.map((r) => i("li", {
+          children: i(u, {
+            balance: r,
+            widths: c,
+            onWidthsSet: d
+          })
+        }, r.key))
+      })
+    })
+  });
 });
 export {
   G as Balances

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

@@ -1,10 +1,23 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Tooltip as i } from "../../../../internal/Tooltip/Tooltip.js";
 import m from "../../../../../core/Context/useCoreContext.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as p } from "../../../../../external/preact/dist/preact.module.js";
-function l({ value: t, isContainerHovered: e }) {
-  const { i18n: r } = m(), n = `tooltip.${t}`;
-  return /* @__PURE__ */ o(p, { children: r.has(n) && /* @__PURE__ */ o(i, { content: r.get(n), isContainerHovered: e, children: /* @__PURE__ */ o("span", { children: t }) }) });
+function l({
+  value: t,
+  isContainerHovered: e
+}) {
+  const {
+    i18n: r
+  } = m(), n = `tooltip.${t}`;
+  return o(p, {
+    children: r.has(n) && o(i, {
+      content: r.get(n),
+      isContainerHovered: e,
+      children: o("span", {
+        children: t
+      })
+    })
+  });
 }
 export {
   l as default

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

@@ -1,31 +1,26 @@
-import { jsx as u } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as a } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useResponsiveViewport as t, mediaQueries as o } from "../../hooks/useResponsiveViewport.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../../internal/FormFields/Select/Select.js";
-const f = a(
-  ({
+const f = u(({
+  placeholder: i,
+  selection: l,
+  selectionOptions: e,
+  updateSelection: r
+}) => {
+  const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
+  return e && e.length > 1 ? a(c, {
+    onChange: r,
+    filterable: !1,
+    multiSelect: !0,
     placeholder: i,
-    selection: l,
-    selectionOptions: e,
-    updateSelection: r
-  }) => {
-    const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
-    return e && e.length > 1 ? /* @__PURE__ */ u(
-      c,
-      {
-        onChange: r,
-        filterable: !1,
-        multiSelect: !0,
-        placeholder: i,
-        selected: l,
-        withoutCollapseIndicator: !0,
-        items: e,
-        showOverlay: s,
-        fitPosition: n || m
-      }
-    ) : null;
-  }
-), y = f;
+    selected: l,
+    withoutCollapseIndicator: !0,
+    items: e,
+    showOverlay: s,
+    fitPosition: n || m
+  }) : null;
+}), y = f;
 export {
   y as default
 };

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

@@ -1,17 +1,5 @@
 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"];
+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"];
 export {
   A as DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
   E as TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS,

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

@@ -8,13 +8,18 @@ const v = ({
   defaultFilters: c,
   updateFilters: m
 }) => {
-  const x = p(() => s((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), O = p(() => M && q(M), [M]), b = k(
-    ({ target: S }) => {
-      m == null || m({ [o]: (S == null ? void 0 : S.value) || "" });
-    },
-    [m, o]
-  );
-  return { selection: x, selectionOptions: O, updateSelection: b };
+  const x = p(() => s((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), O = p(() => M && q(M), [M]), b = k(({
+    target: S
+  }) => {
+    m == null || m({
+      [o]: (S == null ? void 0 : S.value) || ""
+    });
+  }, [m, o]);
+  return {
+    selection: x,
+    selectionOptions: O,
+    updateSelection: b
+  };
 }, j = v;
 export {
   j as default,

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

@@ -1,4 +1,7 @@
-const t = (o) => Object.freeze(o.map((e) => ({ id: e, name: e })));
+const t = (o) => Object.freeze(o.map((e) => ({
+  id: e,
+  name: e
+})));
 export {
   t as selectionOptionsFor
 };