@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.mega2

package/dist/finstrong/index.es.js

@@ -1,88 +1,89 @@
-import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as E, jsx as e } from "react/jsx-runtime";
 import k from "@mui/material/Box";
 import p from "@mui/material/Stack";
-import { useTheme as G, alpha as be } from "@mui/material/styles";
-import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
-import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as Z, CreditCard as He, MultilineChart as _t, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { P as M, H3 as V, Text as I, InstitutionLogo as ut, H2 as Le, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
-import { g as fn, a as xn, r as et, b as Cn, c as Ne, d as mt, C as ke, e as Me, f as Sn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BGf36b0z.mjs";
-import { y as xi, F as Ci } from "../FinstrongStore-BGf36b0z.mjs";
+import { useTheme as G, alpha as fe } from "@mui/material/styles";
+import { PieChart as on } from "@mui/x-charts/PieChart";
+import { P as M, H3 as K, Text as I, InstitutionLogo as lt, H2 as Le, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
+import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as J, MultilineChart as _t, CreditCard as He, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
+import { g as yn, a as bn, r as et, b as fn, c as Ne, d as ut, C as we, e as ke, f as xn, h as Sn, i as Cn, j as mt, k as tt, l as vn, m as nt, n as wn, o as gt, p as kn, q as yt, s as Oe, t as bt, u as Mn, v as ft, w as Dn, A as ne, x as In, P as An } from "../FinstrongStore-BIrX0Xg2.mjs";
+import { y as fi, F as xi } from "../FinstrongStore-BIrX0Xg2.mjs";
 import * as ot from "d3";
 import { observer as v } from "mobx-react-lite";
-import { u as x, b as q, a as je, p as J, z as L, q as Fn, d as xe, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn, n as Bn } from "../hooks-C41HAxM5.mjs";
-import { L as ee } from "../Loader-Ckqi9Rx6.mjs";
+import { u as S, b as q, a as je, o as ee, z as F, p as Tn, d as Se, m as Ke, f as On, j as Ve, h as Rn, i as Fn } from "../hooks-ZMp65DFz.mjs";
+import { L as te } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import B from "@mui/material/Button";
-import Y from "@mui/material/Card";
-import { L as Ye } from "../LineChart-C1PxNf7P.mjs";
-import { C as Ct } from "../ConnectionsDrawer-Dsc04-4Z.mjs";
-import { l as re, g as St, A as Ge } from "../ConnectDrawer-DVp54lUH.mjs";
+import P from "@mui/material/Button";
+import V from "@mui/material/Card";
+import { L as Ye } from "../LineChart-BF4QA-Lx.mjs";
+import { C as xt } from "../ConnectionsDrawer-VmuVFHbL.mjs";
+import { l as re, g as St, A as Ee } from "../ConnectDrawer-BkvlItWx.mjs";
 import se from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
-import Fe from "@mui/material/TextField";
-import { D as Wn, f as $n, a as zn } from "../Dialog-CDV0kKxj.mjs";
-import { u as qe } from "../useScreenSize-B5afALev.mjs";
-import { u as vt } from "../useDimensions-27p2evRx.mjs";
-import Gn from "@mui/material/Chip";
-import { D as oe } from "../Drawer-BF40nbsH.mjs";
+import Re from "@mui/material/TextField";
+import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Ln, f as Bn, a as Pn } from "../Dialog-BPTr3qHE.mjs";
+import { u as Ct } from "../useDimensions-27p2evRx.mjs";
+import Wn from "@mui/material/Chip";
+import { D as oe } from "../Drawer-By9V-B5L.mjs";
 import le from "@mui/material/Divider";
-import ge from "@mui/material/ListItem";
-import wt from "@mui/material/ListItemAvatar";
-import ye from "@mui/material/ListItemText";
-import { g as kt } from "../AccountFields-Cl4KHoSj.mjs";
-import Ee from "@mui/material/List";
-import En from "@mui/material/ListItemButton";
-import Hn from "@mui/material/ListSubheader";
-import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
-import { b as K } from "../Localization-2MODESHW.mjs";
-import { S as rt, F as Mt, e as Nn, R as Dt } from "../RecurringTransactions-CxcSL1dY.mjs";
-import { S as jn } from "../StatusBar-CPfSXe80.mjs";
-import { h as It } from "../DateUtil-CDPZw_-m.mjs";
-import { T as Kn, s as Vn, h as Yn, S as Xn, c as qn } from "../TransactionDetails-Bn0qY5Hw.mjs";
-import { T as ce } from "../TabContentContainer-CnMXkVqr.mjs";
-import { E as Re } from "../EmptyState-DoxNUae-.mjs";
-import Un from "@mui/material/useMediaQuery";
-import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
-import { ResponsiveChartContainer as Jn } from "@mui/x-charts/ResponsiveChartContainer";
-import { useSpring as eo, animated as at } from "@react-spring/web";
-import { startOfMonth as At } from "date-fns/startOfMonth";
-import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as to, S as no, b as oo } from "../SpendingLegend-6FqtMcBV.mjs";
-import { formatISO as ro } from "date-fns/formatISO";
-import { fromUnixTime as ao } from "date-fns/fromUnixTime";
-import { startOfToday as it } from "date-fns/startOfToday";
-import { subDays as io } from "date-fns/subDays";
-import { c as so, d as st, S as co, i as lo } from "../ManageIncome-8EsStyIQ.mjs";
-import { LocalizationProvider as po, DatePicker as _o, StaticDatePicker as ho } from "@mui/x-date-pickers";
-import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-DAncu--R.mjs";
-import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
-import { format as go } from "date-fns/format";
-import yo from "@mui/lab/Timeline";
-import bo, { timelineItemClasses as fo } from "@mui/lab/TimelineItem";
-import xo from "@mui/lab/TimelineConnector";
-import Co from "@mui/lab/TimelineContent";
-import So from "@mui/lab/TimelineDot";
-import vo from "@mui/lab/TimelineSeparator";
-import wo from "@mui/material/Accordion";
-import ko from "@mui/material/AccordionDetails";
-import Mo from "@mui/material/AccordionSummary";
-import Do from "@mui/material/CardHeader";
-import { W as Io } from "../WidgetContainer-CDh9fjpR.mjs";
-const Ao = ({
+import ye from "@mui/material/ListItem";
+import vt from "@mui/material/ListItemAvatar";
+import be from "@mui/material/ListItemText";
+import { g as wt } from "../AccountFields-zCMqet85.mjs";
+import Ge from "@mui/material/List";
+import $n from "@mui/material/ListItemButton";
+import zn from "@mui/material/ListSubheader";
+import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
+import { b as j } from "../Localization-2MODESHW.mjs";
+import { S as rt, F as kt, e as En, R as Mt } from "../RecurringTransactions-BqijW_8S.mjs";
+import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as Dt } from "../DateUtil-CBdcsyuk.mjs";
+import { T as Hn, s as Nn, h as jn, S as Kn, c as Vn } from "../TransactionDetails-m5PddMQn.mjs";
+import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
+import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
+import Yn from "@mui/material/useMediaQuery";
+import { BarPlot as Xn } from "@mui/x-charts/BarChart";
+import { ChartContainer as qn } from "@mui/x-charts/ChartContainer";
+import { ChartsXAxis as Un } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as Qn } from "@mui/x-charts/ChartsYAxis";
+import { startOfMonth as It } from "date-fns/startOfMonth";
+import { endOfMonth as At } from "date-fns/endOfMonth";
+import { g as Zn, S as Jn, b as eo } from "../SpendingLegend-CDO060GT.mjs";
+import { formatISO as to } from "date-fns/formatISO";
+import { fromUnixTime as no } from "date-fns/fromUnixTime";
+import { startOfToday as at } from "date-fns/startOfToday";
+import { subDays as oo } from "date-fns/subDays";
+import { c as ro, d as it, S as ao, i as io } from "../ManageIncome-CaoQl609.mjs";
+import { LocalizationProvider as so, DatePicker as co, StaticDatePicker as lo } from "@mui/x-date-pickers";
+import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as po } from "../RecurringSettings-B4ybrS0B.mjs";
+import { LocalizationProvider as _o } from "@mui/x-date-pickers/LocalizationProvider";
+import { format as ho } from "date-fns/format";
+import uo from "@mui/lab/Timeline";
+import mo, { timelineItemClasses as go } from "@mui/lab/TimelineItem";
+import yo from "@mui/lab/TimelineConnector";
+import bo from "@mui/lab/TimelineContent";
+import fo from "@mui/lab/TimelineDot";
+import xo from "@mui/lab/TimelineSeparator";
+import So from "@mui/material/Accordion";
+import Co from "@mui/material/AccordionDetails";
+import vo from "@mui/material/AccordionSummary";
+import wo from "@mui/material/CardHeader";
+import { u as ko } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { W as Mo } from "../WidgetContainer-CoFDmQRE.mjs";
+const Do = ({
   dialScoreData: t,
   dataIndex: o,
   arcColor: n,
   arcStartAngle: r,
   totalAngularSpan: s,
   centerX: i,
-  centerY: c,
-  arcRadius: l,
+  centerY: l,
+  arcRadius: c,
   innerArcRadius: _,
   outterArcRadius: d,
-  progressEndAngle: u,
-  unitsPerSegment: h,
+  progressEndAngle: h,
+  unitsPerSegment: u,
   isFinacialStrengthGraph: y
 }) => {
   const f = G(), w = [
@@ -90,19 +91,19 @@ const Ao = ({
     { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
-  ], [C, D] = fn(
+  ], [x, D] = yn(
     t,
     s,
     r,
     o
-  ), [S, g] = xn(
-    C,
+  ), [C, g] = bn(
+    x,
     D,
     o,
-    h,
-    u
-  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(g).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ a(z, { children: [
+    u,
+    h
+  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(x).endAngle(D).padAngle(0.02).cornerRadius(8), L = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "path",
       {
@@ -110,95 +111,93 @@ const Ao = ({
         fill: y ? f.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: P({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: L({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
-        gradientTransform: `rotate(5, ${i}, ${c})`,
+        gradientTransform: `rotate(5, ${i}, ${l})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
-        x1: i + l * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: i - l * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: c + l * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: c - l * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((F, U) => /* @__PURE__ */ e("stop", { offset: F.offset, stopColor: F.color }, U))
+        x1: i + c * 0.8 * Math.cos(Math.PI / 1.35),
+        x2: i - c * 0.8 * Math.cos(Math.PI / 1.35),
+        y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
+        children: w.map((B, U) => /* @__PURE__ */ e("stop", { offset: B.offset, stopColor: B.color }, U))
       }
     ) })
   ] });
-}, Ft = ({
+}, Ot = ({
   arcRadius: t = 100,
   healthScore: o,
   size: n = "L",
   dialScoreData: r,
   minValue: s = 0,
   maxValue: i = 100,
-  margin: c,
-  markerColor: l,
+  margin: l,
+  markerColor: c,
   healthScoreStatus: _,
   footerCenterContent: d,
-  footerLeftContent: u,
-  footerRightContent: h,
+  footerLeftContent: h,
+  footerRightContent: u,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = G(), w = -Math.PI / 1.35, C = Math.PI / 1.35, D = C - w, S = D / (i - s), g = (o - s) * S, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Se = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = Cn(pe, b, Se), ve = o / 25, H = {
+  const f = G(), w = -Math.PI / 1.35, x = Math.PI / 1.35, D = x - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, L = n !== "SM" ? 0.1 : 0.12, B = t, U = t * (1 - L), T = B * 2, $ = T / 2, z = T / 2, pe = (U + B) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, Y] = fn(pe, b, ve), _e = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, we = {
+  }, he = {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...c
-  }, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4, he = H[n].markerSize * 2 + _e;
+    ...l
+  }, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, De = ae * 4, ue = H[n].markerSize * 2 + De;
   return /* @__PURE__ */ a(
     p,
     {
       sx: {
-        width: W,
-        height: n === "SM" ? W - 7 : W,
+        width: T,
+        height: n === "SM" ? T - 7 : T,
         position: "relative",
         alignSelf: "center",
         overflow: "visible"
       },
       children: [
         /* @__PURE__ */ e(
-          rn,
+          on,
           {
-            height: n === "SM" ? W - 7 : W,
-            margin: we,
+            height: n === "SM" ? T - 7 : T,
+            hideLegend: !0,
+            margin: he,
             series: [
               {
                 data: r,
                 innerRadius: U,
-                outerRadius: F,
+                outerRadius: B,
                 startAngle: Math.round(et(w)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(et(C))
+                endAngle: Math.round(et(x))
                 // Use Math.degrees to convert
               }
             ],
             skipAnimation: !0,
-            slotProps: {
-              legend: { hidden: !0 }
-            },
             slots: {
               pieArc: (X) => /* @__PURE__ */ e(
-                Ao,
+                Do,
                 {
                   arcColor: X.color,
                   arcRadius: t,
                   arcStartAngle: w,
-                  centerX: O,
-                  centerY: E,
+                  centerX: $,
+                  centerY: z,
                   dataIndex: X.dataIndex,
                   dialScoreData: r,
                   innerArcRadius: U,
                   isFinacialStrengthGraph: y,
-                  outterArcRadius: F,
+                  outterArcRadius: B,
                   progressEndAngle: b,
                   totalAngularSpan: D,
-                  unitsPerSegment: ve
+                  unitsPerSegment: _e
                 }
               )
             },
@@ -207,29 +206,29 @@ const Ao = ({
                 stroke: "none"
               }
             },
-            width: W
+            width: T
           }
         ),
         o >= s && o <= i && /* @__PURE__ */ e(
           "svg",
           {
-            height: he,
+            height: ue,
             style: {
               position: "absolute",
-              left: O + te - H[n].markerSize - 5,
-              top: E + j - H[n].markerSize - 5,
+              left: $ + Q - H[n].markerSize - 5,
+              top: z + Y - H[n].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${O + te - H[n].markerSize - 5} ${E + j - H[n].markerSize - 5} ${he} ${he}`,
-            width: he,
+            viewBox: `${$ + Q - H[n].markerSize - 5} ${z + Y - H[n].markerSize - 5} ${ue} ${ue}`,
+            width: ue,
             children: /* @__PURE__ */ e(
               "circle",
               {
-                cx: O + te,
-                cy: E + j,
+                cx: $ + Q,
+                cy: z + Y,
                 fill: f.palette.common.white,
                 r: H[n].markerSize,
-                stroke: y ? "url(#arcGradient)" : l,
+                stroke: y ? "url(#arcGradient)" : c,
                 strokeWidth: ae
               }
             )
@@ -240,8 +239,8 @@ const Ao = ({
           {
             sx: {
               position: "absolute",
-              top: `${E}px`,
-              left: `${O}px`,
+              top: `${z}px`,
+              left: `${$}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -258,7 +257,7 @@ const Ao = ({
                         fontSize: H[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
-                      variant: "h1",
+                      variant: "H1",
                       children: o
                     }
                   ),
@@ -273,8 +272,8 @@ const Ao = ({
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${O}px`,
+              top: `${z * 2 * 0.83}px`,
+              left: `${$}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -297,7 +296,7 @@ const Ao = ({
                         color: d > 0 ? "success.main" : "text.secondary"
                       },
                       variant: "body1",
-                      children: d
+                      children: Math.abs(d)
                     }
                   )
                 ]
@@ -305,31 +304,31 @@ const Ao = ({
             ) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: d })
           }
         ),
-        u !== void 0 && /* @__PURE__ */ e(
+        h !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${O - O / 2}px`,
+              top: `${z * 2 * 0.83}px`,
+              left: `${$ - $ / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
           }
         ),
-        h !== void 0 && /* @__PURE__ */ e(
+        u !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${O + O / 2}px`,
+              top: `${z * 2 * 0.83}px`,
+              left: `${$ + $ / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
           }
         )
       ]
@@ -348,22 +347,22 @@ const Ao = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: c } = x(), l = Ne(n, c);
+    ], { finstrong: l } = S(), c = Ne(n, l);
     return /* @__PURE__ */ e(
-      Ft,
+      Ot,
       {
         arcRadius: t,
         dialScoreData: i,
-        footerCenterContent: o === "L" ? c.footer_center_content_updated_just_now : r,
+        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : r,
         healthScore: n,
-        healthScoreStatus: l.status,
+        healthScoreStatus: c.status,
         isFinacialStrengthGraph: !0,
         margin: s,
         size: o
       }
     );
   }
-), To = v(
+), Io = v(
   ({
     arcRadius: t,
     size: o = "L",
@@ -372,46 +371,46 @@ const Ao = ({
     minValue: s = 300,
     footerCenterContent: i
   }) => {
-    const l = G().palette.mode === "dark", _ = [
+    const c = G().palette.mode === "dark", _ = [
       {
         id: 1,
         label: "Poor",
         value: 29,
-        color: l ? ke.POOR : Me.POOR
+        color: c ? we.POOR : ke.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: l ? ke.FAIR : Me.FAIR
+        color: c ? we.FAIR : ke.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: l ? ke.GOOD : Me.GOOD
+        color: c ? we.GOOD : ke.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: l ? ke.VERY_GOOD : Me.VERY_GOOD
+        color: c ? we.VERY_GOOD : ke.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: l ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
+        color: c ? we.EXCEPTIONAL : ke.EXCEPTIONAL
       }
-    ], { finstrong: d } = x(), { isCopyLoaded: u } = q();
-    if (!u) return /* @__PURE__ */ e(ee, {});
-    const { status: h, color: y = "none" } = mt(
+    ], { finstrong: d } = S(), { isCopyLoaded: h } = q();
+    if (!h) return /* @__PURE__ */ e(te, {});
+    const { status: u, color: y = "none" } = ut(
       n,
-      l,
+      c,
       d.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Ft,
+      Ot,
       {
         arcRadius: t,
         dialScoreData: _,
@@ -419,7 +418,7 @@ const Ao = ({
         footerLeftContent: s,
         footerRightContent: r,
         healthScore: n,
-        healthScoreStatus: h,
+        healthScoreStatus: u,
         markerColor: y,
         maxValue: r,
         minValue: s,
@@ -427,26 +426,26 @@ const Ao = ({
       }
     );
   }
-), Pe = ({
+), Be = ({
   drawerType: t,
   isDashboard: o = !1,
   hasIcon: n = !0,
   buttonText: r,
   title: s,
   titleDrawer: i,
-  description: c,
-  sx: l
+  description: l,
+  sx: c
 }) => {
-  const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = je();
+  const [_, d] = m.useState(!1), { connect: h, finstrong: u } = S(), { config: y } = je();
   return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
-    Y,
+    V,
     {
       sx: {
         pb: 24,
         pt: 18,
         px: 24,
         width: "100%",
-        ...l
+        ...c
       },
       children: [
         /* @__PURE__ */ a(
@@ -458,7 +457,7 @@ const Ao = ({
             },
             children: [
               n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(V, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
+              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || u.connect_more_accounts_title })
             ]
           }
         ),
@@ -468,17 +467,17 @@ const Ao = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: c || h.connect_more_accounts_description
+            children: l || u.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          P,
           {
-            endIcon: /* @__PURE__ */ e(Z, {}),
+            endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => d(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || u.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
@@ -486,15 +485,15 @@ const Ao = ({
           {
             onClose: () => d(!1),
             showConnectWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          Ct,
+          xt,
           {
             onClose: () => d(!1),
             showConnectionsWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         )
       ]
@@ -502,21 +501,21 @@ const Ao = ({
   ) : null;
 };
 var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
-const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } = J(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
-    o(), setTimeout(() => _(c.credit_score || 0), 300);
-  }, h = () => {
-    !l || l === c.credit_score || i({ ...c, credit_score: l });
+const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", To = ({ isOpen: t, onClose: o }) => {
+  const { common: n, finstrong: r } = S(), { isMobile: s } = qe(), { updateUser: i, user: l } = ee(), [c, _] = m.useState(l.credit_score || 0), d = !isNaN(c), h = () => {
+    o(), setTimeout(() => _(l.credit_score || 0), 300);
+  }, u = () => {
+    !c || c === l.credit_score || i({ ...l, credit_score: c });
   };
   return /* @__PURE__ */ e(
-    Wn,
+    Ln,
     {
       copy: { close_aria: n.close_aria, title: r.edit_credit_score },
-      disablePrimaryButton: !l || !d,
+      disablePrimaryButton: !c || !d,
       isOpen: t,
       maxWidth: "xs",
-      onClose: u,
-      onPrimaryAction: h,
+      onClose: h,
+      onPrimaryAction: u,
       primaryColor: "primary",
       primaryText: n.save_button,
       sx: {
@@ -528,10 +527,10 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         "form",
         {
           onSubmit: (y) => {
-            y.preventDefault(), h(), u();
+            y.preventDefault(), u(), h();
           },
           children: /* @__PURE__ */ e(
-            Fe,
+            Re,
             {
               error: !d,
               fullWidth: !0,
@@ -541,18 +540,18 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
                 pattern: "[0-9]*"
               },
               onChange: (y) => _(Number(y.target.value)),
-              value: d ? l : ""
+              value: d ? c : ""
             }
           )
         }
       )
     }
   );
-}, Lt = v(Fo), ze = {
+}, Ft = v(To), ze = {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
-}, Ro = ({ chartFor: t }) => {
-  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = J(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
+}, Oo = ({ chartFor: t }) => {
+  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = ee(), { finstrong: i } = S(), [l, { width: c }] = Ct(), _ = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
       title: i.key_indicators_save.zero_state_title,
@@ -568,7 +567,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       description: ze.credit_over_time_zero_state_desc
     }
-  }[t], u = {
+  }[t], h = {
     savingsOverTime: {
       title: i.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
@@ -581,41 +580,41 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], h = Sn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), C = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: S } = C(), g = u.title, b = t === "creditOverTime";
-  let P;
+  }[t], u = xn(r, h.valueKey), y = r.map((B) => B[h.valueKey]), f = Math.max(...y), w = Math.min(...y), x = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : f >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -37 }, { formatter: D, leftMargin: C } = x(), g = h.title, b = t === "creditOverTime";
+  let L;
   if (b) {
-    const { color: F } = mt(
+    const { color: B } = ut(
       s?.credit_score ?? 0,
       n,
       i.credit_score_status
     );
-    P = F;
+    L = B;
   }
-  return /* @__PURE__ */ e(Y, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: u.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
       Ye,
       {
-        areaColor: P,
+        areaColor: L,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
         curveType: b ? "linear" : "natural",
-        datasets: h ? [h] : [],
+        datasets: u ? [u] : [],
         height: 244,
         labelFontColor: b ? "text.primary" : "",
         labelFontSize: b ? 13 : void 0,
         labels: [i.key_indicators_label],
-        margin: { left: S, top: b ? 25 : 15, right: 20 },
-        markStyles: (F) => b ? {
+        margin: { left: C, top: b ? 25 : 15, right: 20 },
+        markStyles: (B) => b ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: F === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: B === u.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
             fill: o.palette.text.primary
           },
-          stroke: P
+          stroke: L
         } : {},
         maxRange: b ? 850 : void 0,
         minRange: (() => {
@@ -631,7 +630,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         showYAxisTicks: b,
         useCustomMark: !0,
         valueFormatterString: b ? void 0 : D,
-        width: l < 342 ? l - 48 : 342
+        width: c < 342 ? c - 48 : 342
       }
     )
   ] }) : /* @__PURE__ */ a(p, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
@@ -639,33 +638,33 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
   ] }) });
-}, Ue = v(Ro), Lo = () => {
-  const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = Fn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
+}, Ue = v(Oo), Ro = () => {
+  const { healthScoreChangeReports: t } = F(), { finstrong: o } = S(), { user: n } = ee(), { availableWidth: r } = Tn(), { isSmallMobile: s } = qe(r), [i, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
-        To,
+        Io,
         {
           arcRadius: s ? 124 : 154,
-          footerCenterContent: t,
+          footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
           healthScore: n.credit_score ?? 0,
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(P, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ue, { chartFor: "creditOverTime" })
     ] }),
-    /* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => c(!1) })
+    /* @__PURE__ */ e(Ft, { isOpen: i, onClose: () => l(!1) })
   ] });
-}, Po = v(Lo), Be = ({ status: t }) => {
-  const { finstrong: o } = x(), n = vn(wn[t]), r = {
+}, Fo = v(Ro), Pe = ({ status: t }) => {
+  const { finstrong: o } = S(), n = Sn(Cn[t]), r = {
     GOOD: o.key_indicators_good,
     FAIR: o.key_indicators_fair,
     OFF_TRACK: o.key_indicators_off_track,
     MISSING: o.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    Gn,
+    Wn,
     {
       label: /* @__PURE__ */ e(
         M,
@@ -685,29 +684,29 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       variant: "filled"
     }
   );
-}, Bo = () => {
-  const { finstrong: t } = x(), { user: o } = J(), n = gt(o.credit_score ?? null);
+}, Lo = () => {
+  const { finstrong: t } = S(), { user: o } = ee(), n = mt(o.credit_score ?? null);
   return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(V, { children: t.credit_score_keep_strong_credit_score }),
-    /* @__PURE__ */ e(Be, { status: n })
+    /* @__PURE__ */ e(K, { children: t.credit_score_keep_strong_credit_score }),
+    /* @__PURE__ */ e(Pe, { status: n })
   ] });
-}, Wo = v(Bo), $o = ({
+}, Bo = v(Lo), Po = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
   children: r,
   description: s,
   drawerTitle: i,
-  isOpen: c,
-  loadConnectAccountsCard: l = !0,
+  isOpen: l,
+  loadConnectAccountsCard: c = !0,
   onClose: _,
   stickyComponent: d,
-  title: u,
-  drawerType: h
+  title: h,
+  drawerType: u
 }) => {
-  const { finstrong: y } = x(), { isCopyLoaded: f } = q();
-  return f ? /* @__PURE__ */ e(oe, { isOpen: c, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    (u || s) && /* @__PURE__ */ a(
+  const { finstrong: y } = S(), { isCopyLoaded: f } = q();
+  return f ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    (h || s) && /* @__PURE__ */ a(
       p,
       {
         sx: {
@@ -716,7 +715,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           p: 24
         },
         children: [
-          u && typeof u == "string" ? /* @__PURE__ */ e(V, { children: u }) : u,
+          h && typeof h == "string" ? /* @__PURE__ */ e(K, { children: h }) : h,
           s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
         ]
       }
@@ -735,66 +734,66 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     t && /* @__PURE__ */ e(k, { children: t }),
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
       r,
-      l && /* @__PURE__ */ e(
-        Pe,
+      c && /* @__PURE__ */ e(
+        Be,
         {
           description: n,
-          drawerType: h,
+          drawerType: u,
           isDashboard: !0,
           sx: { backgroundColor: "background.paper" },
           title: o
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(ee, {});
-}, Pt = v($o), zo = ({
+  ] }) }) : /* @__PURE__ */ e(te, {});
+}, Lt = v(Po), Wo = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), c = m.useCallback(
+  const { config: r } = je(), { accounts: s } = S(), { selectedAccounts: i } = q(), l = m.useCallback(
     (_) => {
       t?.(_);
     },
     [t]
-  ), l = m.useMemo(
+  ), c = m.useMemo(
     () => Array.from(new Set(i.map((_) => _.account_type))).filter(
       (_) => n ? n.includes(_) : !0
     ),
     [i, n]
   );
-  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: l.map((_) => {
-    const { accountsForType: d, totalBalanceForType: u } = i.reduce(
-      (h, y) => (y.account_type === _ && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
+  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((_) => {
+    const { accountsForType: d, totalBalanceForType: h } = i.reduce(
+      (u, y) => (y.account_type === _ && (u.accountsForType.push(y), u.totalBalanceForType += y.balance || 0), u),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ a(
-      Ee,
+      Ge,
       {
-        subheader: /* @__PURE__ */ e(Hn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+        subheader: /* @__PURE__ */ e(zn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
-          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
+          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          d.map((h, y) => {
-            const { firstValue: f } = kt(h, s), w = St(h, {
+          d.map((u, y) => {
+            const { firstValue: f } = wt(u, s), w = St(u, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), C = /* @__PURE__ */ a(z, { children: [
-              /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
+            }), x = /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                ye,
+                be,
                 {
-                  primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
+                  primary: `${w}${u.account_number ? ` *${u.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
+              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(En, { onClick: () => c(h), children: C }) : C }),
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e($n, { onClick: () => l(u), children: x }) : x }),
               y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-            ] }, h.guid);
+            ] }, u.guid);
           }),
           /* @__PURE__ */ e(le, {})
         ]
@@ -802,39 +801,39 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       _
     );
   }) }) : null;
-}, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = G(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
-    () => l.filter(
-      (C) => t ? t.includes(C.account_type) : !0
+}, Bt = v(Wo), $o = ({ loadAccounts: t, loadMoreLabel: o }) => {
+  const n = G(), { config: r } = je(), { connect: s, finstrong: i } = S(), { accounts: l } = S(), { selectedAccounts: c } = q(), [_, d] = m.useState(!1), [h, u] = m.useState(!1), y = m.useMemo(
+    () => c.filter(
+      (x) => t ? t.includes(x.account_type) : !0
     ),
-    [l, t]
-  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (C) => {
-    const { firstValue: D } = kt(C, c);
+    [c, t]
+  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (x) => {
+    const { firstValue: D } = wt(x, l);
     return D;
   };
-  return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((C, D) => /* @__PURE__ */ a(m.Fragment, { children: [
-      /* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: C.institution_guid ?? "" }) }),
+  return y.length >= 1 ? /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((x, D) => /* @__PURE__ */ a(m.Fragment, { children: [
+      /* @__PURE__ */ a(ye, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: x.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
-            primary: `${St(C, {
+            primary: `${St(x, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
-              ${C.account_number ? ` *${C.account_number}` : ""}`,
+              ${x.account_number ? ` *${x.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(C), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(w(x), "0,0.00") })
       ] }),
       D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-    ] }, C.guid)) }),
-    y.length > 3 && /* @__PURE__ */ a(z, { children: [
+    ] }, x.guid)) }),
+    y.length > 3 && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => d(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
@@ -847,11 +846,11 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ) }),
       /* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
     ] })
-  ] }) : /* @__PURE__ */ a(z, { children: [
+  ] }) : /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
-        onClick: () => h(!0),
+        onClick: () => u(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
@@ -861,13 +860,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(
       re,
       {
-        onClose: () => h(!1),
-        showConnectWidget: u,
+        onClose: () => u(!1),
+        showConnectWidget: h,
         title: s.mini_title
       }
     )
   ] });
-}, Wt = v(Go), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, Pt = v($o), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   p,
   {
     sx: {
@@ -880,58 +879,58 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: $(t, "0,0.00") }) : t,
+      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: W(t, "0,0.00") }) : t,
       /* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
     ]
   }
 );
-var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Q || {});
-const Eo = ({ total: t }) => {
-  const { finstrong: o } = x(), n = [
-    { id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
-    { id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
-    { id: Q.Weekly, label: o.maintain_emergency_savings_weekly },
-    { id: Q.Daily, label: o.maintain_emergency_savings_daily }
+var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), Me = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Me || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
+const zo = ({ total: t }) => {
+  const { finstrong: o } = S(), n = [
+    { id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
+    { id: Z.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
+    { id: Z.Weekly, label: o.maintain_emergency_savings_weekly },
+    { id: Z.Daily, label: o.maintain_emergency_savings_daily }
   ], r = {
-    [Q.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
-    [Q.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
-    [Q.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
-    [Q.Daily]: o.maintain_emergency_savings_estimated_period_daily
+    [Z.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
+    [Z.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
+    [Z.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
+    [Z.Daily]: o.maintain_emergency_savings_estimated_period_daily
   }, s = [
-    { id: De.Months, label: o.maintain_emergency_savings_months },
-    { id: De.Years, label: o.maintain_emergency_savings_years },
-    { id: De.Days, label: o.maintain_emergency_savings_days }
-  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
+    { id: Me.Months, label: o.maintain_emergency_savings_months },
+    { id: Me.Years, label: o.maintain_emergency_savings_years },
+    { id: Me.Days, label: o.maintain_emergency_savings_days }
+  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [_, d] = m.useState(tt(t)), [h, u] = m.useState(
     tt(t)
-  ), [y, f] = m.useState(i), [w, C] = m.useState(kn(t)), [D, S] = m.useState(De.Months);
+  ), [y, f] = m.useState(i), [w, x] = m.useState(vn(t)), [D, C] = m.useState(Me.Months);
   m.useEffect(() => {
-    l(
+    c(
       nt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
         goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   }, []);
   const g = (b) => {
-    b.preventDefault(), l(
+    b.preventDefault(), c(
       nt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
         goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   };
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
       {
         balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(I, { variant: "h2", children: $(c, "0,0") }),
+          /* @__PURE__ */ e(I, { variant: "h2", children: W(l, "0,0") }),
           /* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             r[_]
@@ -941,12 +940,12 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Fe,
+      Re,
       {
         "aria-label": o.maintain_emergency_savings_savings_goal,
-        helperText: K(
+        helperText: j(
           o.maintain_emergency_savings_suggested_goal,
-          $(i, "0,0")
+          W(i, "0,0")
         ),
         inputProps: {
           noValidate: !0,
@@ -956,22 +955,22 @@ const Eo = ({ total: t }) => {
         onChange: (b) => {
           b.target.value && f(Number(b.target.value.replace(/[^0-9]/g, "")));
         },
-        value: y ? $(y, "0,0") : ""
+        value: y ? W(y, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
       rt,
       {
         label: o.maintain_emergency_savings_how_often_contribute,
-        onChange: h,
+        onChange: u,
         options: n,
         required: !0,
-        value: u
+        value: h
       }
     ),
     /* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
-        Fe,
+        Re,
         {
           "aria-label": o.maintain_emergency_savings_meet_your_goal_within,
           fullWidth: !0,
@@ -981,7 +980,7 @@ const Eo = ({ total: t }) => {
           },
           label: o.maintain_emergency_savings_meet_your_goal_within,
           onChange: (b) => {
-            isNaN(Number(b.target.value)) || C(Number(b.target.value));
+            isNaN(Number(b.target.value)) || x(Number(b.target.value));
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -1007,29 +1006,29 @@ const Eo = ({ total: t }) => {
               }
             }
           },
-          children: /* @__PURE__ */ e(rt, { label: "", onChange: S, options: s, value: D })
+          children: /* @__PURE__ */ e(rt, { label: "", onChange: C, options: s, value: D })
         }
       )
     ] }),
-    /* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
-}, Ho = v(Eo), No = () => {
-  const { savingsAccounts: t } = xe(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
-    () => t.reduce((i, c) => i + (c.balance ?? 0), 0),
+}, Eo = v(zo), Go = () => {
+  const { savingsAccounts: t } = Se(), { finstrong: o } = S(), [n, r] = m.useState(!1), s = m.useMemo(
+    () => t.reduce((i, l) => i + (l.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
-        Wt,
+        Pt,
         {
-          loadAccounts: [Ge.SAVINGS],
+          loadAccounts: [Ee.SAVINGS],
           loadMoreLabel: o.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(P, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
     ] }) }),
-    /* @__PURE__ */ e(Ho, { total: s }),
+    /* @__PURE__ */ e(Eo, { total: s }),
     /* @__PURE__ */ e(
       re,
       {
@@ -1039,7 +1038,7 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, jo = v(No), We = v(
+}, Ho = v(Go), We = v(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
     const i = {
       GOOD: {
@@ -1054,12 +1053,12 @@ const Eo = ({ total: t }) => {
       MISSING: {
         progressBarColor: "text.secondary"
       }
-    }[n], c = s.map((l, _) => s.length === 2 ? {
-      color: _ === 0 ? "primary.main" : l.color || i?.progressBarColor,
-      percentage: l.percentage
+    }[n], l = s.map((c, _) => s.length === 2 ? {
+      color: _ === 0 ? "primary.main" : c.color || i?.progressBarColor,
+      percentage: c.percentage
     } : {
-      color: l.color || i?.progressBarColor,
-      percentage: l.percentage
+      color: c.color || i?.progressBarColor,
+      percentage: c.percentage
     });
     return /* @__PURE__ */ a(
       p,
@@ -1086,27 +1085,27 @@ const Eo = ({ total: t }) => {
                 },
                 children: [
                   /* @__PURE__ */ e(Le, { children: o }),
-                  /* @__PURE__ */ e(Be, { status: n })
+                  /* @__PURE__ */ e(Pe, { status: n })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ a(p, { children: [
-            /* @__PURE__ */ e(jn, { data: c, height: 16 }),
+            /* @__PURE__ */ e(Gn, { data: l, height: 16 }),
             r
           ] })
         ]
       }
     );
   }
-), Ko = {
+), No = {
   sticky_label: "You have saved"
-}, Vo = ["$0", "$250", "$500", "$750", "$1k"], Yo = () => {
-  const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Mn(o), r = yt(o);
+}, jo = ["$0", "$250", "$500", "$750", "$1k"], Ko = () => {
+  const { healthScore: t } = F(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = wn(o), r = gt(o);
   return /* @__PURE__ */ e(
     We,
     {
-      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Vo.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: jo.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
           le,
           {
@@ -1120,48 +1119,48 @@ const Eo = ({ total: t }) => {
         ),
         /* @__PURE__ */ e(I, { variant: "caption", children: s })
       ] }, s)) }),
-      label: Ko.sticky_label,
+      label: No.sticky_label,
       status: r,
       statusBarData: [
         {
           percentage: n
         }
       ],
-      value: $(o ?? 0, "0,0.00")
+      value: W(o ?? 0, "0,0.00")
     }
   );
-}, Xo = v(Yo), $e = ({
+}, Vo = v(Ko), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
-  formatDate: r = It,
+  formatDate: r = Dt,
   secondaryIcon: s
 }) => {
-  const i = G(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, C = t.length > w, D = t.length - w;
-  let S = t;
-  return C && (S = t.map((g) => ({
+  const i = G(), { connect: l, finstrong: c, categories: _ } = S(), [d, h] = m.useState(!1), [u, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, x = t.length > w, D = t.length - w;
+  let C = t;
+  return x && (C = t.map((g) => ({
     ...g,
     category: _.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
     ) ?? f(g.top_level_category_guid)
-  })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
+  })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => y(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: l.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
       re,
       {
         onClose: () => y(!1),
-        showConnectWidget: h,
-        title: c.mini_title
+        showConnectWidget: u,
+        title: l.mini_title
       }
     )
   ] }) : /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
@@ -1177,7 +1176,7 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            yn,
+            rn,
             {
               categoryGuid: g.top_level_category_guid || "",
               merchantGuid: g.merchant_guid || "",
@@ -1207,7 +1206,7 @@ const Eo = ({ total: t }) => {
                     /* @__PURE__ */ e(I, { variant: "caption", children: r(g.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
+                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: W(g.amount, "0,0.00") })
               ]
             },
             g.guid || b
@@ -1216,18 +1215,18 @@ const Eo = ({ total: t }) => {
       },
       b
     )) }),
-    C && /* @__PURE__ */ a(z, { children: [
+    x && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => u(!0),
+          endIcon: /* @__PURE__ */ e(J, {}),
+          onClick: () => h(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
             D,
             " ",
-            l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
+            c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
@@ -1235,23 +1234,23 @@ const Eo = ({ total: t }) => {
         oe,
         {
           isOpen: d,
-          onClose: () => u(!1),
-          title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Kn, { transaction: S })
+          onClose: () => h(!1),
+          title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
+          children: /* @__PURE__ */ e(Hn, { transaction: C })
         }
       )
     ] })
   ] });
-}, qo = () => {
+}, Yo = () => {
   const {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
+  } = S(), { getSpendingFeeTransactions: o, allTransactions: n } = F();
   return m.useEffect(() => {
     o().finally();
-  }, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
-    Y,
+  }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
+    V,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1264,13 +1263,13 @@ const Eo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(ln, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(V, { children: t.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(K, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
   ) : /* @__PURE__ */ a(
-    Y,
+    V,
     {
       sx: {
         p: 16,
@@ -1278,13 +1277,13 @@ const Eo = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(V, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(K, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           $e,
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (r) => $n(new Date(r * 1e3), zn.MONTH_DAY),
+            formatDate: (r) => Bn(new Date(r * 1e3), Pn.MONTH_DAY),
             secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
             transactions: n.spendingFee
           }
@@ -1292,8 +1291,8 @@ const Eo = ({ total: t }) => {
       ]
     }
   ) });
-}, Uo = v(qo), Qo = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Dn(t.spending_fee_transaction_count);
+}, Xo = v(Yo), qo = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = kn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     p,
     {
@@ -1312,13 +1311,13 @@ const Eo = ({ total: t }) => {
             " ",
             r.pay_bills_on_time_sticky_fee_count
           ] }),
-          /* @__PURE__ */ e(Be, { status: s })
+          /* @__PURE__ */ e(Pe, { status: s })
         ] })
       ]
     }
   );
-}, Zo = v(Qo), Jo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = x();
+}, Uo = v(qo), Qo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = S();
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1328,27 +1327,27 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Wt,
+      Pt,
       {
-        loadAccounts: [Ge.SAVINGS, Ge.CHECKING],
+        loadAccounts: [Ee.SAVINGS, Ee.CHECKING],
         loadMoreLabel: o.more_accounts
       }
     )
   ] });
-}, er = v(Jo), tr = () => {
-  const { finstrong: t } = x(), {
+}, Zo = v(Qo), Jo = () => {
+  const { finstrong: t } = S(), {
     isSpendingInitialized: o,
     healthScore: n,
     allTransactions: r,
     loadSpendTransactions: s,
     loadDebtSpend: i
-  } = L();
+  } = F();
   m.useEffect(() => {
     o || (s().finally(), i().finally());
   }, [o]);
-  const c = m.useMemo(() => {
-    const l = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
-    return [...l, ..._];
+  const l = m.useMemo(() => {
+    const c = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
+    return [...c, ..._];
   }, [r.spend, r.debtSpend]);
   return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1358,12 +1357,12 @@ const Eo = ({ total: t }) => {
         title: t.key_indicators_save.drawer_daily_spend
       }
     ),
-    /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
-  ] }) : /* @__PURE__ */ e(ee, {});
-}, nr = v(tr), or = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ a(Y, { children: [
+    /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
+  ] }) : /* @__PURE__ */ e(te, {});
+}, er = v(Jo), tr = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
+  return /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(V, { children: [
       /* @__PURE__ */ a(
         Xe,
         {
@@ -1394,13 +1393,13 @@ const Eo = ({ total: t }) => {
           ]
         }
       ),
-      /* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(er, {}) }),
-      /* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(nr, {}) })
+      /* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Zo, {}) }),
+      /* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(er, {}) })
     ] }),
     /* @__PURE__ */ e(Ue, { chartFor: "savingsOverTime" })
   ] });
-}, rr = v(or), ar = () => {
-  const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
+}, nr = v(tr), or = () => {
+  const { finstrong: t } = S(), { healthScore: o } = F(), n = o.months_of_cash_on_hand, r = yt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), l = Math.round((n - i) * s), c = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1432,7 +1431,7 @@ const Eo = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "caption", children: d })
+                /* @__PURE__ */ e(I, { variant: "XSmall", children: d })
               ]
             },
             d
@@ -1443,14 +1442,14 @@ const Eo = ({ total: t }) => {
       status: r,
       statusBarData: [
         {
-          percentage: `${l}%`
+          percentage: `${c}%`
         }
       ],
-      value: K(t.key_indicators_save.drawer_progress_bar_value, i, c)
+      value: j(t.key_indicators_save.drawer_progress_bar_value, i, l)
     }
   );
-}, ir = v(ar), sr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = ft(n);
+}, rr = v(or), ar = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.debt_to_income_ratio), r = bt(n);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1494,7 +1493,7 @@ const Eo = ({ total: t }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
+                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
                     ]
                   }
                 )
@@ -1510,7 +1509,7 @@ const Eo = ({ total: t }) => {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(I, { variant: "body2", children: t.debt_to_income_ratio ? K(
+                children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? j(
                   o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) : "-" })
@@ -1526,11 +1525,11 @@ const Eo = ({ total: t }) => {
           percentage: `${n}%`
         }
       ],
-      value: $(t.ninety_day_debt_spend, "0,0.00")
+      value: W(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, cr = v(sr), lr = () => {
-  const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+}, ir = v(ar), sr = () => {
+  const { healthScore: t, allTransactions: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1542,9 +1541,9 @@ const Eo = ({ total: t }) => {
     ),
     o.income.length ? (
       // TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e($e, { transactions: o.income.map((c) => c.transaction) })
+      /* @__PURE__ */ e($e, { transactions: o.income.map((l) => l.transaction) })
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           i(!0);
@@ -1562,8 +1561,8 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, dr = v(lr), pr = () => {
-  const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+}, cr = v(sr), lr = () => {
+  const { allTransactions: t, healthScore: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1579,11 +1578,11 @@ const Eo = ({ total: t }) => {
         $e,
         {
           amountColor: "text.primary",
-          transactions: t.debtSpend.map((c) => c.transaction)
+          transactions: t.debtSpend.map((l) => l.transaction)
         }
       )
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           i(!0);
@@ -1601,63 +1600,68 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, _r = v(pr), hr = ({
+}, dr = v(lr), pr = ({
   color: t,
   data: o,
   series: n,
   style: r,
   ...s
 }) => {
-  const i = G(), c = m.useRef(null), { width: l } = eo({
-    width: r.width
-  });
+  const i = G(), l = m.useRef(null), c = m.useRef(null), [_, d] = m.useState(r.width || 0);
   m.useLayoutEffect(() => {
-    const h = new ResizeObserver(() => {
+    d(r.width || 0);
+  }, [r.width]), m.useLayoutEffect(() => {
+    const x = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
-        if (c.current) {
-          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
-          w && w.setAttribute("transform", `translate(${f}, -8)`);
+        if (l.current) {
+          const { width: D } = l.current.getBoundingClientRect(), C = D / 2, g = l.current.querySelector("text");
+          g && g.setAttribute("transform", `translate(${C}, -8)`);
         }
       });
     });
-    return c.current && h.observe(c.current), () => {
-      c.current && h.unobserve(c.current);
+    return l.current && x.observe(l.current), () => {
+      l.current && x.unobserve(l.current);
     };
   }, []);
-  const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
+  const { formattedComparison: h, formattedMain: u } = o[n.index], y = n.type === 0 ? u : h, f = {
+    ...r,
+    transition: "all 0.3s ease-in-out"
+  }, w = `translate(${_ / 2}, -5)`;
   return /* @__PURE__ */ a("g", { children: [
-    /* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
+    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: f }),
     /* @__PURE__ */ e(
-      at.text,
+      "text",
       {
         fill: i.palette.text.secondary,
         fontSize: 9,
         fontWeight: 400,
+        ref: c,
+        style: { transition: "transform 0.3s ease-in-out" },
         textAnchor: "middle",
-        transform: l.to((h) => `translate(${h / 2}, -5)`),
+        transform: w,
         x: r.x,
         y: r.y,
-        children: u
+        children: y
       }
     )
   ] });
 }, Te = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
-  return $(t, n);
-}, $t = ({
+  return W(t, n);
+}, Wt = ({
   chartFor: t,
   data: o,
   title: n,
   buttonLabel: r,
   onClick: s,
   legendLabelMain: i,
-  legendLabelComparison: c,
-  totalComparison: l,
+  legendLabelComparison: l,
+  totalComparison: c,
   totalMain: _
 }) => {
-  const d = G(), u = Un(d.breakpoints.down("xs")), h = m.useMemo(
+  const d = G(), h = Yn(d.breakpoints.down("xs")), u = m.useMemo(
     () => o.sort((g, b) => g.month - b.month).map((g) => {
-      const b = In(g.month), P = {
+      const b = Mn(g.month), L = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1673,23 +1677,23 @@ const Eo = ({ total: t }) => {
       };
       return {
         label: b,
-        ...P[t]
+        ...L[t]
       };
     }),
     [o, t]
   ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = C / 3, S = {
+  }, f = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), x = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = x / 3, C = {
     scaleType: "linear",
     min: 0,
-    max: C,
+    max: x,
     tickNumber: 4,
     tickMinStep: D,
-    valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
+    valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
   };
   return /* @__PURE__ */ a(
-    Y,
+    V,
     {
       sx: {
         px: 16,
@@ -1707,11 +1711,11 @@ const Eo = ({ total: t }) => {
               pb: 8
             },
             children: [
-              /* @__PURE__ */ e(V, { children: n }),
+              /* @__PURE__ */ e(K, { children: n }),
               r && /* @__PURE__ */ e(
-                B,
+                P,
                 {
-                  endIcon: /* @__PURE__ */ e(Z, {}),
+                  endIcon: /* @__PURE__ */ e(J, {}),
                   onClick: s,
                   size: "small",
                   sx: {
@@ -1743,7 +1747,7 @@ const Eo = ({ total: t }) => {
                 i,
                 " "
               ] }),
-              !u && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
+              !h && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
             ] })
           ] }),
           /* @__PURE__ */ a(p, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1760,44 +1764,48 @@ const Eo = ({ total: t }) => {
             ),
             /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ a(I, { variant: "subtitle2", children: [
-                c,
+                l,
                 " "
               ] }),
-              !u && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !h && c && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ a(
-          Jn,
+          qn,
           {
             colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
-            dataset: h,
+            dataset: u,
             height: 240,
-            margin: { top: 16, bottom: 34, right: 0, left: 50 },
+            margin: { top: 14, bottom: 10, right: 2, left: -2 },
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
             ],
             xAxis: [y],
-            yAxis: [S],
+            yAxis: [C],
             children: [
               /* @__PURE__ */ e(
-                an,
+                Xn,
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: b, style: P, ...F } = g;
+                      const { ownerState: b, ...L } = g;
                       return /* @__PURE__ */ e(
-                        hr,
+                        pr,
                         {
-                          ...F,
+                          ...L,
                           color: b.color,
-                          data: h,
+                          data: u,
                           series: {
                             index: b.dataIndex,
                             type: Number(b.id.toString().split("-").pop())
                           },
-                          style: P
+                          style: {
+                            x: g.x,
+                            y: g.y,
+                            width: g.width
+                          }
                         }
                       );
                     }
@@ -1805,7 +1813,7 @@ const Eo = ({ total: t }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                Qn,
+                Un,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
@@ -1825,7 +1833,7 @@ const Eo = ({ total: t }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                Zn,
+                Qn,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
@@ -1850,18 +1858,18 @@ const Eo = ({ total: t }) => {
       ]
     }
   );
-}, ur = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
+}, _r = () => {
+  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = F(), [s, i] = m.useState(0), { finstrong: l } = S();
   return m.useEffect(() => {
     t || (o().finally(), n().finally());
-  }, [t]), t ? /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ a(Y, { children: [
+  }, [t]), t ? /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(V, { children: [
       /* @__PURE__ */ a(
         Xe,
         {
-          "aria-label": c.key_indicators_save.drawer_title,
+          "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (l, _) => i(_),
+          onChange: (c, _) => i(_),
           selectionFollowsFocus: !0,
           sx: { mb: 0 },
           value: s,
@@ -1872,7 +1880,7 @@ const Eo = ({ total: t }) => {
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
-                label: c.key_indicators_borrow.have_manageable_debt_drawer.income,
+                label: l.key_indicators_borrow.have_manageable_debt_drawer.income,
                 sx: { minHeight: 44 }
               }
             ),
@@ -1881,7 +1889,7 @@ const Eo = ({ total: t }) => {
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
-                label: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+                label: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
                 sx: { minHeight: 44 }
               }
             )
@@ -1895,7 +1903,7 @@ const Eo = ({ total: t }) => {
           index: 0,
           name: "income-details",
           value: s,
-          children: /* @__PURE__ */ e(dr, {})
+          children: /* @__PURE__ */ e(cr, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -1905,29 +1913,29 @@ const Eo = ({ total: t }) => {
           index: 1,
           name: "debt-payment-details",
           value: s,
-          children: /* @__PURE__ */ e(_r, {})
+          children: /* @__PURE__ */ e(dr, {})
         }
       )
     ] }),
-    r.length ? /* @__PURE__ */ a(z, { children: [
+    r.length ? /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        $t,
+        Wt,
         {
           chartFor: "debt_payment_vs_income",
           data: r,
-          legendLabelComparison: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-          legendLabelMain: c.key_indicators_borrow.have_manageable_debt_drawer.income,
-          title: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
+          legendLabelComparison: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+          legendLabelMain: l.key_indicators_borrow.have_manageable_debt_drawer.income,
+          title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
       /* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
-    ] }) : /* @__PURE__ */ a(z, { children: [
+    ] }) : /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
-          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
+          header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
+          subText: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1939,11 +1947,11 @@ const Eo = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
-          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
+          header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
+          subText: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1955,9 +1963,9 @@ const Eo = ({ total: t }) => {
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ e(ee, {});
-}, mr = v(ur), gr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), c = {
+  ] }) : /* @__PURE__ */ e(te, {});
+}, hr = v(_r), ur = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = ft(n), l = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
@@ -1977,7 +1985,7 @@ const Eo = ({ total: t }) => {
           },
           children: [
             /* @__PURE__ */ a(I, { variant: "body2", children: [
-              t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
+              t.ninety_day_income <= 0 ? "-" : W(t.ninety_day_income, "0,0.00"),
               " ",
               o?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
@@ -1991,53 +1999,53 @@ const Eo = ({ total: t }) => {
       ),
       label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: i,
-      statusBarData: c,
-      value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
+      statusBarData: l,
+      value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
     }
   );
-}, yr = v(gr), br = () => {
-  const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: c } = Rn(), { finstrong: l, goals: _, spending: d } = x(), u = G(), [h, y] = m.useState("");
+}, mr = v(ur), gr = () => {
+  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = F(), { appDataStore: l } = On(), { finstrong: c, goals: _, spending: d } = S(), h = G(), [u, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
-      At(/* @__PURE__ */ new Date()),
-      Tt(/* @__PURE__ */ new Date())
+      It(/* @__PURE__ */ new Date()),
+      At(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
   const f = m.useMemo(
-    () => to(o, _, u, n),
+    () => Zn(o, _, h, n),
     [o, n]
-  ), w = (S) => {
-    y(h === S ? "" : S);
-  }, { totalSpending: C, totalIncome: D } = m.useMemo(() => s?.reduce(
-    (S, { standard_spend: g = 0, income: b = 0 }) => ({
-      totalSpending: S.totalSpending + g,
-      totalIncome: S.totalIncome + b
+  ), w = (C) => {
+    y(u === C ? "" : C);
+  }, { totalSpending: x, totalIncome: D } = m.useMemo(() => s?.reduce(
+    (C, { standard_spend: g = 0, income: b = 0 }) => ({
+      totalSpending: C.totalSpending + g,
+      totalIncome: C.totalIncome + b
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [s]);
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
     s.length ? /* @__PURE__ */ e(
-      $t,
+      Wt,
       {
-        ...c.appData.client_profile?.allow_trends_widget && {
-          buttonLabel: l.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+        ...l.appData.client_profile?.allow_trends_widget && {
+          buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
         },
         chartFor: "spending_vs_income",
         data: s,
-        legendLabelComparison: l.key_indicators_spend.spend_less_than_you_make_drawer.income,
-        legendLabelMain: l.key_indicators_spend.spend_less_than_you_make_drawer.spending,
+        legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
+        legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
         onClick: () => i("trends")(),
-        title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: $(D, "0,0.00"),
-        totalMain: $(C, "0,0.00")
+        title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
+        totalComparison: W(D, "0,0.00"),
+        totalMain: W(x, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
-        header: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
         icon: "multiline_chart",
-        subText: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
         sx: {
           backgroundColor: "background.paper",
           borderRadius: "8px",
@@ -2054,7 +2062,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     f ? /* @__PURE__ */ a(
-      Y,
+      V,
       {
         sx: {
           px: 16,
@@ -2072,11 +2080,11 @@ const Eo = ({ total: t }) => {
                 pb: 8
               },
               children: [
-                /* @__PURE__ */ e(V, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  B,
+                /* @__PURE__ */ e(K, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                  P,
                   {
-                    endIcon: /* @__PURE__ */ e(Z, {}),
+                    endIcon: /* @__PURE__ */ e(J, {}),
                     onClick: () => i("spending")(),
                     size: "small",
                     sx: {
@@ -2084,7 +2092,7 @@ const Eo = ({ total: t }) => {
                       height: 24
                     },
                     variant: "text",
-                    children: l.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+                    children: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
                   }
                 )
               ]
@@ -2092,31 +2100,31 @@ const Eo = ({ total: t }) => {
           ),
           /* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
             /* @__PURE__ */ e(
-              no,
+              Jn,
               {
                 data: f,
                 onSelected: w,
-                selectedId: h,
+                selectedId: u,
                 totalLabel: d.total_spending
               }
             ),
             /* @__PURE__ */ e(
-              oo,
+              eo,
               {
                 data: f,
                 onSelected: w,
-                selectedId: h
+                selectedId: u
               }
             )
           ] })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
-        header: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
         icon: "donut_small",
-        subText: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
         sx: {
           backgroundColor: "background.paper",
           borderRadius: "8px",
@@ -2133,17 +2141,17 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, fr = v(br), xr = ({
+}, yr = v(gr), br = ({
   drawerFor: t,
   isOpen: o,
   onClose: n
 }) => {
-  const { finstrong: r } = x(), i = {
+  const { finstrong: r } = S(), i = {
     spendLessThanYouMake: {
       title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
-      stickyComponent: /* @__PURE__ */ e(yr, {}),
-      content: /* @__PURE__ */ e(fr, {}),
+      stickyComponent: /* @__PURE__ */ e(mr, {}),
+      content: /* @__PURE__ */ e(yr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2151,16 +2159,16 @@ const Eo = ({ total: t }) => {
     payBillsOnTime: {
       title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
       description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
-      stickyComponent: /* @__PURE__ */ e(Zo, {}),
-      content: /* @__PURE__ */ e(Uo, {}),
+      stickyComponent: /* @__PURE__ */ e(Uo, {}),
+      content: /* @__PURE__ */ e(Xo, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(jo, {}),
+      content: /* @__PURE__ */ e(Ho, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Xo, {}),
+      stickyComponent: /* @__PURE__ */ e(Vo, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2169,30 +2177,30 @@ const Eo = ({ total: t }) => {
     haveManageableDebt: {
       title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
       description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
-      stickyComponent: /* @__PURE__ */ e(cr, {}),
-      content: /* @__PURE__ */ e(mr, {}),
+      stickyComponent: /* @__PURE__ */ e(ir, {}),
+      content: /* @__PURE__ */ e(hr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(Wo, {}),
+      title: /* @__PURE__ */ e(Bo, {}),
       description: r.credit_score_description,
       stickyComponent: null,
-      content: /* @__PURE__ */ e(Po, {})
+      content: /* @__PURE__ */ e(Fo, {})
     },
     saveEnoughToLiveOn: {
       title: r.key_indicators_save.drawer_title,
       description: r.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(ir, {}),
-      content: /* @__PURE__ */ e(rr, {}),
+      stickyComponent: /* @__PURE__ */ e(rr, {}),
+      content: /* @__PURE__ */ e(nr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
-    Pt,
+    Lt,
     {
       connectDescription: i?.connectDescription,
       connectTitle: i?.connectTitle,
@@ -2207,22 +2215,22 @@ const Eo = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
     }
   );
-}, Cr = v(xr), fe = ({
+}, fr = v(br), xe = ({
   drawerFor: t,
   title: o,
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
-    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
+  const { finstrong: s } = S(), [i, l] = m.useState(!1), c = (_) => {
+    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), l(!0));
   };
-  return /* @__PURE__ */ a(z, { children: [
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
       p,
       {
         "aria-label": `${s.key_indicators_open} ${o}`,
-        onClick: () => c(!0),
-        onKeyDown: l,
+        onClick: () => l(!0),
+        onKeyDown: c,
         role: "button",
         sx: {
           alignItems: "center",
@@ -2240,42 +2248,42 @@ const Eo = ({ total: t }) => {
           /* @__PURE__ */ a(p, { sx: { gap: 8, minWidth: 0 }, children: [
             /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
               /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
-              /* @__PURE__ */ e(Be, { status: r })
+              /* @__PURE__ */ e(Pe, { status: r })
             ] }),
             /* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
           ] }),
-          /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
+          /* @__PURE__ */ e(J, { color: "secondary", size: 24 })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      Cr,
+      fr,
       {
         drawerFor: t,
         isOpen: i,
-        onClose: () => c(!1)
+        onClose: () => l(!1)
       }
     )
   ] });
-}, Sr = () => {
-  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
-    const l = xt(c), _ = {
+}, xr = () => {
+  const { finstrong: t } = S(), { key_indicators_spend: o } = t, { healthScore: n } = F(), r = (l) => {
+    const c = ft(l), _ = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
       MISSING: o.ratio_missing_description
-    }, d = l === "MISSING" ? _[l] : K(_[l], c);
+    }, d = c === "MISSING" ? _[c] : j(_[c], l);
     return {
-      cardState: l,
+      cardState: c,
       description: d,
       title: o.ratio_card_title
     };
   }, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
-    const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ = An(
+    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), _ = Dn(
       n.spending_fee_transaction_count,
       o
     );
-    return { spendToIncomeRatio: l, spendFeeCount: _ };
+    return { spendToIncomeRatio: c, spendFeeCount: _ };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
@@ -2284,7 +2292,7 @@ const Eo = ({ total: t }) => {
   ]);
   return /* @__PURE__ */ a(p, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: s.cardState,
         description: s.description,
@@ -2293,7 +2301,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: i.cardState,
         description: i.description,
@@ -2302,38 +2310,38 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, vr = v(Sr), wr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
-    const _ = bt(l), d = {
+}, Sr = v(xr), Cr = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_save: n } = o, r = (c) => {
+    const _ = yt(c), d = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, u = _ === "MISSING" ? d[_] : K(d[_], l);
+    }, h = _ === "MISSING" ? d[_] : j(d[_], c);
     return {
       cardState: _,
-      description: u,
+      description: h,
       title: n.days_of_cash_title
     };
-  }, s = (l) => {
-    const _ = yt(l), d = {
+  }, s = (c) => {
+    const _ = gt(c), d = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
       MISSING: n.emergency_savings_missing_description
     };
-    let u;
-    return _ === "FAIR" && l !== null ? u = K(
+    let h;
+    return _ === "FAIR" && c !== null ? h = j(
       d[_],
-      $(l, "0,0.00")
-    ) : u = d[_], {
+      W(c, "0,0.00")
+    ) : h = d[_], {
       cardState: _,
-      description: u,
+      description: h,
       title: n.emergency_savings_title
     };
-  }, { daysOfCashOnHand: i, emergencySavings: c } = m.useMemo(() => {
-    const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(d);
-    return { daysOfCashOnHand: _, emergencySavings: u };
+  }, { daysOfCashOnHand: i, emergencySavings: l } = m.useMemo(() => {
+    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(c), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, h = s(d);
+    return { daysOfCashOnHand: _, emergencySavings: h };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
@@ -2342,7 +2350,7 @@ const Eo = ({ total: t }) => {
   ]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: i.cardState,
         description: i.description,
@@ -2351,70 +2359,70 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
-        cardState: c.cardState,
-        description: c.description,
+        cardState: l.cardState,
+        description: l.description,
         drawerFor: de.MaintainEmergencySavings,
-        title: c.title
+        title: l.title
       }
     )
   ] });
-}, kr = v(wr), Mr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (_) => {
-    const d = ft(_), u = {
+}, vr = v(Cr), wr = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (_) => {
+    const d = bt(_), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
       MISSING: n.manage_debit_missing_description
-    }, h = d === "FAIR" || d === "OFF_TRACK" ? K(u[d], _) : u[d];
+    }, u = d === "FAIR" || d === "OFF_TRACK" ? j(h[d], _) : h[d];
     return {
       cardState: d,
-      description: h,
+      description: u,
       title: n.manage_debit_title
     };
   }, i = (_) => {
-    const d = gt(_), u = {
+    const d = mt(_), h = {
       GOOD: n.credit_score_good_description,
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
       MISSING: n.credit_score_missing_description
-    }, h = d === "MISSING" ? u[d] : K(u[d], _);
+    }, u = d === "MISSING" ? h[d] : j(h[d], _);
     return {
       cardState: d,
-      description: h,
+      description: u,
       title: n.credit_score_title
     };
-  }, { manageDebtStatus: c, creditScoreStatus: l } = m.useMemo(() => {
-    const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), u = i(r.credit_score || null);
+  }, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
+    const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), h = i(r.credit_score || null);
     return {
       manageDebtStatus: d,
-      creditScoreStatus: u
+      creditScoreStatus: h
     };
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
-        cardState: c.cardState,
-        description: c.description,
+        cardState: l.cardState,
+        description: l.description,
         drawerFor: de.HaveManageableDebt,
-        title: c.title
+        title: l.title
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
-        cardState: l.cardState,
-        description: l.description,
+        cardState: c.cardState,
+        description: c.description,
         drawerFor: de.HaveAGoodCreditScore,
-        title: l.title
+        title: c.title
       }
     )
   ] });
-}, Dr = v(Mr), Ir = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(z, { children: [
+}, kr = v(wr), Mr = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -2468,22 +2476,22 @@ const Eo = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(kr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Dr, {}) })
+    /* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Sr, {}) }),
+    /* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
+    /* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(kr, {}) })
   ] });
-}, Ar = v(Ir), Tr = ({ onClick: t }) => {
-  const { finstrong: o } = x(), { isCopyLoaded: n } = q();
+}, Dr = v(Mr), Ir = ({ onClick: t }) => {
+  const { finstrong: o } = S(), { isCopyLoaded: n } = q();
   return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(_t, { size: 48 }),
     /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(V, { children: o.missing_data_title }),
+      /* @__PURE__ */ e(K, { children: o.missing_data_title }),
       /* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
-        endIcon: /* @__PURE__ */ e(Z, {}),
+        endIcon: /* @__PURE__ */ e(J, {}),
         onClick: t,
         size: "small",
         sx: {
@@ -2496,61 +2504,61 @@ const Eo = ({ total: t }) => {
         children: o.connect_more_accounts_button
       }
     ) })
-  ] }) : /* @__PURE__ */ e(ee, {});
-}, Or = v(Tr), Fr = ({
+  ] }) : /* @__PURE__ */ e(te, {});
+}, Ar = v(Ir), Tr = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
   incomeTransactions: r,
   setCurrentStep: s,
   setFirstDay: i,
-  setFrequency: c,
-  setSecondDay: l,
+  setFrequency: l,
+  setSecondDay: c,
   transaction: _
 }) => {
-  const { finstrong: d } = x();
+  const { finstrong: d } = S();
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(p, { children: [
-      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
-        if (h.guid === _.guid) return u;
-        const f = Vn(y, r), w = Yn(y, r);
-        return u.push(
+      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((h, u, y) => {
+        if (u.guid === _.guid) return h;
+        const f = Nn(y, r), w = jn(y, r);
+        return h.push(
           /* @__PURE__ */ a(m.Fragment, { children: [
-            f && /* @__PURE__ */ e(Xn, { children: It(h.date) }),
-            /* @__PURE__ */ e(qn, { transaction: h }),
+            f && /* @__PURE__ */ e(Kn, { children: Dt(u.date) }),
+            /* @__PURE__ */ e(Vn, { transaction: u }),
             /* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
-          ] }, h.guid)
-        ), u;
+          ] }, u.guid)
+        ), h;
       }, []) }),
       /* @__PURE__ */ e(
-        so,
+        ro,
         {
           firstDay: t,
           frequency: o,
           onFirstDayChange: i,
-          onFrequencyChange: c,
-          onSecondDayChange: l,
+          onFrequencyChange: l,
+          onSecondDayChange: c,
           secondDay: n,
           transaction: _
         }
       )
     ] }),
     /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         fullWidth: !0,
-        onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
+        onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
         startIcon: /* @__PURE__ */ e(ht, {}),
         children: d.onboarding_add_more_income
       }
     ) })
   ] });
-}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = x(), r = G(), s = (i) => {
+}, Or = v(Tr), Rr = ({ selectedDate: t, setSelectedDate: o }) => {
+  const { finstrong: n } = S(), r = G(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(po, { dateAdapter: Ot, children: /* @__PURE__ */ e(
-    _o,
+  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(so, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+    co,
     {
       disableFuture: !0,
       label: n.onboarding_select_date,
@@ -2559,13 +2567,13 @@ const Eo = ({ total: t }) => {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2573,16 +2581,16 @@ const Eo = ({ total: t }) => {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Pr = v(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
-  const { finstrong: n } = x(), r = !isNaN(t);
+}, Fr = v(Rr), Lr = ({ creditScore: t, setCreditScore: o }) => {
+  const { finstrong: n } = S(), r = !isNaN(t);
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    Fe,
+    Re,
     {
       error: !r,
       fullWidth: !0,
@@ -2596,7 +2604,7 @@ const Eo = ({ total: t }) => {
       value: r ? t : ""
     }
   ) });
-}, Wr = v(Br), zt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
+}, Br = v(Lr), $t = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
     k,
     {
@@ -2614,88 +2622,88 @@ const Eo = ({ total: t }) => {
     "% ",
     o
   ] })
-] }), $r = ({
+] }), Pr = ({
   completeCopy: t,
   primaryText: o,
   secondaryText: n,
   value: r
 }) => /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(V, { children: o }),
+    /* @__PURE__ */ e(K, { children: o }),
     /* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(zt, { completeCopy: t, value: r })
-] }), ct = {
-  step: T.ConnectAccounts,
+  /* @__PURE__ */ e($t, { completeCopy: t, value: r })
+] }), st = {
+  step: O.ConnectAccounts,
   type: "main"
-}, zr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [C, D] = m.useState(h.credit_score || 0), [S, g] = m.useState(
-    ct
-  ), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Se, te] = m.useState(!1), [j, ve] = m.useState(h.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
+}, Wr = ({ isOpen: t, onClose: o }) => {
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = S(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: l, setDateRange: c } = Ve(), { filter: _, setFilter: d, transactions: h } = Rn(), { user: u, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [x, D] = m.useState(u.credit_score || 0), [C, g] = m.useState(
+    st
+  ), [b, L] = m.useState(1), [B, U] = m.useState(kt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(u.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
-    l({ start: At(it()), end: Tt(it()) });
+    c({ start: It(at()), end: At(at()) });
   }, []), m.useEffect(() => {
     d({
       accounts: n.map((A) => A.guid),
       dateRange: {
-        start: io(/* @__PURE__ */ new Date(), 90),
+        start: oo(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
-      custom: st
+      custom: it
     }), i(n);
   }, [n]);
-  const _e = m.useMemo(
-    () => u.find((A) => A.guid === N),
-    [N, u]
-  ), he = m.useMemo(() => ({
-    [T.ConnectAccounts]: !0,
-    [T.MonthlyIncome]: !!N,
-    [T.Birthday]: !!h.birthday || !!j,
-    [T.CreditScore]: !!h.credit_score || !!C
-  })[S.step], [C, S, j, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
-    const { step: A } = S;
+  const De = m.useMemo(
+    () => h.find((A) => A.guid === N),
+    [N, h]
+  ), ue = m.useMemo(() => ({
+    [O.ConnectAccounts]: !0,
+    [O.MonthlyIncome]: !!N,
+    [O.Birthday]: !!u.birthday || !!Y,
+    [O.CreditScore]: !!u.credit_score || !!x
+  })[C.step], [x, C, Y, N, u]), X = n.length > 0, zt = m.useMemo(() => {
+    const { step: A } = C;
     let R = 0;
-    return A >= T.MonthlyIncome && X && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
-  }, [S.step, X, W.length, h.birthday, h.credit_score]), Et = (A) => {
+    return A >= O.MonthlyIncome && X && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (u.birthday || u.credit_score) && R++, R;
+  }, [C.step, X, T.length, u.birthday, u.credit_score]), Et = (A) => {
     d({
       ..._,
-      custom: (R) => A ? lo(R, A) : st(R)
+      custom: (R) => A ? io(R, A) : it(R)
     });
-  }, Ht = {
-    [T.ConnectAccounts]: {
+  }, Gt = {
+    [O.ConnectAccounts]: {
       main: X ? /* @__PURE__ */ e(Bt, { shouldShowBalance: !1 }) : null,
       mainActionContent: X ? s.onboarding_next : s.onboarding_add_accounts,
       primaryText: s.connect_your_accounts,
       secondaryText: s.onboarding_connect_your_accounts_secondary
     },
-    [T.MonthlyIncome]: {
+    [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Rr,
+        Or,
         {
           firstDay: b,
-          frequency: F,
-          incomeTransactions: W,
+          frequency: B,
+          incomeTransactions: T,
           secondDay: H,
           setCurrentStep: (A) => {
-            g(A), O((R) => {
+            g(A), $((R) => {
               if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
-              const Ae = u.find((ie) => ie.guid === N);
-              return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
+              const Ae = h.find((ie) => ie.guid === N);
+              return Ae ? [...R, { ...Ae, firstDay: b, frequency: B, secondDay: H }] : R;
             });
           },
-          setFirstDay: P,
+          setFirstDay: L,
           setFrequency: U,
-          setSecondDay: we,
-          transaction: _e
+          setSecondDay: he,
+          transaction: De
         }
       ),
       detailActionContent: s.onboarding_confirm_income,
       main: /* @__PURE__ */ e(
-        co,
+        ao,
         {
           onSearch: Et,
           onSelected: (A) => {
-            g({ step: T.MonthlyIncome, type: "detail" }), ae(A);
+            g({ step: O.MonthlyIncome, type: "detail" }), ae(A);
           }
         }
       ),
@@ -2703,96 +2711,96 @@ const Eo = ({ total: t }) => {
       primaryText: s.onboarding_add_income_primary,
       secondaryText: s.onboarding_add_income_secondary
     },
-    [T.Birthday]: {
-      main: /* @__PURE__ */ e(Pr, { selectedDate: j, setSelectedDate: ve }),
+    [O.Birthday]: {
+      main: /* @__PURE__ */ e(Fr, { selectedDate: Y, setSelectedDate: _e }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_birthday_primary,
       secondaryText: s.onboarding_birthday_secondary
     },
-    [T.CreditScore]: {
-      main: /* @__PURE__ */ e(Wr, { creditScore: C, setCreditScore: D }),
+    [O.CreditScore]: {
+      main: /* @__PURE__ */ e(Br, { creditScore: x, setCreditScore: D }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_credit_score_primary,
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, Qe = () => {
-    g(ct), pe(!1), ae(""), o();
+    g(st), pe(!1), ae(""), o();
   }, Ze = async () => {
-    pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
-  }, Nt = () => {
-    if (S.step === T.CreditScore) {
+    pe(!0), await Kt(T), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
+  }, Ht = () => {
+    if (C.step === O.CreditScore) {
       Ze();
       return;
     }
-    g({ step: S.step + 1, type: "main" });
-  }, jt = () => {
-    const { step: A } = S, R = A + 1;
+    g({ step: C.step + 1, type: "main" });
+  }, Nt = () => {
+    const { step: A } = C, R = A + 1;
     switch (A) {
-      case T.Birthday:
-        j && j !== h.birthday && f({ ...h, birthday: j });
+      case O.Birthday:
+        Y && Y !== u.birthday && f({ ...u, birthday: Y });
         break;
-      case T.CreditScore:
-        C && C !== h.credit_score && f({ ...h, credit_score: C }), Ze();
+      case O.CreditScore:
+        x && x !== u.credit_score && f({ ...u, credit_score: x }), Ze();
         return;
-      case T.MonthlyIncome:
-        N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
-          ...me,
-          { ..._e, firstDay: b, frequency: F, secondDay: H }
+      case O.MonthlyIncome:
+        N && T.findIndex(({ guid: ge }) => ge === N) === -1 && $((ge) => [
+          ...ge,
+          { ...De, firstDay: b, frequency: B, secondDay: H }
         ]);
         break;
-      case T.ConnectAccounts:
+      case O.ConnectAccounts:
         if (!X) {
-          te(!0);
+          Q(!0);
           return;
         }
         break;
     }
-    R in T && g({ step: R, type: "main" });
-  }, Kt = () => {
-    const { step: A, type: R } = S;
+    R in O && g({ step: R, type: "main" });
+  }, jt = () => {
+    const { step: A, type: R } = C;
     if (R === "detail") {
       g({ step: A, type: "main" });
       return;
     }
-    if (A === T.Birthday && W.length) {
+    if (A === O.Birthday && T.length) {
       g({ step: A - 1, type: "detail" });
       return;
     }
-    A > T.ConnectAccounts && g({ step: A - 1, type: "main" });
-  }, Vt = async (A) => {
+    A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
+  }, Kt = async (A) => {
     for (const R of A) {
       const {
-        account_guid: me,
+        account_guid: ge,
         amount: Ae,
         date: ie,
-        description: qt,
-        feed_description: Ut,
-        firstDay: Qt,
+        description: Xt,
+        feed_description: qt,
+        firstDay: Ut,
         frequency: Je,
-        secondDay: Zt,
-        merchant_guid: Jt,
-        payee: en,
-        transaction_type: tn
-      } = R, nn = Nn(Je, ao(ie)), on = {
-        account_guid: me,
+        secondDay: Qt,
+        merchant_guid: Zt,
+        payee: Jt,
+        transaction_type: en
+      } = R, tn = En(Je, no(ie)), nn = {
+        account_guid: ge,
         amount: Ae,
         created_by: 0,
-        description: en || qt || Ut,
-        merchant_guid: Jt,
-        predicted_occurs_on: ro(nn, { representation: "date" }),
-        recurrence_day: Qt,
+        description: Jt || Xt || qt,
+        merchant_guid: Zt,
+        predicted_occurs_on: to(tn, { representation: "date" }),
+        recurrence_day: Ut,
         recurrence_type: Je,
-        repeating_transaction_type: Dt.Income,
-        second_recurrence_day: Zt,
-        transaction_type: tn,
-        user_guid: h.guid
+        repeating_transaction_type: Mt.Income,
+        second_recurrence_day: Qt,
+        transaction_type: en,
+        user_guid: u.guid
       };
-      await c(on, R);
+      await l(nn, R);
     }
-  }, ue = Ht[S.step], Ie = S.step === T.ConnectAccounts, Yt = {
+  }, me = Gt[C.step], Ie = C.step === O.ConnectAccounts, Vt = {
     fullWidth: !0,
     ...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
-  }, Xt = !Ie || Ie && !X;
+  }, Yt = !Ie || Ie && !X;
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ e(
       oe,
@@ -2800,36 +2808,36 @@ const Eo = ({ total: t }) => {
         footerStyles: { px: 24, py: 16 },
         hasSecondaryAction: !Ie,
         isOpen: t,
-        isPrimaryDisabled: !he,
+        isPrimaryDisabled: !ue,
         onClose: Qe,
-        onSecondaryAction: Kt,
-        primaryButtonProps: Yt,
-        primaryText: ue?.mainActionContent,
+        onSecondaryAction: jt,
+        primaryButtonProps: Vt,
+        primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
-        ...!E && { onPrimaryAction: jt },
+        ...!z && { onPrimaryAction: Nt },
         children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-          E && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
+          z && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+            /* @__PURE__ */ e("img", { alt: "", src: Ao, style: { minHeight: 100, width: 211 } }),
             /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
-          ue && !E && /* @__PURE__ */ a(m.Fragment, { children: [
+          me && !z && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
-              $r,
+              Pr,
               {
                 completeCopy: s.complete,
-                primaryText: ue.primaryText,
-                secondaryText: ue.secondaryText,
-                value: Gt
+                primaryText: me.primaryText,
+                secondaryText: me.secondaryText,
+                value: zt
               }
             ),
-            S.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
-              ue.main,
-              Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
+            C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
+              me.main,
+              Yt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: Ht, children: s.onboarding_do_it_later }) })
             ] }),
-            S.type === "detail" && ue.detail
+            C.type === "detail" && me.detail
           ] })
         ] })
       }
@@ -2837,14 +2845,14 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(
       re,
       {
-        onClose: () => te(!1),
-        showConnectWidget: Se,
+        onClose: () => Q(!1),
+        showConnectWidget: ve,
         title: s.connect_more_accounts_button
       }
     )
   ] });
-}, Gr = v(zr), Er = () => {
-  const { finstrong: t } = x(), [o, n] = m.useState(!1);
+}, $r = v(Wr), zr = () => {
+  const { finstrong: t } = S(), [o, n] = m.useState(!1);
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(
       p,
@@ -2864,15 +2872,15 @@ const Eo = ({ total: t }) => {
               /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(P, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
-    /* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
+    /* @__PURE__ */ e($r, { isOpen: o, onClose: () => n(!1) })
   ] });
-}, Hr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = G(), { updateUser: s, user: i } = J(), [c, l] = m.useState(i.birthday), _ = (u) => {
-    l(Math.floor(new Date(u).getTime() / 1e3));
+}, Er = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), r = G(), { updateUser: s, user: i } = ee(), [l, c] = m.useState(i.birthday), _ = (h) => {
+    c(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     oe,
@@ -2880,12 +2888,12 @@ const Eo = ({ total: t }) => {
       isOpen: t,
       onClose: o,
       onPrimaryAction: () => {
-        !c || c === i.birthday || (s({ ...i, birthday: c }), o());
+        !l || l === i.birthday || (s({ ...i, birthday: l }), o());
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
-        ho,
+      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(_o, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+        lo,
         {
           disableFuture: !0,
           onChange: _,
@@ -2893,13 +2901,13 @@ const Eo = ({ total: t }) => {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2911,23 +2919,23 @@ const Eo = ({ total: t }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: be(r.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
             }
           },
-          value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
+          value: l ? new Date(l * 1e3) : /* @__PURE__ */ new Date()
         }
       ) }) })
     }
   );
-}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
-  const { visibleFinstrongAccounts: n } = xe(), {
+}, Gr = v(Er), Hr = ({ isOpen: t, onClose: o }) => {
+  const { visibleFinstrongAccounts: n } = Se(), {
     accounts: r,
     common: s,
     finstrong: i
-  } = x(), { repeatingTransactions: c } = Ve(), { user: l } = J(), _ = c.reduce((f, w) => {
-    const { repeating_transaction_type: C, transactions: D, recurrence_type: S, amount: g } = w;
-    return C === Dt.Income && (D.length > 0 || S === Mt.EveryYear) ? f + g : f;
-  }, 0), [d, u] = m.useState(null), y = [
+  } = S(), { repeatingTransactions: l } = Ve(), { user: c } = ee(), _ = l.reduce((f, w) => {
+    const { repeating_transaction_type: x, transactions: D, recurrence_type: C, amount: g } = w;
+    return x === Mt.Income && (D.length > 0 || C === kt.EveryYear) ? f + g : f;
+  }, 0), [d, h] = m.useState(null), y = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2942,7 +2950,7 @@ const Eo = ({ total: t }) => {
       icon: /* @__PURE__ */ e(mn, {}),
       key: ne.DateOfBirth,
       label: i.date_of_birth,
-      value: l.birthday
+      value: c.birthday
     },
     {
       dynamicCopy: i.add_profile_item,
@@ -2950,38 +2958,38 @@ const Eo = ({ total: t }) => {
       icon: /* @__PURE__ */ e(He, {}),
       key: ne.CreditScore,
       label: i.credit_score,
-      value: l.credit_score
+      value: c.credit_score
     },
     {
       fallbackLabel: i.connect_your_accounts,
       icon: /* @__PURE__ */ e(pt, {}),
       key: ne.Connections,
       label: i.connections,
-      value: n.length > 0 ? K(
+      value: n.length > 0 ? j(
         i.connected_account,
         String(n.length),
         n.length > 1 ? i.accounts : i.account
       ) : void 0
     }
-  ].map((f) => Tn(f));
+  ].map((f) => In(f));
   return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
         /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(V, { children: i.your_financial_profile }),
+          /* @__PURE__ */ e(K, { children: i.your_financial_profile }),
           /* @__PURE__ */ e(M, { children: i.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
-          zt,
+          $t,
           {
             completeCopy: i.complete,
             value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(On, { list: y, onClickItem: u }),
+      /* @__PURE__ */ e(An, { list: y, onClickItem: h }),
       /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-        Pe,
+        Be,
         {
           description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
           drawerType: "connectDrawer",
@@ -2995,47 +3003,47 @@ const Eo = ({ total: t }) => {
       oe,
       {
         isOpen: d === ne.MonthlyIncome,
-        onClose: () => u(null),
+        onClose: () => h(null),
         title: s.settings,
-        children: /* @__PURE__ */ e(uo, {})
+        children: /* @__PURE__ */ e(po, {})
       }
     ),
-    /* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
-    /* @__PURE__ */ e(Lt, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
+    /* @__PURE__ */ e(Gr, { isOpen: d === ne.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Ft, { isOpen: d === ne.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
-      Ct,
+      xt,
       {
-        onClose: () => u(null),
+        onClose: () => h(null),
         showConnectionsWidget: d === ne.Connections,
         title: r.manage_connections
       }
     )
   ] });
-}, Kr = v(jr), lt = ({
+}, Nr = v(Hr), ct = ({
   content: t,
   islast: o = !1
-}) => /* @__PURE__ */ a(bo, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ a(vo, { children: [
-    /* @__PURE__ */ e(So, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !o && /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", width: 0.1 } })
+}) => /* @__PURE__ */ a(mo, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ a(xo, { children: [
+    /* @__PURE__ */ e(fo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !o && /* @__PURE__ */ e(yo, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(Co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), Vr = ({ report: t }) => {
-  const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
+  /* @__PURE__ */ e(bo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), jr = ({ report: t }) => {
+  const { finstrong: o } = S(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
     newer_credit_score: s,
     older_credit_score: i,
-    older_spend_to_income_ratio: c,
-    newer_spend_to_income_ratio: l,
+    older_spend_to_income_ratio: l,
+    newer_spend_to_income_ratio: c,
     older_health_score: _,
     newer_health_score: d,
-    newer_score_calculated_at: u
-  } = t, h = go(new Date(u), "MMM d"), y = () => r === 0 ? "info.light" : r > 0 ? "success.light" : "error.light", f = () => r === 0 ? K(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
+    newer_score_calculated_at: h
+  } = t, u = ho(new Date(h), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? j(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
     if (r === 0) return null;
-    const C = r > 0 ? n.up_from : n.down_from, D = K(C, _, d);
-    return /* @__PURE__ */ a(z, { children: [
+    const x = r > 0 ? n.up_from : n.down_from, D = j(x, _, d);
+    return /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        bn,
+        an,
         {
           fill: !0,
           name: "circle",
@@ -3045,7 +3053,7 @@ const Eo = ({ total: t }) => {
       D
     ] });
   };
-  return /* @__PURE__ */ a(Y, { children: [
+  return /* @__PURE__ */ a(V, { children: [
     /* @__PURE__ */ e(
       k,
       {
@@ -3072,13 +3080,13 @@ const Eo = ({ total: t }) => {
                     justifyContent: "center",
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
+                  children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
                 }
               ),
               /* @__PURE__ */ a(p, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "body1", children: f() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
                 /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-                  h,
+                  u,
                   " ",
                   w()
                 ] })
@@ -3089,10 +3097,10 @@ const Eo = ({ total: t }) => {
       }
     ),
     r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
-      yo,
+      uo,
       {
         sx: {
-          [`& .${fo.root}:before`]: {
+          [`& .${go.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -3101,19 +3109,19 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            lt,
+            ct,
             {
-              content: K(
+              content: j(
                 n.spend_to_income_description,
-                Oe(c),
-                Oe(l)
+                Oe(l),
+                Oe(c)
               )
             }
           ),
           /* @__PURE__ */ e(
-            lt,
+            ct,
             {
-              content: K(
+              content: j(
                 n.credit_score_description,
                 i,
                 s
@@ -3125,12 +3133,12 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Yr = v(Vr), Xr = ({ isOpen: t, onClose: o }) => {
-  const n = G(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = L();
-  if (!s || !i) return /* @__PURE__ */ e(ee, {});
-  const u = Ne(l.health_score || 0, r), h = _.slice().reverse();
+}, Kr = v(jr), Vr = ({ isOpen: t, onClose: o }) => {
+  const n = G(), { finstrong: r } = S(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: _, peerScore: d } = F();
+  if (!s || !i) return /* @__PURE__ */ e(te, {});
+  const h = Ne(c.health_score || 0, r), u = _.slice().reverse();
   return /* @__PURE__ */ e(
-    Pt,
+    Lt,
     {
       additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
         Ye,
@@ -3139,11 +3147,11 @@ const Eo = ({ total: t }) => {
           baseline: "min",
           colors: [n.palette.primary.main],
           curveType: "natural",
-          datasets: [c],
+          datasets: [l],
           height: 160,
           isGraphClippingXAxis: !0,
           labels: [r.key_indicators_label],
-          margin: { top: 24, bottom: 32, right: 24, left: 45 },
+          margin: { top: 24, bottom: 6, right: 24, left: -17 },
           peerAverage: Math.round(d?.average_health_score?.average_health_score || 0),
           showArea: !0,
           showAverage: !0,
@@ -3171,22 +3179,22 @@ const Eo = ({ total: t }) => {
               Rt,
               {
                 arcRadius: 24,
-                healthScore: l?.health_score,
+                healthScore: c?.health_score,
                 margin: { top: 9 },
                 size: "SM"
               }
             ),
             /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
-              /* @__PURE__ */ e(M, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(M, { variant: "caption", children: u.description })
+              /* @__PURE__ */ e(M, { variant: "h3", children: h.status }),
+              /* @__PURE__ */ e(M, { variant: "XSmall", children: h.description })
             ] })
           ] })
         }
       ),
-      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(Yr, { report: y }, f)) })
+      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((y, f) => /* @__PURE__ */ e(Kr, { report: y }, f)) })
     }
   );
-}, qr = v(Xr), Ur = ({ copy: t }) => {
+}, Yr = v(Vr), Xr = ({ copy: t }) => {
   const o = G(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
@@ -3246,20 +3254,20 @@ const Eo = ({ total: t }) => {
       )) })
     ] })
   ] });
-}, Qr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), { isCopyLoaded: r } = q();
+}, qr = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), { isCopyLoaded: r } = q();
   return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(V, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(K, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
+      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Xr, { copy: n }) })
     ] }),
     /* @__PURE__ */ a(p, { sx: { gap: 12 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
       /* @__PURE__ */ a(
-        Ee,
+        Ge,
         {
           component: "ol",
           sx: {
@@ -3278,15 +3286,15 @@ const Eo = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              ye,
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              be,
               {
                 primary: n.understand_your_habits,
                 secondary: n.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              ye,
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              be,
               {
                 primary: n.see_whats_possible,
                 secondary: n.see_whats_possible_description
@@ -3299,7 +3307,7 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
       /* @__PURE__ */ a(
-        Ee,
+        Ge,
         {
           component: "ol",
           sx: {
@@ -3319,23 +3327,23 @@ const Eo = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_2 }) })
           ]
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(ee, {});
-}, Zr = v(Qr), Jr = v(() => {
-  const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
-  return !c || !l ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ a(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  ] }) }) : /* @__PURE__ */ e(te, {});
+}, Ur = v(qr), Qr = v(() => {
+  const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = Ct(), { finstrong: i } = S(), { isCopyLoaded: l, isInitialized: c } = q(), { healthScore: _, healthScoreChange: d } = F(), h = n.palette.mode === "dark", u = Ne(_?.health_score, i);
+  return !l || !c ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e(
-      Do,
+      wo,
       {
         action: /* @__PURE__ */ e(
-          B,
+          P,
           {
-            endIcon: /* @__PURE__ */ e(Z, {}),
+            endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => o(!0),
             sx: {
               fontSize: 13,
@@ -3347,7 +3355,7 @@ const Eo = ({ total: t }) => {
             children: i.financial_strength_header_action
           }
         ),
-        subheader: /* @__PURE__ */ e(V, { color: "text.primary", children: i.financial_strength_header }),
+        subheader: /* @__PURE__ */ e(K, { color: "text.primary", children: i.financial_strength_header }),
         sx: {
           p: 0,
           "& .MuiCardHeader-content": {
@@ -3366,11 +3374,11 @@ const Eo = ({ total: t }) => {
       }
     ) }),
     _?.health_score ? /* @__PURE__ */ a(
-      wo,
+      So,
       {
         sx: {
           px: 16,
-          backgroundColor: u ? "grey.800" : "grey.50",
+          backgroundColor: h ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           "&.Mui-expanded": {
             m: 0
@@ -3381,7 +3389,7 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            Mo,
+            vo,
             {
               expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
               sx: {
@@ -3394,11 +3402,11 @@ const Eo = ({ total: t }) => {
               children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(ko, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
+          /* @__PURE__ */ e(Co, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: u.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Pe,
+      Be,
       {
         buttonText: i.connect_more_accounts_title,
         description: i.health_score_zero_description,
@@ -3406,7 +3414,7 @@ const Eo = ({ total: t }) => {
         hasIcon: !1,
         isDashboard: !0,
         sx: {
-          backgroundColor: u ? "grey.800" : "grey.50",
+          backgroundColor: h ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           ".connect-more-accounts-title": {
             fontWeight: 600,
@@ -3419,53 +3427,54 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Zr,
+      Ur,
       {
         isOpen: t,
         onClose: () => o(!1)
       }
     )
   ] });
-}), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
-    augmentedChartData: u,
-    calculateHealthScore: h,
+}), Zr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
+  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Fn(), { reloadCategoryTotals: _ } = Ke(), d = F(), {
+    augmentedChartData: h,
+    calculateHealthScore: u,
     healthScore: y,
     loadAugmentedChartData: f,
     loadMonthlySummaries: w,
-    loadPeerScore: C,
+    loadPeerScore: x,
     peerScore: D
-  } = d, { finstrong: S, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { onLoad: F } = Bn(), { loadRepeatingTransactions: U } = Ve(), { isMobile: W } = qe(), O = G(), { userProfile: E } = J(), [pe, Se] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
-  if (m.useEffect(() => {
-    l(O);
+  } = d, { finstrong: C, connect: g } = S(), { isCopyLoaded: b, isInitialized: L } = q(), { loadRepeatingTransactions: B } = Ve(), { isMobile: U } = qe(), T = G(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(!1), [H, he] = m.useState(!1);
+  if (ko({
+    widgetName: "FinstrongWidget",
+    isLoaded: z
+  }), m.useEffect(() => {
+    c(T);
   }, []), m.useEffect(() => {
     n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, d]), m.useEffect(() => {
-    P && (w().finally(), C().finally(), h().finally(), f().finally(() => {
-      F?.("FinstrongWidget");
-    }));
-  }, [P]), m.useEffect(() => {
-    P && (_(r, s.start, s.end).finally(() => {
-      Se(!0);
-    }), i || (c(), U().finally()));
-  }, [s, i, P, r]), !b || !P || !pe) return /* @__PURE__ */ e(ee, {});
-  const ae = () => j(!0), _e = Math.round(D?.average_health_score?.average_health_score || 0);
+    L && (w().finally(), x().finally(), u().finally(), f().finally());
+  }, [L]), m.useEffect(() => {
+    L && (_(r, s.start, s.end).finally(() => {
+      pe(!0);
+    }), i || (l(), B().finally()));
+  }, [s, i, L, r]), !b || !L || !z) return /* @__PURE__ */ e(te, {});
+  const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
   return /* @__PURE__ */ a(
-    Io,
+    Mo,
     {
       actions: [
         {
           iconName: "person",
-          label: S.profile,
-          onClick: ae
+          label: C.profile,
+          onClick: N
         }
       ],
       hasDivider: !0,
       onBackClick: t,
       sx: o,
-      title: S.title,
+      title: C.title,
       children: [
-        E.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
+        $.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           p,
           {
             sx: {
@@ -3473,96 +3482,96 @@ const Eo = ({ total: t }) => {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: W ? 24 : 16,
+              pt: U ? 24 : 16,
               px: 24
             },
             children: [
               /* @__PURE__ */ a(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
-                /* @__PURE__ */ e(Jr, {}),
+                /* @__PURE__ */ e(Qr, {}),
                 /* @__PURE__ */ e(
-                  Pe,
+                  Be,
                   {
-                    description: S.connect_more_accounts_description,
+                    description: C.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: S.connect_more_accounts_title
+                    title: C.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(Y, { sx: { height: "100%", p: 16 }, children: [
+              /* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(V, { sx: { height: "100%", p: 16 }, children: [
                 /* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(V, { children: S.key_indicators }),
+                  /* @__PURE__ */ e(K, { children: C.key_indicators }),
                   /* @__PURE__ */ e(
-                    B,
+                    P,
                     {
-                      endIcon: /* @__PURE__ */ e(Z, {}),
-                      onClick: () => H(!0),
+                      endIcon: /* @__PURE__ */ e(J, {}),
+                      onClick: () => _e(!0),
                       sx: {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: S.whats_changed
+                      children: C.whats_changed
                     }
                   )
                 ] }),
-                u.length ? /* @__PURE__ */ e(
+                h.length ? /* @__PURE__ */ e(
                   Ye,
                   {
-                    axisColor: O.palette.divider,
+                    axisColor: T.palette.divider,
                     baseline: "min",
-                    colors: [O.palette.primary.main],
+                    colors: [T.palette.primary.main],
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
-                    customLegendVariant: "caption",
-                    datasets: [u],
+                    customLegendVariant: "XSmall",
+                    datasets: [h],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: O.palette.neutral.dark,
-                    labelFontColor: O.palette.common.white,
-                    labelFontSize: typeof O.typography.caption?.fontSize == "string" ? parseFloat(O.typography.caption.fontSize) : O.typography.caption?.fontSize,
-                    labels: [S.key_indicators_label],
-                    margin: { right: 0, left: 25 },
-                    peerAverage: _e,
+                    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: [C.key_indicators_label],
+                    margin: { right: 0, left: -37 },
+                    peerAverage: ae,
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: S.peer_average,
+                    title: C.peer_average,
                     useCustomMark: !0,
                     xAxisScaleType: "band"
                   }
-                ) : /* @__PURE__ */ e(Or, { onClick: () => N(!0) }),
-                y.health_score !== null && /* @__PURE__ */ e(Ar, {})
+                ) : /* @__PURE__ */ e(Ar, { onClick: () => he(!0) }),
+                y.health_score !== null && /* @__PURE__ */ e(Dr, {})
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ e(Er, {}),
-        /* @__PURE__ */ e(Kr, { isOpen: te, onClose: () => j(!1) }),
+        ) : /* @__PURE__ */ e(zr, {}),
+        /* @__PURE__ */ e(Nr, { isOpen: ve, onClose: () => Q(!1) }),
         /* @__PURE__ */ e(
           re,
           {
-            onClose: () => N(!1),
-            showConnectWidget: we,
+            onClose: () => he(!1),
+            showConnectWidget: H,
             title: g.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          qr,
+          Yr,
           {
-            isOpen: ve,
-            onClose: () => H(!1)
+            isOpen: Y,
+            onClose: () => _e(!1)
           }
         )
       ]
     }
   );
-}, yi = v(ea);
+}, gi = v(Zr);
 export {
-  To as CreditScoreGraph,
-  Ft as DialScoreCard,
+  Io as CreditScoreGraph,
+  Ot as DialScoreCard,
   Rt as FinancialStrengthGraph,
-  xi as FinstrongApi,
-  Ci as FinstrongStore,
-  yi as FinstrongWidget
+  fi as FinstrongApi,
+  xi as FinstrongStore,
+  gi as FinstrongWidget
 };