@mx-cartographer/experiences 7.4.5-alpha.mega1 → 7.4.5-alpha.saba-1

package/dist/cashflow/index.es.js

@@ -182,7 +182,7 @@ const K = () => {
       onPrimaryCtaClick: a,
       primaryCtaLabel: i.primary_cta,
       subTitle: c || !l ? void 0 : i.sub_title,
-      sx: { height: "100%", ...t },
+      sx: t,
       title: i.title,
       children: [
         !l && /* @__PURE__ */ e(te, {}),

package/dist/goals/index.es.js

@@ -1,4 +1,4 @@
-import { g as _e, T as m, G as ue, a as Pe, M as q, C as Ae, b as Ve } from "../GoalStore-CrNhjvNc.mjs";
+import { g as _e, T as u, G as ue, a as Pe, M as q, C as Te, b as Ve } from "../GoalStore-CrNhjvNc.mjs";
 import { c as qn, d as Jn } from "../GoalStore-CrNhjvNc.mjs";
 import { jsxs as i, jsx as e, Fragment as U } from "react/jsx-runtime";
 import y from "react";
@@ -10,15 +10,15 @@ import ce from "@mui/material/Tab";
 import ze from "@mui/material/Tabs";
 import { Text as A, H2 as pe, P, H3 as He, Icon as $e, InstitutionLogo as oe } from "@mxenabled/mxui";
 import he from "@mui/material/Button";
-import Te from "@mui/material/Card";
-import Ce from "@mui/material/CardActionArea";
-import Se from "@mui/material/CardContent";
-import be from "@mui/material/Unstable_Grid2";
+import Ce from "@mui/material/Card";
+import Se from "@mui/material/CardActionArea";
+import Re from "@mui/material/CardContent";
+import fe from "@mui/material/Unstable_Grid2";
 import ae from "@mui/material/Avatar";
 import Xe from "@mui/material/CardHeader";
-import { Payments as Re, NoteStack as Ee, Person as xe, ChevronRight as M, DragHandle as Ue, CheckCircle as Ye, Icon as fe, ExpandLess as Ze, ExpandMore as qe, AddBox as ve, Trophy as Je } from "@mxenabled/mx-icons";
-import { u as C, l as I, a as Ie, d as j, p as Ge, g as Ne, n as Qe, b as ke } from "../hooks-C41HAxM5.mjs";
-import { u as ge } from "../useScreenSize-B6JyS_Lj.mjs";
+import { Payments as Ee, NoteStack as xe, Person as ve, ChevronRight as M, DragHandle as Ue, CheckCircle as Ye, Icon as ye, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
+import { u as C, l as I, b as ge, a as Ge, d as j, p as Ne, g as ke, n as Qe } from "../hooks-C41HAxM5.mjs";
+import { u as be } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as x } from "../NumberFormatting-DjTD0t3W.mjs";
 import { S as et } from "../StatusBar-BK_uYHAB.mjs";
 import E from "@mui/material/Divider";
@@ -34,7 +34,7 @@ import { D as F } from "../Drawer-BEtCk82g.mjs";
 import { b as L } from "../Localization-2MODESHW.mjs";
 import { f as re, a as ie, D as nt } from "../Dialog-BPTr3qHE.mjs";
 import V from "@mui/material/ListItemAvatar";
-import { g as De, A as ye } from "../ConnectDrawer-CuUj16NH.mjs";
+import { g as De, A as Ae } from "../ConnectDrawer-CuUj16NH.mjs";
 import ot from "@mui/material/Collapse";
 import at from "@mui/material/ListItemIcon";
 import rt from "@mui/material/Checkbox";
@@ -67,54 +67,54 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
   "$1$2$3"
 ) : x(t, "0,0.00"), Le = D(
   ({ goal: t, isInDrawer: n = !1, onClick: s }) => {
-    const { goals: l } = C(), { isMobile: p, isTablet: a } = ge(), u = p || a, {
+    const { goals: c } = C(), { isMobile: p, isTablet: a } = be(), _ = p || a, {
       backgroundColor: h,
       color: g,
       percentage: r,
-      percentageText: o,
-      projectedText: _
-    } = _e(l, t), d = t.track_type === m.DEBT_TRACK ? t.initial_amount : t.amount, c = [
+      percentageText: m,
+      projectedText: o
+    } = _e(c, t), d = t.track_type === u.DEBT_TRACK ? t.initial_amount : t.amount, l = [
       {
         color: h,
         percentage: `${r}`
       }
     ];
-    let f = /* @__PURE__ */ e(Re, {});
-    return t.track_type === m.DEBT_TRACK ? f = /* @__PURE__ */ e(Ee, {}) : t.track_type === m.RETIREMENT_TRACK && (f = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ e(Te, { elevation: 2, children: /* @__PURE__ */ i(Ce, { disabled: !s, onClick: s, children: [
+    let f = /* @__PURE__ */ e(Ee, {});
+    return t.track_type === u.DEBT_TRACK ? f = /* @__PURE__ */ e(xe, {}) : t.track_type === u.RETIREMENT_TRACK && (f = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ i(Se, { disabled: !s, onClick: s, children: [
       /* @__PURE__ */ e(
         Xe,
         {
           avatar: /* @__PURE__ */ e(ae, { sx: { bgcolor: h, color: g, height: 48, width: 48 }, variant: "rounded", children: f }),
-          subheader: /* @__PURE__ */ e(A, { variant: n || u ? "H3" : "H2", children: `${x(t.current_amount, u ? "0,0" : "0,0.00")} / ${Et(
+          subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "H3" : "H2", children: `${x(t.current_amount, _ ? "0,0" : "0,0.00")} / ${Et(
             d,
-            u
+            _
           )}` }),
           title: /* @__PURE__ */ e(pe, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
         }
       ),
-      /* @__PURE__ */ e(Se, { sx: { pt: 0 }, children: /* @__PURE__ */ i(b, { gap: 6, children: [
-        /* @__PURE__ */ e(et, { data: c, height: 24 }),
+      /* @__PURE__ */ e(Re, { sx: { pt: 0 }, children: /* @__PURE__ */ i(b, { gap: 6, children: [
+        /* @__PURE__ */ e(et, { data: l, height: 24 }),
         /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: o }),
-          t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: _ })
+          /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: m }),
+          t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: o })
         ] })
       ] }) })
     ] }) });
   }
 ), xt = D(({ trackType: t }) => {
-  const { goals: n } = C(), { setAlert: s, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: p } = I(), a = y.useMemo(() => {
+  const { goals: n } = C(), { setAlert: s, monthlyCashFlowProfile: c, updateMonthlyCashFlowProfile: p } = I(), a = y.useMemo(() => {
     let r = 0;
-    return t === m.SAVINGS_TRACK ? r = l?.amount_allocated_for_savings_goals || 0 : t === m.DEBT_TRACK ? r = l?.amount_allocated_for_debt_goals || 0 : t === m.RETIREMENT_TRACK && (r = l?.amount_allocated_for_retirement_goals || 0), r;
-  }, [l]), [u, h] = y.useState(a), g = async () => {
-    if (l) {
-      const r = { ...l };
-      t === m.SAVINGS_TRACK ? r.amount_allocated_for_savings_goals = u : t === m.DEBT_TRACK ? r.amount_allocated_for_debt_goals = u : t === m.RETIREMENT_TRACK && (r.amount_allocated_for_retirement_goals = u), await p(r), s(n.alert_contribution_updated);
+    return t === u.SAVINGS_TRACK ? r = c?.amount_allocated_for_savings_goals || 0 : t === u.DEBT_TRACK ? r = c?.amount_allocated_for_debt_goals || 0 : t === u.RETIREMENT_TRACK && (r = c?.amount_allocated_for_retirement_goals || 0), r;
+  }, [c]), [_, h] = y.useState(a), g = async () => {
+    if (c) {
+      const r = { ...c };
+      t === u.SAVINGS_TRACK ? r.amount_allocated_for_savings_goals = _ : t === u.DEBT_TRACK ? r.amount_allocated_for_debt_goals = _ : t === u.RETIREMENT_TRACK && (r.amount_allocated_for_retirement_goals = _), await p(r), s(n.alert_contribution_updated);
     }
   };
   return /* @__PURE__ */ e(b, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
     Q,
     {
-      isSaveDisabled: !u || isNaN(u),
+      isSaveDisabled: !_ || isNaN(_),
       label: n.contribution_label,
       onCancel: () => h(a),
       onSave: g,
@@ -123,28 +123,28 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       children: /* @__PURE__ */ e(
         we,
         {
-          amount: u,
+          amount: _,
           autoFocus: !0,
-          error: !u || isNaN(u),
+          error: !_ || isNaN(_),
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (r) => h(isNaN(Number(r)) ? u : Number(r)),
+          setAmount: (r) => h(isNaN(Number(r)) ? _ : Number(r)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   ) });
 }), vt = ({ goals: t }) => {
-  const { goals: n, common: s } = C(), { reorderGoals: l, setAlert: p } = I(), [a, u] = y.useState(!1), [h, g] = y.useState(t.map((c) => ({ ...c })));
+  const { goals: n, common: s } = C(), { reorderGoals: c, setAlert: p } = I(), [a, _] = y.useState(!1), [h, g] = y.useState(t.map((l) => ({ ...l })));
   y.useEffect(() => {
-    a && g(t.map((c) => ({ ...c })));
+    a && g(t.map((l) => ({ ...l })));
   }, [a]);
   const r = [
     {
       field: "name",
       flex: 1,
-      renderCell: (c) => {
-        const f = c.row;
+      renderCell: (l) => {
+        const f = l.row;
         return /* @__PURE__ */ i(b, { children: [
           /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: f.name }),
           /* @__PURE__ */ e(A, { variant: "XSmall", children: L(
@@ -162,28 +162,28 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       align: "right",
       field: "amount",
       minWidth: 140,
-      renderCell: (c) => {
-        const f = c.row;
+      renderCell: (l) => {
+        const f = l.row;
         return /* @__PURE__ */ e(A, { bold: !0, sx: { mr: 12 }, variant: "Body", children: x(f.amount, "0,0.00") });
       },
       sortable: !1
     }
-  ], o = h.map((c) => ({
-    id: c.guid,
+  ], m = h.map((l) => ({
+    id: l.guid,
     isHovering: !1,
-    __reorder__: c.name,
-    ...c
-  })), _ = ({ oldIndex: c, targetIndex: f }) => {
+    __reorder__: l.name,
+    ...l
+  })), o = ({ oldIndex: l, targetIndex: f }) => {
     const T = [...h];
-    T.splice(f, 0, T.splice(c, 1)[0]);
+    T.splice(f, 0, T.splice(l, 1)[0]);
     for (let S = 0; S < T.length; S += 1)
       T[S].position = S + 1;
     g(T);
   }, d = async () => {
-    await l(h), p(n.alert_goals_reordered), u(!1);
+    await c(h), p(n.alert_goals_reordered), _(!1);
   };
   return /* @__PURE__ */ i(b, { children: [
-    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(k, { onClick: () => u(!0), children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(k, { onClick: () => _(!0), children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(
       b,
       {
         alignItems: "center",
@@ -201,7 +201,7 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       {
         ariaLabelClose: s.close_aria,
         isOpen: a,
-        onClose: () => u(!1),
+        onClose: () => _(!1),
         onPrimaryAction: d,
         title: n.reorder_goals_title,
         children: /* @__PURE__ */ i(b, { children: [
@@ -214,9 +214,9 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
               disableColumnFilter: !0,
               disableColumnMenu: !0,
               hideFooter: !0,
-              onRowOrderChange: _,
+              onRowOrderChange: o,
               rowReordering: !0,
-              rows: o,
+              rows: m,
               slots: {
                 rowReorderIcon: () => /* @__PURE__ */ e(Ue, { sx: { ml: 12 } })
                 //TODO: Add to mx-icons
@@ -233,9 +233,9 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, It = ({ goal: t, index: n }) => {
-  const { goals: s } = C(), { percentage: l } = _e(s, t), p = t.goal_type === ue.KEEP_BALANCE_BELOW || t.has_been_spent ? s.goal_completed : L(s.goal_percentage_reached, `${l * 100}`);
+  const { goals: s } = C(), { percentage: c } = _e(s, t), p = t.goal_type === ue.KEEP_BALANCE_BELOW || t.has_been_spent ? s.goal_completed : L(s.goal_percentage_reached, `${c * 100}`);
   return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { children: [
-    t.track_type !== m.RETIREMENT_TRACK && /* @__PURE__ */ e(
+    t.track_type !== u.RETIREMENT_TRACK && /* @__PURE__ */ e(
       V,
       {
         sx: {
@@ -280,13 +280,13 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] }) }, t.guid);
 }, Nt = ({ trackType: t }) => {
-  const { goals: n, common: s } = C(), { orderedGoals: l } = I(), p = l.filter((c) => c.track_type === t), a = p.filter(
-    (c) => c.track_type === m.SAVINGS_TRACK && !c.has_been_spent || c.track_type !== m.SAVINGS_TRACK && !c.is_complete
-  ), u = p.filter(
-    (c) => c.track_type === m.SAVINGS_TRACK && c.has_been_spent || c.track_type !== m.SAVINGS_TRACK && c.is_complete
+  const { goals: n, common: s } = C(), { orderedGoals: c } = I(), p = c.filter((l) => l.track_type === t), a = p.filter(
+    (l) => l.track_type === u.SAVINGS_TRACK && !l.has_been_spent || l.track_type !== u.SAVINGS_TRACK && !l.is_complete
+  ), _ = p.filter(
+    (l) => l.track_type === u.SAVINGS_TRACK && l.has_been_spent || l.track_type !== u.SAVINGS_TRACK && l.is_complete
   ), [h, g] = y.useState(!1);
-  let r = n.manage_saving_goals, o = n.manage_saving_drawer_title, _ = n.manage_saving_title, d = n.manage_saving_description;
-  return t === m.DEBT_TRACK ? (r = n.manage_debt_goals, o = n.manage_debt_drawer_title, _ = n.manage_debt_title, d = n.manage_debt_description) : t === m.RETIREMENT_TRACK && (r = n.manage_retirement_goals, o = n.manage_retirement_drawer_title, _ = n.manage_retirement_title, d = n.manage_retirement_description), /* @__PURE__ */ i(b, { children: [
+  let r = n.manage_saving_goals, m = n.manage_saving_drawer_title, o = n.manage_saving_title, d = n.manage_saving_description;
+  return t === u.DEBT_TRACK ? (r = n.manage_debt_goals, m = n.manage_debt_drawer_title, o = n.manage_debt_title, d = n.manage_debt_description) : t === u.RETIREMENT_TRACK && (r = n.manage_retirement_goals, m = n.manage_retirement_drawer_title, o = n.manage_retirement_title, d = n.manage_retirement_description), /* @__PURE__ */ i(b, { children: [
     /* @__PURE__ */ e(he, { endIcon: /* @__PURE__ */ e(M, {}), onClick: () => g(!0), children: r }),
     /* @__PURE__ */ e(
       F,
@@ -294,40 +294,40 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         ariaLabelClose: s.close_aria,
         isOpen: h,
         onClose: () => g(!1),
-        title: o,
+        title: m,
         children: /* @__PURE__ */ i(b, { children: [
           /* @__PURE__ */ i(b, { m: 24, children: [
-            /* @__PURE__ */ e(He, { children: _ }),
+            /* @__PURE__ */ e(He, { children: o }),
             /* @__PURE__ */ e(P, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: d })
           ] }),
           /* @__PURE__ */ e(xt, { trackType: t }),
           /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
           /* @__PURE__ */ i(B, { sx: { bgcolor: "background.paper" }, children: [
-            a.map((c, f) => {
+            a.map((l, f) => {
               const T = f >= a.length - 1;
               return /* @__PURE__ */ i(b, { children: [
-                /* @__PURE__ */ e(It, { goal: c, index: f }),
+                /* @__PURE__ */ e(It, { goal: l, index: f }),
                 /* @__PURE__ */ e(
                   E,
                   {
-                    variant: T && t === m.RETIREMENT_TRACK ? "fullWidth" : "inset"
+                    variant: T && t === u.RETIREMENT_TRACK ? "fullWidth" : "inset"
                   }
                 )
-              ] }, `ongoing-${c.guid}`);
+              ] }, `ongoing-${l.guid}`);
             }),
-            t !== m.RETIREMENT_TRACK && /* @__PURE__ */ i(b, { children: [
+            t !== u.RETIREMENT_TRACK && /* @__PURE__ */ i(b, { children: [
               /* @__PURE__ */ e(vt, { goals: a }),
               /* @__PURE__ */ e(E, {})
             ] })
           ] }),
-          t !== m.RETIREMENT_TRACK && u.length > 0 && /* @__PURE__ */ i(b, { children: [
+          t !== u.RETIREMENT_TRACK && _.length > 0 && /* @__PURE__ */ i(b, { children: [
             /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
-            /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: u.map((c, f) => {
+            /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: _.map((l, f) => {
               const T = f > a.length - 1;
               return /* @__PURE__ */ i(b, { children: [
-                /* @__PURE__ */ e(Gt, { goal: c }),
+                /* @__PURE__ */ e(Gt, { goal: l }),
                 /* @__PURE__ */ e(E, { variant: T ? "fullWidth" : "inset" })
-              ] }, `complete-${c.guid}`);
+              ] }, `complete-${l.guid}`);
             }) })
           ] })
         ] })
@@ -335,19 +335,19 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, me = D(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: s } = ge(), { goals: l } = C(), { orderedGoals: p, setSelectedGoal: a } = I(), u = p.filter((o) => o.track_type === t), h = u.filter(
-    (o) => o.track_type === m.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== m.SAVINGS_TRACK && !o.is_complete
-  ), g = u.filter(
-    (o) => o.track_type === m.SAVINGS_TRACK && o.has_been_spent || o.track_type !== m.SAVINGS_TRACK && o.is_complete
-  ), r = t === m.DEBT_TRACK ? l.zero_state_complete_debt : l.zero_state_complete_savings;
+  const { isMobile: s } = be(), { goals: c } = C(), { selectedAccountGuids: p } = ge(), { orderedGoals: a, setSelectedGoal: _ } = I(), h = a.filter((o) => o.track_type === t && p.includes(o.account_guid)), g = h.filter(
+    (o) => o.track_type === u.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== u.SAVINGS_TRACK && !o.is_complete
+  ), r = h.filter(
+    (o) => o.track_type === u.SAVINGS_TRACK && o.has_been_spent || o.track_type !== u.SAVINGS_TRACK && o.is_complete
+  ), m = t === u.DEBT_TRACK ? c.zero_state_complete_debt : c.zero_state_complete_savings;
   return /* @__PURE__ */ i(b, { mt: 16, mx: s ? 24 : 0, children: [
     /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: l.ongoing_title }),
+      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: c.ongoing_title }),
       /* @__PURE__ */ e(Nt, { trackType: t })
     ] }),
-    h.length > 0 ? /* @__PURE__ */ e(be, { container: !0, spacing: 24, children: h.map((o, _, d) => (
+    g.length > 0 ? /* @__PURE__ */ e(fe, { container: !0, spacing: 24, children: g.map((o, d, l) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(be, { xs: s || _ === 0 && d.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: o, onClick: () => a(o) }, o.guid) }, _)
+      /* @__PURE__ */ e(fe, { xs: s || d === 0 && l.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: o, onClick: () => _(o) }, o.guid) }, d)
     )) }) : /* @__PURE__ */ i(
       b,
       {
@@ -369,16 +369,16 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
                 width: { sm: 381 }
               }),
               variant: "Small",
-              children: Pe(t, l)
+              children: Pe(t, c)
             }
           ),
-          /* @__PURE__ */ e(he, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: l.add_goals_button })
+          /* @__PURE__ */ e(he, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: c.add_goals_button })
         ]
       }
     ),
-    t !== m.RETIREMENT_TRACK && /* @__PURE__ */ i(b, { gap: 16, mt: 48, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: l.complete_title }),
-      g.length === 0 && /* @__PURE__ */ e(b, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
+    t !== u.RETIREMENT_TRACK && /* @__PURE__ */ i(b, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: c.complete_title }),
+      r.length === 0 && /* @__PURE__ */ e(b, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
         P,
         {
           sx: (o) => ({
@@ -389,10 +389,10 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
             }
           }),
           variant: "Small",
-          children: r
+          children: m
         }
       ) }),
-      g.map((o) => /* @__PURE__ */ e(Te, { elevation: 2, children: /* @__PURE__ */ e(Ce, { onClick: () => a(o), children: /* @__PURE__ */ e(Se, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      r.map((o) => /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ e(Se, { onClick: () => _(o), children: /* @__PURE__ */ e(Re, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", gap: 6, children: [
           /* @__PURE__ */ e($e, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Body", children: o.name })
@@ -402,27 +402,27 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ] })
   ] });
 }), kt = ({ goalType: t, onClick: n }) => {
-  const { goals: s } = C(), { bgcolor: l, icon: p, label: a, description: u, subTypes: h, type: g } = t, [r, o] = y.useState(!1), _ = h.length > 0;
+  const { goals: s } = C(), { bgcolor: c, icon: p, label: a, description: _, subTypes: h, type: g } = t, [r, m] = y.useState(!1), o = h.length > 0;
   return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(B, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
       k,
       {
-        onClick: _ ? () => o(!r) : () => n(
-          g === m.RETIREMENT_TRACK ? s.retirement : "",
-          g === m.RETIREMENT_TRACK ? q.RETIREMENT : q.OTHER,
+        onClick: o ? () => m(!r) : () => n(
+          g === u.RETIREMENT_TRACK ? s.retirement : "",
+          g === u.RETIREMENT_TRACK ? q.RETIREMENT : q.OTHER,
           g
         ),
         children: [
-          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(ae, { sx: { bgcolor: l }, variant: "rounded", children: /* @__PURE__ */ e(fe, { name: p, sx: { color: "grey.900" } }) }) }),
-          /* @__PURE__ */ e(w, { primary: a, secondary: u, sx: { mr: 24 } }),
-          !_ && /* @__PURE__ */ e(M, {}),
-          _ && (r ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(qe, {}))
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(ae, { sx: { bgcolor: c }, variant: "rounded", children: /* @__PURE__ */ e(ye, { name: p, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(w, { primary: a, secondary: _, sx: { mr: 24 } }),
+          !o && /* @__PURE__ */ e(M, {}),
+          o && (r ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(qe, {}))
         ]
       }
     ) }),
     /* @__PURE__ */ e(E, { variant: "inset" }),
-    _ && /* @__PURE__ */ e(ot, { in: r, children: /* @__PURE__ */ e(B, { sx: { bgcolor: "background.default" }, children: h.map((d, c) => /* @__PURE__ */ e(N, { sx: { pl: 48 }, children: /* @__PURE__ */ i(k, { onClick: () => n(d.label, d.metaType, g), children: [
-      /* @__PURE__ */ e(at, { sx: { mr: 8 }, children: /* @__PURE__ */ e(fe, { name: d.icon }) }),
+    o && /* @__PURE__ */ e(ot, { in: r, children: /* @__PURE__ */ e(B, { sx: { bgcolor: "background.default" }, children: h.map((d, l) => /* @__PURE__ */ e(N, { sx: { pl: 48 }, children: /* @__PURE__ */ i(k, { onClick: () => n(d.label, d.metaType, g), children: [
+      /* @__PURE__ */ e(at, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: d.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
@@ -431,56 +431,56 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         }
       ),
       /* @__PURE__ */ e(M, {})
-    ] }) }, c)) }) })
+    ] }) }, l)) }) })
   ] }) });
 }, Be = ({
   accounts: t,
   isOpen: n,
   onClose: s,
-  onSave: l,
+  onSave: c,
   title: p
 }) => {
-  const { goals: a, common: u } = C(), { config: h } = Ie(), [g, r] = y.useState([]), o = (_) => {
-    const d = g.findIndex((f) => f.guid === _.guid), c = [...g];
-    d >= 0 ? c.splice(d, 1) : c.push(_), r(c);
+  const { goals: a, common: _ } = C(), { config: h } = Ge(), [g, r] = y.useState([]), m = (o) => {
+    const d = g.findIndex((f) => f.guid === o.guid), l = [...g];
+    d >= 0 ? l.splice(d, 1) : l.push(o), r(l);
   };
   return /* @__PURE__ */ i(
     F,
     {
-      ariaLabelClose: u.close_aria,
+      ariaLabelClose: _.close_aria,
       isOpen: n,
       onClose: s,
-      onPrimaryAction: () => l(g),
+      onPrimaryAction: () => c(g),
       title: p,
       children: [
         /* @__PURE__ */ e(P, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: a.select_debt_accounts_description }),
         /* @__PURE__ */ i(B, { sx: { bgcolor: "background.white" }, children: [
           /* @__PURE__ */ e(E, { variant: "fullWidth" }),
-          t.map((_, d) => /* @__PURE__ */ i(y.Fragment, { children: [
-            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => o(_), children: [
+          t.map((o, d) => /* @__PURE__ */ i(y.Fragment, { children: [
+            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => m(o), children: [
               /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
                 oe,
                 {
-                  alt: _?.name || "",
-                  institutionGuid: _?.institution_guid || ""
+                  alt: o?.name || "",
+                  institutionGuid: o?.institution_guid || ""
                 }
               ) }),
               /* @__PURE__ */ e(
                 w,
                 {
-                  primary: De(_, {
+                  primary: De(o, {
                     allowNickname: h?.show_account_nicknames_in_master
                   }),
-                  secondary: x(_.balance || 0, "0,0.00")
+                  secondary: x(o.balance || 0, "0,0.00")
                 }
               ),
-              /* @__PURE__ */ e(rt, { checked: g.some((c) => c.guid === _.guid) })
+              /* @__PURE__ */ e(rt, { checked: g.some((l) => l.guid === o.guid) })
             ] }) }),
             /* @__PURE__ */ e(E, { variant: d < t.length - 1 ? "inset" : "fullWidth" })
-          ] }, _.guid))
+          ] }, o.guid))
         ] }),
         /* @__PURE__ */ e(
-          Ae,
+          Te,
           {
             description: a.connect_description,
             label: a.connect_button,
@@ -491,20 +491,20 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }, wt = ({ onClose: t }) => {
-  const { goals: n } = C(), { addGoal: s, debtGoals: l, setAlert: p, setSelectedGoal: a } = I(), { config: u } = Ie(), { visibleDebtAccounts: h } = j(), [g, r] = y.useState(!1), o = Ve(n), _ = (c, f, T) => {
-    T === m.DEBT_TRACK ? r(!0) : a({
+  const { goals: n } = C(), { addGoal: s, debtGoals: c, setAlert: p, setSelectedGoal: a } = I(), { config: _ } = Ge(), { visibleDebtAccounts: h } = j(), [g, r] = y.useState(!1), m = Ve(n), o = (l, f, T) => {
+    T === u.DEBT_TRACK ? r(!0) : a({
       amount: 0,
       current_amount: 0,
       goal_type: ue.SAVE_AMOUNT,
       initial_amount: 0,
       meta_type: f,
-      name: c,
+      name: l,
       track_type: T
     });
-  }, d = async (c) => {
-    for (const f of c) {
+  }, d = async (l) => {
+    for (const f of l) {
       let T = q.CREDIT_CARD;
-      f.account_type === ye.LOAN ? T = q.LOANS : f.account_type === ye.LINE_OF_CREDIT && (T = q.LINE_OF_CREDIT), await s({
+      f.account_type === Ae.LOAN ? T = q.LOANS : f.account_type === Ae.LINE_OF_CREDIT && (T = q.LINE_OF_CREDIT), await s({
         account_guid: f.guid,
         amount: 0,
         current_amount: 0,
@@ -514,19 +514,19 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         meta_type: T,
         monthly_payment: f.minimum_payment || 0,
         name: De(f, {
-          allowNickname: u?.show_account_nicknames_in_master
+          allowNickname: _?.show_account_nicknames_in_master
         }),
-        track_type: m.DEBT_TRACK
+        track_type: u.DEBT_TRACK
       }), p(n.alert_goal_added);
     }
-    r(!1), t?.(m.DEBT_TRACK);
+    r(!1), t?.(u.DEBT_TRACK);
   };
   return /* @__PURE__ */ i(b, { children: [
-    /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: o.map((c, f) => /* @__PURE__ */ e(kt, { goalType: c, onClick: _ }, f)) }),
+    /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: m.map((l, f) => /* @__PURE__ */ e(kt, { goalType: l, onClick: o }, f)) }),
     /* @__PURE__ */ e(
       Be,
       {
-        accounts: h.filter((c) => !l.find((f) => f.account_guid === c.guid)),
+        accounts: h.filter((l) => !c.find((f) => f.account_guid === l.guid)),
         isOpen: g,
         onClose: () => r(!1),
         onSave: d,
@@ -535,10 +535,10 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, Oe = ({ account: t }) => {
-  const { accounts: n } = C(), s = ct(t), { setSelectedAccount: l } = it(), [p, a] = y.useState(!1);
+  const { accounts: n } = C(), s = ct(t), { setSelectedAccount: c } = it(), [p, a] = y.useState(!1);
   return /* @__PURE__ */ i(N, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ i(k, { onClick: () => {
-      l(t), a(!0);
+      c(t), a(!0);
     }, children: [
       /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
         oe,
@@ -562,12 +562,12 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] });
 }, Dt = D(({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, u] = y.useState(t.amount), h = !t.guid, g = a < 0 || a > 9999999999e-2, r = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, o = async () => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: c, updateGoal: p } = I(), [a, _] = y.useState(t.amount), h = !t.guid, g = a < 0 || a > 9999999999e-2, r = t.track_type === u.SAVINGS_TRACK && t.has_been_spent || t.track_type !== u.SAVINGS_TRACK && t.is_complete, m = async () => {
     const d = { ...t, amount: a };
-    t.amount = a, h ? l(d) : (await p(d), s(n.alert_goal_updated_amount));
-  }, _ = () => {
+    t.amount = a, h ? c(d) : (await p(d), s(n.alert_goal_updated_amount));
+  }, o = () => {
     setTimeout(() => {
-      u(t.amount);
+      _(t.amount);
     }, 250);
   };
   return /* @__PURE__ */ e(
@@ -576,8 +576,8 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       isDisabled: r,
       isSaveDisabled: g,
       label: n.details_amount_to_save,
-      onCancel: _,
-      onSave: o,
+      onCancel: o,
+      onSave: m,
       primaryText: n.details_amount_to_save,
       secondaryText: x(t.amount, "0,0"),
       zeroStateText: h && t.amount === 0 ? n.add_amount : void 0,
@@ -589,26 +589,26 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
           error: g,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (d) => u(isNaN(Number(d)) ? a : Number(d)),
+          setAmount: (d) => _(isNaN(Number(d)) ? a : Number(d)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), Kt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: s } = j(), { accounts: l, goals: p } = C(), { setAlert: a, setSelectedGoal: u, updateGoal: h } = I(), g = !t.guid, [r, o] = y.useState(!1), _ = async ({ balance: d, guid: c }) => {
-    const f = { ...t, account_guid: c, current_amount: d || 0 };
-    g ? u(f) : (await h(f), a(p.alert_account_changed)), o(!1);
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: s } = j(), { accounts: c, goals: p } = C(), { setAlert: a, setSelectedGoal: _, updateGoal: h } = I(), g = !t.guid, [r, m] = y.useState(!1), o = async ({ balance: d, guid: l }) => {
+    const f = { ...t, account_guid: l, current_amount: d || 0 };
+    g ? _(f) : (await h(f), a(p.alert_account_changed)), m(!1);
   };
   return /* @__PURE__ */ i(b, { children: [
-    g && !t.account_guid ? /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(k, { onClick: () => o(!0), children: [
+    g && !t.account_guid ? /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(k, { onClick: () => m(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(b, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(ve, { filled: !0 }),
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
         p.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
     ] }) }) : /* @__PURE__ */ i(b, { sx: { gap: 8, my: 24, mx: 24 }, children: [
-      /* @__PURE__ */ e(he, { onClick: () => o(!0), variant: "text", children: p.details_change_account }),
+      /* @__PURE__ */ e(he, { onClick: () => m(!0), variant: "text", children: p.details_change_account }),
       /* @__PURE__ */ e(
         A,
         {
@@ -619,9 +619,9 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         }
       )
     ] }),
-    /* @__PURE__ */ e(F, { isOpen: r, onClose: () => o(!1), title: p.details_change_account, children: /* @__PURE__ */ i(b, { children: [
-      n.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[1] }),
-      /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: n.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => _(d), children: [
+    /* @__PURE__ */ e(F, { isOpen: r, onClose: () => m(!1), title: p.details_change_account, children: /* @__PURE__ */ i(b, { children: [
+      n.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: c.account_types[1] }),
+      /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: n.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => o(d), children: [
         /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
           oe,
           {
@@ -638,8 +638,8 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         ),
         /* @__PURE__ */ e(M, {})
       ] }) }, d.guid)) }),
-      s.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[2] }),
-      /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: s.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => _(d), children: [
+      s.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: c.account_types[2] }),
+      /* @__PURE__ */ e(B, { sx: { bgcolor: "background.paper" }, children: s.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => o(d), children: [
         /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
           oe,
           {
@@ -657,7 +657,7 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(M, {})
       ] }) }, d.guid)) }),
       /* @__PURE__ */ e(
-        Ae,
+        Te,
         {
           description: p.connect_description,
           label: p.connect_button,
@@ -667,12 +667,12 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] });
 }, Mt = D(({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, u] = y.useState(t.name), h = !t.guid, g = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, r = async () => {
-    const _ = { ...t, name: a };
-    t.name = a, h ? l(_) : (await p(_), s(n.alert_goal_updated_name));
-  }, o = () => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: c, updateGoal: p } = I(), [a, _] = y.useState(t.name), h = !t.guid, g = t.track_type === u.SAVINGS_TRACK && t.has_been_spent || t.track_type !== u.SAVINGS_TRACK && t.is_complete, r = async () => {
+    const o = { ...t, name: a };
+    t.name = a, h ? c(o) : (await p(o), s(n.alert_goal_updated_name));
+  }, m = () => {
     setTimeout(() => {
-      u(t.name);
+      _(t.name);
     }, 250);
   };
   return /* @__PURE__ */ e(
@@ -681,7 +681,7 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       isDisabled: g,
       isSaveDisabled: !a,
       label: n.details_goal_name,
-      onCancel: o,
+      onCancel: m,
       onSave: r,
       primaryText: n.details_goal_name,
       secondaryText: t.name,
@@ -691,28 +691,28 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
           error: !a,
           fullWidth: !0,
           label: n.details_goal_name,
-          onChange: (_) => u(_.target.value),
+          onChange: (o) => _(o.target.value),
           value: a
         }
       )
     }
   );
 }), Lt = ({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, u] = y.useState(t.retirement_age || 65), h = !t.guid, g = async () => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: c, updateGoal: p } = I(), [a, _] = y.useState(t.retirement_age || 65), h = !t.guid, g = async () => {
     if (!isNaN(a)) {
-      const _ = { ...t, retirement_age: a };
-      t.retirement_age = a, h ? l(_) : (await p(_), s(n.alert_goal_updated_retirement_age));
+      const o = { ...t, retirement_age: a };
+      t.retirement_age = a, h ? c(o) : (await p(o), s(n.alert_goal_updated_retirement_age));
     }
   }, r = () => {
     setTimeout(() => {
-      u(t.retirement_age || 65);
+      _(t.retirement_age || 65);
     }, 250);
-  }, o = !a || isNaN(a) || a < 20 || a >= 100;
+  }, m = !a || isNaN(a) || a < 20 || a >= 100;
   return /* @__PURE__ */ e(
     Q,
     {
       isDisabled: t.is_complete,
-      isSaveDisabled: o,
+      isSaveDisabled: m,
       label: n.details_retirement_age,
       onCancel: r,
       onSave: g,
@@ -722,18 +722,18 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       children: /* @__PURE__ */ e(
         Ke,
         {
-          error: o,
+          error: m,
           fullWidth: !0,
           label: n.details_retirement_age,
-          onChange: (_) => u(Number(_.target.value)),
+          onChange: (o) => _(Number(o.target.value)),
           value: isNaN(a) ? "" : a
         }
       )
     }
   );
 }, Bt = D(({ goal: t }) => {
-  const { goals: n } = C(), { user: s, updateUser: l } = Ge(), { setAlert: p } = I(), [a, u] = y.useState(J(s.birthday ?? 0)), [h, g] = y.useState(null), r = t.is_complete, o = async () => {
-    a && pt(a) && (await l({ ...s, birthday: _t(a) }), p(n.alert_goal_updated_birthday));
+  const { goals: n } = C(), { user: s, updateUser: c } = Ne(), { setAlert: p } = I(), [a, _] = y.useState(J(s.birthday ?? 0)), [h, g] = y.useState(null), r = t.is_complete, m = async () => {
+    a && pt(a) && (await c({ ...s, birthday: _t(a) }), p(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ e(
     Q,
@@ -741,7 +741,7 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       isDisabled: r,
       isSaveDisabled: !!h,
       label: n.details_birthday,
-      onSave: o,
+      onSave: m,
       primaryText: n.details_birthday,
       secondaryText: `${re(J(s.birthday ?? 0), ie.MONTH_DAY_YEAR)}`,
       zeroStateText: !t.guid && !s.birthday ? n.add_birthday : void 0,
@@ -749,8 +749,8 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         gt,
         {
           label: n.details_birthday,
-          onChange: u,
-          onError: (_) => g(_),
+          onChange: _,
+          onError: (o) => g(o),
           sx: { width: "100%" },
           value: a
         }
@@ -759,14 +759,14 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
   );
 }), Ot = ({ goal: t }) => {
   const { goals: n } = C(), { visibleRetirementAccounts: s } = j(), {
-    addRetirementGoalAccount: l,
+    addRetirementGoalAccount: c,
     newRetirementGoalAccounts: p,
     retirementGoalAccounts: a,
-    selectedGoal: u,
+    selectedGoal: _,
     setAlert: h,
     setNewRetirementGoalAccounts: g,
     setSelectedGoal: r
-  } = I(), [o, _] = y.useState(!1), d = !t.guid, c = s.filter(
+  } = I(), [m, o] = y.useState(!1), d = !t.guid, l = s.filter(
     (S) => d ? p.find((R) => R.account_guid === S.guid) : a.find((R) => R.account_guid === S.guid)
   ), f = s.filter(
     (S) => !a.find((R) => R.account_guid === S.guid)
@@ -779,20 +779,20 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       g(R);
     else
       for (const v of R)
-        await l(v), h(n.alert_account_added);
+        await c(v), h(n.alert_account_added);
     r({
-      ...u,
+      ..._,
       current_amount: S.reduce((v, K) => v + (K.balance || 0), 0)
-    }), _(!1);
+    }), o(!1);
   };
   return /* @__PURE__ */ i(b, { children: [
-    c.map((S) => /* @__PURE__ */ i(b, { children: [
+    l.map((S) => /* @__PURE__ */ i(b, { children: [
       /* @__PURE__ */ e(Oe, { account: S }),
       /* @__PURE__ */ e(E, {})
     ] }, S.guid)),
-    /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(k, { onClick: () => _(!0), children: [
+    /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(k, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(b, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(ve, { filled: !0 }),
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
         n.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
@@ -801,20 +801,20 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       Be,
       {
         accounts: f,
-        isOpen: o,
-        onClose: () => _(!1),
+        isOpen: m,
+        onClose: () => o(!1),
         onSave: T,
         title: n.add_select_accounts
       }
     )
   ] });
 }, Wt = D(({ goal: t }) => {
-  const { goals: n } = C(), { visibleAccounts: s } = j(), l = y.useMemo(
-    () => s.find((u) => u.guid === t.account_guid),
+  const { goals: n } = C(), { visibleAccounts: s } = j(), c = y.useMemo(
+    () => s.find((_) => _.guid === t.account_guid),
     [s, t]
   ), p = t.track_type;
   let a = n.details_save_title;
-  return t.track_type === m.DEBT_TRACK ? a = n.details_debt_title : t.track_type === m.RETIREMENT_TRACK && (a = n.details_retirement_title), /* @__PURE__ */ i(b, { children: [
+  return t.track_type === u.DEBT_TRACK ? a = n.details_debt_title : t.track_type === u.RETIREMENT_TRACK && (a = n.details_retirement_title), /* @__PURE__ */ i(b, { children: [
     /* @__PURE__ */ i(b, { mx: 24, children: [
       /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: a }),
       /* @__PURE__ */ e(Le, { goal: t, isInDrawer: !0 }),
@@ -823,11 +823,11 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     /* @__PURE__ */ i(B, { sx: { bgcolor: "background.paper" }, children: [
       /* @__PURE__ */ e(Mt, { goal: t }),
       /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-      (p === m.SAVINGS_TRACK || p === m.RETIREMENT_TRACK) && /* @__PURE__ */ i(U, { children: [
+      (p === u.SAVINGS_TRACK || p === u.RETIREMENT_TRACK) && /* @__PURE__ */ i(U, { children: [
         /* @__PURE__ */ e(Dt, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: p === m.RETIREMENT_TRACK ? 24 : 0 } })
+        /* @__PURE__ */ e(E, { sx: { ml: p === u.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
-      t.track_type === m.DEBT_TRACK && /* @__PURE__ */ i(U, { children: [
+      t.track_type === u.DEBT_TRACK && /* @__PURE__ */ i(U, { children: [
         /* @__PURE__ */ e(dt, { goal: t }),
         /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(mt, { goal: t }),
@@ -835,68 +835,68 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(ut, { goal: t }),
         /* @__PURE__ */ e(E, { variant: "fullWidth" })
       ] }),
-      t.track_type === m.RETIREMENT_TRACK && /* @__PURE__ */ i(U, { children: [
+      t.track_type === u.RETIREMENT_TRACK && /* @__PURE__ */ i(U, { children: [
         /* @__PURE__ */ e(Lt, { goal: t }),
         /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(Bt, { goal: t }),
         /* @__PURE__ */ e(E, { variant: "fullWidth" })
       ] })
     ] }),
-    /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: t.track_type === m.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
-    t.track_type !== m.RETIREMENT_TRACK && l && /* @__PURE__ */ i(U, { children: [
-      /* @__PURE__ */ e(Oe, { account: l }),
+    /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: t.track_type === u.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
+    t.track_type !== u.RETIREMENT_TRACK && c && /* @__PURE__ */ i(U, { children: [
+      /* @__PURE__ */ e(Oe, { account: c }),
       /* @__PURE__ */ e(E, {})
     ] }),
-    t.track_type === m.RETIREMENT_TRACK && /* @__PURE__ */ i(U, { children: [
+    t.track_type === u.RETIREMENT_TRACK && /* @__PURE__ */ i(U, { children: [
       /* @__PURE__ */ e(Ot, { goal: t }),
       /* @__PURE__ */ e(E, {})
     ] }),
-    t.track_type === m.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Kt, { goal: t })
+    t.track_type === u.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Kt, { goal: t })
   ] });
 }), Pt = D(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = j(), { goals: s, common: l } = C(), {
+  const { visibleRetirementAccounts: n } = j(), { goals: s, common: c } = C(), {
     addGoal: p,
     addRetirementGoal: a,
-    deleteGoal: u,
+    deleteGoal: _,
     deleteRetirementGoal: h,
     newRetirementGoalAccounts: g,
     retirementGoalAccounts: r,
-    selectedGoal: o,
-    setAlert: _,
+    selectedGoal: m,
+    setAlert: o,
     setSelectedGoal: d,
-    updateGoal: c
-  } = I(), { user: f } = Ge(), [T, S] = y.useState(!1), R = !o?.guid, v = o?.track_type === m.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, K = y.useMemo(() => {
+    updateGoal: l
+  } = I(), { user: f } = Ne(), [T, S] = y.useState(!1), R = !m?.guid, v = m?.track_type === u.SAVINGS_TRACK && m.is_complete && !m.has_been_spent, K = y.useMemo(() => {
     const G = R ? g : r;
     return n.filter((H) => G.some(($) => $.account_guid === H.guid));
   }, [R, n, g, r]), se = y.useMemo(() => {
-    if (!o) return !1;
+    if (!m) return !1;
     if (!R && !v) return !0;
-    const { account_guid: G, track_type: H, name: $, amount: O, retirement_age: ne } = o;
-    return H === m.SAVINGS_TRACK ? G ? !!$ && !!O : !1 : H === m.RETIREMENT_TRACK ? K.length ? !!$ && !!O && !!ne && !!f.birthday : !1 : !0;
-  }, [o, K, f.birthday]);
-  let W = l.delete_button, z = () => S(!0);
-  R ? (z = () => ee(), W = l.save_button) : v && (z = () => le(), W = s.mark_as_complete_button);
+    const { account_guid: G, track_type: H, name: $, amount: O, retirement_age: ne } = m;
+    return H === u.SAVINGS_TRACK ? G ? !!$ && !!O : !1 : H === u.RETIREMENT_TRACK ? K.length ? !!$ && !!O && !!ne && !!f.birthday : !1 : !0;
+  }, [m, K, f.birthday]);
+  let W = c.delete_button, z = () => S(!0);
+  R ? (z = () => ee(), W = c.save_button) : v && (z = () => le(), W = s.mark_as_complete_button);
   const ee = async () => {
-    if (o) {
-      const G = o.track_type;
-      G !== m.RETIREMENT_TRACK ? await p(o) : G === m.RETIREMENT_TRACK && await a({ ...o, target_amount: o.amount }), _(s.alert_goal_added), d(void 0), G && t?.(G);
+    if (m) {
+      const G = m.track_type;
+      G !== u.RETIREMENT_TRACK ? await p(m) : G === u.RETIREMENT_TRACK && await a({ ...m, target_amount: m.amount }), o(s.alert_goal_added), d(void 0), G && t?.(G);
     }
   }, te = async () => {
-    o && (o.track_type !== m.RETIREMENT_TRACK ? await u(o.guid) : o.track_type === m.RETIREMENT_TRACK && await h(o), _(s.alert_goal_deleted), d(void 0));
+    m && (m.track_type !== u.RETIREMENT_TRACK ? await _(m.guid) : m.track_type === u.RETIREMENT_TRACK && await h(m), o(s.alert_goal_deleted), d(void 0));
   }, le = async () => {
     const G = {
-      ...o,
+      ...m,
       has_been_spent: !0
     };
-    await c(G), _(s.alert_goal_completed), d(void 0);
+    await l(G), o(s.alert_goal_completed), d(void 0);
   };
   return /* @__PURE__ */ i(b, { children: [
     /* @__PURE__ */ e(
       F,
       {
-        ariaLabelClose: l.close_aria,
+        ariaLabelClose: c.close_aria,
         hasSecondaryAction: R,
-        isOpen: !!o,
+        isOpen: !!m,
         isPrimaryDisabled: !se,
         onClose: () => d(void 0),
         onPrimaryAction: z,
@@ -904,39 +904,39 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         primaryText: W,
         secondaryColor: "primary",
         title: s.goal_details,
-        children: o && /* @__PURE__ */ e(Wt, { goal: o })
+        children: m && /* @__PURE__ */ e(Wt, { goal: m })
       }
     ),
     /* @__PURE__ */ e(
       nt,
       {
-        copy: { close_aria: l.close_aria, title: s.delete_goal },
+        copy: { close_aria: c.close_aria, title: s.delete_goal },
         isOpen: T,
         maxWidth: "xs",
         onClose: () => S(!1),
         onPrimaryAction: te,
         primaryColor: "error",
-        primaryText: l.delete_button,
-        children: /* @__PURE__ */ e(A, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: L(s.delete_description, o?.name || "") })
+        primaryText: c.delete_button,
+        children: /* @__PURE__ */ e(A, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: L(s.delete_description, m?.name || "") })
       }
     )
   ] });
 }), Xn = D(({ onBackClick: t, sx: n }) => {
-  const { onEvent: s } = Ne(), { onLoad: l } = Qe(), { isMobile: p } = ge(), { visibleAccounts: a } = j(), { isCopyLoaded: u, isInitialized: h, setSelectedAccounts: g } = ke(), { goals: r, common: o } = C(), { alert: _, goals: d, goalsLoaded: c, loadGoals: f, monthlyCashFlowProfile: T, setAlert: S, retirmentGoals: R } = I(), [v, K] = y.useState(0), [se, W] = y.useState(!1), z = T?.amount_allocated_for_savings_goals || 0, ee = T?.amount_allocated_for_debt_goals || 0, te = T?.amount_allocated_for_retirement_goals || 0, le = u ? L(
+  const { onEvent: s } = ke(), { onLoad: c } = Qe(), { isMobile: p } = be(), { visibleAccounts: a } = j(), { isCopyLoaded: _, isInitialized: h, setSelectedAccounts: g } = ge(), { goals: r, common: m } = C(), { alert: o, goals: d, goalsLoaded: l, loadGoals: f, monthlyCashFlowProfile: T, setAlert: S, retirmentGoals: R } = I(), [v, K] = y.useState(0), [se, W] = y.useState(!1), z = T?.amount_allocated_for_savings_goals || 0, ee = T?.amount_allocated_for_debt_goals || 0, te = T?.amount_allocated_for_retirement_goals || 0, le = _ ? L(
     p ? r.tab_subtitle_mobile : r.tab_subtitle,
     x(z, "0,0")
-  ) : "", G = u ? L(
+  ) : "", G = _ ? L(
     p ? r.tab_subtitle_mobile : r.tab_subtitle,
     x(ee, "0,0")
-  ) : "", H = u ? L(
+  ) : "", H = _ ? L(
     p ? r.tab_subtitle_mobile : r.tab_subtitle,
     x(te, "0,0")
   ) : "";
   y.useEffect(() => {
     g(a), s(Y.GOALS_VIEW);
-  }, []), y.useEffect(() => {
+  }, [a]), y.useEffect(() => {
     h && f().finally(() => {
-      l?.("GoalsWidget");
+      c?.("GoalsWidget");
     });
   }, [h, z, ee, te]);
   const $ = () => {
@@ -944,12 +944,12 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
   }, O = () => {
     W(!0), s(Y.GOALS_CLICK_ADD);
   }, ne = (X) => {
-    W(!1), X === m.SAVINGS_TRACK ? K(0) : X === m.DEBT_TRACK ? K(1) : X === m.RETIREMENT_TRACK && K(2);
+    W(!1), X === u.SAVINGS_TRACK ? K(0) : X === u.DEBT_TRACK ? K(1) : X === u.RETIREMENT_TRACK && K(2);
   }, Z = y.useMemo(
-    () => c && (d.length === 0 || d.every(({ track_type: X }) => !X) && R.length === 0),
-    [d, c, R]
+    () => l && (d.length === 0 || d.every(({ track_type: X }) => !X) && R.length === 0),
+    [d, l, R]
   );
-  return !c || !u || !h ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ i(
+  return !l || !_ || !h ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ i(
     ft,
     {
       accountOptions: a,
@@ -1015,39 +1015,39 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
               }
             }
           ) : /* @__PURE__ */ i(U, { children: [
-            v === 0 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: m.SAVINGS_TRACK }),
-            v === 1 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: m.DEBT_TRACK }),
-            v === 2 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: m.RETIREMENT_TRACK })
+            v === 0 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: u.SAVINGS_TRACK }),
+            v === 1 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: u.DEBT_TRACK }),
+            v === 2 && /* @__PURE__ */ e(me, { onAddGoals: O, trackType: u.RETIREMENT_TRACK })
           ] })
         ] }),
         /* @__PURE__ */ e(Pt, { onClose: ne }),
         /* @__PURE__ */ e(
           F,
           {
-            ariaLabelClose: o.close_aria,
+            ariaLabelClose: m.close_aria,
             isOpen: se,
             onClose: () => W(!1),
             title: r.add_goal_title,
             children: /* @__PURE__ */ e(wt, { onClose: ne })
           }
         ),
-        /* @__PURE__ */ e(Fe, { onClose: () => S(""), open: !!_, children: /* @__PURE__ */ e(je, { onClose: () => S(""), severity: "success", variant: "filled", children: _ }) })
+        /* @__PURE__ */ e(Fe, { onClose: () => S(""), open: !!o, children: /* @__PURE__ */ e(je, { onClose: () => S(""), severity: "success", variant: "filled", children: o }) })
       ]
     }
   );
 }), Vt = D(({ goal: t }) => {
   const { goals: n } = C(), s = Ct(), {
-    backgroundColor: l,
+    backgroundColor: c,
     color: p,
     percentage: a,
-    projectedText: u
+    projectedText: _
   } = _e(n, t), h = Math.round(a * 100);
-  let g = /* @__PURE__ */ e(Re, {});
-  return t.track_type === m.DEBT_TRACK ? g = /* @__PURE__ */ e(Ee, {}) : t.track_type === m.RETIREMENT_TRACK && (g = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
-    /* @__PURE__ */ e(ae, { sx: { bgcolor: l, color: p, height: 32, width: 32 }, variant: "rounded", children: g }),
+  let g = /* @__PURE__ */ e(Ee, {});
+  return t.track_type === u.DEBT_TRACK ? g = /* @__PURE__ */ e(xe, {}) : t.track_type === u.RETIREMENT_TRACK && (g = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ i(b, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+    /* @__PURE__ */ e(ae, { sx: { bgcolor: c, color: p, height: 32, width: 32 }, variant: "rounded", children: g }),
     /* @__PURE__ */ i(Tt, { sx: { width: "100%" }, children: [
       /* @__PURE__ */ e(pe, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
-      t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: u })
+      t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: _ })
     ] }),
     /* @__PURE__ */ e(
       St,
@@ -1085,7 +1085,7 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ]
   }
 ), Un = D(({ onCTAClick: t }) => {
-  const { visibleAccounts: n } = j(), { onEvent: s } = Ne(), { goals: l } = C(), { isInitialized: p, setSelectedAccounts: a, isCopyLoaded: u } = ke(), { ongoingGoalsForMicroWidget: h, loadGoals: g, goalsLoaded: r } = I();
+  const { visibleAccounts: n } = j(), { onEvent: s } = ke(), { goals: c } = C(), { isInitialized: p, setSelectedAccounts: a, isCopyLoaded: _ } = ge(), { ongoingGoalsForMicroWidget: h, loadGoals: g, goalsLoaded: r } = I();
   y.useEffect(() => {
     a(n);
   }, []), y.useEffect(() => {
@@ -1093,30 +1093,30 @@ const Et = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       state: n?.length ? "default" : "zeroState"
     }));
   }, [p]);
-  const o = y.useMemo(
+  const m = y.useMemo(
     () => r && h.length === 0,
     [h, r]
-  ), _ = () => {
+  ), o = () => {
     s(
-      o ? Y.GOALS_CLICK_GET_STARTED : Y.GOALS_CLICK_VIEW_DETAILS
+      m ? Y.GOALS_CLICK_GET_STARTED : Y.GOALS_CLICK_VIEW_DETAILS
     ), t();
   };
-  return !r || !u || !p ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
+  return !r || !_ || !p ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
     Rt,
     {
       className: "mx-goals-microwidget",
-      ctaLabel: o ? l.get_started : l.view_details,
-      onCTAClick: _,
-      title: l.title,
-      children: o ? /* @__PURE__ */ e(
+      ctaLabel: m ? c.get_started : c.view_details,
+      onCTAClick: o,
+      title: c.title,
+      children: m ? /* @__PURE__ */ e(
         jt,
         {
-          header: l.create_goals_header,
-          subText: l.micro_zero_state_description
+          header: c.create_goals_header,
+          subText: c.micro_zero_state_description
         }
-      ) : /* @__PURE__ */ e(At, { sx: { justifyContent: "space-between" }, children: h.map((d, c) => /* @__PURE__ */ i(y.Fragment, { children: [
+      ) : /* @__PURE__ */ e(At, { sx: { justifyContent: "space-between" }, children: h.map((d, l) => /* @__PURE__ */ i(y.Fragment, { children: [
         /* @__PURE__ */ e(Vt, { goal: d }),
-        c !== h.length - 1 && /* @__PURE__ */ e(E, {})
+        l !== h.length - 1 && /* @__PURE__ */ e(E, {})
       ] }, d.guid)) })
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.4.5-alpha.mega1",
+  "version": "7.4.5-alpha.saba-1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",