@mx-cartographer/experiences 7.2.5 → 11.6.4-alpha.san1

package/dist/finstrong/index.es.js

@@ -1,259 +1,151 @@
-import { jsx as e, jsxs as u, Fragment as re } from "react/jsx-runtime";
-import x from "@mui/material/Box";
-import g from "@mui/material/Stack";
-import { useTheme as G, alpha as te } from "@mui/material/styles";
-import { PieChart as Oe } from "@mui/x-charts";
-import { ChevronRight as j, Check as De, TrendingUp as Me, ArrowRightAlt as Te, TrendingDown as we, AccountBalance as me, ExpandMore as Re, Payments as Fe, CalendarMonth as Pe, CreditCard as ue, Savings as Ge, ContentCopy as Le, MultilineChart as Ee } from "@mxenabled/mx-icons";
-import { Text as W, P as y, H3 as H, Icon as he } from "@mxenabled/mxui";
-import { format as _e } from "date-fns/format";
-import C from "react";
-import We from "@mui/material/Avatar";
-import ge from "@mui/material/Divider";
-import Be from "@mui/material/List";
-import He from "@mui/material/ListItem";
-import ze from "@mui/material/ListItemAvatar";
-import $e from "@mui/material/ListItemButton";
-import Ne from "@mui/material/ListItemText";
-import { b } from "../Localization-2MODESHW.mjs";
-import * as ce from "d3";
-import { observer as I } from "mobx-react-lite";
-import { u as S, b as z, x as $, p as Y, d as fe, i as ye, m as Ke } from "../hooks-D6XlXHf4.mjs";
-import { L as N } from "../Loader-DUaFpDGv.mjs";
-import { F as No, a as Ko } from "../FinstrongStore-F2c607dj.mjs";
-import q from "@mui/material/Button";
-import J from "@mui/material/Card";
-import { L as be } from "../LineChart-D4GI7nVh.mjs";
-import { l as xe } from "../ConnectDrawer-DaFRU5st.mjs";
-import Xe from "@mui/material/Accordion";
-import je from "@mui/material/AccordionDetails";
-import Ue from "@mui/material/AccordionSummary";
-import Ve from "@mui/material/CardHeader";
-import { u as Ye } from "../useDimensions-27p2evRx.mjs";
-import { C as qe } from "../ConnectionsDrawer-DHJ7qdWL.mjs";
-import { R as Je } from "../RecurringSettings-C28GrQcP.mjs";
-import Qe from "@mui/material/TextField";
-import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
-import { a as Ze } from "../Dialog-CWW597AF.mjs";
-import { AdapterDateFns as et } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { StaticDatePicker as tt } from "@mui/x-date-pickers";
-import { LocalizationProvider as ot } from "@mui/x-date-pickers/LocalizationProvider";
-import { D as V } from "../Drawer-kEE73B87.mjs";
-import oe from "@mui/material/Tab";
-import nt from "@mui/material/Tabs";
-import { f as rt } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { T as ne } from "../TabContentContainer-j01JYR_7.mjs";
-import it from "@mui/lab/Timeline";
-import st, { timelineItemClasses as at } from "@mui/lab/TimelineItem";
-import ct from "@mui/lab/TimelineConnector";
-import lt from "@mui/lab/TimelineContent";
-import dt from "@mui/lab/TimelineDot";
-import pt from "@mui/lab/TimelineSeparator";
-import { W as mt } from "../WidgetContainer-C88Ecu2W.mjs";
-var A = /* @__PURE__ */ ((n) => (n.Connections = "connections", n.CreditScore = "credit_score", n.DateOfBirth = "date_of_birth", n.MonthlyIncome = "monthly_income", n))(A || {});
-const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
-  Be,
-  {
-    sx: {
-      "& .MuiListItemSecondaryAction-root": {
-        color: "text.primary",
-        pr: 24
-      }
-    },
-    children: n.map((t, i) => /* @__PURE__ */ u(C.Fragment, { children: [
-      /* @__PURE__ */ e(He, { secondaryAction: /* @__PURE__ */ e(j, {}), children: /* @__PURE__ */ u($e, { onClick: () => o(t.key), children: [
-        /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(
-          We,
-          {
-            sx: {
-              bgcolor: "primary.main",
-              ...!t.isComplete && {
-                bgcolor: "transparent",
-                borderColor: "action.active",
-                borderStyle: "solid",
-                borderWidth: 1,
-                color: "action.active"
-              }
-            },
-            children: t.icon
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          Ne,
-          {
-            primary: /* @__PURE__ */ e(W, { sx: { color: "text.secondary" }, variant: "caption", children: t.primaryText }),
-            secondary: /* @__PURE__ */ e(W, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.secondaryText })
-          }
-        )
-      ] }) }),
-      i < n.length - 1 && /* @__PURE__ */ e(ge, { sx: { color: "divider", ml: 68 } })
-    ] }, t.key))
-  }
-) }), ht = ut, le = (n) => n * (180 / Math.PI), ie = (n, o) => [
-  {
-    description: o.vulnerable_description,
-    max: 25,
-    scoreContent: o.accordion_details_text.vulnerable,
-    status: o.vulnerable
-  },
-  {
-    description: o.building_description,
-    max: 50,
-    scoreContent: o.accordion_details_text.building,
-    status: o.building
-  },
-  {
-    description: o.stable_description,
-    max: 75,
-    scoreContent: o.accordion_details_text.stable,
-    status: o.stable
-  },
-  {
-    description: o.strong_description,
-    max: 100,
-    scoreContent: o.accordion_details_text.strong,
-    status: o.strong
-  }
-].find((d) => n > 0 && n <= d.max) || { status: o.insufficient_data, description: "", scoreContent: "" }, D = {
-  POOR: "#8C0E0E",
-  FAIR: "#E32727",
-  GOOD: "#FFB70D",
-  VERY_GOOD: "#0EA26C",
-  EXCEPTIONAL: "#005C3D"
-}, M = {
-  POOR: "#B21C1C",
-  FAIR: "#FF3232",
-  GOOD: "#FFC02C",
-  VERY_GOOD: "#29C76B",
-  EXCEPTIONAL: "#008A5A"
-}, _t = (n, o, t) => n >= 300 && n < 580 ? {
-  status: t.poor,
-  color: o ? M.POOR : D.POOR
-} : n >= 580 && n < 670 ? {
-  status: t.fair,
-  color: o ? M.FAIR : D.FAIR
-} : n >= 670 && n < 740 ? {
-  status: t.good,
-  color: o ? M.GOOD : D.GOOD
-} : n >= 740 && n < 800 ? {
-  status: t.very_good,
-  color: o ? M.VERY_GOOD : D.VERY_GOOD
-} : n >= 800 && n <= 850 ? {
-  status: t.exceptional,
-  color: o ? M.EXCEPTIONAL : D.EXCEPTIONAL
-} : { status: t.missing_data }, gt = (n, o, t, i) => {
-  const d = n.reduce((r, a) => r + a.value, 0);
-  let l = 0;
-  const s = n.map((r) => {
-    const a = r.value / d * o, c = t + l, p = c + a;
-    return l += a, {
-      ...r,
-      startAngle: c,
-      endAngle: p
-    };
-  });
-  return [s[i].startAngle, s[i].endAngle];
-}, ft = (n, o, t, i, d) => {
-  let l = 0, s = 0;
-  const r = Math.floor(i), a = i - r;
-  return r > t ? (l = n, s = o) : r === t && a > 0 && (l = n, s = d), [l, s];
-}, yt = (n, o, t = 0) => {
-  const i = n * Math.sin(o - t), d = -n * Math.cos(o - t);
-  return [i, d];
-}, bt = ({
-  dynamicCopy: n,
-  fallbackLabel: o,
-  icon: t,
-  key: i,
-  label: d,
-  value: l
-}) => {
-  const s = !!l, r = s ? xt(i, l) : n && b(n, o) || o;
-  return {
-    icon: s ? /* @__PURE__ */ e(De, {}) : t,
-    isComplete: s,
-    key: i,
-    primaryText: d,
-    secondaryText: r
-  };
-}, xt = (n, o) => ({
-  [A.DateOfBirth]: (i) => _e(new Date(Number(i) * 1e3), "MMM d, yyyy"),
-  [A.MonthlyIncome]: (i) => `$${i}`
-})[n]?.(o) ?? String(o), de = (n) => n !== null ? Math.round(n * 100) : null, Ct = ({
-  dialScoreData: n,
-  dataIndex: o,
-  arcColor: t,
-  arcStartAngle: i,
-  totalAngularSpan: d,
-  centerX: l,
-  centerY: s,
-  arcRadius: r,
-  innerArcRadius: a,
-  outterArcRadius: c,
-  progressEndAngle: p,
-  unitsPerSegment: h,
-  isFinacialStrengthGraph: m
+import { jsxs as i, Fragment as G, jsx as e } from "react/jsx-runtime";
+import D from "@mui/material/Box";
+import _ from "@mui/material/Stack";
+import { useTheme as z, alpha as ue } from "@mui/material/styles";
+import { PieChart as Kt, BarPlot as jt } from "@mui/x-charts";
+import { TrendingUp as rt, ArrowRightAlt as Vt, TrendingDown as Yt, AccountBalance as at, ChevronRight as Z, CheckCircle as Xt, Cancel as Ut, MultilineChart as it, CreditCard as st, Savings as qt, ContentCopy as Zt, Add as ct, Cardiology as Qt, Payments as Jt, CalendarMonth as en, ExpandMore as tn } from "@mxenabled/mx-icons";
+import { P as w, H3 as X, Text as T, InstitutionLogo as lt, H2 as Ae, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
+import { g as rn, a as an, r as Ve, b as sn, c as $e, d as cn, C as ye, e as be, f as ln, h as dn, i as dt, j as Ye, k as pn, l as Xe, m as un, n as pt, o as _n, p as hn, q as ut, s as ke, t as mn, u as gn, v as yn, w as bn, A as Q, x as fn, P as xn } from "../FinstrongStore-CjErZ73K.mjs";
+import { y as _i, F as hi } from "../FinstrongStore-CjErZ73K.mjs";
+import * as Ue from "d3";
+import { observer as f } from "mobx-react-lite";
+import { u as v, b as U, o as ee, y as P, p as Sn, a as _t, d as xe, m as Le, g as Cn, f as vn, j as kn, h as wn, i as ht } from "../hooks-CBST3rkm.mjs";
+import { L as te } from "../Loader-DUaFpDGv.mjs";
+import h from "react";
+import W from "@mui/material/Button";
+import K from "@mui/material/Card";
+import { L as We } from "../LineChart-ClUGPuYX.mjs";
+import { C as mt } from "../ConnectionsDrawer-DabiwV9L.mjs";
+import { l as ne, g as gt, A as Re } from "../ConnectDrawer--gJHyp-S.mjs";
+import re from "@mui/material/Tab";
+import Ee from "@mui/material/Tabs";
+import we from "@mui/material/TextField";
+import { u as Ge } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Dn, f as An, a as Mn } from "../Dialog-BPTr3qHE.mjs";
+import In from "@mui/material/Chip";
+import { D as ie } from "../Drawer-BEtCk82g.mjs";
+import J from "@mui/material/Divider";
+import yt from "@mui/material/ListItem";
+import bt from "@mui/material/ListItemAvatar";
+import ft from "@mui/material/ListItemText";
+import { g as xt } from "../AccountFields-DOLjKu5l.mjs";
+import St from "@mui/material/List";
+import Tn from "@mui/material/ListItemButton";
+import On from "@mui/material/ListSubheader";
+import { f as $ } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { S as qe, F as Fn } from "../RecurringTransactions-CngsRZ3K.mjs";
+import { Button as Pn } from "@mui/material";
+import { S as Rn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as ze } from "../DateUtil-CBdcsyuk.mjs";
+import { useVirtualizer as Bn } from "@tanstack/react-virtual";
+import { u as $n, s as Be, h as Ct, S as vt, b as kt, Z as Ln } from "../TransactionDetails-DRlrltGq.mjs";
+import { A as Wn, W as En } from "../WidgetContainer-DJA1bxLn.mjs";
+import { u as wt } from "../useDimensions-27p2evRx.mjs";
+import { T as ae } from "../TabContentContainer-j01JYR_7.mjs";
+import { b as Y } from "../Localization-2MODESHW.mjs";
+import { E as De } from "../EmptyState-DA_lfRBv.mjs";
+import Gn from "@mui/material/useMediaQuery";
+import { ChartsXAxis as zn } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as Hn } from "@mui/x-charts/ChartsYAxis";
+import { ResponsiveChartContainer as Nn } from "@mui/x-charts/ResponsiveChartContainer";
+import { useSpring as Kn, animated as Ze } from "@react-spring/web";
+import { startOfMonth as Dt } from "date-fns/startOfMonth";
+import { endOfMonth as At } from "date-fns/endOfMonth";
+import { g as jn, S as Vn, b as Yn } from "../SpendingLegend-D24CEkL3.mjs";
+import { startOfToday as Qe } from "date-fns/startOfToday";
+import { subDays as Xn } from "date-fns/subDays";
+import { c as Un, d as Je, S as qn, i as Zn } from "../ManageIncome-BaNgfwr5.mjs";
+import { LocalizationProvider as Qn, DatePicker as Jn, StaticDatePicker as eo } from "@mui/x-date-pickers";
+import { AdapterDateFns as Mt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as to } from "../RecurringSettings-DE4T4yQy.mjs";
+import { LocalizationProvider as no } from "@mui/x-date-pickers/LocalizationProvider";
+import { format as oo } from "date-fns/format";
+import ro from "@mui/lab/Timeline";
+import ao, { timelineItemClasses as io } from "@mui/lab/TimelineItem";
+import so from "@mui/lab/TimelineConnector";
+import co from "@mui/lab/TimelineContent";
+import lo from "@mui/lab/TimelineDot";
+import po from "@mui/lab/TimelineSeparator";
+import uo from "@mui/material/Accordion";
+import _o from "@mui/material/AccordionDetails";
+import ho from "@mui/material/AccordionSummary";
+import mo from "@mui/material/CardHeader";
+const go = ({
+  dialScoreData: t,
+  dataIndex: r,
+  arcColor: n,
+  arcStartAngle: o,
+  totalAngularSpan: c,
+  centerX: s,
+  centerY: a,
+  arcRadius: p,
+  innerArcRadius: l,
+  outterArcRadius: d,
+  progressEndAngle: u,
+  unitsPerSegment: m,
+  isFinacialStrengthGraph: g
 }) => {
-  const _ = G(), R = [
-    { offset: "13.62%", color: _.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: _.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: _.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: _.palette.chartMono.chartMono5 }
-  ], [T, v] = gt(
-    n,
-    d,
-    i,
-    o
-  ), [L, E] = ft(
-    T,
-    v,
+  const S = z(), C = [
+    { offset: "13.62%", color: S.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: S.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: S.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: S.palette.chartMono.chartMono5 }
+  ], [y, k] = rn(
+    t,
+    c,
     o,
-    h,
-    p
-  ), K = ce.arc().innerRadius(a).outerRadius(c).startAngle(T).endAngle(v).padAngle(0.02).cornerRadius(8), F = ce.arc().innerRadius(a).outerRadius(c).startAngle(L).endAngle(E).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ u(re, { children: [
+    r
+  ), [b, x] = an(
+    y,
+    k,
+    r,
+    m,
+    u
+  ), A = Ue.arc().innerRadius(l).outerRadius(d).startAngle(y).endAngle(k).padAngle(0.02).cornerRadius(8), F = Ue.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(x).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       "path",
       {
-        d: K({}),
-        fill: m ? _.palette.divider : t
+        d: A({}),
+        fill: g ? S.palette.divider : n
       }
     ),
-    m && /* @__PURE__ */ e("path", { d: F({}), fill: "url(#arcGradient)" }),
+    g && /* @__PURE__ */ e("path", { d: F({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
-        gradientTransform: `rotate(5, ${l}, ${s})`,
+        gradientTransform: `rotate(5, ${s}, ${a})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
-        x1: l + r * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: l - r * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: s + r * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: s - r * 0.8 * Math.sin(Math.PI / 1.35),
-        children: R.map((w, O) => /* @__PURE__ */ e("stop", { offset: w.offset, stopColor: w.color }, O))
+        x1: s + p * 0.8 * Math.cos(Math.PI / 1.35),
+        x2: s - p * 0.8 * Math.cos(Math.PI / 1.35),
+        y1: a + p * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: a - p * 0.8 * Math.sin(Math.PI / 1.35),
+        children: C.map((H, O) => /* @__PURE__ */ e("stop", { offset: H.offset, stopColor: H.color }, O))
       }
     ) })
   ] });
-}, Se = ({
-  arcRadius: n = 100,
-  healthScore: o,
-  size: t = "L",
-  dialScoreData: i,
-  minValue: d = 0,
-  maxValue: l = 100,
-  markerColor: s,
-  healthScoreStatus: r,
-  footerCenterContent: a,
-  footerLeftContent: c,
-  footerRightContent: p,
-  isFinacialStrengthGraph: h = !1
+}, It = ({
+  arcRadius: t = 100,
+  healthScore: r,
+  size: n = "L",
+  dialScoreData: o,
+  minValue: c = 0,
+  maxValue: s = 100,
+  markerColor: a,
+  healthScoreStatus: p,
+  footerCenterContent: l,
+  footerLeftContent: d,
+  footerRightContent: u,
+  isFinacialStrengthGraph: m = !1
 }) => {
-  const m = G(), _ = -Math.PI / 1.35, R = Math.PI / 1.35, T = R - _, v = T / (l - d), L = (o - d) * v, E = _ + L + 0.02, K = t !== "SM" ? 0.1 : 0.12, F = n, w = n * (1 - K), O = F * 2.5, k = O / 2, P = O / 2, U = (w + F) / 2, Z = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, ke] = yt(U, E, Z), Ae = o / 25, se = {
+  const g = z(), S = -Math.PI / 1.35, C = Math.PI / 1.35, y = C - S, k = y / (s - c), b = (r - c) * k, x = S + b + 0.02, A = n !== "SM" ? 0.1 : 0.12, F = t, H = t * (1 - A), O = F * 2.5, N = O / 2, E = O / 2, ce = (H + F) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = sn(ce, x, j), de = r / 25, V = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Ie = a === 0 ? Te : we;
-  return /* @__PURE__ */ u(
-    g,
+  }, me = l === 0 ? Vt : Yt;
+  return /* @__PURE__ */ i(
+    _,
     {
       sx: {
         width: O,
@@ -263,18 +155,18 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       },
       children: [
         /* @__PURE__ */ e(
-          Oe,
+          Kt,
           {
             height: O,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
             series: [
               {
-                data: i,
-                innerRadius: w,
+                data: o,
+                innerRadius: H,
                 outerRadius: F,
-                startAngle: Math.round(le(_)),
+                startAngle: Math.round(Ve(S)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(le(R))
+                endAngle: Math.round(Ve(C))
                 // Use Math.degrees to convert
               }
             ],
@@ -283,22 +175,22 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               legend: { hidden: !0 }
             },
             slots: {
-              pieArc: (ae) => /* @__PURE__ */ e(
-                Ct,
+              pieArc: (Se) => /* @__PURE__ */ e(
+                go,
                 {
-                  arcColor: ae.color,
-                  arcRadius: n,
-                  arcStartAngle: _,
-                  centerX: k,
-                  centerY: P,
-                  dataIndex: ae.dataIndex,
-                  dialScoreData: i,
-                  innerArcRadius: w,
-                  isFinacialStrengthGraph: h,
+                  arcColor: Se.color,
+                  arcRadius: t,
+                  arcStartAngle: S,
+                  centerX: N,
+                  centerY: E,
+                  dataIndex: Se.dataIndex,
+                  dialScoreData: o,
+                  innerArcRadius: H,
+                  isFinacialStrengthGraph: m,
                   outterArcRadius: F,
-                  progressEndAngle: E,
-                  totalAngularSpan: T,
-                  unitsPerSegment: Ae
+                  progressEndAngle: x,
+                  totalAngularSpan: y,
+                  unitsPerSegment: de
                 }
               )
             },
@@ -308,922 +200,2856 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               }
             },
             width: O,
-            children: o >= d && o <= l && /* @__PURE__ */ e(
+            children: r >= c && r <= s && /* @__PURE__ */ e(
               "circle",
               {
-                cx: k + ee,
-                cy: P + ke,
-                fill: m.palette.common.white,
-                r: se[t].markerSize,
-                stroke: h ? "url(#arcGradient)" : s,
-                strokeWidth: t !== "SM" ? 3 : 1
+                cx: N + oe,
+                cy: E + le,
+                fill: g.palette.common.white,
+                r: V[n].markerSize,
+                stroke: m ? "url(#arcGradient)" : a,
+                strokeWidth: n !== "SM" ? 3 : 1
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          x,
+          D,
           {
             sx: {
               position: "absolute",
-              top: `${P}px`,
-              left: `${k}px`,
+              top: `${E}px`,
+              left: `${N}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: /* @__PURE__ */ u(
-              g,
+            children: /* @__PURE__ */ i(
+              _,
               {
                 spacing: 1,
-                sx: { alignItems: "center", justifyContent: "center", gap: t !== "M" ? 10 : 3 },
+                sx: { alignItems: "center", justifyContent: "center", gap: n !== "M" ? 10 : 3 },
                 children: [
                   /* @__PURE__ */ e(
-                    y,
+                    w,
                     {
                       sx: {
-                        fontSize: se[t].healthScoreFontSize,
-                        lineHeight: t !== "SM" ? "48px" : "100%"
+                        fontSize: V[n].healthScoreFontSize,
+                        lineHeight: n !== "SM" ? "48px" : "100%"
                       },
                       variant: "H1",
-                      children: o
+                      children: r
                     }
                   ),
-                  t !== "SM" && /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: t === "L" ? "body1" : "body2", children: r })
+                  n !== "SM" && /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: p })
                 ]
               }
             )
           }
         ),
-        a !== void 0 && /* @__PURE__ */ e(
-          x,
+        l !== void 0 && /* @__PURE__ */ e(
+          D,
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k}px`,
+              top: `${E * 2 * 0.83}px`,
+              left: `${N}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof a == "number" ? /* @__PURE__ */ u(g, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              a > 0 ? /* @__PURE__ */ e(Me, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Ie, { size: 16, sx: { color: "text.secondary" } }),
+            children: typeof l == "number" ? /* @__PURE__ */ i(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+              l > 0 ? /* @__PURE__ */ e(rt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(me, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
-                y,
+                w,
                 {
                   sx: {
                     fontWeight: 600,
-                    color: a > 0 ? "success.main" : "text.secondary"
+                    color: l > 0 ? "success.main" : "text.secondary"
                   },
                   variant: "body1",
-                  children: a
+                  children: l
                 }
               )
-            ] }) : /* @__PURE__ */ e(y, { sx: { color: "text.secondary" }, variant: "subtitle2", children: a })
+            ] }) : /* @__PURE__ */ e(w, { sx: { color: "text.secondary" }, variant: "subtitle2", children: l })
           }
         ),
-        c !== void 0 && /* @__PURE__ */ e(
-          x,
+        d !== void 0 && /* @__PURE__ */ e(
+          D,
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k - k / 2}px`,
+              top: `${E * 2 * 0.83}px`,
+              left: `${N - N / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(y, { variant: "body1", children: c })
+            children: /* @__PURE__ */ e(w, { variant: "body1", children: d })
           }
         ),
-        p !== void 0 && /* @__PURE__ */ e(
-          x,
+        u !== void 0 && /* @__PURE__ */ e(
+          D,
           {
             sx: {
               position: "absolute",
-              top: `${P * 2 * 0.83}px`,
-              left: `${k + k / 2}px`,
+              top: `${E * 2 * 0.83}px`,
+              left: `${N + N / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(y, { variant: "body1", children: p })
+            children: /* @__PURE__ */ e(w, { variant: "body1", children: u })
           }
         )
       ]
     }
   );
-}, ve = I(
-  ({ arcRadius: n, size: o = "L", healthScore: t, footerCenterContent: i }) => {
-    const d = [
+}, Tt = f(
+  ({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
+    const c = [
       { id: 1, label: "Group A", value: 25 },
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: l } = S(), s = ie(t, l);
+    ], { finstrong: s } = v(), a = $e(n, s);
     return /* @__PURE__ */ e(
-      Se,
+      It,
       {
-        arcRadius: n,
-        dialScoreData: d,
-        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : i,
-        healthScore: t,
-        healthScoreStatus: s.status,
+        arcRadius: t,
+        dialScoreData: c,
+        footerCenterContent: r === "L" ? s.footer_center_content_updated_just_now : o,
+        healthScore: n,
+        healthScoreStatus: a.status,
         isFinacialStrengthGraph: !0,
-        size: o
+        size: r
       }
     );
   }
-), Bo = I(
+), yo = f(
   ({
-    arcRadius: n,
-    size: o = "L",
-    healthScore: t,
-    maxValue: i = 850,
-    minValue: d = 300,
-    footerCenterContent: l
+    arcRadius: t,
+    size: r = "L",
+    healthScore: n,
+    maxValue: o = 850,
+    minValue: c = 300,
+    footerCenterContent: s
   }) => {
-    const r = G().palette.mode === "dark", a = [
+    const p = z().palette.mode === "dark", l = [
       {
         id: 1,
         label: "Poor",
-        value: 279,
-        color: r ? M.POOR : D.POOR
+        value: 29,
+        color: p ? ye.POOR : be.POOR
       },
       {
         id: 2,
         label: "Fair",
-        value: 89,
-        color: r ? M.FAIR : D.FAIR
+        value: 25,
+        color: p ? ye.FAIR : be.FAIR
       },
       {
         id: 3,
         label: "Good",
-        value: 69,
-        color: r ? M.GOOD : D.GOOD
+        value: 17,
+        color: p ? ye.GOOD : be.GOOD
       },
       {
         id: 4,
         label: "Very Good",
-        value: 59,
-        color: r ? M.VERY_GOOD : D.VERY_GOOD
+        value: 17,
+        color: p ? ye.VERY_GOOD : be.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
-        value: 50,
-        color: r ? M.EXCEPTIONAL : D.EXCEPTIONAL
+        value: 12,
+        color: p ? ye.EXCEPTIONAL : be.EXCEPTIONAL
       }
-    ], { finstrong: c } = S(), { isCopyLoaded: p } = z();
-    if (!p) return /* @__PURE__ */ e(N, {});
-    const { status: h, color: m = "none" } = _t(
-      t,
-      r,
-      c.credit_score_status
+    ], { finstrong: d } = v(), { isCopyLoaded: u } = U();
+    if (!u) return /* @__PURE__ */ e(te, {});
+    const { status: m, color: g = "none" } = cn(
+      n,
+      p,
+      d.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Se,
+      It,
       {
-        arcRadius: n,
-        dialScoreData: a,
-        footerCenterContent: l,
-        footerLeftContent: d,
-        footerRightContent: i,
-        healthScore: t,
-        healthScoreStatus: h,
-        markerColor: m,
-        maxValue: i,
-        minValue: d,
-        size: o
+        arcRadius: t,
+        dialScoreData: l,
+        footerCenterContent: s,
+        footerLeftContent: c,
+        footerRightContent: o,
+        healthScore: n,
+        healthScoreStatus: m,
+        markerColor: g,
+        maxValue: o,
+        minValue: c,
+        size: r
       }
     );
   }
-), Q = ({
-  isDashboard: n = !1,
-  hasIcon: o = !0,
-  buttonText: t,
-  title: i,
-  description: d,
-  sx: l
+), Me = ({
+  drawerType: t,
+  isDashboard: r = !1,
+  hasIcon: n = !0,
+  buttonText: o,
+  title: c,
+  titleDrawer: s,
+  description: a,
+  sx: p
 }) => {
-  const [s, r] = C.useState(!1), { connect: a, finstrong: c } = S();
-  return /* @__PURE__ */ u(
-    J,
+  const [l, d] = h.useState(!1), { connect: u, finstrong: m } = v();
+  return t ? /* @__PURE__ */ i(
+    K,
     {
       sx: {
         pb: 24,
         pt: 18,
         px: 24,
         width: "100%",
-        ...l
+        ...p
       },
       children: [
-        /* @__PURE__ */ u(
-          g,
+        /* @__PURE__ */ i(
+          _,
           {
             sx: {
               gap: 8,
-              ...n && { flexDirection: "row", alignItems: "center" }
+              ...r && { flexDirection: "row", alignItems: "center" }
             },
             children: [
-              o && /* @__PURE__ */ e(me, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(H, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: i || c.connect_more_accounts_title })
+              n && /* @__PURE__ */ e(at, { sx: { height: 20, width: 20 } }),
+              /* @__PURE__ */ e(X, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: c || m.connect_more_accounts_title })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          y,
+          w,
           {
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: d || c.connect_more_accounts_description
+            children: a || m.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
-          q,
+          W,
           {
-            endIcon: /* @__PURE__ */ e(j, {}),
-            onClick: () => r(!0),
+            endIcon: /* @__PURE__ */ e(Z, {}),
+            onClick: () => d(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(W, { sx: { fontWeight: 600 }, variant: "body2", children: t || c.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(T, { sx: { fontWeight: 600 }, variant: "body2", children: o || m.connect_more_accounts_button })
           }
         ),
-        /* @__PURE__ */ e(
-          xe,
+        t === "connectDrawer" && /* @__PURE__ */ e(
+          ne,
           {
-            onClose: () => r(!1),
-            showConnectWidget: s,
-            title: a.mini_title
+            onClose: () => d(!1),
+            showConnectWidget: l,
+            title: s || u.mini_title
+          }
+        ),
+        t === "connectionsDrawer" && /* @__PURE__ */ e(
+          mt,
+          {
+            onClose: () => d(!1),
+            showConnectionsWidget: l,
+            title: s || u.mini_title
           }
         )
       ]
     }
-  );
-}, St = I(() => {
-  const n = G(), [o, { width: t }] = Ye(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChange: r } = $(), a = n.palette.mode === "dark", c = ie(s?.health_score, i);
-  return !d || !l ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ u(J, { ref: o, sx: { p: 16 }, children: [
-    /* @__PURE__ */ e(
-      Ve,
-      {
-        action: /* @__PURE__ */ e(
-          q,
-          {
-            endIcon: /* @__PURE__ */ e(j, {}),
-            sx: {
-              fontSize: 13,
-              lineHeight: "16px",
-              fontWeight: 600,
-              color: "primary.main"
-            },
-            variant: "text",
-            children: i.financial_strength_header_action
-          }
-        ),
-        subheader: /* @__PURE__ */ e(H, { color: "text.primary", children: i.financial_strength_header }),
-        sx: {
-          p: 0,
-          "& .MuiCardHeader-content": {
-            overflow: "hidden"
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ e(g, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
-      ve,
-      {
-        arcRadius: t <= 323 ? 73 : 154,
-        footerCenterContent: r,
-        healthScore: s?.health_score || 0,
-        size: t <= 323 ? "M" : "L"
-      }
-    ) }),
-    s?.health_score ? /* @__PURE__ */ u(
-      Xe,
-      {
-        sx: {
-          px: 16,
-          backgroundColor: a ? "grey.800" : "grey.50",
-          //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
-          "&.Mui-expanded": {
-            m: 0
-          },
-          "&::before": {
-            display: "none"
-          }
-        },
-        children: [
-          /* @__PURE__ */ e(
-            Ue,
-            {
-              expandIcon: /* @__PURE__ */ e(Re, { size: 20 }),
-              sx: {
-                height: 52,
-                p: 0,
-                "&.Mui-expanded": {
-                  minHeight: 0
-                }
-              },
-              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
-            }
-          ),
-          /* @__PURE__ */ e(je, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(y, { variant: "subtitle1", children: c.scoreContent }) })
-        ]
-      }
-    ) : /* @__PURE__ */ e(
-      Q,
-      {
-        buttonText: i.connect_more_accounts_title,
-        description: i.health_score_zero_description,
-        hasIcon: !1,
-        isDashboard: !0,
-        sx: {
-          backgroundColor: a ? "grey.800" : "grey.50",
-          //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
-          ".connect-more-accounts-title": {
-            fontWeight: 600,
-            lineHeight: "20px",
-            color: "text.primary"
-          },
-          ".connect-more-accounts-description": { color: "text.primary" }
-        },
-        title: i.health_score_zero_title
-      }
-    )
-  ] });
-}), vt = ({ isOpen: n, onClose: o }) => {
-  const { common: t, finstrong: i } = S(), { isMobile: d } = Ce(), { updateUser: l, user: s } = Y(), [r, a] = C.useState(s.credit_score || 0), c = !isNaN(r), p = () => {
-    o(), setTimeout(() => a(s.credit_score || 0), 300);
-  }, h = () => {
-    !r || r === s.credit_score || l({ ...s, credit_score: r });
+  ) : null;
+};
+var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
+const bo = ({ isOpen: t, onClose: r }) => {
+  const { common: n, finstrong: o } = v(), { isMobile: c } = Ge(), { updateUser: s, user: a } = ee(), [p, l] = h.useState(a.credit_score || 0), d = !isNaN(p), u = () => {
+    r(), setTimeout(() => l(a.credit_score || 0), 300);
+  }, m = () => {
+    !p || p === a.credit_score || s({ ...a, credit_score: p });
   };
   return /* @__PURE__ */ e(
-    Ze,
+    Dn,
     {
-      copy: { close_aria: t.close_aria, title: i.edit_credit_score },
-      disablePrimaryButton: !r || !c,
-      isOpen: n,
+      copy: { close_aria: n.close_aria, title: o.edit_credit_score },
+      disablePrimaryButton: !p || !d,
+      isOpen: t,
       maxWidth: "xs",
-      onClose: p,
-      onPrimaryAction: h,
+      onClose: u,
+      onPrimaryAction: m,
       primaryColor: "primary",
-      primaryText: t.save_button,
+      primaryText: n.save_button,
       sx: {
         "& .MuiDialog-paper": {
-          minWidth: d ? "100%" : 400
+          minWidth: c ? "100%" : 400
         }
       },
       children: /* @__PURE__ */ e(
-        Qe,
+        "form",
         {
-          error: !c,
-          fullWidth: !0,
-          inputMode: "numeric",
-          inputProps: {
-            noValidate: !0,
-            pattern: "[0-9]*"
+          onSubmit: (g) => {
+            g.preventDefault(), m(), u();
           },
-          onChange: (m) => a(Number(m.target.value)),
-          value: c ? r : ""
+          children: /* @__PURE__ */ e(
+            we,
+            {
+              error: !d,
+              fullWidth: !0,
+              inputMode: "numeric",
+              inputProps: {
+                noValidate: !0,
+                pattern: "[0-9]*"
+              },
+              onChange: (g) => l(Number(g.target.value)),
+              value: d ? p : ""
+            }
+          )
         }
       )
     }
   );
-}, kt = I(vt), At = ({ isOpen: n, onClose: o }) => {
-  const { finstrong: t } = S(), i = G(), { updateUser: d, user: l } = Y(), [s, r] = C.useState(l.birthday), a = (p) => {
-    r(Math.floor(new Date(p).getTime() / 1e3));
-  };
+}, Ot = f(bo), fo = {
+  updated_score: "Updated Score"
+}, xo = () => {
+  const { healthScoreChange: t } = P(), { user: r } = ee(), { availableWidth: n } = Sn(), { isSmallMobile: o } = Ge(n), [c, s] = h.useState(!1);
+  return /* @__PURE__ */ i(_, { sx: { gap: 28 }, children: [
+    /* @__PURE__ */ e(
+      yo,
+      {
+        arcRadius: o ? 124 : 154,
+        footerCenterContent: t,
+        healthScore: r.credit_score ?? 0,
+        size: o ? "M" : "L"
+      }
+    ),
+    /* @__PURE__ */ e(W, { onClick: () => s(!0), variant: "contained", children: fo.updated_score }),
+    /* @__PURE__ */ e(Ot, { isOpen: c, onClose: () => s(!1) })
+  ] });
+}, So = f(xo), Ie = ({ status: t }) => {
+  const { finstrong: r } = v(), n = ln(dn[t]), o = {
+    GOOD: r.key_indicators_good,
+    FAIR: r.key_indicators_fair,
+    OFF_TRACK: r.key_indicators_off_track,
+    MISSING: r.key_indicators_missing
+  }[t];
   return /* @__PURE__ */ e(
-    V,
+    In,
     {
-      isOpen: n,
-      onClose: o,
-      onPrimaryAction: () => {
-        !s || s === l.birthday || (d({ ...l, birthday: s }), o());
-      },
-      onSecondaryAction: o,
-      title: t.date_of_birth,
-      children: /* @__PURE__ */ e(ot, { dateAdapter: et, children: /* @__PURE__ */ e(
-        tt,
+      label: /* @__PURE__ */ e(
+        w,
         {
-          disableFuture: !0,
-          onChange: a,
-          slotProps: {
-            nextIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
-              }
-            },
-            previousIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
-              }
-            }
-          },
-          slots: {
-            actionBar: () => null,
-            toolbar: () => null
-          },
-          sx: {
-            width: "100%",
-            "& .MuiIconButton-edgeEnd": {
-              color: "primary.main",
-              "&:hover": { bgcolor: te(i.palette.primary.light, 0.1) }
-            }
-          },
-          value: s ? new Date(s * 1e3) : /* @__PURE__ */ new Date()
+          fontWeight: 700,
+          sx: { color: n.color, minHeight: 12 },
+          uppercase: !0,
+          variant: "tiny",
+          children: o
         }
-      ) })
+      ),
+      size: "small",
+      sx: {
+        bgcolor: n.backgroundColor,
+        height: 16
+      },
+      variant: "filled"
     }
   );
-}, It = I(At), Ot = ({ value: n, completeCopy: o }) => /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
-  /* @__PURE__ */ e(g, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((t, i) => /* @__PURE__ */ e(
-    x,
-    {
-      sx: {
-        bgcolor: i < n ? "primary.main" : "neutral.light",
-        borderRadius: "24px",
-        height: 4,
-        width: "100%"
+}, Co = {
+  keep_strong_credit_score: "Keep a Strong Credit Score"
+}, vo = () => {
+  const { user: t } = ee(), r = dt(t.credit_score ?? null);
+  return /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ e(X, { children: Co.keep_strong_credit_score }),
+    /* @__PURE__ */ e(Ie, { status: r })
+  ] });
+}, ko = f(vo), wo = ({
+  additionalContent: t,
+  connectTitle: r,
+  connectDescription: n,
+  children: o,
+  description: c,
+  drawerTitle: s,
+  isOpen: a,
+  loadConnectAccountsCard: p = !0,
+  onClose: l,
+  stickyComponent: d,
+  title: u,
+  drawerType: m
+}) => {
+  const { finstrong: g } = v(), { isCopyLoaded: S } = U();
+  return S ? /* @__PURE__ */ i(ie, { isOpen: a, onClose: l, title: s || g.key_indicators, children: [
+    (u || c) && /* @__PURE__ */ i(
+      _,
+      {
+        sx: {
+          backgroundColor: "background.paper",
+          gap: 8,
+          p: 24
+        },
+        children: [
+          u && typeof u == "string" ? /* @__PURE__ */ e(X, { children: u }) : u,
+          c && /* @__PURE__ */ e(w, { children: c })
+        ]
       }
+    ),
+    d && /* @__PURE__ */ e(
+      D,
+      {
+        sx: {
+          position: "sticky",
+          top: 0,
+          zIndex: 1
+        },
+        children: d
+      }
+    ),
+    t && /* @__PURE__ */ e(D, { children: t }),
+    /* @__PURE__ */ i(_, { sx: { p: 24, gap: 24 }, children: [
+      o,
+      p && /* @__PURE__ */ e(
+        Me,
+        {
+          description: n,
+          drawerType: m,
+          isDashboard: !0,
+          sx: { backgroundColor: "background.paper" },
+          title: r
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ e(te, {});
+}, Ft = f(wo), Do = ({
+  onClick: t,
+  shouldShowBalance: r = !0,
+  loadAccounts: n
+}) => {
+  const { config: o } = _t(), { accounts: c } = v(), { selectedAccounts: s } = U(), a = h.useCallback(
+    (l) => {
+      t?.(l);
     },
-    i
-  )) }),
-  /* @__PURE__ */ u(W, { sx: { color: "text.secondary" }, variant: "body2", children: [
-    n / 4 * 100,
-    "% ",
-    o
-  ] })
-] }), Dt = ({ isOpen: n, onClose: o }) => {
-  const { visibleFinstrongAccounts: t } = fe(), { incomeBudget: i } = ye(), {
-    accounts: d,
-    common: l,
-    finstrong: s
-  } = S(), { user: r } = Y(), [a, c] = C.useState(null), h = [
-    {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.monthly_income,
-      icon: /* @__PURE__ */ e(Fe, {}),
-      key: A.MonthlyIncome,
-      label: s.monthly_income,
-      value: i
-    },
-    {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.date_of_birth,
-      icon: /* @__PURE__ */ e(Pe, {}),
-      key: A.DateOfBirth,
-      label: s.date_of_birth,
-      value: r.birthday
-    },
-    {
-      dynamicCopy: s.add_profile_item,
-      fallbackLabel: s.credit_score,
-      icon: /* @__PURE__ */ e(ue, {}),
-      key: A.CreditScore,
-      label: s.credit_score,
-      value: r.credit_score
-    },
-    {
-      fallbackLabel: s.connect_your_accounts,
-      icon: /* @__PURE__ */ e(me, {}),
-      key: A.Connections,
-      label: s.connections,
-      value: t.length > 0 ? b(
-        s.connected_account,
-        String(t.length),
-        t.length > 1 ? s.accounts : s.account
-      ) : void 0
-    }
-  ].map((m) => bt(m));
-  return /* @__PURE__ */ u(V, { isOpen: n, onClose: o, title: s.financial_profile, children: [
-    /* @__PURE__ */ u(g, { sx: { gap: 20, p: 24 }, children: [
-      /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(H, { children: s.your_financial_profile }),
-        /* @__PURE__ */ e(y, { children: s.financial_profile_description })
+    [t]
+  ), p = h.useMemo(
+    () => Array.from(new Set(s.map((l) => l.account_type))).filter(
+      (l) => n ? n.includes(l) : !0
+    ),
+    [s, n]
+  );
+  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: p.map((l) => {
+    const { accountsForType: d, totalBalanceForType: u } = s.reduce(
+      (m, g) => (g.account_type === l && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
+      { accountsForType: [], totalBalanceForType: 0 }
+    );
+    return /* @__PURE__ */ i(
+      St,
+      {
+        subheader: /* @__PURE__ */ e(On, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: c.account_types[l] }),
+          r && /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
+        ] }) }),
+        sx: { bgcolor: "background.paper" },
+        children: [
+          d.map((m, g) => {
+            const { firstValue: S } = xt(m, c), C = gt(m, {
+              allowNickname: o?.show_account_nicknames_in_master
+            }), y = /* @__PURE__ */ i(G, { children: [
+              /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
+              /* @__PURE__ */ e(
+                ft,
+                {
+                  primary: `${C}${m.account_number ? ` *${m.account_number}` : ""}`,
+                  primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
+                }
+              ),
+              r && /* @__PURE__ */ e(w, { bold: !0, variant: "body2", children: $(S ?? 0, "0,0.00") })
+            ] });
+            return /* @__PURE__ */ i(h.Fragment, { children: [
+              /* @__PURE__ */ e(yt, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Tn, { onClick: () => a(m), children: y }) : y }),
+              g !== d.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
+            ] }, m.guid);
+          }),
+          /* @__PURE__ */ e(J, {})
+        ]
+      },
+      l
+    );
+  }) }) : null;
+}, Pt = f(Do), Ao = ({ loadAccounts: t, loadMoreLabel: r }) => {
+  const n = z(), { config: o } = _t(), { connect: c, finstrong: s } = v(), { accounts: a } = v(), { selectedAccounts: p } = U(), [l, d] = h.useState(!1), [u, m] = h.useState(!1), g = h.useMemo(
+    () => p.filter(
+      (y) => t ? t.includes(y.account_type) : !0
+    ),
+    [p, t]
+  ), S = h.useMemo(() => g.slice(0, 3), [g]), C = (y) => {
+    const { firstValue: k } = xt(y, a);
+    return k;
+  };
+  return g.length >= 1 ? /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((y, k) => /* @__PURE__ */ i(h.Fragment, { children: [
+      /* @__PURE__ */ i(yt, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
+        /* @__PURE__ */ e(
+          ft,
+          {
+            primary: `${gt(y, {
+              allowNickname: o?.show_account_nicknames_in_master
+            })}
+              ${y.account_number ? ` *${y.account_number}` : ""}`,
+            primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
+          }
+        ),
+        /* @__PURE__ */ e(w, { bold: !0, variant: "body2", children: $(C(y), "0,0.00") })
       ] }),
-      /* @__PURE__ */ e(
-        Ot,
+      k < S.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
+    ] }, y.guid)) }),
+    g.length > 3 && /* @__PURE__ */ i(G, { children: [
+      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+        W,
         {
-          completeCopy: s.complete,
-          value: h.reduce((m, _) => m + (_.isComplete ? 1 : 0), 0)
+          endIcon: /* @__PURE__ */ e(Z, {}),
+          onClick: () => d(!0),
+          size: "small",
+          sx: { my: 0, px: 16, py: 12, width: "100%" },
+          children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
+            g.length - 3,
+            " ",
+            r
+          ] })
         }
-      )
-    ] }),
-    /* @__PURE__ */ e(ht, { list: h, onClickItem: c }),
-    /* @__PURE__ */ e(x, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-      Q,
+      ) }),
+      /* @__PURE__ */ e(ie, { isOpen: l, onClose: () => d(!1), title: s.accounts, children: /* @__PURE__ */ e(Pt, { loadAccounts: t }) })
+    ] })
+  ] }) : /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+      W,
       {
-        description: s.connect_more_accounts_to_view_more_accurate_financial_picture,
-        isDashboard: !0,
-        title: s.dont_see_all_your_accounts
+        onClick: () => m(!0),
+        size: "small",
+        sx: { my: 0, px: 16, py: 12, width: "100%" },
+        variant: "contained",
+        children: /* @__PURE__ */ e(T, { bold: !0, variant: "body1", children: s.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
-      V,
-      {
-        isOpen: a === A.MonthlyIncome,
-        onClose: () => c(null),
-        title: l.settings,
-        children: /* @__PURE__ */ e(Je, {})
-      }
-    ),
-    /* @__PURE__ */ e(It, { isOpen: a === A.DateOfBirth, onClose: () => c(null) }),
-    /* @__PURE__ */ e(kt, { isOpen: a === A.CreditScore, onClose: () => c(null) }),
-    /* @__PURE__ */ e(
-      qe,
+      ne,
       {
-        onClose: () => c(null),
-        showConnectionsWidget: a === A.Connections,
-        title: d.manage_connections
+        onClose: () => m(!1),
+        showConnectWidget: u,
+        title: c.mini_title
       }
     )
   ] });
-}, Mt = I(Dt), X = {
-  creditScore: {
-    poor: 600,
-    good: 720
-  },
-  daysOfCashOnHand: {
-    poor: 30,
-    good: 90
-  },
-  debtToIncomeRatio: {
-    poor: 40,
-    good: 30
-  },
-  emergencySavings: {
-    poor: 750,
-    good: 1e3
-  },
-  spendToIncomeRatio: {
-    poor: 110,
-    good: 100
-  }
-}, f = {
-  GOOD: "Good",
-  FAIR: "Fair",
-  OFF_TRACK: "Off Track",
-  MISSING: "Missing"
-}, B = ({
-  title: n,
-  description: o,
-  cardState: t = f.MISSING,
-  stateTitle: i
-}) => {
-  const d = {
-    [f.GOOD]: { backgroundColor: "success.lighter", color: "success.main" },
-    [f.FAIR]: { backgroundColor: "warning.lighter", color: "warning.main" },
-    [f.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.main" },
-    [f.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-  }[t];
-  return /* @__PURE__ */ u(
-    g,
-    {
+}, Rt = f(Ao), he = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
+  _,
+  {
+    sx: {
       alignItems: "center",
-      flexDirection: "row",
-      gap: 12,
-      justifyContent: "space-between",
-      sx: {
-        p: 16,
-        border: "1px solid",
-        borderColor: "divider",
-        borderRadius: 2
-      },
-      children: [
-        /* @__PURE__ */ u(x, { sx: { minHeight: 48 }, children: [
-          /* @__PURE__ */ u(g, { flexDirection: "row", gap: 4, children: [
-            /* @__PURE__ */ e(y, { fontWeight: 600, sx: { mb: 8 }, truncate: !0, variant: "body1", children: n }),
-            /* @__PURE__ */ e(
-              x,
-              {
-                sx: {
-                  borderRadius: 3,
-                  backgroundColor: d.backgroundColor,
-                  px: 8,
-                  py: 2,
-                  height: 16
-                },
-                children: /* @__PURE__ */ e(y, { fontWeight: 700, sx: { minHeight: 12 }, uppercase: !0, variant: "tiny", children: i })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(y, { color: "secondary", variant: "subtitle2", children: o })
+      backgroundColor: "background.default",
+      borderRadius: 2,
+      height: 72,
+      justifyContent: "center",
+      p: 12,
+      ...n
+    },
+    children: [
+      typeof t == "number" ? /* @__PURE__ */ e(w, { variant: "h2", children: $(t, "0,0.00") }) : t,
+      /* @__PURE__ */ e(w, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: r })
+    ]
+  }
+);
+var I = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(I || {}), fe = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(fe || {}), 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 B = {
+  bi_weekly: "Bi-Weekly",
+  calculate: "Calculate",
+  daily: "Daily",
+  day: "day",
+  days: "Days",
+  estimated_contribution: "Estimated Contribution",
+  estimated_period_bi_weekly: "bi-weekly",
+  estimated_period_daily: "day",
+  estimated_period_monthly: "month",
+  estimated_period_weekly: "week",
+  how_often_contribute: "How often will you contribute?",
+  meet_your_goal_within: "Meet your goal within",
+  months: "Months",
+  monthly: "Monthly",
+  savings_goal: "Savings Goal",
+  suggested_goal: "Suggested Goal: $25,000",
+  weekly: "Weekly",
+  years: "Years"
+}, Mo = [
+  { id: q.Monthly, label: B.monthly },
+  { id: q.BiWeekly, label: B.bi_weekly },
+  { id: q.Weekly, label: B.weekly },
+  { id: q.Daily, label: B.daily }
+], Io = {
+  [q.Monthly]: B.estimated_period_monthly,
+  [q.BiWeekly]: B.estimated_period_bi_weekly,
+  [q.Weekly]: B.estimated_period_weekly,
+  [q.Daily]: B.estimated_period_daily
+}, To = [
+  { id: fe.Months, label: B.months },
+  { id: fe.Years, label: B.years },
+  { id: fe.Days, label: B.days }
+], Oo = ({ total: t }) => {
+  const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = h.useState(0), [c, s] = h.useState(Ye(t)), [a, p] = h.useState(
+    Ye(t)
+  ), [l, d] = h.useState(r), [u, m] = h.useState(pn(t)), [g, S] = h.useState(fe.Months);
+  h.useEffect(() => {
+    o(
+      Xe({
+        contribution: a,
+        goalAmount: l,
+        goalPeriod: u,
+        targetPeriod: g,
+        totalSaved: t
+      })
+    ), s(a);
+  }, []);
+  const C = (y) => {
+    y.preventDefault(), o(
+      Xe({
+        contribution: a,
+        goalAmount: l,
+        goalPeriod: u,
+        targetPeriod: g,
+        totalSaved: t
+      })
+    ), s(a);
+  };
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: C, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+    /* @__PURE__ */ e(
+      he,
+      {
+        balance: /* @__PURE__ */ i(_, { sx: { flexDirection: "row", height: 32 }, children: [
+          /* @__PURE__ */ e(T, { variant: "h2", children: $(n, "0,0") }),
+          /* @__PURE__ */ i(T, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
+            "/",
+            Io[c]
+          ] })
         ] }),
-        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(he, { color: "secondary", name: "chevron_right", size: 24 }) })
-      ]
-    }
-  );
-}, Tt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_spend: t } = o, i = (r) => {
-    const { good: a, poor: c } = X.spendToIncomeRatio;
-    let p = f.MISSING, h = t.ratio_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r < a ? (p = f.GOOD, h = b(t.ratio_good_description, r), m = o.key_indicators_good) : r >= a && r < c ? (p = f.FAIR, h = b(t.ratio_fair_description, r), m = o.key_indicators_fair) : r >= c && (p = f.OFF_TRACK, h = b(t.ratio_off_track_description, r), m = o.key_indicators_off_track)), {
-      cardState: p,
-      description: h,
-      title: t.ratio_card_title,
-      stateTitle: m
-    };
-  }, d = (r) => {
-    let a = f.MISSING, c = t.count_missing_description, p = o.key_indicators_missing;
-    return r !== null && (r === 0 ? (a = f.GOOD, c = t.count_good_description, p = o.key_indicators_good) : r >= 1 && (a = f.OFF_TRACK, c = t.count_off_track_description, p = o.key_indicators_off_track)), {
-      cardState: a,
-      description: c,
-      title: t.count_card_title,
-      stateTitle: p
-    };
-  }, { spendToIncomeRatio: l, spendFeeCount: s } = C.useMemo(() => {
-    const r = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, a = i(r), c = d(n.spending_fee_transaction_count);
-    return { spendToIncomeRatio: a, spendFeeCount: c };
-  }, [
-    n.spend_to_income_ratio,
-    n.spending_fee_transaction_count,
-    t,
-    o
-  ]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+        title: B.estimated_contribution
+      }
+    ),
     /* @__PURE__ */ e(
-      B,
+      we,
       {
-        cardState: l.cardState,
-        description: l.description,
-        stateTitle: l.stateTitle,
-        title: l.title
+        "aria-label": B.savings_goal,
+        helperText: B.suggested_goal,
+        inputProps: {
+          noValidate: !0,
+          pattern: "[0-9]*"
+        },
+        label: B.savings_goal,
+        onChange: (y) => {
+          y.target.value && d(Number(y.target.value.replace(/[^0-9]/g, "")));
+        },
+        value: l ? $(l, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
-      B,
+      qe,
       {
-        cardState: s.cardState,
-        description: s.description,
-        stateTitle: s.stateTitle,
-        title: s.title
+        label: B.how_often_contribute,
+        onChange: p,
+        options: Mo,
+        required: !0,
+        value: a
       }
-    )
+    ),
+    /* @__PURE__ */ i(_, { sx: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ e(
+        we,
+        {
+          "aria-label": B.meet_your_goal_within,
+          fullWidth: !0,
+          inputProps: {
+            noValidate: !0,
+            pattern: "[0-9]*"
+          },
+          label: B.meet_your_goal_within,
+          onChange: (y) => m(Number(y.target.value)),
+          sx: {
+            "& .MuiInputBase-root": {
+              borderBottomRightRadius: 0,
+              borderTopRightRadius: 0,
+              fieldset: {
+                borderRightWidth: 0.5
+              }
+            }
+          },
+          value: u
+        }
+      ),
+      /* @__PURE__ */ e(
+        D,
+        {
+          sx: {
+            "& .MuiInputBase-root": {
+              borderBottomLeftRadius: 0,
+              borderTopLeftRadius: 0,
+              fieldset: {
+                borderLeftWidth: 0.5
+              }
+            }
+          },
+          children: /* @__PURE__ */ e(qe, { label: "", onChange: S, options: To, value: g })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(W, { fullWidth: !0, onClick: C, type: "submit", variant: "contained", children: B.calculate })
+  ] }) }) });
+}, Fo = f(Oo), ve = {
+  connect_accounts: "Connect Accounts",
+  more_accounts: "More Accounts",
+  your_savings: "Your Savings"
+}, Po = () => {
+  const { savingsAccounts: t } = xe(), [r, n] = h.useState(!1), o = h.useMemo(
+    () => t.reduce((c, s) => c + (s.balance ?? 0), 0),
+    [t]
+  );
+  return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
+    /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
+      /* @__PURE__ */ e(he, { balance: o, title: ve.your_savings }),
+      t.length ? /* @__PURE__ */ e(Rt, { loadAccounts: [Re.SAVINGS], loadMoreLabel: ve.connect_accounts }) : /* @__PURE__ */ e(Pn, { onClick: () => n(!0), variant: "contained", children: ve.connect_accounts })
+    ] }) }),
+    /* @__PURE__ */ e(Fo, { total: o }),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        onClose: () => n(!1),
+        showConnectWidget: r,
+        title: ve.connect_accounts
+      }
+    )
+  ] });
+}, Ro = f(Po), Te = f(
+  ({ label: t, value: r, status: n, bottomComponent: o, statusBarData: c = [] }) => {
+    const { finstrong: s } = v(), a = {
+      GOOD: {
+        backgroundColor: "success.lighter",
+        color: "success.main",
+        progressBarColor: "primary.main",
+        label: s?.key_indicators_good
+      },
+      FAIR: {
+        backgroundColor: "warning.lighter",
+        color: "warning.main",
+        progressBarColor: "warning.main",
+        label: s?.key_indicators_fair
+      },
+      OFF_TRACK: {
+        backgroundColor: "error.lighter",
+        color: "error.main",
+        progressBarColor: "error.main",
+        label: s?.key_indicators_off_track
+      },
+      MISSING: {
+        backgroundColor: "divider",
+        color: "text.secondary",
+        progressBarColor: "text.secondary",
+        label: s?.key_indicators_missing
+      }
+    }[n], p = c.map((l, d) => c.length === 2 ? {
+      color: d === 0 ? "primary.main" : l.color || a?.progressBarColor,
+      percentage: l.percentage
+    } : {
+      color: l.color || a?.progressBarColor,
+      percentage: l.percentage
+    });
+    return /* @__PURE__ */ i(
+      _,
+      {
+        sx: {
+          backgroundColor: "background.paper",
+          gap: 8,
+          p: 24,
+          pt: 0,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        },
+        children: [
+          /* @__PURE__ */ i(_, { sx: { gap: 2 }, children: [
+            /* @__PURE__ */ e(T, { variant: "body2", children: t }),
+            /* @__PURE__ */ i(
+              _,
+              {
+                sx: {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  gap: 12,
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ e(Ae, { children: r }),
+                  /* @__PURE__ */ e(Ie, { status: n })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(_, { children: [
+            /* @__PURE__ */ e(Rn, { data: p, height: 16 }),
+            o
+          ] })
+        ]
+      }
+    );
+  }
+), Bo = {
+  sticky_label: "You have saved"
+}, $o = ["$0", "$250", "$500", "$750", "$1k"], Lo = () => {
+  const { healthScore: t } = P(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = un(r), o = pt(r);
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      bottomComponent: /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: $o.map((c) => /* @__PURE__ */ i(_, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+        /* @__PURE__ */ e(
+          J,
+          {
+            orientation: "vertical",
+            sx: {
+              borderWidth: 0.5,
+              height: 8,
+              mt: 2
+            }
+          }
+        ),
+        /* @__PURE__ */ e(T, { variant: "caption", children: c })
+      ] }, c)) }),
+      label: Bo.sticky_label,
+      status: o,
+      statusBarData: [
+        {
+          percentage: n
+        }
+      ],
+      value: $(r ?? 0, "0,0.00")
+    }
+  );
+}, Wo = f(Lo), et = 65, tt = 34, Eo = ({
+  transactions: t,
+  bgcolor: r,
+  height: n = "calc(100dvh - 36px)",
+  loader: o = /* @__PURE__ */ e(te, { label: "Loading", size: 40 }),
+  onClick: c,
+  showInsights: s = !1,
+  showLoader: a = !1,
+  width: p = "100%",
+  zeroState: l = /* @__PURE__ */ e(Ln, {})
+}) => {
+  const { getCategoryName: d } = Le(), { onEvent: u } = Cn(), { categories: m } = v(), { clearExpandedSplits: g, setShowInsights: S, toggleSplit: C } = $n(), y = (x) => {
+    const A = t.find((F) => F.guid === x);
+    if (A?.has_been_split) {
+      C(A.guid);
+      return;
+    }
+    u(Wn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: A?.account_guid,
+      transaction_guid: x
+    }), c?.(x);
+  }, k = h.useRef(null), b = Bn({
+    count: t.length,
+    getScrollElement: () => k.current,
+    estimateSize: (x) => et + (Be(x, t) ? tt : 0),
+    overscan: 5
+  });
+  return h.useEffect(() => b.measure(), [t]), h.useEffect(() => S(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(St, { sx: { width: p }, children: /* @__PURE__ */ e(D, { height: n, overflow: "auto", ref: k, width: p, children: /* @__PURE__ */ i(
+    D,
+    {
+      height: (
+        // set the height to auto when there are no transactions so the zero state isn't set to 0
+        b.getVirtualItems().length === 0 ? "auto" : b.getTotalSize()
+      ),
+      position: "relative",
+      width: "100%",
+      children: [
+        a && o,
+        !a && b.getVirtualItems().length === 0 && l,
+        !a && b.getVirtualItems().length > 0 && b.getVirtualItems().map((x) => {
+          const A = t[x.index], F = Be(x.index, t), H = Ct(x.index, t), O = et + (F ? tt : 0);
+          return /* @__PURE__ */ i(
+            D,
+            {
+              sx: {
+                height: O,
+                position: "absolute",
+                transform: `translateY(${x.start}px)`,
+                width: "100%"
+              },
+              children: [
+                F && /* @__PURE__ */ e(vt, { bgcolor: r, children: ze(A.date) }),
+                /* @__PURE__ */ e(
+                  kt,
+                  {
+                    ...c && { onClick: y },
+                    transaction: {
+                      ...A,
+                      category: m.default_categories[A.top_level_category_guid]?.replace(
+                        /&amp;/g,
+                        "&"
+                      ) ?? d(A.top_level_category_guid)
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(J, { sx: { ml: H ? 24 : 0 } })
+              ]
+            },
+            A.guid
+          );
+        })
+      ]
+    }
+  ) }) });
+}, Go = f(Eo), Oe = ({
+  transactions: t = [],
+  amountColor: r = "success.main",
+  amountPosition: n = "center",
+  formatDate: o = ze,
+  secondaryIcon: c
+}) => {
+  const s = z(), { connect: a, finstrong: p } = v(), [l, d] = h.useState(!1), [u, m] = h.useState(!1), g = 3, S = t.length > g, C = t.length - g;
+  return !t || t.length === 0 ? /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+      W,
+      {
+        onClick: () => m(!0),
+        size: "small",
+        sx: { my: 0, px: 16, py: 12, width: "100%" },
+        variant: "contained",
+        children: /* @__PURE__ */ e(T, { bold: !0, variant: "body1", children: p.connect_more_accounts_button })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        onClose: () => m(!1),
+        showConnectWidget: u,
+        title: a.mini_title
+      }
+    )
+  ] }) : /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((y, k) => /* @__PURE__ */ i(
+      _,
+      {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          gap: 16,
+          pl: 24,
+          pt: 14
+        },
+        children: [
+          /* @__PURE__ */ e(_, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
+            nn,
+            {
+              categoryGuid: y.top_level_category_guid || "",
+              merchantGuid: y.merchant_guid || "",
+              size: 32
+            }
+          ) }),
+          /* @__PURE__ */ i(
+            _,
+            {
+              sx: {
+                alignItems: n,
+                flexDirection: "row",
+                gap: 12,
+                justifyContent: "space-between",
+                ...k < Math.min(t.length, g) - 1 && {
+                  borderBottom: `1px solid ${s.palette.divider}`
+                },
+                pb: 14,
+                pr: 24,
+                width: "100%"
+              },
+              children: [
+                /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
+                  /* @__PURE__ */ e(w, { bold: !0, variant: "body1", children: y.description }),
+                  /* @__PURE__ */ i(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+                    !!c && c,
+                    /* @__PURE__ */ e(T, { variant: "caption", children: o(y.date) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(w, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: $(y.amount, "0,0.00") })
+              ]
+            },
+            y.guid || k
+          )
+        ]
+      },
+      k
+    )) }),
+    S && /* @__PURE__ */ i(G, { children: [
+      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+        W,
+        {
+          endIcon: /* @__PURE__ */ e(Z, {}),
+          onClick: () => d(!0),
+          size: "small",
+          sx: { my: 0, px: 16, py: 12, width: "100%" },
+          children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
+            C,
+            " ",
+            p.key_indicators_borrow.have_manageable_debt.have_manageable_debt_more_transactions
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        ie,
+        {
+          isOpen: l,
+          onClose: () => d(!1),
+          title: p.key_indicators_borrow.have_manageable_debt.have_manageable_debt_transactions,
+          children: /* @__PURE__ */ e(Go, { transactions: t })
+        }
+      )
+    ] })
+  ] });
+}, zo = () => {
+  const {
+    finstrong: {
+      key_indicators_spend: { pay_bills_on_time_drawer: t }
+    }
+  } = v(), { getSpendingFeeTransactions: r, allTransactions: n } = P();
+  return h.useEffect(() => {
+    r().finally();
+  }, []), /* @__PURE__ */ e(G, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
+    K,
+    {
+      sx: {
+        backgroundColor: "background.paper",
+        pb: 48,
+        pt: 32,
+        px: 24,
+        textAlign: "center",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ e(Xt, { filled: !0, size: 48, sx: { color: "success.main" } }),
+        /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
+          /* @__PURE__ */ e(X, { children: t.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(w, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ i(
+    K,
+    {
+      sx: {
+        p: 16,
+        width: "100%",
+        backgroundColor: "background.paper"
+      },
+      children: [
+        /* @__PURE__ */ e(X, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(
+          Oe,
+          {
+            amountColor: "text.primary",
+            amountPosition: "flex-start",
+            formatDate: (o) => An(new Date(o * 1e3), Mn.MONTH_DAY),
+            secondaryIcon: /* @__PURE__ */ e(Ut, { color: "error", filled: !0, size: 12 }),
+            transactions: n.spendingFee
+          }
+        )
+      ]
+    }
+  ) });
+}, Ho = f(zo), No = () => {
+  const { healthScore: t } = P(), { finstrong: r } = v(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = _n(t.spending_fee_transaction_count);
+  return /* @__PURE__ */ i(
+    _,
+    {
+      sx: {
+        p: 24,
+        backgroundColor: "background.paper",
+        borderBottom: "1px solid",
+        borderColor: "divider"
+      },
+      children: [
+        /* @__PURE__ */ e(w, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
+        /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ i(Ae, { children: [
+            t.spending_fee_transaction_count,
+            " ",
+            o.pay_bills_on_time_sticky_fee_count
+          ] }),
+          /* @__PURE__ */ e(Ie, { status: c })
+        ] })
+      ]
+    }
+  );
+}, Ko = f(No), jo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: r } = v();
+  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+    /* @__PURE__ */ e(
+      he,
+      {
+        balance: t,
+        title: r.key_indicators_save.drawer_available_balance
+      }
+    ),
+    /* @__PURE__ */ e(
+      Rt,
+      {
+        loadAccounts: [Re.SAVINGS, Re.CHECKING],
+        loadMoreLabel: r.more_accounts
+      }
+    )
+  ] });
+}, Vo = f(jo), Yo = ({ chartFor: t }) => {
+  const r = z(), { monthlySummaries: n } = P(), { finstrong: o } = v(), [c, { width: s }] = wt(), a = {
+    savingsOverTime: {
+      icon: /* @__PURE__ */ e(rt, { size: 48, style: { marginBottom: 8 } }),
+      title: o.key_indicators_save.zero_state_title,
+      description: o.key_indicators_save.zero_state_description
+    },
+    debtOverTime: {
+      icon: /* @__PURE__ */ e(it, { size: 48, style: { marginBottom: 8 } }),
+      title: "",
+      description: ""
+    }
+  }[t], l = {
+    savingsOverTime: {
+      title: o.key_indicators_save.savings_over_time,
+      valueKey: "available_cash"
+    },
+    debtOverTime: {
+      title: o.key_indicators_borrow.have_manageable_debt.debt_over_time,
+      valueKey: "debt_balance"
+    }
+  }[t], d = hn(n, l.valueKey), u = Math.max(...n.map((y) => y[l.valueKey])), m = () => u >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : u >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: g, leftMargin: S } = m(), C = l.title;
+  return /* @__PURE__ */ e(K, { ref: c, sx: { backgroundColor: "background.paper" }, children: d.length >= 1 ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
+    /* @__PURE__ */ e(w, { sx: { pb: 8, pt: 16 }, variant: "h3", children: C }),
+    /* @__PURE__ */ e(
+      We,
+      {
+        axisColor: r.palette.divider,
+        baseline: "min",
+        colors: [r.palette.primary.main],
+        curveType: "natural",
+        datasets: d ? [d] : [],
+        height: 244,
+        labels: [o.key_indicators_label],
+        margin: { left: S, top: 5, right: 10 },
+        showArea: !0,
+        showAverage: !0,
+        showXAxis: !0,
+        useCustomMark: !0,
+        valueFormatterString: g,
+        width: s < 342 ? s - 48 : 342
+      }
+    )
+  ] }) : /* @__PURE__ */ i(_, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
+    a.icon,
+    /* @__PURE__ */ e(w, { fontWeight: 600, variant: "body1", children: a.title }),
+    /* @__PURE__ */ e(w, { align: "center", variant: "subtitle1", children: a.description })
+  ] }) });
+}, Bt = f(Yo), Xo = () => {
+  const { finstrong: t } = v(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = P(), { isInitialized: s } = U();
+  h.useEffect(() => {
+    s && (o().finally(), c().finally());
+  }, [s]);
+  const a = h.useMemo(() => {
+    const p = n.spend.map((d) => d.transaction), l = n.debtSpend.map((d) => d.transaction);
+    return [...p, ...l];
+  }, [n.spend, n.debtSpend]);
+  return s ? /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+    /* @__PURE__ */ e(
+      he,
+      {
+        balance: r.ninety_day_spend / 90,
+        title: t.key_indicators_save.drawer_daily_spend
+      }
+    ),
+    /* @__PURE__ */ e(Oe, { amountColor: "text.primary", transactions: a })
+  ] }) : /* @__PURE__ */ e(te, {});
+}, Uo = f(Xo), qo = () => {
+  const [t, r] = h.useState(0), { finstrong: n } = v();
+  return /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ i(K, { children: [
+      /* @__PURE__ */ i(
+        Ee,
+        {
+          "aria-label": n.key_indicators_save.drawer_title,
+          centered: !0,
+          onChange: (o, c) => r(c),
+          sx: { mb: 0 },
+          value: t,
+          variant: "fullWidth",
+          children: [
+            /* @__PURE__ */ e(
+              re,
+              {
+                "aria-controls": "available-details-tabpanel-0",
+                label: n.key_indicators_save.drawer_available,
+                sx: { minHeight: 44 }
+              }
+            ),
+            /* @__PURE__ */ e(
+              re,
+              {
+                "aria-controls": "spending-details-tabpanel-1",
+                label: n.key_indicators_save.drawer_spending,
+                sx: { minHeight: 44 }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(ae, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Vo, {}) }),
+      /* @__PURE__ */ e(ae, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Uo, {}) })
+    ] }),
+    /* @__PURE__ */ e(Bt, { chartFor: "savingsOverTime" })
+  ] });
+}, Zo = f(qo), Qo = () => {
+  const { finstrong: t } = v(), { healthScore: r } = P(), n = r.months_of_cash_on_hand, o = ut(n ? n * 30 : null), c = 183 / 6, s = Math.floor(n), a = Math.round((n - s) * c), p = n / 6 * 100;
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      bottomComponent: /* @__PURE__ */ e(
+        _,
+        {
+          sx: {
+            flexDirection: "row",
+            height: 24,
+            justifyContent: "space-between",
+            mt: 2,
+            px: 1
+          },
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */ i(
+            _,
+            {
+              sx: {
+                alignItems: "center",
+                height: 24
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  J,
+                  {
+                    orientation: "vertical",
+                    sx: {
+                      borderWidth: 1,
+                      height: 8
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(T, { variant: "XSmall", children: d })
+              ]
+            },
+            d
+          ))
+        }
+      ),
+      label: t.key_indicators_save.drawer_progress_bar_label,
+      status: o,
+      statusBarData: [
+        {
+          percentage: `${p}%`
+        }
+      ],
+      value: Y(t.key_indicators_save.drawer_progress_bar_value, s, a)
+    }
+  );
+}, Jo = f(Qo), er = () => {
+  const { healthScore: t } = P(), { finstrong: r } = v(), n = ke(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((a) => o ? "MISSING" : a <= 30 ? "GOOD" : a >= 31 && a <= 39 ? "FAIR" : a >= 40 ? "OFF_TRACK" : "MISSING")(n);
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      bottomComponent: /* @__PURE__ */ i(
+        _,
+        {
+          sx: {
+            alignItems: "flex-end",
+            flexDirection: "row",
+            height: 24,
+            justifyContent: "space-between",
+            mt: 2,
+            position: "relative"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              D,
+              {
+                sx: {
+                  left: "30%",
+                  position: "absolute",
+                  transform: "translateX(-50%)"
+                },
+                children: /* @__PURE__ */ i(
+                  _,
+                  {
+                    sx: {
+                      alignItems: "center",
+                      flexDirection: "column",
+                      height: 24,
+                      justifyContent: "flex-end"
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        J,
+                        {
+                          orientation: "vertical",
+                          sx: {
+                            borderWidth: 1,
+                            height: 8
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ e(T, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              D,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column",
+                  height: 24,
+                  justifyContent: "center",
+                  marginLeft: "auto"
+                },
+                children: /* @__PURE__ */ e(T, { variant: "Small", children: Y(
+                  r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_description,
+                  n
+                ) })
+              }
+            )
+          ]
+        }
+      ),
+      label: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_title,
+      status: s,
+      statusBarData: [
+        {
+          percentage: `${n}%`
+        }
+      ],
+      value: $(t.ninety_day_debt_spend, "0,0.00")
+    }
+  );
+}, tr = f(er), nr = () => {
+  const { healthScore: t, allTransactions: r } = P(), { connect: n, finstrong: o } = v(), [c, s] = h.useState(!1);
+  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+    /* @__PURE__ */ e(
+      he,
+      {
+        balance: t.ninety_day_income,
+        sx: { flexDirection: "column-reverse" },
+        title: o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_income
+      }
+    ),
+    r.income.length ? (
+      // TODO: Need to add More Transactions functionality
+      /* @__PURE__ */ e(Oe, { transactions: r.income.map((a) => a.transaction) })
+    ) : /* @__PURE__ */ e(
+      W,
+      {
+        onClick: () => {
+          s(!0);
+        },
+        variant: "contained",
+        children: o.connect_more_accounts_button
+      }
+    ),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        onClose: () => s(!1),
+        showConnectWidget: c,
+        title: n.mini_title
+      }
+    )
+  ] });
+}, or = f(nr), rr = () => {
+  const { allTransactions: t, healthScore: r } = P(), { connect: n, finstrong: o } = v(), [c, s] = h.useState(!1);
+  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+    /* @__PURE__ */ e(
+      he,
+      {
+        balance: r.ninety_day_debt_spend,
+        sx: { flexDirection: "column-reverse" },
+        title: o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_payments
+      }
+    ),
+    t.debtSpend.length ? (
+      //TODO: Need to add More Transactions functionality
+      /* @__PURE__ */ e(
+        Oe,
+        {
+          amountColor: "text.primary",
+          transactions: t.debtSpend.map((a) => a.transaction)
+        }
+      )
+    ) : /* @__PURE__ */ e(
+      W,
+      {
+        onClick: () => {
+          s(!0);
+        },
+        variant: "contained",
+        children: o.connect_more_accounts_button
+      }
+    ),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        onClose: () => s(!1),
+        showConnectWidget: c,
+        title: n.mini_title
+      }
+    )
+  ] });
+}, ar = f(rr), ir = ({
+  color: t,
+  data: r,
+  series: n,
+  style: o,
+  ...c
+}) => {
+  const s = z(), a = h.useRef(null), { width: p } = Kn({
+    width: o.width
+  });
+  h.useLayoutEffect(() => {
+    const m = new ResizeObserver(() => {
+      window.requestAnimationFrame(() => {
+        if (a.current) {
+          const { width: g } = a.current.getBoundingClientRect(), S = g / 2, C = a.current.querySelector("text");
+          C && C.setAttribute("transform", `translate(${S}, -8)`);
+        }
+      });
+    });
+    return a.current && m.observe(a.current), () => {
+      a.current && m.unobserve(a.current);
+    };
+  }, []);
+  const { formattedComparison: l, formattedMain: d } = r[n.index], u = n.type === 0 ? d : l;
+  return /* @__PURE__ */ i("g", { children: [
+    /* @__PURE__ */ e(Ze.rect, { ...c, fill: t, ref: a, rx: 2, style: o }),
+    /* @__PURE__ */ e(
+      Ze.text,
+      {
+        fill: s.palette.text.secondary,
+        fontSize: 9,
+        fontWeight: 400,
+        textAnchor: "middle",
+        transform: p.to((m) => `translate(${m / 2}, -5)`),
+        x: o.x,
+        y: o.y,
+        children: u
+      }
+    )
+  ] });
+}, $t = ({
+  chartFor: t,
+  data: r,
+  title: n,
+  buttonLabel: o,
+  onClick: c,
+  legendLabelMain: s,
+  legendLabelComparison: a,
+  totalComparison: p,
+  totalMain: l
+}) => {
+  const d = z(), u = Gn(d.breakpoints.down("xs")), m = h.useMemo(
+    () => r.sort((b, x) => b.month - x.month).map((b) => {
+      const x = mn(b.month), A = {
+        spending_vs_income: {
+          main: b.standard_spend,
+          comparison: b.income,
+          formattedMain: $(b.standard_spend, "0.0a"),
+          formattedComparison: $(b.income, "0.0a")
+        },
+        debt_payment_vs_income: {
+          main: b.income,
+          comparison: b.debt_spend,
+          formattedMain: $(b.income, "0.0a"),
+          formattedComparison: $(b.debt_spend, "0.0a")
+        }
+      };
+      return {
+        label: x,
+        ...A[t]
+      };
+    }),
+    [r, t]
+  ), g = {
+    dataKey: "label",
+    scaleType: "band"
+  }, S = Math.max(...m.map((b) => Math.max(b.main, b.comparison))), C = Math.ceil(S * 1.2 / 1e3) * 1e3, y = C / 3, k = {
+    scaleType: "linear",
+    min: 0,
+    max: C,
+    tickNumber: 4,
+    tickMinStep: y,
+    valueFormatter: (b) => b === 0 ? "$0" : `$${(b / 1e3).toFixed(0)}K`
+  };
+  return /* @__PURE__ */ i(
+    K,
+    {
+      sx: {
+        px: 16,
+        py: 24
+      },
+      children: [
+        /* @__PURE__ */ i(
+          _,
+          {
+            sx: {
+              alignItems: "center",
+              flexDirection: "row",
+              justifyContent: "space-between",
+              gap: 12,
+              pb: 8
+            },
+            children: [
+              /* @__PURE__ */ e(X, { children: n }),
+              o && /* @__PURE__ */ e(
+                W,
+                {
+                  endIcon: /* @__PURE__ */ e(Z, {}),
+                  onClick: c,
+                  size: "small",
+                  sx: {
+                    pl: 8,
+                    height: 24
+                  },
+                  variant: "text",
+                  children: o
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
+          /* @__PURE__ */ i(_, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
+            /* @__PURE__ */ e(
+              D,
+              {
+                sx: {
+                  width: 10,
+                  height: 10,
+                  backgroundColor: "chart.chart3",
+                  borderRadius: "2px"
+                }
+              }
+            ),
+            /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+              /* @__PURE__ */ i(T, { variant: "subtitle2", children: [
+                s,
+                " "
+              ] }),
+              !u && l && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: l })
+            ] })
+          ] }),
+          /* @__PURE__ */ i(_, { alignItems: "center", direction: "row", spacing: 8, children: [
+            /* @__PURE__ */ e(
+              D,
+              {
+                sx: {
+                  width: 10,
+                  height: 10,
+                  backgroundColor: "chart.chart5",
+                  borderRadius: "2px"
+                }
+              }
+            ),
+            /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+              /* @__PURE__ */ i(T, { variant: "subtitle2", children: [
+                a,
+                " "
+              ] }),
+              !u && p && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: p })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          Nn,
+          {
+            colors: [`${d.palette.chart.chart3}`, `${d.palette.chart.chart5}`],
+            dataset: m,
+            height: 240,
+            margin: { top: 20, bottom: 30, right: 10 },
+            series: [
+              { dataKey: "main", type: "bar" },
+              { dataKey: "comparison", type: "bar" }
+            ],
+            xAxis: [g],
+            yAxis: [k],
+            children: [
+              /* @__PURE__ */ e(
+                jt,
+                {
+                  slots: {
+                    bar: (b) => {
+                      const { ownerState: x, style: A, ...F } = b;
+                      return /* @__PURE__ */ e(
+                        ir,
+                        {
+                          ...F,
+                          color: x.color,
+                          data: m,
+                          series: {
+                            index: x.dataIndex,
+                            type: Number(x.id.toString().split("-").pop())
+                          },
+                          style: A
+                        }
+                      );
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                zn,
+                {
+                  sx: () => ({
+                    ".MuiChartsAxis-line": {
+                      stroke: d.palette.divider
+                    },
+                    ".MuiChartsAxis-tick": {
+                      stroke: d.palette.divider
+                    },
+                    ".MuiChartsAxis-tickLabel": {
+                      transform: "translateY(10px)"
+                    }
+                  }),
+                  tickLabelStyle: {
+                    fontSize: 11,
+                    fill: "text.secondary"
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                Hn,
+                {
+                  sx: () => ({
+                    ".MuiChartsAxis-line": {
+                      stroke: d.palette.divider
+                    },
+                    ".MuiChartsAxis-tick": {
+                      stroke: d.palette.divider
+                    },
+                    ".MuiChartsAxis-tickLabel": {
+                      transform: "translateX(-8px)"
+                    }
+                  }),
+                  tickLabelStyle: {
+                    fontSize: 11,
+                    fill: "text.secondary"
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, sr = () => {
+  const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = P(), { isInitialized: o } = U(), [c, s] = h.useState(0), { finstrong: a } = v();
+  return h.useEffect(() => {
+    o && (t().finally(), r().finally());
+  }, [o]), /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ i(K, { children: [
+      /* @__PURE__ */ i(
+        Ee,
+        {
+          "aria-label": a.key_indicators_save.drawer_title,
+          centered: !0,
+          onChange: (p, l) => s(l),
+          sx: { mb: 0 },
+          value: c,
+          variant: "fullWidth",
+          children: [
+            /* @__PURE__ */ e(
+              re,
+              {
+                "aria-controls": "income-details-tabpanel-0",
+                id: "income-details-tab-0",
+                label: a.key_indicators_borrow.have_manageable_debt.income,
+                sx: { minHeight: 44 }
+              }
+            ),
+            /* @__PURE__ */ e(
+              re,
+              {
+                "aria-controls": "debt-payment-details-tabpanel-1",
+                id: "debt-payment-details-tab-1",
+                label: a.key_indicators_borrow.have_manageable_debt.debt_payment,
+                sx: { minHeight: 44 }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        ae,
+        {
+          "aria-labelledby": "income-details-tab-0",
+          index: 0,
+          name: "income-details",
+          value: c,
+          children: /* @__PURE__ */ e(or, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        ae,
+        {
+          "aria-labelledby": "debt-payment-details-tab-1",
+          index: 1,
+          name: "debt-payment-details",
+          value: c,
+          children: /* @__PURE__ */ e(ar, {})
+        }
+      )
+    ] }),
+    n.length ? /* @__PURE__ */ i(G, { children: [
+      /* @__PURE__ */ e(
+        $t,
+        {
+          chartFor: "debt_payment_vs_income",
+          data: n,
+          legendLabelComparison: a.key_indicators_borrow.have_manageable_debt.debt_payment,
+          legendLabelMain: a.key_indicators_borrow.have_manageable_debt.income,
+          title: a.key_indicators_borrow.have_manageable_debt.debt_payment
+        }
+      ),
+      /* @__PURE__ */ e(Bt, { chartFor: "debtOverTime" })
+    ] }) : /* @__PURE__ */ i(G, { children: [
+      /* @__PURE__ */ e(
+        De,
+        {
+          header: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_double_bar_chart_empty_state_header,
+          icon: "multiline_chart",
+          subText: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_double_bar_chart_empty_state_description,
+          sx: {
+            backgroundColor: "background.paper",
+            borderRadius: "8px",
+            boxShadow: 1,
+            p: 24,
+            pb: 48
+          },
+          variant: "no-buttons"
+        }
+      ),
+      /* @__PURE__ */ e(
+        De,
+        {
+          header: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_line_chart_empty_state_header,
+          icon: "multiline_chart",
+          subText: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_line_chart_empty_state_description,
+          sx: {
+            backgroundColor: "background.paper",
+            borderRadius: "8px",
+            boxShadow: 1,
+            p: 24,
+            pb: 48
+          },
+          variant: "no-buttons"
+        }
+      )
+    ] })
+  ] });
+}, cr = f(sr), lr = () => {
+  const { healthScore: t } = P(), { finstrong: r } = v(), n = ke(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
+    GOOD: [{ percentage: `${n}%` }],
+    FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
+    OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
+    MISSING: [{ percentage: "0%" }]
+  }[s];
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      bottomComponent: /* @__PURE__ */ i(
+        _,
+        {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            mt: 8
+          },
+          children: [
+            /* @__PURE__ */ i(T, { variant: "body2", children: [
+              o ? "-" : $(t.ninety_day_income, "0,0.00"),
+              " ",
+              r?.key_indicators_spend.spend_less_than_you_make_drawer.income
+            ] }),
+            /* @__PURE__ */ i(T, { variant: "body2", children: [
+              o ? "-%" : `${n}%`,
+              r?.key_indicators_spend.spend_less_than_you_make_drawer.spent
+            ] })
+          ]
+        }
+      ),
+      label: r?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
+      status: s,
+      statusBarData: a,
+      value: o ? "$0" : $(t.ninety_day_spend, "0,0.00")
+    }
+  );
+}, dr = f(lr), pr = ({ onTrendClick: t, onSpendingClick: r }) => {
+  const n = z(), { monthlySummaries: o } = P(), { finstrong: c, goals: s, spending: a } = v(), { selectedAccounts: p } = U(), { categories: l, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: u } = Le(), { appDataStore: m } = vn(), [g, S] = h.useState("");
+  h.useEffect(() => {
+    u(
+      p,
+      Dt(/* @__PURE__ */ new Date()),
+      At(/* @__PURE__ */ new Date())
+    ).finally();
+  }, [p]);
+  const C = h.useMemo(
+    () => jn(l, s, n, d),
+    [l, d]
+  ), y = (x) => {
+    S(g === x ? "" : x);
+  }, { totalSpending: k, totalIncome: b } = h.useMemo(() => o.reduce(
+    (x, { standard_spend: A = 0, income: F = 0 }) => ({
+      totalSpending: x.totalSpending + A,
+      totalIncome: x.totalIncome + F
+    }),
+    { totalSpending: 0, totalIncome: 0 }
+  ), [o]);
+  return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
+    o.length ? /* @__PURE__ */ e(
+      $t,
+      {
+        ...m.appData.client_profile?.allow_trends_widget && {
+          buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+        },
+        chartFor: "spending_vs_income",
+        data: o,
+        legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
+        legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
+        title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
+        totalComparison: $(b, "0,0.00"),
+        totalMain: $(k, "0,0.00"),
+        onClick: t
+      }
+    ) : /* @__PURE__ */ e(
+      De,
+      {
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
+        icon: "multiline_chart",
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
+        sx: {
+          backgroundColor: "background.paper",
+          borderRadius: "8px",
+          boxShadow: 1,
+          p: 24,
+          pb: 48
+        },
+        variant: "no-buttons"
+      }
+    ),
+    C ? /* @__PURE__ */ i(
+      K,
+      {
+        sx: {
+          px: 16,
+          py: 24
+        },
+        children: [
+          /* @__PURE__ */ i(
+            _,
+            {
+              sx: {
+                alignItems: "center",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                gap: 12,
+                pb: 8
+              },
+              children: [
+                /* @__PURE__ */ e(X, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                m.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                  W,
+                  {
+                    endIcon: /* @__PURE__ */ e(Z, {}),
+                    onClick: r,
+                    size: "small",
+                    sx: {
+                      pl: 8,
+                      height: 24
+                    },
+                    variant: "text",
+                    children: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(_, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
+            /* @__PURE__ */ e(
+              Vn,
+              {
+                data: C,
+                onSelected: y,
+                selectedId: g,
+                totalLabel: a.total_spending
+              }
+            ),
+            /* @__PURE__ */ e(
+              Yn,
+              {
+                data: C,
+                onSelected: y,
+                selectedId: g
+              }
+            )
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ e(
+      De,
+      {
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
+        icon: "donut_small",
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
+        sx: {
+          backgroundColor: "background.paper",
+          borderRadius: "8px",
+          boxShadow: 1,
+          p: 24,
+          pb: 48
+        },
+        variant: "no-buttons"
+      }
+    )
+  ] });
+}, ur = f(pr), Fe = {
+  credit_score_description: "Credit scores usually go from 300 to 850. Think of 700+ as good, 800+ as awesome, and below 600 as needing work. You can often check yours for free with your bank or credit card company.",
+  maintain_emergency_savings_description: "With at least $1,000 saved, you're ready for surprises, freeing you to save for major goals.",
+  maintain_emergency_savings_title: "Maintain Emergency Savings"
+}, _r = ({
+  drawerFor: t,
+  isOpen: r,
+  onClose: n,
+  onTrendClick: o,
+  onSpendingClick: c
+}) => {
+  const { finstrong: s } = v(), p = {
+    spendLessThanYouMake: {
+      title: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
+      description: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
+      stickyComponent: /* @__PURE__ */ e(dr, {}),
+      content: /* @__PURE__ */ e(ur, { onTrendClick: o, onSpendingClick: c }),
+      drawerType: "connectDrawer",
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+    },
+    payBillsOnTime: {
+      title: s.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
+      description: s.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
+      stickyComponent: /* @__PURE__ */ e(Ko, {}),
+      content: /* @__PURE__ */ e(Ho, {}),
+      drawerType: "connectDrawer",
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+    },
+    maintainEmergencySavings: {
+      content: /* @__PURE__ */ e(Ro, {}),
+      description: Fe.maintain_emergency_savings_description,
+      stickyComponent: /* @__PURE__ */ e(Wo, {}),
+      title: Fe.maintain_emergency_savings_title,
+      drawerType: "connectDrawer",
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+    },
+    haveManageableDebt: {
+      title: s.key_indicators_borrow.have_manageable_debt.have_manageable_debt_title,
+      description: s.key_indicators_borrow.have_manageable_debt.have_manageable_debt_description,
+      stickyComponent: /* @__PURE__ */ e(tr, {}),
+      content: /* @__PURE__ */ e(cr, {}),
+      drawerType: "connectDrawer",
+      connectTitle: s.dont_see_all_your_accounts,
+      connectDescription: s.connect_more_accounts_to_view_more_accurate_financial_picture
+    },
+    haveAGoodCreditScore: {
+      title: /* @__PURE__ */ e(ko, {}),
+      description: Fe.credit_score_description,
+      stickyComponent: null,
+      content: /* @__PURE__ */ e(So, {})
+    },
+    saveEnoughToLiveOn: {
+      title: s.key_indicators_save.drawer_title,
+      description: s.key_indicators_save.drawer_description,
+      stickyComponent: /* @__PURE__ */ e(Jo, {}),
+      content: /* @__PURE__ */ e(Zo, {}),
+      drawerType: "connectDrawer",
+      connectTitle: s.dont_see_all_your_accounts,
+      connectDescription: s.connect_more_accounts_to_view_more_accurate_financial_picture
+    }
+  }[t];
+  return /* @__PURE__ */ e(
+    Ft,
+    {
+      connectDescription: p?.connectDescription,
+      connectTitle: p?.connectTitle,
+      description: p?.description,
+      drawerTitle: s.key_indicators,
+      drawerType: p.drawerType,
+      isOpen: r,
+      loadConnectAccountsCard: !0,
+      onClose: n,
+      stickyComponent: p.stickyComponent,
+      title: p.title,
+      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: p.content })
+    }
+  );
+}, hr = f(_r), _e = ({
+  drawerFor: t,
+  title: r,
+  description: n,
+  cardState: o = "MISSING",
+  onTrendClick: c,
+  onSpendingClick: s
+}) => {
+  const [a, p] = h.useState(!1);
+  return /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ i(
+      _,
+      {
+        onClick: () => p(!0),
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          justifyContent: "space-between",
+          gap: 12,
+          p: 16,
+          border: "1px solid",
+          borderColor: "divider",
+          borderRadius: 2,
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
+            /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+              /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
+              /* @__PURE__ */ e(Ie, { status: o })
+            ] }),
+            /* @__PURE__ */ e(w, { color: "secondary", variant: "subtitle2", children: n })
+          ] }),
+          /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      hr,
+      {
+        drawerFor: t,
+        isOpen: a,
+        onClose: () => p(!1),
+        onTrendClick: c,
+        onSpendingClick: s
+      }
+    )
   ] });
-}, wt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_save: t } = o, i = (r) => {
-    const { good: a, poor: c } = X.daysOfCashOnHand;
-    let p = f.MISSING, h = t.days_of_cash_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r >= a ? (p = f.GOOD, h = b(t.days_of_cash_good_description, r), m = o.key_indicators_good) : r < a && r >= c ? (p = f.FAIR, h = b(t.days_of_cash_fair_description, r), m = o.key_indicators_fair) : r < c && (p = f.OFF_TRACK, h = b(t.days_of_cash_off_track_description, r), m = o.key_indicators_off_track)), {
-      cardState: p,
-      description: h,
-      title: t.days_of_cash_title,
-      stateTitle: m
-    };
-  }, d = (r) => {
-    const { good: a, poor: c } = X.emergencySavings;
-    let p = f.MISSING, h = t.emergency_savings_missing_description, m = o.key_indicators_missing;
-    return r !== null && (r >= a ? (p = f.GOOD, h = t.emergency_savings_good_description, m = o.key_indicators_good) : r < a && r >= c ? (p = f.FAIR, h = b(
-      t.emergency_savings_fair_description,
-      rt(r, "0,0.00")
-    ), m = o.key_indicators_fair) : r < c && (p = f.OFF_TRACK, h = t.emergency_savings_off_track_description, m = o.key_indicators_off_track)), {
-      cardState: p,
-      description: h,
-      title: t.emergency_savings_title,
-      stateTitle: m
+}, mr = ({ onTrendsClick: t, onSpendingClick: r }) => {
+  const { finstrong: n } = v(), { key_indicators_spend: o } = n, { healthScore: c } = P(), s = (l) => {
+    const d = yn(l), u = {
+      GOOD: o.ratio_good_description,
+      FAIR: o.ratio_fair_description,
+      OFF_TRACK: o.ratio_off_track_description,
+      MISSING: o.ratio_missing_description
+    }, m = d === "MISSING" ? u[d] : Y(u[d], l);
+    return {
+      cardState: d,
+      description: m,
+      title: o.ratio_card_title
     };
-  }, { daysOfCashOnHand: l, emergencySavings: s } = C.useMemo(() => {
-    const r = n.months_of_cash_on_hand !== null ? Math.round(n.months_of_cash_on_hand * 30) : null, a = i(r), c = n.emergency_savings_on_hand !== null ? Math.round(n.emergency_savings_on_hand) : null, p = d(c);
-    return { daysOfCashOnHand: a, emergencySavings: p };
+  }, { spendToIncomeRatio: a, spendFeeCount: p } = h.useMemo(() => {
+    const l = c.spend_to_income_ratio !== null ? Math.round(c.spend_to_income_ratio * 100) : null, d = s(l), u = gn(
+      c.spending_fee_transaction_count,
+      o
+    );
+    return { spendToIncomeRatio: d, spendFeeCount: u };
   }, [
-    n.months_of_cash_on_hand,
-    n.emergency_savings_on_hand,
-    t,
-    o
+    c.spend_to_income_ratio,
+    c.spending_fee_transaction_count,
+    o,
+    n
   ]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ i(_, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      B,
+      _e,
       {
-        cardState: l.cardState,
-        description: l.description,
-        stateTitle: l.stateTitle,
-        title: l.title
+        cardState: a.cardState,
+        description: a.description,
+        drawerFor: se.SpendLessThanYouMake,
+        title: a.title,
+        onTrendClick: t,
+        onSpendingClick: r
       }
     ),
     /* @__PURE__ */ e(
-      B,
+      _e,
+      {
+        cardState: p.cardState,
+        description: p.description,
+        drawerFor: se.PayBillsOnTime,
+        title: p.title
+      }
+    )
+  ] });
+}, gr = f(mr), yr = () => {
+  const { healthScore: t } = P(), { finstrong: r } = v(), { key_indicators_save: n } = r, o = (p) => {
+    const l = ut(p), 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 = l === "MISSING" ? d[l] : Y(d[l], p);
+    return {
+      cardState: l,
+      description: u,
+      title: n.days_of_cash_title
+    };
+  }, c = (p) => {
+    const l = pt(p), 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 l === "FAIR" && p !== null ? u = Y(
+      d[l],
+      $(p, "0,0.00")
+    ) : u = d[l], {
+      cardState: l,
+      description: u,
+      title: n.emergency_savings_title
+    };
+  }, { daysOfCashOnHand: s, emergencySavings: a } = h.useMemo(() => {
+    const p = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, l = o(p), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = c(d);
+    return { daysOfCashOnHand: l, emergencySavings: u };
+  }, [
+    t.months_of_cash_on_hand,
+    t.emergency_savings_on_hand,
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ i(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+    /* @__PURE__ */ e(
+      _e,
       {
         cardState: s.cardState,
         description: s.description,
-        stateTitle: s.stateTitle,
+        drawerFor: se.SaveEnoughToLiveOn,
         title: s.title
       }
+    ),
+    /* @__PURE__ */ e(
+      _e,
+      {
+        cardState: a.cardState,
+        description: a.description,
+        drawerFor: se.MaintainEmergencySavings,
+        title: a.title
+      }
     )
   ] });
-}, Rt = () => {
-  const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_borrow: t } = o, { user: i } = Y(), d = (a) => {
-    const { good: c, poor: p } = X.debtToIncomeRatio;
-    let h = f.MISSING, m = t.manage_debit_missing_description, _ = o.key_indicators_missing;
-    return a != null && (a <= c ? (h = f.GOOD, m = t.manage_debit_good_description, _ = o.key_indicators_good) : a > c && a <= p ? (h = f.FAIR, m = b(t.manage_debit_fair_description, a), _ = o.key_indicators_fair) : a > p && (h = f.OFF_TRACK, m = b(
-      t.manage_debit_off_track_description,
-      a
-    ), _ = o.key_indicators_off_track)), {
-      cardState: h,
+}, br = f(yr), fr = () => {
+  const { healthScore: t } = P(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = ee(), c = (l) => {
+    const d = bn(l), u = {
+      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
+    }, m = d === "FAIR" || d === "OFF_TRACK" ? Y(u[d], l) : u[d];
+    return {
+      cardState: d,
       description: m,
-      title: t.manage_debit_title,
-      stateTitle: _
+      title: n.manage_debit_title
     };
-  }, l = (a) => {
-    const { good: c, poor: p } = X.creditScore;
-    let h = f.MISSING, m = t.credit_score_missing_description, _ = o.key_indicators_missing;
-    return a !== null && (a >= c ? (h = f.GOOD, m = b(t.credit_score_good_description, a), _ = o.key_indicators_good) : a < c && a >= p ? (h = f.FAIR, m = b(t.credit_score_fair_description, a), _ = o.key_indicators_fair) : a < p && (h = f.OFF_TRACK, m = b(
-      t.credit_score_off_track_description,
-      a
-    ), _ = o.key_indicators_off_track)), {
-      cardState: h,
+  }, s = (l) => {
+    const d = dt(l), u = {
+      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
+    }, m = d === "MISSING" ? u[d] : Y(u[d], l);
+    return {
+      cardState: d,
       description: m,
-      title: t.credit_score_title,
-      stateTitle: _
+      title: n.credit_score_title
     };
-  }, { manageDebtStatus: s, creditScoreStatus: r } = C.useMemo(() => {
-    const a = n.debt_to_income_ratio !== null ? Math.round(n.debt_to_income_ratio * 100) : null, c = d(a), p = l(i.credit_score || null);
+  }, { manageDebtStatus: a, creditScoreStatus: p } = h.useMemo(() => {
+    const l = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = c(l), u = s(o.credit_score || null);
     return {
-      manageDebtStatus: c,
-      creditScoreStatus: p
+      manageDebtStatus: d,
+      creditScoreStatus: u
     };
-  }, [n.debt_to_income_ratio, i.credit_score, t, o]);
-  return /* @__PURE__ */ u(g, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  }, [t.debt_to_income_ratio, o.credit_score, n, r]);
+  return /* @__PURE__ */ i(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      B,
+      _e,
       {
-        cardState: s.cardState,
-        description: s.description,
-        stateTitle: s.stateTitle,
-        title: s.title
+        cardState: a.cardState,
+        description: a.description,
+        drawerFor: se.HaveManageableDebt,
+        title: a.title
       }
     ),
     /* @__PURE__ */ e(
-      B,
+      _e,
       {
-        cardState: r.cardState,
-        description: r.description,
-        stateTitle: r.stateTitle,
-        title: r.title
+        cardState: p.cardState,
+        description: p.description,
+        drawerFor: se.HaveAGoodCreditScore,
+        title: p.title
       }
     )
   ] });
-}, Ft = () => {
-  const [n, o] = C.useState(0), { finstrong: t } = S();
-  return /* @__PURE__ */ u(re, { children: [
-    /* @__PURE__ */ u(
-      nt,
+}, xr = f(fr), Sr = ({ onTrendsClick: t, onSpendingClick: r }) => {
+  const [n, o] = h.useState(0), { finstrong: c } = v();
+  return /* @__PURE__ */ i(G, { children: [
+    /* @__PURE__ */ i(
+      Ee,
       {
         "aria-label": "Key Indicators",
         centered: !0,
-        onChange: (i, d) => o(d),
-        sx: { mb: 0 },
+        onChange: (s, a) => o(a),
+        sx: {
+          mb: 0,
+          "& .MuiTab-root": {
+            minWidth: 0
+          }
+        },
         textColor: "primary",
         value: n,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            oe,
+            re,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(ue, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(st, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
-              label: t.key_indicators_spend.title,
+              label: c.key_indicators_spend.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            oe,
+            re,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(qt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
-              label: t.key_indicators_save.title,
+              label: c.key_indicators_save.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            oe,
+            re,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(Le, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Zt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
-              label: t.key_indicators_borrow.title,
+              label: c.key_indicators_borrow.title,
               sx: { minHeight: 44 }
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(ne, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(Tt, {}) }),
-    /* @__PURE__ */ e(ne, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(wt, {}) }),
-    /* @__PURE__ */ e(ne, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(Rt, {}) })
+    /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(gr, { onTrendsClick: t, onSpendingClick: r }) }),
+    /* @__PURE__ */ e(ae, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(br, {}) }),
+    /* @__PURE__ */ e(ae, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(xr, {}) })
   ] });
-}, Pt = ({
-  additionalContent: n,
-  children: o,
-  description: t,
-  drawerTitle: i,
-  isOpen: d,
-  loadConnectAccountsCard: l = !0,
-  onClose: s,
-  stickyComponent: r,
-  title: a
-}) => {
-  const { finstrong: c } = S(), { isCopyLoaded: p } = z();
-  return p ? /* @__PURE__ */ u(V, { isOpen: d, onClose: s, title: i || c.key_indicators, children: [
-    (a || t) && /* @__PURE__ */ u(g, { sx: { p: 24, pb: 0, gap: 8, backgroundColor: "background.paper" }, children: [
-      a && /* @__PURE__ */ e(H, { children: a }),
-      t && /* @__PURE__ */ e(y, { children: t })
+}, Cr = f(Sr), vr = ({ onClick: t }) => {
+  const { finstrong: r } = v(), { isCopyLoaded: n } = U();
+  return n ? /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
+    /* @__PURE__ */ e(it, { size: 48 }),
+    /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
+      /* @__PURE__ */ e(X, { children: r.missing_data_title }),
+      /* @__PURE__ */ e(w, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
     ] }),
-    r && /* @__PURE__ */ e(
-      x,
+    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+      W,
       {
+        endIcon: /* @__PURE__ */ e(Z, {}),
+        onClick: t,
+        size: "small",
         sx: {
-          position: "sticky",
-          top: 0,
-          zIndex: 1
+          fontSize: 13,
+          ":hover": {
+            bgcolor: "transparent"
+          }
+        },
+        variant: "text",
+        children: r.connect_more_accounts_button
+      }
+    ) })
+  ] }) : /* @__PURE__ */ e(te, {});
+}, kr = f(vr), wr = {
+  add_more_income: "Add More Income"
+}, Dr = ({
+  incomeTransactions: t,
+  setCurrentStep: r,
+  transaction: n
+}) => /* @__PURE__ */ i(h.Fragment, { children: [
+  /* @__PURE__ */ i(_, { children: [
+    !!t.length && /* @__PURE__ */ e(D, { sx: { pb: 24 }, children: t.reduce((o, c, s) => {
+      if (c.guid === n.guid) return o;
+      const a = Be(s, t), p = Ct(s, t);
+      return o.push(
+        /* @__PURE__ */ i(h.Fragment, { children: [
+          a && /* @__PURE__ */ e(vt, { children: ze(c.date) }),
+          /* @__PURE__ */ e(kt, { transaction: c }),
+          /* @__PURE__ */ e(J, { sx: { ml: p ? 44 : 0 } })
+        ] }, c.guid)
+      ), o;
+    }, []) }),
+    /* @__PURE__ */ e(
+      Un,
+      {
+        firstDay: 1,
+        frequency: Fn.EveryMonth,
+        onFirstDayChange: () => {
+        },
+        onFrequencyChange: () => {
+        },
+        onSecondDayChange: () => {
+        },
+        secondDay: 15,
+        transaction: n
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(D, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+    W,
+    {
+      fullWidth: !0,
+      onClick: () => r({ step: I.MonthlyIncome, type: "main" }),
+      startIcon: /* @__PURE__ */ e(ct, {}),
+      children: wr.add_more_income
+    }
+  ) })
+] }), Ar = f(Dr), Mr = {
+  select_date: "Select Date"
+}, Ir = ({ selectedDate: t, setSelectedDate: r }) => {
+  const n = z(), o = (c) => {
+    r(Math.floor(new Date(c).getTime() / 1e3));
+  };
+  return /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(Qn, { dateAdapter: Mt, children: /* @__PURE__ */ e(
+    Jn,
+    {
+      disableFuture: !0,
+      label: Mr.select_date,
+      onChange: o,
+      slotProps: {
+        nextIconButton: {
+          sx: {
+            color: "primary.main",
+            "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+          }
+        },
+        previousIconButton: {
+          sx: {
+            color: "primary.main",
+            "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+          }
+        }
+      },
+      sx: {
+        width: "100%",
+        "& .MuiIconButton-edgeEnd": {
+          color: "primary.main",
+          "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+        }
+      },
+      value: t ? new Date(t * 1e3) : null
+    }
+  ) }) });
+}, Tr = f(Ir), Or = {
+  credit_score: "Credit Score"
+}, Fr = ({ creditScore: t, setCreditScore: r }) => {
+  const n = !isNaN(t);
+  return /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+    we,
+    {
+      error: !n,
+      fullWidth: !0,
+      inputMode: "numeric",
+      inputProps: {
+        noValidate: !0,
+        pattern: "[0-9]*"
+      },
+      label: Or.credit_score,
+      onChange: (o) => r(Number(o.target.value)),
+      value: n ? t : ""
+    }
+  ) });
+}, Pr = f(Fr), Lt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
+  /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
+    D,
+    {
+      sx: {
+        bgcolor: o < t ? "primary.main" : "neutral.light",
+        borderRadius: "24px",
+        height: 4,
+        width: "100%"
+      }
+    },
+    o
+  )) }),
+  /* @__PURE__ */ i(T, { sx: { color: "text.secondary" }, variant: "body2", children: [
+    t / 4 * 100,
+    "% ",
+    r
+  ] })
+] }), Rr = ({
+  completeCopy: t,
+  primaryText: r,
+  secondaryText: n,
+  value: o
+}) => /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
+  /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
+    /* @__PURE__ */ e(X, { children: r }),
+    /* @__PURE__ */ e(w, { variant: "subtitle1", children: n })
+  ] }),
+  /* @__PURE__ */ e(Lt, { completeCopy: t, value: o })
+] }), nt = {
+  step: I.ConnectAccounts,
+  type: "main"
+}, R = {
+  add_accounts: "Add Accounts",
+  add_income_primary: "What is your monthly income?",
+  add_income_secondary: "Add your income so that we can accurately measure your financial strength.",
+  add_more_income: "Add More Income",
+  back: "Back",
+  birthday_primary: "When is your birthday?",
+  birthday_secondary: "Get the most helpful tips and see how you’re doing compared to others your age.",
+  calculate_primary: "Calculating now ...",
+  calculate_secondary: "We’re analyzing your financial data to calculate your FinStrong score. Hold tight!",
+  confirm_income: "Confirm Income",
+  connect_accounts: "Connect Accounts",
+  connect_your_accounts_primary: "Connect Your Accounts",
+  connect_your_accounts_secondary: "Connect all of your accounts to get the most accurate FinStrong score.",
+  credit_score_primary: "What is your credit score?",
+  credit_score_secondary: "Your ability to borrow money is a key part of your financial strength score.",
+  do_it_later: "Do It Later",
+  next: "Next"
+}, Br = ({ isOpen: t, onClose: r }) => {
+  const { visibleAccounts: n } = xe(), { calculateHealthScore: o } = P(), { finstrong: c } = v(), { setSelectedAccounts: s } = U(), { setDateRange: a } = kn(), { filter: p, setFilter: l, transactions: d } = wn(), { user: u, userProfile: m, updateUser: g, updateUserProfile: S } = ee(), [C, y] = h.useState(u.credit_score || 0), [k, b] = h.useState(
+    nt
+  ), [x, A] = h.useState([]), [F, H] = h.useState(!1), [O, N] = h.useState(!1), [E, ce] = h.useState(u.birthday), [j, oe] = h.useState("");
+  h.useEffect(() => {
+    a({ start: Dt(Qe()), end: At(Qe()) });
+  }, []), h.useEffect(() => {
+    l({
+      accounts: n.map((M) => M.guid),
+      dateRange: {
+        start: Xn(/* @__PURE__ */ new Date(), 90),
+        end: /* @__PURE__ */ new Date()
+      },
+      custom: Je
+    }), s(n);
+  }, [n]);
+  const le = h.useMemo(
+    () => d.find((M) => M.guid === j),
+    [j, d]
+  ), de = h.useMemo(() => ({
+    [I.ConnectAccounts]: !0,
+    [I.MonthlyIncome]: !!j,
+    [I.Birthday]: !!u.birthday || !!E,
+    [I.CreditScore]: !!u.credit_score || !!C
+  })[k.step], [C, k, E, j, u]), V = n.length > 0, me = h.useMemo(() => {
+    const { step: M } = k;
+    let L = 0;
+    return M >= I.MonthlyIncome && V && L++, M >= I.Birthday && x.length && L++, M >= I.CreditScore && (u.birthday || u.credit_score) && L++, L;
+  }, [k.step, V, x.length, u.birthday, u.credit_score]), Se = (M) => {
+    l({
+      ...p,
+      custom: (L) => M ? Zn(L, M) : Je(L)
+    });
+  }, Wt = {
+    [I.ConnectAccounts]: {
+      main: V ? /* @__PURE__ */ e(Pt, { shouldShowBalance: !1 }) : null,
+      mainActionContent: V ? R.next : R.add_accounts,
+      primaryText: R.connect_your_accounts_primary,
+      secondaryText: R.connect_your_accounts_secondary
+    },
+    [I.MonthlyIncome]: {
+      detail: /* @__PURE__ */ e(
+        Ar,
+        {
+          incomeTransactions: x,
+          setCurrentStep: (M) => {
+            b(M), A((L) => {
+              if (L.some((ge) => ge.guid === j)) return L.filter((ge) => ge.guid !== j);
+              const je = d.find((ge) => ge.guid === j);
+              return je ? [...L, je] : L;
+            });
+          },
+          transaction: le
+        }
+      ),
+      detailActionContent: R.confirm_income,
+      main: /* @__PURE__ */ e(
+        qn,
+        {
+          onSearch: Se,
+          onSelected: (M) => {
+            b({ step: I.MonthlyIncome, type: "detail" }), oe(M);
+          }
+        }
+      ),
+      mainActionContent: R.confirm_income,
+      primaryText: R.add_income_primary,
+      secondaryText: R.add_income_secondary
+    },
+    [I.Birthday]: {
+      main: /* @__PURE__ */ e(Tr, { selectedDate: E, setSelectedDate: ce }),
+      mainActionContent: R.next,
+      primaryText: R.birthday_primary,
+      secondaryText: R.birthday_secondary
+    },
+    [I.CreditScore]: {
+      main: /* @__PURE__ */ e(Pr, { creditScore: C, setCreditScore: y }),
+      mainActionContent: R.next,
+      primaryText: R.credit_score_primary,
+      secondaryText: R.credit_score_secondary
+    }
+  }, He = () => {
+    b(nt), H(!1), oe(""), r();
+  }, Ne = async () => {
+    H(!0), await o(), await S({ ...m, has_completed_finstrong_onboarding: !0 }), He();
+  }, Et = () => {
+    if (k.step === I.CreditScore) {
+      Ne();
+      return;
+    }
+    b({ step: k.step + 1, type: "main" });
+  }, Gt = () => {
+    const { step: M } = k, L = M + 1;
+    switch (M) {
+      case I.Birthday:
+        E && E !== u.birthday && g({ ...u, birthday: E });
+        break;
+      case I.CreditScore:
+        C && C !== u.credit_score && g({ ...u, credit_score: C }), Ne();
+        return;
+      case I.MonthlyIncome:
+        j && x.length === 0 && A((Ke) => [...Ke, le]);
+        break;
+      case I.ConnectAccounts:
+        if (!V) {
+          N(!0);
+          return;
+        }
+        break;
+    }
+    L in I && b({ step: L, type: "main" });
+  }, zt = () => {
+    const { step: M, type: L } = k;
+    if (L === "detail") {
+      b({ step: M, type: "main" });
+      return;
+    }
+    if (M === I.Birthday && x.length) {
+      b({ step: M - 1, type: "detail" });
+      return;
+    }
+    M > I.ConnectAccounts && b({ step: M - 1, type: "main" });
+  }, pe = Wt[k.step], Ce = k.step === I.ConnectAccounts, Ht = {
+    fullWidth: !0,
+    ...Ce && !V && { startIcon: /* @__PURE__ */ e(ct, {}) }
+  }, Nt = !Ce || Ce && !V;
+  return /* @__PURE__ */ i(h.Fragment, { children: [
+    /* @__PURE__ */ i(
+      ie,
+      {
+        footerStyles: { px: 24, py: 16 },
+        hasSecondaryAction: !Ce,
+        isOpen: t,
+        isPrimaryDisabled: !de,
+        onClose: He,
+        onSecondaryAction: zt,
+        primaryButtonProps: Ht,
+        primaryText: pe?.mainActionContent,
+        secondaryColor: "primary",
+        secondaryText: R.back,
+        title: c.title,
+        ...!F && { onPrimaryAction: Gt },
+        children: [
+          F && /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+            /* @__PURE__ */ e(Ae, { children: R.calculate_primary }),
+            /* @__PURE__ */ e(w, { sx: { textAlign: "center" }, variant: "subtitle1", children: R.calculate_secondary })
+          ] }),
+          pe && !F && /* @__PURE__ */ i(h.Fragment, { children: [
+            /* @__PURE__ */ e(
+              Rr,
+              {
+                completeCopy: c.complete,
+                primaryText: pe.primaryText,
+                secondaryText: pe.secondaryText,
+                value: me
+              }
+            ),
+            k.type === "main" && /* @__PURE__ */ i(D, { children: [
+              pe.main,
+              Nt && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Et, children: R.do_it_later }) })
+            ] }),
+            k.type === "detail" && pe.detail
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      ne,
+      {
+        onClose: () => N(!1),
+        showConnectWidget: O,
+        title: R.connect_accounts
+      }
+    )
+  ] });
+}, $r = f(Br), Pe = {
+  onboarding_title: "Financial Strength Starts Here",
+  onboarding_subtitle: "By analyzing your spending and saving, FinStrong provides a score and guidance to help you improve your financial habits.",
+  get_started: "Get Started"
+}, Lr = () => {
+  const [t, r] = h.useState(!1);
+  return /* @__PURE__ */ i(h.Fragment, { children: [
+    /* @__PURE__ */ i(
+      _,
+      {
+        sx: {
+          alignItems: "center",
+          gap: 48,
+          pb: 24,
+          pt: 72,
+          px: 16
         },
-        children: r
+        children: [
+          /* @__PURE__ */ i(_, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
+            /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Qt, { size: 72 }) }),
+            /* @__PURE__ */ i(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
+              /* @__PURE__ */ e(Ae, { children: Pe.onboarding_title }),
+              /* @__PURE__ */ e(w, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Pe.onboarding_subtitle })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(W, { onClick: () => r(!0), variant: "contained", children: Pe.get_started })
+        ]
       }
     ),
-    n && /* @__PURE__ */ e(x, { children: n }),
-    /* @__PURE__ */ e(ge, {}),
-    /* @__PURE__ */ u(g, { sx: { p: 24, gap: 24 }, children: [
-      o,
-      l && /* @__PURE__ */ e(Q, { isDashboard: !0 })
-    ] })
-  ] }) : /* @__PURE__ */ e(N, {});
-}, Gt = I(Pt), pe = ({
-  content: n,
-  islast: o = !1
-}) => /* @__PURE__ */ u(st, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ u(pt, { children: [
-    /* @__PURE__ */ e(dt, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !o && /* @__PURE__ */ e(ct, { sx: { bgcolor: "divider", width: 0.1 } })
+    /* @__PURE__ */ e($r, { isOpen: t, onClose: () => r(!1) })
+  ] });
+}, Wr = ({ isOpen: t, onClose: r }) => {
+  const { finstrong: n } = v(), o = z(), { updateUser: c, user: s } = ee(), [a, p] = h.useState(s.birthday), l = (u) => {
+    p(Math.floor(new Date(u).getTime() / 1e3));
+  };
+  return /* @__PURE__ */ e(
+    ie,
+    {
+      isOpen: t,
+      onClose: r,
+      onPrimaryAction: () => {
+        !a || a === s.birthday || (c({ ...s, birthday: a }), r());
+      },
+      onSecondaryAction: r,
+      title: n.date_of_birth,
+      children: /* @__PURE__ */ e(no, { dateAdapter: Mt, children: /* @__PURE__ */ e(
+        eo,
+        {
+          disableFuture: !0,
+          onChange: l,
+          slotProps: {
+            nextIconButton: {
+              sx: {
+                color: "primary.main",
+                "&:hover": { bgcolor: ue(o.palette.primary.light, 0.1) }
+              }
+            },
+            previousIconButton: {
+              sx: {
+                color: "primary.main",
+                "&:hover": { bgcolor: ue(o.palette.primary.light, 0.1) }
+              }
+            }
+          },
+          slots: {
+            actionBar: () => null,
+            toolbar: () => null
+          },
+          sx: {
+            width: "100%",
+            "& .MuiIconButton-edgeEnd": {
+              color: "primary.main",
+              "&:hover": { bgcolor: ue(o.palette.primary.light, 0.1) }
+            }
+          },
+          value: a ? new Date(a * 1e3) : /* @__PURE__ */ new Date()
+        }
+      ) })
+    }
+  );
+}, Er = f(Wr), Gr = ({ isOpen: t, onClose: r }) => {
+  const { visibleFinstrongAccounts: n } = xe(), { incomeBudget: o } = ht(), {
+    accounts: c,
+    common: s,
+    finstrong: a
+  } = v(), { user: p } = ee(), [l, d] = h.useState(null), m = [
+    {
+      dynamicCopy: a.add_profile_item,
+      fallbackLabel: a.monthly_income,
+      icon: /* @__PURE__ */ e(Jt, {}),
+      key: Q.MonthlyIncome,
+      label: a.monthly_income,
+      value: o
+    },
+    {
+      dynamicCopy: a.add_profile_item,
+      fallbackLabel: a.date_of_birth,
+      icon: /* @__PURE__ */ e(en, {}),
+      key: Q.DateOfBirth,
+      label: a.date_of_birth,
+      value: p.birthday
+    },
+    {
+      dynamicCopy: a.add_profile_item,
+      fallbackLabel: a.credit_score,
+      icon: /* @__PURE__ */ e(st, {}),
+      key: Q.CreditScore,
+      label: a.credit_score,
+      value: p.credit_score
+    },
+    {
+      fallbackLabel: a.connect_your_accounts,
+      icon: /* @__PURE__ */ e(at, {}),
+      key: Q.Connections,
+      label: a.connections,
+      value: n.length > 0 ? Y(
+        a.connected_account,
+        String(n.length),
+        n.length > 1 ? a.accounts : a.account
+      ) : void 0
+    }
+  ].map((g) => fn(g));
+  return /* @__PURE__ */ i(ie, { isOpen: t, onClose: r, title: a.financial_profile, children: [
+    /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
+      /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
+        /* @__PURE__ */ e(X, { children: a.your_financial_profile }),
+        /* @__PURE__ */ e(w, { children: a.financial_profile_description })
+      ] }),
+      /* @__PURE__ */ e(
+        Lt,
+        {
+          completeCopy: a.complete,
+          value: m.reduce((g, S) => g + (S.isComplete ? 1 : 0), 0)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(xn, { list: m, onClickItem: d }),
+    /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+      Me,
+      {
+        description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
+        drawerType: "connectDrawer",
+        isDashboard: !0,
+        title: a.dont_see_all_your_accounts,
+        titleDrawer: s.add_accounts
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      ie,
+      {
+        isOpen: l === Q.MonthlyIncome,
+        onClose: () => d(null),
+        title: s.settings,
+        children: /* @__PURE__ */ e(to, {})
+      }
+    ),
+    /* @__PURE__ */ e(Er, { isOpen: l === Q.DateOfBirth, onClose: () => d(null) }),
+    /* @__PURE__ */ e(Ot, { isOpen: l === Q.CreditScore, onClose: () => d(null) }),
+    /* @__PURE__ */ e(
+      mt,
+      {
+        onClose: () => d(null),
+        showConnectionsWidget: l === Q.Connections,
+        title: c.manage_connections
+      }
+    )
+  ] });
+}, zr = f(Gr), ot = ({
+  content: t,
+  islast: r = !1
+}) => /* @__PURE__ */ i(ao, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ i(po, { children: [
+    /* @__PURE__ */ e(lo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !r && /* @__PURE__ */ e(so, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(lt, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(y, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: n }) })
-] }), Lt = ({ report: n }) => {
-  const { finstrong: o } = S(), { score_history_drawer_timeline: t } = o, {
-    health_score_point_difference: i,
-    newer_credit_score: d,
-    older_credit_score: l,
-    older_spend_to_income_ratio: s,
-    newer_spend_to_income_ratio: r,
-    older_health_score: a,
-    newer_health_score: c,
-    newer_score_calculated_at: p
-  } = n, h = _e(new Date(p), "MMM d"), m = () => i === 0 ? "info.lighter" : i > 0 ? "success.lighter" : "error.lighter", _ = () => i === 0 ? b(t.stayed_at, a) : i > 0 ? t.less_spending : t.more_spending, R = () => {
-    if (i === 0) return null;
-    const T = i > 0 ? t.up_from : t.down_from, v = b(T, a, c);
-    return /* @__PURE__ */ u(re, { children: [
+  /* @__PURE__ */ e(co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(w, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), Hr = ({ report: t }) => {
+  const { finstrong: r } = v(), { score_history_drawer_timeline: n } = r, {
+    health_score_point_difference: o,
+    newer_credit_score: c,
+    older_credit_score: s,
+    older_spend_to_income_ratio: a,
+    newer_spend_to_income_ratio: p,
+    older_health_score: l,
+    newer_health_score: d,
+    newer_score_calculated_at: u
+  } = t, m = oo(new Date(u), "MMM d"), g = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", S = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, C = () => {
+    if (o === 0) return null;
+    const y = o > 0 ? n.up_from : n.down_from, k = Y(y, l, d);
+    return /* @__PURE__ */ i(G, { children: [
       /* @__PURE__ */ e(
-        he,
+        on,
         {
           fill: !0,
           name: "circle",
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      v
+      k
     ] });
   };
-  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ u(g, { sx: { backgroundColor: "background.paper" }, children: [
-    /* @__PURE__ */ e(x, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ u(
-      g,
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(_, { sx: { backgroundColor: "background.paper" }, children: [
+    /* @__PURE__ */ e(D, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
+      _,
       {
         flexDirection: "row",
         sx: { alignItems: "center", gap: 16, height: 48, width: "100%" },
         children: [
           /* @__PURE__ */ e(
-            g,
+            _,
             {
               sx: {
                 alignItems: "center",
-                backgroundColor: m(),
+                backgroundColor: g(),
                 borderRadius: 999,
                 height: 48,
                 justifyContent: "center",
                 minWidth: 48
               },
-              children: /* @__PURE__ */ e(y, { sx: { fontWeight: 600 }, variant: "Body", children: i > 0 ? `+${i}` : i })
+              children: /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
             }
           ),
-          /* @__PURE__ */ u(g, { sx: { gap: 2, width: "80%" }, children: [
-            /* @__PURE__ */ e(W, { fontWeight: 600, variant: "Body", children: _() }),
-            /* @__PURE__ */ u(W, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-              h,
+          /* @__PURE__ */ i(_, { sx: { gap: 2, width: "80%" }, children: [
+            /* @__PURE__ */ e(T, { fontWeight: 600, variant: "Body", children: S() }),
+            /* @__PURE__ */ i(T, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
+              m,
               " ",
-              R()
+              C()
             ] })
           ] })
         ]
       }
     ) }),
-    i !== 0 && /* @__PURE__ */ e(x, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ u(
-      it,
+    o !== 0 && /* @__PURE__ */ e(D, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
+      ro,
       {
         sx: {
-          [`& .${at.root}:before`]: {
+          [`& .${io.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -1232,22 +3058,22 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         },
         children: [
           /* @__PURE__ */ e(
-            pe,
+            ot,
             {
-              content: b(
-                t.spend_to_income_description,
-                de(s),
-                de(r)
+              content: Y(
+                n.spend_to_income_description,
+                ke(a),
+                ke(p)
               )
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            ot,
             {
-              content: b(
-                t.credit_score_description,
-                l,
-                d
+              content: Y(
+                n.credit_score_description,
+                s,
+                c
               ),
               islast: !0
             }
@@ -1256,205 +3082,277 @@ const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] }) });
-}, Et = I(Lt), Wt = ({ isOpen: n, onClose: o }) => {
-  const t = G(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChangeReports: r, augmentedChartData: a } = $();
-  if (!d || !l) return /* @__PURE__ */ e(N, {});
-  const c = ie(s.health_score || 0, i), p = r.slice().reverse();
+}, Nr = f(Hr), Kr = ({ isOpen: t, onClose: r }) => {
+  const n = z(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: s } = U(), { healthScore: a, healthScoreChangeReports: p, augmentedChartData: l } = P();
+  if (!c || !s) return /* @__PURE__ */ e(te, {});
+  const d = $e(a.health_score || 0, o), u = p.slice().reverse();
   return /* @__PURE__ */ e(
-    Gt,
+    Ft,
     {
-      additionalContent: /* @__PURE__ */ e(g, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
-        be,
+      additionalContent: /* @__PURE__ */ e(_, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
+        We,
         {
-          axisColor: t.palette.divider,
+          axisColor: n.palette.divider,
           baseline: "min",
-          colors: [t.palette.primary.main],
+          colors: [n.palette.primary.main],
           curveType: "natural",
-          datasets: [a],
+          datasets: [l],
           height: 160,
-          labels: [i.key_indicators_label],
+          labels: [o.key_indicators_label],
           margin: { top: 12, left: 24 },
           showArea: !0,
           showAverage: !0,
-          title: i.peer_average,
+          title: o.peer_average,
           useCustomMark: !0
         }
       ) }),
-      drawerTitle: i.score_history,
-      isOpen: n,
+      drawerTitle: o.score_history,
+      isOpen: t,
       loadConnectAccountsCard: !1,
-      onClose: o,
-      stickyComponent: /* @__PURE__ */ u(
-        g,
+      onClose: r,
+      stickyComponent: /* @__PURE__ */ i(
+        _,
         {
           direction: "row",
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
-            /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
-              ve,
+            /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+              Tt,
               {
                 arcRadius: 20,
-                healthScore: s?.health_score,
+                healthScore: a?.health_score,
                 size: "SM"
               }
             ) }),
-            /* @__PURE__ */ u(x, { children: [
-              /* @__PURE__ */ e(y, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: c.status }),
-              /* @__PURE__ */ e(y, { variant: "caption", children: c.description })
+            /* @__PURE__ */ i(D, { children: [
+              /* @__PURE__ */ e(w, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
+              /* @__PURE__ */ e(w, { variant: "caption", children: d.description })
             ] })
           ]
         }
       ),
-      children: /* @__PURE__ */ e(g, { sx: { gap: 16 }, children: p.map((h, m) => /* @__PURE__ */ e(Et, { report: h }, m)) })
+      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: u.map((m, g) => /* @__PURE__ */ e(Nr, { report: m }, g)) })
     }
   );
-}, Bt = I(Wt), Ht = ({ onClick: n }) => {
-  const { finstrong: o } = S(), { isCopyLoaded: t } = z();
-  return t ? /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(Ee, { size: 48 }),
-    /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(H, { children: o.missing_data_title }),
-      /* @__PURE__ */ e(y, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
-    ] }),
-    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
-      q,
+}, jr = f(Kr), Vr = f(() => {
+  const t = z(), [r, { width: n }] = wt(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: s } = U(), { healthScore: a, healthScoreChange: p } = P(), l = t.palette.mode === "dark", d = $e(a?.health_score, o);
+  return !c || !s ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ i(K, { ref: r, sx: { p: 16 }, children: [
+    /* @__PURE__ */ e(
+      mo,
       {
-        endIcon: /* @__PURE__ */ e(j, {}),
-        onClick: n,
-        size: "small",
+        action: /* @__PURE__ */ e(
+          W,
+          {
+            endIcon: /* @__PURE__ */ e(Z, {}),
+            sx: {
+              fontSize: 13,
+              lineHeight: "16px",
+              fontWeight: 600,
+              color: "primary.main"
+            },
+            variant: "text",
+            children: o.financial_strength_header_action
+          }
+        ),
+        subheader: /* @__PURE__ */ e(X, { color: "text.primary", children: o.financial_strength_header }),
         sx: {
-          fontSize: 13,
-          ":hover": {
-            bgcolor: "transparent"
+          p: 0,
+          "& .MuiCardHeader-content": {
+            overflow: "hidden"
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ e(_, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
+      Tt,
+      {
+        arcRadius: n <= 323 ? 73 : 154,
+        footerCenterContent: p,
+        healthScore: a?.health_score || 0,
+        size: n <= 323 ? "M" : "L"
+      }
+    ) }),
+    a?.health_score ? /* @__PURE__ */ i(
+      uo,
+      {
+        sx: {
+          px: 16,
+          backgroundColor: l ? "grey.800" : "grey.50",
+          //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
+          "&.Mui-expanded": {
+            m: 0
+          },
+          "&::before": {
+            display: "none"
           }
         },
-        variant: "text",
-        children: o.connect_more_accounts_button
+        children: [
+          /* @__PURE__ */ e(
+            ho,
+            {
+              expandIcon: /* @__PURE__ */ e(tn, { size: 20 }),
+              sx: {
+                height: 52,
+                p: 0,
+                "&.Mui-expanded": {
+                  minHeight: 0
+                }
+              },
+              children: /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "body1", children: o.accordion_title_text })
+            }
+          ),
+          /* @__PURE__ */ e(_o, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(w, { variant: "subtitle1", children: d.scoreContent }) })
+        ]
       }
-    ) })
-  ] }) : /* @__PURE__ */ e(N, {});
-}, zt = I(Ht), $t = ({ onBackClick: n, sx: o }) => {
-  const t = G(), { visibleAccounts: i } = fe(), { dateRange: d, isDataLoaded: l, loadBudgetData: s, setTheme: r } = ye(), { reloadCategoryTotals: a } = Ke(), { augmentedChartData: c, calculateHealthScore: p, healthScore: h, loadAugmentedChartData: m } = $(), { finstrong: _, connect: R } = S(), { isCopyLoaded: T, isInitialized: v, selectedAccounts: L, setSelectedAccounts: E } = z(), { isMobile: K } = Ce(), [F, w] = C.useState(!1);
-  C.useEffect(() => {
-    r(t);
-  }, []), C.useEffect(() => E(i), [i]), C.useEffect(() => {
-    v && (p().finally(), m().finally());
-  }, [v]), C.useEffect(() => {
-    v && (a(L, d.start, d.end), l || s());
-  }, [d, l, v, L]);
-  const [O, k] = C.useState(!1), [P, U] = C.useState(!1);
-  if (!T || !v) return /* @__PURE__ */ e(N, {});
-  const Z = () => {
-  }, ee = () => k(!0);
-  return /* @__PURE__ */ u(
-    mt,
+    ) : /* @__PURE__ */ e(
+      Me,
+      {
+        buttonText: o.connect_more_accounts_title,
+        description: o.health_score_zero_description,
+        drawerType: "connectDrawer",
+        hasIcon: !1,
+        isDashboard: !0,
+        sx: {
+          backgroundColor: l ? "grey.800" : "grey.50",
+          //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
+          ".connect-more-accounts-title": {
+            fontWeight: 600,
+            lineHeight: "20px",
+            color: "text.primary"
+          },
+          ".connect-more-accounts-description": { color: "text.primary" }
+        },
+        title: o.health_score_zero_title
+      }
+    )
+  ] });
+}), Yr = ({ onBackClick: t, sx: r, onTrendsClick: n, onSpendingClick: o }) => {
+  const { visibleAccounts: c } = xe(), { dateRange: s, isDataLoaded: a, loadBudgetData: p, setTheme: l } = ht(), { reloadCategoryTotals: d } = Le(), {
+    augmentedChartData: u,
+    calculateHealthScore: m,
+    healthScore: g,
+    loadAugmentedChartData: S,
+    loadMonthlySummaries: C
+  } = P(), { finstrong: y, connect: k } = v(), { isCopyLoaded: b, isInitialized: x, selectedAccounts: A, setSelectedAccounts: F } = U(), { isMobile: H } = Ge(), O = z(), { userProfile: N } = ee(), [E, ce] = h.useState(!1), [j, oe] = h.useState(!1), [le, de] = h.useState(!1);
+  if (h.useEffect(() => {
+    l(O);
+  }, []), h.useEffect(() => F(c), [c]), h.useEffect(() => {
+    x && (m().finally(), S().finally(), C().finally());
+  }, [x]), h.useEffect(() => {
+    x && (d(A, s.start, s.end), a || p());
+  }, [s, a, x, A]), !b || !x) return /* @__PURE__ */ e(te, {});
+  const V = () => {
+  }, me = () => ce(!0);
+  return /* @__PURE__ */ i(
+    En,
     {
-      accountOptions: i,
+      accountOptions: c,
       actions: [
         {
           iconName: "person",
-          label: _.profile,
-          onClick: ee
+          label: y.profile,
+          onClick: me
         }
       ],
       hasDivider: !0,
-      onAccountsFilterClick: Z,
-      onBackClick: n,
-      sx: o,
-      title: _.title,
+      onAccountsFilterClick: V,
+      onBackClick: t,
+      sx: r,
+      title: y.title,
       children: [
-        /* @__PURE__ */ u(
-          g,
+        N.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
+          _,
           {
             sx: {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: K ? 24 : 16,
+              pt: H ? 24 : 16,
               px: 24
             },
             children: [
-              /* @__PURE__ */ u(g, { sx: { gap: 24, width: { md: 432 } }, children: [
-                /* @__PURE__ */ e(St, {}),
+              /* @__PURE__ */ i(_, { sx: { gap: 24, width: { md: 432 } }, children: [
+                /* @__PURE__ */ e(Vr, {}),
                 /* @__PURE__ */ e(
-                  Q,
+                  Me,
                   {
-                    description: _.connect_more_accounts_description,
-                    title: _.connect_more_accounts_title
+                    description: y.connect_more_accounts_description,
+                    drawerType: "connectDrawer",
+                    title: y.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(g, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ u(J, { sx: { background: t.palette.background.paper, p: 16 }, children: [
-                /* @__PURE__ */ u(g, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(H, { children: _.key_indicators }),
+              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: O.palette.background.paper, p: 16 }, children: [
+                /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ e(X, { children: y.key_indicators }),
                   /* @__PURE__ */ e(
-                    q,
+                    W,
                     {
-                      endIcon: /* @__PURE__ */ e(j, {}),
-                      onClick: () => U(!0),
+                      endIcon: /* @__PURE__ */ e(Z, {}),
+                      onClick: () => oe(!0),
                       sx: {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: _.whats_changed
+                      children: y.whats_changed
                     }
                   )
                 ] }),
-                c.length ? /* @__PURE__ */ e(
-                  be,
+                u.length ? /* @__PURE__ */ e(
+                  We,
                   {
-                    axisColor: t.palette.divider,
+                    axisColor: O.palette.divider,
                     baseline: "min",
-                    colors: [t.palette.primary.main],
+                    colors: [O.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
-                    datasets: [c],
+                    datasets: [u],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: t.palette.border.dark,
-                    labelFontColor: t.palette.common.white,
-                    labelFontSize: typeof t.typography.XSmall?.fontSize == "string" ? parseFloat(t.typography.XSmall.fontSize) : t.typography.XSmall?.fontSize,
-                    labels: [_.key_indicators_label],
+                    labelBackgroundColor: O.palette.border.dark,
+                    labelFontColor: O.palette.common.white,
+                    labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
+                    labels: [y.key_indicators_label],
                     margin: { right: 20, left: 25 },
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: _.peer_average,
+                    title: y.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e(zt, { onClick: () => w(!0) }),
-                h.health_score !== null && /* @__PURE__ */ e(Ft, {})
+                ) : /* @__PURE__ */ e(kr, { onClick: () => de(!0) }),
+                g.health_score !== null && /* @__PURE__ */ e(Cr, { onTrendsClick: n, onSpendingClick: o })
               ] }) })
             ]
           }
-        ),
-        /* @__PURE__ */ e(Mt, { isOpen: O, onClose: () => k(!1) }),
+        ) : /* @__PURE__ */ e(Lr, {}),
+        /* @__PURE__ */ e(zr, { isOpen: E, onClose: () => ce(!1) }),
         /* @__PURE__ */ e(
-          xe,
+          ne,
           {
-            onClose: () => w(!1),
-            showConnectWidget: F,
-            title: R.mini_title
+            onClose: () => de(!1),
+            showConnectWidget: le,
+            title: k.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          Bt,
+          jr,
           {
-            isOpen: P,
-            onClose: () => U(!1)
+            isOpen: j,
+            onClose: () => oe(!1)
           }
         )
       ]
     }
   );
-}, Ho = I($t);
+}, di = f(Yr);
 export {
-  Bo as CreditScoreGraph,
-  Se as DialScoreCard,
-  ve as FinancialStrengthGraph,
-  No as FinstrongApi,
-  Ko as FinstrongStore,
-  Ho as FinstrongWidget
+  yo as CreditScoreGraph,
+  It as DialScoreCard,
+  Tt as FinancialStrengthGraph,
+  _i as FinstrongApi,
+  hi as FinstrongStore,
+  di as FinstrongWidget
 };