@mx-cartographer/experiences 7.2.30 → 7.3.0

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 (61) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/{Account-vp_TAbGt.mjs → Account-YwUMFz93.mjs} +1 -1
  3. package/dist/{AccountDetailsContent-B6ZFRZ8l.mjs → AccountDetailsContent-BgCST7mK.mjs} +8 -8
  4. package/dist/AccountDetailsHeader-jAFWoHj7.mjs +87 -0
  5. package/dist/{AccountFields-DUToRRqW.mjs → AccountFields-DPxMPBF0.mjs} +2 -2
  6. package/dist/{AccountListItem-CeY_WIpj.mjs → AccountListItem-D6rWAreC.mjs} +4 -4
  7. package/dist/{AccountStore-BzqNrhw4.mjs → AccountStore-B5E98oM1.mjs} +2 -2
  8. package/dist/{Accounts-C1QxUB-e.mjs → Accounts-UIlYCmHb.mjs} +1 -1
  9. package/dist/{BudgetUtil-B2ZXyw-g.mjs → BudgetUtil-CXvenbdN.mjs} +1 -1
  10. package/dist/{CategorySelectorDrawer-BXnLseqP.mjs → CategorySelectorDrawer-Buy70Y3V.mjs} +1 -1
  11. package/dist/{ConnectDrawer-Bw5s6Dw1.mjs → ConnectDrawer-CbxHKlRv.mjs} +1 -1
  12. package/dist/{ConnectionsDrawer-BDvVuJQf.mjs → ConnectionsDrawer-C6kanU7I.mjs} +2 -2
  13. package/dist/{CurrencyInput-DUsQbkXb.mjs → CurrencyInput-lSC7oPDg.mjs} +1 -1
  14. package/dist/{DebtsStore-BD_XwsI7.mjs → DebtsStore-DgIcphe_.mjs} +1 -1
  15. package/dist/{ExportCsvAction-DTO_UotC.mjs → ExportCsvAction-DZ10CbWd.mjs} +3 -3
  16. package/dist/{GoalStore-BgFV554B.mjs → GoalStore-CAlmSu4U.mjs} +2 -2
  17. package/dist/{Help-B6dIcujh.mjs → Help-hi9I9EYP.mjs} +1 -1
  18. package/dist/{LineChart-4Zi8Z8PR.mjs → LineChart-eK4IQImU.mjs} +1 -1
  19. package/dist/{ListItemAction-DHa3KJPs.mjs → ListItemAction-BmL5buOf.mjs} +1 -1
  20. package/dist/{ManageIncome-CXeJPfjE.mjs → ManageIncome-Cypo9qY4.mjs} +4 -4
  21. package/dist/{MicroWidgetContainer-DpeqN9n3.mjs → MicroWidgetContainer-CFdMGJKg.mjs} +1 -1
  22. package/dist/{MiniWidgetContainer-D0gfmbaF.mjs → MiniWidgetContainer-BdgBvpga.mjs} +1 -1
  23. package/dist/{NetWorthStore-D1NiDUcc.mjs → NetWorthStore-CxqIxAgN.mjs} +2 -2
  24. package/dist/{NotificationSettings-CLAV8YEa.mjs → NotificationSettings-DxytNHlN.mjs} +3 -3
  25. package/dist/{OriginalBalanceAction-CWuVvRq9.mjs → OriginalBalanceAction-V6FEoIDe.mjs} +3 -3
  26. package/dist/{RecurringSettings-D7476j-N.mjs → RecurringSettings-iIupYxJW.mjs} +3 -3
  27. package/dist/{TransactionDetails-Cscyr17P.mjs → TransactionDetails-BUoNbsu-.mjs} +5 -5
  28. package/dist/{TransactionStore-DCH-rl8p.mjs → TransactionStore-C1oyQCZK.mjs} +2 -2
  29. package/dist/TrendsStore-5PvDT_o6.mjs +182 -0
  30. package/dist/{User-BQUxBeZV.mjs → User-Bj34_i8g.mjs} +1 -1
  31. package/dist/{WidgetContainer-EbrN1oIo.mjs → WidgetContainer-BnTgAfQn.mjs} +2 -2
  32. package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.d.ts +4 -1
  33. package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.d.ts +2 -1
  34. package/dist/accounts/index.es.js +241 -205
  35. package/dist/analytics/index.es.js +2 -2
  36. package/dist/budgets/index.es.js +10 -10
  37. package/dist/cashflow/index.es.js +7 -7
  38. package/dist/categories/index.es.js +1 -1
  39. package/dist/common/components/charts/index.d.ts +0 -2
  40. package/dist/common/index.es.js +122 -125
  41. package/dist/dashboard/index.es.js +2 -2
  42. package/dist/debts/index.es.js +9 -9
  43. package/dist/{exportTransactionsToCSV-BwwmL4pM.mjs → exportTransactionsToCSV-B8qpk5MU.mjs} +1 -1
  44. package/dist/finstrong/index.es.js +6 -6
  45. package/dist/goals/index.es.js +12 -12
  46. package/dist/help/index.es.js +3 -3
  47. package/dist/{hooks-D6XlXHf4.mjs → hooks-Cy8JnjCg.mjs} +2 -2
  48. package/dist/investments/index.es.js +3 -3
  49. package/dist/merchants/index.es.js +1 -1
  50. package/dist/networth/index.es.js +14 -14
  51. package/dist/notifications/index.es.js +2 -2
  52. package/dist/recurringtransactions/index.es.js +8 -8
  53. package/dist/settings/index.es.js +6 -6
  54. package/dist/spending/index.es.js +4 -4
  55. package/dist/transactions/index.es.js +13 -13
  56. package/dist/trends/index.es.js +948 -583
  57. package/dist/{useAccountDisplayName-jS05A6-6.mjs → useAccountDisplayName-D6sQsNNQ.mjs} +2 -2
  58. package/dist/{useInsightsEnabled-DBpwEq10.mjs → useInsightsEnabled-BxytCjq5.mjs} +1 -1
  59. package/package.json +1 -1
  60. package/dist/AccountDetailsHeader-vPzGb1RZ.mjs +0 -120
  61. package/dist/TrendsStore-DCYbpXPO.mjs +0 -559
@@ -1,93 +1,129 @@
1
- import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
2
- import d from "react";
3
- import { observer as w } from "mobx-react-lite";
4
- import B from "@mui/material/Box";
5
- import y from "@mui/material/Divider";
6
- import E from "@mui/material/List";
1
+ import { jsx as e, jsxs as r, Fragment as q } from "react/jsx-runtime";
2
+ import h from "react";
3
+ import { observer as v } from "mobx-react-lite";
4
+ import E from "@mui/material/Box";
5
+ import x from "@mui/material/Divider";
6
+ import F from "@mui/material/List";
7
7
  import O from "@mui/material/ListSubheader";
8
- import A from "@mui/system/Stack";
9
- import { Text as v } from "@mxenabled/mxui";
10
- import { A as K } from "../AccountDetailsContent-B6ZFRZ8l.mjs";
11
- import { u as N1 } from "../AccountDetailsContent-B6ZFRZ8l.mjs";
12
- import { u as z, A as P } from "../AccountDetailsHeader-vPzGb1RZ.mjs";
13
- import { A as W } from "../AccountListItem-CeY_WIpj.mjs";
14
- import { a as Y } from "../AccountFields-DUToRRqW.mjs";
15
- import { g as $1, b as j1 } from "../AccountFields-DUToRRqW.mjs";
16
- import { u as Z, b, d as T, g as D, a as q, n as J } from "../hooks-D6XlXHf4.mjs";
8
+ import y from "@mui/system/Stack";
9
+ import { Text as g } from "@mxenabled/mxui";
10
+ import { useTheme as J } from "@mui/material/styles";
11
+ import { u as D, A as Q } from "../AccountDetailsHeader-jAFWoHj7.mjs";
12
+ import { L as X } from "../LineChart-eK4IQImU.mjs";
13
+ import { g as e1, a as t1, b as n1 } from "../SpendingData-D5vsfYKo.mjs";
14
+ import { m as l1, u as M, b, d as N, g as U, a as i1, n as o1 } from "../hooks-Cy8JnjCg.mjs";
15
+ import { A as W, l as P, m as C1 } from "../ConnectDrawer-CbxHKlRv.mjs";
16
+ import { F as o3, M as C3 } from "../ConnectDrawer-CbxHKlRv.mjs";
17
+ import { I as G, P as $, S as j } from "../Account-YwUMFz93.mjs";
18
+ import { a as d1 } from "../AccountFields-DPxMPBF0.mjs";
19
+ import { g as c3, b as s3 } from "../AccountFields-DPxMPBF0.mjs";
20
+ import { A as B } from "../AccountListItem-D6rWAreC.mjs";
21
+ import { A as c1 } from "../AccountDetailsContent-BgCST7mK.mjs";
22
+ import { u as r3 } from "../AccountDetailsContent-BgCST7mK.mjs";
17
23
  import { f as I } from "../NumberFormatting-Buh7u8Oi.mjs";
18
- import { D as Q } from "../Drawer-kEE73B87.mjs";
19
- import { A as S, W as X } from "../WidgetContainer-EbrN1oIo.mjs";
20
- import { C as e1 } from "../ConnectionsDrawer-BDvVuJQf.mjs";
21
- import { u as N } from "../useScreenSize-B6JyS_Lj.mjs";
22
- import { L as R } from "../Loader-DUaFpDGv.mjs";
23
- import { l as U, m as t1 } from "../ConnectDrawer-Bw5s6Dw1.mjs";
24
- import { F as K1, M as z1 } from "../ConnectDrawer-Bw5s6Dw1.mjs";
25
- import l1 from "@mui/material/ListItem";
26
- import { M as $ } from "../MiniWidgetContainer-D0gfmbaF.mjs";
27
- import i1 from "@mui/material/Stack";
28
- import { A as Y1, a as q1 } from "../AccountStore-BzqNrhw4.mjs";
29
- const n1 = () => {
30
- const [c, h] = d.useState(""), { accounts: C } = Z(), { selectedAccounts: l } = b(), { setSelectedAccount: p, setSelectedMember: u } = z(), { members: H } = T(), { onEvent: f } = D(), a = [...new Set(l.map((t) => t.account_type))], r = l.find((t) => c === t.guid), s = d.useMemo(
31
- () => l.filter((t) => t.is_hidden),
32
- [l]
33
- ), L = d.useMemo(
34
- () => l.filter((t) => t.is_closed),
35
- [l]
36
- ), g = s.reduce(
37
- (t, i) => (i.available_balance || i.balance || 0) + t,
24
+ import { D as s1 } from "../Drawer-kEE73B87.mjs";
25
+ import { A as S, W as a1 } from "../WidgetContainer-BnTgAfQn.mjs";
26
+ import { C as r1 } from "../ConnectionsDrawer-C6kanU7I.mjs";
27
+ import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
28
+ import { L as _ } from "../Loader-DUaFpDGv.mjs";
29
+ import L1 from "@mui/material/ListItem";
30
+ import { M as K } from "../MiniWidgetContainer-BdgBvpga.mjs";
31
+ import u1 from "@mui/material/Stack";
32
+ import { A as u3, a as h3 } from "../AccountStore-B5E98oM1.mjs";
33
+ const h1 = (i, o) => {
34
+ const l = G.includes(o) ? e1(i) : [], t = $.includes(o) ? t1(i) : [], L = j.includes(o) ? n1(i) : [];
35
+ return [l, t, L].filter((C) => C.length > 0);
36
+ }, H1 = (i, o, l) => {
37
+ const [t, L] = i, C = t, d = L ?? t, s = [];
38
+ if (C && d && G.includes(o)) {
39
+ const c = C[C.length - 1].y;
40
+ s.push({ label: l.income_label, amount: c });
41
+ } else if ($.includes(o)) {
42
+ const c = C[C.length - 1].y;
43
+ s.push({ label: l.payments_label, amount: c });
44
+ }
45
+ if (d && j.includes(o)) {
46
+ const c = d[d.length - 1].y;
47
+ s.push({ label: l.spending_label, amount: c });
48
+ }
49
+ return s;
50
+ }, p1 = () => {
51
+ const i = J(), { selectedAccount: o } = D(), { monthlyCategoryTotals: l } = l1(), { trends: t } = M(), L = [i.palette.chart?.chart1, i.palette.chart?.chart2], C = h1(l, o.account_type), d = H1(C, o.account_type, t), s = [W.LOAN, W.MORTGAGE].includes(o.account_type);
52
+ return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
53
+ X,
54
+ {
55
+ colors: L,
56
+ datasets: C,
57
+ height: 185,
58
+ labels: d,
59
+ showAverage: s,
60
+ showBars: s,
61
+ showLegend: !0,
62
+ valueFormatterString: "0,0"
63
+ }
64
+ ) });
65
+ }, f1 = v(p1), m1 = () => {
66
+ const [i, o] = h.useState(""), { accounts: l } = M(), { selectedAccounts: t } = b(), { setSelectedAccount: L, setSelectedMember: C } = D(), { members: d } = N(), { onEvent: s } = U(), c = [...new Set(t.map((n) => n.account_type))], p = t.find((n) => i === n.guid), H = h.useMemo(
67
+ () => t.filter((n) => n.is_hidden),
68
+ [t]
69
+ ), f = h.useMemo(
70
+ () => t.filter((n) => n.is_closed),
71
+ [t]
72
+ ), R = H.reduce(
73
+ (n, a) => (a.available_balance || a.balance || 0) + n,
38
74
  0
39
- ), k = Y(L, C);
40
- d.useEffect(() => {
41
- if (r) {
42
- p(r);
43
- const t = H.find((i) => i.guid === r?.member_guid) || {};
44
- t && u(t);
75
+ ), k = d1(f, l);
76
+ h.useEffect(() => {
77
+ if (p) {
78
+ L(p);
79
+ const n = d.find((a) => a.guid === p?.member_guid) || {};
80
+ n && C(n);
45
81
  }
46
- }, [r, c]);
47
- const x = (t) => {
48
- h(t.guid), f(S.ACCOUNTS_CLICK_ACCOUNT, {
49
- account_guid: t.guid,
50
- account_type: t.account_type
82
+ }, [p, i]);
83
+ const Z = (n) => {
84
+ o(n.guid), s(S.ACCOUNTS_CLICK_ACCOUNT, {
85
+ account_guid: n.guid,
86
+ account_type: n.account_type
51
87
  });
52
- }, m = (t) => {
53
- const i = t === "hidden" ? s : L, M = t === "hidden" ? g : k, o = t === "hidden" ? C.account_hidden : C.account_closed;
54
- return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
55
- E,
88
+ }, V = (n) => {
89
+ const a = n === "hidden" ? H : f, w = n === "hidden" ? R : k, u = n === "hidden" ? l.account_hidden : l.account_closed;
90
+ return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
91
+ F,
56
92
  {
57
- "aria-label": o,
58
- subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
59
- A,
93
+ "aria-label": u,
94
+ subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
95
+ y,
60
96
  {
61
97
  component: "span",
62
98
  direction: "row",
63
99
  sx: { justifyContent: "space-between", color: "grey.700" },
64
100
  children: [
65
- /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: o }),
66
- /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(M, "0,0.00") })
101
+ /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: u }),
102
+ /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
67
103
  ]
68
104
  }
69
105
  ) }),
70
- children: /* @__PURE__ */ e(A, { children: i.map((V, _, j) => {
71
- const F = _ === j.length - 1;
72
- return /* @__PURE__ */ n(d.Fragment, { children: [
106
+ children: /* @__PURE__ */ e(y, { children: a.map((m, A, z) => {
107
+ const T = A === z.length - 1;
108
+ return /* @__PURE__ */ r(h.Fragment, { children: [
73
109
  /* @__PURE__ */ e(
74
- W,
110
+ B,
75
111
  {
76
- account: V,
77
- onRowClick: () => x(V),
112
+ account: m,
113
+ onRowClick: () => Z(m),
78
114
  shouldShowConnectionStatus: !0
79
115
  }
80
116
  ),
81
- t === "hidden" ? /* @__PURE__ */ e(
82
- y,
117
+ n === "hidden" ? /* @__PURE__ */ e(
118
+ x,
83
119
  {
84
120
  sx: {
85
- mb: F ? 24 : 4,
86
- ml: F ? 24 : 68
121
+ mb: T ? 24 : 4,
122
+ ml: T ? 24 : 68
87
123
  }
88
124
  }
89
- ) : !F && /* @__PURE__ */ e(
90
- y,
125
+ ) : !T && /* @__PURE__ */ e(
126
+ x,
91
127
  {
92
128
  sx: {
93
129
  mb: 4,
@@ -95,166 +131,166 @@ const n1 = () => {
95
131
  }
96
132
  }
97
133
  )
98
- ] }, V.guid);
134
+ ] }, m.guid);
99
135
  }) })
100
136
  }
101
137
  ) });
102
138
  };
103
- return /* @__PURE__ */ n(B, { sx: { pt: 24 }, children: [
104
- a.map((t) => {
105
- const i = l.filter(
106
- (o) => o.account_type === t && !o.is_closed && !o.is_hidden
107
- ), M = i.reduce(
108
- (o, V) => (V.balance || 0) + o,
139
+ return /* @__PURE__ */ r(E, { sx: { pt: 24 }, children: [
140
+ c.map((n) => {
141
+ const a = t.filter(
142
+ (u) => u.account_type === n && !u.is_closed && !u.is_hidden
143
+ ), w = a.reduce(
144
+ (u, m) => (m.balance || 0) + u,
109
145
  0
110
146
  );
111
- return i.length === 0 ? null : /* @__PURE__ */ e(
112
- E,
147
+ return a.length === 0 ? null : /* @__PURE__ */ e(
148
+ F,
113
149
  {
114
- "aria-label": C.account_type_accounts[i[0]?.account_type],
115
- subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
116
- A,
150
+ "aria-label": l.account_type_accounts[a[0]?.account_type],
151
+ subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
152
+ y,
117
153
  {
118
154
  component: "span",
119
155
  direction: "row",
120
156
  sx: { display: "flex", justifyContent: "space-between" },
121
157
  children: [
122
- /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: C.account_types[t] }),
123
- /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(M, "0,0.00") })
158
+ /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: l.account_types[n] }),
159
+ /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
124
160
  ]
125
161
  }
126
162
  ) }),
127
- children: /* @__PURE__ */ e(A, { children: i.map((o) => {
128
- const V = l.indexOf(o) === l.length - 1, _ = i.indexOf(o) === i.length - 1;
129
- return /* @__PURE__ */ n(d.Fragment, { children: [
163
+ children: /* @__PURE__ */ e(y, { children: a.map((u) => {
164
+ const m = t.indexOf(u) === t.length - 1, A = a.indexOf(u) === a.length - 1;
165
+ return /* @__PURE__ */ r(h.Fragment, { children: [
130
166
  /* @__PURE__ */ e(
131
- W,
167
+ B,
132
168
  {
133
- account: o,
134
- onRowClick: () => x(o),
169
+ account: u,
170
+ onRowClick: () => Z(u),
135
171
  shouldShowConnectionStatus: !0
136
172
  }
137
173
  ),
138
- (!V || L.length > 0 || s.length > 0) && /* @__PURE__ */ e(
139
- y,
174
+ (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
175
+ x,
140
176
  {
141
177
  sx: {
142
- mb: _ ? 24 : 4,
143
- ml: _ ? 24 : 68
178
+ mb: A ? 24 : 4,
179
+ ml: A ? 24 : 68
144
180
  }
145
181
  }
146
182
  )
147
- ] }, o.guid);
183
+ ] }, u.guid);
148
184
  }) })
149
185
  },
150
- t
186
+ n
151
187
  );
152
188
  }),
153
- s.length > 0 && m("hidden"),
154
- L.length > 0 && m("closed"),
155
- /* @__PURE__ */ n(
156
- Q,
189
+ H.length > 0 && V("hidden"),
190
+ f.length > 0 && V("closed"),
191
+ /* @__PURE__ */ r(
192
+ s1,
157
193
  {
158
- ariaLabelClose: C.close_account_details_aria,
159
- isOpen: !!c,
160
- onClose: () => h(""),
161
- title: C.account_details,
194
+ ariaLabelClose: l.close_account_details_aria,
195
+ isOpen: !!i,
196
+ onClose: () => o(""),
197
+ title: l.account_details,
162
198
  children: [
163
- /* @__PURE__ */ e(P, {}),
164
- /* @__PURE__ */ e(K, {})
199
+ /* @__PURE__ */ e(Q, { ChartComponent: f1 }),
200
+ /* @__PURE__ */ e(c1, {})
165
201
  ]
166
202
  }
167
203
  )
168
204
  ] });
169
- }, C1 = w(n1), o1 = ({ onBackClick: c, sx: h = {} }) => {
170
- const [C, l] = d.useState(!1), [p, u] = d.useState(!1), { config: H } = q(), { accounts: f } = T(), { accounts: a, connect: r } = Z(), { isCopyLoaded: s, isInitialized: L, setSelectedAccounts: g, selectedAccountGuids: k } = b(), { isDesktop: x } = N(), { onEvent: m } = D(), { onLoad: t } = J();
171
- d.useEffect(() => {
172
- g(f);
173
- }, [f]), d.useEffect(() => {
174
- L && s && t?.("AccountsWidget");
175
- }, [L, s]);
176
- const i = () => {
177
- l(!0), m(S.ACCOUNTS_CLICK_CONNECT);
178
- }, M = () => {
179
- u(!0), m(S.ACCOUNTS_CLICK_CONNECT);
205
+ }, V1 = v(m1), g1 = ({ onBackClick: i, sx: o = {} }) => {
206
+ const [l, t] = h.useState(!1), [L, C] = h.useState(!1), { config: d } = i1(), { accounts: s } = N(), { accounts: c, connect: p } = M(), { isCopyLoaded: H, isInitialized: f, setSelectedAccounts: R, selectedAccountGuids: k } = b(), { isDesktop: Z } = Y(), { onEvent: V } = U(), { onLoad: n } = o1();
207
+ h.useEffect(() => {
208
+ R(s);
209
+ }, [s]), h.useEffect(() => {
210
+ f && H && n?.("AccountsWidget");
211
+ }, [f, H]);
212
+ const a = () => {
213
+ t(!0), V(S.ACCOUNTS_CLICK_CONNECT);
214
+ }, w = () => {
215
+ C(!0), V(S.ACCOUNTS_CLICK_CONNECT);
180
216
  };
181
- return s ? /* @__PURE__ */ e(
182
- X,
217
+ return H ? /* @__PURE__ */ e(
218
+ a1,
183
219
  {
184
- accountOptions: f,
185
- actions: H.show_connections_widget_in_master ? [
186
- { iconName: "add", label: a.add, onClick: i },
220
+ accountOptions: s,
221
+ actions: d.show_connections_widget_in_master ? [
222
+ { iconName: "add", label: c.add, onClick: a },
187
223
  {
188
224
  iconName: "credit_card_gear",
189
- label: a.manage,
190
- onClick: M
225
+ label: c.manage,
226
+ onClick: w
191
227
  }
192
228
  ] : [],
193
- onAccountsFilterClick: () => m(S.ACCOUNTS_CLICK_FILTER),
194
- onBackClick: c,
195
- sx: h,
196
- title: a.title,
197
- children: L ? /* @__PURE__ */ n(G, { children: [
198
- /* @__PURE__ */ n(B, { sx: { px: x ? 24 : 12 }, children: [
199
- k.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: a.no_accounts }),
200
- /* @__PURE__ */ e(C1, {})
229
+ onAccountsFilterClick: () => V(S.ACCOUNTS_CLICK_FILTER),
230
+ onBackClick: i,
231
+ sx: o,
232
+ title: c.title,
233
+ children: f ? /* @__PURE__ */ r(q, { children: [
234
+ /* @__PURE__ */ r(E, { sx: { px: Z ? 24 : 12 }, children: [
235
+ k.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
236
+ /* @__PURE__ */ e(V1, {})
201
237
  ] }),
202
238
  /* @__PURE__ */ e(
203
- U,
239
+ P,
204
240
  {
205
- onClose: () => l(!1),
206
- showConnectWidget: C,
207
- title: r.mini_title
241
+ onClose: () => t(!1),
242
+ showConnectWidget: l,
243
+ title: p.mini_title
208
244
  }
209
245
  ),
210
246
  /* @__PURE__ */ e(
211
- e1,
247
+ r1,
212
248
  {
213
- onClose: () => u(!1),
214
- showConnectionsWidget: p,
215
- title: a.manage_connections
249
+ onClose: () => C(!1),
250
+ showConnectionsWidget: L,
251
+ title: c.manage_connections
216
252
  }
217
253
  )
218
- ] }) : /* @__PURE__ */ e(R, {})
254
+ ] }) : /* @__PURE__ */ e(_, {})
219
255
  }
220
- ) : /* @__PURE__ */ e(R, {});
221
- }, W1 = w(o1), d1 = ({ onPrimaryCtaClick: c, sx: h }) => {
222
- const { visibleAccounts: C } = T(), { accounts: l } = Z(), { isCopyLoaded: p, isInitialized: u, selectedAccounts: H, setSelectedAccounts: f } = b(), { isDesktop: a } = N();
223
- d.useEffect(() => {
224
- f(C);
225
- }, [C]);
226
- const r = d.useMemo(
227
- () => t1(H, a ? 5 : 3),
228
- [H, a]
256
+ ) : /* @__PURE__ */ e(_, {});
257
+ }, e3 = v(g1), v1 = ({ onPrimaryCtaClick: i, sx: o }) => {
258
+ const { visibleAccounts: l } = N(), { accounts: t } = M(), { isCopyLoaded: L, isInitialized: C, selectedAccounts: d, setSelectedAccounts: s } = b(), { isDesktop: c } = Y();
259
+ h.useEffect(() => {
260
+ s(l);
261
+ }, [l]);
262
+ const p = h.useMemo(
263
+ () => C1(d, c ? 5 : 3),
264
+ [d, c]
229
265
  );
230
- return p ? /* @__PURE__ */ e(
231
- $,
266
+ return L ? /* @__PURE__ */ e(
267
+ K,
232
268
  {
233
269
  className: "mx-exp-accounts-miniwidget",
234
- onPrimaryCtaClick: c,
235
- primaryCtaLabel: l.primary_cta,
236
- sx: h,
237
- title: l.mini_title,
238
- children: u ? /* @__PURE__ */ n(E, { children: [
239
- H.length === 0 && /* @__PURE__ */ e(l1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
240
- r.map((s, L) => {
241
- const g = r.indexOf(s) === r.length - 1;
242
- return /* @__PURE__ */ n(d.Fragment, { children: [
270
+ onPrimaryCtaClick: i,
271
+ primaryCtaLabel: t.primary_cta,
272
+ sx: o,
273
+ title: t.mini_title,
274
+ children: C ? /* @__PURE__ */ r(F, { children: [
275
+ d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: t.no_accounts }),
276
+ p.map((H, f) => {
277
+ const R = p.indexOf(H) === p.length - 1;
278
+ return /* @__PURE__ */ r(h.Fragment, { children: [
243
279
  /* @__PURE__ */ e(
244
- W,
280
+ B,
245
281
  {
246
- account: s,
282
+ account: H,
247
283
  listItemProps: { sx: { px: 24 } },
248
284
  shouldShowConnectionStatus: !0
249
285
  }
250
286
  ),
251
- !g && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
252
- ] }, `account-item${L}`);
287
+ !R && /* @__PURE__ */ e(x, { "aria-hidden": "true", variant: "inset" })
288
+ ] }, `account-item${f}`);
253
289
  })
254
- ] }) : /* @__PURE__ */ e(R, {})
290
+ ] }) : /* @__PURE__ */ e(_, {})
255
291
  }
256
- ) : /* @__PURE__ */ e(R, {});
257
- }, T1 = w(d1), c1 = () => /* @__PURE__ */ n(
292
+ ) : /* @__PURE__ */ e(_, {});
293
+ }, t3 = v(v1), M1 = () => /* @__PURE__ */ r(
258
294
  "svg",
259
295
  {
260
296
  fill: "none",
@@ -262,7 +298,7 @@ const n1 = () => {
262
298
  viewBox: "0 0 272 66",
263
299
  xmlns: "http://www.w3.org/2000/svg",
264
300
  children: [
265
- /* @__PURE__ */ n("g", { opacity: "0.35", children: [
301
+ /* @__PURE__ */ r("g", { opacity: "0.35", children: [
266
302
  /* @__PURE__ */ e("rect", { fill: "#CD1141", height: "40.3437", rx: "2.81371", width: "39.6876", x: "19.6553" }),
267
303
  /* @__PURE__ */ e(
268
304
  "path",
@@ -548,7 +584,7 @@ const n1 = () => {
548
584
  children: /* @__PURE__ */ e("rect", { fill: "white", height: "47.5848", rx: "3.31025", width: "46.8064", x: "113.168", y: "18.1035" })
549
585
  }
550
586
  ),
551
- /* @__PURE__ */ n("g", { mask: "url(#mask1_6197_80303)", children: [
587
+ /* @__PURE__ */ r("g", { mask: "url(#mask1_6197_80303)", children: [
552
588
  /* @__PURE__ */ e(
553
589
  "mask",
554
590
  {
@@ -693,12 +729,12 @@ const n1 = () => {
693
729
  )
694
730
  ]
695
731
  }
696
- ), s1 = () => {
697
- const { connect: c } = Z();
698
- return /* @__PURE__ */ n(i1, { alignItems: "center", direction: "column", m: 24, children: [
699
- /* @__PURE__ */ e(c1, {}),
732
+ ), R1 = () => {
733
+ const { connect: i } = M();
734
+ return /* @__PURE__ */ r(u1, { alignItems: "center", direction: "column", m: 24, children: [
735
+ /* @__PURE__ */ e(M1, {}),
700
736
  /* @__PURE__ */ e(
701
- v,
737
+ g,
702
738
  {
703
739
  sx: {
704
740
  whiteSpace: "wrap",
@@ -706,52 +742,52 @@ const n1 = () => {
706
742
  textAlign: "center"
707
743
  },
708
744
  variant: "Paragraph",
709
- children: c.mini_widget_content
745
+ children: i.mini_widget_content
710
746
  }
711
747
  )
712
748
  ] });
713
- }, a1 = w(s1), r1 = ({
714
- onPrimaryCtaClick: c = () => {
749
+ }, w1 = v(R1), _1 = ({
750
+ onPrimaryCtaClick: i = () => {
715
751
  },
716
- sx: h
752
+ sx: o
717
753
  }) => {
718
- const { isCopyLoaded: C } = b(), { connect: l } = Z(), [p, u] = d.useState(!1), H = () => {
719
- u(!0), c();
754
+ const { isCopyLoaded: l } = b(), { connect: t } = M(), [L, C] = h.useState(!1), d = () => {
755
+ C(!0), i();
720
756
  };
721
- return C ? /* @__PURE__ */ n(
722
- $,
757
+ return l ? /* @__PURE__ */ r(
758
+ K,
723
759
  {
724
760
  className: "mx-exp-connect-miniwidget",
725
- onPrimaryCtaClick: H,
726
- primaryCtaLabel: l.primary_cta,
727
- sx: h,
728
- title: l.mini_title,
761
+ onPrimaryCtaClick: d,
762
+ primaryCtaLabel: t.primary_cta,
763
+ sx: o,
764
+ title: t.mini_title,
729
765
  children: [
730
- /* @__PURE__ */ e(a1, {}),
731
- p && /* @__PURE__ */ e(
732
- U,
766
+ /* @__PURE__ */ e(w1, {}),
767
+ L && /* @__PURE__ */ e(
768
+ P,
733
769
  {
734
- onClose: () => u(!1),
735
- showConnectWidget: p,
736
- title: l.mini_title
770
+ onClose: () => C(!1),
771
+ showConnectWidget: L,
772
+ title: t.mini_title
737
773
  }
738
774
  )
739
775
  ]
740
776
  }
741
- ) : /* @__PURE__ */ e(R, {});
742
- }, O1 = w(r1);
777
+ ) : /* @__PURE__ */ e(_, {});
778
+ }, n3 = v(_1);
743
779
  export {
744
- Y1 as AccountApi,
745
- K as AccountDetailsContent,
746
- P as AccountDetailsHeader,
747
- q1 as AccountStore,
748
- T1 as AccountsMiniWidget,
749
- W1 as AccountsWidget,
750
- O1 as ConnectMiniWidget,
751
- K1 as FieldType,
752
- z1 as MemberConnectionStatus,
753
- $1 as getAccountBalanceDetails,
754
- j1 as getAccountDetailFields,
755
- z as useAccountUiStore,
756
- N1 as useGetMergeableAccounts
780
+ u3 as AccountApi,
781
+ c1 as AccountDetailsContent,
782
+ Q as AccountDetailsHeader,
783
+ h3 as AccountStore,
784
+ t3 as AccountsMiniWidget,
785
+ e3 as AccountsWidget,
786
+ n3 as ConnectMiniWidget,
787
+ o3 as FieldType,
788
+ C3 as MemberConnectionStatus,
789
+ c3 as getAccountBalanceDetails,
790
+ s3 as getAccountDetailFields,
791
+ D as useAccountUiStore,
792
+ r3 as useGetMergeableAccounts
757
793
  };
@@ -8,8 +8,8 @@ import a from "@mui/material/Stack";
8
8
  import _ from "@mui/material/styles/useTheme";
9
9
  import { Text as u, TextField as L } from "@mxenabled/mxui";
10
10
  import { L as W } from "../Loader-DUaFpDGv.mjs";
11
- import { M as j } from "../MiniWidgetContainer-D0gfmbaF.mjs";
12
- import { k as f, u as b, g as q, b as E } from "../hooks-D6XlXHf4.mjs";
11
+ import { M as j } from "../MiniWidgetContainer-BdgBvpga.mjs";
12
+ import { k as f, u as b, g as q, b as E } from "../hooks-Cy8JnjCg.mjs";
13
13
  import Q from "@mui/material/ToggleButton";
14
14
  import G from "@mui/material/ToggleButtonGroup";
15
15
  const O = () => {