@adyen/adyen-platform-experience-web 1.1.0 → 1.2.0

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

@@ -1,85 +1,54 @@
-import { useCallback as x, useMemo as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
-import { BASE_CLASS as L, ITEM_CLASS as y } from "./constants.js";
-import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useResponsiveViewport as N, mediaQueries as _ } from "../../../../hooks/useResponsiveViewport.js";
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as y, useMemo as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as L } from "../../../../../hooks/useFetch.js";
+import { BASE_CLASS as M, ITEM_CLASS as F } from "./constants.js";
+import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useResponsiveViewport as _, mediaQueries as k } from "../../../../../hooks/useResponsiveViewport.js";
 import "./TransactionTotals.scss.js";
 import { TotalsCard as p } from "./TotalsCard.js";
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { Fragment as k } from "../../../../../external/preact/dist/preact.module.js";
-import { useAuthContext as v } from "../../../../../core/Auth/context.js";
-import { EMPTY_OBJECT as B } from "../../../../../utils/value/constants.js";
-const $ = M(({
-  availableCurrencies: i,
-  isAvailableCurrenciesFetching: F,
-  balanceAccountId: r,
-  createdSince: f,
-  createdUntil: d,
-  categories: c,
-  statuses: l,
-  maxAmount: h,
-  minAmount: T,
-  currencies: u,
-  fullWidth: n
-}) => {
-  const {
-    getTransactionTotals: t
-  } = v().endpoints, g = x(async () => t == null ? void 0 : t(B, {
-    query: {
-      createdSince: f,
-      createdUntil: d,
-      categories: c,
-      statuses: l,
-      maxAmount: h,
-      minAmount: T,
-      currencies: u,
-      balanceAccountId: r
-    }
-  }), [r, c, f, d, u, t, h, T, l]), {
-    data: o,
-    isFetching: S
-  } = w({
-    fetchOptions: q(() => ({
-      enabled: !!r && !!t
-    }), [r, t]),
-    queryFn: g
-  }), m = !r || S || F, a = x(() => {
-    if (!i || !o)
-      return o == null ? void 0 : o.data;
-    const C = i.map((e) => o.data.find((O) => O.currency === e) || {
-      currency: e,
-      incomings: 0,
-      expenses: 0
-    });
-    return C.concat(o.data.filter((e) => !C.includes(e)));
-  }, [i, o])() ?? [], E = N(_.only.xs);
-  return s("div", {
-    className: L,
-    children: E ? s(k, {
-      children: [s("div", {
-        className: y,
-        children: s(p, {
-          totals: a,
-          isLoading: m,
-          hiddenField: "expenses",
-          fullWidth: n
-        })
-      }), s("div", {
-        className: y,
-        children: s(p, {
-          totals: a,
-          isLoading: m,
-          hiddenField: "incomings",
-          fullWidth: n
-        })
-      })]
-    }) : s(p, {
-      totals: a,
-      isLoading: m,
-      fullWidth: n
-    })
-  });
-}), Z = $;
+import { Fragment as v } from "../../../../../external/preact/dist/preact.module.js";
+import { useAuthContext as B } from "../../../../../core/Auth/context.js";
+import { EMPTY_OBJECT as j } from "../../../../../utils/value/constants.js";
+const w = N(
+  ({
+    availableCurrencies: i,
+    isAvailableCurrenciesFetching: g,
+    balanceAccountId: r,
+    createdSince: f,
+    createdUntil: d,
+    categories: c,
+    statuses: l,
+    maxAmount: T,
+    minAmount: h,
+    currencies: C,
+    fullWidth: n
+  }) => {
+    const { getTransactionTotals: t } = B().endpoints, x = y(async () => t == null ? void 0 : t(j, {
+      query: {
+        createdSince: f,
+        createdUntil: d,
+        categories: c,
+        statuses: l,
+        maxAmount: T,
+        minAmount: h,
+        currencies: C,
+        balanceAccountId: r
+      }
+    }), [r, c, f, d, C, t, T, h, l]), { data: o, isFetching: S } = L({
+      fetchOptions: q(() => ({ enabled: !!r && !!t }), [r, t]),
+      queryFn: x
+    }), m = !r || S || g, a = y(() => {
+      if (!i || !o)
+        return o == null ? void 0 : o.data;
+      const u = i.map((e) => o.data.find((O) => O.currency === e) || { currency: e, incomings: 0, expenses: 0 });
+      return u.concat(o.data.filter((e) => !u.includes(e)));
+    }, [i, o])() ?? [], E = _(k.only.xs);
+    return /* @__PURE__ */ s("div", { className: M, children: E ? /* @__PURE__ */ s(v, { children: [
+      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
+      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
+    ] }) : /* @__PURE__ */ s(p, { totals: a, isLoading: m, fullWidth: n }) });
+  }
+), Z = w;
 export {
   Z as default
 };

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

@@ -1,247 +1,216 @@
-import { DataDetailsModal as ft } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
-import { TransactionsTable as pt } from "../TransactionsTable/TransactionsTable.js";
-import At from "../../../../hooks/useBalanceAccountSelection.js";
-import St from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { FilterParam as e } from "../../../../types.js";
-import Tt from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import Et from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as c, useMemo as m, useState as R, useEffect as E } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { LIMIT_OPTIONS as Nt, DEFAULT_PAGE_LIMIT as Mt } from "../../../../internal/Pagination/constants.js";
-import ht from "../TransactionTotals/TransactionTotals.js";
-import { Balances as Ft } from "../Balances/Balances.js";
-import _t from "../../../../hooks/useDefaultOverviewFilterParams.js";
-import It from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
-import { AmountFilter as Dt } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as Ot, BASE_CLASS as Ut, SUMMARY_CLASS as gt, SUMMARY_ITEM_CLASS as v, BASE_CLASS_DETAILS as bt } from "./constants.js";
-import { useResponsiveViewport as Lt, mediaQueries as wt } from "../../../../hooks/useResponsiveViewport.js";
-import { useCustomColumnsData as Rt } from "../../../../hooks/useCustomColumnsData.js";
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { DataDetailsModal as Ae } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { TransactionsTable as Te } from "../TransactionsTable/TransactionsTable.js";
+import Se from "../../../../../hooks/useBalanceAccountSelection.js";
+import Ee from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { FilterParam as t } from "../../../../types.js";
+import Fe from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import Ne from "../../../../../core/Context/useCoreContext.js";
+import { useCallback as c, useMemo as u, useState as k, useEffect as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { LIMIT_OPTIONS as Me, DEFAULT_PAGE_LIMIT as he } from "../../../../internal/Pagination/constants.js";
+import Ie from "../TransactionTotals/TransactionTotals.js";
+import { Balances as _e } from "../Balances/Balances.js";
+import De from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import Oe from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
+import { AmountFilter as Ue } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
+import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as ge, BASE_CLASS as be, SUMMARY_CLASS as Le, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as we } from "./constants.js";
+import { useResponsiveViewport as xe, mediaQueries as Re } from "../../../../../hooks/useResponsiveViewport.js";
+import { useCustomColumnsData as ve } from "../../../../../hooks/useCustomColumnsData.js";
 import "./TransactionsOverview.scss.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import vt, { useFilterBarState as xt, FilterBarMobileSwitch as yt } from "../../../../internal/FilterBar/FilterBar.js";
-import kt from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { DataOverviewHeader as Pt } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
-import Xt from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import x from "../MultiSelectionFilter/MultiSelectionFilter.js";
-import { useAuthContext as Gt } from "../../../../../core/Auth/context.js";
-import { listFrom as u } from "../../../../../utils/collection/main.js";
-import { isUndefined as y, isFunction as zt } from "../../../../../utils/value/is.js";
-const Ae = ({
-  onFiltersChanged: C,
-  balanceAccounts: N,
-  allowLimitSelection: M,
-  preferredLimit: k = Mt,
-  onRecordSelection: h,
-  showDetails: F,
-  isLoadingBalanceAccount: P,
-  onContactSupport: X,
-  hideTitle: G,
-  columns: z,
-  onDataRetrieved: _
+import ye from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { Header as Pe } from "../../../../internal/Header/Header.js";
+import ke, { useFilterBarState as Xe, FilterBarMobileSwitch as Ge } from "../../../../internal/FilterBar/FilterBar.js";
+import Ye from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import G from "../MultiSelectionFilter/MultiSelectionFilter.js";
+import { useAuthContext as je } from "../../../../../core/Auth/context.js";
+import { listFrom as p } from "../../../../../utils/collection/main.js";
+import { isUndefined as Y, isFunction as ze } from "../../../../../utils/value/is.js";
+import { EMPTY_OBJECT as He } from "../../../../../utils/value/constants.js";
+const Ft = ({
+  onFiltersChanged: A,
+  balanceAccounts: _,
+  allowLimitSelection: D,
+  preferredLimit: j = he,
+  onRecordSelection: O,
+  showDetails: U,
+  isLoadingBalanceAccount: z,
+  onContactSupport: H,
+  hideTitle: V,
+  columns: W,
+  onDataRetrieved: g
 }) => {
-  const {
-    i18n: f
-  } = Et(), {
-    getTransactions: p
-  } = Gt().endpoints, {
-    activeBalanceAccount: t,
-    balanceAccountSelectionOptions: H,
-    onBalanceAccountSelection: V
-  } = At(N), {
-    defaultParams: l,
-    nowTimestamp: A,
-    refreshNowTimestamp: S
-  } = _t("transactions", t), W = c(async ({
-    balanceAccount: s,
-    ...i
-  }, d) => p({
-    signal: d,
-    errorLevel: "error"
-  }, {
-    query: {
-      ...i,
-      statuses: u(i[e.STATUSES]),
-      categories: u(i[e.CATEGORIES]),
-      currencies: u(i[e.CURRENCIES]),
-      createdSince: i[e.CREATED_SINCE] ?? l.current.defaultFilterParams[e.CREATED_SINCE],
-      createdUntil: i[e.CREATED_UNTIL] ?? l.current.defaultFilterParams[e.CREATED_UNTIL],
-      sortDirection: "desc",
-      balanceAccountId: (t == null ? void 0 : t.id) ?? "",
-      minAmount: y(i.minAmount) ? void 0 : parseFloat(i.minAmount),
-      maxAmount: y(i.maxAmount) ? void 0 : parseFloat(i.maxAmount)
-    }
-  }), [t == null ? void 0 : t.id, l, p]), I = xt(), Y = m(() => zt(C) ? C : void 0, [C]), j = m(() => M ? Nt : void 0, [M]), {
-    canResetFilters: K,
-    error: Q,
-    fetching: Z,
-    filters: o,
-    limit: J,
-    limitOptions: $,
-    records: D,
-    resetFilters: Ht,
-    updateFilters: n,
-    updateLimit: q,
-    ...B
-  } = kt({
-    fetchRecords: W,
+  const { i18n: T } = Ne(), { getTransactions: S } = je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: J, onBalanceAccountSelection: K } = Se(_), { defaultParams: d, nowTimestamp: E, refreshNowTimestamp: F } = De("transactions", e), Q = c(
+    async ({ balanceAccount: o, ...r }, n) => S({ signal: n, errorLevel: "error" }, {
+      query: {
+        ...r,
+        statuses: p(r[t.STATUSES]),
+        categories: p(r[t.CATEGORIES]),
+        currencies: p(r[t.CURRENCIES]),
+        createdSince: r[t.CREATED_SINCE] ?? d.current.defaultFilterParams[t.CREATED_SINCE],
+        createdUntil: r[t.CREATED_UNTIL] ?? d.current.defaultFilterParams[t.CREATED_UNTIL],
+        sortDirection: "desc",
+        balanceAccountId: (e == null ? void 0 : e.id) ?? "",
+        minAmount: Y(r.minAmount) ? void 0 : parseFloat(r.minAmount),
+        maxAmount: Y(r.maxAmount) ? void 0 : parseFloat(r.maxAmount)
+      }
+    }),
+    [e == null ? void 0 : e.id, d, S]
+  ), b = Xe(), Z = u(() => ze(A) ? A : void 0, [A]), $ = u(() => D ? Me : void 0, [D]), { canResetFilters: B, error: q, fetching: ee, filters: s, limit: te, limitOptions: re, records: f, resetFilters: Ve, updateFilters: l, updateLimit: ie, ...oe } = ye({
+    fetchRecords: Q,
     dataField: "data",
-    filterParams: l.current.defaultFilterParams,
+    filterParams: d.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: Y,
-    preferredLimit: k,
-    preferredLimitOptions: j,
-    enabled: !!(t != null && t.id) && !!p
-  }), [a, O] = R([]), [tt, et] = R(!1), rt = c((s, i) => {
-    O(s), et(i);
-  }, []), {
-    categoriesFilter: U,
-    currenciesFilter: g,
-    statusesFilter: T
-  } = It({
-    filters: o,
-    updateFilters: n
-  }, a);
-  E(() => {
-    O(void 0), n({
-      [e.BALANCE_ACCOUNT]: t == null ? void 0 : t.id,
-      [e.CURRENCIES]: void 0
-    });
-  }, [n, t == null ? void 0 : t.id]), E(() => {
-    S();
-  }, [o, S]), E(() => {
-    T.updateSelection({
-      target: {
-        value: "Booked",
-        name: "status"
-      }
+    onFiltersChanged: Z,
+    preferredLimit: j,
+    preferredLimitOptions: $,
+    enabled: !!(e != null && e.id) && !!S
+  }), [a, L] = k([]), [se, ne] = k(!1), le = c((o, r) => {
+    L(o), ne(r);
+  }, []), { categoriesFilter: w, currenciesFilter: x, statusesFilter: N } = Oe(
+    {
+      filters: s,
+      updateFilters: l
+    },
+    a
+  );
+  I(() => {
+    L(void 0), l({
+      [t.BALANCE_ACCOUNT]: e == null ? void 0 : e.id,
+      [t.CURRENCIES]: void 0
     });
-  }, [T]);
-  const b = Lt(wt.down.sm), it = !!a && a.length > 1, L = m(() => ({
-    showDetails: F ?? !0,
-    callback: h
-  }), [F, h]), ot = m(() => ({
-    transaction: L
-  }), [L]), {
-    updateDetails: w,
-    resetDetails: st,
-    selectedDetail: nt
-  } = Tt(ot), at = c((s) => {
-    w({
-      selection: {
-        type: "transaction",
-        data: {
-          ...s,
-          balanceAccount: t
+  }, [l, e == null ? void 0 : e.id]), I(() => {
+    F();
+  }, [s, F]), I(() => {
+    N.updateSelection({ target: { value: "Booked", name: "status" } });
+  }, [N]);
+  const R = xe(Re.down.sm), ae = !!a && a.length > 1, v = u(
+    () => ({
+      showDetails: U ?? !0,
+      callback: O
+    }),
+    [U, O]
+  ), me = u(() => ({ transaction: v }), [v]), de = c(
+    ({ records: o, retrievedData: r }) => o.map((n) => ({ ...r.find((C) => C.id === n.id), ...n })),
+    []
+  ), { customRecords: M, loadingCustomRecords: ce } = ve({ records: f, onDataRetrieved: g, mergeCustomData: de }), { updateDetails: y, resetDetails: ue, selectedDetail: fe } = Fe(me), P = c(
+    ({ id: o }) => {
+      const r = f.find((m) => m.id === o), n = M.find((m) => m.id === o);
+      return r && n ? Object.keys(n).reduce((C, h) => (h in r || (C[h] = n[h]), C), {}) : null;
+    },
+    [f, M]
+  ), Ce = c(
+    ({ id: o }) => {
+      y({
+        selection: {
+          type: "transaction",
+          data: o,
+          balanceAccount: e || "",
+          extraDetails: P({ id: o }) ?? He
+        },
+        modalSize: "small"
+      }).callback({ id: o });
+    },
+    [e, y, P]
+  ), pe = u(() => {
+    const o = new Date(E);
+    return o.setMonth(o.getMonth() - ge), o.toString();
+  }, [E]);
+  return /* @__PURE__ */ i("div", { className: be, children: [
+    /* @__PURE__ */ i(Pe, { hideTitle: V, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ i(Ge, { ...b }) }),
+    /* @__PURE__ */ i(ke, { ...b, children: [
+      /* @__PURE__ */ i(
+        Ye,
+        {
+          activeBalanceAccount: e,
+          balanceAccountSelectionOptions: J,
+          onBalanceAccountSelection: K
         }
-      },
-      modalSize: "small"
-    }).callback({
-      id: s.id
-    });
-  }, [w, t]), lt = m(() => {
-    const s = new Date(A);
-    return s.setMonth(s.getMonth() - Ot), s.toString();
-  }, [A]), mt = c(({
-    records: s,
-    retrievedData: i
-  }) => s.map((d) => ({
-    ...i.find((Ct) => Ct.id === d.id),
-    ...d
-  })), []), {
-    customRecords: dt,
-    loadingCustomRecords: ct
-  } = Rt({
-    records: D,
-    onDataRetrieved: _,
-    mergeCustomData: mt
-  });
-  return r("div", {
-    className: Ut,
-    children: [r(Pt, {
-      hideTitle: G,
-      titleKey: "transactionsOverviewTitle",
-      children: r(yt, {
-        ...I
-      })
-    }), r(vt, {
-      ...I,
-      children: [r(Xt, {
-        activeBalanceAccount: t,
-        balanceAccountSelectionOptions: H,
-        onBalanceAccountSelection: V
-      }), r(St, {
-        canResetFilters: K,
-        defaultParams: l,
-        filters: o,
-        nowTimestamp: A,
-        refreshNowTimestamp: S,
-        sinceDate: lt,
-        timezone: t == null ? void 0 : t.timeZone,
-        updateFilters: n
-      }), r(x, {
-        ...U,
-        placeholder: f.get("filterPlaceholder.category")
-      }), r(Dt, {
-        availableCurrencies: a,
-        selectedCurrencies: u(o[e.CURRENCIES]),
-        name: "range",
-        label: f.get("amount"),
-        minAmount: o[e.MIN_AMOUNT],
-        maxAmount: o[e.MAX_AMOUNT],
-        updateFilters: n,
-        onChange: n
-      }), r(x, {
-        ...g,
-        placeholder: f.get("filterPlaceholder.currency")
-      })]
-    }), r("div", {
-      className: gt,
-      children: [r("div", {
-        className: v,
-        children: r(ht, {
+      ),
+      /* @__PURE__ */ i(
+        Ee,
+        {
+          canResetFilters: B,
+          defaultParams: d,
+          filters: s,
+          nowTimestamp: E,
+          refreshNowTimestamp: F,
+          sinceDate: pe,
+          timezone: e == null ? void 0 : e.timeZone,
+          updateFilters: l
+        }
+      ),
+      /* @__PURE__ */ i(G, { ...w, placeholder: T.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ i(
+        Ue,
+        {
           availableCurrencies: a,
-          isAvailableCurrenciesFetching: tt,
-          balanceAccountId: t == null ? void 0 : t.id,
-          statuses: T.selection,
-          categories: U.selection,
-          createdUntil: o[e.CREATED_UNTIL],
-          createdSince: o[e.CREATED_SINCE],
-          currencies: g.selection,
-          minAmount: o[e.MIN_AMOUNT] ? parseFloat(o[e.MIN_AMOUNT]) : void 0,
-          maxAmount: o[e.MAX_AMOUNT] ? parseFloat(o[e.MAX_AMOUNT]) : void 0,
-          fullWidth: b
-        })
-      }), r("div", {
-        className: v,
-        children: r(Ft, {
-          balanceAccountId: t == null ? void 0 : t.id,
-          onCurrenciesChange: rt,
-          defaultCurrencyCode: t == null ? void 0 : t.defaultCurrencyCode,
-          fullWidth: b
-        })
-      })]
-    }), r(ft, {
-      selectedDetail: nt,
-      resetDetails: st,
-      className: bt,
-      children: r(pt, {
-        activeBalanceAccount: t,
-        availableCurrencies: a,
-        error: Q,
-        hasMultipleCurrencies: it,
-        limit: J,
-        limitOptions: $,
-        loading: Z || P || !N || ct,
-        onContactSupport: X,
-        onLimitSelection: q,
-        onRowClick: at,
-        showPagination: !0,
-        transactions: _ ? dt : D,
-        customColumns: z,
-        ...B
-      })
-    })]
-  });
+          selectedCurrencies: p(s[t.CURRENCIES]),
+          name: "range",
+          label: T.get("amount"),
+          minAmount: s[t.MIN_AMOUNT],
+          maxAmount: s[t.MAX_AMOUNT],
+          updateFilters: l,
+          onChange: l
+        }
+      ),
+      /* @__PURE__ */ i(G, { ...x, placeholder: T.get("filterPlaceholder.currency") })
+    ] }),
+    /* @__PURE__ */ i("div", { className: Le, children: [
+      /* @__PURE__ */ i("div", { className: X, children: /* @__PURE__ */ i(
+        Ie,
+        {
+          availableCurrencies: a,
+          isAvailableCurrenciesFetching: se,
+          balanceAccountId: e == null ? void 0 : e.id,
+          statuses: N.selection,
+          categories: w.selection,
+          createdUntil: s[t.CREATED_UNTIL],
+          createdSince: s[t.CREATED_SINCE],
+          currencies: x.selection,
+          minAmount: s[t.MIN_AMOUNT] ? parseFloat(s[t.MIN_AMOUNT]) : void 0,
+          maxAmount: s[t.MAX_AMOUNT] ? parseFloat(s[t.MAX_AMOUNT]) : void 0,
+          fullWidth: R
+        }
+      ) }),
+      /* @__PURE__ */ i("div", { className: X, children: /* @__PURE__ */ i(
+        _e,
+        {
+          balanceAccountId: e == null ? void 0 : e.id,
+          onCurrenciesChange: le,
+          defaultCurrencyCode: e == null ? void 0 : e.defaultCurrencyCode,
+          fullWidth: R
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ i(
+      Ae,
+      {
+        selectedDetail: fe,
+        resetDetails: ue,
+        className: we,
+        children: /* @__PURE__ */ i(
+          Te,
+          {
+            activeBalanceAccount: e,
+            availableCurrencies: a,
+            error: q,
+            hasMultipleCurrencies: ae,
+            limit: te,
+            limitOptions: re,
+            loading: ee || z || !_ || ce,
+            onContactSupport: H,
+            onLimitSelection: ie,
+            onRowClick: Ce,
+            showPagination: !0,
+            transactions: g ? M : f,
+            customColumns: W,
+            ...oe
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  Ae as TransactionsOverview
+  Ft as TransactionsOverview
 };

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

@@ -1,29 +1,21 @@
-import c from "../../../../hooks/useBalanceAccounts.js";
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+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";
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-function f({
-  ...o
-}) {
-  const {
-    balanceAccounts: r,
-    isBalanceAccountIdWrong: a,
-    isFetching: t,
-    error: e
-  } = c(o.balanceAccountId);
-  return n(i, {
-    balanceAccountsError: e,
-    className: u,
-    errorMessage: "weCouldNotLoadTheTransactionsOverview",
-    isBalanceAccountIdWrong: a,
-    onContactSupport: o.onContactSupport,
-    children: n(s, {
-      ...o,
-      balanceAccounts: r,
-      isLoadingBalanceAccount: t
-    })
-  });
+function f({ ...o }) {
+  const { balanceAccounts: r, isBalanceAccountIdWrong: a, isFetching: t, error: e } = c(o.balanceAccountId);
+  return /* @__PURE__ */ n(
+    i,
+    {
+      balanceAccountsError: e,
+      className: u,
+      errorMessage: "weCouldNotLoadTheTransactionsOverview",
+      isBalanceAccountIdWrong: a,
+      onContactSupport: o.onContactSupport,
+      children: /* @__PURE__ */ n(s, { ...o, balanceAccounts: r, isLoadingBalanceAccount: t })
+    }
+  );
 }
 export {
   f as default