@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/goals/index.es.js

@@ -1,88 +1,89 @@
-import { g as de, T as i, G as ce, a as Ve, M as Y, C as Te, b as Pe } from "../GoalStore-BjHKNAVm.mjs";
-import { c as Hn, d as Un } from "../GoalStore-BjHKNAVm.mjs";
+import { g as de, a as Ve, C as Ae, b as ze } from "../GoalStore-fgXt--2Y.mjs";
+import { G as Yn, c as Zn } from "../GoalStore-fgXt--2Y.mjs";
 import { jsxs as c, jsx as e, Fragment as $ } from "react/jsx-runtime";
 import T from "react";
 import { observer as D } from "mobx-react-lite";
-import ze from "@mui/material/Alert";
+import Pe from "@mui/material/Alert";
 import je from "@mui/material/Snackbar";
 import y from "@mui/material/Stack";
-import re from "@mui/material/Tab";
+import ie from "@mui/material/Tab";
 import Fe from "@mui/material/Tabs";
-import { Text as C, H2 as me, H3 as le, P as Z, Icon as $e, InstitutionLogo as te } from "@mxenabled/mxui";
-import _e from "@mui/material/Button";
+import { Text as C, H3 as ce, P as q, Icon as $e, InstitutionLogo as te, H2 as Te } from "@mxenabled/mxui";
+import me from "@mui/material/Button";
 import Ce from "@mui/material/Card";
-import Se from "@mui/material/CardActionArea";
+import xe from "@mui/material/CardActionArea";
 import Re from "@mui/material/CardContent";
-import ye from "@mui/material/Unstable_Grid2";
-import ae from "@mui/material/Avatar";
-import Xe from "@mui/material/CardHeader";
-import { Payments as Ee, NoteStack as xe, Person as ve, ArrowUpwardAlt as He, CheckCircle as Ue, ChevronRight as V, Icon as fe, ExpandLess as Ye, ExpandMore as Ze, AddBox as Ie, Trophy as qe } from "@mxenabled/mx-icons";
-import { S as Je } from "../StatusBar-CPfSXe80.mjs";
-import { u as S, l as G, b as ue, a as pe, d as z, o as Ge, g as Ne } from "../hooks-CBl85iRr.mjs";
-import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
+import fe from "@mui/material/Unstable_Grid2";
+import oe from "@mui/material/Avatar";
+import He from "@mui/material/CardHeader";
+import { Payments as Se, NoteStack as Ee, Person as ve, ArrowUpwardAlt as Ue, CheckCircle as Ye, ChevronRight as V, Icon as ye, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
+import { u as x, k as G, b as ue, a as _e, d as P, o as Ge, g as Ne } from "../hooks-BxkfR-Ff.mjs";
+import { u as pe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { T as r, G as le, M as Z } from "../Goal-0loDagc5.mjs";
+import { f as I } from "../NumberFormatting-QCaNwbjv.mjs";
+import { S as Qe } from "../StatusBar-BK_uYHAB.mjs";
 import v from "@mui/material/Divider";
 import L from "@mui/material/List";
-import { C as ke } from "../CurrencyInput-BEB3FS70.mjs";
-import { L as q } from "../ListItemAction-engf-T9W.mjs";
+import { L as J } from "../ListItemAction-4KB7P75M.mjs";
+import { C as ke } from "../CurrencyInput-DuMktPu3.mjs";
 import { fromUnixTime as ne } from "date-fns/fromUnixTime";
-import Qe from "@mui/material/IconButton";
+import Xe from "@mui/material/IconButton";
 import k from "@mui/material/ListItem";
-import P from "@mui/material/ListItemAvatar";
+import z from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { b as O } from "../Localization-2MODESHW.mjs";
-import { f as be, D as ge } from "../DateFormats-Cs-NbEZ7.mjs";
-import { D as J } from "../Drawer-Bet2ZPJo.mjs";
+import { b as W } from "../Localization-CPkpIwIx.mjs";
+import { f as he, D as be } from "../DateFormats-BMpMrZpW.mjs";
+import { D as Q } from "../Drawer-Bbe4AMB1.mjs";
 import { g as we } from "../AccountDisplayName-CO7z3v99.mjs";
 import et from "@mui/material/Collapse";
 import tt from "@mui/material/ListItemIcon";
 import nt from "@mui/material/Checkbox";
-import { A as Ae } from "../Account-CMjOp7S2.mjs";
-import { u as at } from "../useAccountDisplayName-b2xxcD0C.mjs";
+import { A as ge } from "../Account-BiB1F8lL.mjs";
+import { u as ot } from "../useAccountDisplayName-DKwT1mWv.mjs";
 import De from "@mui/material/TextField";
-import { M as ot, I as rt, O as it } from "../OriginalBalanceAction-CYqr8z8w.mjs";
+import { M as at, I as it, O as rt } from "../OriginalBalanceAction-DjpvVVFz.mjs";
 import { getUnixTime as st } from "date-fns/getUnixTime";
 import { isValid as ct } from "date-fns/isValid";
 import { AdapterDateFns as lt } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as dt } from "@mui/x-date-pickers";
 import { LocalizationProvider as mt } from "@mui/x-date-pickers/LocalizationProvider";
-import { D as _t } from "../Dialog-jmgGw5WA.mjs";
-import { L as Ke } from "../Loader-icSc5MlE.mjs";
-import { u as Me } from "../useWidgetLoadTimer-DmNCCLa-.mjs";
-import { A as X } from "../Analytics-i5h6BxR1.mjs";
-import { W as ut } from "../WidgetContainer-DFwVgavi.mjs";
+import { D as ut } from "../Dialog-Ck34yr-d.mjs";
+import { u as Ke } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { A as H } from "../Analytics-BYItVAe-.mjs";
+import { L as Me } from "../Loader-D3rjKx72.mjs";
+import { W as _t } from "../WidgetContainer-B7xDq2bM.mjs";
 import { E as pt } from "../EmptyState-DHAkGsjk.mjs";
 import ht from "@mui/material/Stack/Stack";
 import bt from "@mui/material/Box";
-import gt from "@mui/material/styles/useTheme";
-import { S as yt } from "../SingleSegmentDonut-PsRQPkmV.mjs";
-import { M as ft } from "../MicroWidgetContainer-CBRk9KG-.mjs";
-function ie({ title: t, subtitle: n }) {
+import ft from "@mui/material/styles/useTheme";
+import { S as yt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { M as gt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
+function re({ title: t, subtitle: n }) {
   return /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t }),
-    /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "Body", children: n })
+    /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t }),
+    /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "body1", children: n })
   ] });
 }
 const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   /(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g,
   "$1$2$3"
 ) : I(t, "0,0.00"), Le = D(
-  ({ goal: t, isInDrawer: n = !1, onClick: _ }) => {
-    const { goals: l } = S(), { isMobile: u, isTablet: r } = he(), d = u || r, {
+  ({ goal: t, isInDrawer: n = !1, onClick: u }) => {
+    const { goals: l } = x(), { isMobile: _, isTablet: i } = pe(), d = _ || i, {
       backgroundColor: s,
       color: p,
       percentage: h,
-      percentageText: o,
-      projectedText: a
-    } = de(l, t), b = t.track_type === i.DEBT_TRACK ? t.initial_amount : t.amount, m = [
+      percentageText: a,
+      projectedText: o
+    } = de(l, t), b = t.track_type === r.DEBT_TRACK ? t.initial_amount : t.amount, m = [
       {
         color: s,
         percentage: `${h}`
       }
     ];
-    let f = /* @__PURE__ */ e(Ee, {});
-    return t.track_type === i.DEBT_TRACK ? f = /* @__PURE__ */ e(xe, {}) : t.track_type === i.RETIREMENT_TRACK && (f = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(
+    let g = /* @__PURE__ */ e(Se, {});
+    return t.track_type === r.DEBT_TRACK ? g = /* @__PURE__ */ e(Ee, {}) : t.track_type === r.RETIREMENT_TRACK && (g = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(
       Ce,
       {
         elevation: 2,
@@ -92,23 +93,48 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             outlineColor: "primary.main"
           }
         },
-        children: /* @__PURE__ */ c(Se, { disabled: !_, onClick: _, children: [
+        children: /* @__PURE__ */ c(xe, { disabled: !u, onClick: u, children: [
           /* @__PURE__ */ e(
-            Xe,
+            He,
             {
-              avatar: /* @__PURE__ */ e(ae, { sx: { bgcolor: s, color: p, height: 48, width: 48 }, variant: "rounded", children: f }),
-              subheader: /* @__PURE__ */ e(C, { variant: n || d ? "H3" : "H2", children: `${I(t.current_amount, d ? "0,0" : "0,0.00")} / ${At(
-                b,
-                d
-              )}` }),
-              title: /* @__PURE__ */ e(me, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
+              avatar: /* @__PURE__ */ e(oe, { sx: { bgcolor: s, color: p, height: 48, width: 48 }, variant: "rounded", children: g }),
+              subheader: /* @__PURE__ */ e(
+                C,
+                {
+                  sx: {
+                    fontWeight: 700,
+                    fontSize: n || d ? "18px" : "23px",
+                    lineHeight: n || d ? "24px" : "32px"
+                  },
+                  children: `${I(t.current_amount, d ? "0,0" : "0,0.00")} / ${At(
+                    b,
+                    d
+                  )}`
+                }
+              ),
+              sx: { alignItems: "flex-start", "& .MuiCardHeader-content": { minWidth: 0 } },
+              title: /* @__PURE__ */ e(
+                C,
+                {
+                  color: "text.secondary",
+                  fontWeight: 400,
+                  sx: {
+                    fontSize: "15px",
+                    lineHeight: "20px",
+                    whiteSpace: "normal",
+                    overflowWrap: "break-word"
+                  },
+                  variant: "h4",
+                  children: t.name
+                }
+              )
             }
           ),
           /* @__PURE__ */ e(Re, { sx: { pt: 0 }, children: /* @__PURE__ */ c(y, { gap: 6, children: [
-            /* @__PURE__ */ e(Je, { data: m, height: 24 }),
+            /* @__PURE__ */ e(Qe, { data: m, height: 24 }),
             /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: o }),
-              t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: a })
+              /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: a }),
+              t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: o })
             ] })
           ] }) })
         ] })
@@ -116,28 +142,28 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     );
   }
 ), Tt = D(({ trackType: t }) => {
-  const { goals: n } = S(), { setAlert: _, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: u } = G(), r = T.useMemo(() => {
-    let o = 0;
-    return t === i.SAVINGS_TRACK ? o = l?.amount_allocated_for_savings_goals || 0 : t === i.DEBT_TRACK ? o = l?.amount_allocated_for_debt_goals || 0 : t === i.RETIREMENT_TRACK && (o = l?.amount_allocated_for_retirement_goals || 0), o;
+  const { goals: n } = x(), { setAlert: u, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: _ } = G(), i = T.useMemo(() => {
+    let a = 0;
+    return t === r.SAVINGS_TRACK ? a = l?.amount_allocated_for_savings_goals || 0 : t === r.DEBT_TRACK ? a = l?.amount_allocated_for_debt_goals || 0 : t === r.RETIREMENT_TRACK && (a = l?.amount_allocated_for_retirement_goals || 0), a;
   }, [l]);
   T.useEffect(() => {
-    s(r);
-  }, [r]);
-  const [d, s] = T.useState(r), p = d < 0 || d > 99999999, h = async () => {
+    s(i);
+  }, [i]);
+  const [d, s] = T.useState(i), p = d < 0 || d > 99999999, h = async () => {
     if (l) {
-      const o = { ...l };
-      t === i.SAVINGS_TRACK ? o.amount_allocated_for_savings_goals = d : t === i.DEBT_TRACK ? o.amount_allocated_for_debt_goals = d : t === i.RETIREMENT_TRACK && (o.amount_allocated_for_retirement_goals = d), await u(o), _(n.alert_contribution_updated);
+      const a = { ...l };
+      t === r.SAVINGS_TRACK ? a.amount_allocated_for_savings_goals = d : t === r.DEBT_TRACK ? a.amount_allocated_for_debt_goals = d : t === r.RETIREMENT_TRACK && (a.amount_allocated_for_retirement_goals = d), await _(a), u(n.alert_contribution_updated);
     }
   };
   return /* @__PURE__ */ e(y, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
-    q,
+    J,
     {
       isSaveDisabled: !d || isNaN(d),
       label: n.contribution_label,
-      onCancel: () => s(r),
+      onCancel: () => s(i),
       onSave: h,
       primaryText: n.contribution_label,
-      secondaryText: I(r, "0,0.00"),
+      secondaryText: I(i, "0,0.00"),
       children: /* @__PURE__ */ e(
         ke,
         {
@@ -146,22 +172,22 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (o) => s(isNaN(Number(o)) ? d : Number(o)),
-          sx: { ".MuiTypography-Body": { p: 0 } }
+          setAmount: (a) => s(isNaN(Number(a)) ? d : Number(a)),
+          sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   ) });
-}), Ct = ({ goal: t, index: n, onUpClick: _ }) => {
-  const { goals: l } = S(), { percentage: u } = de(l, t), r = t.goal_type === ce.KEEP_BALANCE_BELOW || t.has_been_spent ? l.goal_completed : O(l.goal_percentage_reached, `${u * 100}`);
+}), Ct = ({ goal: t, index: n, onUpClick: u }) => {
+  const { goals: l } = x(), { percentage: _ } = de(l, t), i = t.goal_type === le.KEEP_BALANCE_BELOW || t.has_been_spent ? l.goal_completed : W(l.goal_percentage_reached, `${_ * 100}`);
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     M,
     {
       disableRipple: !0,
       sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
       children: [
-        t.track_type !== i.RETIREMENT_TRACK && /* @__PURE__ */ e(
-          P,
+        t.track_type !== r.RETIREMENT_TRACK && /* @__PURE__ */ e(
+          z,
           {
             sx: {
               alignItems: "center",
@@ -169,97 +195,97 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
               justifyContent: "center",
               ".MuiAvatar-root": { height: "16px", width: "16px" }
             },
-            children: t.track_type === i.SAVINGS_TRACK ? /* @__PURE__ */ e(Qe, { onClick: () => _?.(t), children: /* @__PURE__ */ e(He, { color: "primary", size: 24 }) }) : /* @__PURE__ */ e(ae, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "XSmall", children: n + 1 }) })
+            children: t.track_type === r.SAVINGS_TRACK ? /* @__PURE__ */ e(Xe, { onClick: () => u?.(t), children: /* @__PURE__ */ e(Ue, { color: "primary", size: 24 }) }) : /* @__PURE__ */ e(oe, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "caption", children: n + 1 }) })
           }
         ),
-        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "body1" }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ c(y, { sx: { maxWidth: "70%" }, children: [
-            /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "XSmall", children: t.is_complete ? r : O(
+            /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : W(
               l.goal_projection,
-              be(
+              he(
                 ne(t.projected_to_complete_at || 0),
-                ge.MONTH_SHORT_YEAR
+                be.MONTH_SHORT_YEAR
               )
             ) })
           ] }),
-          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(t.amount, "0,0.00") })
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(t.amount, "0,0.00") })
         ] }) })
       ]
     }
   ) });
-}, St = ({ goal: t }) => {
-  const { goals: n } = S();
+}, xt = ({ goal: t }) => {
+  const { goals: n } = x();
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     M,
     {
       disableRipple: !0,
       sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
       children: [
-        /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ue, { color: "success", filled: !0, size: 20 }) }),
-        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(z, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ye, { color: "success", filled: !0, size: 20 }) }),
+        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "body1" }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ c(y, { children: [
-            /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "XSmall", children: O(
+            /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "caption", children: W(
               n.completed_label,
-              be(
+              he(
                 ne(t.completed_at || 0),
-                ge.MONTH_SHORT_YEAR
+                be.MONTH_SHORT_YEAR
               )
             ) })
           ] }),
-          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(t.amount, "0,0.00") })
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(t.amount, "0,0.00") })
         ] }) })
       ]
     }
   ) }, t.guid);
 }, Rt = ({ trackType: t }) => {
-  const { goals: n, common: _ } = S(), { loadGoals: l, orderedGoals: u, reorderGoals: r } = G(), d = u.filter((g) => g.track_type === t), s = d.filter(
-    (g) => g.track_type === i.SAVINGS_TRACK && !g.has_been_spent || g.track_type !== i.SAVINGS_TRACK && !g.is_complete
+  const { goals: n, common: u } = x(), { loadGoals: l, orderedGoals: _, reorderGoals: i } = G(), d = _.filter((f) => f.track_type === t), s = d.filter(
+    (f) => f.track_type === r.SAVINGS_TRACK && !f.has_been_spent || f.track_type !== r.SAVINGS_TRACK && !f.is_complete
   ), p = d.filter(
-    (g) => g.track_type === i.SAVINGS_TRACK && g.has_been_spent || g.track_type !== i.SAVINGS_TRACK && g.is_complete
-  ), [h, o] = T.useState(!1);
-  let a = n.manage_saving_goals, b = n.manage_saving_drawer_title, m = n.manage_saving_title, f = n.manage_saving_description;
-  t === i.DEBT_TRACK ? (a = n.manage_debt_goals, b = n.manage_debt_drawer_title, m = n.manage_debt_title, f = n.manage_debt_description) : t === i.RETIREMENT_TRACK && (a = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, m = n.manage_retirement_title, f = n.manage_retirement_description);
-  const R = async (g) => {
-    const A = [...s], E = A.findIndex((K) => K.guid === g.guid);
-    let N = E - 1;
-    N < 0 && (N = A.length - 1), A.splice(N, 0, A.splice(E, 1)[0]);
+    (f) => f.track_type === r.SAVINGS_TRACK && f.has_been_spent || f.track_type !== r.SAVINGS_TRACK && f.is_complete
+  ), [h, a] = T.useState(!1);
+  let o = n.manage_saving_goals, b = n.manage_saving_drawer_title, m = n.manage_saving_title, g = n.manage_saving_description;
+  t === r.DEBT_TRACK ? (o = n.manage_debt_goals, b = n.manage_debt_drawer_title, m = n.manage_debt_title, g = n.manage_debt_description) : t === r.RETIREMENT_TRACK && (o = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, m = n.manage_retirement_title, g = n.manage_retirement_description);
+  const R = async (f) => {
+    const A = [...s], S = A.findIndex((K) => K.guid === f.guid);
+    let N = S - 1;
+    N < 0 && (N = A.length - 1), A.splice(N, 0, A.splice(S, 1)[0]);
     for (let K = 0; K < A.length; K++)
       A[K].position = K + 1;
-    await r(A), await l();
+    await i(A), await l();
   };
   return /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ e(_e, { endIcon: /* @__PURE__ */ e(V, {}), onClick: () => o(!0), children: a }),
+    /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(V, {}), onClick: () => a(!0), children: o }),
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
-        ariaLabelClose: _.close_aria,
+        ariaLabelClose: u.close_aria,
         isOpen: h,
-        onClose: () => o(!1),
+        onClose: () => a(!1),
         title: b,
         children: /* @__PURE__ */ c(y, { children: [
           /* @__PURE__ */ c(y, { m: 24, children: [
-            /* @__PURE__ */ e(le, { children: m }),
-            /* @__PURE__ */ e(Z, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: f })
+            /* @__PURE__ */ e(ce, { children: m }),
+            /* @__PURE__ */ e(q, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: g })
           ] }),
           /* @__PURE__ */ e(Tt, { trackType: t }),
-          /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
-          /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((g, A) => {
-            const E = A >= s.length - 1;
+          /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.goal_priority }),
+          /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((f, A) => {
+            const S = A >= s.length - 1;
             return /* @__PURE__ */ c(y, { children: [
-              /* @__PURE__ */ e(Ct, { goal: g, index: A, onUpClick: R }),
-              /* @__PURE__ */ e(v, { variant: E ? "fullWidth" : "inset" })
-            ] }, `ongoing-${g.guid}`);
+              /* @__PURE__ */ e(Ct, { goal: f, index: A, onUpClick: R }),
+              /* @__PURE__ */ e(v, { variant: S ? "fullWidth" : "inset" })
+            ] }, `ongoing-${f.guid}`);
           }) }),
-          t !== i.RETIREMENT_TRACK && p.length > 0 && /* @__PURE__ */ c(y, { children: [
-            /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
-            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: p.map((g, A) => {
-              const E = A > s.length - 1;
+          t !== r.RETIREMENT_TRACK && p.length > 0 && /* @__PURE__ */ c(y, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.complete_title }),
+            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: p.map((f, A) => {
+              const S = A > s.length - 1;
               return /* @__PURE__ */ c(y, { children: [
-                /* @__PURE__ */ e(St, { goal: g }),
-                /* @__PURE__ */ e(v, { variant: E ? "fullWidth" : "inset" })
-              ] }, `complete-${g.guid}`);
+                /* @__PURE__ */ e(xt, { goal: f }),
+                /* @__PURE__ */ e(v, { variant: S ? "fullWidth" : "inset" })
+              ] }, `complete-${f.guid}`);
             }) })
           ] })
         ] })
@@ -267,21 +293,21 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, se = D(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: _ } = he(), { goals: l } = S(), { selectedAccountGuids: u } = ue(), { orderedGoals: r, setSelectedGoal: d } = G(), s = r.filter(
-    (a) => a.track_type === t && (a.track_type !== i.RETIREMENT_TRACK && u.includes(a.account_guid) || a.track_type === i.RETIREMENT_TRACK)
+  const { isMobile: u } = pe(), { goals: l } = x(), { selectedAccountGuids: _ } = ue(), { orderedGoals: i, setSelectedGoal: d } = G(), s = i.filter(
+    (o) => o.track_type === t && (o.track_type !== r.RETIREMENT_TRACK && _.includes(o.account_guid) || o.track_type === r.RETIREMENT_TRACK)
   ), p = s.filter(
-    (a) => a.track_type === i.SAVINGS_TRACK && !a.has_been_spent || a.track_type !== i.SAVINGS_TRACK && !a.is_complete
+    (o) => o.track_type === r.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== r.SAVINGS_TRACK && !o.is_complete
   ), h = s.filter(
-    (a) => a.track_type === i.SAVINGS_TRACK && a.has_been_spent || a.track_type !== i.SAVINGS_TRACK && a.is_complete
-  ), o = t === i.DEBT_TRACK ? l.zero_state_complete_debt : l.zero_state_complete_savings;
-  return /* @__PURE__ */ c(y, { mt: 16, mx: _ ? 24 : 0, children: [
+    (o) => o.track_type === r.SAVINGS_TRACK && o.has_been_spent || o.track_type !== r.SAVINGS_TRACK && o.is_complete
+  ), a = t === r.DEBT_TRACK ? l.zero_state_complete_debt : l.zero_state_complete_savings;
+  return /* @__PURE__ */ c(y, { mt: 16, mx: u ? 24 : 0, children: [
     /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
-      /* @__PURE__ */ e(le, { color: "text.secondary", variant: "Small", children: l.ongoing_title }),
+      /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "body2", children: l.ongoing_title }),
       /* @__PURE__ */ e(Rt, { trackType: t })
     ] }),
-    p.length > 0 ? /* @__PURE__ */ e(ye, { container: !0, spacing: 24, children: p.map((a, b, m) => (
+    p.length > 0 ? /* @__PURE__ */ e(fe, { container: !0, spacing: 24, children: p.map((o, b, m) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(ye, { xs: _ || b === 0 && m.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: a, onClick: () => d(a) }, a.guid) }, b)
+      /* @__PURE__ */ e(fe, { xs: u || b === 0 && m.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: o, onClick: () => d(o) }, o.guid) }, b)
     )) }) : /* @__PURE__ */ c(
       y,
       {
@@ -293,173 +319,173 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         py: 18,
         children: [
           /* @__PURE__ */ e(
-            Z,
+            q,
             {
-              sx: (a) => ({
+              sx: (o) => ({
                 color: "text.secondary",
-                [a.breakpoints.down("sm")]: {
+                [o.breakpoints.down("sm")]: {
                   px: 10
                 },
                 width: { sm: 381 }
               }),
-              variant: "Small",
+              variant: "body2",
               children: Ve(t, l)
             }
           ),
-          /* @__PURE__ */ e(_e, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: l.add_goals_button })
+          /* @__PURE__ */ e(me, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: l.add_goals_button })
         ]
       }
     ),
-    t !== i.RETIREMENT_TRACK && /* @__PURE__ */ c(y, { gap: 16, mt: 48, children: [
-      /* @__PURE__ */ e(le, { color: "text.secondary", variant: "Small", children: l.complete_title }),
+    t !== r.RETIREMENT_TRACK && /* @__PURE__ */ c(y, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "body2", children: l.complete_title }),
       h.length === 0 && /* @__PURE__ */ e(y, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
-        Z,
+        q,
         {
-          sx: (a) => ({
+          sx: (o) => ({
             color: "text.secondary",
             width: { sm: 393 },
-            [a.breakpoints.down("sm")]: {
+            [o.breakpoints.down("sm")]: {
               px: 10
             }
           }),
-          variant: "Small",
-          children: o
+          variant: "body2",
+          children: a
         }
       ) }),
-      h.map((a) => /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ e(Se, { onClick: () => d(a), children: /* @__PURE__ */ e(Re, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      h.map((o) => /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ e(xe, { onClick: () => d(o), children: /* @__PURE__ */ e(Re, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", gap: 6, children: [
           /* @__PURE__ */ e($e, { color: "success", fill: !0, name: "check_circle", size: 20 }),
-          /* @__PURE__ */ e(C, { color: "text.secondary", variant: "Body", children: a.name })
+          /* @__PURE__ */ e(C, { color: "text.secondary", variant: "body1", children: o.name })
         ] }),
-        /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(a.amount, "0,0.00") })
-      ] }) }) }) }, a.guid))
+        /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(o.amount, "0,0.00") })
+      ] }) }) }) }, o.guid))
     ] })
   ] });
-}), Et = ({ goalType: t, onClick: n }) => {
-  const { goals: _ } = S(), { bgcolor: l, icon: u, label: r, description: d, subTypes: s, type: p } = t, [h, o] = T.useState(!1), a = s.length > 0;
+}), St = ({ goalType: t, onClick: n }) => {
+  const { goals: u } = x(), { bgcolor: l, icon: _, label: i, description: d, subTypes: s, type: p } = t, [h, a] = T.useState(!1), o = s.length > 0;
   return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ c(L, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
       M,
       {
-        onClick: a ? () => o(!h) : () => n(
-          p === i.RETIREMENT_TRACK ? _.retirement : "",
-          p === i.RETIREMENT_TRACK ? Y.RETIREMENT : Y.OTHER,
+        onClick: o ? () => a(!h) : () => n(
+          p === r.RETIREMENT_TRACK ? u.retirement : "",
+          p === r.RETIREMENT_TRACK ? Z.RETIREMENT : Z.OTHER,
           p
         ),
         children: [
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(ae, { sx: { bgcolor: l }, variant: "rounded", children: /* @__PURE__ */ e(fe, { name: u, sx: { color: "grey.900" } }) }) }),
-          /* @__PURE__ */ e(w, { primary: r, secondary: d, sx: { mr: 24 } }),
-          !a && /* @__PURE__ */ e(V, {}),
-          a && (h ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ e(Ze, {}))
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(oe, { sx: { bgcolor: l }, variant: "rounded", children: /* @__PURE__ */ e(ye, { name: _, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(w, { primary: i, secondary: d, sx: { mr: 24 } }),
+          !o && /* @__PURE__ */ e(V, {}),
+          o && (h ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(qe, {}))
         ]
       }
     ) }),
     /* @__PURE__ */ e(v, { variant: "inset" }),
-    a && /* @__PURE__ */ e(et, { in: h, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: s.map((b, m) => /* @__PURE__ */ e(k, { sx: { pl: 48 }, children: /* @__PURE__ */ c(M, { onClick: () => n(b.label, b.metaType, p), children: [
-      /* @__PURE__ */ e(tt, { sx: { mr: 8 }, children: /* @__PURE__ */ e(fe, { name: b.icon }) }),
+    o && /* @__PURE__ */ e(et, { in: h, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: s.map((b, m) => /* @__PURE__ */ e(k, { sx: { pl: 48 }, children: /* @__PURE__ */ c(M, { onClick: () => n(b.label, b.metaType, p), children: [
+      /* @__PURE__ */ e(tt, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: b.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
           primary: b.label,
-          primaryTypographyProps: { variant: "Body" }
+          primaryTypographyProps: { variant: "body1" }
         }
       ),
       /* @__PURE__ */ e(V, {})
     ] }) }, m)) }) })
   ] }) });
-}, Be = ({
+}, Oe = ({
   accounts: t,
   isOpen: n,
-  onClose: _,
+  onClose: u,
   onSave: l,
-  title: u
+  title: _
 }) => {
-  const { goals: r, common: d } = S(), { config: s } = pe(), [p, h] = T.useState([]), o = (a) => {
-    const b = p.findIndex((f) => f.guid === a.guid), m = [...p];
-    b >= 0 ? m.splice(b, 1) : m.push(a), h(m);
+  const { goals: i, common: d } = x(), { config: s } = _e(), [p, h] = T.useState([]), a = (o) => {
+    const b = p.findIndex((g) => g.guid === o.guid), m = [...p];
+    b >= 0 ? m.splice(b, 1) : m.push(o), h(m);
   };
   return /* @__PURE__ */ c(
-    J,
+    Q,
     {
       ariaLabelClose: d.close_aria,
       isOpen: n,
-      onClose: _,
+      onClose: u,
       onPrimaryAction: () => l(p),
-      title: u,
+      title: _,
       children: [
         /* @__PURE__ */ c(L, { sx: { bgcolor: "background.white" }, children: [
           /* @__PURE__ */ e(v, { variant: "fullWidth" }),
-          t.map((a, b) => /* @__PURE__ */ c(T.Fragment, { children: [
-            /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(M, { onClick: () => o(a), children: [
-              /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+          t.map((o, b) => /* @__PURE__ */ c(T.Fragment, { children: [
+            /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(M, { onClick: () => a(o), children: [
+              /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
                 te,
                 {
-                  alt: a?.name || "",
-                  institutionGuid: a?.institution_guid || ""
+                  alt: o?.name || "",
+                  institutionGuid: o?.institution_guid || ""
                 }
               ) }),
               /* @__PURE__ */ e(
                 w,
                 {
-                  primary: we(a, {
+                  primary: we(o, {
                     allowNickname: s?.show_account_nicknames_in_master
                   }),
-                  secondary: I(a.balance || 0, "0,0.00")
+                  secondary: I(o.balance || 0, "0,0.00")
                 }
               ),
-              /* @__PURE__ */ e(nt, { checked: p.some((m) => m.guid === a.guid) })
+              /* @__PURE__ */ e(nt, { checked: p.some((m) => m.guid === o.guid) })
             ] }) }),
             /* @__PURE__ */ e(v, { variant: b < t.length - 1 ? "inset" : "fullWidth" })
-          ] }, a.guid))
+          ] }, o.guid))
         ] }),
         s.show_connections_widget_in_master && /* @__PURE__ */ e(
-          Te,
+          Ae,
           {
-            description: r.connect_description,
-            label: r.connect_button,
-            title: r.connect_title
+            description: i.connect_description,
+            label: i.connect_button,
+            title: i.connect_title
           }
         )
       ]
     }
   );
-}, xt = ({ onClose: t }) => {
-  const { goals: n } = S(), { addGoal: _, debtGoals: l, setAlert: u, setSelectedGoal: r } = G(), { config: d } = pe(), { visibleDebtAccounts: s } = z(), [p, h] = T.useState(!1), o = Pe(n), a = (m, f, R) => {
-    R === i.DEBT_TRACK ? h(!0) : r({
+}, Et = ({ onClose: t }) => {
+  const { goals: n } = x(), { addGoal: u, debtGoals: l, setAlert: _, setSelectedGoal: i } = G(), { config: d } = _e(), { visibleDebtAccounts: s } = P(), [p, h] = T.useState(!1), a = ze(n), o = (m, g, R) => {
+    R === r.DEBT_TRACK ? h(!0) : i({
       amount: 0,
       current_amount: 0,
-      goal_type: ce.SAVE_AMOUNT,
+      goal_type: le.SAVE_AMOUNT,
       initial_amount: 0,
-      meta_type: f,
+      meta_type: g,
       name: m,
       track_type: R
     });
   }, b = async (m) => {
-    for (const f of m) {
-      let R = Y.CREDIT_CARD;
-      f.account_type === Ae.LOAN ? R = Y.LOANS : f.account_type === Ae.LINE_OF_CREDIT && (R = Y.LINE_OF_CREDIT), await _({
-        account_guid: f.guid,
+    for (const g of m) {
+      let R = Z.CREDIT_CARD;
+      g.account_type === ge.LOAN ? R = Z.LOANS : g.account_type === ge.LINE_OF_CREDIT && (R = Z.LINE_OF_CREDIT), await u({
+        account_guid: g.guid,
         amount: 0,
         current_amount: 0,
-        goal_type: ce.KEEP_BALANCE_BELOW,
-        initial_amount: f.balance || 0,
-        interest_rate: f.interest_rate || 0,
+        goal_type: le.KEEP_BALANCE_BELOW,
+        initial_amount: g.balance || 0,
+        interest_rate: g.interest_rate || 0,
         meta_type: R,
-        monthly_payment: f.minimum_payment || 0,
-        name: we(f, {
+        monthly_payment: g.minimum_payment || 0,
+        name: we(g, {
           allowNickname: d?.show_account_nicknames_in_master
         }),
-        track_type: i.DEBT_TRACK
-      }), u(n.alert_goal_added);
+        track_type: r.DEBT_TRACK
+      }), _(n.alert_goal_added);
     }
-    h(!1), t?.(i.DEBT_TRACK);
+    h(!1), t?.(r.DEBT_TRACK);
   };
   return /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: o.map((m, f) => /* @__PURE__ */ e(Et, { goalType: m, onClick: a }, f)) }),
+    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: a.map((m, g) => /* @__PURE__ */ e(St, { goalType: m, onClick: o }, g)) }),
     /* @__PURE__ */ e(
-      Be,
+      Oe,
       {
-        accounts: s.filter((m) => !l.find((f) => f.account_guid === m.guid)),
+        accounts: s.filter((m) => !l.find((g) => g.account_guid === m.guid)),
         isOpen: p,
         onClose: () => h(!1),
         onSave: b,
@@ -467,10 +493,10 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, Oe = ({ account: t }) => {
-  const n = at(t);
+}, We = ({ account: t }) => {
+  const n = ot(t);
   return /* @__PURE__ */ c(k, { sx: { bgcolor: "background.paper", p: 24 }, children: [
-    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
       te,
       {
         alt: t.name || "",
@@ -486,22 +512,22 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, vt = D(({ goal: t }) => {
-  const { goals: n } = S(), { setAlert: _, setSelectedGoal: l, updateGoal: u, updateRetirementGoal: r } = G(), [d, s] = T.useState(t.amount), p = !t.guid, h = d < 0 || d > 9999999999e-2, o = t.track_type === i.SAVINGS_TRACK && t.has_been_spent || t.track_type !== i.SAVINGS_TRACK && t.is_complete, a = async () => {
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: l, updateGoal: _, updateRetirementGoal: i } = G(), [d, s] = T.useState(t.amount), p = !t.guid, h = d < 0 || d > 9999999999e-2, a = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, o = async () => {
     const m = { ...t, amount: d };
-    t.amount = d, p ? l(m) : (t.track_type !== i.RETIREMENT_TRACK ? await u(m) : await r(m), _(n.alert_goal_updated_amount));
+    t.amount = d, p ? l(m) : (t.track_type !== r.RETIREMENT_TRACK ? await _(m) : await i(m), u(n.alert_goal_updated_amount));
   }, b = () => {
     setTimeout(() => {
       s(t.amount);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    q,
+    J,
     {
-      isDisabled: o,
+      isDisabled: a,
       isSaveDisabled: h,
       label: n.details_amount_to_save,
       onCancel: b,
-      onSave: a,
+      onSave: o,
       primaryText: n.details_amount_to_save,
       secondaryText: I(t.amount, "0,0"),
       zeroStateText: p && t.amount === 0 ? n.add_amount : void 0,
@@ -514,39 +540,39 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           fullWidth: !0,
           minAmount: 0,
           setAmount: (m) => s(isNaN(Number(m)) ? d : Number(m)),
-          sx: { ".MuiTypography-Body": { p: 0 } }
+          sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   );
 }), It = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: _ } = z(), { accounts: l, goals: u } = S(), { config: r } = pe(), { setAlert: d, setSelectedGoal: s, updateGoal: p } = G(), h = !t.guid, [o, a] = T.useState(!1), b = async ({ balance: m, guid: f }) => {
-    const R = { ...t, account_guid: f, current_amount: m || 0 };
-    h ? s(R) : (await p(R), d(u.alert_account_changed)), a(!1);
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = P(), { accounts: l, goals: _ } = x(), { config: i } = _e(), { setAlert: d, setSelectedGoal: s, updateGoal: p } = G(), h = !t.guid, [a, o] = T.useState(!1), b = async ({ balance: m, guid: g }) => {
+    const R = { ...t, account_guid: g, current_amount: m || 0 };
+    h ? s(R) : (await p(R), d(_.alert_account_changed)), o(!1);
   };
   return /* @__PURE__ */ c(y, { children: [
-    h && !t.account_guid ? /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(M, { onClick: () => a(!0), children: [
+    h && !t.account_guid ? /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(M, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(y, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(Ie, { filled: !0 }),
-        u.details_add_account
+        _.details_add_account
       ] }) }),
       /* @__PURE__ */ e(V, { color: "primary" })
     ] }) }) : /* @__PURE__ */ c(y, { sx: { gap: 8, my: 24, mx: 24 }, children: [
-      /* @__PURE__ */ e(_e, { onClick: () => a(!0), variant: "text", children: u.details_change_account }),
+      /* @__PURE__ */ e(me, { onClick: () => o(!0), variant: "text", children: _.details_change_account }),
       /* @__PURE__ */ e(
         C,
         {
           color: "text.secondary",
           sx: { textAlign: "center", whiteSpace: "wrap" },
-          variant: "Paragraph",
-          children: O(u.details_change_account_description, t.name)
+          variant: "subtitle1",
+          children: W(_.details_change_account_description, t.name)
         }
       )
     ] }),
-    /* @__PURE__ */ e(J, { isOpen: o, onClose: () => a(!1), title: u.details_change_account, children: /* @__PURE__ */ c(y, { children: [
-      n.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[1] }),
+    /* @__PURE__ */ e(Q, { isOpen: a, onClose: () => o(!1), title: _.details_change_account, children: /* @__PURE__ */ c(y, { children: [
+      n.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: l.account_types[1] }),
       /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(M, { onClick: () => b(m), children: [
-        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
           te,
           {
             alt: m?.name || "",
@@ -562,9 +588,9 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         ),
         /* @__PURE__ */ e(V, {})
       ] }) }, m.guid)) }),
-      _.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[2] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: _.map((m) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(M, { onClick: () => b(m), children: [
-        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+      u.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: l.account_types[2] }),
+      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: u.map((m) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(M, { onClick: () => b(m), children: [
+        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
           te,
           {
             alt: m?.name || "",
@@ -580,63 +606,63 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         ),
         /* @__PURE__ */ e(V, {})
       ] }) }, m.guid)) }),
-      r.show_connections_widget_in_master && /* @__PURE__ */ e(
-        Te,
+      i.show_connections_widget_in_master && /* @__PURE__ */ e(
+        Ae,
         {
-          description: u.connect_description,
-          label: u.connect_button,
-          title: u.connect_title
+          description: _.connect_description,
+          label: _.connect_button,
+          title: _.connect_title
         }
       )
     ] }) })
   ] });
 }, Gt = D(({ goal: t }) => {
-  const { goals: n } = S(), { setAlert: _, setSelectedGoal: l, updateGoal: u } = G(), [r, d] = T.useState(t.name), s = !t.guid, p = t.track_type === i.SAVINGS_TRACK && t.has_been_spent || t.track_type !== i.SAVINGS_TRACK && t.is_complete, h = async () => {
-    const a = { ...t, name: r };
-    t.name = r, s ? l(a) : (await u(a), _(n.alert_goal_updated_name));
-  }, o = () => {
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: l, updateGoal: _ } = G(), [i, d] = T.useState(t.name), s = !t.guid, p = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, h = async () => {
+    const o = { ...t, name: i };
+    t.name = i, s ? l(o) : (await _(o), u(n.alert_goal_updated_name));
+  }, a = () => {
     setTimeout(() => {
       d(t.name);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    q,
+    J,
     {
       isDisabled: p,
-      isSaveDisabled: !r,
+      isSaveDisabled: !i,
       label: n.details_goal_name,
-      onCancel: o,
+      onCancel: a,
       onSave: h,
       primaryText: n.details_goal_name,
       secondaryText: t.name,
       children: /* @__PURE__ */ e(
         De,
         {
-          error: !r,
+          error: !i,
           fullWidth: !0,
           label: n.details_goal_name,
-          onChange: (a) => d(a.target.value),
-          value: r
+          onChange: (o) => d(o.target.value),
+          value: i
         }
       )
     }
   );
 }), Nt = ({ goal: t }) => {
-  const { goals: n } = S(), { setAlert: _, setSelectedGoal: l, updateRetirementGoal: u } = G(), [r, d] = T.useState(t.retirement_age || 65), s = !t.guid, p = async () => {
-    if (!isNaN(r)) {
-      const a = { ...t, retirement_age: r };
-      t.retirement_age = r, s ? l(a) : (await u(a), _(n.alert_goal_updated_retirement_age));
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: l, updateRetirementGoal: _ } = G(), [i, d] = T.useState(t.retirement_age || 65), s = !t.guid, p = async () => {
+    if (!isNaN(i)) {
+      const o = { ...t, retirement_age: i };
+      t.retirement_age = i, s ? l(o) : (await _(o), u(n.alert_goal_updated_retirement_age));
     }
   }, h = () => {
     setTimeout(() => {
       d(t.retirement_age || 65);
     }, 250);
-  }, o = !r || isNaN(r) || r < 20 || r >= 100;
+  }, a = !i || isNaN(i) || i < 20 || i >= 100;
   return /* @__PURE__ */ e(
-    q,
+    J,
     {
       isDisabled: t.is_complete,
-      isSaveDisabled: o,
+      isSaveDisabled: a,
       label: n.details_retirement_age,
       onCancel: h,
       onSave: p,
@@ -646,75 +672,75 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       children: /* @__PURE__ */ e(
         De,
         {
-          error: o,
+          error: a,
           fullWidth: !0,
           label: n.details_retirement_age,
-          onChange: (a) => d(Number(a.target.value)),
-          value: isNaN(r) ? "" : r
+          onChange: (o) => d(Number(o.target.value)),
+          value: isNaN(i) ? "" : i
         }
       )
     }
   );
 }, kt = D(({ goal: t }) => {
-  const { goals: n } = S(), { user: _, updateUser: l } = Ge(), { setAlert: u } = G(), [r, d] = T.useState(ne(_.birthday ?? 0)), [s, p] = T.useState(null), h = t.is_complete, o = async () => {
-    r && ct(r) && (await l({ ..._, birthday: st(r) }), u(n.alert_goal_updated_birthday));
+  const { goals: n } = x(), { user: u, updateUser: l } = Ge(), { setAlert: _ } = G(), [i, d] = T.useState(ne(u.birthday ?? 0)), [s, p] = T.useState(null), h = t.is_complete, a = async () => {
+    i && ct(i) && (await l({ ...u, birthday: st(i) }), _(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ e(
-    q,
+    J,
     {
       isDisabled: h,
       isSaveDisabled: !!s,
       label: n.details_birthday,
-      onSave: o,
+      onSave: a,
       primaryText: n.details_birthday,
-      secondaryText: `${be(ne(_.birthday ?? 0), ge.MONTH_DAY_YEAR)}`,
-      zeroStateText: !t.guid && !_.birthday ? n.add_birthday : void 0,
+      secondaryText: `${he(ne(u.birthday ?? 0), be.MONTH_DAY_YEAR)}`,
+      zeroStateText: !t.guid && !u.birthday ? n.add_birthday : void 0,
       children: /* @__PURE__ */ e(mt, { dateAdapter: lt, children: /* @__PURE__ */ e(
         dt,
         {
           label: n.details_birthday,
           onChange: d,
-          onError: (a) => p(a),
+          onError: (o) => p(o),
           sx: { width: "100%" },
-          value: r
+          value: i
         }
       ) })
     }
   );
 }), wt = ({ goal: t }) => {
-  const { goals: n } = S(), { visibleRetirementAccounts: _ } = z(), {
+  const { goals: n } = x(), { visibleRetirementAccounts: u } = P(), {
     addRetirementGoalAccount: l,
-    newRetirementGoalAccounts: u,
-    retirementGoalAccounts: r,
+    newRetirementGoalAccounts: _,
+    retirementGoalAccounts: i,
     selectedGoal: d,
     setAlert: s,
     setNewRetirementGoalAccounts: p,
     setSelectedGoal: h
-  } = G(), [o, a] = T.useState(!1), b = !t.guid, m = _.filter(
-    (g) => b ? u.find((A) => A.account_guid === g.guid) : r.find((A) => A.account_guid === g.guid)
-  ), f = _.filter(
-    (g) => !r.find((A) => A.account_guid === g.guid)
-  ), R = async (g) => {
-    const A = g.map((E) => ({
-      account_guid: E.guid,
+  } = G(), [a, o] = T.useState(!1), b = !t.guid, m = u.filter(
+    (f) => b ? _.find((A) => A.account_guid === f.guid) : i.find((A) => A.account_guid === f.guid)
+  ), g = u.filter(
+    (f) => !i.find((A) => A.account_guid === f.guid)
+  ), R = async (f) => {
+    const A = f.map((S) => ({
+      account_guid: S.guid,
       retirement_goal_guid: t.guid
     }));
     if (b)
       p(A);
     else
-      for (const E of A)
-        await l(E), s(n.alert_account_added);
+      for (const S of A)
+        await l(S), s(n.alert_account_added);
     h({
       ...d,
-      current_amount: g.reduce((E, N) => E + (N.balance || 0), 0)
-    }), a(!1);
+      current_amount: f.reduce((S, N) => S + (N.balance || 0), 0)
+    }), o(!1);
   };
   return /* @__PURE__ */ c(y, { children: [
-    m.map((g) => /* @__PURE__ */ c(y, { children: [
-      /* @__PURE__ */ e(Oe, { account: g }),
+    m.map((f) => /* @__PURE__ */ c(y, { children: [
+      /* @__PURE__ */ e(We, { account: f }),
       /* @__PURE__ */ e(v, {})
-    ] }, g.guid)),
-    /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(M, { onClick: () => a(!0), children: [
+    ] }, f.guid)),
+    /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(M, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(y, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(Ie, { filled: !0 }),
         n.details_add_account
@@ -722,30 +748,30 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(V, { color: "primary" })
     ] }) }),
     /* @__PURE__ */ e(
-      Be,
+      Oe,
       {
-        accounts: f,
-        isOpen: o,
-        onClose: () => a(!1),
+        accounts: g,
+        isOpen: a,
+        onClose: () => o(!1),
         onSave: R,
         title: n.add_select_accounts
       }
     )
   ] });
 }, Dt = D(({ goal: t }) => {
-  const { goals: n } = S(), { visibleAccounts: _ } = z(), l = T.useMemo(
-    () => _.find((d) => d.guid === t.account_guid),
-    [_, t]
-  ), u = t.track_type;
-  let r = n.details_save_title;
-  return t.track_type === i.DEBT_TRACK ? r = n.details_debt_title : t.track_type === i.RETIREMENT_TRACK && (r = n.details_retirement_title), /* @__PURE__ */ c(y, { children: [
+  const { goals: n } = x(), { visibleAccounts: u } = P(), l = T.useMemo(
+    () => u.find((d) => d.guid === t.account_guid),
+    [u, t]
+  ), _ = t.track_type;
+  let i = n.details_save_title;
+  return t.track_type === r.DEBT_TRACK ? i = n.details_debt_title : t.track_type === r.RETIREMENT_TRACK && (i = n.details_retirement_title), /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ c(y, { mx: 24, children: [
-      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: r }),
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: i }),
       /* @__PURE__ */ e(Le, { goal: t, isInDrawer: !0 }),
-      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: n.details_title })
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: n.details_title })
     ] }),
     /* @__PURE__ */ c(L, { sx: { bgcolor: "background.paper" }, children: [
-      u !== i.RETIREMENT_TRACK ? /* @__PURE__ */ e(Gt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+      _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(Gt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
         w,
         {
           primary: /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
@@ -756,155 +782,155 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         }
       ) }),
       /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
-      (u === i.SAVINGS_TRACK || u === i.RETIREMENT_TRACK) && /* @__PURE__ */ c($, { children: [
+      (_ === r.SAVINGS_TRACK || _ === r.RETIREMENT_TRACK) && /* @__PURE__ */ c($, { children: [
         /* @__PURE__ */ e(vt, { goal: t }),
-        /* @__PURE__ */ e(v, { sx: { ml: u === i.RETIREMENT_TRACK ? 24 : 0 } })
+        /* @__PURE__ */ e(v, { sx: { ml: _ === r.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
-      t.track_type === i.DEBT_TRACK && /* @__PURE__ */ c($, { children: [
-        /* @__PURE__ */ e(ot, { goal: t }),
-        /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(rt, { goal: t }),
+      t.track_type === r.DEBT_TRACK && /* @__PURE__ */ c($, { children: [
+        /* @__PURE__ */ e(at, { goal: t }),
         /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(it, { goal: t }),
+        /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(rt, { goal: t }),
         /* @__PURE__ */ e(v, { variant: "fullWidth" })
       ] }),
-      t.track_type === i.RETIREMENT_TRACK && /* @__PURE__ */ c($, { children: [
+      t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c($, { children: [
         /* @__PURE__ */ e(Nt, { goal: t }),
         /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(kt, { goal: t }),
         /* @__PURE__ */ e(v, { variant: "fullWidth" })
       ] })
     ] }),
-    /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: t.track_type === i.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
-    t.track_type !== i.RETIREMENT_TRACK && l && /* @__PURE__ */ c($, { children: [
-      /* @__PURE__ */ e(Oe, { account: l }),
+    /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: t.track_type === r.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
+    t.track_type !== r.RETIREMENT_TRACK && l && /* @__PURE__ */ c($, { children: [
+      /* @__PURE__ */ e(We, { account: l }),
       /* @__PURE__ */ e(v, {})
     ] }),
-    t.track_type === i.RETIREMENT_TRACK && /* @__PURE__ */ c($, { children: [
+    t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c($, { children: [
       /* @__PURE__ */ e(wt, { goal: t }),
       /* @__PURE__ */ e(v, {})
     ] }),
-    t.track_type === i.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(It, { goal: t })
+    t.track_type === r.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(It, { goal: t })
   ] });
 }), Kt = D(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = z(), { goals: _, common: l } = S(), {
-    addGoal: u,
-    addRetirementGoal: r,
+  const { visibleRetirementAccounts: n } = P(), { goals: u, common: l } = x(), {
+    addGoal: _,
+    addRetirementGoal: i,
     deleteGoal: d,
     deleteRetirementGoal: s,
     newRetirementGoalAccounts: p,
     retirementGoalAccounts: h,
-    selectedGoal: o,
-    setAlert: a,
+    selectedGoal: a,
+    setAlert: o,
     setSelectedGoal: b,
     updateGoal: m
-  } = G(), { user: f } = Ge(), [R, g] = T.useState(!1), A = !o?.guid, E = o?.track_type === i.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, N = T.useMemo(() => {
-    const x = A ? p : h;
-    return n.filter((j) => x.some((F) => F.account_guid === j.guid));
+  } = G(), { user: g } = Ge(), [R, f] = T.useState(!1), A = !a?.guid, S = a?.track_type === r.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, N = T.useMemo(() => {
+    const E = A ? p : h;
+    return n.filter((j) => E.some((F) => F.account_guid === j.guid));
   }, [A, n, p, h]), K = T.useMemo(() => {
-    if (!o) return !1;
-    if (!A && !E) return !0;
-    const { account_guid: x, track_type: j, name: F, amount: ee, retirement_age: B } = o;
-    return j === i.SAVINGS_TRACK ? x ? !!F && !!ee : !1 : j === i.RETIREMENT_TRACK ? N.length ? !!F && !!ee && !!B && !!f.birthday : !1 : !0;
-  }, [o, N, f.birthday]);
-  let H = l.delete_button, U = () => g(!0);
-  A ? (U = () => oe(), H = l.save_button) : E && (U = () => Q(), H = _.mark_as_complete_button);
-  const oe = async () => {
-    if (o) {
-      const x = o.track_type;
-      x !== i.RETIREMENT_TRACK ? await u(o) : x === i.RETIREMENT_TRACK && await r({ ...o, target_amount: o.amount }), a(_.alert_goal_added), b(void 0), x && t?.(x);
+    if (!a) return !1;
+    if (!A && !S) return !0;
+    const { account_guid: E, track_type: j, name: F, amount: ee, retirement_age: O } = a;
+    return j === r.SAVINGS_TRACK ? E ? !!F && !!ee : !1 : j === r.RETIREMENT_TRACK ? N.length ? !!F && !!ee && !!O && !!g.birthday : !1 : !0;
+  }, [a, N, g.birthday]);
+  let U = l.delete_button, Y = () => f(!0);
+  A ? (Y = () => ae(), U = l.save_button) : S && (Y = () => X(), U = u.mark_as_complete_button);
+  const ae = async () => {
+    if (a) {
+      const E = a.track_type;
+      E !== r.RETIREMENT_TRACK ? await _(a) : E === r.RETIREMENT_TRACK && await i({ ...a, target_amount: a.amount }), o(u.alert_goal_added), b(void 0), E && t?.(E);
     }
-  }, W = async () => {
-    o && (o.track_type !== i.RETIREMENT_TRACK ? await d(o.guid) : o.track_type === i.RETIREMENT_TRACK && await s(o), a(_.alert_goal_deleted), b(void 0));
-  }, Q = async () => {
-    const x = {
-      ...o,
+  }, B = async () => {
+    a && (a.track_type !== r.RETIREMENT_TRACK ? await d(a.guid) : a.track_type === r.RETIREMENT_TRACK && await s(a), o(u.alert_goal_deleted), b(void 0));
+  }, X = async () => {
+    const E = {
+      ...a,
       has_been_spent: !0
     };
-    await m(x), a(_.alert_goal_completed), b(void 0);
+    await m(E), o(u.alert_goal_completed), b(void 0);
   };
   return /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ e(
-      J,
+      Q,
       {
         ariaLabelClose: l.close_aria,
         hasSecondaryAction: A,
-        isOpen: !!o,
+        isOpen: !!a,
         isPrimaryDisabled: !K,
         onClose: () => b(void 0),
-        onPrimaryAction: U,
-        primaryColor: A || E ? "primary" : "error",
-        primaryText: H,
+        onPrimaryAction: Y,
+        primaryColor: A || S ? "primary" : "error",
+        primaryText: U,
         secondaryColor: "primary",
-        title: _.goal_details,
-        children: o && /* @__PURE__ */ e(Dt, { goal: o })
+        title: u.goal_details,
+        children: a && /* @__PURE__ */ e(Dt, { goal: a })
       }
     ),
     /* @__PURE__ */ e(
-      _t,
+      ut,
       {
-        copy: { close_aria: l.close_aria, title: _.delete_goal },
+        copy: { close_aria: l.close_aria, title: u.delete_goal },
         isOpen: R,
         maxWidth: "xs",
-        onClose: () => g(!1),
-        onPrimaryAction: W,
+        onClose: () => f(!1),
+        onPrimaryAction: B,
         primaryColor: "error",
         primaryText: l.delete_button,
-        children: /* @__PURE__ */ e(C, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: O(_.delete_description, o?.name || "") })
+        children: /* @__PURE__ */ e(C, { sx: { textWrap: "wrap" }, variant: "subtitle1", children: W(u.delete_description, a?.name || "") })
       }
     )
   ] });
-}), jn = D(({ onBackClick: t, sx: n }) => {
-  const { onEvent: _ } = Ne(), { isMobile: l } = he(), { isAccountDataLoaded: u, loadAccountData: r } = z(), { isInitialized: d } = ue(), { goals: s, common: p } = S(), {
+}), Fn = D(({ onBackClick: t, sx: n }) => {
+  const { onEvent: u } = Ne(), { isMobile: l } = pe(), { isAccountDataLoaded: _, loadAccountData: i } = P(), { isInitialized: d } = ue(), { goals: s, common: p } = x(), {
     alert: h,
-    goals: o,
-    isAllGoalDataLoaded: a,
+    goals: a,
+    isAllGoalDataLoaded: o,
     loadGoalData: b,
     monthlyCashFlowProfile: m,
-    setAlert: f,
+    setAlert: g,
     retirmentGoals: R
-  } = G(), [g, A] = T.useState(0), [E, N] = T.useState(!1), K = m?.amount_allocated_for_savings_goals || 0, H = m?.amount_allocated_for_debt_goals || 0, U = m?.amount_allocated_for_retirement_goals || 0;
-  Me({
+  } = G(), [f, A] = T.useState(0), [S, N] = T.useState(!1), K = m?.amount_allocated_for_savings_goals || 0, U = m?.amount_allocated_for_debt_goals || 0, Y = m?.amount_allocated_for_retirement_goals || 0;
+  Ke({
     widgetName: "GoalsWidget",
-    isLoaded: a
+    isLoaded: o
   }), T.useEffect(() => {
-    u || r().finally(), _(X.GOALS_VIEW);
+    _ || i().finally(), u(H.GOALS_VIEW);
   }, []), T.useEffect(() => {
     d && b().finally();
   }, [d]);
-  const oe = () => {
-    _(X.GOALS_CLICK_FILTER);
-  }, W = () => {
-    N(!0), _(X.GOALS_CLICK_ADD);
-  }, Q = (B) => {
-    N(!1), B === i.SAVINGS_TRACK ? A(0) : B === i.DEBT_TRACK ? A(1) : B === i.RETIREMENT_TRACK && A(2);
-  }, x = T.useMemo(
-    () => a && (o.length === 0 || o.every(({ track_type: B }) => !B) && R.length === 0),
-    [o, a, R]
+  const ae = () => {
+    u(H.GOALS_CLICK_FILTER);
+  }, B = () => {
+    N(!0), u(H.GOALS_CLICK_ADD);
+  }, X = (O) => {
+    N(!1), O === r.SAVINGS_TRACK ? A(0) : O === r.DEBT_TRACK ? A(1) : O === r.RETIREMENT_TRACK && A(2);
+  }, E = T.useMemo(
+    () => o && (a.length === 0 || a.every(({ track_type: O }) => !O) && R.length === 0),
+    [a, o, R]
   );
-  if (!d || !a)
-    return /* @__PURE__ */ e(Ke, {});
-  const j = O(
+  if (!d || !o)
+    return /* @__PURE__ */ e(Me, {});
+  const j = W(
     l ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(K, "0,0")
-  ), F = O(
-    l ? s.tab_subtitle_mobile : s.tab_subtitle,
-    I(H, "0,0")
-  ), ee = O(
+  ), F = W(
     l ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(U, "0,0")
+  ), ee = W(
+    l ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(Y, "0,0")
   );
   return /* @__PURE__ */ c(
-    ut,
+    _t,
     {
       actions: [
         {
           iconName: "add",
           label: s.add_title,
-          onClick: W
+          onClick: B
         }
       ],
-      onAccountsFilterClick: oe,
+      onAccountsFilterClick: ae,
       onBackClick: t,
       sx: n,
       title: s.title,
@@ -913,42 +939,42 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ c(
             Fe,
             {
-              onChange: (B, We) => A(We),
+              onChange: (O, Be) => A(Be),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
-              value: x ? !1 : g,
+              value: E ? !1 : f,
               variant: "fullWidth",
               children: [
                 /* @__PURE__ */ e(
-                  re,
+                  ie,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(ie, { subtitle: j, title: s.tab_saving_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(re, { subtitle: j, title: s.tab_saving_title })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  re,
+                  ie,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(ie, { subtitle: F, title: s.tab_debt_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(re, { subtitle: F, title: s.tab_debt_title })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  re,
+                  ie,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(ie, { subtitle: ee, title: s.tab_retirement_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(re, { subtitle: ee, title: s.tab_retirement_title })
                   }
                 )
               ]
             }
           ),
-          x ? /* @__PURE__ */ e(
+          E ? /* @__PURE__ */ e(
             pt,
             {
               header: s.create_goals_header,
               icon: "trophy",
-              onClick: W,
+              onClick: B,
               primaryButton: s.add_goals_button,
               subText: s.empty_state_subheader,
               sx: {
@@ -959,66 +985,66 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
               }
             }
           ) : /* @__PURE__ */ c($, { children: [
-            g === 0 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.SAVINGS_TRACK }),
-            g === 1 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.DEBT_TRACK }),
-            g === 2 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.RETIREMENT_TRACK })
+            f === 0 && /* @__PURE__ */ e(se, { onAddGoals: B, trackType: r.SAVINGS_TRACK }),
+            f === 1 && /* @__PURE__ */ e(se, { onAddGoals: B, trackType: r.DEBT_TRACK }),
+            f === 2 && /* @__PURE__ */ e(se, { onAddGoals: B, trackType: r.RETIREMENT_TRACK })
           ] })
         ] }),
-        /* @__PURE__ */ e(Kt, { onClose: Q }),
+        /* @__PURE__ */ e(Kt, { onClose: X }),
         /* @__PURE__ */ e(
-          J,
+          Q,
           {
             ariaLabelClose: p.close_aria,
-            isOpen: E,
+            isOpen: S,
             onClose: () => N(!1),
             title: s.add_goal_title,
-            children: /* @__PURE__ */ e(xt, { onClose: Q })
+            children: /* @__PURE__ */ e(Et, { onClose: X })
           }
         ),
-        /* @__PURE__ */ e(je, { onClose: () => f(""), open: !!h, children: /* @__PURE__ */ e(ze, { onClose: () => f(""), severity: "success", variant: "filled", children: h }) })
+        /* @__PURE__ */ e(je, { onClose: () => g(""), open: !!h, children: /* @__PURE__ */ e(Pe, { onClose: () => g(""), severity: "success", variant: "filled", children: h }) })
       ]
     }
   );
 }), Mt = D(({ goal: t }) => {
-  const { goals: n } = S(), _ = gt(), {
+  const { goals: n } = x(), u = ft(), {
     backgroundColor: l,
-    color: u,
-    percentage: r,
+    color: _,
+    percentage: i,
     projectedText: d
-  } = de(n, t), s = Math.round(r * 100);
-  let p = /* @__PURE__ */ e(Ee, {});
-  return t.track_type === i.DEBT_TRACK ? p = /* @__PURE__ */ e(xe, {}) : t.track_type === i.RETIREMENT_TRACK && (p = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
-    /* @__PURE__ */ e(ae, { sx: { bgcolor: l, color: u, height: 32, width: 32 }, variant: "rounded", children: p }),
+  } = de(n, t), s = Math.round(i * 100);
+  let p = /* @__PURE__ */ e(Se, {});
+  return t.track_type === r.DEBT_TRACK ? p = /* @__PURE__ */ e(Ee, {}) : t.track_type === r.RETIREMENT_TRACK && (p = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+    /* @__PURE__ */ e(oe, { sx: { bgcolor: l, color: _, height: 32, width: 32 }, variant: "rounded", children: p }),
     /* @__PURE__ */ c(bt, { sx: { width: "100%" }, children: [
-      /* @__PURE__ */ e(me, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
-      t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: d })
+      /* @__PURE__ */ e(Te, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
+      t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: d })
     ] }),
     /* @__PURE__ */ e(
       yt,
       {
-        backgroundStrokeColor: _.palette.border.lighter,
-        color: _.palette.primary.main,
+        backgroundStrokeColor: u.palette.neutral.light,
+        color: u.palette.primary.main,
         percent: s,
         size: 40,
         strokeWidth: 3,
-        children: /* @__PURE__ */ e(Z, { fontWeight: 700, variant: "caption", children: `${s}%` })
+        children: /* @__PURE__ */ e(q, { fontWeight: 700, variant: "caption", children: `${s}%` })
       }
     )
   ] });
-}), Lt = ({ header: t, subText: n, sx: _ }) => /* @__PURE__ */ c(
+}), Lt = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(
   y,
   {
     sx: {
       alignItems: "center",
       alignSelf: "center",
       px: 24,
-      ..._
+      ...u
     },
     children: [
-      /* @__PURE__ */ e(qe, { size: 32 }),
-      /* @__PURE__ */ e(me, { fontSize: 15, fontWeight: 600, children: t }),
+      /* @__PURE__ */ e(Je, { size: 32 }),
+      /* @__PURE__ */ e(Te, { fontSize: 15, fontWeight: 600, children: t }),
       /* @__PURE__ */ e(
-        Z,
+        q,
         {
           color: "text.secondary",
           sx: { fontWeight: 400, maxWidth: { sm: 424 }, textAlign: "center" },
@@ -1028,38 +1054,38 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     ]
   }
-), Fn = D(({ onCTAClick: t }) => {
-  const { isAccountDataLoaded: n, loadAccountData: _, visibleAccounts: l } = z(), { onEvent: u } = Ne(), { goals: r } = S(), { isInitialized: d } = ue(), { ongoingGoalsForMicroWidget: s, isAllGoalDataLoaded: p, loadGoalData: h } = G();
-  Me({
+), $n = D(({ onCTAClick: t }) => {
+  const { isAccountDataLoaded: n, loadAccountData: u, visibleAccounts: l } = P(), { onEvent: _ } = Ne(), { goals: i } = x(), { isInitialized: d } = ue(), { ongoingGoalsForMicroWidget: s, isAllGoalDataLoaded: p, loadGoalData: h } = G();
+  Ke({
     widgetName: "GoalsMicroWidget",
     isLoaded: p
   }), T.useEffect(() => {
-    n || _().finally();
+    n || u().finally();
   }, []), T.useEffect(() => {
-    d && (h().finally(), u(X.GOALS_LOAD_WIDGET, {
+    d && (h().finally(), _(H.GOALS_LOAD_WIDGET, {
       state: l?.length ? "default" : "zeroState"
     }));
   }, [d]);
-  const o = T.useMemo(
+  const a = T.useMemo(
     () => p && s.length === 0,
     [s, p]
-  ), a = () => {
-    u(
-      o ? X.GOALS_CLICK_GET_STARTED : X.GOALS_CLICK_VIEW_DETAILS
+  ), o = () => {
+    _(
+      a ? H.GOALS_CLICK_GET_STARTED : H.GOALS_CLICK_VIEW_DETAILS
     ), t();
   };
-  return !d || !p ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ e(
-    ft,
+  return !d || !p ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
+    gt,
     {
       className: "mx-goals-microwidget",
-      ctaLabel: o ? r.get_started : r.view_details,
-      onCTAClick: a,
-      title: r.title,
-      children: o ? /* @__PURE__ */ e(
+      ctaLabel: a ? i.get_started : i.view_details,
+      onCTAClick: o,
+      title: i.title,
+      children: a ? /* @__PURE__ */ e(
         Lt,
         {
-          header: r.create_goals_header,
-          subText: r.micro_zero_state_description
+          header: i.create_goals_header,
+          subText: i.micro_zero_state_description
         }
       ) : /* @__PURE__ */ e(ht, { sx: { justifyContent: "space-between" }, children: s.map((b, m) => /* @__PURE__ */ c(T.Fragment, { children: [
         /* @__PURE__ */ e(Mt, { goal: b }),
@@ -1069,8 +1095,8 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   );
 });
 export {
-  Hn as GoalApi,
-  Un as GoalStore,
-  Fn as GoalsMicroWidget,
-  jn as GoalsWidget
+  Yn as GoalApi,
+  Zn as GoalStore,
+  $n as GoalsMicroWidget,
+  Fn as GoalsWidget
 };