@mx-cartographer/experiences 7.0.6-alpha.al1 → 7.0.6-alpha.mega1

package/dist/finstrong/index.es.js

@@ -2,13 +2,13 @@ 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 { PieChart as Oe } from "@mui/x-charts";
+import { ChevronRight as j, Check as De, TrendingUp as Me, ArrowRightAlt as Te, TrendingDown as we, AccountBalance as me, ExpandMore as Re, Payments as Fe, CalendarMonth as Pe, CreditCard as ue, Savings as Ge, ContentCopy as Le, MultilineChart as Ee } from "@mxenabled/mx-icons";
+import { Text as W, P as y, H3 as H, Icon as he } from "@mxenabled/mxui";
+import { format as _e } from "date-fns/format";
 import C from "react";
 import We from "@mui/material/Avatar";
-import _e from "@mui/material/Divider";
+import ge from "@mui/material/Divider";
 import Be from "@mui/material/List";
 import He from "@mui/material/ListItem";
 import ze from "@mui/material/ListItemAvatar";
@@ -17,22 +17,22 @@ 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, g as fe, l as Ke } from "../hooks-02T565vf.mjs";
+import { u as S, a as z, w as $, o as Y, c as fe, g as ye, l as Ke } from "../hooks-02T565vf.mjs";
 import { L as N } from "../Loader-Dp1P2gNw.mjs";
-import { F as Xo, a as jo } from "../FinstrongStore-mkALvztw.mjs";
+import { F as No, a as Ko } from "../FinstrongStore-mkALvztw.mjs";
 import q from "@mui/material/Button";
 import J from "@mui/material/Card";
-import { L as ye } from "../LineChart-CYiUS-px.mjs";
-import { j as be } from "../ConnectDrawer-WfKHsHSF.mjs";
+import { L as be } from "../LineChart-CYiUS-px.mjs";
+import { j as xe } from "../ConnectDrawer-WfKHsHSF.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-Czp-E0-m.mjs";
-import { R as Je } from "../RecurringSettings-D8XKxI2O.mjs";
+import { R as Je } from "../RecurringSettings-BQDQvmSY.mjs";
 import Qe from "@mui/material/TextField";
-import { u as xe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Ze } from "../Dialog-CWW597AF.mjs";
 import { AdapterDateFns as et } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { StaticDatePicker as tt } from "@mui/x-date-pickers";
@@ -42,16 +42,15 @@ 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-BG-fdDOf.mjs";
+import it from "@mui/lab/Timeline";
+import st, { timelineItemClasses as at } from "@mui/lab/TimelineItem";
+import ct from "@mui/lab/TimelineConnector";
+import lt from "@mui/lab/TimelineContent";
+import dt from "@mui/lab/TimelineDot";
+import pt from "@mui/lab/TimelineSeparator";
+import { W as mt } from "../WidgetContainer-BG-fdDOf.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(
+const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
   Be,
   {
     sx: {
@@ -86,10 +85,10 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           }
         )
       ] }) }),
-      i < n.length - 1 && /* @__PURE__ */ e(_e, { sx: { color: "divider", ml: 68 } })
+      i < n.length - 1 && /* @__PURE__ */ e(ge, { sx: { color: "divider", ml: 68 } })
     ] }, t.key))
   }
-) }), _t = ht, le = (n) => n * (180 / Math.PI), ie = (n, o) => [
+) }), ht = ut, le = (n) => n * (180 / Math.PI), ie = (n, o) => [
   {
     description: o.vulnerable_description,
     max: 25,
@@ -126,7 +125,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, gt = (n, o, t) => n >= 300 && n < 580 ? {
+}, _t = (n, o, t) => n >= 300 && n < 580 ? {
   status: t.poor,
   color: o ? M.POOR : D.POOR
 } : n >= 580 && n < 670 ? {
@@ -141,7 +140,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
 } : n >= 800 && n <= 850 ? {
   status: t.exceptional,
   color: o ? M.EXCEPTIONAL : D.EXCEPTIONAL
-} : { status: t.missing_data }, ft = (n, o, t, i) => {
+} : { status: t.missing_data }, gt = (n, o, t, i) => {
   const d = n.reduce((r, a) => r + a.value, 0);
   let l = 0;
   const s = n.map((r) => {
@@ -153,14 +152,14 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     };
   });
   return [s[i].startAngle, s[i].endAngle];
-}, yt = (n, o, t, i, d) => {
+}, ft = (n, o, t, i, d) => {
   let l = 0, s = 0;
   const r = Math.floor(i), a = i - r;
   return r > t ? (l = n, s = o) : r === t && a > 0 && (l = n, s = d), [l, s];
-}, bt = (n, o, t = 0) => {
+}, yt = (n, o, t = 0) => {
   const i = n * Math.sin(o - t), d = -n * Math.cos(o - t);
   return [i, d];
-}, xt = ({
+}, bt = ({
   dynamicCopy: n,
   fallbackLabel: o,
   icon: t,
@@ -168,18 +167,18 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   label: d,
   value: l
 }) => {
-  const s = !!l, r = s ? Ct(i, l) : n && b(n, o) || o;
+  const s = !!l, r = s ? xt(i, l) : n && b(n, o) || o;
   return {
-    icon: s ? /* @__PURE__ */ e(Oe, {}) : t,
+    icon: s ? /* @__PURE__ */ e(De, {}) : t,
     isComplete: s,
     key: i,
     primaryText: d,
     secondaryText: r
   };
-}, Ct = (n, o) => ({
-  [A.DateOfBirth]: (i) => he(new Date(Number(i) * 1e3), "MMM d, yyyy"),
+}, xt = (n, o) => ({
+  [A.DateOfBirth]: (i) => _e(new Date(Number(i) * 1e3), "MMM d, yyyy"),
   [A.MonthlyIncome]: (i) => `$${i}`
-})[n]?.(o) ?? String(o), de = (n) => n !== null ? Math.round(n * 100) : null, St = ({
+})[n]?.(o) ?? String(o), de = (n) => n !== null ? Math.round(n * 100) : null, Ct = ({
   dialScoreData: n,
   dataIndex: o,
   arcColor: t,
@@ -199,12 +198,12 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     { offset: "36.67%", color: _.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: _.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: _.palette.chartMono.chartMono5 }
-  ], [T, v] = ft(
+  ], [T, v] = gt(
     n,
     d,
     i,
     o
-  ), [L, E] = yt(
+  ), [L, E] = ft(
     T,
     v,
     o,
@@ -234,7 +233,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] });
-}, Ce = ({
+}, Se = ({
   arcRadius: n = 100,
   healthScore: o,
   size: t = "L",
@@ -248,11 +247,11 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   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 = {
+  const m = G(), _ = -Math.PI / 1.35, R = Math.PI / 1.35, T = R - _, v = T / (l - d), L = (o - d) * v, E = _ + L + 0.02, K = t !== "SM" ? 0.1 : 0.12, F = n, w = n * (1 - K), O = F * 2.5, k = O / 2, P = O / 2, U = (w + F) / 2, Z = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, ke] = yt(U, E, Z), Ae = o / 25, se = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Ae = a === 0 ? Me : Te;
+  }, Ie = a === 0 ? Te : we;
   return /* @__PURE__ */ u(
     g,
     {
@@ -264,7 +263,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       },
       children: [
         /* @__PURE__ */ e(
-          Ie,
+          Oe,
           {
             height: O,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
@@ -285,7 +284,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             },
             slots: {
               pieArc: (ae) => /* @__PURE__ */ e(
-                St,
+                Ct,
                 {
                   arcColor: ae.color,
                   arcRadius: n,
@@ -299,7 +298,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                   outterArcRadius: F,
                   progressEndAngle: E,
                   totalAngularSpan: T,
-                  unitsPerSegment: ke
+                  unitsPerSegment: Ae
                 }
               )
             },
@@ -313,7 +312,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               "circle",
               {
                 cx: k + ee,
-                cy: P + ve,
+                cy: P + ke,
                 fill: m.palette.common.white,
                 r: se[t].markerSize,
                 stroke: h ? "url(#arcGradient)" : s,
@@ -366,7 +365,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
               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" } }),
+              a > 0 ? /* @__PURE__ */ e(Me, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Ie, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 y,
                 {
@@ -411,7 +410,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       ]
     }
   );
-}, Se = I(
+}, ve = I(
   ({ arcRadius: n, size: o = "L", healthScore: t, footerCenterContent: i }) => {
     const d = [
       { id: 1, label: "Group A", value: 25 },
@@ -420,7 +419,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       { id: 4, label: "Group D", value: 25 }
     ], { finstrong: l } = S(), s = ie(t, l);
     return /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         arcRadius: n,
         dialScoreData: d,
@@ -432,7 +431,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     );
   }
-), zo = I(
+), Bo = I(
   ({
     arcRadius: n,
     size: o = "L",
@@ -474,13 +473,13 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ], { finstrong: c } = S(), { isCopyLoaded: p } = z();
     if (!p) return /* @__PURE__ */ e(N, {});
-    const { status: h, color: m = "none" } = gt(
+    const { status: h, color: m = "none" } = _t(
       t,
       r,
       c.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         arcRadius: n,
         dialScoreData: a,
@@ -549,7 +548,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           }
         ),
         /* @__PURE__ */ e(
-          be,
+          xe,
           {
             onClose: () => r(!1),
             showConnectWidget: s,
@@ -559,7 +558,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       ]
     }
   );
-}, vt = I(() => {
+}, St = I(() => {
   const n = G(), [o, { width: t }] = Ye(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChange: r } = $(), a = n.palette.mode === "dark", c = ie(s?.health_score, i);
   return !d || !l ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ u(J, { ref: o, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -589,7 +588,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ),
     /* @__PURE__ */ e(g, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
-      Se,
+      ve,
       {
         arcRadius: t <= 323 ? 73 : 154,
         footerCenterContent: r,
@@ -615,7 +614,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           /* @__PURE__ */ e(
             Ue,
             {
-              expandIcon: /* @__PURE__ */ e(we, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(Re, { size: 20 }),
               sx: {
                 height: 52,
                 p: 0,
@@ -650,8 +649,8 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}), 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 = () => {
+}), vt = ({ isOpen: n, onClose: o }) => {
+  const { common: t, finstrong: i } = S(), { isMobile: d } = Ce(), { updateUser: l, user: s } = Y(), [r, a] = C.useState(s.credit_score || 0), c = !isNaN(r), p = () => {
     o(), setTimeout(() => a(s.credit_score || 0), 300);
   }, h = () => {
     !r || r === s.credit_score || l({ ...s, credit_score: r });
@@ -688,7 +687,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       )
     }
   );
-}, At = I(kt), It = ({ isOpen: n, onClose: o }) => {
+}, kt = I(vt), At = ({ isOpen: n, onClose: o }) => {
   const { finstrong: t } = S(), i = G(), { updateUser: d, user: l } = Y(), [s, r] = C.useState(l.birthday), a = (p) => {
     r(Math.floor(new Date(p).getTime() / 1e3));
   };
@@ -737,7 +736,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       ) })
     }
   );
-}, Ot = I(It), Dt = ({ value: n, completeCopy: o }) => /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
+}, It = I(At), Ot = ({ value: n, completeCopy: o }) => /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(g, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((t, i) => /* @__PURE__ */ e(
     x,
     {
@@ -755,8 +754,8 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     "% ",
     o
   ] })
-] }), Mt = ({ isOpen: n, onClose: o }) => {
-  const { visibleFinstrongAccounts: t } = ge(), { incomeBudget: i } = fe(), {
+] }), Dt = ({ isOpen: n, onClose: o }) => {
+  const { visibleFinstrongAccounts: t } = fe(), { incomeBudget: i } = ye(), {
     accounts: d,
     common: l,
     finstrong: s
@@ -764,7 +763,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     {
       dynamicCopy: s.add_profile_item,
       fallbackLabel: s.monthly_income,
-      icon: /* @__PURE__ */ e(Re, {}),
+      icon: /* @__PURE__ */ e(Fe, {}),
       key: A.MonthlyIncome,
       label: s.monthly_income,
       value: i
@@ -772,7 +771,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     {
       dynamicCopy: s.add_profile_item,
       fallbackLabel: s.date_of_birth,
-      icon: /* @__PURE__ */ e(Fe, {}),
+      icon: /* @__PURE__ */ e(Pe, {}),
       key: A.DateOfBirth,
       label: s.date_of_birth,
       value: r.birthday
@@ -796,7 +795,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         t.length > 1 ? s.accounts : s.account
       ) : void 0
     }
-  ].map((m) => xt(m));
+  ].map((m) => bt(m));
   return /* @__PURE__ */ u(V, { isOpen: n, onClose: o, title: s.financial_profile, children: [
     /* @__PURE__ */ u(g, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ u(g, { sx: { gap: 8 }, children: [
@@ -804,14 +803,14 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         /* @__PURE__ */ e(y, { children: s.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
-        Dt,
+        Ot,
         {
           completeCopy: s.complete,
           value: h.reduce((m, _) => m + (_.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
-    /* @__PURE__ */ e(_t, { list: h, onClickItem: c }),
+    /* @__PURE__ */ e(ht, { list: h, onClickItem: c }),
     /* @__PURE__ */ e(x, { sx: { p: 24 }, children: /* @__PURE__ */ e(
       Q,
       {
@@ -829,8 +828,8 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         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(It, { isOpen: a === A.DateOfBirth, onClose: () => c(null) }),
+    /* @__PURE__ */ e(kt, { isOpen: a === A.CreditScore, onClose: () => c(null) }),
     /* @__PURE__ */ e(
       qe,
       {
@@ -840,7 +839,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}, Tt = I(Mt), X = {
+}, Mt = I(Dt), X = {
   creditScore: {
     poor: 600,
     good: 720
@@ -911,11 +910,11 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           ] }),
           /* @__PURE__ */ e(y, { color: "secondary", variant: "subtitle2", children: o })
         ] }),
-        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(Ee, { color: "secondary", name: "chevron_right", size: 24 }) })
+        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(he, { color: "secondary", name: "chevron_right", size: 24 }) })
       ]
     }
   );
-}, wt = () => {
+}, Tt = () => {
   const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_spend: t } = o, i = (r) => {
     const { good: a, poor: c } = X.spendToIncomeRatio;
     let p = f.MISSING, h = t.ratio_missing_description, m = o.key_indicators_missing;
@@ -962,7 +961,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}, Rt = () => {
+}, wt = () => {
   const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_save: t } = o, i = (r) => {
     const { good: a, poor: c } = X.daysOfCashOnHand;
     let p = f.MISSING, h = t.days_of_cash_missing_description, m = o.key_indicators_missing;
@@ -1013,7 +1012,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}, Ft = () => {
+}, Rt = () => {
   const { healthScore: n } = $(), { finstrong: o } = S(), { key_indicators_borrow: t } = o, { user: i } = Y(), d = (a) => {
     const { good: c, poor: p } = X.debtToIncomeRatio;
     let h = f.MISSING, m = t.manage_debit_missing_description, _ = o.key_indicators_missing;
@@ -1065,7 +1064,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     )
   ] });
-}, Pt = () => {
+}, Ft = () => {
   const [n, o] = C.useState(0), { finstrong: t } = S();
   return /* @__PURE__ */ u(re, { children: [
     /* @__PURE__ */ u(
@@ -1094,7 +1093,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             oe,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(Pe, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
               label: t.key_indicators_save.title,
@@ -1105,7 +1104,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             oe,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Le, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
               label: t.key_indicators_borrow.title,
@@ -1115,11 +1114,11 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
         ]
       }
     ),
-    /* @__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, {}) })
+    /* @__PURE__ */ e(ne, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(Tt, {}) }),
+    /* @__PURE__ */ e(ne, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(wt, {}) }),
+    /* @__PURE__ */ e(ne, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(Rt, {}) })
   ] });
-}, Gt = ({
+}, Pt = ({
   additionalContent: n,
   children: o,
   description: t,
@@ -1148,22 +1147,22 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ),
     n && /* @__PURE__ */ e(x, { children: n }),
-    /* @__PURE__ */ e(_e, {}),
+    /* @__PURE__ */ e(ge, {}),
     /* @__PURE__ */ u(g, { sx: { p: 24, gap: 24 }, children: [
       o,
       l && /* @__PURE__ */ e(Q, { isDashboard: !0 })
     ] })
   ] }) : /* @__PURE__ */ e(N, {});
-}, Lt = I(Gt), pe = ({
+}, Gt = I(Pt), 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__ */ u(st, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ u(pt, { children: [
+    /* @__PURE__ */ e(dt, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !o && /* @__PURE__ */ e(ct, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(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 }) => {
+  /* @__PURE__ */ e(lt, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(y, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: n }) })
+] }), Lt = ({ report: n }) => {
   const { finstrong: o } = S(), { score_history_drawer_timeline: t } = o, {
     health_score_point_difference: i,
     newer_credit_score: d,
@@ -1173,12 +1172,18 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
     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 = () => {
+  } = n, h = _e(new Date(p), "MMM d"), m = () => i === 0 ? "info.lighter" : i > 0 ? "success.lighter" : "error.lighter", _ = () => i === 0 ? b(t.stayed_at, a) : i > 0 ? t.less_spending : t.more_spending, R = () => {
     if (i === 0) return null;
     const T = i > 0 ? t.up_from : t.down_from, v = b(T, a, c);
     return /* @__PURE__ */ u(re, { children: [
-      /* @__PURE__ */ e(it, { sx: { fontSize: 8, mx: 4, p: 1 } }),
-      " ",
+      /* @__PURE__ */ e(
+        he,
+        {
+          fill: !0,
+          name: "circle",
+          sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
+        }
+      ),
       v
     ] });
   };
@@ -1215,10 +1220,10 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) }),
     i !== 0 && /* @__PURE__ */ e(x, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ u(
-      st,
+      it,
       {
         sx: {
-          [`& .${ct.root}:before`]: {
+          [`& .${at.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -1251,15 +1256,15 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] }) });
-}, Wt = I(Et), Bt = ({ isOpen: n, onClose: o }) => {
+}, Et = I(Lt), Wt = ({ isOpen: n, onClose: o }) => {
   const t = G(), { finstrong: i } = S(), { isCopyLoaded: d, isInitialized: l } = z(), { healthScore: s, healthScoreChangeReports: r, augmentedChartData: a } = $();
   if (!d || !l) return /* @__PURE__ */ e(N, {});
   const c = ie(s.health_score || 0, i), p = r.slice().reverse();
   return /* @__PURE__ */ e(
-    Lt,
+    Gt,
     {
       additionalContent: /* @__PURE__ */ e(g, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
-        ye,
+        be,
         {
           axisColor: t.palette.divider,
           baseline: "min",
@@ -1286,7 +1291,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
             /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
-              Se,
+              ve,
               {
                 arcRadius: 20,
                 healthScore: s?.health_score,
@@ -1300,13 +1305,13 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           ]
         }
       ),
-      children: /* @__PURE__ */ e(g, { sx: { gap: 16 }, children: p.map((h, m) => /* @__PURE__ */ e(Wt, { report: h }, m)) })
+      children: /* @__PURE__ */ e(g, { sx: { gap: 16 }, children: p.map((h, m) => /* @__PURE__ */ e(Et, { report: h }, m)) })
     }
   );
-}, Ht = I(Bt), zt = ({ onClick: n }) => {
+}, Bt = I(Wt), Ht = ({ onClick: n }) => {
   const { finstrong: o } = S(), { isCopyLoaded: t } = z();
   return t ? /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(Le, { size: 48 }),
+    /* @__PURE__ */ e(Ee, { size: 48 }),
     /* @__PURE__ */ u(g, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(H, { children: o.missing_data_title }),
       /* @__PURE__ */ e(y, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
@@ -1328,8 +1333,8 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       }
     ) })
   ] }) : /* @__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);
+}, zt = I(Ht), $t = ({ onBackClick: n, sx: o }) => {
+  const t = G(), { visibleAccounts: i } = fe(), { dateRange: d, isDataLoaded: l, loadBudgetData: s, setTheme: r } = ye(), { reloadCategoryTotals: a } = Ke(), { augmentedChartData: c, calculateHealthScore: p, healthScore: h, loadAugmentedChartData: m } = $(), { finstrong: _, connect: R } = S(), { isCopyLoaded: T, isInitialized: v, selectedAccounts: L, setSelectedAccounts: E } = z(), { isMobile: K } = Ce(), [F, w] = C.useState(!1);
   C.useEffect(() => {
     r(t);
   }, []), C.useEffect(() => E(i), [i]), C.useEffect(() => {
@@ -1342,7 +1347,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
   const Z = () => {
   }, ee = () => k(!0);
   return /* @__PURE__ */ u(
-    ut,
+    mt,
     {
       accountOptions: i,
       actions: [
@@ -1370,7 +1375,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
             },
             children: [
               /* @__PURE__ */ u(g, { sx: { gap: 24, width: { md: 432 } }, children: [
-                /* @__PURE__ */ e(vt, {}),
+                /* @__PURE__ */ e(St, {}),
                 /* @__PURE__ */ e(
                   Q,
                   {
@@ -1396,7 +1401,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                   )
                 ] }),
                 c.length ? /* @__PURE__ */ e(
-                  ye,
+                  be,
                   {
                     axisColor: t.palette.divider,
                     baseline: "min",
@@ -1419,15 +1424,15 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
                     title: _.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e($t, { onClick: () => w(!0) }),
-                h.health_score !== null && /* @__PURE__ */ e(Pt, {})
+                ) : /* @__PURE__ */ e(zt, { onClick: () => w(!0) }),
+                h.health_score !== null && /* @__PURE__ */ e(Ft, {})
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e(Tt, { isOpen: O, onClose: () => k(!1) }),
+        /* @__PURE__ */ e(Mt, { isOpen: O, onClose: () => k(!1) }),
         /* @__PURE__ */ e(
-          be,
+          xe,
           {
             onClose: () => w(!1),
             showConnectWidget: F,
@@ -1435,7 +1440,7 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
           }
         ),
         /* @__PURE__ */ e(
-          Ht,
+          Bt,
           {
             isOpen: P,
             onClose: () => U(!1)
@@ -1444,12 +1449,12 @@ const ht = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor
       ]
     }
   );
-}, $o = I(Nt);
+}, Ho = I($t);
 export {
-  zo as CreditScoreGraph,
-  Ce as DialScoreCard,
-  Se as FinancialStrengthGraph,
-  Xo as FinstrongApi,
-  jo as FinstrongStore,
-  $o as FinstrongWidget
+  Bo as CreditScoreGraph,
+  Se as DialScoreCard,
+  ve as FinancialStrengthGraph,
+  No as FinstrongApi,
+  Ko as FinstrongStore,
+  Ho as FinstrongWidget
 };