@mx-cartographer/experiences 7.2.14-alpha.san4 → 7.2.14-alpha.san6
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/dist/{FinstrongStore-bkPQR8ln.mjs → FinstrongStore-1MFI6RcM.mjs} +47 -44
- package/dist/common/index.es.js +1 -1
- package/dist/finstrong/components/KeyIndicatorsTabItemDrawer.d.ts +1 -1
- package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent.d.ts +1 -4
- package/dist/finstrong/index.es.js +851 -852
- package/dist/finstrong/stores/FinstrongStore.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import C from "@mui/material/Box";
|
|
3
3
|
import u 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 _n, BarPlot as hn } from "@mui/x-charts";
|
|
6
6
|
import { TrendingUp as gt, ArrowRightAlt as mn, TrendingDown as gn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as yn, Cancel as bn, Savings as fn, ContentCopy as xn, Add as ft, Cardiology as Sn, Payments as Cn, CalendarMonth as vn, ExpandMore as wn } from "@mxenabled/mx-icons";
|
|
7
7
|
import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as kn, Icon as Mn } from "@mxenabled/mxui";
|
|
8
|
-
import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as
|
|
9
|
-
import { y as Gi, F as Hi } from "../FinstrongStore-
|
|
8
|
+
import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as ve, e as we, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as Wn, v as $n, w as zn, A as ee, x as En, P as Gn } from "../FinstrongStore-1MFI6RcM.mjs";
|
|
9
|
+
import { y as Gi, F as Hi } from "../FinstrongStore-1MFI6RcM.mjs";
|
|
10
10
|
import * as st from "d3";
|
|
11
11
|
import { observer as S } from "mobx-react-lite";
|
|
12
|
-
import { u as
|
|
12
|
+
import { u as v, b as j, p as Q, z as F, q as Hn, a as kt, d as Me, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
|
|
13
13
|
import { L as J } from "../Loader-DUaFpDGv.mjs";
|
|
14
14
|
import m from "react";
|
|
15
|
-
import
|
|
15
|
+
import W from "@mui/material/Button";
|
|
16
16
|
import K from "@mui/material/Card";
|
|
17
17
|
import { L as Xe } from "../LineChart-Ct9DNmhS.mjs";
|
|
18
18
|
import { C as Mt } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
|
|
19
|
-
import { l as
|
|
20
|
-
import
|
|
19
|
+
import { l as oe, g as Dt, A as He } from "../ConnectDrawer-CuUj16NH.mjs";
|
|
20
|
+
import pe from "@mui/material/Tab";
|
|
21
21
|
import qe from "@mui/material/Tabs";
|
|
22
22
|
import Oe from "@mui/material/TextField";
|
|
23
23
|
import { u as Ue } from "../useScreenSize-B6JyS_Lj.mjs";
|
|
24
24
|
import { D as Vn, f as Xn, a as qn } from "../Dialog-BPTr3qHE.mjs";
|
|
25
25
|
import { u as It } from "../useDimensions-27p2evRx.mjs";
|
|
26
26
|
import Un from "@mui/material/Chip";
|
|
27
|
-
import { D as
|
|
28
|
-
import
|
|
27
|
+
import { D as te } from "../Drawer-BEtCk82g.mjs";
|
|
28
|
+
import ne from "@mui/material/Divider";
|
|
29
29
|
import ye from "@mui/material/ListItem";
|
|
30
30
|
import At from "@mui/material/ListItemAvatar";
|
|
31
31
|
import be from "@mui/material/ListItemText";
|
|
@@ -41,7 +41,7 @@ import { h as Ze } from "../DateUtil-CBdcsyuk.mjs";
|
|
|
41
41
|
import { useVirtualizer as no } from "@tanstack/react-virtual";
|
|
42
42
|
import { u as oo, s as Ne, h as Ft, S as Pt, b as Bt, Z as ro } from "../TransactionDetails-CaJruWq3.mjs";
|
|
43
43
|
import { A as ao, W as io } from "../WidgetContainer-6dsjtOVg.mjs";
|
|
44
|
-
import { T as
|
|
44
|
+
import { T as ue } from "../TabContentContainer-j01JYR_7.mjs";
|
|
45
45
|
import { b as Y } from "../Localization-2MODESHW.mjs";
|
|
46
46
|
import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
|
|
47
47
|
import so from "@mui/material/useMediaQuery";
|
|
@@ -50,7 +50,7 @@ import { ChartsYAxis as lo } from "@mui/x-charts/ChartsYAxis";
|
|
|
50
50
|
import { ResponsiveChartContainer as po } from "@mui/x-charts/ResponsiveChartContainer";
|
|
51
51
|
import { useSpring as uo, animated as lt } from "@react-spring/web";
|
|
52
52
|
import { startOfMonth as Lt } from "date-fns/startOfMonth";
|
|
53
|
-
import { endOfMonth as
|
|
53
|
+
import { endOfMonth as Wt } from "date-fns/endOfMonth";
|
|
54
54
|
import { g as _o, S as ho, b as mo } from "../SpendingLegend-CW8mIzqd.mjs";
|
|
55
55
|
import { formatISO as go } from "date-fns/formatISO";
|
|
56
56
|
import { fromUnixTime as yo } from "date-fns/fromUnixTime";
|
|
@@ -58,7 +58,7 @@ import { startOfToday as dt } from "date-fns/startOfToday";
|
|
|
58
58
|
import { subDays as bo } from "date-fns/subDays";
|
|
59
59
|
import { c as fo, d as pt, S as xo, i as So } from "../ManageIncome-C3bINPG2.mjs";
|
|
60
60
|
import { LocalizationProvider as Co, DatePicker as vo, StaticDatePicker as wo } from "@mui/x-date-pickers";
|
|
61
|
-
import { AdapterDateFns as
|
|
61
|
+
import { AdapterDateFns as $t } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
62
62
|
import { R as ko } from "../RecurringSettings-B_mCFQhb.mjs";
|
|
63
63
|
import { LocalizationProvider as Mo } from "@mui/x-date-pickers/LocalizationProvider";
|
|
64
64
|
import { format as Do } from "date-fns/format";
|
|
@@ -70,60 +70,60 @@ import Fo from "@mui/lab/TimelineDot";
|
|
|
70
70
|
import Po from "@mui/lab/TimelineSeparator";
|
|
71
71
|
import Bo from "@mui/material/Accordion";
|
|
72
72
|
import Lo from "@mui/material/AccordionDetails";
|
|
73
|
-
import
|
|
74
|
-
import
|
|
73
|
+
import Wo from "@mui/material/AccordionSummary";
|
|
74
|
+
import $o from "@mui/material/CardHeader";
|
|
75
75
|
const zo = ({
|
|
76
76
|
dialScoreData: t,
|
|
77
77
|
dataIndex: r,
|
|
78
78
|
arcColor: n,
|
|
79
79
|
arcStartAngle: o,
|
|
80
|
-
totalAngularSpan:
|
|
81
|
-
centerX:
|
|
82
|
-
centerY:
|
|
80
|
+
totalAngularSpan: l,
|
|
81
|
+
centerX: a,
|
|
82
|
+
centerY: s,
|
|
83
83
|
arcRadius: p,
|
|
84
|
-
innerArcRadius:
|
|
84
|
+
innerArcRadius: c,
|
|
85
85
|
outterArcRadius: d,
|
|
86
86
|
progressEndAngle: _,
|
|
87
87
|
unitsPerSegment: h,
|
|
88
|
-
isFinacialStrengthGraph:
|
|
88
|
+
isFinacialStrengthGraph: b
|
|
89
89
|
}) => {
|
|
90
|
-
const f =
|
|
90
|
+
const f = E(), w = [
|
|
91
91
|
{ offset: "13.62%", color: f.palette.chartMono.chartMono2 },
|
|
92
92
|
{ offset: "36.67%", color: f.palette.chartMono.chartMono3 },
|
|
93
93
|
{ offset: "59.72%", color: f.palette.chartMono.chartMono4 },
|
|
94
94
|
{ offset: "83.46%", color: f.palette.chartMono.chartMono5 }
|
|
95
|
-
], [
|
|
95
|
+
], [y, D] = Dn(
|
|
96
96
|
t,
|
|
97
|
-
|
|
97
|
+
l,
|
|
98
98
|
o,
|
|
99
99
|
r
|
|
100
|
-
), [g,
|
|
101
|
-
|
|
100
|
+
), [g, x] = In(
|
|
101
|
+
y,
|
|
102
102
|
D,
|
|
103
103
|
r,
|
|
104
104
|
h,
|
|
105
105
|
_
|
|
106
|
-
), M = st.arc().innerRadius(
|
|
107
|
-
return /* @__PURE__ */
|
|
106
|
+
), M = st.arc().innerRadius(c).outerRadius(d).startAngle(y).endAngle(D).padAngle(0.02).cornerRadius(8), $ = st.arc().innerRadius(c).outerRadius(d).startAngle(g).endAngle(x).padAngle(0.02).cornerRadius(8);
|
|
107
|
+
return /* @__PURE__ */ i(z, { children: [
|
|
108
108
|
/* @__PURE__ */ e(
|
|
109
109
|
"path",
|
|
110
110
|
{
|
|
111
111
|
d: M({}),
|
|
112
|
-
fill:
|
|
112
|
+
fill: b ? f.palette.divider : n
|
|
113
113
|
}
|
|
114
114
|
),
|
|
115
|
-
|
|
115
|
+
b && /* @__PURE__ */ e("path", { d: $({}), fill: "url(#arcGradient)" }),
|
|
116
116
|
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
|
|
117
117
|
"linearGradient",
|
|
118
118
|
{
|
|
119
|
-
gradientTransform: `rotate(5, ${
|
|
119
|
+
gradientTransform: `rotate(5, ${a}, ${s})`,
|
|
120
120
|
gradientUnits: "userSpaceOnUse",
|
|
121
121
|
id: "arcGradient",
|
|
122
|
-
x1:
|
|
123
|
-
x2:
|
|
124
|
-
y1:
|
|
125
|
-
y2:
|
|
126
|
-
children:
|
|
122
|
+
x1: a + p * 0.8 * Math.cos(Math.PI / 1.35),
|
|
123
|
+
x2: a - p * 0.8 * Math.cos(Math.PI / 1.35),
|
|
124
|
+
y1: s + p * 0.8 * Math.sin(Math.PI / 1.35),
|
|
125
|
+
y2: s - p * 0.8 * Math.sin(Math.PI / 1.35),
|
|
126
|
+
children: w.map((G, H) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, H))
|
|
127
127
|
}
|
|
128
128
|
) })
|
|
129
129
|
] });
|
|
@@ -132,26 +132,26 @@ const zo = ({
|
|
|
132
132
|
healthScore: r,
|
|
133
133
|
size: n = "L",
|
|
134
134
|
dialScoreData: o,
|
|
135
|
-
minValue:
|
|
136
|
-
maxValue:
|
|
137
|
-
markerColor:
|
|
135
|
+
minValue: l = 0,
|
|
136
|
+
maxValue: a = 100,
|
|
137
|
+
markerColor: s,
|
|
138
138
|
healthScoreStatus: p,
|
|
139
|
-
footerCenterContent:
|
|
139
|
+
footerCenterContent: c,
|
|
140
140
|
footerLeftContent: d,
|
|
141
141
|
footerRightContent: _,
|
|
142
142
|
isFinacialStrengthGraph: h = !1
|
|
143
143
|
}) => {
|
|
144
|
-
const
|
|
144
|
+
const b = E(), f = -Math.PI / 1.35, w = Math.PI / 1.35, y = w - f, D = y / (a - l), g = (r - l) * D, x = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, $ = t, G = t * (1 - M), H = $ * 2.5, T = H / 2, V = H / 2, re = (G + $) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = An(re, x, ae), X = r / 25, se = {
|
|
145
145
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
146
146
|
M: { markerSize: 10, healthScoreFontSize: 48 },
|
|
147
147
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
148
|
-
},
|
|
149
|
-
return /* @__PURE__ */
|
|
148
|
+
}, ce = c === 0 ? mn : gn;
|
|
149
|
+
return /* @__PURE__ */ i(
|
|
150
150
|
u,
|
|
151
151
|
{
|
|
152
152
|
sx: {
|
|
153
|
-
width:
|
|
154
|
-
height:
|
|
153
|
+
width: H,
|
|
154
|
+
height: H,
|
|
155
155
|
position: "relative",
|
|
156
156
|
alignSelf: "center"
|
|
157
157
|
},
|
|
@@ -159,16 +159,16 @@ const zo = ({
|
|
|
159
159
|
/* @__PURE__ */ e(
|
|
160
160
|
_n,
|
|
161
161
|
{
|
|
162
|
-
height:
|
|
162
|
+
height: H,
|
|
163
163
|
margin: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
164
164
|
series: [
|
|
165
165
|
{
|
|
166
166
|
data: o,
|
|
167
|
-
innerRadius:
|
|
168
|
-
outerRadius:
|
|
167
|
+
innerRadius: G,
|
|
168
|
+
outerRadius: $,
|
|
169
169
|
startAngle: Math.round(rt(f)),
|
|
170
170
|
// Use Math.degrees to convert
|
|
171
|
-
endAngle: Math.round(rt(
|
|
171
|
+
endAngle: Math.round(rt(w))
|
|
172
172
|
// Use Math.degrees to convert
|
|
173
173
|
}
|
|
174
174
|
],
|
|
@@ -177,21 +177,21 @@ const zo = ({
|
|
|
177
177
|
legend: { hidden: !0 }
|
|
178
178
|
},
|
|
179
179
|
slots: {
|
|
180
|
-
pieArc: (
|
|
180
|
+
pieArc: (he) => /* @__PURE__ */ e(
|
|
181
181
|
zo,
|
|
182
182
|
{
|
|
183
|
-
arcColor:
|
|
183
|
+
arcColor: he.color,
|
|
184
184
|
arcRadius: t,
|
|
185
185
|
arcStartAngle: f,
|
|
186
|
-
centerX:
|
|
186
|
+
centerX: T,
|
|
187
187
|
centerY: V,
|
|
188
|
-
dataIndex:
|
|
188
|
+
dataIndex: he.dataIndex,
|
|
189
189
|
dialScoreData: o,
|
|
190
|
-
innerArcRadius:
|
|
190
|
+
innerArcRadius: G,
|
|
191
191
|
isFinacialStrengthGraph: h,
|
|
192
|
-
outterArcRadius:
|
|
193
|
-
progressEndAngle:
|
|
194
|
-
totalAngularSpan:
|
|
192
|
+
outterArcRadius: $,
|
|
193
|
+
progressEndAngle: x,
|
|
194
|
+
totalAngularSpan: y,
|
|
195
195
|
unitsPerSegment: X
|
|
196
196
|
}
|
|
197
197
|
)
|
|
@@ -201,31 +201,31 @@ const zo = ({
|
|
|
201
201
|
stroke: "none"
|
|
202
202
|
}
|
|
203
203
|
},
|
|
204
|
-
width:
|
|
205
|
-
children: r >=
|
|
204
|
+
width: H,
|
|
205
|
+
children: r >= l && r <= a && /* @__PURE__ */ e(
|
|
206
206
|
"circle",
|
|
207
207
|
{
|
|
208
|
-
cx:
|
|
209
|
-
cy: V +
|
|
210
|
-
fill:
|
|
211
|
-
r:
|
|
212
|
-
stroke: h ? "url(#arcGradient)" :
|
|
208
|
+
cx: T + Ce,
|
|
209
|
+
cy: V + ie,
|
|
210
|
+
fill: b.palette.common.white,
|
|
211
|
+
r: se[n].markerSize,
|
|
212
|
+
stroke: h ? "url(#arcGradient)" : s,
|
|
213
213
|
strokeWidth: n !== "SM" ? 3 : 1
|
|
214
214
|
}
|
|
215
215
|
)
|
|
216
216
|
}
|
|
217
217
|
),
|
|
218
218
|
/* @__PURE__ */ e(
|
|
219
|
-
|
|
219
|
+
C,
|
|
220
220
|
{
|
|
221
221
|
sx: {
|
|
222
222
|
position: "absolute",
|
|
223
223
|
top: `${V}px`,
|
|
224
|
-
left: `${
|
|
224
|
+
left: `${T}px`,
|
|
225
225
|
transform: "translate(-50%, -50%)",
|
|
226
226
|
textAlign: "center"
|
|
227
227
|
},
|
|
228
|
-
children: /* @__PURE__ */
|
|
228
|
+
children: /* @__PURE__ */ i(
|
|
229
229
|
u,
|
|
230
230
|
{
|
|
231
231
|
spacing: 1,
|
|
@@ -235,7 +235,7 @@ const zo = ({
|
|
|
235
235
|
k,
|
|
236
236
|
{
|
|
237
237
|
sx: {
|
|
238
|
-
fontSize:
|
|
238
|
+
fontSize: se[n].healthScoreFontSize,
|
|
239
239
|
lineHeight: n !== "SM" ? "48px" : "100%"
|
|
240
240
|
},
|
|
241
241
|
variant: "H1",
|
|
@@ -248,39 +248,39 @@ const zo = ({
|
|
|
248
248
|
)
|
|
249
249
|
}
|
|
250
250
|
),
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
c !== void 0 && /* @__PURE__ */ e(
|
|
252
|
+
C,
|
|
253
253
|
{
|
|
254
254
|
sx: {
|
|
255
255
|
position: "absolute",
|
|
256
256
|
top: `${V * 2 * 0.83}px`,
|
|
257
|
-
left: `${
|
|
257
|
+
left: `${T}px`,
|
|
258
258
|
transform: "translate(-50%, -50%)",
|
|
259
259
|
textAlign: "center"
|
|
260
260
|
},
|
|
261
|
-
children: typeof
|
|
262
|
-
|
|
261
|
+
children: typeof c == "number" ? /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
|
|
262
|
+
c > 0 ? /* @__PURE__ */ e(gt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(ce, { size: 16, sx: { color: "text.secondary" } }),
|
|
263
263
|
/* @__PURE__ */ e(
|
|
264
264
|
k,
|
|
265
265
|
{
|
|
266
266
|
sx: {
|
|
267
267
|
fontWeight: 600,
|
|
268
|
-
color:
|
|
268
|
+
color: c > 0 ? "success.main" : "text.secondary"
|
|
269
269
|
},
|
|
270
270
|
variant: "body1",
|
|
271
|
-
children:
|
|
271
|
+
children: c
|
|
272
272
|
}
|
|
273
273
|
)
|
|
274
|
-
] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children:
|
|
274
|
+
] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children: c })
|
|
275
275
|
}
|
|
276
276
|
),
|
|
277
277
|
d !== void 0 && /* @__PURE__ */ e(
|
|
278
|
-
|
|
278
|
+
C,
|
|
279
279
|
{
|
|
280
280
|
sx: {
|
|
281
281
|
position: "absolute",
|
|
282
282
|
top: `${V * 2 * 0.83}px`,
|
|
283
|
-
left: `${
|
|
283
|
+
left: `${T - T / 2}px`,
|
|
284
284
|
// shift left from center
|
|
285
285
|
transform: "translate(-50%, -50%)",
|
|
286
286
|
textAlign: "left"
|
|
@@ -289,12 +289,12 @@ const zo = ({
|
|
|
289
289
|
}
|
|
290
290
|
),
|
|
291
291
|
_ !== void 0 && /* @__PURE__ */ e(
|
|
292
|
-
|
|
292
|
+
C,
|
|
293
293
|
{
|
|
294
294
|
sx: {
|
|
295
295
|
position: "absolute",
|
|
296
296
|
top: `${V * 2 * 0.83}px`,
|
|
297
|
-
left: `${
|
|
297
|
+
left: `${T + T / 2}px`,
|
|
298
298
|
transform: "translate(-50%, -50%)",
|
|
299
299
|
textAlign: "right"
|
|
300
300
|
},
|
|
@@ -306,20 +306,20 @@ const zo = ({
|
|
|
306
306
|
);
|
|
307
307
|
}, Et = S(
|
|
308
308
|
({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
|
|
309
|
-
const
|
|
309
|
+
const l = [
|
|
310
310
|
{ id: 1, label: "Group A", value: 25 },
|
|
311
311
|
{ id: 2, label: "Group B", value: 25 },
|
|
312
312
|
{ id: 3, label: "Group C", value: 25 },
|
|
313
313
|
{ id: 4, label: "Group D", value: 25 }
|
|
314
|
-
], { finstrong:
|
|
314
|
+
], { finstrong: a } = v(), s = je(n, a);
|
|
315
315
|
return /* @__PURE__ */ e(
|
|
316
316
|
zt,
|
|
317
317
|
{
|
|
318
318
|
arcRadius: t,
|
|
319
|
-
dialScoreData:
|
|
320
|
-
footerCenterContent: r === "L" ?
|
|
319
|
+
dialScoreData: l,
|
|
320
|
+
footerCenterContent: r === "L" ? a.footer_center_content_updated_just_now : o,
|
|
321
321
|
healthScore: n,
|
|
322
|
-
healthScoreStatus:
|
|
322
|
+
healthScoreStatus: s.status,
|
|
323
323
|
isFinacialStrengthGraph: !0,
|
|
324
324
|
size: r
|
|
325
325
|
}
|
|
@@ -331,43 +331,43 @@ const zo = ({
|
|
|
331
331
|
size: r = "L",
|
|
332
332
|
healthScore: n,
|
|
333
333
|
maxValue: o = 850,
|
|
334
|
-
minValue:
|
|
335
|
-
footerCenterContent:
|
|
334
|
+
minValue: l = 300,
|
|
335
|
+
footerCenterContent: a
|
|
336
336
|
}) => {
|
|
337
|
-
const p =
|
|
337
|
+
const p = E().palette.mode === "dark", c = [
|
|
338
338
|
{
|
|
339
339
|
id: 1,
|
|
340
340
|
label: "Poor",
|
|
341
341
|
value: 29,
|
|
342
|
-
color: p ?
|
|
342
|
+
color: p ? ve.POOR : we.POOR
|
|
343
343
|
},
|
|
344
344
|
{
|
|
345
345
|
id: 2,
|
|
346
346
|
label: "Fair",
|
|
347
347
|
value: 25,
|
|
348
|
-
color: p ?
|
|
348
|
+
color: p ? ve.FAIR : we.FAIR
|
|
349
349
|
},
|
|
350
350
|
{
|
|
351
351
|
id: 3,
|
|
352
352
|
label: "Good",
|
|
353
353
|
value: 17,
|
|
354
|
-
color: p ?
|
|
354
|
+
color: p ? ve.GOOD : we.GOOD
|
|
355
355
|
},
|
|
356
356
|
{
|
|
357
357
|
id: 4,
|
|
358
358
|
label: "Very Good",
|
|
359
359
|
value: 17,
|
|
360
|
-
color: p ?
|
|
360
|
+
color: p ? ve.VERY_GOOD : we.VERY_GOOD
|
|
361
361
|
},
|
|
362
362
|
{
|
|
363
363
|
id: 5,
|
|
364
364
|
label: "Exceptional",
|
|
365
365
|
value: 12,
|
|
366
|
-
color: p ?
|
|
366
|
+
color: p ? ve.EXCEPTIONAL : we.EXCEPTIONAL
|
|
367
367
|
}
|
|
368
|
-
], { finstrong: d } =
|
|
368
|
+
], { finstrong: d } = v(), { isCopyLoaded: _ } = j();
|
|
369
369
|
if (!_) return /* @__PURE__ */ e(J, {});
|
|
370
|
-
const { status: h, color:
|
|
370
|
+
const { status: h, color: b = "none" } = St(
|
|
371
371
|
n,
|
|
372
372
|
p,
|
|
373
373
|
d.credit_score_status
|
|
@@ -376,15 +376,15 @@ const zo = ({
|
|
|
376
376
|
zt,
|
|
377
377
|
{
|
|
378
378
|
arcRadius: t,
|
|
379
|
-
dialScoreData:
|
|
380
|
-
footerCenterContent:
|
|
381
|
-
footerLeftContent:
|
|
379
|
+
dialScoreData: c,
|
|
380
|
+
footerCenterContent: a,
|
|
381
|
+
footerLeftContent: l,
|
|
382
382
|
footerRightContent: o,
|
|
383
383
|
healthScore: n,
|
|
384
384
|
healthScoreStatus: h,
|
|
385
|
-
markerColor:
|
|
385
|
+
markerColor: b,
|
|
386
386
|
maxValue: o,
|
|
387
|
-
minValue:
|
|
387
|
+
minValue: l,
|
|
388
388
|
size: r
|
|
389
389
|
}
|
|
390
390
|
);
|
|
@@ -394,13 +394,13 @@ const zo = ({
|
|
|
394
394
|
isDashboard: r = !1,
|
|
395
395
|
hasIcon: n = !0,
|
|
396
396
|
buttonText: o,
|
|
397
|
-
title:
|
|
398
|
-
titleDrawer:
|
|
399
|
-
description:
|
|
397
|
+
title: l,
|
|
398
|
+
titleDrawer: a,
|
|
399
|
+
description: s,
|
|
400
400
|
sx: p
|
|
401
401
|
}) => {
|
|
402
|
-
const [
|
|
403
|
-
return t ? /* @__PURE__ */
|
|
402
|
+
const [c, d] = m.useState(!1), { connect: _, finstrong: h } = v();
|
|
403
|
+
return t ? /* @__PURE__ */ i(
|
|
404
404
|
K,
|
|
405
405
|
{
|
|
406
406
|
sx: {
|
|
@@ -411,7 +411,7 @@ const zo = ({
|
|
|
411
411
|
...p
|
|
412
412
|
},
|
|
413
413
|
children: [
|
|
414
|
-
/* @__PURE__ */
|
|
414
|
+
/* @__PURE__ */ i(
|
|
415
415
|
u,
|
|
416
416
|
{
|
|
417
417
|
sx: {
|
|
@@ -420,7 +420,7 @@ const zo = ({
|
|
|
420
420
|
},
|
|
421
421
|
children: [
|
|
422
422
|
n && /* @__PURE__ */ e(yt, { sx: { height: 20, width: 20 } }),
|
|
423
|
-
/* @__PURE__ */ e(N, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children:
|
|
423
|
+
/* @__PURE__ */ e(N, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: l || h.connect_more_accounts_title })
|
|
424
424
|
]
|
|
425
425
|
}
|
|
426
426
|
),
|
|
@@ -430,11 +430,11 @@ const zo = ({
|
|
|
430
430
|
className: "connect-more-accounts-description",
|
|
431
431
|
sx: { color: "text.secondary", mt: 8 },
|
|
432
432
|
variant: "subtitle1",
|
|
433
|
-
children:
|
|
433
|
+
children: s || h.connect_more_accounts_description
|
|
434
434
|
}
|
|
435
435
|
),
|
|
436
436
|
/* @__PURE__ */ e(
|
|
437
|
-
|
|
437
|
+
W,
|
|
438
438
|
{
|
|
439
439
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
440
440
|
onClick: () => d(!0),
|
|
@@ -444,31 +444,31 @@ const zo = ({
|
|
|
444
444
|
}
|
|
445
445
|
),
|
|
446
446
|
t === "connectDrawer" && /* @__PURE__ */ e(
|
|
447
|
-
|
|
447
|
+
oe,
|
|
448
448
|
{
|
|
449
449
|
onClose: () => d(!1),
|
|
450
|
-
showConnectWidget:
|
|
451
|
-
title:
|
|
450
|
+
showConnectWidget: c,
|
|
451
|
+
title: a || _.mini_title
|
|
452
452
|
}
|
|
453
453
|
),
|
|
454
454
|
t === "connectionsDrawer" && /* @__PURE__ */ e(
|
|
455
455
|
Mt,
|
|
456
456
|
{
|
|
457
457
|
onClose: () => d(!1),
|
|
458
|
-
showConnectionsWidget:
|
|
459
|
-
title:
|
|
458
|
+
showConnectionsWidget: c,
|
|
459
|
+
title: a || _.mini_title
|
|
460
460
|
}
|
|
461
461
|
)
|
|
462
462
|
]
|
|
463
463
|
}
|
|
464
464
|
) : null;
|
|
465
465
|
};
|
|
466
|
-
var
|
|
466
|
+
var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
|
|
467
467
|
const Go = ({ isOpen: t, onClose: r }) => {
|
|
468
|
-
const { common: n, finstrong: o } =
|
|
469
|
-
r(), setTimeout(() =>
|
|
468
|
+
const { common: n, finstrong: o } = v(), { isMobile: l } = Ue(), { updateUser: a, user: s } = Q(), [p, c] = m.useState(s.credit_score || 0), d = !isNaN(p), _ = () => {
|
|
469
|
+
r(), setTimeout(() => c(s.credit_score || 0), 300);
|
|
470
470
|
}, h = () => {
|
|
471
|
-
!p || p ===
|
|
471
|
+
!p || p === s.credit_score || a({ ...s, credit_score: p });
|
|
472
472
|
};
|
|
473
473
|
return /* @__PURE__ */ e(
|
|
474
474
|
Vn,
|
|
@@ -483,14 +483,14 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
483
483
|
primaryText: n.save_button,
|
|
484
484
|
sx: {
|
|
485
485
|
"& .MuiDialog-paper": {
|
|
486
|
-
minWidth:
|
|
486
|
+
minWidth: l ? "100%" : 400
|
|
487
487
|
}
|
|
488
488
|
},
|
|
489
489
|
children: /* @__PURE__ */ e(
|
|
490
490
|
"form",
|
|
491
491
|
{
|
|
492
|
-
onSubmit: (
|
|
493
|
-
|
|
492
|
+
onSubmit: (b) => {
|
|
493
|
+
b.preventDefault(), h(), _();
|
|
494
494
|
},
|
|
495
495
|
children: /* @__PURE__ */ e(
|
|
496
496
|
Oe,
|
|
@@ -502,7 +502,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
502
502
|
noValidate: !0,
|
|
503
503
|
pattern: "[0-9]*"
|
|
504
504
|
},
|
|
505
|
-
onChange: (
|
|
505
|
+
onChange: (b) => c(Number(b.target.value)),
|
|
506
506
|
value: d ? p : ""
|
|
507
507
|
}
|
|
508
508
|
)
|
|
@@ -514,11 +514,11 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
514
514
|
credit_over_time_title: "Your Credit Over Time",
|
|
515
515
|
credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
|
|
516
516
|
}, Ho = ({ chartFor: t }) => {
|
|
517
|
-
const r =
|
|
517
|
+
const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: l } = Q(), { finstrong: a } = v(), [s, { width: p }] = It(), c = {
|
|
518
518
|
savingsOverTime: {
|
|
519
519
|
icon: /* @__PURE__ */ e(gt, { size: 48, sx: { marginBottom: 8 } }),
|
|
520
|
-
title:
|
|
521
|
-
description:
|
|
520
|
+
title: a.key_indicators_save.zero_state_title,
|
|
521
|
+
description: a.key_indicators_save.zero_state_description
|
|
522
522
|
},
|
|
523
523
|
debtOverTime: {
|
|
524
524
|
icon: /* @__PURE__ */ e(bt, { size: 48, sx: { marginBottom: 8 } }),
|
|
@@ -532,33 +532,33 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
532
532
|
}
|
|
533
533
|
}[t], _ = {
|
|
534
534
|
savingsOverTime: {
|
|
535
|
-
title:
|
|
535
|
+
title: a.key_indicators_save.savings_over_time,
|
|
536
536
|
valueKey: "available_cash"
|
|
537
537
|
},
|
|
538
538
|
debtOverTime: {
|
|
539
|
-
title:
|
|
539
|
+
title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
|
|
540
540
|
valueKey: "debt_balance"
|
|
541
541
|
},
|
|
542
542
|
creditOverTime: {
|
|
543
543
|
title: ze.credit_over_time_title,
|
|
544
544
|
valueKey: "credit_score"
|
|
545
545
|
}
|
|
546
|
-
}[t], h = Tn(o, _.valueKey),
|
|
547
|
-
let
|
|
546
|
+
}[t], h = Tn(o, _.valueKey), b = Math.max(...o.map((M) => M[_.valueKey])), f = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: w, leftMargin: y } = f(), D = _.title, g = t === "creditOverTime";
|
|
547
|
+
let x;
|
|
548
548
|
if (g) {
|
|
549
549
|
const { color: M } = St(
|
|
550
|
-
|
|
550
|
+
l?.credit_score ?? 0,
|
|
551
551
|
n,
|
|
552
|
-
|
|
552
|
+
a.credit_score_status
|
|
553
553
|
);
|
|
554
|
-
|
|
554
|
+
x = M;
|
|
555
555
|
}
|
|
556
|
-
return /* @__PURE__ */ e(K, { ref:
|
|
556
|
+
return /* @__PURE__ */ e(K, { ref: s, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
|
|
557
557
|
/* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: D }),
|
|
558
558
|
/* @__PURE__ */ e(
|
|
559
559
|
Xe,
|
|
560
560
|
{
|
|
561
|
-
areaColor:
|
|
561
|
+
areaColor: x,
|
|
562
562
|
axisColor: r.palette.divider,
|
|
563
563
|
baseline: "min",
|
|
564
564
|
chartFor: t,
|
|
@@ -568,8 +568,8 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
568
568
|
height: 244,
|
|
569
569
|
labelFontColor: g ? "text.primary" : "",
|
|
570
570
|
labelFontSize: g ? 13 : void 0,
|
|
571
|
-
labels: [
|
|
572
|
-
margin: { left:
|
|
571
|
+
labels: [a.key_indicators_label],
|
|
572
|
+
margin: { left: y, top: g ? 25 : 15, right: 20 },
|
|
573
573
|
markStyles: (M) => g ? {
|
|
574
574
|
markLabelStyles: {
|
|
575
575
|
marginLeft: 16,
|
|
@@ -587,20 +587,20 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
587
587
|
showYAxis: g,
|
|
588
588
|
showYAxisTicks: g,
|
|
589
589
|
useCustomMark: !0,
|
|
590
|
-
valueFormatterString: g ? void 0 :
|
|
590
|
+
valueFormatterString: g ? void 0 : w,
|
|
591
591
|
width: p < 342 ? p - 48 : 342
|
|
592
592
|
}
|
|
593
593
|
)
|
|
594
|
-
] }) : /* @__PURE__ */
|
|
595
|
-
|
|
596
|
-
/* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children:
|
|
597
|
-
/* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children:
|
|
594
|
+
] }) : /* @__PURE__ */ i(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
|
|
595
|
+
c.icon,
|
|
596
|
+
/* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: c.title }),
|
|
597
|
+
/* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: c.description })
|
|
598
598
|
] }) });
|
|
599
599
|
}, Qe = S(Ho), No = {
|
|
600
600
|
updated_score: "Updated Score"
|
|
601
601
|
}, Ko = () => {
|
|
602
|
-
const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [
|
|
603
|
-
return /* @__PURE__ */
|
|
602
|
+
const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [l, a] = m.useState(!1);
|
|
603
|
+
return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
|
|
604
604
|
/* @__PURE__ */ e(
|
|
605
605
|
Eo,
|
|
606
606
|
{
|
|
@@ -610,12 +610,12 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
610
610
|
size: o ? "M" : "L"
|
|
611
611
|
}
|
|
612
612
|
),
|
|
613
|
-
/* @__PURE__ */ e(
|
|
614
|
-
/* @__PURE__ */ e(Gt, { isOpen:
|
|
613
|
+
/* @__PURE__ */ e(W, { onClick: () => a(!0), variant: "contained", children: No.updated_score }),
|
|
614
|
+
/* @__PURE__ */ e(Gt, { isOpen: l, onClose: () => a(!1) }),
|
|
615
615
|
/* @__PURE__ */ e(Qe, { chartFor: "creditOverTime" })
|
|
616
616
|
] });
|
|
617
617
|
}, jo = S(Ko), Le = ({ status: t }) => {
|
|
618
|
-
const { finstrong: r } =
|
|
618
|
+
const { finstrong: r } = v(), n = On(Rn[t]), o = {
|
|
619
619
|
GOOD: r.key_indicators_good,
|
|
620
620
|
FAIR: r.key_indicators_fair,
|
|
621
621
|
OFF_TRACK: r.key_indicators_off_track,
|
|
@@ -646,7 +646,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
646
646
|
keep_strong_credit_score: "Keep a Strong Credit Score"
|
|
647
647
|
}, Vo = () => {
|
|
648
648
|
const { user: t } = Q(), r = Ct(t.credit_score ?? null);
|
|
649
|
-
return /* @__PURE__ */
|
|
649
|
+
return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
650
650
|
/* @__PURE__ */ e(N, { children: Yo.keep_strong_credit_score }),
|
|
651
651
|
/* @__PURE__ */ e(Le, { status: r })
|
|
652
652
|
] });
|
|
@@ -655,18 +655,18 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
655
655
|
connectTitle: r,
|
|
656
656
|
connectDescription: n,
|
|
657
657
|
children: o,
|
|
658
|
-
description:
|
|
659
|
-
drawerTitle:
|
|
660
|
-
isOpen:
|
|
658
|
+
description: l,
|
|
659
|
+
drawerTitle: a,
|
|
660
|
+
isOpen: s,
|
|
661
661
|
loadConnectAccountsCard: p = !0,
|
|
662
|
-
onClose:
|
|
662
|
+
onClose: c,
|
|
663
663
|
stickyComponent: d,
|
|
664
664
|
title: _,
|
|
665
665
|
drawerType: h
|
|
666
666
|
}) => {
|
|
667
|
-
const { finstrong:
|
|
668
|
-
return f ? /* @__PURE__ */
|
|
669
|
-
(_ ||
|
|
667
|
+
const { finstrong: b } = v(), { isCopyLoaded: f } = j();
|
|
668
|
+
return f ? /* @__PURE__ */ i(te, { isOpen: s, onClose: c, title: a || b.key_indicators, children: [
|
|
669
|
+
(_ || l) && /* @__PURE__ */ i(
|
|
670
670
|
u,
|
|
671
671
|
{
|
|
672
672
|
sx: {
|
|
@@ -676,12 +676,12 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
676
676
|
},
|
|
677
677
|
children: [
|
|
678
678
|
_ && typeof _ == "string" ? /* @__PURE__ */ e(N, { children: _ }) : _,
|
|
679
|
-
|
|
679
|
+
l && /* @__PURE__ */ e(k, { sx: { lineHeight: "24px" }, children: l })
|
|
680
680
|
]
|
|
681
681
|
}
|
|
682
682
|
),
|
|
683
683
|
d && /* @__PURE__ */ e(
|
|
684
|
-
|
|
684
|
+
C,
|
|
685
685
|
{
|
|
686
686
|
sx: {
|
|
687
687
|
position: "sticky",
|
|
@@ -691,8 +691,8 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
691
691
|
children: d
|
|
692
692
|
}
|
|
693
693
|
),
|
|
694
|
-
t && /* @__PURE__ */ e(
|
|
695
|
-
/* @__PURE__ */
|
|
694
|
+
t && /* @__PURE__ */ e(C, { children: t }),
|
|
695
|
+
/* @__PURE__ */ i(u, { sx: { p: 24, gap: 24 }, children: [
|
|
696
696
|
o,
|
|
697
697
|
p && /* @__PURE__ */ e(
|
|
698
698
|
Be,
|
|
@@ -711,122 +711,122 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
711
711
|
shouldShowBalance: r = !0,
|
|
712
712
|
loadAccounts: n
|
|
713
713
|
}) => {
|
|
714
|
-
const { config: o } = kt(), { accounts:
|
|
715
|
-
(
|
|
716
|
-
t?.(
|
|
714
|
+
const { config: o } = kt(), { accounts: l } = v(), { selectedAccounts: a } = j(), s = m.useCallback(
|
|
715
|
+
(c) => {
|
|
716
|
+
t?.(c);
|
|
717
717
|
},
|
|
718
718
|
[t]
|
|
719
719
|
), p = m.useMemo(
|
|
720
|
-
() => Array.from(new Set(
|
|
721
|
-
(
|
|
720
|
+
() => Array.from(new Set(a.map((c) => c.account_type))).filter(
|
|
721
|
+
(c) => n ? n.includes(c) : !0
|
|
722
722
|
),
|
|
723
|
-
[
|
|
723
|
+
[a, n]
|
|
724
724
|
);
|
|
725
|
-
return
|
|
726
|
-
const { accountsForType: d, totalBalanceForType: _ } =
|
|
727
|
-
(h,
|
|
725
|
+
return a.length ? /* @__PURE__ */ e(m.Fragment, { children: p.map((c) => {
|
|
726
|
+
const { accountsForType: d, totalBalanceForType: _ } = a.reduce(
|
|
727
|
+
(h, b) => (b.account_type === c && (h.accountsForType.push(b), h.totalBalanceForType += b.balance || 0), h),
|
|
728
728
|
{ accountsForType: [], totalBalanceForType: 0 }
|
|
729
729
|
);
|
|
730
|
-
return /* @__PURE__ */
|
|
730
|
+
return /* @__PURE__ */ i(
|
|
731
731
|
Re,
|
|
732
732
|
{
|
|
733
|
-
subheader: /* @__PURE__ */ e(Qn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */
|
|
734
|
-
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children:
|
|
733
|
+
subheader: /* @__PURE__ */ e(Qn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
734
|
+
/* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: l.account_types[c] }),
|
|
735
735
|
r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: L(_, "0,0.00") })
|
|
736
736
|
] }) }),
|
|
737
737
|
sx: { bgcolor: "background.paper" },
|
|
738
738
|
children: [
|
|
739
|
-
d.map((h,
|
|
740
|
-
const { firstValue: f } = Tt(h,
|
|
739
|
+
d.map((h, b) => {
|
|
740
|
+
const { firstValue: f } = Tt(h, l), w = Dt(h, {
|
|
741
741
|
allowNickname: o?.show_account_nicknames_in_master
|
|
742
|
-
}),
|
|
742
|
+
}), y = /* @__PURE__ */ i(z, { children: [
|
|
743
743
|
/* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
|
|
744
744
|
/* @__PURE__ */ e(
|
|
745
745
|
be,
|
|
746
746
|
{
|
|
747
|
-
primary: `${
|
|
747
|
+
primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
|
|
748
748
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
749
749
|
}
|
|
750
750
|
),
|
|
751
751
|
r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(f ?? 0, "0,0.00") })
|
|
752
752
|
] });
|
|
753
|
-
return /* @__PURE__ */
|
|
754
|
-
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () =>
|
|
755
|
-
|
|
753
|
+
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
754
|
+
/* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(h), children: y }) : y }),
|
|
755
|
+
b !== d.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
|
|
756
756
|
] }, h.guid);
|
|
757
757
|
}),
|
|
758
|
-
/* @__PURE__ */ e(
|
|
758
|
+
/* @__PURE__ */ e(ne, {})
|
|
759
759
|
]
|
|
760
760
|
},
|
|
761
|
-
|
|
761
|
+
c
|
|
762
762
|
);
|
|
763
763
|
}) }) : null;
|
|
764
764
|
}, Nt = S(Uo), Zo = ({ loadAccounts: t, loadMoreLabel: r }) => {
|
|
765
|
-
const n =
|
|
765
|
+
const n = E(), { config: o } = kt(), { connect: l, finstrong: a } = v(), { accounts: s } = v(), { selectedAccounts: p } = j(), [c, d] = m.useState(!1), [_, h] = m.useState(!1), b = m.useMemo(
|
|
766
766
|
() => p.filter(
|
|
767
|
-
(
|
|
767
|
+
(y) => t ? t.includes(y.account_type) : !0
|
|
768
768
|
),
|
|
769
769
|
[p, t]
|
|
770
|
-
), f = m.useMemo(() =>
|
|
771
|
-
const { firstValue: D } = Tt(
|
|
770
|
+
), f = m.useMemo(() => b.slice(0, 3), [b]), w = (y) => {
|
|
771
|
+
const { firstValue: D } = Tt(y, s);
|
|
772
772
|
return D;
|
|
773
773
|
};
|
|
774
|
-
return
|
|
775
|
-
/* @__PURE__ */ e(
|
|
776
|
-
/* @__PURE__ */
|
|
777
|
-
/* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid:
|
|
774
|
+
return b.length >= 1 ? /* @__PURE__ */ i(z, { children: [
|
|
775
|
+
/* @__PURE__ */ e(C, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((y, D) => /* @__PURE__ */ i(m.Fragment, { children: [
|
|
776
|
+
/* @__PURE__ */ i(ye, { sx: { px: 24 }, children: [
|
|
777
|
+
/* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
|
|
778
778
|
/* @__PURE__ */ e(
|
|
779
779
|
be,
|
|
780
780
|
{
|
|
781
|
-
primary: `${Dt(
|
|
781
|
+
primary: `${Dt(y, {
|
|
782
782
|
allowNickname: o?.show_account_nicknames_in_master
|
|
783
783
|
})}
|
|
784
|
-
${
|
|
784
|
+
${y.account_number ? ` *${y.account_number}` : ""}`,
|
|
785
785
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
786
786
|
}
|
|
787
787
|
),
|
|
788
|
-
/* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(
|
|
788
|
+
/* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(w(y), "0,0.00") })
|
|
789
789
|
] }),
|
|
790
|
-
D < f.length - 1 && /* @__PURE__ */ e(
|
|
791
|
-
] },
|
|
792
|
-
|
|
793
|
-
/* @__PURE__ */ e(
|
|
794
|
-
|
|
790
|
+
D < f.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
|
|
791
|
+
] }, y.guid)) }),
|
|
792
|
+
b.length > 3 && /* @__PURE__ */ i(z, { children: [
|
|
793
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
794
|
+
W,
|
|
795
795
|
{
|
|
796
796
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
797
797
|
onClick: () => d(!0),
|
|
798
798
|
size: "small",
|
|
799
799
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
800
|
-
children: /* @__PURE__ */
|
|
801
|
-
|
|
800
|
+
children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
|
|
801
|
+
b.length - 3,
|
|
802
802
|
" ",
|
|
803
803
|
r
|
|
804
804
|
] })
|
|
805
805
|
}
|
|
806
806
|
) }),
|
|
807
|
-
/* @__PURE__ */ e(
|
|
807
|
+
/* @__PURE__ */ e(te, { isOpen: c, onClose: () => d(!1), title: a.accounts, children: /* @__PURE__ */ e(Nt, { loadAccounts: t }) })
|
|
808
808
|
] })
|
|
809
|
-
] }) : /* @__PURE__ */
|
|
810
|
-
/* @__PURE__ */ e(
|
|
811
|
-
|
|
809
|
+
] }) : /* @__PURE__ */ i(z, { children: [
|
|
810
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
811
|
+
W,
|
|
812
812
|
{
|
|
813
813
|
onClick: () => h(!0),
|
|
814
814
|
size: "small",
|
|
815
815
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
816
816
|
variant: "contained",
|
|
817
|
-
children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children:
|
|
817
|
+
children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
|
|
818
818
|
}
|
|
819
819
|
) }),
|
|
820
820
|
/* @__PURE__ */ e(
|
|
821
|
-
|
|
821
|
+
oe,
|
|
822
822
|
{
|
|
823
823
|
onClose: () => h(!1),
|
|
824
824
|
showConnectWidget: _,
|
|
825
|
-
title:
|
|
825
|
+
title: l.mini_title
|
|
826
826
|
}
|
|
827
827
|
)
|
|
828
828
|
] });
|
|
829
|
-
}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */
|
|
829
|
+
}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
|
|
830
830
|
u,
|
|
831
831
|
{
|
|
832
832
|
sx: {
|
|
@@ -844,7 +844,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
|
|
|
844
844
|
]
|
|
845
845
|
}
|
|
846
846
|
);
|
|
847
|
-
var
|
|
847
|
+
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 || {}), ke = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(ke || {}), U = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(U || {});
|
|
848
848
|
const B = {
|
|
849
849
|
bi_weekly: "Bi-Weekly",
|
|
850
850
|
calculate: "Calculate",
|
|
@@ -875,44 +875,44 @@ const B = {
|
|
|
875
875
|
[U.Weekly]: B.estimated_period_weekly,
|
|
876
876
|
[U.Daily]: B.estimated_period_daily
|
|
877
877
|
}, er = [
|
|
878
|
-
{ id:
|
|
879
|
-
{ id:
|
|
880
|
-
{ id:
|
|
878
|
+
{ id: ke.Months, label: B.months },
|
|
879
|
+
{ id: ke.Years, label: B.years },
|
|
880
|
+
{ id: ke.Days, label: B.days }
|
|
881
881
|
], tr = ({ total: t }) => {
|
|
882
|
-
const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [
|
|
882
|
+
const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [l, a] = m.useState(at(t)), [s, p] = m.useState(
|
|
883
883
|
at(t)
|
|
884
|
-
), [
|
|
884
|
+
), [c, d] = m.useState(r), [_, h] = m.useState(Fn(t)), [b, f] = m.useState(ke.Months);
|
|
885
885
|
m.useEffect(() => {
|
|
886
886
|
o(
|
|
887
887
|
it({
|
|
888
|
-
contribution:
|
|
889
|
-
goalAmount:
|
|
888
|
+
contribution: s,
|
|
889
|
+
goalAmount: c,
|
|
890
890
|
goalPeriod: _,
|
|
891
|
-
targetPeriod:
|
|
891
|
+
targetPeriod: b,
|
|
892
892
|
totalSaved: t
|
|
893
893
|
})
|
|
894
|
-
),
|
|
894
|
+
), a(s);
|
|
895
895
|
}, []);
|
|
896
|
-
const
|
|
897
|
-
|
|
896
|
+
const w = (y) => {
|
|
897
|
+
y.preventDefault(), o(
|
|
898
898
|
it({
|
|
899
|
-
contribution:
|
|
900
|
-
goalAmount:
|
|
899
|
+
contribution: s,
|
|
900
|
+
goalAmount: c,
|
|
901
901
|
goalPeriod: _,
|
|
902
|
-
targetPeriod:
|
|
902
|
+
targetPeriod: b,
|
|
903
903
|
totalSaved: t
|
|
904
904
|
})
|
|
905
|
-
),
|
|
905
|
+
), a(s);
|
|
906
906
|
};
|
|
907
|
-
return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit:
|
|
907
|
+
return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: w, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
|
|
908
908
|
/* @__PURE__ */ e(
|
|
909
909
|
Se,
|
|
910
910
|
{
|
|
911
|
-
balance: /* @__PURE__ */
|
|
911
|
+
balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
|
|
912
912
|
/* @__PURE__ */ e(I, { variant: "h2", children: L(n, "0,0") }),
|
|
913
|
-
/* @__PURE__ */
|
|
913
|
+
/* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
|
|
914
914
|
"/",
|
|
915
|
-
Jo[
|
|
915
|
+
Jo[l]
|
|
916
916
|
] })
|
|
917
917
|
] }),
|
|
918
918
|
title: B.estimated_contribution
|
|
@@ -928,10 +928,10 @@ const B = {
|
|
|
928
928
|
pattern: "[0-9]*"
|
|
929
929
|
},
|
|
930
930
|
label: B.savings_goal,
|
|
931
|
-
onChange: (
|
|
932
|
-
|
|
931
|
+
onChange: (y) => {
|
|
932
|
+
y.target.value && d(Number(y.target.value.replace(/[^0-9]/g, "")));
|
|
933
933
|
},
|
|
934
|
-
value:
|
|
934
|
+
value: c ? L(c, "0,0") : ""
|
|
935
935
|
}
|
|
936
936
|
),
|
|
937
937
|
/* @__PURE__ */ e(
|
|
@@ -941,10 +941,10 @@ const B = {
|
|
|
941
941
|
onChange: p,
|
|
942
942
|
options: Qo,
|
|
943
943
|
required: !0,
|
|
944
|
-
value:
|
|
944
|
+
value: s
|
|
945
945
|
}
|
|
946
946
|
),
|
|
947
|
-
/* @__PURE__ */
|
|
947
|
+
/* @__PURE__ */ i(u, { sx: { flexDirection: "row" }, children: [
|
|
948
948
|
/* @__PURE__ */ e(
|
|
949
949
|
Oe,
|
|
950
950
|
{
|
|
@@ -955,7 +955,7 @@ const B = {
|
|
|
955
955
|
pattern: "[0-9]*"
|
|
956
956
|
},
|
|
957
957
|
label: B.meet_your_goal_within,
|
|
958
|
-
onChange: (
|
|
958
|
+
onChange: (y) => h(Number(y.target.value)),
|
|
959
959
|
sx: {
|
|
960
960
|
"& .MuiInputBase-root": {
|
|
961
961
|
borderBottomRightRadius: 0,
|
|
@@ -969,7 +969,7 @@ const B = {
|
|
|
969
969
|
}
|
|
970
970
|
),
|
|
971
971
|
/* @__PURE__ */ e(
|
|
972
|
-
|
|
972
|
+
C,
|
|
973
973
|
{
|
|
974
974
|
sx: {
|
|
975
975
|
"& .MuiInputBase-root": {
|
|
@@ -980,29 +980,29 @@ const B = {
|
|
|
980
980
|
}
|
|
981
981
|
}
|
|
982
982
|
},
|
|
983
|
-
children: /* @__PURE__ */ e(ct, { label: "", onChange: f, options: er, value:
|
|
983
|
+
children: /* @__PURE__ */ e(ct, { label: "", onChange: f, options: er, value: b })
|
|
984
984
|
}
|
|
985
985
|
)
|
|
986
986
|
] }),
|
|
987
|
-
/* @__PURE__ */ e(
|
|
987
|
+
/* @__PURE__ */ e(W, { fullWidth: !0, onClick: w, type: "submit", variant: "contained", children: B.calculate })
|
|
988
988
|
] }) }) });
|
|
989
989
|
}, nr = S(tr), Ae = {
|
|
990
990
|
connect_accounts: "Connect Accounts",
|
|
991
991
|
more_accounts: "More Accounts",
|
|
992
992
|
your_savings: "Your Savings"
|
|
993
993
|
}, or = () => {
|
|
994
|
-
const { savingsAccounts: t } =
|
|
995
|
-
() => t.reduce((
|
|
994
|
+
const { savingsAccounts: t } = Me(), [r, n] = m.useState(!1), o = m.useMemo(
|
|
995
|
+
() => t.reduce((l, a) => l + (a.balance ?? 0), 0),
|
|
996
996
|
[t]
|
|
997
997
|
);
|
|
998
|
-
return /* @__PURE__ */
|
|
999
|
-
/* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */
|
|
998
|
+
return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
|
|
999
|
+
/* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
|
|
1000
1000
|
/* @__PURE__ */ e(Se, { balance: o, title: Ae.your_savings }),
|
|
1001
1001
|
t.length ? /* @__PURE__ */ e(Kt, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(eo, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
|
|
1002
1002
|
] }) }),
|
|
1003
1003
|
/* @__PURE__ */ e(nr, { total: o }),
|
|
1004
1004
|
/* @__PURE__ */ e(
|
|
1005
|
-
|
|
1005
|
+
oe,
|
|
1006
1006
|
{
|
|
1007
1007
|
onClose: () => n(!1),
|
|
1008
1008
|
showConnectWidget: r,
|
|
@@ -1010,9 +1010,9 @@ const B = {
|
|
|
1010
1010
|
}
|
|
1011
1011
|
)
|
|
1012
1012
|
] });
|
|
1013
|
-
}, rr = S(or),
|
|
1014
|
-
({ label: t, value: r, status: n, bottomComponent: o, statusBarData:
|
|
1015
|
-
const
|
|
1013
|
+
}, rr = S(or), We = S(
|
|
1014
|
+
({ label: t, value: r, status: n, bottomComponent: o, statusBarData: l = [] }) => {
|
|
1015
|
+
const a = {
|
|
1016
1016
|
GOOD: {
|
|
1017
1017
|
progressBarColor: "primary.main"
|
|
1018
1018
|
},
|
|
@@ -1025,14 +1025,14 @@ const B = {
|
|
|
1025
1025
|
MISSING: {
|
|
1026
1026
|
progressBarColor: "text.secondary"
|
|
1027
1027
|
}
|
|
1028
|
-
}[n],
|
|
1029
|
-
color:
|
|
1028
|
+
}[n], s = l.map((p, c) => l.length === 2 ? {
|
|
1029
|
+
color: c === 0 ? "primary.main" : p.color || a?.progressBarColor,
|
|
1030
1030
|
percentage: p.percentage
|
|
1031
1031
|
} : {
|
|
1032
|
-
color: p.color ||
|
|
1032
|
+
color: p.color || a?.progressBarColor,
|
|
1033
1033
|
percentage: p.percentage
|
|
1034
1034
|
});
|
|
1035
|
-
return /* @__PURE__ */
|
|
1035
|
+
return /* @__PURE__ */ i(
|
|
1036
1036
|
u,
|
|
1037
1037
|
{
|
|
1038
1038
|
sx: {
|
|
@@ -1044,9 +1044,9 @@ const B = {
|
|
|
1044
1044
|
borderColor: "divider"
|
|
1045
1045
|
},
|
|
1046
1046
|
children: [
|
|
1047
|
-
/* @__PURE__ */
|
|
1047
|
+
/* @__PURE__ */ i(u, { sx: { gap: 2 }, children: [
|
|
1048
1048
|
/* @__PURE__ */ e(I, { variant: "body2", children: t }),
|
|
1049
|
-
/* @__PURE__ */
|
|
1049
|
+
/* @__PURE__ */ i(
|
|
1050
1050
|
u,
|
|
1051
1051
|
{
|
|
1052
1052
|
sx: {
|
|
@@ -1062,8 +1062,8 @@ const B = {
|
|
|
1062
1062
|
}
|
|
1063
1063
|
)
|
|
1064
1064
|
] }),
|
|
1065
|
-
/* @__PURE__ */
|
|
1066
|
-
/* @__PURE__ */ e(to, { data:
|
|
1065
|
+
/* @__PURE__ */ i(u, { children: [
|
|
1066
|
+
/* @__PURE__ */ e(to, { data: s, height: 16 }),
|
|
1067
1067
|
o
|
|
1068
1068
|
] })
|
|
1069
1069
|
]
|
|
@@ -1075,11 +1075,11 @@ const B = {
|
|
|
1075
1075
|
}, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
|
|
1076
1076
|
const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Pn(r), o = vt(r);
|
|
1077
1077
|
return /* @__PURE__ */ e(
|
|
1078
|
-
|
|
1078
|
+
We,
|
|
1079
1079
|
{
|
|
1080
|
-
bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((
|
|
1080
|
+
bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((l) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
|
|
1081
1081
|
/* @__PURE__ */ e(
|
|
1082
|
-
|
|
1082
|
+
ne,
|
|
1083
1083
|
{
|
|
1084
1084
|
orientation: "vertical",
|
|
1085
1085
|
sx: {
|
|
@@ -1089,8 +1089,8 @@ const B = {
|
|
|
1089
1089
|
}
|
|
1090
1090
|
}
|
|
1091
1091
|
),
|
|
1092
|
-
/* @__PURE__ */ e(I, { variant: "caption", children:
|
|
1093
|
-
] },
|
|
1092
|
+
/* @__PURE__ */ e(I, { variant: "caption", children: l })
|
|
1093
|
+
] }, l)) }),
|
|
1094
1094
|
label: ar.sticky_label,
|
|
1095
1095
|
status: o,
|
|
1096
1096
|
statusBarData: [
|
|
@@ -1106,30 +1106,30 @@ const B = {
|
|
|
1106
1106
|
bgcolor: r,
|
|
1107
1107
|
height: n = "calc(100dvh - 36px)",
|
|
1108
1108
|
loader: o = /* @__PURE__ */ e(J, { label: "Loading", size: 40 }),
|
|
1109
|
-
onClick:
|
|
1110
|
-
showInsights:
|
|
1111
|
-
showLoader:
|
|
1109
|
+
onClick: l,
|
|
1110
|
+
showInsights: a = !1,
|
|
1111
|
+
showLoader: s = !1,
|
|
1112
1112
|
width: p = "100%",
|
|
1113
|
-
zeroState:
|
|
1113
|
+
zeroState: c = /* @__PURE__ */ e(ro, {})
|
|
1114
1114
|
}) => {
|
|
1115
|
-
const { getCategoryName: d } = Ye(), { onEvent: _ } = Nn(), { categories: h } =
|
|
1116
|
-
const M = t.find((
|
|
1115
|
+
const { getCategoryName: d } = Ye(), { onEvent: _ } = Nn(), { categories: h } = v(), { clearExpandedSplits: b, setShowInsights: f, toggleSplit: w } = oo(), y = (x) => {
|
|
1116
|
+
const M = t.find(($) => $.guid === x);
|
|
1117
1117
|
if (M?.has_been_split) {
|
|
1118
|
-
|
|
1118
|
+
w(M.guid);
|
|
1119
1119
|
return;
|
|
1120
1120
|
}
|
|
1121
1121
|
_(ao.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
|
|
1122
1122
|
account_guid: M?.account_guid,
|
|
1123
|
-
transaction_guid:
|
|
1124
|
-
}),
|
|
1123
|
+
transaction_guid: x
|
|
1124
|
+
}), l?.(x);
|
|
1125
1125
|
}, D = m.useRef(null), g = no({
|
|
1126
1126
|
count: t.length,
|
|
1127
1127
|
getScrollElement: () => D.current,
|
|
1128
|
-
estimateSize: (
|
|
1128
|
+
estimateSize: (x) => ut + (Ne(x, t) ? _t : 0),
|
|
1129
1129
|
overscan: 5
|
|
1130
1130
|
});
|
|
1131
|
-
return m.useEffect(() => g.measure(), [t]), m.useEffect(() => f(
|
|
1132
|
-
|
|
1131
|
+
return m.useEffect(() => g.measure(), [t]), m.useEffect(() => f(a), [a]), m.useEffect(() => () => b(), []), /* @__PURE__ */ e(Re, { sx: { width: p }, children: /* @__PURE__ */ e(C, { height: n, overflow: "auto", ref: D, width: p, children: /* @__PURE__ */ i(
|
|
1132
|
+
C,
|
|
1133
1133
|
{
|
|
1134
1134
|
height: (
|
|
1135
1135
|
// set the height to auto when there are no transactions so the zero state isn't set to 0
|
|
@@ -1138,25 +1138,25 @@ const B = {
|
|
|
1138
1138
|
position: "relative",
|
|
1139
1139
|
width: "100%",
|
|
1140
1140
|
children: [
|
|
1141
|
-
|
|
1142
|
-
!
|
|
1143
|
-
!
|
|
1144
|
-
const M = t[
|
|
1145
|
-
return /* @__PURE__ */
|
|
1146
|
-
|
|
1141
|
+
s && o,
|
|
1142
|
+
!s && g.getVirtualItems().length === 0 && c,
|
|
1143
|
+
!s && g.getVirtualItems().length > 0 && g.getVirtualItems().map((x) => {
|
|
1144
|
+
const M = t[x.index], $ = Ne(x.index, t), G = Ft(x.index, t), H = ut + ($ ? _t : 0);
|
|
1145
|
+
return /* @__PURE__ */ i(
|
|
1146
|
+
C,
|
|
1147
1147
|
{
|
|
1148
1148
|
sx: {
|
|
1149
|
-
height:
|
|
1149
|
+
height: H,
|
|
1150
1150
|
position: "absolute",
|
|
1151
|
-
transform: `translateY(${
|
|
1151
|
+
transform: `translateY(${x.start}px)`,
|
|
1152
1152
|
width: "100%"
|
|
1153
1153
|
},
|
|
1154
1154
|
children: [
|
|
1155
|
-
|
|
1155
|
+
$ && /* @__PURE__ */ e(Pt, { bgcolor: r, children: Ze(M.date) }),
|
|
1156
1156
|
/* @__PURE__ */ e(
|
|
1157
1157
|
Bt,
|
|
1158
1158
|
{
|
|
1159
|
-
...
|
|
1159
|
+
...l && { onClick: y },
|
|
1160
1160
|
transaction: {
|
|
1161
1161
|
...M,
|
|
1162
1162
|
category: h.default_categories[M.top_level_category_guid]?.replace(
|
|
@@ -1166,7 +1166,7 @@ const B = {
|
|
|
1166
1166
|
}
|
|
1167
1167
|
}
|
|
1168
1168
|
),
|
|
1169
|
-
/* @__PURE__ */ e(
|
|
1169
|
+
/* @__PURE__ */ e(ne, { sx: { ml: G ? 24 : 0 } })
|
|
1170
1170
|
]
|
|
1171
1171
|
},
|
|
1172
1172
|
M.guid
|
|
@@ -1175,17 +1175,17 @@ const B = {
|
|
|
1175
1175
|
]
|
|
1176
1176
|
}
|
|
1177
1177
|
) }) });
|
|
1178
|
-
}, dr = S(lr),
|
|
1178
|
+
}, dr = S(lr), $e = ({
|
|
1179
1179
|
transactions: t = [],
|
|
1180
1180
|
amountColor: r = "success.main",
|
|
1181
1181
|
amountPosition: n = "center",
|
|
1182
1182
|
formatDate: o = Ze,
|
|
1183
|
-
secondaryIcon:
|
|
1183
|
+
secondaryIcon: l
|
|
1184
1184
|
}) => {
|
|
1185
|
-
const
|
|
1186
|
-
return !t || t.length === 0 ? /* @__PURE__ */
|
|
1187
|
-
/* @__PURE__ */ e(
|
|
1188
|
-
|
|
1185
|
+
const a = E(), { connect: s, finstrong: p } = v(), [c, d] = m.useState(!1), [_, h] = m.useState(!1), b = 3, f = t.length > b, w = t.length - b;
|
|
1186
|
+
return !t || t.length === 0 ? /* @__PURE__ */ i(z, { children: [
|
|
1187
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
1188
|
+
W,
|
|
1189
1189
|
{
|
|
1190
1190
|
onClick: () => h(!0),
|
|
1191
1191
|
size: "small",
|
|
@@ -1195,15 +1195,15 @@ const B = {
|
|
|
1195
1195
|
}
|
|
1196
1196
|
) }),
|
|
1197
1197
|
/* @__PURE__ */ e(
|
|
1198
|
-
|
|
1198
|
+
oe,
|
|
1199
1199
|
{
|
|
1200
1200
|
onClose: () => h(!1),
|
|
1201
1201
|
showConnectWidget: _,
|
|
1202
|
-
title:
|
|
1202
|
+
title: s.mini_title
|
|
1203
1203
|
}
|
|
1204
1204
|
)
|
|
1205
|
-
] }) : /* @__PURE__ */
|
|
1206
|
-
/* @__PURE__ */ e(
|
|
1205
|
+
] }) : /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
|
|
1206
|
+
/* @__PURE__ */ e(C, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, b).map((y, D) => /* @__PURE__ */ i(
|
|
1207
1207
|
u,
|
|
1208
1208
|
{
|
|
1209
1209
|
sx: {
|
|
@@ -1217,12 +1217,12 @@ const B = {
|
|
|
1217
1217
|
/* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
|
|
1218
1218
|
kn,
|
|
1219
1219
|
{
|
|
1220
|
-
categoryGuid:
|
|
1221
|
-
merchantGuid:
|
|
1220
|
+
categoryGuid: y.top_level_category_guid || "",
|
|
1221
|
+
merchantGuid: y.merchant_guid || "",
|
|
1222
1222
|
size: 32
|
|
1223
1223
|
}
|
|
1224
1224
|
) }),
|
|
1225
|
-
/* @__PURE__ */
|
|
1225
|
+
/* @__PURE__ */ i(
|
|
1226
1226
|
u,
|
|
1227
1227
|
{
|
|
1228
1228
|
sx: {
|
|
@@ -1230,49 +1230,49 @@ const B = {
|
|
|
1230
1230
|
flexDirection: "row",
|
|
1231
1231
|
gap: 12,
|
|
1232
1232
|
justifyContent: "space-between",
|
|
1233
|
-
...D < Math.min(t.length,
|
|
1234
|
-
borderBottom: `1px solid ${
|
|
1233
|
+
...D < Math.min(t.length, b) - 1 && {
|
|
1234
|
+
borderBottom: `1px solid ${a.palette.divider}`
|
|
1235
1235
|
},
|
|
1236
1236
|
pb: 14,
|
|
1237
1237
|
pr: 24,
|
|
1238
1238
|
width: "100%"
|
|
1239
1239
|
},
|
|
1240
1240
|
children: [
|
|
1241
|
-
/* @__PURE__ */
|
|
1242
|
-
/* @__PURE__ */ e(k, { bold: !0, variant: "body1", children:
|
|
1243
|
-
/* @__PURE__ */
|
|
1244
|
-
!!
|
|
1245
|
-
/* @__PURE__ */ e(I, { variant: "caption", children: o(
|
|
1241
|
+
/* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
|
|
1242
|
+
/* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: y.description }),
|
|
1243
|
+
/* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
|
|
1244
|
+
!!l && l,
|
|
1245
|
+
/* @__PURE__ */ e(I, { variant: "caption", children: o(y.date) })
|
|
1246
1246
|
] })
|
|
1247
1247
|
] }),
|
|
1248
|
-
/* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: L(
|
|
1248
|
+
/* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: L(y.amount, "0,0.00") })
|
|
1249
1249
|
]
|
|
1250
1250
|
},
|
|
1251
|
-
|
|
1251
|
+
y.guid || D
|
|
1252
1252
|
)
|
|
1253
1253
|
]
|
|
1254
1254
|
},
|
|
1255
1255
|
D
|
|
1256
1256
|
)) }),
|
|
1257
|
-
f && /* @__PURE__ */
|
|
1258
|
-
/* @__PURE__ */ e(
|
|
1259
|
-
|
|
1257
|
+
f && /* @__PURE__ */ i(z, { children: [
|
|
1258
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
1259
|
+
W,
|
|
1260
1260
|
{
|
|
1261
1261
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1262
1262
|
onClick: () => d(!0),
|
|
1263
1263
|
size: "small",
|
|
1264
1264
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
1265
|
-
children: /* @__PURE__ */
|
|
1266
|
-
|
|
1265
|
+
children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
|
|
1266
|
+
w,
|
|
1267
1267
|
" ",
|
|
1268
1268
|
p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
|
|
1269
1269
|
] })
|
|
1270
1270
|
}
|
|
1271
1271
|
) }),
|
|
1272
1272
|
/* @__PURE__ */ e(
|
|
1273
|
-
|
|
1273
|
+
te,
|
|
1274
1274
|
{
|
|
1275
|
-
isOpen:
|
|
1275
|
+
isOpen: c,
|
|
1276
1276
|
onClose: () => d(!1),
|
|
1277
1277
|
title: p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1278
1278
|
children: /* @__PURE__ */ e(dr, { transactions: t })
|
|
@@ -1285,10 +1285,10 @@ const B = {
|
|
|
1285
1285
|
finstrong: {
|
|
1286
1286
|
key_indicators_spend: { pay_bills_on_time_drawer: t }
|
|
1287
1287
|
}
|
|
1288
|
-
} =
|
|
1288
|
+
} = v(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
|
|
1289
1289
|
return m.useEffect(() => {
|
|
1290
1290
|
r().finally();
|
|
1291
|
-
}, []), /* @__PURE__ */ e(
|
|
1291
|
+
}, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
|
|
1292
1292
|
K,
|
|
1293
1293
|
{
|
|
1294
1294
|
sx: {
|
|
@@ -1301,13 +1301,13 @@ const B = {
|
|
|
1301
1301
|
},
|
|
1302
1302
|
children: [
|
|
1303
1303
|
/* @__PURE__ */ e(yn, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1304
|
-
/* @__PURE__ */
|
|
1304
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1305
1305
|
/* @__PURE__ */ e(N, { children: t.pay_bills_on_time_zero_fees_title }),
|
|
1306
1306
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
|
|
1307
1307
|
] })
|
|
1308
1308
|
]
|
|
1309
1309
|
}
|
|
1310
|
-
) : /* @__PURE__ */
|
|
1310
|
+
) : /* @__PURE__ */ i(
|
|
1311
1311
|
K,
|
|
1312
1312
|
{
|
|
1313
1313
|
sx: {
|
|
@@ -1318,7 +1318,7 @@ const B = {
|
|
|
1318
1318
|
children: [
|
|
1319
1319
|
/* @__PURE__ */ e(N, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
|
|
1320
1320
|
/* @__PURE__ */ e(
|
|
1321
|
-
|
|
1321
|
+
$e,
|
|
1322
1322
|
{
|
|
1323
1323
|
amountColor: "text.primary",
|
|
1324
1324
|
amountPosition: "flex-start",
|
|
@@ -1331,8 +1331,8 @@ const B = {
|
|
|
1331
1331
|
}
|
|
1332
1332
|
) });
|
|
1333
1333
|
}, ur = S(pr), _r = () => {
|
|
1334
|
-
const { healthScore: t } = F(), { finstrong: r } =
|
|
1335
|
-
return /* @__PURE__ */
|
|
1334
|
+
const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, l = Bn(t.spending_fee_transaction_count);
|
|
1335
|
+
return /* @__PURE__ */ i(
|
|
1336
1336
|
u,
|
|
1337
1337
|
{
|
|
1338
1338
|
sx: {
|
|
@@ -1343,20 +1343,20 @@ const B = {
|
|
|
1343
1343
|
},
|
|
1344
1344
|
children: [
|
|
1345
1345
|
/* @__PURE__ */ e(k, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
|
|
1346
|
-
/* @__PURE__ */
|
|
1347
|
-
/* @__PURE__ */
|
|
1346
|
+
/* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
1347
|
+
/* @__PURE__ */ i(Pe, { children: [
|
|
1348
1348
|
t.spending_fee_transaction_count,
|
|
1349
1349
|
" ",
|
|
1350
1350
|
o.pay_bills_on_time_sticky_fee_count
|
|
1351
1351
|
] }),
|
|
1352
|
-
/* @__PURE__ */ e(Le, { status:
|
|
1352
|
+
/* @__PURE__ */ e(Le, { status: l })
|
|
1353
1353
|
] })
|
|
1354
1354
|
]
|
|
1355
1355
|
}
|
|
1356
1356
|
);
|
|
1357
1357
|
}, hr = S(_r), mr = () => {
|
|
1358
|
-
const { savingsAndCheckingAccountsBalance: t } =
|
|
1359
|
-
return /* @__PURE__ */
|
|
1358
|
+
const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = v();
|
|
1359
|
+
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1360
1360
|
/* @__PURE__ */ e(
|
|
1361
1361
|
Se,
|
|
1362
1362
|
{
|
|
@@ -1373,15 +1373,15 @@ const B = {
|
|
|
1373
1373
|
)
|
|
1374
1374
|
] });
|
|
1375
1375
|
}, gr = S(mr), yr = () => {
|
|
1376
|
-
const { finstrong: t } =
|
|
1376
|
+
const { finstrong: t } = v(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: l } = F(), { isInitialized: a } = j();
|
|
1377
1377
|
m.useEffect(() => {
|
|
1378
|
-
|
|
1379
|
-
}, [
|
|
1380
|
-
const
|
|
1381
|
-
const p = n.spend.map((d) => d.transaction),
|
|
1382
|
-
return [...p, ...
|
|
1378
|
+
a && (o().finally(), l().finally());
|
|
1379
|
+
}, [a]);
|
|
1380
|
+
const s = m.useMemo(() => {
|
|
1381
|
+
const p = n.spend.map((d) => d.transaction), c = n.debtSpend.map((d) => d.transaction);
|
|
1382
|
+
return [...p, ...c];
|
|
1383
1383
|
}, [n.spend, n.debtSpend]);
|
|
1384
|
-
return
|
|
1384
|
+
return a ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1385
1385
|
/* @__PURE__ */ e(
|
|
1386
1386
|
Se,
|
|
1387
1387
|
{
|
|
@@ -1389,24 +1389,24 @@ const B = {
|
|
|
1389
1389
|
title: t.key_indicators_save.drawer_daily_spend
|
|
1390
1390
|
}
|
|
1391
1391
|
),
|
|
1392
|
-
/* @__PURE__ */ e(
|
|
1392
|
+
/* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: s })
|
|
1393
1393
|
] }) : /* @__PURE__ */ e(J, {});
|
|
1394
1394
|
}, br = S(yr), fr = () => {
|
|
1395
|
-
const [t, r] = m.useState(0), { finstrong: n } =
|
|
1396
|
-
return /* @__PURE__ */
|
|
1397
|
-
/* @__PURE__ */
|
|
1398
|
-
/* @__PURE__ */
|
|
1395
|
+
const [t, r] = m.useState(0), { finstrong: n } = v();
|
|
1396
|
+
return /* @__PURE__ */ i(z, { children: [
|
|
1397
|
+
/* @__PURE__ */ i(K, { children: [
|
|
1398
|
+
/* @__PURE__ */ i(
|
|
1399
1399
|
qe,
|
|
1400
1400
|
{
|
|
1401
1401
|
"aria-label": n.key_indicators_save.drawer_title,
|
|
1402
1402
|
centered: !0,
|
|
1403
|
-
onChange: (o,
|
|
1403
|
+
onChange: (o, l) => r(l),
|
|
1404
1404
|
sx: { mb: 0 },
|
|
1405
1405
|
value: t,
|
|
1406
1406
|
variant: "fullWidth",
|
|
1407
1407
|
children: [
|
|
1408
1408
|
/* @__PURE__ */ e(
|
|
1409
|
-
|
|
1409
|
+
pe,
|
|
1410
1410
|
{
|
|
1411
1411
|
"aria-controls": "available-details-tabpanel-0",
|
|
1412
1412
|
label: n.key_indicators_save.drawer_available,
|
|
@@ -1414,7 +1414,7 @@ const B = {
|
|
|
1414
1414
|
}
|
|
1415
1415
|
),
|
|
1416
1416
|
/* @__PURE__ */ e(
|
|
1417
|
-
|
|
1417
|
+
pe,
|
|
1418
1418
|
{
|
|
1419
1419
|
"aria-controls": "spending-details-tabpanel-1",
|
|
1420
1420
|
label: n.key_indicators_save.drawer_spending,
|
|
@@ -1424,15 +1424,15 @@ const B = {
|
|
|
1424
1424
|
]
|
|
1425
1425
|
}
|
|
1426
1426
|
),
|
|
1427
|
-
/* @__PURE__ */ e(
|
|
1428
|
-
/* @__PURE__ */ e(
|
|
1427
|
+
/* @__PURE__ */ e(ue, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
|
|
1428
|
+
/* @__PURE__ */ e(ue, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(br, {}) })
|
|
1429
1429
|
] }),
|
|
1430
1430
|
/* @__PURE__ */ e(Qe, { chartFor: "savingsOverTime" })
|
|
1431
1431
|
] });
|
|
1432
1432
|
}, xr = S(fr), Sr = () => {
|
|
1433
|
-
const { finstrong: t } =
|
|
1433
|
+
const { finstrong: t } = v(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), l = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * l), p = n / 6 * 100;
|
|
1434
1434
|
return /* @__PURE__ */ e(
|
|
1435
|
-
|
|
1435
|
+
We,
|
|
1436
1436
|
{
|
|
1437
1437
|
bottomComponent: /* @__PURE__ */ e(
|
|
1438
1438
|
u,
|
|
@@ -1444,7 +1444,7 @@ const B = {
|
|
|
1444
1444
|
mt: 2,
|
|
1445
1445
|
px: 1
|
|
1446
1446
|
},
|
|
1447
|
-
children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */
|
|
1447
|
+
children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */ i(
|
|
1448
1448
|
u,
|
|
1449
1449
|
{
|
|
1450
1450
|
sx: {
|
|
@@ -1453,7 +1453,7 @@ const B = {
|
|
|
1453
1453
|
},
|
|
1454
1454
|
children: [
|
|
1455
1455
|
/* @__PURE__ */ e(
|
|
1456
|
-
|
|
1456
|
+
ne,
|
|
1457
1457
|
{
|
|
1458
1458
|
orientation: "vertical",
|
|
1459
1459
|
sx: {
|
|
@@ -1476,15 +1476,15 @@ const B = {
|
|
|
1476
1476
|
percentage: `${p}%`
|
|
1477
1477
|
}
|
|
1478
1478
|
],
|
|
1479
|
-
value: Y(t.key_indicators_save.drawer_progress_bar_value,
|
|
1479
|
+
value: Y(t.key_indicators_save.drawer_progress_bar_value, a, s)
|
|
1480
1480
|
}
|
|
1481
1481
|
);
|
|
1482
1482
|
}, Cr = S(Sr), vr = () => {
|
|
1483
|
-
const { healthScore: t } = F(), { finstrong: r } =
|
|
1483
|
+
const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((s) => o ? "MISSING" : s <= 30 ? "GOOD" : s >= 31 && s <= 39 ? "FAIR" : s >= 40 ? "OFF_TRACK" : "MISSING")(n);
|
|
1484
1484
|
return /* @__PURE__ */ e(
|
|
1485
|
-
|
|
1485
|
+
We,
|
|
1486
1486
|
{
|
|
1487
|
-
bottomComponent: /* @__PURE__ */
|
|
1487
|
+
bottomComponent: /* @__PURE__ */ i(
|
|
1488
1488
|
u,
|
|
1489
1489
|
{
|
|
1490
1490
|
sx: {
|
|
@@ -1497,14 +1497,14 @@ const B = {
|
|
|
1497
1497
|
},
|
|
1498
1498
|
children: [
|
|
1499
1499
|
/* @__PURE__ */ e(
|
|
1500
|
-
|
|
1500
|
+
C,
|
|
1501
1501
|
{
|
|
1502
1502
|
sx: {
|
|
1503
1503
|
left: "30%",
|
|
1504
1504
|
position: "absolute",
|
|
1505
1505
|
transform: "translateX(-50%)"
|
|
1506
1506
|
},
|
|
1507
|
-
children: /* @__PURE__ */
|
|
1507
|
+
children: /* @__PURE__ */ i(
|
|
1508
1508
|
u,
|
|
1509
1509
|
{
|
|
1510
1510
|
sx: {
|
|
@@ -1515,7 +1515,7 @@ const B = {
|
|
|
1515
1515
|
},
|
|
1516
1516
|
children: [
|
|
1517
1517
|
/* @__PURE__ */ e(
|
|
1518
|
-
|
|
1518
|
+
ne,
|
|
1519
1519
|
{
|
|
1520
1520
|
orientation: "vertical",
|
|
1521
1521
|
sx: {
|
|
@@ -1531,7 +1531,7 @@ const B = {
|
|
|
1531
1531
|
}
|
|
1532
1532
|
),
|
|
1533
1533
|
/* @__PURE__ */ e(
|
|
1534
|
-
|
|
1534
|
+
C,
|
|
1535
1535
|
{
|
|
1536
1536
|
sx: {
|
|
1537
1537
|
display: "flex",
|
|
@@ -1550,7 +1550,7 @@ const B = {
|
|
|
1550
1550
|
}
|
|
1551
1551
|
),
|
|
1552
1552
|
label: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
|
|
1553
|
-
status:
|
|
1553
|
+
status: a,
|
|
1554
1554
|
statusBarData: [
|
|
1555
1555
|
{
|
|
1556
1556
|
percentage: `${n}%`
|
|
@@ -1560,8 +1560,8 @@ const B = {
|
|
|
1560
1560
|
}
|
|
1561
1561
|
);
|
|
1562
1562
|
}, wr = S(vr), kr = () => {
|
|
1563
|
-
const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } =
|
|
1564
|
-
return /* @__PURE__ */
|
|
1563
|
+
const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = v(), [l, a] = m.useState(!1);
|
|
1564
|
+
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1565
1565
|
/* @__PURE__ */ e(
|
|
1566
1566
|
Se,
|
|
1567
1567
|
{
|
|
@@ -1572,29 +1572,29 @@ const B = {
|
|
|
1572
1572
|
),
|
|
1573
1573
|
r.income.length ? (
|
|
1574
1574
|
// TODO: Need to add More Transactions functionality
|
|
1575
|
-
/* @__PURE__ */ e(
|
|
1575
|
+
/* @__PURE__ */ e($e, { transactions: r.income.map((s) => s.transaction) })
|
|
1576
1576
|
) : /* @__PURE__ */ e(
|
|
1577
|
-
|
|
1577
|
+
W,
|
|
1578
1578
|
{
|
|
1579
1579
|
onClick: () => {
|
|
1580
|
-
|
|
1580
|
+
a(!0);
|
|
1581
1581
|
},
|
|
1582
1582
|
variant: "contained",
|
|
1583
1583
|
children: o.connect_more_accounts_button
|
|
1584
1584
|
}
|
|
1585
1585
|
),
|
|
1586
1586
|
/* @__PURE__ */ e(
|
|
1587
|
-
|
|
1587
|
+
oe,
|
|
1588
1588
|
{
|
|
1589
|
-
onClose: () =>
|
|
1590
|
-
showConnectWidget:
|
|
1589
|
+
onClose: () => a(!1),
|
|
1590
|
+
showConnectWidget: l,
|
|
1591
1591
|
title: n.mini_title
|
|
1592
1592
|
}
|
|
1593
1593
|
)
|
|
1594
1594
|
] });
|
|
1595
1595
|
}, Mr = S(kr), Dr = () => {
|
|
1596
|
-
const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } =
|
|
1597
|
-
return /* @__PURE__ */
|
|
1596
|
+
const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = v(), [l, a] = m.useState(!1);
|
|
1597
|
+
return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
|
|
1598
1598
|
/* @__PURE__ */ e(
|
|
1599
1599
|
Se,
|
|
1600
1600
|
{
|
|
@@ -1606,27 +1606,27 @@ const B = {
|
|
|
1606
1606
|
t.debtSpend.length ? (
|
|
1607
1607
|
//TODO: Need to add More Transactions functionality
|
|
1608
1608
|
/* @__PURE__ */ e(
|
|
1609
|
-
|
|
1609
|
+
$e,
|
|
1610
1610
|
{
|
|
1611
1611
|
amountColor: "text.primary",
|
|
1612
|
-
transactions: t.debtSpend.map((
|
|
1612
|
+
transactions: t.debtSpend.map((s) => s.transaction)
|
|
1613
1613
|
}
|
|
1614
1614
|
)
|
|
1615
1615
|
) : /* @__PURE__ */ e(
|
|
1616
|
-
|
|
1616
|
+
W,
|
|
1617
1617
|
{
|
|
1618
1618
|
onClick: () => {
|
|
1619
|
-
|
|
1619
|
+
a(!0);
|
|
1620
1620
|
},
|
|
1621
1621
|
variant: "contained",
|
|
1622
1622
|
children: o.connect_more_accounts_button
|
|
1623
1623
|
}
|
|
1624
1624
|
),
|
|
1625
1625
|
/* @__PURE__ */ e(
|
|
1626
|
-
|
|
1626
|
+
oe,
|
|
1627
1627
|
{
|
|
1628
|
-
onClose: () =>
|
|
1629
|
-
showConnectWidget:
|
|
1628
|
+
onClose: () => a(!1),
|
|
1629
|
+
showConnectWidget: l,
|
|
1630
1630
|
title: n.mini_title
|
|
1631
1631
|
}
|
|
1632
1632
|
)
|
|
@@ -1636,31 +1636,31 @@ const B = {
|
|
|
1636
1636
|
data: r,
|
|
1637
1637
|
series: n,
|
|
1638
1638
|
style: o,
|
|
1639
|
-
...
|
|
1639
|
+
...l
|
|
1640
1640
|
}) => {
|
|
1641
|
-
const
|
|
1641
|
+
const a = E(), s = m.useRef(null), { width: p } = uo({
|
|
1642
1642
|
width: o.width
|
|
1643
1643
|
});
|
|
1644
1644
|
m.useLayoutEffect(() => {
|
|
1645
1645
|
const h = new ResizeObserver(() => {
|
|
1646
1646
|
window.requestAnimationFrame(() => {
|
|
1647
|
-
if (
|
|
1648
|
-
const { width:
|
|
1649
|
-
|
|
1647
|
+
if (s.current) {
|
|
1648
|
+
const { width: b } = s.current.getBoundingClientRect(), f = b / 2, w = s.current.querySelector("text");
|
|
1649
|
+
w && w.setAttribute("transform", `translate(${f}, -8)`);
|
|
1650
1650
|
}
|
|
1651
1651
|
});
|
|
1652
1652
|
});
|
|
1653
|
-
return
|
|
1654
|
-
|
|
1653
|
+
return s.current && h.observe(s.current), () => {
|
|
1654
|
+
s.current && h.unobserve(s.current);
|
|
1655
1655
|
};
|
|
1656
1656
|
}, []);
|
|
1657
|
-
const { formattedComparison:
|
|
1658
|
-
return /* @__PURE__ */
|
|
1659
|
-
/* @__PURE__ */ e(lt.rect, { ...
|
|
1657
|
+
const { formattedComparison: c, formattedMain: d } = r[n.index], _ = n.type === 0 ? d : c;
|
|
1658
|
+
return /* @__PURE__ */ i("g", { children: [
|
|
1659
|
+
/* @__PURE__ */ e(lt.rect, { ...l, fill: t, ref: s, rx: 2, style: o }),
|
|
1660
1660
|
/* @__PURE__ */ e(
|
|
1661
1661
|
lt.text,
|
|
1662
1662
|
{
|
|
1663
|
-
fill:
|
|
1663
|
+
fill: a.palette.text.secondary,
|
|
1664
1664
|
fontSize: 9,
|
|
1665
1665
|
fontWeight: 400,
|
|
1666
1666
|
textAnchor: "middle",
|
|
@@ -1676,15 +1676,15 @@ const B = {
|
|
|
1676
1676
|
data: r,
|
|
1677
1677
|
title: n,
|
|
1678
1678
|
buttonLabel: o,
|
|
1679
|
-
onClick:
|
|
1680
|
-
legendLabelMain:
|
|
1681
|
-
legendLabelComparison:
|
|
1679
|
+
onClick: l,
|
|
1680
|
+
legendLabelMain: a,
|
|
1681
|
+
legendLabelComparison: s,
|
|
1682
1682
|
totalComparison: p,
|
|
1683
|
-
totalMain:
|
|
1683
|
+
totalMain: c
|
|
1684
1684
|
}) => {
|
|
1685
|
-
const d =
|
|
1686
|
-
() => r.sort((g,
|
|
1687
|
-
const
|
|
1685
|
+
const d = E(), _ = so(d.breakpoints.down("xs")), h = m.useMemo(
|
|
1686
|
+
() => r.sort((g, x) => g.month - x.month).map((g) => {
|
|
1687
|
+
const x = Ln(g.month), M = {
|
|
1688
1688
|
spending_vs_income: {
|
|
1689
1689
|
main: g.standard_spend,
|
|
1690
1690
|
comparison: g.income,
|
|
@@ -1699,23 +1699,23 @@ const B = {
|
|
|
1699
1699
|
}
|
|
1700
1700
|
};
|
|
1701
1701
|
return {
|
|
1702
|
-
label:
|
|
1702
|
+
label: x,
|
|
1703
1703
|
...M[t]
|
|
1704
1704
|
};
|
|
1705
1705
|
}),
|
|
1706
1706
|
[r, t]
|
|
1707
|
-
),
|
|
1707
|
+
), b = {
|
|
1708
1708
|
dataKey: "label",
|
|
1709
1709
|
scaleType: "band"
|
|
1710
|
-
}, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))),
|
|
1710
|
+
}, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), w = Math.ceil(f * 1.2 / 1e3) * 1e3, y = w / 3, D = {
|
|
1711
1711
|
scaleType: "linear",
|
|
1712
1712
|
min: 0,
|
|
1713
|
-
max:
|
|
1713
|
+
max: w,
|
|
1714
1714
|
tickNumber: 4,
|
|
1715
|
-
tickMinStep:
|
|
1715
|
+
tickMinStep: y,
|
|
1716
1716
|
valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
|
|
1717
1717
|
};
|
|
1718
|
-
return /* @__PURE__ */
|
|
1718
|
+
return /* @__PURE__ */ i(
|
|
1719
1719
|
K,
|
|
1720
1720
|
{
|
|
1721
1721
|
sx: {
|
|
@@ -1723,7 +1723,7 @@ const B = {
|
|
|
1723
1723
|
py: 24
|
|
1724
1724
|
},
|
|
1725
1725
|
children: [
|
|
1726
|
-
/* @__PURE__ */
|
|
1726
|
+
/* @__PURE__ */ i(
|
|
1727
1727
|
u,
|
|
1728
1728
|
{
|
|
1729
1729
|
sx: {
|
|
@@ -1736,10 +1736,10 @@ const B = {
|
|
|
1736
1736
|
children: [
|
|
1737
1737
|
/* @__PURE__ */ e(N, { children: n }),
|
|
1738
1738
|
o && /* @__PURE__ */ e(
|
|
1739
|
-
|
|
1739
|
+
W,
|
|
1740
1740
|
{
|
|
1741
1741
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
1742
|
-
onClick:
|
|
1742
|
+
onClick: l,
|
|
1743
1743
|
size: "small",
|
|
1744
1744
|
sx: {
|
|
1745
1745
|
pl: 8,
|
|
@@ -1752,10 +1752,10 @@ const B = {
|
|
|
1752
1752
|
]
|
|
1753
1753
|
}
|
|
1754
1754
|
),
|
|
1755
|
-
/* @__PURE__ */
|
|
1756
|
-
/* @__PURE__ */
|
|
1755
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
|
|
1756
|
+
/* @__PURE__ */ i(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
|
|
1757
1757
|
/* @__PURE__ */ e(
|
|
1758
|
-
|
|
1758
|
+
C,
|
|
1759
1759
|
{
|
|
1760
1760
|
sx: {
|
|
1761
1761
|
width: 10,
|
|
@@ -1765,17 +1765,17 @@ const B = {
|
|
|
1765
1765
|
}
|
|
1766
1766
|
}
|
|
1767
1767
|
),
|
|
1768
|
-
/* @__PURE__ */
|
|
1769
|
-
/* @__PURE__ */
|
|
1770
|
-
|
|
1768
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
|
|
1769
|
+
/* @__PURE__ */ i(I, { variant: "subtitle2", children: [
|
|
1770
|
+
a,
|
|
1771
1771
|
" "
|
|
1772
1772
|
] }),
|
|
1773
|
-
!_ &&
|
|
1773
|
+
!_ && c && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
|
|
1774
1774
|
] })
|
|
1775
1775
|
] }),
|
|
1776
|
-
/* @__PURE__ */
|
|
1776
|
+
/* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
|
|
1777
1777
|
/* @__PURE__ */ e(
|
|
1778
|
-
|
|
1778
|
+
C,
|
|
1779
1779
|
{
|
|
1780
1780
|
sx: {
|
|
1781
1781
|
width: 10,
|
|
@@ -1785,16 +1785,16 @@ const B = {
|
|
|
1785
1785
|
}
|
|
1786
1786
|
}
|
|
1787
1787
|
),
|
|
1788
|
-
/* @__PURE__ */
|
|
1789
|
-
/* @__PURE__ */
|
|
1790
|
-
|
|
1788
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
|
|
1789
|
+
/* @__PURE__ */ i(I, { variant: "subtitle2", children: [
|
|
1790
|
+
s,
|
|
1791
1791
|
" "
|
|
1792
1792
|
] }),
|
|
1793
1793
|
!_ && p && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: p })
|
|
1794
1794
|
] })
|
|
1795
1795
|
] })
|
|
1796
1796
|
] }),
|
|
1797
|
-
/* @__PURE__ */
|
|
1797
|
+
/* @__PURE__ */ i(
|
|
1798
1798
|
po,
|
|
1799
1799
|
{
|
|
1800
1800
|
colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
|
|
@@ -1805,7 +1805,7 @@ const B = {
|
|
|
1805
1805
|
{ dataKey: "main", type: "bar" },
|
|
1806
1806
|
{ dataKey: "comparison", type: "bar" }
|
|
1807
1807
|
],
|
|
1808
|
-
xAxis: [
|
|
1808
|
+
xAxis: [b],
|
|
1809
1809
|
yAxis: [D],
|
|
1810
1810
|
children: [
|
|
1811
1811
|
/* @__PURE__ */ e(
|
|
@@ -1813,16 +1813,16 @@ const B = {
|
|
|
1813
1813
|
{
|
|
1814
1814
|
slots: {
|
|
1815
1815
|
bar: (g) => {
|
|
1816
|
-
const { ownerState:
|
|
1816
|
+
const { ownerState: x, style: M, ...$ } = g;
|
|
1817
1817
|
return /* @__PURE__ */ e(
|
|
1818
1818
|
Ar,
|
|
1819
1819
|
{
|
|
1820
|
-
|
|
1821
|
-
color:
|
|
1820
|
+
...$,
|
|
1821
|
+
color: x.color,
|
|
1822
1822
|
data: h,
|
|
1823
1823
|
series: {
|
|
1824
|
-
index:
|
|
1825
|
-
type: Number(
|
|
1824
|
+
index: x.dataIndex,
|
|
1825
|
+
type: Number(x.id.toString().split("-").pop())
|
|
1826
1826
|
},
|
|
1827
1827
|
style: M
|
|
1828
1828
|
}
|
|
@@ -1878,36 +1878,36 @@ const B = {
|
|
|
1878
1878
|
}
|
|
1879
1879
|
);
|
|
1880
1880
|
}, Tr = () => {
|
|
1881
|
-
const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [
|
|
1881
|
+
const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [l, a] = m.useState(0), { finstrong: s } = v();
|
|
1882
1882
|
return m.useEffect(() => {
|
|
1883
1883
|
o && (t().finally(), r().finally());
|
|
1884
|
-
}, [o]), /* @__PURE__ */
|
|
1885
|
-
/* @__PURE__ */
|
|
1886
|
-
/* @__PURE__ */
|
|
1884
|
+
}, [o]), /* @__PURE__ */ i(z, { children: [
|
|
1885
|
+
/* @__PURE__ */ i(K, { children: [
|
|
1886
|
+
/* @__PURE__ */ i(
|
|
1887
1887
|
qe,
|
|
1888
1888
|
{
|
|
1889
|
-
"aria-label":
|
|
1889
|
+
"aria-label": s.key_indicators_save.drawer_title,
|
|
1890
1890
|
centered: !0,
|
|
1891
|
-
onChange: (p,
|
|
1891
|
+
onChange: (p, c) => a(c),
|
|
1892
1892
|
sx: { mb: 0 },
|
|
1893
|
-
value:
|
|
1893
|
+
value: l,
|
|
1894
1894
|
variant: "fullWidth",
|
|
1895
1895
|
children: [
|
|
1896
1896
|
/* @__PURE__ */ e(
|
|
1897
|
-
|
|
1897
|
+
pe,
|
|
1898
1898
|
{
|
|
1899
1899
|
"aria-controls": "income-details-tabpanel-0",
|
|
1900
1900
|
id: "income-details-tab-0",
|
|
1901
|
-
label:
|
|
1901
|
+
label: s.key_indicators_borrow.have_manageable_debt_drawer.income,
|
|
1902
1902
|
sx: { minHeight: 44 }
|
|
1903
1903
|
}
|
|
1904
1904
|
),
|
|
1905
1905
|
/* @__PURE__ */ e(
|
|
1906
|
-
|
|
1906
|
+
pe,
|
|
1907
1907
|
{
|
|
1908
1908
|
"aria-controls": "debt-payment-details-tabpanel-1",
|
|
1909
1909
|
id: "debt-payment-details-tab-1",
|
|
1910
|
-
label:
|
|
1910
|
+
label: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
|
|
1911
1911
|
sx: { minHeight: 44 }
|
|
1912
1912
|
}
|
|
1913
1913
|
)
|
|
@@ -1915,45 +1915,45 @@ const B = {
|
|
|
1915
1915
|
}
|
|
1916
1916
|
),
|
|
1917
1917
|
/* @__PURE__ */ e(
|
|
1918
|
-
|
|
1918
|
+
ue,
|
|
1919
1919
|
{
|
|
1920
1920
|
"aria-labelledby": "income-details-tab-0",
|
|
1921
1921
|
index: 0,
|
|
1922
1922
|
name: "income-details",
|
|
1923
|
-
value:
|
|
1923
|
+
value: l,
|
|
1924
1924
|
children: /* @__PURE__ */ e(Mr, {})
|
|
1925
1925
|
}
|
|
1926
1926
|
),
|
|
1927
1927
|
/* @__PURE__ */ e(
|
|
1928
|
-
|
|
1928
|
+
ue,
|
|
1929
1929
|
{
|
|
1930
1930
|
"aria-labelledby": "debt-payment-details-tab-1",
|
|
1931
1931
|
index: 1,
|
|
1932
1932
|
name: "debt-payment-details",
|
|
1933
|
-
value:
|
|
1933
|
+
value: l,
|
|
1934
1934
|
children: /* @__PURE__ */ e(Ir, {})
|
|
1935
1935
|
}
|
|
1936
1936
|
)
|
|
1937
1937
|
] }),
|
|
1938
|
-
n.length ? /* @__PURE__ */
|
|
1938
|
+
n.length ? /* @__PURE__ */ i(z, { children: [
|
|
1939
1939
|
/* @__PURE__ */ e(
|
|
1940
1940
|
jt,
|
|
1941
1941
|
{
|
|
1942
1942
|
chartFor: "debt_payment_vs_income",
|
|
1943
1943
|
data: n,
|
|
1944
|
-
legendLabelComparison:
|
|
1945
|
-
legendLabelMain:
|
|
1946
|
-
title:
|
|
1944
|
+
legendLabelComparison: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
|
|
1945
|
+
legendLabelMain: s.key_indicators_borrow.have_manageable_debt_drawer.income,
|
|
1946
|
+
title: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
|
|
1947
1947
|
}
|
|
1948
1948
|
),
|
|
1949
1949
|
/* @__PURE__ */ e(Qe, { chartFor: "debtOverTime" })
|
|
1950
|
-
] }) : /* @__PURE__ */
|
|
1950
|
+
] }) : /* @__PURE__ */ i(z, { children: [
|
|
1951
1951
|
/* @__PURE__ */ e(
|
|
1952
1952
|
Fe,
|
|
1953
1953
|
{
|
|
1954
|
-
header:
|
|
1954
|
+
header: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
|
|
1955
1955
|
icon: "multiline_chart",
|
|
1956
|
-
subText:
|
|
1956
|
+
subText: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
|
|
1957
1957
|
sx: {
|
|
1958
1958
|
backgroundColor: "background.paper",
|
|
1959
1959
|
borderRadius: "8px",
|
|
@@ -1967,9 +1967,9 @@ const B = {
|
|
|
1967
1967
|
/* @__PURE__ */ e(
|
|
1968
1968
|
Fe,
|
|
1969
1969
|
{
|
|
1970
|
-
header:
|
|
1970
|
+
header: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
|
|
1971
1971
|
icon: "multiline_chart",
|
|
1972
|
-
subText:
|
|
1972
|
+
subText: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
|
|
1973
1973
|
sx: {
|
|
1974
1974
|
backgroundColor: "background.paper",
|
|
1975
1975
|
borderRadius: "8px",
|
|
@@ -1983,16 +1983,16 @@ const B = {
|
|
|
1983
1983
|
] })
|
|
1984
1984
|
] });
|
|
1985
1985
|
}, Or = S(Tr), Rr = () => {
|
|
1986
|
-
const { healthScore: t } = F(), { finstrong: r } =
|
|
1986
|
+
const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), s = {
|
|
1987
1987
|
GOOD: [{ percentage: `${n}%` }],
|
|
1988
1988
|
FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
|
|
1989
1989
|
OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
|
|
1990
1990
|
MISSING: [{ percentage: "0%" }]
|
|
1991
|
-
}[
|
|
1991
|
+
}[a];
|
|
1992
1992
|
return /* @__PURE__ */ e(
|
|
1993
|
-
|
|
1993
|
+
We,
|
|
1994
1994
|
{
|
|
1995
|
-
bottomComponent: /* @__PURE__ */
|
|
1995
|
+
bottomComponent: /* @__PURE__ */ i(
|
|
1996
1996
|
u,
|
|
1997
1997
|
{
|
|
1998
1998
|
sx: {
|
|
@@ -2002,12 +2002,12 @@ const B = {
|
|
|
2002
2002
|
mt: 8
|
|
2003
2003
|
},
|
|
2004
2004
|
children: [
|
|
2005
|
-
/* @__PURE__ */
|
|
2005
|
+
/* @__PURE__ */ i(I, { variant: "body2", children: [
|
|
2006
2006
|
o ? "-" : L(t.ninety_day_income, "0,0.00"),
|
|
2007
2007
|
" ",
|
|
2008
2008
|
r?.key_indicators_spend.spend_less_than_you_make_drawer.income
|
|
2009
2009
|
] }),
|
|
2010
|
-
/* @__PURE__ */
|
|
2010
|
+
/* @__PURE__ */ i(I, { variant: "body2", children: [
|
|
2011
2011
|
o ? "-%" : `${n}%`,
|
|
2012
2012
|
" ",
|
|
2013
2013
|
r?.key_indicators_spend.spend_less_than_you_make_drawer.spent
|
|
@@ -2016,49 +2016,47 @@ const B = {
|
|
|
2016
2016
|
}
|
|
2017
2017
|
),
|
|
2018
2018
|
label: r?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
|
|
2019
|
-
status:
|
|
2020
|
-
statusBarData:
|
|
2019
|
+
status: a,
|
|
2020
|
+
statusBarData: s,
|
|
2021
2021
|
value: o ? "$0" : L(t.ninety_day_spend, "0,0.00")
|
|
2022
2022
|
}
|
|
2023
2023
|
);
|
|
2024
|
-
}, Fr = S(Rr), Pr = ({
|
|
2025
|
-
|
|
2026
|
-
}) => {
|
|
2027
|
-
const r = G(), { monthlySummaries: n } = F(), { finstrong: o, goals: s, spending: i } = w(), { selectedAccounts: c } = j(), { categories: p, dateRangeCategoryTotals: l, loadDateRangeCategoryTotals: d } = Ye(), { appDataStore: _ } = Kn(), [h, y] = m.useState("");
|
|
2024
|
+
}, Fr = S(Rr), Pr = () => {
|
|
2025
|
+
const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: l, spending: a } = v(), { selectedAccounts: s } = j(), { categories: p, dateRangeCategoryTotals: c, loadDateRangeCategoryTotals: d } = Ye(), { appDataStore: _ } = Kn(), [h, b] = m.useState("");
|
|
2028
2026
|
m.useEffect(() => {
|
|
2029
2027
|
d(
|
|
2030
|
-
|
|
2028
|
+
s,
|
|
2031
2029
|
Lt(/* @__PURE__ */ new Date()),
|
|
2032
|
-
|
|
2030
|
+
Wt(/* @__PURE__ */ new Date())
|
|
2033
2031
|
).finally();
|
|
2034
|
-
}, [
|
|
2032
|
+
}, [s]);
|
|
2035
2033
|
const f = m.useMemo(
|
|
2036
|
-
() => _o(p,
|
|
2037
|
-
[p,
|
|
2038
|
-
),
|
|
2039
|
-
|
|
2040
|
-
}, { totalSpending:
|
|
2041
|
-
(g, { standard_spend:
|
|
2042
|
-
totalSpending: g.totalSpending +
|
|
2034
|
+
() => _o(p, l, t, c),
|
|
2035
|
+
[p, c]
|
|
2036
|
+
), w = (g) => {
|
|
2037
|
+
b(h === g ? "" : g);
|
|
2038
|
+
}, { totalSpending: y, totalIncome: D } = m.useMemo(() => r?.reduce(
|
|
2039
|
+
(g, { standard_spend: x = 0, income: M = 0 }) => ({
|
|
2040
|
+
totalSpending: g.totalSpending + x,
|
|
2043
2041
|
totalIncome: g.totalIncome + M
|
|
2044
2042
|
}),
|
|
2045
2043
|
{ totalSpending: 0, totalIncome: 0 }
|
|
2046
|
-
), [
|
|
2047
|
-
return /* @__PURE__ */
|
|
2048
|
-
|
|
2044
|
+
), [r]);
|
|
2045
|
+
return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
|
|
2046
|
+
r.length ? /* @__PURE__ */ e(
|
|
2049
2047
|
jt,
|
|
2050
2048
|
{
|
|
2051
2049
|
..._.appData.client_profile?.allow_trends_widget && {
|
|
2052
2050
|
buttonLabel: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
|
|
2053
2051
|
},
|
|
2054
2052
|
chartFor: "spending_vs_income",
|
|
2055
|
-
data:
|
|
2053
|
+
data: r,
|
|
2056
2054
|
legendLabelComparison: o.key_indicators_spend.spend_less_than_you_make_drawer.income,
|
|
2057
2055
|
legendLabelMain: o.key_indicators_spend.spend_less_than_you_make_drawer.spending,
|
|
2058
|
-
onClick: () =>
|
|
2056
|
+
onClick: () => n("Trends")(),
|
|
2059
2057
|
title: o.key_indicators_spend.spend_less_than_you_make_drawer.trends,
|
|
2060
2058
|
totalComparison: L(D, "0,0.00"),
|
|
2061
|
-
totalMain: L(
|
|
2059
|
+
totalMain: L(y, "0,0.00")
|
|
2062
2060
|
}
|
|
2063
2061
|
) : /* @__PURE__ */ e(
|
|
2064
2062
|
Fe,
|
|
@@ -2081,7 +2079,7 @@ const B = {
|
|
|
2081
2079
|
variant: "no-buttons"
|
|
2082
2080
|
}
|
|
2083
2081
|
),
|
|
2084
|
-
f ? /* @__PURE__ */
|
|
2082
|
+
f ? /* @__PURE__ */ i(
|
|
2085
2083
|
K,
|
|
2086
2084
|
{
|
|
2087
2085
|
sx: {
|
|
@@ -2089,7 +2087,7 @@ const B = {
|
|
|
2089
2087
|
py: 24
|
|
2090
2088
|
},
|
|
2091
2089
|
children: [
|
|
2092
|
-
/* @__PURE__ */
|
|
2090
|
+
/* @__PURE__ */ i(
|
|
2093
2091
|
u,
|
|
2094
2092
|
{
|
|
2095
2093
|
sx: {
|
|
@@ -2102,10 +2100,10 @@ const B = {
|
|
|
2102
2100
|
children: [
|
|
2103
2101
|
/* @__PURE__ */ e(N, { children: o.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
|
|
2104
2102
|
_.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
|
|
2105
|
-
|
|
2103
|
+
W,
|
|
2106
2104
|
{
|
|
2107
2105
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2108
|
-
onClick: () =>
|
|
2106
|
+
onClick: () => n("Spending")(),
|
|
2109
2107
|
size: "small",
|
|
2110
2108
|
sx: {
|
|
2111
2109
|
pl: 8,
|
|
@@ -2118,21 +2116,21 @@ const B = {
|
|
|
2118
2116
|
]
|
|
2119
2117
|
}
|
|
2120
2118
|
),
|
|
2121
|
-
/* @__PURE__ */
|
|
2119
|
+
/* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
|
|
2122
2120
|
/* @__PURE__ */ e(
|
|
2123
2121
|
ho,
|
|
2124
2122
|
{
|
|
2125
2123
|
data: f,
|
|
2126
|
-
onSelected:
|
|
2124
|
+
onSelected: w,
|
|
2127
2125
|
selectedId: h,
|
|
2128
|
-
totalLabel:
|
|
2126
|
+
totalLabel: a.total_spending
|
|
2129
2127
|
}
|
|
2130
2128
|
),
|
|
2131
2129
|
/* @__PURE__ */ e(
|
|
2132
2130
|
mo,
|
|
2133
2131
|
{
|
|
2134
2132
|
data: f,
|
|
2135
|
-
onSelected:
|
|
2133
|
+
onSelected: w,
|
|
2136
2134
|
selectedId: h
|
|
2137
2135
|
}
|
|
2138
2136
|
)
|
|
@@ -2168,27 +2166,26 @@ const B = {
|
|
|
2168
2166
|
}, Lr = ({
|
|
2169
2167
|
drawerFor: t,
|
|
2170
2168
|
isOpen: r,
|
|
2171
|
-
onClose: n
|
|
2172
|
-
onPrimaryCtaClick: o
|
|
2169
|
+
onClose: n
|
|
2173
2170
|
}) => {
|
|
2174
|
-
const { finstrong:
|
|
2171
|
+
const { finstrong: o } = v(), a = {
|
|
2175
2172
|
spendLessThanYouMake: {
|
|
2176
|
-
title:
|
|
2177
|
-
description:
|
|
2173
|
+
title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2174
|
+
description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2178
2175
|
stickyComponent: /* @__PURE__ */ e(Fr, {}),
|
|
2179
|
-
content: /* @__PURE__ */ e(Br, {
|
|
2176
|
+
content: /* @__PURE__ */ e(Br, {}),
|
|
2180
2177
|
drawerType: "connectDrawer",
|
|
2181
|
-
connectTitle:
|
|
2182
|
-
connectDescription:
|
|
2178
|
+
connectTitle: o.connect_your_accounts,
|
|
2179
|
+
connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2183
2180
|
},
|
|
2184
2181
|
payBillsOnTime: {
|
|
2185
|
-
title:
|
|
2186
|
-
description:
|
|
2182
|
+
title: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2183
|
+
description: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2187
2184
|
stickyComponent: /* @__PURE__ */ e(hr, {}),
|
|
2188
2185
|
content: /* @__PURE__ */ e(ur, {}),
|
|
2189
2186
|
drawerType: "connectDrawer",
|
|
2190
|
-
connectTitle:
|
|
2191
|
-
connectDescription:
|
|
2187
|
+
connectTitle: o.connect_your_accounts,
|
|
2188
|
+
connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2192
2189
|
},
|
|
2193
2190
|
maintainEmergencySavings: {
|
|
2194
2191
|
content: /* @__PURE__ */ e(rr, {}),
|
|
@@ -2196,17 +2193,17 @@ const B = {
|
|
|
2196
2193
|
stickyComponent: /* @__PURE__ */ e(cr, {}),
|
|
2197
2194
|
title: Ee.maintain_emergency_savings_title,
|
|
2198
2195
|
drawerType: "connectDrawer",
|
|
2199
|
-
connectTitle:
|
|
2200
|
-
connectDescription:
|
|
2196
|
+
connectTitle: o.connect_your_accounts,
|
|
2197
|
+
connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2201
2198
|
},
|
|
2202
2199
|
haveManageableDebt: {
|
|
2203
|
-
title:
|
|
2204
|
-
description:
|
|
2200
|
+
title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2201
|
+
description: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2205
2202
|
stickyComponent: /* @__PURE__ */ e(wr, {}),
|
|
2206
2203
|
content: /* @__PURE__ */ e(Or, {}),
|
|
2207
2204
|
drawerType: "connectDrawer",
|
|
2208
|
-
connectTitle:
|
|
2209
|
-
connectDescription:
|
|
2205
|
+
connectTitle: o.dont_see_all_your_accounts,
|
|
2206
|
+
connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2210
2207
|
},
|
|
2211
2208
|
haveAGoodCreditScore: {
|
|
2212
2209
|
title: /* @__PURE__ */ e(Xo, {}),
|
|
@@ -2215,44 +2212,44 @@ const B = {
|
|
|
2215
2212
|
content: /* @__PURE__ */ e(jo, {})
|
|
2216
2213
|
},
|
|
2217
2214
|
saveEnoughToLiveOn: {
|
|
2218
|
-
title:
|
|
2219
|
-
description:
|
|
2215
|
+
title: o.key_indicators_save.drawer_title,
|
|
2216
|
+
description: o.key_indicators_save.drawer_description,
|
|
2220
2217
|
stickyComponent: /* @__PURE__ */ e(Cr, {}),
|
|
2221
2218
|
content: /* @__PURE__ */ e(xr, {}),
|
|
2222
2219
|
drawerType: "connectDrawer",
|
|
2223
|
-
connectTitle:
|
|
2224
|
-
connectDescription:
|
|
2220
|
+
connectTitle: o.dont_see_all_your_accounts,
|
|
2221
|
+
connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2225
2222
|
}
|
|
2226
2223
|
}[t];
|
|
2227
2224
|
return /* @__PURE__ */ e(
|
|
2228
2225
|
Ht,
|
|
2229
2226
|
{
|
|
2230
|
-
connectDescription:
|
|
2231
|
-
connectTitle:
|
|
2232
|
-
description:
|
|
2233
|
-
drawerTitle:
|
|
2234
|
-
drawerType:
|
|
2227
|
+
connectDescription: a?.connectDescription,
|
|
2228
|
+
connectTitle: a?.connectTitle,
|
|
2229
|
+
description: a?.description,
|
|
2230
|
+
drawerTitle: o.key_indicators,
|
|
2231
|
+
drawerType: a.drawerType,
|
|
2235
2232
|
isOpen: r,
|
|
2236
2233
|
loadConnectAccountsCard: !0,
|
|
2237
2234
|
onClose: n,
|
|
2238
|
-
stickyComponent:
|
|
2239
|
-
title:
|
|
2240
|
-
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children:
|
|
2235
|
+
stickyComponent: a.stickyComponent,
|
|
2236
|
+
title: a.title,
|
|
2237
|
+
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: a.content })
|
|
2241
2238
|
}
|
|
2242
2239
|
);
|
|
2243
|
-
},
|
|
2240
|
+
}, Wr = S(Lr), xe = ({
|
|
2244
2241
|
drawerFor: t,
|
|
2245
2242
|
title: r,
|
|
2246
2243
|
description: n,
|
|
2247
2244
|
cardState: o = "MISSING",
|
|
2248
|
-
onPrimaryCtaClick:
|
|
2245
|
+
onPrimaryCtaClick: l
|
|
2249
2246
|
}) => {
|
|
2250
|
-
const [
|
|
2251
|
-
return /* @__PURE__ */
|
|
2252
|
-
/* @__PURE__ */
|
|
2247
|
+
const [a, s] = m.useState(!1);
|
|
2248
|
+
return /* @__PURE__ */ i(z, { children: [
|
|
2249
|
+
/* @__PURE__ */ i(
|
|
2253
2250
|
u,
|
|
2254
2251
|
{
|
|
2255
|
-
onClick: () =>
|
|
2252
|
+
onClick: () => s(!0),
|
|
2256
2253
|
sx: {
|
|
2257
2254
|
alignItems: "center",
|
|
2258
2255
|
flexDirection: "row",
|
|
@@ -2265,8 +2262,8 @@ const B = {
|
|
|
2265
2262
|
cursor: "pointer"
|
|
2266
2263
|
},
|
|
2267
2264
|
children: [
|
|
2268
|
-
/* @__PURE__ */
|
|
2269
|
-
/* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
|
|
2266
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
|
|
2270
2267
|
/* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
|
|
2271
2268
|
/* @__PURE__ */ e(Le, { status: o })
|
|
2272
2269
|
] }),
|
|
@@ -2277,159 +2274,159 @@ const B = {
|
|
|
2277
2274
|
}
|
|
2278
2275
|
),
|
|
2279
2276
|
/* @__PURE__ */ e(
|
|
2280
|
-
|
|
2277
|
+
Wr,
|
|
2281
2278
|
{
|
|
2282
2279
|
drawerFor: t,
|
|
2283
|
-
isOpen:
|
|
2284
|
-
onClose: () =>
|
|
2285
|
-
onPrimaryCtaClick:
|
|
2280
|
+
isOpen: a,
|
|
2281
|
+
onClose: () => s(!1),
|
|
2282
|
+
onPrimaryCtaClick: l
|
|
2286
2283
|
}
|
|
2287
2284
|
)
|
|
2288
2285
|
] });
|
|
2289
|
-
},
|
|
2290
|
-
const { finstrong: r } =
|
|
2291
|
-
const
|
|
2286
|
+
}, $r = ({ onPrimaryCtaClick: t }) => {
|
|
2287
|
+
const { finstrong: r } = v(), { key_indicators_spend: n } = r, { healthScore: o } = F(), l = (p) => {
|
|
2288
|
+
const c = $n(p), d = {
|
|
2292
2289
|
GOOD: n.ratio_good_description,
|
|
2293
2290
|
FAIR: n.ratio_fair_description,
|
|
2294
2291
|
OFF_TRACK: n.ratio_off_track_description,
|
|
2295
2292
|
MISSING: n.ratio_missing_description
|
|
2296
|
-
}, _ =
|
|
2293
|
+
}, _ = c === "MISSING" ? d[c] : Y(d[c], p);
|
|
2297
2294
|
return {
|
|
2298
|
-
cardState:
|
|
2295
|
+
cardState: c,
|
|
2299
2296
|
description: _,
|
|
2300
2297
|
title: n.ratio_card_title
|
|
2301
2298
|
};
|
|
2302
|
-
}, { spendToIncomeRatio:
|
|
2303
|
-
const p = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null,
|
|
2299
|
+
}, { spendToIncomeRatio: a, spendFeeCount: s } = m.useMemo(() => {
|
|
2300
|
+
const p = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null, c = l(p), d = Wn(
|
|
2304
2301
|
o.spending_fee_transaction_count,
|
|
2305
2302
|
n
|
|
2306
2303
|
);
|
|
2307
|
-
return { spendToIncomeRatio:
|
|
2304
|
+
return { spendToIncomeRatio: c, spendFeeCount: d };
|
|
2308
2305
|
}, [
|
|
2309
2306
|
o.spend_to_income_ratio,
|
|
2310
2307
|
o.spending_fee_transaction_count,
|
|
2311
2308
|
n,
|
|
2312
2309
|
r
|
|
2313
2310
|
]);
|
|
2314
|
-
return /* @__PURE__ */
|
|
2311
|
+
return /* @__PURE__ */ i(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
|
|
2315
2312
|
/* @__PURE__ */ e(
|
|
2316
2313
|
xe,
|
|
2317
2314
|
{
|
|
2318
|
-
cardState:
|
|
2319
|
-
description:
|
|
2320
|
-
drawerFor:
|
|
2315
|
+
cardState: a.cardState,
|
|
2316
|
+
description: a.description,
|
|
2317
|
+
drawerFor: _e.SpendLessThanYouMake,
|
|
2321
2318
|
onPrimaryCtaClick: t,
|
|
2322
|
-
title:
|
|
2319
|
+
title: a.title
|
|
2323
2320
|
}
|
|
2324
2321
|
),
|
|
2325
2322
|
/* @__PURE__ */ e(
|
|
2326
2323
|
xe,
|
|
2327
2324
|
{
|
|
2328
|
-
cardState:
|
|
2329
|
-
description:
|
|
2330
|
-
drawerFor:
|
|
2331
|
-
title:
|
|
2325
|
+
cardState: s.cardState,
|
|
2326
|
+
description: s.description,
|
|
2327
|
+
drawerFor: _e.PayBillsOnTime,
|
|
2328
|
+
title: s.title
|
|
2332
2329
|
}
|
|
2333
2330
|
)
|
|
2334
2331
|
] });
|
|
2335
|
-
}, zr = S(
|
|
2336
|
-
const { healthScore: t } = F(), { finstrong: r } =
|
|
2337
|
-
const
|
|
2332
|
+
}, zr = S($r), Er = () => {
|
|
2333
|
+
const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_save: n } = r, o = (p) => {
|
|
2334
|
+
const c = wt(p), d = {
|
|
2338
2335
|
GOOD: n.days_of_cash_good_description,
|
|
2339
2336
|
FAIR: n.days_of_cash_fair_description,
|
|
2340
2337
|
OFF_TRACK: n.days_of_cash_off_track_description,
|
|
2341
2338
|
MISSING: n.days_of_cash_missing_description
|
|
2342
|
-
}, _ =
|
|
2339
|
+
}, _ = c === "MISSING" ? d[c] : Y(d[c], p);
|
|
2343
2340
|
return {
|
|
2344
|
-
cardState:
|
|
2341
|
+
cardState: c,
|
|
2345
2342
|
description: _,
|
|
2346
2343
|
title: n.days_of_cash_title
|
|
2347
2344
|
};
|
|
2348
|
-
},
|
|
2349
|
-
const
|
|
2345
|
+
}, l = (p) => {
|
|
2346
|
+
const c = vt(p), d = {
|
|
2350
2347
|
GOOD: n.emergency_savings_good_description,
|
|
2351
2348
|
FAIR: n.emergency_savings_fair_description,
|
|
2352
2349
|
OFF_TRACK: n.emergency_savings_off_track_description,
|
|
2353
2350
|
MISSING: n.emergency_savings_missing_description
|
|
2354
2351
|
};
|
|
2355
2352
|
let _;
|
|
2356
|
-
return
|
|
2357
|
-
d[
|
|
2353
|
+
return c === "FAIR" && p !== null ? _ = Y(
|
|
2354
|
+
d[c],
|
|
2358
2355
|
L(p, "0,0.00")
|
|
2359
|
-
) : _ = d[
|
|
2360
|
-
cardState:
|
|
2356
|
+
) : _ = d[c], {
|
|
2357
|
+
cardState: c,
|
|
2361
2358
|
description: _,
|
|
2362
2359
|
title: n.emergency_savings_title
|
|
2363
2360
|
};
|
|
2364
|
-
}, { daysOfCashOnHand:
|
|
2365
|
-
const p = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null,
|
|
2366
|
-
return { daysOfCashOnHand:
|
|
2361
|
+
}, { daysOfCashOnHand: a, emergencySavings: s } = m.useMemo(() => {
|
|
2362
|
+
const p = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = o(p), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(d);
|
|
2363
|
+
return { daysOfCashOnHand: c, emergencySavings: _ };
|
|
2367
2364
|
}, [
|
|
2368
2365
|
t.months_of_cash_on_hand,
|
|
2369
2366
|
t.emergency_savings_on_hand,
|
|
2370
2367
|
n,
|
|
2371
2368
|
r
|
|
2372
2369
|
]);
|
|
2373
|
-
return /* @__PURE__ */
|
|
2370
|
+
return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2374
2371
|
/* @__PURE__ */ e(
|
|
2375
2372
|
xe,
|
|
2376
2373
|
{
|
|
2377
|
-
cardState:
|
|
2378
|
-
description:
|
|
2379
|
-
drawerFor:
|
|
2380
|
-
title:
|
|
2374
|
+
cardState: a.cardState,
|
|
2375
|
+
description: a.description,
|
|
2376
|
+
drawerFor: _e.SaveEnoughToLiveOn,
|
|
2377
|
+
title: a.title
|
|
2381
2378
|
}
|
|
2382
2379
|
),
|
|
2383
2380
|
/* @__PURE__ */ e(
|
|
2384
2381
|
xe,
|
|
2385
2382
|
{
|
|
2386
|
-
cardState:
|
|
2387
|
-
description:
|
|
2388
|
-
drawerFor:
|
|
2389
|
-
title:
|
|
2383
|
+
cardState: s.cardState,
|
|
2384
|
+
description: s.description,
|
|
2385
|
+
drawerFor: _e.MaintainEmergencySavings,
|
|
2386
|
+
title: s.title
|
|
2390
2387
|
}
|
|
2391
2388
|
)
|
|
2392
2389
|
] });
|
|
2393
2390
|
}, Gr = S(Er), Hr = () => {
|
|
2394
|
-
const { healthScore: t } = F(), { finstrong: r } =
|
|
2395
|
-
const d = zn(
|
|
2391
|
+
const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = Q(), l = (c) => {
|
|
2392
|
+
const d = zn(c), _ = {
|
|
2396
2393
|
GOOD: n.manage_debit_good_description,
|
|
2397
2394
|
FAIR: n.manage_debit_fair_description,
|
|
2398
2395
|
OFF_TRACK: n.manage_debit_off_track_description,
|
|
2399
2396
|
MISSING: n.manage_debit_missing_description
|
|
2400
|
-
}, h = d === "FAIR" || d === "OFF_TRACK" ? Y(_[d],
|
|
2397
|
+
}, h = d === "FAIR" || d === "OFF_TRACK" ? Y(_[d], c) : _[d];
|
|
2401
2398
|
return {
|
|
2402
2399
|
cardState: d,
|
|
2403
2400
|
description: h,
|
|
2404
2401
|
title: n.manage_debit_title
|
|
2405
2402
|
};
|
|
2406
|
-
},
|
|
2407
|
-
const d = Ct(
|
|
2403
|
+
}, a = (c) => {
|
|
2404
|
+
const d = Ct(c), _ = {
|
|
2408
2405
|
GOOD: n.credit_score_good_description,
|
|
2409
2406
|
FAIR: n.credit_score_fair_description,
|
|
2410
2407
|
OFF_TRACK: n.credit_score_off_track_description,
|
|
2411
2408
|
MISSING: n.credit_score_missing_description
|
|
2412
|
-
}, h = d === "MISSING" ? _[d] : Y(_[d],
|
|
2409
|
+
}, h = d === "MISSING" ? _[d] : Y(_[d], c);
|
|
2413
2410
|
return {
|
|
2414
2411
|
cardState: d,
|
|
2415
2412
|
description: h,
|
|
2416
2413
|
title: n.credit_score_title
|
|
2417
2414
|
};
|
|
2418
|
-
}, { manageDebtStatus:
|
|
2419
|
-
const
|
|
2415
|
+
}, { manageDebtStatus: s, creditScoreStatus: p } = m.useMemo(() => {
|
|
2416
|
+
const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = l(c), _ = a(o.credit_score || null);
|
|
2420
2417
|
return {
|
|
2421
2418
|
manageDebtStatus: d,
|
|
2422
2419
|
creditScoreStatus: _
|
|
2423
2420
|
};
|
|
2424
2421
|
}, [t.debt_to_income_ratio, o.credit_score, n, r]);
|
|
2425
|
-
return /* @__PURE__ */
|
|
2422
|
+
return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2426
2423
|
/* @__PURE__ */ e(
|
|
2427
2424
|
xe,
|
|
2428
2425
|
{
|
|
2429
|
-
cardState:
|
|
2430
|
-
description:
|
|
2431
|
-
drawerFor:
|
|
2432
|
-
title:
|
|
2426
|
+
cardState: s.cardState,
|
|
2427
|
+
description: s.description,
|
|
2428
|
+
drawerFor: _e.HaveManageableDebt,
|
|
2429
|
+
title: s.title
|
|
2433
2430
|
}
|
|
2434
2431
|
),
|
|
2435
2432
|
/* @__PURE__ */ e(
|
|
@@ -2437,20 +2434,20 @@ const B = {
|
|
|
2437
2434
|
{
|
|
2438
2435
|
cardState: p.cardState,
|
|
2439
2436
|
description: p.description,
|
|
2440
|
-
drawerFor:
|
|
2437
|
+
drawerFor: _e.HaveAGoodCreditScore,
|
|
2441
2438
|
title: p.title
|
|
2442
2439
|
}
|
|
2443
2440
|
)
|
|
2444
2441
|
] });
|
|
2445
2442
|
}, Nr = S(Hr), Kr = ({ onPrimaryCtaClick: t }) => {
|
|
2446
|
-
const [r, n] = m.useState(0), { finstrong: o } =
|
|
2447
|
-
return /* @__PURE__ */
|
|
2448
|
-
/* @__PURE__ */
|
|
2443
|
+
const [r, n] = m.useState(0), { finstrong: o } = v();
|
|
2444
|
+
return /* @__PURE__ */ i(z, { children: [
|
|
2445
|
+
/* @__PURE__ */ i(
|
|
2449
2446
|
qe,
|
|
2450
2447
|
{
|
|
2451
2448
|
"aria-label": "Key Indicators",
|
|
2452
2449
|
centered: !0,
|
|
2453
|
-
onChange: (
|
|
2450
|
+
onChange: (l, a) => n(a),
|
|
2454
2451
|
sx: {
|
|
2455
2452
|
mb: 0,
|
|
2456
2453
|
"& .MuiTab-root": {
|
|
@@ -2462,7 +2459,7 @@ const B = {
|
|
|
2462
2459
|
variant: "fullWidth",
|
|
2463
2460
|
children: [
|
|
2464
2461
|
/* @__PURE__ */ e(
|
|
2465
|
-
|
|
2462
|
+
pe,
|
|
2466
2463
|
{
|
|
2467
2464
|
"aria-controls": "spend-details-tabpanel-0",
|
|
2468
2465
|
icon: /* @__PURE__ */ e(Ke, { sx: { mr: 8 } }),
|
|
@@ -2473,7 +2470,7 @@ const B = {
|
|
|
2473
2470
|
}
|
|
2474
2471
|
),
|
|
2475
2472
|
/* @__PURE__ */ e(
|
|
2476
|
-
|
|
2473
|
+
pe,
|
|
2477
2474
|
{
|
|
2478
2475
|
"aria-controls": "save-details-tabpanel-1",
|
|
2479
2476
|
icon: /* @__PURE__ */ e(fn, { sx: { mr: 8 } }),
|
|
@@ -2484,7 +2481,7 @@ const B = {
|
|
|
2484
2481
|
}
|
|
2485
2482
|
),
|
|
2486
2483
|
/* @__PURE__ */ e(
|
|
2487
|
-
|
|
2484
|
+
pe,
|
|
2488
2485
|
{
|
|
2489
2486
|
"aria-controls": "borrow-details-tabpanel-2",
|
|
2490
2487
|
icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
|
|
@@ -2497,20 +2494,20 @@ const B = {
|
|
|
2497
2494
|
]
|
|
2498
2495
|
}
|
|
2499
2496
|
),
|
|
2500
|
-
/* @__PURE__ */ e(
|
|
2501
|
-
/* @__PURE__ */ e(
|
|
2502
|
-
/* @__PURE__ */ e(
|
|
2497
|
+
/* @__PURE__ */ e(ue, { index: 0, name: "spend-details", value: r, children: /* @__PURE__ */ e(zr, { onPrimaryCtaClick: t }) }),
|
|
2498
|
+
/* @__PURE__ */ e(ue, { index: 1, name: "save-details", value: r, children: /* @__PURE__ */ e(Gr, {}) }),
|
|
2499
|
+
/* @__PURE__ */ e(ue, { index: 2, name: "borrow-details", value: r, children: /* @__PURE__ */ e(Nr, {}) })
|
|
2503
2500
|
] });
|
|
2504
2501
|
}, jr = S(Kr), Yr = ({ onClick: t }) => {
|
|
2505
|
-
const { finstrong: r } =
|
|
2506
|
-
return n ? /* @__PURE__ */
|
|
2502
|
+
const { finstrong: r } = v(), { isCopyLoaded: n } = j();
|
|
2503
|
+
return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2507
2504
|
/* @__PURE__ */ e(bt, { size: 48 }),
|
|
2508
|
-
/* @__PURE__ */
|
|
2505
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2509
2506
|
/* @__PURE__ */ e(N, { children: r.missing_data_title }),
|
|
2510
2507
|
/* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
|
|
2511
2508
|
] }),
|
|
2512
|
-
/* @__PURE__ */ e(
|
|
2513
|
-
|
|
2509
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
2510
|
+
W,
|
|
2514
2511
|
{
|
|
2515
2512
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
2516
2513
|
onClick: t,
|
|
@@ -2533,21 +2530,21 @@ const B = {
|
|
|
2533
2530
|
frequency: r,
|
|
2534
2531
|
secondDay: n,
|
|
2535
2532
|
incomeTransactions: o,
|
|
2536
|
-
setCurrentStep:
|
|
2537
|
-
setFirstDay:
|
|
2538
|
-
setFrequency:
|
|
2533
|
+
setCurrentStep: l,
|
|
2534
|
+
setFirstDay: a,
|
|
2535
|
+
setFrequency: s,
|
|
2539
2536
|
setSecondDay: p,
|
|
2540
|
-
transaction:
|
|
2541
|
-
}) => /* @__PURE__ */
|
|
2542
|
-
/* @__PURE__ */
|
|
2543
|
-
!!o.length && /* @__PURE__ */ e(
|
|
2544
|
-
if (_.guid ===
|
|
2545
|
-
const
|
|
2537
|
+
transaction: c
|
|
2538
|
+
}) => /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2539
|
+
/* @__PURE__ */ i(u, { children: [
|
|
2540
|
+
!!o.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: o.reduce((d, _, h) => {
|
|
2541
|
+
if (_.guid === c.guid) return d;
|
|
2542
|
+
const b = Ne(h, o), f = Ft(h, o);
|
|
2546
2543
|
return d.push(
|
|
2547
|
-
/* @__PURE__ */
|
|
2548
|
-
|
|
2544
|
+
/* @__PURE__ */ i(m.Fragment, { children: [
|
|
2545
|
+
b && /* @__PURE__ */ e(Pt, { children: Ze(_.date) }),
|
|
2549
2546
|
/* @__PURE__ */ e(Bt, { transaction: _ }),
|
|
2550
|
-
/* @__PURE__ */ e(
|
|
2547
|
+
/* @__PURE__ */ e(ne, { sx: { ml: f ? 44 : 0 } })
|
|
2551
2548
|
] }, _.guid)
|
|
2552
2549
|
), d;
|
|
2553
2550
|
}, []) }),
|
|
@@ -2556,19 +2553,19 @@ const B = {
|
|
|
2556
2553
|
{
|
|
2557
2554
|
firstDay: t,
|
|
2558
2555
|
frequency: r,
|
|
2559
|
-
onFirstDayChange:
|
|
2560
|
-
onFrequencyChange:
|
|
2556
|
+
onFirstDayChange: a,
|
|
2557
|
+
onFrequencyChange: s,
|
|
2561
2558
|
onSecondDayChange: p,
|
|
2562
2559
|
secondDay: n,
|
|
2563
|
-
transaction:
|
|
2560
|
+
transaction: c
|
|
2564
2561
|
}
|
|
2565
2562
|
)
|
|
2566
2563
|
] }),
|
|
2567
|
-
/* @__PURE__ */ e(
|
|
2568
|
-
|
|
2564
|
+
/* @__PURE__ */ e(C, { sx: { px: 24 }, children: /* @__PURE__ */ e(
|
|
2565
|
+
W,
|
|
2569
2566
|
{
|
|
2570
2567
|
fullWidth: !0,
|
|
2571
|
-
onClick: () =>
|
|
2568
|
+
onClick: () => l({ step: O.MonthlyIncome, type: "main" }),
|
|
2572
2569
|
startIcon: /* @__PURE__ */ e(ft, {}),
|
|
2573
2570
|
children: Xr.add_more_income
|
|
2574
2571
|
}
|
|
@@ -2576,10 +2573,10 @@ const B = {
|
|
|
2576
2573
|
] }), Ur = S(qr), Zr = {
|
|
2577
2574
|
select_date: "Select Date"
|
|
2578
2575
|
}, Qr = ({ selectedDate: t, setSelectedDate: r }) => {
|
|
2579
|
-
const n =
|
|
2580
|
-
r(Math.floor(new Date(
|
|
2576
|
+
const n = E(), o = (l) => {
|
|
2577
|
+
r(Math.floor(new Date(l).getTime() / 1e3));
|
|
2581
2578
|
};
|
|
2582
|
-
return /* @__PURE__ */ e(
|
|
2579
|
+
return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: $t, children: /* @__PURE__ */ e(
|
|
2583
2580
|
vo,
|
|
2584
2581
|
{
|
|
2585
2582
|
disableFuture: !0,
|
|
@@ -2613,7 +2610,7 @@ const B = {
|
|
|
2613
2610
|
credit_score: "Credit Score"
|
|
2614
2611
|
}, ta = ({ creditScore: t, setCreditScore: r }) => {
|
|
2615
2612
|
const n = !isNaN(t);
|
|
2616
|
-
return /* @__PURE__ */ e(
|
|
2613
|
+
return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2617
2614
|
Oe,
|
|
2618
2615
|
{
|
|
2619
2616
|
error: !n,
|
|
@@ -2628,9 +2625,9 @@ const B = {
|
|
|
2628
2625
|
value: n ? t : ""
|
|
2629
2626
|
}
|
|
2630
2627
|
) });
|
|
2631
|
-
}, na = S(ta), Yt = ({ value: t, completeCopy: r }) => /* @__PURE__ */
|
|
2628
|
+
}, na = S(ta), Yt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
2632
2629
|
/* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
|
|
2633
|
-
|
|
2630
|
+
C,
|
|
2634
2631
|
{
|
|
2635
2632
|
sx: {
|
|
2636
2633
|
bgcolor: o < t ? "primary.main" : "neutral.light",
|
|
@@ -2641,7 +2638,7 @@ const B = {
|
|
|
2641
2638
|
},
|
|
2642
2639
|
o
|
|
2643
2640
|
)) }),
|
|
2644
|
-
/* @__PURE__ */
|
|
2641
|
+
/* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "body2", children: [
|
|
2645
2642
|
t / 4 * 100,
|
|
2646
2643
|
"% ",
|
|
2647
2644
|
r
|
|
@@ -2651,14 +2648,14 @@ const B = {
|
|
|
2651
2648
|
primaryText: r,
|
|
2652
2649
|
secondaryText: n,
|
|
2653
2650
|
value: o
|
|
2654
|
-
}) => /* @__PURE__ */
|
|
2655
|
-
/* @__PURE__ */
|
|
2651
|
+
}) => /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
|
|
2652
|
+
/* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
2656
2653
|
/* @__PURE__ */ e(N, { children: r }),
|
|
2657
2654
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
|
|
2658
2655
|
] }),
|
|
2659
2656
|
/* @__PURE__ */ e(Yt, { completeCopy: t, value: o })
|
|
2660
2657
|
] }), ht = {
|
|
2661
|
-
step:
|
|
2658
|
+
step: O.ConnectAccounts,
|
|
2662
2659
|
type: "main"
|
|
2663
2660
|
}, P = {
|
|
2664
2661
|
add_accounts: "Add Accounts",
|
|
@@ -2679,11 +2676,11 @@ const B = {
|
|
|
2679
2676
|
do_it_later: "Do It Later",
|
|
2680
2677
|
next: "Next"
|
|
2681
2678
|
}, ra = ({ isOpen: t, onClose: r }) => {
|
|
2682
|
-
const { visibleAccounts: n } =
|
|
2679
|
+
const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: l } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: p } = Ve(), { filter: c, setFilter: d, transactions: _ } = jn(), { user: h, userProfile: b, updateUser: f, updateUserProfile: w } = Q(), [y, D] = m.useState(h.credit_score || 0), [g, x] = m.useState(
|
|
2683
2680
|
ht
|
|
2684
|
-
), [M,
|
|
2681
|
+
), [M, $] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(h.birthday), [ce, he] = m.useState(15), [q, Je] = m.useState("");
|
|
2685
2682
|
m.useEffect(() => {
|
|
2686
|
-
p({ start: Lt(dt()), end:
|
|
2683
|
+
p({ start: Lt(dt()), end: Wt(dt()) });
|
|
2687
2684
|
}, []), m.useEffect(() => {
|
|
2688
2685
|
d({
|
|
2689
2686
|
accounts: n.map((A) => A.guid),
|
|
@@ -2692,50 +2689,50 @@ const B = {
|
|
|
2692
2689
|
end: /* @__PURE__ */ new Date()
|
|
2693
2690
|
},
|
|
2694
2691
|
custom: pt
|
|
2695
|
-
}),
|
|
2692
|
+
}), a(n);
|
|
2696
2693
|
}, [n]);
|
|
2697
2694
|
const et = m.useMemo(
|
|
2698
2695
|
() => _.find((A) => A.guid === q),
|
|
2699
2696
|
[q, _]
|
|
2700
2697
|
), Vt = m.useMemo(() => ({
|
|
2701
|
-
[
|
|
2702
|
-
[
|
|
2703
|
-
[
|
|
2704
|
-
[
|
|
2705
|
-
})[g.step], [
|
|
2698
|
+
[O.ConnectAccounts]: !0,
|
|
2699
|
+
[O.MonthlyIncome]: !!q,
|
|
2700
|
+
[O.Birthday]: !!h.birthday || !!X,
|
|
2701
|
+
[O.CreditScore]: !!h.credit_score || !!y
|
|
2702
|
+
})[g.step], [y, g, X, q, h]), le = n.length > 0, Xt = m.useMemo(() => {
|
|
2706
2703
|
const { step: A } = g;
|
|
2707
2704
|
let R = 0;
|
|
2708
|
-
return A >=
|
|
2709
|
-
}, [g.step,
|
|
2705
|
+
return A >= O.MonthlyIncome && le && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (h.birthday || h.credit_score) && R++, R;
|
|
2706
|
+
}, [g.step, le, T.length, h.birthday, h.credit_score]), qt = (A) => {
|
|
2710
2707
|
d({
|
|
2711
|
-
...
|
|
2708
|
+
...c,
|
|
2712
2709
|
custom: (R) => A ? So(R, A) : pt(R)
|
|
2713
2710
|
});
|
|
2714
2711
|
}, Ut = {
|
|
2715
|
-
[
|
|
2716
|
-
main:
|
|
2717
|
-
mainActionContent:
|
|
2712
|
+
[O.ConnectAccounts]: {
|
|
2713
|
+
main: le ? /* @__PURE__ */ e(Nt, { shouldShowBalance: !1 }) : null,
|
|
2714
|
+
mainActionContent: le ? P.next : P.add_accounts,
|
|
2718
2715
|
primaryText: P.connect_your_accounts_primary,
|
|
2719
2716
|
secondaryText: P.connect_your_accounts_secondary
|
|
2720
2717
|
},
|
|
2721
|
-
[
|
|
2718
|
+
[O.MonthlyIncome]: {
|
|
2722
2719
|
detail: /* @__PURE__ */ e(
|
|
2723
2720
|
Ur,
|
|
2724
2721
|
{
|
|
2725
2722
|
firstDay: M,
|
|
2726
|
-
frequency:
|
|
2727
|
-
incomeTransactions:
|
|
2728
|
-
secondDay:
|
|
2723
|
+
frequency: G,
|
|
2724
|
+
incomeTransactions: T,
|
|
2725
|
+
secondDay: ce,
|
|
2729
2726
|
setCurrentStep: (A) => {
|
|
2730
|
-
|
|
2731
|
-
if (R.some((
|
|
2732
|
-
const Ie = _.find((
|
|
2733
|
-
return Ie ? [...R, { ...Ie, firstDay: M, frequency:
|
|
2727
|
+
x(A), V((R) => {
|
|
2728
|
+
if (R.some((de) => de.guid === q)) return R.filter((de) => de.guid !== q);
|
|
2729
|
+
const Ie = _.find((de) => de.guid === q);
|
|
2730
|
+
return Ie ? [...R, { ...Ie, firstDay: M, frequency: G, secondDay: ce }] : R;
|
|
2734
2731
|
});
|
|
2735
2732
|
},
|
|
2736
|
-
setFirstDay:
|
|
2737
|
-
setFrequency:
|
|
2738
|
-
setSecondDay:
|
|
2733
|
+
setFirstDay: $,
|
|
2734
|
+
setFrequency: H,
|
|
2735
|
+
setSecondDay: he,
|
|
2739
2736
|
transaction: et
|
|
2740
2737
|
}
|
|
2741
2738
|
),
|
|
@@ -2745,7 +2742,7 @@ const B = {
|
|
|
2745
2742
|
{
|
|
2746
2743
|
onSearch: qt,
|
|
2747
2744
|
onSelected: (A) => {
|
|
2748
|
-
|
|
2745
|
+
x({ step: O.MonthlyIncome, type: "detail" }), Je(A);
|
|
2749
2746
|
}
|
|
2750
2747
|
}
|
|
2751
2748
|
),
|
|
@@ -2753,68 +2750,68 @@ const B = {
|
|
|
2753
2750
|
primaryText: P.add_income_primary,
|
|
2754
2751
|
secondaryText: P.add_income_secondary
|
|
2755
2752
|
},
|
|
2756
|
-
[
|
|
2757
|
-
main: /* @__PURE__ */ e(Jr, { selectedDate: X, setSelectedDate:
|
|
2753
|
+
[O.Birthday]: {
|
|
2754
|
+
main: /* @__PURE__ */ e(Jr, { selectedDate: X, setSelectedDate: se }),
|
|
2758
2755
|
mainActionContent: P.next,
|
|
2759
2756
|
primaryText: P.birthday_primary,
|
|
2760
2757
|
secondaryText: P.birthday_secondary
|
|
2761
2758
|
},
|
|
2762
|
-
[
|
|
2763
|
-
main: /* @__PURE__ */ e(na, { creditScore:
|
|
2759
|
+
[O.CreditScore]: {
|
|
2760
|
+
main: /* @__PURE__ */ e(na, { creditScore: y, setCreditScore: D }),
|
|
2764
2761
|
mainActionContent: P.next,
|
|
2765
2762
|
primaryText: P.credit_score_primary,
|
|
2766
2763
|
secondaryText: P.credit_score_secondary
|
|
2767
2764
|
}
|
|
2768
2765
|
}, tt = () => {
|
|
2769
|
-
|
|
2766
|
+
x(ht), ae(!1), Je(""), r();
|
|
2770
2767
|
}, nt = async () => {
|
|
2771
|
-
|
|
2768
|
+
ae(!0), await en(T), await o(), await w({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
|
|
2772
2769
|
}, Zt = () => {
|
|
2773
|
-
if (g.step ===
|
|
2770
|
+
if (g.step === O.CreditScore) {
|
|
2774
2771
|
nt();
|
|
2775
2772
|
return;
|
|
2776
2773
|
}
|
|
2777
|
-
|
|
2774
|
+
x({ step: g.step + 1, type: "main" });
|
|
2778
2775
|
}, Qt = () => {
|
|
2779
2776
|
const { step: A } = g, R = A + 1;
|
|
2780
2777
|
switch (A) {
|
|
2781
|
-
case
|
|
2778
|
+
case O.Birthday:
|
|
2782
2779
|
X && X !== h.birthday && f({ ...h, birthday: X });
|
|
2783
2780
|
break;
|
|
2784
|
-
case
|
|
2785
|
-
|
|
2781
|
+
case O.CreditScore:
|
|
2782
|
+
y && y !== h.credit_score && f({ ...h, credit_score: y }), nt();
|
|
2786
2783
|
return;
|
|
2787
|
-
case
|
|
2788
|
-
q &&
|
|
2784
|
+
case O.MonthlyIncome:
|
|
2785
|
+
q && T.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
|
|
2789
2786
|
...ge,
|
|
2790
|
-
{ ...et, firstDay: M, frequency:
|
|
2787
|
+
{ ...et, firstDay: M, frequency: G, secondDay: ce }
|
|
2791
2788
|
]);
|
|
2792
2789
|
break;
|
|
2793
|
-
case
|
|
2794
|
-
if (!
|
|
2795
|
-
|
|
2790
|
+
case O.ConnectAccounts:
|
|
2791
|
+
if (!le) {
|
|
2792
|
+
ie(!0);
|
|
2796
2793
|
return;
|
|
2797
2794
|
}
|
|
2798
2795
|
break;
|
|
2799
2796
|
}
|
|
2800
|
-
R in
|
|
2797
|
+
R in O && x({ step: R, type: "main" });
|
|
2801
2798
|
}, Jt = () => {
|
|
2802
2799
|
const { step: A, type: R } = g;
|
|
2803
2800
|
if (R === "detail") {
|
|
2804
|
-
|
|
2801
|
+
x({ step: A, type: "main" });
|
|
2805
2802
|
return;
|
|
2806
2803
|
}
|
|
2807
|
-
if (A ===
|
|
2808
|
-
|
|
2804
|
+
if (A === O.Birthday && T.length) {
|
|
2805
|
+
x({ step: A - 1, type: "detail" });
|
|
2809
2806
|
return;
|
|
2810
2807
|
}
|
|
2811
|
-
A >
|
|
2808
|
+
A > O.ConnectAccounts && x({ step: A - 1, type: "main" });
|
|
2812
2809
|
}, en = async (A) => {
|
|
2813
2810
|
for (const R of A) {
|
|
2814
2811
|
const {
|
|
2815
2812
|
account_guid: ge,
|
|
2816
2813
|
amount: Ie,
|
|
2817
|
-
date:
|
|
2814
|
+
date: de,
|
|
2818
2815
|
description: on,
|
|
2819
2816
|
feed_description: rn,
|
|
2820
2817
|
firstDay: an,
|
|
@@ -2823,7 +2820,7 @@ const B = {
|
|
|
2823
2820
|
merchant_guid: cn,
|
|
2824
2821
|
payee: ln,
|
|
2825
2822
|
transaction_type: dn
|
|
2826
|
-
} = R, pn = Jn(ot, yo(
|
|
2823
|
+
} = R, pn = Jn(ot, yo(de)), un = {
|
|
2827
2824
|
account_guid: ge,
|
|
2828
2825
|
amount: Ie,
|
|
2829
2826
|
created_by: 0,
|
|
@@ -2837,15 +2834,15 @@ const B = {
|
|
|
2837
2834
|
transaction_type: dn,
|
|
2838
2835
|
user_guid: h.guid
|
|
2839
2836
|
};
|
|
2840
|
-
await
|
|
2837
|
+
await s(un, R);
|
|
2841
2838
|
}
|
|
2842
|
-
}, me = Ut[g.step], De = g.step ===
|
|
2839
|
+
}, me = Ut[g.step], De = g.step === O.ConnectAccounts, tn = {
|
|
2843
2840
|
fullWidth: !0,
|
|
2844
|
-
...De && !
|
|
2845
|
-
}, nn = !De || De && !
|
|
2846
|
-
return /* @__PURE__ */
|
|
2847
|
-
/* @__PURE__ */
|
|
2848
|
-
|
|
2841
|
+
...De && !le && { startIcon: /* @__PURE__ */ e(ft, {}) }
|
|
2842
|
+
}, nn = !De || De && !le;
|
|
2843
|
+
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2844
|
+
/* @__PURE__ */ i(
|
|
2845
|
+
te,
|
|
2849
2846
|
{
|
|
2850
2847
|
footerStyles: { px: 24, py: 16 },
|
|
2851
2848
|
hasSecondaryAction: !De,
|
|
@@ -2857,26 +2854,26 @@ const B = {
|
|
|
2857
2854
|
primaryText: me?.mainActionContent,
|
|
2858
2855
|
secondaryColor: "primary",
|
|
2859
2856
|
secondaryText: P.back,
|
|
2860
|
-
title:
|
|
2861
|
-
...!
|
|
2857
|
+
title: l.title,
|
|
2858
|
+
...!re && { onPrimaryAction: Qt },
|
|
2862
2859
|
children: [
|
|
2863
|
-
|
|
2860
|
+
re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
2864
2861
|
/* @__PURE__ */ e(Pe, { children: P.calculate_primary }),
|
|
2865
2862
|
/* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
|
|
2866
2863
|
] }),
|
|
2867
|
-
me && !
|
|
2864
|
+
me && !re && /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2868
2865
|
/* @__PURE__ */ e(
|
|
2869
2866
|
oa,
|
|
2870
2867
|
{
|
|
2871
|
-
completeCopy:
|
|
2868
|
+
completeCopy: l.complete,
|
|
2872
2869
|
primaryText: me.primaryText,
|
|
2873
2870
|
secondaryText: me.secondaryText,
|
|
2874
2871
|
value: Xt
|
|
2875
2872
|
}
|
|
2876
2873
|
),
|
|
2877
|
-
g.type === "main" && /* @__PURE__ */
|
|
2874
|
+
g.type === "main" && /* @__PURE__ */ i(C, { children: [
|
|
2878
2875
|
me.main,
|
|
2879
|
-
nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(
|
|
2876
|
+
nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
|
|
2880
2877
|
] }),
|
|
2881
2878
|
g.type === "detail" && me.detail
|
|
2882
2879
|
] })
|
|
@@ -2884,10 +2881,10 @@ const B = {
|
|
|
2884
2881
|
}
|
|
2885
2882
|
),
|
|
2886
2883
|
/* @__PURE__ */ e(
|
|
2887
|
-
|
|
2884
|
+
oe,
|
|
2888
2885
|
{
|
|
2889
|
-
onClose: () =>
|
|
2890
|
-
showConnectWidget:
|
|
2886
|
+
onClose: () => ie(!1),
|
|
2887
|
+
showConnectWidget: Ce,
|
|
2891
2888
|
title: P.connect_accounts
|
|
2892
2889
|
}
|
|
2893
2890
|
)
|
|
@@ -2898,8 +2895,8 @@ const B = {
|
|
|
2898
2895
|
get_started: "Get Started"
|
|
2899
2896
|
}, ia = () => {
|
|
2900
2897
|
const [t, r] = m.useState(!1);
|
|
2901
|
-
return /* @__PURE__ */
|
|
2902
|
-
/* @__PURE__ */
|
|
2898
|
+
return /* @__PURE__ */ i(m.Fragment, { children: [
|
|
2899
|
+
/* @__PURE__ */ i(
|
|
2903
2900
|
u,
|
|
2904
2901
|
{
|
|
2905
2902
|
sx: {
|
|
@@ -2910,38 +2907,38 @@ const B = {
|
|
|
2910
2907
|
px: 16
|
|
2911
2908
|
},
|
|
2912
2909
|
children: [
|
|
2913
|
-
/* @__PURE__ */
|
|
2914
|
-
/* @__PURE__ */ e(
|
|
2915
|
-
/* @__PURE__ */
|
|
2910
|
+
/* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
2911
|
+
/* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Sn, { size: 72 }) }),
|
|
2912
|
+
/* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
2916
2913
|
/* @__PURE__ */ e(Pe, { children: Ge.onboarding_title }),
|
|
2917
2914
|
/* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Ge.onboarding_subtitle })
|
|
2918
2915
|
] })
|
|
2919
2916
|
] }),
|
|
2920
|
-
/* @__PURE__ */ e(
|
|
2917
|
+
/* @__PURE__ */ e(W, { onClick: () => r(!0), variant: "contained", children: Ge.get_started })
|
|
2921
2918
|
]
|
|
2922
2919
|
}
|
|
2923
2920
|
),
|
|
2924
2921
|
/* @__PURE__ */ e(aa, { isOpen: t, onClose: () => r(!1) })
|
|
2925
2922
|
] });
|
|
2926
2923
|
}, sa = ({ isOpen: t, onClose: r }) => {
|
|
2927
|
-
const { finstrong: n } =
|
|
2924
|
+
const { finstrong: n } = v(), o = E(), { updateUser: l, user: a } = Q(), [s, p] = m.useState(a.birthday), c = (_) => {
|
|
2928
2925
|
p(Math.floor(new Date(_).getTime() / 1e3));
|
|
2929
2926
|
};
|
|
2930
2927
|
return /* @__PURE__ */ e(
|
|
2931
|
-
|
|
2928
|
+
te,
|
|
2932
2929
|
{
|
|
2933
2930
|
isOpen: t,
|
|
2934
2931
|
onClose: r,
|
|
2935
2932
|
onPrimaryAction: () => {
|
|
2936
|
-
!
|
|
2933
|
+
!s || s === a.birthday || (l({ ...a, birthday: s }), r());
|
|
2937
2934
|
},
|
|
2938
2935
|
onSecondaryAction: r,
|
|
2939
2936
|
title: n.date_of_birth,
|
|
2940
|
-
children: /* @__PURE__ */ e(Mo, { dateAdapter:
|
|
2937
|
+
children: /* @__PURE__ */ e(Mo, { dateAdapter: $t, children: /* @__PURE__ */ e(
|
|
2941
2938
|
wo,
|
|
2942
2939
|
{
|
|
2943
2940
|
disableFuture: !0,
|
|
2944
|
-
onChange:
|
|
2941
|
+
onChange: c,
|
|
2945
2942
|
slotProps: {
|
|
2946
2943
|
nextIconButton: {
|
|
2947
2944
|
sx: {
|
|
@@ -2967,97 +2964,97 @@ const B = {
|
|
|
2967
2964
|
"&:hover": { bgcolor: fe(o.palette.primary.light, 0.1) }
|
|
2968
2965
|
}
|
|
2969
2966
|
},
|
|
2970
|
-
value:
|
|
2967
|
+
value: s ? new Date(s * 1e3) : /* @__PURE__ */ new Date()
|
|
2971
2968
|
}
|
|
2972
2969
|
) })
|
|
2973
2970
|
}
|
|
2974
2971
|
);
|
|
2975
2972
|
}, ca = S(sa), la = ({ isOpen: t, onClose: r }) => {
|
|
2976
|
-
const { visibleFinstrongAccounts: n } =
|
|
2973
|
+
const { visibleFinstrongAccounts: n } = Me(), {
|
|
2977
2974
|
accounts: o,
|
|
2978
|
-
common:
|
|
2979
|
-
finstrong:
|
|
2980
|
-
} =
|
|
2981
|
-
const { repeating_transaction_type:
|
|
2982
|
-
return
|
|
2983
|
-
}, 0), [d, _] = m.useState(null),
|
|
2975
|
+
common: l,
|
|
2976
|
+
finstrong: a
|
|
2977
|
+
} = v(), { repeatingTransactions: s } = Ve(), { user: p } = Q(), c = s.reduce((f, w) => {
|
|
2978
|
+
const { repeating_transaction_type: y, transactions: D, recurrence_type: g, amount: x } = w;
|
|
2979
|
+
return y === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? f + x : f;
|
|
2980
|
+
}, 0), [d, _] = m.useState(null), b = [
|
|
2984
2981
|
{
|
|
2985
|
-
dynamicCopy:
|
|
2986
|
-
fallbackLabel:
|
|
2982
|
+
dynamicCopy: a.add_profile_item,
|
|
2983
|
+
fallbackLabel: a.monthly_income,
|
|
2987
2984
|
icon: /* @__PURE__ */ e(Cn, {}),
|
|
2988
|
-
key:
|
|
2989
|
-
label:
|
|
2990
|
-
value:
|
|
2985
|
+
key: ee.MonthlyIncome,
|
|
2986
|
+
label: a.monthly_income,
|
|
2987
|
+
value: c
|
|
2991
2988
|
},
|
|
2992
2989
|
{
|
|
2993
|
-
dynamicCopy:
|
|
2994
|
-
fallbackLabel:
|
|
2990
|
+
dynamicCopy: a.add_profile_item,
|
|
2991
|
+
fallbackLabel: a.date_of_birth,
|
|
2995
2992
|
icon: /* @__PURE__ */ e(vn, {}),
|
|
2996
|
-
key:
|
|
2997
|
-
label:
|
|
2993
|
+
key: ee.DateOfBirth,
|
|
2994
|
+
label: a.date_of_birth,
|
|
2998
2995
|
value: p.birthday
|
|
2999
2996
|
},
|
|
3000
2997
|
{
|
|
3001
|
-
dynamicCopy:
|
|
3002
|
-
fallbackLabel:
|
|
2998
|
+
dynamicCopy: a.add_profile_item,
|
|
2999
|
+
fallbackLabel: a.credit_score,
|
|
3003
3000
|
icon: /* @__PURE__ */ e(Ke, {}),
|
|
3004
|
-
key:
|
|
3005
|
-
label:
|
|
3001
|
+
key: ee.CreditScore,
|
|
3002
|
+
label: a.credit_score,
|
|
3006
3003
|
value: p.credit_score
|
|
3007
3004
|
},
|
|
3008
3005
|
{
|
|
3009
|
-
fallbackLabel:
|
|
3006
|
+
fallbackLabel: a.connect_your_accounts,
|
|
3010
3007
|
icon: /* @__PURE__ */ e(yt, {}),
|
|
3011
|
-
key:
|
|
3012
|
-
label:
|
|
3008
|
+
key: ee.Connections,
|
|
3009
|
+
label: a.connections,
|
|
3013
3010
|
value: n.length > 0 ? Y(
|
|
3014
|
-
|
|
3011
|
+
a.connected_account,
|
|
3015
3012
|
String(n.length),
|
|
3016
|
-
n.length > 1 ?
|
|
3013
|
+
n.length > 1 ? a.accounts : a.account
|
|
3017
3014
|
) : void 0
|
|
3018
3015
|
}
|
|
3019
3016
|
].map((f) => En(f));
|
|
3020
|
-
return /* @__PURE__ */
|
|
3021
|
-
/* @__PURE__ */
|
|
3022
|
-
/* @__PURE__ */
|
|
3023
|
-
/* @__PURE__ */ e(N, { children:
|
|
3024
|
-
/* @__PURE__ */ e(k, { children:
|
|
3017
|
+
return /* @__PURE__ */ i(te, { isOpen: t, onClose: r, title: a.financial_profile, children: [
|
|
3018
|
+
/* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
|
|
3019
|
+
/* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
3020
|
+
/* @__PURE__ */ e(N, { children: a.your_financial_profile }),
|
|
3021
|
+
/* @__PURE__ */ e(k, { children: a.financial_profile_description })
|
|
3025
3022
|
] }),
|
|
3026
3023
|
/* @__PURE__ */ e(
|
|
3027
3024
|
Yt,
|
|
3028
3025
|
{
|
|
3029
|
-
completeCopy:
|
|
3030
|
-
value:
|
|
3026
|
+
completeCopy: a.complete,
|
|
3027
|
+
value: b.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
|
|
3031
3028
|
}
|
|
3032
3029
|
)
|
|
3033
3030
|
] }),
|
|
3034
|
-
/* @__PURE__ */ e(Gn, { list:
|
|
3035
|
-
/* @__PURE__ */ e(
|
|
3031
|
+
/* @__PURE__ */ e(Gn, { list: b, onClickItem: _ }),
|
|
3032
|
+
/* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
3036
3033
|
Be,
|
|
3037
3034
|
{
|
|
3038
|
-
description:
|
|
3035
|
+
description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
|
|
3039
3036
|
drawerType: "connectDrawer",
|
|
3040
3037
|
isDashboard: !0,
|
|
3041
|
-
title:
|
|
3042
|
-
titleDrawer:
|
|
3038
|
+
title: a.dont_see_all_your_accounts,
|
|
3039
|
+
titleDrawer: l.add_accounts
|
|
3043
3040
|
}
|
|
3044
3041
|
) }),
|
|
3045
3042
|
/* @__PURE__ */ e(
|
|
3046
|
-
|
|
3043
|
+
te,
|
|
3047
3044
|
{
|
|
3048
|
-
isOpen: d ===
|
|
3045
|
+
isOpen: d === ee.MonthlyIncome,
|
|
3049
3046
|
onClose: () => _(null),
|
|
3050
|
-
title:
|
|
3047
|
+
title: l.settings,
|
|
3051
3048
|
children: /* @__PURE__ */ e(ko, {})
|
|
3052
3049
|
}
|
|
3053
3050
|
),
|
|
3054
|
-
/* @__PURE__ */ e(ca, { isOpen: d ===
|
|
3055
|
-
/* @__PURE__ */ e(Gt, { isOpen: d ===
|
|
3051
|
+
/* @__PURE__ */ e(ca, { isOpen: d === ee.DateOfBirth, onClose: () => _(null) }),
|
|
3052
|
+
/* @__PURE__ */ e(Gt, { isOpen: d === ee.CreditScore, onClose: () => _(null) }),
|
|
3056
3053
|
/* @__PURE__ */ e(
|
|
3057
3054
|
Mt,
|
|
3058
3055
|
{
|
|
3059
3056
|
onClose: () => _(null),
|
|
3060
|
-
showConnectionsWidget: d ===
|
|
3057
|
+
showConnectionsWidget: d === ee.Connections,
|
|
3061
3058
|
title: o.manage_connections
|
|
3062
3059
|
}
|
|
3063
3060
|
)
|
|
@@ -3065,26 +3062,26 @@ const B = {
|
|
|
3065
3062
|
}, da = S(la), mt = ({
|
|
3066
3063
|
content: t,
|
|
3067
3064
|
islast: r = !1
|
|
3068
|
-
}) => /* @__PURE__ */
|
|
3069
|
-
/* @__PURE__ */
|
|
3065
|
+
}) => /* @__PURE__ */ i(Ao, { sx: { minHeight: 0 }, children: [
|
|
3066
|
+
/* @__PURE__ */ i(Po, { children: [
|
|
3070
3067
|
/* @__PURE__ */ e(Fo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
|
|
3071
3068
|
!r && /* @__PURE__ */ e(Oo, { sx: { bgcolor: "divider", width: 0.1 } })
|
|
3072
3069
|
] }),
|
|
3073
3070
|
/* @__PURE__ */ e(Ro, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3074
3071
|
] }), pa = ({ report: t }) => {
|
|
3075
|
-
const { finstrong: r } =
|
|
3072
|
+
const { finstrong: r } = v(), { score_history_drawer_timeline: n } = r, {
|
|
3076
3073
|
health_score_point_difference: o,
|
|
3077
|
-
newer_credit_score:
|
|
3078
|
-
older_credit_score:
|
|
3079
|
-
older_spend_to_income_ratio:
|
|
3074
|
+
newer_credit_score: l,
|
|
3075
|
+
older_credit_score: a,
|
|
3076
|
+
older_spend_to_income_ratio: s,
|
|
3080
3077
|
newer_spend_to_income_ratio: p,
|
|
3081
|
-
older_health_score:
|
|
3078
|
+
older_health_score: c,
|
|
3082
3079
|
newer_health_score: d,
|
|
3083
3080
|
newer_score_calculated_at: _
|
|
3084
|
-
} = t, h = Do(new Date(_), "MMM d"),
|
|
3081
|
+
} = t, h = Do(new Date(_), "MMM d"), b = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", f = () => o === 0 ? Y(n.stayed_at, c) : o > 0 ? n.less_spending : n.more_spending, w = () => {
|
|
3085
3082
|
if (o === 0) return null;
|
|
3086
|
-
const
|
|
3087
|
-
return /* @__PURE__ */
|
|
3083
|
+
const y = o > 0 ? n.up_from : n.down_from, D = Y(y, c, d);
|
|
3084
|
+
return /* @__PURE__ */ i(z, { children: [
|
|
3088
3085
|
/* @__PURE__ */ e(
|
|
3089
3086
|
Mn,
|
|
3090
3087
|
{
|
|
@@ -3096,8 +3093,8 @@ const B = {
|
|
|
3096
3093
|
D
|
|
3097
3094
|
] });
|
|
3098
3095
|
};
|
|
3099
|
-
return /* @__PURE__ */ e(K, { children: /* @__PURE__ */
|
|
3100
|
-
/* @__PURE__ */ e(
|
|
3096
|
+
return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(u, { sx: { backgroundColor: "background.paper" }, children: [
|
|
3097
|
+
/* @__PURE__ */ e(C, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
|
|
3101
3098
|
u,
|
|
3102
3099
|
{
|
|
3103
3100
|
flexDirection: "row",
|
|
@@ -3108,7 +3105,7 @@ const B = {
|
|
|
3108
3105
|
{
|
|
3109
3106
|
sx: {
|
|
3110
3107
|
alignItems: "center",
|
|
3111
|
-
backgroundColor:
|
|
3108
|
+
backgroundColor: b(),
|
|
3112
3109
|
borderRadius: 999,
|
|
3113
3110
|
height: 48,
|
|
3114
3111
|
justifyContent: "center",
|
|
@@ -3117,18 +3114,18 @@ const B = {
|
|
|
3117
3114
|
children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
|
|
3118
3115
|
}
|
|
3119
3116
|
),
|
|
3120
|
-
/* @__PURE__ */
|
|
3117
|
+
/* @__PURE__ */ i(u, { sx: { gap: 2, width: "80%" }, children: [
|
|
3121
3118
|
/* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
|
|
3122
|
-
/* @__PURE__ */
|
|
3119
|
+
/* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
|
|
3123
3120
|
h,
|
|
3124
3121
|
" ",
|
|
3125
|
-
|
|
3122
|
+
w()
|
|
3126
3123
|
] })
|
|
3127
3124
|
] })
|
|
3128
3125
|
]
|
|
3129
3126
|
}
|
|
3130
3127
|
) }),
|
|
3131
|
-
o !== 0 && /* @__PURE__ */ e(
|
|
3128
|
+
o !== 0 && /* @__PURE__ */ e(C, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
|
|
3132
3129
|
Io,
|
|
3133
3130
|
{
|
|
3134
3131
|
sx: {
|
|
@@ -3145,7 +3142,7 @@ const B = {
|
|
|
3145
3142
|
{
|
|
3146
3143
|
content: Y(
|
|
3147
3144
|
n.spend_to_income_description,
|
|
3148
|
-
Te(
|
|
3145
|
+
Te(s),
|
|
3149
3146
|
Te(p)
|
|
3150
3147
|
)
|
|
3151
3148
|
}
|
|
@@ -3155,8 +3152,8 @@ const B = {
|
|
|
3155
3152
|
{
|
|
3156
3153
|
content: Y(
|
|
3157
3154
|
n.credit_score_description,
|
|
3158
|
-
|
|
3159
|
-
|
|
3155
|
+
a,
|
|
3156
|
+
l
|
|
3160
3157
|
),
|
|
3161
3158
|
islast: !0
|
|
3162
3159
|
}
|
|
@@ -3166,9 +3163,9 @@ const B = {
|
|
|
3166
3163
|
) })
|
|
3167
3164
|
] }) });
|
|
3168
3165
|
}, ua = S(pa), _a = ({ isOpen: t, onClose: r }) => {
|
|
3169
|
-
const n =
|
|
3170
|
-
if (!
|
|
3171
|
-
const d = je(
|
|
3166
|
+
const n = E(), { finstrong: o } = v(), { isCopyLoaded: l, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: p, augmentedChartData: c } = F();
|
|
3167
|
+
if (!l || !a) return /* @__PURE__ */ e(J, {});
|
|
3168
|
+
const d = je(s.health_score || 0, o), _ = p.slice().reverse();
|
|
3172
3169
|
return /* @__PURE__ */ e(
|
|
3173
3170
|
Ht,
|
|
3174
3171
|
{
|
|
@@ -3179,7 +3176,7 @@ const B = {
|
|
|
3179
3176
|
baseline: "min",
|
|
3180
3177
|
colors: [n.palette.primary.main],
|
|
3181
3178
|
curveType: "natural",
|
|
3182
|
-
datasets: [
|
|
3179
|
+
datasets: [c],
|
|
3183
3180
|
height: 160,
|
|
3184
3181
|
labels: [o.key_indicators_label],
|
|
3185
3182
|
margin: { top: 12, left: 24 },
|
|
@@ -3193,57 +3190,57 @@ const B = {
|
|
|
3193
3190
|
isOpen: t,
|
|
3194
3191
|
loadConnectAccountsCard: !1,
|
|
3195
3192
|
onClose: r,
|
|
3196
|
-
stickyComponent: /* @__PURE__ */
|
|
3193
|
+
stickyComponent: /* @__PURE__ */ i(
|
|
3197
3194
|
u,
|
|
3198
3195
|
{
|
|
3199
3196
|
direction: "row",
|
|
3200
3197
|
sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
|
|
3201
3198
|
children: [
|
|
3202
|
-
/* @__PURE__ */ e(
|
|
3199
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
|
|
3203
3200
|
Et,
|
|
3204
3201
|
{
|
|
3205
3202
|
arcRadius: 20,
|
|
3206
|
-
healthScore:
|
|
3203
|
+
healthScore: s?.health_score,
|
|
3207
3204
|
size: "SM"
|
|
3208
3205
|
}
|
|
3209
3206
|
) }),
|
|
3210
|
-
/* @__PURE__ */
|
|
3207
|
+
/* @__PURE__ */ i(C, { children: [
|
|
3211
3208
|
/* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
|
|
3212
3209
|
/* @__PURE__ */ e(k, { variant: "caption", children: d.description })
|
|
3213
3210
|
] })
|
|
3214
3211
|
]
|
|
3215
3212
|
}
|
|
3216
3213
|
),
|
|
3217
|
-
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((h,
|
|
3214
|
+
children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((h, b) => /* @__PURE__ */ e(ua, { report: h }, b)) })
|
|
3218
3215
|
}
|
|
3219
3216
|
);
|
|
3220
3217
|
}, ha = S(_a), ma = ({ copy: t }) => {
|
|
3221
|
-
const r =
|
|
3218
|
+
const r = E(), n = [
|
|
3222
3219
|
r.palette.chartMono.chartMono5,
|
|
3223
3220
|
r.palette.chartMono.chartMono4,
|
|
3224
3221
|
r.palette.chartMono.chartMono3,
|
|
3225
3222
|
r.palette.chartMono.chartMono2
|
|
3226
3223
|
];
|
|
3227
|
-
return /* @__PURE__ */
|
|
3224
|
+
return /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
3228
3225
|
/* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
|
|
3229
3226
|
{ color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
|
|
3230
3227
|
{ color: "chartMono.chartMono3", text: t.building, value: "26-50" },
|
|
3231
3228
|
{ color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
|
|
3232
3229
|
{ color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
|
|
3233
|
-
].map(({ color: o, text:
|
|
3234
|
-
/* @__PURE__ */
|
|
3235
|
-
/* @__PURE__ */ e(k, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children:
|
|
3236
|
-
/* @__PURE__ */
|
|
3230
|
+
].map(({ color: o, text: l, value: a }) => /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
|
|
3231
|
+
/* @__PURE__ */ i(C, { children: [
|
|
3232
|
+
/* @__PURE__ */ e(k, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: l }),
|
|
3233
|
+
/* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "caption", children: [
|
|
3237
3234
|
"(",
|
|
3238
|
-
|
|
3235
|
+
a,
|
|
3239
3236
|
")"
|
|
3240
3237
|
] })
|
|
3241
3238
|
] }),
|
|
3242
|
-
/* @__PURE__ */ e(
|
|
3243
|
-
] },
|
|
3244
|
-
/* @__PURE__ */
|
|
3239
|
+
/* @__PURE__ */ e(C, { sx: { border: "2px solid", borderColor: o, borderRadius: "3px" } })
|
|
3240
|
+
] }, l)) }),
|
|
3241
|
+
/* @__PURE__ */ i(C, { children: [
|
|
3245
3242
|
/* @__PURE__ */ e(
|
|
3246
|
-
|
|
3243
|
+
C,
|
|
3247
3244
|
{
|
|
3248
3245
|
sx: {
|
|
3249
3246
|
background: `linear-gradient(to left, ${n.join(", ")})`,
|
|
@@ -3252,13 +3249,13 @@ const B = {
|
|
|
3252
3249
|
}
|
|
3253
3250
|
}
|
|
3254
3251
|
),
|
|
3255
|
-
/* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((o) => /* @__PURE__ */
|
|
3252
|
+
/* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((o) => /* @__PURE__ */ i(
|
|
3256
3253
|
u,
|
|
3257
3254
|
{
|
|
3258
3255
|
sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
|
|
3259
3256
|
children: [
|
|
3260
3257
|
/* @__PURE__ */ e(
|
|
3261
|
-
|
|
3258
|
+
C,
|
|
3262
3259
|
{
|
|
3263
3260
|
sx: {
|
|
3264
3261
|
borderBottom: "1px solid",
|
|
@@ -3278,18 +3275,18 @@ const B = {
|
|
|
3278
3275
|
] })
|
|
3279
3276
|
] });
|
|
3280
3277
|
}, ga = ({ isOpen: t, onClose: r }) => {
|
|
3281
|
-
const { finstrong: n } =
|
|
3282
|
-
return o ? /* @__PURE__ */ e(
|
|
3283
|
-
/* @__PURE__ */
|
|
3284
|
-
/* @__PURE__ */
|
|
3278
|
+
const { finstrong: n } = v(), { isCopyLoaded: o } = j();
|
|
3279
|
+
return o ? /* @__PURE__ */ e(te, { isOpen: t, onClose: r, title: n.score_rubric, children: /* @__PURE__ */ i(u, { sx: { gap: 36, p: 24 }, children: [
|
|
3280
|
+
/* @__PURE__ */ i(u, { sx: { gap: 20 }, children: [
|
|
3281
|
+
/* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
|
|
3285
3282
|
/* @__PURE__ */ e(N, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
|
|
3286
3283
|
/* @__PURE__ */ e(k, { variant: "subtitle1", children: n.finstrong_freedom_description })
|
|
3287
3284
|
] }),
|
|
3288
|
-
/* @__PURE__ */ e(
|
|
3285
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(ma, { copy: n }) })
|
|
3289
3286
|
] }),
|
|
3290
|
-
/* @__PURE__ */
|
|
3287
|
+
/* @__PURE__ */ i(u, { sx: { gap: 12 }, children: [
|
|
3291
3288
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
|
|
3292
|
-
/* @__PURE__ */
|
|
3289
|
+
/* @__PURE__ */ i(
|
|
3293
3290
|
Re,
|
|
3294
3291
|
{
|
|
3295
3292
|
component: "ol",
|
|
@@ -3327,9 +3324,9 @@ const B = {
|
|
|
3327
3324
|
}
|
|
3328
3325
|
)
|
|
3329
3326
|
] }),
|
|
3330
|
-
/* @__PURE__ */
|
|
3327
|
+
/* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
|
|
3331
3328
|
/* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
|
|
3332
|
-
/* @__PURE__ */
|
|
3329
|
+
/* @__PURE__ */ i(
|
|
3333
3330
|
Re,
|
|
3334
3331
|
{
|
|
3335
3332
|
component: "ol",
|
|
@@ -3358,13 +3355,13 @@ const B = {
|
|
|
3358
3355
|
] })
|
|
3359
3356
|
] }) }) : /* @__PURE__ */ e(J, {});
|
|
3360
3357
|
}, ya = S(ga), ba = S(() => {
|
|
3361
|
-
const [t, r] = m.useState(!1), n =
|
|
3362
|
-
return !
|
|
3358
|
+
const [t, r] = m.useState(!1), n = E(), [o, { width: l }] = It(), { finstrong: a } = v(), { isCopyLoaded: s, isInitialized: p } = j(), { healthScore: c, healthScoreChange: d } = F(), _ = n.palette.mode === "dark", h = je(c?.health_score, a);
|
|
3359
|
+
return !s || !p ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
|
|
3363
3360
|
/* @__PURE__ */ e(
|
|
3364
|
-
|
|
3361
|
+
$o,
|
|
3365
3362
|
{
|
|
3366
3363
|
action: /* @__PURE__ */ e(
|
|
3367
|
-
|
|
3364
|
+
W,
|
|
3368
3365
|
{
|
|
3369
3366
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3370
3367
|
onClick: () => r(!0),
|
|
@@ -3375,10 +3372,10 @@ const B = {
|
|
|
3375
3372
|
color: "primary.main"
|
|
3376
3373
|
},
|
|
3377
3374
|
variant: "text",
|
|
3378
|
-
children:
|
|
3375
|
+
children: a.financial_strength_header_action
|
|
3379
3376
|
}
|
|
3380
3377
|
),
|
|
3381
|
-
subheader: /* @__PURE__ */ e(N, { color: "text.primary", children:
|
|
3378
|
+
subheader: /* @__PURE__ */ e(N, { color: "text.primary", children: a.financial_strength_header }),
|
|
3382
3379
|
sx: {
|
|
3383
3380
|
p: 0,
|
|
3384
3381
|
"& .MuiCardHeader-content": {
|
|
@@ -3390,13 +3387,13 @@ const B = {
|
|
|
3390
3387
|
/* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
|
|
3391
3388
|
Et,
|
|
3392
3389
|
{
|
|
3393
|
-
arcRadius:
|
|
3390
|
+
arcRadius: l <= 323 ? 73 : 154,
|
|
3394
3391
|
footerCenterContent: d,
|
|
3395
|
-
healthScore:
|
|
3396
|
-
size:
|
|
3392
|
+
healthScore: c?.health_score || 0,
|
|
3393
|
+
size: l <= 323 ? "M" : "L"
|
|
3397
3394
|
}
|
|
3398
3395
|
) }),
|
|
3399
|
-
|
|
3396
|
+
c?.health_score ? /* @__PURE__ */ i(
|
|
3400
3397
|
Bo,
|
|
3401
3398
|
{
|
|
3402
3399
|
sx: {
|
|
@@ -3412,7 +3409,7 @@ const B = {
|
|
|
3412
3409
|
},
|
|
3413
3410
|
children: [
|
|
3414
3411
|
/* @__PURE__ */ e(
|
|
3415
|
-
|
|
3412
|
+
Wo,
|
|
3416
3413
|
{
|
|
3417
3414
|
expandIcon: /* @__PURE__ */ e(wn, { size: 20 }),
|
|
3418
3415
|
sx: {
|
|
@@ -3422,7 +3419,7 @@ const B = {
|
|
|
3422
3419
|
minHeight: 0
|
|
3423
3420
|
}
|
|
3424
3421
|
},
|
|
3425
|
-
children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children:
|
|
3422
|
+
children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
|
|
3426
3423
|
}
|
|
3427
3424
|
),
|
|
3428
3425
|
/* @__PURE__ */ e(Lo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: h.scoreContent }) })
|
|
@@ -3431,8 +3428,8 @@ const B = {
|
|
|
3431
3428
|
) : /* @__PURE__ */ e(
|
|
3432
3429
|
Be,
|
|
3433
3430
|
{
|
|
3434
|
-
buttonText:
|
|
3435
|
-
description:
|
|
3431
|
+
buttonText: a.connect_more_accounts_title,
|
|
3432
|
+
description: a.health_score_zero_description,
|
|
3436
3433
|
drawerType: "connectDrawer",
|
|
3437
3434
|
hasIcon: !1,
|
|
3438
3435
|
isDashboard: !0,
|
|
@@ -3446,7 +3443,7 @@ const B = {
|
|
|
3446
3443
|
},
|
|
3447
3444
|
".connect-more-accounts-description": { color: "text.primary" }
|
|
3448
3445
|
},
|
|
3449
|
-
title:
|
|
3446
|
+
title: a.health_score_zero_title
|
|
3450
3447
|
}
|
|
3451
3448
|
),
|
|
3452
3449
|
/* @__PURE__ */ e(
|
|
@@ -3458,40 +3455,42 @@ const B = {
|
|
|
3458
3455
|
)
|
|
3459
3456
|
] });
|
|
3460
3457
|
}), fa = ({ onBackClick: t, sx: r, onPrimaryCtaClick: n }) => {
|
|
3461
|
-
const { visibleAccounts: o } =
|
|
3462
|
-
augmentedChartData:
|
|
3463
|
-
calculateHealthScore:
|
|
3464
|
-
healthScore:
|
|
3465
|
-
loadAugmentedChartData:
|
|
3466
|
-
loadMonthlySummaries:
|
|
3467
|
-
} =
|
|
3458
|
+
const { visibleAccounts: o } = Me(), { dateRange: l, isDataLoaded: a, loadBudgetData: s, setTheme: p } = Yn(), { reloadCategoryTotals: c } = Ye(), d = F(), {
|
|
3459
|
+
augmentedChartData: _,
|
|
3460
|
+
calculateHealthScore: h,
|
|
3461
|
+
healthScore: b,
|
|
3462
|
+
loadAugmentedChartData: f,
|
|
3463
|
+
loadMonthlySummaries: w
|
|
3464
|
+
} = d, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: $ } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = Q(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
|
|
3468
3465
|
if (m.useEffect(() => {
|
|
3469
|
-
p(
|
|
3470
|
-
}, []), m.useEffect(() =>
|
|
3471
|
-
|
|
3472
|
-
}, [
|
|
3473
|
-
|
|
3474
|
-
}, [
|
|
3475
|
-
|
|
3476
|
-
},
|
|
3477
|
-
|
|
3466
|
+
p(T);
|
|
3467
|
+
}, []), m.useEffect(() => {
|
|
3468
|
+
n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
|
|
3469
|
+
}, [n, d]), m.useEffect(() => $(o), [o]), m.useEffect(() => {
|
|
3470
|
+
x && (h().finally(), f().finally(), w().finally());
|
|
3471
|
+
}, [x]), m.useEffect(() => {
|
|
3472
|
+
x && (c(M, l.start, l.end), a || (s(), G().finally()));
|
|
3473
|
+
}, [l, a, x, M]), !g || !x) return /* @__PURE__ */ e(J, {});
|
|
3474
|
+
const ce = () => {
|
|
3475
|
+
}, he = () => ae(!0);
|
|
3476
|
+
return /* @__PURE__ */ i(
|
|
3478
3477
|
io,
|
|
3479
3478
|
{
|
|
3480
3479
|
accountOptions: o,
|
|
3481
3480
|
actions: [
|
|
3482
3481
|
{
|
|
3483
3482
|
iconName: "person",
|
|
3484
|
-
label:
|
|
3485
|
-
onClick:
|
|
3483
|
+
label: y.profile,
|
|
3484
|
+
onClick: he
|
|
3486
3485
|
}
|
|
3487
3486
|
],
|
|
3488
3487
|
hasDivider: !0,
|
|
3489
|
-
onAccountsFilterClick:
|
|
3488
|
+
onAccountsFilterClick: ce,
|
|
3490
3489
|
onBackClick: t,
|
|
3491
3490
|
sx: r,
|
|
3492
|
-
title:
|
|
3491
|
+
title: y.title,
|
|
3493
3492
|
children: [
|
|
3494
|
-
|
|
3493
|
+
V.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
|
|
3495
3494
|
u,
|
|
3496
3495
|
{
|
|
3497
3496
|
sx: {
|
|
@@ -3502,66 +3501,66 @@ const B = {
|
|
|
3502
3501
|
px: 24
|
|
3503
3502
|
},
|
|
3504
3503
|
children: [
|
|
3505
|
-
/* @__PURE__ */
|
|
3504
|
+
/* @__PURE__ */ i(u, { sx: { gap: 24, width: { md: 432 } }, children: [
|
|
3506
3505
|
/* @__PURE__ */ e(ba, {}),
|
|
3507
3506
|
/* @__PURE__ */ e(
|
|
3508
3507
|
Be,
|
|
3509
3508
|
{
|
|
3510
|
-
description:
|
|
3509
|
+
description: y.connect_more_accounts_description,
|
|
3511
3510
|
drawerType: "connectDrawer",
|
|
3512
|
-
title:
|
|
3511
|
+
title: y.connect_more_accounts_title
|
|
3513
3512
|
}
|
|
3514
3513
|
)
|
|
3515
3514
|
] }),
|
|
3516
|
-
/* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */
|
|
3517
|
-
/* @__PURE__ */
|
|
3518
|
-
/* @__PURE__ */ e(N, { children:
|
|
3515
|
+
/* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: T.palette.background.paper, p: 16 }, children: [
|
|
3516
|
+
/* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
3517
|
+
/* @__PURE__ */ e(N, { children: y.key_indicators }),
|
|
3519
3518
|
/* @__PURE__ */ e(
|
|
3520
|
-
|
|
3519
|
+
W,
|
|
3521
3520
|
{
|
|
3522
3521
|
endIcon: /* @__PURE__ */ e(Z, {}),
|
|
3523
|
-
onClick: () =>
|
|
3522
|
+
onClick: () => ie(!0),
|
|
3524
3523
|
sx: {
|
|
3525
3524
|
fontSize: 13
|
|
3526
3525
|
},
|
|
3527
3526
|
variant: "text",
|
|
3528
|
-
children:
|
|
3527
|
+
children: y.whats_changed
|
|
3529
3528
|
}
|
|
3530
3529
|
)
|
|
3531
3530
|
] }),
|
|
3532
|
-
|
|
3531
|
+
_.length ? /* @__PURE__ */ e(
|
|
3533
3532
|
Xe,
|
|
3534
3533
|
{
|
|
3535
|
-
axisColor:
|
|
3534
|
+
axisColor: T.palette.divider,
|
|
3536
3535
|
baseline: "min",
|
|
3537
|
-
colors: [
|
|
3536
|
+
colors: [T.palette.primary.main],
|
|
3538
3537
|
curveType: "natural",
|
|
3539
3538
|
customLegendVariant: "XSmall",
|
|
3540
|
-
datasets: [
|
|
3539
|
+
datasets: [_],
|
|
3541
3540
|
height: 300,
|
|
3542
3541
|
isGraphClippingXAxis: !0,
|
|
3543
|
-
labelBackgroundColor:
|
|
3544
|
-
labelFontColor:
|
|
3545
|
-
labelFontSize: typeof
|
|
3546
|
-
labels: [
|
|
3542
|
+
labelBackgroundColor: T.palette.border.dark,
|
|
3543
|
+
labelFontColor: T.palette.common.white,
|
|
3544
|
+
labelFontSize: typeof T.typography.XSmall?.fontSize == "string" ? parseFloat(T.typography.XSmall.fontSize) : T.typography.XSmall?.fontSize,
|
|
3545
|
+
labels: [y.key_indicators_label],
|
|
3547
3546
|
margin: { right: 20, left: 25 },
|
|
3548
3547
|
showArea: !0,
|
|
3549
3548
|
showAverage: !0,
|
|
3550
3549
|
showLegend: !0,
|
|
3551
3550
|
showMarkLabel: !0,
|
|
3552
3551
|
showXAxis: !0,
|
|
3553
|
-
title:
|
|
3552
|
+
title: y.peer_average,
|
|
3554
3553
|
useCustomMark: !0
|
|
3555
3554
|
}
|
|
3556
|
-
) : /* @__PURE__ */ e(Vr, { onClick: () =>
|
|
3557
|
-
|
|
3555
|
+
) : /* @__PURE__ */ e(Vr, { onClick: () => se(!0) }),
|
|
3556
|
+
b.health_score !== null && /* @__PURE__ */ e(jr, {})
|
|
3558
3557
|
] }) }),
|
|
3559
3558
|
/* @__PURE__ */ e(
|
|
3560
|
-
|
|
3559
|
+
W,
|
|
3561
3560
|
{
|
|
3562
3561
|
sx: { background: "red", width: 100 },
|
|
3563
3562
|
onClick: () => {
|
|
3564
|
-
console.log("test"),
|
|
3563
|
+
console.log("test"), d.handleFinstrongWidgetPrimaryCtaClick("trends")();
|
|
3565
3564
|
},
|
|
3566
3565
|
children: "test"
|
|
3567
3566
|
}
|
|
@@ -3569,31 +3568,31 @@ const B = {
|
|
|
3569
3568
|
]
|
|
3570
3569
|
}
|
|
3571
3570
|
) : /* @__PURE__ */ e(ia, {}),
|
|
3572
|
-
/* @__PURE__ */ e(da, { isOpen:
|
|
3571
|
+
/* @__PURE__ */ e(da, { isOpen: re, onClose: () => ae(!1) }),
|
|
3573
3572
|
/* @__PURE__ */ e(
|
|
3574
|
-
|
|
3573
|
+
oe,
|
|
3575
3574
|
{
|
|
3576
|
-
onClose: () =>
|
|
3577
|
-
showConnectWidget:
|
|
3578
|
-
title:
|
|
3575
|
+
onClose: () => se(!1),
|
|
3576
|
+
showConnectWidget: X,
|
|
3577
|
+
title: D.mini_title
|
|
3579
3578
|
}
|
|
3580
3579
|
),
|
|
3581
3580
|
/* @__PURE__ */ e(
|
|
3582
3581
|
ha,
|
|
3583
3582
|
{
|
|
3584
|
-
isOpen:
|
|
3585
|
-
onClose: () =>
|
|
3583
|
+
isOpen: Ce,
|
|
3584
|
+
onClose: () => ie(!1)
|
|
3586
3585
|
}
|
|
3587
3586
|
)
|
|
3588
3587
|
]
|
|
3589
3588
|
}
|
|
3590
3589
|
);
|
|
3591
|
-
},
|
|
3590
|
+
}, $i = S(fa);
|
|
3592
3591
|
export {
|
|
3593
3592
|
Eo as CreditScoreGraph,
|
|
3594
3593
|
zt as DialScoreCard,
|
|
3595
3594
|
Et as FinancialStrengthGraph,
|
|
3596
3595
|
Gi as FinstrongApi,
|
|
3597
3596
|
Hi as FinstrongStore,
|
|
3598
|
-
|
|
3597
|
+
$i as FinstrongWidget
|
|
3599
3598
|
};
|