@mx-cartographer/experiences 7.4.3 → 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 +4 -0
- package/dist/{FinstrongStore-BnBCtVTl.mjs → FinstrongStore-BIrX0Xg2.mjs} +125 -115
- package/dist/common/index.es.js +1 -1
- package/dist/finstrong/constants/index.d.ts +0 -11
- package/dist/finstrong/index.es.js +601 -604
- package/dist/finstrong/stores/FinstrongStore.d.ts +4 -0
- 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 V, Text as I, InstitutionLogo 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
15
|
import B from "@mui/material/Button";
|
|
16
16
|
import Y from "@mui/material/Card";
|
|
17
|
-
import { L as
|
|
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
32
|
import { g as kt } from "../AccountFields-Cd_nOWmf.mjs";
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
33
|
+
import Ee from "@mui/material/List";
|
|
34
|
+
import En from "@mui/material/ListItemButton";
|
|
35
|
+
import Hn from "@mui/material/ListSubheader";
|
|
36
36
|
import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
37
|
-
import { b as
|
|
38
|
-
import { S as
|
|
39
|
-
import { S as
|
|
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,
|
|
@@ -81,11 +81,11 @@ const Oo = ({
|
|
|
81
81
|
arcRadius: l,
|
|
82
82
|
innerArcRadius: _,
|
|
83
83
|
outterArcRadius: d,
|
|
84
|
-
progressEndAngle:
|
|
85
|
-
unitsPerSegment:
|
|
84
|
+
progressEndAngle: u,
|
|
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 },
|
|
@@ -99,10 +99,10 @@ const Oo = ({
|
|
|
99
99
|
S,
|
|
100
100
|
D,
|
|
101
101
|
o,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
), b =
|
|
105
|
-
return /* @__PURE__ */ a(
|
|
102
|
+
h,
|
|
103
|
+
u
|
|
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
|
{
|
|
@@ -110,7 +110,7 @@ const Oo = ({
|
|
|
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
|
{
|
|
@@ -136,11 +136,11 @@ const Oo = ({
|
|
|
136
136
|
markerColor: l,
|
|
137
137
|
healthScoreStatus: _,
|
|
138
138
|
footerCenterContent: d,
|
|
139
|
-
footerLeftContent:
|
|
140
|
-
footerRightContent:
|
|
139
|
+
footerLeftContent: u,
|
|
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,7 +150,7 @@ const Oo = ({
|
|
|
150
150
|
bottom: 0,
|
|
151
151
|
left: 0,
|
|
152
152
|
...c
|
|
153
|
-
}, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4,
|
|
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
|
{
|
|
@@ -172,9 +172,9 @@ const Oo = ({
|
|
|
172
172
|
data: r,
|
|
173
173
|
innerRadius: U,
|
|
174
174
|
outerRadius: F,
|
|
175
|
-
startAngle: Math.round(
|
|
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,15 +183,15 @@ 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
191
|
arcStartAngle: w,
|
|
192
192
|
centerX: O,
|
|
193
193
|
centerY: E,
|
|
194
|
-
dataIndex:
|
|
194
|
+
dataIndex: X.dataIndex,
|
|
195
195
|
dialScoreData: r,
|
|
196
196
|
innerArcRadius: U,
|
|
197
197
|
isFinacialStrengthGraph: y,
|
|
@@ -213,20 +213,20 @@ const Oo = ({
|
|
|
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: E +
|
|
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: E +
|
|
228
|
+
cx: O + te,
|
|
229
|
+
cy: E + j,
|
|
230
230
|
fill: f.palette.common.white,
|
|
231
231
|
r: H[n].markerSize,
|
|
232
232
|
stroke: y ? "url(#arcGradient)" : l,
|
|
@@ -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
|
{
|
|
@@ -305,7 +305,7 @@ const Oo = ({
|
|
|
305
305
|
) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: d })
|
|
306
306
|
}
|
|
307
307
|
),
|
|
308
|
-
|
|
308
|
+
u !== void 0 && /* @__PURE__ */ e(
|
|
309
309
|
k,
|
|
310
310
|
{
|
|
311
311
|
sx: {
|
|
@@ -316,10 +316,10 @@ const Oo = ({
|
|
|
316
316
|
transform: "translate(-50%, -50%)",
|
|
317
317
|
textAlign: "left"
|
|
318
318
|
},
|
|
319
|
-
children: /* @__PURE__ */ e(M, { variant: "body1", children:
|
|
319
|
+
children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
|
|
320
320
|
}
|
|
321
321
|
),
|
|
322
|
-
|
|
322
|
+
h !== void 0 && /* @__PURE__ */ e(
|
|
323
323
|
k,
|
|
324
324
|
{
|
|
325
325
|
sx: {
|
|
@@ -329,7 +329,7 @@ const Oo = ({
|
|
|
329
329
|
transform: "translate(-50%, -50%)",
|
|
330
330
|
textAlign: "right"
|
|
331
331
|
},
|
|
332
|
-
children: /* @__PURE__ */ e(M, { variant: "body1", children:
|
|
332
|
+
children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
|
|
333
333
|
}
|
|
334
334
|
)
|
|
335
335
|
]
|
|
@@ -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:
|
|
407
|
-
if (!
|
|
408
|
-
const { status:
|
|
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
|
|
@@ -419,7 +419,7 @@ const Oo = ({
|
|
|
419
419
|
footerLeftContent: s,
|
|
420
420
|
footerRightContent: r,
|
|
421
421
|
healthScore: n,
|
|
422
|
-
healthScoreStatus:
|
|
422
|
+
healthScoreStatus: h,
|
|
423
423
|
markerColor: y,
|
|
424
424
|
maxValue: r,
|
|
425
425
|
minValue: s,
|
|
@@ -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,7 +437,7 @@ const Oo = ({
|
|
|
437
437
|
description: c,
|
|
438
438
|
sx: l
|
|
439
439
|
}) => {
|
|
440
|
-
const [_, d] = m.useState(!1), { connect:
|
|
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
|
{
|
|
@@ -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(V, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s ||
|
|
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
|
),
|
|
@@ -468,7 +468,7 @@ const Oo = ({
|
|
|
468
468
|
className: "connect-more-accounts-description",
|
|
469
469
|
sx: { color: "text.secondary", mt: 8 },
|
|
470
470
|
variant: "subtitle1",
|
|
471
|
-
children: c ||
|
|
471
|
+
children: c || h.connect_more_accounts_description
|
|
472
472
|
}
|
|
473
473
|
),
|
|
474
474
|
/* @__PURE__ */ e(
|
|
@@ -478,7 +478,7 @@ const Oo = ({
|
|
|
478
478
|
onClick: () => d(!0),
|
|
479
479
|
size: "small",
|
|
480
480
|
sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
|
|
481
|
-
children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r ||
|
|
481
|
+
children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
|
|
482
482
|
}
|
|
483
483
|
),
|
|
484
484
|
t === "connectDrawer" && /* @__PURE__ */ e(
|
|
@@ -486,7 +486,7 @@ const Oo = ({
|
|
|
486
486
|
{
|
|
487
487
|
onClose: () => d(!1),
|
|
488
488
|
showConnectWidget: _,
|
|
489
|
-
title: i ||
|
|
489
|
+
title: i || u.mini_title
|
|
490
490
|
}
|
|
491
491
|
),
|
|
492
492
|
t === "connectionsDrawer" && /* @__PURE__ */ e(
|
|
@@ -494,7 +494,7 @@ const Oo = ({
|
|
|
494
494
|
{
|
|
495
495
|
onClose: () => d(!1),
|
|
496
496
|
showConnectionsWidget: _,
|
|
497
|
-
title: i ||
|
|
497
|
+
title: i || u.mini_title
|
|
498
498
|
}
|
|
499
499
|
)
|
|
500
500
|
]
|
|
@@ -502,30 +502,21 @@ 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), h = () => {
|
|
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,
|
|
525
516
|
isOpen: t,
|
|
526
517
|
maxWidth: "xs",
|
|
527
|
-
onClose:
|
|
528
|
-
onPrimaryAction:
|
|
518
|
+
onClose: u,
|
|
519
|
+
onPrimaryAction: h,
|
|
529
520
|
primaryColor: "primary",
|
|
530
521
|
primaryText: n.save_button,
|
|
531
522
|
sx: {
|
|
@@ -537,10 +528,10 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
537
528
|
"form",
|
|
538
529
|
{
|
|
539
530
|
onSubmit: (y) => {
|
|
540
|
-
y.preventDefault(),
|
|
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,27 +548,27 @@ 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
|
-
}[t],
|
|
571
|
+
}[t], u = {
|
|
581
572
|
savingsOverTime: {
|
|
582
573
|
title: i.key_indicators_save.savings_over_time,
|
|
583
574
|
valueKey: "available_cash"
|
|
@@ -587,31 +578,31 @@ 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],
|
|
594
|
-
let
|
|
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;
|
|
595
586
|
if (b) {
|
|
596
|
-
const { color: F } =
|
|
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(Y, { ref: c, sx: { backgroundColor: "background.paper" }, 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: [
|
|
604
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
604
|
curveType: b ? "linear" : "natural",
|
|
614
|
-
datasets:
|
|
605
|
+
datasets: h ? [h] : [],
|
|
615
606
|
height: 244,
|
|
616
607
|
labelFontColor: b ? "text.primary" : "",
|
|
617
608
|
labelFontSize: b ? 13 : void 0,
|
|
@@ -620,11 +611,11 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
620
611
|
markStyles: (F) => b ? {
|
|
621
612
|
markLabelStyles: {
|
|
622
613
|
marginLeft: 16,
|
|
623
|
-
transform: F ===
|
|
614
|
+
transform: F === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
|
|
624
615
|
fontWeight: 600,
|
|
625
616
|
fill: o.palette.text.primary
|
|
626
617
|
},
|
|
627
|
-
stroke:
|
|
618
|
+
stroke: P
|
|
628
619
|
} : {},
|
|
629
620
|
maxRange: b ? 850 : void 0,
|
|
630
621
|
minRange: (() => {
|
|
@@ -648,12 +639,12 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
648
639
|
/* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
|
|
649
640
|
/* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
|
|
650
641
|
] }) });
|
|
651
|
-
},
|
|
652
|
-
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);
|
|
653
644
|
return /* @__PURE__ */ a(k, { children: [
|
|
654
645
|
/* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
|
|
655
646
|
/* @__PURE__ */ e(
|
|
656
|
-
|
|
647
|
+
To,
|
|
657
648
|
{
|
|
658
649
|
arcRadius: s ? 124 : 154,
|
|
659
650
|
footerCenterContent: t,
|
|
@@ -662,11 +653,11 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
662
653
|
}
|
|
663
654
|
),
|
|
664
655
|
/* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
|
|
665
|
-
/* @__PURE__ */ e(
|
|
656
|
+
/* @__PURE__ */ e(Ue, { chartFor: "creditOverTime" })
|
|
666
657
|
] }),
|
|
667
|
-
/* @__PURE__ */ e(
|
|
658
|
+
/* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => c(!1) })
|
|
668
659
|
] });
|
|
669
|
-
},
|
|
660
|
+
}, Po = v(Lo), Be = ({ status: t }) => {
|
|
670
661
|
const { finstrong: o } = x(), n = vn(wn[t]), r = {
|
|
671
662
|
GOOD: o.key_indicators_good,
|
|
672
663
|
FAIR: o.key_indicators_fair,
|
|
@@ -674,7 +665,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
674
665
|
MISSING: o.key_indicators_missing
|
|
675
666
|
}[t];
|
|
676
667
|
return /* @__PURE__ */ e(
|
|
677
|
-
|
|
668
|
+
Gn,
|
|
678
669
|
{
|
|
679
670
|
label: /* @__PURE__ */ e(
|
|
680
671
|
M,
|
|
@@ -694,13 +685,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
694
685
|
variant: "filled"
|
|
695
686
|
}
|
|
696
687
|
);
|
|
697
|
-
},
|
|
698
|
-
const { finstrong: t } = x(), { user: o } = J(), n =
|
|
688
|
+
}, Bo = () => {
|
|
689
|
+
const { finstrong: t } = x(), { user: o } = J(), n = gt(o.credit_score ?? null);
|
|
699
690
|
return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
700
691
|
/* @__PURE__ */ e(V, { children: t.credit_score_keep_strong_credit_score }),
|
|
701
|
-
/* @__PURE__ */ e(
|
|
692
|
+
/* @__PURE__ */ e(Be, { status: n })
|
|
702
693
|
] });
|
|
703
|
-
},
|
|
694
|
+
}, Wo = v(Bo), $o = ({
|
|
704
695
|
additionalContent: t,
|
|
705
696
|
connectTitle: o,
|
|
706
697
|
connectDescription: n,
|
|
@@ -711,12 +702,12 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
711
702
|
loadConnectAccountsCard: l = !0,
|
|
712
703
|
onClose: _,
|
|
713
704
|
stickyComponent: d,
|
|
714
|
-
title:
|
|
715
|
-
drawerType:
|
|
705
|
+
title: u,
|
|
706
|
+
drawerType: h
|
|
716
707
|
}) => {
|
|
717
|
-
const { finstrong: y } = x(), { isCopyLoaded: f } =
|
|
718
|
-
return f ? /* @__PURE__ */ e(
|
|
719
|
-
(
|
|
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: [
|
|
710
|
+
(u || s) && /* @__PURE__ */ a(
|
|
720
711
|
p,
|
|
721
712
|
{
|
|
722
713
|
sx: {
|
|
@@ -725,7 +716,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
725
716
|
p: 24
|
|
726
717
|
},
|
|
727
718
|
children: [
|
|
728
|
-
|
|
719
|
+
u && typeof u == "string" ? /* @__PURE__ */ e(V, { children: u }) : u,
|
|
729
720
|
s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
|
|
730
721
|
]
|
|
731
722
|
}
|
|
@@ -745,23 +736,23 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
745
736
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
|
|
746
737
|
r,
|
|
747
738
|
l && /* @__PURE__ */ e(
|
|
748
|
-
|
|
739
|
+
Pe,
|
|
749
740
|
{
|
|
750
741
|
description: n,
|
|
751
|
-
drawerType:
|
|
742
|
+
drawerType: h,
|
|
752
743
|
isDashboard: !0,
|
|
753
744
|
sx: { backgroundColor: "background.paper" },
|
|
754
745
|
title: o
|
|
755
746
|
}
|
|
756
747
|
)
|
|
757
748
|
] })
|
|
758
|
-
] }) }) : /* @__PURE__ */ e(
|
|
759
|
-
},
|
|
749
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
750
|
+
}, Pt = v($o), zo = ({
|
|
760
751
|
onClick: t,
|
|
761
752
|
shouldShowBalance: o = !0,
|
|
762
753
|
loadAccounts: n
|
|
763
754
|
}) => {
|
|
764
|
-
const { config: r } =
|
|
755
|
+
const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), c = m.useCallback(
|
|
765
756
|
(_) => {
|
|
766
757
|
t?.(_);
|
|
767
758
|
},
|
|
@@ -773,37 +764,37 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
773
764
|
[i, n]
|
|
774
765
|
);
|
|
775
766
|
return i.length ? /* @__PURE__ */ e(m.Fragment, { children: l.map((_) => {
|
|
776
|
-
const { accountsForType: d, totalBalanceForType:
|
|
777
|
-
(
|
|
767
|
+
const { accountsForType: d, totalBalanceForType: u } = i.reduce(
|
|
768
|
+
(h, y) => (y.account_type === _ && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
|
|
778
769
|
{ accountsForType: [], totalBalanceForType: 0 }
|
|
779
770
|
);
|
|
780
771
|
return /* @__PURE__ */ a(
|
|
781
|
-
|
|
772
|
+
Ee,
|
|
782
773
|
{
|
|
783
|
-
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: [
|
|
784
775
|
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
|
|
785
|
-
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(
|
|
776
|
+
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
|
|
786
777
|
] }) }),
|
|
787
778
|
sx: { bgcolor: "background.paper" },
|
|
788
779
|
children: [
|
|
789
|
-
d.map((
|
|
790
|
-
const { firstValue: f } = kt(
|
|
780
|
+
d.map((h, y) => {
|
|
781
|
+
const { firstValue: f } = kt(h, s), w = Ct(h, {
|
|
791
782
|
allowNickname: r?.show_account_nicknames_in_master
|
|
792
|
-
}), S = /* @__PURE__ */ a(
|
|
793
|
-
/* @__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 ?? "" }) }),
|
|
794
785
|
/* @__PURE__ */ e(
|
|
795
786
|
ye,
|
|
796
787
|
{
|
|
797
|
-
primary: `${w}${
|
|
788
|
+
primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
|
|
798
789
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
799
790
|
}
|
|
800
791
|
),
|
|
801
792
|
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
|
|
802
793
|
] });
|
|
803
794
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
804
|
-
/* @__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 }),
|
|
805
796
|
y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
806
|
-
] },
|
|
797
|
+
] }, h.guid);
|
|
807
798
|
}),
|
|
808
799
|
/* @__PURE__ */ e(le, {})
|
|
809
800
|
]
|
|
@@ -811,8 +802,8 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
811
802
|
_
|
|
812
803
|
);
|
|
813
804
|
}) }) : null;
|
|
814
|
-
}, Bt = v(
|
|
815
|
-
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(
|
|
816
807
|
() => l.filter(
|
|
817
808
|
(S) => t ? t.includes(S.account_type) : !0
|
|
818
809
|
),
|
|
@@ -821,10 +812,10 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
821
812
|
const { firstValue: D } = kt(S, c);
|
|
822
813
|
return D;
|
|
823
814
|
};
|
|
824
|
-
return y.length >= 1 ? /* @__PURE__ */ a(
|
|
815
|
+
return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
|
|
825
816
|
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
|
|
826
817
|
/* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
|
|
827
|
-
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(
|
|
818
|
+
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
|
|
828
819
|
/* @__PURE__ */ e(
|
|
829
820
|
ye,
|
|
830
821
|
{
|
|
@@ -839,7 +830,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
839
830
|
] }),
|
|
840
831
|
D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
841
832
|
] }, S.guid)) }),
|
|
842
|
-
y.length > 3 && /* @__PURE__ */ a(
|
|
833
|
+
y.length > 3 && /* @__PURE__ */ a(z, { children: [
|
|
843
834
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
844
835
|
B,
|
|
845
836
|
{
|
|
@@ -854,13 +845,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
854
845
|
] })
|
|
855
846
|
}
|
|
856
847
|
) }),
|
|
857
|
-
/* @__PURE__ */ e(
|
|
848
|
+
/* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
|
|
858
849
|
] })
|
|
859
|
-
] }) : /* @__PURE__ */ a(
|
|
850
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
860
851
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
861
852
|
B,
|
|
862
853
|
{
|
|
863
|
-
onClick: () =>
|
|
854
|
+
onClick: () => h(!0),
|
|
864
855
|
size: "small",
|
|
865
856
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
866
857
|
variant: "contained",
|
|
@@ -870,13 +861,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
870
861
|
/* @__PURE__ */ e(
|
|
871
862
|
re,
|
|
872
863
|
{
|
|
873
|
-
onClose: () =>
|
|
874
|
-
showConnectWidget:
|
|
864
|
+
onClose: () => h(!1),
|
|
865
|
+
showConnectWidget: u,
|
|
875
866
|
title: s.mini_title
|
|
876
867
|
}
|
|
877
868
|
)
|
|
878
869
|
] });
|
|
879
|
-
}, Wt = v(
|
|
870
|
+
}, Wt = v(Go), Se = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
|
|
880
871
|
p,
|
|
881
872
|
{
|
|
882
873
|
sx: {
|
|
@@ -894,8 +885,8 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
894
885
|
]
|
|
895
886
|
}
|
|
896
887
|
);
|
|
897
|
-
var
|
|
898
|
-
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 }) => {
|
|
899
890
|
const { finstrong: o } = x(), n = [
|
|
900
891
|
{ id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
|
|
901
892
|
{ id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
|
|
@@ -910,30 +901,30 @@ const No = ({ total: t }) => {
|
|
|
910
901
|
{ id: De.Months, label: o.maintain_emergency_savings_months },
|
|
911
902
|
{ id: De.Years, label: o.maintain_emergency_savings_years },
|
|
912
903
|
{ id: De.Days, label: o.maintain_emergency_savings_days }
|
|
913
|
-
], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(
|
|
914
|
-
|
|
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)
|
|
915
906
|
), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(De.Months);
|
|
916
907
|
m.useEffect(() => {
|
|
917
908
|
l(
|
|
918
|
-
|
|
919
|
-
contribution:
|
|
909
|
+
nt({
|
|
910
|
+
contribution: u,
|
|
920
911
|
goalAmount: y,
|
|
921
912
|
goalPeriod: w,
|
|
922
913
|
targetPeriod: D,
|
|
923
914
|
totalSaved: t
|
|
924
915
|
})
|
|
925
|
-
), d(
|
|
916
|
+
), d(u);
|
|
926
917
|
}, []);
|
|
927
918
|
const g = (b) => {
|
|
928
919
|
b.preventDefault(), l(
|
|
929
|
-
|
|
930
|
-
contribution:
|
|
920
|
+
nt({
|
|
921
|
+
contribution: u,
|
|
931
922
|
goalAmount: y,
|
|
932
923
|
goalPeriod: w,
|
|
933
924
|
targetPeriod: D,
|
|
934
925
|
totalSaved: t
|
|
935
926
|
})
|
|
936
|
-
), d(
|
|
927
|
+
), d(u);
|
|
937
928
|
};
|
|
938
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: [
|
|
939
930
|
/* @__PURE__ */ e(
|
|
@@ -950,10 +941,10 @@ const No = ({ total: t }) => {
|
|
|
950
941
|
}
|
|
951
942
|
),
|
|
952
943
|
/* @__PURE__ */ e(
|
|
953
|
-
|
|
944
|
+
Fe,
|
|
954
945
|
{
|
|
955
946
|
"aria-label": o.maintain_emergency_savings_savings_goal,
|
|
956
|
-
helperText:
|
|
947
|
+
helperText: K(
|
|
957
948
|
o.maintain_emergency_savings_suggested_goal,
|
|
958
949
|
$(i, "0,0")
|
|
959
950
|
),
|
|
@@ -969,18 +960,18 @@ const No = ({ total: t }) => {
|
|
|
969
960
|
}
|
|
970
961
|
),
|
|
971
962
|
/* @__PURE__ */ e(
|
|
972
|
-
|
|
963
|
+
rt,
|
|
973
964
|
{
|
|
974
965
|
label: o.maintain_emergency_savings_how_often_contribute,
|
|
975
|
-
onChange:
|
|
966
|
+
onChange: h,
|
|
976
967
|
options: n,
|
|
977
968
|
required: !0,
|
|
978
|
-
value:
|
|
969
|
+
value: u
|
|
979
970
|
}
|
|
980
971
|
),
|
|
981
972
|
/* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
|
|
982
973
|
/* @__PURE__ */ e(
|
|
983
|
-
|
|
974
|
+
Fe,
|
|
984
975
|
{
|
|
985
976
|
"aria-label": o.maintain_emergency_savings_meet_your_goal_within,
|
|
986
977
|
fullWidth: !0,
|
|
@@ -1016,13 +1007,13 @@ const No = ({ total: t }) => {
|
|
|
1016
1007
|
}
|
|
1017
1008
|
}
|
|
1018
1009
|
},
|
|
1019
|
-
children: /* @__PURE__ */ e(
|
|
1010
|
+
children: /* @__PURE__ */ e(rt, { label: "", onChange: C, options: s, value: D })
|
|
1020
1011
|
}
|
|
1021
1012
|
)
|
|
1022
1013
|
] }),
|
|
1023
1014
|
/* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
|
|
1024
1015
|
] }) }) });
|
|
1025
|
-
},
|
|
1016
|
+
}, Ho = v(Eo), No = () => {
|
|
1026
1017
|
const { savingsAccounts: t } = xe(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
|
|
1027
1018
|
() => t.reduce((i, c) => i + (c.balance ?? 0), 0),
|
|
1028
1019
|
[t]
|
|
@@ -1033,12 +1024,12 @@ const No = ({ total: t }) => {
|
|
|
1033
1024
|
t.length ? /* @__PURE__ */ e(
|
|
1034
1025
|
Wt,
|
|
1035
1026
|
{
|
|
1036
|
-
loadAccounts: [
|
|
1027
|
+
loadAccounts: [Ge.SAVINGS],
|
|
1037
1028
|
loadMoreLabel: o.connect_more_accounts_button
|
|
1038
1029
|
}
|
|
1039
1030
|
) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
|
|
1040
1031
|
] }) }),
|
|
1041
|
-
/* @__PURE__ */ e(
|
|
1032
|
+
/* @__PURE__ */ e(Ho, { total: s }),
|
|
1042
1033
|
/* @__PURE__ */ e(
|
|
1043
1034
|
re,
|
|
1044
1035
|
{
|
|
@@ -1048,7 +1039,7 @@ const No = ({ total: t }) => {
|
|
|
1048
1039
|
}
|
|
1049
1040
|
)
|
|
1050
1041
|
] });
|
|
1051
|
-
},
|
|
1042
|
+
}, jo = v(No), We = v(
|
|
1052
1043
|
({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
|
|
1053
1044
|
const i = {
|
|
1054
1045
|
GOOD: {
|
|
@@ -1094,28 +1085,28 @@ const No = ({ total: t }) => {
|
|
|
1094
1085
|
justifyContent: "space-between"
|
|
1095
1086
|
},
|
|
1096
1087
|
children: [
|
|
1097
|
-
/* @__PURE__ */ e(
|
|
1098
|
-
/* @__PURE__ */ e(
|
|
1088
|
+
/* @__PURE__ */ e(Le, { children: o }),
|
|
1089
|
+
/* @__PURE__ */ e(Be, { status: n })
|
|
1099
1090
|
]
|
|
1100
1091
|
}
|
|
1101
1092
|
)
|
|
1102
1093
|
] }),
|
|
1103
1094
|
/* @__PURE__ */ a(p, { children: [
|
|
1104
|
-
/* @__PURE__ */ e(
|
|
1095
|
+
/* @__PURE__ */ e(jn, { data: c, height: 16 }),
|
|
1105
1096
|
r
|
|
1106
1097
|
] })
|
|
1107
1098
|
]
|
|
1108
1099
|
}
|
|
1109
1100
|
);
|
|
1110
1101
|
}
|
|
1111
|
-
),
|
|
1102
|
+
), Ko = {
|
|
1112
1103
|
sticky_label: "You have saved"
|
|
1113
|
-
},
|
|
1114
|
-
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);
|
|
1115
1106
|
return /* @__PURE__ */ e(
|
|
1116
|
-
|
|
1107
|
+
We,
|
|
1117
1108
|
{
|
|
1118
|
-
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: [
|
|
1119
1110
|
/* @__PURE__ */ e(
|
|
1120
1111
|
le,
|
|
1121
1112
|
{
|
|
@@ -1129,7 +1120,7 @@ const No = ({ total: t }) => {
|
|
|
1129
1120
|
),
|
|
1130
1121
|
/* @__PURE__ */ e(I, { variant: "caption", children: s })
|
|
1131
1122
|
] }, s)) }),
|
|
1132
|
-
label:
|
|
1123
|
+
label: Ko.sticky_label,
|
|
1133
1124
|
status: r,
|
|
1134
1125
|
statusBarData: [
|
|
1135
1126
|
{
|
|
@@ -1139,14 +1130,14 @@ const No = ({ total: t }) => {
|
|
|
1139
1130
|
value: $(o ?? 0, "0,0.00")
|
|
1140
1131
|
}
|
|
1141
1132
|
);
|
|
1142
|
-
},
|
|
1133
|
+
}, Xo = v(Yo), $e = ({
|
|
1143
1134
|
transactions: t = [],
|
|
1144
1135
|
amountColor: o = "success.main",
|
|
1145
1136
|
amountPosition: n = "center",
|
|
1146
1137
|
formatDate: r = It,
|
|
1147
1138
|
secondaryIcon: s
|
|
1148
1139
|
}) => {
|
|
1149
|
-
const i =
|
|
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;
|
|
1150
1141
|
let C = t;
|
|
1151
1142
|
return S && (C = t.map((g) => ({
|
|
1152
1143
|
...g,
|
|
@@ -1154,7 +1145,7 @@ const No = ({ total: t }) => {
|
|
|
1154
1145
|
/&/g,
|
|
1155
1146
|
"&"
|
|
1156
1147
|
) ?? f(g.top_level_category_guid)
|
|
1157
|
-
})).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(
|
|
1148
|
+
})).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
|
|
1158
1149
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1159
1150
|
B,
|
|
1160
1151
|
{
|
|
@@ -1169,7 +1160,7 @@ const No = ({ total: t }) => {
|
|
|
1169
1160
|
re,
|
|
1170
1161
|
{
|
|
1171
1162
|
onClose: () => y(!1),
|
|
1172
|
-
showConnectWidget:
|
|
1163
|
+
showConnectWidget: h,
|
|
1173
1164
|
title: c.mini_title
|
|
1174
1165
|
}
|
|
1175
1166
|
)
|
|
@@ -1225,12 +1216,12 @@ const No = ({ total: t }) => {
|
|
|
1225
1216
|
},
|
|
1226
1217
|
b
|
|
1227
1218
|
)) }),
|
|
1228
|
-
S && /* @__PURE__ */ a(
|
|
1219
|
+
S && /* @__PURE__ */ a(z, { children: [
|
|
1229
1220
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1230
1221
|
B,
|
|
1231
1222
|
{
|
|
1232
1223
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1233
|
-
onClick: () =>
|
|
1224
|
+
onClick: () => u(!0),
|
|
1234
1225
|
size: "small",
|
|
1235
1226
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
1236
1227
|
children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
|
|
@@ -1241,25 +1232,25 @@ const No = ({ total: t }) => {
|
|
|
1241
1232
|
}
|
|
1242
1233
|
) }),
|
|
1243
1234
|
/* @__PURE__ */ e(
|
|
1244
|
-
|
|
1235
|
+
oe,
|
|
1245
1236
|
{
|
|
1246
1237
|
isOpen: d,
|
|
1247
|
-
onClose: () =>
|
|
1238
|
+
onClose: () => u(!1),
|
|
1248
1239
|
title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1249
|
-
children: /* @__PURE__ */ e(
|
|
1240
|
+
children: /* @__PURE__ */ e(Kn, { transaction: C })
|
|
1250
1241
|
}
|
|
1251
1242
|
)
|
|
1252
1243
|
] })
|
|
1253
1244
|
] });
|
|
1254
|
-
},
|
|
1245
|
+
}, qo = () => {
|
|
1255
1246
|
const {
|
|
1256
1247
|
finstrong: {
|
|
1257
1248
|
key_indicators_spend: { pay_bills_on_time_drawer: t }
|
|
1258
1249
|
}
|
|
1259
|
-
} = x(), { getSpendingFeeTransactions: o, allTransactions: n } =
|
|
1250
|
+
} = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
|
|
1260
1251
|
return m.useEffect(() => {
|
|
1261
1252
|
o().finally();
|
|
1262
|
-
}, []), /* @__PURE__ */ e(
|
|
1253
|
+
}, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
|
|
1263
1254
|
Y,
|
|
1264
1255
|
{
|
|
1265
1256
|
sx: {
|
|
@@ -1289,11 +1280,11 @@ const No = ({ total: t }) => {
|
|
|
1289
1280
|
children: [
|
|
1290
1281
|
/* @__PURE__ */ e(V, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
|
|
1291
1282
|
/* @__PURE__ */ e(
|
|
1292
|
-
|
|
1283
|
+
$e,
|
|
1293
1284
|
{
|
|
1294
1285
|
amountColor: "text.primary",
|
|
1295
1286
|
amountPosition: "flex-start",
|
|
1296
|
-
formatDate: (r) =>
|
|
1287
|
+
formatDate: (r) => $n(new Date(r * 1e3), zn.MONTH_DAY),
|
|
1297
1288
|
secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
|
|
1298
1289
|
transactions: n.spendingFee
|
|
1299
1290
|
}
|
|
@@ -1301,8 +1292,8 @@ const No = ({ total: t }) => {
|
|
|
1301
1292
|
]
|
|
1302
1293
|
}
|
|
1303
1294
|
) });
|
|
1304
|
-
},
|
|
1305
|
-
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);
|
|
1306
1297
|
return /* @__PURE__ */ a(
|
|
1307
1298
|
p,
|
|
1308
1299
|
{
|
|
@@ -1316,17 +1307,17 @@ const No = ({ total: t }) => {
|
|
|
1316
1307
|
children: [
|
|
1317
1308
|
/* @__PURE__ */ e(M, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
|
|
1318
1309
|
/* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
1319
|
-
/* @__PURE__ */ a(
|
|
1310
|
+
/* @__PURE__ */ a(Le, { children: [
|
|
1320
1311
|
t.spending_fee_transaction_count,
|
|
1321
1312
|
" ",
|
|
1322
1313
|
r.pay_bills_on_time_sticky_fee_count
|
|
1323
1314
|
] }),
|
|
1324
|
-
/* @__PURE__ */ e(
|
|
1315
|
+
/* @__PURE__ */ e(Be, { status: s })
|
|
1325
1316
|
] })
|
|
1326
1317
|
]
|
|
1327
1318
|
}
|
|
1328
1319
|
);
|
|
1329
|
-
},
|
|
1320
|
+
}, Zo = v(Qo), Jo = () => {
|
|
1330
1321
|
const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = x();
|
|
1331
1322
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1332
1323
|
/* @__PURE__ */ e(
|
|
@@ -1339,36 +1330,42 @@ const No = ({ total: t }) => {
|
|
|
1339
1330
|
/* @__PURE__ */ e(
|
|
1340
1331
|
Wt,
|
|
1341
1332
|
{
|
|
1342
|
-
loadAccounts: [
|
|
1333
|
+
loadAccounts: [Ge.SAVINGS, Ge.CHECKING],
|
|
1343
1334
|
loadMoreLabel: o.more_accounts
|
|
1344
1335
|
}
|
|
1345
1336
|
)
|
|
1346
1337
|
] });
|
|
1347
|
-
},
|
|
1348
|
-
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();
|
|
1349
1346
|
m.useEffect(() => {
|
|
1350
|
-
|
|
1351
|
-
}, [
|
|
1347
|
+
o || (s().finally(), i().finally());
|
|
1348
|
+
}, [o]);
|
|
1352
1349
|
const c = m.useMemo(() => {
|
|
1353
|
-
const l =
|
|
1350
|
+
const l = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
|
|
1354
1351
|
return [...l, ..._];
|
|
1355
|
-
}, [
|
|
1356
|
-
return
|
|
1352
|
+
}, [r.spend, r.debtSpend]);
|
|
1353
|
+
return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1357
1354
|
/* @__PURE__ */ e(
|
|
1358
1355
|
Se,
|
|
1359
1356
|
{
|
|
1360
|
-
balance:
|
|
1357
|
+
balance: n.ninety_day_spend / 90,
|
|
1361
1358
|
title: t.key_indicators_save.drawer_daily_spend
|
|
1362
1359
|
}
|
|
1363
1360
|
),
|
|
1364
|
-
/* @__PURE__ */ e(
|
|
1365
|
-
] }) : /* @__PURE__ */ e(
|
|
1366
|
-
},
|
|
1361
|
+
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
|
|
1362
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1363
|
+
}, nr = v(tr), or = () => {
|
|
1367
1364
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
1368
|
-
return /* @__PURE__ */ a(
|
|
1365
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
1369
1366
|
/* @__PURE__ */ a(Y, { children: [
|
|
1370
1367
|
/* @__PURE__ */ a(
|
|
1371
|
-
|
|
1368
|
+
Xe,
|
|
1372
1369
|
{
|
|
1373
1370
|
"aria-label": n.key_indicators_save.drawer_title,
|
|
1374
1371
|
centered: !0,
|
|
@@ -1397,15 +1394,15 @@ const No = ({ total: t }) => {
|
|
|
1397
1394
|
]
|
|
1398
1395
|
}
|
|
1399
1396
|
),
|
|
1400
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(
|
|
1401
|
-
/* @__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, {}) })
|
|
1402
1399
|
] }),
|
|
1403
|
-
/* @__PURE__ */ e(
|
|
1400
|
+
/* @__PURE__ */ e(Ue, { chartFor: "savingsOverTime" })
|
|
1404
1401
|
] });
|
|
1405
|
-
},
|
|
1406
|
-
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;
|
|
1407
1404
|
return /* @__PURE__ */ e(
|
|
1408
|
-
|
|
1405
|
+
We,
|
|
1409
1406
|
{
|
|
1410
1407
|
bottomComponent: /* @__PURE__ */ e(
|
|
1411
1408
|
p,
|
|
@@ -1449,13 +1446,13 @@ const No = ({ total: t }) => {
|
|
|
1449
1446
|
percentage: `${l}%`
|
|
1450
1447
|
}
|
|
1451
1448
|
],
|
|
1452
|
-
value:
|
|
1449
|
+
value: K(t.key_indicators_save.drawer_progress_bar_value, i, c)
|
|
1453
1450
|
}
|
|
1454
1451
|
);
|
|
1455
|
-
},
|
|
1456
|
-
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);
|
|
1457
1454
|
return /* @__PURE__ */ e(
|
|
1458
|
-
|
|
1455
|
+
We,
|
|
1459
1456
|
{
|
|
1460
1457
|
bottomComponent: /* @__PURE__ */ a(
|
|
1461
1458
|
p,
|
|
@@ -1513,17 +1510,17 @@ const No = ({ total: t }) => {
|
|
|
1513
1510
|
justifyContent: "center",
|
|
1514
1511
|
marginLeft: "auto"
|
|
1515
1512
|
},
|
|
1516
|
-
children: /* @__PURE__ */ e(I, { variant: "Small", children:
|
|
1513
|
+
children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? K(
|
|
1517
1514
|
o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
|
|
1518
1515
|
n
|
|
1519
|
-
) })
|
|
1516
|
+
) : "-" })
|
|
1520
1517
|
}
|
|
1521
1518
|
)
|
|
1522
1519
|
]
|
|
1523
1520
|
}
|
|
1524
1521
|
),
|
|
1525
1522
|
label: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
|
|
1526
|
-
status:
|
|
1523
|
+
status: r,
|
|
1527
1524
|
statusBarData: [
|
|
1528
1525
|
{
|
|
1529
1526
|
percentage: `${n}%`
|
|
@@ -1532,8 +1529,8 @@ const No = ({ total: t }) => {
|
|
|
1532
1529
|
value: $(t.ninety_day_debt_spend, "0,0.00")
|
|
1533
1530
|
}
|
|
1534
1531
|
);
|
|
1535
|
-
},
|
|
1536
|
-
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);
|
|
1537
1534
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1538
1535
|
/* @__PURE__ */ e(
|
|
1539
1536
|
Se,
|
|
@@ -1545,7 +1542,7 @@ const No = ({ total: t }) => {
|
|
|
1545
1542
|
),
|
|
1546
1543
|
o.income.length ? (
|
|
1547
1544
|
// TODO: Need to add More Transactions functionality
|
|
1548
|
-
/* @__PURE__ */ e(
|
|
1545
|
+
/* @__PURE__ */ e($e, { transactions: o.income.map((c) => c.transaction) })
|
|
1549
1546
|
) : /* @__PURE__ */ e(
|
|
1550
1547
|
B,
|
|
1551
1548
|
{
|
|
@@ -1565,8 +1562,8 @@ const No = ({ total: t }) => {
|
|
|
1565
1562
|
}
|
|
1566
1563
|
)
|
|
1567
1564
|
] });
|
|
1568
|
-
},
|
|
1569
|
-
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);
|
|
1570
1567
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1571
1568
|
/* @__PURE__ */ e(
|
|
1572
1569
|
Se,
|
|
@@ -1579,7 +1576,7 @@ const No = ({ total: t }) => {
|
|
|
1579
1576
|
t.debtSpend.length ? (
|
|
1580
1577
|
//TODO: Need to add More Transactions functionality
|
|
1581
1578
|
/* @__PURE__ */ e(
|
|
1582
|
-
|
|
1579
|
+
$e,
|
|
1583
1580
|
{
|
|
1584
1581
|
amountColor: "text.primary",
|
|
1585
1582
|
transactions: t.debtSpend.map((c) => c.transaction)
|
|
@@ -1604,18 +1601,18 @@ const No = ({ total: t }) => {
|
|
|
1604
1601
|
}
|
|
1605
1602
|
)
|
|
1606
1603
|
] });
|
|
1607
|
-
},
|
|
1604
|
+
}, _r = v(pr), hr = ({
|
|
1608
1605
|
color: t,
|
|
1609
1606
|
data: o,
|
|
1610
1607
|
series: n,
|
|
1611
1608
|
style: r,
|
|
1612
1609
|
...s
|
|
1613
1610
|
}) => {
|
|
1614
|
-
const i =
|
|
1611
|
+
const i = G(), c = m.useRef(null), { width: l } = eo({
|
|
1615
1612
|
width: r.width
|
|
1616
1613
|
});
|
|
1617
1614
|
m.useLayoutEffect(() => {
|
|
1618
|
-
const
|
|
1615
|
+
const h = new ResizeObserver(() => {
|
|
1619
1616
|
window.requestAnimationFrame(() => {
|
|
1620
1617
|
if (c.current) {
|
|
1621
1618
|
const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
|
|
@@ -1623,28 +1620,28 @@ const No = ({ total: t }) => {
|
|
|
1623
1620
|
}
|
|
1624
1621
|
});
|
|
1625
1622
|
});
|
|
1626
|
-
return c.current &&
|
|
1627
|
-
c.current &&
|
|
1623
|
+
return c.current && h.observe(c.current), () => {
|
|
1624
|
+
c.current && h.unobserve(c.current);
|
|
1628
1625
|
};
|
|
1629
1626
|
}, []);
|
|
1630
|
-
const { formattedComparison: _, formattedMain: d } = o[n.index],
|
|
1627
|
+
const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
|
|
1631
1628
|
return /* @__PURE__ */ a("g", { children: [
|
|
1632
|
-
/* @__PURE__ */ e(
|
|
1629
|
+
/* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
|
|
1633
1630
|
/* @__PURE__ */ e(
|
|
1634
|
-
|
|
1631
|
+
at.text,
|
|
1635
1632
|
{
|
|
1636
1633
|
fill: i.palette.text.secondary,
|
|
1637
1634
|
fontSize: 9,
|
|
1638
1635
|
fontWeight: 400,
|
|
1639
1636
|
textAnchor: "middle",
|
|
1640
|
-
transform: l.to((
|
|
1637
|
+
transform: l.to((h) => `translate(${h / 2}, -5)`),
|
|
1641
1638
|
x: r.x,
|
|
1642
1639
|
y: r.y,
|
|
1643
|
-
children:
|
|
1640
|
+
children: u
|
|
1644
1641
|
}
|
|
1645
1642
|
)
|
|
1646
1643
|
] });
|
|
1647
|
-
},
|
|
1644
|
+
}, Te = (t, o = 1e3) => {
|
|
1648
1645
|
const n = Math.abs(t) >= o ? "0.[0]a" : "0";
|
|
1649
1646
|
return $(t, n);
|
|
1650
1647
|
}, $t = ({
|
|
@@ -1658,32 +1655,32 @@ const No = ({ total: t }) => {
|
|
|
1658
1655
|
totalComparison: l,
|
|
1659
1656
|
totalMain: _
|
|
1660
1657
|
}) => {
|
|
1661
|
-
const d =
|
|
1658
|
+
const d = G(), u = Un(d.breakpoints.down("xs")), h = m.useMemo(
|
|
1662
1659
|
() => o.sort((g, b) => g.month - b.month).map((g) => {
|
|
1663
|
-
const b = In(g.month),
|
|
1660
|
+
const b = In(g.month), P = {
|
|
1664
1661
|
spending_vs_income: {
|
|
1665
1662
|
main: g.standard_spend,
|
|
1666
1663
|
comparison: g.income,
|
|
1667
|
-
formattedMain:
|
|
1668
|
-
formattedComparison:
|
|
1664
|
+
formattedMain: Te(g.standard_spend),
|
|
1665
|
+
formattedComparison: Te(g.income)
|
|
1669
1666
|
},
|
|
1670
1667
|
debt_payment_vs_income: {
|
|
1671
1668
|
main: g.income,
|
|
1672
1669
|
comparison: g.debt_spend,
|
|
1673
|
-
formattedMain:
|
|
1674
|
-
formattedComparison:
|
|
1670
|
+
formattedMain: Te(g.income),
|
|
1671
|
+
formattedComparison: Te(g.debt_spend)
|
|
1675
1672
|
}
|
|
1676
1673
|
};
|
|
1677
1674
|
return {
|
|
1678
1675
|
label: b,
|
|
1679
|
-
...
|
|
1676
|
+
...P[t]
|
|
1680
1677
|
};
|
|
1681
1678
|
}),
|
|
1682
1679
|
[o, t]
|
|
1683
1680
|
), y = {
|
|
1684
1681
|
dataKey: "label",
|
|
1685
1682
|
scaleType: "band"
|
|
1686
|
-
}, f = Math.max(...
|
|
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 = {
|
|
1687
1684
|
scaleType: "linear",
|
|
1688
1685
|
min: 0,
|
|
1689
1686
|
max: S,
|
|
@@ -1746,7 +1743,7 @@ const No = ({ total: t }) => {
|
|
|
1746
1743
|
i,
|
|
1747
1744
|
" "
|
|
1748
1745
|
] }),
|
|
1749
|
-
!
|
|
1746
|
+
!u && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
|
|
1750
1747
|
] })
|
|
1751
1748
|
] }),
|
|
1752
1749
|
/* @__PURE__ */ a(p, { alignItems: "center", direction: "row", spacing: 8, children: [
|
|
@@ -1766,15 +1763,15 @@ const No = ({ total: t }) => {
|
|
|
1766
1763
|
c,
|
|
1767
1764
|
" "
|
|
1768
1765
|
] }),
|
|
1769
|
-
!
|
|
1766
|
+
!u && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
|
|
1770
1767
|
] })
|
|
1771
1768
|
] })
|
|
1772
1769
|
] }),
|
|
1773
1770
|
/* @__PURE__ */ a(
|
|
1774
|
-
|
|
1771
|
+
Jn,
|
|
1775
1772
|
{
|
|
1776
1773
|
colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
|
|
1777
|
-
dataset:
|
|
1774
|
+
dataset: h,
|
|
1778
1775
|
height: 240,
|
|
1779
1776
|
margin: { top: 16, bottom: 34, right: 0, left: 50 },
|
|
1780
1777
|
series: [
|
|
@@ -1789,18 +1786,18 @@ const No = ({ total: t }) => {
|
|
|
1789
1786
|
{
|
|
1790
1787
|
slots: {
|
|
1791
1788
|
bar: (g) => {
|
|
1792
|
-
const { ownerState: b, style:
|
|
1789
|
+
const { ownerState: b, style: P, ...F } = g;
|
|
1793
1790
|
return /* @__PURE__ */ e(
|
|
1794
|
-
|
|
1791
|
+
hr,
|
|
1795
1792
|
{
|
|
1796
1793
|
...F,
|
|
1797
1794
|
color: b.color,
|
|
1798
|
-
data:
|
|
1795
|
+
data: h,
|
|
1799
1796
|
series: {
|
|
1800
1797
|
index: b.dataIndex,
|
|
1801
1798
|
type: Number(b.id.toString().split("-").pop())
|
|
1802
1799
|
},
|
|
1803
|
-
style:
|
|
1800
|
+
style: P
|
|
1804
1801
|
}
|
|
1805
1802
|
);
|
|
1806
1803
|
}
|
|
@@ -1808,7 +1805,7 @@ const No = ({ total: t }) => {
|
|
|
1808
1805
|
}
|
|
1809
1806
|
),
|
|
1810
1807
|
/* @__PURE__ */ e(
|
|
1811
|
-
|
|
1808
|
+
Qn,
|
|
1812
1809
|
{
|
|
1813
1810
|
sx: () => ({
|
|
1814
1811
|
".MuiChartsAxis-line": {
|
|
@@ -1828,7 +1825,7 @@ const No = ({ total: t }) => {
|
|
|
1828
1825
|
}
|
|
1829
1826
|
),
|
|
1830
1827
|
/* @__PURE__ */ e(
|
|
1831
|
-
|
|
1828
|
+
Zn,
|
|
1832
1829
|
{
|
|
1833
1830
|
sx: () => ({
|
|
1834
1831
|
".MuiChartsAxis-line": {
|
|
@@ -1853,14 +1850,14 @@ const No = ({ total: t }) => {
|
|
|
1853
1850
|
]
|
|
1854
1851
|
}
|
|
1855
1852
|
);
|
|
1856
|
-
},
|
|
1857
|
-
const {
|
|
1853
|
+
}, ur = () => {
|
|
1854
|
+
const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
|
|
1858
1855
|
return m.useEffect(() => {
|
|
1859
|
-
|
|
1860
|
-
}, [
|
|
1856
|
+
t || (o().finally(), n().finally());
|
|
1857
|
+
}, [t]), t ? /* @__PURE__ */ a(z, { children: [
|
|
1861
1858
|
/* @__PURE__ */ a(Y, { children: [
|
|
1862
1859
|
/* @__PURE__ */ a(
|
|
1863
|
-
|
|
1860
|
+
Xe,
|
|
1864
1861
|
{
|
|
1865
1862
|
"aria-label": c.key_indicators_save.drawer_title,
|
|
1866
1863
|
centered: !0,
|
|
@@ -1898,7 +1895,7 @@ const No = ({ total: t }) => {
|
|
|
1898
1895
|
index: 0,
|
|
1899
1896
|
name: "income-details",
|
|
1900
1897
|
value: s,
|
|
1901
|
-
children: /* @__PURE__ */ e(
|
|
1898
|
+
children: /* @__PURE__ */ e(dr, {})
|
|
1902
1899
|
}
|
|
1903
1900
|
),
|
|
1904
1901
|
/* @__PURE__ */ e(
|
|
@@ -1908,25 +1905,25 @@ const No = ({ total: t }) => {
|
|
|
1908
1905
|
index: 1,
|
|
1909
1906
|
name: "debt-payment-details",
|
|
1910
1907
|
value: s,
|
|
1911
|
-
children: /* @__PURE__ */ e(
|
|
1908
|
+
children: /* @__PURE__ */ e(_r, {})
|
|
1912
1909
|
}
|
|
1913
1910
|
)
|
|
1914
1911
|
] }),
|
|
1915
|
-
|
|
1912
|
+
r.length ? /* @__PURE__ */ a(z, { children: [
|
|
1916
1913
|
/* @__PURE__ */ e(
|
|
1917
1914
|
$t,
|
|
1918
1915
|
{
|
|
1919
1916
|
chartFor: "debt_payment_vs_income",
|
|
1920
|
-
data:
|
|
1917
|
+
data: r,
|
|
1921
1918
|
legendLabelComparison: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
|
|
1922
1919
|
legendLabelMain: c.key_indicators_borrow.have_manageable_debt_drawer.income,
|
|
1923
1920
|
title: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
|
|
1924
1921
|
}
|
|
1925
1922
|
),
|
|
1926
|
-
/* @__PURE__ */ e(
|
|
1927
|
-
] }) : /* @__PURE__ */ a(
|
|
1923
|
+
/* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
|
|
1924
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
1928
1925
|
/* @__PURE__ */ e(
|
|
1929
|
-
|
|
1926
|
+
Re,
|
|
1930
1927
|
{
|
|
1931
1928
|
header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
|
|
1932
1929
|
icon: "multiline_chart",
|
|
@@ -1942,7 +1939,7 @@ const No = ({ total: t }) => {
|
|
|
1942
1939
|
}
|
|
1943
1940
|
),
|
|
1944
1941
|
/* @__PURE__ */ e(
|
|
1945
|
-
|
|
1942
|
+
Re,
|
|
1946
1943
|
{
|
|
1947
1944
|
header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
|
|
1948
1945
|
icon: "multiline_chart",
|
|
@@ -1958,16 +1955,16 @@ const No = ({ total: t }) => {
|
|
|
1958
1955
|
}
|
|
1959
1956
|
)
|
|
1960
1957
|
] })
|
|
1961
|
-
] });
|
|
1962
|
-
},
|
|
1963
|
-
const { healthScore: t } =
|
|
1964
|
-
GOOD: [{ percentage: `${
|
|
1965
|
-
FAIR: [{ percentage: "100%" }, { percentage: `${
|
|
1966
|
-
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}%` }],
|
|
1967
1964
|
MISSING: [{ percentage: "0%" }]
|
|
1968
1965
|
}[i];
|
|
1969
1966
|
return /* @__PURE__ */ e(
|
|
1970
|
-
|
|
1967
|
+
We,
|
|
1971
1968
|
{
|
|
1972
1969
|
bottomComponent: /* @__PURE__ */ a(
|
|
1973
1970
|
p,
|
|
@@ -1980,12 +1977,12 @@ const No = ({ total: t }) => {
|
|
|
1980
1977
|
},
|
|
1981
1978
|
children: [
|
|
1982
1979
|
/* @__PURE__ */ a(I, { variant: "body2", children: [
|
|
1983
|
-
|
|
1980
|
+
t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
|
|
1984
1981
|
" ",
|
|
1985
1982
|
o?.key_indicators_spend.spend_less_than_you_make_drawer.income
|
|
1986
1983
|
] }),
|
|
1987
1984
|
/* @__PURE__ */ a(I, { variant: "body2", children: [
|
|
1988
|
-
r ? "-%" : `${
|
|
1985
|
+
r <= 0 ? "-%" : `${r}%`,
|
|
1989
1986
|
" ",
|
|
1990
1987
|
o?.key_indicators_spend.spend_less_than_you_make_drawer.spent
|
|
1991
1988
|
] })
|
|
@@ -1995,23 +1992,23 @@ const No = ({ total: t }) => {
|
|
|
1995
1992
|
label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
|
|
1996
1993
|
status: i,
|
|
1997
1994
|
statusBarData: c,
|
|
1998
|
-
value:
|
|
1995
|
+
value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
|
|
1999
1996
|
}
|
|
2000
1997
|
);
|
|
2001
|
-
},
|
|
2002
|
-
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("");
|
|
2003
2000
|
m.useEffect(() => {
|
|
2004
2001
|
r(
|
|
2005
2002
|
t,
|
|
2006
|
-
|
|
2007
|
-
|
|
2003
|
+
At(/* @__PURE__ */ new Date()),
|
|
2004
|
+
Tt(/* @__PURE__ */ new Date())
|
|
2008
2005
|
).finally();
|
|
2009
2006
|
}, [t]);
|
|
2010
2007
|
const f = m.useMemo(
|
|
2011
|
-
() =>
|
|
2008
|
+
() => to(o, _, u, n),
|
|
2012
2009
|
[o, n]
|
|
2013
2010
|
), w = (C) => {
|
|
2014
|
-
y(
|
|
2011
|
+
y(h === C ? "" : C);
|
|
2015
2012
|
}, { totalSpending: S, totalIncome: D } = m.useMemo(() => s?.reduce(
|
|
2016
2013
|
(C, { standard_spend: g = 0, income: b = 0 }) => ({
|
|
2017
2014
|
totalSpending: C.totalSpending + g,
|
|
@@ -2036,7 +2033,7 @@ const No = ({ total: t }) => {
|
|
|
2036
2033
|
totalMain: $(S, "0,0.00")
|
|
2037
2034
|
}
|
|
2038
2035
|
) : /* @__PURE__ */ e(
|
|
2039
|
-
|
|
2036
|
+
Re,
|
|
2040
2037
|
{
|
|
2041
2038
|
header: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
|
|
2042
2039
|
icon: "multiline_chart",
|
|
@@ -2095,27 +2092,27 @@ const No = ({ total: t }) => {
|
|
|
2095
2092
|
),
|
|
2096
2093
|
/* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2097
2094
|
/* @__PURE__ */ e(
|
|
2098
|
-
|
|
2095
|
+
no,
|
|
2099
2096
|
{
|
|
2100
2097
|
data: f,
|
|
2101
2098
|
onSelected: w,
|
|
2102
|
-
selectedId:
|
|
2099
|
+
selectedId: h,
|
|
2103
2100
|
totalLabel: d.total_spending
|
|
2104
2101
|
}
|
|
2105
2102
|
),
|
|
2106
2103
|
/* @__PURE__ */ e(
|
|
2107
|
-
|
|
2104
|
+
oo,
|
|
2108
2105
|
{
|
|
2109
2106
|
data: f,
|
|
2110
2107
|
onSelected: w,
|
|
2111
|
-
selectedId:
|
|
2108
|
+
selectedId: h
|
|
2112
2109
|
}
|
|
2113
2110
|
)
|
|
2114
2111
|
] })
|
|
2115
2112
|
]
|
|
2116
2113
|
}
|
|
2117
2114
|
) : /* @__PURE__ */ e(
|
|
2118
|
-
|
|
2115
|
+
Re,
|
|
2119
2116
|
{
|
|
2120
2117
|
header: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
|
|
2121
2118
|
icon: "donut_small",
|
|
@@ -2136,7 +2133,7 @@ const No = ({ total: t }) => {
|
|
|
2136
2133
|
}
|
|
2137
2134
|
)
|
|
2138
2135
|
] });
|
|
2139
|
-
},
|
|
2136
|
+
}, fr = v(br), xr = ({
|
|
2140
2137
|
drawerFor: t,
|
|
2141
2138
|
isOpen: o,
|
|
2142
2139
|
onClose: n
|
|
@@ -2145,8 +2142,8 @@ const No = ({ total: t }) => {
|
|
|
2145
2142
|
spendLessThanYouMake: {
|
|
2146
2143
|
title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2147
2144
|
description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2148
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2149
|
-
content: /* @__PURE__ */ e(
|
|
2145
|
+
stickyComponent: /* @__PURE__ */ e(yr, {}),
|
|
2146
|
+
content: /* @__PURE__ */ e(fr, {}),
|
|
2150
2147
|
drawerType: "connectDrawer",
|
|
2151
2148
|
connectTitle: r.connect_your_accounts,
|
|
2152
2149
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
@@ -2154,16 +2151,16 @@ const No = ({ total: t }) => {
|
|
|
2154
2151
|
payBillsOnTime: {
|
|
2155
2152
|
title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2156
2153
|
description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2157
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2158
|
-
content: /* @__PURE__ */ e(
|
|
2154
|
+
stickyComponent: /* @__PURE__ */ e(Zo, {}),
|
|
2155
|
+
content: /* @__PURE__ */ e(Uo, {}),
|
|
2159
2156
|
drawerType: "connectDrawer",
|
|
2160
2157
|
connectTitle: r.connect_your_accounts,
|
|
2161
2158
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2162
2159
|
},
|
|
2163
2160
|
maintainEmergencySavings: {
|
|
2164
|
-
content: /* @__PURE__ */ e(
|
|
2161
|
+
content: /* @__PURE__ */ e(jo, {}),
|
|
2165
2162
|
description: r.maintain_emergency_savings_description,
|
|
2166
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2163
|
+
stickyComponent: /* @__PURE__ */ e(Xo, {}),
|
|
2167
2164
|
title: r.maintain_emergency_savings_title,
|
|
2168
2165
|
drawerType: "connectDrawer",
|
|
2169
2166
|
connectTitle: r.connect_your_accounts,
|
|
@@ -2172,30 +2169,30 @@ const No = ({ total: t }) => {
|
|
|
2172
2169
|
haveManageableDebt: {
|
|
2173
2170
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2174
2171
|
description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2175
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2176
|
-
content: /* @__PURE__ */ e(
|
|
2172
|
+
stickyComponent: /* @__PURE__ */ e(cr, {}),
|
|
2173
|
+
content: /* @__PURE__ */ e(mr, {}),
|
|
2177
2174
|
drawerType: "connectDrawer",
|
|
2178
2175
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2179
2176
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2180
2177
|
},
|
|
2181
2178
|
haveAGoodCreditScore: {
|
|
2182
|
-
title: /* @__PURE__ */ e(
|
|
2179
|
+
title: /* @__PURE__ */ e(Wo, {}),
|
|
2183
2180
|
description: r.credit_score_description,
|
|
2184
2181
|
stickyComponent: null,
|
|
2185
|
-
content: /* @__PURE__ */ e(
|
|
2182
|
+
content: /* @__PURE__ */ e(Po, {})
|
|
2186
2183
|
},
|
|
2187
2184
|
saveEnoughToLiveOn: {
|
|
2188
2185
|
title: r.key_indicators_save.drawer_title,
|
|
2189
2186
|
description: r.key_indicators_save.drawer_description,
|
|
2190
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2191
|
-
content: /* @__PURE__ */ e(
|
|
2187
|
+
stickyComponent: /* @__PURE__ */ e(ir, {}),
|
|
2188
|
+
content: /* @__PURE__ */ e(rr, {}),
|
|
2192
2189
|
drawerType: "connectDrawer",
|
|
2193
2190
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2194
2191
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2195
2192
|
}
|
|
2196
2193
|
}[t];
|
|
2197
2194
|
return /* @__PURE__ */ e(
|
|
2198
|
-
|
|
2195
|
+
Pt,
|
|
2199
2196
|
{
|
|
2200
2197
|
connectDescription: i?.connectDescription,
|
|
2201
2198
|
connectTitle: i?.connectTitle,
|
|
@@ -2210,7 +2207,7 @@ const No = ({ total: t }) => {
|
|
|
2210
2207
|
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
|
|
2211
2208
|
}
|
|
2212
2209
|
);
|
|
2213
|
-
},
|
|
2210
|
+
}, Sr = v(xr), fe = ({
|
|
2214
2211
|
drawerFor: t,
|
|
2215
2212
|
title: o,
|
|
2216
2213
|
description: n,
|
|
@@ -2219,7 +2216,7 @@ const No = ({ total: t }) => {
|
|
|
2219
2216
|
const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
|
|
2220
2217
|
(_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
|
|
2221
2218
|
};
|
|
2222
|
-
return /* @__PURE__ */ a(
|
|
2219
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2223
2220
|
/* @__PURE__ */ a(
|
|
2224
2221
|
p,
|
|
2225
2222
|
{
|
|
@@ -2243,7 +2240,7 @@ const No = ({ total: t }) => {
|
|
|
2243
2240
|
/* @__PURE__ */ a(p, { sx: { gap: 8, minWidth: 0 }, children: [
|
|
2244
2241
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
|
|
2245
2242
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
|
|
2246
|
-
/* @__PURE__ */ e(
|
|
2243
|
+
/* @__PURE__ */ e(Be, { status: r })
|
|
2247
2244
|
] }),
|
|
2248
2245
|
/* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
|
|
2249
2246
|
] }),
|
|
@@ -2252,7 +2249,7 @@ const No = ({ total: t }) => {
|
|
|
2252
2249
|
}
|
|
2253
2250
|
),
|
|
2254
2251
|
/* @__PURE__ */ e(
|
|
2255
|
-
|
|
2252
|
+
Sr,
|
|
2256
2253
|
{
|
|
2257
2254
|
drawerFor: t,
|
|
2258
2255
|
isOpen: i,
|
|
@@ -2260,21 +2257,21 @@ const No = ({ total: t }) => {
|
|
|
2260
2257
|
}
|
|
2261
2258
|
)
|
|
2262
2259
|
] });
|
|
2263
|
-
},
|
|
2264
|
-
const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } =
|
|
2265
|
-
const l =
|
|
2260
|
+
}, Cr = () => {
|
|
2261
|
+
const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
|
|
2262
|
+
const l = xt(c), _ = {
|
|
2266
2263
|
GOOD: o.ratio_good_description,
|
|
2267
2264
|
FAIR: o.ratio_fair_description,
|
|
2268
2265
|
OFF_TRACK: o.ratio_off_track_description,
|
|
2269
2266
|
MISSING: o.ratio_missing_description
|
|
2270
|
-
}, d = l === "MISSING" ? _[l] :
|
|
2267
|
+
}, d = l === "MISSING" ? _[l] : K(_[l], c);
|
|
2271
2268
|
return {
|
|
2272
2269
|
cardState: l,
|
|
2273
2270
|
description: d,
|
|
2274
2271
|
title: o.ratio_card_title
|
|
2275
2272
|
};
|
|
2276
2273
|
}, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
|
|
2277
|
-
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(
|
|
2278
2275
|
n.spending_fee_transaction_count,
|
|
2279
2276
|
o
|
|
2280
2277
|
);
|
|
@@ -2305,38 +2302,38 @@ const No = ({ total: t }) => {
|
|
|
2305
2302
|
}
|
|
2306
2303
|
)
|
|
2307
2304
|
] });
|
|
2308
|
-
},
|
|
2309
|
-
const { healthScore: t } =
|
|
2310
|
-
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 = {
|
|
2311
2308
|
GOOD: n.days_of_cash_good_description,
|
|
2312
2309
|
FAIR: n.days_of_cash_fair_description,
|
|
2313
2310
|
OFF_TRACK: n.days_of_cash_off_track_description,
|
|
2314
2311
|
MISSING: n.days_of_cash_missing_description
|
|
2315
|
-
},
|
|
2312
|
+
}, u = _ === "MISSING" ? d[_] : K(d[_], l);
|
|
2316
2313
|
return {
|
|
2317
2314
|
cardState: _,
|
|
2318
|
-
description:
|
|
2315
|
+
description: u,
|
|
2319
2316
|
title: n.days_of_cash_title
|
|
2320
2317
|
};
|
|
2321
2318
|
}, s = (l) => {
|
|
2322
|
-
const _ =
|
|
2319
|
+
const _ = yt(l), d = {
|
|
2323
2320
|
GOOD: n.emergency_savings_good_description,
|
|
2324
2321
|
FAIR: n.emergency_savings_fair_description,
|
|
2325
2322
|
OFF_TRACK: n.emergency_savings_off_track_description,
|
|
2326
2323
|
MISSING: n.emergency_savings_missing_description
|
|
2327
2324
|
};
|
|
2328
|
-
let
|
|
2329
|
-
return _ === "FAIR" && l !== null ?
|
|
2325
|
+
let u;
|
|
2326
|
+
return _ === "FAIR" && l !== null ? u = K(
|
|
2330
2327
|
d[_],
|
|
2331
2328
|
$(l, "0,0.00")
|
|
2332
|
-
) :
|
|
2329
|
+
) : u = d[_], {
|
|
2333
2330
|
cardState: _,
|
|
2334
|
-
description:
|
|
2331
|
+
description: u,
|
|
2335
2332
|
title: n.emergency_savings_title
|
|
2336
2333
|
};
|
|
2337
2334
|
}, { daysOfCashOnHand: i, emergencySavings: c } = m.useMemo(() => {
|
|
2338
|
-
const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null,
|
|
2339
|
-
return { daysOfCashOnHand: _, emergencySavings:
|
|
2335
|
+
const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(d);
|
|
2336
|
+
return { daysOfCashOnHand: _, emergencySavings: u };
|
|
2340
2337
|
}, [
|
|
2341
2338
|
t.months_of_cash_on_hand,
|
|
2342
2339
|
t.emergency_savings_on_hand,
|
|
@@ -2363,36 +2360,36 @@ const No = ({ total: t }) => {
|
|
|
2363
2360
|
}
|
|
2364
2361
|
)
|
|
2365
2362
|
] });
|
|
2366
|
-
},
|
|
2367
|
-
const { healthScore: t } =
|
|
2368
|
-
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 = {
|
|
2369
2366
|
GOOD: n.manage_debit_good_description,
|
|
2370
2367
|
FAIR: n.manage_debit_fair_description,
|
|
2371
2368
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
2372
2369
|
MISSING: n.manage_debit_missing_description
|
|
2373
|
-
},
|
|
2370
|
+
}, h = d === "FAIR" || d === "OFF_TRACK" ? K(u[d], _) : u[d];
|
|
2374
2371
|
return {
|
|
2375
2372
|
cardState: d,
|
|
2376
|
-
description:
|
|
2373
|
+
description: h,
|
|
2377
2374
|
title: n.manage_debit_title
|
|
2378
2375
|
};
|
|
2379
2376
|
}, i = (_) => {
|
|
2380
|
-
const d =
|
|
2377
|
+
const d = gt(_), u = {
|
|
2381
2378
|
GOOD: n.credit_score_good_description,
|
|
2382
2379
|
FAIR: n.credit_score_fair_description,
|
|
2383
2380
|
OFF_TRACK: n.credit_score_off_track_description,
|
|
2384
2381
|
MISSING: n.credit_score_missing_description
|
|
2385
|
-
},
|
|
2382
|
+
}, h = d === "MISSING" ? u[d] : K(u[d], _);
|
|
2386
2383
|
return {
|
|
2387
2384
|
cardState: d,
|
|
2388
|
-
description:
|
|
2385
|
+
description: h,
|
|
2389
2386
|
title: n.credit_score_title
|
|
2390
2387
|
};
|
|
2391
2388
|
}, { manageDebtStatus: c, creditScoreStatus: l } = m.useMemo(() => {
|
|
2392
|
-
const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_),
|
|
2389
|
+
const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), u = i(r.credit_score || null);
|
|
2393
2390
|
return {
|
|
2394
2391
|
manageDebtStatus: d,
|
|
2395
|
-
creditScoreStatus:
|
|
2392
|
+
creditScoreStatus: u
|
|
2396
2393
|
};
|
|
2397
2394
|
}, [t.debt_to_income_ratio, r.credit_score, n, o]);
|
|
2398
2395
|
return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
@@ -2415,11 +2412,11 @@ const No = ({ total: t }) => {
|
|
|
2415
2412
|
}
|
|
2416
2413
|
)
|
|
2417
2414
|
] });
|
|
2418
|
-
},
|
|
2415
|
+
}, Dr = v(Mr), Ir = () => {
|
|
2419
2416
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
2420
|
-
return /* @__PURE__ */ a(
|
|
2417
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2421
2418
|
/* @__PURE__ */ a(
|
|
2422
|
-
|
|
2419
|
+
Xe,
|
|
2423
2420
|
{
|
|
2424
2421
|
"aria-label": "Key Indicators",
|
|
2425
2422
|
centered: !0,
|
|
@@ -2439,7 +2436,7 @@ const No = ({ total: t }) => {
|
|
|
2439
2436
|
se,
|
|
2440
2437
|
{
|
|
2441
2438
|
"aria-controls": "spend-details-tabpanel-0",
|
|
2442
|
-
icon: /* @__PURE__ */ e(
|
|
2439
|
+
icon: /* @__PURE__ */ e(He, { sx: { mr: 8 } }),
|
|
2443
2440
|
iconPosition: "start",
|
|
2444
2441
|
id: "spend-details-tab-0",
|
|
2445
2442
|
label: n.key_indicators_spend.title,
|
|
@@ -2471,14 +2468,14 @@ const No = ({ total: t }) => {
|
|
|
2471
2468
|
]
|
|
2472
2469
|
}
|
|
2473
2470
|
),
|
|
2474
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(
|
|
2475
|
-
/* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(
|
|
2476
|
-
/* @__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, {}) })
|
|
2477
2474
|
] });
|
|
2478
|
-
},
|
|
2479
|
-
const { finstrong: o } = x(), { isCopyLoaded: n } =
|
|
2475
|
+
}, Ar = v(Ir), Tr = ({ onClick: t }) => {
|
|
2476
|
+
const { finstrong: o } = x(), { isCopyLoaded: n } = q();
|
|
2480
2477
|
return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2481
|
-
/* @__PURE__ */ e(
|
|
2478
|
+
/* @__PURE__ */ e(_t, { size: 48 }),
|
|
2482
2479
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2483
2480
|
/* @__PURE__ */ e(V, { children: o.missing_data_title }),
|
|
2484
2481
|
/* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
|
|
@@ -2499,8 +2496,8 @@ const No = ({ total: t }) => {
|
|
|
2499
2496
|
children: o.connect_more_accounts_button
|
|
2500
2497
|
}
|
|
2501
2498
|
) })
|
|
2502
|
-
] }) : /* @__PURE__ */ e(
|
|
2503
|
-
},
|
|
2499
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
2500
|
+
}, Or = v(Tr), Fr = ({
|
|
2504
2501
|
firstDay: t,
|
|
2505
2502
|
frequency: o,
|
|
2506
2503
|
secondDay: n,
|
|
@@ -2514,19 +2511,19 @@ const No = ({ total: t }) => {
|
|
|
2514
2511
|
const { finstrong: d } = x();
|
|
2515
2512
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2516
2513
|
/* @__PURE__ */ a(p, { children: [
|
|
2517
|
-
!!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((
|
|
2518
|
-
if (
|
|
2519
|
-
const f =
|
|
2520
|
-
return
|
|
2514
|
+
!!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
|
|
2515
|
+
if (h.guid === _.guid) return u;
|
|
2516
|
+
const f = Vn(y, r), w = Yn(y, r);
|
|
2517
|
+
return u.push(
|
|
2521
2518
|
/* @__PURE__ */ a(m.Fragment, { children: [
|
|
2522
|
-
f && /* @__PURE__ */ e(
|
|
2523
|
-
/* @__PURE__ */ e(
|
|
2519
|
+
f && /* @__PURE__ */ e(Xn, { children: It(h.date) }),
|
|
2520
|
+
/* @__PURE__ */ e(qn, { transaction: h }),
|
|
2524
2521
|
/* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
|
|
2525
|
-
] },
|
|
2526
|
-
),
|
|
2522
|
+
] }, h.guid)
|
|
2523
|
+
), u;
|
|
2527
2524
|
}, []) }),
|
|
2528
2525
|
/* @__PURE__ */ e(
|
|
2529
|
-
|
|
2526
|
+
so,
|
|
2530
2527
|
{
|
|
2531
2528
|
firstDay: t,
|
|
2532
2529
|
frequency: o,
|
|
@@ -2542,18 +2539,18 @@ const No = ({ total: t }) => {
|
|
|
2542
2539
|
B,
|
|
2543
2540
|
{
|
|
2544
2541
|
fullWidth: !0,
|
|
2545
|
-
onClick: () => s({ step:
|
|
2546
|
-
startIcon: /* @__PURE__ */ e(
|
|
2542
|
+
onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
|
|
2543
|
+
startIcon: /* @__PURE__ */ e(ht, {}),
|
|
2547
2544
|
children: d.onboarding_add_more_income
|
|
2548
2545
|
}
|
|
2549
2546
|
) })
|
|
2550
2547
|
] });
|
|
2551
|
-
},
|
|
2552
|
-
const { finstrong: n } = x(), r =
|
|
2548
|
+
}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
|
|
2549
|
+
const { finstrong: n } = x(), r = G(), s = (i) => {
|
|
2553
2550
|
o(Math.floor(new Date(i).getTime() / 1e3));
|
|
2554
2551
|
};
|
|
2555
|
-
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2556
|
-
|
|
2552
|
+
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(po, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2553
|
+
_o,
|
|
2557
2554
|
{
|
|
2558
2555
|
disableFuture: !0,
|
|
2559
2556
|
label: n.onboarding_select_date,
|
|
@@ -2582,10 +2579,10 @@ const No = ({ total: t }) => {
|
|
|
2582
2579
|
value: t ? new Date(t * 1e3) : null
|
|
2583
2580
|
}
|
|
2584
2581
|
) }) });
|
|
2585
|
-
},
|
|
2582
|
+
}, Pr = v(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
|
|
2586
2583
|
const { finstrong: n } = x(), r = !isNaN(t);
|
|
2587
2584
|
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2588
|
-
|
|
2585
|
+
Fe,
|
|
2589
2586
|
{
|
|
2590
2587
|
error: !r,
|
|
2591
2588
|
fullWidth: !0,
|
|
@@ -2599,7 +2596,7 @@ const No = ({ total: t }) => {
|
|
|
2599
2596
|
value: r ? t : ""
|
|
2600
2597
|
}
|
|
2601
2598
|
) });
|
|
2602
|
-
},
|
|
2599
|
+
}, Wr = v(Br), zt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2603
2600
|
/* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
|
|
2604
2601
|
k,
|
|
2605
2602
|
{
|
|
@@ -2617,7 +2614,7 @@ const No = ({ total: t }) => {
|
|
|
2617
2614
|
"% ",
|
|
2618
2615
|
o
|
|
2619
2616
|
] })
|
|
2620
|
-
] }),
|
|
2617
|
+
] }), $r = ({
|
|
2621
2618
|
completeCopy: t,
|
|
2622
2619
|
primaryText: o,
|
|
2623
2620
|
secondaryText: n,
|
|
@@ -2627,66 +2624,66 @@ const No = ({ total: t }) => {
|
|
|
2627
2624
|
/* @__PURE__ */ e(V, { children: o }),
|
|
2628
2625
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
|
|
2629
2626
|
] }),
|
|
2630
|
-
/* @__PURE__ */ e(
|
|
2631
|
-
] }),
|
|
2632
|
-
step:
|
|
2627
|
+
/* @__PURE__ */ e(zt, { completeCopy: t, value: r })
|
|
2628
|
+
] }), ct = {
|
|
2629
|
+
step: T.ConnectAccounts,
|
|
2633
2630
|
type: "main"
|
|
2634
|
-
},
|
|
2635
|
-
const { visibleAccounts: n } = xe(), { calculateHealthScore: r } =
|
|
2636
|
-
|
|
2637
|
-
), [b,
|
|
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("");
|
|
2638
2635
|
m.useEffect(() => {
|
|
2639
|
-
l({ start:
|
|
2636
|
+
l({ start: At(it()), end: Tt(it()) });
|
|
2640
2637
|
}, []), m.useEffect(() => {
|
|
2641
2638
|
d({
|
|
2642
|
-
accounts: n.map((
|
|
2639
|
+
accounts: n.map((A) => A.guid),
|
|
2643
2640
|
dateRange: {
|
|
2644
|
-
start:
|
|
2641
|
+
start: io(/* @__PURE__ */ new Date(), 90),
|
|
2645
2642
|
end: /* @__PURE__ */ new Date()
|
|
2646
2643
|
},
|
|
2647
|
-
custom:
|
|
2644
|
+
custom: st
|
|
2648
2645
|
}), i(n);
|
|
2649
2646
|
}, [n]);
|
|
2650
2647
|
const _e = m.useMemo(
|
|
2651
|
-
() =>
|
|
2652
|
-
[N,
|
|
2653
|
-
),
|
|
2654
|
-
[
|
|
2655
|
-
[
|
|
2656
|
-
[
|
|
2657
|
-
[
|
|
2658
|
-
})[C.step], [S, C,
|
|
2659
|
-
const { step:
|
|
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;
|
|
2660
2657
|
let R = 0;
|
|
2661
|
-
return
|
|
2662
|
-
}, [C.step,
|
|
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) => {
|
|
2663
2660
|
d({
|
|
2664
2661
|
..._,
|
|
2665
|
-
custom: (R) =>
|
|
2662
|
+
custom: (R) => A ? lo(R, A) : st(R)
|
|
2666
2663
|
});
|
|
2667
2664
|
}, Ht = {
|
|
2668
|
-
[
|
|
2669
|
-
main:
|
|
2670
|
-
mainActionContent:
|
|
2665
|
+
[T.ConnectAccounts]: {
|
|
2666
|
+
main: X ? /* @__PURE__ */ e(Bt, { shouldShowBalance: !1 }) : null,
|
|
2667
|
+
mainActionContent: X ? s.onboarding_next : s.onboarding_add_accounts,
|
|
2671
2668
|
primaryText: s.connect_your_accounts,
|
|
2672
2669
|
secondaryText: s.onboarding_connect_your_accounts_secondary
|
|
2673
2670
|
},
|
|
2674
|
-
[
|
|
2671
|
+
[T.MonthlyIncome]: {
|
|
2675
2672
|
detail: /* @__PURE__ */ e(
|
|
2676
|
-
|
|
2673
|
+
Rr,
|
|
2677
2674
|
{
|
|
2678
2675
|
firstDay: b,
|
|
2679
2676
|
frequency: F,
|
|
2680
2677
|
incomeTransactions: W,
|
|
2681
2678
|
secondDay: H,
|
|
2682
|
-
setCurrentStep: (
|
|
2683
|
-
g(
|
|
2679
|
+
setCurrentStep: (A) => {
|
|
2680
|
+
g(A), O((R) => {
|
|
2684
2681
|
if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
|
|
2685
|
-
const
|
|
2686
|
-
return
|
|
2682
|
+
const Ae = u.find((ie) => ie.guid === N);
|
|
2683
|
+
return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
|
|
2687
2684
|
});
|
|
2688
2685
|
},
|
|
2689
|
-
setFirstDay:
|
|
2686
|
+
setFirstDay: P,
|
|
2690
2687
|
setFrequency: U,
|
|
2691
2688
|
setSecondDay: we,
|
|
2692
2689
|
transaction: _e
|
|
@@ -2694,11 +2691,11 @@ const No = ({ total: t }) => {
|
|
|
2694
2691
|
),
|
|
2695
2692
|
detailActionContent: s.onboarding_confirm_income,
|
|
2696
2693
|
main: /* @__PURE__ */ e(
|
|
2697
|
-
|
|
2694
|
+
co,
|
|
2698
2695
|
{
|
|
2699
2696
|
onSearch: Et,
|
|
2700
|
-
onSelected: (
|
|
2701
|
-
g({ step:
|
|
2697
|
+
onSelected: (A) => {
|
|
2698
|
+
g({ step: T.MonthlyIncome, type: "detail" }), ae(A);
|
|
2702
2699
|
}
|
|
2703
2700
|
}
|
|
2704
2701
|
),
|
|
@@ -2706,133 +2703,133 @@ const No = ({ total: t }) => {
|
|
|
2706
2703
|
primaryText: s.onboarding_add_income_primary,
|
|
2707
2704
|
secondaryText: s.onboarding_add_income_secondary
|
|
2708
2705
|
},
|
|
2709
|
-
[
|
|
2710
|
-
main: /* @__PURE__ */ e(
|
|
2706
|
+
[T.Birthday]: {
|
|
2707
|
+
main: /* @__PURE__ */ e(Pr, { selectedDate: j, setSelectedDate: ve }),
|
|
2711
2708
|
mainActionContent: s.onboarding_next,
|
|
2712
2709
|
primaryText: s.onboarding_birthday_primary,
|
|
2713
2710
|
secondaryText: s.onboarding_birthday_secondary
|
|
2714
2711
|
},
|
|
2715
|
-
[
|
|
2716
|
-
main: /* @__PURE__ */ e(
|
|
2712
|
+
[T.CreditScore]: {
|
|
2713
|
+
main: /* @__PURE__ */ e(Wr, { creditScore: S, setCreditScore: D }),
|
|
2717
2714
|
mainActionContent: s.onboarding_next,
|
|
2718
2715
|
primaryText: s.onboarding_credit_score_primary,
|
|
2719
2716
|
secondaryText: s.onboarding_credit_score_secondary
|
|
2720
2717
|
}
|
|
2721
|
-
},
|
|
2722
|
-
g(
|
|
2723
|
-
},
|
|
2724
|
-
pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }),
|
|
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();
|
|
2725
2722
|
}, Nt = () => {
|
|
2726
|
-
if (C.step ===
|
|
2727
|
-
|
|
2723
|
+
if (C.step === T.CreditScore) {
|
|
2724
|
+
Ze();
|
|
2728
2725
|
return;
|
|
2729
2726
|
}
|
|
2730
2727
|
g({ step: C.step + 1, type: "main" });
|
|
2731
|
-
},
|
|
2732
|
-
const { step:
|
|
2733
|
-
switch (
|
|
2734
|
-
case
|
|
2735
|
-
|
|
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 });
|
|
2736
2733
|
break;
|
|
2737
|
-
case
|
|
2738
|
-
S && S !==
|
|
2734
|
+
case T.CreditScore:
|
|
2735
|
+
S && S !== h.credit_score && f({ ...h, credit_score: S }), Ze();
|
|
2739
2736
|
return;
|
|
2740
|
-
case
|
|
2737
|
+
case T.MonthlyIncome:
|
|
2741
2738
|
N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
|
|
2742
2739
|
...me,
|
|
2743
2740
|
{ ..._e, firstDay: b, frequency: F, secondDay: H }
|
|
2744
2741
|
]);
|
|
2745
2742
|
break;
|
|
2746
|
-
case
|
|
2747
|
-
if (!
|
|
2748
|
-
|
|
2743
|
+
case T.ConnectAccounts:
|
|
2744
|
+
if (!X) {
|
|
2745
|
+
te(!0);
|
|
2749
2746
|
return;
|
|
2750
2747
|
}
|
|
2751
2748
|
break;
|
|
2752
2749
|
}
|
|
2753
|
-
R in
|
|
2754
|
-
},
|
|
2755
|
-
const { step:
|
|
2750
|
+
R in T && g({ step: R, type: "main" });
|
|
2751
|
+
}, Kt = () => {
|
|
2752
|
+
const { step: A, type: R } = C;
|
|
2756
2753
|
if (R === "detail") {
|
|
2757
|
-
g({ step:
|
|
2754
|
+
g({ step: A, type: "main" });
|
|
2758
2755
|
return;
|
|
2759
2756
|
}
|
|
2760
|
-
if (
|
|
2761
|
-
g({ step:
|
|
2757
|
+
if (A === T.Birthday && W.length) {
|
|
2758
|
+
g({ step: A - 1, type: "detail" });
|
|
2762
2759
|
return;
|
|
2763
2760
|
}
|
|
2764
|
-
|
|
2765
|
-
}, Vt = async (
|
|
2766
|
-
for (const R of
|
|
2761
|
+
A > T.ConnectAccounts && g({ step: A - 1, type: "main" });
|
|
2762
|
+
}, Vt = async (A) => {
|
|
2763
|
+
for (const R of A) {
|
|
2767
2764
|
const {
|
|
2768
2765
|
account_guid: me,
|
|
2769
|
-
amount:
|
|
2766
|
+
amount: Ae,
|
|
2770
2767
|
date: ie,
|
|
2771
2768
|
description: qt,
|
|
2772
2769
|
feed_description: Ut,
|
|
2773
2770
|
firstDay: Qt,
|
|
2774
|
-
frequency:
|
|
2771
|
+
frequency: Je,
|
|
2775
2772
|
secondDay: Zt,
|
|
2776
2773
|
merchant_guid: Jt,
|
|
2777
2774
|
payee: en,
|
|
2778
2775
|
transaction_type: tn
|
|
2779
|
-
} = R, nn =
|
|
2776
|
+
} = R, nn = Nn(Je, ao(ie)), on = {
|
|
2780
2777
|
account_guid: me,
|
|
2781
|
-
amount:
|
|
2778
|
+
amount: Ae,
|
|
2782
2779
|
created_by: 0,
|
|
2783
2780
|
description: en || qt || Ut,
|
|
2784
2781
|
merchant_guid: Jt,
|
|
2785
|
-
predicted_occurs_on:
|
|
2782
|
+
predicted_occurs_on: ro(nn, { representation: "date" }),
|
|
2786
2783
|
recurrence_day: Qt,
|
|
2787
|
-
recurrence_type:
|
|
2784
|
+
recurrence_type: Je,
|
|
2788
2785
|
repeating_transaction_type: Dt.Income,
|
|
2789
2786
|
second_recurrence_day: Zt,
|
|
2790
2787
|
transaction_type: tn,
|
|
2791
|
-
user_guid:
|
|
2788
|
+
user_guid: h.guid
|
|
2792
2789
|
};
|
|
2793
2790
|
await c(on, R);
|
|
2794
2791
|
}
|
|
2795
|
-
},
|
|
2792
|
+
}, ue = Ht[C.step], Ie = C.step === T.ConnectAccounts, Yt = {
|
|
2796
2793
|
fullWidth: !0,
|
|
2797
|
-
...Ie && !
|
|
2798
|
-
}, Xt = !Ie || Ie && !
|
|
2794
|
+
...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
|
|
2795
|
+
}, Xt = !Ie || Ie && !X;
|
|
2799
2796
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2800
2797
|
/* @__PURE__ */ e(
|
|
2801
|
-
|
|
2798
|
+
oe,
|
|
2802
2799
|
{
|
|
2803
2800
|
footerStyles: { px: 24, py: 16 },
|
|
2804
2801
|
hasSecondaryAction: !Ie,
|
|
2805
2802
|
isOpen: t,
|
|
2806
|
-
isPrimaryDisabled: !
|
|
2807
|
-
onClose:
|
|
2808
|
-
onSecondaryAction:
|
|
2803
|
+
isPrimaryDisabled: !he,
|
|
2804
|
+
onClose: Qe,
|
|
2805
|
+
onSecondaryAction: Kt,
|
|
2809
2806
|
primaryButtonProps: Yt,
|
|
2810
|
-
primaryText:
|
|
2807
|
+
primaryText: ue?.mainActionContent,
|
|
2811
2808
|
secondaryColor: "primary",
|
|
2812
2809
|
secondaryText: s.onboarding_back,
|
|
2813
2810
|
title: s.title,
|
|
2814
|
-
...!E && { onPrimaryAction:
|
|
2811
|
+
...!E && { onPrimaryAction: jt },
|
|
2815
2812
|
children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2816
2813
|
E && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2817
|
-
/* @__PURE__ */ e("img", { alt: "", src:
|
|
2818
|
-
/* @__PURE__ */ e(
|
|
2814
|
+
/* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
|
|
2815
|
+
/* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
|
|
2819
2816
|
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
|
|
2820
2817
|
] }),
|
|
2821
|
-
|
|
2818
|
+
ue && !E && /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2822
2819
|
/* @__PURE__ */ e(
|
|
2823
|
-
|
|
2820
|
+
$r,
|
|
2824
2821
|
{
|
|
2825
2822
|
completeCopy: s.complete,
|
|
2826
|
-
primaryText:
|
|
2827
|
-
secondaryText:
|
|
2828
|
-
value:
|
|
2823
|
+
primaryText: ue.primaryText,
|
|
2824
|
+
secondaryText: ue.secondaryText,
|
|
2825
|
+
value: Gt
|
|
2829
2826
|
}
|
|
2830
2827
|
),
|
|
2831
2828
|
C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
|
|
2832
|
-
|
|
2829
|
+
ue.main,
|
|
2833
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 }) })
|
|
2834
2831
|
] }),
|
|
2835
|
-
C.type === "detail" &&
|
|
2832
|
+
C.type === "detail" && ue.detail
|
|
2836
2833
|
] })
|
|
2837
2834
|
] })
|
|
2838
2835
|
}
|
|
@@ -2840,13 +2837,13 @@ const No = ({ total: t }) => {
|
|
|
2840
2837
|
/* @__PURE__ */ e(
|
|
2841
2838
|
re,
|
|
2842
2839
|
{
|
|
2843
|
-
onClose: () =>
|
|
2840
|
+
onClose: () => te(!1),
|
|
2844
2841
|
showConnectWidget: Ce,
|
|
2845
2842
|
title: s.connect_more_accounts_button
|
|
2846
2843
|
}
|
|
2847
2844
|
)
|
|
2848
2845
|
] });
|
|
2849
|
-
},
|
|
2846
|
+
}, Gr = v(zr), Er = () => {
|
|
2850
2847
|
const { finstrong: t } = x(), [o, n] = m.useState(!1);
|
|
2851
2848
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2852
2849
|
/* @__PURE__ */ a(
|
|
@@ -2861,9 +2858,9 @@ const No = ({ total: t }) => {
|
|
|
2861
2858
|
},
|
|
2862
2859
|
children: [
|
|
2863
2860
|
/* @__PURE__ */ a(p, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
2864
|
-
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(
|
|
2861
|
+
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(hn, { size: 72 }) }),
|
|
2865
2862
|
/* @__PURE__ */ a(p, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
2866
|
-
/* @__PURE__ */ e(
|
|
2863
|
+
/* @__PURE__ */ e(Le, { children: t.onboarding_title }),
|
|
2867
2864
|
/* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
|
|
2868
2865
|
] })
|
|
2869
2866
|
] }),
|
|
@@ -2871,14 +2868,14 @@ const No = ({ total: t }) => {
|
|
|
2871
2868
|
]
|
|
2872
2869
|
}
|
|
2873
2870
|
),
|
|
2874
|
-
/* @__PURE__ */ e(
|
|
2871
|
+
/* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
|
|
2875
2872
|
] });
|
|
2876
|
-
},
|
|
2877
|
-
const { finstrong: n } = x(), r =
|
|
2878
|
-
l(Math.floor(new Date(
|
|
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) => {
|
|
2875
|
+
l(Math.floor(new Date(u).getTime() / 1e3));
|
|
2879
2876
|
};
|
|
2880
2877
|
return /* @__PURE__ */ e(
|
|
2881
|
-
|
|
2878
|
+
oe,
|
|
2882
2879
|
{
|
|
2883
2880
|
isOpen: t,
|
|
2884
2881
|
onClose: o,
|
|
@@ -2887,8 +2884,8 @@ const No = ({ total: t }) => {
|
|
|
2887
2884
|
},
|
|
2888
2885
|
onSecondaryAction: o,
|
|
2889
2886
|
title: n.date_of_birth,
|
|
2890
|
-
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(
|
|
2891
|
-
|
|
2887
|
+
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2888
|
+
ho,
|
|
2892
2889
|
{
|
|
2893
2890
|
disableFuture: !0,
|
|
2894
2891
|
onChange: _,
|
|
@@ -2922,20 +2919,20 @@ const No = ({ total: t }) => {
|
|
|
2922
2919
|
) }) })
|
|
2923
2920
|
}
|
|
2924
2921
|
);
|
|
2925
|
-
},
|
|
2922
|
+
}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
|
|
2926
2923
|
const { visibleFinstrongAccounts: n } = xe(), {
|
|
2927
2924
|
accounts: r,
|
|
2928
2925
|
common: s,
|
|
2929
2926
|
finstrong: i
|
|
2930
|
-
} = x(), { repeatingTransactions: c } =
|
|
2927
|
+
} = x(), { repeatingTransactions: c } = Ve(), { user: l } = J(), _ = c.reduce((f, w) => {
|
|
2931
2928
|
const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
|
|
2932
2929
|
return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
|
|
2933
|
-
}, 0), [d,
|
|
2930
|
+
}, 0), [d, u] = m.useState(null), y = [
|
|
2934
2931
|
{
|
|
2935
2932
|
dynamicCopy: i.add_profile_item,
|
|
2936
2933
|
fallbackLabel: i.monthly_income,
|
|
2937
|
-
icon: /* @__PURE__ */ e(
|
|
2938
|
-
key:
|
|
2934
|
+
icon: /* @__PURE__ */ e(un, {}),
|
|
2935
|
+
key: ne.MonthlyIncome,
|
|
2939
2936
|
label: i.monthly_income,
|
|
2940
2937
|
value: _
|
|
2941
2938
|
},
|
|
@@ -2943,31 +2940,31 @@ const No = ({ total: t }) => {
|
|
|
2943
2940
|
dynamicCopy: i.add_profile_item,
|
|
2944
2941
|
fallbackLabel: i.date_of_birth,
|
|
2945
2942
|
icon: /* @__PURE__ */ e(mn, {}),
|
|
2946
|
-
key:
|
|
2943
|
+
key: ne.DateOfBirth,
|
|
2947
2944
|
label: i.date_of_birth,
|
|
2948
2945
|
value: l.birthday
|
|
2949
2946
|
},
|
|
2950
2947
|
{
|
|
2951
2948
|
dynamicCopy: i.add_profile_item,
|
|
2952
2949
|
fallbackLabel: i.credit_score,
|
|
2953
|
-
icon: /* @__PURE__ */ e(
|
|
2954
|
-
key:
|
|
2950
|
+
icon: /* @__PURE__ */ e(He, {}),
|
|
2951
|
+
key: ne.CreditScore,
|
|
2955
2952
|
label: i.credit_score,
|
|
2956
2953
|
value: l.credit_score
|
|
2957
2954
|
},
|
|
2958
2955
|
{
|
|
2959
2956
|
fallbackLabel: i.connect_your_accounts,
|
|
2960
|
-
icon: /* @__PURE__ */ e(
|
|
2961
|
-
key:
|
|
2957
|
+
icon: /* @__PURE__ */ e(pt, {}),
|
|
2958
|
+
key: ne.Connections,
|
|
2962
2959
|
label: i.connections,
|
|
2963
|
-
value: n.length > 0 ?
|
|
2960
|
+
value: n.length > 0 ? K(
|
|
2964
2961
|
i.connected_account,
|
|
2965
2962
|
String(n.length),
|
|
2966
2963
|
n.length > 1 ? i.accounts : i.account
|
|
2967
2964
|
) : void 0
|
|
2968
2965
|
}
|
|
2969
|
-
].map((f) =>
|
|
2970
|
-
return /* @__PURE__ */ a(
|
|
2966
|
+
].map((f) => Tn(f));
|
|
2967
|
+
return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
|
|
2971
2968
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2972
2969
|
/* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
2973
2970
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
@@ -2975,16 +2972,16 @@ const No = ({ total: t }) => {
|
|
|
2975
2972
|
/* @__PURE__ */ e(M, { children: i.financial_profile_description })
|
|
2976
2973
|
] }),
|
|
2977
2974
|
/* @__PURE__ */ e(
|
|
2978
|
-
|
|
2975
|
+
zt,
|
|
2979
2976
|
{
|
|
2980
2977
|
completeCopy: i.complete,
|
|
2981
2978
|
value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
|
|
2982
2979
|
}
|
|
2983
2980
|
)
|
|
2984
2981
|
] }),
|
|
2985
|
-
/* @__PURE__ */ e(
|
|
2982
|
+
/* @__PURE__ */ e(On, { list: y, onClickItem: u }),
|
|
2986
2983
|
/* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2987
|
-
|
|
2984
|
+
Pe,
|
|
2988
2985
|
{
|
|
2989
2986
|
description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
|
|
2990
2987
|
drawerType: "connectDrawer",
|
|
@@ -2995,35 +2992,35 @@ const No = ({ total: t }) => {
|
|
|
2995
2992
|
) })
|
|
2996
2993
|
] }),
|
|
2997
2994
|
/* @__PURE__ */ e(
|
|
2998
|
-
|
|
2995
|
+
oe,
|
|
2999
2996
|
{
|
|
3000
|
-
isOpen: d ===
|
|
3001
|
-
onClose: () =>
|
|
2997
|
+
isOpen: d === ne.MonthlyIncome,
|
|
2998
|
+
onClose: () => u(null),
|
|
3002
2999
|
title: s.settings,
|
|
3003
|
-
children: /* @__PURE__ */ e(
|
|
3000
|
+
children: /* @__PURE__ */ e(uo, {})
|
|
3004
3001
|
}
|
|
3005
3002
|
),
|
|
3006
|
-
/* @__PURE__ */ e(
|
|
3007
|
-
/* @__PURE__ */ e(
|
|
3003
|
+
/* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
|
|
3004
|
+
/* @__PURE__ */ e(Lt, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
|
|
3008
3005
|
/* @__PURE__ */ e(
|
|
3009
3006
|
St,
|
|
3010
3007
|
{
|
|
3011
|
-
onClose: () =>
|
|
3012
|
-
showConnectionsWidget: d ===
|
|
3008
|
+
onClose: () => u(null),
|
|
3009
|
+
showConnectionsWidget: d === ne.Connections,
|
|
3013
3010
|
title: r.manage_connections
|
|
3014
3011
|
}
|
|
3015
3012
|
)
|
|
3016
3013
|
] });
|
|
3017
|
-
},
|
|
3014
|
+
}, Kr = v(jr), lt = ({
|
|
3018
3015
|
content: t,
|
|
3019
3016
|
islast: o = !1
|
|
3020
|
-
}) => /* @__PURE__ */ a(
|
|
3021
|
-
/* @__PURE__ */ a(
|
|
3022
|
-
/* @__PURE__ */ e(
|
|
3023
|
-
!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 } })
|
|
3024
3021
|
] }),
|
|
3025
|
-
/* @__PURE__ */ e(
|
|
3026
|
-
] }),
|
|
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 }) => {
|
|
3027
3024
|
const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
|
|
3028
3025
|
health_score_point_difference: r,
|
|
3029
3026
|
newer_credit_score: s,
|
|
@@ -3032,11 +3029,11 @@ const No = ({ total: t }) => {
|
|
|
3032
3029
|
newer_spend_to_income_ratio: l,
|
|
3033
3030
|
older_health_score: _,
|
|
3034
3031
|
newer_health_score: d,
|
|
3035
|
-
newer_score_calculated_at:
|
|
3036
|
-
} = t,
|
|
3032
|
+
newer_score_calculated_at: u
|
|
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 = () => {
|
|
3037
3034
|
if (r === 0) return null;
|
|
3038
|
-
const S = r > 0 ? n.up_from : n.down_from, D =
|
|
3039
|
-
return /* @__PURE__ */ a(
|
|
3035
|
+
const S = r > 0 ? n.up_from : n.down_from, D = K(S, _, d);
|
|
3036
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
3040
3037
|
/* @__PURE__ */ e(
|
|
3041
3038
|
bn,
|
|
3042
3039
|
{
|
|
@@ -3081,7 +3078,7 @@ const No = ({ total: t }) => {
|
|
|
3081
3078
|
/* @__PURE__ */ a(p, { sx: { gap: 2, width: "80%" }, children: [
|
|
3082
3079
|
/* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
|
|
3083
3080
|
/* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
|
|
3084
|
-
|
|
3081
|
+
h,
|
|
3085
3082
|
" ",
|
|
3086
3083
|
w()
|
|
3087
3084
|
] })
|
|
@@ -3092,10 +3089,10 @@ const No = ({ total: t }) => {
|
|
|
3092
3089
|
}
|
|
3093
3090
|
),
|
|
3094
3091
|
r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
|
|
3095
|
-
|
|
3092
|
+
yo,
|
|
3096
3093
|
{
|
|
3097
3094
|
sx: {
|
|
3098
|
-
[`& .${
|
|
3095
|
+
[`& .${fo.root}:before`]: {
|
|
3099
3096
|
flex: 0,
|
|
3100
3097
|
padding: 0
|
|
3101
3098
|
},
|
|
@@ -3104,19 +3101,19 @@ const No = ({ total: t }) => {
|
|
|
3104
3101
|
},
|
|
3105
3102
|
children: [
|
|
3106
3103
|
/* @__PURE__ */ e(
|
|
3107
|
-
|
|
3104
|
+
lt,
|
|
3108
3105
|
{
|
|
3109
|
-
content:
|
|
3106
|
+
content: K(
|
|
3110
3107
|
n.spend_to_income_description,
|
|
3111
|
-
|
|
3112
|
-
|
|
3108
|
+
Oe(c),
|
|
3109
|
+
Oe(l)
|
|
3113
3110
|
)
|
|
3114
3111
|
}
|
|
3115
3112
|
),
|
|
3116
3113
|
/* @__PURE__ */ e(
|
|
3117
|
-
|
|
3114
|
+
lt,
|
|
3118
3115
|
{
|
|
3119
|
-
content:
|
|
3116
|
+
content: K(
|
|
3120
3117
|
n.credit_score_description,
|
|
3121
3118
|
i,
|
|
3122
3119
|
s
|
|
@@ -3128,15 +3125,15 @@ const No = ({ total: t }) => {
|
|
|
3128
3125
|
}
|
|
3129
3126
|
) })
|
|
3130
3127
|
] });
|
|
3131
|
-
},
|
|
3132
|
-
const n =
|
|
3133
|
-
if (!s || !i) return /* @__PURE__ */ e(
|
|
3134
|
-
const
|
|
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();
|
|
3135
3132
|
return /* @__PURE__ */ e(
|
|
3136
|
-
|
|
3133
|
+
Pt,
|
|
3137
3134
|
{
|
|
3138
3135
|
additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
|
|
3139
|
-
|
|
3136
|
+
Ye,
|
|
3140
3137
|
{
|
|
3141
3138
|
axisColor: n.palette.divider,
|
|
3142
3139
|
baseline: "min",
|
|
@@ -3180,17 +3177,17 @@ const No = ({ total: t }) => {
|
|
|
3180
3177
|
}
|
|
3181
3178
|
),
|
|
3182
3179
|
/* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
|
|
3183
|
-
/* @__PURE__ */ e(M, { variant: "h3", children:
|
|
3184
|
-
/* @__PURE__ */ e(M, { variant: "XSmall", children:
|
|
3180
|
+
/* @__PURE__ */ e(M, { variant: "h3", children: u.status }),
|
|
3181
|
+
/* @__PURE__ */ e(M, { variant: "XSmall", children: u.description })
|
|
3185
3182
|
] })
|
|
3186
3183
|
] })
|
|
3187
3184
|
}
|
|
3188
3185
|
),
|
|
3189
|
-
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children:
|
|
3186
|
+
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(Yr, { report: y }, f)) })
|
|
3190
3187
|
}
|
|
3191
3188
|
);
|
|
3192
|
-
},
|
|
3193
|
-
const o =
|
|
3189
|
+
}, qr = v(Xr), Ur = ({ copy: t }) => {
|
|
3190
|
+
const o = G(), n = [
|
|
3194
3191
|
o.palette.chartMono.chartMono5,
|
|
3195
3192
|
o.palette.chartMono.chartMono4,
|
|
3196
3193
|
o.palette.chartMono.chartMono3,
|
|
@@ -3249,20 +3246,20 @@ const No = ({ total: t }) => {
|
|
|
3249
3246
|
)) })
|
|
3250
3247
|
] })
|
|
3251
3248
|
] });
|
|
3252
|
-
},
|
|
3253
|
-
const { finstrong: n } = x(), { isCopyLoaded: r } =
|
|
3254
|
-
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: [
|
|
3255
3252
|
/* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
|
|
3256
3253
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
3257
3254
|
/* @__PURE__ */ e(V, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3258
3255
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3259
3256
|
] }),
|
|
3260
|
-
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
3257
|
+
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
|
|
3261
3258
|
] }),
|
|
3262
3259
|
/* @__PURE__ */ a(p, { sx: { gap: 12 }, children: [
|
|
3263
3260
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
|
|
3264
3261
|
/* @__PURE__ */ a(
|
|
3265
|
-
|
|
3262
|
+
Ee,
|
|
3266
3263
|
{
|
|
3267
3264
|
component: "ol",
|
|
3268
3265
|
sx: {
|
|
@@ -3302,7 +3299,7 @@ const No = ({ total: t }) => {
|
|
|
3302
3299
|
/* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
|
|
3303
3300
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
|
|
3304
3301
|
/* @__PURE__ */ a(
|
|
3305
|
-
|
|
3302
|
+
Ee,
|
|
3306
3303
|
{
|
|
3307
3304
|
component: "ol",
|
|
3308
3305
|
sx: {
|
|
@@ -3328,12 +3325,12 @@ const No = ({ total: t }) => {
|
|
|
3328
3325
|
}
|
|
3329
3326
|
)
|
|
3330
3327
|
] })
|
|
3331
|
-
] }) }) : /* @__PURE__ */ e(
|
|
3332
|
-
},
|
|
3333
|
-
const [t, o] = m.useState(!1), n =
|
|
3334
|
-
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: [
|
|
3335
3332
|
/* @__PURE__ */ e(
|
|
3336
|
-
|
|
3333
|
+
Do,
|
|
3337
3334
|
{
|
|
3338
3335
|
action: /* @__PURE__ */ e(
|
|
3339
3336
|
B,
|
|
@@ -3369,11 +3366,11 @@ const No = ({ total: t }) => {
|
|
|
3369
3366
|
}
|
|
3370
3367
|
) }),
|
|
3371
3368
|
_?.health_score ? /* @__PURE__ */ a(
|
|
3372
|
-
|
|
3369
|
+
wo,
|
|
3373
3370
|
{
|
|
3374
3371
|
sx: {
|
|
3375
3372
|
px: 16,
|
|
3376
|
-
backgroundColor:
|
|
3373
|
+
backgroundColor: u ? "grey.800" : "grey.50",
|
|
3377
3374
|
//TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
|
|
3378
3375
|
"&.Mui-expanded": {
|
|
3379
3376
|
m: 0
|
|
@@ -3384,7 +3381,7 @@ const No = ({ total: t }) => {
|
|
|
3384
3381
|
},
|
|
3385
3382
|
children: [
|
|
3386
3383
|
/* @__PURE__ */ e(
|
|
3387
|
-
|
|
3384
|
+
Mo,
|
|
3388
3385
|
{
|
|
3389
3386
|
expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
|
|
3390
3387
|
sx: {
|
|
@@ -3397,11 +3394,11 @@ const No = ({ total: t }) => {
|
|
|
3397
3394
|
children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
|
|
3398
3395
|
}
|
|
3399
3396
|
),
|
|
3400
|
-
/* @__PURE__ */ e(
|
|
3397
|
+
/* @__PURE__ */ e(ko, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
|
|
3401
3398
|
]
|
|
3402
3399
|
}
|
|
3403
3400
|
) : /* @__PURE__ */ e(
|
|
3404
|
-
|
|
3401
|
+
Pe,
|
|
3405
3402
|
{
|
|
3406
3403
|
buttonText: i.connect_more_accounts_title,
|
|
3407
3404
|
description: i.health_score_zero_description,
|
|
@@ -3409,7 +3406,7 @@ const No = ({ total: t }) => {
|
|
|
3409
3406
|
hasIcon: !1,
|
|
3410
3407
|
isDashboard: !0,
|
|
3411
3408
|
sx: {
|
|
3412
|
-
backgroundColor:
|
|
3409
|
+
backgroundColor: u ? "grey.800" : "grey.50",
|
|
3413
3410
|
//TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
|
|
3414
3411
|
".connect-more-accounts-title": {
|
|
3415
3412
|
fontWeight: 600,
|
|
@@ -3422,39 +3419,39 @@ const No = ({ total: t }) => {
|
|
|
3422
3419
|
}
|
|
3423
3420
|
),
|
|
3424
3421
|
/* @__PURE__ */ e(
|
|
3425
|
-
|
|
3422
|
+
Zr,
|
|
3426
3423
|
{
|
|
3427
3424
|
isOpen: t,
|
|
3428
3425
|
onClose: () => o(!1)
|
|
3429
3426
|
}
|
|
3430
3427
|
)
|
|
3431
3428
|
] });
|
|
3432
|
-
}),
|
|
3433
|
-
const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } =
|
|
3434
|
-
augmentedChartData:
|
|
3435
|
-
calculateHealthScore:
|
|
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(), {
|
|
3431
|
+
augmentedChartData: u,
|
|
3432
|
+
calculateHealthScore: h,
|
|
3436
3433
|
healthScore: y,
|
|
3437
3434
|
loadAugmentedChartData: f,
|
|
3438
3435
|
loadMonthlySummaries: w,
|
|
3439
3436
|
loadPeerScore: S,
|
|
3440
3437
|
peerScore: D
|
|
3441
|
-
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized:
|
|
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);
|
|
3442
3439
|
if (m.useEffect(() => {
|
|
3443
3440
|
l(O);
|
|
3444
3441
|
}, []), m.useEffect(() => {
|
|
3445
3442
|
n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
|
|
3446
3443
|
}, [n, d]), m.useEffect(() => {
|
|
3447
|
-
|
|
3444
|
+
P && (w().finally(), S().finally(), h().finally(), f().finally(() => {
|
|
3448
3445
|
F?.("FinstrongWidget");
|
|
3449
3446
|
}));
|
|
3450
|
-
}, [
|
|
3451
|
-
|
|
3447
|
+
}, [P]), m.useEffect(() => {
|
|
3448
|
+
P && (_(r, s.start, s.end).finally(() => {
|
|
3452
3449
|
Ce(!0);
|
|
3453
3450
|
}), i || (c(), U().finally()));
|
|
3454
|
-
}, [s, i,
|
|
3455
|
-
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);
|
|
3456
3453
|
return /* @__PURE__ */ a(
|
|
3457
|
-
|
|
3454
|
+
Io,
|
|
3458
3455
|
{
|
|
3459
3456
|
actions: [
|
|
3460
3457
|
{
|
|
@@ -3481,9 +3478,9 @@ const No = ({ total: t }) => {
|
|
|
3481
3478
|
},
|
|
3482
3479
|
children: [
|
|
3483
3480
|
/* @__PURE__ */ a(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
|
|
3484
|
-
/* @__PURE__ */ e(
|
|
3481
|
+
/* @__PURE__ */ e(Jr, {}),
|
|
3485
3482
|
/* @__PURE__ */ e(
|
|
3486
|
-
|
|
3483
|
+
Pe,
|
|
3487
3484
|
{
|
|
3488
3485
|
description: C.connect_more_accounts_description,
|
|
3489
3486
|
drawerType: "connectDrawer",
|
|
@@ -3507,8 +3504,8 @@ const No = ({ total: t }) => {
|
|
|
3507
3504
|
}
|
|
3508
3505
|
)
|
|
3509
3506
|
] }),
|
|
3510
|
-
|
|
3511
|
-
|
|
3507
|
+
u.length ? /* @__PURE__ */ e(
|
|
3508
|
+
Ye,
|
|
3512
3509
|
{
|
|
3513
3510
|
axisColor: O.palette.divider,
|
|
3514
3511
|
baseline: "min",
|
|
@@ -3517,7 +3514,7 @@ const No = ({ total: t }) => {
|
|
|
3517
3514
|
customLegendBoxSx: { borderRadius: "2px" },
|
|
3518
3515
|
customLegendSx: { left: 0 },
|
|
3519
3516
|
customLegendVariant: "XSmall",
|
|
3520
|
-
datasets: [
|
|
3517
|
+
datasets: [u],
|
|
3521
3518
|
height: 300,
|
|
3522
3519
|
isGraphClippingXAxis: !0,
|
|
3523
3520
|
labelBackgroundColor: O.palette.border.dark,
|
|
@@ -3535,13 +3532,13 @@ const No = ({ total: t }) => {
|
|
|
3535
3532
|
useCustomMark: !0,
|
|
3536
3533
|
xAxisScaleType: "band"
|
|
3537
3534
|
}
|
|
3538
|
-
) : /* @__PURE__ */ e(
|
|
3539
|
-
y.health_score !== null && /* @__PURE__ */ e(
|
|
3535
|
+
) : /* @__PURE__ */ e(Or, { onClick: () => N(!0) }),
|
|
3536
|
+
y.health_score !== null && /* @__PURE__ */ e(Ar, {})
|
|
3540
3537
|
] }) })
|
|
3541
3538
|
]
|
|
3542
3539
|
}
|
|
3543
|
-
) : /* @__PURE__ */ e(
|
|
3544
|
-
/* @__PURE__ */ e(
|
|
3540
|
+
) : /* @__PURE__ */ e(Er, {}),
|
|
3541
|
+
/* @__PURE__ */ e(Kr, { isOpen: te, onClose: () => j(!1) }),
|
|
3545
3542
|
/* @__PURE__ */ e(
|
|
3546
3543
|
re,
|
|
3547
3544
|
{
|
|
@@ -3551,7 +3548,7 @@ const No = ({ total: t }) => {
|
|
|
3551
3548
|
}
|
|
3552
3549
|
),
|
|
3553
3550
|
/* @__PURE__ */ e(
|
|
3554
|
-
|
|
3551
|
+
qr,
|
|
3555
3552
|
{
|
|
3556
3553
|
isOpen: ve,
|
|
3557
3554
|
onClose: () => H(!1)
|
|
@@ -3560,12 +3557,12 @@ const No = ({ total: t }) => {
|
|
|
3560
3557
|
]
|
|
3561
3558
|
}
|
|
3562
3559
|
);
|
|
3563
|
-
},
|
|
3560
|
+
}, yi = v(ea);
|
|
3564
3561
|
export {
|
|
3565
|
-
|
|
3562
|
+
To as CreditScoreGraph,
|
|
3566
3563
|
Ft as DialScoreCard,
|
|
3567
3564
|
Rt as FinancialStrengthGraph,
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3565
|
+
xi as FinstrongApi,
|
|
3566
|
+
Si as FinstrongStore,
|
|
3567
|
+
yi as FinstrongWidget
|
|
3571
3568
|
};
|