@mx-cartographer/experiences 7.4.8-alpha.mm0 → 7.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/{Account-BrOTlmeK.mjs → Account-01wOyrH1.mjs} +1 -1
- package/dist/{AccountDetailsContent-B7FqH05C.mjs → AccountDetailsContent-COMjOzwr.mjs} +8 -8
- package/dist/{AccountDetailsHeader-C8MxsxhN.mjs → AccountDetailsHeader-Cbi5G6fJ.mjs} +4 -4
- package/dist/{AccountFields-BQZ-o6Kj.mjs → AccountFields-Cd_nOWmf.mjs} +2 -2
- package/dist/{AccountListItem-aIE9WWTO.mjs → AccountListItem-DxY4cCF1.mjs} +4 -4
- package/dist/{AccountStore-DqO84Aer.mjs → AccountStore-C1zMBzHq.mjs} +2 -2
- package/dist/{Accounts-DC_A4UCa.mjs → Accounts-D7QljYas.mjs} +1 -1
- package/dist/{BudgetUtil-BmZXkL0C.mjs → BudgetUtil-Df2nII9u.mjs} +1 -1
- package/dist/{CategorySelectorDrawer-SUgfE5GN.mjs → CategorySelectorDrawer-DqJK_rrL.mjs} +1 -1
- package/dist/{ConnectDrawer-KL8t1qSC.mjs → ConnectDrawer-CuUj16NH.mjs} +1 -1
- package/dist/{ConnectionsDrawer-DaK5uIL5.mjs → ConnectionsDrawer-Bz4uwdFE.mjs} +2 -2
- package/dist/{CurrencyInput-itK0R3wV.mjs → CurrencyInput-BFKcs-_K.mjs} +1 -1
- package/dist/{DebtsStore-DVPZbv2C.mjs → DebtsStore-Bu8rRRSL.mjs} +1 -1
- package/dist/{ExportCsvAction-Cglo8Mca.mjs → ExportCsvAction-DzTrtPzk.mjs} +3 -3
- package/dist/{GoalStore-o4rrjGSJ.mjs → GoalStore-CrNhjvNc.mjs} +2 -2
- package/dist/{Help-BjLMsuMS.mjs → Help-BnPXM_N2.mjs} +1 -1
- package/dist/{LineChart-BQRxZF3p.mjs → LineChart-bc1D9xBE.mjs} +1 -1
- package/dist/{ListItemAction-BxTkF6Tz.mjs → ListItemAction-uobBrm_a.mjs} +1 -1
- package/dist/{ManageIncome-rcnDYsBJ.mjs → ManageIncome-A69EUO5u.mjs} +75 -75
- package/dist/{MicroWidgetContainer-B2hO9rOG.mjs → MicroWidgetContainer-DEiRnYVa.mjs} +1 -1
- package/dist/{MiniWidgetContainer-98-hKFqm.mjs → MiniWidgetContainer-CmXpTylX.mjs} +1 -1
- package/dist/{NetWorthStore-DG2X69jG.mjs → NetWorthStore-CpL_kqvx.mjs} +2 -2
- package/dist/{NotificationSettings-C7FYNM7I.mjs → NotificationSettings-CNmJWVeI.mjs} +248 -250
- package/dist/{OriginalBalanceAction-C6jdS4ws.mjs → OriginalBalanceAction-DK8_LkPz.mjs} +3 -3
- package/dist/{RecurringSettings-C81H1l38.mjs → RecurringSettings-B0uObPlD.mjs} +3 -3
- package/dist/{SpendingLegend-DqZxN_BZ.mjs → SpendingLegend-Bf-wbJvb.mjs} +2 -2
- package/dist/{TransactionDetails-BA_E5nQ-.mjs → TransactionDetails-COH0OKNG.mjs} +5 -5
- package/dist/{TransactionStore-PRlwE-TF.mjs → TransactionStore-Dz-G8Wd0.mjs} +2 -2
- package/dist/{User-Cnlegl1N.mjs → User-wXzDI4M8.mjs} +1 -1
- package/dist/{ViewMoreMicroCard-DfPXJzbv.mjs → ViewMoreMicroCard-C0832BMe.mjs} +101 -105
- package/dist/{WidgetContainer-CaPjoWeE.mjs → WidgetContainer-6dsjtOVg.mjs} +2 -2
- package/dist/accounts/index.es.js +140 -148
- package/dist/analytics/index.es.js +2 -2
- package/dist/budgets/index.es.js +478 -483
- package/dist/cashflow/index.es.js +362 -367
- package/dist/categories/index.es.js +1 -1
- package/dist/common/hooks/index.d.ts +0 -1
- package/dist/common/index.es.js +33 -35
- package/dist/dashboard/index.es.js +88 -90
- package/dist/debts/index.es.js +342 -346
- package/dist/{exportTransactionsToCSV-DuAaI5XA.mjs → exportTransactionsToCSV-Cz2t0lmA.mjs} +1 -1
- package/dist/finstrong/index.es.js +350 -352
- package/dist/goals/index.es.js +511 -518
- package/dist/help/index.es.js +9 -13
- package/dist/{hooks-ZMp65DFz.mjs → hooks-C41HAxM5.mjs} +11 -11
- package/dist/investments/index.es.js +393 -395
- package/dist/merchants/index.es.js +1 -1
- package/dist/microinsights/index.es.js +1 -1
- package/dist/networth/index.es.js +240 -245
- package/dist/notifications/index.es.js +2 -2
- package/dist/recurringtransactions/index.es.js +285 -293
- package/dist/settings/index.es.js +249 -252
- package/dist/spending/index.es.js +126 -138
- package/dist/transactions/index.es.js +73 -77
- package/dist/trends/index.es.js +588 -601
- package/dist/{useAccountDisplayName-Cjx8YmKK.mjs → useAccountDisplayName-CMMlIOXF.mjs} +2 -2
- package/dist/{useInsightsEnabled-B7dxpDrX.mjs → useInsightsEnabled-CNjP5cfR.mjs} +1 -1
- package/package.json +1 -1
- package/dist/common/hooks/useWidgetLoadTimer.d.ts +0 -6
- package/dist/useWidgetLoadTimer-C1NBkyLd.mjs +0 -23
|
@@ -1,76 +1,75 @@
|
|
|
1
|
-
import { jsxs as a, Fragment as
|
|
1
|
+
import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import k from "@mui/material/Box";
|
|
3
3
|
import p from "@mui/material/Stack";
|
|
4
|
-
import { useTheme as
|
|
4
|
+
import { useTheme as G, alpha as be } from "@mui/material/styles";
|
|
5
5
|
import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
|
|
6
|
-
import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as
|
|
7
|
-
import { P as M, H3 as
|
|
8
|
-
import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as
|
|
9
|
-
import { y as
|
|
6
|
+
import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as Z, MultilineChart as _t, CreditCard as He, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
|
|
7
|
+
import { P as M, H3 as V, Text as I, InstitutionLogo as ut, H2 as Le, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
|
|
8
|
+
import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as ke, e as Me, f as Cn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
9
|
+
import { y as xi, F as Si } from "../FinstrongStore-BIrX0Xg2.mjs";
|
|
10
10
|
import * as ot from "d3";
|
|
11
11
|
import { observer as v } from "mobx-react-lite";
|
|
12
|
-
import { u as x, b as q, a as je,
|
|
13
|
-
import { L as
|
|
12
|
+
import { u as x, b as q, a as je, p as J, z as L, q as Fn, d as xe, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn, n as Bn } from "../hooks-C41HAxM5.mjs";
|
|
13
|
+
import { L as ee } from "../Loader-DUaFpDGv.mjs";
|
|
14
14
|
import m from "react";
|
|
15
15
|
import B from "@mui/material/Button";
|
|
16
|
-
import
|
|
17
|
-
import { L as Ye } from "../LineChart-
|
|
18
|
-
import { C as St } from "../ConnectionsDrawer-
|
|
19
|
-
import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-
|
|
16
|
+
import Y from "@mui/material/Card";
|
|
17
|
+
import { L as Ye } from "../LineChart-bc1D9xBE.mjs";
|
|
18
|
+
import { C as St } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
|
|
19
|
+
import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-CuUj16NH.mjs";
|
|
20
20
|
import se from "@mui/material/Tab";
|
|
21
21
|
import Xe from "@mui/material/Tabs";
|
|
22
22
|
import Fe from "@mui/material/TextField";
|
|
23
23
|
import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
24
|
-
import { D as
|
|
24
|
+
import { D as Wn, f as $n, a as zn } from "../Dialog-BPTr3qHE.mjs";
|
|
25
25
|
import { u as vt } from "../useDimensions-27p2evRx.mjs";
|
|
26
|
-
import
|
|
26
|
+
import Gn from "@mui/material/Chip";
|
|
27
27
|
import { D as oe } from "../Drawer-BEtCk82g.mjs";
|
|
28
28
|
import le from "@mui/material/Divider";
|
|
29
|
-
import
|
|
29
|
+
import ge from "@mui/material/ListItem";
|
|
30
30
|
import wt from "@mui/material/ListItemAvatar";
|
|
31
|
-
import
|
|
32
|
-
import { g as kt } from "../AccountFields-
|
|
31
|
+
import ye from "@mui/material/ListItemText";
|
|
32
|
+
import { g as kt } from "../AccountFields-Cd_nOWmf.mjs";
|
|
33
33
|
import Ee from "@mui/material/List";
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import { f as
|
|
37
|
-
import { b as
|
|
38
|
-
import { S as rt, F as Mt, e as
|
|
39
|
-
import { S as
|
|
34
|
+
import En from "@mui/material/ListItemButton";
|
|
35
|
+
import Hn from "@mui/material/ListSubheader";
|
|
36
|
+
import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
|
|
37
|
+
import { b as K } from "../Localization-2MODESHW.mjs";
|
|
38
|
+
import { S as rt, F as Mt, e as Nn, R as Dt } from "../RecurringTransactions-BqijW_8S.mjs";
|
|
39
|
+
import { S as jn } from "../StatusBar-BK_uYHAB.mjs";
|
|
40
40
|
import { h as It } from "../DateUtil-CBdcsyuk.mjs";
|
|
41
|
-
import { T as
|
|
41
|
+
import { T as Kn, s as Vn, h as Yn, S as Xn, c as qn } from "../TransactionDetails-COH0OKNG.mjs";
|
|
42
42
|
import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
|
|
43
43
|
import { E as Re } from "../EmptyState-DoxNUae-.mjs";
|
|
44
|
-
import
|
|
45
|
-
import { ChartsXAxis as
|
|
46
|
-
import { ChartsYAxis as
|
|
47
|
-
import { ResponsiveChartContainer as
|
|
48
|
-
import { useSpring as
|
|
44
|
+
import Un from "@mui/material/useMediaQuery";
|
|
45
|
+
import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
|
|
46
|
+
import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
|
|
47
|
+
import { ResponsiveChartContainer as Jn } from "@mui/x-charts/ResponsiveChartContainer";
|
|
48
|
+
import { useSpring as eo, animated as at } from "@react-spring/web";
|
|
49
49
|
import { startOfMonth as At } from "date-fns/startOfMonth";
|
|
50
50
|
import { endOfMonth as Tt } from "date-fns/endOfMonth";
|
|
51
|
-
import { g as
|
|
52
|
-
import { formatISO as
|
|
53
|
-
import { fromUnixTime as
|
|
51
|
+
import { g as to, S as no, b as oo } from "../SpendingLegend-Bf-wbJvb.mjs";
|
|
52
|
+
import { formatISO as ro } from "date-fns/formatISO";
|
|
53
|
+
import { fromUnixTime as ao } from "date-fns/fromUnixTime";
|
|
54
54
|
import { startOfToday as it } from "date-fns/startOfToday";
|
|
55
|
-
import { subDays as
|
|
56
|
-
import { c as
|
|
57
|
-
import { LocalizationProvider as
|
|
55
|
+
import { subDays as io } from "date-fns/subDays";
|
|
56
|
+
import { c as so, d as st, S as co, i as lo } from "../ManageIncome-A69EUO5u.mjs";
|
|
57
|
+
import { LocalizationProvider as po, DatePicker as _o, StaticDatePicker as ho } from "@mui/x-date-pickers";
|
|
58
58
|
import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
59
|
-
import { R as
|
|
60
|
-
import { LocalizationProvider as
|
|
61
|
-
import { format as
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import {
|
|
73
|
-
import { W as Io } from "../WidgetContainer-CaPjoWeE.mjs";
|
|
59
|
+
import { R as uo } from "../RecurringSettings-B0uObPlD.mjs";
|
|
60
|
+
import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
|
|
61
|
+
import { format as go } from "date-fns/format";
|
|
62
|
+
import yo from "@mui/lab/Timeline";
|
|
63
|
+
import bo, { timelineItemClasses as fo } from "@mui/lab/TimelineItem";
|
|
64
|
+
import xo from "@mui/lab/TimelineConnector";
|
|
65
|
+
import So from "@mui/lab/TimelineContent";
|
|
66
|
+
import Co from "@mui/lab/TimelineDot";
|
|
67
|
+
import vo from "@mui/lab/TimelineSeparator";
|
|
68
|
+
import wo from "@mui/material/Accordion";
|
|
69
|
+
import ko from "@mui/material/AccordionDetails";
|
|
70
|
+
import Mo from "@mui/material/AccordionSummary";
|
|
71
|
+
import Do from "@mui/material/CardHeader";
|
|
72
|
+
import { W as Io } from "../WidgetContainer-6dsjtOVg.mjs";
|
|
74
73
|
const Ao = ({
|
|
75
74
|
dialScoreData: t,
|
|
76
75
|
dataIndex: o,
|
|
@@ -86,7 +85,7 @@ const Ao = ({
|
|
|
86
85
|
unitsPerSegment: h,
|
|
87
86
|
isFinacialStrengthGraph: y
|
|
88
87
|
}) => {
|
|
89
|
-
const f =
|
|
88
|
+
const f = G(), w = [
|
|
90
89
|
{ offset: "13.62%", color: f.palette.chartMono.chartMono2 },
|
|
91
90
|
{ offset: "36.67%", color: f.palette.chartMono.chartMono3 },
|
|
92
91
|
{ offset: "59.72%", color: f.palette.chartMono.chartMono4 },
|
|
@@ -103,7 +102,7 @@ const Ao = ({
|
|
|
103
102
|
h,
|
|
104
103
|
u
|
|
105
104
|
), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
|
|
106
|
-
return /* @__PURE__ */ a(
|
|
105
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
107
106
|
/* @__PURE__ */ e(
|
|
108
107
|
"path",
|
|
109
108
|
{
|
|
@@ -141,23 +140,23 @@ const Ao = ({
|
|
|
141
140
|
footerRightContent: h,
|
|
142
141
|
isFinacialStrengthGraph: y = !1
|
|
143
142
|
}) => {
|
|
144
|
-
const f =
|
|
143
|
+
const f = G(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Ce = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = Sn(pe, b, Ce), ve = o / 25, H = {
|
|
145
144
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
146
145
|
M: { markerSize: 8, healthScoreFontSize: 48 },
|
|
147
146
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
148
|
-
},
|
|
147
|
+
}, we = {
|
|
149
148
|
top: 0,
|
|
150
149
|
right: 0,
|
|
151
150
|
bottom: 0,
|
|
152
151
|
left: 0,
|
|
153
152
|
...c
|
|
154
|
-
}, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1,
|
|
153
|
+
}, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4, he = H[n].markerSize * 2 + _e;
|
|
155
154
|
return /* @__PURE__ */ a(
|
|
156
155
|
p,
|
|
157
156
|
{
|
|
158
157
|
sx: {
|
|
159
|
-
width:
|
|
160
|
-
height: n === "SM" ?
|
|
158
|
+
width: W,
|
|
159
|
+
height: n === "SM" ? W - 7 : W,
|
|
161
160
|
position: "relative",
|
|
162
161
|
alignSelf: "center",
|
|
163
162
|
overflow: "visible"
|
|
@@ -166,8 +165,8 @@ const Ao = ({
|
|
|
166
165
|
/* @__PURE__ */ e(
|
|
167
166
|
rn,
|
|
168
167
|
{
|
|
169
|
-
height: n === "SM" ?
|
|
170
|
-
margin:
|
|
168
|
+
height: n === "SM" ? W - 7 : W,
|
|
169
|
+
margin: we,
|
|
171
170
|
series: [
|
|
172
171
|
{
|
|
173
172
|
data: r,
|
|
@@ -190,8 +189,8 @@ const Ao = ({
|
|
|
190
189
|
arcColor: X.color,
|
|
191
190
|
arcRadius: t,
|
|
192
191
|
arcStartAngle: w,
|
|
193
|
-
centerX:
|
|
194
|
-
centerY:
|
|
192
|
+
centerX: O,
|
|
193
|
+
centerY: E,
|
|
195
194
|
dataIndex: X.dataIndex,
|
|
196
195
|
dialScoreData: r,
|
|
197
196
|
innerArcRadius: U,
|
|
@@ -199,7 +198,7 @@ const Ao = ({
|
|
|
199
198
|
outterArcRadius: F,
|
|
200
199
|
progressEndAngle: b,
|
|
201
200
|
totalAngularSpan: D,
|
|
202
|
-
unitsPerSegment:
|
|
201
|
+
unitsPerSegment: ve
|
|
203
202
|
}
|
|
204
203
|
)
|
|
205
204
|
},
|
|
@@ -208,26 +207,26 @@ const Ao = ({
|
|
|
208
207
|
stroke: "none"
|
|
209
208
|
}
|
|
210
209
|
},
|
|
211
|
-
width:
|
|
210
|
+
width: W
|
|
212
211
|
}
|
|
213
212
|
),
|
|
214
213
|
o >= s && o <= i && /* @__PURE__ */ e(
|
|
215
214
|
"svg",
|
|
216
215
|
{
|
|
217
|
-
height:
|
|
216
|
+
height: he,
|
|
218
217
|
style: {
|
|
219
218
|
position: "absolute",
|
|
220
|
-
left:
|
|
221
|
-
top:
|
|
219
|
+
left: O + te - H[n].markerSize - 5,
|
|
220
|
+
top: E + j - H[n].markerSize - 5,
|
|
222
221
|
overflow: "visible"
|
|
223
222
|
},
|
|
224
|
-
viewBox: `${
|
|
225
|
-
width:
|
|
223
|
+
viewBox: `${O + te - H[n].markerSize - 5} ${E + j - H[n].markerSize - 5} ${he} ${he}`,
|
|
224
|
+
width: he,
|
|
226
225
|
children: /* @__PURE__ */ e(
|
|
227
226
|
"circle",
|
|
228
227
|
{
|
|
229
|
-
cx:
|
|
230
|
-
cy:
|
|
228
|
+
cx: O + te,
|
|
229
|
+
cy: E + j,
|
|
231
230
|
fill: f.palette.common.white,
|
|
232
231
|
r: H[n].markerSize,
|
|
233
232
|
stroke: y ? "url(#arcGradient)" : l,
|
|
@@ -241,8 +240,8 @@ const Ao = ({
|
|
|
241
240
|
{
|
|
242
241
|
sx: {
|
|
243
242
|
position: "absolute",
|
|
244
|
-
top: `${
|
|
245
|
-
left: `${
|
|
243
|
+
top: `${E}px`,
|
|
244
|
+
left: `${O}px`,
|
|
246
245
|
transform: "translate(-50%, -50%)",
|
|
247
246
|
textAlign: "center"
|
|
248
247
|
},
|
|
@@ -274,8 +273,8 @@ const Ao = ({
|
|
|
274
273
|
{
|
|
275
274
|
sx: {
|
|
276
275
|
position: "absolute",
|
|
277
|
-
top: `${
|
|
278
|
-
left: `${
|
|
276
|
+
top: `${E * 2 * 0.83}px`,
|
|
277
|
+
left: `${O}px`,
|
|
279
278
|
transform: "translate(-50%, -50%)",
|
|
280
279
|
textAlign: "center"
|
|
281
280
|
},
|
|
@@ -311,8 +310,8 @@ const Ao = ({
|
|
|
311
310
|
{
|
|
312
311
|
sx: {
|
|
313
312
|
position: "absolute",
|
|
314
|
-
top: `${
|
|
315
|
-
left: `${
|
|
313
|
+
top: `${E * 2 * 0.83}px`,
|
|
314
|
+
left: `${O - O / 2}px`,
|
|
316
315
|
// shift left from center
|
|
317
316
|
transform: "translate(-50%, -50%)",
|
|
318
317
|
textAlign: "left"
|
|
@@ -325,8 +324,8 @@ const Ao = ({
|
|
|
325
324
|
{
|
|
326
325
|
sx: {
|
|
327
326
|
position: "absolute",
|
|
328
|
-
top: `${
|
|
329
|
-
left: `${
|
|
327
|
+
top: `${E * 2 * 0.83}px`,
|
|
328
|
+
left: `${O + O / 2}px`,
|
|
330
329
|
transform: "translate(-50%, -50%)",
|
|
331
330
|
textAlign: "right"
|
|
332
331
|
},
|
|
@@ -373,39 +372,39 @@ const Ao = ({
|
|
|
373
372
|
minValue: s = 300,
|
|
374
373
|
footerCenterContent: i
|
|
375
374
|
}) => {
|
|
376
|
-
const l =
|
|
375
|
+
const l = G().palette.mode === "dark", _ = [
|
|
377
376
|
{
|
|
378
377
|
id: 1,
|
|
379
378
|
label: "Poor",
|
|
380
379
|
value: 29,
|
|
381
|
-
color: l ?
|
|
380
|
+
color: l ? ke.POOR : Me.POOR
|
|
382
381
|
},
|
|
383
382
|
{
|
|
384
383
|
id: 2,
|
|
385
384
|
label: "Fair",
|
|
386
385
|
value: 25,
|
|
387
|
-
color: l ?
|
|
386
|
+
color: l ? ke.FAIR : Me.FAIR
|
|
388
387
|
},
|
|
389
388
|
{
|
|
390
389
|
id: 3,
|
|
391
390
|
label: "Good",
|
|
392
391
|
value: 17,
|
|
393
|
-
color: l ?
|
|
392
|
+
color: l ? ke.GOOD : Me.GOOD
|
|
394
393
|
},
|
|
395
394
|
{
|
|
396
395
|
id: 4,
|
|
397
396
|
label: "Very Good",
|
|
398
397
|
value: 17,
|
|
399
|
-
color: l ?
|
|
398
|
+
color: l ? ke.VERY_GOOD : Me.VERY_GOOD
|
|
400
399
|
},
|
|
401
400
|
{
|
|
402
401
|
id: 5,
|
|
403
402
|
label: "Exceptional",
|
|
404
403
|
value: 12,
|
|
405
|
-
color: l ?
|
|
404
|
+
color: l ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
|
|
406
405
|
}
|
|
407
406
|
], { finstrong: d } = x(), { isCopyLoaded: u } = q();
|
|
408
|
-
if (!u) return /* @__PURE__ */ e(
|
|
407
|
+
if (!u) return /* @__PURE__ */ e(ee, {});
|
|
409
408
|
const { status: h, color: y = "none" } = mt(
|
|
410
409
|
n,
|
|
411
410
|
l,
|
|
@@ -440,7 +439,7 @@ const Ao = ({
|
|
|
440
439
|
}) => {
|
|
441
440
|
const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = je();
|
|
442
441
|
return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
|
|
443
|
-
|
|
442
|
+
Y,
|
|
444
443
|
{
|
|
445
444
|
sx: {
|
|
446
445
|
pb: 24,
|
|
@@ -459,7 +458,7 @@ const Ao = ({
|
|
|
459
458
|
},
|
|
460
459
|
children: [
|
|
461
460
|
n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
|
|
462
|
-
/* @__PURE__ */ e(
|
|
461
|
+
/* @__PURE__ */ e(V, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
|
|
463
462
|
]
|
|
464
463
|
}
|
|
465
464
|
),
|
|
@@ -475,7 +474,7 @@ const Ao = ({
|
|
|
475
474
|
/* @__PURE__ */ e(
|
|
476
475
|
B,
|
|
477
476
|
{
|
|
478
|
-
endIcon: /* @__PURE__ */ e(
|
|
477
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
479
478
|
onClick: () => d(!0),
|
|
480
479
|
size: "small",
|
|
481
480
|
sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
|
|
@@ -504,13 +503,13 @@ const Ao = ({
|
|
|
504
503
|
};
|
|
505
504
|
var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
|
|
506
505
|
const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Fo = ({ isOpen: t, onClose: o }) => {
|
|
507
|
-
const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } =
|
|
506
|
+
const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } = J(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
|
|
508
507
|
o(), setTimeout(() => _(c.credit_score || 0), 300);
|
|
509
508
|
}, h = () => {
|
|
510
509
|
!l || l === c.credit_score || i({ ...c, credit_score: l });
|
|
511
510
|
};
|
|
512
511
|
return /* @__PURE__ */ e(
|
|
513
|
-
|
|
512
|
+
Wn,
|
|
514
513
|
{
|
|
515
514
|
copy: { close_aria: n.close_aria, title: r.edit_credit_score },
|
|
516
515
|
disablePrimaryButton: !l || !d,
|
|
@@ -553,7 +552,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
553
552
|
credit_over_time_title: "Your Credit Over Time",
|
|
554
553
|
credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
|
|
555
554
|
}, Ro = ({ chartFor: t }) => {
|
|
556
|
-
const o =
|
|
555
|
+
const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = J(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
|
|
557
556
|
savingsOverTime: {
|
|
558
557
|
icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
|
|
559
558
|
title: i.key_indicators_save.zero_state_title,
|
|
@@ -592,7 +591,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
592
591
|
);
|
|
593
592
|
P = F;
|
|
594
593
|
}
|
|
595
|
-
return /* @__PURE__ */ e(
|
|
594
|
+
return /* @__PURE__ */ e(Y, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
|
|
596
595
|
/* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
|
|
597
596
|
/* @__PURE__ */ e(
|
|
598
597
|
Ye,
|
|
@@ -641,7 +640,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
641
640
|
/* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
|
|
642
641
|
] }) });
|
|
643
642
|
}, Ue = v(Ro), Lo = () => {
|
|
644
|
-
const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } =
|
|
643
|
+
const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = Fn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
|
|
645
644
|
return /* @__PURE__ */ a(k, { children: [
|
|
646
645
|
/* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
|
|
647
646
|
/* @__PURE__ */ e(
|
|
@@ -666,7 +665,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
666
665
|
MISSING: o.key_indicators_missing
|
|
667
666
|
}[t];
|
|
668
667
|
return /* @__PURE__ */ e(
|
|
669
|
-
|
|
668
|
+
Gn,
|
|
670
669
|
{
|
|
671
670
|
label: /* @__PURE__ */ e(
|
|
672
671
|
M,
|
|
@@ -687,9 +686,9 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
687
686
|
}
|
|
688
687
|
);
|
|
689
688
|
}, Bo = () => {
|
|
690
|
-
const { finstrong: t } = x(), { user: o } =
|
|
689
|
+
const { finstrong: t } = x(), { user: o } = J(), n = gt(o.credit_score ?? null);
|
|
691
690
|
return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
692
|
-
/* @__PURE__ */ e(
|
|
691
|
+
/* @__PURE__ */ e(V, { children: t.credit_score_keep_strong_credit_score }),
|
|
693
692
|
/* @__PURE__ */ e(Be, { status: n })
|
|
694
693
|
] });
|
|
695
694
|
}, Wo = v(Bo), $o = ({
|
|
@@ -717,7 +716,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
717
716
|
p: 24
|
|
718
717
|
},
|
|
719
718
|
children: [
|
|
720
|
-
u && typeof u == "string" ? /* @__PURE__ */ e(
|
|
719
|
+
u && typeof u == "string" ? /* @__PURE__ */ e(V, { children: u }) : u,
|
|
721
720
|
s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
|
|
722
721
|
]
|
|
723
722
|
}
|
|
@@ -747,7 +746,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
747
746
|
}
|
|
748
747
|
)
|
|
749
748
|
] })
|
|
750
|
-
] }) }) : /* @__PURE__ */ e(
|
|
749
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
751
750
|
}, Pt = v($o), zo = ({
|
|
752
751
|
onClick: t,
|
|
753
752
|
shouldShowBalance: o = !0,
|
|
@@ -772,28 +771,28 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
772
771
|
return /* @__PURE__ */ a(
|
|
773
772
|
Ee,
|
|
774
773
|
{
|
|
775
|
-
subheader: /* @__PURE__ */ e(
|
|
774
|
+
subheader: /* @__PURE__ */ e(Hn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
776
775
|
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
|
|
777
|
-
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children:
|
|
776
|
+
o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
|
|
778
777
|
] }) }),
|
|
779
778
|
sx: { bgcolor: "background.paper" },
|
|
780
779
|
children: [
|
|
781
780
|
d.map((h, y) => {
|
|
782
781
|
const { firstValue: f } = kt(h, s), w = Ct(h, {
|
|
783
782
|
allowNickname: r?.show_account_nicknames_in_master
|
|
784
|
-
}), S = /* @__PURE__ */ a(
|
|
783
|
+
}), S = /* @__PURE__ */ a(z, { children: [
|
|
785
784
|
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
|
|
786
785
|
/* @__PURE__ */ e(
|
|
787
|
-
|
|
786
|
+
ye,
|
|
788
787
|
{
|
|
789
788
|
primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
|
|
790
789
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
791
790
|
}
|
|
792
791
|
),
|
|
793
|
-
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children:
|
|
792
|
+
o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
|
|
794
793
|
] });
|
|
795
794
|
return /* @__PURE__ */ a(m.Fragment, { children: [
|
|
796
|
-
/* @__PURE__ */ e(
|
|
795
|
+
/* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(En, { onClick: () => c(h), children: S }) : S }),
|
|
797
796
|
y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
798
797
|
] }, h.guid);
|
|
799
798
|
}),
|
|
@@ -804,7 +803,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
804
803
|
);
|
|
805
804
|
}) }) : null;
|
|
806
805
|
}, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
|
|
807
|
-
const n =
|
|
806
|
+
const n = G(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
|
|
808
807
|
() => l.filter(
|
|
809
808
|
(S) => t ? t.includes(S.account_type) : !0
|
|
810
809
|
),
|
|
@@ -813,12 +812,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
813
812
|
const { firstValue: D } = kt(S, c);
|
|
814
813
|
return D;
|
|
815
814
|
};
|
|
816
|
-
return y.length >= 1 ? /* @__PURE__ */ a(
|
|
815
|
+
return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
|
|
817
816
|
/* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
|
|
818
|
-
/* @__PURE__ */ a(
|
|
817
|
+
/* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
|
|
819
818
|
/* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
|
|
820
819
|
/* @__PURE__ */ e(
|
|
821
|
-
|
|
820
|
+
ye,
|
|
822
821
|
{
|
|
823
822
|
primary: `${Ct(S, {
|
|
824
823
|
allowNickname: r?.show_account_nicknames_in_master
|
|
@@ -827,15 +826,15 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
827
826
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
828
827
|
}
|
|
829
828
|
),
|
|
830
|
-
/* @__PURE__ */ e(M, { bold: !0, variant: "body2", children:
|
|
829
|
+
/* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(S), "0,0.00") })
|
|
831
830
|
] }),
|
|
832
831
|
D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
|
|
833
832
|
] }, S.guid)) }),
|
|
834
|
-
y.length > 3 && /* @__PURE__ */ a(
|
|
833
|
+
y.length > 3 && /* @__PURE__ */ a(z, { children: [
|
|
835
834
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
836
835
|
B,
|
|
837
836
|
{
|
|
838
|
-
endIcon: /* @__PURE__ */ e(
|
|
837
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
839
838
|
onClick: () => d(!0),
|
|
840
839
|
size: "small",
|
|
841
840
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
@@ -848,7 +847,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
848
847
|
) }),
|
|
849
848
|
/* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
|
|
850
849
|
] })
|
|
851
|
-
] }) : /* @__PURE__ */ a(
|
|
850
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
852
851
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
853
852
|
B,
|
|
854
853
|
{
|
|
@@ -868,7 +867,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
868
867
|
}
|
|
869
868
|
)
|
|
870
869
|
] });
|
|
871
|
-
}, Wt = v(Go),
|
|
870
|
+
}, Wt = v(Go), Se = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
|
|
872
871
|
p,
|
|
873
872
|
{
|
|
874
873
|
sx: {
|
|
@@ -881,30 +880,30 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
881
880
|
...n
|
|
882
881
|
},
|
|
883
882
|
children: [
|
|
884
|
-
typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children:
|
|
883
|
+
typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: $(t, "0,0.00") }) : t,
|
|
885
884
|
/* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
|
|
886
885
|
]
|
|
887
886
|
}
|
|
888
887
|
);
|
|
889
|
-
var
|
|
888
|
+
var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Q || {});
|
|
890
889
|
const Eo = ({ total: t }) => {
|
|
891
890
|
const { finstrong: o } = x(), n = [
|
|
892
|
-
{ id:
|
|
893
|
-
{ id:
|
|
894
|
-
{ id:
|
|
895
|
-
{ id:
|
|
891
|
+
{ id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
|
|
892
|
+
{ id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
|
|
893
|
+
{ id: Q.Weekly, label: o.maintain_emergency_savings_weekly },
|
|
894
|
+
{ id: Q.Daily, label: o.maintain_emergency_savings_daily }
|
|
896
895
|
], r = {
|
|
897
|
-
[
|
|
898
|
-
[
|
|
899
|
-
[
|
|
900
|
-
[
|
|
896
|
+
[Q.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
|
|
897
|
+
[Q.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
|
|
898
|
+
[Q.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
|
|
899
|
+
[Q.Daily]: o.maintain_emergency_savings_estimated_period_daily
|
|
901
900
|
}, s = [
|
|
902
|
-
{ id:
|
|
903
|
-
{ id:
|
|
904
|
-
{ id:
|
|
901
|
+
{ id: De.Months, label: o.maintain_emergency_savings_months },
|
|
902
|
+
{ id: De.Years, label: o.maintain_emergency_savings_years },
|
|
903
|
+
{ id: De.Days, label: o.maintain_emergency_savings_days }
|
|
905
904
|
], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
|
|
906
905
|
tt(t)
|
|
907
|
-
), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(
|
|
906
|
+
), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(De.Months);
|
|
908
907
|
m.useEffect(() => {
|
|
909
908
|
l(
|
|
910
909
|
nt({
|
|
@@ -927,12 +926,12 @@ const Eo = ({ total: t }) => {
|
|
|
927
926
|
})
|
|
928
927
|
), d(u);
|
|
929
928
|
};
|
|
930
|
-
return /* @__PURE__ */ e(
|
|
929
|
+
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
|
|
931
930
|
/* @__PURE__ */ e(
|
|
932
|
-
|
|
931
|
+
Se,
|
|
933
932
|
{
|
|
934
933
|
balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
|
|
935
|
-
/* @__PURE__ */ e(I, { variant: "h2", children:
|
|
934
|
+
/* @__PURE__ */ e(I, { variant: "h2", children: $(c, "0,0") }),
|
|
936
935
|
/* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
|
|
937
936
|
"/",
|
|
938
937
|
r[_]
|
|
@@ -945,9 +944,9 @@ const Eo = ({ total: t }) => {
|
|
|
945
944
|
Fe,
|
|
946
945
|
{
|
|
947
946
|
"aria-label": o.maintain_emergency_savings_savings_goal,
|
|
948
|
-
helperText:
|
|
947
|
+
helperText: K(
|
|
949
948
|
o.maintain_emergency_savings_suggested_goal,
|
|
950
|
-
|
|
949
|
+
$(i, "0,0")
|
|
951
950
|
),
|
|
952
951
|
inputProps: {
|
|
953
952
|
noValidate: !0,
|
|
@@ -957,7 +956,7 @@ const Eo = ({ total: t }) => {
|
|
|
957
956
|
onChange: (b) => {
|
|
958
957
|
b.target.value && f(Number(b.target.value.replace(/[^0-9]/g, "")));
|
|
959
958
|
},
|
|
960
|
-
value: y ?
|
|
959
|
+
value: y ? $(y, "0,0") : ""
|
|
961
960
|
}
|
|
962
961
|
),
|
|
963
962
|
/* @__PURE__ */ e(
|
|
@@ -1015,13 +1014,13 @@ const Eo = ({ total: t }) => {
|
|
|
1015
1014
|
/* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
|
|
1016
1015
|
] }) }) });
|
|
1017
1016
|
}, Ho = v(Eo), No = () => {
|
|
1018
|
-
const { savingsAccounts: t } =
|
|
1017
|
+
const { savingsAccounts: t } = xe(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
|
|
1019
1018
|
() => t.reduce((i, c) => i + (c.balance ?? 0), 0),
|
|
1020
1019
|
[t]
|
|
1021
1020
|
);
|
|
1022
1021
|
return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
|
|
1023
|
-
/* @__PURE__ */ e(
|
|
1024
|
-
/* @__PURE__ */ e(
|
|
1022
|
+
/* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
|
|
1023
|
+
/* @__PURE__ */ e(Se, { balance: s, title: o.maintain_emergency_savings_your_savings }),
|
|
1025
1024
|
t.length ? /* @__PURE__ */ e(
|
|
1026
1025
|
Wt,
|
|
1027
1026
|
{
|
|
@@ -1093,7 +1092,7 @@ const Eo = ({ total: t }) => {
|
|
|
1093
1092
|
)
|
|
1094
1093
|
] }),
|
|
1095
1094
|
/* @__PURE__ */ a(p, { children: [
|
|
1096
|
-
/* @__PURE__ */ e(
|
|
1095
|
+
/* @__PURE__ */ e(jn, { data: c, height: 16 }),
|
|
1097
1096
|
r
|
|
1098
1097
|
] })
|
|
1099
1098
|
]
|
|
@@ -1128,7 +1127,7 @@ const Eo = ({ total: t }) => {
|
|
|
1128
1127
|
percentage: n
|
|
1129
1128
|
}
|
|
1130
1129
|
],
|
|
1131
|
-
value:
|
|
1130
|
+
value: $(o ?? 0, "0,0.00")
|
|
1132
1131
|
}
|
|
1133
1132
|
);
|
|
1134
1133
|
}, Xo = v(Yo), $e = ({
|
|
@@ -1138,7 +1137,7 @@ const Eo = ({ total: t }) => {
|
|
|
1138
1137
|
formatDate: r = It,
|
|
1139
1138
|
secondaryIcon: s
|
|
1140
1139
|
}) => {
|
|
1141
|
-
const i =
|
|
1140
|
+
const i = G(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
|
|
1142
1141
|
let C = t;
|
|
1143
1142
|
return S && (C = t.map((g) => ({
|
|
1144
1143
|
...g,
|
|
@@ -1146,7 +1145,7 @@ const Eo = ({ total: t }) => {
|
|
|
1146
1145
|
/&/g,
|
|
1147
1146
|
"&"
|
|
1148
1147
|
) ?? f(g.top_level_category_guid)
|
|
1149
|
-
})).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(
|
|
1148
|
+
})).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
|
|
1150
1149
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1151
1150
|
B,
|
|
1152
1151
|
{
|
|
@@ -1208,7 +1207,7 @@ const Eo = ({ total: t }) => {
|
|
|
1208
1207
|
/* @__PURE__ */ e(I, { variant: "caption", children: r(g.date) })
|
|
1209
1208
|
] })
|
|
1210
1209
|
] }),
|
|
1211
|
-
/* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children:
|
|
1210
|
+
/* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
|
|
1212
1211
|
]
|
|
1213
1212
|
},
|
|
1214
1213
|
g.guid || b
|
|
@@ -1217,11 +1216,11 @@ const Eo = ({ total: t }) => {
|
|
|
1217
1216
|
},
|
|
1218
1217
|
b
|
|
1219
1218
|
)) }),
|
|
1220
|
-
S && /* @__PURE__ */ a(
|
|
1219
|
+
S && /* @__PURE__ */ a(z, { children: [
|
|
1221
1220
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
1222
1221
|
B,
|
|
1223
1222
|
{
|
|
1224
|
-
endIcon: /* @__PURE__ */ e(
|
|
1223
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1225
1224
|
onClick: () => u(!0),
|
|
1226
1225
|
size: "small",
|
|
1227
1226
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
@@ -1238,7 +1237,7 @@ const Eo = ({ total: t }) => {
|
|
|
1238
1237
|
isOpen: d,
|
|
1239
1238
|
onClose: () => u(!1),
|
|
1240
1239
|
title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1241
|
-
children: /* @__PURE__ */ e(
|
|
1240
|
+
children: /* @__PURE__ */ e(Kn, { transaction: C })
|
|
1242
1241
|
}
|
|
1243
1242
|
)
|
|
1244
1243
|
] })
|
|
@@ -1251,8 +1250,8 @@ const Eo = ({ total: t }) => {
|
|
|
1251
1250
|
} = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
|
|
1252
1251
|
return m.useEffect(() => {
|
|
1253
1252
|
o().finally();
|
|
1254
|
-
}, []), /* @__PURE__ */ e(
|
|
1255
|
-
|
|
1253
|
+
}, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
|
|
1254
|
+
Y,
|
|
1256
1255
|
{
|
|
1257
1256
|
sx: {
|
|
1258
1257
|
backgroundColor: "background.paper",
|
|
@@ -1265,13 +1264,13 @@ const Eo = ({ total: t }) => {
|
|
|
1265
1264
|
children: [
|
|
1266
1265
|
/* @__PURE__ */ e(ln, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1267
1266
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1268
|
-
/* @__PURE__ */ e(
|
|
1267
|
+
/* @__PURE__ */ e(V, { children: t.pay_bills_on_time_zero_fees_title }),
|
|
1269
1268
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
|
|
1270
1269
|
] })
|
|
1271
1270
|
]
|
|
1272
1271
|
}
|
|
1273
1272
|
) : /* @__PURE__ */ a(
|
|
1274
|
-
|
|
1273
|
+
Y,
|
|
1275
1274
|
{
|
|
1276
1275
|
sx: {
|
|
1277
1276
|
p: 16,
|
|
@@ -1279,13 +1278,13 @@ const Eo = ({ total: t }) => {
|
|
|
1279
1278
|
backgroundColor: "background.paper"
|
|
1280
1279
|
},
|
|
1281
1280
|
children: [
|
|
1282
|
-
/* @__PURE__ */ e(
|
|
1281
|
+
/* @__PURE__ */ e(V, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
|
|
1283
1282
|
/* @__PURE__ */ e(
|
|
1284
1283
|
$e,
|
|
1285
1284
|
{
|
|
1286
1285
|
amountColor: "text.primary",
|
|
1287
1286
|
amountPosition: "flex-start",
|
|
1288
|
-
formatDate: (r) =>
|
|
1287
|
+
formatDate: (r) => $n(new Date(r * 1e3), zn.MONTH_DAY),
|
|
1289
1288
|
secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
|
|
1290
1289
|
transactions: n.spendingFee
|
|
1291
1290
|
}
|
|
@@ -1319,10 +1318,10 @@ const Eo = ({ total: t }) => {
|
|
|
1319
1318
|
}
|
|
1320
1319
|
);
|
|
1321
1320
|
}, Zo = v(Qo), Jo = () => {
|
|
1322
|
-
const { savingsAndCheckingAccountsBalance: t } =
|
|
1321
|
+
const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = x();
|
|
1323
1322
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1324
1323
|
/* @__PURE__ */ e(
|
|
1325
|
-
|
|
1324
|
+
Se,
|
|
1326
1325
|
{
|
|
1327
1326
|
balance: t,
|
|
1328
1327
|
title: o.key_indicators_save.drawer_available_balance
|
|
@@ -1353,18 +1352,18 @@ const Eo = ({ total: t }) => {
|
|
|
1353
1352
|
}, [r.spend, r.debtSpend]);
|
|
1354
1353
|
return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1355
1354
|
/* @__PURE__ */ e(
|
|
1356
|
-
|
|
1355
|
+
Se,
|
|
1357
1356
|
{
|
|
1358
1357
|
balance: n.ninety_day_spend / 90,
|
|
1359
1358
|
title: t.key_indicators_save.drawer_daily_spend
|
|
1360
1359
|
}
|
|
1361
1360
|
),
|
|
1362
1361
|
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
|
|
1363
|
-
] }) : /* @__PURE__ */ e(
|
|
1362
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1364
1363
|
}, nr = v(tr), or = () => {
|
|
1365
1364
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
1366
|
-
return /* @__PURE__ */ a(
|
|
1367
|
-
/* @__PURE__ */ a(
|
|
1365
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
1366
|
+
/* @__PURE__ */ a(Y, { children: [
|
|
1368
1367
|
/* @__PURE__ */ a(
|
|
1369
1368
|
Xe,
|
|
1370
1369
|
{
|
|
@@ -1447,7 +1446,7 @@ const Eo = ({ total: t }) => {
|
|
|
1447
1446
|
percentage: `${l}%`
|
|
1448
1447
|
}
|
|
1449
1448
|
],
|
|
1450
|
-
value:
|
|
1449
|
+
value: K(t.key_indicators_save.drawer_progress_bar_value, i, c)
|
|
1451
1450
|
}
|
|
1452
1451
|
);
|
|
1453
1452
|
}, ir = v(ar), sr = () => {
|
|
@@ -1511,7 +1510,7 @@ const Eo = ({ total: t }) => {
|
|
|
1511
1510
|
justifyContent: "center",
|
|
1512
1511
|
marginLeft: "auto"
|
|
1513
1512
|
},
|
|
1514
|
-
children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ?
|
|
1513
|
+
children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? K(
|
|
1515
1514
|
o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
|
|
1516
1515
|
n
|
|
1517
1516
|
) : "-" })
|
|
@@ -1527,14 +1526,14 @@ const Eo = ({ total: t }) => {
|
|
|
1527
1526
|
percentage: `${n}%`
|
|
1528
1527
|
}
|
|
1529
1528
|
],
|
|
1530
|
-
value:
|
|
1529
|
+
value: $(t.ninety_day_debt_spend, "0,0.00")
|
|
1531
1530
|
}
|
|
1532
1531
|
);
|
|
1533
1532
|
}, cr = v(sr), lr = () => {
|
|
1534
1533
|
const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1535
1534
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1536
1535
|
/* @__PURE__ */ e(
|
|
1537
|
-
|
|
1536
|
+
Se,
|
|
1538
1537
|
{
|
|
1539
1538
|
balance: t.ninety_day_income,
|
|
1540
1539
|
sx: { flexDirection: "column-reverse" },
|
|
@@ -1567,7 +1566,7 @@ const Eo = ({ total: t }) => {
|
|
|
1567
1566
|
const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
|
|
1568
1567
|
return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
|
|
1569
1568
|
/* @__PURE__ */ e(
|
|
1570
|
-
|
|
1569
|
+
Se,
|
|
1571
1570
|
{
|
|
1572
1571
|
balance: o.ninety_day_debt_spend,
|
|
1573
1572
|
sx: { flexDirection: "column-reverse" },
|
|
@@ -1609,7 +1608,7 @@ const Eo = ({ total: t }) => {
|
|
|
1609
1608
|
style: r,
|
|
1610
1609
|
...s
|
|
1611
1610
|
}) => {
|
|
1612
|
-
const i =
|
|
1611
|
+
const i = G(), c = m.useRef(null), { width: l } = eo({
|
|
1613
1612
|
width: r.width
|
|
1614
1613
|
});
|
|
1615
1614
|
m.useLayoutEffect(() => {
|
|
@@ -1644,7 +1643,7 @@ const Eo = ({ total: t }) => {
|
|
|
1644
1643
|
] });
|
|
1645
1644
|
}, Te = (t, o = 1e3) => {
|
|
1646
1645
|
const n = Math.abs(t) >= o ? "0.[0]a" : "0";
|
|
1647
|
-
return
|
|
1646
|
+
return $(t, n);
|
|
1648
1647
|
}, $t = ({
|
|
1649
1648
|
chartFor: t,
|
|
1650
1649
|
data: o,
|
|
@@ -1656,7 +1655,7 @@ const Eo = ({ total: t }) => {
|
|
|
1656
1655
|
totalComparison: l,
|
|
1657
1656
|
totalMain: _
|
|
1658
1657
|
}) => {
|
|
1659
|
-
const d =
|
|
1658
|
+
const d = G(), u = Un(d.breakpoints.down("xs")), h = m.useMemo(
|
|
1660
1659
|
() => o.sort((g, b) => g.month - b.month).map((g) => {
|
|
1661
1660
|
const b = In(g.month), P = {
|
|
1662
1661
|
spending_vs_income: {
|
|
@@ -1687,10 +1686,10 @@ const Eo = ({ total: t }) => {
|
|
|
1687
1686
|
max: S,
|
|
1688
1687
|
tickNumber: 4,
|
|
1689
1688
|
tickMinStep: D,
|
|
1690
|
-
valueFormatter: (g) => g === 0 ? "$0" :
|
|
1689
|
+
valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
|
|
1691
1690
|
};
|
|
1692
1691
|
return /* @__PURE__ */ a(
|
|
1693
|
-
|
|
1692
|
+
Y,
|
|
1694
1693
|
{
|
|
1695
1694
|
sx: {
|
|
1696
1695
|
px: 16,
|
|
@@ -1708,11 +1707,11 @@ const Eo = ({ total: t }) => {
|
|
|
1708
1707
|
pb: 8
|
|
1709
1708
|
},
|
|
1710
1709
|
children: [
|
|
1711
|
-
/* @__PURE__ */ e(
|
|
1710
|
+
/* @__PURE__ */ e(V, { children: n }),
|
|
1712
1711
|
r && /* @__PURE__ */ e(
|
|
1713
1712
|
B,
|
|
1714
1713
|
{
|
|
1715
|
-
endIcon: /* @__PURE__ */ e(
|
|
1714
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1716
1715
|
onClick: s,
|
|
1717
1716
|
size: "small",
|
|
1718
1717
|
sx: {
|
|
@@ -1769,7 +1768,7 @@ const Eo = ({ total: t }) => {
|
|
|
1769
1768
|
] })
|
|
1770
1769
|
] }),
|
|
1771
1770
|
/* @__PURE__ */ a(
|
|
1772
|
-
|
|
1771
|
+
Jn,
|
|
1773
1772
|
{
|
|
1774
1773
|
colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
|
|
1775
1774
|
dataset: h,
|
|
@@ -1806,7 +1805,7 @@ const Eo = ({ total: t }) => {
|
|
|
1806
1805
|
}
|
|
1807
1806
|
),
|
|
1808
1807
|
/* @__PURE__ */ e(
|
|
1809
|
-
|
|
1808
|
+
Qn,
|
|
1810
1809
|
{
|
|
1811
1810
|
sx: () => ({
|
|
1812
1811
|
".MuiChartsAxis-line": {
|
|
@@ -1826,7 +1825,7 @@ const Eo = ({ total: t }) => {
|
|
|
1826
1825
|
}
|
|
1827
1826
|
),
|
|
1828
1827
|
/* @__PURE__ */ e(
|
|
1829
|
-
|
|
1828
|
+
Zn,
|
|
1830
1829
|
{
|
|
1831
1830
|
sx: () => ({
|
|
1832
1831
|
".MuiChartsAxis-line": {
|
|
@@ -1855,8 +1854,8 @@ const Eo = ({ total: t }) => {
|
|
|
1855
1854
|
const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
|
|
1856
1855
|
return m.useEffect(() => {
|
|
1857
1856
|
t || (o().finally(), n().finally());
|
|
1858
|
-
}, [t]), t ? /* @__PURE__ */ a(
|
|
1859
|
-
/* @__PURE__ */ a(
|
|
1857
|
+
}, [t]), t ? /* @__PURE__ */ a(z, { children: [
|
|
1858
|
+
/* @__PURE__ */ a(Y, { children: [
|
|
1860
1859
|
/* @__PURE__ */ a(
|
|
1861
1860
|
Xe,
|
|
1862
1861
|
{
|
|
@@ -1910,7 +1909,7 @@ const Eo = ({ total: t }) => {
|
|
|
1910
1909
|
}
|
|
1911
1910
|
)
|
|
1912
1911
|
] }),
|
|
1913
|
-
r.length ? /* @__PURE__ */ a(
|
|
1912
|
+
r.length ? /* @__PURE__ */ a(z, { children: [
|
|
1914
1913
|
/* @__PURE__ */ e(
|
|
1915
1914
|
$t,
|
|
1916
1915
|
{
|
|
@@ -1922,7 +1921,7 @@ const Eo = ({ total: t }) => {
|
|
|
1922
1921
|
}
|
|
1923
1922
|
),
|
|
1924
1923
|
/* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
|
|
1925
|
-
] }) : /* @__PURE__ */ a(
|
|
1924
|
+
] }) : /* @__PURE__ */ a(z, { children: [
|
|
1926
1925
|
/* @__PURE__ */ e(
|
|
1927
1926
|
Re,
|
|
1928
1927
|
{
|
|
@@ -1956,7 +1955,7 @@ const Eo = ({ total: t }) => {
|
|
|
1956
1955
|
}
|
|
1957
1956
|
)
|
|
1958
1957
|
] })
|
|
1959
|
-
] }) : /* @__PURE__ */ e(
|
|
1958
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1960
1959
|
}, mr = v(ur), gr = () => {
|
|
1961
1960
|
const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), c = {
|
|
1962
1961
|
GOOD: [{ percentage: `${r}%` }],
|
|
@@ -1978,7 +1977,7 @@ const Eo = ({ total: t }) => {
|
|
|
1978
1977
|
},
|
|
1979
1978
|
children: [
|
|
1980
1979
|
/* @__PURE__ */ a(I, { variant: "body2", children: [
|
|
1981
|
-
t.ninety_day_income <= 0 ? "-" :
|
|
1980
|
+
t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
|
|
1982
1981
|
" ",
|
|
1983
1982
|
o?.key_indicators_spend.spend_less_than_you_make_drawer.income
|
|
1984
1983
|
] }),
|
|
@@ -1993,11 +1992,11 @@ const Eo = ({ total: t }) => {
|
|
|
1993
1992
|
label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
|
|
1994
1993
|
status: i,
|
|
1995
1994
|
statusBarData: c,
|
|
1996
|
-
value: s ? "$0" :
|
|
1995
|
+
value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
|
|
1997
1996
|
}
|
|
1998
1997
|
);
|
|
1999
1998
|
}, yr = v(gr), br = () => {
|
|
2000
|
-
const { accounts: t } =
|
|
1999
|
+
const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: c } = Rn(), { finstrong: l, goals: _, spending: d } = x(), u = G(), [h, y] = m.useState("");
|
|
2001
2000
|
m.useEffect(() => {
|
|
2002
2001
|
r(
|
|
2003
2002
|
t,
|
|
@@ -2006,7 +2005,7 @@ const Eo = ({ total: t }) => {
|
|
|
2006
2005
|
).finally();
|
|
2007
2006
|
}, [t]);
|
|
2008
2007
|
const f = m.useMemo(
|
|
2009
|
-
() =>
|
|
2008
|
+
() => to(o, _, u, n),
|
|
2010
2009
|
[o, n]
|
|
2011
2010
|
), w = (C) => {
|
|
2012
2011
|
y(h === C ? "" : C);
|
|
@@ -2030,8 +2029,8 @@ const Eo = ({ total: t }) => {
|
|
|
2030
2029
|
legendLabelMain: l.key_indicators_spend.spend_less_than_you_make_drawer.spending,
|
|
2031
2030
|
onClick: () => i("trends")(),
|
|
2032
2031
|
title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
|
|
2033
|
-
totalComparison:
|
|
2034
|
-
totalMain:
|
|
2032
|
+
totalComparison: $(D, "0,0.00"),
|
|
2033
|
+
totalMain: $(S, "0,0.00")
|
|
2035
2034
|
}
|
|
2036
2035
|
) : /* @__PURE__ */ e(
|
|
2037
2036
|
Re,
|
|
@@ -2055,7 +2054,7 @@ const Eo = ({ total: t }) => {
|
|
|
2055
2054
|
}
|
|
2056
2055
|
),
|
|
2057
2056
|
f ? /* @__PURE__ */ a(
|
|
2058
|
-
|
|
2057
|
+
Y,
|
|
2059
2058
|
{
|
|
2060
2059
|
sx: {
|
|
2061
2060
|
px: 16,
|
|
@@ -2073,11 +2072,11 @@ const Eo = ({ total: t }) => {
|
|
|
2073
2072
|
pb: 8
|
|
2074
2073
|
},
|
|
2075
2074
|
children: [
|
|
2076
|
-
/* @__PURE__ */ e(
|
|
2075
|
+
/* @__PURE__ */ e(V, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
|
|
2077
2076
|
c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
|
|
2078
2077
|
B,
|
|
2079
2078
|
{
|
|
2080
|
-
endIcon: /* @__PURE__ */ e(
|
|
2079
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2081
2080
|
onClick: () => i("spending")(),
|
|
2082
2081
|
size: "small",
|
|
2083
2082
|
sx: {
|
|
@@ -2093,7 +2092,7 @@ const Eo = ({ total: t }) => {
|
|
|
2093
2092
|
),
|
|
2094
2093
|
/* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2095
2094
|
/* @__PURE__ */ e(
|
|
2096
|
-
|
|
2095
|
+
no,
|
|
2097
2096
|
{
|
|
2098
2097
|
data: f,
|
|
2099
2098
|
onSelected: w,
|
|
@@ -2102,7 +2101,7 @@ const Eo = ({ total: t }) => {
|
|
|
2102
2101
|
}
|
|
2103
2102
|
),
|
|
2104
2103
|
/* @__PURE__ */ e(
|
|
2105
|
-
|
|
2104
|
+
oo,
|
|
2106
2105
|
{
|
|
2107
2106
|
data: f,
|
|
2108
2107
|
onSelected: w,
|
|
@@ -2208,7 +2207,7 @@ const Eo = ({ total: t }) => {
|
|
|
2208
2207
|
children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
|
|
2209
2208
|
}
|
|
2210
2209
|
);
|
|
2211
|
-
}, Sr = v(xr),
|
|
2210
|
+
}, Sr = v(xr), fe = ({
|
|
2212
2211
|
drawerFor: t,
|
|
2213
2212
|
title: o,
|
|
2214
2213
|
description: n,
|
|
@@ -2217,7 +2216,7 @@ const Eo = ({ total: t }) => {
|
|
|
2217
2216
|
const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
|
|
2218
2217
|
(_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
|
|
2219
2218
|
};
|
|
2220
|
-
return /* @__PURE__ */ a(
|
|
2219
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2221
2220
|
/* @__PURE__ */ a(
|
|
2222
2221
|
p,
|
|
2223
2222
|
{
|
|
@@ -2245,7 +2244,7 @@ const Eo = ({ total: t }) => {
|
|
|
2245
2244
|
] }),
|
|
2246
2245
|
/* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
|
|
2247
2246
|
] }),
|
|
2248
|
-
/* @__PURE__ */ e(
|
|
2247
|
+
/* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
|
|
2249
2248
|
]
|
|
2250
2249
|
}
|
|
2251
2250
|
),
|
|
@@ -2265,7 +2264,7 @@ const Eo = ({ total: t }) => {
|
|
|
2265
2264
|
FAIR: o.ratio_fair_description,
|
|
2266
2265
|
OFF_TRACK: o.ratio_off_track_description,
|
|
2267
2266
|
MISSING: o.ratio_missing_description
|
|
2268
|
-
}, d = l === "MISSING" ? _[l] :
|
|
2267
|
+
}, d = l === "MISSING" ? _[l] : K(_[l], c);
|
|
2269
2268
|
return {
|
|
2270
2269
|
cardState: l,
|
|
2271
2270
|
description: d,
|
|
@@ -2285,7 +2284,7 @@ const Eo = ({ total: t }) => {
|
|
|
2285
2284
|
]);
|
|
2286
2285
|
return /* @__PURE__ */ a(p, { sx: { gap: 24, p: 8, pt: 24 }, children: [
|
|
2287
2286
|
/* @__PURE__ */ e(
|
|
2288
|
-
|
|
2287
|
+
fe,
|
|
2289
2288
|
{
|
|
2290
2289
|
cardState: s.cardState,
|
|
2291
2290
|
description: s.description,
|
|
@@ -2294,7 +2293,7 @@ const Eo = ({ total: t }) => {
|
|
|
2294
2293
|
}
|
|
2295
2294
|
),
|
|
2296
2295
|
/* @__PURE__ */ e(
|
|
2297
|
-
|
|
2296
|
+
fe,
|
|
2298
2297
|
{
|
|
2299
2298
|
cardState: i.cardState,
|
|
2300
2299
|
description: i.description,
|
|
@@ -2310,7 +2309,7 @@ const Eo = ({ total: t }) => {
|
|
|
2310
2309
|
FAIR: n.days_of_cash_fair_description,
|
|
2311
2310
|
OFF_TRACK: n.days_of_cash_off_track_description,
|
|
2312
2311
|
MISSING: n.days_of_cash_missing_description
|
|
2313
|
-
}, u = _ === "MISSING" ? d[_] :
|
|
2312
|
+
}, u = _ === "MISSING" ? d[_] : K(d[_], l);
|
|
2314
2313
|
return {
|
|
2315
2314
|
cardState: _,
|
|
2316
2315
|
description: u,
|
|
@@ -2324,9 +2323,9 @@ const Eo = ({ total: t }) => {
|
|
|
2324
2323
|
MISSING: n.emergency_savings_missing_description
|
|
2325
2324
|
};
|
|
2326
2325
|
let u;
|
|
2327
|
-
return _ === "FAIR" && l !== null ? u =
|
|
2326
|
+
return _ === "FAIR" && l !== null ? u = K(
|
|
2328
2327
|
d[_],
|
|
2329
|
-
|
|
2328
|
+
$(l, "0,0.00")
|
|
2330
2329
|
) : u = d[_], {
|
|
2331
2330
|
cardState: _,
|
|
2332
2331
|
description: u,
|
|
@@ -2343,7 +2342,7 @@ const Eo = ({ total: t }) => {
|
|
|
2343
2342
|
]);
|
|
2344
2343
|
return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2345
2344
|
/* @__PURE__ */ e(
|
|
2346
|
-
|
|
2345
|
+
fe,
|
|
2347
2346
|
{
|
|
2348
2347
|
cardState: i.cardState,
|
|
2349
2348
|
description: i.description,
|
|
@@ -2352,7 +2351,7 @@ const Eo = ({ total: t }) => {
|
|
|
2352
2351
|
}
|
|
2353
2352
|
),
|
|
2354
2353
|
/* @__PURE__ */ e(
|
|
2355
|
-
|
|
2354
|
+
fe,
|
|
2356
2355
|
{
|
|
2357
2356
|
cardState: c.cardState,
|
|
2358
2357
|
description: c.description,
|
|
@@ -2362,13 +2361,13 @@ const Eo = ({ total: t }) => {
|
|
|
2362
2361
|
)
|
|
2363
2362
|
] });
|
|
2364
2363
|
}, kr = v(wr), Mr = () => {
|
|
2365
|
-
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } =
|
|
2364
|
+
const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (_) => {
|
|
2366
2365
|
const d = ft(_), u = {
|
|
2367
2366
|
GOOD: n.manage_debit_good_description,
|
|
2368
2367
|
FAIR: n.manage_debit_fair_description,
|
|
2369
2368
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
2370
2369
|
MISSING: n.manage_debit_missing_description
|
|
2371
|
-
}, h = d === "FAIR" || d === "OFF_TRACK" ?
|
|
2370
|
+
}, h = d === "FAIR" || d === "OFF_TRACK" ? K(u[d], _) : u[d];
|
|
2372
2371
|
return {
|
|
2373
2372
|
cardState: d,
|
|
2374
2373
|
description: h,
|
|
@@ -2380,7 +2379,7 @@ const Eo = ({ total: t }) => {
|
|
|
2380
2379
|
FAIR: n.credit_score_fair_description,
|
|
2381
2380
|
OFF_TRACK: n.credit_score_off_track_description,
|
|
2382
2381
|
MISSING: n.credit_score_missing_description
|
|
2383
|
-
}, h = d === "MISSING" ? u[d] :
|
|
2382
|
+
}, h = d === "MISSING" ? u[d] : K(u[d], _);
|
|
2384
2383
|
return {
|
|
2385
2384
|
cardState: d,
|
|
2386
2385
|
description: h,
|
|
@@ -2395,7 +2394,7 @@ const Eo = ({ total: t }) => {
|
|
|
2395
2394
|
}, [t.debt_to_income_ratio, r.credit_score, n, o]);
|
|
2396
2395
|
return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2397
2396
|
/* @__PURE__ */ e(
|
|
2398
|
-
|
|
2397
|
+
fe,
|
|
2399
2398
|
{
|
|
2400
2399
|
cardState: c.cardState,
|
|
2401
2400
|
description: c.description,
|
|
@@ -2404,7 +2403,7 @@ const Eo = ({ total: t }) => {
|
|
|
2404
2403
|
}
|
|
2405
2404
|
),
|
|
2406
2405
|
/* @__PURE__ */ e(
|
|
2407
|
-
|
|
2406
|
+
fe,
|
|
2408
2407
|
{
|
|
2409
2408
|
cardState: l.cardState,
|
|
2410
2409
|
description: l.description,
|
|
@@ -2415,7 +2414,7 @@ const Eo = ({ total: t }) => {
|
|
|
2415
2414
|
] });
|
|
2416
2415
|
}, Dr = v(Mr), Ir = () => {
|
|
2417
2416
|
const [t, o] = m.useState(0), { finstrong: n } = x();
|
|
2418
|
-
return /* @__PURE__ */ a(
|
|
2417
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
2419
2418
|
/* @__PURE__ */ a(
|
|
2420
2419
|
Xe,
|
|
2421
2420
|
{
|
|
@@ -2478,13 +2477,13 @@ const Eo = ({ total: t }) => {
|
|
|
2478
2477
|
return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2479
2478
|
/* @__PURE__ */ e(_t, { size: 48 }),
|
|
2480
2479
|
/* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2481
|
-
/* @__PURE__ */ e(
|
|
2480
|
+
/* @__PURE__ */ e(V, { children: o.missing_data_title }),
|
|
2482
2481
|
/* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
|
|
2483
2482
|
] }),
|
|
2484
2483
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
|
|
2485
2484
|
B,
|
|
2486
2485
|
{
|
|
2487
|
-
endIcon: /* @__PURE__ */ e(
|
|
2486
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2488
2487
|
onClick: t,
|
|
2489
2488
|
size: "small",
|
|
2490
2489
|
sx: {
|
|
@@ -2497,7 +2496,7 @@ const Eo = ({ total: t }) => {
|
|
|
2497
2496
|
children: o.connect_more_accounts_button
|
|
2498
2497
|
}
|
|
2499
2498
|
) })
|
|
2500
|
-
] }) : /* @__PURE__ */ e(
|
|
2499
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
2501
2500
|
}, Or = v(Tr), Fr = ({
|
|
2502
2501
|
firstDay: t,
|
|
2503
2502
|
frequency: o,
|
|
@@ -2514,17 +2513,17 @@ const Eo = ({ total: t }) => {
|
|
|
2514
2513
|
/* @__PURE__ */ a(p, { children: [
|
|
2515
2514
|
!!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
|
|
2516
2515
|
if (h.guid === _.guid) return u;
|
|
2517
|
-
const f =
|
|
2516
|
+
const f = Vn(y, r), w = Yn(y, r);
|
|
2518
2517
|
return u.push(
|
|
2519
2518
|
/* @__PURE__ */ a(m.Fragment, { children: [
|
|
2520
|
-
f && /* @__PURE__ */ e(
|
|
2521
|
-
/* @__PURE__ */ e(
|
|
2519
|
+
f && /* @__PURE__ */ e(Xn, { children: It(h.date) }),
|
|
2520
|
+
/* @__PURE__ */ e(qn, { transaction: h }),
|
|
2522
2521
|
/* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
|
|
2523
2522
|
] }, h.guid)
|
|
2524
2523
|
), u;
|
|
2525
2524
|
}, []) }),
|
|
2526
2525
|
/* @__PURE__ */ e(
|
|
2527
|
-
|
|
2526
|
+
so,
|
|
2528
2527
|
{
|
|
2529
2528
|
firstDay: t,
|
|
2530
2529
|
frequency: o,
|
|
@@ -2540,18 +2539,18 @@ const Eo = ({ total: t }) => {
|
|
|
2540
2539
|
B,
|
|
2541
2540
|
{
|
|
2542
2541
|
fullWidth: !0,
|
|
2543
|
-
onClick: () => s({ step:
|
|
2542
|
+
onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
|
|
2544
2543
|
startIcon: /* @__PURE__ */ e(ht, {}),
|
|
2545
2544
|
children: d.onboarding_add_more_income
|
|
2546
2545
|
}
|
|
2547
2546
|
) })
|
|
2548
2547
|
] });
|
|
2549
2548
|
}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
|
|
2550
|
-
const { finstrong: n } = x(), r =
|
|
2549
|
+
const { finstrong: n } = x(), r = G(), s = (i) => {
|
|
2551
2550
|
o(Math.floor(new Date(i).getTime() / 1e3));
|
|
2552
2551
|
};
|
|
2553
|
-
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2554
|
-
|
|
2552
|
+
return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(po, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2553
|
+
_o,
|
|
2555
2554
|
{
|
|
2556
2555
|
disableFuture: !0,
|
|
2557
2556
|
label: n.onboarding_select_date,
|
|
@@ -2560,13 +2559,13 @@ const Eo = ({ total: t }) => {
|
|
|
2560
2559
|
nextIconButton: {
|
|
2561
2560
|
sx: {
|
|
2562
2561
|
color: "primary.main",
|
|
2563
|
-
"&:hover": { bgcolor:
|
|
2562
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2564
2563
|
}
|
|
2565
2564
|
},
|
|
2566
2565
|
previousIconButton: {
|
|
2567
2566
|
sx: {
|
|
2568
2567
|
color: "primary.main",
|
|
2569
|
-
"&:hover": { bgcolor:
|
|
2568
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2570
2569
|
}
|
|
2571
2570
|
}
|
|
2572
2571
|
},
|
|
@@ -2574,7 +2573,7 @@ const Eo = ({ total: t }) => {
|
|
|
2574
2573
|
width: "100%",
|
|
2575
2574
|
"& .MuiIconButton-edgeEnd": {
|
|
2576
2575
|
color: "primary.main",
|
|
2577
|
-
"&:hover": { bgcolor:
|
|
2576
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2578
2577
|
}
|
|
2579
2578
|
},
|
|
2580
2579
|
value: t ? new Date(t * 1e3) : null
|
|
@@ -2622,63 +2621,63 @@ const Eo = ({ total: t }) => {
|
|
|
2622
2621
|
value: r
|
|
2623
2622
|
}) => /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
2624
2623
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2625
|
-
/* @__PURE__ */ e(
|
|
2624
|
+
/* @__PURE__ */ e(V, { children: o }),
|
|
2626
2625
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
|
|
2627
2626
|
] }),
|
|
2628
2627
|
/* @__PURE__ */ e(zt, { completeCopy: t, value: r })
|
|
2629
2628
|
] }), ct = {
|
|
2630
|
-
step:
|
|
2629
|
+
step: T.ConnectAccounts,
|
|
2631
2630
|
type: "main"
|
|
2632
2631
|
}, zr = ({ isOpen: t, onClose: o }) => {
|
|
2633
|
-
const { visibleAccounts: n } =
|
|
2632
|
+
const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
|
|
2634
2633
|
ct
|
|
2635
|
-
), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [
|
|
2634
|
+
), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Ce, te] = m.useState(!1), [j, ve] = m.useState(h.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
|
|
2636
2635
|
m.useEffect(() => {
|
|
2637
2636
|
l({ start: At(it()), end: Tt(it()) });
|
|
2638
2637
|
}, []), m.useEffect(() => {
|
|
2639
2638
|
d({
|
|
2640
2639
|
accounts: n.map((A) => A.guid),
|
|
2641
2640
|
dateRange: {
|
|
2642
|
-
start:
|
|
2641
|
+
start: io(/* @__PURE__ */ new Date(), 90),
|
|
2643
2642
|
end: /* @__PURE__ */ new Date()
|
|
2644
2643
|
},
|
|
2645
2644
|
custom: st
|
|
2646
2645
|
}), i(n);
|
|
2647
2646
|
}, [n]);
|
|
2648
|
-
const
|
|
2647
|
+
const _e = m.useMemo(
|
|
2649
2648
|
() => u.find((A) => A.guid === N),
|
|
2650
2649
|
[N, u]
|
|
2651
|
-
),
|
|
2652
|
-
[
|
|
2653
|
-
[
|
|
2654
|
-
[
|
|
2655
|
-
[
|
|
2656
|
-
})[C.step], [S, C,
|
|
2650
|
+
), he = m.useMemo(() => ({
|
|
2651
|
+
[T.ConnectAccounts]: !0,
|
|
2652
|
+
[T.MonthlyIncome]: !!N,
|
|
2653
|
+
[T.Birthday]: !!h.birthday || !!j,
|
|
2654
|
+
[T.CreditScore]: !!h.credit_score || !!S
|
|
2655
|
+
})[C.step], [S, C, j, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
|
|
2657
2656
|
const { step: A } = C;
|
|
2658
2657
|
let R = 0;
|
|
2659
|
-
return A >=
|
|
2660
|
-
}, [C.step, X,
|
|
2658
|
+
return A >= T.MonthlyIncome && X && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
|
|
2659
|
+
}, [C.step, X, W.length, h.birthday, h.credit_score]), Et = (A) => {
|
|
2661
2660
|
d({
|
|
2662
2661
|
..._,
|
|
2663
|
-
custom: (R) => A ?
|
|
2662
|
+
custom: (R) => A ? lo(R, A) : st(R)
|
|
2664
2663
|
});
|
|
2665
2664
|
}, Ht = {
|
|
2666
|
-
[
|
|
2665
|
+
[T.ConnectAccounts]: {
|
|
2667
2666
|
main: X ? /* @__PURE__ */ e(Bt, { shouldShowBalance: !1 }) : null,
|
|
2668
2667
|
mainActionContent: X ? s.onboarding_next : s.onboarding_add_accounts,
|
|
2669
2668
|
primaryText: s.connect_your_accounts,
|
|
2670
2669
|
secondaryText: s.onboarding_connect_your_accounts_secondary
|
|
2671
2670
|
},
|
|
2672
|
-
[
|
|
2671
|
+
[T.MonthlyIncome]: {
|
|
2673
2672
|
detail: /* @__PURE__ */ e(
|
|
2674
2673
|
Rr,
|
|
2675
2674
|
{
|
|
2676
2675
|
firstDay: b,
|
|
2677
2676
|
frequency: F,
|
|
2678
|
-
incomeTransactions:
|
|
2677
|
+
incomeTransactions: W,
|
|
2679
2678
|
secondDay: H,
|
|
2680
2679
|
setCurrentStep: (A) => {
|
|
2681
|
-
g(A),
|
|
2680
|
+
g(A), O((R) => {
|
|
2682
2681
|
if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
|
|
2683
2682
|
const Ae = u.find((ie) => ie.guid === N);
|
|
2684
2683
|
return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
|
|
@@ -2686,17 +2685,17 @@ const Eo = ({ total: t }) => {
|
|
|
2686
2685
|
},
|
|
2687
2686
|
setFirstDay: P,
|
|
2688
2687
|
setFrequency: U,
|
|
2689
|
-
setSecondDay:
|
|
2690
|
-
transaction:
|
|
2688
|
+
setSecondDay: we,
|
|
2689
|
+
transaction: _e
|
|
2691
2690
|
}
|
|
2692
2691
|
),
|
|
2693
2692
|
detailActionContent: s.onboarding_confirm_income,
|
|
2694
2693
|
main: /* @__PURE__ */ e(
|
|
2695
|
-
|
|
2694
|
+
co,
|
|
2696
2695
|
{
|
|
2697
2696
|
onSearch: Et,
|
|
2698
2697
|
onSelected: (A) => {
|
|
2699
|
-
g({ step:
|
|
2698
|
+
g({ step: T.MonthlyIncome, type: "detail" }), ae(A);
|
|
2700
2699
|
}
|
|
2701
2700
|
}
|
|
2702
2701
|
),
|
|
@@ -2704,13 +2703,13 @@ const Eo = ({ total: t }) => {
|
|
|
2704
2703
|
primaryText: s.onboarding_add_income_primary,
|
|
2705
2704
|
secondaryText: s.onboarding_add_income_secondary
|
|
2706
2705
|
},
|
|
2707
|
-
[
|
|
2708
|
-
main: /* @__PURE__ */ e(Pr, { selectedDate:
|
|
2706
|
+
[T.Birthday]: {
|
|
2707
|
+
main: /* @__PURE__ */ e(Pr, { selectedDate: j, setSelectedDate: ve }),
|
|
2709
2708
|
mainActionContent: s.onboarding_next,
|
|
2710
2709
|
primaryText: s.onboarding_birthday_primary,
|
|
2711
2710
|
secondaryText: s.onboarding_birthday_secondary
|
|
2712
2711
|
},
|
|
2713
|
-
[
|
|
2712
|
+
[T.CreditScore]: {
|
|
2714
2713
|
main: /* @__PURE__ */ e(Wr, { creditScore: S, setCreditScore: D }),
|
|
2715
2714
|
mainActionContent: s.onboarding_next,
|
|
2716
2715
|
primaryText: s.onboarding_credit_score_primary,
|
|
@@ -2719,9 +2718,9 @@ const Eo = ({ total: t }) => {
|
|
|
2719
2718
|
}, Qe = () => {
|
|
2720
2719
|
g(ct), pe(!1), ae(""), o();
|
|
2721
2720
|
}, Ze = async () => {
|
|
2722
|
-
pe(!0), await Vt(
|
|
2721
|
+
pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
|
|
2723
2722
|
}, Nt = () => {
|
|
2724
|
-
if (C.step ===
|
|
2723
|
+
if (C.step === T.CreditScore) {
|
|
2725
2724
|
Ze();
|
|
2726
2725
|
return;
|
|
2727
2726
|
}
|
|
@@ -2729,41 +2728,41 @@ const Eo = ({ total: t }) => {
|
|
|
2729
2728
|
}, jt = () => {
|
|
2730
2729
|
const { step: A } = C, R = A + 1;
|
|
2731
2730
|
switch (A) {
|
|
2732
|
-
case
|
|
2733
|
-
|
|
2731
|
+
case T.Birthday:
|
|
2732
|
+
j && j !== h.birthday && f({ ...h, birthday: j });
|
|
2734
2733
|
break;
|
|
2735
|
-
case
|
|
2734
|
+
case T.CreditScore:
|
|
2736
2735
|
S && S !== h.credit_score && f({ ...h, credit_score: S }), Ze();
|
|
2737
2736
|
return;
|
|
2738
|
-
case
|
|
2739
|
-
N &&
|
|
2740
|
-
...
|
|
2741
|
-
{ ...
|
|
2737
|
+
case T.MonthlyIncome:
|
|
2738
|
+
N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
|
|
2739
|
+
...me,
|
|
2740
|
+
{ ..._e, firstDay: b, frequency: F, secondDay: H }
|
|
2742
2741
|
]);
|
|
2743
2742
|
break;
|
|
2744
|
-
case
|
|
2743
|
+
case T.ConnectAccounts:
|
|
2745
2744
|
if (!X) {
|
|
2746
|
-
|
|
2745
|
+
te(!0);
|
|
2747
2746
|
return;
|
|
2748
2747
|
}
|
|
2749
2748
|
break;
|
|
2750
2749
|
}
|
|
2751
|
-
R in
|
|
2750
|
+
R in T && g({ step: R, type: "main" });
|
|
2752
2751
|
}, Kt = () => {
|
|
2753
2752
|
const { step: A, type: R } = C;
|
|
2754
2753
|
if (R === "detail") {
|
|
2755
2754
|
g({ step: A, type: "main" });
|
|
2756
2755
|
return;
|
|
2757
2756
|
}
|
|
2758
|
-
if (A ===
|
|
2757
|
+
if (A === T.Birthday && W.length) {
|
|
2759
2758
|
g({ step: A - 1, type: "detail" });
|
|
2760
2759
|
return;
|
|
2761
2760
|
}
|
|
2762
|
-
A >
|
|
2761
|
+
A > T.ConnectAccounts && g({ step: A - 1, type: "main" });
|
|
2763
2762
|
}, Vt = async (A) => {
|
|
2764
2763
|
for (const R of A) {
|
|
2765
2764
|
const {
|
|
2766
|
-
account_guid:
|
|
2765
|
+
account_guid: me,
|
|
2767
2766
|
amount: Ae,
|
|
2768
2767
|
date: ie,
|
|
2769
2768
|
description: qt,
|
|
@@ -2774,13 +2773,13 @@ const Eo = ({ total: t }) => {
|
|
|
2774
2773
|
merchant_guid: Jt,
|
|
2775
2774
|
payee: en,
|
|
2776
2775
|
transaction_type: tn
|
|
2777
|
-
} = R, nn =
|
|
2778
|
-
account_guid:
|
|
2776
|
+
} = R, nn = Nn(Je, ao(ie)), on = {
|
|
2777
|
+
account_guid: me,
|
|
2779
2778
|
amount: Ae,
|
|
2780
2779
|
created_by: 0,
|
|
2781
2780
|
description: en || qt || Ut,
|
|
2782
2781
|
merchant_guid: Jt,
|
|
2783
|
-
predicted_occurs_on:
|
|
2782
|
+
predicted_occurs_on: ro(nn, { representation: "date" }),
|
|
2784
2783
|
recurrence_day: Qt,
|
|
2785
2784
|
recurrence_type: Je,
|
|
2786
2785
|
repeating_transaction_type: Dt.Income,
|
|
@@ -2790,7 +2789,7 @@ const Eo = ({ total: t }) => {
|
|
|
2790
2789
|
};
|
|
2791
2790
|
await c(on, R);
|
|
2792
2791
|
}
|
|
2793
|
-
},
|
|
2792
|
+
}, ue = Ht[C.step], Ie = C.step === T.ConnectAccounts, Yt = {
|
|
2794
2793
|
fullWidth: !0,
|
|
2795
2794
|
...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
|
|
2796
2795
|
}, Xt = !Ie || Ie && !X;
|
|
@@ -2801,36 +2800,36 @@ const Eo = ({ total: t }) => {
|
|
|
2801
2800
|
footerStyles: { px: 24, py: 16 },
|
|
2802
2801
|
hasSecondaryAction: !Ie,
|
|
2803
2802
|
isOpen: t,
|
|
2804
|
-
isPrimaryDisabled: !
|
|
2803
|
+
isPrimaryDisabled: !he,
|
|
2805
2804
|
onClose: Qe,
|
|
2806
2805
|
onSecondaryAction: Kt,
|
|
2807
2806
|
primaryButtonProps: Yt,
|
|
2808
|
-
primaryText:
|
|
2807
|
+
primaryText: ue?.mainActionContent,
|
|
2809
2808
|
secondaryColor: "primary",
|
|
2810
2809
|
secondaryText: s.onboarding_back,
|
|
2811
2810
|
title: s.title,
|
|
2812
|
-
...!
|
|
2811
|
+
...!E && { onPrimaryAction: jt },
|
|
2813
2812
|
children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2814
|
-
|
|
2813
|
+
E && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2815
2814
|
/* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
|
|
2816
2815
|
/* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
|
|
2817
2816
|
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
|
|
2818
2817
|
] }),
|
|
2819
|
-
|
|
2818
|
+
ue && !E && /* @__PURE__ */ a(m.Fragment, { children: [
|
|
2820
2819
|
/* @__PURE__ */ e(
|
|
2821
2820
|
$r,
|
|
2822
2821
|
{
|
|
2823
2822
|
completeCopy: s.complete,
|
|
2824
|
-
primaryText:
|
|
2825
|
-
secondaryText:
|
|
2823
|
+
primaryText: ue.primaryText,
|
|
2824
|
+
secondaryText: ue.secondaryText,
|
|
2826
2825
|
value: Gt
|
|
2827
2826
|
}
|
|
2828
2827
|
),
|
|
2829
2828
|
C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
|
|
2830
|
-
|
|
2829
|
+
ue.main,
|
|
2831
2830
|
Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
|
|
2832
2831
|
] }),
|
|
2833
|
-
C.type === "detail" &&
|
|
2832
|
+
C.type === "detail" && ue.detail
|
|
2834
2833
|
] })
|
|
2835
2834
|
] })
|
|
2836
2835
|
}
|
|
@@ -2838,8 +2837,8 @@ const Eo = ({ total: t }) => {
|
|
|
2838
2837
|
/* @__PURE__ */ e(
|
|
2839
2838
|
re,
|
|
2840
2839
|
{
|
|
2841
|
-
onClose: () =>
|
|
2842
|
-
showConnectWidget:
|
|
2840
|
+
onClose: () => te(!1),
|
|
2841
|
+
showConnectWidget: Ce,
|
|
2843
2842
|
title: s.connect_more_accounts_button
|
|
2844
2843
|
}
|
|
2845
2844
|
)
|
|
@@ -2872,7 +2871,7 @@ const Eo = ({ total: t }) => {
|
|
|
2872
2871
|
/* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
|
|
2873
2872
|
] });
|
|
2874
2873
|
}, Hr = ({ isOpen: t, onClose: o }) => {
|
|
2875
|
-
const { finstrong: n } = x(), r =
|
|
2874
|
+
const { finstrong: n } = x(), r = G(), { updateUser: s, user: i } = J(), [c, l] = m.useState(i.birthday), _ = (u) => {
|
|
2876
2875
|
l(Math.floor(new Date(u).getTime() / 1e3));
|
|
2877
2876
|
};
|
|
2878
2877
|
return /* @__PURE__ */ e(
|
|
@@ -2885,8 +2884,8 @@ const Eo = ({ total: t }) => {
|
|
|
2885
2884
|
},
|
|
2886
2885
|
onSecondaryAction: o,
|
|
2887
2886
|
title: n.date_of_birth,
|
|
2888
|
-
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(
|
|
2889
|
-
|
|
2887
|
+
children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
|
|
2888
|
+
ho,
|
|
2890
2889
|
{
|
|
2891
2890
|
disableFuture: !0,
|
|
2892
2891
|
onChange: _,
|
|
@@ -2894,13 +2893,13 @@ const Eo = ({ total: t }) => {
|
|
|
2894
2893
|
nextIconButton: {
|
|
2895
2894
|
sx: {
|
|
2896
2895
|
color: "primary.main",
|
|
2897
|
-
"&:hover": { bgcolor:
|
|
2896
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2898
2897
|
}
|
|
2899
2898
|
},
|
|
2900
2899
|
previousIconButton: {
|
|
2901
2900
|
sx: {
|
|
2902
2901
|
color: "primary.main",
|
|
2903
|
-
"&:hover": { bgcolor:
|
|
2902
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2904
2903
|
}
|
|
2905
2904
|
}
|
|
2906
2905
|
},
|
|
@@ -2912,7 +2911,7 @@ const Eo = ({ total: t }) => {
|
|
|
2912
2911
|
width: "100%",
|
|
2913
2912
|
"& .MuiIconButton-edgeEnd": {
|
|
2914
2913
|
color: "primary.main",
|
|
2915
|
-
"&:hover": { bgcolor:
|
|
2914
|
+
"&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
|
|
2916
2915
|
}
|
|
2917
2916
|
},
|
|
2918
2917
|
value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
|
|
@@ -2921,11 +2920,11 @@ const Eo = ({ total: t }) => {
|
|
|
2921
2920
|
}
|
|
2922
2921
|
);
|
|
2923
2922
|
}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
|
|
2924
|
-
const { visibleFinstrongAccounts: n } =
|
|
2923
|
+
const { visibleFinstrongAccounts: n } = xe(), {
|
|
2925
2924
|
accounts: r,
|
|
2926
2925
|
common: s,
|
|
2927
2926
|
finstrong: i
|
|
2928
|
-
} = x(), { repeatingTransactions: c } = Ve(), { user: l } =
|
|
2927
|
+
} = x(), { repeatingTransactions: c } = Ve(), { user: l } = J(), _ = c.reduce((f, w) => {
|
|
2929
2928
|
const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
|
|
2930
2929
|
return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
|
|
2931
2930
|
}, 0), [d, u] = m.useState(null), y = [
|
|
@@ -2958,7 +2957,7 @@ const Eo = ({ total: t }) => {
|
|
|
2958
2957
|
icon: /* @__PURE__ */ e(pt, {}),
|
|
2959
2958
|
key: ne.Connections,
|
|
2960
2959
|
label: i.connections,
|
|
2961
|
-
value: n.length > 0 ?
|
|
2960
|
+
value: n.length > 0 ? K(
|
|
2962
2961
|
i.connected_account,
|
|
2963
2962
|
String(n.length),
|
|
2964
2963
|
n.length > 1 ? i.accounts : i.account
|
|
@@ -2969,7 +2968,7 @@ const Eo = ({ total: t }) => {
|
|
|
2969
2968
|
/* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
2970
2969
|
/* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
|
|
2971
2970
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
2972
|
-
/* @__PURE__ */ e(
|
|
2971
|
+
/* @__PURE__ */ e(V, { children: i.your_financial_profile }),
|
|
2973
2972
|
/* @__PURE__ */ e(M, { children: i.financial_profile_description })
|
|
2974
2973
|
] }),
|
|
2975
2974
|
/* @__PURE__ */ e(
|
|
@@ -2998,7 +2997,7 @@ const Eo = ({ total: t }) => {
|
|
|
2998
2997
|
isOpen: d === ne.MonthlyIncome,
|
|
2999
2998
|
onClose: () => u(null),
|
|
3000
2999
|
title: s.settings,
|
|
3001
|
-
children: /* @__PURE__ */ e(
|
|
3000
|
+
children: /* @__PURE__ */ e(uo, {})
|
|
3002
3001
|
}
|
|
3003
3002
|
),
|
|
3004
3003
|
/* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
|
|
@@ -3015,12 +3014,12 @@ const Eo = ({ total: t }) => {
|
|
|
3015
3014
|
}, Kr = v(jr), lt = ({
|
|
3016
3015
|
content: t,
|
|
3017
3016
|
islast: o = !1
|
|
3018
|
-
}) => /* @__PURE__ */ a(
|
|
3019
|
-
/* @__PURE__ */ a(
|
|
3020
|
-
/* @__PURE__ */ e(
|
|
3021
|
-
!o && /* @__PURE__ */ e(
|
|
3017
|
+
}) => /* @__PURE__ */ a(bo, { sx: { minHeight: 0 }, children: [
|
|
3018
|
+
/* @__PURE__ */ a(vo, { children: [
|
|
3019
|
+
/* @__PURE__ */ e(Co, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
|
|
3020
|
+
!o && /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", width: 0.1 } })
|
|
3022
3021
|
] }),
|
|
3023
|
-
/* @__PURE__ */ e(
|
|
3022
|
+
/* @__PURE__ */ e(So, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3024
3023
|
] }), Vr = ({ report: t }) => {
|
|
3025
3024
|
const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
|
|
3026
3025
|
health_score_point_difference: r,
|
|
@@ -3031,10 +3030,10 @@ const Eo = ({ total: t }) => {
|
|
|
3031
3030
|
older_health_score: _,
|
|
3032
3031
|
newer_health_score: d,
|
|
3033
3032
|
newer_score_calculated_at: u
|
|
3034
|
-
} = t, h =
|
|
3033
|
+
} = t, h = go(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? K(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
|
|
3035
3034
|
if (r === 0) return null;
|
|
3036
|
-
const S = r > 0 ? n.up_from : n.down_from, D =
|
|
3037
|
-
return /* @__PURE__ */ a(
|
|
3035
|
+
const S = r > 0 ? n.up_from : n.down_from, D = K(S, _, d);
|
|
3036
|
+
return /* @__PURE__ */ a(z, { children: [
|
|
3038
3037
|
/* @__PURE__ */ e(
|
|
3039
3038
|
bn,
|
|
3040
3039
|
{
|
|
@@ -3046,7 +3045,7 @@ const Eo = ({ total: t }) => {
|
|
|
3046
3045
|
D
|
|
3047
3046
|
] });
|
|
3048
3047
|
};
|
|
3049
|
-
return /* @__PURE__ */ a(
|
|
3048
|
+
return /* @__PURE__ */ a(Y, { children: [
|
|
3050
3049
|
/* @__PURE__ */ e(
|
|
3051
3050
|
k,
|
|
3052
3051
|
{
|
|
@@ -3090,10 +3089,10 @@ const Eo = ({ total: t }) => {
|
|
|
3090
3089
|
}
|
|
3091
3090
|
),
|
|
3092
3091
|
r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
|
|
3093
|
-
|
|
3092
|
+
yo,
|
|
3094
3093
|
{
|
|
3095
3094
|
sx: {
|
|
3096
|
-
[`& .${
|
|
3095
|
+
[`& .${fo.root}:before`]: {
|
|
3097
3096
|
flex: 0,
|
|
3098
3097
|
padding: 0
|
|
3099
3098
|
},
|
|
@@ -3104,7 +3103,7 @@ const Eo = ({ total: t }) => {
|
|
|
3104
3103
|
/* @__PURE__ */ e(
|
|
3105
3104
|
lt,
|
|
3106
3105
|
{
|
|
3107
|
-
content:
|
|
3106
|
+
content: K(
|
|
3108
3107
|
n.spend_to_income_description,
|
|
3109
3108
|
Oe(c),
|
|
3110
3109
|
Oe(l)
|
|
@@ -3114,7 +3113,7 @@ const Eo = ({ total: t }) => {
|
|
|
3114
3113
|
/* @__PURE__ */ e(
|
|
3115
3114
|
lt,
|
|
3116
3115
|
{
|
|
3117
|
-
content:
|
|
3116
|
+
content: K(
|
|
3118
3117
|
n.credit_score_description,
|
|
3119
3118
|
i,
|
|
3120
3119
|
s
|
|
@@ -3127,8 +3126,8 @@ const Eo = ({ total: t }) => {
|
|
|
3127
3126
|
) })
|
|
3128
3127
|
] });
|
|
3129
3128
|
}, Yr = v(Vr), Xr = ({ isOpen: t, onClose: o }) => {
|
|
3130
|
-
const n =
|
|
3131
|
-
if (!s || !i) return /* @__PURE__ */ e(
|
|
3129
|
+
const n = G(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = L();
|
|
3130
|
+
if (!s || !i) return /* @__PURE__ */ e(ee, {});
|
|
3132
3131
|
const u = Ne(l.health_score || 0, r), h = _.slice().reverse();
|
|
3133
3132
|
return /* @__PURE__ */ e(
|
|
3134
3133
|
Pt,
|
|
@@ -3188,7 +3187,7 @@ const Eo = ({ total: t }) => {
|
|
|
3188
3187
|
}
|
|
3189
3188
|
);
|
|
3190
3189
|
}, qr = v(Xr), Ur = ({ copy: t }) => {
|
|
3191
|
-
const o =
|
|
3190
|
+
const o = G(), n = [
|
|
3192
3191
|
o.palette.chartMono.chartMono5,
|
|
3193
3192
|
o.palette.chartMono.chartMono4,
|
|
3194
3193
|
o.palette.chartMono.chartMono3,
|
|
@@ -3252,7 +3251,7 @@ const Eo = ({ total: t }) => {
|
|
|
3252
3251
|
return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
|
|
3253
3252
|
/* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
|
|
3254
3253
|
/* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
|
|
3255
|
-
/* @__PURE__ */ e(
|
|
3254
|
+
/* @__PURE__ */ e(V, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3256
3255
|
/* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3257
3256
|
] }),
|
|
3258
3257
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
|
|
@@ -3279,15 +3278,15 @@ const Eo = ({ total: t }) => {
|
|
|
3279
3278
|
}
|
|
3280
3279
|
},
|
|
3281
3280
|
children: [
|
|
3282
|
-
/* @__PURE__ */ e(
|
|
3283
|
-
|
|
3281
|
+
/* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
|
|
3282
|
+
ye,
|
|
3284
3283
|
{
|
|
3285
3284
|
primary: n.understand_your_habits,
|
|
3286
3285
|
secondary: n.understand_your_habits_description
|
|
3287
3286
|
}
|
|
3288
3287
|
) }),
|
|
3289
|
-
/* @__PURE__ */ e(
|
|
3290
|
-
|
|
3288
|
+
/* @__PURE__ */ e(ge, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
|
|
3289
|
+
ye,
|
|
3291
3290
|
{
|
|
3292
3291
|
primary: n.see_whats_possible,
|
|
3293
3292
|
secondary: n.see_whats_possible_description
|
|
@@ -3320,23 +3319,23 @@ const Eo = ({ total: t }) => {
|
|
|
3320
3319
|
}
|
|
3321
3320
|
},
|
|
3322
3321
|
children: [
|
|
3323
|
-
/* @__PURE__ */ e(
|
|
3324
|
-
/* @__PURE__ */ e(
|
|
3322
|
+
/* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_1 }) }),
|
|
3323
|
+
/* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_2 }) })
|
|
3325
3324
|
]
|
|
3326
3325
|
}
|
|
3327
3326
|
)
|
|
3328
3327
|
] })
|
|
3329
|
-
] }) }) : /* @__PURE__ */ e(
|
|
3328
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
3330
3329
|
}, Zr = v(Qr), Jr = v(() => {
|
|
3331
|
-
const [t, o] = m.useState(!1), n =
|
|
3332
|
-
return !c || !l ? /* @__PURE__ */ e(
|
|
3330
|
+
const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
|
|
3331
|
+
return !c || !l ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ a(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
3333
3332
|
/* @__PURE__ */ e(
|
|
3334
|
-
|
|
3333
|
+
Do,
|
|
3335
3334
|
{
|
|
3336
3335
|
action: /* @__PURE__ */ e(
|
|
3337
3336
|
B,
|
|
3338
3337
|
{
|
|
3339
|
-
endIcon: /* @__PURE__ */ e(
|
|
3338
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3340
3339
|
onClick: () => o(!0),
|
|
3341
3340
|
sx: {
|
|
3342
3341
|
fontSize: 13,
|
|
@@ -3348,7 +3347,7 @@ const Eo = ({ total: t }) => {
|
|
|
3348
3347
|
children: i.financial_strength_header_action
|
|
3349
3348
|
}
|
|
3350
3349
|
),
|
|
3351
|
-
subheader: /* @__PURE__ */ e(
|
|
3350
|
+
subheader: /* @__PURE__ */ e(V, { color: "text.primary", children: i.financial_strength_header }),
|
|
3352
3351
|
sx: {
|
|
3353
3352
|
p: 0,
|
|
3354
3353
|
"& .MuiCardHeader-content": {
|
|
@@ -3367,7 +3366,7 @@ const Eo = ({ total: t }) => {
|
|
|
3367
3366
|
}
|
|
3368
3367
|
) }),
|
|
3369
3368
|
_?.health_score ? /* @__PURE__ */ a(
|
|
3370
|
-
|
|
3369
|
+
wo,
|
|
3371
3370
|
{
|
|
3372
3371
|
sx: {
|
|
3373
3372
|
px: 16,
|
|
@@ -3382,7 +3381,7 @@ const Eo = ({ total: t }) => {
|
|
|
3382
3381
|
},
|
|
3383
3382
|
children: [
|
|
3384
3383
|
/* @__PURE__ */ e(
|
|
3385
|
-
|
|
3384
|
+
Mo,
|
|
3386
3385
|
{
|
|
3387
3386
|
expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
|
|
3388
3387
|
sx: {
|
|
@@ -3395,7 +3394,7 @@ const Eo = ({ total: t }) => {
|
|
|
3395
3394
|
children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
|
|
3396
3395
|
}
|
|
3397
3396
|
),
|
|
3398
|
-
/* @__PURE__ */ e(
|
|
3397
|
+
/* @__PURE__ */ e(ko, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
|
|
3399
3398
|
]
|
|
3400
3399
|
}
|
|
3401
3400
|
) : /* @__PURE__ */ e(
|
|
@@ -3428,7 +3427,7 @@ const Eo = ({ total: t }) => {
|
|
|
3428
3427
|
)
|
|
3429
3428
|
] });
|
|
3430
3429
|
}), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
|
|
3431
|
-
const { visibleAccounts: r } =
|
|
3430
|
+
const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
|
|
3432
3431
|
augmentedChartData: u,
|
|
3433
3432
|
calculateHealthScore: h,
|
|
3434
3433
|
healthScore: y,
|
|
@@ -3436,22 +3435,21 @@ const Eo = ({ total: t }) => {
|
|
|
3436
3435
|
loadMonthlySummaries: w,
|
|
3437
3436
|
loadPeerScore: S,
|
|
3438
3437
|
peerScore: D
|
|
3439
|
-
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), {
|
|
3440
|
-
if (
|
|
3441
|
-
|
|
3442
|
-
isLoaded: z
|
|
3443
|
-
}), m.useEffect(() => {
|
|
3444
|
-
l(T);
|
|
3438
|
+
} = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { onLoad: F } = Bn(), { loadRepeatingTransactions: U } = Ve(), { isMobile: W } = qe(), O = G(), { userProfile: E } = J(), [pe, Ce] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
|
|
3439
|
+
if (m.useEffect(() => {
|
|
3440
|
+
l(O);
|
|
3445
3441
|
}, []), m.useEffect(() => {
|
|
3446
3442
|
n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
|
|
3447
3443
|
}, [n, d]), m.useEffect(() => {
|
|
3448
|
-
P && (w().finally(), S().finally(), h().finally(), f().finally()
|
|
3444
|
+
P && (w().finally(), S().finally(), h().finally(), f().finally(() => {
|
|
3445
|
+
F?.("FinstrongWidget");
|
|
3446
|
+
}));
|
|
3449
3447
|
}, [P]), m.useEffect(() => {
|
|
3450
3448
|
P && (_(r, s.start, s.end).finally(() => {
|
|
3451
|
-
|
|
3452
|
-
}), i || (c(),
|
|
3453
|
-
}, [s, i, P, r]), !b || !P || !
|
|
3454
|
-
const
|
|
3449
|
+
Ce(!0);
|
|
3450
|
+
}), i || (c(), U().finally()));
|
|
3451
|
+
}, [s, i, P, r]), !b || !P || !pe) return /* @__PURE__ */ e(ee, {});
|
|
3452
|
+
const ae = () => j(!0), _e = Math.round(D?.average_health_score?.average_health_score || 0);
|
|
3455
3453
|
return /* @__PURE__ */ a(
|
|
3456
3454
|
Io,
|
|
3457
3455
|
{
|
|
@@ -3459,7 +3457,7 @@ const Eo = ({ total: t }) => {
|
|
|
3459
3457
|
{
|
|
3460
3458
|
iconName: "person",
|
|
3461
3459
|
label: C.profile,
|
|
3462
|
-
onClick:
|
|
3460
|
+
onClick: ae
|
|
3463
3461
|
}
|
|
3464
3462
|
],
|
|
3465
3463
|
hasDivider: !0,
|
|
@@ -3467,7 +3465,7 @@ const Eo = ({ total: t }) => {
|
|
|
3467
3465
|
sx: o,
|
|
3468
3466
|
title: C.title,
|
|
3469
3467
|
children: [
|
|
3470
|
-
|
|
3468
|
+
E.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
|
|
3471
3469
|
p,
|
|
3472
3470
|
{
|
|
3473
3471
|
sx: {
|
|
@@ -3475,7 +3473,7 @@ const Eo = ({ total: t }) => {
|
|
|
3475
3473
|
flexDirection: { md: "row" },
|
|
3476
3474
|
gap: 24,
|
|
3477
3475
|
justifyContent: "center",
|
|
3478
|
-
pt:
|
|
3476
|
+
pt: W ? 24 : 16,
|
|
3479
3477
|
px: 24
|
|
3480
3478
|
},
|
|
3481
3479
|
children: [
|
|
@@ -3490,14 +3488,14 @@ const Eo = ({ total: t }) => {
|
|
|
3490
3488
|
}
|
|
3491
3489
|
)
|
|
3492
3490
|
] }),
|
|
3493
|
-
/* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(
|
|
3491
|
+
/* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(Y, { sx: { height: "100%", p: 16 }, children: [
|
|
3494
3492
|
/* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
3495
|
-
/* @__PURE__ */ e(
|
|
3493
|
+
/* @__PURE__ */ e(V, { children: C.key_indicators }),
|
|
3496
3494
|
/* @__PURE__ */ e(
|
|
3497
3495
|
B,
|
|
3498
3496
|
{
|
|
3499
|
-
endIcon: /* @__PURE__ */ e(
|
|
3500
|
-
onClick: () =>
|
|
3497
|
+
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3498
|
+
onClick: () => H(!0),
|
|
3501
3499
|
sx: {
|
|
3502
3500
|
fontSize: 13
|
|
3503
3501
|
},
|
|
@@ -3509,9 +3507,9 @@ const Eo = ({ total: t }) => {
|
|
|
3509
3507
|
u.length ? /* @__PURE__ */ e(
|
|
3510
3508
|
Ye,
|
|
3511
3509
|
{
|
|
3512
|
-
axisColor:
|
|
3510
|
+
axisColor: O.palette.divider,
|
|
3513
3511
|
baseline: "min",
|
|
3514
|
-
colors: [
|
|
3512
|
+
colors: [O.palette.primary.main],
|
|
3515
3513
|
curveType: "natural",
|
|
3516
3514
|
customLegendBoxSx: { borderRadius: "2px" },
|
|
3517
3515
|
customLegendSx: { left: 0 },
|
|
@@ -3519,12 +3517,12 @@ const Eo = ({ total: t }) => {
|
|
|
3519
3517
|
datasets: [u],
|
|
3520
3518
|
height: 300,
|
|
3521
3519
|
isGraphClippingXAxis: !0,
|
|
3522
|
-
labelBackgroundColor:
|
|
3523
|
-
labelFontColor:
|
|
3524
|
-
labelFontSize: typeof
|
|
3520
|
+
labelBackgroundColor: O.palette.border.dark,
|
|
3521
|
+
labelFontColor: O.palette.common.white,
|
|
3522
|
+
labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
|
|
3525
3523
|
labels: [C.key_indicators_label],
|
|
3526
3524
|
margin: { right: 0, left: 25 },
|
|
3527
|
-
peerAverage:
|
|
3525
|
+
peerAverage: _e,
|
|
3528
3526
|
showArea: !0,
|
|
3529
3527
|
showAverage: !0,
|
|
3530
3528
|
showLegend: !0,
|
|
@@ -3534,37 +3532,37 @@ const Eo = ({ total: t }) => {
|
|
|
3534
3532
|
useCustomMark: !0,
|
|
3535
3533
|
xAxisScaleType: "band"
|
|
3536
3534
|
}
|
|
3537
|
-
) : /* @__PURE__ */ e(Or, { onClick: () =>
|
|
3535
|
+
) : /* @__PURE__ */ e(Or, { onClick: () => N(!0) }),
|
|
3538
3536
|
y.health_score !== null && /* @__PURE__ */ e(Ar, {})
|
|
3539
3537
|
] }) })
|
|
3540
3538
|
]
|
|
3541
3539
|
}
|
|
3542
3540
|
) : /* @__PURE__ */ e(Er, {}),
|
|
3543
|
-
/* @__PURE__ */ e(Kr, { isOpen:
|
|
3541
|
+
/* @__PURE__ */ e(Kr, { isOpen: te, onClose: () => j(!1) }),
|
|
3544
3542
|
/* @__PURE__ */ e(
|
|
3545
3543
|
re,
|
|
3546
3544
|
{
|
|
3547
|
-
onClose: () =>
|
|
3548
|
-
showConnectWidget:
|
|
3545
|
+
onClose: () => N(!1),
|
|
3546
|
+
showConnectWidget: we,
|
|
3549
3547
|
title: g.mini_title
|
|
3550
3548
|
}
|
|
3551
3549
|
),
|
|
3552
3550
|
/* @__PURE__ */ e(
|
|
3553
3551
|
qr,
|
|
3554
3552
|
{
|
|
3555
|
-
isOpen:
|
|
3556
|
-
onClose: () =>
|
|
3553
|
+
isOpen: ve,
|
|
3554
|
+
onClose: () => H(!1)
|
|
3557
3555
|
}
|
|
3558
3556
|
)
|
|
3559
3557
|
]
|
|
3560
3558
|
}
|
|
3561
3559
|
);
|
|
3562
|
-
},
|
|
3560
|
+
}, yi = v(ea);
|
|
3563
3561
|
export {
|
|
3564
3562
|
To as CreditScoreGraph,
|
|
3565
3563
|
Ft as DialScoreCard,
|
|
3566
3564
|
Rt as FinancialStrengthGraph,
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3565
|
+
xi as FinstrongApi,
|
|
3566
|
+
Si as FinstrongStore,
|
|
3567
|
+
yi as FinstrongWidget
|
|
3570
3568
|
};
|