@mx-cartographer/experiences 7.2.15-alpha-ram12-finstrong-testing → 7.2.15-alpha-ram13-finstrong-testing
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.
|
@@ -2,14 +2,14 @@ import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import C from "@mui/material/Box";
|
|
3
3
|
import u 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 gt, ArrowRightAlt as
|
|
7
|
-
import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as
|
|
8
|
-
import { g as
|
|
9
|
-
import { y as
|
|
5
|
+
import { PieChart as pn, BarPlot as un } from "@mui/x-charts";
|
|
6
|
+
import { TrendingUp as gt, ArrowRightAlt as _n, TrendingDown as hn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as mn, Cancel as gn, Savings as yn, ContentCopy as bn, Add as ft, Cardiology as fn, Payments as xn, CalendarMonth as Sn, ExpandMore as Cn } from "@mxenabled/mx-icons";
|
|
7
|
+
import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as vn, Icon as wn } from "@mxenabled/mxui";
|
|
8
|
+
import { g as kn, a as Mn, r as rt, b as Dn, c as je, d as St, C as ve, e as we, f as In, h as An, i as Tn, j as Ct, k as at, l as On, m as it, n as Rn, o as vt, p as Fn, q as wt, s as Te, t as Pn, u as Bn, v as Ln, w as Wn, A as ee, x as $n, P as zn } from "../FinstrongStore-BbnA6Crl.mjs";
|
|
9
|
+
import { y as Gi, F as Hi } from "../FinstrongStore-BbnA6Crl.mjs";
|
|
10
10
|
import * as st from "d3";
|
|
11
11
|
import { observer as S } from "mobx-react-lite";
|
|
12
|
-
import { u as w, b as j, p as J, z as F, q as
|
|
12
|
+
import { u as w, b as j, p as J, z as F, q as En, a as kt, d as Me, m as Ye, g as Gn, f as Hn, j as Ve, h as Nn, i as Kn } from "../hooks-C41HAxM5.mjs";
|
|
13
13
|
import { L as Q } from "../Loader-DUaFpDGv.mjs";
|
|
14
14
|
import m from "react";
|
|
15
15
|
import $ from "@mui/material/Button";
|
|
@@ -21,9 +21,9 @@ import pe from "@mui/material/Tab";
|
|
|
21
21
|
import qe from "@mui/material/Tabs";
|
|
22
22
|
import Oe from "@mui/material/TextField";
|
|
23
23
|
import { u as Ue } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
24
|
-
import { D as
|
|
24
|
+
import { D as jn, f as Yn, a as Vn } from "../Dialog-BPTr3qHE.mjs";
|
|
25
25
|
import { u as It } from "../useDimensions-27p2evRx.mjs";
|
|
26
|
-
import
|
|
26
|
+
import Xn from "@mui/material/Chip";
|
|
27
27
|
import { D as te } from "../Drawer-BEtCk82g.mjs";
|
|
28
28
|
import ne from "@mui/material/Divider";
|
|
29
29
|
import ye from "@mui/material/ListItem";
|
|
@@ -31,50 +31,48 @@ import At from "@mui/material/ListItemAvatar";
|
|
|
31
31
|
import be from "@mui/material/ListItemText";
|
|
32
32
|
import { g as Tt } from "../AccountFields-CPkGZ3SD.mjs";
|
|
33
33
|
import Re from "@mui/material/List";
|
|
34
|
-
import
|
|
35
|
-
import
|
|
34
|
+
import qn from "@mui/material/ListItemButton";
|
|
35
|
+
import Un from "@mui/material/ListSubheader";
|
|
36
36
|
import { f as W } from "../NumberFormatting-Buh7u8Oi.mjs";
|
|
37
|
-
import { S as ct, F as Ot, e as
|
|
38
|
-
import { Button as
|
|
39
|
-
import { S as
|
|
37
|
+
import { S as ct, F as Ot, e as Zn, R as Rt } from "../RecurringTransactions-CngsRZ3K.mjs";
|
|
38
|
+
import { Button as Jn } from "@mui/material";
|
|
39
|
+
import { S as Qn } from "../StatusBar-BK_uYHAB.mjs";
|
|
40
40
|
import { h as Ze } from "../DateUtil-CBdcsyuk.mjs";
|
|
41
|
-
import { useVirtualizer as
|
|
42
|
-
import { u as
|
|
43
|
-
import { A as
|
|
41
|
+
import { useVirtualizer as eo } from "@tanstack/react-virtual";
|
|
42
|
+
import { u as to, s as Ne, h as Ft, S as Pt, b as Bt, Z as no } from "../TransactionDetails-CaJruWq3.mjs";
|
|
43
|
+
import { A as oo, W as ro } from "../WidgetContainer-6dsjtOVg.mjs";
|
|
44
44
|
import { T as ue } from "../TabContentContainer-j01JYR_7.mjs";
|
|
45
45
|
import { b as Y } from "../Localization-2MODESHW.mjs";
|
|
46
46
|
import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
|
|
47
|
-
import
|
|
48
|
-
import { ChartsXAxis as
|
|
49
|
-
import { ChartsYAxis as
|
|
50
|
-
import { ResponsiveChartContainer as
|
|
51
|
-
import { useSpring as
|
|
52
|
-
import {
|
|
53
|
-
import { endOfMonth as
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import { formatISO as bo } from "date-fns/formatISO";
|
|
58
|
-
import { fromUnixTime as fo } from "date-fns/fromUnixTime";
|
|
47
|
+
import ao from "@mui/material/useMediaQuery";
|
|
48
|
+
import { ChartsXAxis as io } from "@mui/x-charts/ChartsXAxis";
|
|
49
|
+
import { ChartsYAxis as so } from "@mui/x-charts/ChartsYAxis";
|
|
50
|
+
import { ResponsiveChartContainer as co } from "@mui/x-charts/ResponsiveChartContainer";
|
|
51
|
+
import { useSpring as lo, animated as lt } from "@react-spring/web";
|
|
52
|
+
import { g as po, S as uo, b as _o } from "../SpendingLegend-CopEyF2t.mjs";
|
|
53
|
+
import { endOfMonth as ho } from "date-fns/endOfMonth";
|
|
54
|
+
import { formatISO as mo } from "date-fns/formatISO";
|
|
55
|
+
import { fromUnixTime as go } from "date-fns/fromUnixTime";
|
|
56
|
+
import { startOfMonth as yo } from "date-fns/startOfMonth";
|
|
59
57
|
import { startOfToday as dt } from "date-fns/startOfToday";
|
|
60
|
-
import { subDays as
|
|
61
|
-
import { c as
|
|
62
|
-
import { LocalizationProvider as
|
|
63
|
-
import { AdapterDateFns as
|
|
64
|
-
import { R as
|
|
65
|
-
import { LocalizationProvider as
|
|
66
|
-
import { format as
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import
|
|
73
|
-
import
|
|
74
|
-
import
|
|
75
|
-
import
|
|
76
|
-
import
|
|
77
|
-
const
|
|
58
|
+
import { subDays as bo } from "date-fns/subDays";
|
|
59
|
+
import { c as fo, d as pt, S as xo, i as So } from "../ManageIncome-n6qSYGHO.mjs";
|
|
60
|
+
import { LocalizationProvider as Co, DatePicker as vo, StaticDatePicker as wo } from "@mui/x-date-pickers";
|
|
61
|
+
import { AdapterDateFns as Lt } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
62
|
+
import { R as ko } from "../RecurringSettings-BwnDPthJ.mjs";
|
|
63
|
+
import { LocalizationProvider as Mo } from "@mui/x-date-pickers/LocalizationProvider";
|
|
64
|
+
import { format as Do } from "date-fns/format";
|
|
65
|
+
import Io from "@mui/lab/Timeline";
|
|
66
|
+
import Ao, { timelineItemClasses as To } from "@mui/lab/TimelineItem";
|
|
67
|
+
import Oo from "@mui/lab/TimelineConnector";
|
|
68
|
+
import Ro from "@mui/lab/TimelineContent";
|
|
69
|
+
import Fo from "@mui/lab/TimelineDot";
|
|
70
|
+
import Po from "@mui/lab/TimelineSeparator";
|
|
71
|
+
import Bo from "@mui/material/Accordion";
|
|
72
|
+
import Lo from "@mui/material/AccordionDetails";
|
|
73
|
+
import Wo from "@mui/material/AccordionSummary";
|
|
74
|
+
import $o from "@mui/material/CardHeader";
|
|
75
|
+
const zo = ({
|
|
78
76
|
dialScoreData: t,
|
|
79
77
|
dataIndex: r,
|
|
80
78
|
arcColor: n,
|
|
@@ -94,12 +92,12 @@ const Go = ({
|
|
|
94
92
|
{ offset: "36.67%", color: x.palette.chartMono.chartMono3 },
|
|
95
93
|
{ offset: "59.72%", color: x.palette.chartMono.chartMono4 },
|
|
96
94
|
{ offset: "83.46%", color: x.palette.chartMono.chartMono5 }
|
|
97
|
-
], [y, D] =
|
|
95
|
+
], [y, D] = kn(
|
|
98
96
|
t,
|
|
99
97
|
c,
|
|
100
98
|
o,
|
|
101
99
|
r
|
|
102
|
-
), [g, f] =
|
|
100
|
+
), [g, f] = Mn(
|
|
103
101
|
y,
|
|
104
102
|
D,
|
|
105
103
|
r,
|
|
@@ -129,7 +127,7 @@ const Go = ({
|
|
|
129
127
|
}
|
|
130
128
|
) })
|
|
131
129
|
] });
|
|
132
|
-
},
|
|
130
|
+
}, Wt = ({
|
|
133
131
|
arcRadius: t = 100,
|
|
134
132
|
healthScore: r,
|
|
135
133
|
size: n = "L",
|
|
@@ -143,11 +141,11 @@ const Go = ({
|
|
|
143
141
|
footerRightContent: h,
|
|
144
142
|
isFinacialStrengthGraph: _ = !1
|
|
145
143
|
}) => {
|
|
146
|
-
const b = E(), x = -Math.PI / 1.35, v = Math.PI / 1.35, y = v - x, D = y / (a - c), g = (r - c) * D, f = x + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, P = t, G = t * (1 - M), H = P * 2.5, T = H / 2, V = H / 2, re = (G + P) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] =
|
|
144
|
+
const b = E(), x = -Math.PI / 1.35, v = Math.PI / 1.35, y = v - x, D = y / (a - c), g = (r - c) * D, f = x + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, P = t, G = t * (1 - M), H = P * 2.5, T = H / 2, V = H / 2, re = (G + P) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = Dn(re, f, ae), X = r / 25, se = {
|
|
147
145
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
148
146
|
M: { markerSize: 10, healthScoreFontSize: 48 },
|
|
149
147
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
150
|
-
}, ce = l === 0 ?
|
|
148
|
+
}, ce = l === 0 ? _n : hn;
|
|
151
149
|
return /* @__PURE__ */ i(
|
|
152
150
|
u,
|
|
153
151
|
{
|
|
@@ -159,7 +157,7 @@ const Go = ({
|
|
|
159
157
|
},
|
|
160
158
|
children: [
|
|
161
159
|
/* @__PURE__ */ e(
|
|
162
|
-
|
|
160
|
+
pn,
|
|
163
161
|
{
|
|
164
162
|
height: H,
|
|
165
163
|
margin: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
@@ -180,7 +178,7 @@ const Go = ({
|
|
|
180
178
|
},
|
|
181
179
|
slots: {
|
|
182
180
|
pieArc: (he) => /* @__PURE__ */ e(
|
|
183
|
-
|
|
181
|
+
zo,
|
|
184
182
|
{
|
|
185
183
|
arcColor: he.color,
|
|
186
184
|
arcRadius: t,
|
|
@@ -306,7 +304,7 @@ const Go = ({
|
|
|
306
304
|
]
|
|
307
305
|
}
|
|
308
306
|
);
|
|
309
|
-
},
|
|
307
|
+
}, $t = S(
|
|
310
308
|
({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
|
|
311
309
|
const c = [
|
|
312
310
|
{ id: 1, label: "Group A", value: 25 },
|
|
@@ -315,7 +313,7 @@ const Go = ({
|
|
|
315
313
|
{ id: 4, label: "Group D", value: 25 }
|
|
316
314
|
], { finstrong: a } = w(), s = je(n, a);
|
|
317
315
|
return /* @__PURE__ */ e(
|
|
318
|
-
|
|
316
|
+
Wt,
|
|
319
317
|
{
|
|
320
318
|
arcRadius: t,
|
|
321
319
|
dialScoreData: c,
|
|
@@ -327,7 +325,7 @@ const Go = ({
|
|
|
327
325
|
}
|
|
328
326
|
);
|
|
329
327
|
}
|
|
330
|
-
),
|
|
328
|
+
), Eo = S(
|
|
331
329
|
({
|
|
332
330
|
arcRadius: t,
|
|
333
331
|
size: r = "L",
|
|
@@ -375,7 +373,7 @@ const Go = ({
|
|
|
375
373
|
p.credit_score_status
|
|
376
374
|
);
|
|
377
375
|
return /* @__PURE__ */ e(
|
|
378
|
-
|
|
376
|
+
Wt,
|
|
379
377
|
{
|
|
380
378
|
arcRadius: t,
|
|
381
379
|
dialScoreData: l,
|
|
@@ -466,14 +464,14 @@ const Go = ({
|
|
|
466
464
|
) : null;
|
|
467
465
|
};
|
|
468
466
|
var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
|
|
469
|
-
const
|
|
467
|
+
const Go = ({ isOpen: t, onClose: r }) => {
|
|
470
468
|
const { common: n, finstrong: o } = w(), { isMobile: c } = Ue(), { updateUser: a, user: s } = J(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
|
|
471
469
|
r(), setTimeout(() => l(s.credit_score || 0), 300);
|
|
472
470
|
}, _ = () => {
|
|
473
471
|
!d || d === s.credit_score || a({ ...s, credit_score: d });
|
|
474
472
|
};
|
|
475
473
|
return /* @__PURE__ */ e(
|
|
476
|
-
|
|
474
|
+
jn,
|
|
477
475
|
{
|
|
478
476
|
copy: { close_aria: n.close_aria, title: o.edit_credit_score },
|
|
479
477
|
disablePrimaryButton: !d || !p,
|
|
@@ -512,10 +510,10 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
512
510
|
)
|
|
513
511
|
}
|
|
514
512
|
);
|
|
515
|
-
},
|
|
513
|
+
}, zt = S(Go), ze = {
|
|
516
514
|
credit_over_time_title: "Your Credit Over Time",
|
|
517
515
|
credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
|
|
518
|
-
},
|
|
516
|
+
}, Ho = ({ chartFor: t }) => {
|
|
519
517
|
const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = J(), { finstrong: a } = w(), [s, { width: d }] = It(), l = {
|
|
520
518
|
savingsOverTime: {
|
|
521
519
|
icon: /* @__PURE__ */ e(gt, { size: 48, sx: { marginBottom: 8 } }),
|
|
@@ -545,7 +543,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
545
543
|
title: ze.credit_over_time_title,
|
|
546
544
|
valueKey: "credit_score"
|
|
547
545
|
}
|
|
548
|
-
}[t], _ =
|
|
546
|
+
}[t], _ = In(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), x = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: y } = x(), D = h.title, g = t === "creditOverTime";
|
|
549
547
|
let f;
|
|
550
548
|
if (g) {
|
|
551
549
|
const { color: M } = St(
|
|
@@ -598,13 +596,13 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
598
596
|
/* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: l.title }),
|
|
599
597
|
/* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: l.description })
|
|
600
598
|
] }) });
|
|
601
|
-
}, Je = S(
|
|
599
|
+
}, Je = S(Ho), No = {
|
|
602
600
|
updated_score: "Updated Score"
|
|
603
|
-
},
|
|
604
|
-
const { healthScoreChange: t } = F(), { user: r } = J(), { availableWidth: n } =
|
|
601
|
+
}, Ko = () => {
|
|
602
|
+
const { healthScoreChange: t } = F(), { user: r } = J(), { availableWidth: n } = En(), { isSmallMobile: o } = Ue(n), [c, a] = m.useState(!1);
|
|
605
603
|
return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
|
|
606
604
|
/* @__PURE__ */ e(
|
|
607
|
-
|
|
605
|
+
Eo,
|
|
608
606
|
{
|
|
609
607
|
arcRadius: o ? 124 : 154,
|
|
610
608
|
footerCenterContent: t,
|
|
@@ -612,19 +610,19 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
612
610
|
size: o ? "M" : "L"
|
|
613
611
|
}
|
|
614
612
|
),
|
|
615
|
-
/* @__PURE__ */ e($, { onClick: () => a(!0), variant: "contained", children:
|
|
616
|
-
/* @__PURE__ */ e(
|
|
613
|
+
/* @__PURE__ */ e($, { onClick: () => a(!0), variant: "contained", children: No.updated_score }),
|
|
614
|
+
/* @__PURE__ */ e(zt, { isOpen: c, onClose: () => a(!1) }),
|
|
617
615
|
/* @__PURE__ */ e(Je, { chartFor: "creditOverTime" })
|
|
618
616
|
] });
|
|
619
|
-
},
|
|
620
|
-
const { finstrong: r } = w(), n =
|
|
617
|
+
}, jo = S(Ko), Le = ({ status: t }) => {
|
|
618
|
+
const { finstrong: r } = w(), n = An(Tn[t]), o = {
|
|
621
619
|
GOOD: r.key_indicators_good,
|
|
622
620
|
FAIR: r.key_indicators_fair,
|
|
623
621
|
OFF_TRACK: r.key_indicators_off_track,
|
|
624
622
|
MISSING: r.key_indicators_missing
|
|
625
623
|
}[t];
|
|
626
624
|
return /* @__PURE__ */ e(
|
|
627
|
-
|
|
625
|
+
Xn,
|
|
628
626
|
{
|
|
629
627
|
label: /* @__PURE__ */ e(
|
|
630
628
|
k,
|
|
@@ -644,15 +642,15 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
644
642
|
variant: "filled"
|
|
645
643
|
}
|
|
646
644
|
);
|
|
647
|
-
},
|
|
645
|
+
}, Yo = {
|
|
648
646
|
keep_strong_credit_score: "Keep a Strong Credit Score"
|
|
649
|
-
},
|
|
647
|
+
}, Vo = () => {
|
|
650
648
|
const { user: t } = J(), r = Ct(t.credit_score ?? null);
|
|
651
649
|
return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
652
|
-
/* @__PURE__ */ e(N, { children:
|
|
650
|
+
/* @__PURE__ */ e(N, { children: Yo.keep_strong_credit_score }),
|
|
653
651
|
/* @__PURE__ */ e(Le, { status: r })
|
|
654
652
|
] });
|
|
655
|
-
},
|
|
653
|
+
}, Xo = S(Vo), qo = ({
|
|
656
654
|
additionalContent: t,
|
|
657
655
|
connectTitle: r,
|
|
658
656
|
connectDescription: n,
|
|
@@ -708,7 +706,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
708
706
|
)
|
|
709
707
|
] })
|
|
710
708
|
] }) : /* @__PURE__ */ e(Q, {});
|
|
711
|
-
},
|
|
709
|
+
}, Et = S(qo), Uo = ({
|
|
712
710
|
onClick: t,
|
|
713
711
|
shouldShowBalance: r = !0,
|
|
714
712
|
loadAccounts: n
|
|
@@ -732,7 +730,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
732
730
|
return /* @__PURE__ */ i(
|
|
733
731
|
Re,
|
|
734
732
|
{
|
|
735
|
-
subheader: /* @__PURE__ */ e(
|
|
733
|
+
subheader: /* @__PURE__ */ e(Un, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
736
734
|
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: c.account_types[l] }),
|
|
737
735
|
r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
|
|
738
736
|
] }) }),
|
|
@@ -753,7 +751,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
753
751
|
r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: W(x ?? 0, "0,0.00") })
|
|
754
752
|
] });
|
|
755
753
|
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
756
|
-
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(
|
|
754
|
+
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(qn, { onClick: () => s(_), children: y }) : y }),
|
|
757
755
|
b !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
|
|
758
756
|
] }, _.guid);
|
|
759
757
|
}),
|
|
@@ -763,7 +761,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
763
761
|
l
|
|
764
762
|
);
|
|
765
763
|
}) }) : null;
|
|
766
|
-
},
|
|
764
|
+
}, Gt = S(Uo), Zo = ({ loadAccounts: t, loadMoreLabel: r }) => {
|
|
767
765
|
const n = E(), { config: o } = kt(), { connect: c, finstrong: a } = w(), { accounts: s } = w(), { selectedAccounts: d } = j(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = m.useMemo(
|
|
768
766
|
() => d.filter(
|
|
769
767
|
(y) => t ? t.includes(y.account_type) : !0
|
|
@@ -806,7 +804,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
806
804
|
] })
|
|
807
805
|
}
|
|
808
806
|
) }),
|
|
809
|
-
/* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(
|
|
807
|
+
/* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Gt, { loadAccounts: t }) })
|
|
810
808
|
] })
|
|
811
809
|
] }) : /* @__PURE__ */ i(z, { children: [
|
|
812
810
|
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
@@ -828,7 +826,7 @@ const No = ({ isOpen: t, onClose: r }) => {
|
|
|
828
826
|
}
|
|
829
827
|
)
|
|
830
828
|
] });
|
|
831
|
-
},
|
|
829
|
+
}, Ht = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
|
|
832
830
|
u,
|
|
833
831
|
{
|
|
834
832
|
sx: {
|
|
@@ -866,24 +864,24 @@ const L = {
|
|
|
866
864
|
suggested_goal: "Suggested Goal: $25,000",
|
|
867
865
|
weekly: "Weekly",
|
|
868
866
|
years: "Years"
|
|
869
|
-
},
|
|
867
|
+
}, Jo = [
|
|
870
868
|
{ id: U.Monthly, label: L.monthly },
|
|
871
869
|
{ id: U.BiWeekly, label: L.bi_weekly },
|
|
872
870
|
{ id: U.Weekly, label: L.weekly },
|
|
873
871
|
{ id: U.Daily, label: L.daily }
|
|
874
|
-
],
|
|
872
|
+
], Qo = {
|
|
875
873
|
[U.Monthly]: L.estimated_period_monthly,
|
|
876
874
|
[U.BiWeekly]: L.estimated_period_bi_weekly,
|
|
877
875
|
[U.Weekly]: L.estimated_period_weekly,
|
|
878
876
|
[U.Daily]: L.estimated_period_daily
|
|
879
|
-
},
|
|
877
|
+
}, er = [
|
|
880
878
|
{ id: ke.Months, label: L.months },
|
|
881
879
|
{ id: ke.Years, label: L.years },
|
|
882
880
|
{ id: ke.Days, label: L.days }
|
|
883
|
-
],
|
|
881
|
+
], tr = ({ total: t }) => {
|
|
884
882
|
const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [c, a] = m.useState(at(t)), [s, d] = m.useState(
|
|
885
883
|
at(t)
|
|
886
|
-
), [l, p] = m.useState(r), [h, _] = m.useState(
|
|
884
|
+
), [l, p] = m.useState(r), [h, _] = m.useState(On(t)), [b, x] = m.useState(ke.Months);
|
|
887
885
|
m.useEffect(() => {
|
|
888
886
|
o(
|
|
889
887
|
it({
|
|
@@ -914,7 +912,7 @@ const L = {
|
|
|
914
912
|
/* @__PURE__ */ e(I, { variant: "h2", children: W(n, "0,0") }),
|
|
915
913
|
/* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
|
|
916
914
|
"/",
|
|
917
|
-
|
|
915
|
+
Qo[c]
|
|
918
916
|
] })
|
|
919
917
|
] }),
|
|
920
918
|
title: L.estimated_contribution
|
|
@@ -941,7 +939,7 @@ const L = {
|
|
|
941
939
|
{
|
|
942
940
|
label: L.how_often_contribute,
|
|
943
941
|
onChange: d,
|
|
944
|
-
options:
|
|
942
|
+
options: Jo,
|
|
945
943
|
required: !0,
|
|
946
944
|
value: s
|
|
947
945
|
}
|
|
@@ -982,17 +980,17 @@ const L = {
|
|
|
982
980
|
}
|
|
983
981
|
}
|
|
984
982
|
},
|
|
985
|
-
children: /* @__PURE__ */ e(ct, { label: "", onChange: x, options:
|
|
983
|
+
children: /* @__PURE__ */ e(ct, { label: "", onChange: x, options: er, value: b })
|
|
986
984
|
}
|
|
987
985
|
)
|
|
988
986
|
] }),
|
|
989
987
|
/* @__PURE__ */ e($, { fullWidth: !0, onClick: v, type: "submit", variant: "contained", children: L.calculate })
|
|
990
988
|
] }) }) });
|
|
991
|
-
},
|
|
989
|
+
}, nr = S(tr), Ae = {
|
|
992
990
|
connect_accounts: "Connect Accounts",
|
|
993
991
|
more_accounts: "More Accounts",
|
|
994
992
|
your_savings: "Your Savings"
|
|
995
|
-
},
|
|
993
|
+
}, or = () => {
|
|
996
994
|
const { savingsAccounts: t } = Me(), [r, n] = m.useState(!1), o = m.useMemo(
|
|
997
995
|
() => t.reduce((c, a) => c + (a.balance ?? 0), 0),
|
|
998
996
|
[t]
|
|
@@ -1000,9 +998,9 @@ const L = {
|
|
|
1000
998
|
return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
|
|
1001
999
|
/* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
|
|
1002
1000
|
/* @__PURE__ */ e(Se, { balance: o, title: Ae.your_savings }),
|
|
1003
|
-
t.length ? /* @__PURE__ */ e(
|
|
1001
|
+
t.length ? /* @__PURE__ */ e(Ht, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(Jn, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
|
|
1004
1002
|
] }) }),
|
|
1005
|
-
/* @__PURE__ */ e(
|
|
1003
|
+
/* @__PURE__ */ e(nr, { total: o }),
|
|
1006
1004
|
/* @__PURE__ */ e(
|
|
1007
1005
|
oe,
|
|
1008
1006
|
{
|
|
@@ -1012,7 +1010,7 @@ const L = {
|
|
|
1012
1010
|
}
|
|
1013
1011
|
)
|
|
1014
1012
|
] });
|
|
1015
|
-
},
|
|
1013
|
+
}, rr = S(or), We = S(
|
|
1016
1014
|
({ label: t, value: r, status: n, bottomComponent: o, statusBarData: c = [] }) => {
|
|
1017
1015
|
const a = {
|
|
1018
1016
|
GOOD: {
|
|
@@ -1065,21 +1063,21 @@ const L = {
|
|
|
1065
1063
|
)
|
|
1066
1064
|
] }),
|
|
1067
1065
|
/* @__PURE__ */ i(u, { children: [
|
|
1068
|
-
/* @__PURE__ */ e(
|
|
1066
|
+
/* @__PURE__ */ e(Qn, { data: s, height: 16 }),
|
|
1069
1067
|
o
|
|
1070
1068
|
] })
|
|
1071
1069
|
]
|
|
1072
1070
|
}
|
|
1073
1071
|
);
|
|
1074
1072
|
}
|
|
1075
|
-
),
|
|
1073
|
+
), ar = {
|
|
1076
1074
|
sticky_label: "You have saved"
|
|
1077
|
-
},
|
|
1078
|
-
const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n =
|
|
1075
|
+
}, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
|
|
1076
|
+
const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Rn(r), o = vt(r);
|
|
1079
1077
|
return /* @__PURE__ */ e(
|
|
1080
1078
|
We,
|
|
1081
1079
|
{
|
|
1082
|
-
bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children:
|
|
1080
|
+
bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((c) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
|
|
1083
1081
|
/* @__PURE__ */ e(
|
|
1084
1082
|
ne,
|
|
1085
1083
|
{
|
|
@@ -1093,7 +1091,7 @@ const L = {
|
|
|
1093
1091
|
),
|
|
1094
1092
|
/* @__PURE__ */ e(I, { variant: "caption", children: c })
|
|
1095
1093
|
] }, c)) }),
|
|
1096
|
-
label:
|
|
1094
|
+
label: ar.sticky_label,
|
|
1097
1095
|
status: o,
|
|
1098
1096
|
statusBarData: [
|
|
1099
1097
|
{
|
|
@@ -1103,7 +1101,7 @@ const L = {
|
|
|
1103
1101
|
value: W(r ?? 0, "0,0.00")
|
|
1104
1102
|
}
|
|
1105
1103
|
);
|
|
1106
|
-
},
|
|
1104
|
+
}, cr = S(sr), ut = 65, _t = 34, lr = ({
|
|
1107
1105
|
transactions: t,
|
|
1108
1106
|
bgcolor: r,
|
|
1109
1107
|
height: n = "calc(100dvh - 36px)",
|
|
@@ -1112,19 +1110,19 @@ const L = {
|
|
|
1112
1110
|
showInsights: a = !1,
|
|
1113
1111
|
showLoader: s = !1,
|
|
1114
1112
|
width: d = "100%",
|
|
1115
|
-
zeroState: l = /* @__PURE__ */ e(
|
|
1113
|
+
zeroState: l = /* @__PURE__ */ e(no, {})
|
|
1116
1114
|
}) => {
|
|
1117
|
-
const { getCategoryName: p } = Ye(), { onEvent: h } =
|
|
1115
|
+
const { getCategoryName: p } = Ye(), { onEvent: h } = Gn(), { categories: _ } = w(), { clearExpandedSplits: b, setShowInsights: x, toggleSplit: v } = to(), y = (f) => {
|
|
1118
1116
|
const M = t.find((P) => P.guid === f);
|
|
1119
1117
|
if (M?.has_been_split) {
|
|
1120
1118
|
v(M.guid);
|
|
1121
1119
|
return;
|
|
1122
1120
|
}
|
|
1123
|
-
h(
|
|
1121
|
+
h(oo.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
|
|
1124
1122
|
account_guid: M?.account_guid,
|
|
1125
1123
|
transaction_guid: f
|
|
1126
1124
|
}), c?.(f);
|
|
1127
|
-
}, D = m.useRef(null), g =
|
|
1125
|
+
}, D = m.useRef(null), g = eo({
|
|
1128
1126
|
count: t.length,
|
|
1129
1127
|
getScrollElement: () => D.current,
|
|
1130
1128
|
estimateSize: (f) => ut + (Ne(f, t) ? _t : 0),
|
|
@@ -1177,7 +1175,7 @@ const L = {
|
|
|
1177
1175
|
]
|
|
1178
1176
|
}
|
|
1179
1177
|
) }) });
|
|
1180
|
-
},
|
|
1178
|
+
}, dr = S(lr), $e = ({
|
|
1181
1179
|
transactions: t = [],
|
|
1182
1180
|
amountColor: r = "success.main",
|
|
1183
1181
|
amountPosition: n = "center",
|
|
@@ -1217,7 +1215,7 @@ const L = {
|
|
|
1217
1215
|
},
|
|
1218
1216
|
children: [
|
|
1219
1217
|
/* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
|
|
1220
|
-
|
|
1218
|
+
vn,
|
|
1221
1219
|
{
|
|
1222
1220
|
categoryGuid: y.top_level_category_guid || "",
|
|
1223
1221
|
merchantGuid: y.merchant_guid || "",
|
|
@@ -1277,12 +1275,12 @@ const L = {
|
|
|
1277
1275
|
isOpen: l,
|
|
1278
1276
|
onClose: () => p(!1),
|
|
1279
1277
|
title: d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1280
|
-
children: /* @__PURE__ */ e(
|
|
1278
|
+
children: /* @__PURE__ */ e(dr, { transactions: t })
|
|
1281
1279
|
}
|
|
1282
1280
|
)
|
|
1283
1281
|
] })
|
|
1284
1282
|
] });
|
|
1285
|
-
},
|
|
1283
|
+
}, pr = () => {
|
|
1286
1284
|
const {
|
|
1287
1285
|
finstrong: {
|
|
1288
1286
|
key_indicators_spend: { pay_bills_on_time_drawer: t }
|
|
@@ -1302,7 +1300,7 @@ const L = {
|
|
|
1302
1300
|
width: "100%"
|
|
1303
1301
|
},
|
|
1304
1302
|
children: [
|
|
1305
|
-
/* @__PURE__ */ e(
|
|
1303
|
+
/* @__PURE__ */ e(mn, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1306
1304
|
/* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1307
1305
|
/* @__PURE__ */ e(N, { children: t.pay_bills_on_time_zero_fees_title }),
|
|
1308
1306
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
|
|
@@ -1324,16 +1322,16 @@ const L = {
|
|
|
1324
1322
|
{
|
|
1325
1323
|
amountColor: "text.primary",
|
|
1326
1324
|
amountPosition: "flex-start",
|
|
1327
|
-
formatDate: (o) =>
|
|
1328
|
-
secondaryIcon: /* @__PURE__ */ e(
|
|
1325
|
+
formatDate: (o) => Yn(new Date(o * 1e3), Vn.MONTH_DAY),
|
|
1326
|
+
secondaryIcon: /* @__PURE__ */ e(gn, { color: "error", filled: !0, size: 12 }),
|
|
1329
1327
|
transactions: n.spendingFee
|
|
1330
1328
|
}
|
|
1331
1329
|
)
|
|
1332
1330
|
]
|
|
1333
1331
|
}
|
|
1334
1332
|
) });
|
|
1335
|
-
},
|
|
1336
|
-
const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c =
|
|
1333
|
+
}, ur = S(pr), _r = () => {
|
|
1334
|
+
const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Fn(t.spending_fee_transaction_count);
|
|
1337
1335
|
return /* @__PURE__ */ i(
|
|
1338
1336
|
u,
|
|
1339
1337
|
{
|
|
@@ -1356,7 +1354,7 @@ const L = {
|
|
|
1356
1354
|
]
|
|
1357
1355
|
}
|
|
1358
1356
|
);
|
|
1359
|
-
},
|
|
1357
|
+
}, hr = S(_r), mr = () => {
|
|
1360
1358
|
const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = w();
|
|
1361
1359
|
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1362
1360
|
/* @__PURE__ */ e(
|
|
@@ -1367,14 +1365,14 @@ const L = {
|
|
|
1367
1365
|
}
|
|
1368
1366
|
),
|
|
1369
1367
|
/* @__PURE__ */ e(
|
|
1370
|
-
|
|
1368
|
+
Ht,
|
|
1371
1369
|
{
|
|
1372
1370
|
loadAccounts: [He.SAVINGS, He.CHECKING],
|
|
1373
1371
|
loadMoreLabel: r.more_accounts
|
|
1374
1372
|
}
|
|
1375
1373
|
)
|
|
1376
1374
|
] });
|
|
1377
|
-
},
|
|
1375
|
+
}, gr = S(mr), yr = () => {
|
|
1378
1376
|
const { finstrong: t } = w(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = F(), { isInitialized: a } = j();
|
|
1379
1377
|
m.useEffect(() => {
|
|
1380
1378
|
a && (o().finally(), c().finally());
|
|
@@ -1393,7 +1391,7 @@ const L = {
|
|
|
1393
1391
|
),
|
|
1394
1392
|
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: s })
|
|
1395
1393
|
] }) : /* @__PURE__ */ e(Q, {});
|
|
1396
|
-
},
|
|
1394
|
+
}, br = S(yr), fr = () => {
|
|
1397
1395
|
const [t, r] = m.useState(0), { finstrong: n } = w();
|
|
1398
1396
|
return /* @__PURE__ */ i(z, { children: [
|
|
1399
1397
|
/* @__PURE__ */ i(K, { children: [
|
|
@@ -1426,12 +1424,12 @@ const L = {
|
|
|
1426
1424
|
]
|
|
1427
1425
|
}
|
|
1428
1426
|
),
|
|
1429
|
-
/* @__PURE__ */ e(ue, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(
|
|
1430
|
-
/* @__PURE__ */ e(ue, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(
|
|
1427
|
+
/* @__PURE__ */ e(ue, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
|
|
1428
|
+
/* @__PURE__ */ e(ue, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(br, {}) })
|
|
1431
1429
|
] }),
|
|
1432
1430
|
/* @__PURE__ */ e(Je, { chartFor: "savingsOverTime" })
|
|
1433
1431
|
] });
|
|
1434
|
-
},
|
|
1432
|
+
}, xr = S(fr), Sr = () => {
|
|
1435
1433
|
const { finstrong: t } = w(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), c = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * c), d = n / 6 * 100;
|
|
1436
1434
|
return /* @__PURE__ */ e(
|
|
1437
1435
|
We,
|
|
@@ -1481,7 +1479,7 @@ const L = {
|
|
|
1481
1479
|
value: Y(t.key_indicators_save.drawer_progress_bar_value, a, s)
|
|
1482
1480
|
}
|
|
1483
1481
|
);
|
|
1484
|
-
},
|
|
1482
|
+
}, Cr = S(Sr), vr = () => {
|
|
1485
1483
|
const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((s) => o ? "MISSING" : s <= 30 ? "GOOD" : s >= 31 && s <= 39 ? "FAIR" : s >= 40 ? "OFF_TRACK" : "MISSING")(n);
|
|
1486
1484
|
return /* @__PURE__ */ e(
|
|
1487
1485
|
We,
|
|
@@ -1561,7 +1559,7 @@ const L = {
|
|
|
1561
1559
|
value: W(t.ninety_day_debt_spend, "0,0.00")
|
|
1562
1560
|
}
|
|
1563
1561
|
);
|
|
1564
|
-
},
|
|
1562
|
+
}, wr = S(vr), kr = () => {
|
|
1565
1563
|
const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = w(), [c, a] = m.useState(!1);
|
|
1566
1564
|
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1567
1565
|
/* @__PURE__ */ e(
|
|
@@ -1594,7 +1592,7 @@ const L = {
|
|
|
1594
1592
|
}
|
|
1595
1593
|
)
|
|
1596
1594
|
] });
|
|
1597
|
-
},
|
|
1595
|
+
}, Mr = S(kr), Dr = () => {
|
|
1598
1596
|
const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = w(), [c, a] = m.useState(!1);
|
|
1599
1597
|
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1600
1598
|
/* @__PURE__ */ e(
|
|
@@ -1633,14 +1631,14 @@ const L = {
|
|
|
1633
1631
|
}
|
|
1634
1632
|
)
|
|
1635
1633
|
] });
|
|
1636
|
-
},
|
|
1634
|
+
}, Ir = S(Dr), Ar = ({
|
|
1637
1635
|
color: t,
|
|
1638
1636
|
data: r,
|
|
1639
1637
|
series: n,
|
|
1640
1638
|
style: o,
|
|
1641
1639
|
...c
|
|
1642
1640
|
}) => {
|
|
1643
|
-
const a = E(), s = m.useRef(null), { width: d } =
|
|
1641
|
+
const a = E(), s = m.useRef(null), { width: d } = lo({
|
|
1644
1642
|
width: o.width
|
|
1645
1643
|
});
|
|
1646
1644
|
m.useLayoutEffect(() => {
|
|
@@ -1673,7 +1671,7 @@ const L = {
|
|
|
1673
1671
|
}
|
|
1674
1672
|
)
|
|
1675
1673
|
] });
|
|
1676
|
-
},
|
|
1674
|
+
}, Nt = ({
|
|
1677
1675
|
chartFor: t,
|
|
1678
1676
|
data: r,
|
|
1679
1677
|
title: n,
|
|
@@ -1684,9 +1682,9 @@ const L = {
|
|
|
1684
1682
|
totalComparison: d,
|
|
1685
1683
|
totalMain: l
|
|
1686
1684
|
}) => {
|
|
1687
|
-
const p = E(), h =
|
|
1685
|
+
const p = E(), h = ao(p.breakpoints.down("xs")), _ = m.useMemo(
|
|
1688
1686
|
() => r.sort((g, f) => g.month - f.month).map((g) => {
|
|
1689
|
-
const f =
|
|
1687
|
+
const f = Pn(g.month), M = {
|
|
1690
1688
|
spending_vs_income: {
|
|
1691
1689
|
main: g.standard_spend,
|
|
1692
1690
|
comparison: g.income,
|
|
@@ -1797,7 +1795,7 @@ const L = {
|
|
|
1797
1795
|
] })
|
|
1798
1796
|
] }),
|
|
1799
1797
|
/* @__PURE__ */ i(
|
|
1800
|
-
|
|
1798
|
+
co,
|
|
1801
1799
|
{
|
|
1802
1800
|
colors: [`${p.palette.chartMono.chartMono5}`, `${p.palette.chartMono.chartMono3}`],
|
|
1803
1801
|
dataset: _,
|
|
@@ -1811,13 +1809,13 @@ const L = {
|
|
|
1811
1809
|
yAxis: [D],
|
|
1812
1810
|
children: [
|
|
1813
1811
|
/* @__PURE__ */ e(
|
|
1814
|
-
|
|
1812
|
+
un,
|
|
1815
1813
|
{
|
|
1816
1814
|
slots: {
|
|
1817
1815
|
bar: (g) => {
|
|
1818
1816
|
const { ownerState: f, style: M, ...P } = g;
|
|
1819
1817
|
return /* @__PURE__ */ e(
|
|
1820
|
-
|
|
1818
|
+
Ar,
|
|
1821
1819
|
{
|
|
1822
1820
|
...P,
|
|
1823
1821
|
color: f.color,
|
|
@@ -1834,7 +1832,7 @@ const L = {
|
|
|
1834
1832
|
}
|
|
1835
1833
|
),
|
|
1836
1834
|
/* @__PURE__ */ e(
|
|
1837
|
-
|
|
1835
|
+
io,
|
|
1838
1836
|
{
|
|
1839
1837
|
sx: () => ({
|
|
1840
1838
|
".MuiChartsAxis-line": {
|
|
@@ -1854,7 +1852,7 @@ const L = {
|
|
|
1854
1852
|
}
|
|
1855
1853
|
),
|
|
1856
1854
|
/* @__PURE__ */ e(
|
|
1857
|
-
|
|
1855
|
+
so,
|
|
1858
1856
|
{
|
|
1859
1857
|
sx: () => ({
|
|
1860
1858
|
".MuiChartsAxis-line": {
|
|
@@ -1879,7 +1877,7 @@ const L = {
|
|
|
1879
1877
|
]
|
|
1880
1878
|
}
|
|
1881
1879
|
);
|
|
1882
|
-
},
|
|
1880
|
+
}, Tr = () => {
|
|
1883
1881
|
const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [c, a] = m.useState(0), { finstrong: s } = w();
|
|
1884
1882
|
return m.useEffect(() => {
|
|
1885
1883
|
o && (t().finally(), r().finally());
|
|
@@ -1923,7 +1921,7 @@ const L = {
|
|
|
1923
1921
|
index: 0,
|
|
1924
1922
|
name: "income-details",
|
|
1925
1923
|
value: c,
|
|
1926
|
-
children: /* @__PURE__ */ e(
|
|
1924
|
+
children: /* @__PURE__ */ e(Mr, {})
|
|
1927
1925
|
}
|
|
1928
1926
|
),
|
|
1929
1927
|
/* @__PURE__ */ e(
|
|
@@ -1933,13 +1931,13 @@ const L = {
|
|
|
1933
1931
|
index: 1,
|
|
1934
1932
|
name: "debt-payment-details",
|
|
1935
1933
|
value: c,
|
|
1936
|
-
children: /* @__PURE__ */ e(
|
|
1934
|
+
children: /* @__PURE__ */ e(Ir, {})
|
|
1937
1935
|
}
|
|
1938
1936
|
)
|
|
1939
1937
|
] }),
|
|
1940
1938
|
n.length ? /* @__PURE__ */ i(z, { children: [
|
|
1941
1939
|
/* @__PURE__ */ e(
|
|
1942
|
-
|
|
1940
|
+
Nt,
|
|
1943
1941
|
{
|
|
1944
1942
|
chartFor: "debt_payment_vs_income",
|
|
1945
1943
|
data: n,
|
|
@@ -1984,7 +1982,7 @@ const L = {
|
|
|
1984
1982
|
)
|
|
1985
1983
|
] })
|
|
1986
1984
|
] });
|
|
1987
|
-
},
|
|
1985
|
+
}, Or = S(Tr), Rr = () => {
|
|
1988
1986
|
const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), s = {
|
|
1989
1987
|
GOOD: [{ percentage: `${n}%` }],
|
|
1990
1988
|
FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
|
|
@@ -2023,17 +2021,13 @@ const L = {
|
|
|
2023
2021
|
value: o ? "$0" : W(t.ninety_day_spend, "0,0.00")
|
|
2024
2022
|
}
|
|
2025
2023
|
);
|
|
2026
|
-
},
|
|
2027
|
-
const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = w(), { selectedAccounts: s, selectedAccountGuids: d } = j(), { categories: l, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: h } = Ye(), { appDataStore: _ } =
|
|
2024
|
+
}, Fr = S(Rr), Pr = () => {
|
|
2025
|
+
const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = w(), { selectedAccounts: s, selectedAccountGuids: d } = j(), { categories: l, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: h } = Ye(), { appDataStore: _ } = Hn(), [b, x] = m.useState("");
|
|
2028
2026
|
console.log(d, "selectedAccountGuids"), m.useEffect(() => {
|
|
2029
|
-
h(
|
|
2030
|
-
s,
|
|
2031
|
-
_o(Lt(/* @__PURE__ */ new Date())),
|
|
2032
|
-
ho(Wt(/* @__PURE__ */ new Date()))
|
|
2033
|
-
).finally();
|
|
2027
|
+
h(s).finally();
|
|
2034
2028
|
}, [s]);
|
|
2035
2029
|
const v = m.useMemo(
|
|
2036
|
-
() =>
|
|
2030
|
+
() => po(l, c, t, p),
|
|
2037
2031
|
[l, p]
|
|
2038
2032
|
);
|
|
2039
2033
|
console.log(JSON.parse(JSON.stringify(v)), "spendingData");
|
|
@@ -2048,7 +2042,7 @@ const L = {
|
|
|
2048
2042
|
), [r]);
|
|
2049
2043
|
return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
|
|
2050
2044
|
r.length ? /* @__PURE__ */ e(
|
|
2051
|
-
|
|
2045
|
+
Nt,
|
|
2052
2046
|
{
|
|
2053
2047
|
..._.appData.client_profile?.allow_trends_widget && {
|
|
2054
2048
|
buttonLabel: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
|
|
@@ -2122,7 +2116,7 @@ const L = {
|
|
|
2122
2116
|
),
|
|
2123
2117
|
/* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2124
2118
|
/* @__PURE__ */ e(
|
|
2125
|
-
|
|
2119
|
+
uo,
|
|
2126
2120
|
{
|
|
2127
2121
|
data: v,
|
|
2128
2122
|
onSelected: y,
|
|
@@ -2131,7 +2125,7 @@ const L = {
|
|
|
2131
2125
|
}
|
|
2132
2126
|
),
|
|
2133
2127
|
/* @__PURE__ */ e(
|
|
2134
|
-
|
|
2128
|
+
_o,
|
|
2135
2129
|
{
|
|
2136
2130
|
data: v,
|
|
2137
2131
|
onSelected: y,
|
|
@@ -2163,11 +2157,11 @@ const L = {
|
|
|
2163
2157
|
}
|
|
2164
2158
|
)
|
|
2165
2159
|
] });
|
|
2166
|
-
},
|
|
2160
|
+
}, Br = S(Pr), Ee = {
|
|
2167
2161
|
credit_score_description: "Credit scores usually go from 300 to 850. Think of 700+ as good, 800+ as awesome, and below 600 as needing work. You can often check yours for free with your bank or credit card company.",
|
|
2168
2162
|
maintain_emergency_savings_description: "With at least $1,000 saved, you're ready for surprises, freeing you to save for major goals.",
|
|
2169
2163
|
maintain_emergency_savings_title: "Maintain Emergency Savings"
|
|
2170
|
-
},
|
|
2164
|
+
}, Lr = ({
|
|
2171
2165
|
drawerFor: t,
|
|
2172
2166
|
isOpen: r,
|
|
2173
2167
|
onClose: n
|
|
@@ -2176,8 +2170,8 @@ const L = {
|
|
|
2176
2170
|
spendLessThanYouMake: {
|
|
2177
2171
|
title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2178
2172
|
description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2179
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2180
|
-
content: /* @__PURE__ */ e(
|
|
2173
|
+
stickyComponent: /* @__PURE__ */ e(Fr, {}),
|
|
2174
|
+
content: /* @__PURE__ */ e(Br, {}),
|
|
2181
2175
|
drawerType: "connectDrawer",
|
|
2182
2176
|
connectTitle: o.connect_your_accounts,
|
|
2183
2177
|
connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
@@ -2185,16 +2179,16 @@ const L = {
|
|
|
2185
2179
|
payBillsOnTime: {
|
|
2186
2180
|
title: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2187
2181
|
description: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2188
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2189
|
-
content: /* @__PURE__ */ e(
|
|
2182
|
+
stickyComponent: /* @__PURE__ */ e(hr, {}),
|
|
2183
|
+
content: /* @__PURE__ */ e(ur, {}),
|
|
2190
2184
|
drawerType: "connectDrawer",
|
|
2191
2185
|
connectTitle: o.connect_your_accounts,
|
|
2192
2186
|
connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2193
2187
|
},
|
|
2194
2188
|
maintainEmergencySavings: {
|
|
2195
|
-
content: /* @__PURE__ */ e(
|
|
2189
|
+
content: /* @__PURE__ */ e(rr, {}),
|
|
2196
2190
|
description: Ee.maintain_emergency_savings_description,
|
|
2197
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2191
|
+
stickyComponent: /* @__PURE__ */ e(cr, {}),
|
|
2198
2192
|
title: Ee.maintain_emergency_savings_title,
|
|
2199
2193
|
drawerType: "connectDrawer",
|
|
2200
2194
|
connectTitle: o.connect_your_accounts,
|
|
@@ -2203,30 +2197,30 @@ const L = {
|
|
|
2203
2197
|
haveManageableDebt: {
|
|
2204
2198
|
title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2205
2199
|
description: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2206
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2207
|
-
content: /* @__PURE__ */ e(
|
|
2200
|
+
stickyComponent: /* @__PURE__ */ e(wr, {}),
|
|
2201
|
+
content: /* @__PURE__ */ e(Or, {}),
|
|
2208
2202
|
drawerType: "connectDrawer",
|
|
2209
2203
|
connectTitle: o.dont_see_all_your_accounts,
|
|
2210
2204
|
connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2211
2205
|
},
|
|
2212
2206
|
haveAGoodCreditScore: {
|
|
2213
|
-
title: /* @__PURE__ */ e(
|
|
2207
|
+
title: /* @__PURE__ */ e(Xo, {}),
|
|
2214
2208
|
description: Ee.credit_score_description,
|
|
2215
2209
|
stickyComponent: null,
|
|
2216
|
-
content: /* @__PURE__ */ e(
|
|
2210
|
+
content: /* @__PURE__ */ e(jo, {})
|
|
2217
2211
|
},
|
|
2218
2212
|
saveEnoughToLiveOn: {
|
|
2219
2213
|
title: o.key_indicators_save.drawer_title,
|
|
2220
2214
|
description: o.key_indicators_save.drawer_description,
|
|
2221
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2222
|
-
content: /* @__PURE__ */ e(
|
|
2215
|
+
stickyComponent: /* @__PURE__ */ e(Cr, {}),
|
|
2216
|
+
content: /* @__PURE__ */ e(xr, {}),
|
|
2223
2217
|
drawerType: "connectDrawer",
|
|
2224
2218
|
connectTitle: o.dont_see_all_your_accounts,
|
|
2225
2219
|
connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2226
2220
|
}
|
|
2227
2221
|
}[t];
|
|
2228
2222
|
return /* @__PURE__ */ e(
|
|
2229
|
-
|
|
2223
|
+
Et,
|
|
2230
2224
|
{
|
|
2231
2225
|
connectDescription: a?.connectDescription,
|
|
2232
2226
|
connectTitle: a?.connectTitle,
|
|
@@ -2241,7 +2235,7 @@ const L = {
|
|
|
2241
2235
|
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: a.content })
|
|
2242
2236
|
}
|
|
2243
2237
|
);
|
|
2244
|
-
},
|
|
2238
|
+
}, Wr = S(Lr), xe = ({
|
|
2245
2239
|
drawerFor: t,
|
|
2246
2240
|
title: r,
|
|
2247
2241
|
description: n,
|
|
@@ -2277,7 +2271,7 @@ const L = {
|
|
|
2277
2271
|
}
|
|
2278
2272
|
),
|
|
2279
2273
|
/* @__PURE__ */ e(
|
|
2280
|
-
|
|
2274
|
+
Wr,
|
|
2281
2275
|
{
|
|
2282
2276
|
drawerFor: t,
|
|
2283
2277
|
isOpen: c,
|
|
@@ -2285,9 +2279,9 @@ const L = {
|
|
|
2285
2279
|
}
|
|
2286
2280
|
)
|
|
2287
2281
|
] });
|
|
2288
|
-
},
|
|
2282
|
+
}, $r = () => {
|
|
2289
2283
|
const { finstrong: t } = w(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (s) => {
|
|
2290
|
-
const d =
|
|
2284
|
+
const d = Ln(s), l = {
|
|
2291
2285
|
GOOD: r.ratio_good_description,
|
|
2292
2286
|
FAIR: r.ratio_fair_description,
|
|
2293
2287
|
OFF_TRACK: r.ratio_off_track_description,
|
|
@@ -2299,7 +2293,7 @@ const L = {
|
|
|
2299
2293
|
title: r.ratio_card_title
|
|
2300
2294
|
};
|
|
2301
2295
|
}, { spendToIncomeRatio: c, spendFeeCount: a } = m.useMemo(() => {
|
|
2302
|
-
const s = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(s), l =
|
|
2296
|
+
const s = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(s), l = Bn(
|
|
2303
2297
|
n.spending_fee_transaction_count,
|
|
2304
2298
|
r
|
|
2305
2299
|
);
|
|
@@ -2330,7 +2324,7 @@ const L = {
|
|
|
2330
2324
|
}
|
|
2331
2325
|
)
|
|
2332
2326
|
] });
|
|
2333
|
-
},
|
|
2327
|
+
}, zr = S($r), Er = () => {
|
|
2334
2328
|
const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_save: n } = r, o = (d) => {
|
|
2335
2329
|
const l = wt(d), p = {
|
|
2336
2330
|
GOOD: n.days_of_cash_good_description,
|
|
@@ -2388,9 +2382,9 @@ const L = {
|
|
|
2388
2382
|
}
|
|
2389
2383
|
)
|
|
2390
2384
|
] });
|
|
2391
|
-
},
|
|
2385
|
+
}, Gr = S(Er), Hr = () => {
|
|
2392
2386
|
const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_borrow: n } = r, { user: o } = J(), c = (l) => {
|
|
2393
|
-
const p =
|
|
2387
|
+
const p = Wn(l), h = {
|
|
2394
2388
|
GOOD: n.manage_debit_good_description,
|
|
2395
2389
|
FAIR: n.manage_debit_fair_description,
|
|
2396
2390
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
@@ -2440,7 +2434,7 @@ const L = {
|
|
|
2440
2434
|
}
|
|
2441
2435
|
)
|
|
2442
2436
|
] });
|
|
2443
|
-
},
|
|
2437
|
+
}, Nr = S(Hr), Kr = () => {
|
|
2444
2438
|
const [t, r] = m.useState(0), { finstrong: n } = w();
|
|
2445
2439
|
return /* @__PURE__ */ i(z, { children: [
|
|
2446
2440
|
/* @__PURE__ */ i(
|
|
@@ -2474,7 +2468,7 @@ const L = {
|
|
|
2474
2468
|
pe,
|
|
2475
2469
|
{
|
|
2476
2470
|
"aria-controls": "save-details-tabpanel-1",
|
|
2477
|
-
icon: /* @__PURE__ */ e(
|
|
2471
|
+
icon: /* @__PURE__ */ e(yn, { sx: { mr: 8 } }),
|
|
2478
2472
|
iconPosition: "start",
|
|
2479
2473
|
id: "save-details-tab-1",
|
|
2480
2474
|
label: n.key_indicators_save.title,
|
|
@@ -2485,7 +2479,7 @@ const L = {
|
|
|
2485
2479
|
pe,
|
|
2486
2480
|
{
|
|
2487
2481
|
"aria-controls": "borrow-details-tabpanel-2",
|
|
2488
|
-
icon: /* @__PURE__ */ e(
|
|
2482
|
+
icon: /* @__PURE__ */ e(bn, { sx: { mr: 8 } }),
|
|
2489
2483
|
iconPosition: "start",
|
|
2490
2484
|
id: "borrow-details-tab-2",
|
|
2491
2485
|
label: n.key_indicators_borrow.title,
|
|
@@ -2495,11 +2489,11 @@ const L = {
|
|
|
2495
2489
|
]
|
|
2496
2490
|
}
|
|
2497
2491
|
),
|
|
2498
|
-
/* @__PURE__ */ e(ue, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(
|
|
2499
|
-
/* @__PURE__ */ e(ue, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(
|
|
2500
|
-
/* @__PURE__ */ e(ue, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(
|
|
2492
|
+
/* @__PURE__ */ e(ue, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(zr, {}) }),
|
|
2493
|
+
/* @__PURE__ */ e(ue, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Gr, {}) }),
|
|
2494
|
+
/* @__PURE__ */ e(ue, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Nr, {}) })
|
|
2501
2495
|
] });
|
|
2502
|
-
},
|
|
2496
|
+
}, jr = S(Kr), Yr = ({ onClick: t }) => {
|
|
2503
2497
|
const { finstrong: r } = w(), { isCopyLoaded: n } = j();
|
|
2504
2498
|
return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2505
2499
|
/* @__PURE__ */ e(bt, { size: 48 }),
|
|
@@ -2524,9 +2518,9 @@ const L = {
|
|
|
2524
2518
|
}
|
|
2525
2519
|
) })
|
|
2526
2520
|
] }) : /* @__PURE__ */ e(Q, {});
|
|
2527
|
-
},
|
|
2521
|
+
}, Vr = S(Yr), Xr = {
|
|
2528
2522
|
add_more_income: "Add More Income"
|
|
2529
|
-
},
|
|
2523
|
+
}, qr = ({
|
|
2530
2524
|
firstDay: t,
|
|
2531
2525
|
frequency: r,
|
|
2532
2526
|
secondDay: n,
|
|
@@ -2550,7 +2544,7 @@ const L = {
|
|
|
2550
2544
|
), p;
|
|
2551
2545
|
}, []) }),
|
|
2552
2546
|
/* @__PURE__ */ e(
|
|
2553
|
-
|
|
2547
|
+
fo,
|
|
2554
2548
|
{
|
|
2555
2549
|
firstDay: t,
|
|
2556
2550
|
frequency: r,
|
|
@@ -2568,20 +2562,20 @@ const L = {
|
|
|
2568
2562
|
fullWidth: !0,
|
|
2569
2563
|
onClick: () => c({ step: O.MonthlyIncome, type: "main" }),
|
|
2570
2564
|
startIcon: /* @__PURE__ */ e(ft, {}),
|
|
2571
|
-
children:
|
|
2565
|
+
children: Xr.add_more_income
|
|
2572
2566
|
}
|
|
2573
2567
|
) })
|
|
2574
|
-
] }),
|
|
2568
|
+
] }), Ur = S(qr), Zr = {
|
|
2575
2569
|
select_date: "Select Date"
|
|
2576
|
-
},
|
|
2570
|
+
}, Jr = ({ selectedDate: t, setSelectedDate: r }) => {
|
|
2577
2571
|
const n = E(), o = (c) => {
|
|
2578
2572
|
r(Math.floor(new Date(c).getTime() / 1e3));
|
|
2579
2573
|
};
|
|
2580
|
-
return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2581
|
-
|
|
2574
|
+
return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: Lt, children: /* @__PURE__ */ e(
|
|
2575
|
+
vo,
|
|
2582
2576
|
{
|
|
2583
2577
|
disableFuture: !0,
|
|
2584
|
-
label:
|
|
2578
|
+
label: Zr.select_date,
|
|
2585
2579
|
onChange: o,
|
|
2586
2580
|
slotProps: {
|
|
2587
2581
|
nextIconButton: {
|
|
@@ -2607,9 +2601,9 @@ const L = {
|
|
|
2607
2601
|
value: t ? new Date(t * 1e3) : null
|
|
2608
2602
|
}
|
|
2609
2603
|
) }) });
|
|
2610
|
-
},
|
|
2604
|
+
}, Qr = S(Jr), ea = {
|
|
2611
2605
|
credit_score: "Credit Score"
|
|
2612
|
-
},
|
|
2606
|
+
}, ta = ({ creditScore: t, setCreditScore: r }) => {
|
|
2613
2607
|
const n = !isNaN(t);
|
|
2614
2608
|
return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2615
2609
|
Oe,
|
|
@@ -2621,12 +2615,12 @@ const L = {
|
|
|
2621
2615
|
noValidate: !0,
|
|
2622
2616
|
pattern: "[0-9]*"
|
|
2623
2617
|
},
|
|
2624
|
-
label:
|
|
2618
|
+
label: ea.credit_score,
|
|
2625
2619
|
onChange: (o) => r(Number(o.target.value)),
|
|
2626
2620
|
value: n ? t : ""
|
|
2627
2621
|
}
|
|
2628
2622
|
) });
|
|
2629
|
-
},
|
|
2623
|
+
}, na = S(ta), Kt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
2630
2624
|
/* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
|
|
2631
2625
|
C,
|
|
2632
2626
|
{
|
|
@@ -2644,7 +2638,7 @@ const L = {
|
|
|
2644
2638
|
"% ",
|
|
2645
2639
|
r
|
|
2646
2640
|
] })
|
|
2647
|
-
] }),
|
|
2641
|
+
] }), oa = ({
|
|
2648
2642
|
completeCopy: t,
|
|
2649
2643
|
primaryText: r,
|
|
2650
2644
|
secondaryText: n,
|
|
@@ -2654,7 +2648,7 @@ const L = {
|
|
|
2654
2648
|
/* @__PURE__ */ e(N, { children: r }),
|
|
2655
2649
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
|
|
2656
2650
|
] }),
|
|
2657
|
-
/* @__PURE__ */ e(
|
|
2651
|
+
/* @__PURE__ */ e(Kt, { completeCopy: t, value: o })
|
|
2658
2652
|
] }), ht = {
|
|
2659
2653
|
step: O.ConnectAccounts,
|
|
2660
2654
|
type: "main"
|
|
@@ -2676,17 +2670,17 @@ const L = {
|
|
|
2676
2670
|
credit_score_secondary: "Your ability to borrow money is a key part of your financial strength score.",
|
|
2677
2671
|
do_it_later: "Do It Later",
|
|
2678
2672
|
next: "Next"
|
|
2679
|
-
},
|
|
2680
|
-
const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = w(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } =
|
|
2673
|
+
}, ra = ({ isOpen: t, onClose: r }) => {
|
|
2674
|
+
const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = w(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = Nn(), { user: _, userProfile: b, updateUser: x, updateUserProfile: v } = J(), [y, D] = m.useState(_.credit_score || 0), [g, f] = m.useState(
|
|
2681
2675
|
ht
|
|
2682
2676
|
), [M, P] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, he] = m.useState(15), [q, Qe] = m.useState("");
|
|
2683
2677
|
m.useEffect(() => {
|
|
2684
|
-
d({ start:
|
|
2678
|
+
d({ start: yo(dt()), end: ho(dt()) });
|
|
2685
2679
|
}, []), m.useEffect(() => {
|
|
2686
2680
|
p({
|
|
2687
2681
|
accounts: n.map((A) => A.guid),
|
|
2688
2682
|
dateRange: {
|
|
2689
|
-
start:
|
|
2683
|
+
start: bo(/* @__PURE__ */ new Date(), 90),
|
|
2690
2684
|
end: /* @__PURE__ */ new Date()
|
|
2691
2685
|
},
|
|
2692
2686
|
custom: pt
|
|
@@ -2695,30 +2689,30 @@ const L = {
|
|
|
2695
2689
|
const et = m.useMemo(
|
|
2696
2690
|
() => h.find((A) => A.guid === q),
|
|
2697
2691
|
[q, h]
|
|
2698
|
-
),
|
|
2692
|
+
), jt = m.useMemo(() => ({
|
|
2699
2693
|
[O.ConnectAccounts]: !0,
|
|
2700
2694
|
[O.MonthlyIncome]: !!q,
|
|
2701
2695
|
[O.Birthday]: !!_.birthday || !!X,
|
|
2702
2696
|
[O.CreditScore]: !!_.credit_score || !!y
|
|
2703
|
-
})[g.step], [y, g, X, q, _]), le = n.length > 0,
|
|
2697
|
+
})[g.step], [y, g, X, q, _]), le = n.length > 0, Yt = m.useMemo(() => {
|
|
2704
2698
|
const { step: A } = g;
|
|
2705
2699
|
let R = 0;
|
|
2706
2700
|
return A >= O.MonthlyIncome && le && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (_.birthday || _.credit_score) && R++, R;
|
|
2707
|
-
}, [g.step, le, T.length, _.birthday, _.credit_score]),
|
|
2701
|
+
}, [g.step, le, T.length, _.birthday, _.credit_score]), Vt = (A) => {
|
|
2708
2702
|
p({
|
|
2709
2703
|
...l,
|
|
2710
|
-
custom: (R) => A ?
|
|
2704
|
+
custom: (R) => A ? So(R, A) : pt(R)
|
|
2711
2705
|
});
|
|
2712
|
-
},
|
|
2706
|
+
}, Xt = {
|
|
2713
2707
|
[O.ConnectAccounts]: {
|
|
2714
|
-
main: le ? /* @__PURE__ */ e(
|
|
2708
|
+
main: le ? /* @__PURE__ */ e(Gt, { shouldShowBalance: !1 }) : null,
|
|
2715
2709
|
mainActionContent: le ? B.next : B.add_accounts,
|
|
2716
2710
|
primaryText: B.connect_your_accounts_primary,
|
|
2717
2711
|
secondaryText: B.connect_your_accounts_secondary
|
|
2718
2712
|
},
|
|
2719
2713
|
[O.MonthlyIncome]: {
|
|
2720
2714
|
detail: /* @__PURE__ */ e(
|
|
2721
|
-
|
|
2715
|
+
Ur,
|
|
2722
2716
|
{
|
|
2723
2717
|
firstDay: M,
|
|
2724
2718
|
frequency: G,
|
|
@@ -2739,9 +2733,9 @@ const L = {
|
|
|
2739
2733
|
),
|
|
2740
2734
|
detailActionContent: B.confirm_income,
|
|
2741
2735
|
main: /* @__PURE__ */ e(
|
|
2742
|
-
|
|
2736
|
+
xo,
|
|
2743
2737
|
{
|
|
2744
|
-
onSearch:
|
|
2738
|
+
onSearch: Vt,
|
|
2745
2739
|
onSelected: (A) => {
|
|
2746
2740
|
f({ step: O.MonthlyIncome, type: "detail" }), Qe(A);
|
|
2747
2741
|
}
|
|
@@ -2752,13 +2746,13 @@ const L = {
|
|
|
2752
2746
|
secondaryText: B.add_income_secondary
|
|
2753
2747
|
},
|
|
2754
2748
|
[O.Birthday]: {
|
|
2755
|
-
main: /* @__PURE__ */ e(
|
|
2749
|
+
main: /* @__PURE__ */ e(Qr, { selectedDate: X, setSelectedDate: se }),
|
|
2756
2750
|
mainActionContent: B.next,
|
|
2757
2751
|
primaryText: B.birthday_primary,
|
|
2758
2752
|
secondaryText: B.birthday_secondary
|
|
2759
2753
|
},
|
|
2760
2754
|
[O.CreditScore]: {
|
|
2761
|
-
main: /* @__PURE__ */ e(
|
|
2755
|
+
main: /* @__PURE__ */ e(na, { creditScore: y, setCreditScore: D }),
|
|
2762
2756
|
mainActionContent: B.next,
|
|
2763
2757
|
primaryText: B.credit_score_primary,
|
|
2764
2758
|
secondaryText: B.credit_score_secondary
|
|
@@ -2766,14 +2760,14 @@ const L = {
|
|
|
2766
2760
|
}, tt = () => {
|
|
2767
2761
|
f(ht), ae(!1), Qe(""), r();
|
|
2768
2762
|
}, nt = async () => {
|
|
2769
|
-
ae(!0), await
|
|
2770
|
-
},
|
|
2763
|
+
ae(!0), await Jt(T), await o(), await v({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
|
|
2764
|
+
}, qt = () => {
|
|
2771
2765
|
if (g.step === O.CreditScore) {
|
|
2772
2766
|
nt();
|
|
2773
2767
|
return;
|
|
2774
2768
|
}
|
|
2775
2769
|
f({ step: g.step + 1, type: "main" });
|
|
2776
|
-
},
|
|
2770
|
+
}, Ut = () => {
|
|
2777
2771
|
const { step: A } = g, R = A + 1;
|
|
2778
2772
|
switch (A) {
|
|
2779
2773
|
case O.Birthday:
|
|
@@ -2796,7 +2790,7 @@ const L = {
|
|
|
2796
2790
|
break;
|
|
2797
2791
|
}
|
|
2798
2792
|
R in O && f({ step: R, type: "main" });
|
|
2799
|
-
},
|
|
2793
|
+
}, Zt = () => {
|
|
2800
2794
|
const { step: A, type: R } = g;
|
|
2801
2795
|
if (R === "detail") {
|
|
2802
2796
|
f({ step: A, type: "main" });
|
|
@@ -2807,40 +2801,40 @@ const L = {
|
|
|
2807
2801
|
return;
|
|
2808
2802
|
}
|
|
2809
2803
|
A > O.ConnectAccounts && f({ step: A - 1, type: "main" });
|
|
2810
|
-
},
|
|
2804
|
+
}, Jt = async (A) => {
|
|
2811
2805
|
for (const R of A) {
|
|
2812
2806
|
const {
|
|
2813
2807
|
account_guid: ge,
|
|
2814
2808
|
amount: Ie,
|
|
2815
2809
|
date: de,
|
|
2816
|
-
description:
|
|
2817
|
-
feed_description:
|
|
2818
|
-
firstDay:
|
|
2810
|
+
description: tn,
|
|
2811
|
+
feed_description: nn,
|
|
2812
|
+
firstDay: on,
|
|
2819
2813
|
frequency: ot,
|
|
2820
|
-
secondDay:
|
|
2821
|
-
merchant_guid:
|
|
2822
|
-
payee:
|
|
2823
|
-
transaction_type:
|
|
2824
|
-
} = R,
|
|
2814
|
+
secondDay: rn,
|
|
2815
|
+
merchant_guid: an,
|
|
2816
|
+
payee: sn,
|
|
2817
|
+
transaction_type: cn
|
|
2818
|
+
} = R, ln = Zn(ot, go(de)), dn = {
|
|
2825
2819
|
account_guid: ge,
|
|
2826
2820
|
amount: Ie,
|
|
2827
2821
|
created_by: 0,
|
|
2828
|
-
description:
|
|
2829
|
-
merchant_guid:
|
|
2830
|
-
predicted_occurs_on:
|
|
2831
|
-
recurrence_day:
|
|
2822
|
+
description: sn || tn || nn,
|
|
2823
|
+
merchant_guid: an,
|
|
2824
|
+
predicted_occurs_on: mo(ln, { representation: "date" }),
|
|
2825
|
+
recurrence_day: on,
|
|
2832
2826
|
recurrence_type: ot,
|
|
2833
2827
|
repeating_transaction_type: Rt.Income,
|
|
2834
|
-
second_recurrence_day:
|
|
2835
|
-
transaction_type:
|
|
2828
|
+
second_recurrence_day: rn,
|
|
2829
|
+
transaction_type: cn,
|
|
2836
2830
|
user_guid: _.guid
|
|
2837
2831
|
};
|
|
2838
|
-
await s(
|
|
2832
|
+
await s(dn, R);
|
|
2839
2833
|
}
|
|
2840
|
-
}, me =
|
|
2834
|
+
}, me = Xt[g.step], De = g.step === O.ConnectAccounts, Qt = {
|
|
2841
2835
|
fullWidth: !0,
|
|
2842
2836
|
...De && !le && { startIcon: /* @__PURE__ */ e(ft, {}) }
|
|
2843
|
-
},
|
|
2837
|
+
}, en = !De || De && !le;
|
|
2844
2838
|
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2845
2839
|
/* @__PURE__ */ i(
|
|
2846
2840
|
te,
|
|
@@ -2848,15 +2842,15 @@ const L = {
|
|
|
2848
2842
|
footerStyles: { px: 24, py: 16 },
|
|
2849
2843
|
hasSecondaryAction: !De,
|
|
2850
2844
|
isOpen: t,
|
|
2851
|
-
isPrimaryDisabled: !
|
|
2845
|
+
isPrimaryDisabled: !jt,
|
|
2852
2846
|
onClose: tt,
|
|
2853
|
-
onSecondaryAction:
|
|
2854
|
-
primaryButtonProps:
|
|
2847
|
+
onSecondaryAction: Zt,
|
|
2848
|
+
primaryButtonProps: Qt,
|
|
2855
2849
|
primaryText: me?.mainActionContent,
|
|
2856
2850
|
secondaryColor: "primary",
|
|
2857
2851
|
secondaryText: B.back,
|
|
2858
2852
|
title: c.title,
|
|
2859
|
-
...!re && { onPrimaryAction:
|
|
2853
|
+
...!re && { onPrimaryAction: Ut },
|
|
2860
2854
|
children: [
|
|
2861
2855
|
re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2862
2856
|
/* @__PURE__ */ e(Pe, { children: B.calculate_primary }),
|
|
@@ -2864,17 +2858,17 @@ const L = {
|
|
|
2864
2858
|
] }),
|
|
2865
2859
|
me && !re && /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2866
2860
|
/* @__PURE__ */ e(
|
|
2867
|
-
|
|
2861
|
+
oa,
|
|
2868
2862
|
{
|
|
2869
2863
|
completeCopy: c.complete,
|
|
2870
2864
|
primaryText: me.primaryText,
|
|
2871
2865
|
secondaryText: me.secondaryText,
|
|
2872
|
-
value:
|
|
2866
|
+
value: Yt
|
|
2873
2867
|
}
|
|
2874
2868
|
),
|
|
2875
2869
|
g.type === "main" && /* @__PURE__ */ i(C, { children: [
|
|
2876
2870
|
me.main,
|
|
2877
|
-
|
|
2871
|
+
en && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: qt, children: B.do_it_later }) })
|
|
2878
2872
|
] }),
|
|
2879
2873
|
g.type === "detail" && me.detail
|
|
2880
2874
|
] })
|
|
@@ -2890,11 +2884,11 @@ const L = {
|
|
|
2890
2884
|
}
|
|
2891
2885
|
)
|
|
2892
2886
|
] });
|
|
2893
|
-
},
|
|
2887
|
+
}, aa = S(ra), Ge = {
|
|
2894
2888
|
onboarding_title: "Financial Strength Starts Here",
|
|
2895
2889
|
onboarding_subtitle: "By analyzing your spending and saving, FinStrong provides a score and guidance to help you improve your financial habits.",
|
|
2896
2890
|
get_started: "Get Started"
|
|
2897
|
-
},
|
|
2891
|
+
}, ia = () => {
|
|
2898
2892
|
const [t, r] = m.useState(!1);
|
|
2899
2893
|
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2900
2894
|
/* @__PURE__ */ i(
|
|
@@ -2909,7 +2903,7 @@ const L = {
|
|
|
2909
2903
|
},
|
|
2910
2904
|
children: [
|
|
2911
2905
|
/* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
2912
|
-
/* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(
|
|
2906
|
+
/* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(fn, { size: 72 }) }),
|
|
2913
2907
|
/* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
2914
2908
|
/* @__PURE__ */ e(Pe, { children: Ge.onboarding_title }),
|
|
2915
2909
|
/* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Ge.onboarding_subtitle })
|
|
@@ -2919,9 +2913,9 @@ const L = {
|
|
|
2919
2913
|
]
|
|
2920
2914
|
}
|
|
2921
2915
|
),
|
|
2922
|
-
/* @__PURE__ */ e(
|
|
2916
|
+
/* @__PURE__ */ e(aa, { isOpen: t, onClose: () => r(!1) })
|
|
2923
2917
|
] });
|
|
2924
|
-
},
|
|
2918
|
+
}, sa = ({ isOpen: t, onClose: r }) => {
|
|
2925
2919
|
const { finstrong: n } = w(), o = E(), { updateUser: c, user: a } = J(), [s, d] = m.useState(a.birthday), l = (h) => {
|
|
2926
2920
|
d(Math.floor(new Date(h).getTime() / 1e3));
|
|
2927
2921
|
};
|
|
@@ -2935,8 +2929,8 @@ const L = {
|
|
|
2935
2929
|
},
|
|
2936
2930
|
onSecondaryAction: r,
|
|
2937
2931
|
title: n.date_of_birth,
|
|
2938
|
-
children: /* @__PURE__ */ e(
|
|
2939
|
-
|
|
2932
|
+
children: /* @__PURE__ */ e(Mo, { dateAdapter: Lt, children: /* @__PURE__ */ e(
|
|
2933
|
+
wo,
|
|
2940
2934
|
{
|
|
2941
2935
|
disableFuture: !0,
|
|
2942
2936
|
onChange: l,
|
|
@@ -2970,7 +2964,7 @@ const L = {
|
|
|
2970
2964
|
) })
|
|
2971
2965
|
}
|
|
2972
2966
|
);
|
|
2973
|
-
},
|
|
2967
|
+
}, ca = S(sa), la = ({ isOpen: t, onClose: r }) => {
|
|
2974
2968
|
const { visibleFinstrongAccounts: n } = Me(), {
|
|
2975
2969
|
accounts: o,
|
|
2976
2970
|
common: c,
|
|
@@ -2982,7 +2976,7 @@ const L = {
|
|
|
2982
2976
|
{
|
|
2983
2977
|
dynamicCopy: a.add_profile_item,
|
|
2984
2978
|
fallbackLabel: a.monthly_income,
|
|
2985
|
-
icon: /* @__PURE__ */ e(
|
|
2979
|
+
icon: /* @__PURE__ */ e(xn, {}),
|
|
2986
2980
|
key: ee.MonthlyIncome,
|
|
2987
2981
|
label: a.monthly_income,
|
|
2988
2982
|
value: l
|
|
@@ -2990,7 +2984,7 @@ const L = {
|
|
|
2990
2984
|
{
|
|
2991
2985
|
dynamicCopy: a.add_profile_item,
|
|
2992
2986
|
fallbackLabel: a.date_of_birth,
|
|
2993
|
-
icon: /* @__PURE__ */ e(
|
|
2987
|
+
icon: /* @__PURE__ */ e(Sn, {}),
|
|
2994
2988
|
key: ee.DateOfBirth,
|
|
2995
2989
|
label: a.date_of_birth,
|
|
2996
2990
|
value: d.birthday
|
|
@@ -3014,7 +3008,7 @@ const L = {
|
|
|
3014
3008
|
n.length > 1 ? a.accounts : a.account
|
|
3015
3009
|
) : void 0
|
|
3016
3010
|
}
|
|
3017
|
-
].map((x) =>
|
|
3011
|
+
].map((x) => $n(x));
|
|
3018
3012
|
return /* @__PURE__ */ i(te, { isOpen: t, onClose: r, title: a.financial_profile, children: [
|
|
3019
3013
|
/* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
|
|
3020
3014
|
/* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
@@ -3022,14 +3016,14 @@ const L = {
|
|
|
3022
3016
|
/* @__PURE__ */ e(k, { children: a.financial_profile_description })
|
|
3023
3017
|
] }),
|
|
3024
3018
|
/* @__PURE__ */ e(
|
|
3025
|
-
|
|
3019
|
+
Kt,
|
|
3026
3020
|
{
|
|
3027
3021
|
completeCopy: a.complete,
|
|
3028
3022
|
value: b.reduce((x, v) => x + (v.isComplete ? 1 : 0), 0)
|
|
3029
3023
|
}
|
|
3030
3024
|
)
|
|
3031
3025
|
] }),
|
|
3032
|
-
/* @__PURE__ */ e(
|
|
3026
|
+
/* @__PURE__ */ e(zn, { list: b, onClickItem: h }),
|
|
3033
3027
|
/* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
3034
3028
|
Be,
|
|
3035
3029
|
{
|
|
@@ -3046,11 +3040,11 @@ const L = {
|
|
|
3046
3040
|
isOpen: p === ee.MonthlyIncome,
|
|
3047
3041
|
onClose: () => h(null),
|
|
3048
3042
|
title: c.settings,
|
|
3049
|
-
children: /* @__PURE__ */ e(
|
|
3043
|
+
children: /* @__PURE__ */ e(ko, {})
|
|
3050
3044
|
}
|
|
3051
3045
|
),
|
|
3052
|
-
/* @__PURE__ */ e(
|
|
3053
|
-
/* @__PURE__ */ e(
|
|
3046
|
+
/* @__PURE__ */ e(ca, { isOpen: p === ee.DateOfBirth, onClose: () => h(null) }),
|
|
3047
|
+
/* @__PURE__ */ e(zt, { isOpen: p === ee.CreditScore, onClose: () => h(null) }),
|
|
3054
3048
|
/* @__PURE__ */ e(
|
|
3055
3049
|
Mt,
|
|
3056
3050
|
{
|
|
@@ -3060,16 +3054,16 @@ const L = {
|
|
|
3060
3054
|
}
|
|
3061
3055
|
)
|
|
3062
3056
|
] });
|
|
3063
|
-
},
|
|
3057
|
+
}, da = S(la), mt = ({
|
|
3064
3058
|
content: t,
|
|
3065
3059
|
islast: r = !1
|
|
3066
|
-
}) => /* @__PURE__ */ i(
|
|
3067
|
-
/* @__PURE__ */ i(
|
|
3068
|
-
/* @__PURE__ */ e(
|
|
3069
|
-
!r && /* @__PURE__ */ e(
|
|
3060
|
+
}) => /* @__PURE__ */ i(Ao, { sx: { minHeight: 0 }, children: [
|
|
3061
|
+
/* @__PURE__ */ i(Po, { children: [
|
|
3062
|
+
/* @__PURE__ */ e(Fo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
|
|
3063
|
+
!r && /* @__PURE__ */ e(Oo, { sx: { bgcolor: "divider", width: 0.1 } })
|
|
3070
3064
|
] }),
|
|
3071
|
-
/* @__PURE__ */ e(
|
|
3072
|
-
] }),
|
|
3065
|
+
/* @__PURE__ */ e(Ro, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3066
|
+
] }), pa = ({ report: t }) => {
|
|
3073
3067
|
const { finstrong: r } = w(), { score_history_drawer_timeline: n } = r, {
|
|
3074
3068
|
health_score_point_difference: o,
|
|
3075
3069
|
newer_credit_score: c,
|
|
@@ -3079,12 +3073,12 @@ const L = {
|
|
|
3079
3073
|
older_health_score: l,
|
|
3080
3074
|
newer_health_score: p,
|
|
3081
3075
|
newer_score_calculated_at: h
|
|
3082
|
-
} = t, _ =
|
|
3076
|
+
} = t, _ = Do(new Date(h), "MMM d"), b = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", x = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, v = () => {
|
|
3083
3077
|
if (o === 0) return null;
|
|
3084
3078
|
const y = o > 0 ? n.up_from : n.down_from, D = Y(y, l, p);
|
|
3085
3079
|
return /* @__PURE__ */ i(z, { children: [
|
|
3086
3080
|
/* @__PURE__ */ e(
|
|
3087
|
-
|
|
3081
|
+
wn,
|
|
3088
3082
|
{
|
|
3089
3083
|
fill: !0,
|
|
3090
3084
|
name: "circle",
|
|
@@ -3127,10 +3121,10 @@ const L = {
|
|
|
3127
3121
|
}
|
|
3128
3122
|
) }),
|
|
3129
3123
|
o !== 0 && /* @__PURE__ */ e(C, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
|
|
3130
|
-
|
|
3124
|
+
Io,
|
|
3131
3125
|
{
|
|
3132
3126
|
sx: {
|
|
3133
|
-
[`& .${
|
|
3127
|
+
[`& .${To.root}:before`]: {
|
|
3134
3128
|
flex: 0,
|
|
3135
3129
|
padding: 0
|
|
3136
3130
|
},
|
|
@@ -3163,12 +3157,12 @@ const L = {
|
|
|
3163
3157
|
}
|
|
3164
3158
|
) })
|
|
3165
3159
|
] }) });
|
|
3166
|
-
},
|
|
3160
|
+
}, ua = S(pa), _a = ({ isOpen: t, onClose: r }) => {
|
|
3167
3161
|
const n = E(), { finstrong: o } = w(), { isCopyLoaded: c, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: d, augmentedChartData: l } = F();
|
|
3168
3162
|
if (!c || !a) return /* @__PURE__ */ e(Q, {});
|
|
3169
3163
|
const p = je(s.health_score || 0, o), h = d.slice().reverse();
|
|
3170
3164
|
return /* @__PURE__ */ e(
|
|
3171
|
-
|
|
3165
|
+
Et,
|
|
3172
3166
|
{
|
|
3173
3167
|
additionalContent: /* @__PURE__ */ e(u, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
|
|
3174
3168
|
Xe,
|
|
@@ -3198,7 +3192,7 @@ const L = {
|
|
|
3198
3192
|
sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
|
|
3199
3193
|
children: [
|
|
3200
3194
|
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
3201
|
-
|
|
3195
|
+
$t,
|
|
3202
3196
|
{
|
|
3203
3197
|
arcRadius: 20,
|
|
3204
3198
|
healthScore: s?.health_score,
|
|
@@ -3212,10 +3206,10 @@ const L = {
|
|
|
3212
3206
|
]
|
|
3213
3207
|
}
|
|
3214
3208
|
),
|
|
3215
|
-
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: h.map((_, b) => /* @__PURE__ */ e(
|
|
3209
|
+
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: h.map((_, b) => /* @__PURE__ */ e(ua, { report: _ }, b)) })
|
|
3216
3210
|
}
|
|
3217
3211
|
);
|
|
3218
|
-
},
|
|
3212
|
+
}, ha = S(_a), ma = ({ copy: t }) => {
|
|
3219
3213
|
const r = E(), n = [
|
|
3220
3214
|
r.palette.chartMono.chartMono5,
|
|
3221
3215
|
r.palette.chartMono.chartMono4,
|
|
@@ -3275,7 +3269,7 @@ const L = {
|
|
|
3275
3269
|
)) })
|
|
3276
3270
|
] })
|
|
3277
3271
|
] });
|
|
3278
|
-
},
|
|
3272
|
+
}, ga = ({ isOpen: t, onClose: r }) => {
|
|
3279
3273
|
const { finstrong: n } = w(), { isCopyLoaded: o } = j();
|
|
3280
3274
|
return o ? /* @__PURE__ */ e(te, { isOpen: t, onClose: r, title: n.score_rubric, children: /* @__PURE__ */ i(u, { sx: { gap: 36, p: 24 }, children: [
|
|
3281
3275
|
/* @__PURE__ */ i(u, { sx: { gap: 20 }, children: [
|
|
@@ -3283,7 +3277,7 @@ const L = {
|
|
|
3283
3277
|
/* @__PURE__ */ e(N, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3284
3278
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3285
3279
|
] }),
|
|
3286
|
-
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
3280
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(ma, { copy: n }) })
|
|
3287
3281
|
] }),
|
|
3288
3282
|
/* @__PURE__ */ i(u, { sx: { gap: 12 }, children: [
|
|
3289
3283
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
|
|
@@ -3355,11 +3349,11 @@ const L = {
|
|
|
3355
3349
|
)
|
|
3356
3350
|
] })
|
|
3357
3351
|
] }) }) : /* @__PURE__ */ e(Q, {});
|
|
3358
|
-
},
|
|
3352
|
+
}, ya = S(ga), ba = S(() => {
|
|
3359
3353
|
const [t, r] = m.useState(!1), n = E(), [o, { width: c }] = It(), { finstrong: a } = w(), { isCopyLoaded: s, isInitialized: d } = j(), { healthScore: l, healthScoreChange: p } = F(), h = n.palette.mode === "dark", _ = je(l?.health_score, a);
|
|
3360
3354
|
return !s || !d ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
|
|
3361
3355
|
/* @__PURE__ */ e(
|
|
3362
|
-
|
|
3356
|
+
$o,
|
|
3363
3357
|
{
|
|
3364
3358
|
action: /* @__PURE__ */ e(
|
|
3365
3359
|
$,
|
|
@@ -3386,7 +3380,7 @@ const L = {
|
|
|
3386
3380
|
}
|
|
3387
3381
|
),
|
|
3388
3382
|
/* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
|
|
3389
|
-
|
|
3383
|
+
$t,
|
|
3390
3384
|
{
|
|
3391
3385
|
arcRadius: c <= 323 ? 73 : 154,
|
|
3392
3386
|
footerCenterContent: p,
|
|
@@ -3395,7 +3389,7 @@ const L = {
|
|
|
3395
3389
|
}
|
|
3396
3390
|
) }),
|
|
3397
3391
|
l?.health_score ? /* @__PURE__ */ i(
|
|
3398
|
-
|
|
3392
|
+
Bo,
|
|
3399
3393
|
{
|
|
3400
3394
|
sx: {
|
|
3401
3395
|
px: 16,
|
|
@@ -3410,9 +3404,9 @@ const L = {
|
|
|
3410
3404
|
},
|
|
3411
3405
|
children: [
|
|
3412
3406
|
/* @__PURE__ */ e(
|
|
3413
|
-
|
|
3407
|
+
Wo,
|
|
3414
3408
|
{
|
|
3415
|
-
expandIcon: /* @__PURE__ */ e(
|
|
3409
|
+
expandIcon: /* @__PURE__ */ e(Cn, { size: 20 }),
|
|
3416
3410
|
sx: {
|
|
3417
3411
|
height: 52,
|
|
3418
3412
|
p: 0,
|
|
@@ -3423,7 +3417,7 @@ const L = {
|
|
|
3423
3417
|
children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
|
|
3424
3418
|
}
|
|
3425
3419
|
),
|
|
3426
|
-
/* @__PURE__ */ e(
|
|
3420
|
+
/* @__PURE__ */ e(Lo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: _.scoreContent }) })
|
|
3427
3421
|
]
|
|
3428
3422
|
}
|
|
3429
3423
|
) : /* @__PURE__ */ e(
|
|
@@ -3448,15 +3442,15 @@ const L = {
|
|
|
3448
3442
|
}
|
|
3449
3443
|
),
|
|
3450
3444
|
/* @__PURE__ */ e(
|
|
3451
|
-
|
|
3445
|
+
ya,
|
|
3452
3446
|
{
|
|
3453
3447
|
isOpen: t,
|
|
3454
3448
|
onClose: () => r(!1)
|
|
3455
3449
|
}
|
|
3456
3450
|
)
|
|
3457
3451
|
] });
|
|
3458
|
-
}),
|
|
3459
|
-
const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } =
|
|
3452
|
+
}), fa = ({ onBackClick: t, sx: r, onPrimaryCtaClick: n }) => {
|
|
3453
|
+
const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Kn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
|
|
3460
3454
|
augmentedChartData: h,
|
|
3461
3455
|
calculateHealthScore: _,
|
|
3462
3456
|
healthScore: b,
|
|
@@ -3475,7 +3469,7 @@ const L = {
|
|
|
3475
3469
|
const ce = () => {
|
|
3476
3470
|
}, he = () => ae(!0);
|
|
3477
3471
|
return /* @__PURE__ */ i(
|
|
3478
|
-
|
|
3472
|
+
ro,
|
|
3479
3473
|
{
|
|
3480
3474
|
accountOptions: o,
|
|
3481
3475
|
actions: [
|
|
@@ -3503,7 +3497,7 @@ const L = {
|
|
|
3503
3497
|
},
|
|
3504
3498
|
children: [
|
|
3505
3499
|
/* @__PURE__ */ i(u, { sx: { gap: 24, width: { md: 432 } }, children: [
|
|
3506
|
-
/* @__PURE__ */ e(
|
|
3500
|
+
/* @__PURE__ */ e(ba, {}),
|
|
3507
3501
|
/* @__PURE__ */ e(
|
|
3508
3502
|
Be,
|
|
3509
3503
|
{
|
|
@@ -3553,13 +3547,13 @@ const L = {
|
|
|
3553
3547
|
title: y.peer_average,
|
|
3554
3548
|
useCustomMark: !0
|
|
3555
3549
|
}
|
|
3556
|
-
) : /* @__PURE__ */ e(
|
|
3557
|
-
b.health_score !== null && /* @__PURE__ */ e(
|
|
3550
|
+
) : /* @__PURE__ */ e(Vr, { onClick: () => se(!0) }),
|
|
3551
|
+
b.health_score !== null && /* @__PURE__ */ e(jr, {})
|
|
3558
3552
|
] }) })
|
|
3559
3553
|
]
|
|
3560
3554
|
}
|
|
3561
|
-
) : /* @__PURE__ */ e(
|
|
3562
|
-
/* @__PURE__ */ e(
|
|
3555
|
+
) : /* @__PURE__ */ e(ia, {}),
|
|
3556
|
+
/* @__PURE__ */ e(da, { isOpen: re, onClose: () => ae(!1) }),
|
|
3563
3557
|
/* @__PURE__ */ e(
|
|
3564
3558
|
oe,
|
|
3565
3559
|
{
|
|
@@ -3569,7 +3563,7 @@ const L = {
|
|
|
3569
3563
|
}
|
|
3570
3564
|
),
|
|
3571
3565
|
/* @__PURE__ */ e(
|
|
3572
|
-
|
|
3566
|
+
ha,
|
|
3573
3567
|
{
|
|
3574
3568
|
isOpen: Ce,
|
|
3575
3569
|
onClose: () => ie(!1)
|
|
@@ -3578,12 +3572,12 @@ const L = {
|
|
|
3578
3572
|
]
|
|
3579
3573
|
}
|
|
3580
3574
|
);
|
|
3581
|
-
},
|
|
3575
|
+
}, $i = S(fa);
|
|
3582
3576
|
export {
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3577
|
+
Eo as CreditScoreGraph,
|
|
3578
|
+
Wt as DialScoreCard,
|
|
3579
|
+
$t as FinancialStrengthGraph,
|
|
3580
|
+
Gi as FinstrongApi,
|
|
3581
|
+
Hi as FinstrongStore,
|
|
3582
|
+
$i as FinstrongWidget
|
|
3589
3583
|
};
|