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

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

@@ -1,7 +1,7 @@
 import { RefundType as r } from "./types.js";
-import { EMPTY_OBJECT as d } from "../../../utils/value/constants.js";
-const o = (e) => {
-  switch (e == null ? void 0 : e.status) {
+import { EMPTY_OBJECT as n } from "../../../utils/value/constants.js";
+const a = (e) => {
+  switch (e?.status) {
     case "Booked":
       return "default";
     case "Reversed":
@@ -9,10 +9,10 @@ const o = (e) => {
     default:
       return "pending";
   }
-}, t = (e) => {
-  if ((e == null ? void 0 : e.category) === "Refund") {
-    const { refundType: u } = e.refundMetadata ?? d;
-    switch (u) {
+}, s = (e) => {
+  if (e?.category === "Refund") {
+    const { refundType: t } = e.refundMetadata ?? n;
+    switch (t) {
       case r.FULL:
         return r.FULL;
       case r.PARTIAL:
@@ -21,6 +21,6 @@ const o = (e) => {
   }
 };
 export {
-  o as getAmountStyleForTransaction,
-  t as getRefundTypeForTransaction
+  a as getAmountStyleForTransaction,
+  s as getRefundTypeForTransaction
 };

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/.pnpm/preact@10.28.2/node_modules/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

@@ -1,10 +1,10 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/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 { useMemo as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { classes as t } from "./constants.js";
 /* empty css                   */
 import { Icon as P } from "../../../../internal/Icon/Icon.js";

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

@@ -1,4 +1,4 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import e from "classnames";
 import { BASE_CLASS as m, MARGIN_CLASS as a, LOADING_CLASS as S } from "./constants.js";
 /* empty css                    */

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

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

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

@@ -1,11 +1,11 @@
-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 { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as m } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/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";
+import { Fragment as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/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: [

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

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

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

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

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

@@ -1,5 +1,5 @@
-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 { jsx as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as S } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { useResponsiveContainer as t, containerQueries as o } from "../../../../../hooks/useResponsiveContainer.js";
 import d from "../../../../internal/FormFields/Select/Select.js";
 const x = S(

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/.pnpm/preact@10.28.2/node_modules/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
 };

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

@@ -1,48 +1,45 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { AmountSkeleton as b } from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as S, PLACEHOLDER_CLASS as f, AMOUNT_CLASS as T, LABEL_CLASS as E, BODY_CLASS as N } from "./constants.js";
-import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
+import { BASE_CLASS as y, PLACEHOLDER_CLASS as f, AMOUNT_CLASS as T, LABEL_CLASS as E, BODY_CLASS as N } from "./constants.js";
+import { SummaryItemLabel as S } from "./SummaryItemLabel.js";
 import { Tooltip as B } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as n, TypographyElement as I } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as s, TypographyElement as I } from "../../../../internal/Typography/types.js";
 import O from "../../../../internal/Typography/Typography.js";
 import _ from "../../../../../core/Context/useCoreContext.js";
-import p from "classnames";
-import { useEffect as x, useCallback as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import n from "classnames";
+import { useEffect as x, useCallback as D } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css                 */
 import { useResponsiveContainer as H, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
 const $ = ({
-  columnConfigs: i,
-  isHeader: u = !1,
-  showLabelUnderline: d = !1,
-  isSkeletonVisible: o = !1,
-  isLoading: C = !1,
-  widths: m,
-  onWidthsSet: L,
-  isEmpty: A
+  columnConfigs: p,
+  isHeader: i = !1,
+  showLabelUnderline: h = !1,
+  isSkeletonVisible: a = !1,
+  isLoading: d = !1,
+  widths: l,
+  onWidthsSet: u,
+  isEmpty: C
 }) => {
-  const { i18n: s } = _();
+  const { i18n: o } = _();
   x(() => {
-    const e = i.map((r) => {
-      var a, l;
-      return ((l = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : l.getBoundingClientRect().width) ?? 0;
-    });
-    L(e);
-  }, [L]);
-  const c = (e) => ({ width: m && m[e] ? m[e] : "auto" }), y = H(M.only.xs), v = D(
-    (e, r) => e.valueHasLabelStyle ? n.CAPTION : r && !y ? n.BODY : n.TITLE,
-    [y]
+    const e = p.map((r) => r.ref?.current?.getBoundingClientRect().width ?? 0);
+    u(e);
+  }, [u]);
+  const A = (e) => ({ width: l && l[e] ? l[e] : "auto" }), L = H(M.only.xs), c = D(
+    (e, r) => e.valueHasLabelStyle ? s.CAPTION : r && !L ? s.BODY : s.TITLE,
+    [L]
   );
-  return /* @__PURE__ */ t("div", { className: p(S, { [N]: !u }), children: i.map((e, r) => {
-    const a = e.getValue(), l = !!a && a.length > 15;
+  return /* @__PURE__ */ t("div", { className: n(y, { [N]: !i }), children: p.map((e, r) => {
+    const m = e.getValue(), v = !!m && m.length > 15;
     return /* @__PURE__ */ t("div", { children: [
-      u && /* @__PURE__ */ t("div", { role: "presentation", children: e.tooltipLabel ? /* @__PURE__ */ t(B, { content: s.get(`${e.tooltipLabel}`), isUnderlineVisible: d, children: /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: o }) }) : /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: o }) }),
-      o ? /* @__PURE__ */ t(b, { isLoading: C, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: p([S, f]) }) : /* @__PURE__ */ t("div", { id: e.elemId, ref: e.ref, style: c(r), "aria-label": e.ariaLabel, role: "presentation", children: /* @__PURE__ */ t(
+      i && /* @__PURE__ */ t("div", { role: "presentation", children: e.tooltipLabel ? /* @__PURE__ */ t(B, { content: o.get(`${e.tooltipLabel}`), isUnderlineVisible: h, children: /* @__PURE__ */ t(S, { config: e, i18n: o, isSkeletonVisible: a }) }) : /* @__PURE__ */ t(S, { config: e, i18n: o, isSkeletonVisible: a }) }),
+      a ? /* @__PURE__ */ t(b, { isLoading: d, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : C ? /* @__PURE__ */ t("span", { className: n([y, f]) }) : /* @__PURE__ */ t("div", { id: e.elemId, ref: e.ref, style: A(r), "aria-label": e.ariaLabel, role: "presentation", children: /* @__PURE__ */ t(
         O,
         {
           el: I.SPAN,
-          variant: v(e, l),
-          className: p({ [E]: e.valueHasLabelStyle, [T]: !e.valueHasLabelStyle }),
-          children: a
+          variant: c(e, v),
+          className: n({ [E]: e.valueHasLabelStyle, [T]: !e.valueHasLabelStyle }),
+          children: m
         }
       ) })
     ] }, r);

package/dist/es/components/external/TransactionsOverview/components/SummaryItem/SummaryItemLabel.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { LABEL_CLASS as l, LABEL_CONTAINER_CLASS as A, LABEL_CONTAINER_CLASS_LOADING as L } from "./constants.js";
 import { TypographyVariant as i, TypographyElement as s } from "../../../../internal/Typography/types.js";
 import y from "../../../../internal/Typography/Typography.js";