@mx-cartographer/experiences 7.0.64 → 7.0.65
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 +4 -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 +6 -6
- 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";
|
package/dist/trends/index.es.js
CHANGED
|
@@ -7,8 +7,8 @@ import _ 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-
|
|
11
|
-
import { T as mo } from "../TrendsStore-
|
|
10
|
+
import { a as et, g as tt, S as nt, L as Me } from "../TrendsStore-ZZ8X36lJ.mjs";
|
|
11
|
+
import { T as mo } from "../TrendsStore-ZZ8X36lJ.mjs";
|
|
12
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
13
|
import lt from "@mui/material/ToggleButton";
|
|
14
14
|
import dt from "@mui/material/ToggleButtonGroup";
|
|
@@ -16,21 +16,21 @@ import { u as R, m as K, g as N, b as ee, h as ie, d as ce, v as te, f as Te, p
|
|
|
16
16
|
import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
17
17
|
import { f as q, D as z } from "../Dialog-CWW597AF.mjs";
|
|
18
18
|
import { DataGridPro as gt } from "@mui/x-data-grid-pro";
|
|
19
|
-
import { C as mt } from "../CurrencyText-
|
|
19
|
+
import { C as mt } from "../CurrencyText-kyC1aseI.mjs";
|
|
20
20
|
import { c as ke } from "../Category-CevNQ03n.mjs";
|
|
21
21
|
import { b as pt } from "../Localization-2MODESHW.mjs";
|
|
22
22
|
import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
|
|
23
23
|
import { T as A, b as Ct } from "../ViewMoreMicroCard-BAz2NyEO.mjs";
|
|
24
24
|
import { A as y, W as Ne } from "../WidgetContainer-B8MRJ5Y1.mjs";
|
|
25
|
-
import { a as He, T as We } from "../TransactionDetails-
|
|
25
|
+
import { a as He, T as We } from "../TransactionDetails-B2Z5S7FM.mjs";
|
|
26
26
|
import { D as Ce } from "../Drawer-kEE73B87.mjs";
|
|
27
27
|
import { L as J } from "../Loader-DUaFpDGv.mjs";
|
|
28
28
|
import { useTheme as Oe } from "@mui/material/styles";
|
|
29
|
-
import { L as ye } from "../LineChart-
|
|
29
|
+
import { L as ye } from "../LineChart-B35qvXik.mjs";
|
|
30
30
|
import { M as ft } from "../MiniWidgetContainer-DTQdRK-3.mjs";
|
|
31
31
|
import { subMonths as Tt } from "date-fns";
|
|
32
32
|
import { TrendingUp as yt, TrendingDown as _t, MultilineChart as bt, ExpandLess as St, ExpandMore as wt } from "@mxenabled/mx-icons";
|
|
33
|
-
import { a as Dt, f as Z } from "../NumberFormatting-
|
|
33
|
+
import { a as Dt, f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
34
34
|
import { M as It } from "../MicroWidgetContainer-C4QQHfD7.mjs";
|
|
35
35
|
import Et from "@mui/material/Collapse";
|
|
36
36
|
import Lt from "@mui/material/List";
|
package/package.json
CHANGED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import n from "numeral";
|
|
2
|
-
import { g as s } from "./Localization-2MODESHW.mjs";
|
|
3
|
-
const u = 9999999999e-2;
|
|
4
|
-
var a = /* @__PURE__ */ ((t) => (t.CAD = "CAD", t.USD = "USD", t))(a || {});
|
|
5
|
-
const d = (t, r, e) => {
|
|
6
|
-
switch (s()) {
|
|
7
|
-
case "fr-ca":
|
|
8
|
-
return n(t).format(`${r} $`, e);
|
|
9
|
-
default:
|
|
10
|
-
return n(t).format(`$${r}`, e);
|
|
11
|
-
}
|
|
12
|
-
}, D = () => {
|
|
13
|
-
switch (s()) {
|
|
14
|
-
case "fr-ca":
|
|
15
|
-
return a.CAD;
|
|
16
|
-
default:
|
|
17
|
-
return a.USD;
|
|
18
|
-
}
|
|
19
|
-
}, c = (t) => t != null && t !== "" && isFinite(t), i = {
|
|
20
|
-
style: "percent",
|
|
21
|
-
minimumFractionDigits: 2,
|
|
22
|
-
maximumFractionDigits: 2
|
|
23
|
-
}, g = (t, r = i) => c(t) ? new Intl.NumberFormat(s(), r).format(Number(t)) : t, l = (t) => new Intl.PluralRules(s(), t), w = (t, r = { type: "ordinal" }, e = {
|
|
24
|
-
one: "st",
|
|
25
|
-
two: "nd",
|
|
26
|
-
few: "rd",
|
|
27
|
-
other: "th"
|
|
28
|
-
}) => {
|
|
29
|
-
const o = l(r).select(t);
|
|
30
|
-
return `${t}${e[o]}`;
|
|
31
|
-
};
|
|
32
|
-
export {
|
|
33
|
-
a as C,
|
|
34
|
-
u as M,
|
|
35
|
-
g as a,
|
|
36
|
-
w as b,
|
|
37
|
-
d as f,
|
|
38
|
-
D as g,
|
|
39
|
-
c as i
|
|
40
|
-
};
|