@mx-cartographer/experiences 7.2.9-alpha-ram1 → 7.2.9-alpha-ram2-finstrong-testing

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/{FinstrongStore-C74yHCOj.mjs → FinstrongStore-CNXrAKRz.mjs} +8 -8
  2. package/dist/common/index.es.js +1 -1
  3. package/dist/finstrong/index.es.js +1248 -1099
  4. package/package.json +1 -1
package/dist/finstrong/index.es.js CHANGED
@@ -1,60 +1,60 @@
1
- import { jsxs as i, Fragment as E, jsx as e } from "react/jsx-runtime";
2
- import A from "@mui/material/Box";
1
+ import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
2
+ import v from "@mui/material/Box";
3
3
  import u from "@mui/material/Stack";
4
- import { useTheme as H, alpha as pe } from "@mui/material/styles";
4
+ import { useTheme as G, alpha as ue } from "@mui/material/styles";
5
5
  import { PieChart as Vt, BarPlot as Yt } from "@mui/x-charts";
6
- import { TrendingUp as st, ArrowRightAlt as Xt, TrendingDown as Ut, AccountBalance as ct, ChevronRight as Z, MultilineChart as lt, CreditCard as $e, CheckCircle as qt, Cancel as Zt, Savings as Qt, ContentCopy as Jt, Add as dt, Cardiology as en, Payments as tn, CalendarMonth as nn, ExpandMore as on } from "@mxenabled/mx-icons";
7
- import { P as k, H3 as Y, Text as O, InstitutionLogo as pt, H2 as Ae, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
8
- import { g as sn, a as cn, r as Ue, b as ln, c as We, d as ut, C as ge, e as ye, f as dn, h as pn, i as un, j as _t, k as qe, l as _n, m as Ze, n as hn, o as ht, p as mn, q as mt, s as ve, t as gn, u as yn, v as bn, w as fn, A as J, x as xn, P as Sn } from "../FinstrongStore-C74yHCOj.mjs";
9
- import { y as hi, F as mi } from "../FinstrongStore-C74yHCOj.mjs";
10
- import * as Qe from "d3";
11
- import { observer as S } from "mobx-react-lite";
12
- import { u as C, b as X, p as Q, z as F, q as Cn, a as gt, d as fe, m as Ee, g as vn, f as wn, j as kn, h as An, i as yt } from "../hooks-C41HAxM5.mjs";
13
- import { L as te } from "../Loader-DUaFpDGv.mjs";
6
+ import { TrendingUp as dt, ArrowRightAlt as Xt, TrendingDown as Ut, AccountBalance as pt, ChevronRight as Z, MultilineChart as ut, CreditCard as ze, CheckCircle as qt, Cancel as Zt, Savings as Qt, ContentCopy as Jt, Add as _t, Cardiology as en, Payments as tn, CalendarMonth as nn, ExpandMore as on } from "@mxenabled/mx-icons";
7
+ import { P as M, H3 as j, Text as A, InstitutionLogo as ht, H2 as Ie, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
8
+ import { g as sn, a as cn, r as Qe, b as ln, c as Ge, d as mt, C as be, e as fe, f as dn, h as pn, i as un, j as gt, k as Je, l as _n, m as et, n as hn, o as yt, p as mn, q as bt, s as ke, t as gn, u as yn, v as bn, w as fn, A as ee, x as xn, P as Sn } from "../FinstrongStore-CNXrAKRz.mjs";
9
+ import { y as yi, F as bi } from "../FinstrongStore-CNXrAKRz.mjs";
10
+ import * as tt from "d3";
11
+ import { observer as x } from "mobx-react-lite";
12
+ import { u as w, b as Y, p as Q, z as R, q as Cn, a as ft, d as Se, m as He, g as vn, f as wn, j as kn, h as Mn, i as xt } from "../hooks-C41HAxM5.mjs";
13
+ import { L as J } from "../Loader-DUaFpDGv.mjs";
14
14
  import h from "react";
15
- import $ from "@mui/material/Button";
16
- import K from "@mui/material/Card";
17
- import { L as ze } from "../LineChart-Ct9DNmhS.mjs";
18
- import { C as bt } from "../ConnectionsDrawer-Cd_rztVC.mjs";
19
- import { l as ne, g as ft, A as Be } from "../ConnectDrawer-FyY0AWYQ.mjs";
20
- import re from "@mui/material/Tab";
21
- import Ge from "@mui/material/Tabs";
22
- import we from "@mui/material/TextField";
23
- import { u as He } from "../useScreenSize-B6JyS_Lj.mjs";
24
- import { D as Dn, f as Mn, a as In } from "../Dialog-BPTr3qHE.mjs";
25
- import { u as xt } from "../useDimensions-27p2evRx.mjs";
15
+ import W from "@mui/material/Button";
16
+ import V from "@mui/material/Card";
17
+ import { L as Ne } from "../LineChart-Ct9DNmhS.mjs";
18
+ import { C as St } from "../ConnectionsDrawer-Cd_rztVC.mjs";
19
+ import { l as oe, g as Ct, A as We } from "../ConnectDrawer-FyY0AWYQ.mjs";
20
+ import ae from "@mui/material/Tab";
21
+ import Ke from "@mui/material/Tabs";
22
+ import Me from "@mui/material/TextField";
23
+ import { u as je } from "../useScreenSize-B6JyS_Lj.mjs";
24
+ import { D as Dn, f as An, a as In } from "../Dialog-BPTr3qHE.mjs";
25
+ import { u as vt } from "../useDimensions-27p2evRx.mjs";
26
26
  import Tn from "@mui/material/Chip";
27
- import { D as ie } from "../Drawer-BEtCk82g.mjs";
28
- import ee from "@mui/material/Divider";
29
- import St from "@mui/material/ListItem";
30
- import Ct from "@mui/material/ListItemAvatar";
31
- import vt from "@mui/material/ListItemText";
32
- import { g as wt } from "../AccountFields-CLbLAhLf.mjs";
33
- import kt from "@mui/material/List";
27
+ import { D as te } from "../Drawer-BEtCk82g.mjs";
28
+ import ne from "@mui/material/Divider";
29
+ import de from "@mui/material/ListItem";
30
+ import wt from "@mui/material/ListItemAvatar";
31
+ import pe from "@mui/material/ListItemText";
32
+ import { g as kt } from "../AccountFields-CLbLAhLf.mjs";
33
+ import De from "@mui/material/List";
34
34
  import On from "@mui/material/ListItemButton";
35
- import Fn from "@mui/material/ListSubheader";
36
- import { f as B } from "../NumberFormatting-Buh7u8Oi.mjs";
37
- import { S as Je, F as Pn } from "../RecurringTransactions-CngsRZ3K.mjs";
38
- import { Button as Rn } from "@mui/material";
39
- import { S as Bn } from "../StatusBar-BK_uYHAB.mjs";
40
- import { h as Ne } from "../DateUtil-CBdcsyuk.mjs";
35
+ import Rn from "@mui/material/ListSubheader";
36
+ import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
37
+ import { S as nt, F as Fn } from "../RecurringTransactions-CngsRZ3K.mjs";
38
+ import { Button as Bn } from "@mui/material";
39
+ import { S as Pn } from "../StatusBar-BK_uYHAB.mjs";
40
+ import { h as Ve } from "../DateUtil-CBdcsyuk.mjs";
41
41
  import { useVirtualizer as Ln } from "@tanstack/react-virtual";
42
- import { u as $n, s as Le, h as At, S as Dt, b as Mt, Z as Wn } from "../TransactionDetails-CJvE4LNC.mjs";
42
+ import { u as $n, s as Ee, h as Mt, S as Dt, b as At, Z as Wn } from "../TransactionDetails-CJvE4LNC.mjs";
43
43
  import { A as En, W as zn } from "../WidgetContainer-GoNq8wwm.mjs";
44
- import { T as ae } from "../TabContentContainer-j01JYR_7.mjs";
45
- import { b as V } from "../Localization-2MODESHW.mjs";
46
- import { E as ke } from "../EmptyState-DA_lfRBv.mjs";
44
+ import { T as ie } from "../TabContentContainer-j01JYR_7.mjs";
45
+ import { b as U } from "../Localization-2MODESHW.mjs";
46
+ import { E as Ae } from "../EmptyState-DA_lfRBv.mjs";
47
47
  import Gn from "@mui/material/useMediaQuery";
48
48
  import { ChartsXAxis as Hn } from "@mui/x-charts/ChartsXAxis";
49
49
  import { ChartsYAxis as Nn } from "@mui/x-charts/ChartsYAxis";
50
50
  import { ResponsiveChartContainer as Kn } from "@mui/x-charts/ResponsiveChartContainer";
51
- import { useSpring as jn, animated as et } from "@react-spring/web";
51
+ import { useSpring as jn, animated as ot } from "@react-spring/web";
52
52
  import { startOfMonth as It } from "date-fns/startOfMonth";
53
53
  import { endOfMonth as Tt } from "date-fns/endOfMonth";
54
54
  import { g as Vn, S as Yn, b as Xn } from "../SpendingLegend-squvjEhu.mjs";
55
- import { startOfToday as tt } from "date-fns/startOfToday";
55
+ import { startOfToday as rt } from "date-fns/startOfToday";
56
56
  import { subDays as Un } from "date-fns/subDays";
57
- import { c as qn, d as nt, S as Zn, i as Qn } from "../ManageIncome-DB_lKOIy.mjs";
57
+ import { c as qn, d as at, S as Zn, i as Qn } from "../ManageIncome-DB_lKOIy.mjs";
58
58
  import { LocalizationProvider as Jn, DatePicker as eo, StaticDatePicker as to } from "@mui/x-date-pickers";
59
59
  import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
60
60
  import { R as no } from "../RecurringSettings-dJJxtLyU.mjs";
@@ -72,84 +72,84 @@ import mo from "@mui/material/AccordionSummary";
72
72
  import go from "@mui/material/CardHeader";
73
73
  const yo = ({
74
74
  dialScoreData: t,
75
- dataIndex: r,
75
+ dataIndex: o,
76
76
  arcColor: n,
77
- arcStartAngle: o,
77
+ arcStartAngle: r,
78
78
  totalAngularSpan: l,
79
79
  centerX: s,
80
- centerY: a,
80
+ centerY: i,
81
81
  arcRadius: d,
82
82
  innerArcRadius: c,
83
83
  outterArcRadius: p,
84
84
  progressEndAngle: _,
85
85
  unitsPerSegment: m,
86
- isFinacialStrengthGraph: g
86
+ isFinacialStrengthGraph: y
87
87
  }) => {
88
- const b = H(), v = [
89
- { offset: "13.62%", color: b.palette.chartMono.chartMono2 },
90
- { offset: "36.67%", color: b.palette.chartMono.chartMono3 },
91
- { offset: "59.72%", color: b.palette.chartMono.chartMono4 },
92
- { offset: "83.46%", color: b.palette.chartMono.chartMono5 }
93
- ], [f, x] = sn(
88
+ const C = G(), f = [
89
+ { offset: "13.62%", color: C.palette.chartMono.chartMono2 },
90
+ { offset: "36.67%", color: C.palette.chartMono.chartMono3 },
91
+ { offset: "59.72%", color: C.palette.chartMono.chartMono4 },
92
+ { offset: "83.46%", color: C.palette.chartMono.chartMono5 }
93
+ ], [b, S] = sn(
94
94
  t,
95
95
  l,
96
- o,
97
- r
98
- ), [y, w] = cn(
99
- f,
100
- x,
101
96
  r,
97
+ o
98
+ ), [g, k] = cn(
99
+ b,
100
+ S,
101
+ o,
102
102
  m,
103
103
  _
104
- ), D = Qe.arc().innerRadius(c).outerRadius(p).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), M = Qe.arc().innerRadius(c).outerRadius(p).startAngle(y).endAngle(w).padAngle(0.02).cornerRadius(8);
105
- return /* @__PURE__ */ i(E, { children: [
104
+ ), D = tt.arc().innerRadius(c).outerRadius(p).startAngle(b).endAngle(S).padAngle(0.02).cornerRadius(8), F = tt.arc().innerRadius(c).outerRadius(p).startAngle(g).endAngle(k).padAngle(0.02).cornerRadius(8);
105
+ return /* @__PURE__ */ a(z, { children: [
106
106
  /* @__PURE__ */ e(
107
107
  "path",
108
108
  {
109
109
  d: D({}),
110
- fill: g ? b.palette.divider : n
110
+ fill: y ? C.palette.divider : n
111
111
  }
112
112
  ),
113
- g && /* @__PURE__ */ e("path", { d: M({}), fill: "url(#arcGradient)" }),
113
+ y && /* @__PURE__ */ e("path", { d: F({}), fill: "url(#arcGradient)" }),
114
114
  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
115
115
  "linearGradient",
116
116
  {
117
- gradientTransform: `rotate(5, ${s}, ${a})`,
117
+ gradientTransform: `rotate(5, ${s}, ${i})`,
118
118
  gradientUnits: "userSpaceOnUse",
119
119
  id: "arcGradient",
120
120
  x1: s + d * 0.8 * Math.cos(Math.PI / 1.35),
121
121
  x2: s - d * 0.8 * Math.cos(Math.PI / 1.35),
122
- y1: a + d * 0.8 * Math.sin(Math.PI / 1.35),
123
- y2: a - d * 0.8 * Math.sin(Math.PI / 1.35),
124
- children: v.map((N, z) => /* @__PURE__ */ e("stop", { offset: N.offset, stopColor: N.color }, z))
122
+ y1: i + d * 0.8 * Math.sin(Math.PI / 1.35),
123
+ y2: i - d * 0.8 * Math.sin(Math.PI / 1.35),
124
+ children: f.map((O, H) => /* @__PURE__ */ e("stop", { offset: O.offset, stopColor: O.color }, H))
125
125
  }
126
126
  ) })
127
127
  ] });
128
- }, Ft = ({
128
+ }, Rt = ({
129
129
  arcRadius: t = 100,
130
- healthScore: r,
130
+ healthScore: o,
131
131
  size: n = "L",
132
- dialScoreData: o,
132
+ dialScoreData: r,
133
133
  minValue: l = 0,
134
134
  maxValue: s = 100,
135
- markerColor: a,
135
+ markerColor: i,
136
136
  healthScoreStatus: d,
137
137
  footerCenterContent: c,
138
138
  footerLeftContent: p,
139
139
  footerRightContent: _,
140
140
  isFinacialStrengthGraph: m = !1
141
141
  }) => {
142
- const g = H(), b = -Math.PI / 1.35, v = Math.PI / 1.35, f = v - b, x = f / (s - l), y = (r - l) * x, w = b + y + 0.02, D = n !== "SM" ? 0.1 : 0.12, M = t, N = t * (1 - D), z = M * 2.5, G = z / 2, W = z / 2, ce = (N + M) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = ln(ce, w, j), he = r / 25, U = {
142
+ const y = G(), C = -Math.PI / 1.35, f = Math.PI / 1.35, b = f - C, S = b / (s - l), g = (o - l) * S, k = C + g + 0.02, D = n !== "SM" ? 0.1 : 0.12, F = t, O = t * (1 - D), H = F * 2.5, N = H / 2, E = H / 2, me = (O + F) / 2, K = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ce, re] = ln(me, k, K), ge = o / 25, X = {
143
143
  L: { markerSize: 12, healthScoreFontSize: 64 },
144
144
  M: { markerSize: 10, healthScoreFontSize: 48 },
145
145
  SM: { markerSize: 3, healthScoreFontSize: 14 }
146
- }, Oe = c === 0 ? Xt : Ut;
147
- return /* @__PURE__ */ i(
146
+ }, Be = c === 0 ? Xt : Ut;
147
+ return /* @__PURE__ */ a(
148
148
  u,
149
149
  {
150
150
  sx: {
151
- width: z,
152
- height: z,
151
+ width: H,
152
+ height: H,
153
153
  position: "relative",
154
154
  alignSelf: "center"
155
155
  },
@@ -157,16 +157,16 @@ const yo = ({
157
157
  /* @__PURE__ */ e(
158
158
  Vt,
159
159
  {
160
- height: z,
160
+ height: H,
161
161
  margin: { top: 0, right: 0, bottom: 0, left: 0 },
162
162
  series: [
163
163
  {
164
- data: o,
165
- innerRadius: N,
166
- outerRadius: M,
167
- startAngle: Math.round(Ue(b)),
164
+ data: r,
165
+ innerRadius: O,
166
+ outerRadius: F,
167
+ startAngle: Math.round(Qe(C)),
168
168
  // Use Math.degrees to convert
169
- endAngle: Math.round(Ue(v))
169
+ endAngle: Math.round(Qe(f))
170
170
  // Use Math.degrees to convert
171
171
  }
172
172
  ],
@@ -175,22 +175,22 @@ const yo = ({
175
175
  legend: { hidden: !0 }
176
176
  },
177
177
  slots: {
178
- pieArc: (xe) => /* @__PURE__ */ e(
178
+ pieArc: (Ce) => /* @__PURE__ */ e(
179
179
  yo,
180
180
  {
181
- arcColor: xe.color,
181
+ arcColor: Ce.color,
182
182
  arcRadius: t,
183
- arcStartAngle: b,
184
- centerX: G,
185
- centerY: W,
186
- dataIndex: xe.dataIndex,
187
- dialScoreData: o,
188
- innerArcRadius: N,
183
+ arcStartAngle: C,
184
+ centerX: N,
185
+ centerY: E,
186
+ dataIndex: Ce.dataIndex,
187
+ dialScoreData: r,
188
+ innerArcRadius: O,
189
189
  isFinacialStrengthGraph: m,
190
- outterArcRadius: M,
191
- progressEndAngle: w,
192
- totalAngularSpan: f,
193
- unitsPerSegment: he
190
+ outterArcRadius: F,
191
+ progressEndAngle: k,
192
+ totalAngularSpan: b,
193
+ unitsPerSegment: ge
194
194
  }
195
195
  )
196
196
  },
@@ -199,67 +199,67 @@ const yo = ({
199
199
  stroke: "none"
200
200
  }
201
201
  },
202
- width: z,
203
- children: r >= l && r <= s && /* @__PURE__ */ e(
202
+ width: H,
203
+ children: o >= l && o <= s && /* @__PURE__ */ e(
204
204
  "circle",
205
205
  {
206
- cx: G + oe,
207
- cy: W + le,
208
- fill: g.palette.common.white,
209
- r: U[n].markerSize,
210
- stroke: m ? "url(#arcGradient)" : a,
206
+ cx: N + ce,
207
+ cy: E + re,
208
+ fill: y.palette.common.white,
209
+ r: X[n].markerSize,
210
+ stroke: m ? "url(#arcGradient)" : i,
211
211
  strokeWidth: n !== "SM" ? 3 : 1
212
212
  }
213
213
  )
214
214
  }
215
215
  ),
216
216
  /* @__PURE__ */ e(
217
- A,
217
+ v,
218
218
  {
219
219
  sx: {
220
220
  position: "absolute",
221
- top: `${W}px`,
222
- left: `${G}px`,
221
+ top: `${E}px`,
222
+ left: `${N}px`,
223
223
  transform: "translate(-50%, -50%)",
224
224
  textAlign: "center"
225
225
  },
226
- children: /* @__PURE__ */ i(
226
+ children: /* @__PURE__ */ a(
227
227
  u,
228
228
  {
229
229
  spacing: 1,
230
230
  sx: { alignItems: "center", justifyContent: "center", gap: n !== "M" ? 10 : 3 },
231
231
  children: [
232
232
  /* @__PURE__ */ e(
233
- k,
233
+ M,
234
234
  {
235
235
  sx: {
236
- fontSize: U[n].healthScoreFontSize,
236
+ fontSize: X[n].healthScoreFontSize,
237
237
  lineHeight: n !== "SM" ? "48px" : "100%"
238
238
  },
239
239
  variant: "H1",
240
- children: r
240
+ children: o
241
241
  }
242
242
  ),
243
- n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
243
+ n !== "SM" && /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
244
244
  ]
245
245
  }
246
246
  )
247
247
  }
248
248
  ),
249
249
  c !== void 0 && /* @__PURE__ */ e(
250
- A,
250
+ v,
251
251
  {
252
252
  sx: {
253
253
  position: "absolute",
254
- top: `${W * 2 * 0.83}px`,
255
- left: `${G}px`,
254
+ top: `${E * 2 * 0.83}px`,
255
+ left: `${N}px`,
256
256
  transform: "translate(-50%, -50%)",
257
257
  textAlign: "center"
258
258
  },
259
- children: typeof c == "number" ? /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
260
- c > 0 ? /* @__PURE__ */ e(st, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Oe, { size: 16, sx: { color: "text.secondary" } }),
259
+ children: typeof c == "number" ? /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
260
+ c > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Be, { size: 16, sx: { color: "text.secondary" } }),
261
261
  /* @__PURE__ */ e(
262
- k,
262
+ M,
263
263
  {
264
264
  sx: {
265
265
  fontWeight: 600,
@@ -269,137 +269,137 @@ const yo = ({
269
269
  children: c
270
270
  }
271
271
  )
272
- ] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children: c })
272
+ ] }) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: c })
273
273
  }
274
274
  ),
275
275
  p !== void 0 && /* @__PURE__ */ e(
276
- A,
276
+ v,
277
277
  {
278
278
  sx: {
279
279
  position: "absolute",
280
- top: `${W * 2 * 0.83}px`,
281
- left: `${G - G / 2}px`,
280
+ top: `${E * 2 * 0.83}px`,
281
+ left: `${N - N / 2}px`,
282
282
  // shift left from center
283
283
  transform: "translate(-50%, -50%)",
284
284
  textAlign: "left"
285
285
  },
286
- children: /* @__PURE__ */ e(k, { variant: "body1", children: p })
286
+ children: /* @__PURE__ */ e(M, { variant: "body1", children: p })
287
287
  }
288
288
  ),
289
289
  _ !== void 0 && /* @__PURE__ */ e(
290
- A,
290
+ v,
291
291
  {
292
292
  sx: {
293
293
  position: "absolute",
294
- top: `${W * 2 * 0.83}px`,
295
- left: `${G + G / 2}px`,
294
+ top: `${E * 2 * 0.83}px`,
295
+ left: `${N + N / 2}px`,
296
296
  transform: "translate(-50%, -50%)",
297
297
  textAlign: "right"
298
298
  },
299
- children: /* @__PURE__ */ e(k, { variant: "body1", children: _ })
299
+ children: /* @__PURE__ */ e(M, { variant: "body1", children: _ })
300
300
  }
301
301
  )
302
302
  ]
303
303
  }
304
304
  );
305
- }, Pt = S(
306
- ({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
305
+ }, Ft = x(
306
+ ({ arcRadius: t, size: o = "L", healthScore: n, footerCenterContent: r }) => {
307
307
  const l = [
308
308
  { id: 1, label: "Group A", value: 25 },
309
309
  { id: 2, label: "Group B", value: 25 },
310
310
  { id: 3, label: "Group C", value: 25 },
311
311
  { id: 4, label: "Group D", value: 25 }
312
- ], { finstrong: s } = C(), a = We(n, s);
312
+ ], { finstrong: s } = w(), i = Ge(n, s);
313
313
  return /* @__PURE__ */ e(
314
- Ft,
314
+ Rt,
315
315
  {
316
316
  arcRadius: t,
317
317
  dialScoreData: l,
318
- footerCenterContent: r === "L" ? s.footer_center_content_updated_just_now : o,
318
+ footerCenterContent: o === "L" ? s.footer_center_content_updated_just_now : r,
319
319
  healthScore: n,
320
- healthScoreStatus: a.status,
320
+ healthScoreStatus: i.status,
321
321
  isFinacialStrengthGraph: !0,
322
- size: r
322
+ size: o
323
323
  }
324
324
  );
325
325
  }
326
- ), bo = S(
326
+ ), bo = x(
327
327
  ({
328
328
  arcRadius: t,
329
- size: r = "L",
329
+ size: o = "L",
330
330
  healthScore: n,
331
- maxValue: o = 850,
331
+ maxValue: r = 850,
332
332
  minValue: l = 300,
333
333
  footerCenterContent: s
334
334
  }) => {
335
- const d = H().palette.mode === "dark", c = [
335
+ const d = G().palette.mode === "dark", c = [
336
336
  {
337
337
  id: 1,
338
338
  label: "Poor",
339
339
  value: 29,
340
- color: d ? ge.POOR : ye.POOR
340
+ color: d ? be.POOR : fe.POOR
341
341
  },
342
342
  {
343
343
  id: 2,
344
344
  label: "Fair",
345
345
  value: 25,
346
- color: d ? ge.FAIR : ye.FAIR
346
+ color: d ? be.FAIR : fe.FAIR
347
347
  },
348
348
  {
349
349
  id: 3,
350
350
  label: "Good",
351
351
  value: 17,
352
- color: d ? ge.GOOD : ye.GOOD
352
+ color: d ? be.GOOD : fe.GOOD
353
353
  },
354
354
  {
355
355
  id: 4,
356
356
  label: "Very Good",
357
357
  value: 17,
358
- color: d ? ge.VERY_GOOD : ye.VERY_GOOD
358
+ color: d ? be.VERY_GOOD : fe.VERY_GOOD
359
359
  },
360
360
  {
361
361
  id: 5,
362
362
  label: "Exceptional",
363
363
  value: 12,
364
- color: d ? ge.EXCEPTIONAL : ye.EXCEPTIONAL
364
+ color: d ? be.EXCEPTIONAL : fe.EXCEPTIONAL
365
365
  }
366
- ], { finstrong: p } = C(), { isCopyLoaded: _ } = X();
367
- if (!_) return /* @__PURE__ */ e(te, {});
368
- const { status: m, color: g = "none" } = ut(
366
+ ], { finstrong: p } = w(), { isCopyLoaded: _ } = Y();
367
+ if (!_) return /* @__PURE__ */ e(J, {});
368
+ const { status: m, color: y = "none" } = mt(
369
369
  n,
370
370
  d,
371
371
  p.credit_score_status
372
372
  );
373
373
  return /* @__PURE__ */ e(
374
- Ft,
374
+ Rt,
375
375
  {
376
376
  arcRadius: t,
377
377
  dialScoreData: c,
378
378
  footerCenterContent: s,
379
379
  footerLeftContent: l,
380
- footerRightContent: o,
380
+ footerRightContent: r,
381
381
  healthScore: n,
382
382
  healthScoreStatus: m,
383
- markerColor: g,
384
- maxValue: o,
383
+ markerColor: y,
384
+ maxValue: r,
385
385
  minValue: l,
386
- size: r
386
+ size: o
387
387
  }
388
388
  );
389
389
  }
390
- ), De = ({
390
+ ), Te = ({
391
391
  drawerType: t,
392
- isDashboard: r = !1,
392
+ isDashboard: o = !1,
393
393
  hasIcon: n = !0,
394
- buttonText: o,
394
+ buttonText: r,
395
395
  title: l,
396
396
  titleDrawer: s,
397
- description: a,
397
+ description: i,
398
398
  sx: d
399
399
  }) => {
400
- const [c, p] = h.useState(!1), { connect: _, finstrong: m } = C();
401
- return t ? /* @__PURE__ */ i(
402
- K,
400
+ const [c, p] = h.useState(!1), { connect: _, finstrong: m } = w();
401
+ return t ? /* @__PURE__ */ a(
402
+ V,
403
403
  {
404
404
  sx: {
405
405
  pb: 24,
@@ -409,40 +409,40 @@ const yo = ({
409
409
  ...d
410
410
  },
411
411
  children: [
412
- /* @__PURE__ */ i(
412
+ /* @__PURE__ */ a(
413
413
  u,
414
414
  {
415
415
  sx: {
416
416
  gap: 8,
417
- ...r && { flexDirection: "row", alignItems: "center" }
417
+ ...o && { flexDirection: "row", alignItems: "center" }
418
418
  },
419
419
  children: [
420
- n && /* @__PURE__ */ e(ct, { sx: { height: 20, width: 20 } }),
421
- /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
420
+ n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
421
+ /* @__PURE__ */ e(j, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
422
422
  ]
423
423
  }
424
424
  ),
425
425
  /* @__PURE__ */ e(
426
- k,
426
+ M,
427
427
  {
428
428
  className: "connect-more-accounts-description",
429
429
  sx: { color: "text.secondary", mt: 8 },
430
430
  variant: "subtitle1",
431
- children: a || m.connect_more_accounts_description
431
+ children: i || m.connect_more_accounts_description
432
432
  }
433
433
  ),
434
434
  /* @__PURE__ */ e(
435
- $,
435
+ W,
436
436
  {
437
437
  endIcon: /* @__PURE__ */ e(Z, {}),
438
438
  onClick: () => p(!0),
439
439
  size: "small",
440
440
  sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
441
- children: /* @__PURE__ */ e(O, { sx: { fontWeight: 600 }, variant: "body2", children: o || m.connect_more_accounts_button })
441
+ children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body2", children: r || m.connect_more_accounts_button })
442
442
  }
443
443
  ),
444
444
  t === "connectDrawer" && /* @__PURE__ */ e(
445
- ne,
445
+ oe,
446
446
  {
447
447
  onClose: () => p(!1),
448
448
  showConnectWidget: c,
@@ -450,7 +450,7 @@ const yo = ({
450
450
  }
451
451
  ),
452
452
  t === "connectionsDrawer" && /* @__PURE__ */ e(
453
- bt,
453
+ St,
454
454
  {
455
455
  onClose: () => p(!1),
456
456
  showConnectionsWidget: c,
@@ -462,16 +462,16 @@ const yo = ({
462
462
  ) : null;
463
463
  };
464
464
  var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
465
- const fo = ({ isOpen: t, onClose: r }) => {
466
- const { common: n, finstrong: o } = C(), { isMobile: l } = He(), { updateUser: s, user: a } = Q(), [d, c] = h.useState(a.credit_score || 0), p = !isNaN(d), _ = () => {
467
- r(), setTimeout(() => c(a.credit_score || 0), 300);
465
+ const fo = ({ isOpen: t, onClose: o }) => {
466
+ const { common: n, finstrong: r } = w(), { isMobile: l } = je(), { updateUser: s, user: i } = Q(), [d, c] = h.useState(i.credit_score || 0), p = !isNaN(d), _ = () => {
467
+ o(), setTimeout(() => c(i.credit_score || 0), 300);
468
468
  }, m = () => {
469
- !d || d === a.credit_score || s({ ...a, credit_score: d });
469
+ !d || d === i.credit_score || s({ ...i, credit_score: d });
470
470
  };
471
471
  return /* @__PURE__ */ e(
472
472
  Dn,
473
473
  {
474
- copy: { close_aria: n.close_aria, title: o.edit_credit_score },
474
+ copy: { close_aria: n.close_aria, title: r.edit_credit_score },
475
475
  disablePrimaryButton: !d || !p,
476
476
  isOpen: t,
477
477
  maxWidth: "xs",
@@ -487,11 +487,11 @@ const fo = ({ isOpen: t, onClose: r }) => {
487
487
  children: /* @__PURE__ */ e(
488
488
  "form",
489
489
  {
490
- onSubmit: (g) => {
491
- g.preventDefault(), m(), _();
490
+ onSubmit: (y) => {
491
+ y.preventDefault(), m(), _();
492
492
  },
493
493
  children: /* @__PURE__ */ e(
494
- we,
494
+ Me,
495
495
  {
496
496
  error: !p,
497
497
  fullWidth: !0,
@@ -500,7 +500,7 @@ const fo = ({ isOpen: t, onClose: r }) => {
500
500
  noValidate: !0,
501
501
  pattern: "[0-9]*"
502
502
  },
503
- onChange: (g) => c(Number(g.target.value)),
503
+ onChange: (y) => c(Number(y.target.value)),
504
504
  value: p ? d : ""
505
505
  }
506
506
  )
@@ -508,25 +508,25 @@ const fo = ({ isOpen: t, onClose: r }) => {
508
508
  )
509
509
  }
510
510
  );
511
- }, Rt = S(fo), Fe = {
511
+ }, Bt = x(fo), Pe = {
512
512
  credit_over_time_title: "Your Credit Over Time",
513
513
  credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
514
514
  }, xo = ({ chartFor: t }) => {
515
- const r = H(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: l } = Q(), { finstrong: s } = C(), [a, { width: d }] = xt(), c = {
515
+ const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: l } = Q(), { finstrong: s } = w(), [i, { width: d }] = vt(), c = {
516
516
  savingsOverTime: {
517
- icon: /* @__PURE__ */ e(st, { size: 48, sx: { marginBottom: 8 } }),
517
+ icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
518
518
  title: s.key_indicators_save.zero_state_title,
519
519
  description: s.key_indicators_save.zero_state_description
520
520
  },
521
521
  debtOverTime: {
522
- icon: /* @__PURE__ */ e(lt, { size: 48, sx: { marginBottom: 8 } }),
522
+ icon: /* @__PURE__ */ e(ut, { size: 48, sx: { marginBottom: 8 } }),
523
523
  title: "",
524
524
  description: ""
525
525
  },
526
526
  creditOverTime: {
527
- icon: /* @__PURE__ */ e($e, { size: 48, sx: { marginBottom: 8 } }),
528
- title: Fe.credit_over_time_title,
529
- description: Fe.credit_over_time_zero_state_desc
527
+ icon: /* @__PURE__ */ e(ze, { size: 48, sx: { marginBottom: 8 } }),
528
+ title: Pe.credit_over_time_title,
529
+ description: Pe.credit_over_time_zero_state_desc
530
530
  }
531
531
  }[t], _ = {
532
532
  savingsOverTime: {
@@ -538,98 +538,98 @@ const fo = ({ isOpen: t, onClose: r }) => {
538
538
  valueKey: "debt_balance"
539
539
  },
540
540
  creditOverTime: {
541
- title: Fe.credit_over_time_title,
541
+ title: Pe.credit_over_time_title,
542
542
  valueKey: "credit_score"
543
543
  }
544
- }[t], m = dn(o, _.valueKey), g = Math.max(...o.map((D) => D[_.valueKey])), b = () => g >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : g >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: f } = b(), x = _.title, y = t === "creditOverTime";
545
- let w;
546
- if (y) {
547
- const { color: D } = ut(
544
+ }[t], m = dn(r, _.valueKey), y = Math.max(...r.map((D) => D[_.valueKey])), C = () => y >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : y >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: f, leftMargin: b } = C(), S = _.title, g = t === "creditOverTime";
545
+ let k;
546
+ if (g) {
547
+ const { color: D } = mt(
548
548
  l?.credit_score ?? 0,
549
549
  n,
550
550
  s.credit_score_status
551
551
  );
552
- w = D;
552
+ k = D;
553
553
  }
554
- return /* @__PURE__ */ e(K, { ref: a, sx: { backgroundColor: "background.paper" }, children: m.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
555
- /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: x }),
554
+ return /* @__PURE__ */ e(V, { ref: i, sx: { backgroundColor: "background.paper" }, children: m.length >= 1 ? /* @__PURE__ */ a(u, { gap: 8, sx: { pl: 18 }, children: [
555
+ /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: S }),
556
556
  /* @__PURE__ */ e(
557
- ze,
557
+ Ne,
558
558
  {
559
- areaColor: w,
560
- axisColor: r.palette.divider,
559
+ areaColor: k,
560
+ axisColor: o.palette.divider,
561
561
  baseline: "min",
562
562
  chartFor: t,
563
- colors: [r.palette.primary.main],
564
- curveType: y ? "linear" : "natural",
563
+ colors: [o.palette.primary.main],
564
+ curveType: g ? "linear" : "natural",
565
565
  datasets: m ? [m] : [],
566
566
  height: 244,
567
- labelFontColor: y ? "text.primary" : "",
568
- labelFontSize: y ? 13 : void 0,
567
+ labelFontColor: g ? "text.primary" : "",
568
+ labelFontSize: g ? 13 : void 0,
569
569
  labels: [s.key_indicators_label],
570
- margin: { left: f, top: y ? 25 : 15, right: 20 },
571
- markStyles: (D) => y ? {
570
+ margin: { left: b, top: g ? 25 : 15, right: 20 },
571
+ markStyles: (D) => g ? {
572
572
  markLabelStyles: {
573
573
  marginLeft: 16,
574
574
  transform: D === m.length - 1 ? "translateX(-16px)" : "translateX(16px)",
575
575
  fontWeight: 600
576
576
  }
577
577
  } : {},
578
- maxRange: y ? 850 : void 0,
579
- minRange: y ? 300 : void 0,
578
+ maxRange: g ? 850 : void 0,
579
+ minRange: g ? 300 : void 0,
580
580
  showArea: !0,
581
- showAverage: !y,
582
- showMark: !y,
583
- showMarkLabel: y,
581
+ showAverage: !g,
582
+ showMark: !g,
583
+ showMarkLabel: g,
584
584
  showXAxis: !0,
585
- showYAxis: y,
586
- showYAxisTicks: y,
585
+ showYAxis: g,
586
+ showYAxisTicks: g,
587
587
  useCustomMark: !0,
588
- valueFormatterString: y ? void 0 : v,
588
+ valueFormatterString: g ? void 0 : f,
589
589
  width: d < 342 ? d - 48 : 342
590
590
  }
591
591
  )
592
- ] }) : /* @__PURE__ */ i(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
592
+ ] }) : /* @__PURE__ */ a(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
593
593
  c.icon,
594
- /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: c.title }),
595
- /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: c.description })
594
+ /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: c.title }),
595
+ /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: c.description })
596
596
  ] }) });
597
- }, Ke = S(xo), So = {
597
+ }, Ye = x(xo), So = {
598
598
  updated_score: "Updated Score"
599
599
  }, Co = () => {
600
- const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: o } = He(n), [l, s] = h.useState(!1);
601
- return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
600
+ const { healthScoreChange: t } = R(), { user: o } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: r } = je(n), [l, s] = h.useState(!1);
601
+ return /* @__PURE__ */ a(u, { sx: { gap: 28 }, children: [
602
602
  /* @__PURE__ */ e(
603
603
  bo,
604
604
  {
605
- arcRadius: o ? 124 : 154,
605
+ arcRadius: r ? 124 : 154,
606
606
  footerCenterContent: t,
607
- healthScore: r.credit_score ?? 0,
608
- size: o ? "M" : "L"
607
+ healthScore: o.credit_score ?? 0,
608
+ size: r ? "M" : "L"
609
609
  }
610
610
  ),
611
- /* @__PURE__ */ e($, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
612
- /* @__PURE__ */ e(Rt, { isOpen: l, onClose: () => s(!1) }),
613
- /* @__PURE__ */ e(Ke, { chartFor: "creditOverTime" })
611
+ /* @__PURE__ */ e(W, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
612
+ /* @__PURE__ */ e(Bt, { isOpen: l, onClose: () => s(!1) }),
613
+ /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
614
614
  ] });
615
- }, vo = S(Co), Me = ({ status: t }) => {
616
- const { finstrong: r } = C(), n = pn(un[t]), o = {
617
- GOOD: r.key_indicators_good,
618
- FAIR: r.key_indicators_fair,
619
- OFF_TRACK: r.key_indicators_off_track,
620
- MISSING: r.key_indicators_missing
615
+ }, vo = x(Co), Oe = ({ status: t }) => {
616
+ const { finstrong: o } = w(), n = pn(un[t]), r = {
617
+ GOOD: o.key_indicators_good,
618
+ FAIR: o.key_indicators_fair,
619
+ OFF_TRACK: o.key_indicators_off_track,
620
+ MISSING: o.key_indicators_missing
621
621
  }[t];
622
622
  return /* @__PURE__ */ e(
623
623
  Tn,
624
624
  {
625
625
  label: /* @__PURE__ */ e(
626
- k,
626
+ M,
627
627
  {
628
628
  fontWeight: 700,
629
629
  sx: { color: n.color, minHeight: 12 },
630
630
  uppercase: !0,
631
631
  variant: "tiny",
632
- children: o
632
+ children: r
633
633
  }
634
634
  ),
635
635
  size: "small",
@@ -643,28 +643,28 @@ const fo = ({ isOpen: t, onClose: r }) => {
643
643
  }, wo = {
644
644
  keep_strong_credit_score: "Keep a Strong Credit Score"
645
645
  }, ko = () => {
646
- const { user: t } = Q(), r = _t(t.credit_score ?? null);
647
- return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
648
- /* @__PURE__ */ e(Y, { children: wo.keep_strong_credit_score }),
649
- /* @__PURE__ */ e(Me, { status: r })
646
+ const { user: t } = Q(), o = gt(t.credit_score ?? null);
647
+ return /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
648
+ /* @__PURE__ */ e(j, { children: wo.keep_strong_credit_score }),
649
+ /* @__PURE__ */ e(Oe, { status: o })
650
650
  ] });
651
- }, Ao = S(ko), Do = ({
651
+ }, Mo = x(ko), Do = ({
652
652
  additionalContent: t,
653
- connectTitle: r,
653
+ connectTitle: o,
654
654
  connectDescription: n,
655
- children: o,
655
+ children: r,
656
656
  description: l,
657
657
  drawerTitle: s,
658
- isOpen: a,
658
+ isOpen: i,
659
659
  loadConnectAccountsCard: d = !0,
660
660
  onClose: c,
661
661
  stickyComponent: p,
662
662
  title: _,
663
663
  drawerType: m
664
664
  }) => {
665
- const { finstrong: g } = C(), { isCopyLoaded: b } = X();
666
- return b ? /* @__PURE__ */ i(ie, { isOpen: a, onClose: c, title: s || g.key_indicators, children: [
667
- (_ || l) && /* @__PURE__ */ i(
665
+ const { finstrong: y } = w(), { isCopyLoaded: C } = Y();
666
+ return C ? /* @__PURE__ */ a(te, { isOpen: i, onClose: c, title: s || y.key_indicators, children: [
667
+ (_ || l) && /* @__PURE__ */ a(
668
668
  u,
669
669
  {
670
670
  sx: {
@@ -673,13 +673,13 @@ const fo = ({ isOpen: t, onClose: r }) => {
673
673
  p: 24
674
674
  },
675
675
  children: [
676
- _ && typeof _ == "string" ? /* @__PURE__ */ e(Y, { children: _ }) : _,
677
- l && /* @__PURE__ */ e(k, { children: l })
676
+ _ && typeof _ == "string" ? /* @__PURE__ */ e(j, { children: _ }) : _,
677
+ l && /* @__PURE__ */ e(M, { children: l })
678
678
  ]
679
679
  }
680
680
  ),
681
681
  p && /* @__PURE__ */ e(
682
- A,
682
+ v,
683
683
  {
684
684
  sx: {
685
685
  position: "sticky",
@@ -689,27 +689,27 @@ const fo = ({ isOpen: t, onClose: r }) => {
689
689
  children: p
690
690
  }
691
691
  ),
692
- t && /* @__PURE__ */ e(A, { children: t }),
693
- /* @__PURE__ */ i(u, { sx: { p: 24, gap: 24 }, children: [
694
- o,
692
+ t && /* @__PURE__ */ e(v, { children: t }),
693
+ /* @__PURE__ */ a(u, { sx: { p: 24, gap: 24 }, children: [
694
+ r,
695
695
  d && /* @__PURE__ */ e(
696
- De,
696
+ Te,
697
697
  {
698
698
  description: n,
699
699
  drawerType: m,
700
700
  isDashboard: !0,
701
701
  sx: { backgroundColor: "background.paper" },
702
- title: r
702
+ title: o
703
703
  }
704
704
  )
705
705
  ] })
706
- ] }) : /* @__PURE__ */ e(te, {});
707
- }, Bt = S(Do), Mo = ({
706
+ ] }) : /* @__PURE__ */ e(J, {});
707
+ }, Pt = x(Do), Ao = ({
708
708
  onClick: t,
709
- shouldShowBalance: r = !0,
709
+ shouldShowBalance: o = !0,
710
710
  loadAccounts: n
711
711
  }) => {
712
- const { config: o } = gt(), { accounts: l } = C(), { selectedAccounts: s } = X(), a = h.useCallback(
712
+ const { config: r } = ft(), { accounts: l } = w(), { selectedAccounts: s } = Y(), i = h.useCallback(
713
713
  (c) => {
714
714
  t?.(c);
715
715
  },
@@ -722,101 +722,101 @@ const fo = ({ isOpen: t, onClose: r }) => {
722
722
  );
723
723
  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((c) => {
724
724
  const { accountsForType: p, totalBalanceForType: _ } = s.reduce(
725
- (m, g) => (g.account_type === c && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
725
+ (m, y) => (y.account_type === c && (m.accountsForType.push(y), m.totalBalanceForType += y.balance || 0), m),
726
726
  { accountsForType: [], totalBalanceForType: 0 }
727
727
  );
728
- return /* @__PURE__ */ i(
729
- kt,
728
+ return /* @__PURE__ */ a(
729
+ De,
730
730
  {
731
- subheader: /* @__PURE__ */ e(Fn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
732
- /* @__PURE__ */ e(O, { bold: !0, variant: "caption", children: l.account_types[c] }),
733
- r && /* @__PURE__ */ e(O, { bold: !0, variant: "caption", children: B(_, "0,0.00") })
731
+ subheader: /* @__PURE__ */ e(Rn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
732
+ /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: l.account_types[c] }),
733
+ o && /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: L(_, "0,0.00") })
734
734
  ] }) }),
735
735
  sx: { bgcolor: "background.paper" },
736
736
  children: [
737
- p.map((m, g) => {
738
- const { firstValue: b } = wt(m, l), v = ft(m, {
739
- allowNickname: o?.show_account_nicknames_in_master
740
- }), f = /* @__PURE__ */ i(E, { children: [
741
- /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
737
+ p.map((m, y) => {
738
+ const { firstValue: C } = kt(m, l), f = Ct(m, {
739
+ allowNickname: r?.show_account_nicknames_in_master
740
+ }), b = /* @__PURE__ */ a(z, { children: [
741
+ /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
742
742
  /* @__PURE__ */ e(
743
- vt,
743
+ pe,
744
744
  {
745
- primary: `${v}${m.account_number ? ` *${m.account_number}` : ""}`,
745
+ primary: `${f}${m.account_number ? ` *${m.account_number}` : ""}`,
746
746
  primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
747
747
  }
748
748
  ),
749
- r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(b ?? 0, "0,0.00") })
749
+ o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: L(C ?? 0, "0,0.00") })
750
750
  ] });
751
- return /* @__PURE__ */ i(h.Fragment, { children: [
752
- /* @__PURE__ */ e(St, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(On, { onClick: () => a(m), children: f }) : f }),
753
- g !== p.length - 1 && /* @__PURE__ */ e(ee, { variant: "inset" })
751
+ return /* @__PURE__ */ a(h.Fragment, { children: [
752
+ /* @__PURE__ */ e(de, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(On, { onClick: () => i(m), children: b }) : b }),
753
+ y !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
754
754
  ] }, m.guid);
755
755
  }),
756
- /* @__PURE__ */ e(ee, {})
756
+ /* @__PURE__ */ e(ne, {})
757
757
  ]
758
758
  },
759
759
  c
760
760
  );
761
761
  }) }) : null;
762
- }, Lt = S(Mo), Io = ({ loadAccounts: t, loadMoreLabel: r }) => {
763
- const n = H(), { config: o } = gt(), { connect: l, finstrong: s } = C(), { accounts: a } = C(), { selectedAccounts: d } = X(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
762
+ }, Lt = x(Ao), Io = ({ loadAccounts: t, loadMoreLabel: o }) => {
763
+ const n = G(), { config: r } = ft(), { connect: l, finstrong: s } = w(), { accounts: i } = w(), { selectedAccounts: d } = Y(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), y = h.useMemo(
764
764
  () => d.filter(
765
- (f) => t ? t.includes(f.account_type) : !0
765
+ (b) => t ? t.includes(b.account_type) : !0
766
766
  ),
767
767
  [d, t]
768
- ), b = h.useMemo(() => g.slice(0, 3), [g]), v = (f) => {
769
- const { firstValue: x } = wt(f, a);
770
- return x;
768
+ ), C = h.useMemo(() => y.slice(0, 3), [y]), f = (b) => {
769
+ const { firstValue: S } = kt(b, i);
770
+ return S;
771
771
  };
772
- return g.length >= 1 ? /* @__PURE__ */ i(E, { children: [
773
- /* @__PURE__ */ e(A, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: b.map((f, x) => /* @__PURE__ */ i(h.Fragment, { children: [
774
- /* @__PURE__ */ i(St, { sx: { px: 24 }, children: [
775
- /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
772
+ return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
773
+ /* @__PURE__ */ e(v, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: C.map((b, S) => /* @__PURE__ */ a(h.Fragment, { children: [
774
+ /* @__PURE__ */ a(de, { sx: { px: 24 }, children: [
775
+ /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: b.institution_guid ?? "" }) }),
776
776
  /* @__PURE__ */ e(
777
- vt,
777
+ pe,
778
778
  {
779
- primary: `${ft(f, {
780
- allowNickname: o?.show_account_nicknames_in_master
779
+ primary: `${Ct(b, {
780
+ allowNickname: r?.show_account_nicknames_in_master
781
781
  })}
782
- ${f.account_number ? ` *${f.account_number}` : ""}`,
782
+ ${b.account_number ? ` *${b.account_number}` : ""}`,
783
783
  primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
784
784
  }
785
785
  ),
786
- /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(v(f), "0,0.00") })
786
+ /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: L(f(b), "0,0.00") })
787
787
  ] }),
788
- x < b.length - 1 && /* @__PURE__ */ e(ee, { variant: "inset" })
789
- ] }, f.guid)) }),
790
- g.length > 3 && /* @__PURE__ */ i(E, { children: [
791
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
792
- $,
788
+ S < C.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
789
+ ] }, b.guid)) }),
790
+ y.length > 3 && /* @__PURE__ */ a(z, { children: [
791
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
792
+ W,
793
793
  {
794
794
  endIcon: /* @__PURE__ */ e(Z, {}),
795
795
  onClick: () => p(!0),
796
796
  size: "small",
797
797
  sx: { my: 0, px: 16, py: 12, width: "100%" },
798
- children: /* @__PURE__ */ i(O, { bold: !0, variant: "body1", children: [
799
- g.length - 3,
798
+ children: /* @__PURE__ */ a(A, { bold: !0, variant: "body1", children: [
799
+ y.length - 3,
800
800
  " ",
801
- r
801
+ o
802
802
  ] })
803
803
  }
804
804
  ) }),
805
- /* @__PURE__ */ e(ie, { isOpen: c, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
805
+ /* @__PURE__ */ e(te, { isOpen: c, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
806
806
  ] })
807
- ] }) : /* @__PURE__ */ i(E, { children: [
808
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
809
- $,
807
+ ] }) : /* @__PURE__ */ a(z, { children: [
808
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
809
+ W,
810
810
  {
811
811
  onClick: () => m(!0),
812
812
  size: "small",
813
813
  sx: { my: 0, px: 16, py: 12, width: "100%" },
814
814
  variant: "contained",
815
- children: /* @__PURE__ */ e(O, { bold: !0, variant: "body1", children: s.connect_more_accounts_button })
815
+ children: /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: s.connect_more_accounts_button })
816
816
  }
817
817
  ) }),
818
818
  /* @__PURE__ */ e(
819
- ne,
819
+ oe,
820
820
  {
821
821
  onClose: () => m(!1),
822
822
  showConnectWidget: _,
@@ -824,7 +824,7 @@ const fo = ({ isOpen: t, onClose: r }) => {
824
824
  }
825
825
  )
826
826
  ] });
827
- }, $t = S(Io), _e = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
827
+ }, $t = x(Io), he = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
828
828
  u,
829
829
  {
830
830
  sx: {
@@ -837,13 +837,13 @@ const fo = ({ isOpen: t, onClose: r }) => {
837
837
  ...n
838
838
  },
839
839
  children: [
840
- typeof t == "number" ? /* @__PURE__ */ e(k, { variant: "h2", children: B(t, "0,0.00") }) : t,
841
- /* @__PURE__ */ e(k, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: r })
840
+ typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: L(t, "0,0.00") }) : t,
841
+ /* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
842
842
  ]
843
843
  }
844
844
  );
845
- var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), be = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(be || {}), q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(q || {});
846
- const R = {
845
+ var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), xe = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(xe || {}), q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(q || {});
846
+ const P = {
847
847
  bi_weekly: "Bi-Weekly",
848
848
  calculate: "Calculate",
849
849
  daily: "Daily",
@@ -863,97 +863,97 @@ const R = {
863
863
  weekly: "Weekly",
864
864
  years: "Years"
865
865
  }, To = [
866
- { id: q.Monthly, label: R.monthly },
867
- { id: q.BiWeekly, label: R.bi_weekly },
868
- { id: q.Weekly, label: R.weekly },
869
- { id: q.Daily, label: R.daily }
866
+ { id: q.Monthly, label: P.monthly },
867
+ { id: q.BiWeekly, label: P.bi_weekly },
868
+ { id: q.Weekly, label: P.weekly },
869
+ { id: q.Daily, label: P.daily }
870
870
  ], Oo = {
871
- [q.Monthly]: R.estimated_period_monthly,
872
- [q.BiWeekly]: R.estimated_period_bi_weekly,
873
- [q.Weekly]: R.estimated_period_weekly,
874
- [q.Daily]: R.estimated_period_daily
875
- }, Fo = [
876
- { id: be.Months, label: R.months },
877
- { id: be.Years, label: R.years },
878
- { id: be.Days, label: R.days }
879
- ], Po = ({ total: t }) => {
880
- const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = h.useState(0), [l, s] = h.useState(qe(t)), [a, d] = h.useState(
881
- qe(t)
882
- ), [c, p] = h.useState(r), [_, m] = h.useState(_n(t)), [g, b] = h.useState(be.Months);
871
+ [q.Monthly]: P.estimated_period_monthly,
872
+ [q.BiWeekly]: P.estimated_period_bi_weekly,
873
+ [q.Weekly]: P.estimated_period_weekly,
874
+ [q.Daily]: P.estimated_period_daily
875
+ }, Ro = [
876
+ { id: xe.Months, label: P.months },
877
+ { id: xe.Years, label: P.years },
878
+ { id: xe.Days, label: P.days }
879
+ ], Fo = ({ total: t }) => {
880
+ const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = h.useState(0), [l, s] = h.useState(Je(t)), [i, d] = h.useState(
881
+ Je(t)
882
+ ), [c, p] = h.useState(o), [_, m] = h.useState(_n(t)), [y, C] = h.useState(xe.Months);
883
883
  h.useEffect(() => {
884
- o(
885
- Ze({
886
- contribution: a,
884
+ r(
885
+ et({
886
+ contribution: i,
887
887
  goalAmount: c,
888
888
  goalPeriod: _,
889
- targetPeriod: g,
889
+ targetPeriod: y,
890
890
  totalSaved: t
891
891
  })
892
- ), s(a);
892
+ ), s(i);
893
893
  }, []);
894
- const v = (f) => {
895
- f.preventDefault(), o(
896
- Ze({
897
- contribution: a,
894
+ const f = (b) => {
895
+ b.preventDefault(), r(
896
+ et({
897
+ contribution: i,
898
898
  goalAmount: c,
899
899
  goalPeriod: _,
900
- targetPeriod: g,
900
+ targetPeriod: y,
901
901
  totalSaved: t
902
902
  })
903
- ), s(a);
903
+ ), s(i);
904
904
  };
905
- return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: v, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
905
+ return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: f, children: /* @__PURE__ */ a(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
906
906
  /* @__PURE__ */ e(
907
- _e,
907
+ he,
908
908
  {
909
- balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
910
- /* @__PURE__ */ e(O, { variant: "h2", children: B(n, "0,0") }),
911
- /* @__PURE__ */ i(O, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
909
+ balance: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", height: 32 }, children: [
910
+ /* @__PURE__ */ e(A, { variant: "h2", children: L(n, "0,0") }),
911
+ /* @__PURE__ */ a(A, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
912
912
  "/",
913
913
  Oo[l]
914
914
  ] })
915
915
  ] }),
916
- title: R.estimated_contribution
916
+ title: P.estimated_contribution
917
917
  }
918
918
  ),
919
919
  /* @__PURE__ */ e(
920
- we,
920
+ Me,
921
921
  {
922
- "aria-label": R.savings_goal,
923
- helperText: R.suggested_goal,
922
+ "aria-label": P.savings_goal,
923
+ helperText: P.suggested_goal,
924
924
  inputProps: {
925
925
  noValidate: !0,
926
926
  pattern: "[0-9]*"
927
927
  },
928
- label: R.savings_goal,
929
- onChange: (f) => {
930
- f.target.value && p(Number(f.target.value.replace(/[^0-9]/g, "")));
928
+ label: P.savings_goal,
929
+ onChange: (b) => {
930
+ b.target.value && p(Number(b.target.value.replace(/[^0-9]/g, "")));
931
931
  },
932
- value: c ? B(c, "0,0") : ""
932
+ value: c ? L(c, "0,0") : ""
933
933
  }
934
934
  ),
935
935
  /* @__PURE__ */ e(
936
- Je,
936
+ nt,
937
937
  {
938
- label: R.how_often_contribute,
938
+ label: P.how_often_contribute,
939
939
  onChange: d,
940
940
  options: To,
941
941
  required: !0,
942
- value: a
942
+ value: i
943
943
  }
944
944
  ),
945
- /* @__PURE__ */ i(u, { sx: { flexDirection: "row" }, children: [
945
+ /* @__PURE__ */ a(u, { sx: { flexDirection: "row" }, children: [
946
946
  /* @__PURE__ */ e(
947
- we,
947
+ Me,
948
948
  {
949
- "aria-label": R.meet_your_goal_within,
949
+ "aria-label": P.meet_your_goal_within,
950
950
  fullWidth: !0,
951
951
  inputProps: {
952
952
  noValidate: !0,
953
953
  pattern: "[0-9]*"
954
954
  },
955
- label: R.meet_your_goal_within,
956
- onChange: (f) => m(Number(f.target.value)),
955
+ label: P.meet_your_goal_within,
956
+ onChange: (b) => m(Number(b.target.value)),
957
957
  sx: {
958
958
  "& .MuiInputBase-root": {
959
959
  borderBottomRightRadius: 0,
@@ -967,7 +967,7 @@ const R = {
967
967
  }
968
968
  ),
969
969
  /* @__PURE__ */ e(
970
- A,
970
+ v,
971
971
  {
972
972
  sx: {
973
973
  "& .MuiInputBase-root": {
@@ -978,39 +978,39 @@ const R = {
978
978
  }
979
979
  }
980
980
  },
981
- children: /* @__PURE__ */ e(Je, { label: "", onChange: b, options: Fo, value: g })
981
+ children: /* @__PURE__ */ e(nt, { label: "", onChange: C, options: Ro, value: y })
982
982
  }
983
983
  )
984
984
  ] }),
985
- /* @__PURE__ */ e($, { fullWidth: !0, onClick: v, type: "submit", variant: "contained", children: R.calculate })
985
+ /* @__PURE__ */ e(W, { fullWidth: !0, onClick: f, type: "submit", variant: "contained", children: P.calculate })
986
986
  ] }) }) });
987
- }, Ro = S(Po), Ce = {
987
+ }, Bo = x(Fo), we = {
988
988
  connect_accounts: "Connect Accounts",
989
989
  more_accounts: "More Accounts",
990
990
  your_savings: "Your Savings"
991
- }, Bo = () => {
992
- const { savingsAccounts: t } = fe(), [r, n] = h.useState(!1), o = h.useMemo(
991
+ }, Po = () => {
992
+ const { savingsAccounts: t } = Se(), [o, n] = h.useState(!1), r = h.useMemo(
993
993
  () => t.reduce((l, s) => l + (s.balance ?? 0), 0),
994
994
  [t]
995
995
  );
996
- return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
997
- /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
998
- /* @__PURE__ */ e(_e, { balance: o, title: Ce.your_savings }),
999
- t.length ? /* @__PURE__ */ e($t, { loadAccounts: [Be.SAVINGS], loadMoreLabel: Ce.connect_accounts }) : /* @__PURE__ */ e(Rn, { onClick: () => n(!0), variant: "contained", children: Ce.connect_accounts })
996
+ return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
997
+ /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
998
+ /* @__PURE__ */ e(he, { balance: r, title: we.your_savings }),
999
+ t.length ? /* @__PURE__ */ e($t, { loadAccounts: [We.SAVINGS], loadMoreLabel: we.connect_accounts }) : /* @__PURE__ */ e(Bn, { onClick: () => n(!0), variant: "contained", children: we.connect_accounts })
1000
1000
  ] }) }),
1001
- /* @__PURE__ */ e(Ro, { total: o }),
1001
+ /* @__PURE__ */ e(Bo, { total: r }),
1002
1002
  /* @__PURE__ */ e(
1003
- ne,
1003
+ oe,
1004
1004
  {
1005
1005
  onClose: () => n(!1),
1006
- showConnectWidget: r,
1007
- title: Ce.connect_accounts
1006
+ showConnectWidget: o,
1007
+ title: we.connect_accounts
1008
1008
  }
1009
1009
  )
1010
1010
  ] });
1011
- }, Lo = S(Bo), Ie = S(
1012
- ({ label: t, value: r, status: n, bottomComponent: o, statusBarData: l = [] }) => {
1013
- const { finstrong: s } = C(), a = {
1011
+ }, Lo = x(Po), Re = x(
1012
+ ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: l = [] }) => {
1013
+ const { finstrong: s } = w(), i = {
1014
1014
  GOOD: {
1015
1015
  backgroundColor: "success.lighter",
1016
1016
  color: "success.main",
@@ -1036,13 +1036,13 @@ const R = {
1036
1036
  label: s?.key_indicators_missing
1037
1037
  }
1038
1038
  }[n], d = l.map((c, p) => l.length === 2 ? {
1039
- color: p === 0 ? "primary.main" : c.color || a?.progressBarColor,
1039
+ color: p === 0 ? "primary.main" : c.color || i?.progressBarColor,
1040
1040
  percentage: c.percentage
1041
1041
  } : {
1042
- color: c.color || a?.progressBarColor,
1042
+ color: c.color || i?.progressBarColor,
1043
1043
  percentage: c.percentage
1044
1044
  });
1045
- return /* @__PURE__ */ i(
1045
+ return /* @__PURE__ */ a(
1046
1046
  u,
1047
1047
  {
1048
1048
  sx: {
@@ -1054,9 +1054,9 @@ const R = {
1054
1054
  borderColor: "divider"
1055
1055
  },
1056
1056
  children: [
1057
- /* @__PURE__ */ i(u, { sx: { gap: 2 }, children: [
1058
- /* @__PURE__ */ e(O, { variant: "body2", children: t }),
1059
- /* @__PURE__ */ i(
1057
+ /* @__PURE__ */ a(u, { sx: { gap: 2 }, children: [
1058
+ /* @__PURE__ */ e(A, { variant: "body2", children: t }),
1059
+ /* @__PURE__ */ a(
1060
1060
  u,
1061
1061
  {
1062
1062
  sx: {
@@ -1066,15 +1066,15 @@ const R = {
1066
1066
  justifyContent: "space-between"
1067
1067
  },
1068
1068
  children: [
1069
- /* @__PURE__ */ e(Ae, { children: r }),
1070
- /* @__PURE__ */ e(Me, { status: n })
1069
+ /* @__PURE__ */ e(Ie, { children: o }),
1070
+ /* @__PURE__ */ e(Oe, { status: n })
1071
1071
  ]
1072
1072
  }
1073
1073
  )
1074
1074
  ] }),
1075
- /* @__PURE__ */ i(u, { children: [
1076
- /* @__PURE__ */ e(Bn, { data: d, height: 16 }),
1077
- o
1075
+ /* @__PURE__ */ a(u, { children: [
1076
+ /* @__PURE__ */ e(Pn, { data: d, height: 16 }),
1077
+ r
1078
1078
  ] })
1079
1079
  ]
1080
1080
  }
@@ -1083,13 +1083,13 @@ const R = {
1083
1083
  ), $o = {
1084
1084
  sticky_label: "You have saved"
1085
1085
  }, Wo = ["$0", "$250", "$500", "$750", "$1k"], Eo = () => {
1086
- const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = hn(r), o = ht(r);
1086
+ const { healthScore: t } = R(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = hn(o), r = yt(o);
1087
1087
  return /* @__PURE__ */ e(
1088
- Ie,
1088
+ Re,
1089
1089
  {
1090
- bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Wo.map((l) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
1090
+ bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Wo.map((l) => /* @__PURE__ */ a(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
1091
1091
  /* @__PURE__ */ e(
1092
- ee,
1092
+ ne,
1093
1093
  {
1094
1094
  orientation: "vertical",
1095
1095
  sx: {
@@ -1099,74 +1099,74 @@ const R = {
1099
1099
  }
1100
1100
  }
1101
1101
  ),
1102
- /* @__PURE__ */ e(O, { variant: "caption", children: l })
1102
+ /* @__PURE__ */ e(A, { variant: "caption", children: l })
1103
1103
  ] }, l)) }),
1104
1104
  label: $o.sticky_label,
1105
- status: o,
1105
+ status: r,
1106
1106
  statusBarData: [
1107
1107
  {
1108
1108
  percentage: n
1109
1109
  }
1110
1110
  ],
1111
- value: B(r ?? 0, "0,0.00")
1111
+ value: L(o ?? 0, "0,0.00")
1112
1112
  }
1113
1113
  );
1114
- }, zo = S(Eo), ot = 65, rt = 34, Go = ({
1114
+ }, zo = x(Eo), it = 65, st = 34, Go = ({
1115
1115
  transactions: t,
1116
- bgcolor: r,
1116
+ bgcolor: o,
1117
1117
  height: n = "calc(100dvh - 36px)",
1118
- loader: o = /* @__PURE__ */ e(te, { label: "Loading", size: 40 }),
1118
+ loader: r = /* @__PURE__ */ e(J, { label: "Loading", size: 40 }),
1119
1119
  onClick: l,
1120
1120
  showInsights: s = !1,
1121
- showLoader: a = !1,
1121
+ showLoader: i = !1,
1122
1122
  width: d = "100%",
1123
1123
  zeroState: c = /* @__PURE__ */ e(Wn, {})
1124
1124
  }) => {
1125
- const { getCategoryName: p } = Ee(), { onEvent: _ } = vn(), { categories: m } = C(), { clearExpandedSplits: g, setShowInsights: b, toggleSplit: v } = $n(), f = (w) => {
1126
- const D = t.find((M) => M.guid === w);
1125
+ const { getCategoryName: p } = He(), { onEvent: _ } = vn(), { categories: m } = w(), { clearExpandedSplits: y, setShowInsights: C, toggleSplit: f } = $n(), b = (k) => {
1126
+ const D = t.find((F) => F.guid === k);
1127
1127
  if (D?.has_been_split) {
1128
- v(D.guid);
1128
+ f(D.guid);
1129
1129
  return;
1130
1130
  }
1131
1131
  _(En.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
1132
1132
  account_guid: D?.account_guid,
1133
- transaction_guid: w
1134
- }), l?.(w);
1135
- }, x = h.useRef(null), y = Ln({
1133
+ transaction_guid: k
1134
+ }), l?.(k);
1135
+ }, S = h.useRef(null), g = Ln({
1136
1136
  count: t.length,
1137
- getScrollElement: () => x.current,
1138
- estimateSize: (w) => ot + (Le(w, t) ? rt : 0),
1137
+ getScrollElement: () => S.current,
1138
+ estimateSize: (k) => it + (Ee(k, t) ? st : 0),
1139
1139
  overscan: 5
1140
1140
  });
1141
- return h.useEffect(() => y.measure(), [t]), h.useEffect(() => b(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(kt, { sx: { width: d }, children: /* @__PURE__ */ e(A, { height: n, overflow: "auto", ref: x, width: d, children: /* @__PURE__ */ i(
1142
- A,
1141
+ return h.useEffect(() => g.measure(), [t]), h.useEffect(() => C(s), [s]), h.useEffect(() => () => y(), []), /* @__PURE__ */ e(De, { sx: { width: d }, children: /* @__PURE__ */ e(v, { height: n, overflow: "auto", ref: S, width: d, children: /* @__PURE__ */ a(
1142
+ v,
1143
1143
  {
1144
1144
  height: (
1145
1145
  // set the height to auto when there are no transactions so the zero state isn't set to 0
1146
- y.getVirtualItems().length === 0 ? "auto" : y.getTotalSize()
1146
+ g.getVirtualItems().length === 0 ? "auto" : g.getTotalSize()
1147
1147
  ),
1148
1148
  position: "relative",
1149
1149
  width: "100%",
1150
1150
  children: [
1151
- a && o,
1152
- !a && y.getVirtualItems().length === 0 && c,
1153
- !a && y.getVirtualItems().length > 0 && y.getVirtualItems().map((w) => {
1154
- const D = t[w.index], M = Le(w.index, t), N = At(w.index, t), z = ot + (M ? rt : 0);
1155
- return /* @__PURE__ */ i(
1156
- A,
1151
+ i && r,
1152
+ !i && g.getVirtualItems().length === 0 && c,
1153
+ !i && g.getVirtualItems().length > 0 && g.getVirtualItems().map((k) => {
1154
+ const D = t[k.index], F = Ee(k.index, t), O = Mt(k.index, t), H = it + (F ? st : 0);
1155
+ return /* @__PURE__ */ a(
1156
+ v,
1157
1157
  {
1158
1158
  sx: {
1159
- height: z,
1159
+ height: H,
1160
1160
  position: "absolute",
1161
- transform: `translateY(${w.start}px)`,
1161
+ transform: `translateY(${k.start}px)`,
1162
1162
  width: "100%"
1163
1163
  },
1164
1164
  children: [
1165
- M && /* @__PURE__ */ e(Dt, { bgcolor: r, children: Ne(D.date) }),
1165
+ F && /* @__PURE__ */ e(Dt, { bgcolor: o, children: Ve(D.date) }),
1166
1166
  /* @__PURE__ */ e(
1167
- Mt,
1167
+ At,
1168
1168
  {
1169
- ...l && { onClick: f },
1169
+ ...l && { onClick: b },
1170
1170
  transaction: {
1171
1171
  ...D,
1172
1172
  category: m.default_categories[D.top_level_category_guid]?.replace(
@@ -1176,7 +1176,7 @@ const R = {
1176
1176
  }
1177
1177
  }
1178
1178
  ),
1179
- /* @__PURE__ */ e(ee, { sx: { ml: N ? 24 : 0 } })
1179
+ /* @__PURE__ */ e(ne, { sx: { ml: O ? 24 : 0 } })
1180
1180
  ]
1181
1181
  },
1182
1182
  D.guid
@@ -1185,35 +1185,35 @@ const R = {
1185
1185
  ]
1186
1186
  }
1187
1187
  ) }) });
1188
- }, Ho = S(Go), Te = ({
1188
+ }, Ho = x(Go), Fe = ({
1189
1189
  transactions: t = [],
1190
- amountColor: r = "success.main",
1190
+ amountColor: o = "success.main",
1191
1191
  amountPosition: n = "center",
1192
- formatDate: o = Ne,
1192
+ formatDate: r = Ve,
1193
1193
  secondaryIcon: l
1194
1194
  }) => {
1195
- const s = H(), { connect: a, finstrong: d } = C(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, b = t.length > g, v = t.length - g;
1196
- return !t || t.length === 0 ? /* @__PURE__ */ i(E, { children: [
1197
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
1198
- $,
1195
+ const s = G(), { connect: i, finstrong: d } = w(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), y = 3, C = t.length > y, f = t.length - y;
1196
+ return !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
1197
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
1198
+ W,
1199
1199
  {
1200
1200
  onClick: () => m(!0),
1201
1201
  size: "small",
1202
1202
  sx: { my: 0, px: 16, py: 12, width: "100%" },
1203
1203
  variant: "contained",
1204
- children: /* @__PURE__ */ e(O, { bold: !0, variant: "body1", children: d.connect_more_accounts_button })
1204
+ children: /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: d.connect_more_accounts_button })
1205
1205
  }
1206
1206
  ) }),
1207
1207
  /* @__PURE__ */ e(
1208
- ne,
1208
+ oe,
1209
1209
  {
1210
1210
  onClose: () => m(!1),
1211
1211
  showConnectWidget: _,
1212
- title: a.mini_title
1212
+ title: i.mini_title
1213
1213
  }
1214
1214
  )
1215
- ] }) : /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
1216
- /* @__PURE__ */ e(A, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((f, x) => /* @__PURE__ */ i(
1215
+ ] }) : /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
1216
+ /* @__PURE__ */ e(v, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, y).map((b, S) => /* @__PURE__ */ a(
1217
1217
  u,
1218
1218
  {
1219
1219
  sx: {
@@ -1227,12 +1227,12 @@ const R = {
1227
1227
  /* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
1228
1228
  rn,
1229
1229
  {
1230
- categoryGuid: f.top_level_category_guid || "",
1231
- merchantGuid: f.merchant_guid || "",
1230
+ categoryGuid: b.top_level_category_guid || "",
1231
+ merchantGuid: b.merchant_guid || "",
1232
1232
  size: 32
1233
1233
  }
1234
1234
  ) }),
1235
- /* @__PURE__ */ i(
1235
+ /* @__PURE__ */ a(
1236
1236
  u,
1237
1237
  {
1238
1238
  sx: {
@@ -1240,7 +1240,7 @@ const R = {
1240
1240
  flexDirection: "row",
1241
1241
  gap: 12,
1242
1242
  justifyContent: "space-between",
1243
- ...x < Math.min(t.length, g) - 1 && {
1243
+ ...S < Math.min(t.length, y) - 1 && {
1244
1244
  borderBottom: `1px solid ${s.palette.divider}`
1245
1245
  },
1246
1246
  pb: 14,
@@ -1248,39 +1248,39 @@ const R = {
1248
1248
  width: "100%"
1249
1249
  },
1250
1250
  children: [
1251
- /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
1252
- /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: f.description }),
1253
- /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
1251
+ /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
1252
+ /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: b.description }),
1253
+ /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
1254
1254
  !!l && l,
1255
- /* @__PURE__ */ e(O, { variant: "caption", children: o(f.date) })
1255
+ /* @__PURE__ */ e(A, { variant: "caption", children: r(b.date) })
1256
1256
  ] })
1257
1257
  ] }),
1258
- /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: B(f.amount, "0,0.00") })
1258
+ /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: L(b.amount, "0,0.00") })
1259
1259
  ]
1260
1260
  },
1261
- f.guid || x
1261
+ b.guid || S
1262
1262
  )
1263
1263
  ]
1264
1264
  },
1265
- x
1265
+ S
1266
1266
  )) }),
1267
- b && /* @__PURE__ */ i(E, { children: [
1268
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
1269
- $,
1267
+ C && /* @__PURE__ */ a(z, { children: [
1268
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
1269
+ W,
1270
1270
  {
1271
1271
  endIcon: /* @__PURE__ */ e(Z, {}),
1272
1272
  onClick: () => p(!0),
1273
1273
  size: "small",
1274
1274
  sx: { my: 0, px: 16, py: 12, width: "100%" },
1275
- children: /* @__PURE__ */ i(O, { bold: !0, variant: "body1", children: [
1276
- v,
1275
+ children: /* @__PURE__ */ a(A, { bold: !0, variant: "body1", children: [
1276
+ f,
1277
1277
  " ",
1278
1278
  d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
1279
1279
  ] })
1280
1280
  }
1281
1281
  ) }),
1282
1282
  /* @__PURE__ */ e(
1283
- ie,
1283
+ te,
1284
1284
  {
1285
1285
  isOpen: c,
1286
1286
  onClose: () => p(!1),
@@ -1295,11 +1295,11 @@ const R = {
1295
1295
  finstrong: {
1296
1296
  key_indicators_spend: { pay_bills_on_time_drawer: t }
1297
1297
  }
1298
- } = C(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
1298
+ } = w(), { getSpendingFeeTransactions: o, allTransactions: n } = R();
1299
1299
  return h.useEffect(() => {
1300
- r().finally();
1301
- }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
1302
- K,
1300
+ o().finally();
1301
+ }, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
1302
+ V,
1303
1303
  {
1304
1304
  sx: {
1305
1305
  backgroundColor: "background.paper",
@@ -1311,14 +1311,14 @@ const R = {
1311
1311
  },
1312
1312
  children: [
1313
1313
  /* @__PURE__ */ e(qt, { filled: !0, size: 48, sx: { color: "success.main" } }),
1314
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
1315
- /* @__PURE__ */ e(Y, { children: t.pay_bills_on_time_zero_fees_title }),
1316
- /* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
1314
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
1315
+ /* @__PURE__ */ e(j, { children: t.pay_bills_on_time_zero_fees_title }),
1316
+ /* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
1317
1317
  ] })
1318
1318
  ]
1319
1319
  }
1320
- ) : /* @__PURE__ */ i(
1321
- K,
1320
+ ) : /* @__PURE__ */ a(
1321
+ V,
1322
1322
  {
1323
1323
  sx: {
1324
1324
  p: 16,
@@ -1326,13 +1326,13 @@ const R = {
1326
1326
  backgroundColor: "background.paper"
1327
1327
  },
1328
1328
  children: [
1329
- /* @__PURE__ */ e(Y, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
1329
+ /* @__PURE__ */ e(j, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
1330
1330
  /* @__PURE__ */ e(
1331
- Te,
1331
+ Fe,
1332
1332
  {
1333
1333
  amountColor: "text.primary",
1334
1334
  amountPosition: "flex-start",
1335
- formatDate: (o) => Mn(new Date(o * 1e3), In.MONTH_DAY),
1335
+ formatDate: (r) => An(new Date(r * 1e3), In.MONTH_DAY),
1336
1336
  secondaryIcon: /* @__PURE__ */ e(Zt, { color: "error", filled: !0, size: 12 }),
1337
1337
  transactions: n.spendingFee
1338
1338
  }
@@ -1340,9 +1340,9 @@ const R = {
1340
1340
  ]
1341
1341
  }
1342
1342
  ) });
1343
- }, Ko = S(No), jo = () => {
1344
- const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, l = mn(t.spending_fee_transaction_count);
1345
- return /* @__PURE__ */ i(
1343
+ }, Ko = x(No), jo = () => {
1344
+ const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = mn(t.spending_fee_transaction_count);
1345
+ return /* @__PURE__ */ a(
1346
1346
  u,
1347
1347
  {
1348
1348
  sx: {
@@ -1352,71 +1352,71 @@ const R = {
1352
1352
  borderColor: "divider"
1353
1353
  },
1354
1354
  children: [
1355
- /* @__PURE__ */ e(k, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
1356
- /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
1357
- /* @__PURE__ */ i(Ae, { children: [
1355
+ /* @__PURE__ */ e(M, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
1356
+ /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
1357
+ /* @__PURE__ */ a(Ie, { children: [
1358
1358
  t.spending_fee_transaction_count,
1359
1359
  " ",
1360
- o.pay_bills_on_time_sticky_fee_count
1360
+ r.pay_bills_on_time_sticky_fee_count
1361
1361
  ] }),
1362
- /* @__PURE__ */ e(Me, { status: l })
1362
+ /* @__PURE__ */ e(Oe, { status: l })
1363
1363
  ] })
1364
1364
  ]
1365
1365
  }
1366
1366
  );
1367
- }, Vo = S(jo), Yo = () => {
1368
- const { savingsAndCheckingAccountsBalance: t } = fe(), { finstrong: r } = C();
1369
- return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
1367
+ }, Vo = x(jo), Yo = () => {
1368
+ const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = w();
1369
+ return console.log(t, " savingsAndCheckingAccountsBalance"), /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
1370
1370
  /* @__PURE__ */ e(
1371
- _e,
1371
+ he,
1372
1372
  {
1373
1373
  balance: t,
1374
- title: r.key_indicators_save.drawer_available_balance
1374
+ title: o.key_indicators_save.drawer_available_balance
1375
1375
  }
1376
1376
  ),
1377
1377
  /* @__PURE__ */ e(
1378
1378
  $t,
1379
1379
  {
1380
- loadAccounts: [Be.SAVINGS, Be.CHECKING],
1381
- loadMoreLabel: r.more_accounts
1380
+ loadAccounts: [We.SAVINGS, We.CHECKING],
1381
+ loadMoreLabel: o.more_accounts
1382
1382
  }
1383
1383
  )
1384
1384
  ] });
1385
- }, Xo = S(Yo), Uo = () => {
1386
- const { finstrong: t } = C(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: l } = F(), { isInitialized: s } = X();
1385
+ }, Xo = x(Yo), Uo = () => {
1386
+ const { finstrong: t } = w(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: l } = R(), { isInitialized: s } = Y();
1387
1387
  h.useEffect(() => {
1388
- s && (o().finally(), l().finally());
1388
+ s && (r().finally(), l().finally());
1389
1389
  }, [s]);
1390
- const a = h.useMemo(() => {
1390
+ const i = h.useMemo(() => {
1391
1391
  const d = n.spend.map((p) => p.transaction), c = n.debtSpend.map((p) => p.transaction);
1392
1392
  return [...d, ...c];
1393
1393
  }, [n.spend, n.debtSpend]);
1394
- return s ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
1394
+ return s ? (console.log(o, n, "healthScore, allTransactions,"), /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
1395
1395
  /* @__PURE__ */ e(
1396
- _e,
1396
+ he,
1397
1397
  {
1398
- balance: r.ninety_day_spend / 90,
1398
+ balance: o.ninety_day_spend / 90,
1399
1399
  title: t.key_indicators_save.drawer_daily_spend
1400
1400
  }
1401
1401
  ),
1402
- /* @__PURE__ */ e(Te, { amountColor: "text.primary", transactions: a })
1403
- ] }) : /* @__PURE__ */ e(te, {});
1404
- }, qo = S(Uo), Zo = () => {
1405
- const [t, r] = h.useState(0), { finstrong: n } = C();
1406
- return /* @__PURE__ */ i(E, { children: [
1407
- /* @__PURE__ */ i(K, { children: [
1408
- /* @__PURE__ */ i(
1409
- Ge,
1402
+ /* @__PURE__ */ e(Fe, { amountColor: "text.primary", transactions: i })
1403
+ ] })) : /* @__PURE__ */ e(J, {});
1404
+ }, qo = x(Uo), Zo = () => {
1405
+ const [t, o] = h.useState(0), { finstrong: n } = w();
1406
+ return console.log(n, "copy from SaveEnoughToLiveOnDrawerContent"), /* @__PURE__ */ a(z, { children: [
1407
+ /* @__PURE__ */ a(V, { children: [
1408
+ /* @__PURE__ */ a(
1409
+ Ke,
1410
1410
  {
1411
1411
  "aria-label": n.key_indicators_save.drawer_title,
1412
1412
  centered: !0,
1413
- onChange: (o, l) => r(l),
1413
+ onChange: (r, l) => o(l),
1414
1414
  sx: { mb: 0 },
1415
1415
  value: t,
1416
1416
  variant: "fullWidth",
1417
1417
  children: [
1418
1418
  /* @__PURE__ */ e(
1419
- re,
1419
+ ae,
1420
1420
  {
1421
1421
  "aria-controls": "available-details-tabpanel-0",
1422
1422
  label: n.key_indicators_save.drawer_available,
@@ -1424,7 +1424,7 @@ const R = {
1424
1424
  }
1425
1425
  ),
1426
1426
  /* @__PURE__ */ e(
1427
- re,
1427
+ ae,
1428
1428
  {
1429
1429
  "aria-controls": "spending-details-tabpanel-1",
1430
1430
  label: n.key_indicators_save.drawer_spending,
@@ -1434,15 +1434,15 @@ const R = {
1434
1434
  ]
1435
1435
  }
1436
1436
  ),
1437
- /* @__PURE__ */ e(ae, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Xo, {}) }),
1438
- /* @__PURE__ */ e(ae, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(qo, {}) })
1437
+ /* @__PURE__ */ e(ie, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Xo, {}) }),
1438
+ /* @__PURE__ */ e(ie, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(qo, {}) })
1439
1439
  ] }),
1440
- /* @__PURE__ */ e(Ke, { chartFor: "savingsOverTime" })
1440
+ /* @__PURE__ */ e(Ye, { chartFor: "savingsOverTime" })
1441
1441
  ] });
1442
- }, Qo = S(Zo), Jo = () => {
1443
- const { finstrong: t } = C(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = mt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), a = Math.round((n - s) * l), d = n / 6 * 100;
1444
- return /* @__PURE__ */ e(
1445
- Ie,
1442
+ }, Qo = x(Zo), Jo = () => {
1443
+ const { finstrong: t } = w(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), i = Math.round((n - s) * l), d = n / 6 * 100, c = ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"];
1444
+ return console.log(o, "healthscore from SaveEnoughToLiveOnProgressBar"), /* @__PURE__ */ e(
1445
+ Re,
1446
1446
  {
1447
1447
  bottomComponent: /* @__PURE__ */ e(
1448
1448
  u,
@@ -1454,7 +1454,7 @@ const R = {
1454
1454
  mt: 2,
1455
1455
  px: 1
1456
1456
  },
1457
- children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ i(
1457
+ children: c.map((p) => /* @__PURE__ */ a(
1458
1458
  u,
1459
1459
  {
1460
1460
  sx: {
@@ -1463,7 +1463,7 @@ const R = {
1463
1463
  },
1464
1464
  children: [
1465
1465
  /* @__PURE__ */ e(
1466
- ee,
1466
+ ne,
1467
1467
  {
1468
1468
  orientation: "vertical",
1469
1469
  sx: {
@@ -1472,7 +1472,7 @@ const R = {
1472
1472
  }
1473
1473
  }
1474
1474
  ),
1475
- /* @__PURE__ */ e(O, { variant: "XSmall", children: p })
1475
+ /* @__PURE__ */ e(A, { variant: "XSmall", children: p })
1476
1476
  ]
1477
1477
  },
1478
1478
  p
@@ -1480,21 +1480,21 @@ const R = {
1480
1480
  }
1481
1481
  ),
1482
1482
  label: t.key_indicators_save.drawer_progress_bar_label,
1483
- status: o,
1483
+ status: r,
1484
1484
  statusBarData: [
1485
1485
  {
1486
1486
  percentage: `${d}%`
1487
1487
  }
1488
1488
  ],
1489
- value: V(t.key_indicators_save.drawer_progress_bar_value, s, a)
1489
+ value: U(t.key_indicators_save.drawer_progress_bar_value, s, i)
1490
1490
  }
1491
1491
  );
1492
- }, er = S(Jo), tr = () => {
1493
- const { healthScore: t } = F(), { finstrong: r } = C(), n = ve(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((a) => o ? "MISSING" : a <= 30 ? "GOOD" : a >= 31 && a <= 39 ? "FAIR" : a >= 40 ? "OFF_TRACK" : "MISSING")(n);
1492
+ }, er = x(Jo), tr = () => {
1493
+ const { healthScore: t } = R(), { finstrong: o } = w(), n = ke(t.debt_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((i) => r ? "MISSING" : i <= 30 ? "GOOD" : i >= 31 && i <= 39 ? "FAIR" : i >= 40 ? "OFF_TRACK" : "MISSING")(n);
1494
1494
  return /* @__PURE__ */ e(
1495
- Ie,
1495
+ Re,
1496
1496
  {
1497
- bottomComponent: /* @__PURE__ */ i(
1497
+ bottomComponent: /* @__PURE__ */ a(
1498
1498
  u,
1499
1499
  {
1500
1500
  sx: {
@@ -1507,14 +1507,14 @@ const R = {
1507
1507
  },
1508
1508
  children: [
1509
1509
  /* @__PURE__ */ e(
1510
- A,
1510
+ v,
1511
1511
  {
1512
1512
  sx: {
1513
1513
  left: "30%",
1514
1514
  position: "absolute",
1515
1515
  transform: "translateX(-50%)"
1516
1516
  },
1517
- children: /* @__PURE__ */ i(
1517
+ children: /* @__PURE__ */ a(
1518
1518
  u,
1519
1519
  {
1520
1520
  sx: {
@@ -1525,7 +1525,7 @@ const R = {
1525
1525
  },
1526
1526
  children: [
1527
1527
  /* @__PURE__ */ e(
1528
- ee,
1528
+ ne,
1529
1529
  {
1530
1530
  orientation: "vertical",
1531
1531
  sx: {
@@ -1534,14 +1534,14 @@ const R = {
1534
1534
  }
1535
1535
  }
1536
1536
  ),
1537
- /* @__PURE__ */ e(O, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
1537
+ /* @__PURE__ */ e(A, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
1538
1538
  ]
1539
1539
  }
1540
1540
  )
1541
1541
  }
1542
1542
  ),
1543
1543
  /* @__PURE__ */ e(
1544
- A,
1544
+ v,
1545
1545
  {
1546
1546
  sx: {
1547
1547
  display: "flex",
@@ -1550,8 +1550,8 @@ const R = {
1550
1550
  justifyContent: "center",
1551
1551
  marginLeft: "auto"
1552
1552
  },
1553
- children: /* @__PURE__ */ e(O, { variant: "Small", children: V(
1554
- r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
1553
+ children: /* @__PURE__ */ e(A, { variant: "Small", children: U(
1554
+ o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
1555
1555
  n
1556
1556
  ) })
1557
1557
  }
@@ -1559,42 +1559,42 @@ const R = {
1559
1559
  ]
1560
1560
  }
1561
1561
  ),
1562
- label: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
1562
+ label: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
1563
1563
  status: s,
1564
1564
  statusBarData: [
1565
1565
  {
1566
1566
  percentage: `${n}%`
1567
1567
  }
1568
1568
  ],
1569
- value: B(t.ninety_day_debt_spend, "0,0.00")
1569
+ value: L(t.ninety_day_debt_spend, "0,0.00")
1570
1570
  }
1571
1571
  );
1572
- }, nr = S(tr), or = () => {
1573
- const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = C(), [l, s] = h.useState(!1);
1574
- return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
1572
+ }, nr = x(tr), or = () => {
1573
+ const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = w(), [l, s] = h.useState(!1);
1574
+ return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
1575
1575
  /* @__PURE__ */ e(
1576
- _e,
1576
+ he,
1577
1577
  {
1578
1578
  balance: t.ninety_day_income,
1579
1579
  sx: { flexDirection: "column-reverse" },
1580
- title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
1580
+ title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
1581
1581
  }
1582
1582
  ),
1583
- r.income.length ? (
1583
+ o.income.length ? (
1584
1584
  // TODO: Need to add More Transactions functionality
1585
- /* @__PURE__ */ e(Te, { transactions: r.income.map((a) => a.transaction) })
1585
+ /* @__PURE__ */ e(Fe, { transactions: o.income.map((i) => i.transaction) })
1586
1586
  ) : /* @__PURE__ */ e(
1587
- $,
1587
+ W,
1588
1588
  {
1589
1589
  onClick: () => {
1590
1590
  s(!0);
1591
1591
  },
1592
1592
  variant: "contained",
1593
- children: o.connect_more_accounts_button
1593
+ children: r.connect_more_accounts_button
1594
1594
  }
1595
1595
  ),
1596
1596
  /* @__PURE__ */ e(
1597
- ne,
1597
+ oe,
1598
1598
  {
1599
1599
  onClose: () => s(!1),
1600
1600
  showConnectWidget: l,
@@ -1602,38 +1602,38 @@ const R = {
1602
1602
  }
1603
1603
  )
1604
1604
  ] });
1605
- }, rr = S(or), ar = () => {
1606
- const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = C(), [l, s] = h.useState(!1);
1607
- return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
1605
+ }, rr = x(or), ar = () => {
1606
+ const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = w(), [l, s] = h.useState(!1);
1607
+ return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
1608
1608
  /* @__PURE__ */ e(
1609
- _e,
1609
+ he,
1610
1610
  {
1611
- balance: r.ninety_day_debt_spend,
1611
+ balance: o.ninety_day_debt_spend,
1612
1612
  sx: { flexDirection: "column-reverse" },
1613
- title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
1613
+ title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
1614
1614
  }
1615
1615
  ),
1616
1616
  t.debtSpend.length ? (
1617
1617
  //TODO: Need to add More Transactions functionality
1618
1618
  /* @__PURE__ */ e(
1619
- Te,
1619
+ Fe,
1620
1620
  {
1621
1621
  amountColor: "text.primary",
1622
- transactions: t.debtSpend.map((a) => a.transaction)
1622
+ transactions: t.debtSpend.map((i) => i.transaction)
1623
1623
  }
1624
1624
  )
1625
1625
  ) : /* @__PURE__ */ e(
1626
- $,
1626
+ W,
1627
1627
  {
1628
1628
  onClick: () => {
1629
1629
  s(!0);
1630
1630
  },
1631
1631
  variant: "contained",
1632
- children: o.connect_more_accounts_button
1632
+ children: r.connect_more_accounts_button
1633
1633
  }
1634
1634
  ),
1635
1635
  /* @__PURE__ */ e(
1636
- ne,
1636
+ oe,
1637
1637
  {
1638
1638
  onClose: () => s(!1),
1639
1639
  showConnectWidget: l,
@@ -1641,99 +1641,99 @@ const R = {
1641
1641
  }
1642
1642
  )
1643
1643
  ] });
1644
- }, ir = S(ar), sr = ({
1644
+ }, ir = x(ar), sr = ({
1645
1645
  color: t,
1646
- data: r,
1646
+ data: o,
1647
1647
  series: n,
1648
- style: o,
1648
+ style: r,
1649
1649
  ...l
1650
1650
  }) => {
1651
- const s = H(), a = h.useRef(null), { width: d } = jn({
1652
- width: o.width
1651
+ const s = G(), i = h.useRef(null), { width: d } = jn({
1652
+ width: r.width
1653
1653
  });
1654
1654
  h.useLayoutEffect(() => {
1655
1655
  const m = new ResizeObserver(() => {
1656
1656
  window.requestAnimationFrame(() => {
1657
- if (a.current) {
1658
- const { width: g } = a.current.getBoundingClientRect(), b = g / 2, v = a.current.querySelector("text");
1659
- v && v.setAttribute("transform", `translate(${b}, -8)`);
1657
+ if (i.current) {
1658
+ const { width: y } = i.current.getBoundingClientRect(), C = y / 2, f = i.current.querySelector("text");
1659
+ f && f.setAttribute("transform", `translate(${C}, -8)`);
1660
1660
  }
1661
1661
  });
1662
1662
  });
1663
- return a.current && m.observe(a.current), () => {
1664
- a.current && m.unobserve(a.current);
1663
+ return i.current && m.observe(i.current), () => {
1664
+ i.current && m.unobserve(i.current);
1665
1665
  };
1666
1666
  }, []);
1667
- const { formattedComparison: c, formattedMain: p } = r[n.index], _ = n.type === 0 ? p : c;
1668
- return /* @__PURE__ */ i("g", { children: [
1669
- /* @__PURE__ */ e(et.rect, { ...l, fill: t, ref: a, rx: 2, style: o }),
1667
+ const { formattedComparison: c, formattedMain: p } = o[n.index], _ = n.type === 0 ? p : c;
1668
+ return /* @__PURE__ */ a("g", { children: [
1669
+ /* @__PURE__ */ e(ot.rect, { ...l, fill: t, ref: i, rx: 2, style: r }),
1670
1670
  /* @__PURE__ */ e(
1671
- et.text,
1671
+ ot.text,
1672
1672
  {
1673
1673
  fill: s.palette.text.secondary,
1674
1674
  fontSize: 9,
1675
1675
  fontWeight: 400,
1676
1676
  textAnchor: "middle",
1677
1677
  transform: d.to((m) => `translate(${m / 2}, -5)`),
1678
- x: o.x,
1679
- y: o.y,
1678
+ x: r.x,
1679
+ y: r.y,
1680
1680
  children: _
1681
1681
  }
1682
1682
  )
1683
1683
  ] });
1684
1684
  }, Wt = ({
1685
1685
  chartFor: t,
1686
- data: r,
1686
+ data: o,
1687
1687
  title: n,
1688
- buttonLabel: o,
1688
+ buttonLabel: r,
1689
1689
  onClick: l,
1690
1690
  legendLabelMain: s,
1691
- legendLabelComparison: a,
1691
+ legendLabelComparison: i,
1692
1692
  totalComparison: d,
1693
1693
  totalMain: c
1694
1694
  }) => {
1695
- const p = H(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
1696
- () => r.sort((y, w) => y.month - w.month).map((y) => {
1697
- const w = gn(y.month), D = {
1695
+ const p = G(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
1696
+ () => o.sort((g, k) => g.month - k.month).map((g) => {
1697
+ const k = gn(g.month), D = {
1698
1698
  spending_vs_income: {
1699
- main: y.standard_spend,
1700
- comparison: y.income,
1701
- formattedMain: B(y.standard_spend, "0.0a"),
1702
- formattedComparison: B(y.income, "0.0a")
1699
+ main: g.standard_spend,
1700
+ comparison: g.income,
1701
+ formattedMain: L(g.standard_spend, "0.0a"),
1702
+ formattedComparison: L(g.income, "0.0a")
1703
1703
  },
1704
1704
  debt_payment_vs_income: {
1705
- main: y.income,
1706
- comparison: y.debt_spend,
1707
- formattedMain: B(y.income, "0.0a"),
1708
- formattedComparison: B(y.debt_spend, "0.0a")
1705
+ main: g.income,
1706
+ comparison: g.debt_spend,
1707
+ formattedMain: L(g.income, "0.0a"),
1708
+ formattedComparison: L(g.debt_spend, "0.0a")
1709
1709
  }
1710
1710
  };
1711
1711
  return {
1712
- label: w,
1712
+ label: k,
1713
1713
  ...D[t]
1714
1714
  };
1715
1715
  }),
1716
- [r, t]
1717
- ), g = {
1716
+ [o, t]
1717
+ ), y = {
1718
1718
  dataKey: "label",
1719
1719
  scaleType: "band"
1720
- }, b = Math.max(...m.map((y) => Math.max(y.main, y.comparison))), v = Math.ceil(b * 1.2 / 1e3) * 1e3, f = v / 3, x = {
1720
+ }, C = Math.max(...m.map((g) => Math.max(g.main, g.comparison))), f = Math.ceil(C * 1.2 / 1e3) * 1e3, b = f / 3, S = {
1721
1721
  scaleType: "linear",
1722
1722
  min: 0,
1723
- max: v,
1723
+ max: f,
1724
1724
  tickNumber: 4,
1725
- tickMinStep: f,
1726
- valueFormatter: (y) => y === 0 ? "$0" : `$${(y / 1e3).toFixed(0)}K`
1725
+ tickMinStep: b,
1726
+ valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
1727
1727
  };
1728
- return /* @__PURE__ */ i(
1729
- K,
1728
+ return /* @__PURE__ */ a(
1729
+ V,
1730
1730
  {
1731
1731
  sx: {
1732
1732
  px: 16,
1733
1733
  py: 24
1734
1734
  },
1735
1735
  children: [
1736
- /* @__PURE__ */ i(
1736
+ /* @__PURE__ */ a(
1737
1737
  u,
1738
1738
  {
1739
1739
  sx: {
@@ -1744,9 +1744,9 @@ const R = {
1744
1744
  pb: 8
1745
1745
  },
1746
1746
  children: [
1747
- /* @__PURE__ */ e(Y, { children: n }),
1748
- o && /* @__PURE__ */ e(
1749
- $,
1747
+ /* @__PURE__ */ e(j, { children: n }),
1748
+ r && /* @__PURE__ */ e(
1749
+ W,
1750
1750
  {
1751
1751
  endIcon: /* @__PURE__ */ e(Z, {}),
1752
1752
  onClick: l,
@@ -1756,16 +1756,16 @@ const R = {
1756
1756
  height: 24
1757
1757
  },
1758
1758
  variant: "text",
1759
- children: o
1759
+ children: r
1760
1760
  }
1761
1761
  )
1762
1762
  ]
1763
1763
  }
1764
1764
  ),
1765
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
1766
- /* @__PURE__ */ i(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
1765
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
1766
+ /* @__PURE__ */ a(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
1767
1767
  /* @__PURE__ */ e(
1768
- A,
1768
+ v,
1769
1769
  {
1770
1770
  sx: {
1771
1771
  width: 10,
@@ -1775,17 +1775,17 @@ const R = {
1775
1775
  }
1776
1776
  }
1777
1777
  ),
1778
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
1779
- /* @__PURE__ */ i(O, { variant: "subtitle2", children: [
1778
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
1779
+ /* @__PURE__ */ a(A, { variant: "subtitle2", children: [
1780
1780
  s,
1781
1781
  " "
1782
1782
  ] }),
1783
- !_ && c && /* @__PURE__ */ e(O, { bold: !0, variant: "subtitle2", children: c })
1783
+ !_ && c && /* @__PURE__ */ e(A, { bold: !0, variant: "subtitle2", children: c })
1784
1784
  ] })
1785
1785
  ] }),
1786
- /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
1786
+ /* @__PURE__ */ a(u, { alignItems: "center", direction: "row", spacing: 8, children: [
1787
1787
  /* @__PURE__ */ e(
1788
- A,
1788
+ v,
1789
1789
  {
1790
1790
  sx: {
1791
1791
  width: 10,
@@ -1795,16 +1795,16 @@ const R = {
1795
1795
  }
1796
1796
  }
1797
1797
  ),
1798
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
1799
- /* @__PURE__ */ i(O, { variant: "subtitle2", children: [
1800
- a,
1798
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
1799
+ /* @__PURE__ */ a(A, { variant: "subtitle2", children: [
1800
+ i,
1801
1801
  " "
1802
1802
  ] }),
1803
- !_ && d && /* @__PURE__ */ e(O, { bold: !0, variant: "subtitle2", children: d })
1803
+ !_ && d && /* @__PURE__ */ e(A, { bold: !0, variant: "subtitle2", children: d })
1804
1804
  ] })
1805
1805
  ] })
1806
1806
  ] }),
1807
- /* @__PURE__ */ i(
1807
+ /* @__PURE__ */ a(
1808
1808
  Kn,
1809
1809
  {
1810
1810
  colors: [`${p.palette.chart.chart3}`, `${p.palette.chart.chart5}`],
@@ -1815,24 +1815,24 @@ const R = {
1815
1815
  { dataKey: "main", type: "bar" },
1816
1816
  { dataKey: "comparison", type: "bar" }
1817
1817
  ],
1818
- xAxis: [g],
1819
- yAxis: [x],
1818
+ xAxis: [y],
1819
+ yAxis: [S],
1820
1820
  children: [
1821
1821
  /* @__PURE__ */ e(
1822
1822
  Yt,
1823
1823
  {
1824
1824
  slots: {
1825
- bar: (y) => {
1826
- const { ownerState: w, style: D, ...M } = y;
1825
+ bar: (g) => {
1826
+ const { ownerState: k, style: D, ...F } = g;
1827
1827
  return /* @__PURE__ */ e(
1828
1828
  sr,
1829
1829
  {
1830
- ...M,
1831
- color: w.color,
1830
+ ...F,
1831
+ color: k.color,
1832
1832
  data: m,
1833
1833
  series: {
1834
- index: w.dataIndex,
1835
- type: Number(w.id.toString().split("-").pop())
1834
+ index: k.dataIndex,
1835
+ type: Number(k.id.toString().split("-").pop())
1836
1836
  },
1837
1837
  style: D
1838
1838
  }
@@ -1888,15 +1888,15 @@ const R = {
1888
1888
  }
1889
1889
  );
1890
1890
  }, cr = () => {
1891
- const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = X(), [l, s] = h.useState(0), { finstrong: a } = C();
1891
+ const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = Y(), [l, s] = h.useState(0), { finstrong: i } = w();
1892
1892
  return h.useEffect(() => {
1893
- o && (t().finally(), r().finally());
1894
- }, [o]), /* @__PURE__ */ i(E, { children: [
1895
- /* @__PURE__ */ i(K, { children: [
1896
- /* @__PURE__ */ i(
1897
- Ge,
1893
+ r && (t().finally(), o().finally());
1894
+ }, [r]), /* @__PURE__ */ a(z, { children: [
1895
+ /* @__PURE__ */ a(V, { children: [
1896
+ /* @__PURE__ */ a(
1897
+ Ke,
1898
1898
  {
1899
- "aria-label": a.key_indicators_save.drawer_title,
1899
+ "aria-label": i.key_indicators_save.drawer_title,
1900
1900
  centered: !0,
1901
1901
  onChange: (d, c) => s(c),
1902
1902
  sx: { mb: 0 },
@@ -1904,20 +1904,20 @@ const R = {
1904
1904
  variant: "fullWidth",
1905
1905
  children: [
1906
1906
  /* @__PURE__ */ e(
1907
- re,
1907
+ ae,
1908
1908
  {
1909
1909
  "aria-controls": "income-details-tabpanel-0",
1910
1910
  id: "income-details-tab-0",
1911
- label: a.key_indicators_borrow.have_manageable_debt_drawer.income,
1911
+ label: i.key_indicators_borrow.have_manageable_debt_drawer.income,
1912
1912
  sx: { minHeight: 44 }
1913
1913
  }
1914
1914
  ),
1915
1915
  /* @__PURE__ */ e(
1916
- re,
1916
+ ae,
1917
1917
  {
1918
1918
  "aria-controls": "debt-payment-details-tabpanel-1",
1919
1919
  id: "debt-payment-details-tab-1",
1920
- label: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
1920
+ label: i.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
1921
1921
  sx: { minHeight: 44 }
1922
1922
  }
1923
1923
  )
@@ -1925,7 +1925,7 @@ const R = {
1925
1925
  }
1926
1926
  ),
1927
1927
  /* @__PURE__ */ e(
1928
- ae,
1928
+ ie,
1929
1929
  {
1930
1930
  "aria-labelledby": "income-details-tab-0",
1931
1931
  index: 0,
@@ -1935,7 +1935,7 @@ const R = {
1935
1935
  }
1936
1936
  ),
1937
1937
  /* @__PURE__ */ e(
1938
- ae,
1938
+ ie,
1939
1939
  {
1940
1940
  "aria-labelledby": "debt-payment-details-tab-1",
1941
1941
  index: 1,
@@ -1945,25 +1945,25 @@ const R = {
1945
1945
  }
1946
1946
  )
1947
1947
  ] }),
1948
- n.length ? /* @__PURE__ */ i(E, { children: [
1948
+ n.length ? /* @__PURE__ */ a(z, { children: [
1949
1949
  /* @__PURE__ */ e(
1950
1950
  Wt,
1951
1951
  {
1952
1952
  chartFor: "debt_payment_vs_income",
1953
1953
  data: n,
1954
- legendLabelComparison: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
1955
- legendLabelMain: a.key_indicators_borrow.have_manageable_debt_drawer.income,
1956
- title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
1954
+ legendLabelComparison: i.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
1955
+ legendLabelMain: i.key_indicators_borrow.have_manageable_debt_drawer.income,
1956
+ title: i.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
1957
1957
  }
1958
1958
  ),
1959
- /* @__PURE__ */ e(Ke, { chartFor: "debtOverTime" })
1960
- ] }) : /* @__PURE__ */ i(E, { children: [
1959
+ /* @__PURE__ */ e(Ye, { chartFor: "debtOverTime" })
1960
+ ] }) : /* @__PURE__ */ a(z, { children: [
1961
1961
  /* @__PURE__ */ e(
1962
- ke,
1962
+ Ae,
1963
1963
  {
1964
- header: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
1964
+ header: i.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
1965
1965
  icon: "multiline_chart",
1966
- subText: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
1966
+ subText: i.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
1967
1967
  sx: {
1968
1968
  backgroundColor: "background.paper",
1969
1969
  borderRadius: "8px",
@@ -1975,11 +1975,11 @@ const R = {
1975
1975
  }
1976
1976
  ),
1977
1977
  /* @__PURE__ */ e(
1978
- ke,
1978
+ Ae,
1979
1979
  {
1980
- header: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
1980
+ header: i.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
1981
1981
  icon: "multiline_chart",
1982
- subText: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
1982
+ subText: i.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
1983
1983
  sx: {
1984
1984
  backgroundColor: "background.paper",
1985
1985
  borderRadius: "8px",
@@ -1992,17 +1992,17 @@ const R = {
1992
1992
  )
1993
1993
  ] })
1994
1994
  ] });
1995
- }, lr = S(cr), dr = () => {
1996
- const { healthScore: t } = F(), { finstrong: r } = C(), n = ve(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
1995
+ }, lr = x(cr), dr = () => {
1996
+ const { healthScore: t } = R(), { finstrong: o } = w(), n = ke(t.spend_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((d) => r ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), i = {
1997
1997
  GOOD: [{ percentage: `${n}%` }],
1998
1998
  FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
1999
1999
  OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
2000
2000
  MISSING: [{ percentage: "0%" }]
2001
2001
  }[s];
2002
2002
  return /* @__PURE__ */ e(
2003
- Ie,
2003
+ Re,
2004
2004
  {
2005
- bottomComponent: /* @__PURE__ */ i(
2005
+ bottomComponent: /* @__PURE__ */ a(
2006
2006
  u,
2007
2007
  {
2008
2008
  sx: {
@@ -2012,62 +2012,62 @@ const R = {
2012
2012
  mt: 8
2013
2013
  },
2014
2014
  children: [
2015
- /* @__PURE__ */ i(O, { variant: "body2", children: [
2016
- o ? "-" : B(t.ninety_day_income, "0,0.00"),
2015
+ /* @__PURE__ */ a(A, { variant: "body2", children: [
2016
+ r ? "-" : L(t.ninety_day_income, "0,0.00"),
2017
2017
  " ",
2018
- r?.key_indicators_spend.spend_less_than_you_make_drawer.income
2018
+ o?.key_indicators_spend.spend_less_than_you_make_drawer.income
2019
2019
  ] }),
2020
- /* @__PURE__ */ i(O, { variant: "body2", children: [
2021
- o ? "-%" : `${n}%`,
2022
- r?.key_indicators_spend.spend_less_than_you_make_drawer.spent
2020
+ /* @__PURE__ */ a(A, { variant: "body2", children: [
2021
+ r ? "-%" : `${n}%`,
2022
+ o?.key_indicators_spend.spend_less_than_you_make_drawer.spent
2023
2023
  ] })
2024
2024
  ]
2025
2025
  }
2026
2026
  ),
2027
- label: r?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
2027
+ label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
2028
2028
  status: s,
2029
- statusBarData: a,
2030
- value: o ? "$0" : B(t.ninety_day_spend, "0,0.00")
2029
+ statusBarData: i,
2030
+ value: r ? "$0" : L(t.ninety_day_spend, "0,0.00")
2031
2031
  }
2032
2032
  );
2033
- }, pr = S(dr), ur = () => {
2034
- const t = H(), { monthlySummaries: r } = F(), { finstrong: n, goals: o, spending: l } = C(), { selectedAccounts: s } = X(), { categories: a, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = Ee(), { appDataStore: p } = wn(), [_, m] = h.useState("");
2035
- h.useEffect(() => {
2033
+ }, pr = x(dr), ur = () => {
2034
+ const t = G(), { monthlySummaries: o } = R(), { finstrong: n, goals: r, spending: l } = w(), { selectedAccounts: s } = Y(), { categories: i, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = He(), { appDataStore: p } = wn(), [_, m] = h.useState("");
2035
+ console.log(o, "monthlySummaries in spend less than you make"), console.log(i, d, "categories, dateRangeCategoryTotals"), console.log(p, "appDataStore"), h.useEffect(() => {
2036
2036
  c(
2037
2037
  s,
2038
2038
  It(/* @__PURE__ */ new Date()),
2039
2039
  Tt(/* @__PURE__ */ new Date())
2040
2040
  ).finally();
2041
2041
  }, [s]);
2042
- const g = h.useMemo(
2043
- () => Vn(a, o, t, d),
2044
- [a, d]
2045
- ), b = (x) => {
2046
- m(_ === x ? "" : x);
2047
- }, { totalSpending: v, totalIncome: f } = h.useMemo(() => r?.reduce(
2048
- (x, { standard_spend: y = 0, income: w = 0 }) => ({
2049
- totalSpending: x.totalSpending + y,
2050
- totalIncome: x.totalIncome + w
2042
+ const y = h.useMemo(
2043
+ () => Vn(i, r, t, d),
2044
+ [i, d]
2045
+ ), C = (S) => {
2046
+ m(_ === S ? "" : S);
2047
+ }, { totalSpending: f, totalIncome: b } = h.useMemo(() => o?.reduce(
2048
+ (S, { standard_spend: g = 0, income: k = 0 }) => ({
2049
+ totalSpending: S.totalSpending + g,
2050
+ totalIncome: S.totalIncome + k
2051
2051
  }),
2052
2052
  { totalSpending: 0, totalIncome: 0 }
2053
- ), [r]);
2054
- return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
2055
- r.length ? /* @__PURE__ */ e(
2053
+ ), [o]);
2054
+ return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
2055
+ o.length ? /* @__PURE__ */ e(
2056
2056
  Wt,
2057
2057
  {
2058
2058
  ...p.appData.client_profile?.allow_trends_widget && {
2059
2059
  buttonLabel: n.key_indicators_spend.spend_less_than_you_make_drawer.view_more
2060
2060
  },
2061
2061
  chartFor: "spending_vs_income",
2062
- data: r,
2062
+ data: o,
2063
2063
  legendLabelComparison: n.key_indicators_spend.spend_less_than_you_make_drawer.income,
2064
2064
  legendLabelMain: n.key_indicators_spend.spend_less_than_you_make_drawer.spending,
2065
2065
  title: n.key_indicators_spend.spend_less_than_you_make_drawer.trends,
2066
- totalComparison: B(f, "0,0.00"),
2067
- totalMain: B(v, "0,0.00")
2066
+ totalComparison: L(b, "0,0.00"),
2067
+ totalMain: L(f, "0,0.00")
2068
2068
  }
2069
2069
  ) : /* @__PURE__ */ e(
2070
- ke,
2070
+ Ae,
2071
2071
  {
2072
2072
  header: n.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
2073
2073
  icon: "multiline_chart",
@@ -2082,15 +2082,15 @@ const R = {
2082
2082
  variant: "no-buttons"
2083
2083
  }
2084
2084
  ),
2085
- g ? /* @__PURE__ */ i(
2086
- K,
2085
+ y ? /* @__PURE__ */ a(
2086
+ V,
2087
2087
  {
2088
2088
  sx: {
2089
2089
  px: 16,
2090
2090
  py: 24
2091
2091
  },
2092
2092
  children: [
2093
- /* @__PURE__ */ i(
2093
+ /* @__PURE__ */ a(
2094
2094
  u,
2095
2095
  {
2096
2096
  sx: {
@@ -2101,9 +2101,9 @@ const R = {
2101
2101
  pb: 8
2102
2102
  },
2103
2103
  children: [
2104
- /* @__PURE__ */ e(Y, { children: n.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
2104
+ /* @__PURE__ */ e(j, { children: n.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
2105
2105
  p.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
2106
- $,
2106
+ W,
2107
2107
  {
2108
2108
  endIcon: /* @__PURE__ */ e(Z, {}),
2109
2109
  size: "small",
@@ -2118,12 +2118,12 @@ const R = {
2118
2118
  ]
2119
2119
  }
2120
2120
  ),
2121
- /* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
2121
+ /* @__PURE__ */ a(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
2122
2122
  /* @__PURE__ */ e(
2123
2123
  Yn,
2124
2124
  {
2125
- data: g,
2126
- onSelected: b,
2125
+ data: y,
2126
+ onSelected: C,
2127
2127
  selectedId: _,
2128
2128
  totalLabel: l.total_spending
2129
2129
  }
@@ -2131,8 +2131,8 @@ const R = {
2131
2131
  /* @__PURE__ */ e(
2132
2132
  Xn,
2133
2133
  {
2134
- data: g,
2135
- onSelected: b,
2134
+ data: y,
2135
+ onSelected: C,
2136
2136
  selectedId: _
2137
2137
  }
2138
2138
  )
@@ -2140,7 +2140,7 @@ const R = {
2140
2140
  ]
2141
2141
  }
2142
2142
  ) : /* @__PURE__ */ e(
2143
- ke,
2143
+ Ae,
2144
2144
  {
2145
2145
  header: n.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
2146
2146
  icon: "donut_small",
@@ -2156,77 +2156,77 @@ const R = {
2156
2156
  }
2157
2157
  )
2158
2158
  ] });
2159
- }, _r = S(ur), Pe = {
2159
+ }, _r = x(ur), Le = {
2160
2160
  credit_score_description: "Credit scores usually go from 300 to 850. Think of 700+ as good, 800+ as awesome, and below 600 as needing work. You can often check yours for free with your bank or credit card company.",
2161
2161
  maintain_emergency_savings_description: "With at least $1,000 saved, you're ready for surprises, freeing you to save for major goals.",
2162
2162
  maintain_emergency_savings_title: "Maintain Emergency Savings"
2163
2163
  }, hr = ({
2164
2164
  drawerFor: t,
2165
- isOpen: r,
2165
+ isOpen: o,
2166
2166
  onClose: n
2167
2167
  }) => {
2168
- const { finstrong: o } = C(), s = {
2168
+ const { finstrong: r } = w(), s = {
2169
2169
  spendLessThanYouMake: {
2170
- title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
2171
- description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
2170
+ title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
2171
+ description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
2172
2172
  stickyComponent: /* @__PURE__ */ e(pr, {}),
2173
2173
  content: /* @__PURE__ */ e(_r, {}),
2174
2174
  drawerType: "connectDrawer",
2175
- connectTitle: o.connect_your_accounts,
2176
- connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2175
+ connectTitle: r.connect_your_accounts,
2176
+ connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2177
2177
  },
2178
2178
  payBillsOnTime: {
2179
- title: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
2180
- description: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
2179
+ title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
2180
+ description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
2181
2181
  stickyComponent: /* @__PURE__ */ e(Vo, {}),
2182
2182
  content: /* @__PURE__ */ e(Ko, {}),
2183
2183
  drawerType: "connectDrawer",
2184
- connectTitle: o.connect_your_accounts,
2185
- connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2184
+ connectTitle: r.connect_your_accounts,
2185
+ connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2186
2186
  },
2187
2187
  maintainEmergencySavings: {
2188
2188
  content: /* @__PURE__ */ e(Lo, {}),
2189
- description: Pe.maintain_emergency_savings_description,
2189
+ description: Le.maintain_emergency_savings_description,
2190
2190
  stickyComponent: /* @__PURE__ */ e(zo, {}),
2191
- title: Pe.maintain_emergency_savings_title,
2191
+ title: Le.maintain_emergency_savings_title,
2192
2192
  drawerType: "connectDrawer",
2193
- connectTitle: o.connect_your_accounts,
2194
- connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2193
+ connectTitle: r.connect_your_accounts,
2194
+ connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
2195
2195
  },
2196
2196
  haveManageableDebt: {
2197
- title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
2198
- description: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
2197
+ title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
2198
+ description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
2199
2199
  stickyComponent: /* @__PURE__ */ e(nr, {}),
2200
2200
  content: /* @__PURE__ */ e(lr, {}),
2201
2201
  drawerType: "connectDrawer",
2202
- connectTitle: o.dont_see_all_your_accounts,
2203
- connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
2202
+ connectTitle: r.dont_see_all_your_accounts,
2203
+ connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
2204
2204
  },
2205
2205
  haveAGoodCreditScore: {
2206
- title: /* @__PURE__ */ e(Ao, {}),
2207
- description: Pe.credit_score_description,
2206
+ title: /* @__PURE__ */ e(Mo, {}),
2207
+ description: Le.credit_score_description,
2208
2208
  stickyComponent: null,
2209
2209
  content: /* @__PURE__ */ e(vo, {})
2210
2210
  },
2211
2211
  saveEnoughToLiveOn: {
2212
- title: o.key_indicators_save.drawer_title,
2213
- description: o.key_indicators_save.drawer_description,
2212
+ title: r.key_indicators_save.drawer_title,
2213
+ description: r.key_indicators_save.drawer_description,
2214
2214
  stickyComponent: /* @__PURE__ */ e(er, {}),
2215
2215
  content: /* @__PURE__ */ e(Qo, {}),
2216
2216
  drawerType: "connectDrawer",
2217
- connectTitle: o.dont_see_all_your_accounts,
2218
- connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
2217
+ connectTitle: r.dont_see_all_your_accounts,
2218
+ connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
2219
2219
  }
2220
2220
  }[t];
2221
2221
  return /* @__PURE__ */ e(
2222
- Bt,
2222
+ Pt,
2223
2223
  {
2224
2224
  connectDescription: s?.connectDescription,
2225
2225
  connectTitle: s?.connectTitle,
2226
2226
  description: s?.description,
2227
- drawerTitle: o.key_indicators,
2227
+ drawerTitle: r.key_indicators,
2228
2228
  drawerType: s.drawerType,
2229
- isOpen: r,
2229
+ isOpen: o,
2230
2230
  loadConnectAccountsCard: !0,
2231
2231
  onClose: n,
2232
2232
  stickyComponent: s.stickyComponent,
@@ -2234,15 +2234,15 @@ const R = {
2234
2234
  children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: s.content })
2235
2235
  }
2236
2236
  );
2237
- }, mr = S(hr), ue = ({
2237
+ }, mr = x(hr), _e = ({
2238
2238
  drawerFor: t,
2239
- title: r,
2239
+ title: o,
2240
2240
  description: n,
2241
- cardState: o = "MISSING"
2241
+ cardState: r = "MISSING"
2242
2242
  }) => {
2243
2243
  const [l, s] = h.useState(!1);
2244
- return /* @__PURE__ */ i(E, { children: [
2245
- /* @__PURE__ */ i(
2244
+ return /* @__PURE__ */ a(z, { children: [
2245
+ /* @__PURE__ */ a(
2246
2246
  u,
2247
2247
  {
2248
2248
  onClick: () => s(!0),
@@ -2258,12 +2258,12 @@ const R = {
2258
2258
  cursor: "pointer"
2259
2259
  },
2260
2260
  children: [
2261
- /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
2262
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
2263
- /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
2264
- /* @__PURE__ */ e(Me, { status: o })
2261
+ /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
2262
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
2263
+ /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
2264
+ /* @__PURE__ */ e(Oe, { status: r })
2265
2265
  ] }),
2266
- /* @__PURE__ */ e(k, { color: "secondary", variant: "subtitle2", children: n })
2266
+ /* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
2267
2267
  ] }),
2268
2268
  /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
2269
2269
  ]
@@ -2279,33 +2279,33 @@ const R = {
2279
2279
  )
2280
2280
  ] });
2281
2281
  }, gr = () => {
2282
- const { finstrong: t } = C(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (a) => {
2283
- const d = bn(a), c = {
2284
- GOOD: r.ratio_good_description,
2285
- FAIR: r.ratio_fair_description,
2286
- OFF_TRACK: r.ratio_off_track_description,
2287
- MISSING: r.ratio_missing_description
2288
- }, p = d === "MISSING" ? c[d] : V(c[d], a);
2282
+ const { finstrong: t } = w(), { key_indicators_spend: o } = t, { healthScore: n } = R(), r = (i) => {
2283
+ const d = bn(i), c = {
2284
+ GOOD: o.ratio_good_description,
2285
+ FAIR: o.ratio_fair_description,
2286
+ OFF_TRACK: o.ratio_off_track_description,
2287
+ MISSING: o.ratio_missing_description
2288
+ }, p = d === "MISSING" ? c[d] : U(c[d], i);
2289
2289
  return {
2290
2290
  cardState: d,
2291
2291
  description: p,
2292
- title: r.ratio_card_title
2292
+ title: o.ratio_card_title
2293
2293
  };
2294
2294
  }, { spendToIncomeRatio: l, spendFeeCount: s } = h.useMemo(() => {
2295
- const a = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(a), c = yn(
2295
+ const i = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = r(i), c = yn(
2296
2296
  n.spending_fee_transaction_count,
2297
- r
2297
+ o
2298
2298
  );
2299
2299
  return { spendToIncomeRatio: d, spendFeeCount: c };
2300
2300
  }, [
2301
2301
  n.spend_to_income_ratio,
2302
2302
  n.spending_fee_transaction_count,
2303
- r,
2303
+ o,
2304
2304
  t
2305
2305
  ]);
2306
- return /* @__PURE__ */ i(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
2306
+ return /* @__PURE__ */ a(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
2307
2307
  /* @__PURE__ */ e(
2308
- ue,
2308
+ _e,
2309
2309
  {
2310
2310
  cardState: l.cardState,
2311
2311
  description: l.description,
@@ -2314,7 +2314,7 @@ const R = {
2314
2314
  }
2315
2315
  ),
2316
2316
  /* @__PURE__ */ e(
2317
- ue,
2317
+ _e,
2318
2318
  {
2319
2319
  cardState: s.cardState,
2320
2320
  description: s.description,
@@ -2323,47 +2323,47 @@ const R = {
2323
2323
  }
2324
2324
  )
2325
2325
  ] });
2326
- }, yr = S(gr), br = () => {
2327
- const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_save: n } = r, o = (d) => {
2328
- const c = mt(d), p = {
2326
+ }, yr = x(gr), br = () => {
2327
+ const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_save: n } = o, r = (d) => {
2328
+ const c = bt(d), p = {
2329
2329
  GOOD: n.days_of_cash_good_description,
2330
2330
  FAIR: n.days_of_cash_fair_description,
2331
2331
  OFF_TRACK: n.days_of_cash_off_track_description,
2332
2332
  MISSING: n.days_of_cash_missing_description
2333
- }, _ = c === "MISSING" ? p[c] : V(p[c], d);
2333
+ }, _ = c === "MISSING" ? p[c] : U(p[c], d);
2334
2334
  return {
2335
2335
  cardState: c,
2336
2336
  description: _,
2337
2337
  title: n.days_of_cash_title
2338
2338
  };
2339
2339
  }, l = (d) => {
2340
- const c = ht(d), p = {
2340
+ const c = yt(d), p = {
2341
2341
  GOOD: n.emergency_savings_good_description,
2342
2342
  FAIR: n.emergency_savings_fair_description,
2343
2343
  OFF_TRACK: n.emergency_savings_off_track_description,
2344
2344
  MISSING: n.emergency_savings_missing_description
2345
2345
  };
2346
2346
  let _;
2347
- return c === "FAIR" && d !== null ? _ = V(
2347
+ return c === "FAIR" && d !== null ? _ = U(
2348
2348
  p[c],
2349
- B(d, "0,0.00")
2349
+ L(d, "0,0.00")
2350
2350
  ) : _ = p[c], {
2351
2351
  cardState: c,
2352
2352
  description: _,
2353
2353
  title: n.emergency_savings_title
2354
2354
  };
2355
- }, { daysOfCashOnHand: s, emergencySavings: a } = h.useMemo(() => {
2356
- const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = o(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(p);
2355
+ }, { daysOfCashOnHand: s, emergencySavings: i } = h.useMemo(() => {
2356
+ const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = r(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(p);
2357
2357
  return { daysOfCashOnHand: c, emergencySavings: _ };
2358
2358
  }, [
2359
2359
  t.months_of_cash_on_hand,
2360
2360
  t.emergency_savings_on_hand,
2361
2361
  n,
2362
- r
2362
+ o
2363
2363
  ]);
2364
- return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
2364
+ return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
2365
2365
  /* @__PURE__ */ e(
2366
- ue,
2366
+ _e,
2367
2367
  {
2368
2368
  cardState: s.cardState,
2369
2369
  description: s.description,
@@ -2372,59 +2372,59 @@ const R = {
2372
2372
  }
2373
2373
  ),
2374
2374
  /* @__PURE__ */ e(
2375
- ue,
2375
+ _e,
2376
2376
  {
2377
- cardState: a.cardState,
2378
- description: a.description,
2377
+ cardState: i.cardState,
2378
+ description: i.description,
2379
2379
  drawerFor: se.MaintainEmergencySavings,
2380
- title: a.title
2380
+ title: i.title
2381
2381
  }
2382
2382
  )
2383
2383
  ] });
2384
- }, fr = S(br), xr = () => {
2385
- const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_borrow: n } = r, { user: o } = Q(), l = (c) => {
2384
+ }, fr = x(br), xr = () => {
2385
+ const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_borrow: n } = o, { user: r } = Q(), l = (c) => {
2386
2386
  const p = fn(c), _ = {
2387
2387
  GOOD: n.manage_debit_good_description,
2388
2388
  FAIR: n.manage_debit_fair_description,
2389
2389
  OFF_TRACK: n.manage_debit_off_track_description,
2390
2390
  MISSING: n.manage_debit_missing_description
2391
- }, m = p === "FAIR" || p === "OFF_TRACK" ? V(_[p], c) : _[p];
2391
+ }, m = p === "FAIR" || p === "OFF_TRACK" ? U(_[p], c) : _[p];
2392
2392
  return {
2393
2393
  cardState: p,
2394
2394
  description: m,
2395
2395
  title: n.manage_debit_title
2396
2396
  };
2397
2397
  }, s = (c) => {
2398
- const p = _t(c), _ = {
2398
+ const p = gt(c), _ = {
2399
2399
  GOOD: n.credit_score_good_description,
2400
2400
  FAIR: n.credit_score_fair_description,
2401
2401
  OFF_TRACK: n.credit_score_off_track_description,
2402
2402
  MISSING: n.credit_score_missing_description
2403
- }, m = p === "MISSING" ? _[p] : V(_[p], c);
2403
+ }, m = p === "MISSING" ? _[p] : U(_[p], c);
2404
2404
  return {
2405
2405
  cardState: p,
2406
2406
  description: m,
2407
2407
  title: n.credit_score_title
2408
2408
  };
2409
- }, { manageDebtStatus: a, creditScoreStatus: d } = h.useMemo(() => {
2410
- const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), _ = s(o.credit_score || null);
2409
+ }, { manageDebtStatus: i, creditScoreStatus: d } = h.useMemo(() => {
2410
+ const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), _ = s(r.credit_score || null);
2411
2411
  return {
2412
2412
  manageDebtStatus: p,
2413
2413
  creditScoreStatus: _
2414
2414
  };
2415
- }, [t.debt_to_income_ratio, o.credit_score, n, r]);
2416
- return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
2415
+ }, [t.debt_to_income_ratio, r.credit_score, n, o]);
2416
+ return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
2417
2417
  /* @__PURE__ */ e(
2418
- ue,
2418
+ _e,
2419
2419
  {
2420
- cardState: a.cardState,
2421
- description: a.description,
2420
+ cardState: i.cardState,
2421
+ description: i.description,
2422
2422
  drawerFor: se.HaveManageableDebt,
2423
- title: a.title
2423
+ title: i.title
2424
2424
  }
2425
2425
  ),
2426
2426
  /* @__PURE__ */ e(
2427
- ue,
2427
+ _e,
2428
2428
  {
2429
2429
  cardState: d.cardState,
2430
2430
  description: d.description,
@@ -2433,15 +2433,15 @@ const R = {
2433
2433
  }
2434
2434
  )
2435
2435
  ] });
2436
- }, Sr = S(xr), Cr = () => {
2437
- const [t, r] = h.useState(0), { finstrong: n } = C();
2438
- return /* @__PURE__ */ i(E, { children: [
2439
- /* @__PURE__ */ i(
2440
- Ge,
2436
+ }, Sr = x(xr), Cr = () => {
2437
+ const [t, o] = h.useState(0), { finstrong: n } = w();
2438
+ return /* @__PURE__ */ a(z, { children: [
2439
+ /* @__PURE__ */ a(
2440
+ Ke,
2441
2441
  {
2442
2442
  "aria-label": "Key Indicators",
2443
2443
  centered: !0,
2444
- onChange: (o, l) => r(l),
2444
+ onChange: (r, l) => o(l),
2445
2445
  sx: {
2446
2446
  mb: 0,
2447
2447
  "& .MuiTab-root": {
@@ -2453,10 +2453,10 @@ const R = {
2453
2453
  variant: "fullWidth",
2454
2454
  children: [
2455
2455
  /* @__PURE__ */ e(
2456
- re,
2456
+ ae,
2457
2457
  {
2458
2458
  "aria-controls": "spend-details-tabpanel-0",
2459
- icon: /* @__PURE__ */ e($e, { sx: { mr: 8 } }),
2459
+ icon: /* @__PURE__ */ e(ze, { sx: { mr: 8 } }),
2460
2460
  iconPosition: "start",
2461
2461
  id: "spend-details-tab-0",
2462
2462
  label: n.key_indicators_spend.title,
@@ -2464,7 +2464,7 @@ const R = {
2464
2464
  }
2465
2465
  ),
2466
2466
  /* @__PURE__ */ e(
2467
- re,
2467
+ ae,
2468
2468
  {
2469
2469
  "aria-controls": "save-details-tabpanel-1",
2470
2470
  icon: /* @__PURE__ */ e(Qt, { sx: { mr: 8 } }),
@@ -2475,7 +2475,7 @@ const R = {
2475
2475
  }
2476
2476
  ),
2477
2477
  /* @__PURE__ */ e(
2478
- re,
2478
+ ae,
2479
2479
  {
2480
2480
  "aria-controls": "borrow-details-tabpanel-2",
2481
2481
  icon: /* @__PURE__ */ e(Jt, { sx: { mr: 8 } }),
@@ -2488,20 +2488,20 @@ const R = {
2488
2488
  ]
2489
2489
  }
2490
2490
  ),
2491
- /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(yr, {}) }),
2492
- /* @__PURE__ */ e(ae, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(fr, {}) }),
2493
- /* @__PURE__ */ e(ae, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Sr, {}) })
2491
+ /* @__PURE__ */ e(ie, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(yr, {}) }),
2492
+ /* @__PURE__ */ e(ie, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(fr, {}) }),
2493
+ /* @__PURE__ */ e(ie, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Sr, {}) })
2494
2494
  ] });
2495
- }, vr = S(Cr), wr = ({ onClick: t }) => {
2496
- const { finstrong: r } = C(), { isCopyLoaded: n } = X();
2497
- return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
2498
- /* @__PURE__ */ e(lt, { size: 48 }),
2499
- /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
2500
- /* @__PURE__ */ e(Y, { children: r.missing_data_title }),
2501
- /* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
2495
+ }, vr = x(Cr), wr = ({ onClick: t }) => {
2496
+ const { finstrong: o } = w(), { isCopyLoaded: n } = Y();
2497
+ return n ? /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
2498
+ /* @__PURE__ */ e(ut, { size: 48 }),
2499
+ /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
2500
+ /* @__PURE__ */ e(j, { children: o.missing_data_title }),
2501
+ /* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
2502
2502
  ] }),
2503
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
2504
- $,
2503
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
2504
+ W,
2505
2505
  {
2506
2506
  endIcon: /* @__PURE__ */ e(Z, {}),
2507
2507
  onClick: t,
@@ -2513,34 +2513,34 @@ const R = {
2513
2513
  }
2514
2514
  },
2515
2515
  variant: "text",
2516
- children: r.connect_more_accounts_button
2516
+ children: o.connect_more_accounts_button
2517
2517
  }
2518
2518
  ) })
2519
- ] }) : /* @__PURE__ */ e(te, {});
2520
- }, kr = S(wr), Ar = {
2519
+ ] }) : /* @__PURE__ */ e(J, {});
2520
+ }, kr = x(wr), Mr = {
2521
2521
  add_more_income: "Add More Income"
2522
2522
  }, Dr = ({
2523
2523
  incomeTransactions: t,
2524
- setCurrentStep: r,
2524
+ setCurrentStep: o,
2525
2525
  transaction: n
2526
- }) => /* @__PURE__ */ i(h.Fragment, { children: [
2527
- /* @__PURE__ */ i(u, { children: [
2528
- !!t.length && /* @__PURE__ */ e(A, { sx: { pb: 24 }, children: t.reduce((o, l, s) => {
2529
- if (l.guid === n.guid) return o;
2530
- const a = Le(s, t), d = At(s, t);
2531
- return o.push(
2532
- /* @__PURE__ */ i(h.Fragment, { children: [
2533
- a && /* @__PURE__ */ e(Dt, { children: Ne(l.date) }),
2534
- /* @__PURE__ */ e(Mt, { transaction: l }),
2535
- /* @__PURE__ */ e(ee, { sx: { ml: d ? 44 : 0 } })
2526
+ }) => /* @__PURE__ */ a(h.Fragment, { children: [
2527
+ /* @__PURE__ */ a(u, { children: [
2528
+ !!t.length && /* @__PURE__ */ e(v, { sx: { pb: 24 }, children: t.reduce((r, l, s) => {
2529
+ if (l.guid === n.guid) return r;
2530
+ const i = Ee(s, t), d = Mt(s, t);
2531
+ return r.push(
2532
+ /* @__PURE__ */ a(h.Fragment, { children: [
2533
+ i && /* @__PURE__ */ e(Dt, { children: Ve(l.date) }),
2534
+ /* @__PURE__ */ e(At, { transaction: l }),
2535
+ /* @__PURE__ */ e(ne, { sx: { ml: d ? 44 : 0 } })
2536
2536
  ] }, l.guid)
2537
- ), o;
2537
+ ), r;
2538
2538
  }, []) }),
2539
2539
  /* @__PURE__ */ e(
2540
2540
  qn,
2541
2541
  {
2542
2542
  firstDay: 1,
2543
- frequency: Pn.EveryMonth,
2543
+ frequency: Fn.EveryMonth,
2544
2544
  onFirstDayChange: () => {
2545
2545
  },
2546
2546
  onFrequencyChange: () => {
@@ -2552,38 +2552,38 @@ const R = {
2552
2552
  }
2553
2553
  )
2554
2554
  ] }),
2555
- /* @__PURE__ */ e(A, { sx: { px: 24 }, children: /* @__PURE__ */ e(
2556
- $,
2555
+ /* @__PURE__ */ e(v, { sx: { px: 24 }, children: /* @__PURE__ */ e(
2556
+ W,
2557
2557
  {
2558
2558
  fullWidth: !0,
2559
- onClick: () => r({ step: T.MonthlyIncome, type: "main" }),
2560
- startIcon: /* @__PURE__ */ e(dt, {}),
2561
- children: Ar.add_more_income
2559
+ onClick: () => o({ step: T.MonthlyIncome, type: "main" }),
2560
+ startIcon: /* @__PURE__ */ e(_t, {}),
2561
+ children: Mr.add_more_income
2562
2562
  }
2563
2563
  ) })
2564
- ] }), Mr = S(Dr), Ir = {
2564
+ ] }), Ar = x(Dr), Ir = {
2565
2565
  select_date: "Select Date"
2566
- }, Tr = ({ selectedDate: t, setSelectedDate: r }) => {
2567
- const n = H(), o = (l) => {
2568
- r(Math.floor(new Date(l).getTime() / 1e3));
2566
+ }, Tr = ({ selectedDate: t, setSelectedDate: o }) => {
2567
+ const n = G(), r = (l) => {
2568
+ o(Math.floor(new Date(l).getTime() / 1e3));
2569
2569
  };
2570
- return /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
2570
+ return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
2571
2571
  eo,
2572
2572
  {
2573
2573
  disableFuture: !0,
2574
2574
  label: Ir.select_date,
2575
- onChange: o,
2575
+ onChange: r,
2576
2576
  slotProps: {
2577
2577
  nextIconButton: {
2578
2578
  sx: {
2579
2579
  color: "primary.main",
2580
- "&:hover": { bgcolor: pe(n.palette.primary.light, 0.1) }
2580
+ "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
2581
2581
  }
2582
2582
  },
2583
2583
  previousIconButton: {
2584
2584
  sx: {
2585
2585
  color: "primary.main",
2586
- "&:hover": { bgcolor: pe(n.palette.primary.light, 0.1) }
2586
+ "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
2587
2587
  }
2588
2588
  }
2589
2589
  },
@@ -2591,18 +2591,18 @@ const R = {
2591
2591
  width: "100%",
2592
2592
  "& .MuiIconButton-edgeEnd": {
2593
2593
  color: "primary.main",
2594
- "&:hover": { bgcolor: pe(n.palette.primary.light, 0.1) }
2594
+ "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
2595
2595
  }
2596
2596
  },
2597
2597
  value: t ? new Date(t * 1e3) : null
2598
2598
  }
2599
2599
  ) }) });
2600
- }, Or = S(Tr), Fr = {
2600
+ }, Or = x(Tr), Rr = {
2601
2601
  credit_score: "Credit Score"
2602
- }, Pr = ({ creditScore: t, setCreditScore: r }) => {
2602
+ }, Fr = ({ creditScore: t, setCreditScore: o }) => {
2603
2603
  const n = !isNaN(t);
2604
- return /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(
2605
- we,
2604
+ return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
2605
+ Me,
2606
2606
  {
2607
2607
  error: !n,
2608
2608
  fullWidth: !0,
@@ -2611,44 +2611,44 @@ const R = {
2611
2611
  noValidate: !0,
2612
2612
  pattern: "[0-9]*"
2613
2613
  },
2614
- label: Fr.credit_score,
2615
- onChange: (o) => r(Number(o.target.value)),
2614
+ label: Rr.credit_score,
2615
+ onChange: (r) => o(Number(r.target.value)),
2616
2616
  value: n ? t : ""
2617
2617
  }
2618
2618
  ) });
2619
- }, Rr = S(Pr), Et = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
2620
- /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
2621
- A,
2619
+ }, Br = x(Fr), Et = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
2620
+ /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
2621
+ v,
2622
2622
  {
2623
2623
  sx: {
2624
- bgcolor: o < t ? "primary.main" : "neutral.light",
2624
+ bgcolor: r < t ? "primary.main" : "neutral.light",
2625
2625
  borderRadius: "24px",
2626
2626
  height: 4,
2627
2627
  width: "100%"
2628
2628
  }
2629
2629
  },
2630
- o
2630
+ r
2631
2631
  )) }),
2632
- /* @__PURE__ */ i(O, { sx: { color: "text.secondary" }, variant: "body2", children: [
2632
+ /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "body2", children: [
2633
2633
  t / 4 * 100,
2634
2634
  "% ",
2635
- r
2635
+ o
2636
2636
  ] })
2637
- ] }), Br = ({
2637
+ ] }), Pr = ({
2638
2638
  completeCopy: t,
2639
- primaryText: r,
2639
+ primaryText: o,
2640
2640
  secondaryText: n,
2641
- value: o
2642
- }) => /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
2643
- /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
2644
- /* @__PURE__ */ e(Y, { children: r }),
2645
- /* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
2641
+ value: r
2642
+ }) => /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
2643
+ /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
2644
+ /* @__PURE__ */ e(j, { children: o }),
2645
+ /* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
2646
2646
  ] }),
2647
- /* @__PURE__ */ e(Et, { completeCopy: t, value: o })
2648
- ] }), at = {
2647
+ /* @__PURE__ */ e(Et, { completeCopy: t, value: r })
2648
+ ] }), ct = {
2649
2649
  step: T.ConnectAccounts,
2650
2650
  type: "main"
2651
- }, P = {
2651
+ }, B = {
2652
2652
  add_accounts: "Add Accounts",
2653
2653
  add_income_primary: "What is your monthly income?",
2654
2654
  add_income_secondary: "Add your income so that we can accurately measure your financial strength.",
@@ -2666,12 +2666,12 @@ const R = {
2666
2666
  credit_score_secondary: "Your ability to borrow money is a key part of your financial strength score.",
2667
2667
  do_it_later: "Do It Later",
2668
2668
  next: "Next"
2669
- }, Lr = ({ isOpen: t, onClose: r }) => {
2670
- const { visibleAccounts: n } = fe(), { calculateHealthScore: o } = F(), { finstrong: l } = C(), { setSelectedAccounts: s } = X(), { setDateRange: a } = kn(), { filter: d, setFilter: c, transactions: p } = An(), { user: _, userProfile: m, updateUser: g, updateUserProfile: b } = Q(), [v, f] = h.useState(_.credit_score || 0), [x, y] = h.useState(
2671
- at
2672
- ), [w, D] = h.useState([]), [M, N] = h.useState(!1), [z, G] = h.useState(!1), [W, ce] = h.useState(_.birthday), [j, oe] = h.useState("");
2669
+ }, Lr = ({ isOpen: t, onClose: o }) => {
2670
+ const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = R(), { finstrong: l } = w(), { setSelectedAccounts: s } = Y(), { setDateRange: i } = kn(), { filter: d, setFilter: c, transactions: p } = Mn(), { user: _, userProfile: m, updateUser: y, updateUserProfile: C } = Q(), [f, b] = h.useState(_.credit_score || 0), [S, g] = h.useState(
2671
+ ct
2672
+ ), [k, D] = h.useState([]), [F, O] = h.useState(!1), [H, N] = h.useState(!1), [E, me] = h.useState(_.birthday), [K, ce] = h.useState("");
2673
2673
  h.useEffect(() => {
2674
- a({ start: It(tt()), end: Tt(tt()) });
2674
+ i({ start: It(rt()), end: Tt(rt()) });
2675
2675
  }, []), h.useEffect(() => {
2676
2676
  c({
2677
2677
  accounts: n.map((I) => I.guid),
@@ -2679,176 +2679,176 @@ const R = {
2679
2679
  start: Un(/* @__PURE__ */ new Date(), 90),
2680
2680
  end: /* @__PURE__ */ new Date()
2681
2681
  },
2682
- custom: nt
2682
+ custom: at
2683
2683
  }), s(n);
2684
2684
  }, [n]);
2685
- const le = h.useMemo(
2686
- () => p.find((I) => I.guid === j),
2687
- [j, p]
2688
- ), he = h.useMemo(() => ({
2685
+ const re = h.useMemo(
2686
+ () => p.find((I) => I.guid === K),
2687
+ [K, p]
2688
+ ), ge = h.useMemo(() => ({
2689
2689
  [T.ConnectAccounts]: !0,
2690
- [T.MonthlyIncome]: !!j,
2691
- [T.Birthday]: !!_.birthday || !!W,
2692
- [T.CreditScore]: !!_.credit_score || !!v
2693
- })[x.step], [v, x, W, j, _]), U = n.length > 0, Oe = h.useMemo(() => {
2694
- const { step: I } = x;
2695
- let L = 0;
2696
- return I >= T.MonthlyIncome && U && L++, I >= T.Birthday && w.length && L++, I >= T.CreditScore && (_.birthday || _.credit_score) && L++, L;
2697
- }, [x.step, U, w.length, _.birthday, _.credit_score]), xe = (I) => {
2690
+ [T.MonthlyIncome]: !!K,
2691
+ [T.Birthday]: !!_.birthday || !!E,
2692
+ [T.CreditScore]: !!_.credit_score || !!f
2693
+ })[S.step], [f, S, E, K, _]), X = n.length > 0, Be = h.useMemo(() => {
2694
+ const { step: I } = S;
2695
+ let $ = 0;
2696
+ return I >= T.MonthlyIncome && X && $++, I >= T.Birthday && k.length && $++, I >= T.CreditScore && (_.birthday || _.credit_score) && $++, $;
2697
+ }, [S.step, X, k.length, _.birthday, _.credit_score]), Ce = (I) => {
2698
2698
  c({
2699
2699
  ...d,
2700
- custom: (L) => I ? Qn(L, I) : nt(L)
2700
+ custom: ($) => I ? Qn($, I) : at($)
2701
2701
  });
2702
2702
  }, zt = {
2703
2703
  [T.ConnectAccounts]: {
2704
- main: U ? /* @__PURE__ */ e(Lt, { shouldShowBalance: !1 }) : null,
2705
- mainActionContent: U ? P.next : P.add_accounts,
2706
- primaryText: P.connect_your_accounts_primary,
2707
- secondaryText: P.connect_your_accounts_secondary
2704
+ main: X ? /* @__PURE__ */ e(Lt, { shouldShowBalance: !1 }) : null,
2705
+ mainActionContent: X ? B.next : B.add_accounts,
2706
+ primaryText: B.connect_your_accounts_primary,
2707
+ secondaryText: B.connect_your_accounts_secondary
2708
2708
  },
2709
2709
  [T.MonthlyIncome]: {
2710
2710
  detail: /* @__PURE__ */ e(
2711
- Mr,
2711
+ Ar,
2712
2712
  {
2713
- incomeTransactions: w,
2713
+ incomeTransactions: k,
2714
2714
  setCurrentStep: (I) => {
2715
- y(I), D((L) => {
2716
- if (L.some((me) => me.guid === j)) return L.filter((me) => me.guid !== j);
2717
- const Xe = p.find((me) => me.guid === j);
2718
- return Xe ? [...L, Xe] : L;
2715
+ g(I), D(($) => {
2716
+ if ($.some((ye) => ye.guid === K)) return $.filter((ye) => ye.guid !== K);
2717
+ const Ze = p.find((ye) => ye.guid === K);
2718
+ return Ze ? [...$, Ze] : $;
2719
2719
  });
2720
2720
  },
2721
- transaction: le
2721
+ transaction: re
2722
2722
  }
2723
2723
  ),
2724
- detailActionContent: P.confirm_income,
2724
+ detailActionContent: B.confirm_income,
2725
2725
  main: /* @__PURE__ */ e(
2726
2726
  Zn,
2727
2727
  {
2728
- onSearch: xe,
2728
+ onSearch: Ce,
2729
2729
  onSelected: (I) => {
2730
- y({ step: T.MonthlyIncome, type: "detail" }), oe(I);
2730
+ g({ step: T.MonthlyIncome, type: "detail" }), ce(I);
2731
2731
  }
2732
2732
  }
2733
2733
  ),
2734
- mainActionContent: P.confirm_income,
2735
- primaryText: P.add_income_primary,
2736
- secondaryText: P.add_income_secondary
2734
+ mainActionContent: B.confirm_income,
2735
+ primaryText: B.add_income_primary,
2736
+ secondaryText: B.add_income_secondary
2737
2737
  },
2738
2738
  [T.Birthday]: {
2739
- main: /* @__PURE__ */ e(Or, { selectedDate: W, setSelectedDate: ce }),
2740
- mainActionContent: P.next,
2741
- primaryText: P.birthday_primary,
2742
- secondaryText: P.birthday_secondary
2739
+ main: /* @__PURE__ */ e(Or, { selectedDate: E, setSelectedDate: me }),
2740
+ mainActionContent: B.next,
2741
+ primaryText: B.birthday_primary,
2742
+ secondaryText: B.birthday_secondary
2743
2743
  },
2744
2744
  [T.CreditScore]: {
2745
- main: /* @__PURE__ */ e(Rr, { creditScore: v, setCreditScore: f }),
2746
- mainActionContent: P.next,
2747
- primaryText: P.credit_score_primary,
2748
- secondaryText: P.credit_score_secondary
2745
+ main: /* @__PURE__ */ e(Br, { creditScore: f, setCreditScore: b }),
2746
+ mainActionContent: B.next,
2747
+ primaryText: B.credit_score_primary,
2748
+ secondaryText: B.credit_score_secondary
2749
2749
  }
2750
- }, je = () => {
2751
- y(at), N(!1), oe(""), r();
2752
- }, Ve = async () => {
2753
- N(!0), await o(), await b({ ...m, has_completed_finstrong_onboarding: !0 }), je();
2750
+ }, Xe = () => {
2751
+ g(ct), O(!1), ce(""), o();
2752
+ }, Ue = async () => {
2753
+ O(!0), await r(), await C({ ...m, has_completed_finstrong_onboarding: !0 }), Xe();
2754
2754
  }, Gt = () => {
2755
- if (x.step === T.CreditScore) {
2756
- Ve();
2755
+ if (S.step === T.CreditScore) {
2756
+ Ue();
2757
2757
  return;
2758
2758
  }
2759
- y({ step: x.step + 1, type: "main" });
2759
+ g({ step: S.step + 1, type: "main" });
2760
2760
  }, Ht = () => {
2761
- const { step: I } = x, L = I + 1;
2761
+ const { step: I } = S, $ = I + 1;
2762
2762
  switch (I) {
2763
2763
  case T.Birthday:
2764
- W && W !== _.birthday && g({ ..._, birthday: W });
2764
+ E && E !== _.birthday && y({ ..._, birthday: E });
2765
2765
  break;
2766
2766
  case T.CreditScore:
2767
- v && v !== _.credit_score && g({ ..._, credit_score: v }), Ve();
2767
+ f && f !== _.credit_score && y({ ..._, credit_score: f }), Ue();
2768
2768
  return;
2769
2769
  case T.MonthlyIncome:
2770
- j && w.length === 0 && D((Ye) => [...Ye, le]);
2770
+ K && k.length === 0 && D((qe) => [...qe, re]);
2771
2771
  break;
2772
2772
  case T.ConnectAccounts:
2773
- if (!U) {
2774
- G(!0);
2773
+ if (!X) {
2774
+ N(!0);
2775
2775
  return;
2776
2776
  }
2777
2777
  break;
2778
2778
  }
2779
- L in T && y({ step: L, type: "main" });
2779
+ $ in T && g({ step: $, type: "main" });
2780
2780
  }, Nt = () => {
2781
- const { step: I, type: L } = x;
2782
- if (L === "detail") {
2783
- y({ step: I, type: "main" });
2781
+ const { step: I, type: $ } = S;
2782
+ if ($ === "detail") {
2783
+ g({ step: I, type: "main" });
2784
2784
  return;
2785
2785
  }
2786
- if (I === T.Birthday && w.length) {
2787
- y({ step: I - 1, type: "detail" });
2786
+ if (I === T.Birthday && k.length) {
2787
+ g({ step: I - 1, type: "detail" });
2788
2788
  return;
2789
2789
  }
2790
- I > T.ConnectAccounts && y({ step: I - 1, type: "main" });
2791
- }, de = zt[x.step], Se = x.step === T.ConnectAccounts, Kt = {
2790
+ I > T.ConnectAccounts && g({ step: I - 1, type: "main" });
2791
+ }, le = zt[S.step], ve = S.step === T.ConnectAccounts, Kt = {
2792
2792
  fullWidth: !0,
2793
- ...Se && !U && { startIcon: /* @__PURE__ */ e(dt, {}) }
2794
- }, jt = !Se || Se && !U;
2795
- return /* @__PURE__ */ i(h.Fragment, { children: [
2796
- /* @__PURE__ */ i(
2797
- ie,
2793
+ ...ve && !X && { startIcon: /* @__PURE__ */ e(_t, {}) }
2794
+ }, jt = !ve || ve && !X;
2795
+ return /* @__PURE__ */ a(h.Fragment, { children: [
2796
+ /* @__PURE__ */ a(
2797
+ te,
2798
2798
  {
2799
2799
  footerStyles: { px: 24, py: 16 },
2800
- hasSecondaryAction: !Se,
2800
+ hasSecondaryAction: !ve,
2801
2801
  isOpen: t,
2802
- isPrimaryDisabled: !he,
2803
- onClose: je,
2802
+ isPrimaryDisabled: !ge,
2803
+ onClose: Xe,
2804
2804
  onSecondaryAction: Nt,
2805
2805
  primaryButtonProps: Kt,
2806
- primaryText: de?.mainActionContent,
2806
+ primaryText: le?.mainActionContent,
2807
2807
  secondaryColor: "primary",
2808
- secondaryText: P.back,
2808
+ secondaryText: B.back,
2809
2809
  title: l.title,
2810
- ...!M && { onPrimaryAction: Ht },
2810
+ ...!F && { onPrimaryAction: Ht },
2811
2811
  children: [
2812
- M && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
2813
- /* @__PURE__ */ e(Ae, { children: P.calculate_primary }),
2814
- /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
2812
+ F && /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
2813
+ /* @__PURE__ */ e(Ie, { children: B.calculate_primary }),
2814
+ /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: B.calculate_secondary })
2815
2815
  ] }),
2816
- de && !M && /* @__PURE__ */ i(h.Fragment, { children: [
2816
+ le && !F && /* @__PURE__ */ a(h.Fragment, { children: [
2817
2817
  /* @__PURE__ */ e(
2818
- Br,
2818
+ Pr,
2819
2819
  {
2820
2820
  completeCopy: l.complete,
2821
- primaryText: de.primaryText,
2822
- secondaryText: de.secondaryText,
2823
- value: Oe
2821
+ primaryText: le.primaryText,
2822
+ secondaryText: le.secondaryText,
2823
+ value: Be
2824
2824
  }
2825
2825
  ),
2826
- x.type === "main" && /* @__PURE__ */ i(A, { children: [
2827
- de.main,
2828
- jt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Gt, children: P.do_it_later }) })
2826
+ S.type === "main" && /* @__PURE__ */ a(v, { children: [
2827
+ le.main,
2828
+ jt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Gt, children: B.do_it_later }) })
2829
2829
  ] }),
2830
- x.type === "detail" && de.detail
2830
+ S.type === "detail" && le.detail
2831
2831
  ] })
2832
2832
  ]
2833
2833
  }
2834
2834
  ),
2835
2835
  /* @__PURE__ */ e(
2836
- ne,
2836
+ oe,
2837
2837
  {
2838
- onClose: () => G(!1),
2839
- showConnectWidget: z,
2840
- title: P.connect_accounts
2838
+ onClose: () => N(!1),
2839
+ showConnectWidget: H,
2840
+ title: B.connect_accounts
2841
2841
  }
2842
2842
  )
2843
2843
  ] });
2844
- }, $r = S(Lr), Re = {
2844
+ }, $r = x(Lr), $e = {
2845
2845
  onboarding_title: "Financial Strength Starts Here",
2846
2846
  onboarding_subtitle: "By analyzing your spending and saving, FinStrong provides a score and guidance to help you improve your financial habits.",
2847
2847
  get_started: "Get Started"
2848
2848
  }, Wr = () => {
2849
- const [t, r] = h.useState(!1);
2850
- return /* @__PURE__ */ i(h.Fragment, { children: [
2851
- /* @__PURE__ */ i(
2849
+ const [t, o] = h.useState(!1);
2850
+ return /* @__PURE__ */ a(h.Fragment, { children: [
2851
+ /* @__PURE__ */ a(
2852
2852
  u,
2853
2853
  {
2854
2854
  sx: {
@@ -2859,32 +2859,32 @@ const R = {
2859
2859
  px: 16
2860
2860
  },
2861
2861
  children: [
2862
- /* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
2863
- /* @__PURE__ */ e(A, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(en, { size: 72 }) }),
2864
- /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
2865
- /* @__PURE__ */ e(Ae, { children: Re.onboarding_title }),
2866
- /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Re.onboarding_subtitle })
2862
+ /* @__PURE__ */ a(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
2863
+ /* @__PURE__ */ e(v, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(en, { size: 72 }) }),
2864
+ /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
2865
+ /* @__PURE__ */ e(Ie, { children: $e.onboarding_title }),
2866
+ /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: $e.onboarding_subtitle })
2867
2867
  ] })
2868
2868
  ] }),
2869
- /* @__PURE__ */ e($, { onClick: () => r(!0), variant: "contained", children: Re.get_started })
2869
+ /* @__PURE__ */ e(W, { onClick: () => o(!0), variant: "contained", children: $e.get_started })
2870
2870
  ]
2871
2871
  }
2872
2872
  ),
2873
- /* @__PURE__ */ e($r, { isOpen: t, onClose: () => r(!1) })
2873
+ /* @__PURE__ */ e($r, { isOpen: t, onClose: () => o(!1) })
2874
2874
  ] });
2875
- }, Er = ({ isOpen: t, onClose: r }) => {
2876
- const { finstrong: n } = C(), o = H(), { updateUser: l, user: s } = Q(), [a, d] = h.useState(s.birthday), c = (_) => {
2875
+ }, Er = ({ isOpen: t, onClose: o }) => {
2876
+ const { finstrong: n } = w(), r = G(), { updateUser: l, user: s } = Q(), [i, d] = h.useState(s.birthday), c = (_) => {
2877
2877
  d(Math.floor(new Date(_).getTime() / 1e3));
2878
2878
  };
2879
2879
  return /* @__PURE__ */ e(
2880
- ie,
2880
+ te,
2881
2881
  {
2882
2882
  isOpen: t,
2883
- onClose: r,
2883
+ onClose: o,
2884
2884
  onPrimaryAction: () => {
2885
- !a || a === s.birthday || (l({ ...s, birthday: a }), r());
2885
+ !i || i === s.birthday || (l({ ...s, birthday: i }), o());
2886
2886
  },
2887
- onSecondaryAction: r,
2887
+ onSecondaryAction: o,
2888
2888
  title: n.date_of_birth,
2889
2889
  children: /* @__PURE__ */ e(oo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
2890
2890
  to,
@@ -2895,13 +2895,13 @@ const R = {
2895
2895
  nextIconButton: {
2896
2896
  sx: {
2897
2897
  color: "primary.main",
2898
- "&:hover": { bgcolor: pe(o.palette.primary.light, 0.1) }
2898
+ "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
2899
2899
  }
2900
2900
  },
2901
2901
  previousIconButton: {
2902
2902
  sx: {
2903
2903
  color: "primary.main",
2904
- "&:hover": { bgcolor: pe(o.palette.primary.light, 0.1) }
2904
+ "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
2905
2905
  }
2906
2906
  }
2907
2907
  },
@@ -2913,124 +2913,124 @@ const R = {
2913
2913
  width: "100%",
2914
2914
  "& .MuiIconButton-edgeEnd": {
2915
2915
  color: "primary.main",
2916
- "&:hover": { bgcolor: pe(o.palette.primary.light, 0.1) }
2916
+ "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
2917
2917
  }
2918
2918
  },
2919
- value: a ? new Date(a * 1e3) : /* @__PURE__ */ new Date()
2919
+ value: i ? new Date(i * 1e3) : /* @__PURE__ */ new Date()
2920
2920
  }
2921
2921
  ) })
2922
2922
  }
2923
2923
  );
2924
- }, zr = S(Er), Gr = ({ isOpen: t, onClose: r }) => {
2925
- const { visibleFinstrongAccounts: n } = fe(), { incomeBudget: o } = yt(), {
2924
+ }, zr = x(Er), Gr = ({ isOpen: t, onClose: o }) => {
2925
+ const { visibleFinstrongAccounts: n } = Se(), { incomeBudget: r } = xt(), {
2926
2926
  accounts: l,
2927
2927
  common: s,
2928
- finstrong: a
2929
- } = C(), { user: d } = Q(), [c, p] = h.useState(null), m = [
2928
+ finstrong: i
2929
+ } = w(), { user: d } = Q(), [c, p] = h.useState(null), m = [
2930
2930
  {
2931
- dynamicCopy: a.add_profile_item,
2932
- fallbackLabel: a.monthly_income,
2931
+ dynamicCopy: i.add_profile_item,
2932
+ fallbackLabel: i.monthly_income,
2933
2933
  icon: /* @__PURE__ */ e(tn, {}),
2934
- key: J.MonthlyIncome,
2935
- label: a.monthly_income,
2936
- value: o
2934
+ key: ee.MonthlyIncome,
2935
+ label: i.monthly_income,
2936
+ value: r
2937
2937
  },
2938
2938
  {
2939
- dynamicCopy: a.add_profile_item,
2940
- fallbackLabel: a.date_of_birth,
2939
+ dynamicCopy: i.add_profile_item,
2940
+ fallbackLabel: i.date_of_birth,
2941
2941
  icon: /* @__PURE__ */ e(nn, {}),
2942
- key: J.DateOfBirth,
2943
- label: a.date_of_birth,
2942
+ key: ee.DateOfBirth,
2943
+ label: i.date_of_birth,
2944
2944
  value: d.birthday
2945
2945
  },
2946
2946
  {
2947
- dynamicCopy: a.add_profile_item,
2948
- fallbackLabel: a.credit_score,
2949
- icon: /* @__PURE__ */ e($e, {}),
2950
- key: J.CreditScore,
2951
- label: a.credit_score,
2947
+ dynamicCopy: i.add_profile_item,
2948
+ fallbackLabel: i.credit_score,
2949
+ icon: /* @__PURE__ */ e(ze, {}),
2950
+ key: ee.CreditScore,
2951
+ label: i.credit_score,
2952
2952
  value: d.credit_score
2953
2953
  },
2954
2954
  {
2955
- fallbackLabel: a.connect_your_accounts,
2956
- icon: /* @__PURE__ */ e(ct, {}),
2957
- key: J.Connections,
2958
- label: a.connections,
2959
- value: n.length > 0 ? V(
2960
- a.connected_account,
2955
+ fallbackLabel: i.connect_your_accounts,
2956
+ icon: /* @__PURE__ */ e(pt, {}),
2957
+ key: ee.Connections,
2958
+ label: i.connections,
2959
+ value: n.length > 0 ? U(
2960
+ i.connected_account,
2961
2961
  String(n.length),
2962
- n.length > 1 ? a.accounts : a.account
2962
+ n.length > 1 ? i.accounts : i.account
2963
2963
  ) : void 0
2964
2964
  }
2965
- ].map((g) => xn(g));
2966
- return /* @__PURE__ */ i(ie, { isOpen: t, onClose: r, title: a.financial_profile, children: [
2967
- /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
2968
- /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
2969
- /* @__PURE__ */ e(Y, { children: a.your_financial_profile }),
2970
- /* @__PURE__ */ e(k, { children: a.financial_profile_description })
2965
+ ].map((y) => xn(y));
2966
+ return /* @__PURE__ */ a(te, { isOpen: t, onClose: o, title: i.financial_profile, children: [
2967
+ /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
2968
+ /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
2969
+ /* @__PURE__ */ e(j, { children: i.your_financial_profile }),
2970
+ /* @__PURE__ */ e(M, { children: i.financial_profile_description })
2971
2971
  ] }),
2972
2972
  /* @__PURE__ */ e(
2973
2973
  Et,
2974
2974
  {
2975
- completeCopy: a.complete,
2976
- value: m.reduce((g, b) => g + (b.isComplete ? 1 : 0), 0)
2975
+ completeCopy: i.complete,
2976
+ value: m.reduce((y, C) => y + (C.isComplete ? 1 : 0), 0)
2977
2977
  }
2978
2978
  )
2979
2979
  ] }),
2980
2980
  /* @__PURE__ */ e(Sn, { list: m, onClickItem: p }),
2981
- /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(
2982
- De,
2981
+ /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
2982
+ Te,
2983
2983
  {
2984
- description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
2984
+ description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
2985
2985
  drawerType: "connectDrawer",
2986
2986
  isDashboard: !0,
2987
- title: a.dont_see_all_your_accounts,
2987
+ title: i.dont_see_all_your_accounts,
2988
2988
  titleDrawer: s.add_accounts
2989
2989
  }
2990
2990
  ) }),
2991
2991
  /* @__PURE__ */ e(
2992
- ie,
2992
+ te,
2993
2993
  {
2994
- isOpen: c === J.MonthlyIncome,
2994
+ isOpen: c === ee.MonthlyIncome,
2995
2995
  onClose: () => p(null),
2996
2996
  title: s.settings,
2997
2997
  children: /* @__PURE__ */ e(no, {})
2998
2998
  }
2999
2999
  ),
3000
- /* @__PURE__ */ e(zr, { isOpen: c === J.DateOfBirth, onClose: () => p(null) }),
3001
- /* @__PURE__ */ e(Rt, { isOpen: c === J.CreditScore, onClose: () => p(null) }),
3000
+ /* @__PURE__ */ e(zr, { isOpen: c === ee.DateOfBirth, onClose: () => p(null) }),
3001
+ /* @__PURE__ */ e(Bt, { isOpen: c === ee.CreditScore, onClose: () => p(null) }),
3002
3002
  /* @__PURE__ */ e(
3003
- bt,
3003
+ St,
3004
3004
  {
3005
3005
  onClose: () => p(null),
3006
- showConnectionsWidget: c === J.Connections,
3006
+ showConnectionsWidget: c === ee.Connections,
3007
3007
  title: l.manage_connections
3008
3008
  }
3009
3009
  )
3010
3010
  ] });
3011
- }, Hr = S(Gr), it = ({
3011
+ }, Hr = x(Gr), lt = ({
3012
3012
  content: t,
3013
- islast: r = !1
3014
- }) => /* @__PURE__ */ i(io, { sx: { minHeight: 0 }, children: [
3015
- /* @__PURE__ */ i(uo, { children: [
3013
+ islast: o = !1
3014
+ }) => /* @__PURE__ */ a(io, { sx: { minHeight: 0 }, children: [
3015
+ /* @__PURE__ */ a(uo, { children: [
3016
3016
  /* @__PURE__ */ e(po, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
3017
- !r && /* @__PURE__ */ e(co, { sx: { bgcolor: "divider", width: 0.1 } })
3017
+ !o && /* @__PURE__ */ e(co, { sx: { bgcolor: "divider", width: 0.1 } })
3018
3018
  ] }),
3019
- /* @__PURE__ */ e(lo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
3019
+ /* @__PURE__ */ e(lo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
3020
3020
  ] }), Nr = ({ report: t }) => {
3021
- const { finstrong: r } = C(), { score_history_drawer_timeline: n } = r, {
3022
- health_score_point_difference: o,
3021
+ const { finstrong: o } = w(), { score_history_drawer_timeline: n } = o, {
3022
+ health_score_point_difference: r,
3023
3023
  newer_credit_score: l,
3024
3024
  older_credit_score: s,
3025
- older_spend_to_income_ratio: a,
3025
+ older_spend_to_income_ratio: i,
3026
3026
  newer_spend_to_income_ratio: d,
3027
3027
  older_health_score: c,
3028
3028
  newer_health_score: p,
3029
3029
  newer_score_calculated_at: _
3030
- } = t, m = ro(new Date(_), "MMM d"), g = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", b = () => o === 0 ? V(n.stayed_at, c) : o > 0 ? n.less_spending : n.more_spending, v = () => {
3031
- if (o === 0) return null;
3032
- const f = o > 0 ? n.up_from : n.down_from, x = V(f, c, p);
3033
- return /* @__PURE__ */ i(E, { children: [
3030
+ } = t, m = ro(new Date(_), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", C = () => r === 0 ? U(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, f = () => {
3031
+ if (r === 0) return null;
3032
+ const b = r > 0 ? n.up_from : n.down_from, S = U(b, c, p);
3033
+ return /* @__PURE__ */ a(z, { children: [
3034
3034
  /* @__PURE__ */ e(
3035
3035
  an,
3036
3036
  {
@@ -3039,11 +3039,11 @@ const R = {
3039
3039
  sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
3040
3040
  }
3041
3041
  ),
3042
- x
3042
+ S
3043
3043
  ] });
3044
3044
  };
3045
- return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(u, { sx: { backgroundColor: "background.paper" }, children: [
3046
- /* @__PURE__ */ e(A, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
3045
+ return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ a(u, { sx: { backgroundColor: "background.paper" }, children: [
3046
+ /* @__PURE__ */ e(v, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ a(
3047
3047
  u,
3048
3048
  {
3049
3049
  flexDirection: "row",
@@ -3054,27 +3054,27 @@ const R = {
3054
3054
  {
3055
3055
  sx: {
3056
3056
  alignItems: "center",
3057
- backgroundColor: g(),
3057
+ backgroundColor: y(),
3058
3058
  borderRadius: 999,
3059
3059
  height: 48,
3060
3060
  justifyContent: "center",
3061
3061
  minWidth: 48
3062
3062
  },
3063
- children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
3063
+ children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
3064
3064
  }
3065
3065
  ),
3066
- /* @__PURE__ */ i(u, { sx: { gap: 2, width: "80%" }, children: [
3067
- /* @__PURE__ */ e(O, { fontWeight: 600, variant: "Body", children: b() }),
3068
- /* @__PURE__ */ i(O, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
3066
+ /* @__PURE__ */ a(u, { sx: { gap: 2, width: "80%" }, children: [
3067
+ /* @__PURE__ */ e(A, { fontWeight: 600, variant: "Body", children: C() }),
3068
+ /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
3069
3069
  m,
3070
3070
  " ",
3071
- v()
3071
+ f()
3072
3072
  ] })
3073
3073
  ] })
3074
3074
  ]
3075
3075
  }
3076
3076
  ) }),
3077
- o !== 0 && /* @__PURE__ */ e(A, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
3077
+ r !== 0 && /* @__PURE__ */ e(v, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
3078
3078
  ao,
3079
3079
  {
3080
3080
  sx: {
@@ -3087,19 +3087,19 @@ const R = {
3087
3087
  },
3088
3088
  children: [
3089
3089
  /* @__PURE__ */ e(
3090
- it,
3090
+ lt,
3091
3091
  {
3092
- content: V(
3092
+ content: U(
3093
3093
  n.spend_to_income_description,
3094
- ve(a),
3095
- ve(d)
3094
+ ke(i),
3095
+ ke(d)
3096
3096
  )
3097
3097
  }
3098
3098
  ),
3099
3099
  /* @__PURE__ */ e(
3100
- it,
3100
+ lt,
3101
3101
  {
3102
- content: V(
3102
+ content: U(
3103
3103
  n.credit_score_description,
3104
3104
  s,
3105
3105
  l
@@ -3111,15 +3111,15 @@ const R = {
3111
3111
  }
3112
3112
  ) })
3113
3113
  ] }) });
3114
- }, Kr = S(Nr), jr = ({ isOpen: t, onClose: r }) => {
3115
- const n = H(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChangeReports: d, augmentedChartData: c } = F();
3116
- if (!l || !s) return /* @__PURE__ */ e(te, {});
3117
- const p = We(a.health_score || 0, o), _ = d.slice().reverse();
3114
+ }, Kr = x(Nr), jr = ({ isOpen: t, onClose: o }) => {
3115
+ const n = G(), { finstrong: r } = w(), { isCopyLoaded: l, isInitialized: s } = Y(), { healthScore: i, healthScoreChangeReports: d, augmentedChartData: c } = R();
3116
+ if (!l || !s) return /* @__PURE__ */ e(J, {});
3117
+ const p = Ge(i.health_score || 0, r), _ = d.slice().reverse();
3118
3118
  return /* @__PURE__ */ e(
3119
- Bt,
3119
+ Pt,
3120
3120
  {
3121
3121
  additionalContent: /* @__PURE__ */ e(u, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
3122
- ze,
3122
+ Ne,
3123
3123
  {
3124
3124
  axisColor: n.palette.divider,
3125
3125
  baseline: "min",
@@ -3127,52 +3127,193 @@ const R = {
3127
3127
  curveType: "natural",
3128
3128
  datasets: [c],
3129
3129
  height: 160,
3130
- labels: [o.key_indicators_label],
3130
+ labels: [r.key_indicators_label],
3131
3131
  margin: { top: 12, left: 24 },
3132
3132
  showArea: !0,
3133
3133
  showAverage: !0,
3134
- title: o.peer_average,
3134
+ title: r.peer_average,
3135
3135
  useCustomMark: !0
3136
3136
  }
3137
3137
  ) }),
3138
- drawerTitle: o.score_history,
3138
+ drawerTitle: r.score_history,
3139
3139
  isOpen: t,
3140
3140
  loadConnectAccountsCard: !1,
3141
- onClose: r,
3142
- stickyComponent: /* @__PURE__ */ i(
3141
+ onClose: o,
3142
+ stickyComponent: /* @__PURE__ */ a(
3143
3143
  u,
3144
3144
  {
3145
3145
  direction: "row",
3146
3146
  sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
3147
3147
  children: [
3148
- /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
3149
- Pt,
3148
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
3149
+ Ft,
3150
3150
  {
3151
3151
  arcRadius: 20,
3152
- healthScore: a?.health_score,
3152
+ healthScore: i?.health_score,
3153
3153
  size: "SM"
3154
3154
  }
3155
3155
  ) }),
3156
- /* @__PURE__ */ i(A, { children: [
3157
- /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: p.status }),
3158
- /* @__PURE__ */ e(k, { variant: "caption", children: p.description })
3156
+ /* @__PURE__ */ a(v, { children: [
3157
+ /* @__PURE__ */ e(M, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: p.status }),
3158
+ /* @__PURE__ */ e(M, { variant: "caption", children: p.description })
3159
3159
  ] })
3160
3160
  ]
3161
3161
  }
3162
3162
  ),
3163
- children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, g) => /* @__PURE__ */ e(Kr, { report: m }, g)) })
3163
+ children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, y) => /* @__PURE__ */ e(Kr, { report: m }, y)) })
3164
3164
  }
3165
3165
  );
3166
- }, Vr = S(jr), Yr = S(() => {
3167
- const t = H(), [r, { width: n }] = xt(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChange: d } = F(), c = t.palette.mode === "dark", p = We(a?.health_score, o);
3168
- return !l || !s ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ i(K, { ref: r, sx: { p: 16 }, children: [
3166
+ }, Vr = x(jr), Yr = ({ copy: t }) => {
3167
+ const o = G(), n = [
3168
+ o.palette.chartMono.chartMono5,
3169
+ o.palette.chartMono.chartMono4,
3170
+ o.palette.chartMono.chartMono3,
3171
+ o.palette.chartMono.chartMono2
3172
+ ];
3173
+ return /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
3174
+ /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
3175
+ { color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
3176
+ { color: "chartMono.chartMono3", text: t.building, value: "26-50" },
3177
+ { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
3178
+ { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
3179
+ ].map(({ color: r, text: l, value: s }) => /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
3180
+ /* @__PURE__ */ a(v, { children: [
3181
+ /* @__PURE__ */ e(M, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: l }),
3182
+ /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "caption", children: [
3183
+ "(",
3184
+ s,
3185
+ ")"
3186
+ ] })
3187
+ ] }),
3188
+ /* @__PURE__ */ e(v, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
3189
+ ] }, l)) }),
3190
+ /* @__PURE__ */ a(v, { children: [
3191
+ /* @__PURE__ */ e(
3192
+ v,
3193
+ {
3194
+ sx: {
3195
+ background: `linear-gradient(to left, ${n.join(", ")})`,
3196
+ borderRadius: "4px",
3197
+ height: 16
3198
+ }
3199
+ }
3200
+ ),
3201
+ /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((r) => /* @__PURE__ */ a(
3202
+ u,
3203
+ {
3204
+ sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
3205
+ children: [
3206
+ /* @__PURE__ */ e(
3207
+ v,
3208
+ {
3209
+ sx: {
3210
+ borderBottom: "1px solid",
3211
+ borderColor: "divider",
3212
+ position: "relative",
3213
+ rotate: "90deg",
3214
+ top: 3.5,
3215
+ width: 8
3216
+ }
3217
+ }
3218
+ ),
3219
+ /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "tiny", children: r })
3220
+ ]
3221
+ },
3222
+ r
3223
+ )) })
3224
+ ] })
3225
+ ] });
3226
+ }, Xr = ({ isOpen: t, onClose: o }) => {
3227
+ const { finstrong: n } = w(), { isCopyLoaded: r } = Y();
3228
+ return r ? /* @__PURE__ */ e(te, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(u, { sx: { gap: 36, p: 24 }, children: [
3229
+ /* @__PURE__ */ a(u, { sx: { gap: 20 }, children: [
3230
+ /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
3231
+ /* @__PURE__ */ e(j, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
3232
+ /* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
3233
+ ] }),
3234
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(Yr, { copy: n }) })
3235
+ ] }),
3236
+ /* @__PURE__ */ a(u, { sx: { gap: 12 }, children: [
3237
+ /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
3238
+ /* @__PURE__ */ a(
3239
+ De,
3240
+ {
3241
+ component: "ol",
3242
+ sx: {
3243
+ listStyleType: "decimal",
3244
+ pl: 20,
3245
+ pr: 16,
3246
+ "& li": {
3247
+ "::marker": {
3248
+ fontWeight: 600
3249
+ }
3250
+ },
3251
+ "& .MuiListItemText-secondary": {
3252
+ fontSize: 15,
3253
+ lineHeight: "24px",
3254
+ pt: 4
3255
+ }
3256
+ },
3257
+ children: [
3258
+ /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
3259
+ pe,
3260
+ {
3261
+ primary: n.understand_your_habits,
3262
+ secondary: n.understand_your_habits_description
3263
+ }
3264
+ ) }),
3265
+ /* @__PURE__ */ e(de, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
3266
+ pe,
3267
+ {
3268
+ primary: n.see_whats_possible,
3269
+ secondary: n.see_whats_possible_description
3270
+ }
3271
+ ) })
3272
+ ]
3273
+ }
3274
+ )
3275
+ ] }),
3276
+ /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
3277
+ /* @__PURE__ */ e(A, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
3278
+ /* @__PURE__ */ a(
3279
+ De,
3280
+ {
3281
+ component: "ol",
3282
+ sx: {
3283
+ listStyleType: "initial",
3284
+ pl: 20,
3285
+ pr: 16,
3286
+ "& li": {
3287
+ minHeight: "max-content",
3288
+ "::marker": {
3289
+ color: "text.secondary",
3290
+ fontWeight: 600
3291
+ }
3292
+ },
3293
+ "& .MuiListItemText-secondary": {
3294
+ fontSize: 15,
3295
+ lineHeight: "24px"
3296
+ }
3297
+ },
3298
+ children: [
3299
+ /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(pe, { secondary: n.we_ask_questions_description_1 }) }),
3300
+ /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(pe, { secondary: n.we_ask_questions_description_2 }) })
3301
+ ]
3302
+ }
3303
+ )
3304
+ ] })
3305
+ ] }) }) : /* @__PURE__ */ e(J, {});
3306
+ }, Ur = x(Xr), qr = x(() => {
3307
+ const [t, o] = h.useState(!1), n = G(), [r, { width: l }] = vt(), { finstrong: s } = w(), { isCopyLoaded: i, isInitialized: d } = Y(), { healthScore: c, healthScoreChange: p } = R(), _ = n.palette.mode === "dark", m = Ge(c?.health_score, s);
3308
+ return !i || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16 }, children: [
3169
3309
  /* @__PURE__ */ e(
3170
3310
  go,
3171
3311
  {
3172
3312
  action: /* @__PURE__ */ e(
3173
- $,
3313
+ W,
3174
3314
  {
3175
3315
  endIcon: /* @__PURE__ */ e(Z, {}),
3316
+ onClick: () => o(!0),
3176
3317
  sx: {
3177
3318
  fontSize: 13,
3178
3319
  lineHeight: "16px",
@@ -3180,10 +3321,10 @@ const R = {
3180
3321
  color: "primary.main"
3181
3322
  },
3182
3323
  variant: "text",
3183
- children: o.financial_strength_header_action
3324
+ children: s.financial_strength_header_action
3184
3325
  }
3185
3326
  ),
3186
- subheader: /* @__PURE__ */ e(Y, { color: "text.primary", children: o.financial_strength_header }),
3327
+ subheader: /* @__PURE__ */ e(j, { color: "text.primary", children: s.financial_strength_header }),
3187
3328
  sx: {
3188
3329
  p: 0,
3189
3330
  "& .MuiCardHeader-content": {
@@ -3193,20 +3334,20 @@ const R = {
3193
3334
  }
3194
3335
  ),
3195
3336
  /* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
3196
- Pt,
3337
+ Ft,
3197
3338
  {
3198
- arcRadius: n <= 323 ? 73 : 154,
3199
- footerCenterContent: d,
3200
- healthScore: a?.health_score || 0,
3201
- size: n <= 323 ? "M" : "L"
3339
+ arcRadius: l <= 323 ? 73 : 154,
3340
+ footerCenterContent: p,
3341
+ healthScore: c?.health_score || 0,
3342
+ size: l <= 323 ? "M" : "L"
3202
3343
  }
3203
3344
  ) }),
3204
- a?.health_score ? /* @__PURE__ */ i(
3345
+ c?.health_score ? /* @__PURE__ */ a(
3205
3346
  _o,
3206
3347
  {
3207
3348
  sx: {
3208
3349
  px: 16,
3209
- backgroundColor: c ? "grey.800" : "grey.50",
3350
+ backgroundColor: _ ? "grey.800" : "grey.50",
3210
3351
  //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
3211
3352
  "&.Mui-expanded": {
3212
3353
  m: 0
@@ -3227,22 +3368,22 @@ const R = {
3227
3368
  minHeight: 0
3228
3369
  }
3229
3370
  },
3230
- children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: o.accordion_title_text })
3371
+ children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: s.accordion_title_text })
3231
3372
  }
3232
3373
  ),
3233
- /* @__PURE__ */ e(ho, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: p.scoreContent }) })
3374
+ /* @__PURE__ */ e(ho, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: m.scoreContent }) })
3234
3375
  ]
3235
3376
  }
3236
3377
  ) : /* @__PURE__ */ e(
3237
- De,
3378
+ Te,
3238
3379
  {
3239
- buttonText: o.connect_more_accounts_title,
3240
- description: o.health_score_zero_description,
3380
+ buttonText: s.connect_more_accounts_title,
3381
+ description: s.health_score_zero_description,
3241
3382
  drawerType: "connectDrawer",
3242
3383
  hasIcon: !1,
3243
3384
  isDashboard: !0,
3244
3385
  sx: {
3245
- backgroundColor: c ? "grey.800" : "grey.50",
3386
+ backgroundColor: _ ? "grey.800" : "grey.50",
3246
3387
  //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
3247
3388
  ".connect-more-accounts-title": {
3248
3389
  fontWeight: 600,
@@ -3251,137 +3392,145 @@ const R = {
3251
3392
  },
3252
3393
  ".connect-more-accounts-description": { color: "text.primary" }
3253
3394
  },
3254
- title: o.health_score_zero_title
3395
+ title: s.health_score_zero_title
3396
+ }
3397
+ ),
3398
+ /* @__PURE__ */ e(
3399
+ Ur,
3400
+ {
3401
+ isOpen: t,
3402
+ onClose: () => o(!1)
3255
3403
  }
3256
3404
  )
3257
3405
  ] });
3258
- }), Xr = ({ onBackClick: t, sx: r }) => {
3259
- const { visibleAccounts: n } = fe(), { dateRange: o, isDataLoaded: l, loadBudgetData: s, setTheme: a } = yt(), { reloadCategoryTotals: d } = Ee(), {
3406
+ }), Zr = ({ onBackClick: t, sx: o }) => {
3407
+ const { visibleAccounts: n } = Se(), { dateRange: r, isDataLoaded: l, loadBudgetData: s, setTheme: i } = xt(), { reloadCategoryTotals: d } = He(), {
3260
3408
  augmentedChartData: c,
3261
- calculateHealthScore: p,
3262
- healthScore: _,
3263
- loadAugmentedChartData: m,
3264
- loadMonthlySummaries: g
3265
- } = F(), { finstrong: b, connect: v } = C(), { isCopyLoaded: f, isInitialized: x, selectedAccounts: y, setSelectedAccounts: w } = X(), { isMobile: D } = He(), M = H(), { userProfile: N } = Q(), [z, G] = h.useState(!1), [W, ce] = h.useState(!1), [j, oe] = h.useState(!1);
3409
+ monthlySummaries: p,
3410
+ calculateHealthScore: _,
3411
+ healthScore: m,
3412
+ loadAugmentedChartData: y,
3413
+ loadMonthlySummaries: C
3414
+ } = R(), { finstrong: f, connect: b } = w(), { isCopyLoaded: S, isInitialized: g, selectedAccounts: k, setSelectedAccounts: D } = Y(), { isMobile: F } = je(), O = G(), { userProfile: H } = Q(), [N, E] = h.useState(!1), [me, K] = h.useState(!1), [ce, re] = h.useState(!1);
3266
3415
  if (h.useEffect(() => {
3267
- a(M);
3268
- }, []), h.useEffect(() => w(n), [n]), h.useEffect(() => {
3269
- x && (p().finally(), m().finally(), g().finally());
3270
- }, [x]), h.useEffect(() => {
3271
- x && (d(y, o.start, o.end), l || s());
3272
- }, [o, l, x, y]), !f || !x) return /* @__PURE__ */ e(te, {});
3273
- const le = () => {
3274
- }, he = () => G(!0);
3275
- return /* @__PURE__ */ i(
3416
+ i(O);
3417
+ }, []), h.useEffect(() => D(n), [n]), h.useEffect(() => {
3418
+ g && (_().finally(), y().finally(), C().finally());
3419
+ }, [g]), console.log(p, "monthlySummaries"), h.useEffect(() => {
3420
+ g && (d(k, r.start, r.end), l || s());
3421
+ }, [r, l, g, k]), !S || !g) return /* @__PURE__ */ e(J, {});
3422
+ const ge = () => {
3423
+ }, X = () => E(!0);
3424
+ return /* @__PURE__ */ a(
3276
3425
  zn,
3277
3426
  {
3278
3427
  accountOptions: n,
3279
3428
  actions: [
3280
3429
  {
3281
3430
  iconName: "person",
3282
- label: b.profile,
3283
- onClick: he
3431
+ label: f.profile,
3432
+ onClick: X
3284
3433
  }
3285
3434
  ],
3286
3435
  hasDivider: !0,
3287
- onAccountsFilterClick: le,
3436
+ onAccountsFilterClick: ge,
3288
3437
  onBackClick: t,
3289
- sx: r,
3290
- title: b.title,
3438
+ sx: o,
3439
+ title: f.title,
3291
3440
  children: [
3292
- N.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
3441
+ H.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
3293
3442
  u,
3294
3443
  {
3295
3444
  sx: {
3296
3445
  flexDirection: { md: "row" },
3297
3446
  gap: 24,
3298
3447
  justifyContent: "center",
3299
- pt: D ? 24 : 16,
3448
+ pt: F ? 24 : 16,
3300
3449
  px: 24
3301
3450
  },
3302
3451
  children: [
3303
- /* @__PURE__ */ i(u, { sx: { gap: 24, width: { md: 432 } }, children: [
3304
- /* @__PURE__ */ e(Yr, {}),
3452
+ /* @__PURE__ */ a(u, { sx: { gap: 24, width: { md: 432 } }, children: [
3453
+ /* @__PURE__ */ e(qr, {}),
3305
3454
  /* @__PURE__ */ e(
3306
- De,
3455
+ Te,
3307
3456
  {
3308
- description: b.connect_more_accounts_description,
3457
+ description: f.connect_more_accounts_description,
3309
3458
  drawerType: "connectDrawer",
3310
- title: b.connect_more_accounts_title
3459
+ title: f.connect_more_accounts_title
3311
3460
  }
3312
3461
  )
3313
3462
  ] }),
3314
- /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: M.palette.background.paper, p: 16 }, children: [
3315
- /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
3316
- /* @__PURE__ */ e(Y, { children: b.key_indicators }),
3463
+ /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(V, { sx: { background: O.palette.background.paper, p: 16 }, children: [
3464
+ /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
3465
+ /* @__PURE__ */ e(j, { children: f.key_indicators }),
3317
3466
  /* @__PURE__ */ e(
3318
- $,
3467
+ W,
3319
3468
  {
3320
3469
  endIcon: /* @__PURE__ */ e(Z, {}),
3321
- onClick: () => ce(!0),
3470
+ onClick: () => K(!0),
3322
3471
  sx: {
3323
3472
  fontSize: 13
3324
3473
  },
3325
3474
  variant: "text",
3326
- children: b.whats_changed
3475
+ children: f.whats_changed
3327
3476
  }
3328
3477
  )
3329
3478
  ] }),
3330
3479
  c.length ? /* @__PURE__ */ e(
3331
- ze,
3480
+ Ne,
3332
3481
  {
3333
- axisColor: M.palette.divider,
3482
+ axisColor: O.palette.divider,
3334
3483
  baseline: "min",
3335
- colors: [M.palette.primary.main],
3484
+ colors: [O.palette.primary.main],
3336
3485
  curveType: "natural",
3337
3486
  customLegendVariant: "XSmall",
3338
3487
  datasets: [c],
3339
3488
  height: 300,
3340
3489
  isGraphClippingXAxis: !0,
3341
- labelBackgroundColor: M.palette.border.dark,
3342
- labelFontColor: M.palette.common.white,
3343
- labelFontSize: typeof M.typography.XSmall?.fontSize == "string" ? parseFloat(M.typography.XSmall.fontSize) : M.typography.XSmall?.fontSize,
3344
- labels: [b.key_indicators_label],
3490
+ labelBackgroundColor: O.palette.border.dark,
3491
+ labelFontColor: O.palette.common.white,
3492
+ labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
3493
+ labels: [f.key_indicators_label],
3345
3494
  margin: { right: 20, left: 25 },
3346
3495
  showArea: !0,
3347
3496
  showAverage: !0,
3348
3497
  showLegend: !0,
3349
3498
  showMarkLabel: !0,
3350
3499
  showXAxis: !0,
3351
- title: b.peer_average,
3500
+ title: f.peer_average,
3352
3501
  useCustomMark: !0
3353
3502
  }
3354
- ) : /* @__PURE__ */ e(kr, { onClick: () => oe(!0) }),
3355
- _.health_score !== null && /* @__PURE__ */ e(vr, {})
3503
+ ) : /* @__PURE__ */ e(kr, { onClick: () => re(!0) }),
3504
+ m.health_score !== null && /* @__PURE__ */ e(vr, {})
3356
3505
  ] }) })
3357
3506
  ]
3358
3507
  }
3359
3508
  ) : /* @__PURE__ */ e(Wr, {}),
3360
- /* @__PURE__ */ e(Hr, { isOpen: z, onClose: () => G(!1) }),
3509
+ /* @__PURE__ */ e(Hr, { isOpen: N, onClose: () => E(!1) }),
3361
3510
  /* @__PURE__ */ e(
3362
- ne,
3511
+ oe,
3363
3512
  {
3364
- onClose: () => oe(!1),
3365
- showConnectWidget: j,
3366
- title: v.mini_title
3513
+ onClose: () => re(!1),
3514
+ showConnectWidget: ce,
3515
+ title: b.mini_title
3367
3516
  }
3368
3517
  ),
3369
3518
  /* @__PURE__ */ e(
3370
3519
  Vr,
3371
3520
  {
3372
- isOpen: W,
3373
- onClose: () => ce(!1)
3521
+ isOpen: me,
3522
+ onClose: () => K(!1)
3374
3523
  }
3375
3524
  )
3376
3525
  ]
3377
3526
  }
3378
3527
  );
3379
- }, pi = S(Xr);
3528
+ }, hi = x(Zr);
3380
3529
  export {
3381
3530
  bo as CreditScoreGraph,
3382
- Ft as DialScoreCard,
3383
- Pt as FinancialStrengthGraph,
3384
- hi as FinstrongApi,
3385
- mi as FinstrongStore,
3386
- pi as FinstrongWidget
3531
+ Rt as DialScoreCard,
3532
+ Ft as FinancialStrengthGraph,
3533
+ yi as FinstrongApi,
3534
+ bi as FinstrongStore,
3535
+ hi as FinstrongWidget
3387
3536
  };