@mx-cartographer/experiences 7.13.9 → 7.13.11

package/dist/goals/index.es.js

@@ -5,19 +5,19 @@ import T from "react";
 import { observer as D } from "mobx-react-lite";
 import Pe from "@mui/material/Alert";
 import je from "@mui/material/Snackbar";
-import f from "@mui/material/Stack";
+import y from "@mui/material/Stack";
 import ie from "@mui/material/Tab";
 import Fe from "@mui/material/Tabs";
 import { Text as C, H3 as le, 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 Re from "@mui/material/CardActionArea";
-import xe from "@mui/material/CardContent";
-import ye from "@mui/material/Unstable_Grid2";
+import xe from "@mui/material/CardActionArea";
+import Re from "@mui/material/CardContent";
+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 fe, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
-import { u as R, k as G, b as ue, a as _e, d as P, o as Ge, g as Ne } from "../hooks-BxkfR-Ff.mjs";
+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 { f as I } from "../NumberFormatting-QCaNwbjv.mjs";
 import { S as Qe } from "../StatusBar-BK_uYHAB.mjs";
@@ -31,7 +31,7 @@ import k from "@mui/material/ListItem";
 import z from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { b as B } from "../Localization-CPkpIwIx.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";
@@ -51,15 +51,15 @@ 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-D_iaToWJ.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 yt from "@mui/material/styles/useTheme";
-import { S as ft } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+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(f, { children: [
+  return /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t }),
     /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "body1", children: n })
   ] });
@@ -69,7 +69,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   "$1$2$3"
 ) : I(t, "0,0.00"), Le = D(
   ({ goal: t, isInDrawer: n = !1, onClick: u }) => {
-    const { goals: l } = R(), { isMobile: _, isTablet: i } = pe(), d = _ || i, {
+    const { goals: l } = x(), { isMobile: _, isTablet: i } = pe(), d = _ || i, {
       backgroundColor: s,
       color: p,
       percentage: h,
@@ -92,7 +92,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             outlineColor: "primary.main"
           }
         },
-        children: /* @__PURE__ */ c(Re, { disabled: !u, onClick: u, children: [
+        children: /* @__PURE__ */ c(xe, { disabled: !u, onClick: u, children: [
           /* @__PURE__ */ e(
             He,
             {
@@ -111,21 +111,27 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
                   )}`
                 }
               ),
+              sx: { alignItems: "flex-start", "& .MuiCardHeader-content": { minWidth: 0 } },
               title: /* @__PURE__ */ e(
                 C,
                 {
                   color: "text.secondary",
                   fontWeight: 400,
-                  sx: { fontSize: "15px", lineHeight: "20px" },
+                  sx: {
+                    fontSize: "15px",
+                    lineHeight: "20px",
+                    whiteSpace: "normal",
+                    overflowWrap: "break-word"
+                  },
                   variant: "h4",
                   children: t.name
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(xe, { sx: { pt: 0 }, children: /* @__PURE__ */ c(f, { gap: 6, children: [
+          /* @__PURE__ */ e(Re, { sx: { pt: 0 }, children: /* @__PURE__ */ c(y, { gap: 6, children: [
             /* @__PURE__ */ e(Qe, { data: m, height: 24 }),
-            /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__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 })
             ] })
@@ -135,7 +141,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     );
   }
 ), Tt = D(({ trackType: t }) => {
-  const { goals: n } = R(), { setAlert: u, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: _ } = G(), i = T.useMemo(() => {
+  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]);
@@ -148,7 +154,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       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(f, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(y, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
     J,
     {
       isSaveDisabled: !d || isNaN(d),
@@ -172,7 +178,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   ) });
 }), Ct = ({ goal: t, index: n, onUpClick: u }) => {
-  const { goals: l } = R(), { percentage: _ } = de(l, t), i = t.goal_type === ce.KEEP_BALANCE_BELOW || t.has_been_spent ? l.goal_completed : B(l.goal_percentage_reached, `${_ * 100}`);
+  const { goals: l } = x(), { percentage: _ } = de(l, t), i = t.goal_type === ce.KEEP_BALANCE_BELOW || t.has_been_spent ? l.goal_completed : W(l.goal_percentage_reached, `${_ * 100}`);
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     M,
     {
@@ -191,10 +197,10 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             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: "body1" }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ c(f, { sx: { maxWidth: "70%" }, 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: "body1", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : B(
+            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : W(
               l.goal_projection,
               he(
                 ne(t.projected_to_complete_at || 0),
@@ -207,8 +213,8 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   ) });
-}, Rt = ({ goal: t }) => {
-  const { goals: n } = R();
+}, xt = ({ goal: t }) => {
+  const { goals: n } = x();
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
     M,
     {
@@ -216,10 +222,10 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
       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(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ c(f, { children: [
+        /* @__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: "body1", children: t.name }),
-            /* @__PURE__ */ e(C, { variant: "caption", children: B(
+            /* @__PURE__ */ e(C, { variant: "caption", children: W(
               n.completed_label,
               he(
                 ne(t.completed_at || 0),
@@ -232,23 +238,23 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   ) }, t.guid);
-}, xt = ({ trackType: t }) => {
-  const { goals: n, common: u } = R(), { loadGoals: l, orderedGoals: _, reorderGoals: i } = G(), d = _.filter((y) => y.track_type === t), s = d.filter(
-    (y) => y.track_type === r.SAVINGS_TRACK && !y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && !y.is_complete
+}, Rt = ({ trackType: t }) => {
+  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(
-    (y) => y.track_type === r.SAVINGS_TRACK && y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && y.is_complete
+    (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 x = async (y) => {
-    const A = [...s], S = A.findIndex((K) => K.guid === y.guid);
+  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 i(A), await l();
   };
-  return /* @__PURE__ */ c(f, { children: [
+  return /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(V, {}), onClick: () => a(!0), children: o }),
     /* @__PURE__ */ e(
       Q,
@@ -257,28 +263,28 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         isOpen: h,
         onClose: () => a(!1),
         title: b,
-        children: /* @__PURE__ */ c(f, { children: [
-          /* @__PURE__ */ c(f, { m: 24, children: [
+        children: /* @__PURE__ */ c(y, { children: [
+          /* @__PURE__ */ c(y, { m: 24, children: [
             /* @__PURE__ */ e(le, { 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: "caption", children: n.goal_priority }),
-          /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((y, A) => {
+          /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((f, A) => {
             const S = A >= s.length - 1;
-            return /* @__PURE__ */ c(f, { children: [
-              /* @__PURE__ */ e(Ct, { goal: y, index: A, onUpClick: x }),
+            return /* @__PURE__ */ c(y, { children: [
+              /* @__PURE__ */ e(Ct, { goal: f, index: A, onUpClick: R }),
               /* @__PURE__ */ e(v, { variant: S ? "fullWidth" : "inset" })
-            ] }, `ongoing-${y.guid}`);
+            ] }, `ongoing-${f.guid}`);
           }) }),
-          t !== r.RETIREMENT_TRACK && p.length > 0 && /* @__PURE__ */ c(f, { children: [
+          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((y, A) => {
+            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: p.map((f, A) => {
               const S = A > s.length - 1;
-              return /* @__PURE__ */ c(f, { children: [
-                /* @__PURE__ */ e(Rt, { goal: y }),
+              return /* @__PURE__ */ c(y, { children: [
+                /* @__PURE__ */ e(xt, { goal: f }),
                 /* @__PURE__ */ e(v, { variant: S ? "fullWidth" : "inset" })
-              ] }, `complete-${y.guid}`);
+              ] }, `complete-${f.guid}`);
             }) })
           ] })
         ] })
@@ -286,23 +292,23 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, se = D(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: u } = pe(), { goals: l } = R(), { selectedAccountGuids: _ } = ue(), { orderedGoals: i, setSelectedGoal: d } = G(), s = i.filter(
+  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(
     (o) => o.track_type === r.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== r.SAVINGS_TRACK && !o.is_complete
   ), h = s.filter(
     (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(f, { mt: 16, mx: u ? 24 : 0, children: [
-    /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+  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: "body2", children: l.ongoing_title }),
-      /* @__PURE__ */ e(xt, { trackType: t })
+      /* @__PURE__ */ e(Rt, { trackType: t })
     ] }),
-    p.length > 0 ? /* @__PURE__ */ e(ye, { container: !0, spacing: 24, children: p.map((o, 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: u || b === 0 && m.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: o, onClick: () => d(o) }, o.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(
-      f,
+      y,
       {
         alignItems: "center",
         bgcolor: "background.default",
@@ -329,9 +335,9 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         ]
       }
     ),
-    t !== r.RETIREMENT_TRACK && /* @__PURE__ */ c(f, { gap: 16, mt: 48, children: [
+    t !== r.RETIREMENT_TRACK && /* @__PURE__ */ c(y, { gap: 16, mt: 48, children: [
       /* @__PURE__ */ e(le, { color: "text.secondary", variant: "body2", children: l.complete_title }),
-      h.length === 0 && /* @__PURE__ */ e(f, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
+      h.length === 0 && /* @__PURE__ */ e(y, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
         q,
         {
           sx: (o) => ({
@@ -345,8 +351,8 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           children: a
         }
       ) }),
-      h.map((o) => /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ e(Re, { onClick: () => d(o), children: /* @__PURE__ */ e(xe, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", gap: 6, 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: "body1", children: o.name })
         ] }),
@@ -355,8 +361,8 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ] })
   ] });
 }), St = ({ goalType: t, onClick: n }) => {
-  const { goals: u } = R(), { bgcolor: l, icon: _, label: i, description: d, subTypes: s, type: p } = t, [h, a] = T.useState(!1), o = s.length > 0;
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ c(L, { sx: { bgcolor: "background.paper" }, children: [
+  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,
       {
@@ -366,7 +372,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           p
         ),
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(oe, { sx: { bgcolor: l }, variant: "rounded", children: /* @__PURE__ */ e(fe, { name: _, sx: { color: "grey.900" } }) }) }),
+          /* @__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, {}))
@@ -375,7 +381,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ) }),
     /* @__PURE__ */ e(v, { variant: "inset" }),
     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(fe, { name: b.icon }) }),
+      /* @__PURE__ */ e(tt, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: b.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
@@ -393,7 +399,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   onSave: l,
   title: _
 }) => {
-  const { goals: i, common: d } = R(), { config: s } = _e(), [p, h] = T.useState([]), a = (o) => {
+  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);
   };
@@ -443,27 +449,27 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }, Et = ({ onClose: t }) => {
-  const { goals: n } = R(), { 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, x) => {
-    x === r.DEBT_TRACK ? h(!0) : i({
+  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,
       initial_amount: 0,
       meta_type: g,
       name: m,
-      track_type: x
+      track_type: R
     });
   }, b = async (m) => {
     for (const g of m) {
-      let x = Z.CREDIT_CARD;
-      g.account_type === ge.LOAN ? x = Z.LOANS : g.account_type === ge.LINE_OF_CREDIT && (x = Z.LINE_OF_CREDIT), await u({
+      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: g.balance || 0,
         interest_rate: g.interest_rate || 0,
-        meta_type: x,
+        meta_type: R,
         monthly_payment: g.minimum_payment || 0,
         name: we(g, {
           allowNickname: d?.show_account_nicknames_in_master
@@ -473,7 +479,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
     h(!1), t?.(r.DEBT_TRACK);
   };
-  return /* @__PURE__ */ c(f, { children: [
+  return /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: a.map((m, g) => /* @__PURE__ */ e(St, { goalType: m, onClick: o }, g)) }),
     /* @__PURE__ */ e(
       Oe,
@@ -486,7 +492,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, Be = ({ account: t }) => {
+}, We = ({ account: t }) => {
   const n = ot(t);
   return /* @__PURE__ */ c(k, { sx: { bgcolor: "background.paper", p: 24 }, children: [
     /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
@@ -505,7 +511,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, vt = D(({ goal: t }) => {
-  const { goals: n } = R(), { 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 { 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 !== r.RETIREMENT_TRACK ? await _(m) : await i(m), u(n.alert_goal_updated_amount));
   }, b = () => {
@@ -539,18 +545,18 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }), It = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = P(), { accounts: l, goals: _ } = R(), { 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 x = { ...t, account_guid: g, current_amount: m || 0 };
-    h ? s(x) : (await p(x), d(_.alert_account_changed)), o(!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(f, { children: [
+  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: () => o(!0), children: [
-      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(y, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(Ie, { filled: !0 }),
         _.details_add_account
       ] }) }),
       /* @__PURE__ */ e(V, { color: "primary" })
-    ] }) }) : /* @__PURE__ */ c(f, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+    ] }) }) : /* @__PURE__ */ c(y, { sx: { gap: 8, my: 24, mx: 24 }, children: [
       /* @__PURE__ */ e(me, { onClick: () => o(!0), variant: "text", children: _.details_change_account }),
       /* @__PURE__ */ e(
         C,
@@ -558,11 +564,11 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
           color: "text.secondary",
           sx: { textAlign: "center", whiteSpace: "wrap" },
           variant: "subtitle1",
-          children: B(_.details_change_account_description, t.name)
+          children: W(_.details_change_account_description, t.name)
         }
       )
     ] }),
-    /* @__PURE__ */ e(Q, { isOpen: a, onClose: () => o(!1), title: _.details_change_account, children: /* @__PURE__ */ c(f, { children: [
+    /* @__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(z, { children: /* @__PURE__ */ e(
@@ -610,7 +616,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] });
 }, Gt = D(({ goal: t }) => {
-  const { goals: n } = R(), { 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 { 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 = () => {
@@ -641,7 +647,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }), Nt = ({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: u, setSelectedGoal: l, updateRetirementGoal: _ } = G(), [i, d] = T.useState(t.retirement_age || 65), s = !t.guid, p = async () => {
+  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));
@@ -675,7 +681,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }, kt = D(({ goal: t }) => {
-  const { goals: n } = R(), { 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 () => {
+  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(
@@ -701,7 +707,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }), wt = ({ goal: t }) => {
-  const { goals: n } = R(), { visibleRetirementAccounts: u } = P(), {
+  const { goals: n } = x(), { visibleRetirementAccounts: u } = P(), {
     addRetirementGoalAccount: l,
     newRetirementGoalAccounts: _,
     retirementGoalAccounts: i,
@@ -710,11 +716,11 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     setNewRetirementGoalAccounts: p,
     setSelectedGoal: h
   } = G(), [a, o] = T.useState(!1), b = !t.guid, m = u.filter(
-    (y) => b ? _.find((A) => A.account_guid === y.guid) : i.find((A) => A.account_guid === y.guid)
+    (f) => b ? _.find((A) => A.account_guid === f.guid) : i.find((A) => A.account_guid === f.guid)
   ), g = u.filter(
-    (y) => !i.find((A) => A.account_guid === y.guid)
-  ), x = async (y) => {
-    const A = y.map((S) => ({
+    (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
     }));
@@ -725,16 +731,16 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         await l(S), s(n.alert_account_added);
     h({
       ...d,
-      current_amount: y.reduce((S, N) => S + (N.balance || 0), 0)
+      current_amount: f.reduce((S, N) => S + (N.balance || 0), 0)
     }), o(!1);
   };
-  return /* @__PURE__ */ c(f, { children: [
-    m.map((y) => /* @__PURE__ */ c(f, { children: [
-      /* @__PURE__ */ e(Be, { account: y }),
+  return /* @__PURE__ */ c(y, { children: [
+    m.map((f) => /* @__PURE__ */ c(y, { children: [
+      /* @__PURE__ */ e(We, { account: f }),
       /* @__PURE__ */ e(v, {})
-    ] }, y.guid)),
+    ] }, 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(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, 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
       ] }) }),
@@ -746,19 +752,19 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         accounts: g,
         isOpen: a,
         onClose: () => o(!1),
-        onSave: x,
+        onSave: R,
         title: n.add_select_accounts
       }
     )
   ] });
 }, Dt = D(({ goal: t }) => {
-  const { goals: n } = R(), { visibleAccounts: u } = P(), l = T.useMemo(
+  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(f, { children: [
-    /* @__PURE__ */ c(f, { mx: 24, children: [
+  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: "caption", children: i }),
       /* @__PURE__ */ e(Le, { goal: t, isInDrawer: !0 }),
       /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: n.details_title })
@@ -767,7 +773,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(Gt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
         w,
         {
-          primary: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          primary: /* @__PURE__ */ c(y, { 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 })
           ] }),
@@ -796,7 +802,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }),
     /* @__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(Be, { account: l }),
+      /* @__PURE__ */ e(We, { account: l }),
       /* @__PURE__ */ e(v, {})
     ] }),
     t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c($, { children: [
@@ -806,7 +812,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     t.track_type === r.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(It, { goal: t })
   ] });
 }), Kt = D(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = P(), { goals: u, common: l } = R(), {
+  const { visibleRetirementAccounts: n } = P(), { goals: u, common: l } = x(), {
     addGoal: _,
     addRetirementGoal: i,
     deleteGoal: d,
@@ -817,7 +823,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     setAlert: o,
     setSelectedGoal: b,
     updateGoal: m
-  } = G(), { user: g } = Ge(), [x, y] = T.useState(!1), A = !a?.guid, S = a?.track_type === r.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, N = T.useMemo(() => {
+  } = 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(() => {
@@ -826,14 +832,14 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     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 = () => y(!0);
+  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 () => {
+  }, 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 = {
@@ -842,7 +848,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     };
     await m(E), o(u.alert_goal_completed), b(void 0);
   };
-  return /* @__PURE__ */ c(f, { children: [
+  return /* @__PURE__ */ c(y, { children: [
     /* @__PURE__ */ e(
       Q,
       {
@@ -863,26 +869,26 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       ut,
       {
         copy: { close_aria: l.close_aria, title: u.delete_goal },
-        isOpen: x,
+        isOpen: R,
         maxWidth: "xs",
-        onClose: () => y(!1),
-        onPrimaryAction: W,
+        onClose: () => f(!1),
+        onPrimaryAction: B,
         primaryColor: "error",
         primaryText: l.delete_button,
-        children: /* @__PURE__ */ e(C, { sx: { textWrap: "wrap" }, variant: "subtitle1", children: B(u.delete_description, a?.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: u } = Ne(), { isMobile: l } = pe(), { isAccountDataLoaded: _, loadAccountData: i } = P(), { isInitialized: d } = ue(), { goals: s, common: p } = R(), {
+  const { onEvent: u } = Ne(), { isMobile: l } = pe(), { isAccountDataLoaded: _, loadAccountData: i } = P(), { isInitialized: d } = ue(), { goals: s, common: p } = x(), {
     alert: h,
     goals: a,
     isAllGoalDataLoaded: o,
     loadGoalData: b,
     monthlyCashFlowProfile: m,
     setAlert: g,
-    retirmentGoals: x
-  } = G(), [y, 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;
+    retirmentGoals: R
+  } = 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: o
@@ -893,23 +899,23 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   }, [d]);
   const ae = () => {
     u(H.GOALS_CLICK_FILTER);
-  }, W = () => {
+  }, 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) && x.length === 0),
-    [a, o, x]
+    () => o && (a.length === 0 || a.every(({ track_type: O }) => !O) && R.length === 0),
+    [a, o, R]
   );
   if (!d || !o)
     return /* @__PURE__ */ e(Me, {});
-  const j = B(
+  const j = W(
     l ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(K, "0,0")
-  ), F = B(
+  ), F = W(
     l ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(U, "0,0")
-  ), ee = B(
+  ), ee = W(
     l ? s.tab_subtitle_mobile : s.tab_subtitle,
     I(Y, "0,0")
   );
@@ -920,7 +926,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
         {
           iconName: "add",
           label: s.add_title,
-          onClick: W
+          onClick: B
         }
       ],
       onAccountsFilterClick: ae,
@@ -928,14 +934,14 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
       sx: n,
       title: s.title,
       children: [
-        /* @__PURE__ */ c(f, { mx: l ? 0 : 48, my: 24, children: [
+        /* @__PURE__ */ c(y, { mx: l ? 0 : 48, my: 24, children: [
           /* @__PURE__ */ c(
             Fe,
             {
-              onChange: (O, We) => A(We),
+              onChange: (O, Be) => A(Be),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
-              value: E ? !1 : y,
+              value: E ? !1 : f,
               variant: "fullWidth",
               children: [
                 /* @__PURE__ */ e(
@@ -967,7 +973,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
             {
               header: s.create_goals_header,
               icon: "trophy",
-              onClick: W,
+              onClick: B,
               primaryButton: s.add_goals_button,
               subText: s.empty_state_subheader,
               sx: {
@@ -978,9 +984,9 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
               }
             }
           ) : /* @__PURE__ */ c($, { children: [
-            y === 0 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: r.SAVINGS_TRACK }),
-            y === 1 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: r.DEBT_TRACK }),
-            y === 2 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: r.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: X }),
@@ -999,21 +1005,21 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }), Mt = D(({ goal: t }) => {
-  const { goals: n } = R(), u = yt(), {
+  const { goals: n } = x(), u = ft(), {
     backgroundColor: l,
     color: _,
     percentage: i,
     projectedText: d
   } = 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(f, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+  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(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(
-      ft,
+      yt,
       {
         backgroundStrokeColor: u.palette.border.lighter,
         color: u.palette.primary.main,
@@ -1025,7 +1031,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }), Lt = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(
-  f,
+  y,
   {
     sx: {
       alignItems: "center",
@@ -1048,7 +1054,7 @@ const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
     ]
   }
 ), Fn = D(({ onCTAClick: t }) => {
-  const { isAccountDataLoaded: n, loadAccountData: u, visibleAccounts: l } = P(), { onEvent: _ } = Ne(), { goals: i } = R(), { isInitialized: d } = ue(), { ongoingGoalsForMicroWidget: s, isAllGoalDataLoaded: p, loadGoalData: h } = G();
+  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