@mx-cartographer/experiences 7.4.2 → 7.4.4
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-gke-5zMF.mjs → AccountDetailsContent-COMjOzwr.mjs} +5 -5
- package/dist/{AccountDetailsHeader-CRzfuFA2.mjs → AccountDetailsHeader-Cbi5G6fJ.mjs} +2 -2
- package/dist/{AccountFields-CPkGZ3SD.mjs → AccountFields-Cd_nOWmf.mjs} +1 -1
- package/dist/{AccountListItem-D4uG9yC-.mjs → AccountListItem-DxY4cCF1.mjs} +2 -2
- package/dist/{BudgetUtil-wjoNuj7B.mjs → BudgetUtil-Df2nII9u.mjs} +1 -1
- package/dist/{CurrencyInput-xH-hqry9.mjs → CurrencyInput-BFKcs-_K.mjs} +1 -1
- package/dist/{CurrencyText-kyC1aseI.mjs → CurrencyText-Dr0EZ7bp.mjs} +1 -1
- package/dist/{FinstrongStore-CfD6bbJk.mjs → FinstrongStore-BIrX0Xg2.mjs} +126 -116
- package/dist/{GoalStore-j6QYHgEa.mjs → GoalStore-CrNhjvNc.mjs} +1 -1
- package/dist/{LineChart-DttMO7uS.mjs → LineChart-bc1D9xBE.mjs} +81 -81
- package/dist/{ManageIncome-CU5C0AeO.mjs → ManageIncome-A69EUO5u.mjs} +3 -3
- package/dist/{NotificationSettings-DI5B1spM.mjs → NotificationSettings-CNmJWVeI.mjs} +2 -2
- package/dist/{NumberFormatting-Buh7u8Oi.mjs → NumberFormatting-DjTD0t3W.mjs} +9 -9
- package/dist/{OriginalBalanceAction-CCmnsd7y.mjs → OriginalBalanceAction-DK8_LkPz.mjs} +2 -2
- package/dist/{RecurringSettings-Cm5Bqcai.mjs → RecurringSettings-B0uObPlD.mjs} +2 -2
- package/dist/{RecurringTransactions-CngsRZ3K.mjs → RecurringTransactions-BqijW_8S.mjs} +1 -1
- package/dist/{RecurringTransactionsStore-Bc1wCiNB.mjs → RecurringTransactionsStore-BhBUVm9a.mjs} +1 -1
- package/dist/{SpendingLegend-B2BYr8B4.mjs → SpendingLegend-BbrZWbFX.mjs} +2 -2
- package/dist/{TransactionDetails-CtbBBSoU.mjs → TransactionDetails-COH0OKNG.mjs} +2 -2
- package/dist/accounts/index.es.js +8 -8
- package/dist/budgets/index.es.js +5 -5
- package/dist/cashflow/index.es.js +7 -7
- package/dist/common/index.es.js +11 -11
- package/dist/debts/index.es.js +4 -4
- package/dist/finstrong/constants/index.d.ts +0 -11
- package/dist/finstrong/index.es.js +685 -684
- package/dist/finstrong/stores/FinstrongStore.d.ts +4 -0
- package/dist/goals/index.es.js +7 -7
- package/dist/investments/index.es.js +1 -1
- package/dist/networth/index.es.js +3 -3
- 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 +3 -3
- package/dist/transactions/index.es.js +4 -4
- package/dist/trends/index.es.js +4 -4
- package/package.json +1 -1
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
import { jsxs as a, Fragment as
|
|
1
|
+
import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import k from "@mui/material/Box";
|
|
3
3
|
import p from "@mui/material/Stack";
|
|
4
|
-
import { useTheme as
|
|
4
|
+
import { useTheme as G, alpha as be } from "@mui/material/styles";
|
|
5
5
|
import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
|
|
6
|
-
import { TrendingUp as
|
|
7
|
-
import { P as M, H3 as
|
|
8
|
-
import { g as fn, a as xn, r as
|
|
9
|
-
import { y as
|
|
10
|
-
import * as
|
|
6
|
+
import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as Z, MultilineChart as _t, CreditCard as He, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
|
|
7
|
+
import { P as M, H3 as V, Text as I, InstitutionLogo as ut, H2 as Le, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
|
|
8
|
+
import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as ke, e as Me, f as Cn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
9
|
+
import { y as xi, F as Si } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
10
|
+
import * as ot from "d3";
|
|
11
11
|
import { observer as v } from "mobx-react-lite";
|
|
12
|
-
import { u as x, b as
|
|
13
|
-
import { L as
|
|
12
|
+
import { u as x, b as q, a as je, p as J, z as L, q as Fn, d as xe, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn, n as Bn } from "../hooks-C41HAxM5.mjs";
|
|
13
|
+
import { L as ee } from "../Loader-DUaFpDGv.mjs";
|
|
14
14
|
import m from "react";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import { L as
|
|
15
|
+
import B from "@mui/material/Button";
|
|
16
|
+
import Y from "@mui/material/Card";
|
|
17
|
+
import { L as Ye } from "../LineChart-bc1D9xBE.mjs";
|
|
18
18
|
import { C as St } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
|
|
19
|
-
import { l as re, g as Ct, A as
|
|
19
|
+
import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-CuUj16NH.mjs";
|
|
20
20
|
import se from "@mui/material/Tab";
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import { u as
|
|
24
|
-
import { D as
|
|
21
|
+
import Xe from "@mui/material/Tabs";
|
|
22
|
+
import Fe from "@mui/material/TextField";
|
|
23
|
+
import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
24
|
+
import { D as Wn, f as $n, a as zn } from "../Dialog-BPTr3qHE.mjs";
|
|
25
25
|
import { u as vt } from "../useDimensions-27p2evRx.mjs";
|
|
26
|
-
import
|
|
27
|
-
import { D as
|
|
26
|
+
import Gn from "@mui/material/Chip";
|
|
27
|
+
import { D as oe } from "../Drawer-BEtCk82g.mjs";
|
|
28
28
|
import le from "@mui/material/Divider";
|
|
29
29
|
import ge from "@mui/material/ListItem";
|
|
30
30
|
import wt from "@mui/material/ListItemAvatar";
|
|
31
31
|
import ye from "@mui/material/ListItemText";
|
|
32
|
-
import { g as kt } from "../AccountFields-
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import { f as
|
|
37
|
-
import { b as
|
|
38
|
-
import { S as
|
|
39
|
-
import { S as
|
|
32
|
+
import { g as kt } from "../AccountFields-Cd_nOWmf.mjs";
|
|
33
|
+
import Ee from "@mui/material/List";
|
|
34
|
+
import En from "@mui/material/ListItemButton";
|
|
35
|
+
import Hn from "@mui/material/ListSubheader";
|
|
36
|
+
import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
37
|
+
import { b as K } from "../Localization-2MODESHW.mjs";
|
|
38
|
+
import { S as rt, F as Mt, e as Nn, R as Dt } from "../RecurringTransactions-BqijW_8S.mjs";
|
|
39
|
+
import { S as jn } from "../StatusBar-BK_uYHAB.mjs";
|
|
40
40
|
import { h as It } from "../DateUtil-CBdcsyuk.mjs";
|
|
41
|
-
import { T as
|
|
41
|
+
import { T as Kn, s as Vn, h as Yn, S as Xn, c as qn } from "../TransactionDetails-COH0OKNG.mjs";
|
|
42
42
|
import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
|
|
43
|
-
import { E as
|
|
44
|
-
import
|
|
45
|
-
import { ChartsXAxis as
|
|
46
|
-
import { ChartsYAxis as
|
|
47
|
-
import { ResponsiveChartContainer as
|
|
48
|
-
import { useSpring as
|
|
49
|
-
import { startOfMonth as
|
|
50
|
-
import { endOfMonth as
|
|
51
|
-
import { g as
|
|
52
|
-
import { formatISO as
|
|
53
|
-
import { fromUnixTime as
|
|
54
|
-
import { startOfToday as
|
|
55
|
-
import { subDays as
|
|
56
|
-
import { c as
|
|
57
|
-
import { LocalizationProvider as
|
|
43
|
+
import { E as Re } from "../EmptyState-DoxNUae-.mjs";
|
|
44
|
+
import Un from "@mui/material/useMediaQuery";
|
|
45
|
+
import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
|
|
46
|
+
import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
|
|
47
|
+
import { ResponsiveChartContainer as Jn } from "@mui/x-charts/ResponsiveChartContainer";
|
|
48
|
+
import { useSpring as eo, animated as at } from "@react-spring/web";
|
|
49
|
+
import { startOfMonth as At } from "date-fns/startOfMonth";
|
|
50
|
+
import { endOfMonth as Tt } from "date-fns/endOfMonth";
|
|
51
|
+
import { g as to, S as no, b as oo } from "../SpendingLegend-BbrZWbFX.mjs";
|
|
52
|
+
import { formatISO as ro } from "date-fns/formatISO";
|
|
53
|
+
import { fromUnixTime as ao } from "date-fns/fromUnixTime";
|
|
54
|
+
import { startOfToday as it } from "date-fns/startOfToday";
|
|
55
|
+
import { subDays as io } from "date-fns/subDays";
|
|
56
|
+
import { c as so, d as st, S as co, i as lo } from "../ManageIncome-A69EUO5u.mjs";
|
|
57
|
+
import { LocalizationProvider as po, DatePicker as _o, StaticDatePicker as ho } from "@mui/x-date-pickers";
|
|
58
58
|
import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
59
|
-
import { R as
|
|
60
|
-
import { LocalizationProvider as
|
|
61
|
-
import { format as
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import { W as
|
|
73
|
-
const
|
|
59
|
+
import { R as uo } from "../RecurringSettings-B0uObPlD.mjs";
|
|
60
|
+
import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
|
|
61
|
+
import { format as go } from "date-fns/format";
|
|
62
|
+
import yo from "@mui/lab/Timeline";
|
|
63
|
+
import bo, { timelineItemClasses as fo } from "@mui/lab/TimelineItem";
|
|
64
|
+
import xo from "@mui/lab/TimelineConnector";
|
|
65
|
+
import So from "@mui/lab/TimelineContent";
|
|
66
|
+
import Co from "@mui/lab/TimelineDot";
|
|
67
|
+
import vo from "@mui/lab/TimelineSeparator";
|
|
68
|
+
import wo from "@mui/material/Accordion";
|
|
69
|
+
import ko from "@mui/material/AccordionDetails";
|
|
70
|
+
import Mo from "@mui/material/AccordionSummary";
|
|
71
|
+
import Do from "@mui/material/CardHeader";
|
|
72
|
+
import { W as Io } from "../WidgetContainer-6dsjtOVg.mjs";
|
|
73
|
+
const Ao = ({
|
|
74
74
|
dialScoreData: t,
|
|
75
75
|
dataIndex: o,
|
|
76
76
|
arcColor: n,
|
|
@@ -85,7 +85,7 @@ const Oo = ({
|
|
|
85
85
|
unitsPerSegment: h,
|
|
86
86
|
isFinacialStrengthGraph: y
|
|
87
87
|
}) => {
|
|
88
|
-
const f =
|
|
88
|
+
const f = G(), w = [
|
|
89
89
|
{ offset: "13.62%", color: f.palette.chartMono.chartMono2 },
|
|
90
90
|
{ offset: "36.67%", color: f.palette.chartMono.chartMono3 },
|
|
91
91
|
{ offset: "59.72%", color: f.palette.chartMono.chartMono4 },
|
|
@@ -95,22 +95,22 @@ const Oo = ({
|
|
|
95
95
|
s,
|
|
96
96
|
r,
|
|
97
97
|
o
|
|
98
|
-
), [
|
|
98
|
+
), [C, g] = xn(
|
|
99
99
|
S,
|
|
100
100
|
D,
|
|
101
101
|
o,
|
|
102
102
|
h,
|
|
103
103
|
u
|
|
104
|
-
),
|
|
105
|
-
return /* @__PURE__ */ a(
|
|
104
|
+
), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
|
|
105
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
106
106
|
/* @__PURE__ */ e(
|
|
107
107
|
"path",
|
|
108
108
|
{
|
|
109
|
-
d:
|
|
109
|
+
d: b({}),
|
|
110
110
|
fill: y ? f.palette.divider : n
|
|
111
111
|
}
|
|
112
112
|
),
|
|
113
|
-
y && /* @__PURE__ */ e("path", { d:
|
|
113
|
+
y && /* @__PURE__ */ e("path", { d: P({}), fill: "url(#arcGradient)" }),
|
|
114
114
|
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
|
|
115
115
|
"linearGradient",
|
|
116
116
|
{
|
|
@@ -121,7 +121,7 @@ const Oo = ({
|
|
|
121
121
|
x2: i - l * 0.8 * Math.cos(Math.PI / 1.35),
|
|
122
122
|
y1: c + l * 0.8 * Math.sin(Math.PI / 1.35),
|
|
123
123
|
y2: c - l * 0.8 * Math.sin(Math.PI / 1.35),
|
|
124
|
-
children:
|
|
124
|
+
children: w.map((F, U) => /* @__PURE__ */ e("stop", { offset: F.offset, stopColor: F.color }, U))
|
|
125
125
|
}
|
|
126
126
|
) })
|
|
127
127
|
] });
|
|
@@ -140,7 +140,7 @@ const Oo = ({
|
|
|
140
140
|
footerRightContent: h,
|
|
141
141
|
isFinacialStrengthGraph: y = !1
|
|
142
142
|
}) => {
|
|
143
|
-
const f =
|
|
143
|
+
const f = G(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Ce = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = Sn(pe, b, Ce), ve = o / 25, H = {
|
|
144
144
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
145
145
|
M: { markerSize: 8, healthScoreFontSize: 48 },
|
|
146
146
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
@@ -150,13 +150,13 @@ const Oo = ({
|
|
|
150
150
|
bottom: 0,
|
|
151
151
|
left: 0,
|
|
152
152
|
...c
|
|
153
|
-
},
|
|
153
|
+
}, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4, he = H[n].markerSize * 2 + _e;
|
|
154
154
|
return /* @__PURE__ */ a(
|
|
155
155
|
p,
|
|
156
156
|
{
|
|
157
157
|
sx: {
|
|
158
|
-
width:
|
|
159
|
-
height: n === "SM" ?
|
|
158
|
+
width: W,
|
|
159
|
+
height: n === "SM" ? W - 7 : W,
|
|
160
160
|
position: "relative",
|
|
161
161
|
alignSelf: "center",
|
|
162
162
|
overflow: "visible"
|
|
@@ -165,16 +165,16 @@ const Oo = ({
|
|
|
165
165
|
/* @__PURE__ */ e(
|
|
166
166
|
rn,
|
|
167
167
|
{
|
|
168
|
-
height: n === "SM" ?
|
|
168
|
+
height: n === "SM" ? W - 7 : W,
|
|
169
169
|
margin: we,
|
|
170
170
|
series: [
|
|
171
171
|
{
|
|
172
172
|
data: r,
|
|
173
173
|
innerRadius: U,
|
|
174
|
-
outerRadius:
|
|
175
|
-
startAngle: Math.round(
|
|
174
|
+
outerRadius: F,
|
|
175
|
+
startAngle: Math.round(et(w)),
|
|
176
176
|
// Use Math.degrees to convert
|
|
177
|
-
endAngle: Math.round(
|
|
177
|
+
endAngle: Math.round(et(S))
|
|
178
178
|
// Use Math.degrees to convert
|
|
179
179
|
}
|
|
180
180
|
],
|
|
@@ -183,20 +183,20 @@ const Oo = ({
|
|
|
183
183
|
legend: { hidden: !0 }
|
|
184
184
|
},
|
|
185
185
|
slots: {
|
|
186
|
-
pieArc: (
|
|
187
|
-
|
|
186
|
+
pieArc: (X) => /* @__PURE__ */ e(
|
|
187
|
+
Ao,
|
|
188
188
|
{
|
|
189
|
-
arcColor:
|
|
189
|
+
arcColor: X.color,
|
|
190
190
|
arcRadius: t,
|
|
191
|
-
arcStartAngle:
|
|
191
|
+
arcStartAngle: w,
|
|
192
192
|
centerX: O,
|
|
193
|
-
centerY:
|
|
194
|
-
dataIndex:
|
|
193
|
+
centerY: E,
|
|
194
|
+
dataIndex: X.dataIndex,
|
|
195
195
|
dialScoreData: r,
|
|
196
196
|
innerArcRadius: U,
|
|
197
197
|
isFinacialStrengthGraph: y,
|
|
198
|
-
outterArcRadius:
|
|
199
|
-
progressEndAngle:
|
|
198
|
+
outterArcRadius: F,
|
|
199
|
+
progressEndAngle: b,
|
|
200
200
|
totalAngularSpan: D,
|
|
201
201
|
unitsPerSegment: ve
|
|
202
202
|
}
|
|
@@ -207,28 +207,28 @@ const Oo = ({
|
|
|
207
207
|
stroke: "none"
|
|
208
208
|
}
|
|
209
209
|
},
|
|
210
|
-
width:
|
|
210
|
+
width: W
|
|
211
211
|
}
|
|
212
212
|
),
|
|
213
213
|
o >= s && o <= i && /* @__PURE__ */ e(
|
|
214
214
|
"svg",
|
|
215
215
|
{
|
|
216
|
-
height:
|
|
216
|
+
height: he,
|
|
217
217
|
style: {
|
|
218
218
|
position: "absolute",
|
|
219
|
-
left: O +
|
|
220
|
-
top:
|
|
219
|
+
left: O + te - H[n].markerSize - 5,
|
|
220
|
+
top: E + j - H[n].markerSize - 5,
|
|
221
221
|
overflow: "visible"
|
|
222
222
|
},
|
|
223
|
-
viewBox: `${O +
|
|
224
|
-
width:
|
|
223
|
+
viewBox: `${O + te - H[n].markerSize - 5} ${E + j - H[n].markerSize - 5} ${he} ${he}`,
|
|
224
|
+
width: he,
|
|
225
225
|
children: /* @__PURE__ */ e(
|
|
226
226
|
"circle",
|
|
227
227
|
{
|
|
228
|
-
cx: O +
|
|
229
|
-
cy:
|
|
228
|
+
cx: O + te,
|
|
229
|
+
cy: E + j,
|
|
230
230
|
fill: f.palette.common.white,
|
|
231
|
-
r:
|
|
231
|
+
r: H[n].markerSize,
|
|
232
232
|
stroke: y ? "url(#arcGradient)" : l,
|
|
233
233
|
strokeWidth: ae
|
|
234
234
|
}
|
|
@@ -240,7 +240,7 @@ const Oo = ({
|
|
|
240
240
|
{
|
|
241
241
|
sx: {
|
|
242
242
|
position: "absolute",
|
|
243
|
-
top: `${
|
|
243
|
+
top: `${E}px`,
|
|
244
244
|
left: `${O}px`,
|
|
245
245
|
transform: "translate(-50%, -50%)",
|
|
246
246
|
textAlign: "center"
|
|
@@ -255,7 +255,7 @@ const Oo = ({
|
|
|
255
255
|
M,
|
|
256
256
|
{
|
|
257
257
|
sx: {
|
|
258
|
-
fontSize:
|
|
258
|
+
fontSize: H[n].healthScoreFontSize,
|
|
259
259
|
lineHeight: n !== "SM" ? "48px" : "100%"
|
|
260
260
|
},
|
|
261
261
|
variant: "H1",
|
|
@@ -273,7 +273,7 @@ const Oo = ({
|
|
|
273
273
|
{
|
|
274
274
|
sx: {
|
|
275
275
|
position: "absolute",
|
|
276
|
-
top: `${
|
|
276
|
+
top: `${E * 2 * 0.83}px`,
|
|
277
277
|
left: `${O}px`,
|
|
278
278
|
transform: "translate(-50%, -50%)",
|
|
279
279
|
textAlign: "center"
|
|
@@ -288,7 +288,7 @@ const Oo = ({
|
|
|
288
288
|
mt: 24
|
|
289
289
|
},
|
|
290
290
|
children: [
|
|
291
|
-
d > 0 ? /* @__PURE__ */ e(
|
|
291
|
+
d > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(N, { size: 16, sx: { color: "text.secondary" } }),
|
|
292
292
|
/* @__PURE__ */ e(
|
|
293
293
|
M,
|
|
294
294
|
{
|
|
@@ -310,7 +310,7 @@ const Oo = ({
|
|
|
310
310
|
{
|
|
311
311
|
sx: {
|
|
312
312
|
position: "absolute",
|
|
313
|
-
top: `${
|
|
313
|
+
top: `${E * 2 * 0.83}px`,
|
|
314
314
|
left: `${O - O / 2}px`,
|
|
315
315
|
// shift left from center
|
|
316
316
|
transform: "translate(-50%, -50%)",
|
|
@@ -324,7 +324,7 @@ const Oo = ({
|
|
|
324
324
|
{
|
|
325
325
|
sx: {
|
|
326
326
|
position: "absolute",
|
|
327
|
-
top: `${
|
|
327
|
+
top: `${E * 2 * 0.83}px`,
|
|
328
328
|
left: `${O + O / 2}px`,
|
|
329
329
|
transform: "translate(-50%, -50%)",
|
|
330
330
|
textAlign: "right"
|
|
@@ -348,7 +348,7 @@ const Oo = ({
|
|
|
348
348
|
{ id: 2, label: "Group B", value: 25 },
|
|
349
349
|
{ id: 3, label: "Group C", value: 25 },
|
|
350
350
|
{ id: 4, label: "Group D", value: 25 }
|
|
351
|
-
], { finstrong: c } = x(), l =
|
|
351
|
+
], { finstrong: c } = x(), l = Ne(n, c);
|
|
352
352
|
return /* @__PURE__ */ e(
|
|
353
353
|
Ft,
|
|
354
354
|
{
|
|
@@ -363,7 +363,7 @@ const Oo = ({
|
|
|
363
363
|
}
|
|
364
364
|
);
|
|
365
365
|
}
|
|
366
|
-
),
|
|
366
|
+
), To = v(
|
|
367
367
|
({
|
|
368
368
|
arcRadius: t,
|
|
369
369
|
size: o = "L",
|
|
@@ -372,7 +372,7 @@ const Oo = ({
|
|
|
372
372
|
minValue: s = 300,
|
|
373
373
|
footerCenterContent: i
|
|
374
374
|
}) => {
|
|
375
|
-
const l =
|
|
375
|
+
const l = G().palette.mode === "dark", _ = [
|
|
376
376
|
{
|
|
377
377
|
id: 1,
|
|
378
378
|
label: "Poor",
|
|
@@ -403,9 +403,9 @@ const Oo = ({
|
|
|
403
403
|
value: 12,
|
|
404
404
|
color: l ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
|
|
405
405
|
}
|
|
406
|
-
], { finstrong: d } = x(), { isCopyLoaded: u } =
|
|
407
|
-
if (!u) return /* @__PURE__ */ e(
|
|
408
|
-
const { status: h, color: y = "none" } =
|
|
406
|
+
], { finstrong: d } = x(), { isCopyLoaded: u } = q();
|
|
407
|
+
if (!u) return /* @__PURE__ */ e(ee, {});
|
|
408
|
+
const { status: h, color: y = "none" } = mt(
|
|
409
409
|
n,
|
|
410
410
|
l,
|
|
411
411
|
d.credit_score_status
|
|
@@ -427,7 +427,7 @@ const Oo = ({
|
|
|
427
427
|
}
|
|
428
428
|
);
|
|
429
429
|
}
|
|
430
|
-
),
|
|
430
|
+
), Pe = ({
|
|
431
431
|
drawerType: t,
|
|
432
432
|
isDashboard: o = !1,
|
|
433
433
|
hasIcon: n = !0,
|
|
@@ -437,9 +437,9 @@ const Oo = ({
|
|
|
437
437
|
description: c,
|
|
438
438
|
sx: l
|
|
439
439
|
}) => {
|
|
440
|
-
const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } =
|
|
440
|
+
const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = je();
|
|
441
441
|
return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
|
|
442
|
-
|
|
442
|
+
Y,
|
|
443
443
|
{
|
|
444
444
|
sx: {
|
|
445
445
|
pb: 24,
|
|
@@ -457,8 +457,8 @@ const Oo = ({
|
|
|
457
457
|
...o && { flexDirection: "row", alignItems: "center" }
|
|
458
458
|
},
|
|
459
459
|
children: [
|
|
460
|
-
n && /* @__PURE__ */ e(
|
|
461
|
-
/* @__PURE__ */ e(
|
|
460
|
+
n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
|
|
461
|
+
/* @__PURE__ */ e(V, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
|
|
462
462
|
]
|
|
463
463
|
}
|
|
464
464
|
),
|
|
@@ -472,7 +472,7 @@ const Oo = ({
|
|
|
472
472
|
}
|
|
473
473
|
),
|
|
474
474
|
/* @__PURE__ */ e(
|
|
475
|
-
|
|
475
|
+
B,
|
|
476
476
|
{
|
|
477
477
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
478
478
|
onClick: () => d(!0),
|
|
@@ -502,23 +502,14 @@ const Oo = ({
|
|
|
502
502
|
) : null;
|
|
503
503
|
};
|
|
504
504
|
var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
|
|
505
|
-
const
|
|
506
|
-
|
|
507
|
-
FairMin: 31,
|
|
508
|
-
FairMax: 39,
|
|
509
|
-
OffTrack: 40
|
|
510
|
-
}, Oe = {
|
|
511
|
-
Good: 100,
|
|
512
|
-
Fair: 109,
|
|
513
|
-
OffTrack: 110
|
|
514
|
-
}, Po = ({ isOpen: t, onClose: o }) => {
|
|
515
|
-
const { common: n, finstrong: r } = x(), { isMobile: s } = Qe(), { updateUser: i, user: c } = J(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
|
|
505
|
+
const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Fo = ({ isOpen: t, onClose: o }) => {
|
|
506
|
+
const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } = J(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
|
|
516
507
|
o(), setTimeout(() => _(c.credit_score || 0), 300);
|
|
517
508
|
}, h = () => {
|
|
518
509
|
!l || l === c.credit_score || i({ ...c, credit_score: l });
|
|
519
510
|
};
|
|
520
511
|
return /* @__PURE__ */ e(
|
|
521
|
-
|
|
512
|
+
Wn,
|
|
522
513
|
{
|
|
523
514
|
copy: { close_aria: n.close_aria, title: r.edit_credit_score },
|
|
524
515
|
disablePrimaryButton: !l || !d,
|
|
@@ -540,7 +531,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
540
531
|
y.preventDefault(), h(), u();
|
|
541
532
|
},
|
|
542
533
|
children: /* @__PURE__ */ e(
|
|
543
|
-
|
|
534
|
+
Fe,
|
|
544
535
|
{
|
|
545
536
|
error: !d,
|
|
546
537
|
fullWidth: !0,
|
|
@@ -557,25 +548,25 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
557
548
|
)
|
|
558
549
|
}
|
|
559
550
|
);
|
|
560
|
-
},
|
|
551
|
+
}, Lt = v(Fo), ze = {
|
|
561
552
|
credit_over_time_title: "Your Credit Over Time",
|
|
562
553
|
credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
|
|
563
|
-
},
|
|
564
|
-
const o =
|
|
554
|
+
}, Ro = ({ chartFor: t }) => {
|
|
555
|
+
const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = J(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
|
|
565
556
|
savingsOverTime: {
|
|
566
|
-
icon: /* @__PURE__ */ e(
|
|
557
|
+
icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
|
|
567
558
|
title: i.key_indicators_save.zero_state_title,
|
|
568
559
|
description: i.key_indicators_save.zero_state_description
|
|
569
560
|
},
|
|
570
561
|
debtOverTime: {
|
|
571
|
-
icon: /* @__PURE__ */ e(
|
|
562
|
+
icon: /* @__PURE__ */ e(_t, { size: 48, sx: { marginBottom: 8 } }),
|
|
572
563
|
title: "",
|
|
573
564
|
description: ""
|
|
574
565
|
},
|
|
575
566
|
creditOverTime: {
|
|
576
|
-
icon: /* @__PURE__ */ e(
|
|
577
|
-
title:
|
|
578
|
-
description:
|
|
567
|
+
icon: /* @__PURE__ */ e(He, { size: 48, sx: { marginBottom: 8 } }),
|
|
568
|
+
title: ze.credit_over_time_title,
|
|
569
|
+
description: ze.credit_over_time_zero_state_desc
|
|
579
570
|
}
|
|
580
571
|
}[t], u = {
|
|
581
572
|
savingsOverTime: {
|
|
@@ -587,55 +578,59 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
587
578
|
valueKey: "debt_balance"
|
|
588
579
|
},
|
|
589
580
|
creditOverTime: {
|
|
590
|
-
title:
|
|
581
|
+
title: ze.credit_over_time_title,
|
|
591
582
|
valueKey: "credit_score"
|
|
592
583
|
}
|
|
593
|
-
}[t], h = Cn(r, u.valueKey), y =
|
|
594
|
-
let
|
|
595
|
-
if (
|
|
596
|
-
const { color:
|
|
584
|
+
}[t], h = Cn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), S = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: C } = S(), g = u.title, b = t === "creditOverTime";
|
|
585
|
+
let P;
|
|
586
|
+
if (b) {
|
|
587
|
+
const { color: F } = mt(
|
|
597
588
|
s?.credit_score ?? 0,
|
|
598
589
|
n,
|
|
599
590
|
i.credit_score_status
|
|
600
591
|
);
|
|
601
|
-
|
|
592
|
+
P = F;
|
|
602
593
|
}
|
|
603
|
-
return /* @__PURE__ */ e(
|
|
604
|
-
/* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children:
|
|
594
|
+
return /* @__PURE__ */ e(Y, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
|
|
595
|
+
/* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
|
|
605
596
|
/* @__PURE__ */ e(
|
|
606
|
-
|
|
597
|
+
Ye,
|
|
607
598
|
{
|
|
608
|
-
areaColor:
|
|
599
|
+
areaColor: P,
|
|
609
600
|
axisColor: o.palette.divider,
|
|
610
601
|
baseline: "min",
|
|
611
602
|
chartFor: t,
|
|
612
603
|
colors: [o.palette.primary.main],
|
|
613
|
-
curveType:
|
|
604
|
+
curveType: b ? "linear" : "natural",
|
|
614
605
|
datasets: h ? [h] : [],
|
|
615
606
|
height: 244,
|
|
616
|
-
labelFontColor:
|
|
617
|
-
labelFontSize:
|
|
607
|
+
labelFontColor: b ? "text.primary" : "",
|
|
608
|
+
labelFontSize: b ? 13 : void 0,
|
|
618
609
|
labels: [i.key_indicators_label],
|
|
619
|
-
margin: { left:
|
|
620
|
-
markStyles: (
|
|
610
|
+
margin: { left: C, top: b ? 25 : 15, right: 20 },
|
|
611
|
+
markStyles: (F) => b ? {
|
|
621
612
|
markLabelStyles: {
|
|
622
613
|
marginLeft: 16,
|
|
623
|
-
transform:
|
|
624
|
-
fontWeight: 600
|
|
614
|
+
transform: F === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
|
|
615
|
+
fontWeight: 600,
|
|
616
|
+
fill: o.palette.text.primary
|
|
625
617
|
},
|
|
626
|
-
stroke:
|
|
618
|
+
stroke: P
|
|
627
619
|
} : {},
|
|
628
|
-
maxRange:
|
|
629
|
-
minRange:
|
|
620
|
+
maxRange: b ? 850 : void 0,
|
|
621
|
+
minRange: (() => {
|
|
622
|
+
if (b)
|
|
623
|
+
return w < 300 ? 0 : 300;
|
|
624
|
+
})(),
|
|
630
625
|
showArea: !0,
|
|
631
|
-
showAverage: !
|
|
632
|
-
showMark: !
|
|
633
|
-
showMarkLabel:
|
|
626
|
+
showAverage: !b,
|
|
627
|
+
showMark: !b,
|
|
628
|
+
showMarkLabel: b,
|
|
634
629
|
showXAxis: !0,
|
|
635
|
-
showYAxis:
|
|
636
|
-
showYAxisTicks:
|
|
630
|
+
showYAxis: b,
|
|
631
|
+
showYAxisTicks: b,
|
|
637
632
|
useCustomMark: !0,
|
|
638
|
-
valueFormatterString:
|
|
633
|
+
valueFormatterString: b ? void 0 : D,
|
|
639
634
|
width: l < 342 ? l - 48 : 342
|
|
640
635
|
}
|
|
641
636
|
)
|
|
@@ -644,12 +639,12 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
644
639
|
/* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
|
|
645
640
|
/* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
|
|
646
641
|
] }) });
|
|
647
|
-
},
|
|
648
|
-
const { healthScoreChange: t } =
|
|
642
|
+
}, Ue = v(Ro), Lo = () => {
|
|
643
|
+
const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = Fn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
|
|
649
644
|
return /* @__PURE__ */ a(k, { children: [
|
|
650
645
|
/* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
|
|
651
646
|
/* @__PURE__ */ e(
|
|
652
|
-
|
|
647
|
+
To,
|
|
653
648
|
{
|
|
654
649
|
arcRadius: s ? 124 : 154,
|
|
655
650
|
footerCenterContent: t,
|
|
@@ -657,12 +652,12 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
657
652
|
size: s ? "M" : "L"
|
|
658
653
|
}
|
|
659
654
|
),
|
|
660
|
-
/* @__PURE__ */ e(
|
|
661
|
-
/* @__PURE__ */ e(
|
|
655
|
+
/* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
|
|
656
|
+
/* @__PURE__ */ e(Ue, { chartFor: "creditOverTime" })
|
|
662
657
|
] }),
|
|
663
|
-
/* @__PURE__ */ e(
|
|
658
|
+
/* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => c(!1) })
|
|
664
659
|
] });
|
|
665
|
-
},
|
|
660
|
+
}, Po = v(Lo), Be = ({ status: t }) => {
|
|
666
661
|
const { finstrong: o } = x(), n = vn(wn[t]), r = {
|
|
667
662
|
GOOD: o.key_indicators_good,
|
|
668
663
|
FAIR: o.key_indicators_fair,
|
|
@@ -670,7 +665,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
670
665
|
MISSING: o.key_indicators_missing
|
|
671
666
|
}[t];
|
|
672
667
|
return /* @__PURE__ */ e(
|
|
673
|
-
|
|
668
|
+
Gn,
|
|
674
669
|
{
|
|
675
670
|
label: /* @__PURE__ */ e(
|
|
676
671
|
M,
|
|
@@ -690,13 +685,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
690
685
|
variant: "filled"
|
|
691
686
|
}
|
|
692
687
|
);
|
|
693
|
-
},
|
|
694
|
-
const { finstrong: t } = x(), { user: o } = J(), n =
|
|
688
|
+
}, Bo = () => {
|
|
689
|
+
const { finstrong: t } = x(), { user: o } = J(), n = gt(o.credit_score ?? null);
|
|
695
690
|
return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
696
|
-
/* @__PURE__ */ e(
|
|
697
|
-
/* @__PURE__ */ e(
|
|
691
|
+
/* @__PURE__ */ e(V, { children: t.credit_score_keep_strong_credit_score }),
|
|
692
|
+
/* @__PURE__ */ e(Be, { status: n })
|
|
698
693
|
] });
|
|
699
|
-
},
|
|
694
|
+
}, Wo = v(Bo), $o = ({
|
|
700
695
|
additionalContent: t,
|
|
701
696
|
connectTitle: o,
|
|
702
697
|
connectDescription: n,
|
|
@@ -710,8 +705,8 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
710
705
|
title: u,
|
|
711
706
|
drawerType: h
|
|
712
707
|
}) => {
|
|
713
|
-
const { finstrong: y } = x(), { isCopyLoaded: f } =
|
|
714
|
-
return f ? /* @__PURE__ */ e(
|
|
708
|
+
const { finstrong: y } = x(), { isCopyLoaded: f } = q();
|
|
709
|
+
return f ? /* @__PURE__ */ e(oe, { isOpen: c, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
|
|
715
710
|
(u || s) && /* @__PURE__ */ a(
|
|
716
711
|
p,
|
|
717
712
|
{
|
|
@@ -721,7 +716,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
721
716
|
p: 24
|
|
722
717
|
},
|
|
723
718
|
children: [
|
|
724
|
-
u && typeof u == "string" ? /* @__PURE__ */ e(
|
|
719
|
+
u && typeof u == "string" ? /* @__PURE__ */ e(V, { children: u }) : u,
|
|
725
720
|
s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
|
|
726
721
|
]
|
|
727
722
|
}
|
|
@@ -741,7 +736,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
741
736
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
|
|
742
737
|
r,
|
|
743
738
|
l && /* @__PURE__ */ e(
|
|
744
|
-
|
|
739
|
+
Pe,
|
|
745
740
|
{
|
|
746
741
|
description: n,
|
|
747
742
|
drawerType: h,
|
|
@@ -751,13 +746,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
751
746
|
}
|
|
752
747
|
)
|
|
753
748
|
] })
|
|
754
|
-
] }) }) : /* @__PURE__ */ e(
|
|
755
|
-
},
|
|
749
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
750
|
+
}, Pt = v($o), zo = ({
|
|
756
751
|
onClick: t,
|
|
757
752
|
shouldShowBalance: o = !0,
|
|
758
753
|
loadAccounts: n
|
|
759
754
|
}) => {
|
|
760
|
-
const { config: r } =
|
|
755
|
+
const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), c = m.useCallback(
|
|
761
756
|
(_) => {
|
|
762
757
|
t?.(_);
|
|
763
758
|
},
|
|
@@ -774,30 +769,30 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
774
769
|
{ accountsForType: [], totalBalanceForType: 0 }
|
|
775
770
|
);
|
|
776
771
|
return /* @__PURE__ */ a(
|
|
777
|
-
|
|
772
|
+
Ee,
|
|
778
773
|
{
|
|
779
|
-
subheader: /* @__PURE__ */ e(
|
|
774
|
+
subheader: /* @__PURE__ */ e(Hn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
780
775
|
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
|
|
781
|
-
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children:
|
|
776
|
+
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
|
|
782
777
|
] }) }),
|
|
783
778
|
sx: { bgcolor: "background.paper" },
|
|
784
779
|
children: [
|
|
785
780
|
d.map((h, y) => {
|
|
786
|
-
const { firstValue: f } = kt(h, s),
|
|
781
|
+
const { firstValue: f } = kt(h, s), w = Ct(h, {
|
|
787
782
|
allowNickname: r?.show_account_nicknames_in_master
|
|
788
|
-
}), S = /* @__PURE__ */ a(
|
|
789
|
-
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(
|
|
783
|
+
}), S = /* @__PURE__ */ a(z, { children: [
|
|
784
|
+
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
|
|
790
785
|
/* @__PURE__ */ e(
|
|
791
786
|
ye,
|
|
792
787
|
{
|
|
793
|
-
primary: `${
|
|
788
|
+
primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
|
|
794
789
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
795
790
|
}
|
|
796
791
|
),
|
|
797
|
-
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children:
|
|
792
|
+
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
|
|
798
793
|
] });
|
|
799
794
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
800
|
-
/* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(
|
|
795
|
+
/* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(En, { onClick: () => c(h), children: S }) : S }),
|
|
801
796
|
y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
802
797
|
] }, h.guid);
|
|
803
798
|
}),
|
|
@@ -807,20 +802,20 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
807
802
|
_
|
|
808
803
|
);
|
|
809
804
|
}) }) : null;
|
|
810
|
-
}, Bt = v(
|
|
811
|
-
const n =
|
|
805
|
+
}, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
|
|
806
|
+
const n = G(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
|
|
812
807
|
() => l.filter(
|
|
813
808
|
(S) => t ? t.includes(S.account_type) : !0
|
|
814
809
|
),
|
|
815
810
|
[l, t]
|
|
816
|
-
), f = m.useMemo(() => y.slice(0, 3), [y]),
|
|
811
|
+
), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
|
|
817
812
|
const { firstValue: D } = kt(S, c);
|
|
818
813
|
return D;
|
|
819
814
|
};
|
|
820
|
-
return y.length >= 1 ? /* @__PURE__ */ a(
|
|
815
|
+
return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
|
|
821
816
|
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
|
|
822
817
|
/* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
|
|
823
|
-
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(
|
|
818
|
+
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
|
|
824
819
|
/* @__PURE__ */ e(
|
|
825
820
|
ye,
|
|
826
821
|
{
|
|
@@ -831,13 +826,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
831
826
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
832
827
|
}
|
|
833
828
|
),
|
|
834
|
-
/* @__PURE__ */ e(M, { bold: !0, variant: "body2", children:
|
|
829
|
+
/* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(S), "0,0.00") })
|
|
835
830
|
] }),
|
|
836
831
|
D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
837
832
|
] }, S.guid)) }),
|
|
838
|
-
y.length > 3 && /* @__PURE__ */ a(
|
|
833
|
+
y.length > 3 && /* @__PURE__ */ a(z, { children: [
|
|
839
834
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
840
|
-
|
|
835
|
+
B,
|
|
841
836
|
{
|
|
842
837
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
843
838
|
onClick: () => d(!0),
|
|
@@ -850,11 +845,11 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
850
845
|
] })
|
|
851
846
|
}
|
|
852
847
|
) }),
|
|
853
|
-
/* @__PURE__ */ e(
|
|
848
|
+
/* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
|
|
854
849
|
] })
|
|
855
|
-
] }) : /* @__PURE__ */ a(
|
|
850
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
856
851
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
857
|
-
|
|
852
|
+
B,
|
|
858
853
|
{
|
|
859
854
|
onClick: () => h(!0),
|
|
860
855
|
size: "small",
|
|
@@ -872,7 +867,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
872
867
|
}
|
|
873
868
|
)
|
|
874
869
|
] });
|
|
875
|
-
}, Wt = v(
|
|
870
|
+
}, Wt = v(Go), Se = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
|
|
876
871
|
p,
|
|
877
872
|
{
|
|
878
873
|
sx: {
|
|
@@ -885,13 +880,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
885
880
|
...n
|
|
886
881
|
},
|
|
887
882
|
children: [
|
|
888
|
-
typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children:
|
|
883
|
+
typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: $(t, "0,0.00") }) : t,
|
|
889
884
|
/* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
|
|
890
885
|
]
|
|
891
886
|
}
|
|
892
887
|
);
|
|
893
|
-
var
|
|
894
|
-
const
|
|
888
|
+
var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Q || {});
|
|
889
|
+
const Eo = ({ total: t }) => {
|
|
895
890
|
const { finstrong: o } = x(), n = [
|
|
896
891
|
{ id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
|
|
897
892
|
{ id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
|
|
@@ -906,37 +901,37 @@ const No = ({ total: t }) => {
|
|
|
906
901
|
{ id: De.Months, label: o.maintain_emergency_savings_months },
|
|
907
902
|
{ id: De.Years, label: o.maintain_emergency_savings_years },
|
|
908
903
|
{ id: De.Days, label: o.maintain_emergency_savings_days }
|
|
909
|
-
], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(
|
|
910
|
-
|
|
911
|
-
), [y, f] = m.useState(i), [
|
|
904
|
+
], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
|
|
905
|
+
tt(t)
|
|
906
|
+
), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(De.Months);
|
|
912
907
|
m.useEffect(() => {
|
|
913
908
|
l(
|
|
914
|
-
|
|
909
|
+
nt({
|
|
915
910
|
contribution: u,
|
|
916
911
|
goalAmount: y,
|
|
917
|
-
goalPeriod:
|
|
912
|
+
goalPeriod: w,
|
|
918
913
|
targetPeriod: D,
|
|
919
914
|
totalSaved: t
|
|
920
915
|
})
|
|
921
916
|
), d(u);
|
|
922
917
|
}, []);
|
|
923
|
-
const
|
|
924
|
-
|
|
925
|
-
|
|
918
|
+
const g = (b) => {
|
|
919
|
+
b.preventDefault(), l(
|
|
920
|
+
nt({
|
|
926
921
|
contribution: u,
|
|
927
922
|
goalAmount: y,
|
|
928
|
-
goalPeriod:
|
|
923
|
+
goalPeriod: w,
|
|
929
924
|
targetPeriod: D,
|
|
930
925
|
totalSaved: t
|
|
931
926
|
})
|
|
932
927
|
), d(u);
|
|
933
928
|
};
|
|
934
|
-
return /* @__PURE__ */ e(
|
|
929
|
+
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
|
|
935
930
|
/* @__PURE__ */ e(
|
|
936
931
|
Se,
|
|
937
932
|
{
|
|
938
933
|
balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
|
|
939
|
-
/* @__PURE__ */ e(I, { variant: "h2", children:
|
|
934
|
+
/* @__PURE__ */ e(I, { variant: "h2", children: $(c, "0,0") }),
|
|
940
935
|
/* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
|
|
941
936
|
"/",
|
|
942
937
|
r[_]
|
|
@@ -946,26 +941,26 @@ const No = ({ total: t }) => {
|
|
|
946
941
|
}
|
|
947
942
|
),
|
|
948
943
|
/* @__PURE__ */ e(
|
|
949
|
-
|
|
944
|
+
Fe,
|
|
950
945
|
{
|
|
951
946
|
"aria-label": o.maintain_emergency_savings_savings_goal,
|
|
952
|
-
helperText:
|
|
947
|
+
helperText: K(
|
|
953
948
|
o.maintain_emergency_savings_suggested_goal,
|
|
954
|
-
|
|
949
|
+
$(i, "0,0")
|
|
955
950
|
),
|
|
956
951
|
inputProps: {
|
|
957
952
|
noValidate: !0,
|
|
958
953
|
pattern: "[0-9]*"
|
|
959
954
|
},
|
|
960
955
|
label: o.maintain_emergency_savings_savings_goal,
|
|
961
|
-
onChange: (
|
|
962
|
-
|
|
956
|
+
onChange: (b) => {
|
|
957
|
+
b.target.value && f(Number(b.target.value.replace(/[^0-9]/g, "")));
|
|
963
958
|
},
|
|
964
|
-
value: y ?
|
|
959
|
+
value: y ? $(y, "0,0") : ""
|
|
965
960
|
}
|
|
966
961
|
),
|
|
967
962
|
/* @__PURE__ */ e(
|
|
968
|
-
|
|
963
|
+
rt,
|
|
969
964
|
{
|
|
970
965
|
label: o.maintain_emergency_savings_how_often_contribute,
|
|
971
966
|
onChange: h,
|
|
@@ -976,7 +971,7 @@ const No = ({ total: t }) => {
|
|
|
976
971
|
),
|
|
977
972
|
/* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
|
|
978
973
|
/* @__PURE__ */ e(
|
|
979
|
-
|
|
974
|
+
Fe,
|
|
980
975
|
{
|
|
981
976
|
"aria-label": o.maintain_emergency_savings_meet_your_goal_within,
|
|
982
977
|
fullWidth: !0,
|
|
@@ -985,8 +980,8 @@ const No = ({ total: t }) => {
|
|
|
985
980
|
pattern: "[0-9]*"
|
|
986
981
|
},
|
|
987
982
|
label: o.maintain_emergency_savings_meet_your_goal_within,
|
|
988
|
-
onChange: (
|
|
989
|
-
isNaN(Number(
|
|
983
|
+
onChange: (b) => {
|
|
984
|
+
isNaN(Number(b.target.value)) || S(Number(b.target.value));
|
|
990
985
|
},
|
|
991
986
|
sx: {
|
|
992
987
|
"& .MuiInputBase-root": {
|
|
@@ -997,7 +992,7 @@ const No = ({ total: t }) => {
|
|
|
997
992
|
}
|
|
998
993
|
}
|
|
999
994
|
},
|
|
1000
|
-
value:
|
|
995
|
+
value: w
|
|
1001
996
|
}
|
|
1002
997
|
),
|
|
1003
998
|
/* @__PURE__ */ e(
|
|
@@ -1012,29 +1007,29 @@ const No = ({ total: t }) => {
|
|
|
1012
1007
|
}
|
|
1013
1008
|
}
|
|
1014
1009
|
},
|
|
1015
|
-
children: /* @__PURE__ */ e(
|
|
1010
|
+
children: /* @__PURE__ */ e(rt, { label: "", onChange: C, options: s, value: D })
|
|
1016
1011
|
}
|
|
1017
1012
|
)
|
|
1018
1013
|
] }),
|
|
1019
|
-
/* @__PURE__ */ e(
|
|
1014
|
+
/* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
|
|
1020
1015
|
] }) }) });
|
|
1021
|
-
},
|
|
1016
|
+
}, Ho = v(Eo), No = () => {
|
|
1022
1017
|
const { savingsAccounts: t } = xe(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
|
|
1023
1018
|
() => t.reduce((i, c) => i + (c.balance ?? 0), 0),
|
|
1024
1019
|
[t]
|
|
1025
1020
|
);
|
|
1026
1021
|
return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
|
|
1027
|
-
/* @__PURE__ */ e(
|
|
1022
|
+
/* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
|
|
1028
1023
|
/* @__PURE__ */ e(Se, { balance: s, title: o.maintain_emergency_savings_your_savings }),
|
|
1029
1024
|
t.length ? /* @__PURE__ */ e(
|
|
1030
1025
|
Wt,
|
|
1031
1026
|
{
|
|
1032
|
-
loadAccounts: [
|
|
1027
|
+
loadAccounts: [Ge.SAVINGS],
|
|
1033
1028
|
loadMoreLabel: o.connect_more_accounts_button
|
|
1034
1029
|
}
|
|
1035
|
-
) : /* @__PURE__ */ e(
|
|
1030
|
+
) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
|
|
1036
1031
|
] }) }),
|
|
1037
|
-
/* @__PURE__ */ e(
|
|
1032
|
+
/* @__PURE__ */ e(Ho, { total: s }),
|
|
1038
1033
|
/* @__PURE__ */ e(
|
|
1039
1034
|
re,
|
|
1040
1035
|
{
|
|
@@ -1044,7 +1039,7 @@ const No = ({ total: t }) => {
|
|
|
1044
1039
|
}
|
|
1045
1040
|
)
|
|
1046
1041
|
] });
|
|
1047
|
-
},
|
|
1042
|
+
}, jo = v(No), We = v(
|
|
1048
1043
|
({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
|
|
1049
1044
|
const i = {
|
|
1050
1045
|
GOOD: {
|
|
@@ -1090,28 +1085,28 @@ const No = ({ total: t }) => {
|
|
|
1090
1085
|
justifyContent: "space-between"
|
|
1091
1086
|
},
|
|
1092
1087
|
children: [
|
|
1093
|
-
/* @__PURE__ */ e(
|
|
1094
|
-
/* @__PURE__ */ e(
|
|
1088
|
+
/* @__PURE__ */ e(Le, { children: o }),
|
|
1089
|
+
/* @__PURE__ */ e(Be, { status: n })
|
|
1095
1090
|
]
|
|
1096
1091
|
}
|
|
1097
1092
|
)
|
|
1098
1093
|
] }),
|
|
1099
1094
|
/* @__PURE__ */ a(p, { children: [
|
|
1100
|
-
/* @__PURE__ */ e(
|
|
1095
|
+
/* @__PURE__ */ e(jn, { data: c, height: 16 }),
|
|
1101
1096
|
r
|
|
1102
1097
|
] })
|
|
1103
1098
|
]
|
|
1104
1099
|
}
|
|
1105
1100
|
);
|
|
1106
1101
|
}
|
|
1107
|
-
),
|
|
1102
|
+
), Ko = {
|
|
1108
1103
|
sticky_label: "You have saved"
|
|
1109
|
-
},
|
|
1110
|
-
const { healthScore: t } =
|
|
1104
|
+
}, Vo = ["$0", "$250", "$500", "$750", "$1k"], Yo = () => {
|
|
1105
|
+
const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Mn(o), r = yt(o);
|
|
1111
1106
|
return /* @__PURE__ */ e(
|
|
1112
|
-
|
|
1107
|
+
We,
|
|
1113
1108
|
{
|
|
1114
|
-
bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children:
|
|
1109
|
+
bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Vo.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
|
|
1115
1110
|
/* @__PURE__ */ e(
|
|
1116
1111
|
le,
|
|
1117
1112
|
{
|
|
@@ -1125,34 +1120,34 @@ const No = ({ total: t }) => {
|
|
|
1125
1120
|
),
|
|
1126
1121
|
/* @__PURE__ */ e(I, { variant: "caption", children: s })
|
|
1127
1122
|
] }, s)) }),
|
|
1128
|
-
label:
|
|
1123
|
+
label: Ko.sticky_label,
|
|
1129
1124
|
status: r,
|
|
1130
1125
|
statusBarData: [
|
|
1131
1126
|
{
|
|
1132
1127
|
percentage: n
|
|
1133
1128
|
}
|
|
1134
1129
|
],
|
|
1135
|
-
value:
|
|
1130
|
+
value: $(o ?? 0, "0,0.00")
|
|
1136
1131
|
}
|
|
1137
1132
|
);
|
|
1138
|
-
},
|
|
1133
|
+
}, Xo = v(Yo), $e = ({
|
|
1139
1134
|
transactions: t = [],
|
|
1140
1135
|
amountColor: o = "success.main",
|
|
1141
1136
|
amountPosition: n = "center",
|
|
1142
1137
|
formatDate: r = It,
|
|
1143
1138
|
secondaryIcon: s
|
|
1144
1139
|
}) => {
|
|
1145
|
-
const i =
|
|
1146
|
-
let
|
|
1147
|
-
return S && (
|
|
1148
|
-
...
|
|
1149
|
-
category: _.default_categories[
|
|
1140
|
+
const i = G(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
|
|
1141
|
+
let C = t;
|
|
1142
|
+
return S && (C = t.map((g) => ({
|
|
1143
|
+
...g,
|
|
1144
|
+
category: _.default_categories[g.top_level_category_guid]?.replace(
|
|
1150
1145
|
/&/g,
|
|
1151
1146
|
"&"
|
|
1152
|
-
) ?? f(
|
|
1153
|
-
})).sort((
|
|
1147
|
+
) ?? f(g.top_level_category_guid)
|
|
1148
|
+
})).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
|
|
1154
1149
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1155
|
-
|
|
1150
|
+
B,
|
|
1156
1151
|
{
|
|
1157
1152
|
onClick: () => y(!0),
|
|
1158
1153
|
size: "small",
|
|
@@ -1170,7 +1165,7 @@ const No = ({ total: t }) => {
|
|
|
1170
1165
|
}
|
|
1171
1166
|
)
|
|
1172
1167
|
] }) : /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
|
|
1173
|
-
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0,
|
|
1168
|
+
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, w).sort((g, b) => b.date - g.date).map((g, b) => /* @__PURE__ */ a(
|
|
1174
1169
|
p,
|
|
1175
1170
|
{
|
|
1176
1171
|
sx: {
|
|
@@ -1184,8 +1179,8 @@ const No = ({ total: t }) => {
|
|
|
1184
1179
|
/* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
|
|
1185
1180
|
yn,
|
|
1186
1181
|
{
|
|
1187
|
-
categoryGuid:
|
|
1188
|
-
merchantGuid:
|
|
1182
|
+
categoryGuid: g.top_level_category_guid || "",
|
|
1183
|
+
merchantGuid: g.merchant_guid || "",
|
|
1189
1184
|
size: 32
|
|
1190
1185
|
}
|
|
1191
1186
|
) }),
|
|
@@ -1197,7 +1192,7 @@ const No = ({ total: t }) => {
|
|
|
1197
1192
|
flexDirection: "row",
|
|
1198
1193
|
gap: 12,
|
|
1199
1194
|
justifyContent: "space-between",
|
|
1200
|
-
...
|
|
1195
|
+
...b < Math.min(t.length, w) - 1 && {
|
|
1201
1196
|
borderBottom: `1px solid ${i.palette.divider}`
|
|
1202
1197
|
},
|
|
1203
1198
|
pb: 14,
|
|
@@ -1206,24 +1201,24 @@ const No = ({ total: t }) => {
|
|
|
1206
1201
|
},
|
|
1207
1202
|
children: [
|
|
1208
1203
|
/* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
|
|
1209
|
-
/* @__PURE__ */ e(M, { bold: !0, variant: "body1", children:
|
|
1204
|
+
/* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: g.description }),
|
|
1210
1205
|
/* @__PURE__ */ a(p, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
|
|
1211
1206
|
!!s && s,
|
|
1212
|
-
/* @__PURE__ */ e(I, { variant: "caption", children: r(
|
|
1207
|
+
/* @__PURE__ */ e(I, { variant: "caption", children: r(g.date) })
|
|
1213
1208
|
] })
|
|
1214
1209
|
] }),
|
|
1215
|
-
/* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children:
|
|
1210
|
+
/* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
|
|
1216
1211
|
]
|
|
1217
1212
|
},
|
|
1218
|
-
|
|
1213
|
+
g.guid || b
|
|
1219
1214
|
)
|
|
1220
1215
|
]
|
|
1221
1216
|
},
|
|
1222
|
-
|
|
1217
|
+
b
|
|
1223
1218
|
)) }),
|
|
1224
|
-
S && /* @__PURE__ */ a(
|
|
1219
|
+
S && /* @__PURE__ */ a(z, { children: [
|
|
1225
1220
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1226
|
-
|
|
1221
|
+
B,
|
|
1227
1222
|
{
|
|
1228
1223
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1229
1224
|
onClick: () => u(!0),
|
|
@@ -1237,26 +1232,26 @@ const No = ({ total: t }) => {
|
|
|
1237
1232
|
}
|
|
1238
1233
|
) }),
|
|
1239
1234
|
/* @__PURE__ */ e(
|
|
1240
|
-
|
|
1235
|
+
oe,
|
|
1241
1236
|
{
|
|
1242
1237
|
isOpen: d,
|
|
1243
1238
|
onClose: () => u(!1),
|
|
1244
1239
|
title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1245
|
-
children: /* @__PURE__ */ e(
|
|
1240
|
+
children: /* @__PURE__ */ e(Kn, { transaction: C })
|
|
1246
1241
|
}
|
|
1247
1242
|
)
|
|
1248
1243
|
] })
|
|
1249
1244
|
] });
|
|
1250
|
-
},
|
|
1245
|
+
}, qo = () => {
|
|
1251
1246
|
const {
|
|
1252
1247
|
finstrong: {
|
|
1253
1248
|
key_indicators_spend: { pay_bills_on_time_drawer: t }
|
|
1254
1249
|
}
|
|
1255
|
-
} = x(), { getSpendingFeeTransactions: o, allTransactions: n } =
|
|
1250
|
+
} = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
|
|
1256
1251
|
return m.useEffect(() => {
|
|
1257
1252
|
o().finally();
|
|
1258
|
-
}, []), /* @__PURE__ */ e(
|
|
1259
|
-
|
|
1253
|
+
}, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
|
|
1254
|
+
Y,
|
|
1260
1255
|
{
|
|
1261
1256
|
sx: {
|
|
1262
1257
|
backgroundColor: "background.paper",
|
|
@@ -1269,13 +1264,13 @@ const No = ({ total: t }) => {
|
|
|
1269
1264
|
children: [
|
|
1270
1265
|
/* @__PURE__ */ e(ln, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1271
1266
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1272
|
-
/* @__PURE__ */ e(
|
|
1267
|
+
/* @__PURE__ */ e(V, { children: t.pay_bills_on_time_zero_fees_title }),
|
|
1273
1268
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
|
|
1274
1269
|
] })
|
|
1275
1270
|
]
|
|
1276
1271
|
}
|
|
1277
1272
|
) : /* @__PURE__ */ a(
|
|
1278
|
-
|
|
1273
|
+
Y,
|
|
1279
1274
|
{
|
|
1280
1275
|
sx: {
|
|
1281
1276
|
p: 16,
|
|
@@ -1283,13 +1278,13 @@ const No = ({ total: t }) => {
|
|
|
1283
1278
|
backgroundColor: "background.paper"
|
|
1284
1279
|
},
|
|
1285
1280
|
children: [
|
|
1286
|
-
/* @__PURE__ */ e(
|
|
1281
|
+
/* @__PURE__ */ e(V, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
|
|
1287
1282
|
/* @__PURE__ */ e(
|
|
1288
|
-
|
|
1283
|
+
$e,
|
|
1289
1284
|
{
|
|
1290
1285
|
amountColor: "text.primary",
|
|
1291
1286
|
amountPosition: "flex-start",
|
|
1292
|
-
formatDate: (r) =>
|
|
1287
|
+
formatDate: (r) => $n(new Date(r * 1e3), zn.MONTH_DAY),
|
|
1293
1288
|
secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
|
|
1294
1289
|
transactions: n.spendingFee
|
|
1295
1290
|
}
|
|
@@ -1297,8 +1292,8 @@ const No = ({ total: t }) => {
|
|
|
1297
1292
|
]
|
|
1298
1293
|
}
|
|
1299
1294
|
) });
|
|
1300
|
-
},
|
|
1301
|
-
const { healthScore: t } =
|
|
1295
|
+
}, Uo = v(qo), Qo = () => {
|
|
1296
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Dn(t.spending_fee_transaction_count);
|
|
1302
1297
|
return /* @__PURE__ */ a(
|
|
1303
1298
|
p,
|
|
1304
1299
|
{
|
|
@@ -1312,17 +1307,17 @@ const No = ({ total: t }) => {
|
|
|
1312
1307
|
children: [
|
|
1313
1308
|
/* @__PURE__ */ e(M, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
|
|
1314
1309
|
/* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
1315
|
-
/* @__PURE__ */ a(
|
|
1310
|
+
/* @__PURE__ */ a(Le, { children: [
|
|
1316
1311
|
t.spending_fee_transaction_count,
|
|
1317
1312
|
" ",
|
|
1318
1313
|
r.pay_bills_on_time_sticky_fee_count
|
|
1319
1314
|
] }),
|
|
1320
|
-
/* @__PURE__ */ e(
|
|
1315
|
+
/* @__PURE__ */ e(Be, { status: s })
|
|
1321
1316
|
] })
|
|
1322
1317
|
]
|
|
1323
1318
|
}
|
|
1324
1319
|
);
|
|
1325
|
-
},
|
|
1320
|
+
}, Zo = v(Qo), Jo = () => {
|
|
1326
1321
|
const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = x();
|
|
1327
1322
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1328
1323
|
/* @__PURE__ */ e(
|
|
@@ -1335,36 +1330,42 @@ const No = ({ total: t }) => {
|
|
|
1335
1330
|
/* @__PURE__ */ e(
|
|
1336
1331
|
Wt,
|
|
1337
1332
|
{
|
|
1338
|
-
loadAccounts: [
|
|
1333
|
+
loadAccounts: [Ge.SAVINGS, Ge.CHECKING],
|
|
1339
1334
|
loadMoreLabel: o.more_accounts
|
|
1340
1335
|
}
|
|
1341
1336
|
)
|
|
1342
1337
|
] });
|
|
1343
|
-
},
|
|
1344
|
-
const { finstrong: t } = x(), {
|
|
1338
|
+
}, er = v(Jo), tr = () => {
|
|
1339
|
+
const { finstrong: t } = x(), {
|
|
1340
|
+
isSpendingInitialized: o,
|
|
1341
|
+
healthScore: n,
|
|
1342
|
+
allTransactions: r,
|
|
1343
|
+
loadSpendTransactions: s,
|
|
1344
|
+
loadDebtSpend: i
|
|
1345
|
+
} = L();
|
|
1345
1346
|
m.useEffect(() => {
|
|
1346
|
-
|
|
1347
|
-
}, [
|
|
1347
|
+
o || (s().finally(), i().finally());
|
|
1348
|
+
}, [o]);
|
|
1348
1349
|
const c = m.useMemo(() => {
|
|
1349
|
-
const l =
|
|
1350
|
+
const l = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
|
|
1350
1351
|
return [...l, ..._];
|
|
1351
|
-
}, [
|
|
1352
|
-
return
|
|
1352
|
+
}, [r.spend, r.debtSpend]);
|
|
1353
|
+
return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1353
1354
|
/* @__PURE__ */ e(
|
|
1354
1355
|
Se,
|
|
1355
1356
|
{
|
|
1356
|
-
balance:
|
|
1357
|
+
balance: n.ninety_day_spend / 90,
|
|
1357
1358
|
title: t.key_indicators_save.drawer_daily_spend
|
|
1358
1359
|
}
|
|
1359
1360
|
),
|
|
1360
|
-
/* @__PURE__ */ e(
|
|
1361
|
-
] }) : /* @__PURE__ */ e(
|
|
1362
|
-
},
|
|
1361
|
+
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
|
|
1362
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1363
|
+
}, nr = v(tr), or = () => {
|
|
1363
1364
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
1364
|
-
return /* @__PURE__ */ a(
|
|
1365
|
-
/* @__PURE__ */ a(
|
|
1365
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
1366
|
+
/* @__PURE__ */ a(Y, { children: [
|
|
1366
1367
|
/* @__PURE__ */ a(
|
|
1367
|
-
|
|
1368
|
+
Xe,
|
|
1368
1369
|
{
|
|
1369
1370
|
"aria-label": n.key_indicators_save.drawer_title,
|
|
1370
1371
|
centered: !0,
|
|
@@ -1393,15 +1394,15 @@ const No = ({ total: t }) => {
|
|
|
1393
1394
|
]
|
|
1394
1395
|
}
|
|
1395
1396
|
),
|
|
1396
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(
|
|
1397
|
-
/* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(
|
|
1397
|
+
/* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(er, {}) }),
|
|
1398
|
+
/* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(nr, {}) })
|
|
1398
1399
|
] }),
|
|
1399
|
-
/* @__PURE__ */ e(
|
|
1400
|
+
/* @__PURE__ */ e(Ue, { chartFor: "savingsOverTime" })
|
|
1400
1401
|
] });
|
|
1401
|
-
},
|
|
1402
|
-
const { finstrong: t } = x(), { healthScore: o } =
|
|
1402
|
+
}, rr = v(or), ar = () => {
|
|
1403
|
+
const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
|
|
1403
1404
|
return /* @__PURE__ */ e(
|
|
1404
|
-
|
|
1405
|
+
We,
|
|
1405
1406
|
{
|
|
1406
1407
|
bottomComponent: /* @__PURE__ */ e(
|
|
1407
1408
|
p,
|
|
@@ -1445,13 +1446,13 @@ const No = ({ total: t }) => {
|
|
|
1445
1446
|
percentage: `${l}%`
|
|
1446
1447
|
}
|
|
1447
1448
|
],
|
|
1448
|
-
value:
|
|
1449
|
+
value: K(t.key_indicators_save.drawer_progress_bar_value, i, c)
|
|
1449
1450
|
}
|
|
1450
1451
|
);
|
|
1451
|
-
},
|
|
1452
|
-
const { healthScore: t } =
|
|
1452
|
+
}, ir = v(ar), sr = () => {
|
|
1453
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = ft(n);
|
|
1453
1454
|
return /* @__PURE__ */ e(
|
|
1454
|
-
|
|
1455
|
+
We,
|
|
1455
1456
|
{
|
|
1456
1457
|
bottomComponent: /* @__PURE__ */ a(
|
|
1457
1458
|
p,
|
|
@@ -1509,27 +1510,27 @@ const No = ({ total: t }) => {
|
|
|
1509
1510
|
justifyContent: "center",
|
|
1510
1511
|
marginLeft: "auto"
|
|
1511
1512
|
},
|
|
1512
|
-
children: /* @__PURE__ */ e(I, { variant: "Small", children:
|
|
1513
|
+
children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? K(
|
|
1513
1514
|
o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
|
|
1514
1515
|
n
|
|
1515
|
-
) })
|
|
1516
|
+
) : "-" })
|
|
1516
1517
|
}
|
|
1517
1518
|
)
|
|
1518
1519
|
]
|
|
1519
1520
|
}
|
|
1520
1521
|
),
|
|
1521
1522
|
label: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
|
|
1522
|
-
status:
|
|
1523
|
+
status: r,
|
|
1523
1524
|
statusBarData: [
|
|
1524
1525
|
{
|
|
1525
1526
|
percentage: `${n}%`
|
|
1526
1527
|
}
|
|
1527
1528
|
],
|
|
1528
|
-
value:
|
|
1529
|
+
value: $(t.ninety_day_debt_spend, "0,0.00")
|
|
1529
1530
|
}
|
|
1530
1531
|
);
|
|
1531
|
-
},
|
|
1532
|
-
const { healthScore: t, allTransactions: o } =
|
|
1532
|
+
}, cr = v(sr), lr = () => {
|
|
1533
|
+
const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1533
1534
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1534
1535
|
/* @__PURE__ */ e(
|
|
1535
1536
|
Se,
|
|
@@ -1541,9 +1542,9 @@ const No = ({ total: t }) => {
|
|
|
1541
1542
|
),
|
|
1542
1543
|
o.income.length ? (
|
|
1543
1544
|
// TODO: Need to add More Transactions functionality
|
|
1544
|
-
/* @__PURE__ */ e(
|
|
1545
|
+
/* @__PURE__ */ e($e, { transactions: o.income.map((c) => c.transaction) })
|
|
1545
1546
|
) : /* @__PURE__ */ e(
|
|
1546
|
-
|
|
1547
|
+
B,
|
|
1547
1548
|
{
|
|
1548
1549
|
onClick: () => {
|
|
1549
1550
|
i(!0);
|
|
@@ -1561,8 +1562,8 @@ const No = ({ total: t }) => {
|
|
|
1561
1562
|
}
|
|
1562
1563
|
)
|
|
1563
1564
|
] });
|
|
1564
|
-
},
|
|
1565
|
-
const { allTransactions: t, healthScore: o } =
|
|
1565
|
+
}, dr = v(lr), pr = () => {
|
|
1566
|
+
const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1566
1567
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1567
1568
|
/* @__PURE__ */ e(
|
|
1568
1569
|
Se,
|
|
@@ -1575,14 +1576,14 @@ const No = ({ total: t }) => {
|
|
|
1575
1576
|
t.debtSpend.length ? (
|
|
1576
1577
|
//TODO: Need to add More Transactions functionality
|
|
1577
1578
|
/* @__PURE__ */ e(
|
|
1578
|
-
|
|
1579
|
+
$e,
|
|
1579
1580
|
{
|
|
1580
1581
|
amountColor: "text.primary",
|
|
1581
1582
|
transactions: t.debtSpend.map((c) => c.transaction)
|
|
1582
1583
|
}
|
|
1583
1584
|
)
|
|
1584
1585
|
) : /* @__PURE__ */ e(
|
|
1585
|
-
|
|
1586
|
+
B,
|
|
1586
1587
|
{
|
|
1587
1588
|
onClick: () => {
|
|
1588
1589
|
i(!0);
|
|
@@ -1600,22 +1601,22 @@ const No = ({ total: t }) => {
|
|
|
1600
1601
|
}
|
|
1601
1602
|
)
|
|
1602
1603
|
] });
|
|
1603
|
-
},
|
|
1604
|
+
}, _r = v(pr), hr = ({
|
|
1604
1605
|
color: t,
|
|
1605
1606
|
data: o,
|
|
1606
1607
|
series: n,
|
|
1607
1608
|
style: r,
|
|
1608
1609
|
...s
|
|
1609
1610
|
}) => {
|
|
1610
|
-
const i =
|
|
1611
|
+
const i = G(), c = m.useRef(null), { width: l } = eo({
|
|
1611
1612
|
width: r.width
|
|
1612
1613
|
});
|
|
1613
1614
|
m.useLayoutEffect(() => {
|
|
1614
1615
|
const h = new ResizeObserver(() => {
|
|
1615
1616
|
window.requestAnimationFrame(() => {
|
|
1616
1617
|
if (c.current) {
|
|
1617
|
-
const { width: y } = c.current.getBoundingClientRect(), f = y / 2,
|
|
1618
|
-
|
|
1618
|
+
const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
|
|
1619
|
+
w && w.setAttribute("transform", `translate(${f}, -8)`);
|
|
1619
1620
|
}
|
|
1620
1621
|
});
|
|
1621
1622
|
});
|
|
@@ -1625,9 +1626,9 @@ const No = ({ total: t }) => {
|
|
|
1625
1626
|
}, []);
|
|
1626
1627
|
const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
|
|
1627
1628
|
return /* @__PURE__ */ a("g", { children: [
|
|
1628
|
-
/* @__PURE__ */ e(
|
|
1629
|
+
/* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
|
|
1629
1630
|
/* @__PURE__ */ e(
|
|
1630
|
-
|
|
1631
|
+
at.text,
|
|
1631
1632
|
{
|
|
1632
1633
|
fill: i.palette.text.secondary,
|
|
1633
1634
|
fontSize: 9,
|
|
@@ -1640,9 +1641,9 @@ const No = ({ total: t }) => {
|
|
|
1640
1641
|
}
|
|
1641
1642
|
)
|
|
1642
1643
|
] });
|
|
1643
|
-
},
|
|
1644
|
+
}, Te = (t, o = 1e3) => {
|
|
1644
1645
|
const n = Math.abs(t) >= o ? "0.[0]a" : "0";
|
|
1645
|
-
return
|
|
1646
|
+
return $(t, n);
|
|
1646
1647
|
}, $t = ({
|
|
1647
1648
|
chartFor: t,
|
|
1648
1649
|
data: o,
|
|
@@ -1654,41 +1655,41 @@ const No = ({ total: t }) => {
|
|
|
1654
1655
|
totalComparison: l,
|
|
1655
1656
|
totalMain: _
|
|
1656
1657
|
}) => {
|
|
1657
|
-
const d =
|
|
1658
|
+
const d = G(), u = Un(d.breakpoints.down("xs")), h = m.useMemo(
|
|
1658
1659
|
() => o.sort((g, b) => g.month - b.month).map((g) => {
|
|
1659
|
-
const b = In(g.month),
|
|
1660
|
+
const b = In(g.month), P = {
|
|
1660
1661
|
spending_vs_income: {
|
|
1661
1662
|
main: g.standard_spend,
|
|
1662
1663
|
comparison: g.income,
|
|
1663
|
-
formattedMain:
|
|
1664
|
-
formattedComparison:
|
|
1664
|
+
formattedMain: Te(g.standard_spend),
|
|
1665
|
+
formattedComparison: Te(g.income)
|
|
1665
1666
|
},
|
|
1666
1667
|
debt_payment_vs_income: {
|
|
1667
1668
|
main: g.income,
|
|
1668
1669
|
comparison: g.debt_spend,
|
|
1669
|
-
formattedMain:
|
|
1670
|
-
formattedComparison:
|
|
1670
|
+
formattedMain: Te(g.income),
|
|
1671
|
+
formattedComparison: Te(g.debt_spend)
|
|
1671
1672
|
}
|
|
1672
1673
|
};
|
|
1673
1674
|
return {
|
|
1674
1675
|
label: b,
|
|
1675
|
-
...
|
|
1676
|
+
...P[t]
|
|
1676
1677
|
};
|
|
1677
1678
|
}),
|
|
1678
1679
|
[o, t]
|
|
1679
1680
|
), y = {
|
|
1680
1681
|
dataKey: "label",
|
|
1681
1682
|
scaleType: "band"
|
|
1682
|
-
}, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))),
|
|
1683
|
+
}, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), S = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = S / 3, C = {
|
|
1683
1684
|
scaleType: "linear",
|
|
1684
1685
|
min: 0,
|
|
1685
|
-
max:
|
|
1686
|
+
max: S,
|
|
1686
1687
|
tickNumber: 4,
|
|
1687
|
-
tickMinStep:
|
|
1688
|
-
valueFormatter: (g) => g === 0 ? "$0" :
|
|
1688
|
+
tickMinStep: D,
|
|
1689
|
+
valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
|
|
1689
1690
|
};
|
|
1690
1691
|
return /* @__PURE__ */ a(
|
|
1691
|
-
|
|
1692
|
+
Y,
|
|
1692
1693
|
{
|
|
1693
1694
|
sx: {
|
|
1694
1695
|
px: 16,
|
|
@@ -1706,9 +1707,9 @@ const No = ({ total: t }) => {
|
|
|
1706
1707
|
pb: 8
|
|
1707
1708
|
},
|
|
1708
1709
|
children: [
|
|
1709
|
-
/* @__PURE__ */ e(
|
|
1710
|
+
/* @__PURE__ */ e(V, { children: n }),
|
|
1710
1711
|
r && /* @__PURE__ */ e(
|
|
1711
|
-
|
|
1712
|
+
B,
|
|
1712
1713
|
{
|
|
1713
1714
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1714
1715
|
onClick: s,
|
|
@@ -1767,36 +1768,36 @@ const No = ({ total: t }) => {
|
|
|
1767
1768
|
] })
|
|
1768
1769
|
] }),
|
|
1769
1770
|
/* @__PURE__ */ a(
|
|
1770
|
-
|
|
1771
|
+
Jn,
|
|
1771
1772
|
{
|
|
1772
1773
|
colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
|
|
1773
1774
|
dataset: h,
|
|
1774
1775
|
height: 240,
|
|
1775
|
-
margin: { top:
|
|
1776
|
+
margin: { top: 16, bottom: 34, right: 0, left: 50 },
|
|
1776
1777
|
series: [
|
|
1777
1778
|
{ dataKey: "main", type: "bar" },
|
|
1778
1779
|
{ dataKey: "comparison", type: "bar" }
|
|
1779
1780
|
],
|
|
1780
1781
|
xAxis: [y],
|
|
1781
|
-
yAxis: [
|
|
1782
|
+
yAxis: [C],
|
|
1782
1783
|
children: [
|
|
1783
1784
|
/* @__PURE__ */ e(
|
|
1784
1785
|
an,
|
|
1785
1786
|
{
|
|
1786
1787
|
slots: {
|
|
1787
1788
|
bar: (g) => {
|
|
1788
|
-
const { ownerState: b, style:
|
|
1789
|
+
const { ownerState: b, style: P, ...F } = g;
|
|
1789
1790
|
return /* @__PURE__ */ e(
|
|
1790
|
-
|
|
1791
|
+
hr,
|
|
1791
1792
|
{
|
|
1792
|
-
...
|
|
1793
|
+
...F,
|
|
1793
1794
|
color: b.color,
|
|
1794
1795
|
data: h,
|
|
1795
1796
|
series: {
|
|
1796
1797
|
index: b.dataIndex,
|
|
1797
1798
|
type: Number(b.id.toString().split("-").pop())
|
|
1798
1799
|
},
|
|
1799
|
-
style:
|
|
1800
|
+
style: P
|
|
1800
1801
|
}
|
|
1801
1802
|
);
|
|
1802
1803
|
}
|
|
@@ -1804,7 +1805,7 @@ const No = ({ total: t }) => {
|
|
|
1804
1805
|
}
|
|
1805
1806
|
),
|
|
1806
1807
|
/* @__PURE__ */ e(
|
|
1807
|
-
|
|
1808
|
+
Qn,
|
|
1808
1809
|
{
|
|
1809
1810
|
sx: () => ({
|
|
1810
1811
|
".MuiChartsAxis-line": {
|
|
@@ -1824,7 +1825,7 @@ const No = ({ total: t }) => {
|
|
|
1824
1825
|
}
|
|
1825
1826
|
),
|
|
1826
1827
|
/* @__PURE__ */ e(
|
|
1827
|
-
|
|
1828
|
+
Zn,
|
|
1828
1829
|
{
|
|
1829
1830
|
sx: () => ({
|
|
1830
1831
|
".MuiChartsAxis-line": {
|
|
@@ -1849,14 +1850,14 @@ const No = ({ total: t }) => {
|
|
|
1849
1850
|
]
|
|
1850
1851
|
}
|
|
1851
1852
|
);
|
|
1852
|
-
},
|
|
1853
|
-
const {
|
|
1853
|
+
}, ur = () => {
|
|
1854
|
+
const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
|
|
1854
1855
|
return m.useEffect(() => {
|
|
1855
|
-
|
|
1856
|
-
}, [
|
|
1857
|
-
/* @__PURE__ */ a(
|
|
1856
|
+
t || (o().finally(), n().finally());
|
|
1857
|
+
}, [t]), t ? /* @__PURE__ */ a(z, { children: [
|
|
1858
|
+
/* @__PURE__ */ a(Y, { children: [
|
|
1858
1859
|
/* @__PURE__ */ a(
|
|
1859
|
-
|
|
1860
|
+
Xe,
|
|
1860
1861
|
{
|
|
1861
1862
|
"aria-label": c.key_indicators_save.drawer_title,
|
|
1862
1863
|
centered: !0,
|
|
@@ -1894,7 +1895,7 @@ const No = ({ total: t }) => {
|
|
|
1894
1895
|
index: 0,
|
|
1895
1896
|
name: "income-details",
|
|
1896
1897
|
value: s,
|
|
1897
|
-
children: /* @__PURE__ */ e(
|
|
1898
|
+
children: /* @__PURE__ */ e(dr, {})
|
|
1898
1899
|
}
|
|
1899
1900
|
),
|
|
1900
1901
|
/* @__PURE__ */ e(
|
|
@@ -1904,25 +1905,25 @@ const No = ({ total: t }) => {
|
|
|
1904
1905
|
index: 1,
|
|
1905
1906
|
name: "debt-payment-details",
|
|
1906
1907
|
value: s,
|
|
1907
|
-
children: /* @__PURE__ */ e(
|
|
1908
|
+
children: /* @__PURE__ */ e(_r, {})
|
|
1908
1909
|
}
|
|
1909
1910
|
)
|
|
1910
1911
|
] }),
|
|
1911
|
-
|
|
1912
|
+
r.length ? /* @__PURE__ */ a(z, { children: [
|
|
1912
1913
|
/* @__PURE__ */ e(
|
|
1913
1914
|
$t,
|
|
1914
1915
|
{
|
|
1915
1916
|
chartFor: "debt_payment_vs_income",
|
|
1916
|
-
data:
|
|
1917
|
+
data: r,
|
|
1917
1918
|
legendLabelComparison: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
|
|
1918
1919
|
legendLabelMain: c.key_indicators_borrow.have_manageable_debt_drawer.income,
|
|
1919
1920
|
title: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
|
|
1920
1921
|
}
|
|
1921
1922
|
),
|
|
1922
|
-
/* @__PURE__ */ e(
|
|
1923
|
-
] }) : /* @__PURE__ */ a(
|
|
1923
|
+
/* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
|
|
1924
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
1924
1925
|
/* @__PURE__ */ e(
|
|
1925
|
-
|
|
1926
|
+
Re,
|
|
1926
1927
|
{
|
|
1927
1928
|
header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
|
|
1928
1929
|
icon: "multiline_chart",
|
|
@@ -1938,7 +1939,7 @@ const No = ({ total: t }) => {
|
|
|
1938
1939
|
}
|
|
1939
1940
|
),
|
|
1940
1941
|
/* @__PURE__ */ e(
|
|
1941
|
-
|
|
1942
|
+
Re,
|
|
1942
1943
|
{
|
|
1943
1944
|
header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
|
|
1944
1945
|
icon: "multiline_chart",
|
|
@@ -1954,16 +1955,16 @@ const No = ({ total: t }) => {
|
|
|
1954
1955
|
}
|
|
1955
1956
|
)
|
|
1956
1957
|
] })
|
|
1957
|
-
] });
|
|
1958
|
-
},
|
|
1959
|
-
const { healthScore: t } =
|
|
1960
|
-
GOOD: [{ percentage: `${
|
|
1961
|
-
FAIR: [{ percentage: "100%" }, { percentage: `${
|
|
1962
|
-
OFF_TRACK: [{ percentage: "100%" }, { percentage: `${
|
|
1958
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1959
|
+
}, mr = v(ur), gr = () => {
|
|
1960
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), c = {
|
|
1961
|
+
GOOD: [{ percentage: `${r}%` }],
|
|
1962
|
+
FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
1963
|
+
OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
1963
1964
|
MISSING: [{ percentage: "0%" }]
|
|
1964
1965
|
}[i];
|
|
1965
1966
|
return /* @__PURE__ */ e(
|
|
1966
|
-
|
|
1967
|
+
We,
|
|
1967
1968
|
{
|
|
1968
1969
|
bottomComponent: /* @__PURE__ */ a(
|
|
1969
1970
|
p,
|
|
@@ -1976,12 +1977,12 @@ const No = ({ total: t }) => {
|
|
|
1976
1977
|
},
|
|
1977
1978
|
children: [
|
|
1978
1979
|
/* @__PURE__ */ a(I, { variant: "body2", children: [
|
|
1979
|
-
|
|
1980
|
+
t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
|
|
1980
1981
|
" ",
|
|
1981
1982
|
o?.key_indicators_spend.spend_less_than_you_make_drawer.income
|
|
1982
1983
|
] }),
|
|
1983
1984
|
/* @__PURE__ */ a(I, { variant: "body2", children: [
|
|
1984
|
-
r ? "-%" : `${
|
|
1985
|
+
r <= 0 ? "-%" : `${r}%`,
|
|
1985
1986
|
" ",
|
|
1986
1987
|
o?.key_indicators_spend.spend_less_than_you_make_drawer.spent
|
|
1987
1988
|
] })
|
|
@@ -1991,27 +1992,27 @@ const No = ({ total: t }) => {
|
|
|
1991
1992
|
label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
|
|
1992
1993
|
status: i,
|
|
1993
1994
|
statusBarData: c,
|
|
1994
|
-
value:
|
|
1995
|
+
value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
|
|
1995
1996
|
}
|
|
1996
1997
|
);
|
|
1997
|
-
},
|
|
1998
|
-
const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } =
|
|
1998
|
+
}, yr = v(gr), br = () => {
|
|
1999
|
+
const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: c } = Rn(), { finstrong: l, goals: _, spending: d } = x(), u = G(), [h, y] = m.useState("");
|
|
1999
2000
|
m.useEffect(() => {
|
|
2000
2001
|
r(
|
|
2001
2002
|
t,
|
|
2002
|
-
|
|
2003
|
-
|
|
2003
|
+
At(/* @__PURE__ */ new Date()),
|
|
2004
|
+
Tt(/* @__PURE__ */ new Date())
|
|
2004
2005
|
).finally();
|
|
2005
2006
|
}, [t]);
|
|
2006
2007
|
const f = m.useMemo(
|
|
2007
|
-
() =>
|
|
2008
|
+
() => to(o, _, u, n),
|
|
2008
2009
|
[o, n]
|
|
2009
|
-
),
|
|
2010
|
-
y(h ===
|
|
2010
|
+
), w = (C) => {
|
|
2011
|
+
y(h === C ? "" : C);
|
|
2011
2012
|
}, { totalSpending: S, totalIncome: D } = m.useMemo(() => s?.reduce(
|
|
2012
|
-
(
|
|
2013
|
-
totalSpending:
|
|
2014
|
-
totalIncome:
|
|
2013
|
+
(C, { standard_spend: g = 0, income: b = 0 }) => ({
|
|
2014
|
+
totalSpending: C.totalSpending + g,
|
|
2015
|
+
totalIncome: C.totalIncome + b
|
|
2015
2016
|
}),
|
|
2016
2017
|
{ totalSpending: 0, totalIncome: 0 }
|
|
2017
2018
|
), [s]);
|
|
@@ -2028,11 +2029,11 @@ const No = ({ total: t }) => {
|
|
|
2028
2029
|
legendLabelMain: l.key_indicators_spend.spend_less_than_you_make_drawer.spending,
|
|
2029
2030
|
onClick: () => i("trends")(),
|
|
2030
2031
|
title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
|
|
2031
|
-
totalComparison:
|
|
2032
|
-
totalMain:
|
|
2032
|
+
totalComparison: $(D, "0,0.00"),
|
|
2033
|
+
totalMain: $(S, "0,0.00")
|
|
2033
2034
|
}
|
|
2034
2035
|
) : /* @__PURE__ */ e(
|
|
2035
|
-
|
|
2036
|
+
Re,
|
|
2036
2037
|
{
|
|
2037
2038
|
header: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
|
|
2038
2039
|
icon: "multiline_chart",
|
|
@@ -2053,7 +2054,7 @@ const No = ({ total: t }) => {
|
|
|
2053
2054
|
}
|
|
2054
2055
|
),
|
|
2055
2056
|
f ? /* @__PURE__ */ a(
|
|
2056
|
-
|
|
2057
|
+
Y,
|
|
2057
2058
|
{
|
|
2058
2059
|
sx: {
|
|
2059
2060
|
px: 16,
|
|
@@ -2071,9 +2072,9 @@ const No = ({ total: t }) => {
|
|
|
2071
2072
|
pb: 8
|
|
2072
2073
|
},
|
|
2073
2074
|
children: [
|
|
2074
|
-
/* @__PURE__ */ e(
|
|
2075
|
+
/* @__PURE__ */ e(V, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
|
|
2075
2076
|
c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
|
|
2076
|
-
|
|
2077
|
+
B,
|
|
2077
2078
|
{
|
|
2078
2079
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2079
2080
|
onClick: () => i("spending")(),
|
|
@@ -2091,19 +2092,19 @@ const No = ({ total: t }) => {
|
|
|
2091
2092
|
),
|
|
2092
2093
|
/* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2093
2094
|
/* @__PURE__ */ e(
|
|
2094
|
-
|
|
2095
|
+
no,
|
|
2095
2096
|
{
|
|
2096
2097
|
data: f,
|
|
2097
|
-
onSelected:
|
|
2098
|
+
onSelected: w,
|
|
2098
2099
|
selectedId: h,
|
|
2099
2100
|
totalLabel: d.total_spending
|
|
2100
2101
|
}
|
|
2101
2102
|
),
|
|
2102
2103
|
/* @__PURE__ */ e(
|
|
2103
|
-
|
|
2104
|
+
oo,
|
|
2104
2105
|
{
|
|
2105
2106
|
data: f,
|
|
2106
|
-
onSelected:
|
|
2107
|
+
onSelected: w,
|
|
2107
2108
|
selectedId: h
|
|
2108
2109
|
}
|
|
2109
2110
|
)
|
|
@@ -2111,7 +2112,7 @@ const No = ({ total: t }) => {
|
|
|
2111
2112
|
]
|
|
2112
2113
|
}
|
|
2113
2114
|
) : /* @__PURE__ */ e(
|
|
2114
|
-
|
|
2115
|
+
Re,
|
|
2115
2116
|
{
|
|
2116
2117
|
header: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
|
|
2117
2118
|
icon: "donut_small",
|
|
@@ -2132,7 +2133,7 @@ const No = ({ total: t }) => {
|
|
|
2132
2133
|
}
|
|
2133
2134
|
)
|
|
2134
2135
|
] });
|
|
2135
|
-
},
|
|
2136
|
+
}, fr = v(br), xr = ({
|
|
2136
2137
|
drawerFor: t,
|
|
2137
2138
|
isOpen: o,
|
|
2138
2139
|
onClose: n
|
|
@@ -2141,8 +2142,8 @@ const No = ({ total: t }) => {
|
|
|
2141
2142
|
spendLessThanYouMake: {
|
|
2142
2143
|
title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2143
2144
|
description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2144
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2145
|
-
content: /* @__PURE__ */ e(
|
|
2145
|
+
stickyComponent: /* @__PURE__ */ e(yr, {}),
|
|
2146
|
+
content: /* @__PURE__ */ e(fr, {}),
|
|
2146
2147
|
drawerType: "connectDrawer",
|
|
2147
2148
|
connectTitle: r.connect_your_accounts,
|
|
2148
2149
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
@@ -2150,16 +2151,16 @@ const No = ({ total: t }) => {
|
|
|
2150
2151
|
payBillsOnTime: {
|
|
2151
2152
|
title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2152
2153
|
description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2153
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2154
|
-
content: /* @__PURE__ */ e(
|
|
2154
|
+
stickyComponent: /* @__PURE__ */ e(Zo, {}),
|
|
2155
|
+
content: /* @__PURE__ */ e(Uo, {}),
|
|
2155
2156
|
drawerType: "connectDrawer",
|
|
2156
2157
|
connectTitle: r.connect_your_accounts,
|
|
2157
2158
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2158
2159
|
},
|
|
2159
2160
|
maintainEmergencySavings: {
|
|
2160
|
-
content: /* @__PURE__ */ e(
|
|
2161
|
+
content: /* @__PURE__ */ e(jo, {}),
|
|
2161
2162
|
description: r.maintain_emergency_savings_description,
|
|
2162
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2163
|
+
stickyComponent: /* @__PURE__ */ e(Xo, {}),
|
|
2163
2164
|
title: r.maintain_emergency_savings_title,
|
|
2164
2165
|
drawerType: "connectDrawer",
|
|
2165
2166
|
connectTitle: r.connect_your_accounts,
|
|
@@ -2168,30 +2169,30 @@ const No = ({ total: t }) => {
|
|
|
2168
2169
|
haveManageableDebt: {
|
|
2169
2170
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2170
2171
|
description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2171
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2172
|
-
content: /* @__PURE__ */ e(
|
|
2172
|
+
stickyComponent: /* @__PURE__ */ e(cr, {}),
|
|
2173
|
+
content: /* @__PURE__ */ e(mr, {}),
|
|
2173
2174
|
drawerType: "connectDrawer",
|
|
2174
2175
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2175
2176
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2176
2177
|
},
|
|
2177
2178
|
haveAGoodCreditScore: {
|
|
2178
|
-
title: /* @__PURE__ */ e(
|
|
2179
|
+
title: /* @__PURE__ */ e(Wo, {}),
|
|
2179
2180
|
description: r.credit_score_description,
|
|
2180
2181
|
stickyComponent: null,
|
|
2181
|
-
content: /* @__PURE__ */ e(
|
|
2182
|
+
content: /* @__PURE__ */ e(Po, {})
|
|
2182
2183
|
},
|
|
2183
2184
|
saveEnoughToLiveOn: {
|
|
2184
2185
|
title: r.key_indicators_save.drawer_title,
|
|
2185
2186
|
description: r.key_indicators_save.drawer_description,
|
|
2186
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2187
|
-
content: /* @__PURE__ */ e(
|
|
2187
|
+
stickyComponent: /* @__PURE__ */ e(ir, {}),
|
|
2188
|
+
content: /* @__PURE__ */ e(rr, {}),
|
|
2188
2189
|
drawerType: "connectDrawer",
|
|
2189
2190
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2190
2191
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2191
2192
|
}
|
|
2192
2193
|
}[t];
|
|
2193
2194
|
return /* @__PURE__ */ e(
|
|
2194
|
-
|
|
2195
|
+
Pt,
|
|
2195
2196
|
{
|
|
2196
2197
|
connectDescription: i?.connectDescription,
|
|
2197
2198
|
connectTitle: i?.connectTitle,
|
|
@@ -2206,7 +2207,7 @@ const No = ({ total: t }) => {
|
|
|
2206
2207
|
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
|
|
2207
2208
|
}
|
|
2208
2209
|
);
|
|
2209
|
-
},
|
|
2210
|
+
}, Sr = v(xr), fe = ({
|
|
2210
2211
|
drawerFor: t,
|
|
2211
2212
|
title: o,
|
|
2212
2213
|
description: n,
|
|
@@ -2215,7 +2216,7 @@ const No = ({ total: t }) => {
|
|
|
2215
2216
|
const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
|
|
2216
2217
|
(_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
|
|
2217
2218
|
};
|
|
2218
|
-
return /* @__PURE__ */ a(
|
|
2219
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2219
2220
|
/* @__PURE__ */ a(
|
|
2220
2221
|
p,
|
|
2221
2222
|
{
|
|
@@ -2239,7 +2240,7 @@ const No = ({ total: t }) => {
|
|
|
2239
2240
|
/* @__PURE__ */ a(p, { sx: { gap: 8, minWidth: 0 }, children: [
|
|
2240
2241
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
|
|
2241
2242
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
|
|
2242
|
-
/* @__PURE__ */ e(
|
|
2243
|
+
/* @__PURE__ */ e(Be, { status: r })
|
|
2243
2244
|
] }),
|
|
2244
2245
|
/* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
|
|
2245
2246
|
] }),
|
|
@@ -2248,7 +2249,7 @@ const No = ({ total: t }) => {
|
|
|
2248
2249
|
}
|
|
2249
2250
|
),
|
|
2250
2251
|
/* @__PURE__ */ e(
|
|
2251
|
-
|
|
2252
|
+
Sr,
|
|
2252
2253
|
{
|
|
2253
2254
|
drawerFor: t,
|
|
2254
2255
|
isOpen: i,
|
|
@@ -2256,21 +2257,21 @@ const No = ({ total: t }) => {
|
|
|
2256
2257
|
}
|
|
2257
2258
|
)
|
|
2258
2259
|
] });
|
|
2259
|
-
},
|
|
2260
|
-
const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } =
|
|
2261
|
-
const l =
|
|
2260
|
+
}, Cr = () => {
|
|
2261
|
+
const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
|
|
2262
|
+
const l = xt(c), _ = {
|
|
2262
2263
|
GOOD: o.ratio_good_description,
|
|
2263
2264
|
FAIR: o.ratio_fair_description,
|
|
2264
2265
|
OFF_TRACK: o.ratio_off_track_description,
|
|
2265
2266
|
MISSING: o.ratio_missing_description
|
|
2266
|
-
}, d = l === "MISSING" ? _[l] :
|
|
2267
|
+
}, d = l === "MISSING" ? _[l] : K(_[l], c);
|
|
2267
2268
|
return {
|
|
2268
2269
|
cardState: l,
|
|
2269
2270
|
description: d,
|
|
2270
2271
|
title: o.ratio_card_title
|
|
2271
2272
|
};
|
|
2272
2273
|
}, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
|
|
2273
|
-
const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ =
|
|
2274
|
+
const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ = An(
|
|
2274
2275
|
n.spending_fee_transaction_count,
|
|
2275
2276
|
o
|
|
2276
2277
|
);
|
|
@@ -2301,30 +2302,30 @@ const No = ({ total: t }) => {
|
|
|
2301
2302
|
}
|
|
2302
2303
|
)
|
|
2303
2304
|
] });
|
|
2304
|
-
},
|
|
2305
|
-
const { healthScore: t } =
|
|
2306
|
-
const _ =
|
|
2305
|
+
}, vr = v(Cr), wr = () => {
|
|
2306
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
|
|
2307
|
+
const _ = bt(l), d = {
|
|
2307
2308
|
GOOD: n.days_of_cash_good_description,
|
|
2308
2309
|
FAIR: n.days_of_cash_fair_description,
|
|
2309
2310
|
OFF_TRACK: n.days_of_cash_off_track_description,
|
|
2310
2311
|
MISSING: n.days_of_cash_missing_description
|
|
2311
|
-
}, u = _ === "MISSING" ? d[_] :
|
|
2312
|
+
}, u = _ === "MISSING" ? d[_] : K(d[_], l);
|
|
2312
2313
|
return {
|
|
2313
2314
|
cardState: _,
|
|
2314
2315
|
description: u,
|
|
2315
2316
|
title: n.days_of_cash_title
|
|
2316
2317
|
};
|
|
2317
2318
|
}, s = (l) => {
|
|
2318
|
-
const _ =
|
|
2319
|
+
const _ = yt(l), d = {
|
|
2319
2320
|
GOOD: n.emergency_savings_good_description,
|
|
2320
2321
|
FAIR: n.emergency_savings_fair_description,
|
|
2321
2322
|
OFF_TRACK: n.emergency_savings_off_track_description,
|
|
2322
2323
|
MISSING: n.emergency_savings_missing_description
|
|
2323
2324
|
};
|
|
2324
2325
|
let u;
|
|
2325
|
-
return _ === "FAIR" && l !== null ? u =
|
|
2326
|
+
return _ === "FAIR" && l !== null ? u = K(
|
|
2326
2327
|
d[_],
|
|
2327
|
-
|
|
2328
|
+
$(l, "0,0.00")
|
|
2328
2329
|
) : u = d[_], {
|
|
2329
2330
|
cardState: _,
|
|
2330
2331
|
description: u,
|
|
@@ -2359,26 +2360,26 @@ const No = ({ total: t }) => {
|
|
|
2359
2360
|
}
|
|
2360
2361
|
)
|
|
2361
2362
|
] });
|
|
2362
|
-
},
|
|
2363
|
-
const { healthScore: t } =
|
|
2364
|
-
const d =
|
|
2363
|
+
}, kr = v(wr), Mr = () => {
|
|
2364
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (_) => {
|
|
2365
|
+
const d = ft(_), u = {
|
|
2365
2366
|
GOOD: n.manage_debit_good_description,
|
|
2366
2367
|
FAIR: n.manage_debit_fair_description,
|
|
2367
2368
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
2368
2369
|
MISSING: n.manage_debit_missing_description
|
|
2369
|
-
}, h = d === "FAIR" || d === "OFF_TRACK" ?
|
|
2370
|
+
}, h = d === "FAIR" || d === "OFF_TRACK" ? K(u[d], _) : u[d];
|
|
2370
2371
|
return {
|
|
2371
2372
|
cardState: d,
|
|
2372
2373
|
description: h,
|
|
2373
2374
|
title: n.manage_debit_title
|
|
2374
2375
|
};
|
|
2375
2376
|
}, i = (_) => {
|
|
2376
|
-
const d =
|
|
2377
|
+
const d = gt(_), u = {
|
|
2377
2378
|
GOOD: n.credit_score_good_description,
|
|
2378
2379
|
FAIR: n.credit_score_fair_description,
|
|
2379
2380
|
OFF_TRACK: n.credit_score_off_track_description,
|
|
2380
2381
|
MISSING: n.credit_score_missing_description
|
|
2381
|
-
}, h = d === "MISSING" ? u[d] :
|
|
2382
|
+
}, h = d === "MISSING" ? u[d] : K(u[d], _);
|
|
2382
2383
|
return {
|
|
2383
2384
|
cardState: d,
|
|
2384
2385
|
description: h,
|
|
@@ -2411,11 +2412,11 @@ const No = ({ total: t }) => {
|
|
|
2411
2412
|
}
|
|
2412
2413
|
)
|
|
2413
2414
|
] });
|
|
2414
|
-
},
|
|
2415
|
+
}, Dr = v(Mr), Ir = () => {
|
|
2415
2416
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
2416
|
-
return /* @__PURE__ */ a(
|
|
2417
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2417
2418
|
/* @__PURE__ */ a(
|
|
2418
|
-
|
|
2419
|
+
Xe,
|
|
2419
2420
|
{
|
|
2420
2421
|
"aria-label": "Key Indicators",
|
|
2421
2422
|
centered: !0,
|
|
@@ -2435,7 +2436,7 @@ const No = ({ total: t }) => {
|
|
|
2435
2436
|
se,
|
|
2436
2437
|
{
|
|
2437
2438
|
"aria-controls": "spend-details-tabpanel-0",
|
|
2438
|
-
icon: /* @__PURE__ */ e(
|
|
2439
|
+
icon: /* @__PURE__ */ e(He, { sx: { mr: 8 } }),
|
|
2439
2440
|
iconPosition: "start",
|
|
2440
2441
|
id: "spend-details-tab-0",
|
|
2441
2442
|
label: n.key_indicators_spend.title,
|
|
@@ -2467,20 +2468,20 @@ const No = ({ total: t }) => {
|
|
|
2467
2468
|
]
|
|
2468
2469
|
}
|
|
2469
2470
|
),
|
|
2470
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(
|
|
2471
|
-
/* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(
|
|
2472
|
-
/* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(
|
|
2471
|
+
/* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
|
|
2472
|
+
/* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(kr, {}) }),
|
|
2473
|
+
/* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Dr, {}) })
|
|
2473
2474
|
] });
|
|
2474
|
-
},
|
|
2475
|
-
const { finstrong: o } = x(), { isCopyLoaded: n } =
|
|
2475
|
+
}, Ar = v(Ir), Tr = ({ onClick: t }) => {
|
|
2476
|
+
const { finstrong: o } = x(), { isCopyLoaded: n } = q();
|
|
2476
2477
|
return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2477
|
-
/* @__PURE__ */ e(
|
|
2478
|
+
/* @__PURE__ */ e(_t, { size: 48 }),
|
|
2478
2479
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2479
|
-
/* @__PURE__ */ e(
|
|
2480
|
+
/* @__PURE__ */ e(V, { children: o.missing_data_title }),
|
|
2480
2481
|
/* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
|
|
2481
2482
|
] }),
|
|
2482
2483
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
2483
|
-
|
|
2484
|
+
B,
|
|
2484
2485
|
{
|
|
2485
2486
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2486
2487
|
onClick: t,
|
|
@@ -2495,8 +2496,8 @@ const No = ({ total: t }) => {
|
|
|
2495
2496
|
children: o.connect_more_accounts_button
|
|
2496
2497
|
}
|
|
2497
2498
|
) })
|
|
2498
|
-
] }) : /* @__PURE__ */ e(
|
|
2499
|
-
},
|
|
2499
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
2500
|
+
}, Or = v(Tr), Fr = ({
|
|
2500
2501
|
firstDay: t,
|
|
2501
2502
|
frequency: o,
|
|
2502
2503
|
secondDay: n,
|
|
@@ -2512,17 +2513,17 @@ const No = ({ total: t }) => {
|
|
|
2512
2513
|
/* @__PURE__ */ a(p, { children: [
|
|
2513
2514
|
!!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
|
|
2514
2515
|
if (h.guid === _.guid) return u;
|
|
2515
|
-
const f =
|
|
2516
|
+
const f = Vn(y, r), w = Yn(y, r);
|
|
2516
2517
|
return u.push(
|
|
2517
2518
|
/* @__PURE__ */ a(m.Fragment, { children: [
|
|
2518
|
-
f && /* @__PURE__ */ e(
|
|
2519
|
-
/* @__PURE__ */ e(
|
|
2520
|
-
/* @__PURE__ */ e(le, { sx: { ml:
|
|
2519
|
+
f && /* @__PURE__ */ e(Xn, { children: It(h.date) }),
|
|
2520
|
+
/* @__PURE__ */ e(qn, { transaction: h }),
|
|
2521
|
+
/* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
|
|
2521
2522
|
] }, h.guid)
|
|
2522
2523
|
), u;
|
|
2523
2524
|
}, []) }),
|
|
2524
2525
|
/* @__PURE__ */ e(
|
|
2525
|
-
|
|
2526
|
+
so,
|
|
2526
2527
|
{
|
|
2527
2528
|
firstDay: t,
|
|
2528
2529
|
frequency: o,
|
|
@@ -2535,21 +2536,21 @@ const No = ({ total: t }) => {
|
|
|
2535
2536
|
)
|
|
2536
2537
|
] }),
|
|
2537
2538
|
/* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
|
|
2538
|
-
|
|
2539
|
+
B,
|
|
2539
2540
|
{
|
|
2540
2541
|
fullWidth: !0,
|
|
2541
|
-
onClick: () => s({ step:
|
|
2542
|
-
startIcon: /* @__PURE__ */ e(
|
|
2542
|
+
onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
|
|
2543
|
+
startIcon: /* @__PURE__ */ e(ht, {}),
|
|
2543
2544
|
children: d.onboarding_add_more_income
|
|
2544
2545
|
}
|
|
2545
2546
|
) })
|
|
2546
2547
|
] });
|
|
2547
|
-
},
|
|
2548
|
-
const { finstrong: n } = x(), r =
|
|
2548
|
+
}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
|
|
2549
|
+
const { finstrong: n } = x(), r = G(), s = (i) => {
|
|
2549
2550
|
o(Math.floor(new Date(i).getTime() / 1e3));
|
|
2550
2551
|
};
|
|
2551
|
-
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2552
|
-
|
|
2552
|
+
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(po, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2553
|
+
_o,
|
|
2553
2554
|
{
|
|
2554
2555
|
disableFuture: !0,
|
|
2555
2556
|
label: n.onboarding_select_date,
|
|
@@ -2578,10 +2579,10 @@ const No = ({ total: t }) => {
|
|
|
2578
2579
|
value: t ? new Date(t * 1e3) : null
|
|
2579
2580
|
}
|
|
2580
2581
|
) }) });
|
|
2581
|
-
},
|
|
2582
|
+
}, Pr = v(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
|
|
2582
2583
|
const { finstrong: n } = x(), r = !isNaN(t);
|
|
2583
2584
|
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2584
|
-
|
|
2585
|
+
Fe,
|
|
2585
2586
|
{
|
|
2586
2587
|
error: !r,
|
|
2587
2588
|
fullWidth: !0,
|
|
@@ -2595,7 +2596,7 @@ const No = ({ total: t }) => {
|
|
|
2595
2596
|
value: r ? t : ""
|
|
2596
2597
|
}
|
|
2597
2598
|
) });
|
|
2598
|
-
},
|
|
2599
|
+
}, Wr = v(Br), zt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2599
2600
|
/* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
|
|
2600
2601
|
k,
|
|
2601
2602
|
{
|
|
@@ -2613,76 +2614,76 @@ const No = ({ total: t }) => {
|
|
|
2613
2614
|
"% ",
|
|
2614
2615
|
o
|
|
2615
2616
|
] })
|
|
2616
|
-
] }),
|
|
2617
|
+
] }), $r = ({
|
|
2617
2618
|
completeCopy: t,
|
|
2618
2619
|
primaryText: o,
|
|
2619
2620
|
secondaryText: n,
|
|
2620
2621
|
value: r
|
|
2621
2622
|
}) => /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
2622
2623
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2623
|
-
/* @__PURE__ */ e(
|
|
2624
|
+
/* @__PURE__ */ e(V, { children: o }),
|
|
2624
2625
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
|
|
2625
2626
|
] }),
|
|
2626
|
-
/* @__PURE__ */ e(
|
|
2627
|
-
] }),
|
|
2628
|
-
step:
|
|
2627
|
+
/* @__PURE__ */ e(zt, { completeCopy: t, value: r })
|
|
2628
|
+
] }), ct = {
|
|
2629
|
+
step: T.ConnectAccounts,
|
|
2629
2630
|
type: "main"
|
|
2630
|
-
},
|
|
2631
|
-
const { visibleAccounts: n } = xe(), { calculateHealthScore: r } =
|
|
2632
|
-
|
|
2633
|
-
), [
|
|
2631
|
+
}, zr = ({ isOpen: t, onClose: o }) => {
|
|
2632
|
+
const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
|
|
2633
|
+
ct
|
|
2634
|
+
), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Ce, te] = m.useState(!1), [j, ve] = m.useState(h.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
|
|
2634
2635
|
m.useEffect(() => {
|
|
2635
|
-
l({ start:
|
|
2636
|
+
l({ start: At(it()), end: Tt(it()) });
|
|
2636
2637
|
}, []), m.useEffect(() => {
|
|
2637
2638
|
d({
|
|
2638
|
-
accounts: n.map((
|
|
2639
|
+
accounts: n.map((A) => A.guid),
|
|
2639
2640
|
dateRange: {
|
|
2640
|
-
start:
|
|
2641
|
+
start: io(/* @__PURE__ */ new Date(), 90),
|
|
2641
2642
|
end: /* @__PURE__ */ new Date()
|
|
2642
2643
|
},
|
|
2643
|
-
custom:
|
|
2644
|
+
custom: st
|
|
2644
2645
|
}), i(n);
|
|
2645
2646
|
}, [n]);
|
|
2646
2647
|
const _e = m.useMemo(
|
|
2647
|
-
() => u.find((
|
|
2648
|
-
[
|
|
2649
|
-
),
|
|
2650
|
-
[
|
|
2651
|
-
[
|
|
2652
|
-
[
|
|
2653
|
-
[
|
|
2654
|
-
})[
|
|
2655
|
-
const { step:
|
|
2656
|
-
let
|
|
2657
|
-
return
|
|
2658
|
-
}, [
|
|
2648
|
+
() => u.find((A) => A.guid === N),
|
|
2649
|
+
[N, u]
|
|
2650
|
+
), he = m.useMemo(() => ({
|
|
2651
|
+
[T.ConnectAccounts]: !0,
|
|
2652
|
+
[T.MonthlyIncome]: !!N,
|
|
2653
|
+
[T.Birthday]: !!h.birthday || !!j,
|
|
2654
|
+
[T.CreditScore]: !!h.credit_score || !!S
|
|
2655
|
+
})[C.step], [S, C, j, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
|
|
2656
|
+
const { step: A } = C;
|
|
2657
|
+
let R = 0;
|
|
2658
|
+
return A >= T.MonthlyIncome && X && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
|
|
2659
|
+
}, [C.step, X, W.length, h.birthday, h.credit_score]), Et = (A) => {
|
|
2659
2660
|
d({
|
|
2660
2661
|
..._,
|
|
2661
|
-
custom: (
|
|
2662
|
+
custom: (R) => A ? lo(R, A) : st(R)
|
|
2662
2663
|
});
|
|
2663
2664
|
}, Ht = {
|
|
2664
|
-
[
|
|
2665
|
-
main:
|
|
2666
|
-
mainActionContent:
|
|
2665
|
+
[T.ConnectAccounts]: {
|
|
2666
|
+
main: X ? /* @__PURE__ */ e(Bt, { shouldShowBalance: !1 }) : null,
|
|
2667
|
+
mainActionContent: X ? s.onboarding_next : s.onboarding_add_accounts,
|
|
2667
2668
|
primaryText: s.connect_your_accounts,
|
|
2668
2669
|
secondaryText: s.onboarding_connect_your_accounts_secondary
|
|
2669
2670
|
},
|
|
2670
|
-
[
|
|
2671
|
+
[T.MonthlyIncome]: {
|
|
2671
2672
|
detail: /* @__PURE__ */ e(
|
|
2672
|
-
|
|
2673
|
+
Rr,
|
|
2673
2674
|
{
|
|
2674
|
-
firstDay:
|
|
2675
|
-
frequency:
|
|
2676
|
-
incomeTransactions:
|
|
2677
|
-
secondDay:
|
|
2678
|
-
setCurrentStep: (
|
|
2679
|
-
|
|
2680
|
-
if (
|
|
2681
|
-
const
|
|
2682
|
-
return
|
|
2675
|
+
firstDay: b,
|
|
2676
|
+
frequency: F,
|
|
2677
|
+
incomeTransactions: W,
|
|
2678
|
+
secondDay: H,
|
|
2679
|
+
setCurrentStep: (A) => {
|
|
2680
|
+
g(A), O((R) => {
|
|
2681
|
+
if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
|
|
2682
|
+
const Ae = u.find((ie) => ie.guid === N);
|
|
2683
|
+
return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
|
|
2683
2684
|
});
|
|
2684
2685
|
},
|
|
2685
|
-
setFirstDay:
|
|
2686
|
+
setFirstDay: P,
|
|
2686
2687
|
setFrequency: U,
|
|
2687
2688
|
setSecondDay: we,
|
|
2688
2689
|
transaction: _e
|
|
@@ -2690,11 +2691,11 @@ const No = ({ total: t }) => {
|
|
|
2690
2691
|
),
|
|
2691
2692
|
detailActionContent: s.onboarding_confirm_income,
|
|
2692
2693
|
main: /* @__PURE__ */ e(
|
|
2693
|
-
|
|
2694
|
+
co,
|
|
2694
2695
|
{
|
|
2695
2696
|
onSearch: Et,
|
|
2696
|
-
onSelected: (
|
|
2697
|
-
|
|
2697
|
+
onSelected: (A) => {
|
|
2698
|
+
g({ step: T.MonthlyIncome, type: "detail" }), ae(A);
|
|
2698
2699
|
}
|
|
2699
2700
|
}
|
|
2700
2701
|
),
|
|
@@ -2702,133 +2703,133 @@ const No = ({ total: t }) => {
|
|
|
2702
2703
|
primaryText: s.onboarding_add_income_primary,
|
|
2703
2704
|
secondaryText: s.onboarding_add_income_secondary
|
|
2704
2705
|
},
|
|
2705
|
-
[
|
|
2706
|
-
main: /* @__PURE__ */ e(
|
|
2706
|
+
[T.Birthday]: {
|
|
2707
|
+
main: /* @__PURE__ */ e(Pr, { selectedDate: j, setSelectedDate: ve }),
|
|
2707
2708
|
mainActionContent: s.onboarding_next,
|
|
2708
2709
|
primaryText: s.onboarding_birthday_primary,
|
|
2709
2710
|
secondaryText: s.onboarding_birthday_secondary
|
|
2710
2711
|
},
|
|
2711
|
-
[
|
|
2712
|
-
main: /* @__PURE__ */ e(
|
|
2712
|
+
[T.CreditScore]: {
|
|
2713
|
+
main: /* @__PURE__ */ e(Wr, { creditScore: S, setCreditScore: D }),
|
|
2713
2714
|
mainActionContent: s.onboarding_next,
|
|
2714
2715
|
primaryText: s.onboarding_credit_score_primary,
|
|
2715
2716
|
secondaryText: s.onboarding_credit_score_secondary
|
|
2716
2717
|
}
|
|
2717
|
-
},
|
|
2718
|
-
|
|
2719
|
-
},
|
|
2720
|
-
pe(!0), await
|
|
2718
|
+
}, Qe = () => {
|
|
2719
|
+
g(ct), pe(!1), ae(""), o();
|
|
2720
|
+
}, Ze = async () => {
|
|
2721
|
+
pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
|
|
2721
2722
|
}, Nt = () => {
|
|
2722
|
-
if (
|
|
2723
|
-
|
|
2723
|
+
if (C.step === T.CreditScore) {
|
|
2724
|
+
Ze();
|
|
2724
2725
|
return;
|
|
2725
2726
|
}
|
|
2726
|
-
|
|
2727
|
-
},
|
|
2728
|
-
const { step:
|
|
2729
|
-
switch (
|
|
2730
|
-
case
|
|
2731
|
-
|
|
2727
|
+
g({ step: C.step + 1, type: "main" });
|
|
2728
|
+
}, jt = () => {
|
|
2729
|
+
const { step: A } = C, R = A + 1;
|
|
2730
|
+
switch (A) {
|
|
2731
|
+
case T.Birthday:
|
|
2732
|
+
j && j !== h.birthday && f({ ...h, birthday: j });
|
|
2732
2733
|
break;
|
|
2733
|
-
case
|
|
2734
|
-
S && S !== h.credit_score && f({ ...h, credit_score: S }),
|
|
2734
|
+
case T.CreditScore:
|
|
2735
|
+
S && S !== h.credit_score && f({ ...h, credit_score: S }), Ze();
|
|
2735
2736
|
return;
|
|
2736
|
-
case
|
|
2737
|
-
|
|
2737
|
+
case T.MonthlyIncome:
|
|
2738
|
+
N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
|
|
2738
2739
|
...me,
|
|
2739
|
-
{ ..._e, firstDay:
|
|
2740
|
+
{ ..._e, firstDay: b, frequency: F, secondDay: H }
|
|
2740
2741
|
]);
|
|
2741
2742
|
break;
|
|
2742
|
-
case
|
|
2743
|
-
if (!
|
|
2744
|
-
|
|
2743
|
+
case T.ConnectAccounts:
|
|
2744
|
+
if (!X) {
|
|
2745
|
+
te(!0);
|
|
2745
2746
|
return;
|
|
2746
2747
|
}
|
|
2747
2748
|
break;
|
|
2748
2749
|
}
|
|
2749
|
-
|
|
2750
|
-
},
|
|
2751
|
-
const { step:
|
|
2752
|
-
if (
|
|
2753
|
-
|
|
2750
|
+
R in T && g({ step: R, type: "main" });
|
|
2751
|
+
}, Kt = () => {
|
|
2752
|
+
const { step: A, type: R } = C;
|
|
2753
|
+
if (R === "detail") {
|
|
2754
|
+
g({ step: A, type: "main" });
|
|
2754
2755
|
return;
|
|
2755
2756
|
}
|
|
2756
|
-
if (
|
|
2757
|
-
|
|
2757
|
+
if (A === T.Birthday && W.length) {
|
|
2758
|
+
g({ step: A - 1, type: "detail" });
|
|
2758
2759
|
return;
|
|
2759
2760
|
}
|
|
2760
|
-
|
|
2761
|
-
},
|
|
2762
|
-
for (const
|
|
2761
|
+
A > T.ConnectAccounts && g({ step: A - 1, type: "main" });
|
|
2762
|
+
}, Vt = async (A) => {
|
|
2763
|
+
for (const R of A) {
|
|
2763
2764
|
const {
|
|
2764
2765
|
account_guid: me,
|
|
2765
|
-
amount:
|
|
2766
|
+
amount: Ae,
|
|
2766
2767
|
date: ie,
|
|
2767
2768
|
description: qt,
|
|
2768
2769
|
feed_description: Ut,
|
|
2769
2770
|
firstDay: Qt,
|
|
2770
|
-
frequency:
|
|
2771
|
+
frequency: Je,
|
|
2771
2772
|
secondDay: Zt,
|
|
2772
2773
|
merchant_guid: Jt,
|
|
2773
2774
|
payee: en,
|
|
2774
2775
|
transaction_type: tn
|
|
2775
|
-
} =
|
|
2776
|
+
} = R, nn = Nn(Je, ao(ie)), on = {
|
|
2776
2777
|
account_guid: me,
|
|
2777
|
-
amount:
|
|
2778
|
+
amount: Ae,
|
|
2778
2779
|
created_by: 0,
|
|
2779
2780
|
description: en || qt || Ut,
|
|
2780
2781
|
merchant_guid: Jt,
|
|
2781
|
-
predicted_occurs_on:
|
|
2782
|
+
predicted_occurs_on: ro(nn, { representation: "date" }),
|
|
2782
2783
|
recurrence_day: Qt,
|
|
2783
|
-
recurrence_type:
|
|
2784
|
+
recurrence_type: Je,
|
|
2784
2785
|
repeating_transaction_type: Dt.Income,
|
|
2785
2786
|
second_recurrence_day: Zt,
|
|
2786
2787
|
transaction_type: tn,
|
|
2787
2788
|
user_guid: h.guid
|
|
2788
2789
|
};
|
|
2789
|
-
await c(on,
|
|
2790
|
+
await c(on, R);
|
|
2790
2791
|
}
|
|
2791
|
-
},
|
|
2792
|
+
}, ue = Ht[C.step], Ie = C.step === T.ConnectAccounts, Yt = {
|
|
2792
2793
|
fullWidth: !0,
|
|
2793
|
-
...Ie && !
|
|
2794
|
-
}, Xt = !Ie || Ie && !
|
|
2794
|
+
...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
|
|
2795
|
+
}, Xt = !Ie || Ie && !X;
|
|
2795
2796
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2796
2797
|
/* @__PURE__ */ e(
|
|
2797
|
-
|
|
2798
|
+
oe,
|
|
2798
2799
|
{
|
|
2799
2800
|
footerStyles: { px: 24, py: 16 },
|
|
2800
2801
|
hasSecondaryAction: !Ie,
|
|
2801
2802
|
isOpen: t,
|
|
2802
|
-
isPrimaryDisabled: !
|
|
2803
|
-
onClose:
|
|
2804
|
-
onSecondaryAction:
|
|
2805
|
-
primaryButtonProps:
|
|
2806
|
-
primaryText:
|
|
2803
|
+
isPrimaryDisabled: !he,
|
|
2804
|
+
onClose: Qe,
|
|
2805
|
+
onSecondaryAction: Kt,
|
|
2806
|
+
primaryButtonProps: Yt,
|
|
2807
|
+
primaryText: ue?.mainActionContent,
|
|
2807
2808
|
secondaryColor: "primary",
|
|
2808
2809
|
secondaryText: s.onboarding_back,
|
|
2809
2810
|
title: s.title,
|
|
2810
|
-
...!
|
|
2811
|
+
...!E && { onPrimaryAction: jt },
|
|
2811
2812
|
children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2812
|
-
|
|
2813
|
-
/* @__PURE__ */ e("img", { alt: "", src:
|
|
2814
|
-
/* @__PURE__ */ e(
|
|
2813
|
+
E && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2814
|
+
/* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
|
|
2815
|
+
/* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
|
|
2815
2816
|
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
|
|
2816
2817
|
] }),
|
|
2817
|
-
|
|
2818
|
+
ue && !E && /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2818
2819
|
/* @__PURE__ */ e(
|
|
2819
|
-
|
|
2820
|
+
$r,
|
|
2820
2821
|
{
|
|
2821
2822
|
completeCopy: s.complete,
|
|
2822
|
-
primaryText:
|
|
2823
|
-
secondaryText:
|
|
2824
|
-
value:
|
|
2823
|
+
primaryText: ue.primaryText,
|
|
2824
|
+
secondaryText: ue.secondaryText,
|
|
2825
|
+
value: Gt
|
|
2825
2826
|
}
|
|
2826
2827
|
),
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(
|
|
2828
|
+
C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
|
|
2829
|
+
ue.main,
|
|
2830
|
+
Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
|
|
2830
2831
|
] }),
|
|
2831
|
-
|
|
2832
|
+
C.type === "detail" && ue.detail
|
|
2832
2833
|
] })
|
|
2833
2834
|
] })
|
|
2834
2835
|
}
|
|
@@ -2836,13 +2837,13 @@ const No = ({ total: t }) => {
|
|
|
2836
2837
|
/* @__PURE__ */ e(
|
|
2837
2838
|
re,
|
|
2838
2839
|
{
|
|
2839
|
-
onClose: () =>
|
|
2840
|
+
onClose: () => te(!1),
|
|
2840
2841
|
showConnectWidget: Ce,
|
|
2841
2842
|
title: s.connect_more_accounts_button
|
|
2842
2843
|
}
|
|
2843
2844
|
)
|
|
2844
2845
|
] });
|
|
2845
|
-
},
|
|
2846
|
+
}, Gr = v(zr), Er = () => {
|
|
2846
2847
|
const { finstrong: t } = x(), [o, n] = m.useState(!1);
|
|
2847
2848
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2848
2849
|
/* @__PURE__ */ a(
|
|
@@ -2857,24 +2858,24 @@ const No = ({ total: t }) => {
|
|
|
2857
2858
|
},
|
|
2858
2859
|
children: [
|
|
2859
2860
|
/* @__PURE__ */ a(p, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
2860
|
-
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(
|
|
2861
|
+
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(hn, { size: 72 }) }),
|
|
2861
2862
|
/* @__PURE__ */ a(p, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
2862
|
-
/* @__PURE__ */ e(
|
|
2863
|
+
/* @__PURE__ */ e(Le, { children: t.onboarding_title }),
|
|
2863
2864
|
/* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
|
|
2864
2865
|
] })
|
|
2865
2866
|
] }),
|
|
2866
|
-
/* @__PURE__ */ e(
|
|
2867
|
+
/* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
|
|
2867
2868
|
]
|
|
2868
2869
|
}
|
|
2869
2870
|
),
|
|
2870
|
-
/* @__PURE__ */ e(
|
|
2871
|
+
/* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
|
|
2871
2872
|
] });
|
|
2872
|
-
},
|
|
2873
|
-
const { finstrong: n } = x(), r =
|
|
2873
|
+
}, Hr = ({ isOpen: t, onClose: o }) => {
|
|
2874
|
+
const { finstrong: n } = x(), r = G(), { updateUser: s, user: i } = J(), [c, l] = m.useState(i.birthday), _ = (u) => {
|
|
2874
2875
|
l(Math.floor(new Date(u).getTime() / 1e3));
|
|
2875
2876
|
};
|
|
2876
2877
|
return /* @__PURE__ */ e(
|
|
2877
|
-
|
|
2878
|
+
oe,
|
|
2878
2879
|
{
|
|
2879
2880
|
isOpen: t,
|
|
2880
2881
|
onClose: o,
|
|
@@ -2883,8 +2884,8 @@ const No = ({ total: t }) => {
|
|
|
2883
2884
|
},
|
|
2884
2885
|
onSecondaryAction: o,
|
|
2885
2886
|
title: n.date_of_birth,
|
|
2886
|
-
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(
|
|
2887
|
-
|
|
2887
|
+
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2888
|
+
ho,
|
|
2888
2889
|
{
|
|
2889
2890
|
disableFuture: !0,
|
|
2890
2891
|
onChange: _,
|
|
@@ -2918,20 +2919,20 @@ const No = ({ total: t }) => {
|
|
|
2918
2919
|
) }) })
|
|
2919
2920
|
}
|
|
2920
2921
|
);
|
|
2921
|
-
},
|
|
2922
|
+
}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
|
|
2922
2923
|
const { visibleFinstrongAccounts: n } = xe(), {
|
|
2923
2924
|
accounts: r,
|
|
2924
2925
|
common: s,
|
|
2925
2926
|
finstrong: i
|
|
2926
|
-
} = x(), { repeatingTransactions: c } =
|
|
2927
|
-
const { repeating_transaction_type: S, transactions: D, recurrence_type:
|
|
2928
|
-
return S === Dt.Income && (D.length > 0 ||
|
|
2927
|
+
} = x(), { repeatingTransactions: c } = Ve(), { user: l } = J(), _ = c.reduce((f, w) => {
|
|
2928
|
+
const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
|
|
2929
|
+
return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
|
|
2929
2930
|
}, 0), [d, u] = m.useState(null), y = [
|
|
2930
2931
|
{
|
|
2931
2932
|
dynamicCopy: i.add_profile_item,
|
|
2932
2933
|
fallbackLabel: i.monthly_income,
|
|
2933
|
-
icon: /* @__PURE__ */ e(
|
|
2934
|
-
key:
|
|
2934
|
+
icon: /* @__PURE__ */ e(un, {}),
|
|
2935
|
+
key: ne.MonthlyIncome,
|
|
2935
2936
|
label: i.monthly_income,
|
|
2936
2937
|
value: _
|
|
2937
2938
|
},
|
|
@@ -2939,48 +2940,48 @@ const No = ({ total: t }) => {
|
|
|
2939
2940
|
dynamicCopy: i.add_profile_item,
|
|
2940
2941
|
fallbackLabel: i.date_of_birth,
|
|
2941
2942
|
icon: /* @__PURE__ */ e(mn, {}),
|
|
2942
|
-
key:
|
|
2943
|
+
key: ne.DateOfBirth,
|
|
2943
2944
|
label: i.date_of_birth,
|
|
2944
2945
|
value: l.birthday
|
|
2945
2946
|
},
|
|
2946
2947
|
{
|
|
2947
2948
|
dynamicCopy: i.add_profile_item,
|
|
2948
2949
|
fallbackLabel: i.credit_score,
|
|
2949
|
-
icon: /* @__PURE__ */ e(
|
|
2950
|
-
key:
|
|
2950
|
+
icon: /* @__PURE__ */ e(He, {}),
|
|
2951
|
+
key: ne.CreditScore,
|
|
2951
2952
|
label: i.credit_score,
|
|
2952
2953
|
value: l.credit_score
|
|
2953
2954
|
},
|
|
2954
2955
|
{
|
|
2955
2956
|
fallbackLabel: i.connect_your_accounts,
|
|
2956
|
-
icon: /* @__PURE__ */ e(
|
|
2957
|
-
key:
|
|
2957
|
+
icon: /* @__PURE__ */ e(pt, {}),
|
|
2958
|
+
key: ne.Connections,
|
|
2958
2959
|
label: i.connections,
|
|
2959
|
-
value: n.length > 0 ?
|
|
2960
|
+
value: n.length > 0 ? K(
|
|
2960
2961
|
i.connected_account,
|
|
2961
2962
|
String(n.length),
|
|
2962
2963
|
n.length > 1 ? i.accounts : i.account
|
|
2963
2964
|
) : void 0
|
|
2964
2965
|
}
|
|
2965
|
-
].map((f) =>
|
|
2966
|
-
return /* @__PURE__ */ a(
|
|
2966
|
+
].map((f) => Tn(f));
|
|
2967
|
+
return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
|
|
2967
2968
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2968
2969
|
/* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
2969
2970
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2970
|
-
/* @__PURE__ */ e(
|
|
2971
|
+
/* @__PURE__ */ e(V, { children: i.your_financial_profile }),
|
|
2971
2972
|
/* @__PURE__ */ e(M, { children: i.financial_profile_description })
|
|
2972
2973
|
] }),
|
|
2973
2974
|
/* @__PURE__ */ e(
|
|
2974
|
-
|
|
2975
|
+
zt,
|
|
2975
2976
|
{
|
|
2976
2977
|
completeCopy: i.complete,
|
|
2977
|
-
value: y.reduce((f,
|
|
2978
|
+
value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
|
|
2978
2979
|
}
|
|
2979
2980
|
)
|
|
2980
2981
|
] }),
|
|
2981
|
-
/* @__PURE__ */ e(
|
|
2982
|
+
/* @__PURE__ */ e(On, { list: y, onClickItem: u }),
|
|
2982
2983
|
/* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2983
|
-
|
|
2984
|
+
Pe,
|
|
2984
2985
|
{
|
|
2985
2986
|
description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
|
|
2986
2987
|
drawerType: "connectDrawer",
|
|
@@ -2991,35 +2992,35 @@ const No = ({ total: t }) => {
|
|
|
2991
2992
|
) })
|
|
2992
2993
|
] }),
|
|
2993
2994
|
/* @__PURE__ */ e(
|
|
2994
|
-
|
|
2995
|
+
oe,
|
|
2995
2996
|
{
|
|
2996
|
-
isOpen: d ===
|
|
2997
|
+
isOpen: d === ne.MonthlyIncome,
|
|
2997
2998
|
onClose: () => u(null),
|
|
2998
2999
|
title: s.settings,
|
|
2999
|
-
children: /* @__PURE__ */ e(
|
|
3000
|
+
children: /* @__PURE__ */ e(uo, {})
|
|
3000
3001
|
}
|
|
3001
3002
|
),
|
|
3002
|
-
/* @__PURE__ */ e(
|
|
3003
|
-
/* @__PURE__ */ e(
|
|
3003
|
+
/* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
|
|
3004
|
+
/* @__PURE__ */ e(Lt, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
|
|
3004
3005
|
/* @__PURE__ */ e(
|
|
3005
3006
|
St,
|
|
3006
3007
|
{
|
|
3007
3008
|
onClose: () => u(null),
|
|
3008
|
-
showConnectionsWidget: d ===
|
|
3009
|
+
showConnectionsWidget: d === ne.Connections,
|
|
3009
3010
|
title: r.manage_connections
|
|
3010
3011
|
}
|
|
3011
3012
|
)
|
|
3012
3013
|
] });
|
|
3013
|
-
},
|
|
3014
|
+
}, Kr = v(jr), lt = ({
|
|
3014
3015
|
content: t,
|
|
3015
3016
|
islast: o = !1
|
|
3016
|
-
}) => /* @__PURE__ */ a(
|
|
3017
|
-
/* @__PURE__ */ a(
|
|
3018
|
-
/* @__PURE__ */ e(
|
|
3019
|
-
!o && /* @__PURE__ */ e(
|
|
3017
|
+
}) => /* @__PURE__ */ a(bo, { sx: { minHeight: 0 }, children: [
|
|
3018
|
+
/* @__PURE__ */ a(vo, { children: [
|
|
3019
|
+
/* @__PURE__ */ e(Co, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
|
|
3020
|
+
!o && /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", width: 0.1 } })
|
|
3020
3021
|
] }),
|
|
3021
|
-
/* @__PURE__ */ e(
|
|
3022
|
-
] }),
|
|
3022
|
+
/* @__PURE__ */ e(So, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3023
|
+
] }), Vr = ({ report: t }) => {
|
|
3023
3024
|
const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
|
|
3024
3025
|
health_score_point_difference: r,
|
|
3025
3026
|
newer_credit_score: s,
|
|
@@ -3029,10 +3030,10 @@ const No = ({ total: t }) => {
|
|
|
3029
3030
|
older_health_score: _,
|
|
3030
3031
|
newer_health_score: d,
|
|
3031
3032
|
newer_score_calculated_at: u
|
|
3032
|
-
} = t, h =
|
|
3033
|
+
} = t, h = go(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? K(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
|
|
3033
3034
|
if (r === 0) return null;
|
|
3034
|
-
const S = r > 0 ? n.up_from : n.down_from, D =
|
|
3035
|
-
return /* @__PURE__ */ a(
|
|
3035
|
+
const S = r > 0 ? n.up_from : n.down_from, D = K(S, _, d);
|
|
3036
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
3036
3037
|
/* @__PURE__ */ e(
|
|
3037
3038
|
bn,
|
|
3038
3039
|
{
|
|
@@ -3044,7 +3045,7 @@ const No = ({ total: t }) => {
|
|
|
3044
3045
|
D
|
|
3045
3046
|
] });
|
|
3046
3047
|
};
|
|
3047
|
-
return /* @__PURE__ */ a(
|
|
3048
|
+
return /* @__PURE__ */ a(Y, { children: [
|
|
3048
3049
|
/* @__PURE__ */ e(
|
|
3049
3050
|
k,
|
|
3050
3051
|
{
|
|
@@ -3079,7 +3080,7 @@ const No = ({ total: t }) => {
|
|
|
3079
3080
|
/* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
|
|
3080
3081
|
h,
|
|
3081
3082
|
" ",
|
|
3082
|
-
|
|
3083
|
+
w()
|
|
3083
3084
|
] })
|
|
3084
3085
|
] })
|
|
3085
3086
|
]
|
|
@@ -3088,10 +3089,10 @@ const No = ({ total: t }) => {
|
|
|
3088
3089
|
}
|
|
3089
3090
|
),
|
|
3090
3091
|
r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
|
|
3091
|
-
|
|
3092
|
+
yo,
|
|
3092
3093
|
{
|
|
3093
3094
|
sx: {
|
|
3094
|
-
[`& .${
|
|
3095
|
+
[`& .${fo.root}:before`]: {
|
|
3095
3096
|
flex: 0,
|
|
3096
3097
|
padding: 0
|
|
3097
3098
|
},
|
|
@@ -3100,19 +3101,19 @@ const No = ({ total: t }) => {
|
|
|
3100
3101
|
},
|
|
3101
3102
|
children: [
|
|
3102
3103
|
/* @__PURE__ */ e(
|
|
3103
|
-
|
|
3104
|
+
lt,
|
|
3104
3105
|
{
|
|
3105
|
-
content:
|
|
3106
|
+
content: K(
|
|
3106
3107
|
n.spend_to_income_description,
|
|
3107
|
-
|
|
3108
|
-
|
|
3108
|
+
Oe(c),
|
|
3109
|
+
Oe(l)
|
|
3109
3110
|
)
|
|
3110
3111
|
}
|
|
3111
3112
|
),
|
|
3112
3113
|
/* @__PURE__ */ e(
|
|
3113
|
-
|
|
3114
|
+
lt,
|
|
3114
3115
|
{
|
|
3115
|
-
content:
|
|
3116
|
+
content: K(
|
|
3116
3117
|
n.credit_score_description,
|
|
3117
3118
|
i,
|
|
3118
3119
|
s
|
|
@@ -3124,15 +3125,15 @@ const No = ({ total: t }) => {
|
|
|
3124
3125
|
}
|
|
3125
3126
|
) })
|
|
3126
3127
|
] });
|
|
3127
|
-
},
|
|
3128
|
-
const n =
|
|
3129
|
-
if (!s || !i) return /* @__PURE__ */ e(
|
|
3130
|
-
const u =
|
|
3128
|
+
}, Yr = v(Vr), Xr = ({ isOpen: t, onClose: o }) => {
|
|
3129
|
+
const n = G(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = L();
|
|
3130
|
+
if (!s || !i) return /* @__PURE__ */ e(ee, {});
|
|
3131
|
+
const u = Ne(l.health_score || 0, r), h = _.slice().reverse();
|
|
3131
3132
|
return /* @__PURE__ */ e(
|
|
3132
|
-
|
|
3133
|
+
Pt,
|
|
3133
3134
|
{
|
|
3134
3135
|
additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
|
|
3135
|
-
|
|
3136
|
+
Ye,
|
|
3136
3137
|
{
|
|
3137
3138
|
axisColor: n.palette.divider,
|
|
3138
3139
|
baseline: "min",
|
|
@@ -3182,11 +3183,11 @@ const No = ({ total: t }) => {
|
|
|
3182
3183
|
] })
|
|
3183
3184
|
}
|
|
3184
3185
|
),
|
|
3185
|
-
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(
|
|
3186
|
+
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(Yr, { report: y }, f)) })
|
|
3186
3187
|
}
|
|
3187
3188
|
);
|
|
3188
|
-
},
|
|
3189
|
-
const o =
|
|
3189
|
+
}, qr = v(Xr), Ur = ({ copy: t }) => {
|
|
3190
|
+
const o = G(), n = [
|
|
3190
3191
|
o.palette.chartMono.chartMono5,
|
|
3191
3192
|
o.palette.chartMono.chartMono4,
|
|
3192
3193
|
o.palette.chartMono.chartMono3,
|
|
@@ -3245,20 +3246,20 @@ const No = ({ total: t }) => {
|
|
|
3245
3246
|
)) })
|
|
3246
3247
|
] })
|
|
3247
3248
|
] });
|
|
3248
|
-
},
|
|
3249
|
-
const { finstrong: n } = x(), { isCopyLoaded: r } =
|
|
3250
|
-
return r ? /* @__PURE__ */ e(
|
|
3249
|
+
}, Qr = ({ isOpen: t, onClose: o }) => {
|
|
3250
|
+
const { finstrong: n } = x(), { isCopyLoaded: r } = q();
|
|
3251
|
+
return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
|
|
3251
3252
|
/* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
|
|
3252
3253
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
3253
|
-
/* @__PURE__ */ e(
|
|
3254
|
+
/* @__PURE__ */ e(V, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3254
3255
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3255
3256
|
] }),
|
|
3256
|
-
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
3257
|
+
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
|
|
3257
3258
|
] }),
|
|
3258
3259
|
/* @__PURE__ */ a(p, { sx: { gap: 12 }, children: [
|
|
3259
3260
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
|
|
3260
3261
|
/* @__PURE__ */ a(
|
|
3261
|
-
|
|
3262
|
+
Ee,
|
|
3262
3263
|
{
|
|
3263
3264
|
component: "ol",
|
|
3264
3265
|
sx: {
|
|
@@ -3298,7 +3299,7 @@ const No = ({ total: t }) => {
|
|
|
3298
3299
|
/* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
|
|
3299
3300
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
|
|
3300
3301
|
/* @__PURE__ */ a(
|
|
3301
|
-
|
|
3302
|
+
Ee,
|
|
3302
3303
|
{
|
|
3303
3304
|
component: "ol",
|
|
3304
3305
|
sx: {
|
|
@@ -3324,15 +3325,15 @@ const No = ({ total: t }) => {
|
|
|
3324
3325
|
}
|
|
3325
3326
|
)
|
|
3326
3327
|
] })
|
|
3327
|
-
] }) }) : /* @__PURE__ */ e(
|
|
3328
|
-
},
|
|
3329
|
-
const [t, o] = m.useState(!1), n =
|
|
3330
|
-
return !c || !l ? /* @__PURE__ */ e(
|
|
3328
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
3329
|
+
}, Zr = v(Qr), Jr = v(() => {
|
|
3330
|
+
const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
|
|
3331
|
+
return !c || !l ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ a(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
3331
3332
|
/* @__PURE__ */ e(
|
|
3332
|
-
|
|
3333
|
+
Do,
|
|
3333
3334
|
{
|
|
3334
3335
|
action: /* @__PURE__ */ e(
|
|
3335
|
-
|
|
3336
|
+
B,
|
|
3336
3337
|
{
|
|
3337
3338
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3338
3339
|
onClick: () => o(!0),
|
|
@@ -3346,7 +3347,7 @@ const No = ({ total: t }) => {
|
|
|
3346
3347
|
children: i.financial_strength_header_action
|
|
3347
3348
|
}
|
|
3348
3349
|
),
|
|
3349
|
-
subheader: /* @__PURE__ */ e(
|
|
3350
|
+
subheader: /* @__PURE__ */ e(V, { color: "text.primary", children: i.financial_strength_header }),
|
|
3350
3351
|
sx: {
|
|
3351
3352
|
p: 0,
|
|
3352
3353
|
"& .MuiCardHeader-content": {
|
|
@@ -3365,7 +3366,7 @@ const No = ({ total: t }) => {
|
|
|
3365
3366
|
}
|
|
3366
3367
|
) }),
|
|
3367
3368
|
_?.health_score ? /* @__PURE__ */ a(
|
|
3368
|
-
|
|
3369
|
+
wo,
|
|
3369
3370
|
{
|
|
3370
3371
|
sx: {
|
|
3371
3372
|
px: 16,
|
|
@@ -3380,7 +3381,7 @@ const No = ({ total: t }) => {
|
|
|
3380
3381
|
},
|
|
3381
3382
|
children: [
|
|
3382
3383
|
/* @__PURE__ */ e(
|
|
3383
|
-
|
|
3384
|
+
Mo,
|
|
3384
3385
|
{
|
|
3385
3386
|
expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
|
|
3386
3387
|
sx: {
|
|
@@ -3393,11 +3394,11 @@ const No = ({ total: t }) => {
|
|
|
3393
3394
|
children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
|
|
3394
3395
|
}
|
|
3395
3396
|
),
|
|
3396
|
-
/* @__PURE__ */ e(
|
|
3397
|
+
/* @__PURE__ */ e(ko, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
|
|
3397
3398
|
]
|
|
3398
3399
|
}
|
|
3399
3400
|
) : /* @__PURE__ */ e(
|
|
3400
|
-
|
|
3401
|
+
Pe,
|
|
3401
3402
|
{
|
|
3402
3403
|
buttonText: i.connect_more_accounts_title,
|
|
3403
3404
|
description: i.health_score_zero_description,
|
|
@@ -3418,53 +3419,53 @@ const No = ({ total: t }) => {
|
|
|
3418
3419
|
}
|
|
3419
3420
|
),
|
|
3420
3421
|
/* @__PURE__ */ e(
|
|
3421
|
-
|
|
3422
|
+
Zr,
|
|
3422
3423
|
{
|
|
3423
3424
|
isOpen: t,
|
|
3424
3425
|
onClose: () => o(!1)
|
|
3425
3426
|
}
|
|
3426
3427
|
)
|
|
3427
3428
|
] });
|
|
3428
|
-
}),
|
|
3429
|
-
const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } =
|
|
3429
|
+
}), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
|
|
3430
|
+
const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
|
|
3430
3431
|
augmentedChartData: u,
|
|
3431
3432
|
calculateHealthScore: h,
|
|
3432
3433
|
healthScore: y,
|
|
3433
3434
|
loadAugmentedChartData: f,
|
|
3434
|
-
loadMonthlySummaries:
|
|
3435
|
+
loadMonthlySummaries: w,
|
|
3435
3436
|
loadPeerScore: S,
|
|
3436
3437
|
peerScore: D
|
|
3437
|
-
} = d, { finstrong:
|
|
3438
|
+
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { onLoad: F } = Bn(), { loadRepeatingTransactions: U } = Ve(), { isMobile: W } = qe(), O = G(), { userProfile: E } = J(), [pe, Ce] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
|
|
3438
3439
|
if (m.useEffect(() => {
|
|
3439
3440
|
l(O);
|
|
3440
3441
|
}, []), m.useEffect(() => {
|
|
3441
3442
|
n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
|
|
3442
3443
|
}, [n, d]), m.useEffect(() => {
|
|
3443
|
-
|
|
3444
|
-
|
|
3444
|
+
P && (w().finally(), S().finally(), h().finally(), f().finally(() => {
|
|
3445
|
+
F?.("FinstrongWidget");
|
|
3445
3446
|
}));
|
|
3446
|
-
}, [
|
|
3447
|
-
|
|
3447
|
+
}, [P]), m.useEffect(() => {
|
|
3448
|
+
P && (_(r, s.start, s.end).finally(() => {
|
|
3448
3449
|
Ce(!0);
|
|
3449
3450
|
}), i || (c(), U().finally()));
|
|
3450
|
-
}, [s, i,
|
|
3451
|
-
const ae = () =>
|
|
3451
|
+
}, [s, i, P, r]), !b || !P || !pe) return /* @__PURE__ */ e(ee, {});
|
|
3452
|
+
const ae = () => j(!0), _e = Math.round(D?.average_health_score?.average_health_score || 0);
|
|
3452
3453
|
return /* @__PURE__ */ a(
|
|
3453
|
-
|
|
3454
|
+
Io,
|
|
3454
3455
|
{
|
|
3455
3456
|
actions: [
|
|
3456
3457
|
{
|
|
3457
3458
|
iconName: "person",
|
|
3458
|
-
label:
|
|
3459
|
+
label: C.profile,
|
|
3459
3460
|
onClick: ae
|
|
3460
3461
|
}
|
|
3461
3462
|
],
|
|
3462
3463
|
hasDivider: !0,
|
|
3463
3464
|
onBackClick: t,
|
|
3464
3465
|
sx: o,
|
|
3465
|
-
title:
|
|
3466
|
+
title: C.title,
|
|
3466
3467
|
children: [
|
|
3467
|
-
|
|
3468
|
+
E.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
|
|
3468
3469
|
p,
|
|
3469
3470
|
{
|
|
3470
3471
|
sx: {
|
|
@@ -3472,39 +3473,39 @@ const No = ({ total: t }) => {
|
|
|
3472
3473
|
flexDirection: { md: "row" },
|
|
3473
3474
|
gap: 24,
|
|
3474
3475
|
justifyContent: "center",
|
|
3475
|
-
pt:
|
|
3476
|
+
pt: W ? 24 : 16,
|
|
3476
3477
|
px: 24
|
|
3477
3478
|
},
|
|
3478
3479
|
children: [
|
|
3479
3480
|
/* @__PURE__ */ a(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
|
|
3480
|
-
/* @__PURE__ */ e(
|
|
3481
|
+
/* @__PURE__ */ e(Jr, {}),
|
|
3481
3482
|
/* @__PURE__ */ e(
|
|
3482
|
-
|
|
3483
|
+
Pe,
|
|
3483
3484
|
{
|
|
3484
|
-
description:
|
|
3485
|
+
description: C.connect_more_accounts_description,
|
|
3485
3486
|
drawerType: "connectDrawer",
|
|
3486
|
-
title:
|
|
3487
|
+
title: C.connect_more_accounts_title
|
|
3487
3488
|
}
|
|
3488
3489
|
)
|
|
3489
3490
|
] }),
|
|
3490
|
-
/* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(
|
|
3491
|
+
/* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(Y, { sx: { height: "100%", p: 16 }, children: [
|
|
3491
3492
|
/* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
3492
|
-
/* @__PURE__ */ e(
|
|
3493
|
+
/* @__PURE__ */ e(V, { children: C.key_indicators }),
|
|
3493
3494
|
/* @__PURE__ */ e(
|
|
3494
|
-
|
|
3495
|
+
B,
|
|
3495
3496
|
{
|
|
3496
3497
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3497
|
-
onClick: () =>
|
|
3498
|
+
onClick: () => H(!0),
|
|
3498
3499
|
sx: {
|
|
3499
3500
|
fontSize: 13
|
|
3500
3501
|
},
|
|
3501
3502
|
variant: "text",
|
|
3502
|
-
children:
|
|
3503
|
+
children: C.whats_changed
|
|
3503
3504
|
}
|
|
3504
3505
|
)
|
|
3505
3506
|
] }),
|
|
3506
3507
|
u.length ? /* @__PURE__ */ e(
|
|
3507
|
-
|
|
3508
|
+
Ye,
|
|
3508
3509
|
{
|
|
3509
3510
|
axisColor: O.palette.divider,
|
|
3510
3511
|
baseline: "min",
|
|
@@ -3519,7 +3520,7 @@ const No = ({ total: t }) => {
|
|
|
3519
3520
|
labelBackgroundColor: O.palette.border.dark,
|
|
3520
3521
|
labelFontColor: O.palette.common.white,
|
|
3521
3522
|
labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
|
|
3522
|
-
labels: [
|
|
3523
|
+
labels: [C.key_indicators_label],
|
|
3523
3524
|
margin: { right: 0, left: 25 },
|
|
3524
3525
|
peerAverage: _e,
|
|
3525
3526
|
showArea: !0,
|
|
@@ -3527,41 +3528,41 @@ const No = ({ total: t }) => {
|
|
|
3527
3528
|
showLegend: !0,
|
|
3528
3529
|
showMarkLabel: !0,
|
|
3529
3530
|
showXAxis: !0,
|
|
3530
|
-
title:
|
|
3531
|
+
title: C.peer_average,
|
|
3531
3532
|
useCustomMark: !0,
|
|
3532
3533
|
xAxisScaleType: "band"
|
|
3533
3534
|
}
|
|
3534
|
-
) : /* @__PURE__ */ e(
|
|
3535
|
-
y.health_score !== null && /* @__PURE__ */ e(
|
|
3535
|
+
) : /* @__PURE__ */ e(Or, { onClick: () => N(!0) }),
|
|
3536
|
+
y.health_score !== null && /* @__PURE__ */ e(Ar, {})
|
|
3536
3537
|
] }) })
|
|
3537
3538
|
]
|
|
3538
3539
|
}
|
|
3539
|
-
) : /* @__PURE__ */ e(
|
|
3540
|
-
/* @__PURE__ */ e(
|
|
3540
|
+
) : /* @__PURE__ */ e(Er, {}),
|
|
3541
|
+
/* @__PURE__ */ e(Kr, { isOpen: te, onClose: () => j(!1) }),
|
|
3541
3542
|
/* @__PURE__ */ e(
|
|
3542
3543
|
re,
|
|
3543
3544
|
{
|
|
3544
|
-
onClose: () =>
|
|
3545
|
+
onClose: () => N(!1),
|
|
3545
3546
|
showConnectWidget: we,
|
|
3546
|
-
title:
|
|
3547
|
+
title: g.mini_title
|
|
3547
3548
|
}
|
|
3548
3549
|
),
|
|
3549
3550
|
/* @__PURE__ */ e(
|
|
3550
|
-
|
|
3551
|
+
qr,
|
|
3551
3552
|
{
|
|
3552
3553
|
isOpen: ve,
|
|
3553
|
-
onClose: () =>
|
|
3554
|
+
onClose: () => H(!1)
|
|
3554
3555
|
}
|
|
3555
3556
|
)
|
|
3556
3557
|
]
|
|
3557
3558
|
}
|
|
3558
3559
|
);
|
|
3559
|
-
},
|
|
3560
|
+
}, yi = v(ea);
|
|
3560
3561
|
export {
|
|
3561
|
-
|
|
3562
|
+
To as CreditScoreGraph,
|
|
3562
3563
|
Ft as DialScoreCard,
|
|
3563
3564
|
Rt as FinancialStrengthGraph,
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3565
|
+
xi as FinstrongApi,
|
|
3566
|
+
Si as FinstrongStore,
|
|
3567
|
+
yi as FinstrongWidget
|
|
3567
3568
|
};
|