@mx-cartographer/experiences 7.8.2-alpha.mm0 → 7.9.1-alpha.mega1

package/dist/goals/index.es.js

@@ -1,87 +1,86 @@
-import { g as _e, T as s, G as de, a as Pe, M as Z, C as Ae, b as Ve } from "../GoalStore-B4LVt_kH.mjs";
-import { c as Un, d as Yn } from "../GoalStore-B4LVt_kH.mjs";
-import { jsxs as i, jsx as e, Fragment as H } from "react/jsx-runtime";
-import A from "react";
+import { g as de, T as i, G as le, a as Ve, M as Z, C as Ae, b as Pe } from "../GoalStore-2UZjY0z_.mjs";
+import { c as $n, d as Xn } from "../GoalStore-2UZjY0z_.mjs";
+import { jsxs as l, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import T from "react";
 import { observer as D } from "mobx-react-lite";
-import je from "@mui/material/Alert";
-import Fe from "@mui/material/Snackbar";
+import ze from "@mui/material/Alert";
+import je from "@mui/material/Snackbar";
 import g from "@mui/material/Stack";
-import se from "@mui/material/Tab";
-import ze from "@mui/material/Tabs";
-import { Text as T, H2 as ue, P, H3 as me, Icon as He, InstitutionLogo as te } from "@mxenabled/mxui";
-import pe from "@mui/material/Button";
+import re from "@mui/material/Tab";
+import Fe from "@mui/material/Tabs";
+import { Text as C, H2 as me, H3 as ce, P as H, Icon as $e, InstitutionLogo as te } from "@mxenabled/mxui";
+import ue from "@mui/material/Button";
 import Te from "@mui/material/Card";
 import Ce from "@mui/material/CardActionArea";
 import Se from "@mui/material/CardContent";
-import ge from "@mui/material/Unstable_Grid2";
-import ne from "@mui/material/Avatar";
-import $e from "@mui/material/CardHeader";
-import { Payments as Re, NoteStack as Ee, Person as xe, ChevronRight as O, DragHandle as Xe, CheckCircle as Ue, Icon as ye, ExpandLess as Ye, ExpandMore as Ze, AddBox as ve, Trophy as qe } from "@mxenabled/mx-icons";
-import { u as R, l as G, b as he, a as Ge, d as j, o as Ie, g as Ne } from "../hooks-ZMp65DFz.mjs";
-import { u as be } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as v } from "../NumberFormatting-DjTD0t3W.mjs";
+import ye 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, ArrowUpwardAlt as He, CheckCircle as Ue, ChevronRight as V, Icon as ge, ExpandLess as Ye, ExpandMore as Ze, AddBox as ve, Trophy as qe } from "@mxenabled/mx-icons";
+import { u as S, l as G, b as _e, a as Ie, d as z, o as Ge, g as Ne } from "../hooks-BUCn6FeJ.mjs";
+import { u as pe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
 import { S as Je } from "../StatusBar-BK_uYHAB.mjs";
-import E from "@mui/material/Divider";
+import x from "@mui/material/Divider";
 import L from "@mui/material/List";
-import { L as J } from "../ListItemAction-CU42h39I.mjs";
-import { C as we } from "../CurrencyInput-itK0R3wV.mjs";
-import { fromUnixTime as q } from "date-fns/fromUnixTime";
-import w from "@mui/material/ListItem";
-import K from "@mui/material/ListItemButton";
-import k from "@mui/material/ListItemText";
-import { DataGridPro as Qe } from "@mui/x-data-grid-pro";
-import { u as et } from "../useAriaLive-B3_pRUio.mjs";
-import { D as X } from "../Drawer-DV4NTsFg.mjs";
-import { b as M } from "../Localization-2MODESHW.mjs";
-import { f as ae, D as oe, a as tt } from "../Dialog-B4PI-_bL.mjs";
-import V from "@mui/material/ListItemAvatar";
-import { g as ke } from "../AccountDisplayName-CO7z3v99.mjs";
-import nt from "@mui/material/Collapse";
-import at from "@mui/material/ListItemIcon";
-import ot from "@mui/material/Checkbox";
+import { L as q } from "../ListItemAction-pvmKK9RU.mjs";
+import { C as ke } from "../CurrencyInput-BBifPjuC.mjs";
+import { fromUnixTime as ne } from "date-fns/fromUnixTime";
+import Qe from "@mui/material/IconButton";
+import k from "@mui/material/ListItem";
+import P from "@mui/material/ListItemAvatar";
+import M from "@mui/material/ListItemButton";
+import w from "@mui/material/ListItemText";
+import { b as O } from "../Localization-2MODESHW.mjs";
+import { f as he, D as be, a as et } from "../Dialog-CwiqpTGe.mjs";
+import { D as J } from "../Drawer-DV4NTsFg.mjs";
+import { g as we } from "../AccountDisplayName-CO7z3v99.mjs";
+import tt from "@mui/material/Collapse";
+import nt from "@mui/material/ListItemIcon";
+import at from "@mui/material/Checkbox";
 import { A as fe } from "../Account-BiB1F8lL.mjs";
-import { u as rt } from "../useAccountDisplayName-Bot2tb4n.mjs";
+import { u as ot } from "../useAccountDisplayName-D27PXvdj.mjs";
 import De from "@mui/material/TextField";
-import { M as it, I as st, O as lt } from "../OriginalBalanceAction-ChGGq5AH.mjs";
-import { getUnixTime as ct } from "date-fns/getUnixTime";
-import { isValid as dt } from "date-fns/isValid";
-import { AdapterDateFns as mt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as _t } from "@mui/x-date-pickers";
+import { M as rt, I as it, O as st } from "../OriginalBalanceAction-CQzvRZ7u.mjs";
+import { getUnixTime as lt } from "date-fns/getUnixTime";
+import { isValid as ct } from "date-fns/isValid";
+import { AdapterDateFns as dt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as mt } from "@mui/x-date-pickers";
 import { LocalizationProvider as ut } from "@mui/x-date-pickers/LocalizationProvider";
-import { u as Ke } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { A as $, W as pt } from "../WidgetContainer-CYdQ0BSm.mjs";
+import { u as Ke } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
+import { A as X, W as _t } from "../WidgetContainer-AuyAcUXL.mjs";
 import { L as Me } from "../Loader-DUaFpDGv.mjs";
-import { E as ht } from "../EmptyState-DoxNUae-.mjs";
-import bt from "@mui/material/Stack/Stack";
-import gt from "@mui/material/Box";
+import { E as pt } from "../EmptyState-DoxNUae-.mjs";
+import ht from "@mui/material/Stack/Stack";
+import bt from "@mui/material/Box";
 import yt from "@mui/material/styles/useTheme";
-import { S as ft } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { M as At } from "../MicroWidgetContainer-B2hO9rOG.mjs";
-function le({ title: t, subtitle: n }) {
-  return /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: t }),
-    /* @__PURE__ */ e(T, { sx: { fontWeight: 400 }, variant: "Body", children: n })
+import { S as gt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { M as ft } from "../MicroWidgetContainer-CX0qZ57D.mjs";
+function ie({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t }),
+    /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "Body", children: n })
   ] });
 }
-const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
+const At = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
   /(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g,
   "$1$2$3"
-) : v(t, "0,0.00"), Le = D(
-  ({ goal: t, isInDrawer: n = !1, onClick: c }) => {
-    const { goals: m } = R(), { isMobile: h, isTablet: r } = be(), d = h || r, {
-      backgroundColor: l,
-      color: p,
+) : I(t, "0,0.00"), Le = D(
+  ({ goal: t, isInDrawer: n = !1, onClick: m }) => {
+    const { goals: c } = S(), { isMobile: p, isTablet: r } = pe(), d = p || r, {
+      backgroundColor: s,
+      color: _,
       percentage: b,
       percentageText: o,
       projectedText: a
-    } = _e(m, t), u = t.track_type === s.DEBT_TRACK ? t.initial_amount : t.amount, _ = [
+    } = de(c, t), u = t.track_type === i.DEBT_TRACK ? t.initial_amount : t.amount, h = [
       {
-        color: l,
+        color: s,
         percentage: `${b}`
       }
     ];
-    let y = /* @__PURE__ */ e(Re, {});
-    return t.track_type === s.DEBT_TRACK ? y = /* @__PURE__ */ e(Ee, {}) : t.track_type === s.RETIREMENT_TRACK && (y = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ e(
+    let f = /* @__PURE__ */ e(Re, {});
+    return t.track_type === i.DEBT_TRACK ? f = /* @__PURE__ */ e(Ee, {}) : t.track_type === i.RETIREMENT_TRACK && (f = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ e(
       Te,
       {
         elevation: 2,
@@ -91,291 +90,197 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
             outlineColor: "primary.main"
           }
         },
-        children: /* @__PURE__ */ i(Ce, { disabled: !c, onClick: c, children: [
+        children: /* @__PURE__ */ l(Ce, { disabled: !m, onClick: m, children: [
           /* @__PURE__ */ e(
-            $e,
+            Xe,
             {
-              avatar: /* @__PURE__ */ e(ne, { sx: { bgcolor: l, color: p, height: 48, width: 48 }, variant: "rounded", children: y }),
-              subheader: /* @__PURE__ */ e(T, { variant: n || d ? "H3" : "H2", children: `${v(t.current_amount, d ? "0,0" : "0,0.00")} / ${Tt(
+              avatar: /* @__PURE__ */ e(ae, { sx: { bgcolor: s, color: _, height: 48, width: 48 }, variant: "rounded", children: f }),
+              subheader: /* @__PURE__ */ e(C, { variant: n || d ? "H3" : "H2", children: `${I(t.current_amount, d ? "0,0" : "0,0.00")} / ${At(
                 u,
                 d
               )}` }),
-              title: /* @__PURE__ */ e(ue, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
+              title: /* @__PURE__ */ e(me, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
             }
           ),
-          /* @__PURE__ */ e(Se, { sx: { pt: 0 }, children: /* @__PURE__ */ i(g, { gap: 6, children: [
-            /* @__PURE__ */ e(Je, { data: _, height: 24 }),
-            /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(T, { color: "text.secondary", variant: "XSmall", children: o }),
-              t.projected_to_complete_at && /* @__PURE__ */ e(T, { color: "text.secondary", variant: "XSmall", children: a })
+          /* @__PURE__ */ e(Se, { sx: { pt: 0 }, children: /* @__PURE__ */ l(g, { gap: 6, children: [
+            /* @__PURE__ */ e(Je, { data: h, height: 24 }),
+            /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: o }),
+              t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: a })
             ] })
           ] }) })
         ] })
       }
     );
   }
-), Ct = D(({ trackType: t }) => {
-  const { goals: n } = R(), { setAlert: c, monthlyCashFlowProfile: m, updateMonthlyCashFlowProfile: h } = G(), r = A.useMemo(() => {
+), Tt = D(({ trackType: t }) => {
+  const { goals: n } = S(), { setAlert: m, monthlyCashFlowProfile: c, updateMonthlyCashFlowProfile: p } = G(), r = T.useMemo(() => {
     let o = 0;
-    return t === s.SAVINGS_TRACK ? o = m?.amount_allocated_for_savings_goals || 0 : t === s.DEBT_TRACK ? o = m?.amount_allocated_for_debt_goals || 0 : t === s.RETIREMENT_TRACK && (o = m?.amount_allocated_for_retirement_goals || 0), o;
-  }, [m]);
-  A.useEffect(() => {
-    l(r);
+    return t === i.SAVINGS_TRACK ? o = c?.amount_allocated_for_savings_goals || 0 : t === i.DEBT_TRACK ? o = c?.amount_allocated_for_debt_goals || 0 : t === i.RETIREMENT_TRACK && (o = c?.amount_allocated_for_retirement_goals || 0), o;
+  }, [c]);
+  T.useEffect(() => {
+    s(r);
   }, [r]);
-  const [d, l] = A.useState(r), p = d < 0 || d > 99999999, b = async () => {
-    if (m) {
-      const o = { ...m };
-      t === s.SAVINGS_TRACK ? o.amount_allocated_for_savings_goals = d : t === s.DEBT_TRACK ? o.amount_allocated_for_debt_goals = d : t === s.RETIREMENT_TRACK && (o.amount_allocated_for_retirement_goals = d), await h(o), c(n.alert_contribution_updated);
+  const [d, s] = T.useState(r), _ = d < 0 || d > 99999999, b = async () => {
+    if (c) {
+      const o = { ...c };
+      t === i.SAVINGS_TRACK ? o.amount_allocated_for_savings_goals = d : t === i.DEBT_TRACK ? o.amount_allocated_for_debt_goals = d : t === i.RETIREMENT_TRACK && (o.amount_allocated_for_retirement_goals = d), await p(o), m(n.alert_contribution_updated);
     }
   };
   return /* @__PURE__ */ e(g, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
-    J,
+    q,
     {
       isSaveDisabled: !d || isNaN(d),
       label: n.contribution_label,
-      onCancel: () => l(r),
+      onCancel: () => s(r),
       onSave: b,
       primaryText: n.contribution_label,
-      secondaryText: v(r, "0,0.00"),
+      secondaryText: I(r, "0,0.00"),
       children: /* @__PURE__ */ e(
-        we,
+        ke,
         {
           amount: d,
           autoFocus: !0,
-          error: p,
+          error: _,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (o) => l(isNaN(Number(o)) ? d : Number(o)),
+          setAmount: (o) => s(isNaN(Number(o)) ? d : Number(o)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   ) });
-}), St = ({ goals: t }) => {
-  const { goals: n, common: c } = R(), { reorderGoals: m, setAlert: h } = G(), { announce: r, ariaLive: d } = et(), [l, p] = A.useState(!1), [b, o] = A.useState(t.map((f) => ({ ...f })));
-  A.useEffect(() => {
-    l && o(t.map((f) => ({ ...f })));
-  }, [l]);
-  const a = [
+}), Ct = ({ goal: t, index: n, onUpClick: m }) => {
+  const { goals: c } = S(), { percentage: p } = de(c, t), r = t.goal_type === le.KEEP_BALANCE_BELOW || t.has_been_spent ? c.goal_completed : O(c.goal_percentage_reached, `${p * 100}`);
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(
+    M,
     {
-      field: "name",
-      flex: 1,
-      renderCell: (f) => {
-        const S = f.row;
-        return /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: S.name }),
-          /* @__PURE__ */ e(T, { variant: "XSmall", children: M(
-            n.goal_projection,
-            ae(
-              q(S.projected_to_complete_at || 0),
-              oe.MONTH_SHORT_YEAR
-            )
-          ) })
-        ] });
-      },
-      sortable: !1
-    },
+      disableRipple: !0,
+      sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
+      children: [
+        t.track_type !== i.RETIREMENT_TRACK && /* @__PURE__ */ e(
+          P,
+          {
+            sx: {
+              alignItems: "center",
+              display: "flex",
+              justifyContent: "center",
+              ".MuiAvatar-root": { height: "16px", width: "16px" }
+            },
+            children: t.track_type === i.SAVINGS_TRACK ? /* @__PURE__ */ e(Qe, { onClick: () => m?.(t), children: /* @__PURE__ */ e(He, { color: "primary", size: 24 }) }) : /* @__PURE__ */ e(ae, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "XSmall", children: n + 1 }) })
+          }
+        ),
+        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "XSmall", children: t.is_complete ? r : O(
+              c.goal_projection,
+              he(
+                ne(t.projected_to_complete_at || 0),
+                be.MONTH_SHORT_YEAR
+              )
+            ) })
+          ] }),
+          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(t.amount, "0,0.00") })
+        ] }) })
+      ]
+    }
+  ) });
+}, St = ({ goal: t }) => {
+  const { goals: n } = S();
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(
+    M,
     {
-      align: "right",
-      field: "amount",
-      minWidth: 140,
-      renderCell: (f) => {
-        const S = f.row;
-        return /* @__PURE__ */ e(T, { bold: !0, sx: { mr: 12 }, variant: "Body", children: v(S.amount, "0,0.00") });
-      },
-      sortable: !1
+      disableRipple: !0,
+      sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
+      children: [
+        /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ue, { color: "success", filled: !0, size: 20 }) }),
+        /* @__PURE__ */ e(w, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "XSmall", children: O(
+              n.completed_label,
+              he(
+                ne(t.completed_at || 0),
+                be.MONTH_SHORT_YEAR
+              )
+            ) })
+          ] }),
+          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(t.amount, "0,0.00") })
+        ] }) })
+      ]
     }
-  ], u = b.map((f) => ({
-    id: f.guid,
-    isHovering: !1,
-    __reorder__: f.name,
-    ...f
-  })), _ = ({ oldIndex: f, targetIndex: S }) => {
-    const C = [...b], I = C[f];
-    C.splice(S, 0, C.splice(f, 1)[0]);
-    for (let N = 0; N < C.length; N += 1)
-      C[N].position = N + 1;
-    o(C), r(
-      M(
-        n.reorder_goals_announcement,
-        I.name,
-        f + 1,
-        S + 1
-      )
-    );
-  }, y = async () => {
-    await m(b), h(n.alert_goals_reordered), p(!1);
+  ) }, t.guid);
+}, Rt = ({ trackType: t }) => {
+  const { goals: n, common: m } = S(), { loadGoals: c, orderedGoals: p, reorderGoals: r } = G(), d = p.filter((y) => y.track_type === t), s = d.filter(
+    (y) => y.track_type === i.SAVINGS_TRACK && !y.has_been_spent || y.track_type !== i.SAVINGS_TRACK && !y.is_complete
+  ), _ = d.filter(
+    (y) => y.track_type === i.SAVINGS_TRACK && y.has_been_spent || y.track_type !== i.SAVINGS_TRACK && y.is_complete
+  ), [b, o] = T.useState(!1);
+  let a = n.manage_saving_goals, u = n.manage_saving_drawer_title, h = n.manage_saving_title, f = n.manage_saving_description;
+  t === i.DEBT_TRACK ? (a = n.manage_debt_goals, u = n.manage_debt_drawer_title, h = n.manage_debt_title, f = n.manage_debt_description) : t === i.RETIREMENT_TRACK && (a = n.manage_retirement_goals, u = n.manage_retirement_drawer_title, h = n.manage_retirement_title, f = n.manage_retirement_description);
+  const v = async (y) => {
+    const A = [...s], R = A.findIndex((K) => K.guid === y.guid);
+    let N = R - 1;
+    N < 0 && (N = A.length - 1), A.splice(N, 0, A.splice(R, 1)[0]);
+    for (let K = 0; K < A.length; K++)
+      A[K].position = K + 1;
+    await r(A), await c();
   };
-  return /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(K, { onClick: () => p(!0), children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ i(
-      g,
-      {
-        alignItems: "center",
-        color: "action.active",
-        direction: "row",
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ e(T, { color: "primary.light", variant: "Body", children: n.reorder_goals_title }),
-          /* @__PURE__ */ e(O, { color: "primary" })
-        ]
-      }
-    ) }) }) }),
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ e(ue, { endIcon: /* @__PURE__ */ e(V, {}), onClick: () => o(!0), children: a }),
     /* @__PURE__ */ e(
-      X,
-      {
-        ariaLabelClose: c.close_aria,
-        isOpen: l,
-        onClose: () => p(!1),
-        onPrimaryAction: y,
-        title: n.reorder_goals_title,
-        children: /* @__PURE__ */ i(g, { children: [
-          d,
-          /* @__PURE__ */ e(P, { id: "reorder-instructions", sx: { my: 12, mx: 24 }, children: n.reorder_goals_description }),
-          /* @__PURE__ */ e(
-            Qe,
-            {
-              "aria-describedby": "reorder-instructions",
-              columnHeaderHeight: 0,
-              columns: a,
-              disableColumnFilter: !0,
-              disableColumnMenu: !0,
-              hideFooter: !0,
-              onRowOrderChange: _,
-              rowReordering: !0,
-              rows: u,
-              slots: {
-                rowReorderIcon: () => /* @__PURE__ */ e(Xe, { "aria-label": n.reorder_goals_drag_aria_label, sx: { ml: 12 } })
-              },
-              sx: {
-                "& .MuiDataGrid-columnHeaders": {
-                  borderBottomWidth: 0
-                }
-              }
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}, Rt = ({ goal: t, index: n }) => {
-  const { goals: c } = R(), { percentage: m } = _e(c, t), h = t.goal_type === de.KEEP_BALANCE_BELOW || t.has_been_spent ? c.goal_completed : M(c.goal_percentage_reached, `${m * 100}`);
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(K, { children: [
-    t.track_type !== s.RETIREMENT_TRACK && /* @__PURE__ */ e(
-      V,
+      J,
       {
-        sx: {
-          alignItems: "center",
-          display: "flex",
-          justifyContent: "center",
-          ".MuiAvatar-root": { height: "16px", width: "16px" }
-        },
-        children: /* @__PURE__ */ e(ne, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(T, { bold: !0, variant: "XSmall", children: n + 1 }) })
-      }
-    ),
-    /* @__PURE__ */ e(k, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ i(g, { children: [
-        /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: t.name }),
-        /* @__PURE__ */ e(T, { variant: "XSmall", children: t.is_complete ? h : M(
-          c.goal_projection,
-          ae(
-            q(t.projected_to_complete_at || 0),
-            oe.MONTH_SHORT_YEAR
-          )
-        ) })
-      ] }),
-      /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: v(t.amount, "0,0.00") })
-    ] }) })
-  ] }) });
-}, Et = ({ goal: t }) => {
-  const { goals: n } = R();
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(K, { children: [
-    /* @__PURE__ */ e(V, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ue, { color: "success", filled: !0, size: 20 }) }),
-    /* @__PURE__ */ e(k, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ i(g, { children: [
-        /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: t.name }),
-        /* @__PURE__ */ e(T, { variant: "XSmall", children: M(
-          n.completed_label,
-          ae(
-            q(t.completed_at || 0),
-            oe.MONTH_SHORT_YEAR
-          )
-        ) })
-      ] }),
-      /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: v(t.amount, "0,0.00") })
-    ] }) })
-  ] }) }, t.guid);
-}, xt = ({ trackType: t }) => {
-  const { goals: n, common: c } = R(), { orderedGoals: m } = G(), h = m.filter((_) => _.track_type === t), r = h.filter(
-    (_) => _.track_type === s.SAVINGS_TRACK && !_.has_been_spent || _.track_type !== s.SAVINGS_TRACK && !_.is_complete
-  ), d = h.filter(
-    (_) => _.track_type === s.SAVINGS_TRACK && _.has_been_spent || _.track_type !== s.SAVINGS_TRACK && _.is_complete
-  ), [l, p] = A.useState(!1);
-  let b = n.manage_saving_goals, o = n.manage_saving_drawer_title, a = n.manage_saving_title, u = n.manage_saving_description;
-  return t === s.DEBT_TRACK ? (b = n.manage_debt_goals, o = n.manage_debt_drawer_title, a = n.manage_debt_title, u = n.manage_debt_description) : t === s.RETIREMENT_TRACK && (b = n.manage_retirement_goals, o = n.manage_retirement_drawer_title, a = n.manage_retirement_title, u = n.manage_retirement_description), /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(pe, { endIcon: /* @__PURE__ */ e(O, {}), onClick: () => p(!0), children: b }),
-    /* @__PURE__ */ e(
-      X,
-      {
-        ariaLabelClose: c.close_aria,
-        isOpen: l,
-        onClose: () => p(!1),
-        title: o,
-        children: /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ i(g, { m: 24, children: [
-            /* @__PURE__ */ e(me, { children: a }),
-            /* @__PURE__ */ e(P, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: u })
-          ] }),
-          /* @__PURE__ */ e(Ct, { trackType: t }),
-          /* @__PURE__ */ e(T, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
-          /* @__PURE__ */ i(L, { sx: { bgcolor: "background.paper" }, children: [
-            r.map((_, y) => {
-              const f = y >= r.length - 1;
-              return /* @__PURE__ */ i(g, { children: [
-                /* @__PURE__ */ e(Rt, { goal: _, index: y }),
-                /* @__PURE__ */ e(
-                  E,
-                  {
-                    variant: f && t === s.RETIREMENT_TRACK ? "fullWidth" : "inset"
-                  }
-                )
-              ] }, `ongoing-${_.guid}`);
-            }),
-            t !== s.RETIREMENT_TRACK && /* @__PURE__ */ i(g, { children: [
-              /* @__PURE__ */ e(St, { goals: r }),
-              /* @__PURE__ */ e(E, {})
-            ] })
+        ariaLabelClose: m.close_aria,
+        isOpen: b,
+        onClose: () => o(!1),
+        title: u,
+        children: /* @__PURE__ */ l(g, { children: [
+          /* @__PURE__ */ l(g, { m: 24, children: [
+            /* @__PURE__ */ e(ce, { children: h }),
+            /* @__PURE__ */ e(H, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: f })
           ] }),
-          t !== s.RETIREMENT_TRACK && d.length > 0 && /* @__PURE__ */ i(g, { children: [
-            /* @__PURE__ */ e(T, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
-            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: d.map((_, y) => {
-              const f = y > r.length - 1;
-              return /* @__PURE__ */ i(g, { children: [
-                /* @__PURE__ */ e(Et, { goal: _ }),
-                /* @__PURE__ */ e(E, { variant: f ? "fullWidth" : "inset" })
-              ] }, `complete-${_.guid}`);
+          /* @__PURE__ */ e(Tt, { trackType: t }),
+          /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
+          /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((y, A) => {
+            const R = A >= s.length - 1;
+            return /* @__PURE__ */ l(g, { children: [
+              /* @__PURE__ */ e(Ct, { goal: y, index: A, onUpClick: v }),
+              /* @__PURE__ */ e(x, { variant: R ? "fullWidth" : "inset" })
+            ] }, `ongoing-${y.guid}`);
+          }) }),
+          t !== i.RETIREMENT_TRACK && _.length > 0 && /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
+            /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: _.map((y, A) => {
+              const R = A > s.length - 1;
+              return /* @__PURE__ */ l(g, { children: [
+                /* @__PURE__ */ e(St, { goal: y }),
+                /* @__PURE__ */ e(x, { variant: R ? "fullWidth" : "inset" })
+              ] }, `complete-${y.guid}`);
             }) })
           ] })
         ] })
       }
     )
   ] });
-}, ce = D(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: c } = be(), { goals: m } = R(), { selectedAccountGuids: h } = he(), { orderedGoals: r, setSelectedGoal: d } = G(), l = r.filter(
-    (a) => a.track_type === t && (a.track_type !== s.RETIREMENT_TRACK && h.includes(a.account_guid) || a.track_type === s.RETIREMENT_TRACK)
-  ), p = l.filter(
-    (a) => a.track_type === s.SAVINGS_TRACK && !a.has_been_spent || a.track_type !== s.SAVINGS_TRACK && !a.is_complete
-  ), b = l.filter(
-    (a) => a.track_type === s.SAVINGS_TRACK && a.has_been_spent || a.track_type !== s.SAVINGS_TRACK && a.is_complete
-  ), o = t === s.DEBT_TRACK ? m.zero_state_complete_debt : m.zero_state_complete_savings;
-  return /* @__PURE__ */ i(g, { mt: 16, mx: c ? 24 : 0, children: [
-    /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
-      /* @__PURE__ */ e(me, { color: "text.secondary", variant: "Small", children: m.ongoing_title }),
-      /* @__PURE__ */ e(xt, { trackType: t })
+}, se = D(({ trackType: t, onAddGoals: n }) => {
+  const { isMobile: m } = pe(), { goals: c } = S(), { selectedAccountGuids: p } = _e(), { orderedGoals: r, setSelectedGoal: d } = G(), s = r.filter(
+    (a) => a.track_type === t && (a.track_type !== i.RETIREMENT_TRACK && p.includes(a.account_guid) || a.track_type === i.RETIREMENT_TRACK)
+  ), _ = s.filter(
+    (a) => a.track_type === i.SAVINGS_TRACK && !a.has_been_spent || a.track_type !== i.SAVINGS_TRACK && !a.is_complete
+  ), b = s.filter(
+    (a) => a.track_type === i.SAVINGS_TRACK && a.has_been_spent || a.track_type !== i.SAVINGS_TRACK && a.is_complete
+  ), o = t === i.DEBT_TRACK ? c.zero_state_complete_debt : c.zero_state_complete_savings;
+  return /* @__PURE__ */ l(g, { mt: 16, mx: m ? 24 : 0, children: [
+    /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+      /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "Small", children: c.ongoing_title }),
+      /* @__PURE__ */ e(Rt, { trackType: t })
     ] }),
-    p.length > 0 ? /* @__PURE__ */ e(ge, { container: !0, spacing: 24, children: p.map((a, u, _) => (
+    _.length > 0 ? /* @__PURE__ */ e(ye, { container: !0, spacing: 24, children: _.map((a, u, h) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(ge, { xs: c || u === 0 && _.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: a, onClick: () => d(a) }, a.guid) }, u)
-    )) }) : /* @__PURE__ */ i(
+      /* @__PURE__ */ e(ye, { xs: m || u === 0 && h.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Le, { goal: a, onClick: () => d(a) }, a.guid) }, u)
+    )) }) : /* @__PURE__ */ l(
       g,
       {
         alignItems: "center",
@@ -386,7 +291,7 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         py: 18,
         children: [
           /* @__PURE__ */ e(
-            P,
+            H,
             {
               sx: (a) => ({
                 color: "text.secondary",
@@ -396,17 +301,17 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
                 width: { sm: 381 }
               }),
               variant: "Small",
-              children: Pe(t, m)
+              children: Ve(t, c)
             }
           ),
-          /* @__PURE__ */ e(pe, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: m.add_goals_button })
+          /* @__PURE__ */ e(ue, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: c.add_goals_button })
         ]
       }
     ),
-    t !== s.RETIREMENT_TRACK && /* @__PURE__ */ i(g, { gap: 16, mt: 48, children: [
-      /* @__PURE__ */ e(me, { color: "text.secondary", variant: "Small", children: m.complete_title }),
+    t !== i.RETIREMENT_TRACK && /* @__PURE__ */ l(g, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "Small", children: c.complete_title }),
       b.length === 0 && /* @__PURE__ */ e(g, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
-        P,
+        H,
         {
           sx: (a) => ({
             color: "text.secondary",
@@ -419,73 +324,73 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           children: o
         }
       ) }),
-      b.map((a) => /* @__PURE__ */ e(Te, { elevation: 2, children: /* @__PURE__ */ e(Ce, { onClick: () => d(a), children: /* @__PURE__ */ e(Se, { 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(He, { color: "success", fill: !0, name: "check_circle", size: 20 }),
-          /* @__PURE__ */ e(T, { color: "text.secondary", variant: "Body", children: a.name })
+      b.map((a) => /* @__PURE__ */ e(Te, { elevation: 2, children: /* @__PURE__ */ e(Ce, { onClick: () => d(a), children: /* @__PURE__ */ e(Se, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", gap: 6, children: [
+          /* @__PURE__ */ e($e, { color: "success", fill: !0, name: "check_circle", size: 20 }),
+          /* @__PURE__ */ e(C, { color: "text.secondary", variant: "Body", children: a.name })
         ] }),
-        /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: v(a.amount, "0,0.00") })
+        /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: I(a.amount, "0,0.00") })
       ] }) }) }) }, a.guid))
     ] })
   ] });
-}), vt = ({ goalType: t, onClick: n }) => {
-  const { goals: c } = R(), { bgcolor: m, icon: h, label: r, description: d, subTypes: l, type: p } = t, [b, o] = A.useState(!1), a = l.length > 0;
-  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i(L, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(
-      K,
+}), Et = ({ goalType: t, onClick: n }) => {
+  const { goals: m } = S(), { bgcolor: c, icon: p, label: r, description: d, subTypes: s, type: _ } = t, [b, o] = T.useState(!1), a = s.length > 0;
+  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ l(L, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(
+      M,
       {
         onClick: a ? () => o(!b) : () => n(
-          p === s.RETIREMENT_TRACK ? c.retirement : "",
-          p === s.RETIREMENT_TRACK ? Z.RETIREMENT : Z.OTHER,
-          p
+          _ === i.RETIREMENT_TRACK ? m.retirement : "",
+          _ === i.RETIREMENT_TRACK ? Z.RETIREMENT : Z.OTHER,
+          _
         ),
         children: [
-          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(ne, { sx: { bgcolor: m }, variant: "rounded", children: /* @__PURE__ */ e(ye, { name: h, sx: { color: "grey.900" } }) }) }),
-          /* @__PURE__ */ e(k, { primary: r, secondary: d, sx: { mr: 24 } }),
-          !a && /* @__PURE__ */ e(O, {}),
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(ae, { sx: { bgcolor: c }, variant: "rounded", children: /* @__PURE__ */ e(ge, { name: p, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(w, { primary: r, secondary: d, sx: { mr: 24 } }),
+          !a && /* @__PURE__ */ e(V, {}),
           a && (b ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ e(Ze, {}))
         ]
       }
     ) }),
-    /* @__PURE__ */ e(E, { variant: "inset" }),
-    a && /* @__PURE__ */ e(nt, { in: b, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: l.map((u, _) => /* @__PURE__ */ e(w, { sx: { pl: 48 }, children: /* @__PURE__ */ i(K, { onClick: () => n(u.label, u.metaType, p), children: [
-      /* @__PURE__ */ e(at, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: u.icon }) }),
+    /* @__PURE__ */ e(x, { variant: "inset" }),
+    a && /* @__PURE__ */ e(tt, { in: b, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: s.map((u, h) => /* @__PURE__ */ e(k, { sx: { pl: 48 }, children: /* @__PURE__ */ l(M, { onClick: () => n(u.label, u.metaType, _), children: [
+      /* @__PURE__ */ e(nt, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ge, { name: u.icon }) }),
       /* @__PURE__ */ e(
-        k,
+        w,
         {
           primary: u.label,
           primaryTypographyProps: { variant: "Body" }
         }
       ),
-      /* @__PURE__ */ e(O, {})
-    ] }) }, _)) }) })
+      /* @__PURE__ */ e(V, {})
+    ] }) }, h)) }) })
   ] }) });
 }, Be = ({
   accounts: t,
   isOpen: n,
-  onClose: c,
-  onSave: m,
-  title: h
+  onClose: m,
+  onSave: c,
+  title: p
 }) => {
-  const { goals: r, common: d } = R(), { config: l } = Ge(), [p, b] = A.useState([]), o = (a) => {
-    const u = p.findIndex((y) => y.guid === a.guid), _ = [...p];
-    u >= 0 ? _.splice(u, 1) : _.push(a), b(_);
+  const { goals: r, common: d } = S(), { config: s } = Ie(), [_, b] = T.useState([]), o = (a) => {
+    const u = _.findIndex((f) => f.guid === a.guid), h = [..._];
+    u >= 0 ? h.splice(u, 1) : h.push(a), b(h);
   };
-  return /* @__PURE__ */ i(
-    X,
+  return /* @__PURE__ */ l(
+    J,
     {
       ariaLabelClose: d.close_aria,
       isOpen: n,
-      onClose: c,
-      onPrimaryAction: () => m(p),
-      title: h,
+      onClose: m,
+      onPrimaryAction: () => c(_),
+      title: p,
       children: [
-        /* @__PURE__ */ e(P, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: r.select_debt_accounts_description }),
-        /* @__PURE__ */ i(L, { sx: { bgcolor: "background.white" }, children: [
-          /* @__PURE__ */ e(E, { variant: "fullWidth" }),
-          t.map((a, u) => /* @__PURE__ */ i(A.Fragment, { children: [
-            /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(K, { onClick: () => o(a), children: [
-              /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(H, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: r.select_debt_accounts_description }),
+        /* @__PURE__ */ l(L, { sx: { bgcolor: "background.white" }, children: [
+          /* @__PURE__ */ e(x, { variant: "fullWidth" }),
+          t.map((a, u) => /* @__PURE__ */ l(T.Fragment, { children: [
+            /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(M, { onClick: () => o(a), children: [
+              /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
                 te,
                 {
                   alt: a?.name || "",
@@ -493,17 +398,17 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
                 }
               ) }),
               /* @__PURE__ */ e(
-                k,
+                w,
                 {
-                  primary: ke(a, {
-                    allowNickname: l?.show_account_nicknames_in_master
+                  primary: we(a, {
+                    allowNickname: s?.show_account_nicknames_in_master
                   }),
-                  secondary: v(a.balance || 0, "0,0.00")
+                  secondary: I(a.balance || 0, "0,0.00")
                 }
               ),
-              /* @__PURE__ */ e(ot, { checked: p.some((_) => _.guid === a.guid) })
+              /* @__PURE__ */ e(at, { checked: _.some((h) => h.guid === a.guid) })
             ] }) }),
-            /* @__PURE__ */ e(E, { variant: u < t.length - 1 ? "inset" : "fullWidth" })
+            /* @__PURE__ */ e(x, { variant: u < t.length - 1 ? "inset" : "fullWidth" })
           ] }, a.guid))
         ] }),
         /* @__PURE__ */ e(
@@ -517,44 +422,44 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       ]
     }
   );
-}, Gt = ({ onClose: t }) => {
-  const { goals: n } = R(), { addGoal: c, debtGoals: m, setAlert: h, setSelectedGoal: r } = G(), { config: d } = Ge(), { visibleDebtAccounts: l } = j(), [p, b] = A.useState(!1), o = Ve(n), a = (_, y, f) => {
-    f === s.DEBT_TRACK ? b(!0) : r({
+}, xt = ({ onClose: t }) => {
+  const { goals: n } = S(), { addGoal: m, debtGoals: c, setAlert: p, setSelectedGoal: r } = G(), { config: d } = Ie(), { visibleDebtAccounts: s } = z(), [_, b] = T.useState(!1), o = Pe(n), a = (h, f, v) => {
+    v === i.DEBT_TRACK ? b(!0) : r({
       amount: 0,
       current_amount: 0,
-      goal_type: de.SAVE_AMOUNT,
+      goal_type: le.SAVE_AMOUNT,
       initial_amount: 0,
-      meta_type: y,
-      name: _,
-      track_type: f
+      meta_type: f,
+      name: h,
+      track_type: v
     });
-  }, u = async (_) => {
-    for (const y of _) {
-      let f = Z.CREDIT_CARD;
-      y.account_type === fe.LOAN ? f = Z.LOANS : y.account_type === fe.LINE_OF_CREDIT && (f = Z.LINE_OF_CREDIT), await c({
-        account_guid: y.guid,
+  }, u = async (h) => {
+    for (const f of h) {
+      let v = Z.CREDIT_CARD;
+      f.account_type === fe.LOAN ? v = Z.LOANS : f.account_type === fe.LINE_OF_CREDIT && (v = Z.LINE_OF_CREDIT), await m({
+        account_guid: f.guid,
         amount: 0,
         current_amount: 0,
-        goal_type: de.KEEP_BALANCE_BELOW,
-        initial_amount: y.balance || 0,
-        interest_rate: y.interest_rate || 0,
-        meta_type: f,
-        monthly_payment: y.minimum_payment || 0,
-        name: ke(y, {
+        goal_type: le.KEEP_BALANCE_BELOW,
+        initial_amount: f.balance || 0,
+        interest_rate: f.interest_rate || 0,
+        meta_type: v,
+        monthly_payment: f.minimum_payment || 0,
+        name: we(f, {
           allowNickname: d?.show_account_nicknames_in_master
         }),
-        track_type: s.DEBT_TRACK
-      }), h(n.alert_goal_added);
+        track_type: i.DEBT_TRACK
+      }), p(n.alert_goal_added);
     }
-    b(!1), t?.(s.DEBT_TRACK);
+    b(!1), t?.(i.DEBT_TRACK);
   };
-  return /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: o.map((_, y) => /* @__PURE__ */ e(vt, { goalType: _, onClick: a }, y)) }),
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: o.map((h, f) => /* @__PURE__ */ e(Et, { goalType: h, onClick: a }, f)) }),
     /* @__PURE__ */ e(
       Be,
       {
-        accounts: l.filter((_) => !m.find((y) => y.account_guid === _.guid)),
-        isOpen: p,
+        accounts: s.filter((h) => !c.find((f) => f.account_guid === h.guid)),
+        isOpen: _,
         onClose: () => b(!1),
         onSave: u,
         title: n.select_debt_accounts_title
@@ -562,9 +467,9 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, Oe = ({ account: t }) => {
-  const n = rt(t);
-  return /* @__PURE__ */ i(w, { sx: { bgcolor: "background.paper", p: 24 }, children: [
-    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+  const n = ot(t);
+  return /* @__PURE__ */ l(k, { sx: { bgcolor: "background.paper", p: 24 }, children: [
+    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
       te,
       {
         alt: t.name || "",
@@ -572,24 +477,24 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     ) }),
     /* @__PURE__ */ e(
-      k,
+      w,
       {
         primary: n,
-        secondary: v(t.balance || 0, "0,0.00")
+        secondary: I(t.balance || 0, "0,0.00")
       }
     )
   ] });
-}, It = D(({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: c, setSelectedGoal: m, updateGoal: h, updateRetirementGoal: r } = G(), [d, l] = A.useState(t.amount), p = !t.guid, b = d < 0 || d > 9999999999e-2, o = t.track_type === s.SAVINGS_TRACK && t.has_been_spent || t.track_type !== s.SAVINGS_TRACK && t.is_complete, a = async () => {
-    const _ = { ...t, amount: d };
-    t.amount = d, p ? m(_) : (t.track_type !== s.RETIREMENT_TRACK ? await h(_) : await r(_), c(n.alert_goal_updated_amount));
+}, vt = D(({ goal: t }) => {
+  const { goals: n } = S(), { setAlert: m, setSelectedGoal: c, updateGoal: p, updateRetirementGoal: r } = G(), [d, s] = T.useState(t.amount), _ = !t.guid, b = d < 0 || d > 9999999999e-2, o = t.track_type === i.SAVINGS_TRACK && t.has_been_spent || t.track_type !== i.SAVINGS_TRACK && t.is_complete, a = async () => {
+    const h = { ...t, amount: d };
+    t.amount = d, _ ? c(h) : (t.track_type !== i.RETIREMENT_TRACK ? await p(h) : await r(h), m(n.alert_goal_updated_amount));
   }, u = () => {
     setTimeout(() => {
-      l(t.amount);
+      s(t.amount);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    J,
+    q,
     {
       isDisabled: o,
       isSaveDisabled: b,
@@ -597,50 +502,50 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       onCancel: u,
       onSave: a,
       primaryText: n.details_amount_to_save,
-      secondaryText: v(t.amount, "0,0"),
-      zeroStateText: p && t.amount === 0 ? n.add_amount : void 0,
+      secondaryText: I(t.amount, "0,0"),
+      zeroStateText: _ && t.amount === 0 ? n.add_amount : void 0,
       children: /* @__PURE__ */ e(
-        we,
+        ke,
         {
           amount: d,
           autoFocus: !0,
           error: b,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (_) => l(isNaN(Number(_)) ? d : Number(_)),
+          setAmount: (h) => s(isNaN(Number(h)) ? d : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), Nt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: c } = j(), { accounts: m, goals: h } = R(), { setAlert: r, setSelectedGoal: d, updateGoal: l } = G(), p = !t.guid, [b, o] = A.useState(!1), a = async ({ balance: u, guid: _ }) => {
-    const y = { ...t, account_guid: _, current_amount: u || 0 };
-    p ? d(y) : (await l(y), r(h.alert_account_changed)), o(!1);
+}), It = ({ goal: t }) => {
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: m } = z(), { accounts: c, goals: p } = S(), { setAlert: r, setSelectedGoal: d, updateGoal: s } = G(), _ = !t.guid, [b, o] = T.useState(!1), a = async ({ balance: u, guid: h }) => {
+    const f = { ...t, account_guid: h, current_amount: u || 0 };
+    _ ? d(f) : (await s(f), r(p.alert_account_changed)), o(!1);
   };
-  return /* @__PURE__ */ i(g, { children: [
-    p && !t.account_guid ? /* @__PURE__ */ e(w, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(K, { onClick: () => o(!0), children: [
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ i(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+  return /* @__PURE__ */ l(g, { children: [
+    _ && !t.account_guid ? /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(M, { onClick: () => o(!0), children: [
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ l(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(ve, { filled: !0 }),
-        h.details_add_account
+        p.details_add_account
       ] }) }),
-      /* @__PURE__ */ e(O, { color: "primary" })
-    ] }) }) : /* @__PURE__ */ i(g, { sx: { gap: 8, my: 24, mx: 24 }, children: [
-      /* @__PURE__ */ e(pe, { onClick: () => o(!0), variant: "text", children: h.details_change_account }),
+      /* @__PURE__ */ e(V, { color: "primary" })
+    ] }) }) : /* @__PURE__ */ l(g, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+      /* @__PURE__ */ e(ue, { onClick: () => o(!0), variant: "text", children: p.details_change_account }),
       /* @__PURE__ */ e(
-        T,
+        C,
         {
           color: "text.secondary",
           sx: { textAlign: "center", whiteSpace: "wrap" },
           variant: "Paragraph",
-          children: M(h.details_change_account_description, t.name)
+          children: O(p.details_change_account_description, t.name)
         }
       )
     ] }),
-    /* @__PURE__ */ e(X, { isOpen: b, onClose: () => o(!1), title: h.details_change_account, children: /* @__PURE__ */ i(g, { children: [
-      n.length > 0 && /* @__PURE__ */ e(T, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: m.account_types[1] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((u) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(K, { onClick: () => a(u), children: [
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(J, { isOpen: b, onClose: () => o(!1), title: p.details_change_account, children: /* @__PURE__ */ l(g, { children: [
+      n.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: c.account_types[1] }),
+      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((u) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(M, { onClick: () => a(u), children: [
+        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
           te,
           {
             alt: u?.name || "",
@@ -648,17 +553,17 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           }
         ) }),
         /* @__PURE__ */ e(
-          k,
+          w,
           {
             primary: u?.name || u?.feed_name,
-            secondary: v(u?.balance || 0, "0,0.00")
+            secondary: I(u?.balance || 0, "0,0.00")
           }
         ),
-        /* @__PURE__ */ e(O, {})
+        /* @__PURE__ */ e(V, {})
       ] }) }, u.guid)) }),
-      c.length > 0 && /* @__PURE__ */ e(T, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: m.account_types[2] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: c.map((u) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(K, { onClick: () => a(u), children: [
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
+      m.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: c.account_types[2] }),
+      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: m.map((u) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ l(M, { onClick: () => a(u), children: [
+        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
           te,
           {
             alt: u?.name || "",
@@ -666,37 +571,37 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           }
         ) }),
         /* @__PURE__ */ e(
-          k,
+          w,
           {
             primary: u?.name || u?.feed_name,
-            secondary: v(u?.balance || 0, "0,0.00")
+            secondary: I(u?.balance || 0, "0,0.00")
           }
         ),
-        /* @__PURE__ */ e(O, {})
+        /* @__PURE__ */ e(V, {})
       ] }) }, u.guid)) }),
       /* @__PURE__ */ e(
         Ae,
         {
-          description: h.connect_description,
-          label: h.connect_button,
-          title: h.connect_title
+          description: p.connect_description,
+          label: p.connect_button,
+          title: p.connect_title
         }
       )
     ] }) })
   ] });
-}, wt = D(({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: c, setSelectedGoal: m, updateGoal: h } = G(), [r, d] = A.useState(t.name), l = !t.guid, p = t.track_type === s.SAVINGS_TRACK && t.has_been_spent || t.track_type !== s.SAVINGS_TRACK && t.is_complete, b = async () => {
+}, Gt = D(({ goal: t }) => {
+  const { goals: n } = S(), { setAlert: m, setSelectedGoal: c, updateGoal: p } = G(), [r, d] = T.useState(t.name), s = !t.guid, _ = t.track_type === i.SAVINGS_TRACK && t.has_been_spent || t.track_type !== i.SAVINGS_TRACK && t.is_complete, b = async () => {
     const a = { ...t, name: r };
-    t.name = r, l ? m(a) : (await h(a), c(n.alert_goal_updated_name));
+    t.name = r, s ? c(a) : (await p(a), m(n.alert_goal_updated_name));
   }, o = () => {
     setTimeout(() => {
       d(t.name);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    J,
+    q,
     {
-      isDisabled: p,
+      isDisabled: _,
       isSaveDisabled: !r,
       label: n.details_goal_name,
       onCancel: o,
@@ -715,11 +620,11 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   );
-}), kt = ({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: c, setSelectedGoal: m, updateRetirementGoal: h } = G(), [r, d] = A.useState(t.retirement_age || 65), l = !t.guid, p = async () => {
+}), Nt = ({ goal: t }) => {
+  const { goals: n } = S(), { setAlert: m, setSelectedGoal: c, updateRetirementGoal: p } = G(), [r, d] = T.useState(t.retirement_age || 65), s = !t.guid, _ = async () => {
     if (!isNaN(r)) {
       const a = { ...t, retirement_age: r };
-      t.retirement_age = r, l ? m(a) : (await h(a), c(n.alert_goal_updated_retirement_age));
+      t.retirement_age = r, s ? c(a) : (await p(a), m(n.alert_goal_updated_retirement_age));
     }
   }, b = () => {
     setTimeout(() => {
@@ -727,16 +632,16 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     }, 250);
   }, o = !r || isNaN(r) || r < 20 || r >= 100;
   return /* @__PURE__ */ e(
-    J,
+    q,
     {
       isDisabled: t.is_complete,
       isSaveDisabled: o,
       label: n.details_retirement_age,
       onCancel: b,
-      onSave: p,
+      onSave: _,
       primaryText: n.details_retirement_age,
       secondaryText: `${t.retirement_age}`,
-      zeroStateText: l && !t.retirement_age ? n.add_age : void 0,
+      zeroStateText: s && !t.retirement_age ? n.add_age : void 0,
       children: /* @__PURE__ */ e(
         De,
         {
@@ -749,302 +654,302 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     }
   );
-}, Dt = D(({ goal: t }) => {
-  const { goals: n } = R(), { user: c, updateUser: m } = Ie(), { setAlert: h } = G(), [r, d] = A.useState(q(c.birthday ?? 0)), [l, p] = A.useState(null), b = t.is_complete, o = async () => {
-    r && dt(r) && (await m({ ...c, birthday: ct(r) }), h(n.alert_goal_updated_birthday));
+}, kt = D(({ goal: t }) => {
+  const { goals: n } = S(), { user: m, updateUser: c } = Ge(), { setAlert: p } = G(), [r, d] = T.useState(ne(m.birthday ?? 0)), [s, _] = T.useState(null), b = t.is_complete, o = async () => {
+    r && ct(r) && (await c({ ...m, birthday: lt(r) }), p(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ e(
-    J,
+    q,
     {
       isDisabled: b,
-      isSaveDisabled: !!l,
+      isSaveDisabled: !!s,
       label: n.details_birthday,
       onSave: o,
       primaryText: n.details_birthday,
-      secondaryText: `${ae(q(c.birthday ?? 0), oe.MONTH_DAY_YEAR)}`,
-      zeroStateText: !t.guid && !c.birthday ? n.add_birthday : void 0,
-      children: /* @__PURE__ */ e(ut, { dateAdapter: mt, children: /* @__PURE__ */ e(
-        _t,
+      secondaryText: `${he(ne(m.birthday ?? 0), be.MONTH_DAY_YEAR)}`,
+      zeroStateText: !t.guid && !m.birthday ? n.add_birthday : void 0,
+      children: /* @__PURE__ */ e(ut, { dateAdapter: dt, children: /* @__PURE__ */ e(
+        mt,
         {
           label: n.details_birthday,
           onChange: d,
-          onError: (a) => p(a),
+          onError: (a) => _(a),
           sx: { width: "100%" },
           value: r
         }
       ) })
     }
   );
-}), Kt = ({ goal: t }) => {
-  const { goals: n } = R(), { visibleRetirementAccounts: c } = j(), {
-    addRetirementGoalAccount: m,
-    newRetirementGoalAccounts: h,
+}), wt = ({ goal: t }) => {
+  const { goals: n } = S(), { visibleRetirementAccounts: m } = z(), {
+    addRetirementGoalAccount: c,
+    newRetirementGoalAccounts: p,
     retirementGoalAccounts: r,
     selectedGoal: d,
-    setAlert: l,
-    setNewRetirementGoalAccounts: p,
+    setAlert: s,
+    setNewRetirementGoalAccounts: _,
     setSelectedGoal: b
-  } = G(), [o, a] = A.useState(!1), u = !t.guid, _ = c.filter(
-    (S) => u ? h.find((C) => C.account_guid === S.guid) : r.find((C) => C.account_guid === S.guid)
-  ), y = c.filter(
-    (S) => !r.find((C) => C.account_guid === S.guid)
-  ), f = async (S) => {
-    const C = S.map((I) => ({
-      account_guid: I.guid,
+  } = G(), [o, a] = T.useState(!1), u = !t.guid, h = m.filter(
+    (y) => u ? p.find((A) => A.account_guid === y.guid) : r.find((A) => A.account_guid === y.guid)
+  ), f = m.filter(
+    (y) => !r.find((A) => A.account_guid === y.guid)
+  ), v = async (y) => {
+    const A = y.map((R) => ({
+      account_guid: R.guid,
       retirement_goal_guid: t.guid
     }));
     if (u)
-      p(C);
+      _(A);
     else
-      for (const I of C)
-        await m(I), l(n.alert_account_added);
+      for (const R of A)
+        await c(R), s(n.alert_account_added);
     b({
       ...d,
-      current_amount: S.reduce((I, N) => I + (N.balance || 0), 0)
+      current_amount: y.reduce((R, N) => R + (N.balance || 0), 0)
     }), a(!1);
   };
-  return /* @__PURE__ */ i(g, { children: [
-    _.map((S) => /* @__PURE__ */ i(g, { children: [
-      /* @__PURE__ */ e(Oe, { account: S }),
-      /* @__PURE__ */ e(E, {})
-    ] }, S.guid)),
-    /* @__PURE__ */ e(w, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(K, { onClick: () => a(!0), children: [
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ i(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+  return /* @__PURE__ */ l(g, { children: [
+    h.map((y) => /* @__PURE__ */ l(g, { children: [
+      /* @__PURE__ */ e(Oe, { account: y }),
+      /* @__PURE__ */ e(x, {})
+    ] }, y.guid)),
+    /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(M, { onClick: () => a(!0), children: [
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ l(g, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(ve, { filled: !0 }),
         n.details_add_account
       ] }) }),
-      /* @__PURE__ */ e(O, { color: "primary" })
+      /* @__PURE__ */ e(V, { color: "primary" })
     ] }) }),
     /* @__PURE__ */ e(
       Be,
       {
-        accounts: y,
+        accounts: f,
         isOpen: o,
         onClose: () => a(!1),
-        onSave: f,
+        onSave: v,
         title: n.add_select_accounts
       }
     )
   ] });
-}, Mt = D(({ goal: t }) => {
-  const { goals: n } = R(), { visibleAccounts: c } = j(), m = A.useMemo(
-    () => c.find((d) => d.guid === t.account_guid),
-    [c, t]
-  ), h = t.track_type;
+}, Dt = D(({ goal: t }) => {
+  const { goals: n } = S(), { visibleAccounts: m } = z(), c = T.useMemo(
+    () => m.find((d) => d.guid === t.account_guid),
+    [m, t]
+  ), p = t.track_type;
   let r = n.details_save_title;
-  return t.track_type === s.DEBT_TRACK ? r = n.details_debt_title : t.track_type === s.RETIREMENT_TRACK && (r = n.details_retirement_title), /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ i(g, { mx: 24, children: [
-      /* @__PURE__ */ e(T, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: r }),
+  return t.track_type === i.DEBT_TRACK ? r = n.details_debt_title : t.track_type === i.RETIREMENT_TRACK && (r = n.details_retirement_title), /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ l(g, { mx: 24, children: [
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: r }),
       /* @__PURE__ */ e(Le, { goal: t, isInDrawer: !0 }),
-      /* @__PURE__ */ e(T, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: n.details_title })
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: n.details_title })
     ] }),
-    /* @__PURE__ */ i(L, { sx: { bgcolor: "background.paper" }, children: [
-      h !== s.RETIREMENT_TRACK ? /* @__PURE__ */ e(wt, { goal: t }) : /* @__PURE__ */ e(w, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-        k,
+    /* @__PURE__ */ l(L, { sx: { bgcolor: "background.paper" }, children: [
+      p !== i.RETIREMENT_TRACK ? /* @__PURE__ */ e(Gt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+        w,
         {
-          primary: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(T, { variant: "body1", children: n.details_goal_name }),
-            /* @__PURE__ */ e(T, { bold: !0, color: "text.primary", sx: { mr: 4 }, variant: "body1", children: n.retirement })
+          primary: /* @__PURE__ */ l(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(C, { variant: "body1", children: n.details_goal_name }),
+            /* @__PURE__ */ e(C, { bold: !0, color: "text.primary", sx: { mr: 4 }, variant: "body1", children: n.retirement })
           ] }),
           primaryTypographyProps: { variant: "body1" }
         }
       ) }),
-      /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-      (h === s.SAVINGS_TRACK || h === s.RETIREMENT_TRACK) && /* @__PURE__ */ i(H, { children: [
-        /* @__PURE__ */ e(It, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: h === s.RETIREMENT_TRACK ? 24 : 0 } })
+      /* @__PURE__ */ e(x, { sx: { ml: 24 } }),
+      (p === i.SAVINGS_TRACK || p === i.RETIREMENT_TRACK) && /* @__PURE__ */ l($, { children: [
+        /* @__PURE__ */ e(vt, { goal: t }),
+        /* @__PURE__ */ e(x, { sx: { ml: p === i.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
-      t.track_type === s.DEBT_TRACK && /* @__PURE__ */ i(H, { children: [
+      t.track_type === i.DEBT_TRACK && /* @__PURE__ */ l($, { children: [
+        /* @__PURE__ */ e(rt, { goal: t }),
+        /* @__PURE__ */ e(x, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(it, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(x, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(st, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(lt, { goal: t }),
-        /* @__PURE__ */ e(E, { variant: "fullWidth" })
+        /* @__PURE__ */ e(x, { variant: "fullWidth" })
       ] }),
-      t.track_type === s.RETIREMENT_TRACK && /* @__PURE__ */ i(H, { children: [
+      t.track_type === i.RETIREMENT_TRACK && /* @__PURE__ */ l($, { children: [
+        /* @__PURE__ */ e(Nt, { goal: t }),
+        /* @__PURE__ */ e(x, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(kt, { goal: t }),
-        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-        /* @__PURE__ */ e(Dt, { goal: t }),
-        /* @__PURE__ */ e(E, { variant: "fullWidth" })
+        /* @__PURE__ */ e(x, { variant: "fullWidth" })
       ] })
     ] }),
-    /* @__PURE__ */ e(T, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: t.track_type === s.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
-    t.track_type !== s.RETIREMENT_TRACK && m && /* @__PURE__ */ i(H, { children: [
-      /* @__PURE__ */ e(Oe, { account: m }),
-      /* @__PURE__ */ e(E, {})
+    /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: t.track_type === i.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
+    t.track_type !== i.RETIREMENT_TRACK && c && /* @__PURE__ */ l($, { children: [
+      /* @__PURE__ */ e(Oe, { account: c }),
+      /* @__PURE__ */ e(x, {})
     ] }),
-    t.track_type === s.RETIREMENT_TRACK && /* @__PURE__ */ i(H, { children: [
-      /* @__PURE__ */ e(Kt, { goal: t }),
-      /* @__PURE__ */ e(E, {})
+    t.track_type === i.RETIREMENT_TRACK && /* @__PURE__ */ l($, { children: [
+      /* @__PURE__ */ e(wt, { goal: t }),
+      /* @__PURE__ */ e(x, {})
     ] }),
-    t.track_type === s.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Nt, { goal: t })
+    t.track_type === i.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(It, { goal: t })
   ] });
-}), Lt = D(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = j(), { goals: c, common: m } = R(), {
-    addGoal: h,
+}), Kt = D(({ onClose: t }) => {
+  const { visibleRetirementAccounts: n } = z(), { goals: m, common: c } = S(), {
+    addGoal: p,
     addRetirementGoal: r,
     deleteGoal: d,
-    deleteRetirementGoal: l,
-    newRetirementGoalAccounts: p,
+    deleteRetirementGoal: s,
+    newRetirementGoalAccounts: _,
     retirementGoalAccounts: b,
     selectedGoal: o,
     setAlert: a,
     setSelectedGoal: u,
-    updateGoal: _
-  } = G(), { user: y } = Ie(), [f, S] = A.useState(!1), C = !o?.guid, I = o?.track_type === s.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, N = A.useMemo(() => {
-    const x = C ? p : b;
-    return n.filter((F) => x.some((z) => z.account_guid === F.guid));
-  }, [C, n, p, b]), re = A.useMemo(() => {
+    updateGoal: h
+  } = G(), { user: f } = Ge(), [v, y] = T.useState(!1), A = !o?.guid, R = o?.track_type === i.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, N = T.useMemo(() => {
+    const E = A ? _ : b;
+    return n.filter((j) => E.some((F) => F.account_guid === j.guid));
+  }, [A, n, _, b]), K = T.useMemo(() => {
     if (!o) return !1;
-    if (!C && !I) return !0;
-    const { account_guid: x, track_type: F, name: z, amount: ee, retirement_age: B } = o;
-    return F === s.SAVINGS_TRACK ? x ? !!z && !!ee : !1 : F === s.RETIREMENT_TRACK ? N.length ? !!z && !!ee && !!B && !!y.birthday : !1 : !0;
-  }, [o, N, y.birthday]);
-  let U = m.delete_button, Y = () => S(!0);
-  C ? (Y = () => ie(), U = m.save_button) : I && (Y = () => Q(), U = c.mark_as_complete_button);
-  const ie = async () => {
+    if (!A && !R) return !0;
+    const { account_guid: E, track_type: j, name: F, amount: ee, retirement_age: B } = o;
+    return j === i.SAVINGS_TRACK ? E ? !!F && !!ee : !1 : j === i.RETIREMENT_TRACK ? N.length ? !!F && !!ee && !!B && !!f.birthday : !1 : !0;
+  }, [o, N, f.birthday]);
+  let U = c.delete_button, Y = () => y(!0);
+  A ? (Y = () => oe(), U = c.save_button) : R && (Y = () => Q(), U = m.mark_as_complete_button);
+  const oe = async () => {
     if (o) {
-      const x = o.track_type;
-      x !== s.RETIREMENT_TRACK ? await h(o) : x === s.RETIREMENT_TRACK && await r({ ...o, target_amount: o.amount }), a(c.alert_goal_added), u(void 0), x && t?.(x);
+      const E = o.track_type;
+      E !== i.RETIREMENT_TRACK ? await p(o) : E === i.RETIREMENT_TRACK && await r({ ...o, target_amount: o.amount }), a(m.alert_goal_added), u(void 0), E && t?.(E);
     }
   }, W = async () => {
-    o && (o.track_type !== s.RETIREMENT_TRACK ? await d(o.guid) : o.track_type === s.RETIREMENT_TRACK && await l(o), a(c.alert_goal_deleted), u(void 0));
+    o && (o.track_type !== i.RETIREMENT_TRACK ? await d(o.guid) : o.track_type === i.RETIREMENT_TRACK && await s(o), a(m.alert_goal_deleted), u(void 0));
   }, Q = async () => {
-    const x = {
+    const E = {
       ...o,
       has_been_spent: !0
     };
-    await _(x), a(c.alert_goal_completed), u(void 0);
+    await h(E), a(m.alert_goal_completed), u(void 0);
   };
-  return /* @__PURE__ */ i(g, { children: [
+  return /* @__PURE__ */ l(g, { children: [
     /* @__PURE__ */ e(
-      X,
+      J,
       {
-        ariaLabelClose: m.close_aria,
-        hasSecondaryAction: C,
+        ariaLabelClose: c.close_aria,
+        hasSecondaryAction: A,
         isOpen: !!o,
-        isPrimaryDisabled: !re,
+        isPrimaryDisabled: !K,
         onClose: () => u(void 0),
         onPrimaryAction: Y,
-        primaryColor: C || I ? "primary" : "error",
+        primaryColor: A || R ? "primary" : "error",
         primaryText: U,
         secondaryColor: "primary",
-        title: c.goal_details,
-        children: o && /* @__PURE__ */ e(Mt, { goal: o })
+        title: m.goal_details,
+        children: o && /* @__PURE__ */ e(Dt, { goal: o })
       }
     ),
     /* @__PURE__ */ e(
-      tt,
+      et,
       {
-        copy: { close_aria: m.close_aria, title: c.delete_goal },
-        isOpen: f,
+        copy: { close_aria: c.close_aria, title: m.delete_goal },
+        isOpen: v,
         maxWidth: "xs",
-        onClose: () => S(!1),
+        onClose: () => y(!1),
         onPrimaryAction: W,
         primaryColor: "error",
-        primaryText: m.delete_button,
-        children: /* @__PURE__ */ e(T, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: M(c.delete_description, o?.name || "") })
+        primaryText: c.delete_button,
+        children: /* @__PURE__ */ e(C, { sx: { textWrap: "wrap" }, variant: "Paragraph", children: O(m.delete_description, o?.name || "") })
       }
     )
   ] });
-}), zn = D(({ onBackClick: t, sx: n }) => {
-  const { onEvent: c } = Ne(), { isMobile: m } = be(), { isAccountDataLoaded: h, loadAccountData: r } = j(), { isInitialized: d } = he(), { goals: l, common: p } = R(), {
+}), Pn = D(({ onBackClick: t, sx: n }) => {
+  const { onEvent: m } = Ne(), { isMobile: c } = pe(), { isAccountDataLoaded: p, loadAccountData: r } = z(), { isInitialized: d } = _e(), { goals: s, common: _ } = S(), {
     alert: b,
     goals: o,
     isAllGoalDataLoaded: a,
     loadGoalData: u,
-    monthlyCashFlowProfile: _,
-    setAlert: y,
-    retirmentGoals: f
-  } = G(), [S, C] = A.useState(0), [I, N] = A.useState(!1), re = _?.amount_allocated_for_savings_goals || 0, U = _?.amount_allocated_for_debt_goals || 0, Y = _?.amount_allocated_for_retirement_goals || 0;
+    monthlyCashFlowProfile: h,
+    setAlert: f,
+    retirmentGoals: v
+  } = G(), [y, A] = T.useState(0), [R, N] = T.useState(!1), K = h?.amount_allocated_for_savings_goals || 0, U = h?.amount_allocated_for_debt_goals || 0, Y = h?.amount_allocated_for_retirement_goals || 0;
   Ke({
     widgetName: "GoalsWidget",
     isLoaded: a
-  }), A.useEffect(() => {
-    h || r().finally(), c($.GOALS_VIEW);
-  }, []), A.useEffect(() => {
+  }), T.useEffect(() => {
+    p || r().finally(), m(X.GOALS_VIEW);
+  }, []), T.useEffect(() => {
     d && u().finally();
   }, [d]);
-  const ie = () => {
-    c($.GOALS_CLICK_FILTER);
+  const oe = () => {
+    m(X.GOALS_CLICK_FILTER);
   }, W = () => {
-    N(!0), c($.GOALS_CLICK_ADD);
+    N(!0), m(X.GOALS_CLICK_ADD);
   }, Q = (B) => {
-    N(!1), B === s.SAVINGS_TRACK ? C(0) : B === s.DEBT_TRACK ? C(1) : B === s.RETIREMENT_TRACK && C(2);
-  }, x = A.useMemo(
-    () => a && (o.length === 0 || o.every(({ track_type: B }) => !B) && f.length === 0),
-    [o, a, f]
+    N(!1), B === i.SAVINGS_TRACK ? A(0) : B === i.DEBT_TRACK ? A(1) : B === i.RETIREMENT_TRACK && A(2);
+  }, E = T.useMemo(
+    () => a && (o.length === 0 || o.every(({ track_type: B }) => !B) && v.length === 0),
+    [o, a, v]
   );
   if (!d || !a)
     return /* @__PURE__ */ e(Me, {});
-  const F = M(
-    m ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(re, "0,0")
-  ), z = M(
-    m ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(U, "0,0")
-  ), ee = M(
-    m ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(Y, "0,0")
+  const j = O(
+    c ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(K, "0,0")
+  ), F = O(
+    c ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(U, "0,0")
+  ), ee = O(
+    c ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(Y, "0,0")
   );
-  return /* @__PURE__ */ i(
-    pt,
+  return /* @__PURE__ */ l(
+    _t,
     {
       actions: [
         {
           iconName: "add",
-          label: l.add_title,
+          label: s.add_title,
           onClick: W
         }
       ],
-      onAccountsFilterClick: ie,
+      onAccountsFilterClick: oe,
       onBackClick: t,
       sx: n,
-      title: l.title,
+      title: s.title,
       children: [
-        /* @__PURE__ */ i(g, { mx: m ? 0 : 48, my: 24, children: [
-          /* @__PURE__ */ i(
-            ze,
+        /* @__PURE__ */ l(g, { mx: c ? 0 : 48, my: 24, children: [
+          /* @__PURE__ */ l(
+            Fe,
             {
-              onChange: (B, We) => C(We),
+              onChange: (B, We) => A(We),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
-              value: x ? !1 : S,
+              value: E ? !1 : y,
               variant: "fullWidth",
               children: [
                 /* @__PURE__ */ e(
-                  se,
+                  re,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(le, { subtitle: F, title: l.tab_saving_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(ie, { subtitle: j, title: s.tab_saving_title })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  se,
+                  re,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(le, { subtitle: z, title: l.tab_debt_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(ie, { subtitle: F, title: s.tab_debt_title })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  se,
+                  re,
                   {
-                    disabled: x,
-                    label: /* @__PURE__ */ e(le, { subtitle: ee, title: l.tab_retirement_title })
+                    disabled: E,
+                    label: /* @__PURE__ */ e(ie, { subtitle: ee, title: s.tab_retirement_title })
                   }
                 )
               ]
             }
           ),
-          x ? /* @__PURE__ */ e(
-            ht,
+          E ? /* @__PURE__ */ e(
+            pt,
             {
-              header: l.create_goals_header,
+              header: s.create_goals_header,
               icon: "trophy",
               onClick: W,
-              primaryButton: l.add_goals_button,
-              subText: l.empty_state_subheader,
+              primaryButton: s.add_goals_button,
+              subText: s.empty_state_subheader,
               sx: {
                 width: { sm: 432 },
                 ".buttons-footer": {
@@ -1052,67 +957,67 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
                 }
               }
             }
-          ) : /* @__PURE__ */ i(H, { children: [
-            S === 0 && /* @__PURE__ */ e(ce, { onAddGoals: W, trackType: s.SAVINGS_TRACK }),
-            S === 1 && /* @__PURE__ */ e(ce, { onAddGoals: W, trackType: s.DEBT_TRACK }),
-            S === 2 && /* @__PURE__ */ e(ce, { onAddGoals: W, trackType: s.RETIREMENT_TRACK })
+          ) : /* @__PURE__ */ l($, { children: [
+            y === 0 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.SAVINGS_TRACK }),
+            y === 1 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.DEBT_TRACK }),
+            y === 2 && /* @__PURE__ */ e(se, { onAddGoals: W, trackType: i.RETIREMENT_TRACK })
           ] })
         ] }),
-        /* @__PURE__ */ e(Lt, { onClose: Q }),
+        /* @__PURE__ */ e(Kt, { onClose: Q }),
         /* @__PURE__ */ e(
-          X,
+          J,
           {
-            ariaLabelClose: p.close_aria,
-            isOpen: I,
+            ariaLabelClose: _.close_aria,
+            isOpen: R,
             onClose: () => N(!1),
-            title: l.add_goal_title,
-            children: /* @__PURE__ */ e(Gt, { onClose: Q })
+            title: s.add_goal_title,
+            children: /* @__PURE__ */ e(xt, { onClose: Q })
           }
         ),
-        /* @__PURE__ */ e(Fe, { onClose: () => y(""), open: !!b, children: /* @__PURE__ */ e(je, { onClose: () => y(""), severity: "success", variant: "filled", children: b }) })
+        /* @__PURE__ */ e(je, { onClose: () => f(""), open: !!b, children: /* @__PURE__ */ e(ze, { onClose: () => f(""), severity: "success", variant: "filled", children: b }) })
       ]
     }
   );
-}), Bt = D(({ goal: t }) => {
-  const { goals: n } = R(), c = yt(), {
-    backgroundColor: m,
-    color: h,
+}), Mt = D(({ goal: t }) => {
+  const { goals: n } = S(), m = yt(), {
+    backgroundColor: c,
+    color: p,
     percentage: r,
     projectedText: d
-  } = _e(n, t), l = Math.round(r * 100);
-  let p = /* @__PURE__ */ e(Re, {});
-  return t.track_type === s.DEBT_TRACK ? p = /* @__PURE__ */ e(Ee, {}) : t.track_type === s.RETIREMENT_TRACK && (p = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
-    /* @__PURE__ */ e(ne, { sx: { bgcolor: m, color: h, height: 32, width: 32 }, variant: "rounded", children: p }),
-    /* @__PURE__ */ i(gt, { sx: { width: "100%" }, children: [
-      /* @__PURE__ */ e(ue, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
-      t.projected_to_complete_at && /* @__PURE__ */ e(T, { color: "text.secondary", variant: "XSmall", children: d })
+  } = de(n, t), s = Math.round(r * 100);
+  let _ = /* @__PURE__ */ e(Re, {});
+  return t.track_type === i.DEBT_TRACK ? _ = /* @__PURE__ */ e(Ee, {}) : t.track_type === i.RETIREMENT_TRACK && (_ = /* @__PURE__ */ e(xe, {})), /* @__PURE__ */ l(g, { 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: _ }),
+    /* @__PURE__ */ l(bt, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ e(me, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
+      t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: d })
     ] }),
     /* @__PURE__ */ e(
-      ft,
+      gt,
       {
-        backgroundStrokeColor: c.palette.border.lighter,
-        color: c.palette.primary.main,
-        percent: l,
+        backgroundStrokeColor: m.palette.border.lighter,
+        color: m.palette.primary.main,
+        percent: s,
         size: 40,
         strokeWidth: 3,
-        children: /* @__PURE__ */ e(P, { fontWeight: 700, variant: "caption", children: `${l}%` })
+        children: /* @__PURE__ */ e(H, { fontWeight: 700, variant: "caption", children: `${s}%` })
       }
     )
   ] });
-}), Ot = ({ header: t, subText: n, sx: c }) => /* @__PURE__ */ i(
+}), Lt = ({ header: t, subText: n, sx: m }) => /* @__PURE__ */ l(
   g,
   {
     sx: {
       alignItems: "center",
       alignSelf: "center",
       px: 24,
-      ...c
+      ...m
     },
     children: [
       /* @__PURE__ */ e(qe, { size: 32 }),
-      /* @__PURE__ */ e(ue, { fontSize: 15, fontWeight: 600, children: t }),
+      /* @__PURE__ */ e(me, { fontSize: 15, fontWeight: 600, children: t }),
       /* @__PURE__ */ e(
-        P,
+        H,
         {
           color: "text.secondary",
           sx: { fontWeight: 400, maxWidth: { sm: 424 }, textAlign: "center" },
@@ -1122,49 +1027,49 @@ const Tt = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       )
     ]
   }
-), Hn = D(({ onCTAClick: t }) => {
-  const { isAccountDataLoaded: n, loadAccountData: c, visibleAccounts: m } = j(), { onEvent: h } = Ne(), { goals: r } = R(), { isInitialized: d } = he(), { ongoingGoalsForMicroWidget: l, isAllGoalDataLoaded: p, loadGoalData: b } = G();
+), zn = D(({ onCTAClick: t }) => {
+  const { isAccountDataLoaded: n, loadAccountData: m, visibleAccounts: c } = z(), { onEvent: p } = Ne(), { goals: r } = S(), { isInitialized: d } = _e(), { ongoingGoalsForMicroWidget: s, isAllGoalDataLoaded: _, loadGoalData: b } = G();
   Ke({
     widgetName: "GoalsMicroWidget",
-    isLoaded: p
-  }), A.useEffect(() => {
-    n || c().finally();
-  }, []), A.useEffect(() => {
-    d && (b().finally(), h($.GOALS_LOAD_WIDGET, {
-      state: m?.length ? "default" : "zeroState"
+    isLoaded: _
+  }), T.useEffect(() => {
+    n || m().finally();
+  }, []), T.useEffect(() => {
+    d && (b().finally(), p(X.GOALS_LOAD_WIDGET, {
+      state: c?.length ? "default" : "zeroState"
     }));
   }, [d]);
-  const o = A.useMemo(
-    () => p && l.length === 0,
-    [l, p]
+  const o = T.useMemo(
+    () => _ && s.length === 0,
+    [s, _]
   ), a = () => {
-    h(
-      o ? $.GOALS_CLICK_GET_STARTED : $.GOALS_CLICK_VIEW_DETAILS
+    p(
+      o ? X.GOALS_CLICK_GET_STARTED : X.GOALS_CLICK_VIEW_DETAILS
     ), t();
   };
-  return !d || !p ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
-    At,
+  return !d || !_ ? /* @__PURE__ */ e(Me, {}) : /* @__PURE__ */ e(
+    ft,
     {
       className: "mx-goals-microwidget",
       ctaLabel: o ? r.get_started : r.view_details,
       onCTAClick: a,
       title: r.title,
       children: o ? /* @__PURE__ */ e(
-        Ot,
+        Lt,
         {
           header: r.create_goals_header,
           subText: r.micro_zero_state_description
         }
-      ) : /* @__PURE__ */ e(bt, { sx: { justifyContent: "space-between" }, children: l.map((u, _) => /* @__PURE__ */ i(A.Fragment, { children: [
-        /* @__PURE__ */ e(Bt, { goal: u }),
-        _ !== l.length - 1 && /* @__PURE__ */ e(E, {})
+      ) : /* @__PURE__ */ e(ht, { sx: { justifyContent: "space-between" }, children: s.map((u, h) => /* @__PURE__ */ l(T.Fragment, { children: [
+        /* @__PURE__ */ e(Mt, { goal: u }),
+        h !== s.length - 1 && /* @__PURE__ */ e(x, {})
       ] }, u.guid)) })
     }
   );
 });
 export {
-  Un as GoalApi,
-  Yn as GoalStore,
-  Hn as GoalsMicroWidget,
-  zn as GoalsWidget
+  $n as GoalApi,
+  Xn as GoalStore,
+  zn as GoalsMicroWidget,
+  Pn as GoalsWidget
 };