@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/goals/index.es.js

@@ -6,25 +6,25 @@ import je from "@mui/material/Snackbar";
 import f from "@mui/material/Stack";
 import re from "@mui/material/Tab";
 import Fe from "@mui/material/Tabs";
-import { b as W } from "../Localization-DnoVyBNK.mjs";
+import { b as B } from "../Localization-DnoVyBNK.mjs";
 import { f as I } from "../NumberFormatting--XMeeBfr.mjs";
 import { Text as C, H3 as le, P as Y, Icon as $e, InstitutionLogo as X, H2 as Te } from "@mxenabled/mxui";
 import me from "@mui/material/Button";
 import Ce from "@mui/material/Card";
 import Re from "@mui/material/CardActionArea";
 import xe from "@mui/material/CardContent";
-import ye from "@mui/material/Unstable_Grid2";
+import ge from "@mui/material/Grid";
 import te 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 z, Icon as ge, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
+import { Payments as Ee, NoteStack as Se, Person as ve, ArrowUpwardAlt as Ue, CheckCircle as Ye, ChevronRight as z, Icon as ye, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
 import { g as ue, T as r, G as de, a as Qe, M as U, b as Xe } from "../GoalsUtil-C9EnLWvC.mjs";
 import { u as x, k as N, b as _e, a as pe, d as j, C as Ge, g as Ne } from "../hooks-BaO_gOI6.mjs";
-import { u as he } from "../useScreenSize-CeFhWTt_.mjs";
+import { u as he } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as et } from "../StatusBar-CPfSXe80.mjs";
 import v from "@mui/material/Divider";
 import O from "@mui/material/List";
-import { L as Z } from "../ListItemAction-DGjHxNDJ.mjs";
-import { C as ke } from "../CurrencyInput-B59ugxPN.mjs";
+import { L as Z } from "../ListItemAction-CwspSmQi.mjs";
+import { C as ke } from "../CurrencyInput-adTIRtL3.mjs";
 import { fromUnixTime as ee } from "date-fns/fromUnixTime";
 import tt from "@mui/material/IconButton";
 import k from "@mui/material/ListItem";
@@ -32,39 +32,38 @@ import P from "@mui/material/ListItemAvatar";
 import L from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
 import { f as be, D as fe } from "../DateFormats-HudZ3Bjs.mjs";
-import { D as q } from "../Drawer-XPaLYjiO.mjs";
+import { D as q } from "../Drawer-BXqqBMxg.mjs";
 import { g as we } from "../AccountDisplayName-CO7z3v99.mjs";
 import nt from "@mui/material/Collapse";
 import ot from "@mui/material/ListItemIcon";
 import at from "@mui/material/Checkbox";
-import { C as De } from "../ConnectCard-Dix8BoV_.mjs";
+import { C as De } from "../ConnectCard-CCep7Zqe.mjs";
 import { A as Ae } from "../Account-BaJmiJAG.mjs";
 import { u as it } from "../useAccountDisplayName-CFa_MrS6.mjs";
 import Ke from "@mui/material/TextField";
-import { M as rt, I as st, O as ct } from "../OriginalBalanceAction-CvDx0K6k.mjs";
+import { M as rt, I as st, O as ct } from "../OriginalBalanceAction-CkJPnp2c.mjs";
 import { getUnixTime as lt } from "date-fns/getUnixTime";
 import { isValid as dt } from "date-fns/isValid";
 import { AdapterDateFns as mt } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as ut } from "@mui/x-date-pickers";
 import { LocalizationProvider as _t } from "@mui/x-date-pickers/LocalizationProvider";
-import { D as pt } from "../Dialog-iLlBR8TG.mjs";
+import { D as pt } from "../Dialog-CwWc0AbH.mjs";
 import { u as Me } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { A as $ } from "../Analytics-CzGzz_sE.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-CYcmwsSu.mjs";
-import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
-import ft from "@mui/material/Stack/Stack";
-import yt from "@mui/material/Box";
-import gt from "@mui/material/styles/useTheme";
-import { S as At } from "../SingleSegmentDonut-PsRQPkmV.mjs";
-import { M as Tt } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import { W as ht } from "../WidgetContainer-DNuz_s7W.mjs";
+import { E as bt } from "../EmptyState-CJUDc3kD.mjs";
+import ft from "@mui/material/Box";
+import { useTheme as gt } from "@mui/material/styles";
+import { S as yt } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { M as At } from "../MicroWidgetContainer-CfKdQfhi.mjs";
 function se({ title: t, subtitle: n }) {
   return /* @__PURE__ */ c(f, { children: [
     /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t }),
     /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "body1", children: n })
   ] });
 }
-const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
+const Tt = (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"), Oe = D(
@@ -81,8 +80,8 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         percentage: `${h}`
       }
     ];
-    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(
+    let y = /* @__PURE__ */ e(Ee, {});
+    return t.track_type === r.DEBT_TRACK ? y = /* @__PURE__ */ e(Se, {}) : t.track_type === r.RETIREMENT_TRACK && (y = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(
       Ce,
       {
         elevation: 2,
@@ -96,7 +95,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ e(
             He,
             {
-              avatar: /* @__PURE__ */ e(te, { sx: { bgcolor: p, color: s, height: 48, width: 48 }, variant: "rounded", children: g }),
+              avatar: /* @__PURE__ */ e(te, { sx: { bgcolor: p, color: s, height: 48, width: 48 }, variant: "rounded", children: y }),
               subheader: /* @__PURE__ */ e(
                 C,
                 {
@@ -105,7 +104,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
                     fontSize: n || m ? "18px" : "23px",
                     lineHeight: n || m ? "24px" : "32px"
                   },
-                  children: `${I(t.current_amount, m ? "0,0" : "0,0.00")} / ${Ct(
+                  children: `${I(t.current_amount, m ? "0,0" : "0,0.00")} / ${Tt(
                     b,
                     m
                   )}`
@@ -119,9 +118,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
                   fontWeight: 400,
                   sx: {
                     fontSize: "15px",
-                    lineHeight: "20px",
-                    whiteSpace: "normal",
-                    overflowWrap: "break-word"
+                    lineHeight: "20px"
                   },
                   variant: "h4",
                   children: t.name
@@ -140,7 +137,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     );
   }
-), Rt = D(({ trackType: t }) => {
+), Ct = D(({ trackType: t }) => {
   const { goals: n } = x(), { setAlert: u, monthlyCashFlowProfile: d, updateMonthlyCashFlowProfile: _ } = N(), i = T.useMemo(() => {
     let a = 0;
     return t === r.SAVINGS_TRACK ? a = d?.amount_allocated_for_savings_goals || 0 : t === r.DEBT_TRACK ? a = d?.amount_allocated_for_debt_goals || 0 : t === r.RETIREMENT_TRACK && (a = d?.amount_allocated_for_retirement_goals || 0), a;
@@ -177,8 +174,8 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   ) });
-}), xt = ({ goal: t, index: n, onUpClick: u }) => {
-  const { goals: d } = x(), { percentage: _ } = ue(d, t), i = t.goal_type === de.KEEP_BALANCE_BELOW || t.has_been_spent ? d.goal_completed : W(d.goal_percentage_reached, `${_ * 100}`);
+}), Rt = ({ goal: t, index: n, onUpClick: u }) => {
+  const { goals: d } = x(), { percentage: _ } = ue(d, t), i = t.goal_type === de.KEEP_BALANCE_BELOW || t.has_been_spent ? d.goal_completed : B(d.goal_percentage_reached, `${_ * 100}`);
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     L,
     {
@@ -197,10 +194,10 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             children: t.track_type === r.SAVINGS_TRACK ? /* @__PURE__ */ e(tt, { onClick: () => u?.(t), children: /* @__PURE__ */ e(Ue, { color: "primary", size: 24 }) }) : /* @__PURE__ */ e(te, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "caption", children: n + 1 }) })
           }
         ),
-        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "body1" }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(w, { slotProps: { primary: { variant: "body1" } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ c(f, { sx: { maxWidth: "70%" }, children: [
             /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : W(
+            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : B(
               d.goal_projection,
               be(
                 ee(t.projected_to_complete_at || 0),
@@ -213,7 +210,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   ) });
-}, St = ({ goal: t }) => {
+}, xt = ({ goal: t }) => {
   const { goals: n } = x();
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     L,
@@ -222,10 +219,10 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
       children: [
         /* @__PURE__ */ e(P, { 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(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(w, { slotProps: { primary: { variant: "body1" } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ c(f, { children: [
             /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "caption", children: W(
+            /* @__PURE__ */ e(C, { variant: "caption", children: B(
               n.completed_label,
               be(
                 ee(t.completed_at || 0),
@@ -239,15 +236,15 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   ) }, t.guid);
 }, Et = ({ trackType: t }) => {
-  const { goals: n, common: u } = x(), { loadGoals: d, orderedGoals: _, reorderGoals: i } = N(), m = _.filter((y) => y.track_type === t), p = m.filter(
-    (y) => y.track_type === r.SAVINGS_TRACK && !y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && !y.is_complete
+  const { goals: n, common: u } = x(), { loadGoals: d, orderedGoals: _, reorderGoals: i } = N(), m = _.filter((g) => g.track_type === t), p = m.filter(
+    (g) => g.track_type === r.SAVINGS_TRACK && !g.has_been_spent || g.track_type !== r.SAVINGS_TRACK && !g.is_complete
   ), s = m.filter(
-    (y) => y.track_type === r.SAVINGS_TRACK && y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && y.is_complete
+    (g) => g.track_type === r.SAVINGS_TRACK && g.has_been_spent || g.track_type !== r.SAVINGS_TRACK && g.is_complete
   ), [h, a] = T.useState(!1);
-  let o = n.manage_saving_goals, b = n.manage_saving_drawer_title, l = n.manage_saving_title, g = n.manage_saving_description;
-  t === r.DEBT_TRACK ? (o = n.manage_debt_goals, b = n.manage_debt_drawer_title, l = n.manage_debt_title, g = n.manage_debt_description) : t === r.RETIREMENT_TRACK && (o = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, l = n.manage_retirement_title, g = n.manage_retirement_description);
-  const S = async (y) => {
-    const A = [...p], R = A.findIndex((K) => K.guid === y.guid);
+  let o = n.manage_saving_goals, b = n.manage_saving_drawer_title, l = n.manage_saving_title, y = n.manage_saving_description;
+  t === r.DEBT_TRACK ? (o = n.manage_debt_goals, b = n.manage_debt_drawer_title, l = n.manage_debt_title, y = n.manage_debt_description) : t === r.RETIREMENT_TRACK && (o = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, l = n.manage_retirement_title, y = n.manage_retirement_description);
+  const E = async (g) => {
+    const A = [...p], R = A.findIndex((K) => K.guid === g.guid);
     let G = R - 1;
     G < 0 && (G = A.length - 1), A.splice(G, 0, A.splice(R, 1)[0]);
     for (let K = 0; K < A.length; K++)
@@ -266,25 +263,25 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         children: /* @__PURE__ */ c(f, { children: [
           /* @__PURE__ */ c(f, { m: 24, children: [
             /* @__PURE__ */ e(le, { children: l }),
-            /* @__PURE__ */ e(Y, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: g })
+            /* @__PURE__ */ e(Y, { color: "text.secondary", variant: "subtitle2", children: y })
           ] }),
-          /* @__PURE__ */ e(Rt, { trackType: t }),
+          /* @__PURE__ */ e(Ct, { trackType: t }),
           /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.goal_priority }),
-          /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: p.map((y, A) => {
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: p.map((g, A) => {
             const R = A >= p.length - 1;
             return /* @__PURE__ */ c(f, { children: [
-              /* @__PURE__ */ e(xt, { goal: y, index: A, onUpClick: S }),
+              /* @__PURE__ */ e(Rt, { goal: g, index: A, onUpClick: E }),
               /* @__PURE__ */ e(v, { variant: R ? "fullWidth" : "inset" })
-            ] }, `ongoing-${y.guid}`);
+            ] }, `ongoing-${g.guid}`);
           }) }),
           t !== r.RETIREMENT_TRACK && s.length > 0 && /* @__PURE__ */ c(f, { children: [
             /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.complete_title }),
-            /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: s.map((y, A) => {
+            /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: s.map((g, A) => {
               const R = A > p.length - 1;
               return /* @__PURE__ */ c(f, { children: [
-                /* @__PURE__ */ e(St, { goal: y }),
+                /* @__PURE__ */ e(xt, { goal: g }),
                 /* @__PURE__ */ e(v, { variant: R ? "fullWidth" : "inset" })
-              ] }, `complete-${y.guid}`);
+              ] }, `complete-${g.guid}`);
             }) })
           ] })
         ] })
@@ -304,9 +301,9 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(le, { color: "text.secondary", variant: "body2", children: d.ongoing_title }),
       /* @__PURE__ */ e(Et, { trackType: t })
     ] }),
-    s.length > 0 ? /* @__PURE__ */ e(ye, { container: !0, spacing: 24, children: s.map((o, b, l) => (
+    s.length > 0 ? /* @__PURE__ */ e(ge, { container: !0, spacing: 24, children: s.map((o, b, l) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(ye, { xs: u || b === 0 && l.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Oe, { goal: o, onClick: () => m(o) }, o.guid) }, b)
+      /* @__PURE__ */ e(ge, { size: u || b === 0 && l.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Oe, { goal: o, onClick: () => m(o) }, o.guid) }, b)
     )) }) : /* @__PURE__ */ c(
       f,
       {
@@ -360,7 +357,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ] }) }) }) }, o.guid))
     ] })
   ] });
-}), vt = ({ goalType: t, onClick: n }) => {
+}), St = ({ goalType: t, onClick: n }) => {
   const { goals: u } = x(), { bgcolor: d, icon: _, label: i, description: m, subTypes: p, type: s } = t, [h, a] = T.useState(!1), o = p.length > 0;
   return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ c(O, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
@@ -372,7 +369,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           s
         ),
         children: [
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(te, { sx: { bgcolor: d }, variant: "rounded", children: /* @__PURE__ */ e(ge, { name: _, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(te, { sx: { bgcolor: d }, variant: "rounded", children: /* @__PURE__ */ e(ye, { name: _, sx: { color: "grey.900" } }) }) }),
           /* @__PURE__ */ e(w, { primary: i, secondary: m, sx: { mr: 24 } }),
           !o && /* @__PURE__ */ e(z, {}),
           o && (h ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(qe, {}))
@@ -381,18 +378,18 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ) }),
     /* @__PURE__ */ e(v, { variant: "inset" }),
     o && /* @__PURE__ */ e(nt, { in: h, children: /* @__PURE__ */ e(O, { sx: { bgcolor: "background.default" }, children: p.map((b, l) => /* @__PURE__ */ e(k, { sx: { pl: 48 }, children: /* @__PURE__ */ c(L, { onClick: () => n(b.label, b.metaType, s), children: [
-      /* @__PURE__ */ e(ot, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ge, { name: b.icon }) }),
+      /* @__PURE__ */ e(ot, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: b.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
           primary: b.label,
-          primaryTypographyProps: { variant: "body1" }
+          slotProps: { primary: { variant: "body1" } }
         }
       ),
       /* @__PURE__ */ e(z, {})
     ] }) }, l)) }) })
   ] }) });
-}, We = ({
+}, Be = ({
   accounts: t,
   isOpen: n,
   onClose: u,
@@ -400,7 +397,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   title: _
 }) => {
   const { goals: i, common: m } = x(), { config: p } = pe(), [s, h] = T.useState([]), a = (o) => {
-    const b = s.findIndex((g) => g.guid === o.guid), l = [...s];
+    const b = s.findIndex((y) => y.guid === o.guid), l = [...s];
     b >= 0 ? l.splice(b, 1) : l.push(o), h(l);
   };
   return /* @__PURE__ */ c(
@@ -448,30 +445,30 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   );
-}, It = ({ onClose: t }) => {
-  const { goals: n } = x(), { addGoal: u, debtGoals: d, setAlert: _, setSelectedGoal: i } = N(), { config: m } = pe(), { visibleDebtAccounts: p } = j(), [s, h] = T.useState(!1), a = Xe(n), o = (l, g, S) => {
-    S === r.DEBT_TRACK ? h(!0) : i({
+}, vt = ({ onClose: t }) => {
+  const { goals: n } = x(), { addGoal: u, debtGoals: d, setAlert: _, setSelectedGoal: i } = N(), { config: m } = pe(), { visibleDebtAccounts: p } = j(), [s, h] = T.useState(!1), a = Xe(n), o = (l, y, E) => {
+    E === r.DEBT_TRACK ? h(!0) : i({
       amount: 0,
       current_amount: 0,
       goal_type: de.SAVE_AMOUNT,
       initial_amount: 0,
-      meta_type: g,
+      meta_type: y,
       name: l,
-      track_type: S
+      track_type: E
     });
   }, b = async (l) => {
-    for (const g of l) {
-      let S = U.CREDIT_CARD;
-      g.account_type === Ae.LOAN ? S = U.LOANS : g.account_type === Ae.LINE_OF_CREDIT && (S = U.LINE_OF_CREDIT), await u({
-        account_guid: g.guid,
+    for (const y of l) {
+      let E = U.CREDIT_CARD;
+      y.account_type === Ae.LOAN ? E = U.LOANS : y.account_type === Ae.LINE_OF_CREDIT && (E = U.LINE_OF_CREDIT), await u({
+        account_guid: y.guid,
         amount: 0,
         current_amount: 0,
         goal_type: de.KEEP_BALANCE_BELOW,
-        initial_amount: g.balance || 0,
-        interest_rate: g.interest_rate || 0,
-        meta_type: S,
-        monthly_payment: g.minimum_payment || 0,
-        name: we(g, {
+        initial_amount: y.balance || 0,
+        interest_rate: y.interest_rate || 0,
+        meta_type: E,
+        monthly_payment: y.minimum_payment || 0,
+        name: we(y, {
           allowNickname: m?.show_account_nicknames_in_master
         }),
         track_type: r.DEBT_TRACK
@@ -480,11 +477,11 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     h(!1), t?.(r.DEBT_TRACK);
   };
   return /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: a.map((l, g) => /* @__PURE__ */ e(vt, { goalType: l, onClick: o }, g)) }),
+    /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: a.map((l, y) => /* @__PURE__ */ e(St, { goalType: l, onClick: o }, y)) }),
     /* @__PURE__ */ e(
-      We,
+      Be,
       {
-        accounts: p.filter((l) => !d.find((g) => g.account_guid === l.guid)),
+        accounts: p.filter((l) => !d.find((y) => y.account_guid === l.guid)),
         isOpen: s,
         onClose: () => h(!1),
         onSave: b,
@@ -492,7 +489,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, Be = ({ account: t }) => {
+}, We = ({ account: t }) => {
   const n = it(t);
   return /* @__PURE__ */ c(k, { sx: { bgcolor: "background.paper", p: 24 }, children: [
     /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
@@ -510,7 +507,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, Gt = D(({ goal: t }) => {
+}, It = D(({ goal: t }) => {
   const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateGoal: _, updateRetirementGoal: i } = N(), [m, p] = T.useState(t.amount), s = !t.guid, h = m < 0 || m > 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 l = { ...t, amount: m };
     t.amount = m, s ? d(l) : (t.track_type !== r.RETIREMENT_TRACK ? await _(l) : await i(l), u(n.alert_goal_updated_amount));
@@ -544,10 +541,10 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   );
-}), Nt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = j(), { accounts: d, goals: _ } = x(), { config: i } = pe(), { setAlert: m, setSelectedGoal: p, updateGoal: s } = N(), h = !t.guid, [a, o] = T.useState(!1), b = async ({ balance: l, guid: g }) => {
-    const S = { ...t, account_guid: g, current_amount: l || 0 };
-    h ? p(S) : (await s(S), m(_.alert_account_changed)), o(!1);
+}), Gt = ({ goal: t }) => {
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = j(), { accounts: d, goals: _ } = x(), { config: i } = pe(), { setAlert: m, setSelectedGoal: p, updateGoal: s } = N(), h = !t.guid, [a, o] = T.useState(!1), b = async ({ balance: l, guid: y }) => {
+    const E = { ...t, account_guid: y, current_amount: l || 0 };
+    h ? p(E) : (await s(E), m(_.alert_account_changed)), o(!1);
   };
   return /* @__PURE__ */ c(f, { children: [
     h && !t.account_guid ? /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(L, { onClick: () => o(!0), children: [
@@ -558,15 +555,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(z, { color: "primary" })
     ] }) }) : /* @__PURE__ */ c(f, { sx: { gap: 8, my: 24, mx: 24 }, children: [
       /* @__PURE__ */ e(me, { onClick: () => o(!0), variant: "text", children: _.details_change_account }),
-      /* @__PURE__ */ e(
-        C,
-        {
-          color: "text.secondary",
-          sx: { textAlign: "center", whiteSpace: "wrap" },
-          variant: "subtitle1",
-          children: W(_.details_change_account_description, t.name)
-        }
-      )
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { textAlign: "center" }, variant: "subtitle1", children: B(_.details_change_account_description, t.name) })
     ] }),
     /* @__PURE__ */ e(q, { isOpen: a, onClose: () => o(!1), title: _.details_change_account, children: /* @__PURE__ */ c(f, { children: [
       n.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: d.account_types[1] }),
@@ -615,7 +604,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     ] }) })
   ] });
-}, kt = D(({ goal: t }) => {
+}, Nt = D(({ goal: t }) => {
   const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateGoal: _ } = N(), [i, m] = T.useState(t.name), p = !t.guid, s = 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, p ? d(o) : (await _(o), u(n.alert_goal_updated_name));
@@ -646,7 +635,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   );
-}), wt = ({ goal: t }) => {
+}), kt = ({ goal: t }) => {
   const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateRetirementGoal: _ } = N(), [i, m] = T.useState(t.retirement_age || 65), p = !t.guid, s = async () => {
     if (!isNaN(i)) {
       const o = { ...t, retirement_age: i };
@@ -680,7 +669,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   );
-}, Dt = D(({ goal: t }) => {
+}, wt = D(({ goal: t }) => {
   const { goals: n } = x(), { user: u, updateUser: d } = Ge(), { setAlert: _ } = N(), [i, m] = T.useState(ee(u.birthday ?? 0)), [p, s] = T.useState(null), h = t.is_complete, a = async () => {
     i && dt(i) && (await d({ ...u, birthday: lt(i) }), _(n.alert_goal_updated_birthday));
   };
@@ -706,7 +695,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ) })
     }
   );
-}), Kt = ({ goal: t }) => {
+}), Dt = ({ goal: t }) => {
   const { goals: n } = x(), { visibleRetirementAccounts: u } = j(), {
     addRetirementGoalAccount: d,
     newRetirementGoalAccounts: _,
@@ -716,11 +705,11 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     setNewRetirementGoalAccounts: s,
     setSelectedGoal: h
   } = N(), [a, o] = T.useState(!1), b = !t.guid, l = u.filter(
-    (y) => b ? _.find((A) => A.account_guid === y.guid) : i.find((A) => A.account_guid === y.guid)
-  ), g = u.filter(
-    (y) => !i.find((A) => A.account_guid === y.guid)
-  ), S = async (y) => {
-    const A = y.map((R) => ({
+    (g) => b ? _.find((A) => A.account_guid === g.guid) : i.find((A) => A.account_guid === g.guid)
+  ), y = u.filter(
+    (g) => !i.find((A) => A.account_guid === g.guid)
+  ), E = async (g) => {
+    const A = g.map((R) => ({
       account_guid: R.guid,
       retirement_goal_guid: t.guid
     }));
@@ -731,14 +720,14 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         await d(R), p(n.alert_account_added);
     h({
       ...m,
-      current_amount: y.reduce((R, G) => R + (G.balance || 0), 0)
+      current_amount: g.reduce((R, G) => R + (G.balance || 0), 0)
     }), o(!1);
   };
   return /* @__PURE__ */ c(f, { children: [
-    l.map((y) => /* @__PURE__ */ c(f, { children: [
-      /* @__PURE__ */ e(Be, { account: y }),
+    l.map((g) => /* @__PURE__ */ c(f, { children: [
+      /* @__PURE__ */ e(We, { account: g }),
       /* @__PURE__ */ e(v, {})
-    ] }, y.guid)),
+    ] }, g.guid)),
     /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(L, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(Ie, { filled: !0 }),
@@ -747,17 +736,17 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(z, { color: "primary" })
     ] }) }),
     /* @__PURE__ */ e(
-      We,
+      Be,
       {
-        accounts: g,
+        accounts: y,
         isOpen: a,
         onClose: () => o(!1),
-        onSave: S,
+        onSave: E,
         title: n.add_select_accounts
       }
     )
   ] });
-}, Mt = D(({ goal: t }) => {
+}, Kt = D(({ goal: t }) => {
   const { goals: n } = x(), { visibleAccounts: u } = j(), d = T.useMemo(
     () => u.find((m) => m.guid === t.account_guid),
     [u, t]
@@ -770,19 +759,19 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: n.details_title })
     ] }),
     /* @__PURE__ */ c(O, { sx: { bgcolor: "background.paper" }, children: [
-      _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(kt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+      _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(Nt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
         w,
         {
           primary: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(C, { variant: "body1", children: n.details_goal_name }),
             /* @__PURE__ */ e(C, { bold: !0, color: "text.primary", sx: { mr: 4 }, variant: "body1", children: n.retirement })
           ] }),
-          primaryTypographyProps: { variant: "body1" }
+          slotProps: { primary: { variant: "body1" } }
         }
       ) }),
       /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
       (_ === r.SAVINGS_TRACK || _ === r.RETIREMENT_TRACK) && /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ e(Gt, { goal: t }),
+        /* @__PURE__ */ e(It, { goal: t }),
         /* @__PURE__ */ e(v, { sx: { ml: _ === r.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
       t.track_type === r.DEBT_TRACK && /* @__PURE__ */ c(F, { children: [
@@ -794,24 +783,24 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(v, { variant: "fullWidth" })
       ] }),
       t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ e(wt, { goal: t }),
+        /* @__PURE__ */ e(kt, { goal: t }),
         /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(Dt, { goal: t }),
+        /* @__PURE__ */ e(wt, { goal: t }),
         /* @__PURE__ */ e(v, { variant: "fullWidth" })
       ] })
     ] }),
     /* @__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 && d && /* @__PURE__ */ c(F, { children: [
-      /* @__PURE__ */ e(Be, { account: d }),
+      /* @__PURE__ */ e(We, { account: d }),
       /* @__PURE__ */ e(v, {})
     ] }),
     t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [
-      /* @__PURE__ */ e(Kt, { goal: t }),
+      /* @__PURE__ */ e(Dt, { goal: t }),
       /* @__PURE__ */ e(v, {})
     ] }),
-    t.track_type === r.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Nt, { goal: t })
+    t.track_type === r.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Gt, { goal: t })
   ] });
-}), Lt = D(({ onClose: t }) => {
+}), Mt = D(({ onClose: t }) => {
   const { visibleRetirementAccounts: n } = j(), { goals: u, common: d } = x(), {
     addGoal: _,
     addRetirementGoal: i,
@@ -823,30 +812,30 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     setAlert: o,
     setSelectedGoal: b,
     updateGoal: l
-  } = N(), { user: g } = Ge(), [S, y] = T.useState(!1), A = !a?.guid, R = a?.track_type === r.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, G = T.useMemo(() => {
-    const E = A ? s : h;
-    return n.filter((V) => E.some((M) => M.account_guid === V.guid));
+  } = N(), { user: y } = Ge(), [E, g] = T.useState(!1), A = !a?.guid, R = a?.track_type === r.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, G = T.useMemo(() => {
+    const S = A ? s : h;
+    return n.filter((V) => S.some((M) => M.account_guid === V.guid));
   }, [A, n, s, h]), K = T.useMemo(() => {
     if (!a) return !1;
     if (!A && !R) return !0;
-    const { account_guid: E, track_type: V, name: M, amount: J, retirement_age: ie } = a;
-    return V === r.SAVINGS_TRACK ? E ? !!M && !!J : !1 : V === r.RETIREMENT_TRACK ? G.length ? !!M && !!J && !!ie && !!g.birthday : !1 : !0;
-  }, [a, G, g.birthday]);
-  let B = d.delete_button, H = () => y(!0);
-  A ? (H = () => ne(), B = d.save_button) : R && (H = () => ae(), B = u.mark_as_complete_button);
+    const { account_guid: S, track_type: V, name: M, amount: J, retirement_age: ie } = a;
+    return V === r.SAVINGS_TRACK ? S ? !!M && !!J : !1 : V === r.RETIREMENT_TRACK ? G.length ? !!M && !!J && !!ie && !!y.birthday : !1 : !0;
+  }, [a, G, y.birthday]);
+  let W = d.delete_button, H = () => g(!0);
+  A ? (H = () => ne(), W = d.save_button) : R && (H = () => ae(), W = u.mark_as_complete_button);
   const ne = 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);
+      const S = a.track_type;
+      S !== r.RETIREMENT_TRACK ? await _(a) : S === r.RETIREMENT_TRACK && await i({ ...a, target_amount: a.amount }), o(u.alert_goal_added), b(void 0), S && t?.(S);
     }
   }, oe = async () => {
     a && (a.track_type !== r.RETIREMENT_TRACK ? await m(a.guid) : a.track_type === r.RETIREMENT_TRACK && await p(a), o(u.alert_goal_deleted), b(void 0));
   }, ae = async () => {
-    const E = {
+    const S = {
       ...a,
       has_been_spent: !0
     };
-    await l(E), o(u.alert_goal_completed), b(void 0);
+    await l(S), o(u.alert_goal_completed), b(void 0);
   };
   return /* @__PURE__ */ c(f, { children: [
     /* @__PURE__ */ e(
@@ -859,64 +848,64 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         onClose: () => b(void 0),
         onPrimaryAction: H,
         primaryColor: A || R ? "primary" : "error",
-        primaryText: B,
+        primaryText: W,
         secondaryColor: "primary",
         title: u.goal_details,
-        children: a && /* @__PURE__ */ e(Mt, { goal: a })
+        children: a && /* @__PURE__ */ e(Kt, { goal: a })
       }
     ),
     /* @__PURE__ */ e(
       pt,
       {
         copy: { close_aria: d.close_aria, title: u.delete_goal },
-        isOpen: S,
+        isOpen: E,
         maxWidth: "xs",
-        onClose: () => y(!1),
+        onClose: () => g(!1),
         onPrimaryAction: oe,
         primaryColor: "error",
         primaryText: d.delete_button,
-        children: /* @__PURE__ */ e(C, { sx: { textWrap: "wrap" }, variant: "subtitle1", children: W(u.delete_description, a?.name || "") })
+        children: /* @__PURE__ */ e(C, { variant: "subtitle1", children: B(u.delete_description, a?.name || "") })
       }
     )
   ] });
-}), Hn = D(({ onBackClick: t, onMenuClick: n, sx: u }) => {
+}), Fn = D(({ onBackClick: t, onMenuClick: n, sx: u }) => {
   const { onEvent: d } = Ne(), { isMobile: _ } = he(), { isAccountDataLoaded: i, loadAccountData: m } = j(), { isInitialized: p } = _e(), { goals: s, common: h } = x(), {
     alert: a,
     allGoals: o,
     goals: b,
     isAllGoalDataLoaded: l,
-    loadGoalData: g,
-    monthlyCashFlowProfile: S,
-    setAlert: y,
+    loadGoalData: y,
+    monthlyCashFlowProfile: E,
+    setAlert: g,
     retirmentGoals: A
-  } = N(), [R, G] = T.useState(0), [K, B] = T.useState(!1), H = S?.amount_allocated_for_savings_goals || 0, ne = S?.amount_allocated_for_debt_goals || 0, oe = S?.amount_allocated_for_retirement_goals || 0;
+  } = N(), [R, G] = T.useState(0), [K, W] = T.useState(!1), H = E?.amount_allocated_for_savings_goals || 0, ne = E?.amount_allocated_for_debt_goals || 0, oe = E?.amount_allocated_for_retirement_goals || 0;
   Me({
     widgetName: "GoalsWidget",
     isLoaded: l
   }), T.useEffect(() => {
     i || m().finally(), d($.GOALS_VIEW);
   }, []), T.useEffect(() => {
-    p && g().finally();
+    p && y().finally();
   }, [p]);
   const ae = () => {
     d($.GOALS_CLICK_FILTER);
-  }, E = () => {
-    B(!0), d($.GOALS_CLICK_ADD);
+  }, S = () => {
+    W(!0), d($.GOALS_CLICK_ADD);
   }, V = (Q) => {
-    B(!1), Q === r.SAVINGS_TRACK ? G(0) : Q === r.DEBT_TRACK ? G(1) : Q === r.RETIREMENT_TRACK && G(2);
+    W(!1), Q === r.SAVINGS_TRACK ? G(0) : Q === r.DEBT_TRACK ? G(1) : Q === r.RETIREMENT_TRACK && G(2);
   }, M = T.useMemo(
     () => l && o.length === 0,
     [b, l, A]
   );
   if (!p || !l)
     return /* @__PURE__ */ e(Le, {});
-  const J = W(
+  const J = B(
     _ ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(H, "0,0")
-  ), ie = W(
+  ), ie = B(
     _ ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(ne, "0,0")
-  ), Ve = W(
+  ), Ve = B(
     _ ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(oe, "0,0")
   );
@@ -927,7 +916,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         {
           iconName: "add",
           label: s.add_title,
-          onClick: E
+          onClick: S
         }
       ],
       onAccountsFilterClick: ae,
@@ -975,7 +964,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             {
               header: s.create_goals_header,
               icon: "trophy",
-              onClick: E,
+              onClick: S,
               primaryButton: s.add_goals_button,
               subText: s.empty_state_subheader,
               sx: {
@@ -986,42 +975,42 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
               }
             }
           ) : /* @__PURE__ */ c(F, { children: [
-            R === 0 && /* @__PURE__ */ e(ce, { onAddGoals: E, trackType: r.SAVINGS_TRACK }),
-            R === 1 && /* @__PURE__ */ e(ce, { onAddGoals: E, trackType: r.DEBT_TRACK }),
-            R === 2 && /* @__PURE__ */ e(ce, { onAddGoals: E, trackType: r.RETIREMENT_TRACK })
+            R === 0 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.SAVINGS_TRACK }),
+            R === 1 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.DEBT_TRACK }),
+            R === 2 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.RETIREMENT_TRACK })
           ] })
         ] }),
-        /* @__PURE__ */ e(Lt, { onClose: V }),
+        /* @__PURE__ */ e(Mt, { onClose: V }),
         /* @__PURE__ */ e(
           q,
           {
             ariaLabelClose: h.close_aria,
             isOpen: K,
-            onClose: () => B(!1),
+            onClose: () => W(!1),
             title: s.add_goal_title,
-            children: /* @__PURE__ */ e(It, { onClose: V })
+            children: /* @__PURE__ */ e(vt, { onClose: V })
           }
         ),
-        /* @__PURE__ */ e(je, { onClose: () => y(""), open: !!a, children: /* @__PURE__ */ e(Pe, { onClose: () => y(""), severity: "success", variant: "filled", children: a }) })
+        /* @__PURE__ */ e(je, { onClose: () => g(""), open: !!a, children: /* @__PURE__ */ e(Pe, { onClose: () => g(""), severity: "success", variant: "filled", children: a }) })
       ]
     }
   );
-}), Ot = D(({ goal: t }) => {
+}), Lt = D(({ goal: t }) => {
   const { goals: n } = x(), u = gt(), {
     backgroundColor: d,
     color: _,
     percentage: i,
     projectedText: m
   } = ue(n, t), p = Math.round(i * 100);
-  let s = /* @__PURE__ */ e(Se, {});
-  return t.track_type === r.DEBT_TRACK ? s = /* @__PURE__ */ e(Ee, {}) : t.track_type === r.RETIREMENT_TRACK && (s = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+  let s = /* @__PURE__ */ e(Ee, {});
+  return t.track_type === r.DEBT_TRACK ? s = /* @__PURE__ */ e(Se, {}) : t.track_type === r.RETIREMENT_TRACK && (s = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
     /* @__PURE__ */ e(te, { sx: { bgcolor: d, color: _, height: 32, width: 32 }, variant: "rounded", children: s }),
-    /* @__PURE__ */ c(yt, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ c(ft, { sx: { width: "100%" }, children: [
       /* @__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: m })
     ] }),
     /* @__PURE__ */ e(
-      At,
+      yt,
       {
         backgroundStrokeColor: u.palette.neutral.light,
         color: u.palette.primary.main,
@@ -1032,7 +1021,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}), Wt = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(
+}), Ot = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(
   f,
   {
     sx: {
@@ -1055,7 +1044,7 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     ]
   }
-), Un = D(({ onCTAClick: t }) => {
+), $n = D(({ onCTAClick: t }) => {
   const { isAccountDataLoaded: n, loadAccountData: u, visibleAccounts: d } = j(), { onEvent: _ } = Ne(), { goals: i } = x(), { isInitialized: m } = _e(), { ongoingGoalsForMicroWidget: p, isAllGoalDataLoaded: s, loadGoalData: h } = N();
   Me({
     widgetName: "GoalsMicroWidget",
@@ -1076,26 +1065,26 @@ const Ct = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ), t();
   };
   return !m || !s ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
-    Tt,
+    At,
     {
       className: "mx-goals-microwidget",
       ctaLabel: a ? i.get_started : i.view_details,
       onCTAClick: o,
       title: i.title,
       children: a ? /* @__PURE__ */ e(
-        Wt,
+        Ot,
         {
           header: i.create_goals_header,
           subText: i.micro_zero_state_description
         }
-      ) : /* @__PURE__ */ e(ft, { sx: { justifyContent: "space-between" }, children: p.map((b, l) => /* @__PURE__ */ c(T.Fragment, { children: [
-        /* @__PURE__ */ e(Ot, { goal: b }),
+      ) : /* @__PURE__ */ e(f, { sx: { justifyContent: "space-between" }, children: p.map((b, l) => /* @__PURE__ */ c(T.Fragment, { children: [
+        /* @__PURE__ */ e(Lt, { goal: b }),
         l !== p.length - 1 && /* @__PURE__ */ e(v, {})
       ] }, b.guid)) })
     }
   );
 });
 export {
-  Un as GoalsMicroWidget,
-  Hn as GoalsWidget
+  $n as GoalsMicroWidget,
+  Fn as GoalsWidget
 };