@mx-cartographer/experiences 7.10.21 → 7.10.22
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/{AccountStore-yQyWbrio.mjs → AccountStore-Bv74StpR.mjs} +1 -1
- package/dist/Analytics-i5h6BxR1.mjs +124 -0
- package/dist/{ExportCsvAction-D5PGUKAT.mjs → ExportCsvAction-8uWKc_e2.mjs} +2 -2
- package/dist/{ManageIncome-UYZbu_-I.mjs → ManageIncome-C6iolYLZ.mjs} +11 -10
- package/dist/{RecurringSettings-D2uU-HNE.mjs → RecurringSettings-CDdjajPZ.mjs} +3 -3
- package/dist/{RepeatingTransaction-CIrVdIet.mjs → RecurringTransactions-B_I4_FGO.mjs} +3 -2
- package/dist/{RecurringTransactionsStore-BJrH7BJ7.mjs → RecurringTransactionsStore-DAX5ozGz.mjs} +1 -1
- package/dist/Transaction-RmKYEKSk.mjs +80 -0
- package/dist/TransactionDetails-B9cwOn5s.mjs +1193 -0
- package/dist/TransactionList-5JxQV7f6.mjs +204 -0
- package/dist/{TransactionStore-BrAMgM2Q.mjs → TransactionStore-B-fc3CsB.mjs} +2 -2
- package/dist/User-Bs3hX0dH.mjs +237 -0
- package/dist/WidgetContainer-CiyWaTc1.mjs +440 -0
- package/dist/accounts/index.es.js +62 -60
- package/dist/budgets/index.es.js +25 -23
- package/dist/cashflow/index.es.js +25 -24
- package/dist/common/index.es.js +165 -163
- package/dist/debts/index.es.js +30 -29
- package/dist/{exportTransactionsToCSV-DK9U4Lmk.mjs → exportTransactionsToCSV-RUWymyA3.mjs} +5 -5
- package/dist/finstrong/index.es.js +5 -5
- package/dist/goals/index.es.js +9 -8
- package/dist/help/index.es.js +1 -1
- package/dist/insights/components/index.d.ts +1 -0
- package/dist/insights/index.es.js +1014 -937
- package/dist/investments/index.es.js +25 -24
- package/dist/networth/index.es.js +41 -40
- package/dist/recurringtransactions/index.es.js +34 -33
- package/dist/settings/index.es.js +1 -1
- package/dist/spending/index.es.js +48 -46
- package/dist/transactions/index.es.js +40 -37
- package/dist/trends/index.es.js +19 -17
- package/package.json +1 -1
- package/dist/TransactionDetails-LEP8qGrR.mjs +0 -1375
- package/dist/User-CYt9qNY3.mjs +0 -314
- package/dist/WidgetContainer-BxRQazKR.mjs +0 -560
|
@@ -17,28 +17,29 @@ import fe from "@mui/material/ToggleButtonGroup";
|
|
|
17
17
|
import { Text as r, P as J, InstitutionLogo as oe } from "@mxenabled/mxui";
|
|
18
18
|
import He from "@mui/material/Button";
|
|
19
19
|
import { u as M, g as ve, s as H, b as Q, d as le } from "../hooks-DWJQ4phS.mjs";
|
|
20
|
-
import { A as z
|
|
21
|
-
import { a as
|
|
20
|
+
import { A as z } from "../Analytics-i5h6BxR1.mjs";
|
|
21
|
+
import { a as Ue, f as ie } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
22
22
|
import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
23
23
|
import ce from "@mui/material/styles/useTheme";
|
|
24
24
|
import { Icon as k } from "@mxenabled/mx-icons";
|
|
25
|
-
import { D as
|
|
26
|
-
import { useTheme as
|
|
27
|
-
import { f as
|
|
28
|
-
import
|
|
25
|
+
import { D as je } from "../Donut-DKY8mL3P.mjs";
|
|
26
|
+
import { useTheme as ze } from "@mui/material/styles";
|
|
27
|
+
import { f as Oe, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
|
|
28
|
+
import Ve from "@mui/material/ListItemText";
|
|
29
29
|
import de from "@mui/material/IconButton";
|
|
30
|
-
import
|
|
30
|
+
import Re from "@mui/material/Tooltip";
|
|
31
31
|
import be from "@mui/material/Accordion";
|
|
32
32
|
import _e from "@mui/material/AccordionDetails";
|
|
33
33
|
import we from "@mui/material/AccordionSummary";
|
|
34
34
|
import re from "@mui/material/Paper";
|
|
35
35
|
import y from "@mui/system/Stack";
|
|
36
36
|
import Ce from "@mui/material/TextField";
|
|
37
|
-
import { D as
|
|
38
|
-
import { DataGridPro as
|
|
39
|
-
import { Stack as
|
|
37
|
+
import { D as Pe } from "../Drawer-DV4NTsFg.mjs";
|
|
38
|
+
import { DataGridPro as Xe } from "@mui/x-data-grid-pro";
|
|
39
|
+
import { Stack as $e } from "@mui/material";
|
|
40
40
|
import { L as Se } from "../Loader-DUaFpDGv.mjs";
|
|
41
|
-
import { u as
|
|
41
|
+
import { u as qe } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
|
|
42
|
+
import { W as Ke } from "../WidgetContainer-CiyWaTc1.mjs";
|
|
42
43
|
import { A as Ye } from "../Account-BiB1F8lL.mjs";
|
|
43
44
|
import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
|
|
44
45
|
const me = ({ sx: t = {} }) => {
|
|
@@ -210,7 +211,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
210
211
|
totalMarketValue: u,
|
|
211
212
|
totalGainLossPercentage: l / f
|
|
212
213
|
};
|
|
213
|
-
}, ae = (t) => t < 1e-3 ? "< 0.1%" :
|
|
214
|
+
}, ae = (t) => t < 1e-3 ? "< 0.1%" : Ue(t), R = (t) => t === 0 ? ie(t, "0,0.00") : et(t, -0.01, 0.01) ? "< $0.01" : ie(t, "0,0.00"), ot = ({
|
|
214
215
|
data: t,
|
|
215
216
|
onSelected: h,
|
|
216
217
|
selectedId: c,
|
|
@@ -334,7 +335,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
334
335
|
investments: { allocation: u }
|
|
335
336
|
} = M(), i = A.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: f.palette.border.light, value: 100 }], [t, f]), n = p ? "#0AC295" : "#09A57F", x = p ? "grey.300" : "grey.700", w = () => l ? u.pie_chart_centered_click_for_details : c ? ae(t.totalGainLossPercentage) : R(t.totalGainLoss), S = t.totalGainLoss >= 0 ? n : x;
|
|
336
337
|
return /* @__PURE__ */ e(
|
|
337
|
-
|
|
338
|
+
je,
|
|
338
339
|
{
|
|
339
340
|
data: i,
|
|
340
341
|
hoveredId: h,
|
|
@@ -432,7 +433,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
432
433
|
const { isSmallMobile: v } = U(), b = A.useMemo(() => Object.keys(t).filter((s) => t[s] >= 1).map((s) => ({
|
|
433
434
|
key: s,
|
|
434
435
|
value: ie(t[s], "0,0"),
|
|
435
|
-
formattedKey:
|
|
436
|
+
formattedKey: Oe(s)
|
|
436
437
|
})), [t]), d = [
|
|
437
438
|
{ label: c.equities, value: V.Stocks },
|
|
438
439
|
{ label: c.bonds, value: V.Bonds }
|
|
@@ -465,7 +466,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
465
466
|
"& .MuiListItem-root": { minHeight: 44, px: 12 }
|
|
466
467
|
},
|
|
467
468
|
children: b.map(({ value: s, formattedKey: g }) => /* @__PURE__ */ e(ne, { divider: !0, secondaryAction: /* @__PURE__ */ e(r, { children: s }), children: /* @__PURE__ */ e(
|
|
468
|
-
|
|
469
|
+
Ve,
|
|
469
470
|
{
|
|
470
471
|
primary: g,
|
|
471
472
|
primaryTypographyProps: { fontStyle: "normal" }
|
|
@@ -493,7 +494,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
493
494
|
tooltip_info_body: h,
|
|
494
495
|
tooltip_info_title: c
|
|
495
496
|
}) => /* @__PURE__ */ e(
|
|
496
|
-
|
|
497
|
+
Re,
|
|
497
498
|
{
|
|
498
499
|
enterTouchDelay: 500,
|
|
499
500
|
placement: t,
|
|
@@ -503,7 +504,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
503
504
|
), dt = () => {
|
|
504
505
|
const {
|
|
505
506
|
investments: { analysis: t }
|
|
506
|
-
} = M(), { analysisChartData: h, analysisDetails: c, analysisType: m, setAnalysisType: v } = H(), b = xe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = U(), g =
|
|
507
|
+
} = M(), { analysisChartData: h, analysisDetails: c, analysisType: m, setAnalysisType: v } = H(), b = xe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = U(), g = ze().palette.mode === "dark", { cellDimension: f, columns: p, rows: l, textVariant: u } = A.useMemo(() => {
|
|
507
508
|
const i = m === V.Stocks, n = Object.values(i ? t.stock_column_labels : t.bond_column_labels), x = Object.values(i ? t.stock_row_labels : t.bond_row_labels);
|
|
508
509
|
return { cellDimension: d ? 72 : 100, columns: n, rows: x, textVariant: d ? "XSmall" : "Body" };
|
|
509
510
|
}, [t, d, m]);
|
|
@@ -671,7 +672,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
671
672
|
}));
|
|
672
673
|
};
|
|
673
674
|
return /* @__PURE__ */ o(
|
|
674
|
-
|
|
675
|
+
Pe,
|
|
675
676
|
{
|
|
676
677
|
ariaLabelClose: f.overview.close_investment_drawer,
|
|
677
678
|
isOpen: s,
|
|
@@ -958,7 +959,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
958
959
|
]
|
|
959
960
|
}
|
|
960
961
|
);
|
|
961
|
-
}, ht = P(ut), q = (t) => /* @__PURE__ */ o(
|
|
962
|
+
}, ht = P(ut), q = (t) => /* @__PURE__ */ o($e, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
|
|
962
963
|
/* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: t.colDef.headerName }),
|
|
963
964
|
/* @__PURE__ */ e(k, { name: "expand_all", size: 12 })
|
|
964
965
|
] }), gt = ({
|
|
@@ -1116,7 +1117,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
1116
1117
|
width: "100%"
|
|
1117
1118
|
},
|
|
1118
1119
|
children: /* @__PURE__ */ e(
|
|
1119
|
-
|
|
1120
|
+
Xe,
|
|
1120
1121
|
{
|
|
1121
1122
|
columns: i,
|
|
1122
1123
|
disableColumnFilter: !0,
|
|
@@ -1548,7 +1549,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
1548
1549
|
}
|
|
1549
1550
|
)
|
|
1550
1551
|
] }) : /* @__PURE__ */ e(Se, {});
|
|
1551
|
-
}, xt = P(pt), yt = ({ title: t }) => /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: t }),
|
|
1552
|
+
}, xt = P(pt), yt = ({ title: t }) => /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: t }), dn = P(({ onBackClick: t, sx: h }) => {
|
|
1552
1553
|
const { onEvent: c } = ve(), { isMobile: m } = U(), {
|
|
1553
1554
|
isAccountDataLoaded: v,
|
|
1554
1555
|
loadAccountData: b,
|
|
@@ -1558,7 +1559,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
1558
1559
|
setShowConnectionsWidget: g,
|
|
1559
1560
|
showConnectionsWidget: f
|
|
1560
1561
|
} = H(), { investments: p, accounts: l } = M(), { isInitialized: u } = Q(), [i, n] = A.useState(0), { loadHoldings: x, holdingsLoaded: w } = H();
|
|
1561
|
-
|
|
1562
|
+
qe({
|
|
1562
1563
|
widgetName: "InvestmentsWidget",
|
|
1563
1564
|
isLoaded: w
|
|
1564
1565
|
}), A.useEffect(() => {
|
|
@@ -1580,7 +1581,7 @@ const me = ({ sx: t = {} }) => {
|
|
|
1580
1581
|
p.tab_analysis_title
|
|
1581
1582
|
];
|
|
1582
1583
|
return /* @__PURE__ */ o(
|
|
1583
|
-
|
|
1584
|
+
Ke,
|
|
1584
1585
|
{
|
|
1585
1586
|
allowedAccountTypes: [Ye.INVESTMENT],
|
|
1586
1587
|
onAccountsFilterClick: S,
|
|
@@ -1643,5 +1644,5 @@ const me = ({ sx: t = {} }) => {
|
|
|
1643
1644
|
);
|
|
1644
1645
|
});
|
|
1645
1646
|
export {
|
|
1646
|
-
|
|
1647
|
+
dn as InvestmentsWidget
|
|
1647
1648
|
};
|
|
@@ -7,7 +7,7 @@ import { L as ae } from "../LineChart-BDTOgWUr.mjs";
|
|
|
7
7
|
import { p as se, q as R, u as N, g as z, d as ce, b as Y } from "../hooks-DWJQ4phS.mjs";
|
|
8
8
|
import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
9
9
|
import { f as le, D as me } from "../DateFormats-Cs-NbEZ7.mjs";
|
|
10
|
-
import
|
|
10
|
+
import u from "react";
|
|
11
11
|
import de from "@mui/material/Button";
|
|
12
12
|
import T from "@mui/material/Divider";
|
|
13
13
|
import $ from "@mui/material/List";
|
|
@@ -22,19 +22,20 @@ import { C as x } from "../CurrencyText-C-85TnUF.mjs";
|
|
|
22
22
|
import P from "@mui/material/styles/useTheme";
|
|
23
23
|
import { Stack as he } from "@mui/material";
|
|
24
24
|
import ee from "@mui/material/Box";
|
|
25
|
-
import
|
|
25
|
+
import pe from "@mui/material/Collapse";
|
|
26
26
|
import X from "@mui/material/ListItemIcon";
|
|
27
27
|
import { g as F } from "../NetWorthStore-yV43kJro.mjs";
|
|
28
|
-
import { N as
|
|
28
|
+
import { N as Wt } from "../NetWorthStore-yV43kJro.mjs";
|
|
29
29
|
import { D as K } from "../Drawer-DV4NTsFg.mjs";
|
|
30
|
-
import { A as v
|
|
31
|
-
import { format as
|
|
30
|
+
import { A as v } from "../Analytics-i5h6BxR1.mjs";
|
|
31
|
+
import { format as ue, fromUnixTime as fe, differenceInMonths as xe } from "date-fns";
|
|
32
32
|
import { Icon as te } from "@mxenabled/mx-icons";
|
|
33
33
|
import { f as U } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
34
34
|
import { u as ne } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
|
|
35
35
|
import { L as re } from "../Loader-DUaFpDGv.mjs";
|
|
36
|
-
import { M as
|
|
37
|
-
import { C as
|
|
36
|
+
import { M as ge } from "../MicroWidgetContainer-Cg0wb2gg.mjs";
|
|
37
|
+
import { C as ye } from "../ConnectionsDrawer-uWuM7QfF.mjs";
|
|
38
|
+
import { W as Ce } from "../WidgetContainer-CiyWaTc1.mjs";
|
|
38
39
|
import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
|
|
39
40
|
const Se = () => {
|
|
40
41
|
const { isMobile: t } = q(), { availableWidth: a } = se(), i = j(), {
|
|
@@ -86,12 +87,12 @@ const Se = () => {
|
|
|
86
87
|
onMouseEnter: r,
|
|
87
88
|
onMouseLeave: c
|
|
88
89
|
}) => {
|
|
89
|
-
const [l, f] =
|
|
90
|
+
const [l, f] = u.useState({
|
|
90
91
|
color: ""
|
|
91
92
|
});
|
|
92
|
-
return
|
|
93
|
+
return u.useEffect(() => {
|
|
93
94
|
f(a(t));
|
|
94
|
-
}, [i, n]), /* @__PURE__ */ o(
|
|
95
|
+
}, [i, n]), /* @__PURE__ */ o(u.Fragment, { children: [
|
|
95
96
|
/* @__PURE__ */ e(
|
|
96
97
|
A,
|
|
97
98
|
{
|
|
@@ -168,7 +169,7 @@ const Se = () => {
|
|
|
168
169
|
] })
|
|
169
170
|
}
|
|
170
171
|
) }),
|
|
171
|
-
a?.map((l) => /* @__PURE__ */ o(
|
|
172
|
+
a?.map((l) => /* @__PURE__ */ o(u.Fragment, { children: [
|
|
172
173
|
/* @__PURE__ */ e(A, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
|
|
173
174
|
_,
|
|
174
175
|
{
|
|
@@ -236,7 +237,7 @@ const Se = () => {
|
|
|
236
237
|
] })
|
|
237
238
|
] });
|
|
238
239
|
}, Ie = S(Te), Le = ({ accounts: t, name: a, icon: i }) => {
|
|
239
|
-
const [n, s] =
|
|
240
|
+
const [n, s] = u.useState(!1);
|
|
240
241
|
return /* @__PURE__ */ o(D, { children: [
|
|
241
242
|
/* @__PURE__ */ e(A, { sx: (r) => ({ backgroundColor: r.palette.background.paper }), children: /* @__PURE__ */ o(J, { onClick: () => s(!n), children: [
|
|
242
243
|
i && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(B, { name: i, size: 24, sx: { mr: 12 } }) }),
|
|
@@ -249,7 +250,7 @@ const Se = () => {
|
|
|
249
250
|
/* @__PURE__ */ e(X, { children: n ? /* @__PURE__ */ e(B, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(B, { name: "expand_more", size: 24 }) })
|
|
250
251
|
] }) }),
|
|
251
252
|
/* @__PURE__ */ e(T, {}),
|
|
252
|
-
/* @__PURE__ */ e(
|
|
253
|
+
/* @__PURE__ */ e(pe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((r, c) => /* @__PURE__ */ o($, { children: [
|
|
253
254
|
/* @__PURE__ */ e(A, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
|
|
254
255
|
_,
|
|
255
256
|
{
|
|
@@ -348,19 +349,19 @@ const Se = () => {
|
|
|
348
349
|
selectedData: l,
|
|
349
350
|
setHoveredIndex: f,
|
|
350
351
|
setSelectedIndex: g
|
|
351
|
-
} = R(), [w, y] =
|
|
352
|
-
const C =
|
|
352
|
+
} = R(), [w, y] = u.useState(!1), [b, I] = u.useState(!1), L = (p) => {
|
|
353
|
+
const C = p.x === r?.x, O = p.x === l?.x, W = {
|
|
353
354
|
backgroundColor: "inherit",
|
|
354
355
|
borderBottom: "inherit",
|
|
355
356
|
color: "inherit"
|
|
356
357
|
};
|
|
357
358
|
return C && (W.color = O ? "inherit" : W.color, W.backgroundColor = a.palette.action.hover), O && (W.backgroundColor = a.palette.primary.main, W.borderBottom = a.palette.border.light, W.color = a.palette.common.white), W;
|
|
358
|
-
}, E = (
|
|
359
|
-
g(C),
|
|
359
|
+
}, E = (p, C) => {
|
|
360
|
+
g(C), p.currentTarget instanceof HTMLDivElement && y(!0);
|
|
360
361
|
}, h = () => {
|
|
361
362
|
I(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
|
|
362
|
-
}, M = (
|
|
363
|
-
f(
|
|
363
|
+
}, M = (p) => {
|
|
364
|
+
f(p);
|
|
364
365
|
}, H = () => {
|
|
365
366
|
f(-1);
|
|
366
367
|
};
|
|
@@ -368,18 +369,18 @@ const Se = () => {
|
|
|
368
369
|
/* @__PURE__ */ o($, { children: [
|
|
369
370
|
/* @__PURE__ */ e(k, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(m, { bold: !0, component: "h2", variant: "Body", children: t.monthly_totals }) }),
|
|
370
371
|
/* @__PURE__ */ e(T, {}),
|
|
371
|
-
c.map((
|
|
372
|
+
c.map((p, C) => /* @__PURE__ */ e(
|
|
372
373
|
ve,
|
|
373
374
|
{
|
|
374
375
|
getStyles: L,
|
|
375
|
-
isHovered:
|
|
376
|
-
isSelected:
|
|
377
|
-
item:
|
|
376
|
+
isHovered: p.x === r?.x,
|
|
377
|
+
isSelected: p.x === l?.x,
|
|
378
|
+
item: p,
|
|
378
379
|
onItemClick: (O) => E(O, C),
|
|
379
380
|
onMouseEnter: () => M(C),
|
|
380
381
|
onMouseLeave: () => H()
|
|
381
382
|
},
|
|
382
|
-
|
|
383
|
+
p.x
|
|
383
384
|
))
|
|
384
385
|
] }),
|
|
385
386
|
/* @__PURE__ */ e(
|
|
@@ -417,7 +418,7 @@ const Se = () => {
|
|
|
417
418
|
)
|
|
418
419
|
] });
|
|
419
420
|
}, Me = S(Ee), ke = ({ hoveredData: t, selectedData: a }) => {
|
|
420
|
-
const { net_worth: i } = N(), n = j(), s = t || a, r = fe(
|
|
421
|
+
const { net_worth: i } = N(), n = j(), s = t || a, r = ue(fe(s.x), "MMMM");
|
|
421
422
|
return /* @__PURE__ */ o(d, { alignItems: "center", direction: "column", m: 24, children: [
|
|
422
423
|
/* @__PURE__ */ e(m, { color: n.palette.secondary.main, variant: "Small", children: `${r} ${i.net_worth}` }),
|
|
423
424
|
/* @__PURE__ */ e(x, { amount: s.y, variant: "H2" }),
|
|
@@ -441,14 +442,14 @@ const Se = () => {
|
|
|
441
442
|
/* @__PURE__ */ e(m, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
|
|
442
443
|
/* @__PURE__ */ e(Z, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
|
|
443
444
|
] })
|
|
444
|
-
] }),
|
|
445
|
+
] }), St = S(({ onCTAClick: t }) => {
|
|
445
446
|
const { visibleAccounts: a } = ce(), { onEvent: i } = z(), { net_worth: n, common: s } = N(), { isInitialized: r } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: f, selectedData: g } = R();
|
|
446
|
-
if (
|
|
447
|
+
if (u.useEffect(() => {
|
|
447
448
|
c || l().finally();
|
|
448
449
|
}, []), ne({
|
|
449
450
|
widgetName: "NetWorthMicroWidget",
|
|
450
451
|
isLoaded: c
|
|
451
|
-
}),
|
|
452
|
+
}), u.useEffect(() => {
|
|
452
453
|
c && i(v.NET_WORTH_LOAD_WIDGET, {
|
|
453
454
|
state: a?.length ? "default" : "zeroState"
|
|
454
455
|
});
|
|
@@ -459,7 +460,7 @@ const Se = () => {
|
|
|
459
460
|
), t();
|
|
460
461
|
};
|
|
461
462
|
return /* @__PURE__ */ e(
|
|
462
|
-
|
|
463
|
+
ge,
|
|
463
464
|
{
|
|
464
465
|
className: "mx-networth-microwidget",
|
|
465
466
|
ctaLabel: s.see_details,
|
|
@@ -475,7 +476,7 @@ const Se = () => {
|
|
|
475
476
|
) : /* @__PURE__ */ e(Oe, { copy: n })
|
|
476
477
|
}
|
|
477
478
|
);
|
|
478
|
-
}),
|
|
479
|
+
}), wt = S(({ onBackClick: t }) => {
|
|
479
480
|
const { isInitialized: a } = Y(), { accounts: i, net_worth: n } = N(), {
|
|
480
481
|
hoveredData: s,
|
|
481
482
|
isNetWorthDataLoaded: r,
|
|
@@ -484,25 +485,25 @@ const Se = () => {
|
|
|
484
485
|
selectedData: f,
|
|
485
486
|
setTimeframe: g,
|
|
486
487
|
timeframe: w
|
|
487
|
-
} = R(), { isMobile: y } = q(), { onEvent: b } = z(), [I, L] =
|
|
488
|
+
} = R(), { isMobile: y } = q(), { onEvent: b } = z(), [I, L] = u.useState(!1);
|
|
488
489
|
ne({
|
|
489
490
|
widgetName: "NetWorthWidget",
|
|
490
491
|
isLoaded: r
|
|
491
|
-
}),
|
|
492
|
+
}), u.useEffect(() => {
|
|
492
493
|
r || c().finally(), b(v.NET_WORTH_VIEW);
|
|
493
|
-
}, []),
|
|
494
|
+
}, []), u.useEffect(() => {
|
|
494
495
|
b(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: w + "M" });
|
|
495
496
|
}, [w]);
|
|
496
497
|
const E = async (H) => {
|
|
497
|
-
const
|
|
498
|
-
|
|
498
|
+
const p = H[0], C = H[1];
|
|
499
|
+
p && C && g(xe(C, p));
|
|
499
500
|
}, h = () => {
|
|
500
501
|
L(!0), b(v.ACCOUNTS_CLICK_CONNECT);
|
|
501
502
|
};
|
|
502
503
|
if (!a || !r) return /* @__PURE__ */ e(re, {});
|
|
503
504
|
const M = l.length === 0;
|
|
504
505
|
return /* @__PURE__ */ o(
|
|
505
|
-
|
|
506
|
+
Ce,
|
|
506
507
|
{
|
|
507
508
|
calendarActions: { onRangeChanged: E },
|
|
508
509
|
dateRangeVariant: y ? "timeframetabs" : "timeframebuttons",
|
|
@@ -555,7 +556,7 @@ const Se = () => {
|
|
|
555
556
|
)
|
|
556
557
|
] }),
|
|
557
558
|
/* @__PURE__ */ e(
|
|
558
|
-
|
|
559
|
+
ye,
|
|
559
560
|
{
|
|
560
561
|
onClose: () => L(!1),
|
|
561
562
|
showConnectionsWidget: I,
|
|
@@ -569,8 +570,8 @@ const Se = () => {
|
|
|
569
570
|
export {
|
|
570
571
|
we as NetWorthChart,
|
|
571
572
|
Me as NetWorthList,
|
|
572
|
-
|
|
573
|
-
|
|
573
|
+
St as NetWorthMicroWidget,
|
|
574
|
+
Wt as NetWorthStore,
|
|
574
575
|
Ae as NetWorthSummary,
|
|
575
|
-
|
|
576
|
+
wt as NetWorthWidget
|
|
576
577
|
};
|
|
@@ -6,8 +6,8 @@ import { endOfToday as Z } from "date-fns/endOfToday";
|
|
|
6
6
|
import { startOfMonth as G } from "date-fns/startOfMonth";
|
|
7
7
|
import { startOfToday as J } from "date-fns/startOfToday";
|
|
8
8
|
import { subDays as Q } from "date-fns/subDays";
|
|
9
|
-
import { R as Te } from "../RecurringSettings-
|
|
10
|
-
import { M as
|
|
9
|
+
import { R as Te } from "../RecurringSettings-CDdjajPZ.mjs";
|
|
10
|
+
import { M as Ln } from "../RecurringSettings-CDdjajPZ.mjs";
|
|
11
11
|
import { addMonths as We } from "date-fns/addMonths";
|
|
12
12
|
import { subMonths as $e } from "date-fns/subMonths";
|
|
13
13
|
import { isBefore as Be } from "date-fns/isBefore";
|
|
@@ -28,20 +28,20 @@ import Je from "@mui/material/Badge";
|
|
|
28
28
|
import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
|
|
29
29
|
import { I as P } from "../IconBacking-B9oC6uL2.mjs";
|
|
30
30
|
import { u as R, b as H, i as _, g as z, p as _e, h as ne } from "../hooks-DWJQ4phS.mjs";
|
|
31
|
-
import { d as I, c as T, g as xe, f as et } from "../
|
|
32
|
-
import { T as O } from "../RecurringTransactionsStore-
|
|
33
|
-
import { R as
|
|
34
|
-
import { A as S
|
|
35
|
-
import
|
|
31
|
+
import { d as I, c as T, g as xe, f as et } from "../RecurringTransactions-B_I4_FGO.mjs";
|
|
32
|
+
import { T as O } from "../RecurringTransactionsStore-DAX5ozGz.mjs";
|
|
33
|
+
import { R as En } from "../RecurringTransactionsStore-DAX5ozGz.mjs";
|
|
34
|
+
import { A as S } from "../Analytics-i5h6BxR1.mjs";
|
|
35
|
+
import tt from "@mui/material/Button";
|
|
36
36
|
import q from "@mui/material/Divider";
|
|
37
37
|
import be from "@mui/material/List";
|
|
38
38
|
import Se from "@mui/material/ListItem";
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import { b as
|
|
44
|
-
import { c as
|
|
39
|
+
import nt from "@mui/material/ListSubheader";
|
|
40
|
+
import it from "@mui/material/ListItemAvatar";
|
|
41
|
+
import rt from "@mui/material/ListItemButton";
|
|
42
|
+
import ot from "@mui/material/ListItemText";
|
|
43
|
+
import { b as at } from "../ManageIncome-C6iolYLZ.mjs";
|
|
44
|
+
import { c as Gn, M as On, S as kn } from "../ManageIncome-C6iolYLZ.mjs";
|
|
45
45
|
import { f as M } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
46
46
|
import { D as ie } from "../Drawer-DV4NTsFg.mjs";
|
|
47
47
|
import { b as E } from "../Localization-2MODESHW.mjs";
|
|
@@ -52,6 +52,7 @@ import { u as re } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
|
52
52
|
import { S as Me } from "../SkeletonLoader-BaNboJjD.mjs";
|
|
53
53
|
import { u as oe } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
|
|
54
54
|
import { L as ae } from "../Loader-DUaFpDGv.mjs";
|
|
55
|
+
import { W as st } from "../WidgetContainer-CiyWaTc1.mjs";
|
|
55
56
|
import { M as ct } from "../MiniWidgetContainer-BPuE3cfO.mjs";
|
|
56
57
|
import { u as lt } from "../useDimensions-CeDR9V8N.mjs";
|
|
57
58
|
import { M as dt } from "../MicroWidgetContainer-Cg0wb2gg.mjs";
|
|
@@ -289,17 +290,17 @@ const F = {
|
|
|
289
290
|
let y = r.paid?.toLowerCase();
|
|
290
291
|
return g ? y = r.missed?.toLowerCase() : b && (y = o ? xe(r, s || {}, !0) : xe(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
|
|
291
292
|
/* @__PURE__ */ a(Se, { disableGutters: !0, disablePadding: !0, children: [
|
|
292
|
-
/* @__PURE__ */ a(
|
|
293
|
+
/* @__PURE__ */ a(rt, { onClick: () => {
|
|
293
294
|
p(!0), i(t);
|
|
294
295
|
}, children: [
|
|
295
|
-
/* @__PURE__ */ e(
|
|
296
|
+
/* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(
|
|
296
297
|
ee,
|
|
297
298
|
{
|
|
298
299
|
categoryGuid: t.categoryGuid,
|
|
299
300
|
merchantGuid: t.merchantGuid
|
|
300
301
|
}
|
|
301
302
|
) }),
|
|
302
|
-
/* @__PURE__ */ e(
|
|
303
|
+
/* @__PURE__ */ e(ot, { children: /* @__PURE__ */ a(
|
|
303
304
|
l,
|
|
304
305
|
{
|
|
305
306
|
direction: "row",
|
|
@@ -359,7 +360,7 @@ const F = {
|
|
|
359
360
|
onClose: () => p(!1),
|
|
360
361
|
title: t.type === I.Income ? r.income_details : r.expense_details,
|
|
361
362
|
children: s && /* @__PURE__ */ e(
|
|
362
|
-
|
|
363
|
+
at,
|
|
363
364
|
{
|
|
364
365
|
onDeleted: () => p(!1),
|
|
365
366
|
recurringTransaction: s
|
|
@@ -390,7 +391,7 @@ const F = {
|
|
|
390
391
|
},
|
|
391
392
|
children: [
|
|
392
393
|
/* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: c }),
|
|
393
|
-
i && /* @__PURE__ */ e(
|
|
394
|
+
i && /* @__PURE__ */ e(tt, { onClick: i, size: "small", variant: "text", children: u.reset })
|
|
394
395
|
]
|
|
395
396
|
}
|
|
396
397
|
),
|
|
@@ -408,7 +409,7 @@ const F = {
|
|
|
408
409
|
/* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(
|
|
409
410
|
be,
|
|
410
411
|
{
|
|
411
|
-
subheader: /* @__PURE__ */ e(
|
|
412
|
+
subheader: /* @__PURE__ */ e(nt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: v(s.date, L.DAY_OF_WEEK_MONTH_DAY) }) }),
|
|
412
413
|
sx: { width: "100%" },
|
|
413
414
|
children: s.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
|
|
414
415
|
Ce,
|
|
@@ -598,7 +599,7 @@ const F = {
|
|
|
598
599
|
]
|
|
599
600
|
}
|
|
600
601
|
);
|
|
601
|
-
}),
|
|
602
|
+
}), wn = C(({ onBackClick: t, sx: n = {} }) => {
|
|
602
603
|
const { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: r } = H(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = _(), { setFilter: s } = ne(), { onEvent: d } = z(), { isMobile: m } = re(), [g, b] = x.useState(!1);
|
|
603
604
|
return oe({
|
|
604
605
|
widgetName: "RecurringTransactionsWidget",
|
|
@@ -611,7 +612,7 @@ const F = {
|
|
|
611
612
|
accounts: r
|
|
612
613
|
}), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
|
|
613
614
|
}, [r]), o ? /* @__PURE__ */ a(
|
|
614
|
-
|
|
615
|
+
st,
|
|
615
616
|
{
|
|
616
617
|
actions: [
|
|
617
618
|
{
|
|
@@ -662,7 +663,7 @@ const F = {
|
|
|
662
663
|
}
|
|
663
664
|
)
|
|
664
665
|
] });
|
|
665
|
-
}),
|
|
666
|
+
}), _n = C(
|
|
666
667
|
({ onPrimaryCtaClick: t, sx: n }) => {
|
|
667
668
|
const { recurring: i } = R(), { setFilter: o } = ne(), { isDataLoaded: r, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
|
|
668
669
|
return oe({
|
|
@@ -866,7 +867,7 @@ const F = {
|
|
|
866
867
|
)
|
|
867
868
|
] })
|
|
868
869
|
] });
|
|
869
|
-
}),
|
|
870
|
+
}), Sn = C(
|
|
870
871
|
({ onCTAClick: t }) => {
|
|
871
872
|
const { onEvent: n } = z(), { isInitialized: i, selectedAccountGuids: o } = H(), {
|
|
872
873
|
loadRepeatingTransactionData: r,
|
|
@@ -908,7 +909,7 @@ const F = {
|
|
|
908
909
|
}
|
|
909
910
|
);
|
|
910
911
|
}
|
|
911
|
-
),
|
|
912
|
+
), In = C(
|
|
912
913
|
({ isOpen: t, onClose: n, selectedTab: i }) => {
|
|
913
914
|
const { cashflow: o } = R();
|
|
914
915
|
return /* @__PURE__ */ e(
|
|
@@ -924,14 +925,14 @@ const F = {
|
|
|
924
925
|
}
|
|
925
926
|
);
|
|
926
927
|
export {
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
928
|
+
Gn as AddRecurringTransactionDetails,
|
|
929
|
+
Ln as ManageExpenses,
|
|
930
|
+
On as ManageIncome,
|
|
930
931
|
Te as RecurringSettings,
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
932
|
+
In as RecurringSettingsDrawer,
|
|
933
|
+
Sn as RecurringTransactionsMicroWidget,
|
|
934
|
+
_n as RecurringTransactionsMiniWidget,
|
|
935
|
+
En as RecurringTransactionsStore,
|
|
936
|
+
wn as RecurringTransactionsWidget,
|
|
937
|
+
kn as SelectTransaction
|
|
937
938
|
};
|
|
@@ -43,7 +43,7 @@ import Le from "@mui/material/ListItemText";
|
|
|
43
43
|
import { D as He } from "../Drawer-DV4NTsFg.mjs";
|
|
44
44
|
import { u as ne } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
|
|
45
45
|
import { H as Oe } from "../Help-CVnUNnEo.mjs";
|
|
46
|
-
import { W as X } from "../WidgetContainer-
|
|
46
|
+
import { W as X } from "../WidgetContainer-CiyWaTc1.mjs";
|
|
47
47
|
const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
|
|
48
48
|
const o = xe(), { common: i, settings: n } = D(), { isDesktop: d, isMobile: l, isSmallMobile: r, isTablet: s } = O(t), { config: b } = $(), { updateUser: _ } = A(), { user: m } = Se(), [h, S] = p.useState({
|
|
49
49
|
first_name: m.first_name,
|