@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/finstrong/index.es.js

@@ -1,3914 +1,10 @@
-import { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
-import M from "@mui/material/Box";
-import _ from "@mui/material/Stack";
-import { useTheme as W, alpha as ue } from "@mui/material/styles";
-import { PieChart as pn } from "@mui/x-charts/PieChart";
-import { Text as D, P as A, H3 as j, InstitutionLogo as yt, H2 as Ge, MerchantLogo as un, Icon as _n } from "@mxenabled/mxui";
-import { ChevronRight as J, Check as mn, TrendingUp as hn, ArrowRightAlt as gn, TrendingDown as yn, AccountBalance as ft, CheckCircle as fn, Cancel as bn, CreditCard as bt, Savings as xn, ContentCopy as Cn, MultilineChart as Sn, Add as xt, Cardiology as vn, Payments as wn, CalendarMonth as kn, ExpandMore as Mn } from "@mxenabled/mx-icons";
-import { addDays as Dn } from "date-fns/addDays";
-import { addMonths as In } from "date-fns/addMonths";
-import { addYears as An } from "date-fns/addYears";
-import { differenceInDays as Tn } from "date-fns/differenceInDays";
-import { differenceInMonths as On } from "date-fns/differenceInMonths";
-import { differenceInWeeks as it } from "date-fns/differenceInWeeks";
-import { format as Ct } from "date-fns/format";
-import { startOfToday as Ve } from "date-fns/startOfToday";
-import m, { useState as Rn, useRef as Fn, useCallback as st, useEffect as ct } from "react";
-import Ln from "@mui/material/Avatar";
-import ae from "@mui/material/Divider";
-import Le from "@mui/material/List";
-import _e from "@mui/material/ListItem";
-import Ye from "@mui/material/ListItemAvatar";
-import St from "@mui/material/ListItemButton";
-import me from "@mui/material/ListItemText";
-import { f as B } from "../NumberFormatting--XMeeBfr.mjs";
-import { b as z } from "../Localization-DnoVyBNK.mjs";
-import { f as Xe, D as Ue } from "../DateFormats-HudZ3Bjs.mjs";
-import * as lt from "d3";
-import { observer as w } from "mobx-react-lite";
-import { u as S, a as ne, i as qe, C as oe, s as L, D as Pn, c as ke, l as Qe, e as Bn, h as Ze, g as En, o as Gn } from "../hooks-97sNJ_lf.mjs";
-import { L as ee } from "../Loader-CxeBwuPG.mjs";
-import E from "@mui/material/Button";
-import Y from "@mui/material/Card";
-import { L as Je } from "../LineChart-CUfiH86G.mjs";
-import { C as vt } from "../ConnectionsDrawer-CCDnZGh0.mjs";
-import { C as se } from "../ConnectDrawer-BQ9ouCgh.mjs";
-import he from "@mui/material/Tab";
-import et from "@mui/material/Tabs";
-import Pe from "@mui/material/TextField";
-import { u as tt } from "../useScreenSize-mWpmnh5w.mjs";
-import { D as Wn } from "../Dialog-Bvd2n8hz.mjs";
-import { u as wt } from "../useDimensions-CeDR9V8N.mjs";
-import { E as Be } from "../EmptyState-CJUDc3kD.mjs";
-import $n from "@mui/material/Chip";
-import { D as ie } from "../Drawer-CWQYTC6t.mjs";
-import { g as kt } from "../useAccountDisplayName-BsiXA0qf.mjs";
-import { a as Mt } from "../AccountDetailsHeader-C84CSN2K.mjs";
-import Nn from "@mui/material/ListSubheader";
-import { S as dt } from "../Select-CSpkK5cR.mjs";
-import { c as je } from "../Account-DR7Plrqy.mjs";
-import { S as zn } from "../StatusBar-CPfSXe80.mjs";
-import { k as Dt } from "../DateUtil-Bl7d7C1W.mjs";
-import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-AdIOFTGI.mjs";
-import { T as ge } from "../TabContentContainer-B0eYJP5p.mjs";
-import Xn from "@mui/material/useMediaQuery";
-import { BarPlot as Un } from "@mui/x-charts/BarChart";
-import { ChartContainer as qn } from "@mui/x-charts/ChartContainer";
-import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
-import { startOfMonth as It } from "date-fns/startOfMonth";
-import { endOfMonth as At } from "date-fns/endOfMonth";
-import { g as Jn, S as eo, b as to } from "../SpendingLegend-CxvNOg3c.mjs";
-import { formatISO as no } from "date-fns/formatISO";
-import { fromUnixTime as oo } from "date-fns/fromUnixTime";
-import { subDays as ro } from "date-fns/subDays";
-import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-lfbxMoW8.mjs";
-import { F as Tt, d as co, R as Ot } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
-import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as uo } from "@mui/x-date-pickers";
-import { AdapterDateFns as Rt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as _o } from "../RecurringSettings-BG5wxPbS.mjs";
-import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
-import ho from "@mui/lab/Timeline";
-import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";
-import fo from "@mui/lab/TimelineConnector";
-import bo from "@mui/lab/TimelineContent";
-import xo from "@mui/lab/TimelineDot";
-import Co from "@mui/lab/TimelineSeparator";
-import So from "@mui/material/Accordion";
-import vo from "@mui/material/AccordionDetails";
-import wo from "@mui/material/AccordionSummary";
-import { u as ko } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Mo } from "../WidgetContainer-BBzwzqOz.mjs";
-const Ae = {
-  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
-  }
-}, De = {
-  GOOD: "GOOD",
-  FAIR: "FAIR",
-  OFF_TRACK: "OFF TRACK",
-  MISSING: "MISSING DATA"
-};
-var q = /* @__PURE__ */ ((t) => (t.Connections = "connections", t.CreditScore = "credit_score", t.DateOfBirth = "date_of_birth", t.MonthlyIncome = "monthly_income", t))(q || {});
-const Do = ({ list: t, onClickItem: n }) => /* @__PURE__ */ e(M, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
-  Le,
-  {
-    sx: {
-      "& .MuiListItemSecondaryAction-root": {
-        color: "text.primary",
-        pr: 24
-      }
-    },
-    children: t.map((o, r) => /* @__PURE__ */ s(m.Fragment, { children: [
-      /* @__PURE__ */ e(_e, { secondaryAction: /* @__PURE__ */ e(J, {}), children: /* @__PURE__ */ s(St, { onClick: () => n(o.key), children: [
-        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(
-          Ln,
-          {
-            sx: {
-              bgcolor: "primary.main",
-              ...!o.isComplete && {
-                bgcolor: "transparent",
-                borderColor: "action.active",
-                borderStyle: "solid",
-                borderWidth: 1,
-                color: "action.active"
-              }
-            },
-            children: o.icon
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            primary: /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "caption", children: o.primaryText }),
-            secondary: /* @__PURE__ */ e(D, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: o.secondaryText })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e(ae, { sx: { color: "divider", ml: r === t.length - 1 ? 0 : 68 } })
-    ] }, o.key))
-  }
-) }), ut = (t) => t * (180 / Math.PI), nt = (t, n) => [
-  {
-    description: n.vulnerable_description,
-    max: 25,
-    scoreContent: n.accordion_details_text.vulnerable,
-    status: n.vulnerable
-  },
-  {
-    description: n.building_description,
-    max: 50,
-    scoreContent: n.accordion_details_text.building,
-    status: n.building
-  },
-  {
-    description: n.stable_description,
-    max: 75,
-    scoreContent: n.accordion_details_text.stable,
-    status: n.stable
-  },
-  {
-    description: n.strong_description,
-    max: 100,
-    scoreContent: n.accordion_details_text.strong,
-    status: n.strong
-  }
-].find((i) => t > 0 && t <= i.max) || { status: n.insufficient_data, description: "", scoreContent: "" }, Q = {
-  POOR: "#8C0E0E",
-  FAIR: "#E32727",
-  GOOD: "#FFB70D",
-  VERY_GOOD: "#0EA26C",
-  EXCEPTIONAL: "#005C3D"
-}, Z = {
-  POOR: "#B21C1C",
-  FAIR: "#FF3232",
-  GOOD: "#FFC02C",
-  VERY_GOOD: "#29C76B",
-  EXCEPTIONAL: "#008A5A"
-}, Ft = (t, n, o) => t >= 300 && t < 580 ? {
-  status: o.poor,
-  color: n ? Z.POOR : Q.POOR
-} : t >= 580 && t < 670 ? {
-  status: o.fair,
-  color: n ? Z.FAIR : Q.FAIR
-} : t >= 670 && t < 740 ? {
-  status: o.good,
-  color: n ? Z.GOOD : Q.GOOD
-} : t >= 740 && t < 800 ? {
-  status: o.very_good,
-  color: n ? Z.VERY_GOOD : Q.VERY_GOOD
-} : t >= 800 && t <= 850 ? {
-  status: o.exceptional,
-  color: n ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
-} : { status: o.missing_data }, Io = (t, n, o, r) => {
-  const i = t.reduce((c, d) => c + d.value, 0);
-  let a = 0;
-  const l = t.map((c) => {
-    const d = c.value / i * n, p = o + a, u = p + d;
-    return a += d, {
-      ...c,
-      startAngle: p,
-      endAngle: u
-    };
-  });
-  return [l[r].startAngle, l[r].endAngle];
-}, Ao = (t, n, o, r, i) => {
-  let a = 0, l = 0;
-  const c = Math.floor(r), d = r - c;
-  return c > o ? (a = t, l = n) : c === o && d > 0 && (a = t, l = i), [a, l];
-}, To = (t, n, o = 0) => {
-  const r = t * Math.sin(n - o), i = -t * Math.cos(n - o);
-  return [r, i];
-}, Oo = ({
-  dynamicCopy: t,
-  fallbackLabel: n,
-  icon: o,
-  key: r,
-  label: i,
-  value: a
-}) => {
-  const l = !!a, c = l ? Ro(r, a) : t && z(t, n) || n;
-  return {
-    icon: l ? /* @__PURE__ */ e(mn, {}) : o,
-    isComplete: l,
-    key: r,
-    primaryText: i,
-    secondaryText: c
-  };
-}, Ro = (t, n) => ({
-  [q.DateOfBirth]: (r) => Ct(new Date(Number(r) * 1e3), "MMM d, yyyy"),
-  [q.MonthlyIncome]: (r) => B(Number(r), "0.00")
-})[t]?.(n) ?? String(n), Ee = (t) => t !== null ? Math.round(t * 100) : null, Fo = (t) => {
-  const n = new Date((/* @__PURE__ */ new Date()).getFullYear(), t - 1, 1);
-  return Xe(n, Ue.MONTH_SHORT);
-}, Lt = (t) => {
-  const { good: n, poor: o } = Ae.daysOfCashOnHand;
-  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
-}, Pt = (t) => {
-  const { good: n, poor: o } = Ae.emergencySavings;
-  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
-}, Bt = (t) => {
-  const { good: n, poor: o } = Ae.spendToIncomeRatio;
-  return t === null ? "MISSING" : t < n ? "GOOD" : t < o ? "FAIR" : "OFF_TRACK";
-}, Et = (t) => {
-  const { good: n, poor: o } = Ae.debtToIncomeRatio;
-  return t === null ? "MISSING" : t <= n ? "GOOD" : t <= o ? "FAIR" : "OFF_TRACK";
-}, Gt = (t) => {
-  const { good: n, poor: o } = Ae.creditScore;
-  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
-}, Wt = (t) => t === null ? "MISSING" : t === 0 ? "GOOD" : "OFF_TRACK", Lo = (t, n) => {
-  const o = Wt(t), r = {
-    GOOD: n.count_good_description,
-    OFF_TRACK: n.count_off_track_description,
-    MISSING: n.count_missing_description
-  };
-  return {
-    cardState: o,
-    description: r[o],
-    title: n.count_card_title
-  };
-}, Po = (t) => ({
-  [De.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
-  [De.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
-  [De.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
-  [De.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-})[t], Bo = 1, Eo = 1, Go = {
-  1: In,
-  2: An,
-  3: Dn
-}, Wo = {
-  1: On,
-  2: (t, n) => it(t, n) / 2,
-  3: it,
-  4: Tn
-}, $t = [
-  { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
-  { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
-  { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
-], _t = ({
-  contribution: t,
-  goalAmount: n,
-  goalPeriod: o,
-  targetPeriod: r,
-  totalSaved: i
-}) => {
-  const a = n - i;
-  if (a <= 0) return 0;
-  const l = Ve(), c = Go[r], d = Wo[t];
-  if (!c || !d) return a;
-  const p = c(l, o), u = d(p, l);
-  return Math.max(a / (u || 1), 1);
-}, $o = (t) => !t || t <= 0 ? "0%" : t >= 1e3 ? "100%" : `${Math.round(t / 10)}%`, No = (t) => $t.find((o) => t < o.upperLimit)?.targetAmount ?? Eo, mt = (t) => $t.find((r) => t < r.upperLimit)?.contributionPeriodIndex ?? Bo, zo = (t, n) => [...t].sort((r, i) => r.year === i.year ? r.month - i.month : r.year - i.year).map((r) => ({
-  x: Xe(new Date(0, r.month - 1, 1), Ue.MONTH_SHORT),
-  y: r[n]
-})), Ho = ({
-  dialScoreData: t,
-  dataIndex: n,
-  arcColor: o,
-  arcStartAngle: r,
-  totalAngularSpan: i,
-  centerX: a,
-  centerY: l,
-  arcRadius: c,
-  innerArcRadius: d,
-  outterArcRadius: p,
-  progressEndAngle: u,
-  unitsPerSegment: h,
-  isFinacialStrengthGraph: f
-}) => {
-  const v = W(), x = [
-    { offset: "13.62%", color: v.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: v.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: v.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: v.palette.chartMono.chartMono5 }
-  ], [C, b] = Io(
-    t,
-    i,
-    r,
-    n
-  ), [k, g] = Ao(
-    C,
-    b,
-    n,
-    h,
-    u
-  ), y = lt.arc().innerRadius(d).outerRadius(p).startAngle(C).endAngle(b).padAngle(0.02).cornerRadius(8), I = lt.arc().innerRadius(d).outerRadius(p).startAngle(k).endAngle(g).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ e(
-      "path",
-      {
-        d: y({}),
-        fill: f ? v.palette.divider : o
-      }
-    ),
-    f && /* @__PURE__ */ e("path", { d: I({}), fill: "url(#arcGradient)" }),
-    /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
-      "linearGradient",
-      {
-        gradientTransform: `rotate(5, ${a}, ${l})`,
-        gradientUnits: "userSpaceOnUse",
-        id: "arcGradient",
-        x1: a + c * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: a - c * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
-        children: x.map((G, O) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, O))
-      }
-    ) })
-  ] });
-}, Nt = ({
-  arcRadius: t = 100,
-  healthScore: n,
-  size: o = "L",
-  dialScoreData: r,
-  minValue: i = 0,
-  maxValue: a = 100,
-  margin: l,
-  markerColor: c,
-  healthScoreStatus: d,
-  footerCenterContent: p,
-  footerLeftContent: u,
-  footerRightContent: h,
-  isFinacialStrengthGraph: f = !1
-}) => {
-  const v = W(), x = -Math.PI / 1.35, C = Math.PI / 1.35, b = C - x, k = b / (a - i), g = (n - i) * k, y = x + g + 0.02, I = o !== "SM" ? 0.1 : 0.12, G = t, O = t * (1 - I), $ = G * 2, F = $ / 2, K = $ / 2, fe = (O + G) / 2, be = n !== 25 && n !== 50 && n !== 75 && n !== 100 ? 0 : 0.12, [X, re] = To(fe, y, be), ce = n / 25, U = {
-    L: { markerSize: 12, healthScoreFontSize: 64 },
-    M: { markerSize: 8, healthScoreFontSize: 48 },
-    SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, V = {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...l
-  }, le = p === 0 ? gn : yn, de = o !== "SM" ? 3 : 1, xe = de * 4, N = U[o].markerSize * 2 + xe;
-  return /* @__PURE__ */ s(
-    _,
-    {
-      sx: {
-        width: $,
-        height: o === "SM" ? $ - 7 : $,
-        position: "relative",
-        alignSelf: "center",
-        overflow: "visible"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          pn,
-          {
-            height: o === "SM" ? $ - 7 : $,
-            hideLegend: !0,
-            margin: V,
-            series: [
-              {
-                data: r,
-                innerRadius: O,
-                outerRadius: G,
-                startAngle: Math.round(ut(x)),
-                // Use Math.degrees to convert
-                endAngle: Math.round(ut(C))
-                // Use Math.degrees to convert
-              }
-            ],
-            skipAnimation: !0,
-            slots: {
-              pieArc: (Ce) => /* @__PURE__ */ e(
-                Ho,
-                {
-                  arcColor: Ce.color,
-                  arcRadius: t,
-                  arcStartAngle: x,
-                  centerX: F,
-                  centerY: K,
-                  dataIndex: Ce.dataIndex,
-                  dialScoreData: r,
-                  innerArcRadius: O,
-                  isFinacialStrengthGraph: f,
-                  outterArcRadius: G,
-                  progressEndAngle: y,
-                  totalAngularSpan: b,
-                  unitsPerSegment: ce
-                }
-              )
-            },
-            sx: {
-              "& path": {
-                stroke: "none"
-              }
-            },
-            width: $
-          }
-        ),
-        n >= i && n <= a && /* @__PURE__ */ e(
-          "svg",
-          {
-            height: N,
-            style: {
-              position: "absolute",
-              left: F + X - U[o].markerSize - 5,
-              top: K + re - U[o].markerSize - 5,
-              overflow: "visible"
-            },
-            viewBox: `${F + X - U[o].markerSize - 5} ${K + re - U[o].markerSize - 5} ${N} ${N}`,
-            width: N,
-            children: /* @__PURE__ */ e(
-              "circle",
-              {
-                cx: F + X,
-                cy: K + re,
-                fill: v.palette.common.white,
-                r: U[o].markerSize,
-                stroke: f ? "url(#arcGradient)" : c,
-                strokeWidth: de
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          M,
-          {
-            sx: {
-              position: "absolute",
-              top: `${K}px`,
-              left: `${F}px`,
-              transform: "translate(-50%, -50%)",
-              textAlign: "center"
-            },
-            children: /* @__PURE__ */ s(
-              _,
-              {
-                spacing: 1,
-                sx: { alignItems: "center", justifyContent: "center", gap: o !== "M" ? 10 : 3 },
-                children: [
-                  /* @__PURE__ */ e(
-                    A,
-                    {
-                      sx: {
-                        fontSize: U[o].healthScoreFontSize,
-                        lineHeight: o !== "SM" ? "48px" : "100%"
-                      },
-                      variant: "h1",
-                      children: n
-                    }
-                  ),
-                  o !== "SM" && /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: o === "L" ? "body1" : "body2", children: d })
-                ]
-              }
-            )
-          }
-        ),
-        p !== void 0 && /* @__PURE__ */ e(
-          M,
-          {
-            sx: {
-              position: "absolute",
-              top: `${K * 2 * 0.83}px`,
-              left: `${F}px`,
-              transform: "translate(-50%, -50%)",
-              textAlign: "center"
-            },
-            children: typeof p == "number" ? /* @__PURE__ */ s(
-              _,
-              {
-                sx: {
-                  flexDirection: "row",
-                  alignItems: "center",
-                  gap: 4,
-                  mt: 24
-                },
-                children: [
-                  p > 0 ? /* @__PURE__ */ e(hn, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(le, { size: 16, sx: { color: "text.secondary" } }),
-                  /* @__PURE__ */ e(
-                    A,
-                    {
-                      sx: {
-                        fontWeight: 600,
-                        color: p > 0 ? "success.main" : "text.secondary"
-                      },
-                      variant: "body1",
-                      children: Math.abs(p)
-                    }
-                  )
-                ]
-              }
-            ) : /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: p })
-          }
-        ),
-        u !== void 0 && /* @__PURE__ */ e(
-          M,
-          {
-            sx: {
-              position: "absolute",
-              top: `${K * 2 * 0.83}px`,
-              left: `${F - F / 2}px`,
-              // shift left from center
-              transform: "translate(-50%, -50%)",
-              textAlign: "left"
-            },
-            children: /* @__PURE__ */ e(A, { variant: "body1", children: u })
-          }
-        ),
-        h !== void 0 && /* @__PURE__ */ e(
-          M,
-          {
-            sx: {
-              position: "absolute",
-              top: `${K * 2 * 0.83}px`,
-              left: `${F + F / 2}px`,
-              transform: "translate(-50%, -50%)",
-              textAlign: "right"
-            },
-            children: /* @__PURE__ */ e(A, { variant: "body1", children: h })
-          }
-        )
-      ]
-    }
-  );
-}, zt = w(
-  ({
-    arcRadius: t,
-    size: n = "L",
-    healthScore: o,
-    footerCenterContent: r,
-    margin: i
-  }) => {
-    const a = [
-      { 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(), c = nt(o, l);
-    return /* @__PURE__ */ e(
-      Nt,
-      {
-        arcRadius: t,
-        dialScoreData: a,
-        footerCenterContent: n === "L" ? l.footer_center_content_updated_just_now : r,
-        healthScore: o,
-        healthScoreStatus: c.status,
-        isFinacialStrengthGraph: !0,
-        margin: i,
-        size: n
-      }
-    );
-  }
-), Ko = w(
-  ({
-    arcRadius: t,
-    size: n = "L",
-    healthScore: o,
-    maxValue: r = 850,
-    minValue: i = 300,
-    footerCenterContent: a
-  }) => {
-    const c = W().palette.mode === "dark", d = [
-      {
-        id: 1,
-        label: "Poor",
-        value: 29,
-        color: c ? Z.POOR : Q.POOR
-      },
-      {
-        id: 2,
-        label: "Fair",
-        value: 25,
-        color: c ? Z.FAIR : Q.FAIR
-      },
-      {
-        id: 3,
-        label: "Good",
-        value: 17,
-        color: c ? Z.GOOD : Q.GOOD
-      },
-      {
-        id: 4,
-        label: "Very Good",
-        value: 17,
-        color: c ? Z.VERY_GOOD : Q.VERY_GOOD
-      },
-      {
-        id: 5,
-        label: "Exceptional",
-        value: 12,
-        color: c ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
-      }
-    ], { finstrong: p } = S(), { isCopyLoaded: u } = ne();
-    if (!u) return /* @__PURE__ */ e(ee, {});
-    const { status: h, color: f = "none" } = Ft(
-      o,
-      c,
-      p.credit_score_status
-    );
-    return /* @__PURE__ */ e(
-      Nt,
-      {
-        arcRadius: t,
-        dialScoreData: d,
-        footerCenterContent: a,
-        footerLeftContent: i,
-        footerRightContent: r,
-        healthScore: o,
-        healthScoreStatus: h,
-        markerColor: f,
-        maxValue: r,
-        minValue: i,
-        size: n
-      }
-    );
-  }
-), We = ({
-  drawerType: t,
-  isDashboard: n = !1,
-  hasIcon: o = !0,
-  buttonText: r,
-  title: i,
-  titleDrawer: a,
-  description: l,
-  sx: c
-}) => {
-  const [d, p] = m.useState(!1), { connect: u, finstrong: h } = S(), { config: f } = qe();
-  return t && f.show_connections_widget_in_master ? /* @__PURE__ */ s(
-    Y,
-    {
-      sx: {
-        pb: 24,
-        pt: 18,
-        px: 24,
-        width: "100%",
-        ...c
-      },
-      children: [
-        /* @__PURE__ */ s(
-          _,
-          {
-            sx: {
-              gap: 8,
-              ...n && { flexDirection: "row", alignItems: "center" }
-            },
-            children: [
-              o && /* @__PURE__ */ e(ft, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(j, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: i || h.connect_more_accounts_title })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          A,
-          {
-            className: "connect-more-accounts-description",
-            sx: { color: "text.secondary", mt: 8 },
-            variant: "subtitle1",
-            children: l || h.connect_more_accounts_description
-          }
-        ),
-        /* @__PURE__ */ e(
-          E,
-          {
-            endIcon: /* @__PURE__ */ e(J, {}),
-            onClick: () => p(!0),
-            size: "small",
-            sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
-          }
-        ),
-        t === "connectDrawer" && /* @__PURE__ */ e(
-          se,
-          {
-            onClose: () => p(!1),
-            showConnectWidget: d,
-            title: a || u.mini_title
-          }
-        ),
-        t === "connectionsDrawer" && /* @__PURE__ */ e(
-          vt,
-          {
-            onClose: () => p(!1),
-            showConnectionsWidget: d,
-            title: a || u.mini_title
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-var ye = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(ye || {});
-const Vo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", jo = ({ isOpen: t, onClose: n }) => {
-  const { common: o, finstrong: r } = S(), { isMobile: i } = tt(), { updateUser: a, user: l } = oe(), [c, d] = m.useState(l.credit_score || 0), p = !isNaN(c), u = () => {
-    n(), setTimeout(() => d(l.credit_score || 0), 300);
-  }, h = () => {
-    !c || c === l.credit_score || a({ ...l, credit_score: c });
-  };
-  return /* @__PURE__ */ e(
-    Wn,
-    {
-      copy: { close_aria: o.close_aria, title: r.edit_credit_score },
-      disablePrimaryButton: !c || !p,
-      isOpen: t,
-      maxWidth: "xs",
-      onClose: u,
-      onPrimaryAction: h,
-      primaryColor: "primary",
-      primaryText: o.save_button,
-      sx: {
-        "& .MuiDialog-paper": {
-          minWidth: i ? "100%" : 400
-        }
-      },
-      children: /* @__PURE__ */ e(
-        "form",
-        {
-          onSubmit: (f) => {
-            f.preventDefault(), h(), u();
-          },
-          children: /* @__PURE__ */ e(
-            Pe,
-            {
-              error: !p,
-              fullWidth: !0,
-              inputMode: "numeric",
-              onChange: (f) => d(Number(f.target.value)),
-              slotProps: {
-                htmlInput: {
-                  noValidate: !0,
-                  pattern: "[0-9]*"
-                }
-              },
-              value: p ? c : ""
-            }
-          )
-        }
-      )
-    }
-  );
-}, Ht = w(jo), Yo = ({ chartFor: t }) => {
-  const n = W(), o = n.palette.mode === "dark", { monthlySummaries: r } = L(), { user: i } = oe(), { finstrong: a } = S(), [l, { width: c }] = wt(), d = {
-    savingsOverTime: {
-      icon: "trending_up",
-      title: a.key_indicators_save.zero_state_title,
-      description: a.key_indicators_save.zero_state_description
-    },
-    debtOverTime: {
-      icon: "multiline_chart",
-      title: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
-      description: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description
-    },
-    creditOverTime: {
-      icon: "credit_card",
-      title: a.credit_over_time_title,
-      description: a.credit_over_time_zero_state_desc
-    }
-  }[t], u = {
-    savingsOverTime: {
-      title: a.key_indicators_save.savings_over_time,
-      valueKey: "available_cash"
-    },
-    debtOverTime: {
-      title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
-      valueKey: "debt_balance"
-    },
-    creditOverTime: {
-      title: a.credit_over_time_title,
-      valueKey: "credit_score"
-    }
-  }[t], h = zo(r, u.valueKey), f = r.map((O) => O[u.valueKey]), v = Math.max(...f), x = Math.min(...f), C = () => v >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : v >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: b, leftMargin: k } = C(), g = u.title, y = t === "creditOverTime";
-  let I;
-  if (y) {
-    const { color: O } = Ft(
-      i?.credit_score ?? 0,
-      o,
-      a.credit_score_status
-    );
-    I = O;
-  }
-  const G = h.some((O) => O.y !== 0);
-  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: G ? /* @__PURE__ */ s(_, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(A, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
-    /* @__PURE__ */ e(
-      Je,
-      {
-        areaColor: I,
-        axisColor: n.palette.divider,
-        baseline: "min",
-        chartFor: t,
-        colors: [n.palette.primary.main],
-        curveType: y ? "linear" : "monotoneX",
-        datasets: h ? [h] : [],
-        height: 244,
-        labelFontColor: y ? "text.primary" : "",
-        labelFontSize: y ? 13 : void 0,
-        labels: [a.key_indicators_label],
-        margin: { left: k, top: y ? 25 : 15, right: 20 },
-        markStyles: (O) => y ? {
-          markLabelStyles: {
-            marginLeft: 16,
-            transform: O === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
-            fontWeight: 600,
-            fill: n.palette.text.primary
-          },
-          stroke: I
-        } : {},
-        maxRange: y ? 850 : void 0,
-        minRange: (() => {
-          if (y)
-            return x < 300 ? 0 : 300;
-        })(),
-        showArea: !0,
-        showAverage: !y,
-        showMark: !y,
-        showMarkLabel: y,
-        showXAxis: !0,
-        showYAxis: y,
-        showYAxisTicks: y,
-        useCustomMark: !0,
-        valueFormatterString: y ? void 0 : b,
-        width: c < 342 ? c - 48 : 342
-      }
-    )
-  ] }) : /* @__PURE__ */ e(
-    Be,
-    {
-      header: d.title,
-      icon: d.icon,
-      subText: d.description,
-      sx: {
-        backgroundColor: "background.paper",
-        borderRadius: "8px",
-        boxShadow: 1,
-        p: 24,
-        pb: 48,
-        ".empty-state-subtext": {
-          fontSize: 15,
-          lineHeight: "24px",
-          mt: 8
-        }
-      }
-    }
-  ) });
-}, ot = w(Yo), Xo = () => {
-  const { healthScoreChangeReports: t } = L(), { finstrong: n } = S(), { user: o } = oe(), { availableWidth: r } = Pn(), { isSmallMobile: i } = tt(r), [a, l] = m.useState(!1), c = t.at(-1);
-  return /* @__PURE__ */ s(M, { children: [
-    /* @__PURE__ */ s(_, { sx: { gap: 28 }, children: [
-      /* @__PURE__ */ e(
-        Ko,
-        {
-          arcRadius: i ? 124 : 154,
-          footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
-          healthScore: o.credit_score ?? 0,
-          size: i ? "M" : "L"
-        }
-      ),
-      /* @__PURE__ */ e(E, { onClick: () => l(!0), variant: "contained", children: n.credit_score_updated_score }),
-      /* @__PURE__ */ e(ot, { chartFor: "creditOverTime" })
-    ] }),
-    /* @__PURE__ */ e(Ht, { isOpen: a, onClose: () => l(!1) })
-  ] });
-}, Uo = w(Xo), $e = ({ status: t }) => {
-  const { finstrong: n } = S(), o = Po(De[t]), r = {
-    GOOD: n.key_indicators_good,
-    FAIR: n.key_indicators_fair,
-    OFF_TRACK: n.key_indicators_off_track,
-    MISSING: n.key_indicators_missing
-  }[t];
-  return /* @__PURE__ */ e(
-    $n,
-    {
-      label: /* @__PURE__ */ e(
-        A,
-        {
-          fontWeight: 700,
-          sx: { color: o.color, minHeight: 12 },
-          uppercase: !0,
-          variant: "tiny",
-          children: r
-        }
-      ),
-      size: "small",
-      sx: {
-        bgcolor: o.backgroundColor,
-        height: 16
-      },
-      variant: "filled"
-    }
-  );
-}, qo = () => {
-  const { finstrong: t } = S(), { user: n } = oe(), o = Gt(n.credit_score ?? null);
-  return /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(j, { children: t.credit_score_keep_strong_credit_score }),
-    /* @__PURE__ */ e($e, { status: o })
-  ] });
-}, Qo = w(qo), Zo = ({
-  additionalContent: t,
-  connectTitle: n,
-  connectDescription: o,
-  children: r,
-  description: i,
-  drawerTitle: a,
-  isOpen: l,
-  loadConnectAccountsCard: c = !0,
-  onClose: d,
-  stickyComponent: p,
-  title: u,
-  drawerType: h
-}) => {
-  const { finstrong: f } = S(), { isCopyLoaded: v } = ne(), [x, C] = Rn(!1), b = Fn(null), k = st(() => {
-    if (b.current) {
-      const y = b.current.scrollTop > 0;
-      C((I) => I !== y ? y : I);
-    }
-  }, []), g = st(
-    (y) => {
-      if (b.current && b.current.removeEventListener("scroll", k), y) {
-        let I = y.parentElement;
-        for (; I; ) {
-          const { overflow: G, overflowY: O } = window.getComputedStyle(I);
-          if (G === "auto" || O === "auto" || G === "scroll" || O === "scroll") {
-            b.current = I, I.addEventListener("scroll", k, { passive: !0 });
-            break;
-          }
-          I = I.parentElement;
-        }
-      }
-    },
-    [k]
-  );
-  return ct(() => {
-    l || C(!1);
-  }, [l]), ct(() => () => {
-    b.current && b.current.removeEventListener("scroll", k);
-  }, [k]), v ? /* @__PURE__ */ e(ie, { isOpen: l, onClose: d, title: a || f.key_indicators, children: /* @__PURE__ */ s(
-    _,
-    {
-      ref: g,
-      sx: { backgroundColor: "background.default", height: "100%" },
-      children: [
-        (u || i) && /* @__PURE__ */ s(
-          _,
-          {
-            sx: {
-              backgroundColor: "background.paper",
-              gap: 8,
-              p: 24,
-              pb: p ? 0 : 24
-            },
-            children: [
-              u && typeof u == "string" ? /* @__PURE__ */ e(j, { children: u }) : u,
-              i && /* @__PURE__ */ e(A, { sx: { lineHeight: "24px" }, children: i })
-            ]
-          }
-        ),
-        p && /* @__PURE__ */ e(
-          M,
-          {
-            sx: {
-              position: "sticky",
-              top: 0,
-              zIndex: 1,
-              "& > *": {
-                borderBottom: x ? "1px solid" : "none",
-                borderColor: x ? "divider" : "transparent"
-              }
-            },
-            children: p
-          }
-        ),
-        t && /* @__PURE__ */ e(M, { children: t }),
-        /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
-          r,
-          c && /* @__PURE__ */ e(
-            We,
-            {
-              description: o,
-              drawerType: h,
-              isDashboard: !0,
-              sx: { backgroundColor: "background.paper" },
-              title: n
-            }
-          )
-        ] })
-      ]
-    }
-  ) }) : /* @__PURE__ */ e(ee, {});
-}, Kt = w(Zo), Jo = ({
-  onClick: t,
-  shouldShowBalance: n = !0,
-  loadAccounts: o
-}) => {
-  const { config: r } = qe(), { accounts: i } = S(), { selectedAccounts: a } = ne(), l = m.useCallback(
-    (d) => {
-      t?.(d);
-    },
-    [t]
-  ), c = m.useMemo(
-    () => Array.from(new Set(a.map((d) => d.account_type))).filter(
-      (d) => o ? o.includes(d) : !0
-    ),
-    [a, o]
-  );
-  return a.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((d) => {
-    const { accountsForType: p, totalBalanceForType: u } = a.reduce(
-      (h, f) => (f.account_type === d && (h.accountsForType.push(f), h.totalBalanceForType += f.balance || 0), h),
-      { accountsForType: [], totalBalanceForType: 0 }
-    );
-    return /* @__PURE__ */ s(
-      Le,
-      {
-        subheader: /* @__PURE__ */ e(Nn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: i.account_types[d] }),
-          n && /* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: B(u, "0,0.00") })
-        ] }) }),
-        sx: { bgcolor: "background.paper" },
-        children: [
-          p.map((h, f) => {
-            const { firstValue: v } = Mt(
-              h,
-              i,
-              r.display_available_balance_in_accounts
-            ), x = kt(h, {
-              allowNickname: r?.show_account_nicknames_in_master
-            }), C = /* @__PURE__ */ s(H, { children: [
-              /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
-              /* @__PURE__ */ e(
-                me,
-                {
-                  primary: `${x}${h.account_number ? ` *${h.account_number}` : ""}`,
-                  slotProps: { primary: { noWrap: !0, pr: 4, variant: "body1" } }
-                }
-              ),
-              n && /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(v ?? 0, "0,0.00") })
-            ] });
-            return /* @__PURE__ */ s(m.Fragment, { children: [
-              /* @__PURE__ */ e(_e, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(St, { onClick: () => l(h), children: C }) : C }),
-              f !== p.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
-            ] }, h.guid);
-          }),
-          /* @__PURE__ */ e(ae, {})
-        ]
-      },
-      d
-    );
-  }) }) : null;
-}, Vt = w(Jo), er = ({ loadAccounts: t, loadMoreLabel: n }) => {
-  const o = W(), { config: r } = qe(), { connect: i, finstrong: a } = S(), { accounts: l } = S(), { selectedAccounts: c } = ne(), [d, p] = m.useState(!1), [u, h] = m.useState(!1), f = m.useMemo(
-    () => c.filter(
-      (C) => t ? t.includes(C.account_type) : !0
-    ),
-    [c, t]
-  ), v = m.useMemo(() => f.slice(0, 3), [f]), x = (C) => {
-    const { firstValue: b } = Mt(
-      C,
-      l,
-      r.display_available_balance_in_accounts
-    );
-    return b;
-  };
-  return f.length >= 1 ? /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${o.palette.divider}`, borderRadius: 2 }, children: v.map((C, b) => /* @__PURE__ */ s(m.Fragment, { children: [
-      /* @__PURE__ */ s(_e, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: C.institution_guid ?? "" }) }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            primary: `${kt(C, {
-              allowNickname: r?.show_account_nicknames_in_master
-            })}
-              ${C.account_number ? ` *${C.account_number}` : ""}`,
-            slotProps: { primary: { noWrap: !0, pr: 4, variant: "body1" } }
-          }
-        ),
-        /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(x(C), "0,0.00") })
-      ] }),
-      b < v.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
-    ] }, C.guid)) }),
-    f.length > 3 && /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        E,
-        {
-          endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => p(!0),
-          size: "small",
-          sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
-            f.length - 3,
-            " ",
-            n
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ e(ie, { isOpen: d, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Vt, { loadAccounts: t }) })
-    ] })
-  ] }) : /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      E,
-      {
-        onClick: () => h(!0),
-        size: "small",
-        sx: { my: 0, px: 16, py: 12, width: "100%" },
-        variant: "contained",
-        children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => h(!1),
-        showConnectWidget: u,
-        title: i.mini_title
-      }
-    )
-  ] });
-}, jt = w(er), Me = ({ balance: t, title: n, sx: o }) => /* @__PURE__ */ s(
-  _,
-  {
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.default",
-      borderRadius: 2,
-      height: 72,
-      justifyContent: "center",
-      p: 12,
-      ...o
-    },
-    children: [
-      typeof t == "number" ? /* @__PURE__ */ e(A, { variant: "h2", children: B(t, "0,0.00") }) : t,
-      /* @__PURE__ */ e(A, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: n })
-    ]
-  }
-);
-var R = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(R || {}), Ie = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Ie || {}), te = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(te || {});
-const tr = ({ total: t }) => {
-  const { finstrong: n } = S(), o = [
-    { id: te.Monthly, label: n.maintain_emergency_savings_monthly },
-    { id: te.BiWeekly, label: n.maintain_emergency_savings_bi_weekly },
-    { id: te.Weekly, label: n.maintain_emergency_savings_weekly },
-    { id: te.Daily, label: n.maintain_emergency_savings_daily }
-  ], r = {
-    [te.Monthly]: n.maintain_emergency_savings_estimated_period_monthly,
-    [te.BiWeekly]: n.maintain_emergency_savings_estimated_period_bi_weekly,
-    [te.Weekly]: n.maintain_emergency_savings_estimated_period_weekly,
-    [te.Daily]: n.maintain_emergency_savings_estimated_period_daily
-  }, i = [
-    { id: Ie.Months, label: n.maintain_emergency_savings_months },
-    { id: Ie.Years, label: n.maintain_emergency_savings_years },
-    { id: Ie.Days, label: n.maintain_emergency_savings_days }
-  ], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, p] = m.useState(mt(t)), [u, h] = m.useState(
-    mt(t)
-  ), [f, v] = m.useState(a), [x, C] = m.useState(No(t)), [b, k] = m.useState(Ie.Months);
-  m.useEffect(() => {
-    c(
-      _t({
-        contribution: u,
-        goalAmount: f,
-        goalPeriod: x,
-        targetPeriod: b,
-        totalSaved: t
-      })
-    ), p(u);
-  }, []);
-  const g = (y) => {
-    y.preventDefault(), c(
-      _t({
-        contribution: u,
-        goalAmount: f,
-        goalPeriod: x,
-        targetPeriod: b,
-        totalSaved: t
-      })
-    ), p(u);
-  };
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ s(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        balance: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(D, { variant: "h2", children: B(l, "0,0") }),
-          /* @__PURE__ */ s(D, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
-            "/",
-            r[d]
-          ] })
-        ] }),
-        title: n.maintain_emergency_savings_estimated_contribution
-      }
-    ),
-    /* @__PURE__ */ e(
-      Pe,
-      {
-        "aria-label": n.maintain_emergency_savings_savings_goal,
-        helperText: z(
-          n.maintain_emergency_savings_suggested_goal,
-          B(a, "0,0")
-        ),
-        label: n.maintain_emergency_savings_savings_goal,
-        onChange: (y) => {
-          y.target.value && v(Number(y.target.value.replace(/[^0-9]/g, "")));
-        },
-        slotProps: {
-          htmlInput: {
-            noValidate: !0,
-            pattern: "[0-9]*"
-          }
-        },
-        value: f ? B(f, "0,0") : ""
-      }
-    ),
-    /* @__PURE__ */ e(
-      dt,
-      {
-        label: n.maintain_emergency_savings_how_often_contribute,
-        onChange: h,
-        options: o,
-        required: !0,
-        value: u
-      }
-    ),
-    /* @__PURE__ */ s(_, { sx: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ e(
-        Pe,
-        {
-          "aria-label": n.maintain_emergency_savings_meet_your_goal_within,
-          fullWidth: !0,
-          label: n.maintain_emergency_savings_meet_your_goal_within,
-          onChange: (y) => {
-            isNaN(Number(y.target.value)) || C(Number(y.target.value));
-          },
-          slotProps: {
-            htmlInput: {
-              noValidate: !0,
-              pattern: "[0-9]*"
-            }
-          },
-          sx: {
-            "& .MuiInputBase-root": {
-              borderBottomRightRadius: 0,
-              borderTopRightRadius: 0,
-              fieldset: {
-                borderRightWidth: 0.5
-              }
-            }
-          },
-          value: x
-        }
-      ),
-      /* @__PURE__ */ e(
-        M,
-        {
-          sx: {
-            "& .MuiInputBase-root": {
-              borderBottomLeftRadius: 0,
-              borderTopLeftRadius: 0,
-              fieldset: {
-                borderLeftWidth: 0.5
-              }
-            }
-          },
-          children: /* @__PURE__ */ e(dt, { label: "", onChange: k, options: i, value: b })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(E, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: n.maintain_emergency_savings_calculate })
-  ] }) }) });
-}, nr = w(tr), or = () => {
-  const { savingsAccounts: t } = ke(), { finstrong: n } = S(), [o, r] = m.useState(!1), i = m.useMemo(
-    () => t.reduce((a, l) => a + (l.balance ?? 0), 0),
-    [t]
-  );
-  return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(Me, { balance: i, title: n.maintain_emergency_savings_your_savings }),
-      t.length ? /* @__PURE__ */ e(
-        jt,
-        {
-          loadAccounts: [je.SAVINGS],
-          loadMoreLabel: n.connect_more_accounts_button
-        }
-      ) : /* @__PURE__ */ e(E, { onClick: () => r(!0), variant: "contained", children: n.connect_more_accounts_button })
-    ] }) }),
-    /* @__PURE__ */ e(nr, { total: i }),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => r(!1),
-        showConnectWidget: o,
-        title: n.connect_more_accounts_button
-      }
-    )
-  ] });
-}, rr = w(or), Ne = w(
-  ({ label: t, value: n, status: o, bottomComponent: r, statusBarData: i = [] }) => {
-    const a = {
-      GOOD: {
-        progressBarColor: "primary.main"
-      },
-      FAIR: {
-        progressBarColor: "warning.main"
-      },
-      OFF_TRACK: {
-        progressBarColor: "error.main"
-      },
-      MISSING: {
-        progressBarColor: "text.secondary"
-      }
-    }[o], l = i.map((c, d) => i.length === 2 ? {
-      color: d === 0 ? "primary.main" : c.color || a?.progressBarColor,
-      percentage: c.percentage
-    } : {
-      color: c.color || a?.progressBarColor,
-      percentage: c.percentage
-    });
-    return /* @__PURE__ */ s(
-      _,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          gap: 8,
-          p: 24,
-          borderBottom: "1px solid",
-          borderColor: "divider"
-        },
-        children: [
-          /* @__PURE__ */ s(_, { sx: { gap: 2 }, children: [
-            /* @__PURE__ */ e(D, { variant: "body2", children: t }),
-            /* @__PURE__ */ s(
-              _,
-              {
-                sx: {
-                  alignItems: "center",
-                  flexDirection: "row",
-                  gap: 12,
-                  justifyContent: "space-between"
-                },
-                children: [
-                  /* @__PURE__ */ e(Ge, { children: n }),
-                  /* @__PURE__ */ e($e, { status: o })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s(_, { children: [
-            /* @__PURE__ */ e(zn, { data: l, height: 16 }),
-            r
-          ] })
-        ]
-      }
-    );
-  }
-), ar = {
-  sticky_label: "You have saved"
-}, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
-  const { healthScore: t } = L(), n = Math.round(t.emergency_savings_on_hand ?? NaN) || null, o = $o(n), r = Pt(n);
-  return /* @__PURE__ */ e(
-    Ne,
-    {
-      bottomComponent: /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((i) => /* @__PURE__ */ s(_, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
-        /* @__PURE__ */ e(
-          ae,
-          {
-            orientation: "vertical",
-            sx: {
-              borderWidth: 0.5,
-              height: 8,
-              mt: 2
-            }
-          }
-        ),
-        /* @__PURE__ */ e(D, { variant: "caption", children: i })
-      ] }, i)) }),
-      label: ar.sticky_label,
-      status: r,
-      statusBarData: [
-        {
-          percentage: o
-        }
-      ],
-      value: B(n ?? 0, "0,0.00")
-    }
-  );
-}, cr = w(sr), ze = ({
-  transactions: t = [],
-  amountColor: n = "success.main",
-  amountPosition: o = "center",
-  formatDate: r = Dt,
-  secondaryIcon: i
-}) => {
-  const a = W(), { connect: l, finstrong: c, categories: d } = S(), [p, u] = m.useState(!1), [h, f] = m.useState(!1), { getCategoryName: v } = Qe(), x = 3, C = t.length > x, b = t.length - x;
-  let k = t;
-  return C && (k = t.map((g) => ({
-    ...g,
-    category: d.default_categories[g.top_level_category_guid]?.replace(
-      /&amp;/g,
-      "&"
-    ) ?? v(g.top_level_category_guid)
-  })).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      E,
-      {
-        onClick: () => f(!0),
-        size: "small",
-        sx: { my: 0, px: 16, py: 12, width: "100%" },
-        variant: "contained",
-        children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => f(!1),
-        showConnectWidget: h,
-        title: l.mini_title
-      }
-    )
-  ] }) : /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, x).sort((g, y) => y.date - g.date).map((g, y) => /* @__PURE__ */ s(
-      _,
-      {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 16,
-          pl: 24,
-          pt: 14
-        },
-        children: [
-          /* @__PURE__ */ e(_, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            un,
-            {
-              categoryGuid: g.top_level_category_guid || "",
-              merchantGuid: g.merchant_guid || "",
-              size: 32
-            }
-          ) }),
-          /* @__PURE__ */ s(
-            _,
-            {
-              sx: {
-                alignItems: o,
-                flexDirection: "row",
-                gap: 12,
-                justifyContent: "space-between",
-                ...y < Math.min(t.length, x) - 1 && {
-                  borderBottom: `1px solid ${a.palette.divider}`
-                },
-                pb: 13,
-                pr: 24,
-                width: "100%"
-              },
-              children: [
-                /* @__PURE__ */ s(_, { children: [
-                  /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: g.description }),
-                  /* @__PURE__ */ s(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-                    !!i && i,
-                    /* @__PURE__ */ e(D, { variant: "caption", children: r(g.date) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ e(A, { bold: !0, sx: { color: n, flexShrink: 0 }, variant: "body1", children: B(g.amount, "0,0.00") })
-              ]
-            },
-            g.guid || y
-          )
-        ]
-      },
-      y
-    )) }),
-    C && /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        E,
-        {
-          endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => u(!0),
-          size: "small",
-          sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
-            b,
-            " ",
-            c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        ie,
-        {
-          isOpen: p,
-          onClose: () => u(!1),
-          title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Hn, { transaction: k })
-        }
-      )
-    ] })
-  ] });
-}, lr = () => {
-  const [t, n] = m.useState(!0), {
-    finstrong: {
-      key_indicators_spend: { pay_bills_on_time_drawer: o }
-    }
-  } = S(), { getSpendingFeeTransactions: r, allTransactions: i } = L();
-  return m.useEffect(() => {
-    r().finally(() => n(!1));
-  }, []), t ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(H, { children: i.spendingFee.length === 0 ? /* @__PURE__ */ s(
-    Y,
-    {
-      sx: {
-        backgroundColor: "background.paper",
-        pb: 48,
-        pt: 32,
-        px: 24,
-        textAlign: "center",
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ e(fn, { filled: !0, size: 48, sx: { color: "success.main" } }),
-        /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(j, { children: o.pay_bills_on_time_zero_fees_title }),
-          /* @__PURE__ */ e(A, { variant: "subtitle1", children: o.pay_bills_on_time_zero_fees_description })
-        ] })
-      ]
-    }
-  ) : /* @__PURE__ */ s(
-    Y,
-    {
-      sx: {
-        p: 16,
-        width: "100%",
-        backgroundColor: "background.paper"
-      },
-      children: [
-        /* @__PURE__ */ e(j, { sx: { textAlign: "left", pb: 16 }, children: o.pay_bills_on_time_sticky_fee_count }),
-        /* @__PURE__ */ e(
-          ze,
-          {
-            amountColor: "text.primary",
-            amountPosition: "flex-start",
-            formatDate: (a) => Xe(new Date(a * 1e3), Ue.MONTH_DAY),
-            secondaryIcon: /* @__PURE__ */ e(bn, { color: "error", filled: !0, size: 12 }),
-            transactions: i.spendingFee
-          }
-        )
-      ]
-    }
-  ) });
-}, dr = w(lr), pr = () => {
-  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_spend: o } = n, { pay_bills_on_time_drawer: r } = o, i = Wt(t.spending_fee_transaction_count);
-  return /* @__PURE__ */ s(
-    _,
-    {
-      sx: {
-        p: 24,
-        backgroundColor: "background.paper",
-        borderBottom: "1px solid",
-        borderColor: "divider"
-      },
-      children: [
-        /* @__PURE__ */ e(A, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
-        /* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ s(Ge, { children: [
-            t.spending_fee_transaction_count,
-            " ",
-            r.pay_bills_on_time_sticky_fee_count
-          ] }),
-          /* @__PURE__ */ e($e, { status: i })
-        ] })
-      ]
-    }
-  );
-}, ur = w(pr), _r = () => {
-  const { savingsAndCheckingAccountsBalance: t } = ke(), { finstrong: n } = S();
-  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        balance: t,
-        title: n.key_indicators_save.drawer_available_balance
-      }
-    ),
-    /* @__PURE__ */ e(
-      jt,
-      {
-        loadAccounts: [je.SAVINGS, je.CHECKING],
-        loadMoreLabel: n.more_accounts
-      }
-    )
-  ] });
-}, mr = w(_r), hr = () => {
-  const { finstrong: t } = S(), {
-    isSpendingInitialized: n,
-    healthScore: o,
-    allTransactions: r,
-    loadSpendTransactions: i,
-    loadDebtSpend: a
-  } = L();
-  m.useEffect(() => {
-    n || (i().finally(), a().finally());
-  }, [n]);
-  const l = m.useMemo(() => {
-    const c = r.spend.map((p) => p.transaction), d = r.debtSpend.map((p) => p.transaction);
-    return [...c, ...d];
-  }, [r.spend, r.debtSpend]);
-  return n ? /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        balance: o.ninety_day_spend / 90,
-        title: t.key_indicators_save.drawer_daily_spend
-      }
-    ),
-    /* @__PURE__ */ e(ze, { amountColor: "text.primary", transactions: l })
-  ] }) : /* @__PURE__ */ e(ee, {});
-}, gr = w(hr), yr = () => {
-  const [t, n] = m.useState(0), { finstrong: o } = S();
-  return /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ s(Y, { children: [
-      /* @__PURE__ */ s(
-        et,
-        {
-          "aria-label": o.key_indicators_save.drawer_title,
-          centered: !0,
-          onChange: (r, i) => n(i),
-          selectionFollowsFocus: !0,
-          sx: { mb: 0 },
-          value: t,
-          variant: "fullWidth",
-          children: [
-            /* @__PURE__ */ e(
-              he,
-              {
-                "aria-controls": "available-details-tabpanel-0",
-                label: o.key_indicators_save.drawer_available,
-                sx: { minHeight: 44 }
-              }
-            ),
-            /* @__PURE__ */ e(
-              he,
-              {
-                "aria-controls": "spending-details-tabpanel-1",
-                label: o.key_indicators_save.drawer_spending,
-                sx: { minHeight: 44 }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(ge, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(mr, {}) }),
-      /* @__PURE__ */ e(ge, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(gr, {}) })
-    ] }),
-    /* @__PURE__ */ e(ot, { chartFor: "savingsOverTime" })
-  ] });
-}, fr = w(yr), br = () => {
-  const { finstrong: t } = S(), { healthScore: n } = L(), o = n.months_of_cash_on_hand, r = Lt(o ? o * 30 : null), i = 183 / 6, a = Math.floor(o), l = Math.round((o - a) * i), c = o / 6 * 100;
-  return /* @__PURE__ */ e(
-    Ne,
-    {
-      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((p) => /* @__PURE__ */ s(
-            _,
-            {
-              sx: {
-                alignItems: "center",
-                height: 24
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  ae,
-                  {
-                    orientation: "vertical",
-                    sx: {
-                      borderWidth: 1,
-                      height: 8
-                    }
-                  }
-                ),
-                /* @__PURE__ */ e(D, { variant: "caption", children: p })
-              ]
-            },
-            p
-          ))
-        }
-      ),
-      label: t.key_indicators_save.drawer_progress_bar_label,
-      status: r,
-      statusBarData: [
-        {
-          percentage: `${c}%`
-        }
-      ],
-      value: z(t.key_indicators_save.drawer_progress_bar_value, a, l)
-    }
-  );
-}, xr = w(br), Cr = () => {
-  const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.debt_to_income_ratio), r = Et(o);
-  return /* @__PURE__ */ e(
-    Ne,
-    {
-      bottomComponent: /* @__PURE__ */ s(
-        _,
-        {
-          sx: {
-            alignItems: "flex-end",
-            flexDirection: "row",
-            height: 24,
-            justifyContent: "space-between",
-            mt: 2,
-            position: "relative"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              M,
-              {
-                sx: {
-                  left: "30%",
-                  position: "absolute",
-                  transform: "translateX(-50%)"
-                },
-                children: /* @__PURE__ */ s(
-                  _,
-                  {
-                    sx: {
-                      alignItems: "center",
-                      flexDirection: "column",
-                      height: 24,
-                      justifyContent: "flex-end"
-                    },
-                    children: [
-                      /* @__PURE__ */ e(
-                        ae,
-                        {
-                          orientation: "vertical",
-                          sx: {
-                            borderWidth: 1,
-                            height: 8
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ e(D, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              M,
-              {
-                sx: {
-                  display: "flex",
-                  flexDirection: "column",
-                  height: 24,
-                  justifyContent: "center",
-                  marginLeft: "auto"
-                },
-                children: /* @__PURE__ */ e(D, { variant: "body2", children: t.debt_to_income_ratio ? z(
-                  n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
-                  o
-                ) : "-" })
-              }
-            )
-          ]
-        }
-      ),
-      label: n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
-      status: r,
-      statusBarData: [
-        {
-          percentage: `${o}%`
-        }
-      ],
-      value: B(t.ninety_day_debt_spend, "0,0.00")
-    }
-  );
-}, Sr = w(Cr), vr = () => {
-  const { healthScore: t, allTransactions: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
-  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        balance: t.ninety_day_income,
-        sx: { flexDirection: "column-reverse" },
-        title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
-      }
-    ),
-    n.income.length ? (
-      // TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e(ze, { transactions: n.income.map((l) => l.transaction) })
-    ) : /* @__PURE__ */ e(
-      E,
-      {
-        onClick: () => {
-          a(!0);
-        },
-        variant: "contained",
-        children: r.connect_more_accounts_button
-      }
-    ),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => a(!1),
-        showConnectWidget: i,
-        title: o.mini_title
-      }
-    )
-  ] });
-}, wr = w(vr), kr = () => {
-  const { allTransactions: t, healthScore: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
-  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        balance: n.ninety_day_debt_spend,
-        sx: { flexDirection: "column-reverse" },
-        title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
-      }
-    ),
-    t.debtSpend.length ? (
-      //TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e(
-        ze,
-        {
-          amountColor: "text.primary",
-          transactions: t.debtSpend.map((l) => l.transaction)
-        }
-      )
-    ) : /* @__PURE__ */ e(
-      E,
-      {
-        onClick: () => {
-          a(!0);
-        },
-        variant: "contained",
-        children: r.connect_more_accounts_button
-      }
-    ),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => a(!1),
-        showConnectWidget: i,
-        title: o.mini_title
-      }
-    )
-  ] });
-}, Mr = w(kr), Dr = ({
-  color: t,
-  data: n,
-  series: o,
-  style: r,
-  ...i
-}) => {
-  const a = W(), l = m.useRef(null), c = m.useRef(null), [d, p] = m.useState(r.width || 0);
-  m.useLayoutEffect(() => {
-    p(r.width || 0);
-  }, [r.width]), m.useLayoutEffect(() => {
-    const C = new ResizeObserver(() => {
-      window.requestAnimationFrame(() => {
-        if (l.current) {
-          const { width: b } = l.current.getBoundingClientRect(), k = b / 2, g = l.current.querySelector("text");
-          g && g.setAttribute("transform", `translate(${k}, -8)`);
-        }
-      });
-    });
-    return l.current && C.observe(l.current), () => {
-      l.current && C.unobserve(l.current);
-    };
-  }, []);
-  const { formattedComparison: u, formattedMain: h } = n[o.index], f = o.type === 0 ? h : u, v = {
-    ...r,
-    transition: "all 0.3s ease-in-out"
-  }, x = `translate(${d / 2}, -5)`;
-  return /* @__PURE__ */ s("g", { children: [
-    /* @__PURE__ */ e("rect", { ...i, fill: t, ref: l, rx: 2, style: v }),
-    /* @__PURE__ */ e(
-      "text",
-      {
-        fill: a.palette.text.secondary,
-        fontSize: 9,
-        fontWeight: 400,
-        ref: c,
-        style: { transition: "transform 0.3s ease-in-out" },
-        textAnchor: "middle",
-        transform: x,
-        x: r.x,
-        y: r.y,
-        children: f
-      }
-    )
-  ] });
-}, Fe = (t, n = 1e3) => {
-  const o = Math.abs(t) >= n ? "0.[0]a" : "0";
-  return B(t, o);
-}, Yt = ({
-  chartFor: t,
-  data: n,
-  title: o,
-  buttonLabel: r,
-  onClick: i,
-  legendLabelMain: a,
-  legendLabelComparison: l,
-  totalComparison: c,
-  totalMain: d
-}) => {
-  const p = W(), u = Xn(p.breakpoints.down("xs")), h = m.useMemo(
-    () => n.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
-      const y = Fo(g.month), I = {
-        spending_vs_income: {
-          main: g.standard_spend,
-          comparison: g.income,
-          formattedMain: Fe(g.standard_spend),
-          formattedComparison: Fe(g.income)
-        },
-        debt_payment_vs_income: {
-          main: g.income,
-          comparison: g.debt_spend,
-          formattedMain: Fe(g.income),
-          formattedComparison: Fe(g.debt_spend)
-        }
-      };
-      return {
-        label: y,
-        ...I[t]
-      };
-    }),
-    [n, t]
-  ), f = {
-    dataKey: "label",
-    scaleType: "band"
-  }, v = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && v === 0 ? 100 : Math.ceil(v * 1.2 / 1e3) * 1e3, b = C / 3, k = {
-    scaleType: "linear",
-    min: 0,
-    max: C,
-    tickNumber: 4,
-    tickMinStep: b,
-    valueFormatter: (g) => g === 0 ? "$0" : B(g, "0.[0]a")
-  };
-  return /* @__PURE__ */ s(Y, { children: [
-    /* @__PURE__ */ s(
-      _,
-      {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 12,
-          justifyContent: "space-between",
-          pb: 8,
-          pt: 16,
-          px: 16
-        },
-        children: [
-          /* @__PURE__ */ e(j, { children: o }),
-          r && /* @__PURE__ */ e(
-            E,
-            {
-              endIcon: /* @__PURE__ */ e(J, {}),
-              onClick: i,
-              size: "small",
-              sx: {
-                pl: 8,
-                height: 24
-              },
-              variant: "text",
-              children: r
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(_, { sx: { pb: 24, pl: 16, pr: 24 }, children: [
-      /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
-        /* @__PURE__ */ s(_, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
-          /* @__PURE__ */ e(
-            M,
-            {
-              sx: {
-                width: 10,
-                height: 10,
-                backgroundColor: "chartMono.chartMono3",
-                borderRadius: "2px"
-              }
-            }
-          ),
-          /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-            /* @__PURE__ */ s(D, { variant: "subtitle2", children: [
-              a,
-              " "
-            ] }),
-            !u && d && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
-          ] })
-        ] }),
-        /* @__PURE__ */ s(_, { alignItems: "center", direction: "row", spacing: 8, children: [
-          /* @__PURE__ */ e(
-            M,
-            {
-              sx: {
-                width: 10,
-                height: 10,
-                backgroundColor: "chartMono.chartMono5",
-                borderRadius: "2px"
-              }
-            }
-          ),
-          /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-            /* @__PURE__ */ s(D, { variant: "subtitle2", children: [
-              l,
-              " "
-            ] }),
-            !u && c && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ s(
-        qn,
-        {
-          colors: [
-            `${p.palette.chartMono.chartMono3}`,
-            `${p.palette.chartMono.chartMono5}`
-          ],
-          dataset: h,
-          height: 240,
-          margin: { top: 14, bottom: 10, right: 2, left: -2 },
-          series: [
-            { dataKey: "main", type: "bar" },
-            { dataKey: "comparison", type: "bar" }
-          ],
-          xAxis: [f],
-          yAxis: [k],
-          children: [
-            /* @__PURE__ */ e(
-              Un,
-              {
-                slots: {
-                  bar: (g) => {
-                    const { ownerState: y, ...I } = g;
-                    return /* @__PURE__ */ e(
-                      Dr,
-                      {
-                        ...I,
-                        color: y.color,
-                        data: h,
-                        series: {
-                          index: y.dataIndex,
-                          type: Number(y.id.toString().split("-").pop())
-                        },
-                        style: {
-                          x: g.x,
-                          y: g.y,
-                          width: g.width
-                        }
-                      }
-                    );
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              Qn,
-              {
-                sx: () => ({
-                  ".MuiChartsAxis-line": {
-                    stroke: p.palette.divider
-                  },
-                  ".MuiChartsAxis-tick": {
-                    stroke: p.palette.divider
-                  },
-                  ".MuiChartsAxis-tickLabel": {
-                    transform: "translateY(10px)"
-                  }
-                }),
-                tickLabelStyle: {
-                  fontSize: 11,
-                  fill: "text.secondary"
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              Zn,
-              {
-                sx: () => ({
-                  ".MuiChartsAxis-line": {
-                    stroke: p.palette.divider
-                  },
-                  ".MuiChartsAxis-tick": {
-                    stroke: p.palette.divider
-                  },
-                  ".MuiChartsAxis-tickLabel": {
-                    transform: "translateX(-8px)"
-                  }
-                }),
-                tickLabelStyle: {
-                  fontSize: 11,
-                  fill: "text.secondary"
-                }
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}, Ir = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: n, loadIncome: o, monthlySummaries: r } = L(), [i, a] = m.useState(0), { finstrong: l } = S();
-  if (m.useEffect(() => {
-    t || (n().finally(), o().finally());
-  }, [t]), !t) return /* @__PURE__ */ e(ee, {});
-  const c = r.some(
-    (d) => d.debt_spend !== 0 || d.income !== 0
-  );
-  return /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ s(Y, { children: [
-      /* @__PURE__ */ s(
-        et,
-        {
-          "aria-label": l.key_indicators_save.drawer_title,
-          centered: !0,
-          onChange: (d, p) => a(p),
-          selectionFollowsFocus: !0,
-          sx: { mb: 0 },
-          value: i,
-          variant: "fullWidth",
-          children: [
-            /* @__PURE__ */ e(
-              he,
-              {
-                "aria-controls": "income-details-tabpanel-0",
-                id: "income-details-tab-0",
-                label: l.key_indicators_borrow.have_manageable_debt_drawer.income,
-                sx: { minHeight: 44 }
-              }
-            ),
-            /* @__PURE__ */ e(
-              he,
-              {
-                "aria-controls": "debt-payment-details-tabpanel-1",
-                id: "debt-payment-details-tab-1",
-                label: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-                sx: { minHeight: 44 }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        ge,
-        {
-          "aria-labelledby": "income-details-tab-0",
-          index: 0,
-          name: "income-details",
-          value: i,
-          children: /* @__PURE__ */ e(wr, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        ge,
-        {
-          "aria-labelledby": "debt-payment-details-tab-1",
-          index: 1,
-          name: "debt-payment-details",
-          value: i,
-          children: /* @__PURE__ */ e(Mr, {})
-        }
-      )
-    ] }),
-    c ? /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
-      Yt,
-      {
-        chartFor: "debt_payment_vs_income",
-        data: r,
-        legendLabelComparison: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-        legendLabelMain: l.key_indicators_borrow.have_manageable_debt_drawer.income,
-        title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
-      }
-    ) }) : /* @__PURE__ */ e(
-      Be,
-      {
-        header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
-        icon: "multiline_chart",
-        subText: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
-        sx: {
-          backgroundColor: "background.paper",
-          borderRadius: "8px",
-          boxShadow: 1,
-          p: 24,
-          pb: 48,
-          ".empty-state-subtext": {
-            fontSize: 15,
-            lineHeight: "24px",
-            mt: 8
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ e(ot, { chartFor: "debtOverTime" })
-  ] });
-}, Ar = w(Ir), Tr = () => {
-  const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.spend_to_income_ratio), r = o ?? 0, i = Object.keys(t).length === 0, a = Bt(o), l = {
-    GOOD: [{ percentage: `${r}%` }],
-    FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
-    OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
-    MISSING: [{ percentage: "0%" }]
-  }[a];
-  return /* @__PURE__ */ e(
-    Ne,
-    {
-      bottomComponent: /* @__PURE__ */ s(
-        _,
-        {
-          sx: {
-            flexDirection: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
-            mt: 8
-          },
-          children: [
-            /* @__PURE__ */ s(D, { variant: "body2", children: [
-              t.ninety_day_income <= 0 ? "-" : B(t.ninety_day_income, "0,0.00"),
-              " ",
-              n?.key_indicators_spend.spend_less_than_you_make_drawer.income
-            ] }),
-            /* @__PURE__ */ s(D, { variant: "body2", children: [
-              r <= 0 ? "-%" : `${r}%`,
-              " ",
-              n?.key_indicators_spend.spend_less_than_you_make_drawer.spent
-            ] })
-          ]
-        }
-      ),
-      label: n?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
-      status: a,
-      statusBarData: l,
-      value: i ? "$0" : B(t.ninety_day_spend, "0,0.00")
-    }
-  );
-}, Or = w(Tr), Rr = () => {
-  const { accounts: t } = ke(), { categories: n, dateRangeCategoryTotals: o, loadDateRangeCategoryTotals: r } = Qe(), { monthlySummaries: i, handleFinstrongWidgetPrimaryCtaClick: a } = L(), { appDataStore: l } = Bn(), { finstrong: c, goals: d, spending: p } = S(), u = W(), [h, f] = m.useState("");
-  m.useEffect(() => {
-    r(
-      t,
-      It(/* @__PURE__ */ new Date()),
-      At(/* @__PURE__ */ new Date())
-    ).finally();
-  }, [t]);
-  const v = m.useMemo(
-    () => Jn(n, d, u, o),
-    [n, o]
-  ), x = (k) => {
-    f(h === k ? "" : k);
-  }, { totalSpending: C, totalIncome: b } = m.useMemo(() => i?.reduce(
-    (k, { standard_spend: g = 0, income: y = 0 }) => ({
-      totalSpending: k.totalSpending + g,
-      totalIncome: k.totalIncome + y
-    }),
-    { totalSpending: 0, totalIncome: 0 }
-  ), [i]);
-  return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
-    b > 0 || C > 0 ? /* @__PURE__ */ e(
-      Yt,
-      {
-        ...l.appData.client_profile?.allow_trends_widget && {
-          buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
-        },
-        chartFor: "spending_vs_income",
-        data: i,
-        legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
-        legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
-        onClick: () => a("trends")(),
-        title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: B(b, "0,0.00"),
-        totalMain: B(C, "0,0.00")
-      }
-    ) : /* @__PURE__ */ e(
-      Be,
-      {
-        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,
-          ".empty-state-subtext": {
-            fontSize: 15,
-            lineHeight: "24px",
-            mt: 8
-          }
-        }
-      }
-    ),
-    v.donutData.length > 0 ? /* @__PURE__ */ s(
-      Y,
-      {
-        sx: {
-          px: 16,
-          py: 24
-        },
-        children: [
-          /* @__PURE__ */ s(
-            _,
-            {
-              sx: {
-                alignItems: "center",
-                flexDirection: "row",
-                gap: 12,
-                justifyContent: "space-between",
-                pb: 8,
-                pt: 16,
-                px: 16
-              },
-              children: [
-                /* @__PURE__ */ e(j, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  E,
-                  {
-                    endIcon: /* @__PURE__ */ e(J, {}),
-                    onClick: () => a("spending")(),
-                    size: "small",
-                    sx: {
-                      pl: 8,
-                      height: 24
-                    },
-                    variant: "text",
-                    children: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ s(
-            _,
-            {
-              sx: { flexDirection: "row", gap: 12, justifyContent: "center", pb: 32, pt: 16, px: 24 },
-              children: [
-                /* @__PURE__ */ e(
-                  eo,
-                  {
-                    data: v,
-                    onSelected: x,
-                    selectedId: h,
-                    totalLabel: p.total_spending
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  to,
-                  {
-                    data: v,
-                    onSelected: x,
-                    selectedId: h
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ e(
-      Be,
-      {
-        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,
-          ".empty-state-subtext": {
-            fontSize: 15,
-            lineHeight: "24px",
-            mt: 8
-          }
-        }
-      }
-    )
-  ] });
-}, Fr = w(Rr), Lr = ({
-  drawerFor: t,
-  isOpen: n,
-  onClose: o
-}) => {
-  const { finstrong: r } = S(), a = {
-    spendLessThanYouMake: {
-      title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
-      description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
-      stickyComponent: /* @__PURE__ */ e(Or, {}),
-      content: /* @__PURE__ */ e(Fr, {}),
-      drawerType: "connectDrawer",
-      connectTitle: r.connect_your_accounts,
-      connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
-    },
-    payBillsOnTime: {
-      title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
-      description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
-      stickyComponent: /* @__PURE__ */ e(ur, {}),
-      content: /* @__PURE__ */ e(dr, {}),
-      drawerType: "connectDrawer",
-      connectTitle: r.connect_your_accounts,
-      connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
-    },
-    maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(rr, {}),
-      description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(cr, {}),
-      title: r.maintain_emergency_savings_title,
-      drawerType: "connectDrawer",
-      connectTitle: r.connect_your_accounts,
-      connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
-    },
-    haveManageableDebt: {
-      title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
-      description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
-      stickyComponent: /* @__PURE__ */ e(Sr, {}),
-      content: /* @__PURE__ */ e(Ar, {}),
-      drawerType: "connectDrawer",
-      connectTitle: r.dont_see_all_your_accounts,
-      connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
-    },
-    haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(Qo, {}),
-      description: r.credit_score_description,
-      stickyComponent: null,
-      content: /* @__PURE__ */ e(Uo, {})
-    },
-    saveEnoughToLiveOn: {
-      title: r.key_indicators_save.drawer_title,
-      description: r.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(xr, {}),
-      content: /* @__PURE__ */ e(fr, {}),
-      drawerType: "connectDrawer",
-      connectTitle: r.dont_see_all_your_accounts,
-      connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
-    }
-  }[t];
-  return /* @__PURE__ */ e(
-    Kt,
-    {
-      connectDescription: a?.connectDescription,
-      connectTitle: a?.connectTitle,
-      description: a?.description,
-      drawerTitle: r.key_indicators,
-      drawerType: a.drawerType,
-      isOpen: n,
-      loadConnectAccountsCard: !0,
-      onClose: o,
-      stickyComponent: a.stickyComponent,
-      title: a.title,
-      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: a.content })
-    }
-  );
-}, Pr = w(Lr), we = ({
-  drawerFor: t,
-  title: n,
-  description: o,
-  cardState: r = "MISSING"
-}) => {
-  const { finstrong: i } = S(), [a, l] = m.useState(!1), c = (d) => {
-    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(!0));
-  };
-  return /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ s(
-      _,
-      {
-        "aria-label": `${i.key_indicators_open} ${n}`,
-        onClick: () => l(!0),
-        onKeyDown: c,
-        role: "button",
-        sx: {
-          alignItems: "center",
-          borderRadius: 2,
-          cursor: "pointer",
-          flexDirection: "row",
-          gap: 12,
-          justifyContent: "space-between",
-          outline: "1px solid",
-          outlineColor: "divider",
-          p: 16
-        },
-        tabIndex: 0,
-        children: [
-          /* @__PURE__ */ s(_, { sx: { gap: 8, minWidth: 0 }, children: [
-            /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-              /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: n }),
-              /* @__PURE__ */ e($e, { status: r })
-            ] }),
-            /* @__PURE__ */ e(A, { color: "secondary", variant: "subtitle2", children: o })
-          ] }),
-          /* @__PURE__ */ e(J, { color: "secondary", size: 24 })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      Pr,
-      {
-        drawerFor: t,
-        isOpen: a,
-        onClose: () => l(!1)
-      }
-    )
-  ] });
-}, Br = () => {
-  const { finstrong: t } = S(), { key_indicators_spend: n } = t, { healthScore: o } = L(), r = (l) => {
-    const c = Bt(l), d = {
-      GOOD: n.ratio_good_description,
-      FAIR: n.ratio_fair_description,
-      OFF_TRACK: n.ratio_off_track_description,
-      MISSING: n.ratio_missing_description
-    }, p = c === "MISSING" ? d[c] : z(d[c], l);
-    return {
-      cardState: c,
-      description: p,
-      title: n.ratio_card_title
-    };
-  }, { spendToIncomeRatio: i, spendFeeCount: a } = m.useMemo(() => {
-    const l = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null, c = r(l), d = Lo(
-      o.spending_fee_transaction_count,
-      n
-    );
-    return { spendToIncomeRatio: c, spendFeeCount: d };
-  }, [
-    o.spend_to_income_ratio,
-    o.spending_fee_transaction_count,
-    n,
-    t
-  ]);
-  return /* @__PURE__ */ s(_, { sx: { gap: 24, p: 8, pt: 24 }, children: [
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: i.cardState,
-        description: i.description,
-        drawerFor: ye.SpendLessThanYouMake,
-        title: i.title
-      }
-    ),
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: a.cardState,
-        description: a.description,
-        drawerFor: ye.PayBillsOnTime,
-        title: a.title
-      }
-    )
-  ] });
-}, Er = w(Br), Gr = () => {
-  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_save: o } = n, r = (c) => {
-    const d = Lt(c), p = {
-      GOOD: o.days_of_cash_good_description,
-      FAIR: o.days_of_cash_fair_description,
-      OFF_TRACK: o.days_of_cash_off_track_description,
-      MISSING: o.days_of_cash_missing_description
-    }, u = d === "MISSING" ? p[d] : z(p[d], c);
-    return {
-      cardState: d,
-      description: u,
-      title: o.days_of_cash_title
-    };
-  }, i = (c) => {
-    const d = Pt(c), p = {
-      GOOD: o.emergency_savings_good_description,
-      FAIR: o.emergency_savings_fair_description,
-      OFF_TRACK: o.emergency_savings_off_track_description,
-      MISSING: o.emergency_savings_missing_description
-    };
-    let u;
-    return d === "FAIR" && c !== null ? u = z(
-      p[d],
-      B(c, "0,0.00")
-    ) : u = p[d], {
-      cardState: d,
-      description: u,
-      title: o.emergency_savings_title
-    };
-  }, { daysOfCashOnHand: a, emergencySavings: l } = m.useMemo(() => {
-    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = i(p);
-    return { daysOfCashOnHand: d, emergencySavings: u };
-  }, [
-    t.months_of_cash_on_hand,
-    t.emergency_savings_on_hand,
-    o,
-    n
-  ]);
-  return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: a.cardState,
-        description: a.description,
-        drawerFor: ye.SaveEnoughToLiveOn,
-        title: a.title
-      }
-    ),
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: l.cardState,
-        description: l.description,
-        drawerFor: ye.MaintainEmergencySavings,
-        title: l.title
-      }
-    )
-  ] });
-}, Wr = w(Gr), $r = () => {
-  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_borrow: o } = n, { user: r } = oe(), i = (d) => {
-    const p = Et(d), u = {
-      GOOD: o.manage_debit_good_description,
-      FAIR: o.manage_debit_fair_description,
-      OFF_TRACK: o.manage_debit_off_track_description,
-      MISSING: o.manage_debit_missing_description
-    }, h = p === "FAIR" || p === "OFF_TRACK" ? z(u[p], d) : u[p];
-    return {
-      cardState: p,
-      description: h,
-      title: o.manage_debit_title
-    };
-  }, a = (d) => {
-    const p = Gt(d), u = {
-      GOOD: o.credit_score_good_description,
-      FAIR: o.credit_score_fair_description,
-      OFF_TRACK: o.credit_score_off_track_description,
-      MISSING: o.credit_score_missing_description
-    }, h = p === "MISSING" ? u[p] : z(u[p], d);
-    return {
-      cardState: p,
-      description: h,
-      title: o.credit_score_title
-    };
-  }, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
-    const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = i(d), u = a(r.credit_score || null);
-    return {
-      manageDebtStatus: p,
-      creditScoreStatus: u
-    };
-  }, [t.debt_to_income_ratio, r.credit_score, o, n]);
-  return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: l.cardState,
-        description: l.description,
-        drawerFor: ye.HaveManageableDebt,
-        title: l.title
-      }
-    ),
-    /* @__PURE__ */ e(
-      we,
-      {
-        cardState: c.cardState,
-        description: c.description,
-        drawerFor: ye.HaveAGoodCreditScore,
-        title: c.title
-      }
-    )
-  ] });
-}, Nr = w($r), zr = () => {
-  const [t, n] = m.useState(0), { finstrong: o } = S();
-  return /* @__PURE__ */ s(H, { children: [
-    /* @__PURE__ */ s(
-      et,
-      {
-        "aria-label": "Key Indicators",
-        centered: !0,
-        onChange: (r, i) => n(i),
-        selectionFollowsFocus: !0,
-        sx: {
-          mb: 0,
-          "& .MuiTab-root": {
-            minWidth: 0
-          }
-        },
-        textColor: "primary",
-        value: t,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ e(
-            he,
-            {
-              "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(bt, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "spend-details-tab-0",
-              label: o.key_indicators_spend.title,
-              sx: { minHeight: 44 }
-            }
-          ),
-          /* @__PURE__ */ e(
-            he,
-            {
-              "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "save-details-tab-1",
-              label: o.key_indicators_save.title,
-              sx: { minHeight: 44 }
-            }
-          ),
-          /* @__PURE__ */ e(
-            he,
-            {
-              "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(Cn, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "borrow-details-tab-2",
-              label: o.key_indicators_borrow.title,
-              sx: { minHeight: 44 }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(ge, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Er, {}) }),
-    /* @__PURE__ */ e(ge, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Wr, {}) }),
-    /* @__PURE__ */ e(ge, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Nr, {}) })
-  ] });
-}, Hr = w(zr), Kr = ({ onClick: t }) => {
-  const { finstrong: n } = S(), { isCopyLoaded: o } = ne();
-  return o ? /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(Sn, { size: 48 }),
-    /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(j, { children: n.missing_data_title }),
-      /* @__PURE__ */ e(A, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: n.missing_data_description })
-    ] }),
-    /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      E,
-      {
-        endIcon: /* @__PURE__ */ e(J, {}),
-        onClick: t,
-        size: "small",
-        sx: {
-          fontSize: 13,
-          ":hover": {
-            bgcolor: "transparent"
-          }
-        },
-        variant: "text",
-        children: n.connect_more_accounts_button
-      }
-    ) })
-  ] }) : /* @__PURE__ */ e(ee, {});
-}, Vr = w(Kr), jr = ({
-  firstDay: t,
-  frequency: n,
-  secondDay: o,
-  incomeTransactions: r,
-  setCurrentStep: i,
-  setFirstDay: a,
-  setFrequency: l,
-  setSecondDay: c,
-  transaction: d
-}) => {
-  const { finstrong: p } = S();
-  return /* @__PURE__ */ s(m.Fragment, { children: [
-    /* @__PURE__ */ s(_, { children: [
-      !!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((u, h, f) => {
-        if (h.guid === d.guid) return u;
-        const v = Kn(f, r), x = Vn(f, r);
-        return u.push(
-          /* @__PURE__ */ s(m.Fragment, { children: [
-            v && /* @__PURE__ */ e(jn, { children: Dt(h.date) }),
-            /* @__PURE__ */ e(Yn, { component: "div", transaction: h }),
-            /* @__PURE__ */ e(ae, { sx: { ml: x ? 44 : 0 } })
-          ] }, h.guid)
-        ), u;
-      }, []) }),
-      /* @__PURE__ */ e(
-        ao,
-        {
-          firstDay: t,
-          frequency: n,
-          onFirstDayChange: a,
-          onFrequencyChange: l,
-          onSecondDayChange: c,
-          secondDay: o,
-          transaction: d
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(M, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      E,
-      {
-        fullWidth: !0,
-        onClick: () => i({ step: R.MonthlyIncome, type: "main" }),
-        startIcon: /* @__PURE__ */ e(xt, {}),
-        children: p.onboarding_add_more_income
-      }
-    ) })
-  ] });
-}, Yr = w(jr), Xr = ({ selectedDate: t, setSelectedDate: n }) => {
-  const { finstrong: o } = S(), r = W(), i = (a) => {
-    n(Math.floor(new Date(a).getTime() / 1e3));
-  };
-  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
-    po,
-    {
-      disableFuture: !0,
-      label: o.onboarding_select_date,
-      onChange: i,
-      slotProps: {
-        nextIconButton: {
-          sx: {
-            color: "primary.main",
-            "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-          }
-        },
-        previousIconButton: {
-          sx: {
-            color: "primary.main",
-            "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-          }
-        }
-      },
-      sx: {
-        width: "100%",
-        "& .MuiIconButton-edgeEnd": {
-          color: "primary.main",
-          "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-        }
-      },
-      value: t ? new Date(t * 1e3) : null
-    }
-  ) }) });
-}, Ur = w(Xr), qr = ({ creditScore: t, setCreditScore: n }) => {
-  const { finstrong: o } = S(), r = !isNaN(t);
-  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    Pe,
-    {
-      error: !r,
-      fullWidth: !0,
-      inputMode: "numeric",
-      label: o.credit_score,
-      onChange: (i) => n(Number(i.target.value)),
-      slotProps: {
-        htmlInput: {
-          noValidate: !0,
-          pattern: "[0-9]*"
-        }
-      },
-      value: r ? t : ""
-    }
-  ) });
-}, Qr = w(qr), Xt = ({ value: t, completeCopy: n }) => /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
-  /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((o, r) => /* @__PURE__ */ e(
-    M,
-    {
-      sx: {
-        bgcolor: r < t ? "primary.main" : "neutral.light",
-        borderRadius: "24px",
-        height: 4,
-        width: "100%"
-      }
-    },
-    r
-  )) }),
-  /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "body2", children: [
-    t / 4 * 100,
-    "% ",
-    n
-  ] })
-] }), Zr = ({
-  completeCopy: t,
-  primaryText: n,
-  secondaryText: o,
-  value: r
-}) => /* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
-  /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(j, { children: n }),
-    /* @__PURE__ */ e(A, { variant: "subtitle1", children: o })
-  ] }),
-  /* @__PURE__ */ e(Xt, { completeCopy: t, value: r })
-] }), ht = {
-  step: R.ConnectAccounts,
-  type: "main"
-}, Jr = ({ isOpen: t, onClose: n }) => {
-  const { visibleAccounts: o } = ke(), { calculateHealthScore: r } = L(), { finstrong: i } = S(), { addRepeatingTransaction: a, setDateRange: l } = Ze(), { filter: c, setFilter: d, transactions: p } = En(), { user: u, userProfile: h, updateUser: f, updateUserProfile: v } = oe(), [x, C] = m.useState(u.credit_score || 0), [b, k] = m.useState(
-    ht
-  ), [g, y] = m.useState(1), [I, G] = m.useState(Tt.EveryMonth), [O, $] = m.useState([]), [F, K] = m.useState(!1), [fe, be] = m.useState(!1), [X, re] = m.useState(u.birthday), [ce, U] = m.useState(15), [V, le] = m.useState("");
-  m.useEffect(() => {
-    l({ start: It(Ve()), end: At(Ve()) });
-  }, []), m.useEffect(() => {
-    d({
-      accounts: o.map((T) => T.guid),
-      dateRange: {
-        start: ro(/* @__PURE__ */ new Date(), 90),
-        end: /* @__PURE__ */ new Date()
-      },
-      custom: pt
-    });
-  }, [o]);
-  const de = m.useMemo(
-    () => p.find((T) => T.guid === V),
-    [V, p]
-  ), xe = m.useMemo(() => ({
-    [R.ConnectAccounts]: !0,
-    [R.MonthlyIncome]: !!V,
-    [R.Birthday]: !!u.birthday || !!X,
-    [R.CreditScore]: !!u.credit_score || !!x
-  })[b.step], [x, b, X, V, u]), N = o.length > 0, Ce = m.useMemo(() => {
-    const { step: T } = b;
-    let P = 0;
-    return T >= R.MonthlyIncome && N && P++, T >= R.Birthday && O.length && P++, T >= R.CreditScore && (u.birthday || u.credit_score) && P++, P;
-  }, [b.step, N, O.length, u.birthday, u.credit_score]), He = (T) => {
-    d({
-      ...c,
-      custom: (P) => T ? so(P, T) : pt(P)
-    });
-  }, Ke = {
-    [R.ConnectAccounts]: {
-      main: N ? /* @__PURE__ */ e(Vt, { shouldShowBalance: !1 }) : null,
-      mainActionContent: N ? i.onboarding_next : i.onboarding_add_accounts,
-      primaryText: i.connect_your_accounts,
-      secondaryText: i.onboarding_connect_your_accounts_secondary
-    },
-    [R.MonthlyIncome]: {
-      detail: /* @__PURE__ */ e(
-        Yr,
-        {
-          firstDay: g,
-          frequency: I,
-          incomeTransactions: O,
-          secondDay: ce,
-          setCurrentStep: (T) => {
-            k(T), $((P) => {
-              if (P.some((pe) => pe.guid === V)) return P.filter((pe) => pe.guid !== V);
-              const Re = p.find((pe) => pe.guid === V);
-              return Re ? [...P, { ...Re, firstDay: g, frequency: I, secondDay: ce }] : P;
-            });
-          },
-          setFirstDay: y,
-          setFrequency: G,
-          setSecondDay: U,
-          transaction: de
-        }
-      ),
-      detailActionContent: i.onboarding_confirm_income,
-      main: /* @__PURE__ */ e(
-        io,
-        {
-          onSearch: He,
-          onSelected: (T) => {
-            k({ step: R.MonthlyIncome, type: "detail" }), le(T);
-          }
-        }
-      ),
-      mainActionContent: i.onboarding_confirm_income,
-      primaryText: i.onboarding_add_income_primary,
-      secondaryText: i.onboarding_add_income_secondary
-    },
-    [R.Birthday]: {
-      main: /* @__PURE__ */ e(Ur, { selectedDate: X, setSelectedDate: re }),
-      mainActionContent: i.onboarding_next,
-      primaryText: i.onboarding_birthday_primary,
-      secondaryText: i.onboarding_birthday_secondary
-    },
-    [R.CreditScore]: {
-      main: /* @__PURE__ */ e(Qr, { creditScore: x, setCreditScore: C }),
-      mainActionContent: i.onboarding_next,
-      primaryText: i.onboarding_credit_score_primary,
-      secondaryText: i.onboarding_credit_score_secondary
-    }
-  }, Te = () => {
-    k(ht), K(!1), le(""), n();
-  }, rt = async () => {
-    K(!0), await Zt(O), await r(), await v({ ...h, has_completed_finstrong_onboarding: !0 }), Te();
-  }, Ut = () => {
-    if (b.step === R.CreditScore) {
-      rt();
-      return;
-    }
-    k({ step: b.step + 1, type: "main" });
-  }, qt = () => {
-    const { step: T } = b, P = T + 1;
-    switch (T) {
-      case R.Birthday:
-        X && X !== u.birthday && f({ ...u, birthday: X });
-        break;
-      case R.CreditScore:
-        x && x !== u.credit_score && f({ ...u, credit_score: x }), rt();
-        return;
-      case R.MonthlyIncome:
-        V && O.findIndex(({ guid: ve }) => ve === V) === -1 && $((ve) => [
-          ...ve,
-          { ...de, firstDay: g, frequency: I, secondDay: ce }
-        ]);
-        break;
-      case R.ConnectAccounts:
-        if (!N) {
-          be(!0);
-          return;
-        }
-        break;
-    }
-    P in R && k({ step: P, type: "main" });
-  }, Qt = () => {
-    const { step: T, type: P } = b;
-    if (P === "detail") {
-      k({ step: T, type: "main" });
-      return;
-    }
-    if (T === R.Birthday && O.length) {
-      k({ step: T - 1, type: "detail" });
-      return;
-    }
-    T > R.ConnectAccounts && k({ step: T - 1, type: "main" });
-  }, Zt = async (T) => {
-    for (const P of T) {
-      const {
-        account_guid: ve,
-        amount: Re,
-        date: pe,
-        description: tn,
-        feed_description: nn,
-        firstDay: on,
-        frequency: at,
-        secondDay: rn,
-        merchant_guid: an,
-        payee: sn,
-        transaction_type: cn
-      } = P, ln = co(at, oo(pe)), dn = {
-        account_guid: ve,
-        amount: Re,
-        created_by: 0,
-        description: sn || tn || nn,
-        merchant_guid: an,
-        predicted_occurs_on: no(ln, { representation: "date" }),
-        recurrence_day: on,
-        recurrence_type: at,
-        repeating_transaction_type: Ot.Income,
-        second_recurrence_day: rn,
-        transaction_type: cn,
-        user_guid: u.guid
-      };
-      await a(dn, P);
-    }
-  }, Se = Ke[b.step], Oe = b.step === R.ConnectAccounts, Jt = {
-    fullWidth: !0,
-    ...Oe && !N && { startIcon: /* @__PURE__ */ e(xt, {}) }
-  }, en = !Oe || Oe && !N;
-  return /* @__PURE__ */ s(m.Fragment, { children: [
-    /* @__PURE__ */ e(
-      ie,
-      {
-        footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
-        hasSecondaryAction: !Oe,
-        isOpen: t,
-        isPrimaryDisabled: !xe,
-        onClose: Te,
-        onSecondaryAction: Qt,
-        primaryButtonProps: Jt,
-        primaryText: Se?.mainActionContent,
-        secondaryColor: "primary",
-        secondaryText: i.onboarding_back,
-        title: i.title,
-        ...!F && { onPrimaryAction: qt },
-        children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-          F && /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: Vo, style: { minHeight: 100, width: 211 } }),
-            /* @__PURE__ */ e(Ge, { children: i.onboarding_calculate_primary }),
-            /* @__PURE__ */ e(A, { sx: { textAlign: "center" }, variant: "subtitle1", children: i.onboarding_calculate_secondary })
-          ] }),
-          Se && !F && /* @__PURE__ */ s(m.Fragment, { children: [
-            /* @__PURE__ */ e(
-              Zr,
-              {
-                completeCopy: i.complete,
-                primaryText: Se.primaryText,
-                secondaryText: Se.secondaryText,
-                value: Ce
-              }
-            ),
-            b.type === "main" && /* @__PURE__ */ s(M, { sx: { bgcolor: "background.default" }, children: [
-              Se.main,
-              en && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(E, { fullWidth: !0, onClick: Ut, children: i.onboarding_do_it_later }) })
-            ] }),
-            b.type === "detail" && Se.detail
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      se,
-      {
-        onClose: () => be(!1),
-        showConnectWidget: fe,
-        title: i.connect_more_accounts_button
-      }
-    )
-  ] });
-}, ea = w(Jr), ta = () => {
-  const { finstrong: t } = S(), [n, o] = m.useState(!1);
-  return /* @__PURE__ */ s(m.Fragment, { children: [
-    /* @__PURE__ */ s(
-      _,
-      {
-        sx: {
-          alignItems: "center",
-          bgcolor: "background.default",
-          gap: 48,
-          height: "calc(100dvh - 116px)",
-          pb: 24,
-          pt: 72,
-          px: 16
-        },
-        children: [
-          /* @__PURE__ */ s(_, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(vn, { size: 72 }) }),
-            /* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
-              /* @__PURE__ */ e(Ge, { children: t.onboarding_title }),
-              /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(E, { onClick: () => o(!0), variant: "contained", children: t.onboarding_get_started })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(ea, { isOpen: n, onClose: () => o(!1) })
-  ] });
-}, na = ({ isOpen: t, onClose: n }) => {
-  const { finstrong: o } = S(), r = W(), { updateUser: i, user: a } = oe(), { loadPeerScore: l } = L(), [c, d] = m.useState(a.birthday), p = (h) => {
-    d(Math.floor(new Date(h).getTime() / 1e3));
-  };
-  return /* @__PURE__ */ e(
-    ie,
-    {
-      footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
-      isOpen: t,
-      onClose: n,
-      onPrimaryAction: () => {
-        !c || c === a.birthday || (i({ ...a, birthday: c }).finally(() => {
-          l();
-        }), n());
-      },
-      onSecondaryAction: n,
-      title: o.date_of_birth,
-      children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
-        uo,
-        {
-          disableFuture: !0,
-          onChange: p,
-          slotProps: {
-            nextIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-              }
-            },
-            previousIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-              }
-            },
-            switchViewButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-              }
-            }
-          },
-          slots: {
-            actionBar: () => null,
-            toolbar: () => null
-          },
-          sx: {
-            width: "100%",
-            "& .MuiIconButton-edgeEnd": {
-              color: "primary.main",
-              "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
-            }
-          },
-          value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
-        }
-      ) }) })
-    }
-  );
-}, oa = w(na), ra = ({ isOpen: t, onClose: n }) => {
-  const { visibleFinstrongAccounts: o } = ke(), {
-    accounts: r,
-    common: i,
-    finstrong: a,
-    recurring: l
-  } = S(), { repeatingTransactions: c } = Ze(), { user: d } = oe(), p = c.reduce((x, C) => {
-    const { repeating_transaction_type: b, transactions: k, recurrence_type: g, amount: y } = C;
-    return b === Ot.Income && (k && k.length > 0 || g === Tt.EveryYear) ? x + y : x;
-  }, 0), [u, h] = m.useState(null), v = [
-    {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.monthly_income,
-      icon: /* @__PURE__ */ e(wn, {}),
-      key: q.MonthlyIncome,
-      label: a.monthly_income,
-      value: p
-    },
-    {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.date_of_birth,
-      icon: /* @__PURE__ */ e(kn, {}),
-      key: q.DateOfBirth,
-      label: a.date_of_birth,
-      value: d.birthday
-    },
-    {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.credit_score,
-      icon: /* @__PURE__ */ e(bt, {}),
-      key: q.CreditScore,
-      label: a.credit_score,
-      value: d.credit_score
-    },
-    {
-      fallbackLabel: a.connect_your_accounts,
-      icon: /* @__PURE__ */ e(ft, {}),
-      key: q.Connections,
-      label: a.connections,
-      value: o.length > 0 ? z(
-        a.connected_account,
-        String(o.length),
-        o.length > 1 ? a.accounts : a.account
-      ) : void 0
-    }
-  ].map((x) => Oo(x));
-  return /* @__PURE__ */ s(ie, { isOpen: t, onClose: n, title: a.financial_profile, children: [
-    /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-      /* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
-        /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(j, { children: a.your_financial_profile }),
-          /* @__PURE__ */ e(A, { children: a.financial_profile_description })
-        ] }),
-        /* @__PURE__ */ e(
-          Xt,
-          {
-            completeCopy: a.complete,
-            value: v.reduce((x, C) => x + (C.isComplete ? 1 : 0), 0)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(Do, { list: v, onClickItem: h }),
-      /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-        We,
-        {
-          description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
-          drawerType: "connectDrawer",
-          isDashboard: !0,
-          title: a.dont_see_all_your_accounts,
-          titleDrawer: i.add_accounts
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(
-      ie,
-      {
-        isOpen: u === q.MonthlyIncome,
-        onClose: () => h(null),
-        shouldShowHeaderBorders: !1,
-        title: l.action_title,
-        children: /* @__PURE__ */ e(_o, {})
-      }
-    ),
-    /* @__PURE__ */ e(oa, { isOpen: u === q.DateOfBirth, onClose: () => h(null) }),
-    /* @__PURE__ */ e(Ht, { isOpen: u === q.CreditScore, onClose: () => h(null) }),
-    /* @__PURE__ */ e(
-      vt,
-      {
-        onClose: () => h(null),
-        showConnectionsWidget: u === q.Connections,
-        title: r.manage_connections
-      }
-    )
-  ] });
-}, aa = w(ra), gt = ({
-  content: t,
-  islast: n = !1
-}) => /* @__PURE__ */ s(go, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ s(Co, { children: [
-    /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", boxShadow: "none", p: 2 } }),
-    !n && /* @__PURE__ */ e(
-      fo,
-      {
-        sx: {
-          bgcolor: "background.paper",
-          borderLeft: "1px solid",
-          borderColor: "divider",
-          borderRadius: 1,
-          m: -4
-        }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(bo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(A, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), ia = ({ report: t }) => {
-  const { finstrong: n } = S(), { score_history_drawer_timeline: o } = n, {
-    health_score_point_difference: r,
-    newer_credit_score: i,
-    older_credit_score: a,
-    older_spend_to_income_ratio: l,
-    newer_spend_to_income_ratio: c,
-    older_health_score: d,
-    newer_health_score: p,
-    newer_score_calculated_at: u
-  } = t, h = Ct(new Date(u), "MMM d"), f = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", v = () => r === 0 ? z(o.stayed_at, d) : r > 0 ? o.less_spending : o.more_spending, x = () => {
-    if (r === 0) return null;
-    const C = r > 0 ? o.up_from : o.down_from, b = z(C, d, p);
-    return /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ e(
-        _n,
-        {
-          fill: !0,
-          name: "circle",
-          sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
-        }
-      ),
-      b
-    ] });
-  };
-  return /* @__PURE__ */ s(Y, { children: [
-    /* @__PURE__ */ e(
-      M,
-      {
-        sx: {
-          borderBottomColor: "divider",
-          borderBottomStyle: "solid",
-          borderBottomWidth: r !== 0 ? 1 : 0,
-          p: 16
-        },
-        children: /* @__PURE__ */ s(
-          _,
-          {
-            flexDirection: "row",
-            sx: { alignItems: "center", gap: 16, height: 48, width: "100%" },
-            children: [
-              /* @__PURE__ */ e(
-                _,
-                {
-                  sx: {
-                    alignItems: "center",
-                    backgroundColor: f(),
-                    borderRadius: 999,
-                    height: 48,
-                    justifyContent: "center",
-                    width: 48
-                  },
-                  children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
-                }
-              ),
-              /* @__PURE__ */ s(_, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(D, { fontWeight: 600, variant: "body1", children: v() }),
-                /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-                  h,
-                  " ",
-                  x()
-                ] })
-              ] })
-            ]
-          }
-        )
-      }
-    ),
-    r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ s(
-      ho,
-      {
-        sx: {
-          [`& .${yo.root}:before`]: {
-            flex: 0,
-            padding: 0
-          },
-          m: 0,
-          p: 0
-        },
-        children: [
-          /* @__PURE__ */ e(
-            gt,
-            {
-              content: z(
-                o.spend_to_income_description,
-                Ee(l),
-                Ee(c)
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            gt,
-            {
-              content: z(
-                o.credit_score_description,
-                a,
-                i
-              ),
-              islast: !0
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}, sa = w(ia), ca = ({ isOpen: t, onClose: n }) => {
-  const o = W(), { finstrong: r } = S(), { isCopyLoaded: i, isInitialized: a } = ne(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = L();
-  if (!i || !a) return /* @__PURE__ */ e(ee, {});
-  const u = nt(c.health_score || 0, r), h = d.slice().reverse();
-  return /* @__PURE__ */ e(
-    Kt,
-    {
-      additionalContent: /* @__PURE__ */ e(
-        _,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            borderBottom: "1px solid",
-            borderColor: "divider"
-          },
-          children: /* @__PURE__ */ e(
-            Je,
-            {
-              axisColor: o.palette.divider,
-              baseline: "min",
-              colors: [o.palette.primary.main],
-              curveType: "natural",
-              datasets: [l],
-              height: 160,
-              isGraphClippingXAxis: !0,
-              labels: [r.key_indicators_label],
-              margin: { top: 24, bottom: 6, right: 24, left: -17 },
-              peerAverage: Math.round(p?.average_health_score?.average_health_score || 0),
-              showArea: !0,
-              showAverage: !0,
-              title: r.peer_average,
-              useCustomMark: !0
-            }
-          )
-        }
-      ),
-      drawerTitle: r.score_history,
-      isOpen: t,
-      loadConnectAccountsCard: !1,
-      onClose: n,
-      stickyComponent: /* @__PURE__ */ e(
-        _,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            pb: 11,
-            pt: 8,
-            px: 24
-          },
-          children: /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
-            /* @__PURE__ */ e(
-              zt,
-              {
-                arcRadius: 24,
-                healthScore: c?.health_score,
-                margin: { top: 9 },
-                size: "SM"
-              }
-            ),
-            /* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
-              /* @__PURE__ */ e(A, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(A, { variant: "caption", children: u.description })
-            ] })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: h.map((f, v) => /* @__PURE__ */ e(sa, { report: f }, v)) })
-    }
-  );
-}, la = w(ca), da = ({ copy: t }) => {
-  const n = W(), o = [
-    n.palette.chartMono.chartMono5,
-    n.palette.chartMono.chartMono4,
-    n.palette.chartMono.chartMono3,
-    n.palette.chartMono.chartMono2
-  ];
-  return /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
-      { color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
-      { color: "chartMono.chartMono3", text: t.building, value: "26-50" },
-      { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
-      { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
-    ].map(({ color: r, text: i, value: a }) => /* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
-      /* @__PURE__ */ s(M, { children: [
-        /* @__PURE__ */ e(A, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: i }),
-        /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "caption", children: [
-          "(",
-          a,
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ e(M, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
-    ] }, i)) }),
-    /* @__PURE__ */ s(M, { children: [
-      /* @__PURE__ */ e(
-        M,
-        {
-          sx: {
-            background: `linear-gradient(to left, ${o.join(", ")})`,
-            borderRadius: "4px",
-            height: 16
-          }
-        }
-      ),
-      /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((r) => /* @__PURE__ */ s(
-        _,
-        {
-          sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
-          children: [
-            /* @__PURE__ */ e(
-              M,
-              {
-                sx: {
-                  borderBottom: "1px solid",
-                  borderColor: "divider",
-                  position: "relative",
-                  rotate: "90deg",
-                  top: 3.5,
-                  width: 8
-                }
-              }
-            ),
-            /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "tiny", children: r })
-          ]
-        },
-        r
-      )) })
-    ] })
-  ] });
-}, pa = ({ isOpen: t, onClose: n }) => {
-  const { finstrong: o } = S(), { isCopyLoaded: r } = ne();
-  return r ? /* @__PURE__ */ e(ie, { isOpen: t, onClose: n, title: o.score_rubric, children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
-    /* @__PURE__ */ s(_, { sx: { gap: 20 }, children: [
-      /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(j, { children: o.your_path_to_financial_freedom }),
-        /* @__PURE__ */ e(A, { variant: "subtitle1", children: o.finstrong_freedom_description })
-      ] }),
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(da, { copy: o }) })
-    ] }),
-    /* @__PURE__ */ s(_, { sx: { gap: 12 }, children: [
-      /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: o.how_do_we_do_this }),
-      /* @__PURE__ */ s(
-        Le,
-        {
-          component: "ol",
-          sx: {
-            listStyleType: "decimal",
-            pl: 20,
-            pr: 16,
-            "& li": {
-              "::marker": {
-                fontWeight: 600
-              }
-            },
-            "& .MuiListItemText-secondary": {
-              fontSize: 15,
-              lineHeight: "24px",
-              pt: 4
-            }
-          },
-          children: [
-            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              me,
-              {
-                primary: o.understand_your_habits,
-                secondary: o.understand_your_habits_description
-              }
-            ) }),
-            /* @__PURE__ */ e(_e, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              me,
-              {
-                primary: o.see_whats_possible,
-                secondary: o.see_whats_possible_description
-              }
-            ) })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
-      /* @__PURE__ */ e(D, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: o.we_ask_questions }),
-      /* @__PURE__ */ s(
-        Le,
-        {
-          component: "ol",
-          sx: {
-            listStyleType: "initial",
-            pl: 20,
-            pr: 16,
-            "& li": {
-              minHeight: "max-content",
-              "::marker": {
-                color: "text.secondary",
-                fontWeight: 600
-              }
-            },
-            "& .MuiListItemText-secondary": {
-              fontSize: 15,
-              lineHeight: "24px"
-            }
-          },
-          children: [
-            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_2 }) })
-          ]
-        }
-      )
-    ] })
-  ] }) }) : /* @__PURE__ */ e(ee, {});
-}, ua = w(pa), _a = w(() => {
-  const [t, n] = m.useState(!1), o = W(), [r, { width: i }] = wt(), { finstrong: a } = S(), { isCopyLoaded: l, isInitialized: c } = ne(), { healthScore: d, healthScoreChange: p } = L(), u = o.palette.mode === "dark", h = nt(d?.health_score, a);
-  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ e(j, { children: a.financial_strength_header }),
-      /* @__PURE__ */ e(
-        E,
-        {
-          endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => n(!0),
-          size: "small",
-          sx: {
-            "&.MuiButtonBase-root": {
-              px: 8,
-              py: 4
-            }
-          },
-          variant: "text",
-          children: /* @__PURE__ */ e(
-            D,
-            {
-              bold: !0,
-              sx: {
-                overflow: "visible"
-              },
-              variant: "body2",
-              children: a.financial_strength_header_action
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(_, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
-      zt,
-      {
-        arcRadius: i <= 323 ? 72.5 : 154,
-        footerCenterContent: p,
-        healthScore: d?.health_score || 0,
-        size: i <= 323 ? "M" : "L"
-      }
-    ) }),
-    d?.health_score ? /* @__PURE__ */ s(
-      So,
-      {
-        sx: {
-          px: 16,
-          backgroundColor: u ? "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(
-            wo,
-            {
-              expandIcon: /* @__PURE__ */ e(Mn, { size: 20 }),
-              sx: {
-                "&.MuiAccordionSummary-root": {
-                  minHeight: 0
-                },
-                height: 44,
-                p: 0,
-                "&.Mui-expanded": {
-                  minHeight: 0
-                }
-              },
-              children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
-            }
-          ),
-          /* @__PURE__ */ e(vo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(A, { variant: "subtitle1", children: h.scoreContent }) })
-        ]
-      }
-    ) : /* @__PURE__ */ e(
-      We,
-      {
-        buttonText: a.connect_more_accounts_title,
-        description: a.health_score_zero_description,
-        drawerType: "connectDrawer",
-        hasIcon: !1,
-        isDashboard: !0,
-        sx: {
-          backgroundColor: u ? "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: a.health_score_zero_title
-      }
-    ),
-    /* @__PURE__ */ e(
-      ua,
-      {
-        isOpen: t,
-        onClose: () => n(!1)
-      }
-    )
-  ] });
-}), ma = ({ onBackClick: t, onMenuClick: n, sx: o, onPrimaryCtaClick: r }) => {
-  const { visibleAccounts: i } = ke(), { dateRange: a, isDataLoaded: l, loadBudgetData: c, setTheme: d } = Gn(), { reloadCategoryTotals: p } = Qe(), u = L(), {
-    augmentedChartData: h,
-    calculateHealthScore: f,
-    loadAugmentedChartData: v,
-    loadMonthlySummaries: x,
-    loadPeerScore: C,
-    peerScore: b,
-    healthScore: k
-  } = u, { finstrong: g, connect: y } = S(), { isInitialized: I } = ne(), { loadRepeatingTransactionData: G, isDataLoaded: O } = Ze(), { isSmallMobile: $ } = tt(), F = W(), { userProfile: K } = oe(), [fe, be] = m.useState(!1), [X, re] = m.useState(!1), [ce, U] = m.useState(!1), [V, le] = m.useState(!1), [de, xe] = m.useState(!1);
-  ko({
-    widgetName: "FinstrongWidget",
-    isLoaded: fe
-  }), m.useEffect(() => {
-    d(F);
-  }, []), m.useEffect(() => {
-    r && (u.handleFinstrongWidgetPrimaryCtaClick = r);
-  }, [r, u]), m.useEffect(() => {
-    I && (x().finally(), C().finally(), f().finally());
-  }, [I]), m.useEffect(() => {
-    I && (p(i, a.start, a.end).finally(() => {
-      be(!0);
-    }), l || (c(), G().finally()));
-  }, [a, l, I, i]), m.useEffect(() => {
-    k?.health_score && v().finally();
-  }, [k.health_score]);
-  const N = () => U(!0), Ce = Math.round(b?.average_health_score?.average_health_score || 0), He = h.some((Te) => Te.y !== 0), Ke = () => {
-    re(!0), f(!1).finally(() => {
-      re(!1);
-    }), U(!1);
-  };
-  return !I || !fe || !O || X ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(
-    Mo,
-    {
-      actions: [
-        {
-          iconName: "person",
-          label: g.profile,
-          onClick: N
-        }
-      ],
-      hasDivider: !0,
-      onBackClick: t,
-      onMenuClick: n,
-      showAccountFilter: !1,
-      sx: o,
-      title: g.title,
-      children: [
-        K.has_completed_finstrong_onboarding ? /* @__PURE__ */ s(
-          _,
-          {
-            sx: {
-              bgcolor: "background.default",
-              flexDirection: { md: "row" },
-              gap: 24,
-              justifyContent: "center",
-              pt: $ ? 16 : 24,
-              px: $ ? 16 : 48
-            },
-            children: [
-              /* @__PURE__ */ s(_, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
-                /* @__PURE__ */ e(_a, {}),
-                /* @__PURE__ */ e(
-                  We,
-                  {
-                    description: g.connect_more_accounts_description,
-                    drawerType: "connectDrawer",
-                    title: g.connect_more_accounts_title
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ s(Y, { sx: { height: "100%", p: 16 }, children: [
-                /* @__PURE__ */ s(
-                  _,
-                  {
-                    direction: "row",
-                    sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
-                    children: [
-                      /* @__PURE__ */ e(j, { children: g.key_indicators }),
-                      /* @__PURE__ */ e(
-                        E,
-                        {
-                          endIcon: /* @__PURE__ */ e(J, {}),
-                          onClick: () => le(!0),
-                          size: "small",
-                          sx: {
-                            "&.MuiButtonBase-root": {
-                              px: 8,
-                              py: 4
-                            }
-                          },
-                          variant: "text",
-                          children: /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: g.whats_changed })
-                        }
-                      )
-                    ]
-                  }
-                ),
-                He ? /* @__PURE__ */ e(
-                  Je,
-                  {
-                    axisColor: F.palette.divider,
-                    baseline: "min",
-                    colors: [F.palette.primary.main],
-                    curveType: "natural",
-                    customLegendBoxSx: { borderRadius: "2px" },
-                    customLegendSx: { left: 0 },
-                    customLegendVariant: "caption",
-                    datasets: [h],
-                    height: 300,
-                    isCurrency: !1,
-                    isGraphClippingXAxis: !0,
-                    labelBackgroundColor: F.palette.neutral.dark,
-                    labelFontColor: F.palette.common.white,
-                    labelFontSize: typeof F.typography.caption?.fontSize == "string" ? parseFloat(F.typography.caption.fontSize) : F.typography.caption?.fontSize,
-                    labels: [g.key_indicators_label],
-                    margin: { right: 12, left: -37 },
-                    peerAverage: Ce,
-                    showArea: !0,
-                    showAverage: !0,
-                    showLegend: !0,
-                    showMarkLabel: !0,
-                    showTooltip: !0,
-                    showXAxis: !0,
-                    title: g.peer_average
-                  }
-                ) : /* @__PURE__ */ e(Vr, { onClick: () => xe(!0) }),
-                /* @__PURE__ */ e(Hr, {})
-              ] }) })
-            ]
-          }
-        ) : /* @__PURE__ */ e(ta, {}),
-        /* @__PURE__ */ e(aa, { isOpen: ce, onClose: Ke }),
-        /* @__PURE__ */ e(
-          se,
-          {
-            onClose: () => xe(!1),
-            showConnectWidget: de,
-            title: y.mini_title
-          }
-        ),
-        /* @__PURE__ */ e(
-          la,
-          {
-            isOpen: V,
-            onClose: () => le(!1)
-          }
-        )
-      ]
-    }
-  );
-}, Ni = w(ma);
+import { DialScoreCard as o } from "./components/shared/DialScoreCard/index.es.js";
+import { FinancialStrengthGraph as i } from "./components/FinancialStrengthGraph/index.es.js";
+import { CreditScoreGraph as e } from "./components/CreditScoreGraph/index.es.js";
+import n from "./FinstrongWidget/index.es.js";
 export {
-  Ko as CreditScoreGraph,
-  Nt as DialScoreCard,
-  zt as FinancialStrengthGraph,
-  Ni as FinstrongWidget
+  e as CreditScoreGraph,
+  o as DialScoreCard,
+  i as FinancialStrengthGraph,
+  n as FinstrongWidget
 };
-//# sourceMappingURL=index.es.js.map