@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/finstrong/index.es.js

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