@adyen/adyen-platform-experience-web 1.7.1 → 1.8.0

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

@@ -1,212 +1,281 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DataDetailsModal as Te } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
-import { TransactionsTable as Ee, TRANSACTION_FIELDS as Ne } from "../TransactionsTable/TransactionsTable.js";
-import Fe from "../../../../../hooks/useBalanceAccountSelection.js";
-import he from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { FilterParam as t } from "../../../../types.js";
-import Ce from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import Me from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as f, useMemo as c, useState as P, useEffect as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { LIMIT_OPTIONS as De, DEFAULT_PAGE_LIMIT as _e } from "../../../../internal/Pagination/constants.js";
-import Ie from "../TransactionTotals/TransactionTotals.js";
-import { Balances as Oe } from "../Balances/Balances.js";
-import Ue from "../../../../../hooks/useDefaultOverviewFilterParams.js";
-import ge from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
-import { AmountFilter as Re } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as be, BASE_CLASS as Le, SUMMARY_CLASS as ve, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as we } from "./constants.js";
-import { useResponsiveContainer as xe, containerQueries as ye } from "../../../../../hooks/useResponsiveContainer.js";
-import { useCustomColumnsData as ke } from "../../../../../hooks/useCustomColumnsData.js";
-import { hasCustomField as Pe } from "../../../../utils/customData/hasCustomField.js";
-import { mergeRecords as Xe } from "../../../../utils/customData/mergeRecords.js";
+import { jsx as l } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { DataDetailsModal as Ie } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { TransactionsTable as Re, TRANSACTION_FIELDS as _e } from "../TransactionsTable/TransactionsTable.js";
+import De from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import be from "../../../../../hooks/useBalanceAccountSelection.js";
+import ge from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { FilterParam as r } from "../../../../types.js";
+import he from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import Oe from "../../../../../core/Context/useCoreContext.js";
+import { useCallback as A, useMemo as c, useState as P, useEffect as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { LIMIT_OPTIONS as Ue, DEFAULT_PAGE_LIMIT as ve } from "../../../../internal/Pagination/constants.js";
+import Le from "../TransactionTotals/TransactionTotals.js";
+import { Balances as we } from "../Balances/Balances.js";
+import xe from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import Xe from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
+import { AmountFilter as ke } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
+import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as Ge, BASE_CLASS as Pe, SUMMARY_CLASS as $e, SUMMARY_ITEM_CLASS as $, BASE_CLASS_DETAILS as Ke } from "./constants.js";
+import { useResponsiveContainer as Ve, containerQueries as He } from "../../../../../hooks/useResponsiveContainer.js";
+import { useCustomColumnsData as We } from "../../../../../hooks/useCustomColumnsData.js";
+import { hasCustomField as Ye } from "../../../../utils/customData/hasCustomField.js";
+import { mergeRecords as je } from "../../../../utils/customData/mergeRecords.js";
 /* empty css                          */
-import Ge from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { Header as He } from "../../../../internal/Header/Header.js";
-import { useFilterBarState as We, FilterBarMobileSwitch as Ye, FilterBar as je } from "../../../../internal/FilterBar/FilterBar.js";
-import Ke from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import G from "../MultiSelectionFilter/MultiSelectionFilter.js";
-import { useConfigContext as Qe } from "../../../../../core/ConfigContext/context.js";
-import { listFrom as a } from "../../../../../utils/collection/main.js";
-import { isUndefined as H, isFunction as Ze } from "../../../../../utils/value/is.js";
-const Dr = ({
-  onFiltersChanged: p,
-  balanceAccounts: h,
-  allowLimitSelection: C = !0,
-  preferredLimit: W = _e,
-  onRecordSelection: M,
-  showDetails: D,
+import Qe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useFilterBarState as Ze, FilterBarMobileSwitch as Je, FilterBar as qe } from "../../../../internal/FilterBar/FilterBar.js";
+import Be from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import K from "../MultiSelectionFilter/MultiSelectionFilter.js";
+import { useConfigContext as ze } from "../../../../../core/ConfigContext/context.js";
+import { listFrom as C } from "../../../../../utils/collection/main.js";
+import { isUndefined as V, isFunction as et } from "../../../../../utils/value/is.js";
+import { Header as tt } from "../../../../internal/Header/Header.js";
+import { hasOwnProperty as H } from "../../../../../utils/struct/property.js";
+const Lt = ({
+  onFiltersChanged: S,
+  balanceAccounts: y,
+  allowLimitSelection: I = !0,
+  preferredLimit: W = ve,
+  onRecordSelection: R,
+  showDetails: _,
   isLoadingBalanceAccount: Y,
   onContactSupport: j,
-  hideTitle: K,
-  dataCustomization: r
+  hideTitle: Q,
+  dataCustomization: n
 }) => {
-  var v, w, x, y;
-  const { i18n: A } = Me(), { getTransactions: S } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = Fe(h), { defaultParams: d, nowTimestamp: u, refreshNowTimestamp: T } = Ue("transactions", e), J = f(
-    async ({ balanceAccount: o, ...i }, N) => S({ signal: N, errorLevel: "error" }, {
+  var w, x, X, k;
+  const { i18n: T } = Oe(), { getTransactions: E } = ze().endpoints, { activeBalanceAccount: t, balanceAccountSelectionOptions: Z, onBalanceAccountSelection: J } = be(y), { defaultParams: p, nowTimestamp: N, refreshNowTimestamp: F } = xe("transactions", t), i = De(), q = A(
+    async ({ balanceAccount: e, ...o }, a) => E({ signal: a, errorLevel: "error" }, {
       query: {
-        ...i,
-        statuses: a(i[t.STATUSES]),
-        categories: a(i[t.CATEGORIES]),
-        currencies: a(i[t.CURRENCIES]),
-        createdSince: i[t.CREATED_SINCE] ?? d.current.defaultFilterParams[t.CREATED_SINCE],
-        createdUntil: i[t.CREATED_UNTIL] ?? d.current.defaultFilterParams[t.CREATED_UNTIL],
+        ...o,
+        statuses: C(o[r.STATUSES]),
+        categories: C(o[r.CATEGORIES]),
+        currencies: C(o[r.CURRENCIES]),
+        createdSince: o[r.CREATED_SINCE] ?? p.current.defaultFilterParams[r.CREATED_SINCE],
+        createdUntil: o[r.CREATED_UNTIL] ?? p.current.defaultFilterParams[r.CREATED_UNTIL],
         sortDirection: "desc",
-        balanceAccountId: (e == null ? void 0 : e.id) ?? "",
-        minAmount: H(i.minAmount) ? void 0 : parseFloat(i.minAmount),
-        maxAmount: H(i.maxAmount) ? void 0 : parseFloat(i.maxAmount)
+        balanceAccountId: (t == null ? void 0 : t.id) ?? "",
+        minAmount: V(o.minAmount) ? void 0 : parseFloat(o.minAmount),
+        maxAmount: V(o.maxAmount) ? void 0 : parseFloat(o.maxAmount)
       }
     }),
-    [e == null ? void 0 : e.id, d, S]
-  ), _ = We(), V = c(() => Ze(p) ? p : void 0, [p]), $ = c(() => C ? De : void 0, [C]), { canResetFilters: q, error: B, fetching: z, filters: n, limit: ee, limitOptions: re, records: I, resetFilters: Je, updateFilters: l, updateLimit: te, ...se } = Ge({
-    fetchRecords: J,
+    [t == null ? void 0 : t.id, p, E]
+  ), D = Ze(), B = c(() => et(S) ? S : void 0, [S]), z = c(() => I ? Ue : void 0, [I]), { canResetFilters: ee, error: te, fetching: re, filters: s, limit: oe, limitOptions: ie, records: b, resetFilters: rt, updateFilters: d, updateLimit: ne, ...se } = Qe({
+    fetchRecords: q,
     dataField: "data",
-    filterParams: d.current.defaultFilterParams,
+    filterParams: p.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: V,
+    onFiltersChanged: B,
     preferredLimit: W,
-    preferredLimitOptions: $,
-    enabled: !!(e != null && e.id) && !!S
-  }), [m, O] = P([]), [oe, ie] = P(!1), ne = f((o, i) => {
-    O(o), ie(i);
-  }, []), { categoriesFilter: U, currenciesFilter: g, statusesFilter: E } = ge(
+    preferredLimitOptions: z,
+    enabled: !!(t != null && t.id) && !!E
+  }), [f, g] = P([]), [le, ae] = P(!1), ce = A((e, o) => {
+    g(e), ae(o);
+  }, []), { categoriesFilter: h, currenciesFilter: O, statusesFilter: M } = Xe(
     {
-      filters: n,
-      updateFilters: l
+      filters: s,
+      updateFilters: (e) => {
+        var o, a;
+        H(e, "categories") && e.categories !== s[r.CATEGORIES] && ((o = i.addModifyFilterEvent) == null || o.call(i, {
+          actionType: "update",
+          label: "Category filter",
+          value: e[r.CATEGORIES],
+          category: "Transaction component"
+        })), H(e, "currencies") && e.currencies !== s[r.CURRENCIES] && ((a = i.addModifyFilterEvent) == null || a.call(i, {
+          actionType: "update",
+          label: "Currency filter",
+          value: e[r.CURRENCIES],
+          category: "Transaction component"
+        })), d(e);
+      }
     },
-    m
+    f
   );
-  F(() => {
-    O(void 0), l({
-      [t.BALANCE_ACCOUNT]: e == null ? void 0 : e.id,
-      [t.CURRENCIES]: void 0
+  u(() => {
+    var e;
+    (e = i.addEvent) == null || e.call(i, "Landed on page", {
+      category: "PIE components",
+      subCategory: "Transactions overview"
+    });
+  }, [i]), u(() => {
+    g(void 0), d({
+      [r.BALANCE_ACCOUNT]: t == null ? void 0 : t.id,
+      [r.CURRENCIES]: void 0
     });
-  }, [l, e == null ? void 0 : e.id]), F(() => {
-    T();
-  }, [n, T]), F(() => {
-    E.updateSelection({ target: { value: "Booked", name: "status" } });
-  }, [E]);
-  const R = xe(ye.down.sm), le = !!m && m.length > 1, b = c(
+  }, [d, t == null ? void 0 : t.id]), u(() => {
+    F();
+  }, [s, F]), u(() => {
+    M.updateSelection({ target: { value: "Booked", name: "status" } });
+  }, [M]);
+  const U = Ve(He.down.sm), me = !!f && f.length > 1, v = c(
     () => ({
-      showDetails: D ?? !0,
-      callback: M
+      showDetails: _ ?? !0,
+      callback: R
     }),
-    [D, M]
-  ), me = c(() => ({ transaction: b }), [b]), ce = f(
-    ({ records: o, retrievedData: i }) => Xe(o, i, (N, k) => N.id === k.id),
+    [_, R]
+  ), de = c(() => ({ transaction: v }), [v]), fe = A(
+    ({ records: e, retrievedData: o }) => je(e, o, (a, G) => a.id === G.id),
     []
-  ), de = c(() => {
-    var o;
-    return Pe((o = r == null ? void 0 : r.list) == null ? void 0 : o.fields, Ne);
-  }, [(v = r == null ? void 0 : r.list) == null ? void 0 : v.fields]), { customRecords: fe, loadingCustomRecords: ae } = ke({
-    records: I,
-    hasCustomColumn: de,
-    onDataRetrieve: (w = r == null ? void 0 : r.list) == null ? void 0 : w.onDataRetrieve,
-    mergeCustomData: ce
-  }), { updateDetails: L, resetDetails: pe, selectedDetail: Ae } = Ce(me), Se = f(
-    ({ id: o }) => {
-      L({
+  ), pe = c(() => {
+    var e;
+    return Ye((e = n == null ? void 0 : n.list) == null ? void 0 : e.fields, _e);
+  }, [(w = n == null ? void 0 : n.list) == null ? void 0 : w.fields]), { customRecords: Ae, loadingCustomRecords: Te } = We({
+    records: b,
+    hasCustomColumn: pe,
+    onDataRetrieve: (x = n == null ? void 0 : n.list) == null ? void 0 : x.onDataRetrieve,
+    mergeCustomData: fe
+  }), { updateDetails: L, resetDetails: ue, selectedDetail: Ce } = he(de), Se = A(
+    ({ id: e, category: o }) => {
+      var a;
+      o && ((a = i.addEvent) == null || a.call(i, "Viewed transaction details", {
+        transactionType: o,
+        category: "Transaction component",
+        subCategory: "Transaction details"
+      })), L({
         selection: {
           type: "transaction",
-          data: o,
-          balanceAccount: e || ""
+          data: e,
+          balanceAccount: t || ""
         },
         modalSize: "small"
-      }).callback({ id: o });
+      }).callback({ id: e });
     },
-    [e, L]
-  ), ue = c(() => {
-    const o = new Date(u);
-    return o.setMonth(o.getMonth() - be), o.toString();
-  }, [u]);
-  return /* @__PURE__ */ s("div", { className: Le, children: [
-    /* @__PURE__ */ s(He, { hideTitle: K, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ s(Ye, { ..._ }) }),
-    /* @__PURE__ */ s(je, { ..._, children: [
-      /* @__PURE__ */ s(
-        Ke,
+    [t, L, i]
+  ), m = A(
+    (e) => {
+      var o;
+      (o = i.addModifyFilterEvent) == null || o.call(i, {
+        actionType: "reset",
+        label: e,
+        category: "Transaction component"
+      });
+    },
+    [i]
+  ), Ee = c(() => m.bind(null, "Amount filter"), [m]), Ne = c(() => m.bind(null, "Date filter"), [m]), Fe = c(() => m.bind(null, "Currency filter"), [m]), Me = c(() => m.bind(null, "Category filter"), [m]), ye = c(() => {
+    const e = new Date(N);
+    return e.setMonth(e.getMonth() - Ge), e.toString();
+  }, [N]);
+  return /* @__PURE__ */ l("div", { className: Pe, children: [
+    /* @__PURE__ */ l(tt, { hideTitle: Q, titleKey: "transactions.overview.title", children: /* @__PURE__ */ l(Je, { ...D }) }),
+    /* @__PURE__ */ l(qe, { ...D, ariaLabelKey: "transactions.overview.filters.label", children: [
+      /* @__PURE__ */ l(
+        Be,
+        {
+          activeBalanceAccount: t,
+          balanceAccountSelectionOptions: Z,
+          onBalanceAccountSelection: J
+        }
+      ),
+      /* @__PURE__ */ l(
+        ge,
         {
-          activeBalanceAccount: e,
-          balanceAccountSelectionOptions: Q,
-          onBalanceAccountSelection: Z
+          canResetFilters: ee,
+          defaultParams: p,
+          filters: s,
+          nowTimestamp: N,
+          refreshNowTimestamp: F,
+          sinceDate: ye,
+          timezone: t == null ? void 0 : t.timeZone,
+          updateFilters: (e) => {
+            var o;
+            ((e == null ? void 0 : e.createdSince) !== s[r.CREATED_SINCE] || (e == null ? void 0 : e.createdUntil) !== s[r.CREATED_UNTIL]) && ((o = i.addModifyFilterEvent) == null || o.call(i, {
+              actionType: "update",
+              label: "Date filter",
+              category: "Transaction component",
+              value: `${e[r.CREATED_SINCE]},${e[r.CREATED_UNTIL]}`
+            })), d(e);
+          },
+          onResetAction: Ne
         }
       ),
-      /* @__PURE__ */ s(
-        he,
+      /* @__PURE__ */ l(
+        K,
         {
-          canResetFilters: q,
-          defaultParams: d,
-          filters: n,
-          nowTimestamp: u,
-          refreshNowTimestamp: T,
-          sinceDate: ue,
-          timezone: e == null ? void 0 : e.timeZone,
-          updateFilters: l
+          ...h,
+          onResetAction: Me,
+          placeholder: T.get("transactions.overview.filters.types.category.label")
         }
       ),
-      /* @__PURE__ */ s(G, { ...U, placeholder: A.get("filterPlaceholder.category") }),
-      /* @__PURE__ */ s(
-        Re,
+      /* @__PURE__ */ l(
+        ke,
         {
-          availableCurrencies: m,
-          selectedCurrencies: a(n[t.CURRENCIES]),
-          name: "range",
-          label: A.get("amount"),
-          minAmount: n[t.MIN_AMOUNT],
-          maxAmount: n[t.MAX_AMOUNT],
-          updateFilters: l,
-          onChange: l
+          availableCurrencies: f,
+          selectedCurrencies: C(s[r.CURRENCIES]),
+          name: T.get("transactions.overview.filters.types.amount.label"),
+          label: T.get("transactions.overview.filters.types.amount.label"),
+          minAmount: s[r.MIN_AMOUNT],
+          maxAmount: s[r.MAX_AMOUNT],
+          updateFilters: (e) => {
+            var a;
+            ((e == null ? void 0 : e.maxAmount) || (e == null ? void 0 : e.minAmount)) && ((e == null ? void 0 : e.maxAmount) !== s[r.MAX_AMOUNT] || (e == null ? void 0 : e.minAmount) !== s[r.MIN_AMOUNT]) && ((a = i.addModifyFilterEvent) == null || a.call(i, {
+              actionType: "update",
+              label: "Amount filter",
+              category: "Transaction component",
+              value: `${e[r.MIN_AMOUNT]},${e[r.MAX_AMOUNT]}`
+            })), d(e);
+          },
+          onChange: d,
+          onResetAction: Ee
         }
       ),
-      /* @__PURE__ */ s(G, { ...g, placeholder: A.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ l(
+        K,
+        {
+          ...O,
+          onResetAction: Fe,
+          placeholder: T.get("transactions.overview.filters.types.currency.label")
+        }
+      )
     ] }),
-    /* @__PURE__ */ s("div", { className: ve, children: [
-      /* @__PURE__ */ s("div", { className: X, children: /* @__PURE__ */ s(
-        Ie,
+    /* @__PURE__ */ l("div", { className: $e, children: [
+      /* @__PURE__ */ l("div", { className: $, children: /* @__PURE__ */ l(
+        Le,
         {
-          availableCurrencies: m,
-          isAvailableCurrenciesFetching: oe,
-          balanceAccountId: e == null ? void 0 : e.id,
-          statuses: E.selection,
-          categories: U.selection,
-          createdUntil: n[t.CREATED_UNTIL],
-          createdSince: n[t.CREATED_SINCE],
-          currencies: g.selection,
-          minAmount: n[t.MIN_AMOUNT] ? parseFloat(n[t.MIN_AMOUNT]) : void 0,
-          maxAmount: n[t.MAX_AMOUNT] ? parseFloat(n[t.MAX_AMOUNT]) : void 0,
-          fullWidth: R
+          availableCurrencies: f,
+          isAvailableCurrenciesFetching: le,
+          balanceAccountId: t == null ? void 0 : t.id,
+          statuses: M.selection,
+          categories: h.selection,
+          createdUntil: s[r.CREATED_UNTIL],
+          createdSince: s[r.CREATED_SINCE],
+          currencies: O.selection,
+          minAmount: s[r.MIN_AMOUNT] ? parseFloat(s[r.MIN_AMOUNT]) : void 0,
+          maxAmount: s[r.MAX_AMOUNT] ? parseFloat(s[r.MAX_AMOUNT]) : void 0,
+          fullWidth: U
         }
       ) }),
-      /* @__PURE__ */ s("div", { className: X, children: /* @__PURE__ */ s(
-        Oe,
+      /* @__PURE__ */ l("div", { className: $, children: /* @__PURE__ */ l(
+        we,
         {
-          balanceAccountId: e == null ? void 0 : e.id,
-          onCurrenciesChange: ne,
-          defaultCurrencyCode: e == null ? void 0 : e.defaultCurrencyCode,
-          fullWidth: R
+          balanceAccountId: t == null ? void 0 : t.id,
+          onCurrenciesChange: ce,
+          defaultCurrencyCode: t == null ? void 0 : t.defaultCurrencyCode,
+          fullWidth: U
         }
       ) })
     ] }),
-    /* @__PURE__ */ s(
-      Te,
+    /* @__PURE__ */ l(
+      Ie,
       {
-        dataCustomization: r == null ? void 0 : r.details,
-        selectedDetail: Ae,
-        resetDetails: pe,
-        className: we,
-        children: /* @__PURE__ */ s(
-          Ee,
+        ariaLabelKey: "transactions.details.title",
+        dataCustomization: n == null ? void 0 : n.details,
+        selectedDetail: Ce,
+        resetDetails: ue,
+        className: Ke,
+        children: /* @__PURE__ */ l(
+          Re,
           {
-            activeBalanceAccount: e,
-            availableCurrencies: m,
-            error: B,
-            hasMultipleCurrencies: le,
-            limit: ee,
-            limitOptions: re,
-            loading: z || Y || !h || ae,
+            activeBalanceAccount: t,
+            availableCurrencies: f,
+            error: te,
+            hasMultipleCurrencies: me,
+            limit: oe,
+            limitOptions: ie,
+            loading: re || Y || !y || Te,
             onContactSupport: j,
-            onLimitSelection: te,
+            onLimitSelection: ne,
             onRowClick: Se,
             showPagination: !0,
-            transactions: (x = r == null ? void 0 : r.list) != null && x.onDataRetrieve ? fe : I,
-            customColumns: (y = r == null ? void 0 : r.list) == null ? void 0 : y.fields,
+            transactions: (X = n == null ? void 0 : n.list) != null && X.onDataRetrieve ? Ae : b,
+            customColumns: (k = n == null ? void 0 : n.list) == null ? void 0 : k.fields,
             ...se
           }
         )
@@ -215,5 +284,5 @@ const Dr = ({
   ] });
 };
 export {
-  Dr as TransactionsOverview
+  Lt as TransactionsOverview
 };

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

@@ -3,20 +3,20 @@ import c from "../../../../../hooks/useBalanceAccounts.js";
 import i from "../../../../internal/DataOverviewContainer/DataOverviewContainer.js";
 import { TransactionsOverview as s } from "../TransactionsOverview/TransactionsOverview.js";
 import { BASE_CLASS as u } from "./constants.js";
-function f({ ...o }) {
-  const { balanceAccounts: r, isBalanceAccountIdWrong: a, isFetching: t, error: e } = c(o.balanceAccountId);
+function p({ ...r }) {
+  const { balanceAccounts: o, isBalanceAccountIdWrong: a, isFetching: t, error: e } = c(r.balanceAccountId);
   return /* @__PURE__ */ n(
     i,
     {
       balanceAccountsError: e,
       className: u,
-      errorMessage: "weCouldNotLoadTheTransactionsOverview",
+      errorMessage: "transactions.overview.errors.unavailable",
       isBalanceAccountIdWrong: a,
-      onContactSupport: o.onContactSupport,
-      children: /* @__PURE__ */ n(s, { ...o, balanceAccounts: r, isLoadingBalanceAccount: t })
+      onContactSupport: r.onContactSupport,
+      children: /* @__PURE__ */ n(s, { ...r, balanceAccounts: o, isLoadingBalanceAccount: t })
     }
   );
 }
 export {
-  f as default
+  p as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/PaymentMethodCell.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "../../../../../core/Context/useCoreContext.js";
-import { Image as m } from "../../../../internal/Image/Image.js";
+import m from "../../../../../core/Context/useCoreContext.js";
+import { Image as s } from "../../../../internal/Image/Image.js";
 import { Tag as t } from "../../../../internal/Tag/Tag.js";
 import { TagVariant as n } from "../../../../internal/Tag/types.js";
 import { TypographyVariant as T } from "../../../../internal/Typography/types.js";
 import f from "../../../../internal/Typography/Typography.js";
 import { useResponsiveContainer as l, containerQueries as p } from "../../../../../hooks/useResponsiveContainer.js";
-import { parsePaymentMethodType as _ } from "../utils.js";
-import { PAYMENT_METHOD_CLASS as g, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as N, PAYMENT_METHOD_LOGO_CLASS as O } from "./constants.js";
+import { parsePaymentMethodType as g } from "../utils.js";
+import { PAYMENT_METHOD_CLASS as _, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as N, PAYMENT_METHOD_LOGO_CLASS as O } from "./constants.js";
 import { Fragment as C } from "../../../../../external/preact/dist/preact.module.js";
-const Y = ({
+const x = ({
   paymentMethod: r,
   bankAccount: a
 }) => {
-  const { i18n: i } = s(), e = l(p.down.xs);
-  return /* @__PURE__ */ o("div", { className: g, children: r || a ? /* @__PURE__ */ o(C, { children: [
+  const { i18n: i } = m(), e = l(p.down.xs);
+  return /* @__PURE__ */ o("div", { className: _, children: r || a ? /* @__PURE__ */ o(C, { children: [
     /* @__PURE__ */ o("div", { className: N, children: /* @__PURE__ */ o(
-      m,
+      s,
       {
         name: r ? r.type : "bankTransfer",
         alt: r ? r.type : "bankTransfer",
@@ -24,9 +24,9 @@ const Y = ({
         className: O
       }
     ) }),
-    /* @__PURE__ */ o(f, { variant: T.BODY, stronger: e, children: r ? _(r) : a == null ? void 0 : a.accountNumberLastFourDigits })
-  ] }) : /* @__PURE__ */ o(t, { label: i.get("noData"), variant: n.LIGHT_WITH_OUTLINE }) });
+    /* @__PURE__ */ o(f, { variant: T.BODY, stronger: e, children: r ? g(r) : a == null ? void 0 : a.accountNumberLastFourDigits })
+  ] }) : /* @__PURE__ */ o(t, { label: i.get("common.tags.noData"), variant: n.LIGHT_WITH_OUTLINE }) });
 };
 export {
-  Y as default
+  x as default
 };