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

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

@@ -1,78 +1,90 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as I, useCallback as x, useMemo as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import K from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as B } from "../../../../../core/Localization/amount/amount-util.js";
-import $ from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as k, useCallback as x, useMemo as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import H from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import U from "../../../../../core/Context/useCoreContext.js";
+import { getCurrencyCode as D } from "../../../../../core/Localization/amount/amount-util.js";
+import K from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { Tooltip as G } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as n, TypographyElement as a } from "../../../../internal/Typography/types.js";
-import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as c, TypographyElement as m } from "../../../../internal/Typography/types.js";
+import l from "../../../../internal/Typography/Typography.js";
 import { getTransactionCategory as V, getTransactionCategoryDescription as j } from "../../../../utils/translation/getters.js";
-import { useResponsiveContainer as c, containerQueries as d } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as X } from "./constants.js";
+import { useResponsiveContainer as p, containerQueries as y } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as E } from "./constants.js";
 /* empty css                      */
-import S from "./PaymentMethodCell.js";
-import { useTableColumns as Z } from "../../../../../hooks/useTableColumns.js";
-import g from "../../../../internal/DataGrid/DataGrid.js";
+import N from "./PaymentMethodCell.js";
+import { useTableColumns as X } from "../../../../../hooks/useTableColumns.js";
+import { Tag as Z } from "../../../../internal/Tag/Tag.js";
+import M from "../../../../internal/DataGrid/DataGrid.js";
 import J from "../../../../internal/Pagination/Pagination.js";
 import { DATE_FORMAT_TRANSACTIONS_MOBILE as W, DATE_FORMAT_TRANSACTIONS as tt } from "../../../../../constants/dateFormats.js";
-const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
-  amount: "transactions.overview.list.fields.amount",
+const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmount", "grossAmount"], Dt = {
+  amount: "netAmount"
+}, v = {
   createdAt: "transactions.overview.list.fields.createdAt",
-  // currency: 'transactions.overview.list.fields.currency',
+  currency: "transactions.overview.list.fields.currency",
+  grossAmount: "transactions.overview.list.fields.grossAmount",
+  netAmount: "transactions.overview.list.fields.netAmount",
   paymentMethod: "transactions.overview.list.fields.paymentMethod",
   // status: 'transactions.overview.list.fields.status',
   transactionType: "transactions.overview.list.fields.transactionType"
-}, gt = ({
-  activeBalanceAccount: s,
-  availableCurrencies: m,
-  error: l,
-  hasMultipleCurrencies: p,
-  loading: C,
-  onContactSupport: A,
-  onRowClick: D,
-  showDetails: ot,
-  showPagination: E,
-  transactions: b,
-  customColumns: w,
-  ...N
+}, Et = ({
+  activeBalanceAccount: w,
+  availableCurrencies: n,
+  error: d,
+  hasMultipleCurrencies: s,
+  loading: _,
+  onContactSupport: T,
+  onRowClick: C,
+  showDetails: et,
+  showPagination: b,
+  transactions: O,
+  customColumns: R,
+  ...L
 }) => {
-  const { i18n: r } = K(), { dateFormat: T } = $(s == null ? void 0 : s.timeZone), [_, y] = I(), u = c(d.up.sm), O = c(d.up.md), L = c(d.down.xs), R = r.get(M.amount), F = Z({
-    customColumns: w,
-    fields: et,
-    fieldsKeys: M,
+  const { i18n: r } = U(), { dateFormat: f } = K(w?.timeZone), [B, g] = k(), A = p(y.up.sm), u = p(y.up.md), S = p(y.down.xs), F = X({
+    customColumns: R,
+    fields: ot,
+    fieldsKeys: v,
     columnConfig: {
-      amount: {
-        label: p ? void 0 : `${R} ${m && m[0] ? `(${B(m[0])})` : ""}`,
+      netAmount: {
+        label: s ? void 0 : `${r.get(v.netAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
         position: "right",
-        flex: u ? 1.5 : void 0
+        flex: A ? 1.5 : void 0
       },
-      transactionType: { visible: O },
-      paymentMethod: { visible: u }
+      grossAmount: {
+        label: s ? void 0 : `${r.get(v.grossAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
+        position: "right",
+        flex: A ? 1.5 : void 0,
+        visible: u
+      },
+      currency: { visible: u && s },
+      transactionType: { visible: u },
+      paymentMethod: { visible: A }
     }
   }), P = {
     title: "transactions.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, k = x(
-    (e) => {
-      y(e ?? void 0);
+  }, I = x(
+    (t) => {
+      g(t ?? void 0);
     },
-    [y]
-  ), Y = H(
-    () => () => /* @__PURE__ */ t(U, { error: l, onContactSupport: A, errorMessage: "transactions.overview.errors.listUnavailable" }),
-    [l, A]
+    [g]
+  ), Y = $(
+    () => () => /* @__PURE__ */ o(H, { error: d, onContactSupport: T, errorMessage: "transactions.overview.errors.listUnavailable" }),
+    [d, T]
   );
-  return /* @__PURE__ */ t("div", { className: q, children: /* @__PURE__ */ t(
-    g,
+  return /* @__PURE__ */ o("div", { className: q, children: /* @__PURE__ */ o(
+    M,
     {
+      autoFitColumns: S,
       errorDisplay: Y,
-      error: l,
+      error: d,
       columns: F,
-      data: b,
-      loading: C,
+      data: O,
+      loading: _,
       outline: !1,
-      onRowClick: { callback: D },
-      onRowHover: k,
+      onRowClick: { callback: C },
+      onRowHover: I,
       emptyTableMessage: P,
       customCells: {
         // Remove status column temporarily
@@ -84,28 +96,33 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
         //         />
         //     );
         // },
-        transactionType: ({ item: e, rowIndex: o }) => {
-          const f = V(r, e.category);
-          if (f) {
-            const h = j(r, e.category), v = () => /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: f });
-            return h ? /* @__PURE__ */ t(G, { content: h, isUnderlineVisible: o === _, children: /* @__PURE__ */ t("span", { children: v() }) }) : v();
+        transactionType: ({ item: t, rowIndex: e }) => {
+          const i = V(r, t.category);
+          if (i) {
+            const a = j(r, t.category), h = () => /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: i });
+            return a ? /* @__PURE__ */ o(G, { content: a, isUnderlineVisible: e === B, children: /* @__PURE__ */ o("span", { children: h() }) }) : h();
           }
           return null;
         },
-        amount: ({ value: e }) => {
-          const o = r.amount(e.value, e.currency, { hideCurrency: !p });
-          return /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, className: X, children: o });
+        currency: ({ item: t }) => /* @__PURE__ */ o(Z, { children: t.amountBeforeDeductions.currency }),
+        netAmount: ({ value: t }) => {
+          const { value: e, currency: i } = t, a = r.amount(e, i, { hideCurrency: !s });
+          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: E, children: a });
+        },
+        grossAmount: ({ item: t }) => {
+          const { value: e, currency: i } = t.amountBeforeDeductions, a = r.amount(e, i, { hideCurrency: !s });
+          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: E, children: a });
         },
-        createdAt: ({ item: e, value: o }) => L ? /* @__PURE__ */ t("div", { className: z, children: [
-          /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount }),
-          /* @__PURE__ */ t("time", { dateTime: e.createdAt, className: Q, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(e.createdAt, W) }) })
-        ] }) : /* @__PURE__ */ t("time", { dateTime: o, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(o, tt) }) }),
-        paymentMethod: ({ item: e }) => /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount })
+        createdAt: ({ item: t, value: e }) => S ? /* @__PURE__ */ o("div", { className: z, children: [
+          /* @__PURE__ */ o(N, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount }),
+          /* @__PURE__ */ o("time", { dateTime: t.createdAt, className: Q, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(t.createdAt, W) }) })
+        ] }) : /* @__PURE__ */ o("time", { dateTime: e, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(e, tt) }) }),
+        paymentMethod: ({ item: t }) => /* @__PURE__ */ o(N, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount })
       },
-      children: E && /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(
+      children: b && /* @__PURE__ */ o(M.Footer, { children: /* @__PURE__ */ o(
         J,
         {
-          ...N,
+          ...L,
           ariaLabelKey: "transactions.overview.pagination.label",
           limitSelectAriaLabelKey: "transactions.overview.pagination.controls.limitSelect.label"
         }
@@ -114,6 +131,7 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
   ) });
 };
 export {
-  et as TRANSACTION_FIELDS,
-  gt as TransactionsTable
+  ot as TRANSACTION_FIELDS,
+  Dt as TRANSACTION_FIELDS_REMAPS,
+  Et as TransactionsTable
 };

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

@@ -1,11 +1,50 @@
-const i = Object.freeze({
+import { getDateRangeTimestamps as i } from "../../../internal/Calendar/calendar/timerange/utils.js";
+import { INITIAL_FILTERS as u } from "../constants.js";
+import { EMPTY_OBJECT as l } from "../../../../utils/value/constants.js";
+const s = Object.keys(u), g = new Set(s), p = Object.freeze({
   klarna: "Klarna",
   paypal: "PayPal",
   klarna_paynow: "Klarna Pay Now"
+}), P = (e, n) => {
+  const { lastFourDigits: a, description: t, type: r } = e ?? l;
+  return a ? n === "detail" ? `•••• •••• •••• ${a}` : a : t || p[r] || r;
+}, d = (e, n) => {
+  const { from: a, to: t } = i(e.createdDate, n, e.balanceAccount?.timeZone);
+  return {
+    balanceAccountId: e.balanceAccount?.id,
+    // using null assertion to ensure correct type inference
+    categories: e.categories,
+    createdSince: new Date(a).toISOString(),
+    createdUntil: new Date(t).toISOString(),
+    currencies: e.currencies,
+    paymentPspReference: e.paymentPspReference,
+    statuses: e.statuses
+  };
+}, T = (e, n) => {
+  const { balanceAccountId: a, categories: t, currencies: r, statuses: c, ...o } = d(e, n);
+  return {
+    ...o,
+    balanceAccountId: a || void 0,
+    categories: String(t) || void 0,
+    currencies: String(r) || void 0,
+    statuses: String(c) || void 0
+  };
+}, I = (e, n, a = g) => s.some((t) => {
+  if (a.has(t)) {
+    const r = e[t], c = n[t];
+    switch (t) {
+      case "categories":
+      case "currencies":
+      case "statuses":
+        return String(r) !== String(c);
+      default:
+        return r !== c;
+    }
+  }
 });
-function l(a, r) {
-  return a.lastFourDigits ? r === "detail" ? "•••• •••• •••• " + a.lastFourDigits : a.lastFourDigits : a.description || i[a.type] || a.type;
-}
 export {
-  l as parsePaymentMethodType
+  I as compareTransactionsFilters,
+  T as getTransactionsFilterParams,
+  d as getTransactionsFilterQueryParams,
+  P as parsePaymentMethodType
 };

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

@@ -0,0 +1,90 @@
+import { TransactionsView as o } from "./types.js";
+import A from "../../internal/Calendar/calendar/timerange/presets/yearToDate.js";
+import T from "../../internal/Calendar/calendar/timerange/presets/lastMonth.js";
+import a from "../../internal/Calendar/calendar/timerange/presets/thisMonth.js";
+import r from "../../internal/Calendar/calendar/timerange/presets/lastWeek.js";
+import c from "../../internal/Calendar/calendar/timerange/presets/thisWeek.js";
+import e from "../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
+const s = "adyen-pe-transactions", t = s + "-overview", _ = s + "-details", G = {
+  root: t,
+  rootSmall: t + "--xs",
+  summary: t + "__summary",
+  summaryItem: t + "__summary-item",
+  toolbar: t + "__toolbar",
+  details: _,
+  filterBarSmall: t + "__filter-bar-small",
+  totalsError: t + "__totals-error"
+}, g = "common.filters.types.date.rangeSelect.options.custom", S = "common.filters.types.date.rangeSelect.options.last7Days", i = "common.filters.types.date.rangeSelect.options.last30Days", n = "common.filters.types.date.rangeSelect.options.last180Days", N = "common.filters.types.date.rangeSelect.options.thisWeek", m = "common.filters.types.date.rangeSelect.options.lastWeek", l = "common.filters.types.date.rangeSelect.options.thisMonth", E = "common.filters.types.date.rangeSelect.options.lastMonth", R = "common.filters.types.date.rangeSelect.options.yearToDate", I = n, C = Object.freeze({
+  [S]: e(7),
+  [i]: e(30),
+  [n]: e(180),
+  [N]: c(),
+  [m]: r(),
+  [l]: a(),
+  [E]: T(),
+  [R]: A()
+}), O = C[I], M = 2, h = [
+  "ATM",
+  "Capital",
+  "Chargeback",
+  "Correction",
+  "Payment",
+  "Refund",
+  "Transfer",
+  "Other"
+], Y = [
+  { id: o.TRANSACTIONS, label: "transactions.overview.views.transactions", content: null },
+  { id: o.INSIGHTS, label: "transactions.overview.views.insights", content: null }
+], v = {
+  balanceAccount: void 0,
+  categories: [],
+  createdDate: O,
+  currencies: [],
+  paymentPspReference: void 0,
+  statuses: ["Booked"]
+}, b = [
+  "id",
+  "balanceAccountId",
+  "createdAt",
+  "status",
+  "paymentMethod",
+  "category",
+  "paymentPspReference",
+  "currency",
+  "netAmount",
+  "amountBeforeDeductions"
+], B = [
+  "createdAt",
+  "paymentMethod",
+  "category",
+  "currency",
+  "netAmount",
+  "amountBeforeDeductions"
+], U = "Transaction component", W = "Transaction details", k = "Transactions insights", w = "Transactions list";
+export {
+  t as BASE_CLASS,
+  B as DEFAULT_EXPORT_COLUMNS,
+  _ as DETAILS_CLASS,
+  b as EXPORT_COLUMNS,
+  v as INITIAL_FILTERS,
+  Y as TRANSACTIONS_VIEW_TABS,
+  U as TRANSACTION_ANALYTICS_CATEGORY,
+  W as TRANSACTION_ANALYTICS_SUBCATEGORY_DETAILS,
+  k as TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS,
+  w as TRANSACTION_ANALYTICS_SUBCATEGORY_LIST,
+  h as TRANSACTION_CATEGORIES,
+  C as TRANSACTION_DATE_RANGES,
+  g as TRANSACTION_DATE_RANGE_CUSTOM,
+  I as TRANSACTION_DATE_RANGE_DEFAULT,
+  O as TRANSACTION_DATE_RANGE_DEFAULT_TIMESTAMPS,
+  n as TRANSACTION_DATE_RANGE_LAST_180_DAYS,
+  i as TRANSACTION_DATE_RANGE_LAST_30_DAYS,
+  S as TRANSACTION_DATE_RANGE_LAST_7_DAYS,
+  E as TRANSACTION_DATE_RANGE_LAST_MONTH,
+  m as TRANSACTION_DATE_RANGE_LAST_WEEK,
+  M as TRANSACTION_DATE_RANGE_MAX_YEARS,
+  l as TRANSACTION_DATE_RANGE_THIS_MONTH,
+  N as TRANSACTION_DATE_RANGE_THIS_WEEK,
+  R as TRANSACTION_DATE_RANGE_YEAR_TO_DATE,
+  G as classes
+};

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

@@ -0,0 +1,50 @@
+import { useMemo as p } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const u = (e, r) => {
+  let o = r?.get(e);
+  return o === void 0 && (o = {
+    balances: { currency: e, reservedValue: 0, value: 0 },
+    totals: {
+      currency: e,
+      expenses: 0,
+      incomings: 0,
+      total: 0,
+      breakdown: {
+        expenses: [],
+        incomings: []
+      }
+    }
+  }, r?.set(e, o)), o;
+}, k = ({ defaultCurrency: e, balances: r, totals: o }) => {
+  const c = p(() => {
+    const t = new Map(
+      e ? [[e, u(e)]] : []
+    );
+    for (const s of r) {
+      const n = u(s.currency, t);
+      n.balances = s;
+    }
+    for (const s of o) {
+      const n = u(s.currency, t);
+      n.totals = s;
+    }
+    const a = [...t.entries()].sort(
+      ([s], [n]) => s.localeCompare(n)
+    );
+    return Object.freeze(Object.fromEntries(a));
+  }, [e, r, o]), i = p(() => Object.freeze(Object.keys(c)), [c]), b = p(
+    () => Object.freeze(
+      [...i].sort((t, a) => {
+        if (e) {
+          if (t === e) return -1;
+          if (a === e) return 1;
+        }
+        return 0;
+      })
+    ),
+    [i]
+  );
+  return { currenciesDictionary: c, defaultCurrency: e, defaultCurrencySortedCurrencies: b, sortedCurrencies: i };
+};
+export {
+  k as default
+};

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

@@ -0,0 +1,36 @@
+import E from "../../../../hooks/useAnalytics/useFilterAnalyticsEvent.js";
+import { useMemo as I, useCallback as A, useState as O, useRef as u, useEffect as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const k = ({
+  availableCurrencies: e,
+  eventCategory: p,
+  eventSubCategory: g,
+  eventLabel: h,
+  onUpdateSelection: f,
+  selectedCurrency: n
+}) => {
+  const { logEvent: d } = E({ category: p, subCategory: g, label: h }), S = I(
+    () => Object.freeze(e?.map((t) => ({ id: t, name: t })) ?? []),
+    [e]
+  ), o = A(
+    (t) => {
+      const s = t ? e?.findIndex((x) => x === t) ?? -1 : -1;
+      return e?.[s];
+    },
+    [e]
+  ), [c, y] = O(() => o(n)), v = A(
+    ({ target: t }) => {
+      const s = o(t?.value);
+      s && (r.current = c, y(s));
+    },
+    [o, c]
+  ), r = u(), i = u(e), m = u(n);
+  return a(() => {
+    (i.current !== e || m.current !== n) && (i.current = e, m.current = n, r.current = void 0, y(o(n)));
+  }, [o, n]), a(() => {
+    const t = r.current;
+    t !== c && (r.current = c, t && c && d?.("update", c), f?.(c));
+  }, [c, d, f]), { activeCurrency: c, currencySelectionOptions: S, onCurrencySelection: v };
+};
+export {
+  k as default
+};

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

@@ -0,0 +1,72 @@
+import { DEFAULT_PAGE_LIMIT as x, LIMIT_OPTIONS as z } from "../../../internal/Pagination/constants.js";
+import { TRANSACTION_FIELDS_REMAPS as k, TRANSACTION_FIELDS as G } from "../components/TransactionsTable/TransactionsTable.js";
+import { getTransactionsFilterParams as Q, getTransactionsFilterQueryParams as U } from "../components/utils.js";
+import { useCustomColumnsData as j } from "../../../../hooks/useCustomColumnsData.js";
+import { useMemo as c, useRef as F, useCallback as T, useEffect as B } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { normalizeCustomFields as H } from "../../../utils/customData/normalizeCustomFields.js";
+import { hasCustomField as J } from "../../../utils/customData/hasCustomField.js";
+import { mergeRecords as K } from "../../../utils/customData/mergeRecords.js";
+import V from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useConfigContext as W } from "../../../../core/ConfigContext/context.js";
+import { isFunction as C } from "../../../../utils/value/is.js";
+const mt = ({
+  allowLimitSelection: g = !0,
+  preferredLimit: P = x,
+  dataCustomization: R,
+  fetchEnabled: A,
+  filters: r,
+  now: s,
+  onFiltersChanged: m
+}) => {
+  const { getTransactions: e } = W().endpoints, t = c(() => Q(r, s), [r, s]), u = F(t).current, d = F(u), I = C(e) && A, h = T(
+    async (i, a) => {
+      const n = {
+        ...i,
+        ...U(r, s),
+        sortDirection: "desc"
+      };
+      return e({ signal: a }, { query: n });
+    },
+    [r, e, s]
+  ), {
+    canResetFilters: X,
+    error: D,
+    fetching: L,
+    filters: Y,
+    limit: S,
+    limitOptions: _,
+    records: E,
+    resetFilters: Z,
+    updateFilters: l,
+    updateLimit: O,
+    ...N
+  } = V({
+    dataField: "data",
+    fetchRecords: h,
+    enabled: I,
+    filterParams: u,
+    initialFiltersSameAsDefault: !0,
+    onFiltersChanged: C(m) ? m : void 0,
+    preferredLimitOptions: g ? z : void 0,
+    preferredLimit: P
+  }), y = T(
+    ({ records: i, retrievedData: a }) => K(i, a, (n, q) => n.id === q.id),
+    []
+  ), { fields: f, onDataRetrieve: M } = R?.list ?? {}, o = c(() => H(f, k), [f]), p = c(() => J(o, G), [o]), { customRecords: v, loadingCustomRecords: b } = j({ hasCustomColumn: p, mergeCustomData: y, onDataRetrieve: M, records: E });
+  return B(() => {
+    d.current !== t && (d.current = t, l?.(t));
+  }, [t, l]), {
+    ...N,
+    error: D,
+    fields: o,
+    fetching: L || b,
+    records: v,
+    hasCustomColumn: p,
+    limit: S,
+    limitOptions: _,
+    updateLimit: O
+  };
+};
+export {
+  mt as default
+};

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

@@ -0,0 +1,42 @@
+import { useFetch as E } from "../../../../hooks/useFetch.js";
+import { useState as R, useRef as s, useCallback as w, useMemo as G, useEffect as l } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTransactionsFilterQueryParams as I, compareTransactionsFilters as M } from "../components/utils.js";
+import { createAbortable as O } from "../../../../primitives/async/abortable/main.js";
+import { useConfigContext as P } from "../../../../core/ConfigContext/context.js";
+import { isFunction as S } from "../../../../utils/value/is.js";
+const L = ({ applicableFilters: p, fetchEnabled: q, filters: t, getQueryParams: T, now: d }) => {
+  const [F, b] = R(!1), [a, g] = R(performance.now()), y = s(), A = s(O()).current, o = s(t), { getTransactionTotals: c } = P().endpoints, i = S(c), f = i && q, u = f && y.current !== a, x = w(async () => {
+    if (u) {
+      const { signal: r } = A.refresh(!0);
+      try {
+        const h = T(I(t, d)), v = await c({ signal: r }, { query: h });
+        if (!r.aborted) return v?.data;
+      } catch (h) {
+        if (!r.aborted) throw h;
+      }
+    }
+  }, [A, t, T, c, d, u]), { data: n, error: D, isFetching: e } = E({
+    fetchOptions: { enabled: u },
+    queryFn: x
+  }), C = s(e), m = !e && f, j = G(() => Array.isArray(n) ? n : [], [n]), k = w(() => {
+    m && b(!0);
+  }, [m, e]);
+  return l(() => {
+    if (o.current === t) return;
+    M(t, o.current, p) && (g(performance.now()), o.current = t);
+  }, [t, p]), l(() => {
+    F && (b(!1), g(performance.now()));
+  }, [F]), l(() => {
+    C.current && !e && (y.current = a), C.current = e;
+  }, [e, a]), {
+    totals: j,
+    error: D,
+    canRefresh: m,
+    refresh: k,
+    isAvailable: i,
+    isWaiting: e || i && !f && !n
+  };
+};
+export {
+  L as default
+};

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

@@ -0,0 +1,18 @@
+import { useMemo as a, useState as w, useCallback as V, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { TRANSACTIONS_VIEW_TABS as c } from "../constants.js";
+import { TransactionsView as u } from "../types.js";
+const C = ({ view: o } = {}) => {
+  const e = a(() => c.find(({ id: i }) => i === o), [o]), s = a(() => e?.id ?? u.TRANSACTIONS, [e]), t = a(() => e ? [e] : c, [e]), [f, r] = w(s), T = V(
+    ({ id: i }) => {
+      const n = t.find((d) => d.id === i)?.id;
+      n && r(n);
+    },
+    [t]
+  );
+  return m(() => {
+    r(s);
+  }, [s]), { activeView: f, onViewChange: T, viewTabs: t };
+};
+export {
+  C as default
+};

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

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.TRANSACTIONS = "transactions", r.INSIGHTS = "insights", r))(t || {});
+export {
+  t as TransactionsView
+};