@mx-cartographer/experiences 7.0.58-alpha.mm6 → 7.0.58-alpha.mm8

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