@mx-cartographer/experiences 7.0.58-alpha.mm7 → 7.0.58-alpha.mm9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/trends/index.es.js +362 -398
  2. package/package.json +1 -1
package/dist/trends/index.es.js CHANGED
@@ -1,75 +1,75 @@
1
1
  import { jsx as e, jsxs as C, Fragment as Je } from "react/jsx-runtime";
2
2
  import i from "react";
3
3
  import { observer as v } from "mobx-react-lite";
4
- import { Icon as ae, Text as Q, CategoryIcon as fe, P as X, H3 as xe, ChevronRightIcon as et } from "@mxenabled/mxui";
4
+ import { Icon as ae, Text as q, CategoryIcon as fe, P as X, H3 as Le, ChevronRightIcon as Qe } from "@mxenabled/mxui";
5
5
  import W from "@mui/material/Box";
6
- import b from "@mui/material/Stack";
6
+ import y from "@mui/material/Stack";
7
7
  import me from "@mui/material/Button";
8
8
  import { addSeconds as ve } from "date-fns/addSeconds";
9
9
  import { differenceInCalendarMonths as pe } from "date-fns/differenceInCalendarMonths";
10
- import { a as tt, g as nt, S as ot, L as Me } from "../TrendsStore-BKBnNQba.mjs";
11
- import { T as mo } from "../TrendsStore-BKBnNQba.mjs";
12
- import { i as st, c as rt, d as at, e as it, f as ct, h as lt, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
13
- import dt from "@mui/material/ToggleButton";
14
- import ht from "@mui/material/ToggleButtonGroup";
15
- import { u as R, m as K, g as N, b as ee, h as ie, d as ce, v as te, f as Te, p as ut, a as ke } from "../hooks-CE2TKk4a.mjs";
16
- import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
17
- import { f as q, D as z } from "../Dialog-CWW597AF.mjs";
10
+ import { a as et, g as tt, S as nt, L as Me } from "../TrendsStore-BKBnNQba.mjs";
11
+ import { T as go } from "../TrendsStore-BKBnNQba.mjs";
12
+ import { i as ot, c as st, d as rt, e as at, f as it, h as ct, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
13
+ import lt from "@mui/material/ToggleButton";
14
+ import dt from "@mui/material/ToggleButtonGroup";
15
+ import { u as R, m as $, g as H, b as ee, h as ie, d as ce, v as te, f as Te, p as ht, a as ut } from "../hooks-CE2TKk4a.mjs";
16
+ import { u as P } from "../useScreenSize-B6JyS_Lj.mjs";
17
+ import { f as J, D as F } from "../Dialog-CWW597AF.mjs";
18
18
  import { DataGridPro as gt } from "@mui/x-data-grid-pro";
19
19
  import { C as mt } from "../CurrencyText-YUhH2caW.mjs";
20
- import { c as Ne } from "../Category-CevNQ03n.mjs";
20
+ import { c as ke } from "../Category-CevNQ03n.mjs";
21
21
  import { b as pt } from "../Localization-2MODESHW.mjs";
22
22
  import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
23
23
  import { T as A, b as Ct } from "../ViewMoreMicroCard-BAz2NyEO.mjs";
24
- import { A as y, W as He } from "../WidgetContainer-B8MRJ5Y1.mjs";
25
- import { a as We, T as Oe } from "../TransactionDetails-DAp_CPCP.mjs";
24
+ import { A as _, W as He } from "../WidgetContainer-B8MRJ5Y1.mjs";
25
+ import { a as Ne, T as We } from "../TransactionDetails-DAp_CPCP.mjs";
26
26
  import { D as Ce } from "../Drawer-kEE73B87.mjs";
27
- import { L as J } from "../Loader-DUaFpDGv.mjs";
28
- import { useTheme as Ve } from "@mui/material/styles";
29
- import { L as ye } from "../LineChart-B2Y7zwMu.mjs";
27
+ import { L as Q } from "../Loader-DUaFpDGv.mjs";
28
+ import { useTheme as Oe } from "@mui/material/styles";
29
+ import { L as _e } from "../LineChart-B2Y7zwMu.mjs";
30
30
  import { M as ft } from "../MiniWidgetContainer-DTQdRK-3.mjs";
31
31
  import { subMonths as Tt } from "date-fns";
32
- import { TrendingUp as yt, TrendingDown as _t, MultilineChart as bt, ExpandLess as St, ExpandMore as wt } from "@mxenabled/mx-icons";
32
+ import { TrendingUp as _t, TrendingDown as yt, MultilineChart as bt, ExpandLess as wt, ExpandMore as St } from "@mxenabled/mx-icons";
33
33
  import { a as Dt, f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
34
34
  import { M as It } from "../MicroWidgetContainer-C4QQHfD7.mjs";
35
35
  import Et from "@mui/material/Collapse";
36
- import Lt from "@mui/material/List";
37
- import xt from "@mui/material/ListItem";
36
+ import xt from "@mui/material/List";
37
+ import Lt from "@mui/material/ListItem";
38
38
  import vt from "@mui/material/ListItemButton";
39
39
  import Mt from "@mui/material/ListItemIcon";
40
40
  import At from "@mui/material/ListItemText";
41
41
  import Ge from "@mui/material/styles/useTheme";
42
42
  import Rt from "@mui/material/Divider";
43
- import { useTheme as kt, Stack as Nt } from "@mui/material";
44
- import Ht from "@mui/material/Paper";
43
+ import { useTheme as kt, Stack as Ht } from "@mui/material";
44
+ import Nt from "@mui/material/Paper";
45
45
  import { b as Wt } from "../CategoryUtil-BR3H5i6n.mjs";
46
46
  import { E as Ot } from "../ExportCsvAction-CBJAfyAw.mjs";
47
- import { u as Vt } from "../useInsightsEnabled-DSnpkUq0.mjs";
48
- import { E as Gt } from "../EmptyState-w2yYDuKG.mjs";
47
+ import { u as Gt } from "../useInsightsEnabled-DSnpkUq0.mjs";
48
+ import { E as zt } from "../EmptyState-w2yYDuKG.mjs";
49
49
  import { k as Bt } from "../ConnectDrawer-DJA_S-rX.mjs";
50
- const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
51
- ht,
50
+ const ze = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
51
+ dt,
52
52
  {
53
53
  exclusive: !0,
54
54
  onChange: o,
55
55
  orientation: "horizontal",
56
56
  value: t,
57
- children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(dt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, n))
57
+ children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(lt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, n))
58
58
  }
59
- ), ze = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
60
- const { trends: n } = R(), { isMobile: s, isDesktop: a } = $(), { getCategoryName: d } = K(), h = i.useMemo(() => {
61
- const l = q(
59
+ ), Be = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
60
+ const { trends: n } = R(), { isMobile: s, isDesktop: a } = P(), { getCategoryName: h } = $(), u = i.useMemo(() => {
61
+ const d = J(
62
62
  t.start,
63
- s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
64
- ), c = q(
63
+ s ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
64
+ ), l = J(
65
65
  t.end,
66
- s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
66
+ s ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
67
67
  );
68
- return `${l} - ${c}`;
68
+ return `${d} - ${l}`;
69
69
  }, [t, s]);
70
70
  return /* @__PURE__ */ C(W, { sx: { mr: 10, minWidth: "60%" }, children: [
71
71
  /* @__PURE__ */ e(
72
- Q,
72
+ q,
73
73
  {
74
74
  display: "block",
75
75
  fontWeight: 700,
@@ -79,17 +79,17 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
79
79
  textOverflow: "unset"
80
80
  },
81
81
  variant: a ? "H3" : "Body",
82
- children: d(o) || n.sub_title
82
+ children: h(o) || n.sub_title
83
83
  }
84
84
  ),
85
- /* @__PURE__ */ e(Q, { variant: a ? "Body" : "Small", children: h })
85
+ /* @__PURE__ */ e(q, { variant: a ? "Body" : "Small", children: u })
86
86
  ] });
87
- }, zt = (t) => {
87
+ }, Ft = (t) => {
88
88
  const o = t.row[t.field];
89
- return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(mt, { amount: o, variant: "Small" }) });
90
- }, Pt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
91
- const { categories: n } = R(), s = n.default_categories[t]?.replace(/&/g, "&") ?? Ne[t];
92
- return /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
89
+ return /* @__PURE__ */ e(y, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(mt, { amount: o, variant: "Small" }) });
90
+ }, Kt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
91
+ const { categories: n } = R(), s = n.default_categories[t]?.replace(/&/g, "&") ?? ke[t];
92
+ return /* @__PURE__ */ C(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
93
93
  /* @__PURE__ */ e(
94
94
  W,
95
95
  {
@@ -98,39 +98,39 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
98
98
  children: /* @__PURE__ */ e(fe, { categoryGuid: o })
99
99
  }
100
100
  ),
101
- /* @__PURE__ */ e(Q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
101
+ /* @__PURE__ */ e(q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
102
102
  ] });
103
- }, Ft = (t) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
104
- Pt,
103
+ }, Vt = (t) => /* @__PURE__ */ e(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
104
+ Kt,
105
105
  {
106
106
  categoryGuid: t.row.category,
107
107
  topLevelCategoryGuid: t.row.top_level_category_guid
108
108
  }
109
- ) }), Kt = (t, o) => {
109
+ ) }), $t = (t, o) => {
110
110
  const n = [], s = new Date(t);
111
111
  for (; s <= o; ) {
112
- const a = q(s, z.MONTH);
112
+ const a = J(s, F.MONTH);
113
113
  n.push(a), s.setMonth(s.getMonth() + 1);
114
114
  }
115
115
  return n;
116
- }, Pe = ({
116
+ }, Fe = ({
117
117
  monthlyCategoryTotals: t,
118
118
  selectedDateRange: o,
119
119
  selectedCategory: n,
120
120
  onClickRow: s,
121
121
  height: a = "100dvh",
122
- sx: d = {}
122
+ sx: h = {}
123
123
  }) => {
124
- const { onEvent: h } = N(), l = q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [c, m] = i.useState([
125
- { field: l, sort: "desc" }
126
- ]), f = i.useMemo(() => Kt(o.start, o.end), [o]), u = [
124
+ const { onEvent: u } = H(), d = J(/* @__PURE__ */ new Date(), F.MONTH_SHORT), [l, m] = i.useState([
125
+ { field: d, sort: "desc" }
126
+ ]), f = i.useMemo(() => $t(o.start, o.end), [o]), c = [
127
127
  {
128
128
  field: "category",
129
129
  flex: 1,
130
130
  headerName: "Category",
131
131
  minWidth: 175,
132
132
  renderHeader: Ie,
133
- renderCell: Ft,
133
+ renderCell: Vt,
134
134
  sortable: !0,
135
135
  type: "string"
136
136
  },
@@ -141,60 +141,60 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
141
141
  headerName: r,
142
142
  minWidth: 100,
143
143
  renderHeader: Ie,
144
- renderCell: zt,
144
+ renderCell: Ft,
145
145
  align: "right",
146
146
  headerAlign: "right",
147
147
  sortable: !0,
148
148
  hideSortIcons: !1,
149
149
  type: "number",
150
- sortComparator: tt
150
+ sortComparator: et
151
151
  })
152
152
  )
153
- ], T = i.useMemo(() => {
153
+ ], b = i.useMemo(() => {
154
154
  const r = t.filter(
155
- (p) => !st(p) && !rt(p)
156
- ), _ = (n ? r.filter(
155
+ (p) => !ot(p) && !st(p)
156
+ ), T = (n ? r.filter(
157
157
  (p) => p.category_guid === n || p.top_level_category_guid === n
158
158
  ) : r).reduce(
159
- (p, I) => {
160
- const { category_guid: w, top_level_category_guid: E, month: k, total: D, year: O } = I, M = n ? w : E;
159
+ (p, D) => {
160
+ const { category_guid: S, top_level_category_guid: I, month: k, total: E, year: O } = D, M = n ? S : I;
161
161
  p[M] || (p[M] = {
162
162
  id: M,
163
163
  category: M,
164
- category_guid: w,
165
- top_level_category_guid: E
164
+ category_guid: S,
165
+ top_level_category_guid: I
166
166
  });
167
- const L = q(new Date(O, k - 1), z.MONTH_SHORT);
168
- return p[M][L] || (p[M][L] = 0), p[M][L] = p[M][L] + Math.abs(D), p;
167
+ const x = J(new Date(O, k - 1), F.MONTH_SHORT);
168
+ return p[M][x] || (p[M][x] = 0), p[M][x] = p[M][x] + Math.abs(E), p;
169
169
  },
170
170
  {}
171
171
  );
172
- return Object.values(_);
172
+ return Object.values(T);
173
173
  }, [t, n]);
174
- return /* @__PURE__ */ e(W, { sx: { height: a, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ e(
174
+ return /* @__PURE__ */ e(W, { sx: { height: a, width: "100%", overflowX: "auto", boxShadow: "none", ...h }, children: /* @__PURE__ */ e(
175
175
  gt,
176
176
  {
177
- columns: u,
177
+ columns: c,
178
178
  disableColumnFilter: !0,
179
179
  disableColumnMenu: !0,
180
180
  hideFooter: !0,
181
- initialState: { sorting: { sortModel: c } },
181
+ initialState: { sorting: { sortModel: l } },
182
182
  onRowClick: (r) => {
183
- s?.(r.row.category), h(y.TRENDS_CLICK_LIST_ITEM, {
183
+ s?.(r.row.category), u(_.TRENDS_CLICK_LIST_ITEM, {
184
184
  ...A,
185
- listItem: Ne[r.row.category]
185
+ listItem: ke[r.row.category]
186
186
  });
187
187
  },
188
188
  onSortModelChange: (r) => {
189
- m(r), h(y.TRENDS_CLICK_TABLE_SORT, A);
189
+ m(r), u(_.TRENDS_CLICK_TABLE_SORT, A);
190
190
  },
191
- rows: T,
191
+ rows: b,
192
192
  slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
193
- sortModel: c,
193
+ sortModel: l,
194
194
  sortingOrder: ["asc", "desc"]
195
195
  }
196
196
  ) });
197
- }, $t = {
197
+ }, Pt = {
198
198
  title: "Transaction List"
199
199
  }, jt = ({
200
200
  categoryGuid: t,
@@ -202,97 +202,97 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
202
202
  isOpen: n,
203
203
  onClose: s
204
204
  }) => {
205
- const { onEvent: a } = N(), { selectedAccountGuids: d } = ee(), { common: h } = R(), { setFilter: l, sortedTransactions: c } = ie(), [m, f] = i.useState(""), u = i.useMemo(
206
- () => c.find((r) => r.guid === m),
207
- [m, c]
205
+ const { onEvent: a } = H(), { selectedAccountGuids: h } = ee(), { common: u } = R(), { setFilter: d, sortedTransactions: l } = ie(), [m, f] = i.useState(""), c = i.useMemo(
206
+ () => l.find((r) => r.guid === m),
207
+ [m, l]
208
208
  );
209
209
  i.useEffect(() => {
210
- l({
211
- accounts: d,
210
+ d({
211
+ accounts: h,
212
212
  dateRange: o,
213
213
  custom: (r) => t === "" || t === r.category_guid || t === r.top_level_category_guid,
214
214
  showSplits: !!t
215
215
  });
216
- }, [d, t, o]), i.useEffect(() => a(y.TRENDS_VIEW_TRANSACTIONS), []);
217
- const T = () => {
216
+ }, [h, t, o]), i.useEffect(() => a(_.TRENDS_VIEW_TRANSACTIONS), []);
217
+ const b = () => {
218
218
  f(""), s();
219
219
  };
220
220
  return /* @__PURE__ */ C(
221
221
  Ce,
222
222
  {
223
- ariaLabelClose: h.close_aria,
223
+ ariaLabelClose: u.close_aria,
224
224
  isOpen: n,
225
- onClose: T,
226
- title: $t.title,
225
+ onClose: b,
226
+ title: Pt.title,
227
227
  children: [
228
- u && /* @__PURE__ */ e(We, { transaction: u }),
229
- !u && /* @__PURE__ */ e(Oe, { onClick: f })
228
+ c && /* @__PURE__ */ e(Ne, { transaction: c }),
229
+ !c && /* @__PURE__ */ e(We, { onClick: f })
230
230
  ]
231
231
  }
232
232
  );
233
233
  }, Yt = v(jt), Ut = ({ onBackClick: t, sx: o }) => {
234
- const { onEvent: n } = N(), { isDesktop: s, isTablet: a, isMobile: d } = $(), { visibleAccounts: h } = ce(), { loadMonthlyCategoryTotals: l, monthlyCategoryTotals: c, getCategoryName: m } = K(), { sortedTransactions: f } = ie(), { selectedDateRange: u, setSelectedDateRange: T } = te(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: _, setSelectedAccounts: p } = ee(), { trends: I } = R(), [w, E] = i.useState(!1), [k, D] = i.useState(!1), [O, M] = i.useState("Chart"), [L, P] = i.useState(""), [G, le] = i.useState(window.innerHeight), j = G - (d ? 315 : 345);
234
+ const { onEvent: n } = H(), { isDesktop: s, isTablet: a, isMobile: h } = P(), { visibleAccounts: u } = ce(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: l, getCategoryName: m } = $(), { sortedTransactions: f } = ie(), { selectedDateRange: c, setSelectedDateRange: b } = te(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = ee(), { trends: D } = R(), [S, I] = i.useState(!1), [k, E] = i.useState(!1), [O, M] = i.useState("Chart"), [x, K] = i.useState(""), [z, le] = i.useState(window.innerHeight), j = z - (h ? 315 : 345);
235
235
  i.useEffect(() => {
236
- const S = () => le(window.innerHeight);
237
- return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
236
+ const w = () => le(window.innerHeight);
237
+ return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
238
238
  }, []), i.useEffect(() => {
239
- p(h);
240
- }, [h]), i.useEffect(() => {
241
- g && l(
242
- _,
243
- u.start,
244
- u.end
239
+ p(u);
240
+ }, [u]), i.useEffect(() => {
241
+ g && d(
242
+ T,
243
+ c.start,
244
+ c.end
245
245
  ).finally(() => {
246
- E(!0);
246
+ I(!0);
247
247
  });
248
- }, [g, _, u]);
248
+ }, [g, T, c]);
249
249
  const ne = i.useMemo(() => {
250
- if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
251
- const S = nt(
252
- c,
253
- u.start,
254
- u.end
255
- ), H = L.length ? S.filter(
256
- (B) => B.top_level_category_guid === L || B.category_guid === L
257
- ) : at(S);
250
+ if (!S) return { stackedDatasets: [], unstackedDatasets: [] };
251
+ const w = tt(
252
+ l,
253
+ c.start,
254
+ c.end
255
+ ), N = x.length ? w.filter(
256
+ (B) => B.top_level_category_guid === x || B.category_guid === x
257
+ ) : rt(w);
258
258
  return {
259
- stackedDatasets: H.filter(it),
260
- unstackedDatasets: H.filter(ct)
259
+ stackedDatasets: N.filter(at),
260
+ unstackedDatasets: N.filter(it)
261
261
  };
262
- }, [c, L, u]), F = (S, H) => {
263
- M(H ?? O), n(y.TRENDS_CLICK_TOGGLE_VIEW);
264
- }, de = (S) => {
265
- const H = ve(S?.[0], 1), B = S?.[1], ge = pe(B, H);
266
- T({ start: H, end: B }), n(y.TRENDS_CLICK_TIME_WINDOW, {
262
+ }, [l, x, c]), V = (w, N) => {
263
+ M(N ?? O), n(_.TRENDS_CLICK_TOGGLE_VIEW);
264
+ }, de = (w) => {
265
+ const N = ve(w?.[0], 1), B = w?.[1], ge = pe(B, N);
266
+ b({ start: N, end: B }), n(_.TRENDS_CLICK_TIME_WINDOW, {
267
267
  time_period: ge + "M"
268
268
  });
269
269
  }, Y = () => {
270
- n(y.TRENDS_CLICK_FILTER);
271
- }, oe = (S) => {
272
- P(S);
273
- }, he = (S) => {
274
- P(S), n(y.TRENDS_CLICK_LEGEND, { category: m(S) });
275
- }, se = (S) => {
276
- n(y.TRENDS_HOVER_LEGEND, { category: m(S) });
277
- }, re = (S) => {
278
- n(y.TRENDS_HOVER_AREA, { category: S });
279
- }, ue = (S) => {
280
- n(y.TRENDS_HOVER_POINT, { category: S });
270
+ n(_.TRENDS_CLICK_FILTER);
271
+ }, oe = (w) => {
272
+ K(w);
273
+ }, he = (w) => {
274
+ K(w), n(_.TRENDS_CLICK_LEGEND, { category: m(w) });
275
+ }, se = (w) => {
276
+ n(_.TRENDS_HOVER_LEGEND, { category: m(w) });
277
+ }, re = (w) => {
278
+ n(_.TRENDS_HOVER_AREA, { category: w });
279
+ }, ue = (w) => {
280
+ n(_.TRENDS_HOVER_POINT, { category: w });
281
281
  };
282
- return !r || !g || !w ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
282
+ return !r || !g || !S ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
283
283
  He,
284
284
  {
285
- accountOptions: h,
285
+ accountOptions: u,
286
286
  calendarActions: { onRangeChanged: de },
287
- dateRange: u,
287
+ dateRange: c,
288
288
  dateRangeVariant: "timeframebuttons",
289
289
  onAccountsFilterClick: Y,
290
290
  onBackClick: t,
291
291
  sx: o,
292
- title: I.title,
292
+ title: D.title,
293
293
  children: [
294
294
  /* @__PURE__ */ C(
295
- b,
295
+ y,
296
296
  {
297
297
  sx: {
298
298
  // eslint-disable-next-line no-nested-ternary
@@ -300,33 +300,33 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
300
300
  },
301
301
  children: [
302
302
  /* @__PURE__ */ C(
303
- b,
303
+ y,
304
304
  {
305
305
  flexDirection: "row",
306
306
  justifyContent: "space-between",
307
- sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
307
+ sx: { pb: h ? 12 : 24, pt: h ? 24 : 48 },
308
308
  children: [
309
309
  /* @__PURE__ */ e(
310
- ze,
310
+ Be,
311
311
  {
312
- selectedCategoryGuid: L,
313
- selectedDateRange: u
312
+ selectedCategoryGuid: x,
313
+ selectedDateRange: c
314
314
  }
315
315
  ),
316
- /* @__PURE__ */ e(Be, { onTabChange: F, selectedTab: O })
316
+ /* @__PURE__ */ e(ze, { onTabChange: V, selectedTab: O })
317
317
  ]
318
318
  }
319
319
  ),
320
- /* @__PURE__ */ C(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
321
- /* @__PURE__ */ e(W, { flexGrow: 1, children: L && /* @__PURE__ */ C(me, { onClick: () => P(""), sx: { p: 0, pr: 5 }, children: [
320
+ /* @__PURE__ */ C(y, { alignItems: "center", flexDirection: "row", width: "100%", children: [
321
+ /* @__PURE__ */ e(W, { flexGrow: 1, children: x && /* @__PURE__ */ C(me, { onClick: () => K(""), sx: { p: 0, pr: 5 }, children: [
322
322
  /* @__PURE__ */ e(ae, { name: "arrow_back" }),
323
- I.all_categories
323
+ D.all_categories
324
324
  ] }) }),
325
- /* @__PURE__ */ e(me, { onClick: () => D(!0), sx: { px: 5 }, children: `${I.view_transactions} (${f.length})` })
325
+ /* @__PURE__ */ e(me, { onClick: () => E(!0), sx: { px: 5 }, children: `${D.view_transactions} (${f.length})` })
326
326
  ] }),
327
327
  /* @__PURE__ */ C(W, { children: [
328
328
  O === "Chart" && /* @__PURE__ */ e(
329
- ot,
329
+ nt,
330
330
  {
331
331
  availableHeight: j,
332
332
  onClickLegend: he,
@@ -338,12 +338,12 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
338
338
  }
339
339
  ),
340
340
  O === "Table" && /* @__PURE__ */ e(
341
- Pe,
341
+ Fe,
342
342
  {
343
- monthlyCategoryTotals: c,
343
+ monthlyCategoryTotals: l,
344
344
  onClickRow: oe,
345
- selectedCategory: L,
346
- selectedDateRange: u
345
+ selectedCategory: x,
346
+ selectedDateRange: c
347
347
  }
348
348
  )
349
349
  ] })
@@ -353,19 +353,19 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
353
353
  /* @__PURE__ */ e(
354
354
  Yt,
355
355
  {
356
- categoryGuid: L,
357
- dateRange: u,
356
+ categoryGuid: x,
357
+ dateRange: c,
358
358
  isOpen: k,
359
- onClose: () => D(!1)
359
+ onClose: () => E(!1)
360
360
  }
361
361
  )
362
362
  ]
363
363
  }
364
364
  );
365
- }, io = v(Ut), Xt = () => {
366
- const t = Ve(), { monthlyCategoryTotals: o } = K(), { trends: n } = R(), s = lt(o);
365
+ }, ao = v(Ut), Xt = () => {
366
+ const t = Oe(), { monthlyCategoryTotals: o } = $(), { trends: n } = R(), s = ct(o);
367
367
  return /* @__PURE__ */ e(
368
- ye,
368
+ _e,
369
369
  {
370
370
  baseline: "min",
371
371
  colors: [t.palette.primary.main],
@@ -380,37 +380,37 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
380
380
  valueFormatterString: "0,0"
381
381
  }
382
382
  );
383
- }, Zt = v(Xt), Qt = ({ onPrimaryCtaClick: t, sx: o }) => {
384
- const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = K(), { isInitialized: d } = Te(), { trends: h } = R(), { isCopyLoaded: l, selectedAccounts: c, setSelectedAccounts: m } = ee();
383
+ }, Zt = v(Xt), qt = ({ onPrimaryCtaClick: t, sx: o }) => {
384
+ const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = $(), { isInitialized: h } = Te(), { trends: u } = R(), { isCopyLoaded: d, selectedAccounts: l, setSelectedAccounts: m } = ee();
385
385
  return i.useEffect(() => {
386
386
  m(n);
387
387
  }, [n]), i.useEffect(() => {
388
- d && s(c).finally();
389
- }, [d, c]), !l || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
388
+ h && s(l).finally();
389
+ }, [h, l]), !d || !h ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(
390
390
  ft,
391
391
  {
392
392
  onPrimaryCtaClick: t,
393
- primaryCtaLabel: h.primary_cta,
394
- subTitle: h.sub_title,
393
+ primaryCtaLabel: u.primary_cta,
394
+ subTitle: u.sub_title,
395
395
  sx: o,
396
- title: h.mini_title,
397
- children: a ? /* @__PURE__ */ e(Zt, {}) : /* @__PURE__ */ e(J, {})
396
+ title: u.mini_title,
397
+ children: a ? /* @__PURE__ */ e(Zt, {}) : /* @__PURE__ */ e(Q, {})
398
398
  }
399
399
  );
400
- }, co = v(Qt), qt = 70, Ee = ({
400
+ }, io = v(qt), Jt = 70, Ee = ({
401
401
  title: t,
402
402
  totalAmount: o,
403
403
  transactionType: n,
404
404
  percentage: s,
405
405
  secondaryLabel: a,
406
- shouldDisplayPercentage: d
406
+ shouldDisplayPercentage: h
407
407
  }) => {
408
- const { availableWidth: h } = ut(), l = i.useRef(null), c = i.useRef(null), m = Dt(Number(Math.abs(s)), {
408
+ const { availableWidth: u } = ht(), d = i.useRef(null), l = i.useRef(null), m = Dt(Number(Math.abs(s)), {
409
409
  style: "percent",
410
410
  minimumIntegerDigits: 1
411
- }), f = h === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), u = n === "spending" ? s > 0 : s >= 0, T = n === "spending" ? "error.main" : "success.main", r = n === "spending" ? "success.main" : "text.secondary", g = l?.current, _ = c?.current, p = g && _ ? g.scrollWidth > _.clientWidth - qt : !1;
411
+ }), f = u === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), c = n === "spending" ? s > 0 : s >= 0, b = n === "spending" ? "error.main" : "success.main", r = n === "spending" ? "success.main" : "text.secondary", g = d?.current, T = l?.current, p = g && T ? g.scrollWidth > T.clientWidth - Jt : !1;
412
412
  return /* @__PURE__ */ C(
413
- b,
413
+ y,
414
414
  {
415
415
  sx: {
416
416
  border: 1,
@@ -423,7 +423,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
423
423
  },
424
424
  children: [
425
425
  /* @__PURE__ */ C(
426
- b,
426
+ y,
427
427
  {
428
428
  sx: {
429
429
  alignItems: "center",
@@ -432,13 +432,13 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
432
432
  },
433
433
  children: [
434
434
  /* @__PURE__ */ e(X, { color: "text.secondary", variant: "caption", children: t }),
435
- d && /* @__PURE__ */ C(b, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
436
- u ? /* @__PURE__ */ e(yt, { size: 20, sx: { color: T } }) : /* @__PURE__ */ e(_t, { size: 20, sx: { color: r } }),
435
+ h && /* @__PURE__ */ C(y, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
436
+ c ? /* @__PURE__ */ e(_t, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(yt, { size: 20, sx: { color: r } }),
437
437
  /* @__PURE__ */ e(
438
438
  X,
439
439
  {
440
440
  sx: {
441
- color: u ? T : r,
441
+ color: c ? b : r,
442
442
  fontWeight: 600
443
443
  },
444
444
  variant: "body2",
@@ -450,9 +450,9 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
450
450
  }
451
451
  ),
452
452
  /* @__PURE__ */ C(
453
- b,
453
+ y,
454
454
  {
455
- ref: c,
455
+ ref: l,
456
456
  sx: {
457
457
  alignItems: "center",
458
458
  flexDirection: "row",
@@ -462,15 +462,15 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
462
462
  /* @__PURE__ */ e(
463
463
  W,
464
464
  {
465
- ref: l,
465
+ ref: d,
466
466
  sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
467
- children: /* @__PURE__ */ e(xe, { children: f })
467
+ children: /* @__PURE__ */ e(Le, { children: f })
468
468
  }
469
469
  ),
470
- d && h >= 450 && !p && /* @__PURE__ */ e(
470
+ h && u >= 450 && !p && /* @__PURE__ */ e(
471
471
  X,
472
472
  {
473
- color: u ? T : r,
473
+ color: c ? b : r,
474
474
  variant: "caption",
475
475
  children: a
476
476
  }
@@ -481,50 +481,50 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
481
481
  ]
482
482
  }
483
483
  );
484
- }, Jt = v(() => {
484
+ }, Qt = v(() => {
485
485
  const { trends: t } = R();
486
- return /* @__PURE__ */ C(b, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
486
+ return /* @__PURE__ */ C(y, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
487
487
  /* @__PURE__ */ e(bt, { size: 32 }),
488
- /* @__PURE__ */ C(b, { children: [
488
+ /* @__PURE__ */ C(y, { children: [
489
489
  /* @__PURE__ */ e(X, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
490
490
  /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
491
491
  ] })
492
492
  ] });
493
- }), lo = v(({ onCtaClick: t }) => {
494
- const { visibleAccounts: o } = ce(), { onEvent: n } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = K(), h = {
493
+ }), co = v(({ onCtaClick: t }) => {
494
+ const { visibleAccounts: o } = ce(), { onEvent: n } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: h } = $(), u = {
495
495
  start: Tt(/* @__PURE__ */ new Date(), 1),
496
496
  end: /* @__PURE__ */ new Date()
497
- }, { trends: l } = R(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: f } = ee();
497
+ }, { trends: d } = R(), { selectedAccounts: l, setSelectedAccounts: m, isInitialized: f } = ee();
498
498
  i.useEffect(() => {
499
499
  m(o);
500
500
  }, [o]), i.useEffect(() => {
501
- f && a(c, h.start).then(() => {
502
- n(y.TRENDS_LOAD_WIDGET, {
501
+ f && a(l, u.start).then(() => {
502
+ n(_.TRENDS_LOAD_WIDGET, {
503
503
  state: o?.length ? "default" : "zeroState"
504
504
  });
505
505
  });
506
- }, [f, c]);
507
- const { spendingData: u, incomeData: T } = i.useMemo(
506
+ }, [f, l]);
507
+ const { spendingData: c, incomeData: b } = i.useMemo(
508
508
  () => ({
509
- spendingData: Ae(s, h),
510
- incomeData: Re(s, h)
509
+ spendingData: Ae(s, u),
510
+ incomeData: Re(s, u)
511
511
  }),
512
- [s, h]
513
- ), [r, g] = u, [_, p] = T, I = De(g.y, r.y), w = De(p.y, _.y), E = f && !o?.length, k = () => {
512
+ [s, u]
513
+ ), [r, g] = c, [T, p] = b, D = De(g.y, r.y), S = De(p.y, T.y), I = f && !o?.length, k = () => {
514
514
  n(
515
- E ? y.TRENDS_CLICK_GET_STARTED : y.TRENDS_CLICK_VIEW_MORE
515
+ I ? _.TRENDS_CLICK_GET_STARTED : _.TRENDS_CLICK_VIEW_MORE
516
516
  ), t();
517
517
  };
518
- return !d || !f ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
518
+ return !h || !f ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(
519
519
  It,
520
520
  {
521
521
  className: "mx-trends-microwidget",
522
- ctaLabel: l.micro_primary_cta_label,
522
+ ctaLabel: d.micro_primary_cta_label,
523
523
  onCTAClick: k,
524
- subHeader: E ? void 0 : l.micro_subheader,
525
- title: l.title,
526
- children: E ? /* @__PURE__ */ e(Jt, {}) : /* @__PURE__ */ C(
527
- b,
524
+ subHeader: I ? void 0 : d.micro_subheader,
525
+ title: d.title,
526
+ children: I ? /* @__PURE__ */ e(Qt, {}) : /* @__PURE__ */ C(
527
+ y,
528
528
  {
529
529
  sx: {
530
530
  alignItems: "stretch",
@@ -535,10 +535,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
535
535
  /* @__PURE__ */ e(
536
536
  Ee,
537
537
  {
538
- percentage: I,
539
- secondaryLabel: l.micro_secondary_label,
538
+ percentage: D,
539
+ secondaryLabel: d.micro_secondary_label,
540
540
  shouldDisplayPercentage: g.y !== 0 && r.y !== 0,
541
- title: l.spending_label,
541
+ title: d.spending_label,
542
542
  totalAmount: g.y,
543
543
  transactionType: "spending"
544
544
  }
@@ -546,10 +546,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
546
546
  /* @__PURE__ */ e(
547
547
  Ee,
548
548
  {
549
- percentage: w,
550
- secondaryLabel: l.micro_secondary_label,
551
- shouldDisplayPercentage: p.y !== 0 && _.y !== 0,
552
- title: l.income_label,
549
+ percentage: S,
550
+ secondaryLabel: d.micro_secondary_label,
551
+ shouldDisplayPercentage: p.y !== 0 && T.y !== 0,
552
+ title: d.income_label,
553
553
  totalAmount: p.y,
554
554
  transactionType: "income"
555
555
  }
@@ -562,14 +562,14 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
562
562
  }), en = v(
563
563
  ({ isExpanded: t, onClick: o }) => {
564
564
  const n = Ge();
565
- return /* @__PURE__ */ e(xt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(vt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
566
- b,
565
+ return /* @__PURE__ */ e(Lt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(vt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
566
+ y,
567
567
  {
568
568
  sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
569
569
  children: [
570
- /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(Q, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
571
- /* @__PURE__ */ e(Mt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(
572
- wt,
570
+ /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(q, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
571
+ /* @__PURE__ */ e(Mt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(
572
+ St,
573
573
  {
574
574
  sx: {
575
575
  transition: "transform 0.3s ease-in-out",
@@ -581,18 +581,18 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
581
581
  }
582
582
  ) }) });
583
583
  }
584
- ), Le = v(
584
+ ), xe = v(
585
585
  ({
586
586
  totalAmount: t,
587
587
  guid: o,
588
588
  name: n,
589
589
  transactions: s,
590
590
  onClick: a,
591
- isLastItem: d = !1,
592
- showDivider: h = !0
591
+ isLastItem: h = !1,
592
+ showDivider: u = !0
593
593
  }) => {
594
- const { trends: l } = R(), { onEvent: c } = N(), m = `${s.length} ${s.length === 1 ? l.transaction : l.transactions}`, f = () => {
595
- a?.(), c(y.TRENDS_CLICK_LIST_ITEM, {
594
+ const { trends: d } = R(), { onEvent: l } = H(), m = `${s.length} ${s.length === 1 ? d.transaction : d.transactions}`, f = () => {
595
+ a?.(), l(_.TRENDS_CLICK_LIST_ITEM, {
596
596
  ...A,
597
597
  listItem: n
598
598
  });
@@ -604,33 +604,33 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
604
604
  leftIcon: o ? /* @__PURE__ */ e(fe, { categoryGuid: o }) : void 0,
605
605
  onClick: f,
606
606
  rightContent: Z(Math.abs(t), "0,0.00"),
607
- rightIcon: a ? /* @__PURE__ */ e(et, {}) : void 0,
607
+ rightIcon: a ? /* @__PURE__ */ e(Qe, {}) : void 0,
608
608
  subtitle: m,
609
609
  title: n
610
610
  }
611
611
  ),
612
- h && /* @__PURE__ */ e(Rt, { sx: { ml: d ? 24 : 68 } })
612
+ u && /* @__PURE__ */ e(Rt, { sx: { ml: h ? 24 : 68 } })
613
613
  ] }, o);
614
614
  }
615
615
  ), tn = v(
616
616
  ({ availableHeight: t = 0, onCategoryClick: o }) => {
617
- const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: a } = te(), { isLargeDesktop: d, isDesktop: h } = $(), { trends: l } = R(), { onEvent: c } = N(), [m, f] = i.useState(!1), u = h || d;
617
+ const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: a } = te(), { isLargeDesktop: h, isDesktop: u } = P(), { trends: d } = R(), { onEvent: l } = H(), [m, f] = i.useState(!1), c = u || h;
618
618
  i.useEffect(() => {
619
- const g = Math.floor(t / 64) - 1, _ = s.length + n.length;
620
- g !== s.length && (a(u ? Math.max(g, 5) : 5), f(g >= _));
619
+ const g = Math.floor(t / 64) - 1, T = s.length + n.length;
620
+ g !== s.length && (a(c ? Math.max(g, 5) : 5), f(g >= T));
621
621
  }, [t]);
622
- const T = () => {
623
- f(!m), c(y.TRENDS_CLICK_VIEW_MORE, {
622
+ const b = () => {
623
+ f(!m), l(_.TRENDS_CLICK_VIEW_MORE, {
624
624
  ...A
625
625
  });
626
626
  }, r = s.length + (m ? n.length : 0);
627
- return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Lt, { children: [
628
- /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(xe, { children: l.categories }) }),
629
- s.map((g, _) => /* @__PURE__ */ e(
630
- Le,
627
+ return /* @__PURE__ */ e(y, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(xt, { children: [
628
+ /* @__PURE__ */ e(y, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Le, { children: d.categories }) }),
629
+ s.map((g, T) => /* @__PURE__ */ e(
630
+ xe,
631
631
  {
632
632
  ...g,
633
- isLastItem: _ === r - 1,
633
+ isLastItem: T === r - 1,
634
634
  onClick: g.transactions.length > 0 ? () => o(g) : void 0,
635
635
  showDivider: !0
636
636
  },
@@ -641,10 +641,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
641
641
  {
642
642
  in: m,
643
643
  sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
644
- children: n.map((g, _) => {
645
- const p = s.length + _;
644
+ children: n.map((g, T) => {
645
+ const p = s.length + T;
646
646
  return /* @__PURE__ */ e(
647
- Le,
647
+ xe,
648
648
  {
649
649
  ...g,
650
650
  isLastItem: p === r - 1,
@@ -656,43 +656,41 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
656
656
  })
657
657
  }
658
658
  ),
659
- n.length > 0 && /* @__PURE__ */ e(en, { isExpanded: m, onClick: T })
659
+ n.length > 0 && /* @__PURE__ */ e(en, { isExpanded: m, onClick: b })
660
660
  ] }) });
661
661
  }
662
662
  ), nn = ({ beats: t, onInsightCardClick: o }) => {
663
- const n = kt(), { onEvent: s } = N(), { isMobile: a, isDesktop: d, isLargeDesktop: h } = $(), { beatStore: l, endpoint: c, sessionToken: m } = Te(), { is_mobile_webview: f } = ke();
664
- console.log({ is_mobile_webview: f });
665
- const u = n.palette.mode === "dark", T = d || h, r = T || a ? 1 : 2, g = () => null, _ = (D) => {
666
- o?.(D), s(y.TRENDS_CLICK_INSIGHT, A);
667
- }, p = T ? 200 : 170, I = T ? 170 : 124, w = T ? 56 : 0, E = t.length > 0 ? p + w : I, k = T && t.length > 0 ? p : void 0;
668
- return /* @__PURE__ */ e(Nt, { sx: { height: E }, children: /* @__PURE__ */ e(
663
+ const n = kt(), { onEvent: s } = H(), { isMobile: a, isDesktop: h, isLargeDesktop: u } = P(), { beatStore: d, endpoint: l, sessionToken: m } = Te(), f = n.palette.mode === "dark", c = h || u, b = c || a ? 1 : 2, r = () => null, g = (k) => {
664
+ o?.(k), s(_.TRENDS_CLICK_INSIGHT, A);
665
+ }, T = c ? 200 : 170, p = c ? 170 : 124, D = c ? 56 : 0, S = t.length > 0 ? T + D : p, I = c && t.length > 0 ? T : void 0;
666
+ return /* @__PURE__ */ e(Ht, { sx: { height: S }, children: /* @__PURE__ */ e(
669
667
  Ct,
670
668
  {
671
- areBeatsLoading: l.isLoading,
669
+ areBeatsLoading: d.isLoading,
672
670
  beats: t,
673
- endpoint: c,
674
- heightOverrides: k,
675
- logOutUser: g,
676
- onCardClick: _,
671
+ endpoint: l,
672
+ heightOverrides: I,
673
+ logOutUser: r,
674
+ onCardClick: g,
677
675
  showBorder: !0,
678
- showCTAColocatedWithText: !1,
676
+ showCTAColocatedWithText: !0,
679
677
  showCarouselControls: !0,
680
- showHeader: T,
678
+ showHeader: c,
681
679
  showIcon: !0,
682
680
  showWithMargin: !1,
683
681
  token: m,
684
- useDarkMode: u,
682
+ useDarkMode: f,
685
683
  userHasFullInsightFeedBeats: !1,
686
684
  variant: "outlined",
687
- visibleCardsCount: r
685
+ visibleCardsCount: b
688
686
  }
689
687
  ) });
690
688
  }, on = v(nn), sn = v(({ chartLabel: t, chartColor: o }) => {
691
- const { onEvent: n } = N(), {
689
+ const { onEvent: n } = H(), {
692
690
  categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: a }
693
691
  } = te();
694
- return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
695
- ye,
692
+ return /* @__PURE__ */ e(y, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
693
+ _e,
696
694
  {
697
695
  baseline: "min",
698
696
  colors: [o],
@@ -705,7 +703,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
705
703
  stroke: o
706
704
  }),
707
705
  onItemClick: () => {
708
- n(y.TRENDS_CLICK_CHART, A);
706
+ n(_.TRENDS_CLICK_CHART, A);
709
707
  },
710
708
  showArea: !0,
711
709
  showAverage: !0,
@@ -721,14 +719,14 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
721
719
  }
722
720
  ) });
723
721
  }), rn = v(({ onClose: t }) => {
724
- const o = Ge(), { onEvent: n } = N(), { common: s, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: h } = te(), { sortedTransactions: l } = ie(), [c, m] = i.useState(null);
725
- if (!d)
722
+ const o = Ge(), { onEvent: n } = H(), { common: s, trends: a } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: u } = te(), { sortedTransactions: d } = ie(), [l, m] = i.useState(null);
723
+ if (!h)
726
724
  return null;
727
- const { guid: f, name: u, is_income: T, totalAmount: r } = d, g = T ? a.category_income : a.category_spending, _ = Wt(f, o), p = T ? a.income_label : a.spending_label, I = ` ${d.transactions.length === 1 ? a.transaction : a.transactions} (${d.transactions.length})`, w = i.useMemo(
728
- () => l.find((D) => D.guid === c),
729
- [c, l]
730
- ), E = (D) => D.category_guid === f || D.top_level_category_guid === f, k = () => {
731
- t?.(), n(y.TRENDS_CLICK_BACK, A);
725
+ const { guid: f, name: c, is_income: b, totalAmount: r } = h, g = b ? a.category_income : a.category_spending, T = Wt(f, o), p = b ? a.income_label : a.spending_label, D = ` ${h.transactions.length === 1 ? a.transaction : a.transactions} (${h.transactions.length})`, S = i.useMemo(
726
+ () => d.find((E) => E.guid === l),
727
+ [l, d]
728
+ ), I = (E) => E.category_guid === f || E.top_level_category_guid === f, k = () => {
729
+ t?.(), n(_.TRENDS_CLICK_BACK, A);
732
730
  };
733
731
  return /* @__PURE__ */ C(
734
732
  Ce,
@@ -739,28 +737,28 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
739
737
  shouldShowHeaderShadow: !0,
740
738
  title: g,
741
739
  children: [
742
- /* @__PURE__ */ C(b, { sx: { alignItems: "center", height: "100%" }, children: [
743
- /* @__PURE__ */ C(Ht, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
740
+ /* @__PURE__ */ C(y, { sx: { alignItems: "center", height: "100%" }, children: [
741
+ /* @__PURE__ */ C(Nt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
744
742
  /* @__PURE__ */ e(
745
743
  Me,
746
744
  {
747
745
  leftIcon: /* @__PURE__ */ e(fe, { categoryGuid: f }),
748
746
  rightContent: Z(Math.abs(r), "0,0.00"),
749
- subtitle: h,
750
- title: u
747
+ subtitle: u,
748
+ title: c
751
749
  }
752
750
  ),
753
- /* @__PURE__ */ e(sn, { chartColor: _, chartLabel: p }),
754
- /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
755
- /* @__PURE__ */ e(Q, { bold: !0, variant: "body1", children: I }),
756
- /* @__PURE__ */ e(Ot, { filter: E })
751
+ /* @__PURE__ */ e(sn, { chartColor: T, chartLabel: p }),
752
+ /* @__PURE__ */ C(y, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
753
+ /* @__PURE__ */ e(q, { bold: !0, variant: "body1", children: D }),
754
+ /* @__PURE__ */ e(Ot, { filter: I })
757
755
  ] })
758
756
  ] }),
759
757
  /* @__PURE__ */ e(
760
- Oe,
758
+ We,
761
759
  {
762
760
  bgcolor: "transparent",
763
- filter: E,
761
+ filter: I,
764
762
  height: "calc(100vh - 475px)",
765
763
  onClick: m
766
764
  }
@@ -770,10 +768,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
770
768
  Ce,
771
769
  {
772
770
  ariaLabelClose: s.close_aria,
773
- isOpen: !!w,
771
+ isOpen: !!S,
774
772
  onClose: () => m(""),
775
773
  title: a.transaction,
776
- children: w && /* @__PURE__ */ e(We, { transaction: w })
774
+ children: S && /* @__PURE__ */ e(Ne, { transaction: S })
777
775
  }
778
776
  )
779
777
  ]
@@ -783,37 +781,37 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
783
781
  const n = Re(t, o), s = Ae(t, o);
784
782
  return [n, s].filter((a) => a.length > 0);
785
783
  }, cn = (t, o) => {
786
- const [n, s] = t, a = n, d = s ?? n, h = [];
784
+ const [n, s] = t, a = n, h = s ?? n, u = [];
787
785
  if (a) {
788
- const l = a.reduce((c, m) => c + m.y, 0);
789
- h.push({ label: o.income_label, amount: l });
786
+ const d = a.reduce((l, m) => l + m.y, 0);
787
+ u.push({ label: o.income_label, amount: d });
790
788
  }
791
- if (d) {
792
- const l = d.reduce((c, m) => c + m.y, 0);
793
- h.push({ label: o.spending_label, amount: l });
789
+ if (h) {
790
+ const d = h.reduce((l, m) => l + m.y, 0);
791
+ u.push({ label: o.spending_label, amount: d });
794
792
  }
795
- return h;
793
+ return u;
796
794
  }, ln = ({
797
795
  availableHeight: t = 0,
798
796
  minHeight: o = 500,
799
797
  selectedDateRange: n,
800
798
  totals: s
801
799
  }) => {
802
- const a = Ve(), { onEvent: d } = N(), { trends: h } = R(), { isSmallMobile: l, isMobile: c, isSmallTablet: m, isTablet: f } = $(), u = [a.palette.chart?.chart1, a.palette.chart?.chart2], T = an(s, n), r = cn(T, h), [g, _] = i.useState(0), p = 458, I = 195, w = 56, E = c || l ? I : m || f ? p : g;
800
+ const a = Oe(), { onEvent: h } = H(), { trends: u } = R(), { isSmallMobile: d, isMobile: l, isSmallTablet: m, isTablet: f } = P(), c = [a.palette.chart?.chart1, a.palette.chart?.chart2], b = an(s, n), r = cn(b, u), [g, T] = i.useState(0), p = 458, D = 195, S = 56, I = l || d ? D : m || f ? p : g;
803
801
  return i.useEffect(() => {
804
- const D = Math.max(t - w, o);
805
- _(D);
802
+ const E = Math.max(t - S, o);
803
+ T(E);
806
804
  }, [t]), /* @__PURE__ */ e(
807
- ye,
805
+ _e,
808
806
  {
809
807
  baseline: "min",
810
- colors: u,
808
+ colors: c,
811
809
  curveType: "bump",
812
- datasets: T,
813
- height: E,
810
+ datasets: b,
811
+ height: I,
814
812
  labels: r,
815
813
  onItemClick: () => {
816
- d(y.TRENDS_CLICK_CHART, A);
814
+ h(_.TRENDS_CLICK_CHART, A);
817
815
  },
818
816
  showArea: !0,
819
817
  showAxisHighlight: !0,
@@ -826,183 +824,149 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
826
824
  valueFormatterString: "0.0a"
827
825
  }
828
826
  );
829
- }, dn = v(ln), hn = [
830
- "BillAmountNotStandard",
831
- "CategorySpendingV2",
832
- "CostOfLivingToIncome",
833
- "DebtPaymentReminderV2",
834
- "DiscoveredAccounts",
835
- "DuplicatePaymentV2",
836
- "FeeDetected",
837
- "GreenGasPurchasesSummary",
838
- "LargeTransaction",
839
- "LowAccountBalance",
840
- "MonthlyDebtToIncomeComparisonV2",
841
- "MonthlyDepositSummaryV2",
842
- "MonthlyNonEssentialCategorySummaryV2",
843
- "MonthlySavingsToIncomeComparison",
844
- "MonthlySpendToIncomeComparisonV2",
845
- "MonthlySubscriptionAggregateV2",
846
- "MonthlyTopMerchantSpendingV3",
847
- "MonthlyObligationsStatus",
848
- "QuarterlySummary",
849
- "SaveAnExtra100Dollars",
850
- "SaveEnoughToLiveOn",
851
- "SavingsOpportunityV2",
852
- "SubscriptionDetected",
853
- "SubscriptionPriceIncrease",
854
- "SetUpDirectDeposit",
855
- "SwitchDirectDeposit",
856
- "UnexpectedSubscriptionPayment",
857
- "UpcomingBill",
858
- "UpcomingSubscription",
859
- "WeekendSpendingSummaryV2",
860
- "WeeklyNewMerchantsV2",
861
- "WeeklyNoSpendDays",
862
- "WeeklySmallPurchasesSummary"
863
- ], un = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
864
- const { onEvent: s } = N(), { config: a } = ke(), { isLargeDesktop: d, isDesktop: h, isMobile: l } = $(), { visibleAccounts: c } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: u } = K(), { setFilter: T } = ie(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: _ } = te(), {
827
+ }, dn = v(ln), hn = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
828
+ const { onEvent: s } = H(), { config: a } = ut(), { isLargeDesktop: h, isDesktop: u, isMobile: d } = P(), { visibleAccounts: l } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: c } = $(), { setFilter: b } = ie(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: T } = te(), {
865
829
  isCopyLoaded: p,
866
- isInitialized: I,
867
- selectedAccounts: w,
868
- selectedAccountGuids: E,
830
+ isInitialized: D,
831
+ selectedAccounts: S,
832
+ selectedAccountGuids: I,
869
833
  setSelectedAccounts: k
870
- } = ee(), { trends: D, connect: O } = R(), { beatStore: M } = Te(), P = Vt() && a.show_insights_widget_in_master, G = h || d, [le, _e] = i.useState(!1), [j, ne] = i.useState(!1), [F, de] = i.useState("Chart"), [Y, oe] = i.useState(""), [he, se] = i.useState(!1), [re, ue] = i.useState(window.innerHeight), S = G ? 56 : 0, H = re - 208, B = re - (P ? 550 + S : 266), [ge, be] = i.useState(!1), Fe = a.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
871
- () => c && c.length === 0 || u.length === 0,
872
- [c, u]
834
+ } = ee(), { trends: E, connect: O } = R(), { beatStore: M } = Te(), K = Gt() && a.show_insights_widget_in_master, z = u || h, [le, ye] = i.useState(!1), [j, ne] = i.useState(!1), [V, de] = i.useState("Chart"), [Y, oe] = i.useState(""), [he, se] = i.useState(!1), [re, ue] = i.useState(window.innerHeight), w = z ? 56 : 0, N = re - 208, B = re - (K ? 550 + w : 266), [ge, be] = i.useState(!1), Ke = a.show_connections_widget_in_master ? "buttons" : "no-buttons", we = i.useMemo(
835
+ () => l && l.length === 0 || c.length === 0,
836
+ [l, c]
873
837
  );
874
838
  i.useEffect(() => {
875
- I && M.loadBeats().finally(() => ne(!0));
876
- }, [I]);
877
- const we = i.useMemo(() => j ? M.getFilteredBeats({ templates: hn }) : [], [j]);
839
+ D && M.loadBeats().finally(() => ne(!0));
840
+ }, [D]);
841
+ const Se = i.useMemo(() => j ? M.beats : [], [j]);
878
842
  i.useEffect(() => {
879
- const x = () => ue(window.innerHeight);
880
- return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
843
+ const L = () => ue(window.innerHeight);
844
+ return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
881
845
  }, []), i.useEffect(() => {
882
- k(c);
883
- }, [c]), i.useEffect(() => {
884
- I && m(w, r.start, r.end).then(() => {
846
+ k(l);
847
+ }, [l]), i.useEffect(() => {
848
+ D && m(S, r.start, r.end).then(() => {
885
849
  f(
886
- w,
850
+ S,
887
851
  r.start,
888
852
  r.end
889
853
  );
890
854
  }).finally(() => {
891
- _e(!0), s(y.TRENDS_LOAD_WIDGET, {
855
+ ye(!0), s(_.TRENDS_LOAD_WIDGET, {
892
856
  ...A,
893
857
  time_period: `${pe(r.end, r.start)}M`
894
858
  });
895
859
  });
896
- }, [I, w, r]), i.useEffect(() => {
897
- if (u.length !== 0) {
898
- const x = {
899
- accounts: E,
860
+ }, [D, S, r]), i.useEffect(() => {
861
+ if (c.length !== 0) {
862
+ const L = {
863
+ accounts: I,
900
864
  dateRange: { start: r.start, end: r.end }
901
865
  };
902
- T({
903
- ...x,
904
- custom: (V) => !!u.find(
905
- (U) => U.top_level_category_guid === V.top_level_category_guid || U.category_guid === V.category_guid
866
+ b({
867
+ ...L,
868
+ custom: (G) => !!c.find(
869
+ (U) => U.top_level_category_guid === G.top_level_category_guid || U.category_guid === G.category_guid
906
870
  )
907
871
  });
908
872
  }
909
- }, [u]);
910
- const Ke = (x) => {
911
- g(x), se(!0);
873
+ }, [c]);
874
+ const Ve = (L) => {
875
+ g(L), se(!0);
912
876
  }, $e = () => {
913
877
  g(null), se(!1);
914
- }, je = () => {
915
- be(!0), s(y.TRENDS_CLICK_CONNECT_ACCOUNTS);
916
- }, Ye = (x, V) => {
917
- de(V ?? F), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
878
+ }, Pe = () => {
879
+ be(!0), s(_.TRENDS_CLICK_CONNECT_ACCOUNTS);
880
+ }, je = (L, G) => {
881
+ de(G ?? V), s(_.TRENDS_CLICK_TOGGLE_VIEW, {
918
882
  ...A,
919
- toggleView: V
883
+ toggleView: G
920
884
  });
921
- }, Ue = (x) => {
922
- const V = ve(x?.[0], 1), U = x?.[1], qe = pe(U, V);
923
- _({ start: V, end: U }), s(y.TRENDS_CLICK_TIME_WINDOW, {
885
+ }, Ye = (L) => {
886
+ const G = ve(L?.[0], 1), U = L?.[1], qe = pe(U, G);
887
+ T({ start: G, end: U }), s(_.TRENDS_CLICK_TIME_WINDOW, {
924
888
  ...A,
925
889
  time_period: qe + "M"
926
890
  });
927
- }, Xe = (x) => {
928
- s(y.TRENDS_CLICK_FILTER, {
891
+ }, Ue = (L) => {
892
+ s(_.TRENDS_CLICK_FILTER, {
929
893
  ...A,
930
- filterValue: x
894
+ filterValue: L
931
895
  });
932
- }, Ze = (x) => {
933
- oe(x);
934
- }, Qe = () => {
935
- oe(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, A);
896
+ }, Xe = (L) => {
897
+ oe(L);
898
+ }, Ze = () => {
899
+ oe(""), s(_.TRENDS_CLICK_ALL_CATEGORIES, A);
936
900
  };
937
- return !p || !le ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
901
+ return !p || !le ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
938
902
  He,
939
903
  {
940
- accountOptions: c,
941
- calendarActions: { onRangeChanged: Ue },
904
+ accountOptions: l,
905
+ calendarActions: { onRangeChanged: Ye },
942
906
  dateRange: r,
943
- dateRangeVariant: l ? "timeframetabs" : "timeframebuttons",
944
- onAccountsFilterClick: Xe,
907
+ dateRangeVariant: d ? "timeframetabs" : "timeframebuttons",
908
+ onAccountsFilterClick: Ue,
945
909
  onBackClick: t,
946
910
  sx: n,
947
- title: D.title,
911
+ title: E.title,
948
912
  children: [
949
- Se && /* @__PURE__ */ e(
950
- Gt,
913
+ we && /* @__PURE__ */ e(
914
+ zt,
951
915
  {
952
- header: D.zero_state_content_header,
916
+ header: E.zero_state_content_header,
953
917
  icon: "",
954
- onClick: je,
955
- primaryButton: D.empty_state_primary,
956
- subText: D.empty_state_sub_text,
957
- sx: { height: H },
958
- variant: Fe
918
+ onClick: Pe,
919
+ primaryButton: E.empty_state_primary,
920
+ subText: E.empty_state_sub_text,
921
+ sx: { height: N },
922
+ variant: Ke
959
923
  }
960
924
  ),
961
- !Se && /* @__PURE__ */ C(
962
- b,
925
+ !we && /* @__PURE__ */ C(
926
+ y,
963
927
  {
964
928
  sx: {
965
- px: l ? 0 : 48
929
+ px: d ? 0 : 48
966
930
  },
967
931
  children: [
968
932
  /* @__PURE__ */ C(
969
- b,
933
+ y,
970
934
  {
971
935
  flexDirection: "row",
972
936
  justifyContent: "space-between",
973
- sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
937
+ sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
974
938
  children: [
975
939
  /* @__PURE__ */ e(
976
- ze,
940
+ Be,
977
941
  {
978
942
  selectedCategoryGuid: Y,
979
943
  selectedDateRange: r
980
944
  }
981
945
  ),
982
- /* @__PURE__ */ e(Be, { onTabChange: Ye, selectedTab: F })
946
+ /* @__PURE__ */ e(ze, { onTabChange: je, selectedTab: V })
983
947
  ]
984
948
  }
985
949
  ),
986
- /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: Y && /* @__PURE__ */ C(me, { onClick: Qe, sx: { p: 0, pr: 5 }, children: [
950
+ /* @__PURE__ */ e(y, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: Y && /* @__PURE__ */ C(me, { onClick: Ze, sx: { p: 0, pr: 5 }, children: [
987
951
  /* @__PURE__ */ e(ae, { name: "arrow_back" }),
988
- D.all_categories
952
+ E.all_categories
989
953
  ] }) }) }),
990
- /* @__PURE__ */ C(b, { flexDirection: G ? "row" : "column", gap: G ? 48 : 16, children: [
991
- F === "Chart" && /* @__PURE__ */ C(Je, { children: [
992
- /* @__PURE__ */ e(W, { sx: { width: G ? "68%" : "100%" }, children: /* @__PURE__ */ e(
954
+ /* @__PURE__ */ C(y, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
955
+ V === "Chart" && /* @__PURE__ */ C(Je, { children: [
956
+ /* @__PURE__ */ e(W, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
993
957
  dn,
994
958
  {
995
- availableHeight: H,
959
+ availableHeight: N,
996
960
  minHeight: 450,
997
961
  selectedDateRange: r,
998
- totals: u
962
+ totals: c
999
963
  }
1000
964
  ) }),
1001
- /* @__PURE__ */ C(b, { gap: 16, sx: { width: G ? "32%" : "100%" }, children: [
1002
- P && j && we.length > 0 && /* @__PURE__ */ e(
965
+ /* @__PURE__ */ C(y, { gap: 16, sx: { width: z ? "32%" : "100%" }, children: [
966
+ K && j && Se.length > 0 && /* @__PURE__ */ e(
1003
967
  on,
1004
968
  {
1005
- beats: we,
969
+ beats: Se,
1006
970
  onInsightCardClick: o
1007
971
  }
1008
972
  ),
@@ -1010,17 +974,17 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
1010
974
  tn,
1011
975
  {
1012
976
  availableHeight: B,
1013
- onCategoryClick: Ke
977
+ onCategoryClick: Ve
1014
978
  }
1015
979
  )
1016
980
  ] })
1017
981
  ] }),
1018
- F === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
1019
- Pe,
982
+ V === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
983
+ Fe,
1020
984
  {
1021
985
  height: "unset",
1022
- monthlyCategoryTotals: u,
1023
- onClickRow: Ze,
986
+ monthlyCategoryTotals: c,
987
+ onClickRow: Xe,
1024
988
  selectedCategory: Y,
1025
989
  selectedDateRange: r
1026
990
  }
@@ -1041,11 +1005,11 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
1041
1005
  ]
1042
1006
  }
1043
1007
  );
1044
- }, ho = v(un);
1008
+ }, lo = v(hn);
1045
1009
  export {
1046
- io as TrendsFullWidget,
1047
- lo as TrendsMicroWidget,
1048
- co as TrendsMiniWidget,
1049
- mo as TrendsStore,
1050
- ho as TrendsWidget
1010
+ ao as TrendsFullWidget,
1011
+ co as TrendsMicroWidget,
1012
+ io as TrendsMiniWidget,
1013
+ go as TrendsStore,
1014
+ lo as TrendsWidget
1051
1015
  };