@mx-cartographer/experiences 7.5.0 → 7.5.1
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 +6 -2
- package/dist/finstrong/index.es.js +373 -376
- package/package.json +1 -1
|
@@ -2,76 +2,76 @@ import { jsxs as a, Fragment as G, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import k from "@mui/material/Box";
|
|
3
3
|
import p from "@mui/material/Stack";
|
|
4
4
|
import { useTheme as E, alpha as fe } from "@mui/material/styles";
|
|
5
|
-
import { PieChart as
|
|
6
|
-
import { TrendingUp as
|
|
7
|
-
import { P as M, H3 as K, Text as I, InstitutionLogo as
|
|
8
|
-
import { g as
|
|
9
|
-
import { y as
|
|
10
|
-
import * as
|
|
5
|
+
import { PieChart as on, BarPlot as rn } from "@mui/x-charts";
|
|
6
|
+
import { TrendingUp as lt, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as dt, ChevronRight as J, MultilineChart as pt, CreditCard as Ee, CheckCircle as cn, Cancel as ln, Savings as dn, ContentCopy as pn, Add as _t, Cardiology as _n, Payments as hn, CalendarMonth as un, ExpandMore as mn } from "@mxenabled/mx-icons";
|
|
7
|
+
import { P as M, H3 as K, Text as I, InstitutionLogo as ht, H2 as Le, MerchantLogo as gn, Icon as yn } from "@mxenabled/mxui";
|
|
8
|
+
import { g as bn, a as fn, r as Je, b as xn, c as He, d as ut, C as we, e as ke, f as Sn, h as Cn, i as vn, j as mt, k as et, l as wn, m as tt, n as kn, o as gt, p as Mn, q as yt, s as Oe, t as bt, u as Dn, v as ft, w as In, A as ne, x as An, P as Tn } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
9
|
+
import { y as xi, F as Si } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
10
|
+
import * as nt from "d3";
|
|
11
11
|
import { observer as v } from "mobx-react-lite";
|
|
12
|
-
import { u as x, b as q, a as
|
|
12
|
+
import { u as x, b as q, a as Ne, o as ee, z as L, p as On, d as Se, m as je, f as Rn, j as Ke, h as Fn, i as Ln } from "../hooks-ZMp65DFz.mjs";
|
|
13
13
|
import { L as te } from "../Loader-DUaFpDGv.mjs";
|
|
14
14
|
import m from "react";
|
|
15
15
|
import B from "@mui/material/Button";
|
|
16
16
|
import V from "@mui/material/Card";
|
|
17
|
-
import { L as
|
|
18
|
-
import { C as
|
|
19
|
-
import { l as re, g as
|
|
17
|
+
import { L as Ve } from "../LineChart-BQRxZF3p.mjs";
|
|
18
|
+
import { C as xt } from "../ConnectionsDrawer-VmuVFHbL.mjs";
|
|
19
|
+
import { l as re, g as St, A as ze } from "../ConnectDrawer-BkvlItWx.mjs";
|
|
20
20
|
import se from "@mui/material/Tab";
|
|
21
21
|
import Xe from "@mui/material/Tabs";
|
|
22
22
|
import Re from "@mui/material/TextField";
|
|
23
|
-
import { u as
|
|
24
|
-
import { D as
|
|
25
|
-
import { u as
|
|
26
|
-
import
|
|
23
|
+
import { u as Ye } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
24
|
+
import { D as Pn, f as Bn, a as Wn } from "../Dialog-BPTr3qHE.mjs";
|
|
25
|
+
import { u as Ct } from "../useDimensions-27p2evRx.mjs";
|
|
26
|
+
import $n from "@mui/material/Chip";
|
|
27
27
|
import { D as oe } from "../Drawer-By9V-B5L.mjs";
|
|
28
28
|
import le from "@mui/material/Divider";
|
|
29
29
|
import ye from "@mui/material/ListItem";
|
|
30
|
-
import
|
|
30
|
+
import vt from "@mui/material/ListItemAvatar";
|
|
31
31
|
import be from "@mui/material/ListItemText";
|
|
32
|
-
import { g as
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
32
|
+
import { g as wt } from "../AccountFields-zCMqet85.mjs";
|
|
33
|
+
import Ge from "@mui/material/List";
|
|
34
|
+
import zn from "@mui/material/ListItemButton";
|
|
35
|
+
import Gn from "@mui/material/ListSubheader";
|
|
36
36
|
import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
37
37
|
import { b as j } from "../Localization-2MODESHW.mjs";
|
|
38
|
-
import { S as
|
|
39
|
-
import { S as
|
|
40
|
-
import { h as
|
|
41
|
-
import { T as
|
|
38
|
+
import { S as ot, F as kt, e as En, R as Mt } from "../RecurringTransactions-BqijW_8S.mjs";
|
|
39
|
+
import { S as Hn } from "../StatusBar-BK_uYHAB.mjs";
|
|
40
|
+
import { h as Dt } from "../DateUtil-CBdcsyuk.mjs";
|
|
41
|
+
import { T as Nn, s as jn, h as Kn, S as Vn, c as Xn } from "../TransactionDetails-m5PddMQn.mjs";
|
|
42
42
|
import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
|
|
43
43
|
import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
|
|
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
|
|
58
|
-
import { AdapterDateFns as
|
|
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 { u as
|
|
73
|
-
import { W as
|
|
74
|
-
const
|
|
44
|
+
import Yn from "@mui/material/useMediaQuery";
|
|
45
|
+
import { ChartsXAxis as qn } from "@mui/x-charts/ChartsXAxis";
|
|
46
|
+
import { ChartsYAxis as Un } from "@mui/x-charts/ChartsYAxis";
|
|
47
|
+
import { ResponsiveChartContainer as Qn } from "@mui/x-charts/ResponsiveChartContainer";
|
|
48
|
+
import { useSpring as Zn, animated as rt } from "@react-spring/web";
|
|
49
|
+
import { startOfMonth as It } from "date-fns/startOfMonth";
|
|
50
|
+
import { endOfMonth as At } from "date-fns/endOfMonth";
|
|
51
|
+
import { g as Jn, S as eo, b as to } from "../SpendingLegend-CDO060GT.mjs";
|
|
52
|
+
import { formatISO as no } from "date-fns/formatISO";
|
|
53
|
+
import { fromUnixTime as oo } from "date-fns/fromUnixTime";
|
|
54
|
+
import { startOfToday as at } from "date-fns/startOfToday";
|
|
55
|
+
import { subDays as ro } from "date-fns/subDays";
|
|
56
|
+
import { c as ao, d as it, S as io, i as so } from "../ManageIncome-CaoQl609.mjs";
|
|
57
|
+
import { LocalizationProvider as co, DatePicker as lo, StaticDatePicker as po } from "@mui/x-date-pickers";
|
|
58
|
+
import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
59
|
+
import { R as _o } from "../RecurringSettings-B4ybrS0B.mjs";
|
|
60
|
+
import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
|
|
61
|
+
import { format as uo } from "date-fns/format";
|
|
62
|
+
import mo from "@mui/lab/Timeline";
|
|
63
|
+
import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";
|
|
64
|
+
import bo from "@mui/lab/TimelineConnector";
|
|
65
|
+
import fo from "@mui/lab/TimelineContent";
|
|
66
|
+
import xo from "@mui/lab/TimelineDot";
|
|
67
|
+
import So from "@mui/lab/TimelineSeparator";
|
|
68
|
+
import Co from "@mui/material/Accordion";
|
|
69
|
+
import vo from "@mui/material/AccordionDetails";
|
|
70
|
+
import wo from "@mui/material/AccordionSummary";
|
|
71
|
+
import ko from "@mui/material/CardHeader";
|
|
72
|
+
import { u as Mo } from "../useWidgetLoadTimer-hIOioiKx.mjs";
|
|
73
|
+
import { W as Do } from "../WidgetContainer-CoFDmQRE.mjs";
|
|
74
|
+
const Io = ({
|
|
75
75
|
dialScoreData: t,
|
|
76
76
|
dataIndex: o,
|
|
77
77
|
arcColor: n,
|
|
@@ -91,18 +91,18 @@ const Ao = ({
|
|
|
91
91
|
{ offset: "36.67%", color: f.palette.chartMono.chartMono3 },
|
|
92
92
|
{ offset: "59.72%", color: f.palette.chartMono.chartMono4 },
|
|
93
93
|
{ offset: "83.46%", color: f.palette.chartMono.chartMono5 }
|
|
94
|
-
], [S, D] =
|
|
94
|
+
], [S, D] = bn(
|
|
95
95
|
t,
|
|
96
96
|
s,
|
|
97
97
|
r,
|
|
98
98
|
o
|
|
99
|
-
), [C, g] =
|
|
99
|
+
), [C, g] = fn(
|
|
100
100
|
S,
|
|
101
101
|
D,
|
|
102
102
|
o,
|
|
103
103
|
h,
|
|
104
104
|
u
|
|
105
|
-
), b =
|
|
105
|
+
), b = nt.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), P = nt.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
|
|
106
106
|
return /* @__PURE__ */ a(G, { children: [
|
|
107
107
|
/* @__PURE__ */ e(
|
|
108
108
|
"path",
|
|
@@ -126,7 +126,7 @@ const Ao = ({
|
|
|
126
126
|
}
|
|
127
127
|
) })
|
|
128
128
|
] });
|
|
129
|
-
},
|
|
129
|
+
}, Ot = ({
|
|
130
130
|
arcRadius: t = 100,
|
|
131
131
|
healthScore: o,
|
|
132
132
|
size: n = "L",
|
|
@@ -141,7 +141,7 @@ const Ao = ({
|
|
|
141
141
|
footerRightContent: h,
|
|
142
142
|
isFinacialStrengthGraph: y = !1
|
|
143
143
|
}) => {
|
|
144
|
-
const f = E(), 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, R = t, U = t * (1 - P), T = R * 2, $ = T / 2, z = T / 2, pe = (U + R) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q,
|
|
144
|
+
const f = E(), 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, R = t, U = t * (1 - P), T = R * 2, $ = T / 2, z = T / 2, pe = (U + R) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, X] = xn(pe, b, ve), _e = o / 25, H = {
|
|
145
145
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
146
146
|
M: { markerSize: 8, healthScoreFontSize: 48 },
|
|
147
147
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
@@ -151,7 +151,7 @@ const Ao = ({
|
|
|
151
151
|
bottom: 0,
|
|
152
152
|
left: 0,
|
|
153
153
|
...l
|
|
154
|
-
}, N = d === 0 ?
|
|
154
|
+
}, N = d === 0 ? an : sn, ae = n !== "SM" ? 3 : 1, De = ae * 4, ue = H[n].markerSize * 2 + De;
|
|
155
155
|
return /* @__PURE__ */ a(
|
|
156
156
|
p,
|
|
157
157
|
{
|
|
@@ -164,7 +164,7 @@ const Ao = ({
|
|
|
164
164
|
},
|
|
165
165
|
children: [
|
|
166
166
|
/* @__PURE__ */ e(
|
|
167
|
-
|
|
167
|
+
on,
|
|
168
168
|
{
|
|
169
169
|
height: n === "SM" ? T - 7 : T,
|
|
170
170
|
margin: he,
|
|
@@ -173,9 +173,9 @@ const Ao = ({
|
|
|
173
173
|
data: r,
|
|
174
174
|
innerRadius: U,
|
|
175
175
|
outerRadius: R,
|
|
176
|
-
startAngle: Math.round(
|
|
176
|
+
startAngle: Math.round(Je(w)),
|
|
177
177
|
// Use Math.degrees to convert
|
|
178
|
-
endAngle: Math.round(
|
|
178
|
+
endAngle: Math.round(Je(S))
|
|
179
179
|
// Use Math.degrees to convert
|
|
180
180
|
}
|
|
181
181
|
],
|
|
@@ -184,15 +184,15 @@ const Ao = ({
|
|
|
184
184
|
legend: { hidden: !0 }
|
|
185
185
|
},
|
|
186
186
|
slots: {
|
|
187
|
-
pieArc: (
|
|
188
|
-
|
|
187
|
+
pieArc: (Y) => /* @__PURE__ */ e(
|
|
188
|
+
Io,
|
|
189
189
|
{
|
|
190
|
-
arcColor:
|
|
190
|
+
arcColor: Y.color,
|
|
191
191
|
arcRadius: t,
|
|
192
192
|
arcStartAngle: w,
|
|
193
193
|
centerX: $,
|
|
194
194
|
centerY: z,
|
|
195
|
-
dataIndex:
|
|
195
|
+
dataIndex: Y.dataIndex,
|
|
196
196
|
dialScoreData: r,
|
|
197
197
|
innerArcRadius: U,
|
|
198
198
|
isFinacialStrengthGraph: y,
|
|
@@ -218,16 +218,16 @@ const Ao = ({
|
|
|
218
218
|
style: {
|
|
219
219
|
position: "absolute",
|
|
220
220
|
left: $ + Q - H[n].markerSize - 5,
|
|
221
|
-
top: z +
|
|
221
|
+
top: z + X - H[n].markerSize - 5,
|
|
222
222
|
overflow: "visible"
|
|
223
223
|
},
|
|
224
|
-
viewBox: `${$ + Q - H[n].markerSize - 5} ${z +
|
|
224
|
+
viewBox: `${$ + Q - H[n].markerSize - 5} ${z + X - H[n].markerSize - 5} ${ue} ${ue}`,
|
|
225
225
|
width: ue,
|
|
226
226
|
children: /* @__PURE__ */ e(
|
|
227
227
|
"circle",
|
|
228
228
|
{
|
|
229
229
|
cx: $ + Q,
|
|
230
|
-
cy: z +
|
|
230
|
+
cy: z + X,
|
|
231
231
|
fill: f.palette.common.white,
|
|
232
232
|
r: H[n].markerSize,
|
|
233
233
|
stroke: y ? "url(#arcGradient)" : c,
|
|
@@ -289,7 +289,7 @@ const Ao = ({
|
|
|
289
289
|
mt: 24
|
|
290
290
|
},
|
|
291
291
|
children: [
|
|
292
|
-
d > 0 ? /* @__PURE__ */ e(
|
|
292
|
+
d > 0 ? /* @__PURE__ */ e(lt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(N, { size: 16, sx: { color: "text.secondary" } }),
|
|
293
293
|
/* @__PURE__ */ e(
|
|
294
294
|
M,
|
|
295
295
|
{
|
|
@@ -336,7 +336,7 @@ const Ao = ({
|
|
|
336
336
|
]
|
|
337
337
|
}
|
|
338
338
|
);
|
|
339
|
-
},
|
|
339
|
+
}, Rt = v(
|
|
340
340
|
({
|
|
341
341
|
arcRadius: t,
|
|
342
342
|
size: o = "L",
|
|
@@ -349,9 +349,9 @@ const Ao = ({
|
|
|
349
349
|
{ id: 2, label: "Group B", value: 25 },
|
|
350
350
|
{ id: 3, label: "Group C", value: 25 },
|
|
351
351
|
{ id: 4, label: "Group D", value: 25 }
|
|
352
|
-
], { finstrong: l } = x(), c =
|
|
352
|
+
], { finstrong: l } = x(), c = He(n, l);
|
|
353
353
|
return /* @__PURE__ */ e(
|
|
354
|
-
|
|
354
|
+
Ot,
|
|
355
355
|
{
|
|
356
356
|
arcRadius: t,
|
|
357
357
|
dialScoreData: i,
|
|
@@ -364,7 +364,7 @@ const Ao = ({
|
|
|
364
364
|
}
|
|
365
365
|
);
|
|
366
366
|
}
|
|
367
|
-
),
|
|
367
|
+
), Ao = v(
|
|
368
368
|
({
|
|
369
369
|
arcRadius: t,
|
|
370
370
|
size: o = "L",
|
|
@@ -406,13 +406,13 @@ const Ao = ({
|
|
|
406
406
|
}
|
|
407
407
|
], { finstrong: d } = x(), { isCopyLoaded: u } = q();
|
|
408
408
|
if (!u) return /* @__PURE__ */ e(te, {});
|
|
409
|
-
const { status: h, color: y = "none" } =
|
|
409
|
+
const { status: h, color: y = "none" } = ut(
|
|
410
410
|
n,
|
|
411
411
|
c,
|
|
412
412
|
d.credit_score_status
|
|
413
413
|
);
|
|
414
414
|
return /* @__PURE__ */ e(
|
|
415
|
-
|
|
415
|
+
Ot,
|
|
416
416
|
{
|
|
417
417
|
arcRadius: t,
|
|
418
418
|
dialScoreData: _,
|
|
@@ -438,7 +438,7 @@ const Ao = ({
|
|
|
438
438
|
description: l,
|
|
439
439
|
sx: c
|
|
440
440
|
}) => {
|
|
441
|
-
const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } =
|
|
441
|
+
const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = Ne();
|
|
442
442
|
return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
|
|
443
443
|
V,
|
|
444
444
|
{
|
|
@@ -458,7 +458,7 @@ const Ao = ({
|
|
|
458
458
|
...o && { flexDirection: "row", alignItems: "center" }
|
|
459
459
|
},
|
|
460
460
|
children: [
|
|
461
|
-
n && /* @__PURE__ */ e(
|
|
461
|
+
n && /* @__PURE__ */ e(dt, { sx: { height: 20, width: 20 } }),
|
|
462
462
|
/* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
|
|
463
463
|
]
|
|
464
464
|
}
|
|
@@ -491,7 +491,7 @@ const Ao = ({
|
|
|
491
491
|
}
|
|
492
492
|
),
|
|
493
493
|
t === "connectionsDrawer" && /* @__PURE__ */ e(
|
|
494
|
-
|
|
494
|
+
xt,
|
|
495
495
|
{
|
|
496
496
|
onClose: () => d(!1),
|
|
497
497
|
showConnectionsWidget: _,
|
|
@@ -503,14 +503,14 @@ const Ao = ({
|
|
|
503
503
|
) : null;
|
|
504
504
|
};
|
|
505
505
|
var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
|
|
506
|
-
const
|
|
507
|
-
const { common: n, finstrong: r } = x(), { isMobile: s } =
|
|
506
|
+
const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Oo = ({ isOpen: t, onClose: o }) => {
|
|
507
|
+
const { common: n, finstrong: r } = x(), { isMobile: s } = Ye(), { updateUser: i, user: l } = ee(), [c, _] = m.useState(l.credit_score || 0), d = !isNaN(c), u = () => {
|
|
508
508
|
o(), setTimeout(() => _(l.credit_score || 0), 300);
|
|
509
509
|
}, h = () => {
|
|
510
510
|
!c || c === l.credit_score || i({ ...l, credit_score: c });
|
|
511
511
|
};
|
|
512
512
|
return /* @__PURE__ */ e(
|
|
513
|
-
|
|
513
|
+
Pn,
|
|
514
514
|
{
|
|
515
515
|
copy: { close_aria: n.close_aria, title: r.edit_credit_score },
|
|
516
516
|
disablePrimaryButton: !c || !d,
|
|
@@ -549,25 +549,22 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
549
549
|
)
|
|
550
550
|
}
|
|
551
551
|
);
|
|
552
|
-
},
|
|
553
|
-
|
|
554
|
-
credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
|
|
555
|
-
}, Fo = ({ chartFor: t }) => {
|
|
556
|
-
const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [l, { width: c }] = vt(), _ = {
|
|
552
|
+
}, Ft = v(Oo), Ro = ({ chartFor: t }) => {
|
|
553
|
+
const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [l, { width: c }] = Ct(), _ = {
|
|
557
554
|
savingsOverTime: {
|
|
558
|
-
icon: /* @__PURE__ */ e(
|
|
555
|
+
icon: /* @__PURE__ */ e(lt, { size: 48, sx: { marginBottom: 8 } }),
|
|
559
556
|
title: i.key_indicators_save.zero_state_title,
|
|
560
557
|
description: i.key_indicators_save.zero_state_description
|
|
561
558
|
},
|
|
562
559
|
debtOverTime: {
|
|
563
|
-
icon: /* @__PURE__ */ e(
|
|
560
|
+
icon: /* @__PURE__ */ e(pt, { size: 48, sx: { marginBottom: 8 } }),
|
|
564
561
|
title: "",
|
|
565
562
|
description: ""
|
|
566
563
|
},
|
|
567
564
|
creditOverTime: {
|
|
568
|
-
icon: /* @__PURE__ */ e(
|
|
569
|
-
title:
|
|
570
|
-
description:
|
|
565
|
+
icon: /* @__PURE__ */ e(Ee, { size: 48, sx: { marginBottom: 8 } }),
|
|
566
|
+
title: i.credit_over_time_title,
|
|
567
|
+
description: i.credit_over_time_zero_state_desc
|
|
571
568
|
}
|
|
572
569
|
}[t], u = {
|
|
573
570
|
savingsOverTime: {
|
|
@@ -579,13 +576,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
579
576
|
valueKey: "debt_balance"
|
|
580
577
|
},
|
|
581
578
|
creditOverTime: {
|
|
582
|
-
title:
|
|
579
|
+
title: i.credit_over_time_title,
|
|
583
580
|
valueKey: "credit_score"
|
|
584
581
|
}
|
|
585
|
-
}[t], h =
|
|
582
|
+
}[t], h = Sn(r, u.valueKey), y = r.map((R) => R[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";
|
|
586
583
|
let P;
|
|
587
584
|
if (b) {
|
|
588
|
-
const { color: R } =
|
|
585
|
+
const { color: R } = ut(
|
|
589
586
|
s?.credit_score ?? 0,
|
|
590
587
|
n,
|
|
591
588
|
i.credit_score_status
|
|
@@ -595,7 +592,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
595
592
|
return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
|
|
596
593
|
/* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
|
|
597
594
|
/* @__PURE__ */ e(
|
|
598
|
-
|
|
595
|
+
Ve,
|
|
599
596
|
{
|
|
600
597
|
areaColor: P,
|
|
601
598
|
axisColor: o.palette.divider,
|
|
@@ -640,12 +637,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
640
637
|
/* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
|
|
641
638
|
/* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
|
|
642
639
|
] }) });
|
|
643
|
-
},
|
|
644
|
-
const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } =
|
|
640
|
+
}, qe = v(Ro), Fo = () => {
|
|
641
|
+
const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = On(), { isSmallMobile: s } = Ye(r), [i, l] = m.useState(!1), c = t.at(-1);
|
|
645
642
|
return /* @__PURE__ */ a(k, { children: [
|
|
646
643
|
/* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
|
|
647
644
|
/* @__PURE__ */ e(
|
|
648
|
-
|
|
645
|
+
Ao,
|
|
649
646
|
{
|
|
650
647
|
arcRadius: s ? 124 : 154,
|
|
651
648
|
footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
|
|
@@ -654,19 +651,19 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
654
651
|
}
|
|
655
652
|
),
|
|
656
653
|
/* @__PURE__ */ e(B, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
|
|
657
|
-
/* @__PURE__ */ e(
|
|
654
|
+
/* @__PURE__ */ e(qe, { chartFor: "creditOverTime" })
|
|
658
655
|
] }),
|
|
659
|
-
/* @__PURE__ */ e(
|
|
656
|
+
/* @__PURE__ */ e(Ft, { isOpen: i, onClose: () => l(!1) })
|
|
660
657
|
] });
|
|
661
|
-
},
|
|
662
|
-
const { finstrong: o } = x(), n = vn
|
|
658
|
+
}, Lo = v(Fo), Be = ({ status: t }) => {
|
|
659
|
+
const { finstrong: o } = x(), n = Cn(vn[t]), r = {
|
|
663
660
|
GOOD: o.key_indicators_good,
|
|
664
661
|
FAIR: o.key_indicators_fair,
|
|
665
662
|
OFF_TRACK: o.key_indicators_off_track,
|
|
666
663
|
MISSING: o.key_indicators_missing
|
|
667
664
|
}[t];
|
|
668
665
|
return /* @__PURE__ */ e(
|
|
669
|
-
|
|
666
|
+
$n,
|
|
670
667
|
{
|
|
671
668
|
label: /* @__PURE__ */ e(
|
|
672
669
|
M,
|
|
@@ -686,13 +683,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
686
683
|
variant: "filled"
|
|
687
684
|
}
|
|
688
685
|
);
|
|
689
|
-
},
|
|
690
|
-
const { finstrong: t } = x(), { user: o } = ee(), n =
|
|
686
|
+
}, Po = () => {
|
|
687
|
+
const { finstrong: t } = x(), { user: o } = ee(), n = mt(o.credit_score ?? null);
|
|
691
688
|
return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
692
689
|
/* @__PURE__ */ e(K, { children: t.credit_score_keep_strong_credit_score }),
|
|
693
690
|
/* @__PURE__ */ e(Be, { status: n })
|
|
694
691
|
] });
|
|
695
|
-
},
|
|
692
|
+
}, Bo = v(Po), Wo = ({
|
|
696
693
|
additionalContent: t,
|
|
697
694
|
connectTitle: o,
|
|
698
695
|
connectDescription: n,
|
|
@@ -748,12 +745,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
748
745
|
)
|
|
749
746
|
] })
|
|
750
747
|
] }) }) : /* @__PURE__ */ e(te, {});
|
|
751
|
-
},
|
|
748
|
+
}, Lt = v(Wo), $o = ({
|
|
752
749
|
onClick: t,
|
|
753
750
|
shouldShowBalance: o = !0,
|
|
754
751
|
loadAccounts: n
|
|
755
752
|
}) => {
|
|
756
|
-
const { config: r } =
|
|
753
|
+
const { config: r } = Ne(), { accounts: s } = x(), { selectedAccounts: i } = q(), l = m.useCallback(
|
|
757
754
|
(_) => {
|
|
758
755
|
t?.(_);
|
|
759
756
|
},
|
|
@@ -770,19 +767,19 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
770
767
|
{ accountsForType: [], totalBalanceForType: 0 }
|
|
771
768
|
);
|
|
772
769
|
return /* @__PURE__ */ a(
|
|
773
|
-
|
|
770
|
+
Ge,
|
|
774
771
|
{
|
|
775
|
-
subheader: /* @__PURE__ */ e(
|
|
772
|
+
subheader: /* @__PURE__ */ e(Gn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
776
773
|
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
|
|
777
774
|
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(u, "0,0.00") })
|
|
778
775
|
] }) }),
|
|
779
776
|
sx: { bgcolor: "background.paper" },
|
|
780
777
|
children: [
|
|
781
778
|
d.map((h, y) => {
|
|
782
|
-
const { firstValue: f } =
|
|
779
|
+
const { firstValue: f } = wt(h, s), w = St(h, {
|
|
783
780
|
allowNickname: r?.show_account_nicknames_in_master
|
|
784
781
|
}), S = /* @__PURE__ */ a(G, { children: [
|
|
785
|
-
/* @__PURE__ */ e(
|
|
782
|
+
/* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
|
|
786
783
|
/* @__PURE__ */ e(
|
|
787
784
|
be,
|
|
788
785
|
{
|
|
@@ -793,7 +790,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
793
790
|
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(f ?? 0, "0,0.00") })
|
|
794
791
|
] });
|
|
795
792
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
796
|
-
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(
|
|
793
|
+
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(zn, { onClick: () => l(h), children: S }) : S }),
|
|
797
794
|
y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
798
795
|
] }, h.guid);
|
|
799
796
|
}),
|
|
@@ -803,24 +800,24 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
803
800
|
_
|
|
804
801
|
);
|
|
805
802
|
}) }) : null;
|
|
806
|
-
},
|
|
807
|
-
const n = E(), { config: r } =
|
|
803
|
+
}, Pt = v($o), zo = ({ loadAccounts: t, loadMoreLabel: o }) => {
|
|
804
|
+
const n = E(), { config: r } = Ne(), { connect: s, finstrong: i } = x(), { accounts: l } = x(), { selectedAccounts: c } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
|
|
808
805
|
() => c.filter(
|
|
809
806
|
(S) => t ? t.includes(S.account_type) : !0
|
|
810
807
|
),
|
|
811
808
|
[c, t]
|
|
812
809
|
), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
|
|
813
|
-
const { firstValue: D } =
|
|
810
|
+
const { firstValue: D } = wt(S, l);
|
|
814
811
|
return D;
|
|
815
812
|
};
|
|
816
813
|
return y.length >= 1 ? /* @__PURE__ */ a(G, { children: [
|
|
817
814
|
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
|
|
818
815
|
/* @__PURE__ */ a(ye, { sx: { px: 24 }, children: [
|
|
819
|
-
/* @__PURE__ */ e(
|
|
816
|
+
/* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
|
|
820
817
|
/* @__PURE__ */ e(
|
|
821
818
|
be,
|
|
822
819
|
{
|
|
823
|
-
primary: `${
|
|
820
|
+
primary: `${St(S, {
|
|
824
821
|
allowNickname: r?.show_account_nicknames_in_master
|
|
825
822
|
})}
|
|
826
823
|
${S.account_number ? ` *${S.account_number}` : ""}`,
|
|
@@ -846,7 +843,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
846
843
|
] })
|
|
847
844
|
}
|
|
848
845
|
) }),
|
|
849
|
-
/* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(
|
|
846
|
+
/* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Pt, { loadAccounts: t }) })
|
|
850
847
|
] })
|
|
851
848
|
] }) : /* @__PURE__ */ a(G, { children: [
|
|
852
849
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
@@ -868,7 +865,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
868
865
|
}
|
|
869
866
|
)
|
|
870
867
|
] });
|
|
871
|
-
},
|
|
868
|
+
}, Bt = v(zo), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
|
|
872
869
|
p,
|
|
873
870
|
{
|
|
874
871
|
sx: {
|
|
@@ -887,7 +884,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
887
884
|
}
|
|
888
885
|
);
|
|
889
886
|
var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), Me = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Me || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
|
|
890
|
-
const
|
|
887
|
+
const Go = ({ total: t }) => {
|
|
891
888
|
const { finstrong: o } = x(), n = [
|
|
892
889
|
{ id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
|
|
893
890
|
{ id: Z.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
|
|
@@ -902,12 +899,12 @@ const Eo = ({ total: t }) => {
|
|
|
902
899
|
{ id: Me.Months, label: o.maintain_emergency_savings_months },
|
|
903
900
|
{ id: Me.Years, label: o.maintain_emergency_savings_years },
|
|
904
901
|
{ id: Me.Days, label: o.maintain_emergency_savings_days }
|
|
905
|
-
], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [_, d] = m.useState(
|
|
906
|
-
|
|
907
|
-
), [y, f] = m.useState(i), [w, S] = m.useState(
|
|
902
|
+
], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [_, d] = m.useState(et(t)), [u, h] = m.useState(
|
|
903
|
+
et(t)
|
|
904
|
+
), [y, f] = m.useState(i), [w, S] = m.useState(wn(t)), [D, C] = m.useState(Me.Months);
|
|
908
905
|
m.useEffect(() => {
|
|
909
906
|
c(
|
|
910
|
-
|
|
907
|
+
tt({
|
|
911
908
|
contribution: u,
|
|
912
909
|
goalAmount: y,
|
|
913
910
|
goalPeriod: w,
|
|
@@ -918,7 +915,7 @@ const Eo = ({ total: t }) => {
|
|
|
918
915
|
}, []);
|
|
919
916
|
const g = (b) => {
|
|
920
917
|
b.preventDefault(), c(
|
|
921
|
-
|
|
918
|
+
tt({
|
|
922
919
|
contribution: u,
|
|
923
920
|
goalAmount: y,
|
|
924
921
|
goalPeriod: w,
|
|
@@ -961,7 +958,7 @@ const Eo = ({ total: t }) => {
|
|
|
961
958
|
}
|
|
962
959
|
),
|
|
963
960
|
/* @__PURE__ */ e(
|
|
964
|
-
|
|
961
|
+
ot,
|
|
965
962
|
{
|
|
966
963
|
label: o.maintain_emergency_savings_how_often_contribute,
|
|
967
964
|
onChange: h,
|
|
@@ -1008,13 +1005,13 @@ const Eo = ({ total: t }) => {
|
|
|
1008
1005
|
}
|
|
1009
1006
|
}
|
|
1010
1007
|
},
|
|
1011
|
-
children: /* @__PURE__ */ e(
|
|
1008
|
+
children: /* @__PURE__ */ e(ot, { label: "", onChange: C, options: s, value: D })
|
|
1012
1009
|
}
|
|
1013
1010
|
)
|
|
1014
1011
|
] }),
|
|
1015
1012
|
/* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
|
|
1016
1013
|
] }) }) });
|
|
1017
|
-
},
|
|
1014
|
+
}, Eo = v(Go), Ho = () => {
|
|
1018
1015
|
const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
|
|
1019
1016
|
() => t.reduce((i, l) => i + (l.balance ?? 0), 0),
|
|
1020
1017
|
[t]
|
|
@@ -1023,14 +1020,14 @@ const Eo = ({ total: t }) => {
|
|
|
1023
1020
|
/* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
|
|
1024
1021
|
/* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
|
|
1025
1022
|
t.length ? /* @__PURE__ */ e(
|
|
1026
|
-
|
|
1023
|
+
Bt,
|
|
1027
1024
|
{
|
|
1028
|
-
loadAccounts: [
|
|
1025
|
+
loadAccounts: [ze.SAVINGS],
|
|
1029
1026
|
loadMoreLabel: o.connect_more_accounts_button
|
|
1030
1027
|
}
|
|
1031
1028
|
) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
|
|
1032
1029
|
] }) }),
|
|
1033
|
-
/* @__PURE__ */ e(
|
|
1030
|
+
/* @__PURE__ */ e(Eo, { total: s }),
|
|
1034
1031
|
/* @__PURE__ */ e(
|
|
1035
1032
|
re,
|
|
1036
1033
|
{
|
|
@@ -1040,7 +1037,7 @@ const Eo = ({ total: t }) => {
|
|
|
1040
1037
|
}
|
|
1041
1038
|
)
|
|
1042
1039
|
] });
|
|
1043
|
-
},
|
|
1040
|
+
}, No = v(Ho), We = v(
|
|
1044
1041
|
({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
|
|
1045
1042
|
const i = {
|
|
1046
1043
|
GOOD: {
|
|
@@ -1093,21 +1090,21 @@ const Eo = ({ total: t }) => {
|
|
|
1093
1090
|
)
|
|
1094
1091
|
] }),
|
|
1095
1092
|
/* @__PURE__ */ a(p, { children: [
|
|
1096
|
-
/* @__PURE__ */ e(
|
|
1093
|
+
/* @__PURE__ */ e(Hn, { data: l, height: 16 }),
|
|
1097
1094
|
r
|
|
1098
1095
|
] })
|
|
1099
1096
|
]
|
|
1100
1097
|
}
|
|
1101
1098
|
);
|
|
1102
1099
|
}
|
|
1103
|
-
),
|
|
1100
|
+
), jo = {
|
|
1104
1101
|
sticky_label: "You have saved"
|
|
1105
|
-
},
|
|
1106
|
-
const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n =
|
|
1102
|
+
}, Ko = ["$0", "$250", "$500", "$750", "$1k"], Vo = () => {
|
|
1103
|
+
const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = kn(o), r = gt(o);
|
|
1107
1104
|
return /* @__PURE__ */ e(
|
|
1108
1105
|
We,
|
|
1109
1106
|
{
|
|
1110
|
-
bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children:
|
|
1107
|
+
bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Ko.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
|
|
1111
1108
|
/* @__PURE__ */ e(
|
|
1112
1109
|
le,
|
|
1113
1110
|
{
|
|
@@ -1121,7 +1118,7 @@ const Eo = ({ total: t }) => {
|
|
|
1121
1118
|
),
|
|
1122
1119
|
/* @__PURE__ */ e(I, { variant: "caption", children: s })
|
|
1123
1120
|
] }, s)) }),
|
|
1124
|
-
label:
|
|
1121
|
+
label: jo.sticky_label,
|
|
1125
1122
|
status: r,
|
|
1126
1123
|
statusBarData: [
|
|
1127
1124
|
{
|
|
@@ -1131,14 +1128,14 @@ const Eo = ({ total: t }) => {
|
|
|
1131
1128
|
value: W(o ?? 0, "0,0.00")
|
|
1132
1129
|
}
|
|
1133
1130
|
);
|
|
1134
|
-
}, Xo = v(
|
|
1131
|
+
}, Xo = v(Vo), $e = ({
|
|
1135
1132
|
transactions: t = [],
|
|
1136
1133
|
amountColor: o = "success.main",
|
|
1137
1134
|
amountPosition: n = "center",
|
|
1138
|
-
formatDate: r =
|
|
1135
|
+
formatDate: r = Dt,
|
|
1139
1136
|
secondaryIcon: s
|
|
1140
1137
|
}) => {
|
|
1141
|
-
const i = E(), { connect: l, finstrong: c, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } =
|
|
1138
|
+
const i = E(), { connect: l, finstrong: c, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = je(), w = 3, S = t.length > w, D = t.length - w;
|
|
1142
1139
|
let C = t;
|
|
1143
1140
|
return S && (C = t.map((g) => ({
|
|
1144
1141
|
...g,
|
|
@@ -1178,7 +1175,7 @@ const Eo = ({ total: t }) => {
|
|
|
1178
1175
|
},
|
|
1179
1176
|
children: [
|
|
1180
1177
|
/* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
|
|
1181
|
-
|
|
1178
|
+
gn,
|
|
1182
1179
|
{
|
|
1183
1180
|
categoryGuid: g.top_level_category_guid || "",
|
|
1184
1181
|
merchantGuid: g.merchant_guid || "",
|
|
@@ -1196,12 +1193,12 @@ const Eo = ({ total: t }) => {
|
|
|
1196
1193
|
...b < Math.min(t.length, w) - 1 && {
|
|
1197
1194
|
borderBottom: `1px solid ${i.palette.divider}`
|
|
1198
1195
|
},
|
|
1199
|
-
pb:
|
|
1196
|
+
pb: 13,
|
|
1200
1197
|
pr: 24,
|
|
1201
1198
|
width: "100%"
|
|
1202
1199
|
},
|
|
1203
1200
|
children: [
|
|
1204
|
-
/* @__PURE__ */ a(p, {
|
|
1201
|
+
/* @__PURE__ */ a(p, { children: [
|
|
1205
1202
|
/* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: g.description }),
|
|
1206
1203
|
/* @__PURE__ */ a(p, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
|
|
1207
1204
|
!!s && s,
|
|
@@ -1238,12 +1235,12 @@ const Eo = ({ total: t }) => {
|
|
|
1238
1235
|
isOpen: d,
|
|
1239
1236
|
onClose: () => u(!1),
|
|
1240
1237
|
title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1241
|
-
children: /* @__PURE__ */ e(
|
|
1238
|
+
children: /* @__PURE__ */ e(Nn, { transaction: C })
|
|
1242
1239
|
}
|
|
1243
1240
|
)
|
|
1244
1241
|
] })
|
|
1245
1242
|
] });
|
|
1246
|
-
},
|
|
1243
|
+
}, Yo = () => {
|
|
1247
1244
|
const {
|
|
1248
1245
|
finstrong: {
|
|
1249
1246
|
key_indicators_spend: { pay_bills_on_time_drawer: t }
|
|
@@ -1263,7 +1260,7 @@ const Eo = ({ total: t }) => {
|
|
|
1263
1260
|
width: "100%"
|
|
1264
1261
|
},
|
|
1265
1262
|
children: [
|
|
1266
|
-
/* @__PURE__ */ e(
|
|
1263
|
+
/* @__PURE__ */ e(cn, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1267
1264
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1268
1265
|
/* @__PURE__ */ e(K, { children: t.pay_bills_on_time_zero_fees_title }),
|
|
1269
1266
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
|
|
@@ -1279,22 +1276,22 @@ const Eo = ({ total: t }) => {
|
|
|
1279
1276
|
backgroundColor: "background.paper"
|
|
1280
1277
|
},
|
|
1281
1278
|
children: [
|
|
1282
|
-
/* @__PURE__ */ e(K, { sx: { textAlign: "left", pb:
|
|
1279
|
+
/* @__PURE__ */ e(K, { sx: { textAlign: "left", pb: 16 }, children: t.pay_bills_on_time_sticky_fee_count }),
|
|
1283
1280
|
/* @__PURE__ */ e(
|
|
1284
1281
|
$e,
|
|
1285
1282
|
{
|
|
1286
1283
|
amountColor: "text.primary",
|
|
1287
1284
|
amountPosition: "flex-start",
|
|
1288
|
-
formatDate: (r) =>
|
|
1289
|
-
secondaryIcon: /* @__PURE__ */ e(
|
|
1285
|
+
formatDate: (r) => Bn(new Date(r * 1e3), Wn.MONTH_DAY),
|
|
1286
|
+
secondaryIcon: /* @__PURE__ */ e(ln, { color: "error", filled: !0, size: 12 }),
|
|
1290
1287
|
transactions: n.spendingFee
|
|
1291
1288
|
}
|
|
1292
1289
|
)
|
|
1293
1290
|
]
|
|
1294
1291
|
}
|
|
1295
1292
|
) });
|
|
1296
|
-
},
|
|
1297
|
-
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s =
|
|
1293
|
+
}, qo = v(Yo), Uo = () => {
|
|
1294
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Mn(t.spending_fee_transaction_count);
|
|
1298
1295
|
return /* @__PURE__ */ a(
|
|
1299
1296
|
p,
|
|
1300
1297
|
{
|
|
@@ -1318,7 +1315,7 @@ const Eo = ({ total: t }) => {
|
|
|
1318
1315
|
]
|
|
1319
1316
|
}
|
|
1320
1317
|
);
|
|
1321
|
-
},
|
|
1318
|
+
}, Qo = v(Uo), Zo = () => {
|
|
1322
1319
|
const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = x();
|
|
1323
1320
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1324
1321
|
/* @__PURE__ */ e(
|
|
@@ -1329,14 +1326,14 @@ const Eo = ({ total: t }) => {
|
|
|
1329
1326
|
}
|
|
1330
1327
|
),
|
|
1331
1328
|
/* @__PURE__ */ e(
|
|
1332
|
-
|
|
1329
|
+
Bt,
|
|
1333
1330
|
{
|
|
1334
|
-
loadAccounts: [
|
|
1331
|
+
loadAccounts: [ze.SAVINGS, ze.CHECKING],
|
|
1335
1332
|
loadMoreLabel: o.more_accounts
|
|
1336
1333
|
}
|
|
1337
1334
|
)
|
|
1338
1335
|
] });
|
|
1339
|
-
},
|
|
1336
|
+
}, Jo = v(Zo), er = () => {
|
|
1340
1337
|
const { finstrong: t } = x(), {
|
|
1341
1338
|
isSpendingInitialized: o,
|
|
1342
1339
|
healthScore: n,
|
|
@@ -1361,7 +1358,7 @@ const Eo = ({ total: t }) => {
|
|
|
1361
1358
|
),
|
|
1362
1359
|
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
|
|
1363
1360
|
] }) : /* @__PURE__ */ e(te, {});
|
|
1364
|
-
},
|
|
1361
|
+
}, tr = v(er), nr = () => {
|
|
1365
1362
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
1366
1363
|
return /* @__PURE__ */ a(G, { children: [
|
|
1367
1364
|
/* @__PURE__ */ a(V, { children: [
|
|
@@ -1395,13 +1392,13 @@ const Eo = ({ total: t }) => {
|
|
|
1395
1392
|
]
|
|
1396
1393
|
}
|
|
1397
1394
|
),
|
|
1398
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(
|
|
1399
|
-
/* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(
|
|
1395
|
+
/* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Jo, {}) }),
|
|
1396
|
+
/* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(tr, {}) })
|
|
1400
1397
|
] }),
|
|
1401
|
-
/* @__PURE__ */ e(
|
|
1398
|
+
/* @__PURE__ */ e(qe, { chartFor: "savingsOverTime" })
|
|
1402
1399
|
] });
|
|
1403
|
-
},
|
|
1404
|
-
const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r =
|
|
1400
|
+
}, or = v(nr), rr = () => {
|
|
1401
|
+
const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = yt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), l = Math.round((n - i) * s), c = n / 6 * 100;
|
|
1405
1402
|
return /* @__PURE__ */ e(
|
|
1406
1403
|
We,
|
|
1407
1404
|
{
|
|
@@ -1450,8 +1447,8 @@ const Eo = ({ total: t }) => {
|
|
|
1450
1447
|
value: j(t.key_indicators_save.drawer_progress_bar_value, i, l)
|
|
1451
1448
|
}
|
|
1452
1449
|
);
|
|
1453
|
-
},
|
|
1454
|
-
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r =
|
|
1450
|
+
}, ar = v(rr), ir = () => {
|
|
1451
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = bt(n);
|
|
1455
1452
|
return /* @__PURE__ */ e(
|
|
1456
1453
|
We,
|
|
1457
1454
|
{
|
|
@@ -1530,7 +1527,7 @@ const Eo = ({ total: t }) => {
|
|
|
1530
1527
|
value: W(t.ninety_day_debt_spend, "0,0.00")
|
|
1531
1528
|
}
|
|
1532
1529
|
);
|
|
1533
|
-
},
|
|
1530
|
+
}, sr = v(ir), cr = () => {
|
|
1534
1531
|
const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1535
1532
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1536
1533
|
/* @__PURE__ */ e(
|
|
@@ -1563,7 +1560,7 @@ const Eo = ({ total: t }) => {
|
|
|
1563
1560
|
}
|
|
1564
1561
|
)
|
|
1565
1562
|
] });
|
|
1566
|
-
},
|
|
1563
|
+
}, lr = v(cr), dr = () => {
|
|
1567
1564
|
const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1568
1565
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1569
1566
|
/* @__PURE__ */ e(
|
|
@@ -1602,14 +1599,14 @@ const Eo = ({ total: t }) => {
|
|
|
1602
1599
|
}
|
|
1603
1600
|
)
|
|
1604
1601
|
] });
|
|
1605
|
-
},
|
|
1602
|
+
}, pr = v(dr), _r = ({
|
|
1606
1603
|
color: t,
|
|
1607
1604
|
data: o,
|
|
1608
1605
|
series: n,
|
|
1609
1606
|
style: r,
|
|
1610
1607
|
...s
|
|
1611
1608
|
}) => {
|
|
1612
|
-
const i = E(), l = m.useRef(null), { width: c } =
|
|
1609
|
+
const i = E(), l = m.useRef(null), { width: c } = Zn({
|
|
1613
1610
|
width: r.width
|
|
1614
1611
|
});
|
|
1615
1612
|
m.useLayoutEffect(() => {
|
|
@@ -1627,9 +1624,9 @@ const Eo = ({ total: t }) => {
|
|
|
1627
1624
|
}, []);
|
|
1628
1625
|
const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
|
|
1629
1626
|
return /* @__PURE__ */ a("g", { children: [
|
|
1630
|
-
/* @__PURE__ */ e(
|
|
1627
|
+
/* @__PURE__ */ e(rt.rect, { ...s, fill: t, ref: l, rx: 2, style: r }),
|
|
1631
1628
|
/* @__PURE__ */ e(
|
|
1632
|
-
|
|
1629
|
+
rt.text,
|
|
1633
1630
|
{
|
|
1634
1631
|
fill: i.palette.text.secondary,
|
|
1635
1632
|
fontSize: 9,
|
|
@@ -1645,7 +1642,7 @@ const Eo = ({ total: t }) => {
|
|
|
1645
1642
|
}, Te = (t, o = 1e3) => {
|
|
1646
1643
|
const n = Math.abs(t) >= o ? "0.[0]a" : "0";
|
|
1647
1644
|
return W(t, n);
|
|
1648
|
-
},
|
|
1645
|
+
}, Wt = ({
|
|
1649
1646
|
chartFor: t,
|
|
1650
1647
|
data: o,
|
|
1651
1648
|
title: n,
|
|
@@ -1656,9 +1653,9 @@ const Eo = ({ total: t }) => {
|
|
|
1656
1653
|
totalComparison: c,
|
|
1657
1654
|
totalMain: _
|
|
1658
1655
|
}) => {
|
|
1659
|
-
const d = E(), u =
|
|
1656
|
+
const d = E(), u = Yn(d.breakpoints.down("xs")), h = m.useMemo(
|
|
1660
1657
|
() => o.sort((g, b) => g.month - b.month).map((g) => {
|
|
1661
|
-
const b =
|
|
1658
|
+
const b = Dn(g.month), P = {
|
|
1662
1659
|
spending_vs_income: {
|
|
1663
1660
|
main: g.standard_spend,
|
|
1664
1661
|
comparison: g.income,
|
|
@@ -1769,7 +1766,7 @@ const Eo = ({ total: t }) => {
|
|
|
1769
1766
|
] })
|
|
1770
1767
|
] }),
|
|
1771
1768
|
/* @__PURE__ */ a(
|
|
1772
|
-
|
|
1769
|
+
Qn,
|
|
1773
1770
|
{
|
|
1774
1771
|
colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
|
|
1775
1772
|
dataset: h,
|
|
@@ -1783,13 +1780,13 @@ const Eo = ({ total: t }) => {
|
|
|
1783
1780
|
yAxis: [C],
|
|
1784
1781
|
children: [
|
|
1785
1782
|
/* @__PURE__ */ e(
|
|
1786
|
-
|
|
1783
|
+
rn,
|
|
1787
1784
|
{
|
|
1788
1785
|
slots: {
|
|
1789
1786
|
bar: (g) => {
|
|
1790
1787
|
const { ownerState: b, style: P, ...R } = g;
|
|
1791
1788
|
return /* @__PURE__ */ e(
|
|
1792
|
-
|
|
1789
|
+
_r,
|
|
1793
1790
|
{
|
|
1794
1791
|
...R,
|
|
1795
1792
|
color: b.color,
|
|
@@ -1806,7 +1803,7 @@ const Eo = ({ total: t }) => {
|
|
|
1806
1803
|
}
|
|
1807
1804
|
),
|
|
1808
1805
|
/* @__PURE__ */ e(
|
|
1809
|
-
|
|
1806
|
+
qn,
|
|
1810
1807
|
{
|
|
1811
1808
|
sx: () => ({
|
|
1812
1809
|
".MuiChartsAxis-line": {
|
|
@@ -1826,7 +1823,7 @@ const Eo = ({ total: t }) => {
|
|
|
1826
1823
|
}
|
|
1827
1824
|
),
|
|
1828
1825
|
/* @__PURE__ */ e(
|
|
1829
|
-
|
|
1826
|
+
Un,
|
|
1830
1827
|
{
|
|
1831
1828
|
sx: () => ({
|
|
1832
1829
|
".MuiChartsAxis-line": {
|
|
@@ -1851,7 +1848,7 @@ const Eo = ({ total: t }) => {
|
|
|
1851
1848
|
]
|
|
1852
1849
|
}
|
|
1853
1850
|
);
|
|
1854
|
-
},
|
|
1851
|
+
}, hr = () => {
|
|
1855
1852
|
const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: l } = x();
|
|
1856
1853
|
return m.useEffect(() => {
|
|
1857
1854
|
t || (o().finally(), n().finally());
|
|
@@ -1896,7 +1893,7 @@ const Eo = ({ total: t }) => {
|
|
|
1896
1893
|
index: 0,
|
|
1897
1894
|
name: "income-details",
|
|
1898
1895
|
value: s,
|
|
1899
|
-
children: /* @__PURE__ */ e(
|
|
1896
|
+
children: /* @__PURE__ */ e(lr, {})
|
|
1900
1897
|
}
|
|
1901
1898
|
),
|
|
1902
1899
|
/* @__PURE__ */ e(
|
|
@@ -1906,13 +1903,13 @@ const Eo = ({ total: t }) => {
|
|
|
1906
1903
|
index: 1,
|
|
1907
1904
|
name: "debt-payment-details",
|
|
1908
1905
|
value: s,
|
|
1909
|
-
children: /* @__PURE__ */ e(
|
|
1906
|
+
children: /* @__PURE__ */ e(pr, {})
|
|
1910
1907
|
}
|
|
1911
1908
|
)
|
|
1912
1909
|
] }),
|
|
1913
1910
|
r.length ? /* @__PURE__ */ a(G, { children: [
|
|
1914
1911
|
/* @__PURE__ */ e(
|
|
1915
|
-
|
|
1912
|
+
Wt,
|
|
1916
1913
|
{
|
|
1917
1914
|
chartFor: "debt_payment_vs_income",
|
|
1918
1915
|
data: r,
|
|
@@ -1921,7 +1918,7 @@ const Eo = ({ total: t }) => {
|
|
|
1921
1918
|
title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
|
|
1922
1919
|
}
|
|
1923
1920
|
),
|
|
1924
|
-
/* @__PURE__ */ e(
|
|
1921
|
+
/* @__PURE__ */ e(qe, { chartFor: "debtOverTime" })
|
|
1925
1922
|
] }) : /* @__PURE__ */ a(G, { children: [
|
|
1926
1923
|
/* @__PURE__ */ e(
|
|
1927
1924
|
Fe,
|
|
@@ -1957,8 +1954,8 @@ const Eo = ({ total: t }) => {
|
|
|
1957
1954
|
)
|
|
1958
1955
|
] })
|
|
1959
1956
|
] }) : /* @__PURE__ */ e(te, {});
|
|
1960
|
-
},
|
|
1961
|
-
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i =
|
|
1957
|
+
}, ur = v(hr), mr = () => {
|
|
1958
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = ft(n), l = {
|
|
1962
1959
|
GOOD: [{ percentage: `${r}%` }],
|
|
1963
1960
|
FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
1964
1961
|
OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
@@ -1996,17 +1993,17 @@ const Eo = ({ total: t }) => {
|
|
|
1996
1993
|
value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
|
|
1997
1994
|
}
|
|
1998
1995
|
);
|
|
1999
|
-
},
|
|
2000
|
-
const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } =
|
|
1996
|
+
}, gr = v(mr), yr = () => {
|
|
1997
|
+
const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = je(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: l } = Rn(), { finstrong: c, goals: _, spending: d } = x(), u = E(), [h, y] = m.useState("");
|
|
2001
1998
|
m.useEffect(() => {
|
|
2002
1999
|
r(
|
|
2003
2000
|
t,
|
|
2004
|
-
|
|
2005
|
-
|
|
2001
|
+
It(/* @__PURE__ */ new Date()),
|
|
2002
|
+
At(/* @__PURE__ */ new Date())
|
|
2006
2003
|
).finally();
|
|
2007
2004
|
}, [t]);
|
|
2008
2005
|
const f = m.useMemo(
|
|
2009
|
-
() =>
|
|
2006
|
+
() => Jn(o, _, u, n),
|
|
2010
2007
|
[o, n]
|
|
2011
2008
|
), w = (C) => {
|
|
2012
2009
|
y(h === C ? "" : C);
|
|
@@ -2019,7 +2016,7 @@ const Eo = ({ total: t }) => {
|
|
|
2019
2016
|
), [s]);
|
|
2020
2017
|
return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
|
|
2021
2018
|
s.length ? /* @__PURE__ */ e(
|
|
2022
|
-
|
|
2019
|
+
Wt,
|
|
2023
2020
|
{
|
|
2024
2021
|
...l.appData.client_profile?.allow_trends_widget && {
|
|
2025
2022
|
buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
|
|
@@ -2093,7 +2090,7 @@ const Eo = ({ total: t }) => {
|
|
|
2093
2090
|
),
|
|
2094
2091
|
/* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2095
2092
|
/* @__PURE__ */ e(
|
|
2096
|
-
|
|
2093
|
+
eo,
|
|
2097
2094
|
{
|
|
2098
2095
|
data: f,
|
|
2099
2096
|
onSelected: w,
|
|
@@ -2102,7 +2099,7 @@ const Eo = ({ total: t }) => {
|
|
|
2102
2099
|
}
|
|
2103
2100
|
),
|
|
2104
2101
|
/* @__PURE__ */ e(
|
|
2105
|
-
|
|
2102
|
+
to,
|
|
2106
2103
|
{
|
|
2107
2104
|
data: f,
|
|
2108
2105
|
onSelected: w,
|
|
@@ -2134,7 +2131,7 @@ const Eo = ({ total: t }) => {
|
|
|
2134
2131
|
}
|
|
2135
2132
|
)
|
|
2136
2133
|
] });
|
|
2137
|
-
},
|
|
2134
|
+
}, br = v(yr), fr = ({
|
|
2138
2135
|
drawerFor: t,
|
|
2139
2136
|
isOpen: o,
|
|
2140
2137
|
onClose: n
|
|
@@ -2143,8 +2140,8 @@ const Eo = ({ total: t }) => {
|
|
|
2143
2140
|
spendLessThanYouMake: {
|
|
2144
2141
|
title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2145
2142
|
description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2146
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2147
|
-
content: /* @__PURE__ */ e(
|
|
2143
|
+
stickyComponent: /* @__PURE__ */ e(gr, {}),
|
|
2144
|
+
content: /* @__PURE__ */ e(br, {}),
|
|
2148
2145
|
drawerType: "connectDrawer",
|
|
2149
2146
|
connectTitle: r.connect_your_accounts,
|
|
2150
2147
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
@@ -2152,14 +2149,14 @@ const Eo = ({ total: t }) => {
|
|
|
2152
2149
|
payBillsOnTime: {
|
|
2153
2150
|
title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2154
2151
|
description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2155
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2156
|
-
content: /* @__PURE__ */ e(
|
|
2152
|
+
stickyComponent: /* @__PURE__ */ e(Qo, {}),
|
|
2153
|
+
content: /* @__PURE__ */ e(qo, {}),
|
|
2157
2154
|
drawerType: "connectDrawer",
|
|
2158
2155
|
connectTitle: r.connect_your_accounts,
|
|
2159
2156
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2160
2157
|
},
|
|
2161
2158
|
maintainEmergencySavings: {
|
|
2162
|
-
content: /* @__PURE__ */ e(
|
|
2159
|
+
content: /* @__PURE__ */ e(No, {}),
|
|
2163
2160
|
description: r.maintain_emergency_savings_description,
|
|
2164
2161
|
stickyComponent: /* @__PURE__ */ e(Xo, {}),
|
|
2165
2162
|
title: r.maintain_emergency_savings_title,
|
|
@@ -2170,30 +2167,30 @@ const Eo = ({ total: t }) => {
|
|
|
2170
2167
|
haveManageableDebt: {
|
|
2171
2168
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2172
2169
|
description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2173
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2174
|
-
content: /* @__PURE__ */ e(
|
|
2170
|
+
stickyComponent: /* @__PURE__ */ e(sr, {}),
|
|
2171
|
+
content: /* @__PURE__ */ e(ur, {}),
|
|
2175
2172
|
drawerType: "connectDrawer",
|
|
2176
2173
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2177
2174
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2178
2175
|
},
|
|
2179
2176
|
haveAGoodCreditScore: {
|
|
2180
|
-
title: /* @__PURE__ */ e(
|
|
2177
|
+
title: /* @__PURE__ */ e(Bo, {}),
|
|
2181
2178
|
description: r.credit_score_description,
|
|
2182
2179
|
stickyComponent: null,
|
|
2183
|
-
content: /* @__PURE__ */ e(
|
|
2180
|
+
content: /* @__PURE__ */ e(Lo, {})
|
|
2184
2181
|
},
|
|
2185
2182
|
saveEnoughToLiveOn: {
|
|
2186
2183
|
title: r.key_indicators_save.drawer_title,
|
|
2187
2184
|
description: r.key_indicators_save.drawer_description,
|
|
2188
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2189
|
-
content: /* @__PURE__ */ e(
|
|
2185
|
+
stickyComponent: /* @__PURE__ */ e(ar, {}),
|
|
2186
|
+
content: /* @__PURE__ */ e(or, {}),
|
|
2190
2187
|
drawerType: "connectDrawer",
|
|
2191
2188
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2192
2189
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2193
2190
|
}
|
|
2194
2191
|
}[t];
|
|
2195
2192
|
return /* @__PURE__ */ e(
|
|
2196
|
-
|
|
2193
|
+
Lt,
|
|
2197
2194
|
{
|
|
2198
2195
|
connectDescription: i?.connectDescription,
|
|
2199
2196
|
connectTitle: i?.connectTitle,
|
|
@@ -2208,7 +2205,7 @@ const Eo = ({ total: t }) => {
|
|
|
2208
2205
|
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
|
|
2209
2206
|
}
|
|
2210
2207
|
);
|
|
2211
|
-
},
|
|
2208
|
+
}, xr = v(fr), xe = ({
|
|
2212
2209
|
drawerFor: t,
|
|
2213
2210
|
title: o,
|
|
2214
2211
|
description: n,
|
|
@@ -2250,7 +2247,7 @@ const Eo = ({ total: t }) => {
|
|
|
2250
2247
|
}
|
|
2251
2248
|
),
|
|
2252
2249
|
/* @__PURE__ */ e(
|
|
2253
|
-
|
|
2250
|
+
xr,
|
|
2254
2251
|
{
|
|
2255
2252
|
drawerFor: t,
|
|
2256
2253
|
isOpen: i,
|
|
@@ -2258,9 +2255,9 @@ const Eo = ({ total: t }) => {
|
|
|
2258
2255
|
}
|
|
2259
2256
|
)
|
|
2260
2257
|
] });
|
|
2261
|
-
},
|
|
2258
|
+
}, Sr = () => {
|
|
2262
2259
|
const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (l) => {
|
|
2263
|
-
const c =
|
|
2260
|
+
const c = ft(l), _ = {
|
|
2264
2261
|
GOOD: o.ratio_good_description,
|
|
2265
2262
|
FAIR: o.ratio_fair_description,
|
|
2266
2263
|
OFF_TRACK: o.ratio_off_track_description,
|
|
@@ -2272,7 +2269,7 @@ const Eo = ({ total: t }) => {
|
|
|
2272
2269
|
title: o.ratio_card_title
|
|
2273
2270
|
};
|
|
2274
2271
|
}, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
|
|
2275
|
-
const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), _ =
|
|
2272
|
+
const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), _ = In(
|
|
2276
2273
|
n.spending_fee_transaction_count,
|
|
2277
2274
|
o
|
|
2278
2275
|
);
|
|
@@ -2303,9 +2300,9 @@ const Eo = ({ total: t }) => {
|
|
|
2303
2300
|
}
|
|
2304
2301
|
)
|
|
2305
2302
|
] });
|
|
2306
|
-
},
|
|
2303
|
+
}, Cr = v(Sr), vr = () => {
|
|
2307
2304
|
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (c) => {
|
|
2308
|
-
const _ =
|
|
2305
|
+
const _ = yt(c), d = {
|
|
2309
2306
|
GOOD: n.days_of_cash_good_description,
|
|
2310
2307
|
FAIR: n.days_of_cash_fair_description,
|
|
2311
2308
|
OFF_TRACK: n.days_of_cash_off_track_description,
|
|
@@ -2317,7 +2314,7 @@ const Eo = ({ total: t }) => {
|
|
|
2317
2314
|
title: n.days_of_cash_title
|
|
2318
2315
|
};
|
|
2319
2316
|
}, s = (c) => {
|
|
2320
|
-
const _ =
|
|
2317
|
+
const _ = gt(c), d = {
|
|
2321
2318
|
GOOD: n.emergency_savings_good_description,
|
|
2322
2319
|
FAIR: n.emergency_savings_fair_description,
|
|
2323
2320
|
OFF_TRACK: n.emergency_savings_off_track_description,
|
|
@@ -2361,9 +2358,9 @@ const Eo = ({ total: t }) => {
|
|
|
2361
2358
|
}
|
|
2362
2359
|
)
|
|
2363
2360
|
] });
|
|
2364
|
-
},
|
|
2361
|
+
}, wr = v(vr), kr = () => {
|
|
2365
2362
|
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (_) => {
|
|
2366
|
-
const d =
|
|
2363
|
+
const d = bt(_), u = {
|
|
2367
2364
|
GOOD: n.manage_debit_good_description,
|
|
2368
2365
|
FAIR: n.manage_debit_fair_description,
|
|
2369
2366
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
@@ -2375,7 +2372,7 @@ const Eo = ({ total: t }) => {
|
|
|
2375
2372
|
title: n.manage_debit_title
|
|
2376
2373
|
};
|
|
2377
2374
|
}, i = (_) => {
|
|
2378
|
-
const d =
|
|
2375
|
+
const d = mt(_), u = {
|
|
2379
2376
|
GOOD: n.credit_score_good_description,
|
|
2380
2377
|
FAIR: n.credit_score_fair_description,
|
|
2381
2378
|
OFF_TRACK: n.credit_score_off_track_description,
|
|
@@ -2413,7 +2410,7 @@ const Eo = ({ total: t }) => {
|
|
|
2413
2410
|
}
|
|
2414
2411
|
)
|
|
2415
2412
|
] });
|
|
2416
|
-
},
|
|
2413
|
+
}, Mr = v(kr), Dr = () => {
|
|
2417
2414
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
2418
2415
|
return /* @__PURE__ */ a(G, { children: [
|
|
2419
2416
|
/* @__PURE__ */ a(
|
|
@@ -2437,7 +2434,7 @@ const Eo = ({ total: t }) => {
|
|
|
2437
2434
|
se,
|
|
2438
2435
|
{
|
|
2439
2436
|
"aria-controls": "spend-details-tabpanel-0",
|
|
2440
|
-
icon: /* @__PURE__ */ e(
|
|
2437
|
+
icon: /* @__PURE__ */ e(Ee, { sx: { mr: 8 } }),
|
|
2441
2438
|
iconPosition: "start",
|
|
2442
2439
|
id: "spend-details-tab-0",
|
|
2443
2440
|
label: n.key_indicators_spend.title,
|
|
@@ -2448,7 +2445,7 @@ const Eo = ({ total: t }) => {
|
|
|
2448
2445
|
se,
|
|
2449
2446
|
{
|
|
2450
2447
|
"aria-controls": "save-details-tabpanel-1",
|
|
2451
|
-
icon: /* @__PURE__ */ e(
|
|
2448
|
+
icon: /* @__PURE__ */ e(dn, { sx: { mr: 8 } }),
|
|
2452
2449
|
iconPosition: "start",
|
|
2453
2450
|
id: "save-details-tab-1",
|
|
2454
2451
|
label: n.key_indicators_save.title,
|
|
@@ -2459,7 +2456,7 @@ const Eo = ({ total: t }) => {
|
|
|
2459
2456
|
se,
|
|
2460
2457
|
{
|
|
2461
2458
|
"aria-controls": "borrow-details-tabpanel-2",
|
|
2462
|
-
icon: /* @__PURE__ */ e(
|
|
2459
|
+
icon: /* @__PURE__ */ e(pn, { sx: { mr: 8 } }),
|
|
2463
2460
|
iconPosition: "start",
|
|
2464
2461
|
id: "borrow-details-tab-2",
|
|
2465
2462
|
label: n.key_indicators_borrow.title,
|
|
@@ -2469,14 +2466,14 @@ const Eo = ({ total: t }) => {
|
|
|
2469
2466
|
]
|
|
2470
2467
|
}
|
|
2471
2468
|
),
|
|
2472
|
-
/* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(
|
|
2473
|
-
/* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(
|
|
2474
|
-
/* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(
|
|
2469
|
+
/* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Cr, {}) }),
|
|
2470
|
+
/* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(wr, {}) }),
|
|
2471
|
+
/* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Mr, {}) })
|
|
2475
2472
|
] });
|
|
2476
|
-
},
|
|
2473
|
+
}, Ir = v(Dr), Ar = ({ onClick: t }) => {
|
|
2477
2474
|
const { finstrong: o } = x(), { isCopyLoaded: n } = q();
|
|
2478
2475
|
return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2479
|
-
/* @__PURE__ */ e(
|
|
2476
|
+
/* @__PURE__ */ e(pt, { size: 48 }),
|
|
2480
2477
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2481
2478
|
/* @__PURE__ */ e(K, { children: o.missing_data_title }),
|
|
2482
2479
|
/* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
|
|
@@ -2498,7 +2495,7 @@ const Eo = ({ total: t }) => {
|
|
|
2498
2495
|
}
|
|
2499
2496
|
) })
|
|
2500
2497
|
] }) : /* @__PURE__ */ e(te, {});
|
|
2501
|
-
},
|
|
2498
|
+
}, Tr = v(Ar), Or = ({
|
|
2502
2499
|
firstDay: t,
|
|
2503
2500
|
frequency: o,
|
|
2504
2501
|
secondDay: n,
|
|
@@ -2514,17 +2511,17 @@ const Eo = ({ total: t }) => {
|
|
|
2514
2511
|
/* @__PURE__ */ a(p, { children: [
|
|
2515
2512
|
!!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
|
|
2516
2513
|
if (h.guid === _.guid) return u;
|
|
2517
|
-
const f =
|
|
2514
|
+
const f = jn(y, r), w = Kn(y, r);
|
|
2518
2515
|
return u.push(
|
|
2519
2516
|
/* @__PURE__ */ a(m.Fragment, { children: [
|
|
2520
|
-
f && /* @__PURE__ */ e(
|
|
2517
|
+
f && /* @__PURE__ */ e(Vn, { children: Dt(h.date) }),
|
|
2521
2518
|
/* @__PURE__ */ e(Xn, { transaction: h }),
|
|
2522
2519
|
/* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
|
|
2523
2520
|
] }, h.guid)
|
|
2524
2521
|
), u;
|
|
2525
2522
|
}, []) }),
|
|
2526
2523
|
/* @__PURE__ */ e(
|
|
2527
|
-
|
|
2524
|
+
ao,
|
|
2528
2525
|
{
|
|
2529
2526
|
firstDay: t,
|
|
2530
2527
|
frequency: o,
|
|
@@ -2541,17 +2538,17 @@ const Eo = ({ total: t }) => {
|
|
|
2541
2538
|
{
|
|
2542
2539
|
fullWidth: !0,
|
|
2543
2540
|
onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
|
|
2544
|
-
startIcon: /* @__PURE__ */ e(
|
|
2541
|
+
startIcon: /* @__PURE__ */ e(_t, {}),
|
|
2545
2542
|
children: d.onboarding_add_more_income
|
|
2546
2543
|
}
|
|
2547
2544
|
) })
|
|
2548
2545
|
] });
|
|
2549
|
-
},
|
|
2546
|
+
}, Rr = v(Or), Fr = ({ selectedDate: t, setSelectedDate: o }) => {
|
|
2550
2547
|
const { finstrong: n } = x(), r = E(), s = (i) => {
|
|
2551
2548
|
o(Math.floor(new Date(i).getTime() / 1e3));
|
|
2552
2549
|
};
|
|
2553
|
-
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2554
|
-
|
|
2550
|
+
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(co, { dateAdapter: Tt, children: /* @__PURE__ */ e(
|
|
2551
|
+
lo,
|
|
2555
2552
|
{
|
|
2556
2553
|
disableFuture: !0,
|
|
2557
2554
|
label: n.onboarding_select_date,
|
|
@@ -2580,7 +2577,7 @@ const Eo = ({ total: t }) => {
|
|
|
2580
2577
|
value: t ? new Date(t * 1e3) : null
|
|
2581
2578
|
}
|
|
2582
2579
|
) }) });
|
|
2583
|
-
},
|
|
2580
|
+
}, Lr = v(Fr), Pr = ({ creditScore: t, setCreditScore: o }) => {
|
|
2584
2581
|
const { finstrong: n } = x(), r = !isNaN(t);
|
|
2585
2582
|
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2586
2583
|
Re,
|
|
@@ -2597,7 +2594,7 @@ const Eo = ({ total: t }) => {
|
|
|
2597
2594
|
value: r ? t : ""
|
|
2598
2595
|
}
|
|
2599
2596
|
) });
|
|
2600
|
-
},
|
|
2597
|
+
}, Br = v(Pr), $t = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2601
2598
|
/* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
|
|
2602
2599
|
k,
|
|
2603
2600
|
{
|
|
@@ -2615,7 +2612,7 @@ const Eo = ({ total: t }) => {
|
|
|
2615
2612
|
"% ",
|
|
2616
2613
|
o
|
|
2617
2614
|
] })
|
|
2618
|
-
] }),
|
|
2615
|
+
] }), Wr = ({
|
|
2619
2616
|
completeCopy: t,
|
|
2620
2617
|
primaryText: o,
|
|
2621
2618
|
secondaryText: n,
|
|
@@ -2625,24 +2622,24 @@ const Eo = ({ total: t }) => {
|
|
|
2625
2622
|
/* @__PURE__ */ e(K, { children: o }),
|
|
2626
2623
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
|
|
2627
2624
|
] }),
|
|
2628
|
-
/* @__PURE__ */ e(
|
|
2629
|
-
] }),
|
|
2625
|
+
/* @__PURE__ */ e($t, { completeCopy: t, value: r })
|
|
2626
|
+
] }), st = {
|
|
2630
2627
|
step: O.ConnectAccounts,
|
|
2631
2628
|
type: "main"
|
|
2632
|
-
},
|
|
2633
|
-
const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: l, setDateRange: c } =
|
|
2634
|
-
|
|
2635
|
-
), [b, P] = m.useState(1), [R, U] = m.useState(
|
|
2629
|
+
}, $r = ({ isOpen: t, onClose: o }) => {
|
|
2630
|
+
const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: l, setDateRange: c } = Ke(), { filter: _, setFilter: d, transactions: u } = Fn(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
|
|
2631
|
+
st
|
|
2632
|
+
), [b, P] = m.useState(1), [R, U] = m.useState(kt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [X, _e] = m.useState(h.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
|
|
2636
2633
|
m.useEffect(() => {
|
|
2637
|
-
c({ start:
|
|
2634
|
+
c({ start: It(at()), end: At(at()) });
|
|
2638
2635
|
}, []), m.useEffect(() => {
|
|
2639
2636
|
d({
|
|
2640
2637
|
accounts: n.map((A) => A.guid),
|
|
2641
2638
|
dateRange: {
|
|
2642
|
-
start:
|
|
2639
|
+
start: ro(/* @__PURE__ */ new Date(), 90),
|
|
2643
2640
|
end: /* @__PURE__ */ new Date()
|
|
2644
2641
|
},
|
|
2645
|
-
custom:
|
|
2642
|
+
custom: it
|
|
2646
2643
|
}), i(n);
|
|
2647
2644
|
}, [n]);
|
|
2648
2645
|
const De = m.useMemo(
|
|
@@ -2651,27 +2648,27 @@ const Eo = ({ total: t }) => {
|
|
|
2651
2648
|
), ue = m.useMemo(() => ({
|
|
2652
2649
|
[O.ConnectAccounts]: !0,
|
|
2653
2650
|
[O.MonthlyIncome]: !!N,
|
|
2654
|
-
[O.Birthday]: !!h.birthday || !!
|
|
2651
|
+
[O.Birthday]: !!h.birthday || !!X,
|
|
2655
2652
|
[O.CreditScore]: !!h.credit_score || !!S
|
|
2656
|
-
})[C.step], [S, C,
|
|
2653
|
+
})[C.step], [S, C, X, N, h]), Y = n.length > 0, zt = m.useMemo(() => {
|
|
2657
2654
|
const { step: A } = C;
|
|
2658
2655
|
let F = 0;
|
|
2659
|
-
return A >= O.MonthlyIncome &&
|
|
2660
|
-
}, [C.step,
|
|
2656
|
+
return A >= O.MonthlyIncome && Y && F++, A >= O.Birthday && T.length && F++, A >= O.CreditScore && (h.birthday || h.credit_score) && F++, F;
|
|
2657
|
+
}, [C.step, Y, T.length, h.birthday, h.credit_score]), Gt = (A) => {
|
|
2661
2658
|
d({
|
|
2662
2659
|
..._,
|
|
2663
|
-
custom: (F) => A ?
|
|
2660
|
+
custom: (F) => A ? so(F, A) : it(F)
|
|
2664
2661
|
});
|
|
2665
|
-
},
|
|
2662
|
+
}, Et = {
|
|
2666
2663
|
[O.ConnectAccounts]: {
|
|
2667
|
-
main:
|
|
2668
|
-
mainActionContent:
|
|
2664
|
+
main: Y ? /* @__PURE__ */ e(Pt, { shouldShowBalance: !1 }) : null,
|
|
2665
|
+
mainActionContent: Y ? s.onboarding_next : s.onboarding_add_accounts,
|
|
2669
2666
|
primaryText: s.connect_your_accounts,
|
|
2670
2667
|
secondaryText: s.onboarding_connect_your_accounts_secondary
|
|
2671
2668
|
},
|
|
2672
2669
|
[O.MonthlyIncome]: {
|
|
2673
2670
|
detail: /* @__PURE__ */ e(
|
|
2674
|
-
|
|
2671
|
+
Rr,
|
|
2675
2672
|
{
|
|
2676
2673
|
firstDay: b,
|
|
2677
2674
|
frequency: R,
|
|
@@ -2692,9 +2689,9 @@ const Eo = ({ total: t }) => {
|
|
|
2692
2689
|
),
|
|
2693
2690
|
detailActionContent: s.onboarding_confirm_income,
|
|
2694
2691
|
main: /* @__PURE__ */ e(
|
|
2695
|
-
|
|
2692
|
+
io,
|
|
2696
2693
|
{
|
|
2697
|
-
onSearch:
|
|
2694
|
+
onSearch: Gt,
|
|
2698
2695
|
onSelected: (A) => {
|
|
2699
2696
|
g({ step: O.MonthlyIncome, type: "detail" }), ae(A);
|
|
2700
2697
|
}
|
|
@@ -2705,35 +2702,35 @@ const Eo = ({ total: t }) => {
|
|
|
2705
2702
|
secondaryText: s.onboarding_add_income_secondary
|
|
2706
2703
|
},
|
|
2707
2704
|
[O.Birthday]: {
|
|
2708
|
-
main: /* @__PURE__ */ e(
|
|
2705
|
+
main: /* @__PURE__ */ e(Lr, { selectedDate: X, setSelectedDate: _e }),
|
|
2709
2706
|
mainActionContent: s.onboarding_next,
|
|
2710
2707
|
primaryText: s.onboarding_birthday_primary,
|
|
2711
2708
|
secondaryText: s.onboarding_birthday_secondary
|
|
2712
2709
|
},
|
|
2713
2710
|
[O.CreditScore]: {
|
|
2714
|
-
main: /* @__PURE__ */ e(
|
|
2711
|
+
main: /* @__PURE__ */ e(Br, { creditScore: S, setCreditScore: D }),
|
|
2715
2712
|
mainActionContent: s.onboarding_next,
|
|
2716
2713
|
primaryText: s.onboarding_credit_score_primary,
|
|
2717
2714
|
secondaryText: s.onboarding_credit_score_secondary
|
|
2718
2715
|
}
|
|
2719
|
-
},
|
|
2720
|
-
g(
|
|
2721
|
-
},
|
|
2722
|
-
pe(!0), await
|
|
2723
|
-
},
|
|
2716
|
+
}, Ue = () => {
|
|
2717
|
+
g(st), pe(!1), ae(""), o();
|
|
2718
|
+
}, Qe = async () => {
|
|
2719
|
+
pe(!0), await Kt(T), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Ue();
|
|
2720
|
+
}, Ht = () => {
|
|
2724
2721
|
if (C.step === O.CreditScore) {
|
|
2725
|
-
|
|
2722
|
+
Qe();
|
|
2726
2723
|
return;
|
|
2727
2724
|
}
|
|
2728
2725
|
g({ step: C.step + 1, type: "main" });
|
|
2729
|
-
},
|
|
2726
|
+
}, Nt = () => {
|
|
2730
2727
|
const { step: A } = C, F = A + 1;
|
|
2731
2728
|
switch (A) {
|
|
2732
2729
|
case O.Birthday:
|
|
2733
|
-
|
|
2730
|
+
X && X !== h.birthday && f({ ...h, birthday: X });
|
|
2734
2731
|
break;
|
|
2735
2732
|
case O.CreditScore:
|
|
2736
|
-
S && S !== h.credit_score && f({ ...h, credit_score: S }),
|
|
2733
|
+
S && S !== h.credit_score && f({ ...h, credit_score: S }), Qe();
|
|
2737
2734
|
return;
|
|
2738
2735
|
case O.MonthlyIncome:
|
|
2739
2736
|
N && T.findIndex(({ guid: ge }) => ge === N) === -1 && $((ge) => [
|
|
@@ -2742,14 +2739,14 @@ const Eo = ({ total: t }) => {
|
|
|
2742
2739
|
]);
|
|
2743
2740
|
break;
|
|
2744
2741
|
case O.ConnectAccounts:
|
|
2745
|
-
if (!
|
|
2742
|
+
if (!Y) {
|
|
2746
2743
|
Q(!0);
|
|
2747
2744
|
return;
|
|
2748
2745
|
}
|
|
2749
2746
|
break;
|
|
2750
2747
|
}
|
|
2751
2748
|
F in O && g({ step: F, type: "main" });
|
|
2752
|
-
},
|
|
2749
|
+
}, jt = () => {
|
|
2753
2750
|
const { step: A, type: F } = C;
|
|
2754
2751
|
if (F === "detail") {
|
|
2755
2752
|
g({ step: A, type: "main" });
|
|
@@ -2760,40 +2757,40 @@ const Eo = ({ total: t }) => {
|
|
|
2760
2757
|
return;
|
|
2761
2758
|
}
|
|
2762
2759
|
A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
|
|
2763
|
-
},
|
|
2760
|
+
}, Kt = async (A) => {
|
|
2764
2761
|
for (const F of A) {
|
|
2765
2762
|
const {
|
|
2766
2763
|
account_guid: ge,
|
|
2767
2764
|
amount: Ae,
|
|
2768
2765
|
date: ie,
|
|
2769
|
-
description:
|
|
2770
|
-
feed_description:
|
|
2771
|
-
firstDay:
|
|
2772
|
-
frequency:
|
|
2773
|
-
secondDay:
|
|
2774
|
-
merchant_guid:
|
|
2775
|
-
payee:
|
|
2776
|
-
transaction_type:
|
|
2777
|
-
} = F,
|
|
2766
|
+
description: Yt,
|
|
2767
|
+
feed_description: qt,
|
|
2768
|
+
firstDay: Ut,
|
|
2769
|
+
frequency: Ze,
|
|
2770
|
+
secondDay: Qt,
|
|
2771
|
+
merchant_guid: Zt,
|
|
2772
|
+
payee: Jt,
|
|
2773
|
+
transaction_type: en
|
|
2774
|
+
} = F, tn = En(Ze, oo(ie)), nn = {
|
|
2778
2775
|
account_guid: ge,
|
|
2779
2776
|
amount: Ae,
|
|
2780
2777
|
created_by: 0,
|
|
2781
|
-
description:
|
|
2782
|
-
merchant_guid:
|
|
2783
|
-
predicted_occurs_on:
|
|
2784
|
-
recurrence_day:
|
|
2785
|
-
recurrence_type:
|
|
2786
|
-
repeating_transaction_type:
|
|
2787
|
-
second_recurrence_day:
|
|
2788
|
-
transaction_type:
|
|
2778
|
+
description: Jt || Yt || qt,
|
|
2779
|
+
merchant_guid: Zt,
|
|
2780
|
+
predicted_occurs_on: no(tn, { representation: "date" }),
|
|
2781
|
+
recurrence_day: Ut,
|
|
2782
|
+
recurrence_type: Ze,
|
|
2783
|
+
repeating_transaction_type: Mt.Income,
|
|
2784
|
+
second_recurrence_day: Qt,
|
|
2785
|
+
transaction_type: en,
|
|
2789
2786
|
user_guid: h.guid
|
|
2790
2787
|
};
|
|
2791
|
-
await l(
|
|
2788
|
+
await l(nn, F);
|
|
2792
2789
|
}
|
|
2793
|
-
}, me =
|
|
2790
|
+
}, me = Et[C.step], Ie = C.step === O.ConnectAccounts, Vt = {
|
|
2794
2791
|
fullWidth: !0,
|
|
2795
|
-
...Ie && !
|
|
2796
|
-
}, Xt = !Ie || Ie && !
|
|
2792
|
+
...Ie && !Y && { startIcon: /* @__PURE__ */ e(_t, {}) }
|
|
2793
|
+
}, Xt = !Ie || Ie && !Y;
|
|
2797
2794
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2798
2795
|
/* @__PURE__ */ e(
|
|
2799
2796
|
oe,
|
|
@@ -2802,33 +2799,33 @@ const Eo = ({ total: t }) => {
|
|
|
2802
2799
|
hasSecondaryAction: !Ie,
|
|
2803
2800
|
isOpen: t,
|
|
2804
2801
|
isPrimaryDisabled: !ue,
|
|
2805
|
-
onClose:
|
|
2806
|
-
onSecondaryAction:
|
|
2807
|
-
primaryButtonProps:
|
|
2802
|
+
onClose: Ue,
|
|
2803
|
+
onSecondaryAction: jt,
|
|
2804
|
+
primaryButtonProps: Vt,
|
|
2808
2805
|
primaryText: me?.mainActionContent,
|
|
2809
2806
|
secondaryColor: "primary",
|
|
2810
2807
|
secondaryText: s.onboarding_back,
|
|
2811
2808
|
title: s.title,
|
|
2812
|
-
...!z && { onPrimaryAction:
|
|
2809
|
+
...!z && { onPrimaryAction: Nt },
|
|
2813
2810
|
children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2814
2811
|
z && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2815
|
-
/* @__PURE__ */ e("img", { alt: "", src:
|
|
2812
|
+
/* @__PURE__ */ e("img", { alt: "", src: To, style: { minHeight: 100, width: 211 } }),
|
|
2816
2813
|
/* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
|
|
2817
2814
|
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
|
|
2818
2815
|
] }),
|
|
2819
2816
|
me && !z && /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2820
2817
|
/* @__PURE__ */ e(
|
|
2821
|
-
|
|
2818
|
+
Wr,
|
|
2822
2819
|
{
|
|
2823
2820
|
completeCopy: s.complete,
|
|
2824
2821
|
primaryText: me.primaryText,
|
|
2825
2822
|
secondaryText: me.secondaryText,
|
|
2826
|
-
value:
|
|
2823
|
+
value: zt
|
|
2827
2824
|
}
|
|
2828
2825
|
),
|
|
2829
2826
|
C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
|
|
2830
2827
|
me.main,
|
|
2831
|
-
Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick:
|
|
2828
|
+
Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Ht, children: s.onboarding_do_it_later }) })
|
|
2832
2829
|
] }),
|
|
2833
2830
|
C.type === "detail" && me.detail
|
|
2834
2831
|
] })
|
|
@@ -2844,7 +2841,7 @@ const Eo = ({ total: t }) => {
|
|
|
2844
2841
|
}
|
|
2845
2842
|
)
|
|
2846
2843
|
] });
|
|
2847
|
-
},
|
|
2844
|
+
}, zr = v($r), Gr = () => {
|
|
2848
2845
|
const { finstrong: t } = x(), [o, n] = m.useState(!1);
|
|
2849
2846
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2850
2847
|
/* @__PURE__ */ a(
|
|
@@ -2859,7 +2856,7 @@ const Eo = ({ total: t }) => {
|
|
|
2859
2856
|
},
|
|
2860
2857
|
children: [
|
|
2861
2858
|
/* @__PURE__ */ a(p, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
2862
|
-
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(
|
|
2859
|
+
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(_n, { size: 72 }) }),
|
|
2863
2860
|
/* @__PURE__ */ a(p, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
2864
2861
|
/* @__PURE__ */ e(Le, { children: t.onboarding_title }),
|
|
2865
2862
|
/* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
|
|
@@ -2869,9 +2866,9 @@ const Eo = ({ total: t }) => {
|
|
|
2869
2866
|
]
|
|
2870
2867
|
}
|
|
2871
2868
|
),
|
|
2872
|
-
/* @__PURE__ */ e(
|
|
2869
|
+
/* @__PURE__ */ e(zr, { isOpen: o, onClose: () => n(!1) })
|
|
2873
2870
|
] });
|
|
2874
|
-
},
|
|
2871
|
+
}, Er = ({ isOpen: t, onClose: o }) => {
|
|
2875
2872
|
const { finstrong: n } = x(), r = E(), { updateUser: s, user: i } = ee(), [l, c] = m.useState(i.birthday), _ = (u) => {
|
|
2876
2873
|
c(Math.floor(new Date(u).getTime() / 1e3));
|
|
2877
2874
|
};
|
|
@@ -2885,8 +2882,8 @@ const Eo = ({ total: t }) => {
|
|
|
2885
2882
|
},
|
|
2886
2883
|
onSecondaryAction: o,
|
|
2887
2884
|
title: n.date_of_birth,
|
|
2888
|
-
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(
|
|
2889
|
-
|
|
2885
|
+
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(ho, { dateAdapter: Tt, children: /* @__PURE__ */ e(
|
|
2886
|
+
po,
|
|
2890
2887
|
{
|
|
2891
2888
|
disableFuture: !0,
|
|
2892
2889
|
onChange: _,
|
|
@@ -2920,19 +2917,19 @@ const Eo = ({ total: t }) => {
|
|
|
2920
2917
|
) }) })
|
|
2921
2918
|
}
|
|
2922
2919
|
);
|
|
2923
|
-
},
|
|
2920
|
+
}, Hr = v(Er), Nr = ({ isOpen: t, onClose: o }) => {
|
|
2924
2921
|
const { visibleFinstrongAccounts: n } = Se(), {
|
|
2925
2922
|
accounts: r,
|
|
2926
2923
|
common: s,
|
|
2927
2924
|
finstrong: i
|
|
2928
|
-
} = x(), { repeatingTransactions: l } =
|
|
2925
|
+
} = x(), { repeatingTransactions: l } = Ke(), { user: c } = ee(), _ = l.reduce((f, w) => {
|
|
2929
2926
|
const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
|
|
2930
|
-
return S ===
|
|
2927
|
+
return S === Mt.Income && (D.length > 0 || C === kt.EveryYear) ? f + g : f;
|
|
2931
2928
|
}, 0), [d, u] = m.useState(null), y = [
|
|
2932
2929
|
{
|
|
2933
2930
|
dynamicCopy: i.add_profile_item,
|
|
2934
2931
|
fallbackLabel: i.monthly_income,
|
|
2935
|
-
icon: /* @__PURE__ */ e(
|
|
2932
|
+
icon: /* @__PURE__ */ e(hn, {}),
|
|
2936
2933
|
key: ne.MonthlyIncome,
|
|
2937
2934
|
label: i.monthly_income,
|
|
2938
2935
|
value: _
|
|
@@ -2940,7 +2937,7 @@ const Eo = ({ total: t }) => {
|
|
|
2940
2937
|
{
|
|
2941
2938
|
dynamicCopy: i.add_profile_item,
|
|
2942
2939
|
fallbackLabel: i.date_of_birth,
|
|
2943
|
-
icon: /* @__PURE__ */ e(
|
|
2940
|
+
icon: /* @__PURE__ */ e(un, {}),
|
|
2944
2941
|
key: ne.DateOfBirth,
|
|
2945
2942
|
label: i.date_of_birth,
|
|
2946
2943
|
value: c.birthday
|
|
@@ -2948,14 +2945,14 @@ const Eo = ({ total: t }) => {
|
|
|
2948
2945
|
{
|
|
2949
2946
|
dynamicCopy: i.add_profile_item,
|
|
2950
2947
|
fallbackLabel: i.credit_score,
|
|
2951
|
-
icon: /* @__PURE__ */ e(
|
|
2948
|
+
icon: /* @__PURE__ */ e(Ee, {}),
|
|
2952
2949
|
key: ne.CreditScore,
|
|
2953
2950
|
label: i.credit_score,
|
|
2954
2951
|
value: c.credit_score
|
|
2955
2952
|
},
|
|
2956
2953
|
{
|
|
2957
2954
|
fallbackLabel: i.connect_your_accounts,
|
|
2958
|
-
icon: /* @__PURE__ */ e(
|
|
2955
|
+
icon: /* @__PURE__ */ e(dt, {}),
|
|
2959
2956
|
key: ne.Connections,
|
|
2960
2957
|
label: i.connections,
|
|
2961
2958
|
value: n.length > 0 ? j(
|
|
@@ -2964,7 +2961,7 @@ const Eo = ({ total: t }) => {
|
|
|
2964
2961
|
n.length > 1 ? i.accounts : i.account
|
|
2965
2962
|
) : void 0
|
|
2966
2963
|
}
|
|
2967
|
-
].map((f) =>
|
|
2964
|
+
].map((f) => An(f));
|
|
2968
2965
|
return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
|
|
2969
2966
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2970
2967
|
/* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
@@ -2973,14 +2970,14 @@ const Eo = ({ total: t }) => {
|
|
|
2973
2970
|
/* @__PURE__ */ e(M, { children: i.financial_profile_description })
|
|
2974
2971
|
] }),
|
|
2975
2972
|
/* @__PURE__ */ e(
|
|
2976
|
-
|
|
2973
|
+
$t,
|
|
2977
2974
|
{
|
|
2978
2975
|
completeCopy: i.complete,
|
|
2979
2976
|
value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
|
|
2980
2977
|
}
|
|
2981
2978
|
)
|
|
2982
2979
|
] }),
|
|
2983
|
-
/* @__PURE__ */ e(
|
|
2980
|
+
/* @__PURE__ */ e(Tn, { list: y, onClickItem: u }),
|
|
2984
2981
|
/* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2985
2982
|
Pe,
|
|
2986
2983
|
{
|
|
@@ -2998,13 +2995,13 @@ const Eo = ({ total: t }) => {
|
|
|
2998
2995
|
isOpen: d === ne.MonthlyIncome,
|
|
2999
2996
|
onClose: () => u(null),
|
|
3000
2997
|
title: s.settings,
|
|
3001
|
-
children: /* @__PURE__ */ e(
|
|
2998
|
+
children: /* @__PURE__ */ e(_o, {})
|
|
3002
2999
|
}
|
|
3003
3000
|
),
|
|
3004
|
-
/* @__PURE__ */ e(
|
|
3005
|
-
/* @__PURE__ */ e(
|
|
3001
|
+
/* @__PURE__ */ e(Hr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
|
|
3002
|
+
/* @__PURE__ */ e(Ft, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
|
|
3006
3003
|
/* @__PURE__ */ e(
|
|
3007
|
-
|
|
3004
|
+
xt,
|
|
3008
3005
|
{
|
|
3009
3006
|
onClose: () => u(null),
|
|
3010
3007
|
showConnectionsWidget: d === ne.Connections,
|
|
@@ -3012,16 +3009,16 @@ const Eo = ({ total: t }) => {
|
|
|
3012
3009
|
}
|
|
3013
3010
|
)
|
|
3014
3011
|
] });
|
|
3015
|
-
},
|
|
3012
|
+
}, jr = v(Nr), ct = ({
|
|
3016
3013
|
content: t,
|
|
3017
3014
|
islast: o = !1
|
|
3018
|
-
}) => /* @__PURE__ */ a(
|
|
3019
|
-
/* @__PURE__ */ a(
|
|
3020
|
-
/* @__PURE__ */ e(
|
|
3021
|
-
!o && /* @__PURE__ */ e(
|
|
3015
|
+
}) => /* @__PURE__ */ a(go, { sx: { minHeight: 0 }, children: [
|
|
3016
|
+
/* @__PURE__ */ a(So, { children: [
|
|
3017
|
+
/* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
|
|
3018
|
+
!o && /* @__PURE__ */ e(bo, { sx: { bgcolor: "divider", width: 0.1 } })
|
|
3022
3019
|
] }),
|
|
3023
|
-
/* @__PURE__ */ e(
|
|
3024
|
-
] }),
|
|
3020
|
+
/* @__PURE__ */ e(fo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3021
|
+
] }), Kr = ({ report: t }) => {
|
|
3025
3022
|
const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
|
|
3026
3023
|
health_score_point_difference: r,
|
|
3027
3024
|
newer_credit_score: s,
|
|
@@ -3031,12 +3028,12 @@ const Eo = ({ total: t }) => {
|
|
|
3031
3028
|
older_health_score: _,
|
|
3032
3029
|
newer_health_score: d,
|
|
3033
3030
|
newer_score_calculated_at: u
|
|
3034
|
-
} = t, h =
|
|
3031
|
+
} = t, h = uo(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? j(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
|
|
3035
3032
|
if (r === 0) return null;
|
|
3036
3033
|
const S = r > 0 ? n.up_from : n.down_from, D = j(S, _, d);
|
|
3037
3034
|
return /* @__PURE__ */ a(G, { children: [
|
|
3038
3035
|
/* @__PURE__ */ e(
|
|
3039
|
-
|
|
3036
|
+
yn,
|
|
3040
3037
|
{
|
|
3041
3038
|
fill: !0,
|
|
3042
3039
|
name: "circle",
|
|
@@ -3090,10 +3087,10 @@ const Eo = ({ total: t }) => {
|
|
|
3090
3087
|
}
|
|
3091
3088
|
),
|
|
3092
3089
|
r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
|
|
3093
|
-
|
|
3090
|
+
mo,
|
|
3094
3091
|
{
|
|
3095
3092
|
sx: {
|
|
3096
|
-
[`& .${
|
|
3093
|
+
[`& .${yo.root}:before`]: {
|
|
3097
3094
|
flex: 0,
|
|
3098
3095
|
padding: 0
|
|
3099
3096
|
},
|
|
@@ -3102,7 +3099,7 @@ const Eo = ({ total: t }) => {
|
|
|
3102
3099
|
},
|
|
3103
3100
|
children: [
|
|
3104
3101
|
/* @__PURE__ */ e(
|
|
3105
|
-
|
|
3102
|
+
ct,
|
|
3106
3103
|
{
|
|
3107
3104
|
content: j(
|
|
3108
3105
|
n.spend_to_income_description,
|
|
@@ -3112,7 +3109,7 @@ const Eo = ({ total: t }) => {
|
|
|
3112
3109
|
}
|
|
3113
3110
|
),
|
|
3114
3111
|
/* @__PURE__ */ e(
|
|
3115
|
-
|
|
3112
|
+
ct,
|
|
3116
3113
|
{
|
|
3117
3114
|
content: j(
|
|
3118
3115
|
n.credit_score_description,
|
|
@@ -3126,15 +3123,15 @@ const Eo = ({ total: t }) => {
|
|
|
3126
3123
|
}
|
|
3127
3124
|
) })
|
|
3128
3125
|
] });
|
|
3129
|
-
},
|
|
3126
|
+
}, Vr = v(Kr), Xr = ({ isOpen: t, onClose: o }) => {
|
|
3130
3127
|
const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: _, peerScore: d } = L();
|
|
3131
3128
|
if (!s || !i) return /* @__PURE__ */ e(te, {});
|
|
3132
|
-
const u =
|
|
3129
|
+
const u = He(c.health_score || 0, r), h = _.slice().reverse();
|
|
3133
3130
|
return /* @__PURE__ */ e(
|
|
3134
|
-
|
|
3131
|
+
Lt,
|
|
3135
3132
|
{
|
|
3136
3133
|
additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
|
|
3137
|
-
|
|
3134
|
+
Ve,
|
|
3138
3135
|
{
|
|
3139
3136
|
axisColor: n.palette.divider,
|
|
3140
3137
|
baseline: "min",
|
|
@@ -3169,7 +3166,7 @@ const Eo = ({ total: t }) => {
|
|
|
3169
3166
|
},
|
|
3170
3167
|
children: /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
|
|
3171
3168
|
/* @__PURE__ */ e(
|
|
3172
|
-
|
|
3169
|
+
Rt,
|
|
3173
3170
|
{
|
|
3174
3171
|
arcRadius: 24,
|
|
3175
3172
|
healthScore: c?.health_score,
|
|
@@ -3184,10 +3181,10 @@ const Eo = ({ total: t }) => {
|
|
|
3184
3181
|
] })
|
|
3185
3182
|
}
|
|
3186
3183
|
),
|
|
3187
|
-
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(
|
|
3184
|
+
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(Vr, { report: y }, f)) })
|
|
3188
3185
|
}
|
|
3189
3186
|
);
|
|
3190
|
-
},
|
|
3187
|
+
}, Yr = v(Xr), qr = ({ copy: t }) => {
|
|
3191
3188
|
const o = E(), n = [
|
|
3192
3189
|
o.palette.chartMono.chartMono5,
|
|
3193
3190
|
o.palette.chartMono.chartMono4,
|
|
@@ -3247,7 +3244,7 @@ const Eo = ({ total: t }) => {
|
|
|
3247
3244
|
)) })
|
|
3248
3245
|
] })
|
|
3249
3246
|
] });
|
|
3250
|
-
},
|
|
3247
|
+
}, Ur = ({ isOpen: t, onClose: o }) => {
|
|
3251
3248
|
const { finstrong: n } = x(), { isCopyLoaded: r } = q();
|
|
3252
3249
|
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: [
|
|
3253
3250
|
/* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
|
|
@@ -3255,12 +3252,12 @@ const Eo = ({ total: t }) => {
|
|
|
3255
3252
|
/* @__PURE__ */ e(K, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3256
3253
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3257
3254
|
] }),
|
|
3258
|
-
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
3255
|
+
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(qr, { copy: n }) })
|
|
3259
3256
|
] }),
|
|
3260
3257
|
/* @__PURE__ */ a(p, { sx: { gap: 12 }, children: [
|
|
3261
3258
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
|
|
3262
3259
|
/* @__PURE__ */ a(
|
|
3263
|
-
|
|
3260
|
+
Ge,
|
|
3264
3261
|
{
|
|
3265
3262
|
component: "ol",
|
|
3266
3263
|
sx: {
|
|
@@ -3300,7 +3297,7 @@ const Eo = ({ total: t }) => {
|
|
|
3300
3297
|
/* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
|
|
3301
3298
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
|
|
3302
3299
|
/* @__PURE__ */ a(
|
|
3303
|
-
|
|
3300
|
+
Ge,
|
|
3304
3301
|
{
|
|
3305
3302
|
component: "ol",
|
|
3306
3303
|
sx: {
|
|
@@ -3327,11 +3324,11 @@ const Eo = ({ total: t }) => {
|
|
|
3327
3324
|
)
|
|
3328
3325
|
] })
|
|
3329
3326
|
] }) }) : /* @__PURE__ */ e(te, {});
|
|
3330
|
-
},
|
|
3331
|
-
const [t, o] = m.useState(!1), n = E(), [r, { width: s }] =
|
|
3327
|
+
}, Qr = v(Ur), Zr = v(() => {
|
|
3328
|
+
const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = Ct(), { finstrong: i } = x(), { isCopyLoaded: l, isInitialized: c } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = He(_?.health_score, i);
|
|
3332
3329
|
return !l || !c ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
3333
3330
|
/* @__PURE__ */ e(
|
|
3334
|
-
|
|
3331
|
+
ko,
|
|
3335
3332
|
{
|
|
3336
3333
|
action: /* @__PURE__ */ e(
|
|
3337
3334
|
B,
|
|
@@ -3358,7 +3355,7 @@ const Eo = ({ total: t }) => {
|
|
|
3358
3355
|
}
|
|
3359
3356
|
),
|
|
3360
3357
|
/* @__PURE__ */ e(p, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
|
|
3361
|
-
|
|
3358
|
+
Rt,
|
|
3362
3359
|
{
|
|
3363
3360
|
arcRadius: s <= 323 ? 72.5 : 154,
|
|
3364
3361
|
footerCenterContent: d,
|
|
@@ -3367,7 +3364,7 @@ const Eo = ({ total: t }) => {
|
|
|
3367
3364
|
}
|
|
3368
3365
|
) }),
|
|
3369
3366
|
_?.health_score ? /* @__PURE__ */ a(
|
|
3370
|
-
|
|
3367
|
+
Co,
|
|
3371
3368
|
{
|
|
3372
3369
|
sx: {
|
|
3373
3370
|
px: 16,
|
|
@@ -3382,9 +3379,9 @@ const Eo = ({ total: t }) => {
|
|
|
3382
3379
|
},
|
|
3383
3380
|
children: [
|
|
3384
3381
|
/* @__PURE__ */ e(
|
|
3385
|
-
|
|
3382
|
+
wo,
|
|
3386
3383
|
{
|
|
3387
|
-
expandIcon: /* @__PURE__ */ e(
|
|
3384
|
+
expandIcon: /* @__PURE__ */ e(mn, { size: 20 }),
|
|
3388
3385
|
sx: {
|
|
3389
3386
|
height: 52,
|
|
3390
3387
|
p: 0,
|
|
@@ -3395,7 +3392,7 @@ const Eo = ({ total: t }) => {
|
|
|
3395
3392
|
children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
|
|
3396
3393
|
}
|
|
3397
3394
|
),
|
|
3398
|
-
/* @__PURE__ */ e(
|
|
3395
|
+
/* @__PURE__ */ e(vo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
|
|
3399
3396
|
]
|
|
3400
3397
|
}
|
|
3401
3398
|
) : /* @__PURE__ */ e(
|
|
@@ -3420,15 +3417,15 @@ const Eo = ({ total: t }) => {
|
|
|
3420
3417
|
}
|
|
3421
3418
|
),
|
|
3422
3419
|
/* @__PURE__ */ e(
|
|
3423
|
-
|
|
3420
|
+
Qr,
|
|
3424
3421
|
{
|
|
3425
3422
|
isOpen: t,
|
|
3426
3423
|
onClose: () => o(!1)
|
|
3427
3424
|
}
|
|
3428
3425
|
)
|
|
3429
3426
|
] });
|
|
3430
|
-
}),
|
|
3431
|
-
const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } =
|
|
3427
|
+
}), Jr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
|
|
3428
|
+
const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Ln(), { reloadCategoryTotals: _ } = je(), d = L(), {
|
|
3432
3429
|
augmentedChartData: u,
|
|
3433
3430
|
calculateHealthScore: h,
|
|
3434
3431
|
healthScore: y,
|
|
@@ -3436,8 +3433,8 @@ const Eo = ({ total: t }) => {
|
|
|
3436
3433
|
loadMonthlySummaries: w,
|
|
3437
3434
|
loadPeerScore: S,
|
|
3438
3435
|
peerScore: D
|
|
3439
|
-
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { loadRepeatingTransactions: R } =
|
|
3440
|
-
if (
|
|
3436
|
+
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { loadRepeatingTransactions: R } = Ke(), { isMobile: U } = Ye(), T = E(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [X, _e] = m.useState(!1), [H, he] = m.useState(!1);
|
|
3437
|
+
if (Mo({
|
|
3441
3438
|
widgetName: "FinstrongWidget",
|
|
3442
3439
|
isLoaded: z
|
|
3443
3440
|
}), m.useEffect(() => {
|
|
@@ -3453,7 +3450,7 @@ const Eo = ({ total: t }) => {
|
|
|
3453
3450
|
}, [s, i, P, r]), !b || !P || !z) return /* @__PURE__ */ e(te, {});
|
|
3454
3451
|
const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
|
|
3455
3452
|
return /* @__PURE__ */ a(
|
|
3456
|
-
|
|
3453
|
+
Do,
|
|
3457
3454
|
{
|
|
3458
3455
|
actions: [
|
|
3459
3456
|
{
|
|
@@ -3480,7 +3477,7 @@ const Eo = ({ total: t }) => {
|
|
|
3480
3477
|
},
|
|
3481
3478
|
children: [
|
|
3482
3479
|
/* @__PURE__ */ a(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
|
|
3483
|
-
/* @__PURE__ */ e(
|
|
3480
|
+
/* @__PURE__ */ e(Zr, {}),
|
|
3484
3481
|
/* @__PURE__ */ e(
|
|
3485
3482
|
Pe,
|
|
3486
3483
|
{
|
|
@@ -3507,7 +3504,7 @@ const Eo = ({ total: t }) => {
|
|
|
3507
3504
|
)
|
|
3508
3505
|
] }),
|
|
3509
3506
|
u.length ? /* @__PURE__ */ e(
|
|
3510
|
-
|
|
3507
|
+
Ve,
|
|
3511
3508
|
{
|
|
3512
3509
|
axisColor: T.palette.divider,
|
|
3513
3510
|
baseline: "min",
|
|
@@ -3534,13 +3531,13 @@ const Eo = ({ total: t }) => {
|
|
|
3534
3531
|
useCustomMark: !0,
|
|
3535
3532
|
xAxisScaleType: "band"
|
|
3536
3533
|
}
|
|
3537
|
-
) : /* @__PURE__ */ e(
|
|
3538
|
-
y.health_score !== null && /* @__PURE__ */ e(
|
|
3534
|
+
) : /* @__PURE__ */ e(Tr, { onClick: () => he(!0) }),
|
|
3535
|
+
y.health_score !== null && /* @__PURE__ */ e(Ir, {})
|
|
3539
3536
|
] }) })
|
|
3540
3537
|
]
|
|
3541
3538
|
}
|
|
3542
|
-
) : /* @__PURE__ */ e(
|
|
3543
|
-
/* @__PURE__ */ e(
|
|
3539
|
+
) : /* @__PURE__ */ e(Gr, {}),
|
|
3540
|
+
/* @__PURE__ */ e(jr, { isOpen: ve, onClose: () => Q(!1) }),
|
|
3544
3541
|
/* @__PURE__ */ e(
|
|
3545
3542
|
re,
|
|
3546
3543
|
{
|
|
@@ -3550,21 +3547,21 @@ const Eo = ({ total: t }) => {
|
|
|
3550
3547
|
}
|
|
3551
3548
|
),
|
|
3552
3549
|
/* @__PURE__ */ e(
|
|
3553
|
-
|
|
3550
|
+
Yr,
|
|
3554
3551
|
{
|
|
3555
|
-
isOpen:
|
|
3552
|
+
isOpen: X,
|
|
3556
3553
|
onClose: () => _e(!1)
|
|
3557
3554
|
}
|
|
3558
3555
|
)
|
|
3559
3556
|
]
|
|
3560
3557
|
}
|
|
3561
3558
|
);
|
|
3562
|
-
},
|
|
3559
|
+
}, yi = v(Jr);
|
|
3563
3560
|
export {
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3561
|
+
Ao as CreditScoreGraph,
|
|
3562
|
+
Ot as DialScoreCard,
|
|
3563
|
+
Rt as FinancialStrengthGraph,
|
|
3564
|
+
xi as FinstrongApi,
|
|
3565
|
+
Si as FinstrongStore,
|
|
3566
|
+
yi as FinstrongWidget
|
|
3570
3567
|
};
|