@mx-cartographer/experiences 7.0.64 → 7.0.66-alpha.mega1
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.
- package/CHANGELOG.md +8 -0
- package/dist/{AccountDetailsContent-DsD3Wzu7.mjs → AccountDetailsContent-BpY7i5Vt.mjs} +5 -5
- package/dist/{AccountDetailsHeader-DN2pk4QW.mjs → AccountDetailsHeader-D0FKqNmV.mjs} +3 -3
- package/dist/{AccountFields-CuivK48n.mjs → AccountFields-CgkCSvJV.mjs} +1 -1
- package/dist/{AccountListItem-BAdwVscV.mjs → AccountListItem-DbpLvx5I.mjs} +2 -2
- package/dist/{BudgetUtil-2EncZLBQ.mjs → BudgetUtil-psfk-Amb.mjs} +1 -1
- package/dist/{CurrencyInput-CRtdzs3o.mjs → CurrencyInput-C4xNRL2W.mjs} +1 -1
- package/dist/{CurrencyText-YUhH2caW.mjs → CurrencyText-kyC1aseI.mjs} +1 -1
- package/dist/{GoalStore-DxOUk36P.mjs → GoalStore-BgiYFwWB.mjs} +1 -1
- package/dist/{LineChart-B2Y7zwMu.mjs → LineChart-B35qvXik.mjs} +186 -175
- package/dist/{ManageIncome-Dtbfc4WG.mjs → ManageIncome-BXlzeXk6.mjs} +3 -3
- package/dist/{NotificationSettings-C215AwS0.mjs → NotificationSettings-BuShgjn6.mjs} +2 -2
- package/dist/NumberFormatting-Buh7u8Oi.mjs +48 -0
- package/dist/{OriginalBalanceAction-CEuIYsc_.mjs → OriginalBalanceAction-BsxcvNEF.mjs} +2 -2
- package/dist/{RecurringSettings-CvW7FPMu.mjs → RecurringSettings-1t4mROQZ.mjs} +2 -2
- package/dist/{RecurringTransactions-DTUx9VN1.mjs → RecurringTransactions-ej39mgA6.mjs} +1 -1
- package/dist/{RecurringTransactionsStore-Djo9IeDd.mjs → RecurringTransactionsStore-DrzS1LmF.mjs} +1 -1
- package/dist/{TransactionDetails-DAp_CPCP.mjs → TransactionDetails-B2Z5S7FM.mjs} +2 -2
- package/dist/{TrendsStore-BKBnNQba.mjs → TrendsStore-ZZ8X36lJ.mjs} +2 -2
- package/dist/accounts/index.es.js +7 -7
- package/dist/budgets/index.es.js +5 -5
- package/dist/cashflow/index.es.js +7 -7
- package/dist/common/components/charts/LineChart.d.ts +5 -0
- package/dist/common/index.es.js +13 -13
- package/dist/common/utils/NumberFormatting.d.ts +1 -0
- package/dist/debts/index.es.js +4 -4
- package/dist/finstrong/index.es.js +3 -3
- package/dist/goals/index.es.js +7 -7
- package/dist/investments/index.es.js +1 -1
- package/dist/networth/index.es.js +67 -64
- package/dist/notifications/index.es.js +1 -1
- package/dist/recurringtransactions/index.es.js +8 -8
- package/dist/settings/index.es.js +2 -2
- package/dist/spending/index.es.js +2 -2
- package/dist/transactions/index.es.js +4 -4
- package/dist/trends/index.es.js +150 -150
- package/package.json +1 -1
- package/dist/NumberFormatting-CtWHhyBX.mjs +0 -40
|
@@ -5,7 +5,7 @@ import { useTheme as z } from "@mui/material/styles";
|
|
|
5
5
|
import { u as Z } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
6
6
|
import { p as _e, u as T, d as J, g as Q, b as P, q as ee } from "../hooks-CE2TKk4a.mjs";
|
|
7
7
|
import { f as we, D as be } from "../Dialog-CWW597AF.mjs";
|
|
8
|
-
import { L as We } from "../LineChart-
|
|
8
|
+
import { L as We } from "../LineChart-B35qvXik.mjs";
|
|
9
9
|
import W from "@mui/material/Divider";
|
|
10
10
|
import B from "@mui/material/List";
|
|
11
11
|
import E from "@mui/material/ListSubheader";
|
|
@@ -16,13 +16,13 @@ import k from "@mui/material/ListItem";
|
|
|
16
16
|
import te from "@mui/material/ListItemButton";
|
|
17
17
|
import _ from "@mui/material/ListItemText";
|
|
18
18
|
import { i as ne } from "../DateUtil-BcuH7ErC.mjs";
|
|
19
|
-
import { C as y } from "../CurrencyText-
|
|
19
|
+
import { C as y } from "../CurrencyText-kyC1aseI.mjs";
|
|
20
20
|
import { Button as Te, Stack as Le } from "@mui/material";
|
|
21
21
|
import { format as Ne, fromUnixTime as De, differenceInMonths as Ee } from "date-fns";
|
|
22
22
|
import { g as K } from "../NetWorthStore-f6RQno5Z.mjs";
|
|
23
23
|
import { N as Ot } from "../NetWorthStore-f6RQno5Z.mjs";
|
|
24
24
|
import { Icon as oe } from "@mxenabled/mx-icons";
|
|
25
|
-
import { f as U } from "../NumberFormatting-
|
|
25
|
+
import { f as U } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
26
26
|
import { A as b, W as ke } from "../WidgetContainer-B8MRJ5Y1.mjs";
|
|
27
27
|
import { L as O } from "../Loader-DUaFpDGv.mjs";
|
|
28
28
|
import { M as Ae } from "../MicroWidgetContainer-C4QQHfD7.mjs";
|
|
@@ -38,10 +38,10 @@ const Oe = ({
|
|
|
38
38
|
hoveredData: l,
|
|
39
39
|
onDataClick: i,
|
|
40
40
|
onMouseEnter: n,
|
|
41
|
-
onMouseLeave:
|
|
41
|
+
onMouseLeave: s,
|
|
42
42
|
selectedData: o
|
|
43
43
|
}) => {
|
|
44
|
-
const { isMobile:
|
|
44
|
+
const { isMobile: a } = Z(), { availableWidth: c } = _e(), u = z(), C = c - 320, x = t.map((f) => ({
|
|
45
45
|
x: we(Se(f.x), be.MONTH_SHORT),
|
|
46
46
|
y: f.y
|
|
47
47
|
})), g = o ? { index: t.findIndex((f) => f.x === o.x) } : void 0, S = l ? { index: t.findIndex((f) => f.x === l.x) } : void 0, p = (f) => ({
|
|
@@ -55,15 +55,18 @@ const Oe = ({
|
|
|
55
55
|
baseline: "min",
|
|
56
56
|
colors: [u.palette.success.main],
|
|
57
57
|
datasets: [x],
|
|
58
|
+
chartFor: "networthChart",
|
|
59
|
+
chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
|
|
60
|
+
chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
|
|
58
61
|
height: 350,
|
|
59
62
|
labels: [],
|
|
60
|
-
margin: { right: 20 },
|
|
61
|
-
markHandlers: { onMarkClick: i, onMouseEnter: n, onMouseLeave:
|
|
63
|
+
margin: { right: 20, left: 100 },
|
|
64
|
+
markHandlers: { onMarkClick: i, onMouseEnter: n, onMouseLeave: s },
|
|
62
65
|
markStyles: p,
|
|
63
66
|
showArea: !0,
|
|
64
67
|
useCustomMark: !0,
|
|
65
|
-
valueFormatterString: "0.[0]a",
|
|
66
|
-
width:
|
|
68
|
+
valueFormatterString: "0.0[0]a",
|
|
69
|
+
width: a ? 320 : C
|
|
67
70
|
}
|
|
68
71
|
);
|
|
69
72
|
}, ze = w(Oe), Re = ({
|
|
@@ -71,9 +74,9 @@ const Oe = ({
|
|
|
71
74
|
getStyles: l,
|
|
72
75
|
isHovered: i = !1,
|
|
73
76
|
isSelected: n = !1,
|
|
74
|
-
onItemClick:
|
|
77
|
+
onItemClick: s,
|
|
75
78
|
onMouseEnter: o,
|
|
76
|
-
onMouseLeave:
|
|
79
|
+
onMouseLeave: a
|
|
77
80
|
}) => {
|
|
78
81
|
const [c, u] = d.useState({
|
|
79
82
|
color: ""
|
|
@@ -92,9 +95,9 @@ const Oe = ({
|
|
|
92
95
|
children: /* @__PURE__ */ e(
|
|
93
96
|
te,
|
|
94
97
|
{
|
|
95
|
-
onClick: (C) =>
|
|
98
|
+
onClick: (C) => s?.(C, t.x),
|
|
96
99
|
onMouseEnter: () => o(t.x),
|
|
97
|
-
onMouseLeave: () =>
|
|
100
|
+
onMouseLeave: () => a(),
|
|
98
101
|
sx: { minHeight: 20, padding: 12 },
|
|
99
102
|
children: /* @__PURE__ */ e(
|
|
100
103
|
_,
|
|
@@ -116,12 +119,12 @@ const Oe = ({
|
|
|
116
119
|
hoveredData: l,
|
|
117
120
|
onDataClick: i,
|
|
118
121
|
onButtonClick: n,
|
|
119
|
-
onMouseEnter:
|
|
122
|
+
onMouseEnter: s,
|
|
120
123
|
onMouseLeave: o,
|
|
121
|
-
selectedData:
|
|
124
|
+
selectedData: a
|
|
122
125
|
}) => {
|
|
123
126
|
const { net_worth: c } = T(), u = z(), C = (x) => {
|
|
124
|
-
const g = x.x === l?.x, S = x.x ===
|
|
127
|
+
const g = x.x === l?.x, S = x.x === a?.x, p = {
|
|
125
128
|
backgroundColor: "inherit",
|
|
126
129
|
borderBottom: "inherit",
|
|
127
130
|
color: "inherit"
|
|
@@ -137,10 +140,10 @@ const Oe = ({
|
|
|
137
140
|
{
|
|
138
141
|
getStyles: C,
|
|
139
142
|
isHovered: x.x === l?.x,
|
|
140
|
-
isSelected: x.x ===
|
|
143
|
+
isSelected: x.x === a?.x,
|
|
141
144
|
item: x,
|
|
142
145
|
onItemClick: (S) => i(S, g),
|
|
143
|
-
onMouseEnter: () =>
|
|
146
|
+
onMouseEnter: () => s(g),
|
|
144
147
|
onMouseLeave: () => o()
|
|
145
148
|
},
|
|
146
149
|
x.x
|
|
@@ -156,15 +159,15 @@ const Oe = ({
|
|
|
156
159
|
}
|
|
157
160
|
)
|
|
158
161
|
] });
|
|
159
|
-
}, Ge = w($e),
|
|
162
|
+
}, Ge = w($e), Xe = ({
|
|
160
163
|
currencyLabel: t,
|
|
161
164
|
currencyVariant: l = "Small",
|
|
162
165
|
iconSize: i,
|
|
163
166
|
netWorth: n,
|
|
164
|
-
theme:
|
|
167
|
+
theme: s
|
|
165
168
|
}) => {
|
|
166
|
-
let o =
|
|
167
|
-
return n.change < 0 ? c = "trending_down" : n.change > 0 && (o =
|
|
169
|
+
let o = s.palette.secondary.main, a = s.palette.secondary.main, c = "trending_flat";
|
|
170
|
+
return n.change < 0 ? c = "trending_down" : n.change > 0 && (o = s.palette.success.main, a = s.palette.success.main, c = "trending_up"), /* @__PURE__ */ r(Le, { alignItems: "center", direction: "row", spacing: 4, children: [
|
|
168
171
|
/* @__PURE__ */ e(
|
|
169
172
|
H,
|
|
170
173
|
{
|
|
@@ -175,17 +178,17 @@ const Oe = ({
|
|
|
175
178
|
}
|
|
176
179
|
}
|
|
177
180
|
),
|
|
178
|
-
/* @__PURE__ */ e(y, { amount: n.change, color:
|
|
181
|
+
/* @__PURE__ */ e(y, { amount: n.change, color: a, variant: l }),
|
|
179
182
|
/* @__PURE__ */ e(m, { variant: "Small", children: t })
|
|
180
183
|
] });
|
|
181
|
-
}, R = w(
|
|
182
|
-
const { net_worth: i } = T(), n = z(),
|
|
184
|
+
}, R = w(Xe), Fe = ({ hoveredData: t, selectedData: l }) => {
|
|
185
|
+
const { net_worth: i } = T(), n = z(), s = t || l, o = Ne(De(s.x), "MMMM");
|
|
183
186
|
return /* @__PURE__ */ r(h, { alignItems: "center", direction: "column", m: 24, children: [
|
|
184
187
|
/* @__PURE__ */ e(m, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
|
|
185
|
-
/* @__PURE__ */ e(y, { amount:
|
|
186
|
-
/* @__PURE__ */ e(R, { currencyLabel: i.this_month, netWorth:
|
|
188
|
+
/* @__PURE__ */ e(y, { amount: s.y, variant: "H2" }),
|
|
189
|
+
/* @__PURE__ */ e(R, { currencyLabel: i.this_month, netWorth: s, theme: n })
|
|
187
190
|
] });
|
|
188
|
-
}, Ke = w(
|
|
191
|
+
}, Ke = w(Fe), Ue = ({ amount: t, copy: l, trendValue: i }) => {
|
|
189
192
|
const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
|
|
190
193
|
return /* @__PURE__ */ r(h, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
191
194
|
/* @__PURE__ */ e(ve, { children: U(t, "0,0") }),
|
|
@@ -204,16 +207,16 @@ const Oe = ({
|
|
|
204
207
|
/* @__PURE__ */ e(Ie, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
|
|
205
208
|
] })
|
|
206
209
|
] }), At = w(({ onCTAClick: t }) => {
|
|
207
|
-
const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent:
|
|
210
|
+
const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent: s } = Q(), { net_worth: o, common: a } = T(), { isInitialized: c, selectedAccounts: u, setSelectedAccounts: C } = P(), { loadChartData: x, loadNetWorthData: g, netWorthData: S, selectedData: p } = ee(), f = async () => {
|
|
208
211
|
await g(u), await x(1), i(!0);
|
|
209
212
|
};
|
|
210
213
|
if (d.useEffect(() => C(n), [n]), d.useEffect(() => {
|
|
211
|
-
c && f().finally(),
|
|
214
|
+
c && f().finally(), s(b.NET_WORTH_LOAD_WIDGET, {
|
|
212
215
|
state: n?.length ? "default" : "zeroState"
|
|
213
216
|
});
|
|
214
217
|
}, [c]), !l) return /* @__PURE__ */ e(O, { height: 100 });
|
|
215
218
|
const L = () => {
|
|
216
|
-
|
|
219
|
+
s(
|
|
217
220
|
n.length ? b.NET_WORTH_CLICK_VIEW_DETAILS : b.NET_WORTH_CLICK_GET_STARTED
|
|
218
221
|
), t();
|
|
219
222
|
};
|
|
@@ -221,7 +224,7 @@ const Oe = ({
|
|
|
221
224
|
Ae,
|
|
222
225
|
{
|
|
223
226
|
className: "mx-networth-microwidget",
|
|
224
|
-
ctaLabel:
|
|
227
|
+
ctaLabel: a.see_details,
|
|
225
228
|
onCTAClick: L,
|
|
226
229
|
title: o.net_worth,
|
|
227
230
|
children: S.accounts.length ? /* @__PURE__ */ e(
|
|
@@ -235,9 +238,9 @@ const Oe = ({
|
|
|
235
238
|
}
|
|
236
239
|
);
|
|
237
240
|
}), Ye = ({ accounts: t, name: l, icon: i }) => {
|
|
238
|
-
const [n,
|
|
241
|
+
const [n, s] = d.useState(!1);
|
|
239
242
|
return /* @__PURE__ */ r(v, { children: [
|
|
240
|
-
/* @__PURE__ */ e(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () =>
|
|
243
|
+
/* @__PURE__ */ e(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => s(!n), children: [
|
|
241
244
|
i && /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(H, { name: i, size: 24, sx: { mr: 12 } }) }),
|
|
242
245
|
/* @__PURE__ */ e(
|
|
243
246
|
_,
|
|
@@ -248,7 +251,7 @@ const Oe = ({
|
|
|
248
251
|
/* @__PURE__ */ e(V, { children: n ? /* @__PURE__ */ e(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(H, { name: "expand_more", size: 24 }) })
|
|
249
252
|
] }) }),
|
|
250
253
|
/* @__PURE__ */ e(W, {}),
|
|
251
|
-
/* @__PURE__ */ e(He, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o,
|
|
254
|
+
/* @__PURE__ */ e(He, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, a) => /* @__PURE__ */ r(B, { children: [
|
|
252
255
|
/* @__PURE__ */ e(k, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
|
|
253
256
|
_,
|
|
254
257
|
{
|
|
@@ -277,7 +280,7 @@ const Oe = ({
|
|
|
277
280
|
sx: { pl: 72, pr: 16 }
|
|
278
281
|
}
|
|
279
282
|
) }),
|
|
280
|
-
|
|
283
|
+
a < t.length - 1 ? /* @__PURE__ */ e(W, { variant: "inset" }) : /* @__PURE__ */ e(W, {})
|
|
281
284
|
] }, o.accountName)) })
|
|
282
285
|
] });
|
|
283
286
|
}, q = ({ groupedAccounts: t }) => /* @__PURE__ */ e(v, { children: t.map(({ accounts: l, icon: i, name: n }) => /* @__PURE__ */ e(Ye, { accounts: l, icon: i, name: n }, n)) }), qe = ({
|
|
@@ -285,9 +288,9 @@ const Oe = ({
|
|
|
285
288
|
assets: l,
|
|
286
289
|
liabilities: i,
|
|
287
290
|
totalAssets: n,
|
|
288
|
-
totalLiabilities:
|
|
291
|
+
totalLiabilities: s
|
|
289
292
|
}) => {
|
|
290
|
-
const { net_worth: o } = T(),
|
|
293
|
+
const { net_worth: o } = T(), a = ie();
|
|
291
294
|
return /* @__PURE__ */ r(v, { children: [
|
|
292
295
|
/* @__PURE__ */ r(
|
|
293
296
|
re,
|
|
@@ -309,7 +312,7 @@ const Oe = ({
|
|
|
309
312
|
currencyLabel: o.this_month,
|
|
310
313
|
iconSize: 20,
|
|
311
314
|
netWorth: t,
|
|
312
|
-
theme:
|
|
315
|
+
theme: a
|
|
313
316
|
}
|
|
314
317
|
)
|
|
315
318
|
]
|
|
@@ -331,7 +334,7 @@ const Oe = ({
|
|
|
331
334
|
{
|
|
332
335
|
primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
|
|
333
336
|
/* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.liabilities }),
|
|
334
|
-
/* @__PURE__ */ e(y, { amount:
|
|
337
|
+
/* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
|
|
335
338
|
] })
|
|
336
339
|
}
|
|
337
340
|
) }),
|
|
@@ -343,14 +346,14 @@ const Oe = ({
|
|
|
343
346
|
gains: l,
|
|
344
347
|
losses: i,
|
|
345
348
|
totalGains: n,
|
|
346
|
-
totalLosses:
|
|
349
|
+
totalLosses: s
|
|
347
350
|
}) => {
|
|
348
|
-
const { net_worth: o } = T(),
|
|
351
|
+
const { net_worth: o } = T(), a = ie();
|
|
349
352
|
return /* @__PURE__ */ r(v, { children: [
|
|
350
353
|
/* @__PURE__ */ r(h, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
|
|
351
354
|
/* @__PURE__ */ e(m, { variant: "Small", children: ne(t?.x) }),
|
|
352
355
|
/* @__PURE__ */ e(m, { variant: "Body", children: o.total_change }),
|
|
353
|
-
t && /* @__PURE__ */ e(R, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme:
|
|
356
|
+
t && /* @__PURE__ */ e(R, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme: a })
|
|
354
357
|
] }),
|
|
355
358
|
/* @__PURE__ */ r(B, { children: [
|
|
356
359
|
/* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
|
|
@@ -363,7 +366,7 @@ const Oe = ({
|
|
|
363
366
|
}
|
|
364
367
|
) }),
|
|
365
368
|
l?.map((c) => /* @__PURE__ */ r(d.Fragment, { children: [
|
|
366
|
-
/* @__PURE__ */ e(k, { sx: { backgroundColor:
|
|
369
|
+
/* @__PURE__ */ e(k, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
|
|
367
370
|
_,
|
|
368
371
|
{
|
|
369
372
|
primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
|
|
@@ -372,7 +375,7 @@ const Oe = ({
|
|
|
372
375
|
y,
|
|
373
376
|
{
|
|
374
377
|
amount: c.gain,
|
|
375
|
-
sx: { color:
|
|
378
|
+
sx: { color: a.palette.success.main, flexShrink: 0, fontWeight: 700 },
|
|
376
379
|
variant: "Body"
|
|
377
380
|
}
|
|
378
381
|
)
|
|
@@ -387,7 +390,7 @@ const Oe = ({
|
|
|
387
390
|
{
|
|
388
391
|
primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
|
|
389
392
|
/* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.losses }),
|
|
390
|
-
/* @__PURE__ */ e(y, { amount:
|
|
393
|
+
/* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
|
|
391
394
|
] })
|
|
392
395
|
}
|
|
393
396
|
) }),
|
|
@@ -395,7 +398,7 @@ const Oe = ({
|
|
|
395
398
|
/* @__PURE__ */ e(
|
|
396
399
|
k,
|
|
397
400
|
{
|
|
398
|
-
sx: { backgroundColor:
|
|
401
|
+
sx: { backgroundColor: a.palette.background.paper, py: 14 },
|
|
399
402
|
children: /* @__PURE__ */ e(
|
|
400
403
|
_,
|
|
401
404
|
{
|
|
@@ -430,7 +433,7 @@ const Oe = ({
|
|
|
430
433
|
] })
|
|
431
434
|
] });
|
|
432
435
|
}, Qe = w(Je), Mt = w(({ onBackClick: t }) => {
|
|
433
|
-
const { isCopyLoaded: l, isInitialized: i, selectedAccounts: n, setSelectedAccounts:
|
|
436
|
+
const { isCopyLoaded: l, isInitialized: i, selectedAccounts: n, setSelectedAccounts: s } = P(), { accounts: o, net_worth: a } = T(), { visibleAccounts: c } = J(), {
|
|
434
437
|
assetsLiabilities: u,
|
|
435
438
|
gainsLosses: C,
|
|
436
439
|
hoveredData: x,
|
|
@@ -439,21 +442,21 @@ const Oe = ({
|
|
|
439
442
|
netWorthChartData: p,
|
|
440
443
|
selectedData: f,
|
|
441
444
|
setHoveredData: L,
|
|
442
|
-
setSelectedData:
|
|
443
|
-
} = ee(), { isMobile: N } = Z(), { onEvent: D } = Q(), [
|
|
445
|
+
setSelectedData: ae
|
|
446
|
+
} = ee(), { isMobile: N } = Z(), { onEvent: D } = Q(), [se, ce] = d.useState(!1), [A, le] = d.useState(6), [me, j] = d.useState(!1), [de, $] = d.useState(!1), [he, G] = d.useState(!1), ue = async () => {
|
|
444
447
|
await S(n), await g(A), ce(!0);
|
|
445
448
|
};
|
|
446
449
|
d.useEffect(() => {
|
|
447
450
|
D(b.NET_WORTH_VIEW);
|
|
448
451
|
}, []), d.useEffect(() => {
|
|
449
|
-
|
|
452
|
+
s(c);
|
|
450
453
|
}, [c]), d.useEffect(() => {
|
|
451
454
|
i && ue().finally();
|
|
452
455
|
}, [i, n]), d.useEffect(() => {
|
|
453
456
|
D(b.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: A + "M" }), g(A).finally();
|
|
454
457
|
}, [A]);
|
|
455
458
|
const pe = (I, M) => {
|
|
456
|
-
|
|
459
|
+
ae(M), I.currentTarget instanceof HTMLDivElement && j(!0);
|
|
457
460
|
}, fe = (I) => {
|
|
458
461
|
L(I);
|
|
459
462
|
}, xe = () => {
|
|
@@ -461,9 +464,9 @@ const Oe = ({
|
|
|
461
464
|
}, ge = () => {
|
|
462
465
|
D(b.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), $(!0);
|
|
463
466
|
}, ye = async (I) => {
|
|
464
|
-
const M = I[0],
|
|
465
|
-
M &&
|
|
466
|
-
},
|
|
467
|
+
const M = I[0], F = I[1];
|
|
468
|
+
M && F && le(Ee(F, M));
|
|
469
|
+
}, X = {
|
|
467
470
|
chartData: p,
|
|
468
471
|
hoveredData: x,
|
|
469
472
|
onButtonClick: ge,
|
|
@@ -498,8 +501,8 @@ const Oe = ({
|
|
|
498
501
|
width: "100%"
|
|
499
502
|
}
|
|
500
503
|
},
|
|
501
|
-
title:
|
|
502
|
-
children:
|
|
504
|
+
title: a.net_worth,
|
|
505
|
+
children: se ? /* @__PURE__ */ r(v, { children: [
|
|
503
506
|
p.length ? /* @__PURE__ */ r(v, { children: [
|
|
504
507
|
f && /* @__PURE__ */ e(Ke, { hoveredData: x, selectedData: f }),
|
|
505
508
|
/* @__PURE__ */ r(
|
|
@@ -509,19 +512,19 @@ const Oe = ({
|
|
|
509
512
|
direction: N ? "column" : "row",
|
|
510
513
|
spacing: N ? 0 : 48,
|
|
511
514
|
children: [
|
|
512
|
-
/* @__PURE__ */ e(ze, { ...
|
|
513
|
-
/* @__PURE__ */ e(Ge, { ...
|
|
515
|
+
/* @__PURE__ */ e(ze, { ...X }),
|
|
516
|
+
/* @__PURE__ */ e(Ge, { ...X })
|
|
514
517
|
]
|
|
515
518
|
}
|
|
516
519
|
)
|
|
517
520
|
] }) : /* @__PURE__ */ e(re, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
|
|
518
521
|
Be,
|
|
519
522
|
{
|
|
520
|
-
header:
|
|
523
|
+
header: a.empty_widget_header,
|
|
521
524
|
icon: "elevation",
|
|
522
525
|
onClick: Ce,
|
|
523
|
-
primaryButton:
|
|
524
|
-
subText:
|
|
526
|
+
primaryButton: a.empty_widget_button,
|
|
527
|
+
subText: a.empty_widget_description,
|
|
525
528
|
sx: {
|
|
526
529
|
width: { sm: 432 },
|
|
527
530
|
".buttons-footer": {
|
|
@@ -546,7 +549,7 @@ const Oe = ({
|
|
|
546
549
|
onClose: () => j(!1),
|
|
547
550
|
shouldShowHeaderBorders: !1,
|
|
548
551
|
shouldShowHeaderShadow: !0,
|
|
549
|
-
title:
|
|
552
|
+
title: a.gains_and_losses,
|
|
550
553
|
children: C && /* @__PURE__ */ e(Qe, { ...C })
|
|
551
554
|
}
|
|
552
555
|
),
|
|
@@ -558,7 +561,7 @@ const Oe = ({
|
|
|
558
561
|
onClose: () => $(!1),
|
|
559
562
|
shouldShowHeaderBorders: !1,
|
|
560
563
|
shouldShowHeaderShadow: !0,
|
|
561
|
-
title:
|
|
564
|
+
title: a.assets_and_liabilities,
|
|
562
565
|
children: u && /* @__PURE__ */ e(Ze, { ...u })
|
|
563
566
|
}
|
|
564
567
|
)
|
|
@@ -17,7 +17,7 @@ import P from "@mui/material/Button";
|
|
|
17
17
|
import W from "@mui/material/Stack";
|
|
18
18
|
import { L as w } from "../Loader-DUaFpDGv.mjs";
|
|
19
19
|
import $ from "@mui/material/IconButton";
|
|
20
|
-
import { N as H } from "../NotificationSettings-
|
|
20
|
+
import { N as H } from "../NotificationSettings-BuShgjn6.mjs";
|
|
21
21
|
import { D as C } from "../Drawer-kEE73B87.mjs";
|
|
22
22
|
const yt = (e) => {
|
|
23
23
|
switch (e) {
|
|
@@ -8,8 +8,8 @@ import { startOfToday as ue } from "date-fns/startOfToday";
|
|
|
8
8
|
import { subDays as me } from "date-fns/subDays";
|
|
9
9
|
import ae from "@mui/material/Skeleton";
|
|
10
10
|
import c from "@mui/material/Stack";
|
|
11
|
-
import { R as Ee } from "../RecurringSettings-
|
|
12
|
-
import { M as En } from "../RecurringSettings-
|
|
11
|
+
import { R as Ee } from "../RecurringSettings-1t4mROQZ.mjs";
|
|
12
|
+
import { M as En } from "../RecurringSettings-1t4mROQZ.mjs";
|
|
13
13
|
import { addMonths as ze } from "date-fns/addMonths";
|
|
14
14
|
import { subMonths as Fe } from "date-fns/subMonths";
|
|
15
15
|
import { isBefore as Ue } from "date-fns/isBefore";
|
|
@@ -29,9 +29,9 @@ import it from "@mui/material/Badge";
|
|
|
29
29
|
import { PickersDay as rt } from "@mui/x-date-pickers/PickersDay";
|
|
30
30
|
import { I as Z } from "../IconBacking-B9oC6uL2.mjs";
|
|
31
31
|
import { u as D, b as q, j as I, g as J, p as Oe, d as he, h as fe } from "../hooks-CE2TKk4a.mjs";
|
|
32
|
-
import { c as M, a as S, g as Ie, f as ot } from "../RecurringTransactions-
|
|
33
|
-
import { T as B } from "../RecurringTransactionsStore-
|
|
34
|
-
import { R as Nn } from "../RecurringTransactionsStore-
|
|
32
|
+
import { c as M, a as S, g as Ie, f as ot } from "../RecurringTransactions-ej39mgA6.mjs";
|
|
33
|
+
import { T as B } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
|
|
34
|
+
import { R as Nn } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
|
|
35
35
|
import { A as w, W as at } from "../WidgetContainer-B8MRJ5Y1.mjs";
|
|
36
36
|
import st from "@mui/material/Button";
|
|
37
37
|
import le from "@mui/material/Divider";
|
|
@@ -41,9 +41,9 @@ import ct from "@mui/material/ListSubheader";
|
|
|
41
41
|
import lt from "@mui/material/ListItemAvatar";
|
|
42
42
|
import dt from "@mui/material/ListItemButton";
|
|
43
43
|
import ut from "@mui/material/ListItemText";
|
|
44
|
-
import { b as mt } from "../ManageIncome-
|
|
45
|
-
import { c as kn, M as Wn, S as $n } from "../ManageIncome-
|
|
46
|
-
import { f as L } from "../NumberFormatting-
|
|
44
|
+
import { b as mt } from "../ManageIncome-BXlzeXk6.mjs";
|
|
45
|
+
import { c as kn, M as Wn, S as $n } from "../ManageIncome-BXlzeXk6.mjs";
|
|
46
|
+
import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
47
47
|
import { D as xe } from "../Drawer-kEE73B87.mjs";
|
|
48
48
|
import { b as N } from "../Localization-2MODESHW.mjs";
|
|
49
49
|
import { f as A, D as E } from "../Dialog-CWW597AF.mjs";
|
|
@@ -16,8 +16,8 @@ import F from "@mui/material/Box";
|
|
|
16
16
|
import Q from "@mui/material/Button";
|
|
17
17
|
import I from "@mui/material/TextField";
|
|
18
18
|
import { H3 as J, P as H, Text as x, Icon as M, ChevronRightIcon as xe } from "@mxenabled/mxui";
|
|
19
|
-
import { V as ve, a as Ce, N as G } from "../NotificationSettings-
|
|
20
|
-
import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-
|
|
19
|
+
import { V as ve, a as Ce, N as G } from "../NotificationSettings-BuShgjn6.mjs";
|
|
20
|
+
import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-BuShgjn6.mjs";
|
|
21
21
|
import { u as k, a as $, r as A, o as De, b as Z, m as ee } from "../hooks-CE2TKk4a.mjs";
|
|
22
22
|
import { u as L } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
23
23
|
import { a as W } from "../Dialog-CWW597AF.mjs";
|
|
@@ -11,7 +11,7 @@ import mt from "@mui/material/styles/useTheme";
|
|
|
11
11
|
import { b as V } from "../CategoryUtil-BR3H5i6n.mjs";
|
|
12
12
|
import { b } from "../Category-CevNQ03n.mjs";
|
|
13
13
|
import { Text as f, CategoryIcon as ht, CategoryIconVariants as ft } from "@mxenabled/mxui";
|
|
14
|
-
import { f as A } from "../NumberFormatting-
|
|
14
|
+
import { f as A } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
15
15
|
import yt from "@mui/material/Button";
|
|
16
16
|
import { useTheme as it } from "@mui/material";
|
|
17
17
|
import { u as w, b as R, m as z, d as rt, a as st, h as Ct, g as _t } from "../hooks-CE2TKk4a.mjs";
|
|
@@ -20,7 +20,7 @@ import { D as bt } from "../Donut-1UMNcG67.mjs";
|
|
|
20
20
|
import { L as F } from "../Loader-DUaFpDGv.mjs";
|
|
21
21
|
import { M as St } from "../MiniWidgetContainer-DTQdRK-3.mjs";
|
|
22
22
|
import { startOfToday as U } from "date-fns/startOfToday";
|
|
23
|
-
import { T as Tt, a as Mt } from "../TransactionDetails-
|
|
23
|
+
import { T as Tt, a as Mt } from "../TransactionDetails-B2Z5S7FM.mjs";
|
|
24
24
|
import Dt from "@mui/material/Collapse";
|
|
25
25
|
import B from "@mui/material/Divider";
|
|
26
26
|
import q from "@mui/material/List";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { T as Ca } from "../TransactionApi-B3Tksf7L.mjs";
|
|
2
|
-
import { u as P, C as He, D as Be, M as Pe, c as $e, T as Ve, a as We } from "../TransactionDetails-
|
|
3
|
-
import { B as ba, d as Ta, b as Aa } from "../TransactionDetails-
|
|
2
|
+
import { u as P, C as He, D as Be, M as Pe, c as $e, T as Ve, a as We } from "../TransactionDetails-B2Z5S7FM.mjs";
|
|
3
|
+
import { B as ba, d as Ta, b as Aa } from "../TransactionDetails-B2Z5S7FM.mjs";
|
|
4
4
|
import { T as M } from "../User-DaJAQ09j.mjs";
|
|
5
5
|
import { O as xa } from "../User-DaJAQ09j.mjs";
|
|
6
6
|
import { S as ee, D as Ge } from "../TransactionStore-B-Tq_YFE.mjs";
|
|
@@ -19,7 +19,7 @@ import { h as $, u as x, b as K, d as re, m as Xe, a as Ye, g as Je, o as Qe } f
|
|
|
19
19
|
import { fromUnixTime as Ze } from "date-fns/fromUnixTime";
|
|
20
20
|
import { f as et, D as tt, a as se } from "../Dialog-CWW597AF.mjs";
|
|
21
21
|
import D from "@mui/material/Stack";
|
|
22
|
-
import { f as ie } from "../NumberFormatting-
|
|
22
|
+
import { f as ie } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
23
23
|
import { L as q } from "../Loader-DUaFpDGv.mjs";
|
|
24
24
|
import { endOfMonth as at } from "date-fns/endOfMonth";
|
|
25
25
|
import { getUnixTime as nt } from "date-fns/getUnixTime";
|
|
@@ -31,7 +31,7 @@ import it from "@mui/material/Divider";
|
|
|
31
31
|
import ct from "@mui/material/MenuItem";
|
|
32
32
|
import lt from "@mui/material/RadioGroup";
|
|
33
33
|
import { ExpandMore as dt } from "@mxenabled/mx-icons";
|
|
34
|
-
import { C as ut } from "../CurrencyInput-
|
|
34
|
+
import { C as ut } from "../CurrencyInput-C4xNRL2W.mjs";
|
|
35
35
|
import { a as mt, u as _t } from "../CategorySelectorDrawer-BmenK5bu.mjs";
|
|
36
36
|
import { b as ae } from "../Localization-2MODESHW.mjs";
|
|
37
37
|
import { A as T, W as pt } from "../WidgetContainer-B8MRJ5Y1.mjs";
|