@mx-cartographer/experiences 8.0.0-alpha.bb2 → 8.0.0-alpha.bb4

package/dist/goals/index.es.js

@@ -1,157 +1,156 @@
-import { g as ue, T as d, G as me, a as We, M as J, C as ye, b as Pe } from "../GoalStore-D-aB35SY.mjs";
-import { c as Yn, d as Zn } from "../GoalStore-D-aB35SY.mjs";
-import { jsxs as r, jsx as e, Fragment as U } from "react/jsx-runtime";
-import y from "react";
+import { g as _e, T as u, G as ue, a as Ve, M as J, C as Te, b as Pe } from "../GoalStore-C1-w3Y1E.mjs";
+import { c as Zn, d as qn } from "../GoalStore-C1-w3Y1E.mjs";
+import { jsxs as i, jsx as e, Fragment as Y } from "react/jsx-runtime";
+import f from "react";
 import { observer as D } from "mobx-react-lite";
-import Ve from "@mui/material/Alert";
-import je from "@mui/material/Snackbar";
-import f from "@mui/material/Stack";
+import je from "@mui/material/Alert";
+import ze from "@mui/material/Snackbar";
+import g from "@mui/material/Stack";
 import le from "@mui/material/Tab";
 import Fe from "@mui/material/Tabs";
-import { Text as A, H2 as _e, P as W, H3 as ze, Icon as He, InstitutionLogo as ne } from "@mxenabled/mxui";
-import pe from "@mui/material/Button";
-import Ae from "@mui/material/Card";
-import Te from "@mui/material/CardActionArea";
-import Ce from "@mui/material/CardContent";
-import ge from "@mui/material/Unstable_Grid2";
-import oe from "@mui/material/Avatar";
-import $e from "@mui/material/CardHeader";
-import { Payments as Se, NoteStack as Re, Person as Ee, ChevronRight as M, DragHandle as Xe, CheckCircle as Ue, Icon as be, ExpandLess as Ye, ExpandMore as Ze, AddBox as xe, Trophy as qe } from "@mxenabled/mx-icons";
-import { u as C, l as I, a as ve, d as V, p as Ie, g as Ge, b as Ne } from "../hooks-D6XlXHf4.mjs";
-import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as x } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { S as Je } from "../StatusBar-BK_uYHAB.mjs";
+import { Text as A, H2 as pe, P as V, H3 as He, Icon as $e, InstitutionLogo as oe } from "@mxenabled/mxui";
+import he from "@mui/material/Button";
+import Ce from "@mui/material/Card";
+import Se from "@mui/material/CardActionArea";
+import Re from "@mui/material/CardContent";
+import ye from "@mui/material/Grid";
+import ae from "@mui/material/Avatar";
+import Ue from "@mui/material/CardHeader";
+import { Payments as Ee, NoteStack as xe, Person as ve, ChevronRight as M, DragHandle as Ye, CheckCircle as Ze, Icon as fe, ExpandLess as qe, ExpandMore as Je, AddBox as Ie, Trophy as Qe } from "@mxenabled/mx-icons";
+import { S as Xe } from "../StatusBar-CPfSXe80.mjs";
+import { u as C, l as I, b as be, a as Ge, d as j, p as Ne, g as ke, n as et } from "../hooks-C41HAxM5.mjs";
+import { u as ge } from "../useScreenSize-B5afALev.mjs";
+import { f as x } from "../NumberFormatting-DjTD0t3W.mjs";
 import E from "@mui/material/Divider";
-import L from "@mui/material/List";
-import { L as ee } from "../ListItemAction-DHa3KJPs.mjs";
-import { C as ke } from "../CurrencyInput-DUsQbkXb.mjs";
+import O from "@mui/material/List";
+import { C as we } from "../CurrencyInput-D1cjbdCI.mjs";
+import { L as X } from "../ListItemAction-BNCWQAN_.mjs";
 import { fromUnixTime as Q } from "date-fns/fromUnixTime";
 import N from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { DataGridPro as Qe } from "@mui/x-data-grid-pro";
-import { D as j } from "../Drawer-kEE73B87.mjs";
-import { b as B } from "../Localization-2MODESHW.mjs";
-import { f as ae, D as re, a as et } from "../Dialog-CWW597AF.mjs";
+import { DataGridPro as tt } from "@mui/x-data-grid-pro";
+import { D as z } from "../Drawer-BF40nbsH.mjs";
+import { b as L } from "../Localization-2MODESHW.mjs";
+import { f as re, a as ie, D as nt } from "../Dialog-CDV0kKxj.mjs";
 import P from "@mui/material/ListItemAvatar";
-import { g as we, A as fe } from "../ConnectDrawer-BQNs-hjk.mjs";
-import tt from "@mui/material/Collapse";
-import nt from "@mui/material/ListItemIcon";
-import ot from "@mui/material/Checkbox";
-import { u as at, A as rt } from "../AccountDetailsHeader-JtSX6Uf9.mjs";
-import { A as it } from "../AccountDetailsContent-CAM9y39M.mjs";
-import { u as st } from "../useAccountDisplayName-BUAApBIb.mjs";
-import De from "@mui/material/TextField";
-import { M as lt, I as ct, O as dt } from "../OriginalBalanceAction-CWuVvRq9.mjs";
-import { getUnixTime as mt } from "date-fns/getUnixTime";
-import { isValid as ut } from "date-fns/isValid";
-import { AdapterDateFns as _t } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as pt } from "@mui/x-date-pickers";
-import { LocalizationProvider as ht } from "@mui/x-date-pickers/LocalizationProvider";
-import { A as Y, W as gt } from "../WidgetContainer-BHWANqT4.mjs";
-import { L as Ke } from "../Loader-DUaFpDGv.mjs";
-import { E as bt } from "../EmptyState-DA_lfRBv.mjs";
-import ft from "@mui/material/Stack/Stack";
-import yt from "@mui/material/Box";
-import At from "@mui/material/styles/useTheme";
-import { S as Tt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { M as Ct } from "../MicroWidgetContainer-DpeqN9n3.mjs";
-function ce({ title: t, subtitle: n }) {
-  return /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t }),
-    /* @__PURE__ */ e(A, { sx: { fontWeight: 400 }, variant: "Body", children: n })
+import { g as De, A as Ae } from "../ConnectDrawer-DVp54lUH.mjs";
+import ot from "@mui/material/Collapse";
+import at from "@mui/material/ListItemIcon";
+import rt from "@mui/material/Checkbox";
+import { u as it, A as st } from "../AccountDetailsHeader-DRjFuyJT.mjs";
+import { A as ct } from "../AccountDetailsContent-adZTkM52.mjs";
+import { u as lt } from "../useAccountDisplayName-CcIp09Xc.mjs";
+import Ke from "@mui/material/TextField";
+import { M as dt, I as mt, O as ut } from "../OriginalBalanceAction-2Y_3U_mg.mjs";
+import { getUnixTime as _t } from "date-fns/getUnixTime";
+import { isValid as pt } from "date-fns/isValid";
+import { AdapterDateFns as ht } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as bt } from "@mui/x-date-pickers";
+import { LocalizationProvider as gt } from "@mui/x-date-pickers/LocalizationProvider";
+import { L as Me } from "../Loader-Ckqi9Rx6.mjs";
+import { A as Z, W as yt } from "../WidgetContainer-CDh9fjpR.mjs";
+import { E as ft } from "../EmptyState-DoxNUae-.mjs";
+import At from "@mui/material/Box";
+import { useTheme as Tt } from "@mui/material/styles";
+import { S as Ct } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { M as St } from "../MicroWidgetContainer-BGpNl5ZS.mjs";
+function de({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: t }),
+    /* @__PURE__ */ e(A, { sx: { fontWeight: 400 }, variant: "body1", children: n })
   ] });
 }
-const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
+const Rt = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
   /(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g,
   "$1$2$3"
-) : x(t, "0,0.00"), Me = D(
-  ({ goal: t, isInDrawer: n = !1, onClick: i }) => {
-    const { goals: s } = C(), { isMobile: p, isTablet: a } = he(), _ = p || a, {
-      backgroundColor: g,
-      color: l,
-      percentage: h,
-      percentageText: o,
-      projectedText: m
-    } = ue(s, t), c = t.track_type === d.DEBT_TRACK ? t.initial_amount : t.amount, u = [
+) : x(t, "0,0.00"), Le = D(
+  ({ goal: t, isInDrawer: n = !1, onClick: s }) => {
+    const { goals: l } = C(), { isMobile: p, isTablet: a } = ge(), _ = p || a, {
+      backgroundColor: h,
+      color: b,
+      percentage: r,
+      percentageText: m,
+      projectedText: o
+    } = _e(l, t), d = t.track_type === u.DEBT_TRACK ? t.initial_amount : t.amount, c = [
       {
-        color: g,
-        percentage: `${h}`
+        color: h,
+        percentage: `${r}`
       }
     ];
-    let b = /* @__PURE__ */ e(Se, {});
-    return t.track_type === d.DEBT_TRACK ? b = /* @__PURE__ */ e(Re, {}) : t.track_type === d.RETIREMENT_TRACK && (b = /* @__PURE__ */ e(Ee, {})), /* @__PURE__ */ e(Ae, { elevation: 2, children: /* @__PURE__ */ r(Te, { disabled: !i, onClick: i, children: [
+    let y = /* @__PURE__ */ e(Ee, {});
+    return t.track_type === u.DEBT_TRACK ? y = /* @__PURE__ */ e(xe, {}) : t.track_type === u.RETIREMENT_TRACK && (y = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ i(Se, { disabled: !s, onClick: s, children: [
       /* @__PURE__ */ e(
-        $e,
+        Ue,
         {
-          avatar: /* @__PURE__ */ e(oe, { sx: { bgcolor: g, color: l, height: 48, width: 48 }, variant: "rounded", children: b }),
-          subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "H3" : "H2", children: `${x(t.current_amount, _ ? "0,0" : "0,0.00")} / ${St(
-            c,
+          avatar: /* @__PURE__ */ e(ae, { sx: { bgcolor: h, color: b, height: 48, width: 48 }, variant: "rounded", children: y }),
+          subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "h3" : "h2", children: `${x(t.current_amount, _ ? "0,0" : "0,0.00")} / ${Rt(
+            d,
             _
           )}` }),
-          title: /* @__PURE__ */ e(_e, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
+          title: /* @__PURE__ */ e(pe, { color: "text.secondary", fontWeight: 400, variant: "body1", children: t.name })
         }
       ),
-      /* @__PURE__ */ e(Ce, { sx: { pt: 0 }, children: /* @__PURE__ */ r(f, { gap: 6, children: [
-        /* @__PURE__ */ e(Je, { data: u, height: 24 }),
-        /* @__PURE__ */ r(f, { 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: m })
+      /* @__PURE__ */ e(Re, { sx: { pt: 0 }, children: /* @__PURE__ */ i(g, { gap: 6, children: [
+        /* @__PURE__ */ e(Xe, { data: c, height: 24 }),
+        /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(A, { color: "text.secondary", variant: "caption", children: m }),
+          t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "caption", children: o })
         ] })
       ] }) })
     ] }) });
   }
-), Rt = D(({ trackType: t }) => {
-  const { goals: n } = C(), { setAlert: i, monthlyCashFlowProfile: s, updateMonthlyCashFlowProfile: p } = I(), a = y.useMemo(() => {
-    let h = 0;
-    return t === d.SAVINGS_TRACK ? h = s?.amount_allocated_for_savings_goals || 0 : t === d.DEBT_TRACK ? h = s?.amount_allocated_for_debt_goals || 0 : t === d.RETIREMENT_TRACK && (h = s?.amount_allocated_for_retirement_goals || 0), h;
-  }, [s]), [_, g] = y.useState(a), l = async () => {
-    if (s) {
-      const h = { ...s };
-      t === d.SAVINGS_TRACK ? h.amount_allocated_for_savings_goals = _ : t === d.DEBT_TRACK ? h.amount_allocated_for_debt_goals = _ : t === d.RETIREMENT_TRACK && (h.amount_allocated_for_retirement_goals = _), await p(h), i(n.alert_contribution_updated);
+), Et = D(({ trackType: t }) => {
+  const { goals: n } = C(), { setAlert: s, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: p } = I(), a = f.useMemo(() => {
+    let r = 0;
+    return t === u.SAVINGS_TRACK ? r = l?.amount_allocated_for_savings_goals || 0 : t === u.DEBT_TRACK ? r = l?.amount_allocated_for_debt_goals || 0 : t === u.RETIREMENT_TRACK && (r = l?.amount_allocated_for_retirement_goals || 0), r;
+  }, [l]), [_, h] = f.useState(a), b = async () => {
+    if (l) {
+      const r = { ...l };
+      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(f, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
-    ee,
+  return /* @__PURE__ */ e(g, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
+    X,
     {
       isSaveDisabled: !_ || isNaN(_),
       label: n.contribution_label,
-      onCancel: () => g(a),
-      onSave: l,
+      onCancel: () => h(a),
+      onSave: b,
       primaryText: n.contribution_label,
       secondaryText: x(a, "0,0.00"),
       children: /* @__PURE__ */ e(
-        ke,
+        we,
         {
           amount: _,
           autoFocus: !0,
           error: !_ || isNaN(_),
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => g(isNaN(Number(h)) ? _ : Number(h)),
-          sx: { ".MuiTypography-Body": { p: 0 } }
+          setAmount: (r) => h(isNaN(Number(r)) ? _ : Number(r)),
+          sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   ) });
-}), Et = ({ goals: t }) => {
-  const { goals: n, common: i } = C(), { reorderGoals: s, setAlert: p } = I(), [a, _] = y.useState(!1), [g, l] = y.useState(t.map((u) => ({ ...u })));
-  y.useEffect(() => {
-    a && l(t.map((u) => ({ ...u })));
+}), xt = ({ goals: t }) => {
+  const { goals: n, common: s } = C(), { reorderGoals: l, setAlert: p } = I(), [a, _] = f.useState(!1), [h, b] = f.useState(t.map((c) => ({ ...c })));
+  f.useEffect(() => {
+    a && b(t.map((c) => ({ ...c })));
   }, [a]);
-  const h = [
+  const r = [
     {
       field: "name",
       flex: 1,
-      renderCell: (u) => {
-        const b = u.row;
-        return /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: b.name }),
-          /* @__PURE__ */ e(A, { variant: "XSmall", children: B(
+      renderCell: (c) => {
+        const y = c.row;
+        return /* @__PURE__ */ i(g, { children: [
+          /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: y.name }),
+          /* @__PURE__ */ e(A, { variant: "caption", children: L(
             n.goal_projection,
-            ae(
-              Q(b.projected_to_complete_at || 0),
-              re.MONTH_SHORT_YEAR
+            re(
+              Q(y.projected_to_complete_at || 0),
+              ie.MONTH_SHORT_YEAR
             )
           ) })
         ] });
@@ -162,63 +161,63 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       align: "right",
       field: "amount",
       minWidth: 140,
-      renderCell: (u) => {
-        const b = u.row;
-        return /* @__PURE__ */ e(A, { bold: !0, sx: { mr: 12 }, variant: "Body", children: x(b.amount, "0,0.00") });
+      renderCell: (c) => {
+        const y = c.row;
+        return /* @__PURE__ */ e(A, { bold: !0, sx: { mr: 12 }, variant: "body1", children: x(y.amount, "0,0.00") });
       },
       sortable: !1
     }
-  ], o = g.map((u) => ({
-    id: u.guid,
+  ], m = h.map((c) => ({
+    id: c.guid,
     isHovering: !1,
-    __reorder__: u.name,
-    ...u
-  })), m = ({ oldIndex: u, targetIndex: b }) => {
-    const T = [...g];
-    T.splice(b, 0, T.splice(u, 1)[0]);
+    __reorder__: c.name,
+    ...c
+  })), o = ({ oldIndex: c, targetIndex: y }) => {
+    const T = [...h];
+    T.splice(y, 0, T.splice(c, 1)[0]);
     for (let S = 0; S < T.length; S += 1)
       T[S].position = S + 1;
-    l(T);
-  }, c = async () => {
-    await s(g), p(n.alert_goals_reordered), _(!1);
+    b(T);
+  }, d = async () => {
+    await l(h), p(n.alert_goals_reordered), _(!1);
   };
-  return /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(k, { onClick: () => _(!0), children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(
-      f,
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(k, { onClick: () => _(!0), children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(
+      g,
       {
         alignItems: "center",
         color: "action.active",
         direction: "row",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ e(A, { color: "primary.light", variant: "Body", children: n.reorder_goals_title }),
+          /* @__PURE__ */ e(A, { color: "primary.light", variant: "body1", children: n.reorder_goals_title }),
           /* @__PURE__ */ e(M, { color: "primary" })
         ]
       }
     ) }) }) }),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
-        ariaLabelClose: i.close_aria,
+        ariaLabelClose: s.close_aria,
         isOpen: a,
         onClose: () => _(!1),
-        onPrimaryAction: c,
+        onPrimaryAction: d,
         title: n.reorder_goals_title,
-        children: /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ e(W, { sx: { my: 12, mx: 24 }, children: n.reorder_goals_description }),
+        children: /* @__PURE__ */ i(g, { children: [
+          /* @__PURE__ */ e(V, { sx: { my: 12, mx: 24 }, children: n.reorder_goals_description }),
           /* @__PURE__ */ e(
-            Qe,
+            tt,
             {
               columnHeaderHeight: 0,
-              columns: h,
+              columns: r,
               disableColumnFilter: !0,
               disableColumnMenu: !0,
               hideFooter: !0,
-              onRowOrderChange: m,
+              onRowOrderChange: o,
               rowReordering: !0,
-              rows: o,
+              rows: m,
               slots: {
-                rowReorderIcon: () => /* @__PURE__ */ e(Xe, { sx: { ml: 12 } })
+                rowReorderIcon: () => /* @__PURE__ */ e(Ye, { sx: { ml: 12 } })
                 //TODO: Add to mx-icons
               },
               sx: {
@@ -232,10 +231,10 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, xt = ({ goal: t, index: n }) => {
-  const { goals: i } = C(), { percentage: s } = ue(i, t), p = t.goal_type === me.KEEP_BALANCE_BELOW || t.has_been_spent ? i.goal_completed : B(i.goal_percentage_reached, `${s * 100}`);
-  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { children: [
-    t.track_type !== d.RETIREMENT_TRACK && /* @__PURE__ */ e(
+}, vt = ({ 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}`);
+  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { children: [
+    t.track_type !== u.RETIREMENT_TRACK && /* @__PURE__ */ e(
       P,
       {
         sx: {
@@ -244,112 +243,121 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
           justifyContent: "center",
           ".MuiAvatar-root": { height: "16px", width: "16px" }
         },
-        children: /* @__PURE__ */ e(oe, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(A, { bold: !0, variant: "XSmall", children: n + 1 }) })
+        children: /* @__PURE__ */ e(ae, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: n + 1 }) })
       }
     ),
-    /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ r(f, { children: [
-        /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t.name }),
-        /* @__PURE__ */ e(A, { variant: "XSmall", children: t.is_complete ? p : B(
-          i.goal_projection,
-          ae(
+    /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "body1" }, children: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ i(g, { children: [
+        /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: t.name }),
+        /* @__PURE__ */ e(A, { variant: "caption", children: t.is_complete ? p : L(
+          s.goal_projection,
+          re(
             Q(t.projected_to_complete_at || 0),
-            re.MONTH_SHORT_YEAR
+            ie.MONTH_SHORT_YEAR
           )
         ) })
       ] }),
-      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(t.amount, "0,0.00") })
+      /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: x(t.amount, "0,0.00") })
     ] }) })
   ] }) });
-}, vt = ({ goal: t }) => {
+}, It = ({ goal: t }) => {
   const { goals: n } = C();
-  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { children: [
-    /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ue, { color: "success", filled: !0, size: 20 }) }),
-    /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ r(f, { children: [
-        /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t.name }),
-        /* @__PURE__ */ e(A, { variant: "XSmall", children: B(
+  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { children: [
+    /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ze, { color: "success", filled: !0, size: 20 }) }),
+    /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "body1" }, children: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ i(g, { children: [
+        /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: t.name }),
+        /* @__PURE__ */ e(A, { variant: "caption", children: L(
           n.completed_label,
-          ae(
+          re(
             Q(t.completed_at || 0),
-            re.MONTH_SHORT_YEAR
+            ie.MONTH_SHORT_YEAR
           )
         ) })
       ] }),
-      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(t.amount, "0,0.00") })
+      /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: x(t.amount, "0,0.00") })
     ] }) })
   ] }) }, t.guid);
-}, It = ({ trackType: t }) => {
-  const { goals: n, common: i } = C(), { orderedGoals: s } = I(), p = s.filter((u) => u.track_type === t), a = p.filter(
-    (u) => u.track_type === d.SAVINGS_TRACK && !u.has_been_spent || u.track_type !== d.SAVINGS_TRACK && !u.is_complete
+}, Gt = ({ 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 === u.SAVINGS_TRACK && !c.has_been_spent || c.track_type !== u.SAVINGS_TRACK && !c.is_complete
   ), _ = p.filter(
-    (u) => u.track_type === d.SAVINGS_TRACK && u.has_been_spent || u.track_type !== d.SAVINGS_TRACK && u.is_complete
-  ), [g, l] = y.useState(!1);
-  let h = n.manage_saving_goals, o = n.manage_saving_drawer_title, m = n.manage_saving_title, c = n.manage_saving_description;
-  return t === d.DEBT_TRACK ? (h = n.manage_debt_goals, o = n.manage_debt_drawer_title, m = n.manage_debt_title, c = n.manage_debt_description) : t === d.RETIREMENT_TRACK && (h = n.manage_retirement_goals, o = n.manage_retirement_drawer_title, m = n.manage_retirement_title, c = n.manage_retirement_description), /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(pe, { endIcon: /* @__PURE__ */ e(M, {}), onClick: () => l(!0), children: h }),
+    (c) => c.track_type === u.SAVINGS_TRACK && c.has_been_spent || c.track_type !== u.SAVINGS_TRACK && c.is_complete
+  ), [h, b] = f.useState(!1);
+  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(g, { children: [
+    /* @__PURE__ */ e(he, { endIcon: /* @__PURE__ */ e(M, {}), onClick: () => b(!0), children: r }),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
-        ariaLabelClose: i.close_aria,
-        isOpen: g,
-        onClose: () => l(!1),
-        title: o,
-        children: /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ r(f, { m: 24, children: [
-            /* @__PURE__ */ e(ze, { children: m }),
-            /* @__PURE__ */ e(W, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: c })
+        ariaLabelClose: s.close_aria,
+        isOpen: h,
+        onClose: () => b(!1),
+        title: m,
+        children: /* @__PURE__ */ i(g, { children: [
+          /* @__PURE__ */ i(g, { m: 24, children: [
+            /* @__PURE__ */ e(He, { children: o }),
+            /* @__PURE__ */ e(V, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: d })
           ] }),
-          /* @__PURE__ */ e(Rt, { trackType: t }),
-          /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
-          /* @__PURE__ */ r(L, { sx: { bgcolor: "background.paper" }, children: [
-            a.map((u, b) => {
-              const T = b >= a.length - 1;
-              return /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(xt, { goal: u, index: b }),
+          /* @__PURE__ */ e(Et, { trackType: t }),
+          /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.goal_priority }),
+          /* @__PURE__ */ i(O, { sx: { bgcolor: "background.paper" }, children: [
+            a.map((c, y) => {
+              const T = y >= a.length - 1;
+              return /* @__PURE__ */ i(g, { children: [
+                /* @__PURE__ */ e(vt, { goal: c, index: y }),
                 /* @__PURE__ */ e(
                   E,
                   {
-                    variant: T && t === d.RETIREMENT_TRACK ? "fullWidth" : "inset"
+                    variant: T && t === u.RETIREMENT_TRACK ? "fullWidth" : "inset"
                   }
                 )
-              ] }, `ongoing-${u.guid}`);
+              ] }, `ongoing-${c.guid}`);
             }),
-            t !== d.RETIREMENT_TRACK && /* @__PURE__ */ r(f, { children: [
-              /* @__PURE__ */ e(Et, { goals: a }),
+            t !== u.RETIREMENT_TRACK && /* @__PURE__ */ i(g, { children: [
+              /* @__PURE__ */ e(xt, { goals: a }),
               /* @__PURE__ */ e(E, {})
             ] })
           ] }),
-          t !== d.RETIREMENT_TRACK && _.length > 0 && /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
-            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: _.map((u, b) => {
-              const T = b > a.length - 1;
-              return /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(vt, { goal: u }),
+          t !== u.RETIREMENT_TRACK && _.length > 0 && /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.complete_title }),
+            /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: _.map((c, y) => {
+              const T = y > a.length - 1;
+              return /* @__PURE__ */ i(g, { children: [
+                /* @__PURE__ */ e(It, { goal: c }),
                 /* @__PURE__ */ e(E, { variant: T ? "fullWidth" : "inset" })
-              ] }, `complete-${u.guid}`);
+              ] }, `complete-${c.guid}`);
             }) })
           ] })
         ] })
       }
     )
   ] });
-}, de = D(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: i } = he(), { goals: s } = C(), { orderedGoals: p, setSelectedGoal: a } = I(), _ = p.filter((o) => o.track_type === t), g = _.filter(
-    (o) => o.track_type === d.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== d.SAVINGS_TRACK && !o.is_complete
-  ), l = _.filter(
-    (o) => o.track_type === d.SAVINGS_TRACK && o.has_been_spent || o.track_type !== d.SAVINGS_TRACK && o.is_complete
-  ), h = t === d.DEBT_TRACK ? s.zero_state_complete_debt : s.zero_state_complete_savings;
-  return /* @__PURE__ */ r(f, { mt: 16, mx: i ? 24 : 0, children: [
-    /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: s.ongoing_title }),
-      /* @__PURE__ */ e(It, { trackType: t })
+}, me = D(({ trackType: t, onAddGoals: n }) => {
+  const { isMobile: s } = ge(), { goals: l } = C(), { selectedAccountGuids: p } = be(), { orderedGoals: a, setSelectedGoal: _ } = I(), h = a.filter(
+    (o) => o.track_type === t && p.includes(o.account_guid)
+  ), b = 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 ? l.zero_state_complete_debt : l.zero_state_complete_savings;
+  return /* @__PURE__ */ i(g, { mt: 16, mx: s ? 24 : 0, children: [
+    /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "body2", children: l.ongoing_title }),
+      /* @__PURE__ */ e(Gt, { trackType: t })
     ] }),
-    g.length > 0 ? /* @__PURE__ */ e(ge, { container: !0, spacing: 24, children: g.map((o, m, c) => (
+    b.length > 0 ? /* @__PURE__ */ e(ye, { container: !0, spacing: 24, children: b.map((o, d, c) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(ge, { xs: i || m === 0 && c.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Me, { goal: o, onClick: () => a(o) }, o.guid) }, m)
-    )) }) : /* @__PURE__ */ r(
-      f,
+      /* @__PURE__ */ e(
+        ye,
+        {
+          size: { xs: s || d === 0 && c.length !== 2 ? 12 : 6 },
+          children: /* @__PURE__ */ e(Le, { goal: o, onClick: () => _(o) }, o.guid)
+        },
+        d
+      )
+    )) }) : /* @__PURE__ */ i(
+      g,
       {
         alignItems: "center",
         bgcolor: "background.default",
@@ -359,7 +367,7 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
         py: 18,
         children: [
           /* @__PURE__ */ e(
-            W,
+            V,
             {
               sx: (o) => ({
                 color: "text.secondary",
@@ -368,18 +376,18 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
                 },
                 width: { sm: 381 }
               }),
-              variant: "Small",
-              children: We(t, s)
+              variant: "body2",
+              children: Ve(t, l)
             }
           ),
-          /* @__PURE__ */ e(pe, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: s.add_goals_button })
+          /* @__PURE__ */ e(he, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: l.add_goals_button })
         ]
       }
     ),
-    t !== d.RETIREMENT_TRACK && /* @__PURE__ */ r(f, { gap: 16, mt: 48, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: s.complete_title }),
-      l.length === 0 && /* @__PURE__ */ e(f, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
-        W,
+    t !== u.RETIREMENT_TRACK && /* @__PURE__ */ i(g, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ e(A, { color: "text.secondary", variant: "body2", children: l.complete_title }),
+      r.length === 0 && /* @__PURE__ */ e(g, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
+        V,
         {
           sx: (o) => ({
             color: "text.secondary",
@@ -388,99 +396,99 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
               px: 10
             }
           }),
-          variant: "Small",
-          children: h
+          variant: "body2",
+          children: m
         }
       ) }),
-      l.map((o) => /* @__PURE__ */ e(Ae, { elevation: 2, children: /* @__PURE__ */ e(Te, { onClick: () => a(o), children: /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", gap: 6, children: [
-          /* @__PURE__ */ e(He, { color: "success", fill: !0, name: "check_circle", size: 20 }),
-          /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Body", children: o.name })
+      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(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ i(g, { 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: "body1", children: o.name })
         ] }),
-        /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(o.amount, "0,0.00") })
+        /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: x(o.amount, "0,0.00") })
       ] }) }) }) }, o.guid))
     ] })
   ] });
-}), Gt = ({ goalType: t, onClick: n }) => {
-  const { goals: i } = C(), { bgcolor: s, icon: p, label: a, description: _, subTypes: g, type: l } = t, [h, o] = y.useState(!1), m = g.length > 0;
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ r(L, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(
+}), Nt = ({ goalType: t, onClick: n }) => {
+  const { goals: s } = C(), { bgcolor: l, icon: p, label: a, description: _, subTypes: h, type: b } = t, [r, m] = f.useState(!1), o = h.length > 0;
+  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i(O, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
       k,
       {
-        onClick: m ? () => o(!h) : () => n(
-          l === d.RETIREMENT_TRACK ? i.retirement : "",
-          l === d.RETIREMENT_TRACK ? J.RETIREMENT : J.OTHER,
-          l
+        onClick: o ? () => m(!r) : () => n(
+          b === u.RETIREMENT_TRACK ? s.retirement : "",
+          b === u.RETIREMENT_TRACK ? J.RETIREMENT : J.OTHER,
+          b
         ),
         children: [
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(oe, { sx: { bgcolor: s }, variant: "rounded", children: /* @__PURE__ */ e(be, { name: p, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(P, { 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: _, sx: { mr: 24 } }),
-          !m && /* @__PURE__ */ e(M, {}),
-          m && (h ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ e(Ze, {}))
+          !o && /* @__PURE__ */ e(M, {}),
+          o && (r ? /* @__PURE__ */ e(qe, {}) : /* @__PURE__ */ e(Je, {}))
         ]
       }
     ) }),
     /* @__PURE__ */ e(E, { variant: "inset" }),
-    m && /* @__PURE__ */ e(tt, { in: h, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: g.map((c, u) => /* @__PURE__ */ e(N, { sx: { pl: 48 }, children: /* @__PURE__ */ r(k, { onClick: () => n(c.label, c.metaType, l), children: [
-      /* @__PURE__ */ e(nt, { sx: { mr: 8 }, children: /* @__PURE__ */ e(be, { name: c.icon }) }),
+    o && /* @__PURE__ */ e(ot, { in: r, children: /* @__PURE__ */ e(O, { 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, b), children: [
+      /* @__PURE__ */ e(at, { sx: { mr: 8 }, children: /* @__PURE__ */ e(fe, { name: d.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
-          primary: c.label,
-          primaryTypographyProps: { variant: "Body" }
+          primary: d.label,
+          primaryTypographyProps: { variant: "body1" }
         }
       ),
       /* @__PURE__ */ e(M, {})
-    ] }) }, u)) }) })
+    ] }) }, c)) }) })
   ] }) });
-}, Be = ({
+}, Oe = ({
   accounts: t,
   isOpen: n,
-  onClose: i,
-  onSave: s,
+  onClose: s,
+  onSave: l,
   title: p
 }) => {
-  const { goals: a, common: _ } = C(), { config: g } = ve(), [l, h] = y.useState([]), o = (m) => {
-    const c = l.findIndex((b) => b.guid === m.guid), u = [...l];
-    c >= 0 ? u.splice(c, 1) : u.push(m), h(u);
+  const { goals: a, common: _ } = C(), { config: h } = Ge(), [b, r] = f.useState([]), m = (o) => {
+    const d = b.findIndex((y) => y.guid === o.guid), c = [...b];
+    d >= 0 ? c.splice(d, 1) : c.push(o), r(c);
   };
-  return /* @__PURE__ */ r(
-    j,
+  return /* @__PURE__ */ i(
+    z,
     {
       ariaLabelClose: _.close_aria,
       isOpen: n,
-      onClose: i,
-      onPrimaryAction: () => s(l),
+      onClose: s,
+      onPrimaryAction: () => l(b),
       title: p,
       children: [
-        /* @__PURE__ */ e(W, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: a.select_debt_accounts_description }),
-        /* @__PURE__ */ r(L, { sx: { bgcolor: "background.white" }, children: [
+        /* @__PURE__ */ e(V, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: a.select_debt_accounts_description }),
+        /* @__PURE__ */ i(O, { sx: { bgcolor: "background.white" }, children: [
           /* @__PURE__ */ e(E, { variant: "fullWidth" }),
-          t.map((m, c) => /* @__PURE__ */ r(y.Fragment, { children: [
-            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { onClick: () => o(m), children: [
+          t.map((o, d) => /* @__PURE__ */ i(f.Fragment, { children: [
+            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => m(o), children: [
               /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-                ne,
+                oe,
                 {
-                  alt: m?.name || "",
-                  institutionGuid: m?.institution_guid || ""
+                  alt: o?.name || "",
+                  institutionGuid: o?.institution_guid || ""
                 }
               ) }),
               /* @__PURE__ */ e(
                 w,
                 {
-                  primary: we(m, {
-                    allowNickname: g?.show_account_nicknames_in_master
+                  primary: De(o, {
+                    allowNickname: h?.show_account_nicknames_in_master
                   }),
-                  secondary: x(m.balance || 0, "0,0.00")
+                  secondary: x(o.balance || 0, "0,0.00")
                 }
               ),
-              /* @__PURE__ */ e(ot, { checked: l.some((u) => u.guid === m.guid) })
+              /* @__PURE__ */ e(rt, { checked: b.some((c) => c.guid === o.guid) })
             ] }) }),
-            /* @__PURE__ */ e(E, { variant: c < t.length - 1 ? "inset" : "fullWidth" })
-          ] }, m.guid))
+            /* @__PURE__ */ e(E, { variant: d < t.length - 1 ? "inset" : "fullWidth" })
+          ] }, o.guid))
         ] }),
         /* @__PURE__ */ e(
-          ye,
+          Te,
           {
             description: a.connect_description,
             label: a.connect_button,
@@ -490,58 +498,58 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   );
-}, Nt = ({ onClose: t }) => {
-  const { goals: n } = C(), { addGoal: i, debtGoals: s, setAlert: p, setSelectedGoal: a } = I(), { config: _ } = ve(), { visibleDebtAccounts: g } = V(), [l, h] = y.useState(!1), o = Pe(n), m = (u, b, T) => {
-    T === d.DEBT_TRACK ? h(!0) : a({
+}, kt = ({ onClose: t }) => {
+  const { goals: n } = C(), { addGoal: s, debtGoals: l, setAlert: p, setSelectedGoal: a } = I(), { config: _ } = Ge(), { visibleDebtAccounts: h } = j(), [b, r] = f.useState(!1), m = Pe(n), o = (c, y, T) => {
+    T === u.DEBT_TRACK ? r(!0) : a({
       amount: 0,
       current_amount: 0,
-      goal_type: me.SAVE_AMOUNT,
+      goal_type: ue.SAVE_AMOUNT,
       initial_amount: 0,
-      meta_type: b,
-      name: u,
+      meta_type: y,
+      name: c,
       track_type: T
     });
-  }, c = async (u) => {
-    for (const b of u) {
+  }, d = async (c) => {
+    for (const y of c) {
       let T = J.CREDIT_CARD;
-      b.account_type === fe.LOAN ? T = J.LOANS : b.account_type === fe.LINE_OF_CREDIT && (T = J.LINE_OF_CREDIT), await i({
-        account_guid: b.guid,
+      y.account_type === Ae.LOAN ? T = J.LOANS : y.account_type === Ae.LINE_OF_CREDIT && (T = J.LINE_OF_CREDIT), await s({
+        account_guid: y.guid,
         amount: 0,
         current_amount: 0,
-        goal_type: me.KEEP_BALANCE_BELOW,
-        initial_amount: b.balance || 0,
-        interest_rate: b.interest_rate || 0,
+        goal_type: ue.KEEP_BALANCE_BELOW,
+        initial_amount: y.balance || 0,
+        interest_rate: y.interest_rate || 0,
         meta_type: T,
-        monthly_payment: b.minimum_payment || 0,
-        name: we(b, {
+        monthly_payment: y.minimum_payment || 0,
+        name: De(y, {
           allowNickname: _?.show_account_nicknames_in_master
         }),
-        track_type: d.DEBT_TRACK
+        track_type: u.DEBT_TRACK
       }), p(n.alert_goal_added);
     }
-    h(!1), t?.(d.DEBT_TRACK);
+    r(!1), t?.(u.DEBT_TRACK);
   };
-  return /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: o.map((u, b) => /* @__PURE__ */ e(Gt, { goalType: u, onClick: m }, b)) }),
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: m.map((c, y) => /* @__PURE__ */ e(Nt, { goalType: c, onClick: o }, y)) }),
     /* @__PURE__ */ e(
-      Be,
+      Oe,
       {
-        accounts: g.filter((u) => !s.find((b) => b.account_guid === u.guid)),
-        isOpen: l,
-        onClose: () => h(!1),
-        onSave: c,
+        accounts: h.filter((c) => !l.find((y) => y.account_guid === c.guid)),
+        isOpen: b,
+        onClose: () => r(!1),
+        onSave: d,
         title: n.select_debt_accounts_title
       }
     )
   ] });
-}, Le = ({ account: t }) => {
-  const { accounts: n } = C(), i = st(t), { setSelectedAccount: s } = at(), [p, a] = y.useState(!1);
-  return /* @__PURE__ */ r(N, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ r(k, { onClick: () => {
-      s(t), a(!0);
+}, Be = ({ account: t }) => {
+  const { accounts: n } = C(), s = lt(t), { setSelectedAccount: l } = it(), [p, a] = f.useState(!1);
+  return /* @__PURE__ */ i(N, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ i(k, { onClick: () => {
+      l(t), a(!0);
     }, children: [
       /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-        ne,
+        oe,
         {
           alt: t.name || "",
           institutionGuid: t.institution_guid || ""
@@ -550,114 +558,114 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(
         w,
         {
-          primary: i,
+          primary: s,
           secondary: x(t.balance || 0, "0,0.00")
         }
       ),
       /* @__PURE__ */ e(M, {})
     ] }),
-    /* @__PURE__ */ e(j, { isOpen: p, onClose: () => a(!1), title: n.account_details, children: /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(rt, {}),
-      /* @__PURE__ */ e(it, {})
+    /* @__PURE__ */ e(z, { isOpen: p, onClose: () => a(!1), title: n.account_details, children: /* @__PURE__ */ i(g, { children: [
+      /* @__PURE__ */ e(st, {}),
+      /* @__PURE__ */ e(ct, {})
     ] }) })
   ] });
-}, kt = D(({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: i, setSelectedGoal: s, updateGoal: p } = I(), [a, _] = y.useState(t.amount), g = !t.guid, l = a < 0 || a > 9999999999e-2, h = t.track_type === d.SAVINGS_TRACK && t.has_been_spent || t.track_type !== d.SAVINGS_TRACK && t.is_complete, o = async () => {
-    const c = { ...t, amount: a };
-    t.amount = a, g ? s(c) : (await p(c), i(n.alert_goal_updated_amount));
-  }, m = () => {
+}, wt = D(({ goal: t }) => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, _] = f.useState(t.amount), h = !t.guid, b = 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));
+  }, o = () => {
     setTimeout(() => {
       _(t.amount);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    ee,
+    X,
     {
-      isDisabled: h,
-      isSaveDisabled: l,
+      isDisabled: r,
+      isSaveDisabled: b,
       label: n.details_amount_to_save,
-      onCancel: m,
-      onSave: o,
+      onCancel: o,
+      onSave: m,
       primaryText: n.details_amount_to_save,
       secondaryText: x(t.amount, "0,0"),
-      zeroStateText: g && t.amount === 0 ? n.add_amount : void 0,
+      zeroStateText: h && t.amount === 0 ? n.add_amount : void 0,
       children: /* @__PURE__ */ e(
-        ke,
+        we,
         {
           amount: a,
           autoFocus: !0,
-          error: l,
+          error: b,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (c) => _(isNaN(Number(c)) ? a : Number(c)),
-          sx: { ".MuiTypography-Body": { p: 0 } }
+          setAmount: (d) => _(isNaN(Number(d)) ? a : Number(d)),
+          sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   );
-}), wt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: i } = V(), { accounts: s, goals: p } = C(), { setAlert: a, setSelectedGoal: _, updateGoal: g } = I(), l = !t.guid, [h, o] = y.useState(!1), m = async ({ balance: c, guid: u }) => {
-    const b = { ...t, account_guid: u, current_amount: c || 0 };
-    l ? _(b) : (await g(b), a(p.alert_account_changed)), o(!1);
+}), Dt = ({ goal: t }) => {
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: s } = j(), { accounts: l, goals: p } = C(), { setAlert: a, setSelectedGoal: _, updateGoal: h } = I(), b = !t.guid, [r, m] = f.useState(!1), o = async ({ balance: d, guid: c }) => {
+    const y = { ...t, account_guid: c, current_amount: d || 0 };
+    b ? _(y) : (await h(y), a(p.alert_account_changed)), m(!1);
   };
-  return /* @__PURE__ */ r(f, { children: [
-    l && !t.account_guid ? /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(k, { onClick: () => o(!0), children: [
-      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(xe, { filled: !0 }),
+  return /* @__PURE__ */ i(g, { children: [
+    b && !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(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
         p.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
-    ] }) }) : /* @__PURE__ */ r(f, { sx: { gap: 8, my: 24, mx: 24 }, children: [
-      /* @__PURE__ */ e(pe, { onClick: () => o(!0), variant: "text", children: p.details_change_account }),
+    ] }) }) : /* @__PURE__ */ i(g, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+      /* @__PURE__ */ e(he, { onClick: () => m(!0), variant: "text", children: p.details_change_account }),
       /* @__PURE__ */ e(
         A,
         {
           color: "text.secondary",
           sx: { textAlign: "center", whiteSpace: "wrap" },
-          variant: "Paragraph",
-          children: B(p.details_change_account_description, t.name)
+          variant: "subtitle1",
+          children: L(p.details_change_account_description, t.name)
         }
       )
     ] }),
-    /* @__PURE__ */ e(j, { isOpen: h, onClose: () => o(!1), title: p.details_change_account, children: /* @__PURE__ */ r(f, { children: [
-      n.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: s.account_types[1] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((c) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { onClick: () => m(c), children: [
+    /* @__PURE__ */ e(z, { isOpen: r, onClose: () => m(!1), title: p.details_change_account, children: /* @__PURE__ */ i(g, { children: [
+      n.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: l.account_types[1] }),
+      /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: n.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => o(d), children: [
         /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-          ne,
+          oe,
           {
-            alt: c?.name || "",
-            institutionGuid: c?.institution_guid || ""
+            alt: d?.name || "",
+            institutionGuid: d?.institution_guid || ""
           }
         ) }),
         /* @__PURE__ */ e(
           w,
           {
-            primary: c?.name || c?.feed_name,
-            secondary: x(c?.balance || 0, "0,0.00")
+            primary: d?.name || d?.feed_name,
+            secondary: x(d?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
-      ] }) }, c.guid)) }),
-      i.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: s.account_types[2] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: i.map((c) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { onClick: () => m(c), children: [
+      ] }) }, d.guid)) }),
+      s.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: l.account_types[2] }),
+      /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: s.map((d) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => o(d), children: [
         /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-          ne,
+          oe,
           {
-            alt: c?.name || "",
-            institutionGuid: c?.institution_guid || ""
+            alt: d?.name || "",
+            institutionGuid: d?.institution_guid || ""
           }
         ) }),
         /* @__PURE__ */ e(
           w,
           {
-            primary: c?.name || c?.feed_name,
-            secondary: x(c?.balance || 0, "0,0.00")
+            primary: d?.name || d?.feed_name,
+            secondary: x(d?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
-      ] }) }, c.guid)) }),
+      ] }) }, d.guid)) }),
       /* @__PURE__ */ e(
-        ye,
+        Te,
         {
           description: p.connect_description,
           label: p.connect_button,
@@ -666,345 +674,347 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     ] }) })
   ] });
-}, Dt = D(({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: i, setSelectedGoal: s, updateGoal: p } = I(), [a, _] = y.useState(t.name), g = !t.guid, l = t.track_type === d.SAVINGS_TRACK && t.has_been_spent || t.track_type !== d.SAVINGS_TRACK && t.is_complete, h = async () => {
-    const m = { ...t, name: a };
-    t.name = a, g ? s(m) : (await p(m), i(n.alert_goal_updated_name));
-  }, o = () => {
+}, Kt = D(({ goal: t }) => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, _] = f.useState(t.name), h = !t.guid, b = 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 ? l(o) : (await p(o), s(n.alert_goal_updated_name));
+  }, m = () => {
     setTimeout(() => {
       _(t.name);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    ee,
+    X,
     {
-      isDisabled: l,
+      isDisabled: b,
       isSaveDisabled: !a,
       label: n.details_goal_name,
-      onCancel: o,
-      onSave: h,
+      onCancel: m,
+      onSave: r,
       primaryText: n.details_goal_name,
       secondaryText: t.name,
       children: /* @__PURE__ */ e(
-        De,
+        Ke,
         {
           error: !a,
           fullWidth: !0,
           label: n.details_goal_name,
-          onChange: (m) => _(m.target.value),
+          onChange: (o) => _(o.target.value),
           value: a
         }
       )
     }
   );
-}), Kt = ({ goal: t }) => {
-  const { goals: n } = C(), { setAlert: i, setSelectedGoal: s, updateGoal: p } = I(), [a, _] = y.useState(t.retirement_age || 65), g = !t.guid, l = async () => {
+}), Mt = ({ goal: t }) => {
+  const { goals: n } = C(), { setAlert: s, setSelectedGoal: l, updateGoal: p } = I(), [a, _] = f.useState(t.retirement_age || 65), h = !t.guid, b = async () => {
     if (!isNaN(a)) {
-      const m = { ...t, retirement_age: a };
-      t.retirement_age = a, g ? s(m) : (await p(m), i(n.alert_goal_updated_retirement_age));
+      const o = { ...t, retirement_age: a };
+      t.retirement_age = a, h ? l(o) : (await p(o), s(n.alert_goal_updated_retirement_age));
     }
-  }, h = () => {
+  }, r = () => {
     setTimeout(() => {
       _(t.retirement_age || 65);
     }, 250);
-  }, o = !a || isNaN(a) || a < 20 || a >= 100;
+  }, m = !a || isNaN(a) || a < 20 || a >= 100;
   return /* @__PURE__ */ e(
-    ee,
+    X,
     {
       isDisabled: t.is_complete,
-      isSaveDisabled: o,
+      isSaveDisabled: m,
       label: n.details_retirement_age,
-      onCancel: h,
-      onSave: l,
+      onCancel: r,
+      onSave: b,
       primaryText: n.details_retirement_age,
       secondaryText: `${t.retirement_age}`,
-      zeroStateText: g && !t.retirement_age ? n.add_age : void 0,
+      zeroStateText: h && !t.retirement_age ? n.add_age : void 0,
       children: /* @__PURE__ */ e(
-        De,
+        Ke,
         {
-          error: o,
+          error: m,
           fullWidth: !0,
           label: n.details_retirement_age,
-          onChange: (m) => _(Number(m.target.value)),
+          onChange: (o) => _(Number(o.target.value)),
           value: isNaN(a) ? "" : a
         }
       )
     }
   );
-}, Mt = D(({ goal: t }) => {
-  const { goals: n } = C(), { user: i, updateUser: s } = Ie(), { setAlert: p } = I(), [a, _] = y.useState(Q(i.birthday ?? 0)), [g, l] = y.useState(null), h = t.is_complete, o = async () => {
-    a && ut(a) && (await s({ ...i, birthday: mt(a) }), p(n.alert_goal_updated_birthday));
+}, Lt = D(({ goal: t }) => {
+  const { goals: n } = C(), { user: s, updateUser: l } = Ne(), { setAlert: p } = I(), [a, _] = f.useState(Q(s.birthday ?? 0)), [h, b] = f.useState(null), r = t.is_complete, m = async () => {
+    a && pt(a) && (await l({ ...s, birthday: _t(a) }), p(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ e(
-    ee,
+    X,
     {
-      isDisabled: h,
-      isSaveDisabled: !!g,
+      isDisabled: r,
+      isSaveDisabled: !!h,
       label: n.details_birthday,
-      onSave: o,
+      onSave: m,
       primaryText: n.details_birthday,
-      secondaryText: `${ae(Q(i.birthday ?? 0), re.MONTH_DAY_YEAR)}`,
-      zeroStateText: !t.guid && !i.birthday ? n.add_birthday : void 0,
-      children: /* @__PURE__ */ e(ht, { dateAdapter: _t, children: /* @__PURE__ */ e(
-        pt,
+      secondaryText: `${re(Q(s.birthday ?? 0), ie.MONTH_DAY_YEAR)}`,
+      zeroStateText: !t.guid && !s.birthday ? n.add_birthday : void 0,
+      children: /* @__PURE__ */ e(gt, { dateAdapter: ht, children: /* @__PURE__ */ e(
+        bt,
         {
           label: n.details_birthday,
           onChange: _,
-          onError: (m) => l(m),
+          onError: (o) => b(o),
           sx: { width: "100%" },
           value: a
         }
       ) })
     }
   );
-}), Bt = ({ goal: t }) => {
-  const { goals: n } = C(), { visibleRetirementAccounts: i } = V(), {
-    addRetirementGoalAccount: s,
+}), Ot = ({ goal: t }) => {
+  const { goals: n } = C(), { visibleRetirementAccounts: s } = j(), {
+    addRetirementGoalAccount: l,
     newRetirementGoalAccounts: p,
     retirementGoalAccounts: a,
     selectedGoal: _,
-    setAlert: g,
-    setNewRetirementGoalAccounts: l,
-    setSelectedGoal: h
-  } = I(), [o, m] = y.useState(!1), c = !t.guid, u = i.filter(
-    (S) => c ? p.find((R) => R.account_guid === S.guid) : a.find((R) => R.account_guid === S.guid)
-  ), b = i.filter(
+    setAlert: h,
+    setNewRetirementGoalAccounts: b,
+    setSelectedGoal: r
+  } = I(), [m, o] = f.useState(!1), d = !t.guid, c = s.filter(
+    (S) => d ? p.find((R) => R.account_guid === S.guid) : a.find((R) => R.account_guid === S.guid)
+  ), y = s.filter(
     (S) => !a.find((R) => R.account_guid === S.guid)
   ), T = async (S) => {
     const R = S.map((v) => ({
       account_guid: v.guid,
       retirement_goal_guid: t.guid
     }));
-    if (c)
-      l(R);
+    if (d)
+      b(R);
     else
       for (const v of R)
-        await s(v), g(n.alert_account_added);
-    h({
+        await l(v), h(n.alert_account_added);
+    r({
       ..._,
-      current_amount: S.reduce((v, F) => v + (F.balance || 0), 0)
-    }), m(!1);
+      current_amount: S.reduce((v, K) => v + (K.balance || 0), 0)
+    }), o(!1);
   };
-  return /* @__PURE__ */ r(f, { children: [
-    u.map((S) => /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(Le, { account: S }),
+  return /* @__PURE__ */ i(g, { children: [
+    c.map((S) => /* @__PURE__ */ i(g, { children: [
+      /* @__PURE__ */ e(Be, { account: S }),
       /* @__PURE__ */ e(E, {})
     ] }, S.guid)),
-    /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(k, { onClick: () => m(!0), children: [
-      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(xe, { filled: !0 }),
+    /* @__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(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
         n.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
     ] }) }),
     /* @__PURE__ */ e(
-      Be,
+      Oe,
       {
-        accounts: b,
-        isOpen: o,
-        onClose: () => m(!1),
+        accounts: y,
+        isOpen: m,
+        onClose: () => o(!1),
         onSave: T,
         title: n.add_select_accounts
       }
     )
   ] });
-}, Lt = D(({ goal: t }) => {
-  const { goals: n } = C(), { visibleAccounts: i } = V(), s = y.useMemo(
-    () => i.find((_) => _.guid === t.account_guid),
-    [i, t]
+}, Bt = D(({ goal: t }) => {
+  const { goals: n } = C(), { visibleAccounts: s } = j(), l = f.useMemo(
+    () => s.find((_) => _.guid === t.account_guid),
+    [s, t]
   ), p = t.track_type;
   let a = n.details_save_title;
-  return t.track_type === d.DEBT_TRACK ? a = n.details_debt_title : t.track_type === d.RETIREMENT_TRACK && (a = n.details_retirement_title), /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ r(f, { mx: 24, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: a }),
-      /* @__PURE__ */ e(Me, { goal: t, isInDrawer: !0 }),
-      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: n.details_title })
+  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(g, { children: [
+    /* @__PURE__ */ i(g, { mx: 24, children: [
+      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: a }),
+      /* @__PURE__ */ e(Le, { goal: t, isInDrawer: !0 }),
+      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: n.details_title })
     ] }),
-    /* @__PURE__ */ r(L, { sx: { bgcolor: "background.paper" }, children: [
-      /* @__PURE__ */ e(Dt, { goal: t }),
+    /* @__PURE__ */ i(O, { sx: { bgcolor: "background.paper" }, children: [
+      /* @__PURE__ */ e(Kt, { goal: t }),
       /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-      (p === d.SAVINGS_TRACK || p === d.RETIREMENT_TRACK) && /* @__PURE__ */ r(U, { children: [
-        /* @__PURE__ */ e(kt, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: p === d.RETIREMENT_TRACK ? 24 : 0 } })
+      (p === u.SAVINGS_TRACK || p === u.RETIREMENT_TRACK) && /* @__PURE__ */ i(Y, { children: [
+        /* @__PURE__ */ e(wt, { goal: t }),
+        /* @__PURE__ */ e(E, { sx: { ml: p === u.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
-      t.track_type === d.DEBT_TRACK && /* @__PURE__ */ r(U, { children: [
-        /* @__PURE__ */ e(lt, { goal: t }),
+      t.track_type === u.DEBT_TRACK && /* @__PURE__ */ i(Y, { children: [
+        /* @__PURE__ */ e(dt, { goal: t }),
         /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(ct, { goal: t }),
+        /* @__PURE__ */ e(mt, { goal: t }),
         /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(dt, { goal: t }),
+        /* @__PURE__ */ e(ut, { goal: t }),
         /* @__PURE__ */ e(E, { variant: "fullWidth" })
       ] }),
-      t.track_type === d.RETIREMENT_TRACK && /* @__PURE__ */ r(U, { children: [
-        /* @__PURE__ */ e(Kt, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
+      t.track_type === u.RETIREMENT_TRACK && /* @__PURE__ */ i(Y, { children: [
         /* @__PURE__ */ e(Mt, { goal: t }),
+        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(Lt, { 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 === d.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
-    t.track_type !== d.RETIREMENT_TRACK && s && /* @__PURE__ */ r(U, { children: [
-      /* @__PURE__ */ e(Le, { account: s }),
+    /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: t.track_type === u.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
+    t.track_type !== u.RETIREMENT_TRACK && l && /* @__PURE__ */ i(Y, { children: [
+      /* @__PURE__ */ e(Be, { account: l }),
       /* @__PURE__ */ e(E, {})
     ] }),
-    t.track_type === d.RETIREMENT_TRACK && /* @__PURE__ */ r(U, { children: [
-      /* @__PURE__ */ e(Bt, { goal: t }),
+    t.track_type === u.RETIREMENT_TRACK && /* @__PURE__ */ i(Y, { children: [
+      /* @__PURE__ */ e(Ot, { goal: t }),
       /* @__PURE__ */ e(E, {})
     ] }),
-    t.track_type === d.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(wt, { goal: t })
+    t.track_type === u.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Dt, { goal: t })
   ] });
-}), Ot = D(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = V(), { goals: i, common: s } = C(), {
+}), Wt = D(({ onClose: t }) => {
+  const { visibleRetirementAccounts: n } = j(), { goals: s, common: l } = C(), {
     addGoal: p,
     addRetirementGoal: a,
     deleteGoal: _,
-    deleteRetirementGoal: g,
-    newRetirementGoalAccounts: l,
-    retirementGoalAccounts: h,
-    selectedGoal: o,
-    setAlert: m,
-    setSelectedGoal: c,
-    updateGoal: u
-  } = I(), { user: b } = Ie(), [T, S] = y.useState(!1), R = !o?.guid, v = o?.track_type === d.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, F = y.useMemo(() => {
-    const G = R ? l : h;
-    return n.filter(($) => G.some((K) => K.account_guid === $.guid));
-  }, [R, n, l, h]), Z = y.useMemo(() => {
-    if (!o) return !1;
+    deleteRetirementGoal: h,
+    newRetirementGoalAccounts: b,
+    retirementGoalAccounts: r,
+    selectedGoal: m,
+    setAlert: o,
+    setSelectedGoal: d,
+    updateGoal: c
+  } = I(), { user: y } = Ne(), [T, S] = f.useState(!1), R = !m?.guid, v = m?.track_type === u.SAVINGS_TRACK && m.is_complete && !m.has_been_spent, K = f.useMemo(() => {
+    const G = R ? b : r;
+    return n.filter((H) => G.some(($) => $.account_guid === H.guid));
+  }, [R, n, b, r]), se = f.useMemo(() => {
+    if (!m) return !1;
     if (!R && !v) return !0;
-    const { account_guid: G, track_type: $, name: K, amount: q, retirement_age: O } = o;
-    return $ === d.SAVINGS_TRACK ? G ? !!K && !!q : !1 : $ === d.RETIREMENT_TRACK ? F.length ? !!K && !!q && !!O && !!b.birthday : !1 : !0;
-  }, [o, F, b.birthday]);
-  let z = s.delete_button, H = () => S(!0);
-  R ? (H = () => te(), z = s.save_button) : v && (H = () => se(), z = i.mark_as_complete_button);
-  const te = async () => {
-    if (o) {
-      const G = o.track_type;
-      G !== d.RETIREMENT_TRACK ? await p(o) : G === d.RETIREMENT_TRACK && await a({ ...o, target_amount: o.amount }), m(i.alert_goal_added), c(void 0), G && t?.(G);
+    const { account_guid: G, track_type: H, name: $, amount: B, retirement_age: ne } = m;
+    return H === u.SAVINGS_TRACK ? G ? !!$ && !!B : !1 : H === u.RETIREMENT_TRACK ? K.length ? !!$ && !!B && !!ne && !!y.birthday : !1 : !0;
+  }, [m, K, y.birthday]);
+  let W = l.delete_button, F = () => S(!0);
+  R ? (F = () => ee(), W = l.save_button) : v && (F = () => ce(), W = s.mark_as_complete_button);
+  const ee = async () => {
+    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);
     }
-  }, ie = async () => {
-    o && (o.track_type !== d.RETIREMENT_TRACK ? await _(o.guid) : o.track_type === d.RETIREMENT_TRACK && await g(o), m(i.alert_goal_deleted), c(void 0));
-  }, se = async () => {
+  }, te = async () => {
+    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));
+  }, ce = async () => {
     const G = {
-      ...o,
+      ...m,
       has_been_spent: !0
     };
-    await u(G), m(i.alert_goal_completed), c(void 0);
+    await c(G), o(s.alert_goal_completed), d(void 0);
   };
-  return /* @__PURE__ */ r(f, { children: [
+  return /* @__PURE__ */ i(g, { children: [
     /* @__PURE__ */ e(
-      j,
+      z,
       {
-        ariaLabelClose: s.close_aria,
+        ariaLabelClose: l.close_aria,
         hasSecondaryAction: R,
-        isOpen: !!o,
-        isPrimaryDisabled: !Z,
-        onClose: () => c(void 0),
-        onPrimaryAction: H,
+        isOpen: !!m,
+        isPrimaryDisabled: !se,
+        onClose: () => d(void 0),
+        onPrimaryAction: F,
         primaryColor: R || v ? "primary" : "error",
-        primaryText: z,
+        primaryText: W,
         secondaryColor: "primary",
-        title: i.goal_details,
-        children: o && /* @__PURE__ */ e(Lt, { goal: o })
+        title: s.goal_details,
+        children: m && /* @__PURE__ */ e(Bt, { goal: m })
       }
     ),
     /* @__PURE__ */ e(
-      et,
+      nt,
       {
-        copy: { close_aria: s.close_aria, title: i.delete_goal },
+        copy: { close_aria: l.close_aria, title: s.delete_goal },
         isOpen: T,
         maxWidth: "xs",
         onClose: () => S(!1),
-        onPrimaryAction: ie,
+        onPrimaryAction: te,
         primaryColor: "error",
-        primaryText: s.delete_button,
-        children: /* @__PURE__ */ e(A, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: B(i.delete_description, o?.name || "") })
+        primaryText: l.delete_button,
+        children: /* @__PURE__ */ e(A, { sx: { textWrap: "wrap" }, variant: "subtitle1", children: L(s.delete_description, m?.name || "") })
       }
     )
   ] });
 }), Hn = D(({ onBackClick: t, sx: n }) => {
-  const { onEvent: i } = Ge(), { isMobile: s } = he(), { visibleAccounts: p } = V(), { isCopyLoaded: a, isInitialized: _, setSelectedAccounts: g } = Ne(), { goals: l, common: h } = C(), { alert: o, goals: m, goalsLoaded: c, loadGoals: u, monthlyCashFlowProfile: b, setAlert: T, retirmentGoals: S } = I(), [R, v] = y.useState(0), [F, Z] = y.useState(!1), z = b?.amount_allocated_for_savings_goals || 0, H = b?.amount_allocated_for_debt_goals || 0, te = b?.amount_allocated_for_retirement_goals || 0, ie = a ? B(
-    s ? l.tab_subtitle_mobile : l.tab_subtitle,
-    x(z, "0,0")
-  ) : "", se = a ? B(
-    s ? l.tab_subtitle_mobile : l.tab_subtitle,
-    x(H, "0,0")
-  ) : "", G = a ? B(
-    s ? l.tab_subtitle_mobile : l.tab_subtitle,
+  const { onEvent: s } = ke(), { onLoad: l } = et(), { isMobile: p } = ge(), { visibleAccounts: a } = j(), { isCopyLoaded: _, isInitialized: h, setSelectedAccounts: b } = be(), { goals: r, common: m } = C(), { alert: o, goals: d, goalsLoaded: c, loadGoals: y, monthlyCashFlowProfile: T, setAlert: S, retirmentGoals: R } = I(), [v, K] = f.useState(0), [se, W] = f.useState(!1), F = T?.amount_allocated_for_savings_goals || 0, ee = T?.amount_allocated_for_debt_goals || 0, te = T?.amount_allocated_for_retirement_goals || 0, ce = _ ? L(
+    p ? r.tab_subtitle_mobile : r.tab_subtitle,
+    x(F, "0,0")
+  ) : "", G = _ ? L(
+    p ? r.tab_subtitle_mobile : r.tab_subtitle,
+    x(ee, "0,0")
+  ) : "", H = _ ? L(
+    p ? r.tab_subtitle_mobile : r.tab_subtitle,
     x(te, "0,0")
   ) : "";
-  y.useEffect(() => {
-    g(p), i(Y.GOALS_VIEW);
-  }, []), y.useEffect(() => {
-    _ && u().finally();
-  }, [_, z, H, te]);
+  f.useEffect(() => {
+    b(a), s(Z.GOALS_VIEW);
+  }, [a]), f.useEffect(() => {
+    h && y().finally(() => {
+      l?.("GoalsWidget");
+    });
+  }, [h, F, ee, te]);
   const $ = () => {
-    i(Y.GOALS_CLICK_FILTER);
-  }, K = () => {
-    Z(!0), i(Y.GOALS_CLICK_ADD);
-  }, q = (X) => {
-    Z(!1), X === d.SAVINGS_TRACK ? v(0) : X === d.DEBT_TRACK ? v(1) : X === d.RETIREMENT_TRACK && v(2);
-  }, O = y.useMemo(
-    () => c && (m.length === 0 || m.every(({ track_type: X }) => !X) && S.length === 0),
-    [m, c, S]
+    s(Z.GOALS_CLICK_FILTER);
+  }, B = () => {
+    W(!0), s(Z.GOALS_CLICK_ADD);
+  }, ne = (U) => {
+    W(!1), U === u.SAVINGS_TRACK ? K(0) : U === u.DEBT_TRACK ? K(1) : U === u.RETIREMENT_TRACK && K(2);
+  }, q = f.useMemo(
+    () => c && (d.length === 0 || d.every(({ track_type: U }) => !U) && R.length === 0),
+    [d, c, R]
   );
-  return !c || !a || !_ ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ r(
-    gt,
+  return !c || !_ || !h ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ i(
+    yt,
     {
-      accountOptions: p,
+      accountOptions: a,
       actions: [
         {
           iconName: "add",
-          label: l.add_title,
-          onClick: K
+          label: r.add_title,
+          onClick: B
         }
       ],
       onAccountsFilterClick: $,
       onBackClick: t,
       sx: n,
-      title: l.title,
+      title: r.title,
       children: [
-        /* @__PURE__ */ r(f, { mx: s ? 0 : 48, my: 24, children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ i(g, { mx: p ? 0 : 48, my: 24, children: [
+          /* @__PURE__ */ i(
             Fe,
             {
-              onChange: (X, Oe) => v(Oe),
+              onChange: (U, We) => K(We),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
-              value: O ? !1 : R,
+              value: q ? !1 : v,
               variant: "fullWidth",
               children: [
                 /* @__PURE__ */ e(
                   le,
                   {
-                    disabled: O,
-                    label: /* @__PURE__ */ e(ce, { subtitle: ie, title: l.tab_saving_title })
+                    disabled: q,
+                    label: /* @__PURE__ */ e(de, { subtitle: ce, title: r.tab_saving_title })
                   }
                 ),
                 /* @__PURE__ */ e(
                   le,
                   {
-                    disabled: O,
-                    label: /* @__PURE__ */ e(ce, { subtitle: se, title: l.tab_debt_title })
+                    disabled: q,
+                    label: /* @__PURE__ */ e(de, { subtitle: G, title: r.tab_debt_title })
                   }
                 ),
                 /* @__PURE__ */ e(
                   le,
                   {
-                    disabled: O,
-                    label: /* @__PURE__ */ e(ce, { subtitle: G, title: l.tab_retirement_title })
+                    disabled: q,
+                    label: /* @__PURE__ */ e(de, { subtitle: H, title: r.tab_retirement_title })
                   }
                 )
               ]
             }
           ),
-          O ? /* @__PURE__ */ e(
-            bt,
+          q ? /* @__PURE__ */ e(
+            ft,
             {
-              header: l.create_goals_header,
+              header: r.create_goals_header,
               icon: "trophy",
-              onClick: K,
-              primaryButton: l.add_goals_button,
-              subText: l.empty_state_subheader,
+              onClick: B,
+              primaryButton: r.add_goals_button,
+              subText: r.empty_state_subheader,
               sx: {
                 width: { sm: 432 },
                 ".buttons-footer": {
@@ -1012,67 +1022,67 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
                 }
               }
             }
-          ) : /* @__PURE__ */ r(U, { children: [
-            R === 0 && /* @__PURE__ */ e(de, { onAddGoals: K, trackType: d.SAVINGS_TRACK }),
-            R === 1 && /* @__PURE__ */ e(de, { onAddGoals: K, trackType: d.DEBT_TRACK }),
-            R === 2 && /* @__PURE__ */ e(de, { onAddGoals: K, trackType: d.RETIREMENT_TRACK })
+          ) : /* @__PURE__ */ i(Y, { children: [
+            v === 0 && /* @__PURE__ */ e(me, { onAddGoals: B, trackType: u.SAVINGS_TRACK }),
+            v === 1 && /* @__PURE__ */ e(me, { onAddGoals: B, trackType: u.DEBT_TRACK }),
+            v === 2 && /* @__PURE__ */ e(me, { onAddGoals: B, trackType: u.RETIREMENT_TRACK })
           ] })
         ] }),
-        /* @__PURE__ */ e(Ot, { onClose: q }),
+        /* @__PURE__ */ e(Wt, { onClose: ne }),
         /* @__PURE__ */ e(
-          j,
+          z,
           {
-            ariaLabelClose: h.close_aria,
-            isOpen: F,
-            onClose: () => Z(!1),
-            title: l.add_goal_title,
-            children: /* @__PURE__ */ e(Nt, { onClose: q })
+            ariaLabelClose: m.close_aria,
+            isOpen: se,
+            onClose: () => W(!1),
+            title: r.add_goal_title,
+            children: /* @__PURE__ */ e(kt, { onClose: ne })
           }
         ),
-        /* @__PURE__ */ e(je, { onClose: () => T(""), open: !!o, children: /* @__PURE__ */ e(Ve, { onClose: () => T(""), severity: "success", variant: "filled", children: o }) })
+        /* @__PURE__ */ e(ze, { onClose: () => S(""), open: !!o, children: /* @__PURE__ */ e(je, { onClose: () => S(""), severity: "success", variant: "filled", children: o }) })
       ]
     }
   );
-}), Wt = D(({ goal: t }) => {
-  const { goals: n } = C(), i = At(), {
-    backgroundColor: s,
+}), Vt = D(({ goal: t }) => {
+  const { goals: n } = C(), s = Tt(), {
+    backgroundColor: l,
     color: p,
     percentage: a,
     projectedText: _
-  } = ue(n, t), g = Math.round(a * 100);
-  let l = /* @__PURE__ */ e(Se, {});
-  return t.track_type === d.DEBT_TRACK ? l = /* @__PURE__ */ e(Re, {}) : t.track_type === d.RETIREMENT_TRACK && (l = /* @__PURE__ */ e(Ee, {})), /* @__PURE__ */ r(f, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
-    /* @__PURE__ */ e(oe, { sx: { bgcolor: s, color: p, height: 32, width: 32 }, variant: "rounded", children: l }),
-    /* @__PURE__ */ r(yt, { sx: { width: "100%" }, children: [
-      /* @__PURE__ */ e(_e, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
-      t.projected_to_complete_at && /* @__PURE__ */ e(A, { color: "text.secondary", variant: "XSmall", children: _ })
+  } = _e(n, t), h = Math.round(a * 100);
+  let b = /* @__PURE__ */ e(Ee, {});
+  return t.track_type === u.DEBT_TRACK ? b = /* @__PURE__ */ e(xe, {}) : t.track_type === u.RETIREMENT_TRACK && (b = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ i(g, { 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: b }),
+    /* @__PURE__ */ i(At, { 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: "caption", children: _ })
     ] }),
     /* @__PURE__ */ e(
-      Tt,
+      Ct,
       {
-        backgroundStrokeColor: i.palette.border.lighter,
-        color: i.palette.primary.main,
-        percent: g,
+        backgroundStrokeColor: s.palette.neutral.light,
+        color: s.palette.primary.main,
+        percent: h,
         size: 40,
         strokeWidth: 3,
-        children: /* @__PURE__ */ e(W, { fontWeight: 700, variant: "caption", children: `${g}%` })
+        children: /* @__PURE__ */ e(V, { fontWeight: 700, variant: "caption", children: `${h}%` })
       }
     )
   ] });
-}), Pt = ({ header: t, subText: n, sx: i }) => /* @__PURE__ */ r(
-  f,
+}), Pt = ({ header: t, subText: n, sx: s }) => /* @__PURE__ */ i(
+  g,
   {
     sx: {
       alignItems: "center",
       alignSelf: "center",
       px: 24,
-      ...i
+      ...s
     },
     children: [
-      /* @__PURE__ */ e(qe, { size: 32 }),
-      /* @__PURE__ */ e(_e, { fontSize: 15, fontWeight: 600, children: t }),
+      /* @__PURE__ */ e(Qe, { size: 32 }),
+      /* @__PURE__ */ e(pe, { fontSize: 15, fontWeight: 600, children: t }),
       /* @__PURE__ */ e(
-        W,
+        V,
         {
           color: "text.secondary",
           sx: { fontWeight: 400, maxWidth: { sm: 424 }, textAlign: "center" },
@@ -1083,45 +1093,45 @@ const St = (t, n) => n ? x(t, t < 1e3 ? "0" : "0.00a").replace(
     ]
   }
 ), $n = D(({ onCTAClick: t }) => {
-  const { visibleAccounts: n } = V(), { onEvent: i } = Ge(), { goals: s } = C(), { isInitialized: p, setSelectedAccounts: a, isCopyLoaded: _ } = Ne(), { ongoingGoalsForMicroWidget: g, loadGoals: l, goalsLoaded: h } = I();
-  y.useEffect(() => {
+  const { visibleAccounts: n } = j(), { onEvent: s } = ke(), { goals: l } = C(), { isInitialized: p, setSelectedAccounts: a, isCopyLoaded: _ } = be(), { ongoingGoalsForMicroWidget: h, loadGoals: b, goalsLoaded: r } = I();
+  f.useEffect(() => {
     a(n);
-  }, []), y.useEffect(() => {
-    p && (l().finally(), i(Y.GOALS_LOAD_WIDGET, {
+  }, []), f.useEffect(() => {
+    p && (b().finally(), s(Z.GOALS_LOAD_WIDGET, {
       state: n?.length ? "default" : "zeroState"
     }));
   }, [p]);
-  const o = y.useMemo(
-    () => h && g.length === 0,
-    [g, h]
-  ), m = () => {
-    i(
-      o ? Y.GOALS_CLICK_GET_STARTED : Y.GOALS_CLICK_VIEW_DETAILS
+  const m = f.useMemo(
+    () => r && h.length === 0,
+    [h, r]
+  ), o = () => {
+    s(
+      m ? Z.GOALS_CLICK_GET_STARTED : Z.GOALS_CLICK_VIEW_DETAILS
     ), t();
   };
-  return !h || !_ || !p ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ e(
-    Ct,
+  return !r || !_ || !p ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
+    St,
     {
       className: "mx-goals-microwidget",
-      ctaLabel: o ? s.get_started : s.view_details,
-      onCTAClick: m,
-      title: s.title,
-      children: o ? /* @__PURE__ */ e(
+      ctaLabel: m ? l.get_started : l.view_details,
+      onCTAClick: o,
+      title: l.title,
+      children: m ? /* @__PURE__ */ e(
         Pt,
         {
-          header: s.create_goals_header,
-          subText: s.micro_zero_state_description
+          header: l.create_goals_header,
+          subText: l.micro_zero_state_description
         }
-      ) : /* @__PURE__ */ e(ft, { sx: { justifyContent: "space-between" }, children: g.map((c, u) => /* @__PURE__ */ r(y.Fragment, { children: [
-        /* @__PURE__ */ e(Wt, { goal: c }),
-        u !== g.length - 1 && /* @__PURE__ */ e(E, {})
-      ] }, c.guid)) })
+      ) : /* @__PURE__ */ e(g, { sx: { justifyContent: "space-between" }, children: h.map((d, c) => /* @__PURE__ */ i(f.Fragment, { children: [
+        /* @__PURE__ */ e(Vt, { goal: d }),
+        c !== h.length - 1 && /* @__PURE__ */ e(E, {})
+      ] }, d.guid)) })
     }
   );
 });
 export {
-  Yn as GoalApi,
-  Zn as GoalStore,
+  Zn as GoalApi,
+  qn as GoalStore,
   $n as GoalsMicroWidget,
   Hn as GoalsWidget
 };