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

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

@@ -1,47 +1,50 @@
-import { INITIAL_FILTERS as s } from "../constants.js";
-import { EMPTY_OBJECT as o } from "../../../../utils/value/constants.js";
-const i = Object.keys(s), u = 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, a) => {
-  const { lastFourDigits: t, description: n, type: r } = e ?? o;
-  return t ? a === "detail" ? `•••• •••• •••• ${t}` : t : n || u[r] || r;
-}, l = (e) => {
-  var a;
+}), 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: (a = e.balanceAccount) == null ? void 0 : a.id,
+    balanceAccountId: e.balanceAccount?.id,
     // using null assertion to ensure correct type inference
     categories: e.categories,
-    createdSince: new Date(e.createdDate.from).toISOString(),
-    createdUntil: new Date(e.createdDate.to).toISOString(),
+    createdSince: new Date(a).toISOString(),
+    createdUntil: new Date(t).toISOString(),
     currencies: e.currencies,
     paymentPspReference: e.paymentPspReference,
     statuses: e.statuses
   };
-}, S = (e) => {
-  const { balanceAccountId: a, categories: t, currencies: n, statuses: r, ...c } = l(e);
+}, T = (e, n) => {
+  const { balanceAccountId: a, categories: t, currencies: r, statuses: c, ...o } = d(e, n);
   return {
-    ...c,
+    ...o,
     balanceAccountId: a || void 0,
     categories: String(t) || void 0,
-    currencies: String(n) || void 0,
-    statuses: String(r) || void 0
+    currencies: String(r) || void 0,
+    statuses: String(c) || void 0
   };
-}, m = (e, a) => i.some((t) => {
-  const n = e[t], r = a[t];
-  switch (t) {
-    case "categories":
-    case "currencies":
-    case "statuses":
-      return String(n) !== String(r);
-    default:
-      return n !== r;
+}, 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;
+    }
   }
 });
 export {
-  m as compareTransactionsFilters,
-  S as getTransactionsFilterParams,
-  l as getTransactionsFilterQueryParams,
-  p as parsePaymentMethodType
+  I as compareTransactionsFilters,
+  T as getTransactionsFilterParams,
+  d as getTransactionsFilterQueryParams,
+  P as parsePaymentMethodType
 };

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

@@ -1,28 +1,29 @@
-import { TransactionsView as e } from "./types.js";
-import n from "../../internal/Calendar/calendar/timerange/presets/yearToDate.js";
-import a from "../../internal/Calendar/calendar/timerange/presets/lastMonth.js";
-import r from "../../internal/Calendar/calendar/timerange/presets/thisMonth.js";
-import c from "../../internal/Calendar/calendar/timerange/presets/lastWeek.js";
-import A from "../../internal/Calendar/calendar/timerange/presets/thisWeek.js";
-import o from "../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
-const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y = {
+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: i,
+  details: _,
   filterBarSmall: t + "__filter-bar-small",
   totalsError: t + "__totals-error"
-}, T = Object.freeze({
-  "common.filters.types.date.rangeSelect.options.last7Days": o(7),
-  "common.filters.types.date.rangeSelect.options.last30Days": o(30),
-  "common.filters.types.date.rangeSelect.options.thisWeek": A(),
-  "common.filters.types.date.rangeSelect.options.lastWeek": c(),
-  "common.filters.types.date.rangeSelect.options.thisMonth": r(),
-  "common.filters.types.date.rangeSelect.options.lastMonth": a(),
-  "common.filters.types.date.rangeSelect.options.yearToDate": n()
-}), E = "common.filters.types.date.rangeSelect.options.custom", m = "common.filters.types.date.rangeSelect.options.last30Days", S = T[m], d = 2, O = [
+}, 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",
@@ -31,17 +32,17 @@ const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y =
   "Refund",
   "Transfer",
   "Other"
-], f = [
-  { id: e.TRANSACTIONS, label: "transactions.overview.views.transactions", content: null },
-  { id: e.INSIGHTS, label: "transactions.overview.views.insights", content: null }
-], u = {
+], 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: S,
+  createdDate: O,
   currencies: [],
   paymentPspReference: void 0,
   statuses: ["Booked"]
-}, D = [
+}, b = [
   "id",
   "balanceAccountId",
   "createdAt",
@@ -52,30 +53,38 @@ const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y =
   "currency",
   "netAmount",
   "amountBeforeDeductions"
-], L = [
+], B = [
   "createdAt",
   "paymentMethod",
   "category",
   "currency",
   "netAmount",
   "amountBeforeDeductions"
-], g = "Transaction component", h = "Transaction details", M = "Transactions insights", G = "Transactions list";
+], U = "Transaction component", W = "Transaction details", k = "Transactions insights", w = "Transactions list";
 export {
   t as BASE_CLASS,
-  L as DEFAULT_EXPORT_COLUMNS,
-  i as DETAILS_CLASS,
-  D as EXPORT_COLUMNS,
-  u as INITIAL_FILTERS,
-  f as TRANSACTIONS_VIEW_TABS,
-  g as TRANSACTION_ANALYTICS_CATEGORY,
-  h as TRANSACTION_ANALYTICS_SUBCATEGORY_DETAILS,
-  M as TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS,
-  G as TRANSACTION_ANALYTICS_SUBCATEGORY_LIST,
-  O as TRANSACTION_CATEGORIES,
-  T as TRANSACTION_DATE_RANGES,
-  E as TRANSACTION_DATE_RANGE_CUSTOM,
-  m as TRANSACTION_DATE_RANGE_DEFAULT,
-  S as TRANSACTION_DATE_RANGE_DEFAULT_TIMESTAMPS,
-  d as TRANSACTION_DATE_RANGE_MAX_YEARS,
-  y as classes
+  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/.pnpm/preact@10.28.2/node_modules/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

@@ -1,33 +1,36 @@
-import F from "../../../../hooks/useAnalytics/useFilterAnalyticsEvent.js";
-import { useMemo as O, useCallback as R, useState as M, useRef as x, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
-const w = ({
-  availableCurrencies: t,
-  eventCategory: k,
-  eventSubCategory: p,
-  eventLabel: q,
-  onUpdateSelection: m,
-  selectedCurrency: f
+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/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+const k = ({
+  availableCurrencies: e,
+  eventCategory: p,
+  eventSubCategory: g,
+  eventLabel: h,
+  onUpdateSelection: f,
+  selectedCurrency: n
 }) => {
-  const { logEvent: n } = F({ category: k, subCategory: p, label: q }), z = O(
-    () => Object.freeze((t == null ? void 0 : t.map((c) => ({ id: c, name: c }))) ?? []),
-    [t]
-  ), d = R(
-    (c) => c ? (t == null ? void 0 : t.findIndex((s) => s === c)) ?? -1 : -1,
-    [t]
-  ), E = R(
-    ({ target: c }) => {
-      const s = d(c == null ? void 0 : c.value);
-      s >= 0 && I(s);
+  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];
     },
-    [d]
-  ), [A, I] = M(() => d(f)), o = O(() => t == null ? void 0 : t[A], [t, A]), y = x(), h = x(t), u = x(f);
-  return j(() => {
-    (h.current !== t || u.current !== f) && (h.current = t, u.current = f, y.current = void 0, I(d(f)));
-  }, [d, f]), j(() => {
-    const c = y.current;
-    c !== o && (y.current = o, c && o && (n == null || n("update", o)), m == null || m(o));
-  }, [o, n, m]), { activeCurrency: o, currencySelectionOptions: z, onCurrencySelection: E };
+    [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 {
-  w as default
+  k as default
 };

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

@@ -1,4 +1,4 @@
-import { useState as u, useCallback as x } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as u, useCallback as x } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const W = () => {
   const [s, r] = u([]), n = x((a) => {
     r(

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

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

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

@@ -1,44 +1,42 @@
-import { useFetch as h } from "../../../../hooks/useFetch.js";
-import { useRef as F, useCallback as k, useMemo as q } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getTransactionsFilterQueryParams as x } from "../components/utils.js";
-import { createAbortable as L } from "../../../../primitives/async/abortable/main.js";
-import { useConfigContext as O } from "../../../../core/ConfigContext/context.js";
-import { isFunction as R } from "../../../../utils/value/is.js";
-import { EMPTY_ARRAY as w } from "../../../../utils/value/constants.js";
-const C = {
-  expenses: 0,
-  incomings: 0,
-  total: 0,
-  breakdown: {
-    expenses: [],
-    incomings: []
-  }
-}, G = ({ currencies: l, fetchEnabled: m, filters: u, loadingBalances: f }) => {
-  const { getTransactionTotals: s } = O().endpoints, p = F(L()).current, n = R(s), e = n && m, T = k(async () => {
-    if (e) {
-      const { signal: r } = p.refresh(!0);
+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/.pnpm/preact@10.28.2/node_modules/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 { balanceAccountId: o, createdSince: i, createdUntil: t } = x(u), a = await s({ signal: r }, { query: { balanceAccountId: o, createdSince: i, createdUntil: t } });
-        if (!r.aborted) return a == null ? void 0 : a.data;
-      } catch (o) {
-        if (!r.aborted) throw o;
+        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;
       }
     }
-  }, [p, e, u, s]), { data: c, error: d, isFetching: b } = h({
-    fetchOptions: { enabled: e },
-    queryFn: T
-  }), { totals: y, totalsLookup: A } = q(() => {
-    const r = Array.isArray(c) ? c : w, o = l.map((t) => r.find(({ currency: a }) => a === t) ?? { ...C, currency: t }), i = Object.fromEntries(o.map((t) => [t.currency, t]));
-    return { totals: o, totalsLookup: i };
-  }, [c, l]);
-  return {
-    totals: y,
-    totalsLookup: A,
-    error: d,
-    isAvailable: n,
-    isWaiting: b || f || n && !m
+  }, [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 {
-  G as default
+  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/.pnpm/preact@10.28.2/node_modules/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
+};