@mx-cartographer/experiences 7.2.15-alpha.sms3 → 7.2.16-alpha.mm0

package/dist/finstrong/index.es.js

@@ -1,56 +1,56 @@
-import { jsx as e, jsxs as u, Fragment as re } from "react/jsx-runtime";
+import { jsx as e, jsxs as u, Fragment as ie } from "react/jsx-runtime";
 import x from "@mui/material/Box";
-import g from "@mui/material/Stack";
-import { useTheme as G, alpha as te } from "@mui/material/styles";
+import _ from "@mui/material/Stack";
+import { useTheme as E, alpha as oe } from "@mui/material/styles";
 import { PieChart as Oe } from "@mui/x-charts";
-import { ChevronRight as j, Check as De, TrendingUp as Me, ArrowRightAlt as Te, TrendingDown as we, AccountBalance as me, ExpandMore as Re, Payments as Fe, CalendarMonth as Pe, CreditCard as ue, Savings as Ge, ContentCopy as Le, MultilineChart as Ee } from "@mxenabled/mx-icons";
-import { Text as W, P as y, H3 as H, Icon as he } from "@mxenabled/mxui";
-import { format as _e } from "date-fns/format";
+import { ChevronRight as j, Check as De, TrendingUp as Me, ArrowRightAlt as Te, TrendingDown as we, AccountBalance as ue, ExpandMore as Fe, Payments as Re, CalendarMonth as Pe, CreditCard as he, Savings as Ge, ContentCopy as Le, MultilineChart as Ee } from "@mxenabled/mx-icons";
+import { Text as W, P as y, H3 as H, Icon as _e } from "@mxenabled/mxui";
+import { format as ge } from "date-fns/format";
 import C from "react";
 import We from "@mui/material/Avatar";
-import ge from "@mui/material/Divider";
+import fe from "@mui/material/Divider";
 import Be from "@mui/material/List";
 import He from "@mui/material/ListItem";
 import ze from "@mui/material/ListItemAvatar";
 import $e from "@mui/material/ListItemButton";
 import Ne from "@mui/material/ListItemText";
 import { b } from "../Localization-2MODESHW.mjs";
-import * as ce from "d3";
+import * as le from "d3";
 import { observer as I } from "mobx-react-lite";
-import { u as S, b as z, x as $, p as Y, d as fe, i as ye, m as Ke } from "../hooks-D6XlXHf4.mjs";
+import { u as S, b as z, x as $, p as Y, d as ye, i as be, n as Ke, m as Xe } from "../hooks-D6XlXHf4.mjs";
 import { L as N } from "../Loader-DUaFpDGv.mjs";
-import { F as No, a as Ko } from "../FinstrongStore-F2c607dj.mjs";
+import { F as Ko, a as Xo } from "../FinstrongStore-F2c607dj.mjs";
 import q from "@mui/material/Button";
 import J from "@mui/material/Card";
-import { L as be } from "../LineChart-D4GI7nVh.mjs";
-import { l as xe } from "../ConnectDrawer-Bw5s6Dw1.mjs";
-import Xe from "@mui/material/Accordion";
-import je from "@mui/material/AccordionDetails";
-import Ue from "@mui/material/AccordionSummary";
-import Ve from "@mui/material/CardHeader";
-import { u as Ye } from "../useDimensions-27p2evRx.mjs";
-import { C as qe } from "../ConnectionsDrawer-BDvVuJQf.mjs";
-import { R as Je } from "../RecurringSettings-D9GFcsXV.mjs";
-import Qe from "@mui/material/TextField";
-import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
-import { a as Ze } from "../Dialog-CWW597AF.mjs";
-import { AdapterDateFns as et } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { StaticDatePicker as tt } from "@mui/x-date-pickers";
-import { LocalizationProvider as ot } from "@mui/x-date-pickers/LocalizationProvider";
+import { L as xe } from "../LineChart-D4GI7nVh.mjs";
+import { l as Ce } from "../ConnectDrawer-Bw5s6Dw1.mjs";
+import je from "@mui/material/Accordion";
+import Ue from "@mui/material/AccordionDetails";
+import Ve from "@mui/material/AccordionSummary";
+import Ye from "@mui/material/CardHeader";
+import { u as qe } from "../useDimensions-27p2evRx.mjs";
+import { C as Je } from "../ConnectionsDrawer-BDvVuJQf.mjs";
+import { R as Qe } from "../RecurringSettings-G6_BbsIF.mjs";
+import Ze from "@mui/material/TextField";
+import { u as Se } from "../useScreenSize-B6JyS_Lj.mjs";
+import { a as et } from "../Dialog-CWW597AF.mjs";
+import { AdapterDateFns as tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { StaticDatePicker as ot } from "@mui/x-date-pickers";
+import { LocalizationProvider as nt } from "@mui/x-date-pickers/LocalizationProvider";
 import { D as V } from "../Drawer-kEE73B87.mjs";
-import oe from "@mui/material/Tab";
-import nt from "@mui/material/Tabs";
-import { f as rt } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { T as ne } from "../TabContentContainer-j01JYR_7.mjs";
-import it from "@mui/lab/Timeline";
-import st, { timelineItemClasses as at } from "@mui/lab/TimelineItem";
-import ct from "@mui/lab/TimelineConnector";
-import lt from "@mui/lab/TimelineContent";
-import dt from "@mui/lab/TimelineDot";
-import pt from "@mui/lab/TimelineSeparator";
-import { W as mt } from "../WidgetContainer-EbrN1oIo.mjs";
+import ne from "@mui/material/Tab";
+import rt from "@mui/material/Tabs";
+import { f as it } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { T as re } from "../TabContentContainer-j01JYR_7.mjs";
+import st from "@mui/lab/Timeline";
+import at, { timelineItemClasses as ct } from "@mui/lab/TimelineItem";
+import lt from "@mui/lab/TimelineConnector";
+import dt from "@mui/lab/TimelineContent";
+import pt from "@mui/lab/TimelineDot";
+import mt from "@mui/lab/TimelineSeparator";
+import { W as ut } from "../WidgetContainer-EbrN1oIo.mjs";
 var A = /* @__PURE__ */ ((n) => (n.Connections = "connections", n.CreditScore = "credit_score", n.DateOfBirth = "date_of_birth", n.MonthlyIncome = "monthly_income", n))(A || {});
-const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
+const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
   Be,
   {
     sx: {
@@ -59,7 +59,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         pr: 24
       }
     },
-    children: n.map((t, i) => /* @__PURE__ */ u(C.Fragment, { children: [
+    children: n.map((t, a) => /* @__PURE__ */ u(C.Fragment, { children: [
       /* @__PURE__ */ e(He, { secondaryAction: /* @__PURE__ */ e(j, {}), children: /* @__PURE__ */ u($e, { onClick: () => o(t.key), children: [
         /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(
           We,
@@ -85,10 +85,10 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           }
         )
       ] }) }),
-      i < n.length - 1 && /* @__PURE__ */ e(ge, { sx: { color: "divider", ml: 68 } })
+      a < n.length - 1 && /* @__PURE__ */ e(fe, { sx: { color: "divider", ml: 68 } })
     ] }, t.key))
   }
-) }), ht = ut, le = (n) => n * (180 / Math.PI), ie = (n, o) => [
+) }), _t = ht, de = (n) => n * (180 / Math.PI), se = (n, o) => [
   {
     description: o.vulnerable_description,
     max: 25,
@@ -125,7 +125,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, _t = (n, o, t) => n >= 300 && n < 580 ? {
+}, gt = (n, o, t) => n >= 300 && n < 580 ? {
   status: t.poor,
   color: o ? M.POOR : D.POOR
 } : n >= 580 && n < 670 ? {
@@ -140,124 +140,124 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
 } : n >= 800 && n <= 850 ? {
   status: t.exceptional,
   color: o ? M.EXCEPTIONAL : D.EXCEPTIONAL
-} : { status: t.missing_data }, gt = (n, o, t, i) => {
-  const d = n.reduce((r, a) => r + a.value, 0);
+} : { status: t.missing_data }, ft = (n, o, t, a) => {
+  const d = n.reduce((r, s) => r + s.value, 0);
   let l = 0;
-  const s = n.map((r) => {
-    const a = r.value / d * o, c = t + l, p = c + a;
-    return l += a, {
+  const i = n.map((r) => {
+    const s = r.value / d * o, c = t + l, p = c + s;
+    return l += s, {
       ...r,
       startAngle: c,
       endAngle: p
     };
   });
-  return [s[i].startAngle, s[i].endAngle];
-}, ft = (n, o, t, i, d) => {
-  let l = 0, s = 0;
-  const r = Math.floor(i), a = i - r;
-  return r > t ? (l = n, s = o) : r === t && a > 0 && (l = n, s = d), [l, s];
-}, yt = (n, o, t = 0) => {
-  const i = n * Math.sin(o - t), d = -n * Math.cos(o - t);
-  return [i, d];
-}, bt = ({
+  return [i[a].startAngle, i[a].endAngle];
+}, yt = (n, o, t, a, d) => {
+  let l = 0, i = 0;
+  const r = Math.floor(a), s = a - r;
+  return r > t ? (l = n, i = o) : r === t && s > 0 && (l = n, i = d), [l, i];
+}, bt = (n, o, t = 0) => {
+  const a = n * Math.sin(o - t), d = -n * Math.cos(o - t);
+  return [a, d];
+}, xt = ({
   dynamicCopy: n,
   fallbackLabel: o,
   icon: t,
-  key: i,
+  key: a,
   label: d,
   value: l
 }) => {
-  const s = !!l, r = s ? xt(i, l) : n && b(n, o) || o;
+  const i = !!l, r = i ? Ct(a, l) : n && b(n, o) || o;
   return {
-    icon: s ? /* @__PURE__ */ e(De, {}) : t,
-    isComplete: s,
-    key: i,
+    icon: i ? /* @__PURE__ */ e(De, {}) : t,
+    isComplete: i,
+    key: a,
     primaryText: d,
     secondaryText: r
   };
-}, xt = (n, o) => ({
-  [A.DateOfBirth]: (i) => _e(new Date(Number(i) * 1e3), "MMM d, yyyy"),
-  [A.MonthlyIncome]: (i) => `$${i}`
-})[n]?.(o) ?? String(o), de = (n) => n !== null ? Math.round(n * 100) : null, Ct = ({
+}, Ct = (n, o) => ({
+  [A.DateOfBirth]: (a) => ge(new Date(Number(a) * 1e3), "MMM d, yyyy"),
+  [A.MonthlyIncome]: (a) => `$${a}`
+})[n]?.(o) ?? String(o), pe = (n) => n !== null ? Math.round(n * 100) : null, St = ({
   dialScoreData: n,
   dataIndex: o,
   arcColor: t,
-  arcStartAngle: i,
+  arcStartAngle: a,
   totalAngularSpan: d,
   centerX: l,
-  centerY: s,
+  centerY: i,
   arcRadius: r,
-  innerArcRadius: a,
+  innerArcRadius: s,
   outterArcRadius: c,
   progressEndAngle: p,
   unitsPerSegment: h,
   isFinacialStrengthGraph: m
 }) => {
-  const _ = G(), R = [
-    { offset: "13.62%", color: _.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: _.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: _.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: _.palette.chartMono.chartMono5 }
-  ], [T, v] = gt(
+  const f = E(), v = [
+    { offset: "13.62%", color: f.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
+  ], [T, R] = ft(
     n,
     d,
-    i,
+    a,
     o
-  ), [L, E] = ft(
+  ), [w, L] = yt(
     T,
-    v,
+    R,
     o,
     h,
     p
-  ), K = ce.arc().innerRadius(a).outerRadius(c).startAngle(T).endAngle(v).padAngle(0.02).cornerRadius(8), F = ce.arc().innerRadius(a).outerRadius(c).startAngle(L).endAngle(E).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ u(re, { children: [
+  ), K = le.arc().innerRadius(s).outerRadius(c).startAngle(T).endAngle(R).padAngle(0.02).cornerRadius(8), P = le.arc().innerRadius(s).outerRadius(c).startAngle(w).endAngle(L).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: K({}),
-        fill: m ? _.palette.divider : t
+        fill: m ? f.palette.divider : t
       }
     ),
-    m && /* @__PURE__ */ e("path", { d: F({}), fill: "url(#arcGradient)" }),
+    m && /* @__PURE__ */ e("path", { d: P({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
-        gradientTransform: `rotate(5, ${l}, ${s})`,
+        gradientTransform: `rotate(5, ${l}, ${i})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
         x1: l + r * 0.8 * Math.cos(Math.PI / 1.35),
         x2: l - r * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: s + r * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: s - r * 0.8 * Math.sin(Math.PI / 1.35),
-        children: R.map((w, O) => /* @__PURE__ */ e("stop", { offset: w.offset, stopColor: w.color }, O))
+        y1: i + r * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: i - r * 0.8 * Math.sin(Math.PI / 1.35),
+        children: v.map((G, k) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, k))
       }
     ) })
   ] });
-}, Se = ({
+}, ve = ({
   arcRadius: n = 100,
   healthScore: o,
   size: t = "L",
-  dialScoreData: i,
+  dialScoreData: a,
   minValue: d = 0,
   maxValue: l = 100,
-  markerColor: s,
+  markerColor: i,
   healthScoreStatus: r,
-  footerCenterContent: a,
+  footerCenterContent: s,
   footerLeftContent: c,
   footerRightContent: p,
   isFinacialStrengthGraph: h = !1
 }) => {
-  const m = G(), _ = -Math.PI / 1.35, R = Math.PI / 1.35, T = R - _, v = T / (l - d), L = (o - d) * v, E = _ + L + 0.02, K = t !== "SM" ? 0.1 : 0.12, F = n, w = n * (1 - K), O = F * 2.5, k = O / 2, P = O / 2, U = (w + F) / 2, Z = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, ke] = yt(U, E, Z), Ae = o / 25, se = {
+  const m = E(), f = -Math.PI / 1.35, v = Math.PI / 1.35, T = v - f, R = T / (l - d), w = (o - d) * R, L = f + w + 0.02, K = t !== "SM" ? 0.1 : 0.12, P = n, G = n * (1 - K), k = P * 2.5, O = k / 2, F = k / 2, Z = (G + P) / 2, U = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, te] = bt(Z, L, U), Ae = o / 25, ae = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Ie = a === 0 ? Te : we;
+  }, Ie = s === 0 ? Te : we;
   return /* @__PURE__ */ u(
-    g,
+    _,
     {
       sx: {
-        width: O,
-        height: O,
+        width: k,
+        height: k,
         position: "relative",
         alignSelf: "center"
       },
@@ -265,16 +265,16 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         /* @__PURE__ */ e(
           Oe,
           {
-            height: O,
+            height: k,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
             series: [
               {
-                data: i,
-                innerRadius: w,
-                outerRadius: F,
-                startAngle: Math.round(le(_)),
+                data: a,
+                innerRadius: G,
+                outerRadius: P,
+                startAngle: Math.round(de(f)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(le(R))
+                endAngle: Math.round(de(v))
                 // Use Math.degrees to convert
               }
             ],
@@ -283,20 +283,20 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               legend: { hidden: !0 }
             },
             slots: {
-              pieArc: (ae) => /* @__PURE__ */ e(
-                Ct,
+              pieArc: (ce) => /* @__PURE__ */ e(
+                St,
                 {
-                  arcColor: ae.color,
+                  arcColor: ce.color,
                   arcRadius: n,
-                  arcStartAngle: _,
-                  centerX: k,
-                  centerY: P,
-                  dataIndex: ae.dataIndex,
-                  dialScoreData: i,
-                  innerArcRadius: w,
+                  arcStartAngle: f,
+                  centerX: O,
+                  centerY: F,
+                  dataIndex: ce.dataIndex,
+                  dialScoreData: a,
+                  innerArcRadius: G,
                   isFinacialStrengthGraph: h,
-                  outterArcRadius: F,
-                  progressEndAngle: E,
+                  outterArcRadius: P,
+                  progressEndAngle: L,
                   totalAngularSpan: T,
                   unitsPerSegment: Ae
                 }
@@ -307,15 +307,15 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                 stroke: "none"
               }
             },
-            width: O,
+            width: k,
             children: o >= d && o <= l && /* @__PURE__ */ e(
               "circle",
               {
-                cx: k + ee,
-                cy: P + ke,
+                cx: O + ee,
+                cy: F + te,
                 fill: m.palette.common.white,
-                r: se[t].markerSize,
-                stroke: h ? "url(#arcGradient)" : s,
+                r: ae[t].markerSize,
+                stroke: h ? "url(#arcGradient)" : i,
                 strokeWidth: t !== "SM" ? 3 : 1
               }
             )
@@ -326,13 +326,13 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           {
             sx: {
               position: "absolute",
-              top: `${P}px`,
-              left: `${k}px`,
+              top: `${F}px`,
+              left: `${O}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
             children: /* @__PURE__ */ u(
-              g,
+              _,
               {
                 spacing: 1,
                 sx: { alignItems: "center", justifyContent: "center", gap: t !== "M" ? 10 : 3 },
@@ -341,7 +341,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                     y,
                     {
                       sx: {
-                        fontSize: se[t].healthScoreFontSize,
+                        fontSize: ae[t].healthScoreFontSize,
                         lineHeight: t !== "SM" ? "48px" : "100%"
                       },
                       variant: "H1",
@@ -354,30 +354,30 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             )
           }
         ),
-        a !== void 0 && /* @__PURE__ */ e(
+        s !== void 0 && /* @__PURE__ */ e(
           x,
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k}px`,
+              top: `${F * 2 * 0.83}px`,
+              left: `${O}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof a == "number" ? /* @__PURE__ */ u(g, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              a > 0 ? /* @__PURE__ */ e(Me, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Ie, { size: 16, sx: { color: "text.secondary" } }),
+            children: typeof s == "number" ? /* @__PURE__ */ u(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+              s > 0 ? /* @__PURE__ */ e(Me, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Ie, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 y,
                 {
                   sx: {
                     fontWeight: 600,
-                    color: a > 0 ? "success.main" : "text.secondary"
+                    color: s > 0 ? "success.main" : "text.secondary"
                   },
                   variant: "body1",
-                  children: a
+                  children: s
                 }
               )
-            ] }) : /* @__PURE__ */ e(y, { sx: { color: "text.secondary" }, variant: "subtitle2", children: a })
+            ] }) : /* @__PURE__ */ e(y, { sx: { color: "text.secondary" }, variant: "subtitle2", children: s })
           }
         ),
         c !== void 0 && /* @__PURE__ */ e(
@@ -385,8 +385,8 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k - k / 2}px`,
+              top: `${F * 2 * 0.83}px`,
+              left: `${O - O / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
@@ -399,8 +399,8 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k + k / 2}px`,
+              top: `${F * 2 * 0.83}px`,
+              left: `${O + O / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
@@ -410,37 +410,37 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       ]
     }
   );
-}, ve = I(
-  ({ arcRadius: n, size: o = "L", healthScore: t, footerCenterContent: i }) => {
+}, ke = I(
+  ({ arcRadius: n, size: o = "L", healthScore: t, footerCenterContent: a }) => {
     const d = [
       { id: 1, label: "Group A", value: 25 },
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: l } = S(), s = ie(t, l);
+    ], { finstrong: l } = S(), i = se(t, l);
     return /* @__PURE__ */ e(
-      Se,
+      ve,
       {
         arcRadius: n,
         dialScoreData: d,
-        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : i,
+        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : a,
         healthScore: t,
-        healthScoreStatus: s.status,
+        healthScoreStatus: i.status,
         isFinacialStrengthGraph: !0,
         size: o
       }
     );
   }
-), Bo = I(
+), Ho = I(
   ({
     arcRadius: n,
     size: o = "L",
     healthScore: t,
-    maxValue: i = 850,
+    maxValue: a = 850,
     minValue: d = 300,
     footerCenterContent: l
   }) => {
-    const r = G().palette.mode === "dark", a = [
+    const r = E().palette.mode === "dark", s = [
       {
         id: 1,
         label: "Poor",
@@ -473,23 +473,23 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ], { finstrong: c } = S(), { isCopyLoaded: p } = z();
     if (!p) return /* @__PURE__ */ e(N, {});
-    const { status: h, color: m = "none" } = _t(
+    const { status: h, color: m = "none" } = gt(
       t,
       r,
       c.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Se,
+      ve,
       {
         arcRadius: n,
-        dialScoreData: a,
+        dialScoreData: s,
         footerCenterContent: l,
         footerLeftContent: d,
-        footerRightContent: i,
+        footerRightContent: a,
         healthScore: t,
         healthScoreStatus: h,
         markerColor: m,
-        maxValue: i,
+        maxValue: a,
         minValue: d,
         size: o
       }
@@ -499,11 +499,11 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   isDashboard: n = !1,
   hasIcon: o = !0,
   buttonText: t,
-  title: i,
+  title: a,
   description: d,
   sx: l
 }) => {
-  const [s, r] = C.useState(!1), { connect: a, finstrong: c } = S();
+  const [i, r] = C.useState(!1), { connect: s, finstrong: c } = S();
   return /* @__PURE__ */ u(
     J,
     {
@@ -516,15 +516,15 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       },
       children: [
         /* @__PURE__ */ u(
-          g,
+          _,
           {
             sx: {
               gap: 8,
               ...n && { flexDirection: "row", alignItems: "center" }
             },
             children: [
-              o && /* @__PURE__ */ e(me, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(H, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: i || c.connect_more_accounts_title })
+              o && /* @__PURE__ */ e(ue, { sx: { height: 20, width: 20 } }),
+              /* @__PURE__ */ e(H, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: a || c.connect_more_accounts_title })
             ]
           }
         ),
@@ -548,21 +548,21 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           }
         ),
         /* @__PURE__ */ e(
-          xe,
+          Ce,
           {
             onClose: () => r(!1),
-            showConnectWidget: s,
-            title: a.mini_title
+            showConnectWidget: i,
+            title: s.mini_title
           }
         )
       ]
     }
   );
-}, St = I(() => {
-  const n = G(), [o, { width: t }] = Ye(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChange: r } = $(), a = n.palette.mode === "dark", c = ie(s?.health_score, i);
+}, vt = I(() => {
+  const n = E(), [o, { width: t }] = qe(), { finstrong: a } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: i, healthScoreChange: r } = $(), s = n.palette.mode === "dark", c = se(i?.health_score, a);
   return !d || !l ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ u(J, { ref: o, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ve,
+      Ye,
       {
         action: /* @__PURE__ */ e(
           q,
@@ -575,10 +575,10 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               color: "primary.main"
             },
             variant: "text",
-            children: i.financial_strength_header_action
+            children: a.financial_strength_header_action
           }
         ),
-        subheader: /* @__PURE__ */ e(H, { color: "text.primary", children: i.financial_strength_header }),
+        subheader: /* @__PURE__ */ e(H, { color: "text.primary", children: a.financial_strength_header }),
         sx: {
           p: 0,
           "& .MuiCardHeader-content": {
@@ -587,21 +587,21 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         }
       }
     ),
-    /* @__PURE__ */ e(g, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
-      ve,
+    /* @__PURE__ */ e(_, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
+      ke,
       {
         arcRadius: t <= 323 ? 73 : 154,
         footerCenterContent: r,
-        healthScore: s?.health_score || 0,
+        healthScore: i?.health_score || 0,
         size: t <= 323 ? "M" : "L"
       }
     ) }),
-    s?.health_score ? /* @__PURE__ */ u(
-      Xe,
+    i?.health_score ? /* @__PURE__ */ u(
+      je,
       {
         sx: {
           px: 16,
-          backgroundColor: a ? "grey.800" : "grey.50",
+          backgroundColor: s ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           "&.Mui-expanded": {
             m: 0
@@ -612,9 +612,9 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         },
         children: [
           /* @__PURE__ */ e(
-            Ue,
+            Ve,
             {
-              expandIcon: /* @__PURE__ */ e(Re, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(Fe, { size: 20 }),
               sx: {
                 height: 52,
                 p: 0,
@@ -622,21 +622,21 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                   minHeight: 0
                 }
               },
-              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
+              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(je, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(y, { variant: "subtitle1", children: c.scoreContent }) })
+          /* @__PURE__ */ e(Ue, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(y, { variant: "subtitle1", children: c.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
       Q,
       {
-        buttonText: i.connect_more_accounts_title,
-        description: i.health_score_zero_description,
+        buttonText: a.connect_more_accounts_title,
+        description: a.health_score_zero_description,
         hasIcon: !1,
         isDashboard: !0,
         sx: {
-          backgroundColor: a ? "grey.800" : "grey.50",
+          backgroundColor: s ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           ".connect-more-accounts-title": {
             fontWeight: 600,
@@ -645,20 +645,20 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           },
           ".connect-more-accounts-description": { color: "text.primary" }
         },
-        title: i.health_score_zero_title
+        title: a.health_score_zero_title
       }
     )
   ] });
-}), vt = ({ isOpen: n, onClose: o }) => {
-  const { common: t, finstrong: i } = S(), { isMobile: d } = Ce(), { updateUser: l, user: s } = Y(), [r, a] = C.useState(s.credit_score || 0), c = !isNaN(r), p = () => {
-    o(), setTimeout(() => a(s.credit_score || 0), 300);
+}), kt = ({ isOpen: n, onClose: o }) => {
+  const { common: t, finstrong: a } = S(), { isMobile: d } = Se(), { updateUser: l, user: i } = Y(), [r, s] = C.useState(i.credit_score || 0), c = !isNaN(r), p = () => {
+    o(), setTimeout(() => s(i.credit_score || 0), 300);
   }, h = () => {
-    !r || r === s.credit_score || l({ ...s, credit_score: r });
+    !r || r === i.credit_score || l({ ...i, credit_score: r });
   };
   return /* @__PURE__ */ e(
-    Ze,
+    et,
     {
-      copy: { close_aria: t.close_aria, title: i.edit_credit_score },
+      copy: { close_aria: t.close_aria, title: a.edit_credit_score },
       disablePrimaryButton: !r || !c,
       isOpen: n,
       maxWidth: "xs",
@@ -672,7 +672,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         }
       },
       children: /* @__PURE__ */ e(
-        Qe,
+        Ze,
         {
           error: !c,
           fullWidth: !0,
@@ -681,14 +681,14 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             noValidate: !0,
             pattern: "[0-9]*"
           },
-          onChange: (m) => a(Number(m.target.value)),
+          onChange: (m) => s(Number(m.target.value)),
           value: c ? r : ""
         }
       )
     }
   );
-}, kt = I(vt), At = ({ isOpen: n, onClose: o }) => {
-  const { finstrong: t } = S(), i = G(), { updateUser: d, user: l } = Y(), [s, r] = C.useState(l.birthday), a = (p) => {
+}, At = I(kt), It = ({ isOpen: n, onClose: o }) => {
+  const { finstrong: t } = S(), a = E(), { updateUser: d, user: l } = Y(), [i, r] = C.useState(l.birthday), s = (p) => {
     r(Math.floor(new Date(p).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -697,26 +697,26 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       isOpen: n,
       onClose: o,
       onPrimaryAction: () => {
-        !s || s === l.birthday || (d({ ...l, birthday: s }), o());
+        !i || i === l.birthday || (d({ ...l, birthday: i }), o());
       },
       onSecondaryAction: o,
       title: t.date_of_birth,
-      children: /* @__PURE__ */ e(ot, { dateAdapter: et, children: /* @__PURE__ */ e(
-        tt,
+      children: /* @__PURE__ */ e(nt, { dateAdapter: tt, children: /* @__PURE__ */ e(
+        ot,
         {
           disableFuture: !0,
-          onChange: a,
+          onChange: s,
           slotProps: {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: oe(a.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: oe(a.palette.primary.light, 0.1) }
               }
             }
           },
@@ -728,118 +728,118 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: oe(a.palette.primary.light, 0.1) }
             }
           },
-          value: s ? new Date(s * 1e3) : /* @__PURE__ */ new Date()
+          value: i ? new Date(i * 1e3) : /* @__PURE__ */ new Date()
         }
       ) })
     }
   );
-}, It = I(At), Ot = ({ value: n, completeCopy: o }) => /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
-  /* @__PURE__ */ e(g, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((t, i) => /* @__PURE__ */ e(
+}, Ot = I(It), Dt = ({ value: n, completeCopy: o }) => /* @__PURE__ */ u(_, { sx: { gap: 8 }, children: [
+  /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((t, a) => /* @__PURE__ */ e(
     x,
     {
       sx: {
-        bgcolor: i < n ? "primary.main" : "neutral.light",
+        bgcolor: a < n ? "primary.main" : "neutral.light",
         borderRadius: "24px",
         height: 4,
         width: "100%"
       }
     },
-    i
+    a
   )) }),
   /* @__PURE__ */ u(W, { sx: { color: "text.secondary" }, variant: "body2", children: [
     n / 4 * 100,
     "% ",
     o
   ] })
-] }), Dt = ({ isOpen: n, onClose: o }) => {
-  const { visibleFinstrongAccounts: t } = fe(), { incomeBudget: i } = ye(), {
+] }), Mt = ({ isOpen: n, onClose: o }) => {
+  const { visibleFinstrongAccounts: t } = ye(), { incomeBudget: a } = be(), {
     accounts: d,
     common: l,
-    finstrong: s
-  } = S(), { user: r } = Y(), [a, c] = C.useState(null), h = [
+    finstrong: i
+  } = S(), { user: r } = Y(), [s, c] = C.useState(null), h = [
     {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.monthly_income,
-      icon: /* @__PURE__ */ e(Fe, {}),
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.monthly_income,
+      icon: /* @__PURE__ */ e(Re, {}),
       key: A.MonthlyIncome,
-      label: s.monthly_income,
-      value: i
+      label: i.monthly_income,
+      value: a
     },
     {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.date_of_birth,
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.date_of_birth,
       icon: /* @__PURE__ */ e(Pe, {}),
       key: A.DateOfBirth,
-      label: s.date_of_birth,
+      label: i.date_of_birth,
       value: r.birthday
     },
     {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.credit_score,
-      icon: /* @__PURE__ */ e(ue, {}),
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.credit_score,
+      icon: /* @__PURE__ */ e(he, {}),
       key: A.CreditScore,
-      label: s.credit_score,
+      label: i.credit_score,
       value: r.credit_score
     },
     {
-      fallbackLabel: s.connect_your_accounts,
-      icon: /* @__PURE__ */ e(me, {}),
+      fallbackLabel: i.connect_your_accounts,
+      icon: /* @__PURE__ */ e(ue, {}),
       key: A.Connections,
-      label: s.connections,
+      label: i.connections,
       value: t.length > 0 ? b(
-        s.connected_account,
+        i.connected_account,
         String(t.length),
-        t.length > 1 ? s.accounts : s.account
+        t.length > 1 ? i.accounts : i.account
       ) : void 0
     }
-  ].map((m) => bt(m));
-  return /* @__PURE__ */ u(V, { isOpen: n, onClose: o, title: s.financial_profile, children: [
-    /* @__PURE__ */ u(g, { sx: { gap: 20, p: 24 }, children: [
-      /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(H, { children: s.your_financial_profile }),
-        /* @__PURE__ */ e(y, { children: s.financial_profile_description })
+  ].map((m) => xt(m));
+  return /* @__PURE__ */ u(V, { isOpen: n, onClose: o, title: i.financial_profile, children: [
+    /* @__PURE__ */ u(_, { sx: { gap: 20, p: 24 }, children: [
+      /* @__PURE__ */ u(_, { sx: { gap: 8 }, children: [
+        /* @__PURE__ */ e(H, { children: i.your_financial_profile }),
+        /* @__PURE__ */ e(y, { children: i.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
-        Ot,
+        Dt,
         {
-          completeCopy: s.complete,
-          value: h.reduce((m, _) => m + (_.isComplete ? 1 : 0), 0)
+          completeCopy: i.complete,
+          value: h.reduce((m, f) => m + (f.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
-    /* @__PURE__ */ e(ht, { list: h, onClickItem: c }),
+    /* @__PURE__ */ e(_t, { list: h, onClickItem: c }),
     /* @__PURE__ */ e(x, { sx: { p: 24 }, children: /* @__PURE__ */ e(
       Q,
       {
-        description: s.connect_more_accounts_to_view_more_accurate_financial_picture,
+        description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
         isDashboard: !0,
-        title: s.dont_see_all_your_accounts
+        title: i.dont_see_all_your_accounts
       }
     ) }),
     /* @__PURE__ */ e(
       V,
       {
-        isOpen: a === A.MonthlyIncome,
+        isOpen: s === A.MonthlyIncome,
         onClose: () => c(null),
         title: l.settings,
-        children: /* @__PURE__ */ e(Je, {})
+        children: /* @__PURE__ */ e(Qe, {})
       }
     ),
-    /* @__PURE__ */ e(It, { isOpen: a === A.DateOfBirth, onClose: () => c(null) }),
-    /* @__PURE__ */ e(kt, { isOpen: a === A.CreditScore, onClose: () => c(null) }),
+    /* @__PURE__ */ e(Ot, { isOpen: s === A.DateOfBirth, onClose: () => c(null) }),
+    /* @__PURE__ */ e(At, { isOpen: s === A.CreditScore, onClose: () => c(null) }),
     /* @__PURE__ */ e(
-      qe,
+      Je,
       {
         onClose: () => c(null),
-        showConnectionsWidget: a === A.Connections,
+        showConnectionsWidget: s === A.Connections,
         title: d.manage_connections
       }
     )
   ] });
-}, Mt = I(Dt), X = {
+}, Tt = I(Mt), X = {
   creditScore: {
     poor: 600,
     good: 720
@@ -860,7 +860,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     poor: 110,
     good: 100
   }
-}, f = {
+}, g = {
   GOOD: "Good",
   FAIR: "Fair",
   OFF_TRACK: "Off Track",
@@ -868,17 +868,17 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
 }, B = ({
   title: n,
   description: o,
-  cardState: t = f.MISSING,
-  stateTitle: i
+  cardState: t = g.MISSING,
+  stateTitle: a
 }) => {
   const d = {
-    [f.GOOD]: { backgroundColor: "success.lighter", color: "success.main" },
-    [f.FAIR]: { backgroundColor: "warning.lighter", color: "warning.main" },
-    [f.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.main" },
-    [f.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
+    [g.GOOD]: { backgroundColor: "success.lighter", color: "success.main" },
+    [g.FAIR]: { backgroundColor: "warning.lighter", color: "warning.main" },
+    [g.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.main" },
+    [g.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
   }[t];
   return /* @__PURE__ */ u(
-    g,
+    _,
     {
       alignItems: "center",
       flexDirection: "row",
@@ -892,7 +892,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       },
       children: [
         /* @__PURE__ */ u(x, { sx: { minHeight: 48 }, children: [
-          /* @__PURE__ */ u(g, { flexDirection: "row", gap: 4, children: [
+          /* @__PURE__ */ u(_, { flexDirection: "row", gap: 4, children: [
             /* @__PURE__ */ e(y, { fontWeight: 600, sx: { mb: 8 }, truncate: !0, variant: "body1", children: n }),
             /* @__PURE__ */ e(
               x,
@@ -904,44 +904,44 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                   py: 2,
                   height: 16
                 },
-                children: /* @__PURE__ */ e(y, { fontWeight: 700, sx: { minHeight: 12 }, uppercase: !0, variant: "tiny", children: i })
+                children: /* @__PURE__ */ e(y, { fontWeight: 700, sx: { minHeight: 12 }, uppercase: !0, variant: "tiny", children: a })
               }
             )
           ] }),
           /* @__PURE__ */ e(y, { color: "secondary", variant: "subtitle2", children: o })
         ] }),
-        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(he, { color: "secondary", name: "chevron_right", size: 24 }) })
+        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(_e, { color: "secondary", name: "chevron_right", size: 24 }) })
       ]
     }
   );
-}, Tt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_spend: t } = o, i = (r) => {
-    const { good: a, poor: c } = X.spendToIncomeRatio;
-    let p = f.MISSING, h = t.ratio_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r < a ? (p = f.GOOD, h = b(t.ratio_good_description, r), m = o.key_indicators_good) : r >= a && r < c ? (p = f.FAIR, h = b(t.ratio_fair_description, r), m = o.key_indicators_fair) : r >= c && (p = f.OFF_TRACK, h = b(t.ratio_off_track_description, r), m = o.key_indicators_off_track)), {
+}, wt = () => {
+  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_spend: t } = o, a = (r) => {
+    const { good: s, poor: c } = X.spendToIncomeRatio;
+    let p = g.MISSING, h = t.ratio_missing_description, m = o.key_indicators_missing;
+    return r !== null && (r < s ? (p = g.GOOD, h = b(t.ratio_good_description, r), m = o.key_indicators_good) : r >= s && r < c ? (p = g.FAIR, h = b(t.ratio_fair_description, r), m = o.key_indicators_fair) : r >= c && (p = g.OFF_TRACK, h = b(t.ratio_off_track_description, r), m = o.key_indicators_off_track)), {
       cardState: p,
       description: h,
       title: t.ratio_card_title,
       stateTitle: m
     };
   }, d = (r) => {
-    let a = f.MISSING, c = t.count_missing_description, p = o.key_indicators_missing;
-    return r !== null && (r === 0 ? (a = f.GOOD, c = t.count_good_description, p = o.key_indicators_good) : r >= 1 && (a = f.OFF_TRACK, c = t.count_off_track_description, p = o.key_indicators_off_track)), {
-      cardState: a,
+    let s = g.MISSING, c = t.count_missing_description, p = o.key_indicators_missing;
+    return r !== null && (r === 0 ? (s = g.GOOD, c = t.count_good_description, p = o.key_indicators_good) : r >= 1 && (s = g.OFF_TRACK, c = t.count_off_track_description, p = o.key_indicators_off_track)), {
+      cardState: s,
       description: c,
       title: t.count_card_title,
       stateTitle: p
     };
-  }, { spendToIncomeRatio: l, spendFeeCount: s } = C.useMemo(() => {
-    const r = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, a = i(r), c = d(n.spending_fee_transaction_count);
-    return { spendToIncomeRatio: a, spendFeeCount: c };
+  }, { spendToIncomeRatio: l, spendFeeCount: i } = C.useMemo(() => {
+    const r = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, s = a(r), c = d(n.spending_fee_transaction_count);
+    return { spendToIncomeRatio: s, spendFeeCount: c };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
     t,
     o
   ]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ u(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       B,
       {
@@ -954,45 +954,45 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     /* @__PURE__ */ e(
       B,
       {
-        cardState: s.cardState,
-        description: s.description,
-        stateTitle: s.stateTitle,
-        title: s.title
+        cardState: i.cardState,
+        description: i.description,
+        stateTitle: i.stateTitle,
+        title: i.title
       }
     )
   ] });
-}, wt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_save: t } = o, i = (r) => {
-    const { good: a, poor: c } = X.daysOfCashOnHand;
-    let p = f.MISSING, h = t.days_of_cash_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r >= a ? (p = f.GOOD, h = b(t.days_of_cash_good_description, r), m = o.key_indicators_good) : r < a && r >= c ? (p = f.FAIR, h = b(t.days_of_cash_fair_description, r), m = o.key_indicators_fair) : r < c && (p = f.OFF_TRACK, h = b(t.days_of_cash_off_track_description, r), m = o.key_indicators_off_track)), {
+}, Ft = () => {
+  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_save: t } = o, a = (r) => {
+    const { good: s, poor: c } = X.daysOfCashOnHand;
+    let p = g.MISSING, h = t.days_of_cash_missing_description, m = o.key_indicators_missing;
+    return r !== null && (r >= s ? (p = g.GOOD, h = b(t.days_of_cash_good_description, r), m = o.key_indicators_good) : r < s && r >= c ? (p = g.FAIR, h = b(t.days_of_cash_fair_description, r), m = o.key_indicators_fair) : r < c && (p = g.OFF_TRACK, h = b(t.days_of_cash_off_track_description, r), m = o.key_indicators_off_track)), {
       cardState: p,
       description: h,
       title: t.days_of_cash_title,
       stateTitle: m
     };
   }, d = (r) => {
-    const { good: a, poor: c } = X.emergencySavings;
-    let p = f.MISSING, h = t.emergency_savings_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r >= a ? (p = f.GOOD, h = t.emergency_savings_good_description, m = o.key_indicators_good) : r < a && r >= c ? (p = f.FAIR, h = b(
+    const { good: s, poor: c } = X.emergencySavings;
+    let p = g.MISSING, h = t.emergency_savings_missing_description, m = o.key_indicators_missing;
+    return r !== null && (r >= s ? (p = g.GOOD, h = t.emergency_savings_good_description, m = o.key_indicators_good) : r < s && r >= c ? (p = g.FAIR, h = b(
       t.emergency_savings_fair_description,
-      rt(r, "0,0.00")
-    ), m = o.key_indicators_fair) : r < c && (p = f.OFF_TRACK, h = t.emergency_savings_off_track_description, m = o.key_indicators_off_track)), {
+      it(r, "0,0.00")
+    ), m = o.key_indicators_fair) : r < c && (p = g.OFF_TRACK, h = t.emergency_savings_off_track_description, m = o.key_indicators_off_track)), {
       cardState: p,
       description: h,
       title: t.emergency_savings_title,
       stateTitle: m
     };
-  }, { daysOfCashOnHand: l, emergencySavings: s } = C.useMemo(() => {
-    const r = n.months_of_cash_on_hand !== null ? Math.round(n.months_of_cash_on_hand * 30) : null, a = i(r), c = n.emergency_savings_on_hand !== null ? Math.round(n.emergency_savings_on_hand) : null, p = d(c);
-    return { daysOfCashOnHand: a, emergencySavings: p };
+  }, { daysOfCashOnHand: l, emergencySavings: i } = C.useMemo(() => {
+    const r = n.months_of_cash_on_hand !== null ? Math.round(n.months_of_cash_on_hand * 30) : null, s = a(r), c = n.emergency_savings_on_hand !== null ? Math.round(n.emergency_savings_on_hand) : null, p = d(c);
+    return { daysOfCashOnHand: s, emergencySavings: p };
   }, [
     n.months_of_cash_on_hand,
     n.emergency_savings_on_hand,
     t,
     o
   ]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ u(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       B,
       {
@@ -1005,53 +1005,53 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     /* @__PURE__ */ e(
       B,
       {
-        cardState: s.cardState,
-        description: s.description,
-        stateTitle: s.stateTitle,
-        title: s.title
+        cardState: i.cardState,
+        description: i.description,
+        stateTitle: i.stateTitle,
+        title: i.title
       }
     )
   ] });
 }, Rt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_borrow: t } = o, { user: i } = Y(), d = (a) => {
+  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_borrow: t } = o, { user: a } = Y(), d = (s) => {
     const { good: c, poor: p } = X.debtToIncomeRatio;
-    let h = f.MISSING, m = t.manage_debit_missing_description, _ = o.key_indicators_missing;
-    return a != null && (a <= c ? (h = f.GOOD, m = t.manage_debit_good_description, _ = o.key_indicators_good) : a > c && a <= p ? (h = f.FAIR, m = b(t.manage_debit_fair_description, a), _ = o.key_indicators_fair) : a > p && (h = f.OFF_TRACK, m = b(
+    let h = g.MISSING, m = t.manage_debit_missing_description, f = o.key_indicators_missing;
+    return s != null && (s <= c ? (h = g.GOOD, m = t.manage_debit_good_description, f = o.key_indicators_good) : s > c && s <= p ? (h = g.FAIR, m = b(t.manage_debit_fair_description, s), f = o.key_indicators_fair) : s > p && (h = g.OFF_TRACK, m = b(
       t.manage_debit_off_track_description,
-      a
-    ), _ = o.key_indicators_off_track)), {
+      s
+    ), f = o.key_indicators_off_track)), {
       cardState: h,
       description: m,
       title: t.manage_debit_title,
-      stateTitle: _
+      stateTitle: f
     };
-  }, l = (a) => {
+  }, l = (s) => {
     const { good: c, poor: p } = X.creditScore;
-    let h = f.MISSING, m = t.credit_score_missing_description, _ = o.key_indicators_missing;
-    return a !== null && (a >= c ? (h = f.GOOD, m = b(t.credit_score_good_description, a), _ = o.key_indicators_good) : a < c && a >= p ? (h = f.FAIR, m = b(t.credit_score_fair_description, a), _ = o.key_indicators_fair) : a < p && (h = f.OFF_TRACK, m = b(
+    let h = g.MISSING, m = t.credit_score_missing_description, f = o.key_indicators_missing;
+    return s !== null && (s >= c ? (h = g.GOOD, m = b(t.credit_score_good_description, s), f = o.key_indicators_good) : s < c && s >= p ? (h = g.FAIR, m = b(t.credit_score_fair_description, s), f = o.key_indicators_fair) : s < p && (h = g.OFF_TRACK, m = b(
       t.credit_score_off_track_description,
-      a
-    ), _ = o.key_indicators_off_track)), {
+      s
+    ), f = o.key_indicators_off_track)), {
       cardState: h,
       description: m,
       title: t.credit_score_title,
-      stateTitle: _
+      stateTitle: f
     };
-  }, { manageDebtStatus: s, creditScoreStatus: r } = C.useMemo(() => {
-    const a = n.debt_to_income_ratio !== null ? Math.round(n.debt_to_income_ratio * 100) : null, c = d(a), p = l(i.credit_score || null);
+  }, { manageDebtStatus: i, creditScoreStatus: r } = C.useMemo(() => {
+    const s = n.debt_to_income_ratio !== null ? Math.round(n.debt_to_income_ratio * 100) : null, c = d(s), p = l(a.credit_score || null);
     return {
       manageDebtStatus: c,
       creditScoreStatus: p
     };
-  }, [n.debt_to_income_ratio, i.credit_score, t, o]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  }, [n.debt_to_income_ratio, a.credit_score, t, o]);
+  return /* @__PURE__ */ u(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       B,
       {
-        cardState: s.cardState,
-        description: s.description,
-        stateTitle: s.stateTitle,
-        title: s.title
+        cardState: i.cardState,
+        description: i.description,
+        stateTitle: i.stateTitle,
+        title: i.title
       }
     ),
     /* @__PURE__ */ e(
@@ -1064,25 +1064,25 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}, Ft = () => {
+}, Pt = () => {
   const [n, o] = C.useState(0), { finstrong: t } = S();
-  return /* @__PURE__ */ u(re, { children: [
+  return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u(
-      nt,
+      rt,
       {
         "aria-label": "Key Indicators",
         centered: !0,
-        onChange: (i, d) => o(d),
+        onChange: (a, d) => o(d),
         sx: { mb: 0 },
         textColor: "primary",
         value: n,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            oe,
+            ne,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(ue, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(he, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
               label: t.key_indicators_spend.title,
@@ -1090,7 +1090,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             }
           ),
           /* @__PURE__ */ e(
-            oe,
+            ne,
             {
               "aria-controls": "save-details-tabpanel-1",
               icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
@@ -1101,7 +1101,7 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             }
           ),
           /* @__PURE__ */ e(
-            oe,
+            ne,
             {
               "aria-controls": "borrow-details-tabpanel-2",
               icon: /* @__PURE__ */ e(Le, { sx: { mr: 8 } }),
@@ -1114,25 +1114,25 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         ]
       }
     ),
-    /* @__PURE__ */ e(ne, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(Tt, {}) }),
-    /* @__PURE__ */ e(ne, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(wt, {}) }),
-    /* @__PURE__ */ e(ne, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(Rt, {}) })
+    /* @__PURE__ */ e(re, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(wt, {}) }),
+    /* @__PURE__ */ e(re, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(Ft, {}) }),
+    /* @__PURE__ */ e(re, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(Rt, {}) })
   ] });
-}, Pt = ({
+}, Gt = ({
   additionalContent: n,
   children: o,
   description: t,
-  drawerTitle: i,
+  drawerTitle: a,
   isOpen: d,
   loadConnectAccountsCard: l = !0,
-  onClose: s,
+  onClose: i,
   stickyComponent: r,
-  title: a
+  title: s
 }) => {
   const { finstrong: c } = S(), { isCopyLoaded: p } = z();
-  return p ? /* @__PURE__ */ u(V, { isOpen: d, onClose: s, title: i || c.key_indicators, children: [
-    (a || t) && /* @__PURE__ */ u(g, { sx: { p: 24, pb: 0, gap: 8, backgroundColor: "background.paper" }, children: [
-      a && /* @__PURE__ */ e(H, { children: a }),
+  return p ? /* @__PURE__ */ u(V, { isOpen: d, onClose: i, title: a || c.key_indicators, children: [
+    (s || t) && /* @__PURE__ */ u(_, { sx: { p: 24, pb: 0, gap: 8, backgroundColor: "background.paper" }, children: [
+      s && /* @__PURE__ */ e(H, { children: s }),
       t && /* @__PURE__ */ e(y, { children: t })
     ] }),
     r && /* @__PURE__ */ e(
@@ -1147,55 +1147,55 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ),
     n && /* @__PURE__ */ e(x, { children: n }),
-    /* @__PURE__ */ e(ge, {}),
-    /* @__PURE__ */ u(g, { sx: { p: 24, gap: 24 }, children: [
+    /* @__PURE__ */ e(fe, {}),
+    /* @__PURE__ */ u(_, { sx: { p: 24, gap: 24 }, children: [
       o,
       l && /* @__PURE__ */ e(Q, { isDashboard: !0 })
     ] })
   ] }) : /* @__PURE__ */ e(N, {});
-}, Gt = I(Pt), pe = ({
+}, Lt = I(Gt), me = ({
   content: n,
   islast: o = !1
-}) => /* @__PURE__ */ u(st, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ u(pt, { children: [
-    /* @__PURE__ */ e(dt, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !o && /* @__PURE__ */ e(ct, { sx: { bgcolor: "divider", width: 0.1 } })
+}) => /* @__PURE__ */ u(at, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ u(mt, { children: [
+    /* @__PURE__ */ e(pt, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !o && /* @__PURE__ */ e(lt, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(lt, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(y, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: n }) })
-] }), Lt = ({ report: n }) => {
+  /* @__PURE__ */ e(dt, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(y, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: n }) })
+] }), Et = ({ report: n }) => {
   const { finstrong: o } = S(), { score_history_drawer_timeline: t } = o, {
-    health_score_point_difference: i,
+    health_score_point_difference: a,
     newer_credit_score: d,
     older_credit_score: l,
-    older_spend_to_income_ratio: s,
+    older_spend_to_income_ratio: i,
     newer_spend_to_income_ratio: r,
-    older_health_score: a,
+    older_health_score: s,
     newer_health_score: c,
     newer_score_calculated_at: p
-  } = n, h = _e(new Date(p), "MMM d"), m = () => i === 0 ? "info.lighter" : i > 0 ? "success.lighter" : "error.lighter", _ = () => i === 0 ? b(t.stayed_at, a) : i > 0 ? t.less_spending : t.more_spending, R = () => {
-    if (i === 0) return null;
-    const T = i > 0 ? t.up_from : t.down_from, v = b(T, a, c);
-    return /* @__PURE__ */ u(re, { children: [
+  } = n, h = ge(new Date(p), "MMM d"), m = () => a === 0 ? "info.lighter" : a > 0 ? "success.lighter" : "error.lighter", f = () => a === 0 ? b(t.stayed_at, s) : a > 0 ? t.less_spending : t.more_spending, v = () => {
+    if (a === 0) return null;
+    const T = a > 0 ? t.up_from : t.down_from, R = b(T, s, c);
+    return /* @__PURE__ */ u(ie, { children: [
       /* @__PURE__ */ e(
-        he,
+        _e,
         {
           fill: !0,
           name: "circle",
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      v
+      R
     ] });
   };
-  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ u(g, { sx: { backgroundColor: "background.paper" }, children: [
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ u(_, { sx: { backgroundColor: "background.paper" }, children: [
     /* @__PURE__ */ e(x, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ u(
-      g,
+      _,
       {
         flexDirection: "row",
         sx: { alignItems: "center", gap: 16, height: 48, width: "100%" },
         children: [
           /* @__PURE__ */ e(
-            g,
+            _,
             {
               sx: {
                 alignItems: "center",
@@ -1205,25 +1205,25 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                 justifyContent: "center",
                 minWidth: 48
               },
-              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "Body", children: i > 0 ? `+${i}` : i })
+              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "Body", children: a > 0 ? `+${a}` : a })
             }
           ),
-          /* @__PURE__ */ u(g, { sx: { gap: 2, width: "80%" }, children: [
-            /* @__PURE__ */ e(W, { fontWeight: 600, variant: "Body", children: _() }),
+          /* @__PURE__ */ u(_, { sx: { gap: 2, width: "80%" }, children: [
+            /* @__PURE__ */ e(W, { fontWeight: 600, variant: "Body", children: f() }),
             /* @__PURE__ */ u(W, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
               h,
               " ",
-              R()
+              v()
             ] })
           ] })
         ]
       }
     ) }),
-    i !== 0 && /* @__PURE__ */ e(x, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ u(
-      it,
+    a !== 0 && /* @__PURE__ */ e(x, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ u(
+      st,
       {
         sx: {
-          [`& .${at.root}:before`]: {
+          [`& .${ct.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -1232,17 +1232,17 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         },
         children: [
           /* @__PURE__ */ e(
-            pe,
+            me,
             {
               content: b(
                 t.spend_to_income_description,
-                de(s),
-                de(r)
+                pe(i),
+                pe(r)
               )
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            me,
             {
               content: b(
                 t.credit_score_description,
@@ -1256,45 +1256,45 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] }) });
-}, Et = I(Lt), Wt = ({ isOpen: n, onClose: o }) => {
-  const t = G(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChangeReports: r, augmentedChartData: a } = $();
+}, Wt = I(Et), Bt = ({ isOpen: n, onClose: o }) => {
+  const t = E(), { finstrong: a } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: i, healthScoreChangeReports: r, augmentedChartData: s } = $();
   if (!d || !l) return /* @__PURE__ */ e(N, {});
-  const c = ie(s.health_score || 0, i), p = r.slice().reverse();
+  const c = se(i.health_score || 0, a), p = r.slice().reverse();
   return /* @__PURE__ */ e(
-    Gt,
+    Lt,
     {
-      additionalContent: /* @__PURE__ */ e(g, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
-        be,
+      additionalContent: /* @__PURE__ */ e(_, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
+        xe,
         {
           axisColor: t.palette.divider,
           baseline: "min",
           colors: [t.palette.primary.main],
           curveType: "natural",
-          datasets: [a],
+          datasets: [s],
           height: 160,
-          labels: [i.key_indicators_label],
+          labels: [a.key_indicators_label],
           margin: { top: 12, left: 24 },
           showArea: !0,
           showAverage: !0,
-          title: i.peer_average,
+          title: a.peer_average,
           useCustomMark: !0
         }
       ) }),
-      drawerTitle: i.score_history,
+      drawerTitle: a.score_history,
       isOpen: n,
       loadConnectAccountsCard: !1,
       onClose: o,
       stickyComponent: /* @__PURE__ */ u(
-        g,
+        _,
         {
           direction: "row",
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
             /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
-              ve,
+              ke,
               {
                 arcRadius: 20,
-                healthScore: s?.health_score,
+                healthScore: i?.health_score,
                 size: "SM"
               }
             ) }),
@@ -1305,14 +1305,14 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           ]
         }
       ),
-      children: /* @__PURE__ */ e(g, { sx: { gap: 16 }, children: p.map((h, m) => /* @__PURE__ */ e(Et, { report: h }, m)) })
+      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: p.map((h, m) => /* @__PURE__ */ e(Wt, { report: h }, m)) })
     }
   );
-}, Bt = I(Wt), Ht = ({ onClick: n }) => {
+}, Ht = I(Bt), zt = ({ onClick: n }) => {
   const { finstrong: o } = S(), { isCopyLoaded: t } = z();
-  return t ? /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
+  return t ? /* @__PURE__ */ u(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(Ee, { size: 48 }),
-    /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
+    /* @__PURE__ */ u(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(H, { children: o.missing_data_title }),
       /* @__PURE__ */ e(y, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
@@ -1333,60 +1333,62 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] }) : /* @__PURE__ */ e(N, {});
-}, zt = I(Ht), $t = ({ onBackClick: n, sx: o }) => {
-  const t = G(), { visibleAccounts: i } = fe(), { dateRange: d, isDataLoaded: l, loadBudgetData: s, setTheme: r } = ye(), { reloadCategoryTotals: a } = Ke(), { augmentedChartData: c, calculateHealthScore: p, healthScore: h, loadAugmentedChartData: m } = $(), { finstrong: _, connect: R } = S(), { isCopyLoaded: T, isInitialized: v, selectedAccounts: L, setSelectedAccounts: E } = z(), { isMobile: K } = Ce(), [F, w] = C.useState(!1);
+}, $t = I(zt), Nt = ({ onBackClick: n, sx: o }) => {
+  const t = E(), { onLoad: a } = Ke(), { visibleAccounts: d } = ye(), { dateRange: l, isDataLoaded: i, loadBudgetData: r, setTheme: s } = be(), { reloadCategoryTotals: c } = Xe(), { augmentedChartData: p, calculateHealthScore: h, healthScore: m, loadAugmentedChartData: f } = $(), { finstrong: v, connect: T } = S(), { isCopyLoaded: R, isInitialized: w, selectedAccounts: L, setSelectedAccounts: K } = z(), { isMobile: P } = Se(), [G, k] = C.useState(!1);
   C.useEffect(() => {
-    r(t);
-  }, []), C.useEffect(() => E(i), [i]), C.useEffect(() => {
-    v && (p().finally(), m().finally());
-  }, [v]), C.useEffect(() => {
-    v && (a(L, d.start, d.end), l || s());
-  }, [d, l, v, L]);
-  const [O, k] = C.useState(!1), [P, U] = C.useState(!1);
-  if (!T || !v) return /* @__PURE__ */ e(N, {});
-  const Z = () => {
-  }, ee = () => k(!0);
+    s(t);
+  }, []), C.useEffect(() => K(d), [d]), C.useEffect(() => {
+    w && (h().finally(), f().finally(() => {
+      a?.("FinstrongWidget");
+    }));
+  }, [w]), C.useEffect(() => {
+    w && (c(L, l.start, l.end), i || r());
+  }, [l, i, w, L]);
+  const [O, F] = C.useState(!1), [Z, U] = C.useState(!1);
+  if (!R || !w) return /* @__PURE__ */ e(N, {});
+  const ee = () => {
+  }, te = () => F(!0);
   return /* @__PURE__ */ u(
-    mt,
+    ut,
     {
-      accountOptions: i,
+      accountOptions: d,
       actions: [
         {
           iconName: "person",
-          label: _.profile,
-          onClick: ee
+          label: v.profile,
+          onClick: te
         }
       ],
       hasDivider: !0,
-      onAccountsFilterClick: Z,
+      onAccountsFilterClick: ee,
       onBackClick: n,
       sx: o,
-      title: _.title,
+      title: v.title,
       children: [
         /* @__PURE__ */ u(
-          g,
+          _,
           {
             sx: {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: K ? 24 : 16,
+              pt: P ? 24 : 16,
               px: 24
             },
             children: [
-              /* @__PURE__ */ u(g, { sx: { gap: 24, width: { md: 432 } }, children: [
-                /* @__PURE__ */ e(St, {}),
+              /* @__PURE__ */ u(_, { sx: { gap: 24, width: { md: 432 } }, children: [
+                /* @__PURE__ */ e(vt, {}),
                 /* @__PURE__ */ e(
                   Q,
                   {
-                    description: _.connect_more_accounts_description,
-                    title: _.connect_more_accounts_title
+                    description: v.connect_more_accounts_description,
+                    title: v.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(g, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ u(J, { sx: { background: t.palette.background.paper, p: 16 }, children: [
-                /* @__PURE__ */ u(g, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(H, { children: _.key_indicators }),
+              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ u(J, { sx: { background: t.palette.background.paper, p: 16 }, children: [
+                /* @__PURE__ */ u(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ e(H, { children: v.key_indicators }),
                   /* @__PURE__ */ e(
                     q,
                     {
@@ -1396,65 +1398,65 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                         fontSize: 13
                       },
                       variant: "text",
-                      children: _.whats_changed
+                      children: v.whats_changed
                     }
                   )
                 ] }),
-                c.length ? /* @__PURE__ */ e(
-                  be,
+                p.length ? /* @__PURE__ */ e(
+                  xe,
                   {
                     axisColor: t.palette.divider,
                     baseline: "min",
                     colors: [t.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
-                    datasets: [c],
+                    datasets: [p],
                     height: 300,
                     isGraphClippingXAxis: !0,
                     labelBackgroundColor: t.palette.border.dark,
                     labelFontColor: t.palette.common.white,
                     labelFontSize: typeof t.typography.XSmall?.fontSize == "string" ? parseFloat(t.typography.XSmall.fontSize) : t.typography.XSmall?.fontSize,
-                    labels: [_.key_indicators_label],
+                    labels: [v.key_indicators_label],
                     margin: { right: 20, left: 25 },
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: _.peer_average,
+                    title: v.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e(zt, { onClick: () => w(!0) }),
-                h.health_score !== null && /* @__PURE__ */ e(Ft, {})
+                ) : /* @__PURE__ */ e($t, { onClick: () => k(!0) }),
+                m.health_score !== null && /* @__PURE__ */ e(Pt, {})
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e(Mt, { isOpen: O, onClose: () => k(!1) }),
+        /* @__PURE__ */ e(Tt, { isOpen: O, onClose: () => F(!1) }),
         /* @__PURE__ */ e(
-          xe,
+          Ce,
           {
-            onClose: () => w(!1),
-            showConnectWidget: F,
-            title: R.mini_title
+            onClose: () => k(!1),
+            showConnectWidget: G,
+            title: T.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          Bt,
+          Ht,
           {
-            isOpen: P,
+            isOpen: Z,
             onClose: () => U(!1)
           }
         )
       ]
     }
   );
-}, Ho = I($t);
+}, zo = I(Nt);
 export {
-  Bo as CreditScoreGraph,
-  Se as DialScoreCard,
-  ve as FinancialStrengthGraph,
-  No as FinstrongApi,
-  Ko as FinstrongStore,
-  Ho as FinstrongWidget
+  Ho as CreditScoreGraph,
+  ve as DialScoreCard,
+  ke as FinancialStrengthGraph,
+  Ko as FinstrongApi,
+  Xo as FinstrongStore,
+  zo as FinstrongWidget
 };