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