@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/goals/index.es.js

@@ -1,1209 +1,1090 @@
-import { s as B } from "../GlobalCopyApi-BeXzaDH9.mjs";
-import { A as me, Dt as r, Et as U, J as S, M as Pe, Pt as ye, Tt as le, j as je, ln as ue, un as _e } from "../core-BexP5oiV.mjs";
-import { An as Fe, Bn as Te, Gn as $e, Mn as Ce, Xn as He, _r as ve, gr as Ue, kn as Z, lr as q, mr as pe, qn as Ye, sr as $, ur as Ze, yr as qe } from "../accounts-DkyAiLpg.mjs";
-import { n as Re } from "../Analytics-BKzTPees.mjs";
-import { O as xe, d as Ee, g as N, h as he, i as be, n as j, p as R, t as Se } from "../Loader-BlVzRtUd.mjs";
-import { n as Je, r as Xe, t as Qe } from "../OriginalBalanceAction-sbiqaxok.mjs";
+import { jsxs as c, jsx as e, Fragment as F } from "react/jsx-runtime";
 import T from "react";
-import { observer as K } from "mobx-react-lite";
-import g from "@mui/material/Stack";
-import { H2 as Ie, H3 as de, Icon as et, InstitutionLogo as Q, P as Y, Text as C } from "@mxenabled/mxui";
-import ge from "@mui/material/Button";
-import { AddBox as Ge, ArrowUpwardAlt as tt, CheckCircle as nt, ChevronRight as z, ExpandLess as at, ExpandMore as it, Icon as fe, NoteStack as Ne, Payments as ke, Person as we, Trophy as ot } from "@mxenabled/mx-icons";
-import { Fragment as F, jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTheme as rt } from "@mui/material/styles";
-import st from "@mui/material/Box";
+import { observer as D } from "mobx-react-lite";
+import Pe from "@mui/material/Alert";
+import je from "@mui/material/Snackbar";
+import f from "@mui/material/Stack";
 import re from "@mui/material/Tab";
-import ct from "@mui/material/Tabs";
-import lt from "@mui/material/IconButton";
-import { getUnixTime as dt } from "date-fns/getUnixTime";
-import { fromUnixTime as ee } from "date-fns/fromUnixTime";
-import Ke from "@mui/material/Card";
-import De from "@mui/material/CardContent";
-import mt from "@mui/material/CardHeader";
-import E from "@mui/material/Divider";
-import ut from "@mui/material/Checkbox";
+import Fe from "@mui/material/Tabs";
+import { b as B } from "../Localization-DnoVyBNK.mjs";
+import { f as I } from "../NumberFormatting--XMeeBfr.mjs";
+import { Text as C, H3 as le, P as Y, Icon as $e, InstitutionLogo as X, H2 as Te } from "@mxenabled/mxui";
+import me from "@mui/material/Button";
+import Ce from "@mui/material/Card";
+import Re from "@mui/material/CardActionArea";
+import xe from "@mui/material/CardContent";
+import ge from "@mui/material/Grid";
+import te from "@mui/material/Avatar";
+import He from "@mui/material/CardHeader";
+import { Payments as Ee, NoteStack as Se, Person as ve, ArrowUpwardAlt as Ue, CheckCircle as Ye, ChevronRight as z, Icon as ye, ExpandLess as Ze, ExpandMore as qe, AddBox as Ie, Trophy as Je } from "@mxenabled/mx-icons";
+import { g as ue, T as r, G as de, a as Qe, M as U, b as Xe } from "../GoalsUtil-C9EnLWvC.mjs";
+import { u as x, k as N, a as _e, i as pe, c as j, C as Ge, f as Ne } from "../hooks-97sNJ_lf.mjs";
+import { u as he } from "../useScreenSize-mWpmnh5w.mjs";
+import { S as et } from "../StatusBar-CPfSXe80.mjs";
+import v from "@mui/material/Divider";
 import O from "@mui/material/List";
+import { L as Z } from "../ListItemAction-BqUCLj_w.mjs";
+import { C as ke } from "../CurrencyInput-DaGEQaLW.mjs";
+import { fromUnixTime as ee } from "date-fns/fromUnixTime";
+import tt from "@mui/material/IconButton";
 import k from "@mui/material/ListItem";
+import P from "@mui/material/ListItemAvatar";
 import L from "@mui/material/ListItemButton";
-import _t from "@mui/material/ListItemIcon";
 import w from "@mui/material/ListItemText";
-import Me from "@mui/material/TextField";
-import te from "@mui/material/Avatar";
-import P from "@mui/material/ListItemAvatar";
-import { AdapterDateFns as pt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import ht from "@mui/material/Alert";
-import bt from "@mui/material/Snackbar";
-import gt from "@mui/material/Collapse";
-import Ae from "@mui/material/Grid";
-import { DatePicker as yt } from "@mui/x-date-pickers";
-import { LocalizationProvider as ft } from "@mui/x-date-pickers/LocalizationProvider";
-import Le from "@mui/material/CardActionArea";
-import { isValid as At } from "date-fns/isValid";
+import { f as be, D as fe } from "../DateFormats-HudZ3Bjs.mjs";
+import { D as q } from "../Drawer-DsnW2o0v.mjs";
+import { g as we, u as nt } from "../useAccountDisplayName-BsiXA0qf.mjs";
+import ot from "@mui/material/Collapse";
+import at from "@mui/material/ListItemIcon";
+import it from "@mui/material/Checkbox";
+import { C as De } from "../ConnectCard-D7uxoH5Y.mjs";
+import { c as Ae } from "../Account-DR7Plrqy.mjs";
+import Ke from "@mui/material/TextField";
+import { M as rt, I as st, O as ct } from "../OriginalBalanceAction-YrvxBYAl.mjs";
+import { getUnixTime as lt } from "date-fns/getUnixTime";
+import { isValid as dt } from "date-fns/isValid";
+import { AdapterDateFns as mt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as ut } from "@mui/x-date-pickers";
+import { LocalizationProvider as _t } from "@mui/x-date-pickers/LocalizationProvider";
+import { D as pt } from "../Dialog-Bvd2n8hz.mjs";
+import { u as Me } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { A as $ } from "../Analytics-WeZYytR0.mjs";
+import { L as Le } from "../Loader-CxeBwuPG.mjs";
+import { W as ht } from "../WidgetContainer-DJnp6t6c.mjs";
+import { E as bt } from "../EmptyState-CJUDc3kD.mjs";
+import ft from "@mui/material/Box";
+import { useTheme as gt } from "@mui/material/styles";
+import { S as yt } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { M as At } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 function se({ title: t, subtitle: n }) {
-  return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(C, {
-    bold: !0,
-    variant: "body1",
-    children: t
-  }), /* @__PURE__ */ e(C, {
-    sx: { fontWeight: 400 },
-    variant: "body1",
-    children: n
-  })] });
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t }),
+    /* @__PURE__ */ e(C, { sx: { fontWeight: 400 }, variant: "body1", children: n })
+  ] });
 }
-var Tt = (t, n) => n ? S(t, t < 1e3 ? "0" : "0.00a").replace(/(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g, "$1$2$3") : S(t, "0,0.00"), Oe = K(({ goal: t, isInDrawer: n = !1, onClick: u }) => {
-  const { goals: d } = R(), { isMobile: _, isTablet: o } = pe(), m = _ || o, { backgroundColor: p, color: s, percentage: h, percentageText: i, projectedText: a } = me(d, t), b = t.track_type === r.DEBT_TRACK ? t.initial_amount : t.amount, l = [{
-    color: p,
-    percentage: `${h}`
-  }];
-  let f = /* @__PURE__ */ e(ke, {});
-  return t.track_type === r.DEBT_TRACK ? f = /* @__PURE__ */ e(Ne, {}) : t.track_type === r.RETIREMENT_TRACK && (f = /* @__PURE__ */ e(we, {})), /* @__PURE__ */ e(Ke, {
-    elevation: 2,
-    sx: { "&:focus-within": {
-      outline: "2px solid",
-      outlineColor: "primary.main"
-    } },
-    children: /* @__PURE__ */ c(Le, {
-      disabled: !u,
-      onClick: u,
-      children: [/* @__PURE__ */ e(mt, {
-        avatar: /* @__PURE__ */ e(te, {
-          sx: {
-            bgcolor: p,
-            color: s,
-            height: 48,
-            width: 48
-          },
-          variant: "rounded",
-          children: f
-        }),
-        subheader: /* @__PURE__ */ e(C, {
-          sx: {
-            fontWeight: 700,
-            fontSize: n || m ? "18px" : "23px",
-            lineHeight: n || m ? "24px" : "32px"
-          },
-          children: `${S(t.current_amount, m ? "0,0" : "0,0.00")} / ${Tt(b, m)}`
-        }),
+const Tt = (t, n) => n ? I(t, t < 1e3 ? "0" : "0.00a").replace(
+  /(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g,
+  "$1$2$3"
+) : I(t, "0,0.00"), Oe = D(
+  ({ goal: t, isInDrawer: n = !1, onClick: u }) => {
+    const { goals: d } = x(), { isMobile: _, isTablet: i } = he(), m = _ || i, {
+      backgroundColor: p,
+      color: s,
+      percentage: h,
+      percentageText: a,
+      projectedText: o
+    } = ue(d, t), b = t.track_type === r.DEBT_TRACK ? t.initial_amount : t.amount, l = [
+      {
+        color: p,
+        percentage: `${h}`
+      }
+    ];
+    let y = /* @__PURE__ */ e(Ee, {});
+    return t.track_type === r.DEBT_TRACK ? y = /* @__PURE__ */ e(Se, {}) : t.track_type === r.RETIREMENT_TRACK && (y = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ e(
+      Ce,
+      {
+        elevation: 2,
         sx: {
-          alignItems: "flex-start",
-          "& .MuiCardHeader-content": { minWidth: 0 }
+          "&:focus-within": {
+            outline: "2px solid",
+            outlineColor: "primary.main"
+          }
         },
-        title: /* @__PURE__ */ e(C, {
-          color: "text.secondary",
-          fontWeight: 400,
-          sx: {
-            fontSize: "15px",
-            lineHeight: "20px"
-          },
-          variant: "h4",
-          children: t.name
-        })
-      }), /* @__PURE__ */ e(De, {
-        sx: { pt: 0 },
-        children: /* @__PURE__ */ c(g, {
-          gap: 6,
-          children: [/* @__PURE__ */ e(qe, {
-            data: l,
-            height: 24
-          }), /* @__PURE__ */ c(g, {
-            alignItems: "center",
-            direction: "row",
-            justifyContent: "space-between",
-            children: [/* @__PURE__ */ e(C, {
-              color: "text.secondary",
-              variant: "caption",
-              children: i
-            }), t.projected_to_complete_at && /* @__PURE__ */ e(C, {
-              color: "text.secondary",
-              variant: "caption",
-              children: a
-            })]
-          })]
-        })
-      })]
-    })
-  });
-}), Ct = K(({ trackType: t }) => {
-  const { goals: n } = R(), { setAlert: u, monthlyCashFlowProfile: d, updateMonthlyCashFlowProfile: _ } = N(), o = T.useMemo(() => {
-    let i = 0;
-    return t === r.SAVINGS_TRACK ? i = d?.amount_allocated_for_savings_goals || 0 : t === r.DEBT_TRACK ? i = d?.amount_allocated_for_debt_goals || 0 : t === r.RETIREMENT_TRACK && (i = d?.amount_allocated_for_retirement_goals || 0), i;
+        children: /* @__PURE__ */ c(Re, { disabled: !u, onClick: u, children: [
+          /* @__PURE__ */ e(
+            He,
+            {
+              avatar: /* @__PURE__ */ e(te, { sx: { bgcolor: p, color: s, height: 48, width: 48 }, variant: "rounded", children: y }),
+              subheader: /* @__PURE__ */ e(
+                C,
+                {
+                  sx: {
+                    fontWeight: 700,
+                    fontSize: n || m ? "18px" : "23px",
+                    lineHeight: n || m ? "24px" : "32px"
+                  },
+                  children: `${I(t.current_amount, m ? "0,0" : "0,0.00")} / ${Tt(
+                    b,
+                    m
+                  )}`
+                }
+              ),
+              sx: { alignItems: "flex-start", "& .MuiCardHeader-content": { minWidth: 0 } },
+              title: /* @__PURE__ */ e(
+                C,
+                {
+                  color: "text.secondary",
+                  fontWeight: 400,
+                  sx: {
+                    fontSize: "15px",
+                    lineHeight: "20px"
+                  },
+                  variant: "h4",
+                  children: t.name
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(xe, { sx: { pt: 0 }, children: /* @__PURE__ */ c(f, { gap: 6, children: [
+            /* @__PURE__ */ e(et, { data: l, height: 24 }),
+            /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: a }),
+              t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: o })
+            ] })
+          ] }) })
+        ] })
+      }
+    );
+  }
+), Ct = D(({ trackType: t }) => {
+  const { goals: n } = x(), { setAlert: u, monthlyCashFlowProfile: d, updateMonthlyCashFlowProfile: _ } = N(), i = T.useMemo(() => {
+    let a = 0;
+    return t === r.SAVINGS_TRACK ? a = d?.amount_allocated_for_savings_goals || 0 : t === r.DEBT_TRACK ? a = d?.amount_allocated_for_debt_goals || 0 : t === r.RETIREMENT_TRACK && (a = d?.amount_allocated_for_retirement_goals || 0), a;
   }, [d]);
   T.useEffect(() => {
-    p(o);
-  }, [o]);
-  const [m, p] = T.useState(o), s = m < 0 || m > 99999999, h = async () => {
+    p(i);
+  }, [i]);
+  const [m, p] = T.useState(i), s = m < 0 || m > 99999999, h = async () => {
     if (d) {
-      const i = { ...d };
-      t === r.SAVINGS_TRACK ? i.amount_allocated_for_savings_goals = m : t === r.DEBT_TRACK ? i.amount_allocated_for_debt_goals = m : t === r.RETIREMENT_TRACK && (i.amount_allocated_for_retirement_goals = m), await _(i), u(n.alert_contribution_updated);
+      const a = { ...d };
+      t === r.SAVINGS_TRACK ? a.amount_allocated_for_savings_goals = m : t === r.DEBT_TRACK ? a.amount_allocated_for_debt_goals = m : t === r.RETIREMENT_TRACK && (a.amount_allocated_for_retirement_goals = m), await _(a), u(n.alert_contribution_updated);
     }
   };
-  return /* @__PURE__ */ e(g, {
-    bgcolor: "background.paper",
-    children: /* @__PURE__ */ e(Z, {
+  return /* @__PURE__ */ e(f, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
+    Z,
+    {
       isSaveDisabled: !m || isNaN(m),
       label: n.contribution_label,
-      onCancel: () => p(o),
+      onCancel: () => p(i),
       onSave: h,
       primaryText: n.contribution_label,
-      secondaryText: S(o, "0,0.00"),
-      children: /* @__PURE__ */ e(Te, {
-        amount: m,
-        autoFocus: !0,
-        error: s,
-        fullWidth: !0,
-        minAmount: 0,
-        setAmount: (i) => p(isNaN(Number(i)) ? m : Number(i)),
-        sx: { ".MuiTypography-body1": { p: 0 } }
-      })
-    })
-  });
-}), vt = ({ goal: t, index: n, onUpClick: u }) => {
-  const { goals: d } = R(), { percentage: _ } = me(d, t), o = t.goal_type === le.KEEP_BALANCE_BELOW || t.has_been_spent ? d.goal_completed : B(d.goal_percentage_reached, `${_ * 100}`);
-  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-    disableRipple: !0,
-    sx: {
-      ":hover": { backgroundColor: "unset" },
-      cursor: "default"
-    },
-    children: [t.track_type !== r.RETIREMENT_TRACK && /* @__PURE__ */ e(P, {
-      sx: {
-        alignItems: "center",
-        display: "flex",
-        justifyContent: "center",
-        ".MuiAvatar-root": {
-          height: "16px",
-          width: "16px"
+      secondaryText: I(i, "0,0.00"),
+      children: /* @__PURE__ */ e(
+        ke,
+        {
+          amount: m,
+          autoFocus: !0,
+          error: s,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (a) => p(isNaN(Number(a)) ? m : Number(a)),
+          sx: { ".MuiTypography-body1": { p: 0 } }
         }
-      },
-      children: t.track_type === r.SAVINGS_TRACK ? /* @__PURE__ */ e(lt, {
-        onClick: () => u?.(t),
-        children: /* @__PURE__ */ e(tt, {
-          color: "primary",
-          size: 24
-        })
-      }) : /* @__PURE__ */ e(te, {
-        sx: {
-          bgcolor: "text.primary",
-          height: "16px",
-          width: "16px"
-        },
-        children: /* @__PURE__ */ e(C, {
-          bold: !0,
-          variant: "caption",
-          children: n + 1
-        })
-      })
-    }), /* @__PURE__ */ e(w, {
-      slotProps: { primary: { variant: "body1" } },
-      children: /* @__PURE__ */ c(g, {
-        alignItems: "center",
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ c(g, {
-          sx: { maxWidth: "70%" },
-          children: [/* @__PURE__ */ e(C, {
-            bold: !0,
-            variant: "body1",
-            children: t.name
-          }), /* @__PURE__ */ e(C, {
-            variant: "caption",
-            children: t.is_complete ? o : B(d.goal_projection, _e(ee(t.projected_to_complete_at || 0), ue.MONTH_SHORT_YEAR))
-          })]
-        }), /* @__PURE__ */ e(C, {
-          bold: !0,
-          variant: "body1",
-          children: S(t.amount, "0,0.00")
-        })]
-      })
-    })]
-  }) });
-}, Rt = ({ goal: t }) => {
-  const { goals: n } = R();
-  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-    disableRipple: !0,
-    sx: {
-      ":hover": { backgroundColor: "unset" },
-      cursor: "default"
-    },
-    children: [/* @__PURE__ */ e(P, {
-      sx: {
-        alignItems: "center",
-        display: "flex",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ e(nt, {
-        color: "success",
-        filled: !0,
-        size: 20
-      })
-    }), /* @__PURE__ */ e(w, {
-      slotProps: { primary: { variant: "body1" } },
-      children: /* @__PURE__ */ c(g, {
-        alignItems: "center",
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(C, {
-          bold: !0,
-          variant: "body1",
-          children: t.name
-        }), /* @__PURE__ */ e(C, {
-          variant: "caption",
-          children: B(n.completed_label, _e(ee(t.completed_at || 0), ue.MONTH_SHORT_YEAR))
-        })] }), /* @__PURE__ */ e(C, {
-          bold: !0,
-          variant: "body1",
-          children: S(t.amount, "0,0.00")
-        })]
-      })
-    })]
-  }) }, t.guid);
-}, xt = ({ trackType: t }) => {
-  const { goals: n, common: u } = R(), { loadGoals: d, orderedGoals: _, reorderGoals: o } = N(), m = _.filter((y) => y.track_type === t), p = m.filter((y) => y.track_type === r.SAVINGS_TRACK && !y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && !y.is_complete), s = m.filter((y) => y.track_type === r.SAVINGS_TRACK && y.has_been_spent || y.track_type !== r.SAVINGS_TRACK && y.is_complete), [h, i] = T.useState(!1);
-  let a = n.manage_saving_goals, b = n.manage_saving_drawer_title, l = n.manage_saving_title, f = n.manage_saving_description;
-  t === r.DEBT_TRACK ? (a = n.manage_debt_goals, b = n.manage_debt_drawer_title, l = n.manage_debt_title, f = n.manage_debt_description) : t === r.RETIREMENT_TRACK && (a = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, l = n.manage_retirement_title, f = n.manage_retirement_description);
-  const x = async (y) => {
-    const A = [...p], v = A.findIndex((D) => D.guid === y.guid);
-    let G = v - 1;
-    G < 0 && (G = A.length - 1), A.splice(G, 0, A.splice(v, 1)[0]);
-    for (let D = 0; D < A.length; D++) A[D].position = D + 1;
-    await o(A), await d();
+      )
+    }
+  ) });
+}), Rt = ({ goal: t, index: n, onUpClick: u }) => {
+  const { goals: d } = x(), { percentage: _ } = ue(d, t), i = t.goal_type === de.KEEP_BALANCE_BELOW || t.has_been_spent ? d.goal_completed : B(d.goal_percentage_reached, `${_ * 100}`);
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
+    L,
+    {
+      disableRipple: !0,
+      sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
+      children: [
+        t.track_type !== r.RETIREMENT_TRACK && /* @__PURE__ */ e(
+          P,
+          {
+            sx: {
+              alignItems: "center",
+              display: "flex",
+              justifyContent: "center",
+              ".MuiAvatar-root": { height: "16px", width: "16px" }
+            },
+            children: t.track_type === r.SAVINGS_TRACK ? /* @__PURE__ */ e(tt, { onClick: () => u?.(t), children: /* @__PURE__ */ e(Ue, { color: "primary", size: 24 }) }) : /* @__PURE__ */ e(te, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "caption", children: n + 1 }) })
+          }
+        ),
+        /* @__PURE__ */ e(w, { slotProps: { primary: { variant: "body1" } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ c(f, { sx: { maxWidth: "70%" }, children: [
+            /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "caption", children: t.is_complete ? i : B(
+              d.goal_projection,
+              be(
+                ee(t.projected_to_complete_at || 0),
+                fe.MONTH_SHORT_YEAR
+              )
+            ) })
+          ] }),
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(t.amount, "0,0.00") })
+        ] }) })
+      ]
+    }
+  ) });
+}, xt = ({ goal: t }) => {
+  const { goals: n } = x();
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
+    L,
+    {
+      disableRipple: !0,
+      sx: { ":hover": { backgroundColor: "unset" }, cursor: "default" },
+      children: [
+        /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ye, { color: "success", filled: !0, size: 20 }) }),
+        /* @__PURE__ */ e(w, { slotProps: { primary: { variant: "body1" } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.name }),
+            /* @__PURE__ */ e(C, { variant: "caption", children: B(
+              n.completed_label,
+              be(
+                ee(t.completed_at || 0),
+                fe.MONTH_SHORT_YEAR
+              )
+            ) })
+          ] }),
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(t.amount, "0,0.00") })
+        ] }) })
+      ]
+    }
+  ) }, t.guid);
+}, Et = ({ trackType: t }) => {
+  const { goals: n, common: u } = x(), { loadGoals: d, orderedGoals: _, reorderGoals: i } = N(), m = _.filter((g) => g.track_type === t), p = m.filter(
+    (g) => g.track_type === r.SAVINGS_TRACK && !g.has_been_spent || g.track_type !== r.SAVINGS_TRACK && !g.is_complete
+  ), s = m.filter(
+    (g) => g.track_type === r.SAVINGS_TRACK && g.has_been_spent || g.track_type !== r.SAVINGS_TRACK && g.is_complete
+  ), [h, a] = T.useState(!1);
+  let o = n.manage_saving_goals, b = n.manage_saving_drawer_title, l = n.manage_saving_title, y = n.manage_saving_description;
+  t === r.DEBT_TRACK ? (o = n.manage_debt_goals, b = n.manage_debt_drawer_title, l = n.manage_debt_title, y = n.manage_debt_description) : t === r.RETIREMENT_TRACK && (o = n.manage_retirement_goals, b = n.manage_retirement_drawer_title, l = n.manage_retirement_title, y = n.manage_retirement_description);
+  const E = async (g) => {
+    const A = [...p], R = A.findIndex((K) => K.guid === g.guid);
+    let G = R - 1;
+    G < 0 && (G = A.length - 1), A.splice(G, 0, A.splice(R, 1)[0]);
+    for (let K = 0; K < A.length; K++)
+      A[K].position = K + 1;
+    await i(A), await d();
   };
-  return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(ge, {
-    endIcon: /* @__PURE__ */ e(z, {}),
-    onClick: () => i(!0),
-    children: a
-  }), /* @__PURE__ */ e(q, {
-    ariaLabelClose: u.close_aria,
-    isOpen: h,
-    onClose: () => i(!1),
-    title: b,
-    children: /* @__PURE__ */ c(g, { children: [
-      /* @__PURE__ */ c(g, {
-        m: 24,
-        children: [/* @__PURE__ */ e(de, { children: l }), /* @__PURE__ */ e(Y, {
-          color: "text.secondary",
-          variant: "subtitle2",
-          children: f
-        })]
-      }),
-      /* @__PURE__ */ e(Ct, { trackType: t }),
-      /* @__PURE__ */ e(C, {
-        bold: !0,
-        sx: {
-          mb: 4,
-          mx: 24,
-          mt: 12
-        },
-        variant: "caption",
-        children: n.goal_priority
-      }),
-      /* @__PURE__ */ e(O, {
-        sx: { bgcolor: "background.paper" },
-        children: p.map((y, A) => {
-          const v = A >= p.length - 1;
-          return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(vt, {
-            goal: y,
-            index: A,
-            onUpClick: x
-          }), /* @__PURE__ */ e(E, { variant: v ? "fullWidth" : "inset" })] }, `ongoing-${y.guid}`);
-        })
-      }),
-      t !== r.RETIREMENT_TRACK && s.length > 0 && /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(C, {
-        bold: !0,
-        sx: {
-          mb: 4,
-          mx: 24,
-          mt: 12
-        },
-        variant: "caption",
-        children: n.complete_title
-      }), /* @__PURE__ */ e(O, {
-        sx: { bgcolor: "background.paper" },
-        children: s.map((y, A) => {
-          const v = A > p.length - 1;
-          return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(Rt, { goal: y }), /* @__PURE__ */ e(E, { variant: v ? "fullWidth" : "inset" })] }, `complete-${y.guid}`);
-        })
-      })] })
-    ] })
-  })] });
-}, ce = K(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: u } = pe(), { goals: d } = R(), { selectedAccountGuids: _ } = he(), { orderedGoals: o, setSelectedGoal: m } = N(), p = o.filter((a) => a.track_type === t && (a.track_type !== r.RETIREMENT_TRACK && _.includes(a.account_guid) || a.track_type === r.RETIREMENT_TRACK)), s = p.filter((a) => a.track_type === r.SAVINGS_TRACK && !a.has_been_spent || a.track_type !== r.SAVINGS_TRACK && !a.is_complete), h = p.filter((a) => a.track_type === r.SAVINGS_TRACK && a.has_been_spent || a.track_type !== r.SAVINGS_TRACK && a.is_complete), i = t === r.DEBT_TRACK ? d.zero_state_complete_debt : d.zero_state_complete_savings;
-  return /* @__PURE__ */ c(g, {
-    mt: 16,
-    mx: u ? 24 : 0,
-    children: [
-      /* @__PURE__ */ c(g, {
-        alignItems: "center",
-        direction: "row",
-        justifyContent: "space-between",
-        mb: 8,
-        children: [/* @__PURE__ */ e(de, {
-          color: "text.secondary",
-          variant: "body2",
-          children: d.ongoing_title
-        }), /* @__PURE__ */ e(xt, { trackType: t })]
-      }),
-      s.length > 0 ? /* @__PURE__ */ e(Ae, {
-        container: !0,
-        spacing: 24,
-        children: s.map((a, b, l) => /* @__PURE__ */ e(Ae, {
-          size: u || b === 0 && l.length !== 2 ? 12 : 6,
-          children: /* @__PURE__ */ e(Oe, {
-            goal: a,
-            onClick: () => m(a)
-          }, a.guid)
-        }, b))
-      }) : /* @__PURE__ */ c(g, {
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(z, {}), onClick: () => a(!0), children: o }),
+    /* @__PURE__ */ e(
+      q,
+      {
+        ariaLabelClose: u.close_aria,
+        isOpen: h,
+        onClose: () => a(!1),
+        title: b,
+        children: /* @__PURE__ */ c(f, { children: [
+          /* @__PURE__ */ c(f, { m: 24, children: [
+            /* @__PURE__ */ e(le, { children: l }),
+            /* @__PURE__ */ e(Y, { color: "text.secondary", variant: "subtitle2", children: y })
+          ] }),
+          /* @__PURE__ */ e(Ct, { trackType: t }),
+          /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.goal_priority }),
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: p.map((g, A) => {
+            const R = A >= p.length - 1;
+            return /* @__PURE__ */ c(f, { children: [
+              /* @__PURE__ */ e(Rt, { goal: g, index: A, onUpClick: E }),
+              /* @__PURE__ */ e(v, { variant: R ? "fullWidth" : "inset" })
+            ] }, `ongoing-${g.guid}`);
+          }) }),
+          t !== r.RETIREMENT_TRACK && s.length > 0 && /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "caption", children: n.complete_title }),
+            /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: s.map((g, A) => {
+              const R = A > p.length - 1;
+              return /* @__PURE__ */ c(f, { children: [
+                /* @__PURE__ */ e(xt, { goal: g }),
+                /* @__PURE__ */ e(v, { variant: R ? "fullWidth" : "inset" })
+              ] }, `complete-${g.guid}`);
+            }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}, ce = D(({ trackType: t, onAddGoals: n }) => {
+  const { isMobile: u } = he(), { goals: d } = x(), { selectedAccountGuids: _ } = _e(), { orderedGoals: i, setSelectedGoal: m } = N(), p = i.filter(
+    (o) => o.track_type === t && (o.track_type !== r.RETIREMENT_TRACK && _.includes(o.account_guid) || o.track_type === r.RETIREMENT_TRACK)
+  ), s = p.filter(
+    (o) => o.track_type === r.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== r.SAVINGS_TRACK && !o.is_complete
+  ), h = p.filter(
+    (o) => o.track_type === r.SAVINGS_TRACK && o.has_been_spent || o.track_type !== r.SAVINGS_TRACK && o.is_complete
+  ), a = t === r.DEBT_TRACK ? d.zero_state_complete_debt : d.zero_state_complete_savings;
+  return /* @__PURE__ */ c(f, { mt: 16, mx: u ? 24 : 0, children: [
+    /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+      /* @__PURE__ */ e(le, { color: "text.secondary", variant: "body2", children: d.ongoing_title }),
+      /* @__PURE__ */ e(Et, { trackType: t })
+    ] }),
+    s.length > 0 ? /* @__PURE__ */ e(ge, { container: !0, spacing: 24, children: s.map((o, b, l) => (
+      // Goal should be full width in mobile or if it's the first goal (unless there are 2)
+      /* @__PURE__ */ e(ge, { size: u || b === 0 && l.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Oe, { goal: o, onClick: () => m(o) }, o.guid) }, b)
+    )) }) : /* @__PURE__ */ c(
+      f,
+      {
         alignItems: "center",
         bgcolor: "background.default",
         borderRadius: 2,
         height: 166,
         justifyContent: "center",
         py: 18,
-        children: [/* @__PURE__ */ e(Y, {
-          sx: (a) => ({
-            color: "text.secondary",
-            [a.breakpoints.down("sm")]: { px: 10 },
-            width: { sm: 381 }
-          }),
-          variant: "body2",
-          children: Pe(t, d)
-        }), /* @__PURE__ */ e(ge, {
-          onClick: n,
-          sx: {
-            mt: 16,
-            width: { sm: 224 }
-          },
-          variant: "contained",
-          children: d.add_goals_button
-        })]
-      }),
-      t !== r.RETIREMENT_TRACK && /* @__PURE__ */ c(g, {
-        gap: 16,
-        mt: 48,
         children: [
-          /* @__PURE__ */ e(de, {
-            color: "text.secondary",
-            variant: "body2",
-            children: d.complete_title
-          }),
-          h.length === 0 && /* @__PURE__ */ e(g, {
-            alignItems: "center",
-            bgcolor: "background.default",
-            borderRadius: 2,
-            py: 18,
-            children: /* @__PURE__ */ e(Y, {
-              sx: (a) => ({
+          /* @__PURE__ */ e(
+            Y,
+            {
+              sx: (o) => ({
                 color: "text.secondary",
-                width: { sm: 393 },
-                [a.breakpoints.down("sm")]: { px: 10 }
+                [o.breakpoints.down("sm")]: {
+                  px: 10
+                },
+                width: { sm: 381 }
               }),
               variant: "body2",
-              children: i
-            })
-          }),
-          h.map((a) => /* @__PURE__ */ e(Ke, {
-            elevation: 2,
-            children: /* @__PURE__ */ e(Le, {
-              onClick: () => m(a),
-              children: /* @__PURE__ */ e(De, {
-                sx: { ":last-child": { pb: 16 } },
-                children: /* @__PURE__ */ c(g, {
-                  alignItems: "center",
-                  direction: "row",
-                  justifyContent: "space-between",
-                  children: [/* @__PURE__ */ c(g, {
-                    alignItems: "center",
-                    direction: "row",
-                    gap: 6,
-                    children: [/* @__PURE__ */ e(et, {
-                      color: "success",
-                      fill: !0,
-                      name: "check_circle",
-                      size: 20
-                    }), /* @__PURE__ */ e(C, {
-                      color: "text.secondary",
-                      variant: "body1",
-                      children: a.name
-                    })]
-                  }), /* @__PURE__ */ e(C, {
-                    bold: !0,
-                    variant: "body1",
-                    children: S(a.amount, "0,0.00")
-                  })]
-                })
-              })
-            })
-          }, a.guid))
+              children: Qe(t, d)
+            }
+          ),
+          /* @__PURE__ */ e(me, { onClick: n, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: d.add_goals_button })
         ]
-      })
-    ]
-  });
-}), Et = ({ goalType: t, onClick: n }) => {
-  const { goals: u } = R(), { bgcolor: d, icon: _, label: o, description: m, subTypes: p, type: s } = t, [h, i] = T.useState(!1), a = p.length > 0;
-  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ c(O, {
-    sx: { bgcolor: "background.paper" },
-    children: [
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-        onClick: a ? () => i(!h) : () => n(s === r.RETIREMENT_TRACK ? u.retirement : "", s === r.RETIREMENT_TRACK ? U.RETIREMENT : U.OTHER, s),
-        children: [
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(te, {
-            sx: { bgcolor: d },
-            variant: "rounded",
-            children: /* @__PURE__ */ e(fe, {
-              name: _,
-              sx: { color: "grey.900" }
-            })
-          }) }),
-          /* @__PURE__ */ e(w, {
-            primary: o,
-            secondary: m,
-            sx: { mr: 24 }
+      }
+    ),
+    t !== r.RETIREMENT_TRACK && /* @__PURE__ */ c(f, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ e(le, { color: "text.secondary", variant: "body2", children: d.complete_title }),
+      h.length === 0 && /* @__PURE__ */ e(f, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(
+        Y,
+        {
+          sx: (o) => ({
+            color: "text.secondary",
+            width: { sm: 393 },
+            [o.breakpoints.down("sm")]: {
+              px: 10
+            }
           }),
-          !a && /* @__PURE__ */ e(z, {}),
-          a && (h ? /* @__PURE__ */ e(at, {}) : /* @__PURE__ */ e(it, {}))
-        ]
-      }) }),
-      /* @__PURE__ */ e(E, { variant: "inset" }),
-      a && /* @__PURE__ */ e(gt, {
-        in: h,
-        children: /* @__PURE__ */ e(O, {
-          sx: { bgcolor: "background.default" },
-          children: p.map((b, l) => /* @__PURE__ */ e(k, {
-            sx: { pl: 48 },
-            children: /* @__PURE__ */ c(L, {
-              onClick: () => n(b.label, b.metaType, s),
-              children: [
-                /* @__PURE__ */ e(_t, {
-                  sx: { mr: 8 },
-                  children: /* @__PURE__ */ e(fe, { name: b.icon })
-                }),
-                /* @__PURE__ */ e(w, {
-                  primary: b.label,
-                  slotProps: { primary: { variant: "body1" } }
-                }),
-                /* @__PURE__ */ e(z, {})
-              ]
-            })
-          }, l))
-        })
-      })
-    ]
-  }) });
-}, Be = ({ accounts: t, isOpen: n, onClose: u, onSave: d, title: _ }) => {
-  const { goals: o, common: m } = R(), { config: p } = be(), [s, h] = T.useState([]), i = (a) => {
-    const b = s.findIndex((f) => f.guid === a.guid), l = [...s];
-    b >= 0 ? l.splice(b, 1) : l.push(a), h(l);
-  };
-  return /* @__PURE__ */ c(q, {
-    ariaLabelClose: m.close_aria,
-    isOpen: n,
-    onClose: u,
-    onPrimaryAction: () => d(s),
-    title: _,
-    children: [/* @__PURE__ */ c(O, {
-      sx: { bgcolor: "background.white" },
-      children: [/* @__PURE__ */ e(E, { variant: "fullWidth" }), t.map((a, b) => /* @__PURE__ */ c(T.Fragment, { children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-        onClick: () => i(a),
+          variant: "body2",
+          children: a
+        }
+      ) }),
+      h.map((o) => /* @__PURE__ */ e(Ce, { elevation: 2, children: /* @__PURE__ */ e(Re, { onClick: () => m(o), children: /* @__PURE__ */ e(xe, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", gap: 6, children: [
+          /* @__PURE__ */ e($e, { color: "success", fill: !0, name: "check_circle", size: 20 }),
+          /* @__PURE__ */ e(C, { color: "text.secondary", variant: "body1", children: o.name })
+        ] }),
+        /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: I(o.amount, "0,0.00") })
+      ] }) }) }) }, o.guid))
+    ] })
+  ] });
+}), St = ({ goalType: t, onClick: n }) => {
+  const { goals: u } = x(), { bgcolor: d, icon: _, label: i, description: m, subTypes: p, type: s } = t, [h, a] = T.useState(!1), o = p.length > 0;
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ c(O, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(
+      L,
+      {
+        onClick: o ? () => a(!h) : () => n(
+          s === r.RETIREMENT_TRACK ? u.retirement : "",
+          s === r.RETIREMENT_TRACK ? U.RETIREMENT : U.OTHER,
+          s
+        ),
         children: [
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Q, {
-            alt: a?.name || "",
-            institutionGuid: a?.institution_guid || ""
-          }) }),
-          /* @__PURE__ */ e(w, {
-            primary: ve(a, { allowNickname: p?.show_account_nicknames_in_master }),
-            secondary: S(a.balance || 0, "0,0.00")
-          }),
-          /* @__PURE__ */ e(ut, { checked: s.some((l) => l.guid === a.guid) })
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(te, { sx: { bgcolor: d }, variant: "rounded", children: /* @__PURE__ */ e(ye, { name: _, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ e(w, { primary: i, secondary: m, sx: { mr: 24 } }),
+          !o && /* @__PURE__ */ e(z, {}),
+          o && (h ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(qe, {}))
         ]
-      }) }), /* @__PURE__ */ e(E, { variant: b < t.length - 1 ? "inset" : "fullWidth" })] }, a.guid))]
-    }), p.show_connections_widget_in_master && /* @__PURE__ */ e(Ce, {
-      description: o.connect_description,
-      label: o.connect_button,
-      title: o.connect_title
-    })]
-  });
-}, St = ({ onClose: t }) => {
-  const { goals: n } = R(), { addGoal: u, debtGoals: d, setAlert: _, setSelectedGoal: o } = N(), { config: m } = be(), { visibleDebtAccounts: p } = j(), [s, h] = T.useState(!1), i = je(n), a = (l, f, x) => {
-    x === r.DEBT_TRACK ? h(!0) : o({
+      }
+    ) }),
+    /* @__PURE__ */ e(v, { variant: "inset" }),
+    o && /* @__PURE__ */ e(ot, { in: h, children: /* @__PURE__ */ e(O, { sx: { bgcolor: "background.default" }, children: p.map((b, l) => /* @__PURE__ */ e(k, { sx: { pl: 48 }, children: /* @__PURE__ */ c(L, { onClick: () => n(b.label, b.metaType, s), children: [
+      /* @__PURE__ */ e(at, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ye, { name: b.icon }) }),
+      /* @__PURE__ */ e(
+        w,
+        {
+          primary: b.label,
+          slotProps: { primary: { variant: "body1" } }
+        }
+      ),
+      /* @__PURE__ */ e(z, {})
+    ] }) }, l)) }) })
+  ] }) });
+}, Be = ({
+  accounts: t,
+  isOpen: n,
+  onClose: u,
+  onSave: d,
+  title: _
+}) => {
+  const { goals: i, common: m } = x(), { config: p } = pe(), [s, h] = T.useState([]), a = (o) => {
+    const b = s.findIndex((y) => y.guid === o.guid), l = [...s];
+    b >= 0 ? l.splice(b, 1) : l.push(o), h(l);
+  };
+  return /* @__PURE__ */ c(
+    q,
+    {
+      ariaLabelClose: m.close_aria,
+      isOpen: n,
+      onClose: u,
+      onPrimaryAction: () => d(s),
+      title: _,
+      children: [
+        /* @__PURE__ */ c(O, { sx: { bgcolor: "background.white" }, children: [
+          /* @__PURE__ */ e(v, { variant: "fullWidth" }),
+          t.map((o, b) => /* @__PURE__ */ c(T.Fragment, { children: [
+            /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, { onClick: () => a(o), children: [
+              /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+                X,
+                {
+                  alt: o?.name || "",
+                  institutionGuid: o?.institution_guid || ""
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                w,
+                {
+                  primary: we(o, {
+                    allowNickname: p?.show_account_nicknames_in_master
+                  }),
+                  secondary: I(o.balance || 0, "0,0.00")
+                }
+              ),
+              /* @__PURE__ */ e(it, { checked: s.some((l) => l.guid === o.guid) })
+            ] }) }),
+            /* @__PURE__ */ e(v, { variant: b < t.length - 1 ? "inset" : "fullWidth" })
+          ] }, o.guid))
+        ] }),
+        p.show_connections_widget_in_master && /* @__PURE__ */ e(
+          De,
+          {
+            description: i.connect_description,
+            label: i.connect_button,
+            title: i.connect_title
+          }
+        )
+      ]
+    }
+  );
+}, vt = ({ onClose: t }) => {
+  const { goals: n } = x(), { addGoal: u, debtGoals: d, setAlert: _, setSelectedGoal: i } = N(), { config: m } = pe(), { visibleDebtAccounts: p } = j(), [s, h] = T.useState(!1), a = Xe(n), o = (l, y, E) => {
+    E === r.DEBT_TRACK ? h(!0) : i({
       amount: 0,
       current_amount: 0,
-      goal_type: le.SAVE_AMOUNT,
+      goal_type: de.SAVE_AMOUNT,
       initial_amount: 0,
-      meta_type: f,
+      meta_type: y,
       name: l,
-      track_type: x
+      track_type: E
     });
   }, b = async (l) => {
-    for (const f of l) {
-      let x = U.CREDIT_CARD;
-      f.account_type === ye.LOAN ? x = U.LOANS : f.account_type === ye.LINE_OF_CREDIT && (x = U.LINE_OF_CREDIT), await u({
-        account_guid: f.guid,
+    for (const y of l) {
+      let E = U.CREDIT_CARD;
+      y.account_type === Ae.LOAN ? E = U.LOANS : y.account_type === Ae.LINE_OF_CREDIT && (E = U.LINE_OF_CREDIT), await u({
+        account_guid: y.guid,
         amount: 0,
         current_amount: 0,
-        goal_type: le.KEEP_BALANCE_BELOW,
-        initial_amount: f.balance || 0,
-        interest_rate: f.interest_rate || 0,
-        meta_type: x,
-        monthly_payment: f.minimum_payment || 0,
-        name: ve(f, { allowNickname: m?.show_account_nicknames_in_master }),
+        goal_type: de.KEEP_BALANCE_BELOW,
+        initial_amount: y.balance || 0,
+        interest_rate: y.interest_rate || 0,
+        meta_type: E,
+        monthly_payment: y.minimum_payment || 0,
+        name: we(y, {
+          allowNickname: m?.show_account_nicknames_in_master
+        }),
         track_type: r.DEBT_TRACK
       }), _(n.alert_goal_added);
     }
     h(!1), t?.(r.DEBT_TRACK);
   };
-  return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(O, {
-    sx: { bgcolor: "background.paper" },
-    children: i.map((l, f) => /* @__PURE__ */ e(Et, {
-      goalType: l,
-      onClick: a
-    }, f))
-  }), /* @__PURE__ */ e(Be, {
-    accounts: p.filter((l) => !d.find((f) => f.account_guid === l.guid)),
-    isOpen: s,
-    onClose: () => h(!1),
-    onSave: b,
-    title: n.select_debt_accounts_title
-  })] });
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: a.map((l, y) => /* @__PURE__ */ e(St, { goalType: l, onClick: o }, y)) }),
+    /* @__PURE__ */ e(
+      Be,
+      {
+        accounts: p.filter((l) => !d.find((y) => y.account_guid === l.guid)),
+        isOpen: s,
+        onClose: () => h(!1),
+        onSave: b,
+        title: n.select_debt_accounts_title
+      }
+    )
+  ] });
 }, We = ({ account: t }) => {
-  const n = Ue(t);
-  return /* @__PURE__ */ c(k, {
-    sx: {
-      bgcolor: "background.paper",
-      p: 24
-    },
-    children: [/* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Q, {
-      alt: t.name || "",
-      institutionGuid: t.institution_guid || ""
-    }) }), /* @__PURE__ */ e(w, {
-      primary: n,
-      secondary: S(t.balance || 0, "0,0.00")
-    })]
-  });
-}, It = K(({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: u, setSelectedGoal: d, updateGoal: _, updateRetirementGoal: o } = N(), [m, p] = T.useState(t.amount), s = !t.guid, h = m < 0 || m > 9999999999e-2, i = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, a = async () => {
-    const l = {
-      ...t,
-      amount: m
-    };
-    t.amount = m, s ? d(l) : (t.track_type !== r.RETIREMENT_TRACK ? await _(l) : await o(l), u(n.alert_goal_updated_amount));
+  const n = nt(t);
+  return /* @__PURE__ */ c(k, { sx: { bgcolor: "background.paper", p: 24 }, children: [
+    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+      X,
+      {
+        alt: t.name || "",
+        institutionGuid: t.institution_guid || ""
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        primary: n,
+        secondary: I(t.balance || 0, "0,0.00")
+      }
+    )
+  ] });
+}, It = D(({ goal: t }) => {
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateGoal: _, updateRetirementGoal: i } = N(), [m, p] = T.useState(t.amount), s = !t.guid, h = m < 0 || m > 9999999999e-2, a = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, o = async () => {
+    const l = { ...t, amount: m };
+    t.amount = m, s ? d(l) : (t.track_type !== r.RETIREMENT_TRACK ? await _(l) : await i(l), u(n.alert_goal_updated_amount));
   }, b = () => {
     setTimeout(() => {
       p(t.amount);
     }, 250);
   };
-  return /* @__PURE__ */ e(Z, {
-    isDisabled: i,
-    isSaveDisabled: h,
-    label: n.details_amount_to_save,
-    onCancel: b,
-    onSave: a,
-    primaryText: n.details_amount_to_save,
-    secondaryText: S(t.amount, "0,0"),
-    zeroStateText: s && t.amount === 0 ? n.add_amount : void 0,
-    children: /* @__PURE__ */ e(Te, {
-      amount: m,
-      autoFocus: !0,
-      error: h,
-      fullWidth: !0,
-      minAmount: 0,
-      setAmount: (l) => p(isNaN(Number(l)) ? m : Number(l)),
-      sx: { ".MuiTypography-body1": { p: 0 } }
-    })
-  });
+  return /* @__PURE__ */ e(
+    Z,
+    {
+      isDisabled: a,
+      isSaveDisabled: h,
+      label: n.details_amount_to_save,
+      onCancel: b,
+      onSave: o,
+      primaryText: n.details_amount_to_save,
+      secondaryText: I(t.amount, "0,0"),
+      zeroStateText: s && t.amount === 0 ? n.add_amount : void 0,
+      children: /* @__PURE__ */ e(
+        ke,
+        {
+          amount: m,
+          autoFocus: !0,
+          error: h,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (l) => p(isNaN(Number(l)) ? m : Number(l)),
+          sx: { ".MuiTypography-body1": { p: 0 } }
+        }
+      )
+    }
+  );
 }), Gt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = j(), { accounts: d, goals: _ } = R(), { config: o } = be(), { setAlert: m, setSelectedGoal: p, updateGoal: s } = N(), h = !t.guid, [i, a] = T.useState(!1), b = async ({ balance: l, guid: f }) => {
-    const x = {
-      ...t,
-      account_guid: f,
-      current_amount: l || 0
-    };
-    h ? p(x) : (await s(x), m(_.alert_account_changed)), a(!1);
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: u } = j(), { accounts: d, goals: _ } = x(), { config: i } = pe(), { setAlert: m, setSelectedGoal: p, updateGoal: s } = N(), h = !t.guid, [a, o] = T.useState(!1), b = async ({ balance: l, guid: y }) => {
+    const E = { ...t, account_guid: y, current_amount: l || 0 };
+    h ? p(E) : (await s(E), m(_.alert_account_changed)), o(!1);
   };
-  return /* @__PURE__ */ c(g, { children: [h && !t.account_guid ? /* @__PURE__ */ e(k, {
-    disableGutters: !0,
-    disablePadding: !0,
-    sx: { bgcolor: "background.paper" },
-    children: /* @__PURE__ */ c(L, {
-      onClick: () => a(!0),
-      children: [/* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(g, {
-        alignItems: "center",
-        color: "primary.main",
-        direction: "row",
-        gap: 8,
-        children: [/* @__PURE__ */ e(Ge, { filled: !0 }), _.details_add_account]
-      }) }), /* @__PURE__ */ e(z, { color: "primary" })]
-    })
-  }) : /* @__PURE__ */ c(g, {
-    sx: {
-      gap: 8,
-      my: 24,
-      mx: 24
-    },
-    children: [/* @__PURE__ */ e(ge, {
-      onClick: () => a(!0),
-      variant: "text",
-      children: _.details_change_account
-    }), /* @__PURE__ */ e(C, {
-      color: "text.secondary",
-      sx: { textAlign: "center" },
-      variant: "subtitle1",
-      children: B(_.details_change_account_description, t.name)
-    })]
-  }), /* @__PURE__ */ e(q, {
-    isOpen: i,
-    onClose: () => a(!1),
-    title: _.details_change_account,
-    children: /* @__PURE__ */ c(g, { children: [
-      n.length > 0 && /* @__PURE__ */ e(C, {
-        bold: !0,
-        sx: {
-          mb: 4,
-          ml: 24,
-          mt: 12
-        },
-        variant: "caption",
-        children: d.account_types[1]
-      }),
-      /* @__PURE__ */ e(O, {
-        sx: { bgcolor: "background.paper" },
-        children: n.map((l) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-          onClick: () => b(l),
-          children: [
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Q, {
-              alt: l?.name || "",
-              institutionGuid: l?.institution_guid || ""
-            }) }),
-            /* @__PURE__ */ e(w, {
-              primary: l?.name || l?.feed_name,
-              secondary: S(l?.balance || 0, "0,0.00")
-            }),
-            /* @__PURE__ */ e(z, {})
-          ]
-        }) }, l.guid))
-      }),
-      u.length > 0 && /* @__PURE__ */ e(C, {
-        bold: !0,
-        sx: {
-          mb: 4,
-          ml: 24,
-          mt: 12
-        },
-        variant: "caption",
-        children: d.account_types[2]
-      }),
-      /* @__PURE__ */ e(O, {
-        sx: { bgcolor: "background.paper" },
-        children: u.map((l) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, {
-          onClick: () => b(l),
-          children: [
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Q, {
-              alt: l?.name || "",
-              institutionGuid: l?.institution_guid || ""
-            }) }),
-            /* @__PURE__ */ e(w, {
-              primary: l?.name || l?.feed_name,
-              secondary: S(l?.balance || 0, "0,0.00")
-            }),
-            /* @__PURE__ */ e(z, {})
-          ]
-        }) }, l.guid))
-      }),
-      o.show_connections_widget_in_master && /* @__PURE__ */ e(Ce, {
-        description: _.connect_description,
-        label: _.connect_button,
-        title: _.connect_title
-      })
-    ] })
-  })] });
-}, Nt = K(({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: u, setSelectedGoal: d, updateGoal: _ } = N(), [o, m] = T.useState(t.name), p = !t.guid, s = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, h = async () => {
-    const a = {
-      ...t,
-      name: o
-    };
-    t.name = o, p ? d(a) : (await _(a), u(n.alert_goal_updated_name));
-  }, i = () => {
+  return /* @__PURE__ */ c(f, { children: [
+    h && !t.account_guid ? /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(L, { onClick: () => o(!0), children: [
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
+        _.details_add_account
+      ] }) }),
+      /* @__PURE__ */ e(z, { color: "primary" })
+    ] }) }) : /* @__PURE__ */ c(f, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+      /* @__PURE__ */ e(me, { onClick: () => o(!0), variant: "text", children: _.details_change_account }),
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { textAlign: "center" }, variant: "subtitle1", children: B(_.details_change_account_description, t.name) })
+    ] }),
+    /* @__PURE__ */ e(q, { isOpen: a, onClose: () => o(!1), title: _.details_change_account, children: /* @__PURE__ */ c(f, { children: [
+      n.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: d.account_types[1] }),
+      /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: n.map((l) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, { onClick: () => b(l), children: [
+        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+          X,
+          {
+            alt: l?.name || "",
+            institutionGuid: l?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          w,
+          {
+            primary: l?.name || l?.feed_name,
+            secondary: I(l?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ e(z, {})
+      ] }) }, l.guid)) }),
+      u.length > 0 && /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: d.account_types[2] }),
+      /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: u.map((l) => /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(L, { onClick: () => b(l), children: [
+        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+          X,
+          {
+            alt: l?.name || "",
+            institutionGuid: l?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          w,
+          {
+            primary: l?.name || l?.feed_name,
+            secondary: I(l?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ e(z, {})
+      ] }) }, l.guid)) }),
+      i.show_connections_widget_in_master && /* @__PURE__ */ e(
+        De,
+        {
+          description: _.connect_description,
+          label: _.connect_button,
+          title: _.connect_title
+        }
+      )
+    ] }) })
+  ] });
+}, Nt = D(({ goal: t }) => {
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateGoal: _ } = N(), [i, m] = T.useState(t.name), p = !t.guid, s = t.track_type === r.SAVINGS_TRACK && t.has_been_spent || t.track_type !== r.SAVINGS_TRACK && t.is_complete, h = async () => {
+    const o = { ...t, name: i };
+    t.name = i, p ? d(o) : (await _(o), u(n.alert_goal_updated_name));
+  }, a = () => {
     setTimeout(() => {
       m(t.name);
     }, 250);
   };
-  return /* @__PURE__ */ e(Z, {
-    isDisabled: s,
-    isSaveDisabled: !o,
-    label: n.details_goal_name,
-    onCancel: i,
-    onSave: h,
-    primaryText: n.details_goal_name,
-    secondaryText: t.name,
-    children: /* @__PURE__ */ e(Me, {
-      error: !o,
-      fullWidth: !0,
+  return /* @__PURE__ */ e(
+    Z,
+    {
+      isDisabled: s,
+      isSaveDisabled: !i,
       label: n.details_goal_name,
-      onChange: (a) => m(a.target.value),
-      value: o
-    })
-  });
+      onCancel: a,
+      onSave: h,
+      primaryText: n.details_goal_name,
+      secondaryText: t.name,
+      children: /* @__PURE__ */ e(
+        Ke,
+        {
+          error: !i,
+          fullWidth: !0,
+          label: n.details_goal_name,
+          onChange: (o) => m(o.target.value),
+          value: i
+        }
+      )
+    }
+  );
 }), kt = ({ goal: t }) => {
-  const { goals: n } = R(), { setAlert: u, setSelectedGoal: d, updateRetirementGoal: _ } = N(), [o, m] = T.useState(t.retirement_age || 65), p = !t.guid, s = async () => {
-    if (!isNaN(o)) {
-      const a = {
-        ...t,
-        retirement_age: o
-      };
-      t.retirement_age = o, p ? d(a) : (await _(a), u(n.alert_goal_updated_retirement_age));
+  const { goals: n } = x(), { setAlert: u, setSelectedGoal: d, updateRetirementGoal: _ } = N(), [i, m] = T.useState(t.retirement_age || 65), p = !t.guid, s = async () => {
+    if (!isNaN(i)) {
+      const o = { ...t, retirement_age: i };
+      t.retirement_age = i, p ? d(o) : (await _(o), u(n.alert_goal_updated_retirement_age));
     }
   }, h = () => {
     setTimeout(() => {
       m(t.retirement_age || 65);
     }, 250);
-  }, i = !o || isNaN(o) || o < 20 || o >= 100;
-  return /* @__PURE__ */ e(Z, {
-    isDisabled: t.is_complete,
-    isSaveDisabled: i,
-    label: n.details_retirement_age,
-    onCancel: h,
-    onSave: s,
-    primaryText: n.details_retirement_age,
-    secondaryText: `${t.retirement_age}`,
-    zeroStateText: p && !t.retirement_age ? n.add_age : void 0,
-    children: /* @__PURE__ */ e(Me, {
-      error: i,
-      fullWidth: !0,
+  }, a = !i || isNaN(i) || i < 20 || i >= 100;
+  return /* @__PURE__ */ e(
+    Z,
+    {
+      isDisabled: t.is_complete,
+      isSaveDisabled: a,
       label: n.details_retirement_age,
-      onChange: (a) => m(Number(a.target.value)),
-      value: isNaN(o) ? "" : o
-    })
-  });
-}, wt = K(({ goal: t }) => {
-  const { goals: n } = R(), { user: u, updateUser: d } = xe(), { setAlert: _ } = N(), [o, m] = T.useState(ee(u.birthday ?? 0)), [p, s] = T.useState(null), h = t.is_complete, i = async () => {
-    o && At(o) && (await d({
-      ...u,
-      birthday: dt(o)
-    }), _(n.alert_goal_updated_birthday));
+      onCancel: h,
+      onSave: s,
+      primaryText: n.details_retirement_age,
+      secondaryText: `${t.retirement_age}`,
+      zeroStateText: p && !t.retirement_age ? n.add_age : void 0,
+      children: /* @__PURE__ */ e(
+        Ke,
+        {
+          error: a,
+          fullWidth: !0,
+          label: n.details_retirement_age,
+          onChange: (o) => m(Number(o.target.value)),
+          value: isNaN(i) ? "" : i
+        }
+      )
+    }
+  );
+}, wt = D(({ goal: t }) => {
+  const { goals: n } = x(), { user: u, updateUser: d } = Ge(), { setAlert: _ } = N(), [i, m] = T.useState(ee(u.birthday ?? 0)), [p, s] = T.useState(null), h = t.is_complete, a = async () => {
+    i && dt(i) && (await d({ ...u, birthday: lt(i) }), _(n.alert_goal_updated_birthday));
   };
-  return /* @__PURE__ */ e(Z, {
-    isDisabled: h,
-    isSaveDisabled: !!p,
-    label: n.details_birthday,
-    onSave: i,
-    primaryText: n.details_birthday,
-    secondaryText: `${_e(ee(u.birthday ?? 0), ue.MONTH_DAY_YEAR)}`,
-    zeroStateText: !t.guid && !u.birthday ? n.add_birthday : void 0,
-    children: /* @__PURE__ */ e(ft, {
-      dateAdapter: pt,
-      children: /* @__PURE__ */ e(yt, {
-        label: n.details_birthday,
-        onChange: m,
-        onError: (a) => s(a),
-        sx: { width: "100%" },
-        value: o
-      })
-    })
-  });
-}), Kt = ({ goal: t }) => {
-  const { goals: n } = R(), { visibleRetirementAccounts: u } = j(), { addRetirementGoalAccount: d, newRetirementGoalAccounts: _, retirementGoalAccounts: o, selectedGoal: m, setAlert: p, setNewRetirementGoalAccounts: s, setSelectedGoal: h } = N(), [i, a] = T.useState(!1), b = !t.guid, l = u.filter((y) => b ? _.find((A) => A.account_guid === y.guid) : o.find((A) => A.account_guid === y.guid)), f = u.filter((y) => !o.find((A) => A.account_guid === y.guid)), x = async (y) => {
-    const A = y.map((v) => ({
-      account_guid: v.guid,
+  return /* @__PURE__ */ e(
+    Z,
+    {
+      isDisabled: h,
+      isSaveDisabled: !!p,
+      label: n.details_birthday,
+      onSave: a,
+      primaryText: n.details_birthday,
+      secondaryText: `${be(ee(u.birthday ?? 0), fe.MONTH_DAY_YEAR)}`,
+      zeroStateText: !t.guid && !u.birthday ? n.add_birthday : void 0,
+      children: /* @__PURE__ */ e(_t, { dateAdapter: mt, children: /* @__PURE__ */ e(
+        ut,
+        {
+          label: n.details_birthday,
+          onChange: m,
+          onError: (o) => s(o),
+          sx: { width: "100%" },
+          value: i
+        }
+      ) })
+    }
+  );
+}), Dt = ({ goal: t }) => {
+  const { goals: n } = x(), { visibleRetirementAccounts: u } = j(), {
+    addRetirementGoalAccount: d,
+    newRetirementGoalAccounts: _,
+    retirementGoalAccounts: i,
+    selectedGoal: m,
+    setAlert: p,
+    setNewRetirementGoalAccounts: s,
+    setSelectedGoal: h
+  } = N(), [a, o] = T.useState(!1), b = !t.guid, l = u.filter(
+    (g) => b ? _.find((A) => A.account_guid === g.guid) : i.find((A) => A.account_guid === g.guid)
+  ), y = u.filter(
+    (g) => !i.find((A) => A.account_guid === g.guid)
+  ), E = async (g) => {
+    const A = g.map((R) => ({
+      account_guid: R.guid,
       retirement_goal_guid: t.guid
     }));
-    if (b) s(A);
-    else for (const v of A)
-      await d(v), p(n.alert_account_added);
+    if (b)
+      s(A);
+    else
+      for (const R of A)
+        await d(R), p(n.alert_account_added);
     h({
       ...m,
-      current_amount: y.reduce((v, G) => v + (G.balance || 0), 0)
-    }), a(!1);
+      current_amount: g.reduce((R, G) => R + (G.balance || 0), 0)
+    }), o(!1);
   };
-  return /* @__PURE__ */ c(g, { children: [
-    l.map((y) => /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(We, { account: y }), /* @__PURE__ */ e(E, {})] }, y.guid)),
-    /* @__PURE__ */ e(k, {
-      disableGutters: !0,
-      disablePadding: !0,
-      sx: { bgcolor: "background.paper" },
-      children: /* @__PURE__ */ c(L, {
-        onClick: () => a(!0),
-        children: [/* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(g, {
-          alignItems: "center",
-          color: "primary.main",
-          direction: "row",
-          gap: 8,
-          children: [/* @__PURE__ */ e(Ge, { filled: !0 }), n.details_add_account]
-        }) }), /* @__PURE__ */ e(z, { color: "primary" })]
-      })
-    }),
-    /* @__PURE__ */ e(Be, {
-      accounts: f,
-      isOpen: i,
-      onClose: () => a(!1),
-      onSave: x,
-      title: n.add_select_accounts
-    })
+  return /* @__PURE__ */ c(f, { children: [
+    l.map((g) => /* @__PURE__ */ c(f, { children: [
+      /* @__PURE__ */ e(We, { account: g }),
+      /* @__PURE__ */ e(v, {})
+    ] }, g.guid)),
+    /* @__PURE__ */ e(k, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(L, { onClick: () => o(!0), children: [
+      /* @__PURE__ */ e(w, { children: /* @__PURE__ */ c(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(Ie, { filled: !0 }),
+        n.details_add_account
+      ] }) }),
+      /* @__PURE__ */ e(z, { color: "primary" })
+    ] }) }),
+    /* @__PURE__ */ e(
+      Be,
+      {
+        accounts: y,
+        isOpen: a,
+        onClose: () => o(!1),
+        onSave: E,
+        title: n.add_select_accounts
+      }
+    )
   ] });
-}, Dt = K(({ goal: t }) => {
-  const { goals: n } = R(), { visibleAccounts: u } = j(), d = T.useMemo(() => u.find((m) => m.guid === t.account_guid), [u, t]), _ = t.track_type;
-  let o = n.details_save_title;
-  return t.track_type === r.DEBT_TRACK ? o = n.details_debt_title : t.track_type === r.RETIREMENT_TRACK && (o = n.details_retirement_title), /* @__PURE__ */ c(g, { children: [
-    /* @__PURE__ */ c(g, {
-      mx: 24,
-      children: [
-        /* @__PURE__ */ e(C, {
-          color: "text.secondary",
-          sx: {
-            mb: 4,
-            mt: 24
-          },
-          variant: "caption",
-          children: o
-        }),
-        /* @__PURE__ */ e(Oe, {
-          goal: t,
-          isInDrawer: !0
-        }),
-        /* @__PURE__ */ e(C, {
-          color: "text.secondary",
-          sx: {
-            mb: 4,
-            mt: 24
-          },
-          variant: "caption",
-          children: n.details_title
-        })
-      ]
-    }),
-    /* @__PURE__ */ c(O, {
-      sx: { bgcolor: "background.paper" },
-      children: [
-        _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(Nt, { goal: t }) : /* @__PURE__ */ e(k, {
-          sx: { px: 24 },
-          children: /* @__PURE__ */ e(w, {
-            primary: /* @__PURE__ */ c(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
-              })]
-            }),
-            slotProps: { primary: { variant: "body1" } }
-          })
-        }),
-        /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-        (_ === r.SAVINGS_TRACK || _ === r.RETIREMENT_TRACK) && /* @__PURE__ */ c(F, { children: [/* @__PURE__ */ e(It, { goal: t }), /* @__PURE__ */ e(E, { sx: { ml: _ === r.RETIREMENT_TRACK ? 24 : 0 } })] }),
-        t.track_type === r.DEBT_TRACK && /* @__PURE__ */ c(F, { children: [
-          /* @__PURE__ */ e(Je, { goal: t }),
-          /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e(Xe, { goal: t }),
-          /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e(Qe, { goal: t }),
-          /* @__PURE__ */ e(E, { variant: "fullWidth" })
-        ] }),
-        t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [
-          /* @__PURE__ */ e(kt, { goal: t }),
-          /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e(wt, { goal: t }),
-          /* @__PURE__ */ e(E, { variant: "fullWidth" })
-        ] })
-      ]
-    }),
-    /* @__PURE__ */ e(C, {
-      color: "text.secondary",
-      sx: {
-        mb: 4,
-        ml: 24,
-        mt: 12
-      },
-      variant: "caption",
-      children: t.track_type === r.RETIREMENT_TRACK ? n.details_accounts : n.details_account
-    }),
-    t.track_type !== r.RETIREMENT_TRACK && d && /* @__PURE__ */ c(F, { children: [/* @__PURE__ */ e(We, { account: d }), /* @__PURE__ */ e(E, {})] }),
-    t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [/* @__PURE__ */ e(Kt, { goal: t }), /* @__PURE__ */ e(E, {})] }),
+}, Kt = D(({ goal: t }) => {
+  const { goals: n } = x(), { visibleAccounts: u } = j(), d = T.useMemo(
+    () => u.find((m) => m.guid === t.account_guid),
+    [u, t]
+  ), _ = t.track_type;
+  let i = n.details_save_title;
+  return t.track_type === r.DEBT_TRACK ? i = n.details_debt_title : t.track_type === r.RETIREMENT_TRACK && (i = n.details_retirement_title), /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ c(f, { mx: 24, children: [
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: i }),
+      /* @__PURE__ */ e(Oe, { goal: t, isInDrawer: !0 }),
+      /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "caption", children: n.details_title })
+    ] }),
+    /* @__PURE__ */ c(O, { sx: { bgcolor: "background.paper" }, children: [
+      _ !== r.RETIREMENT_TRACK ? /* @__PURE__ */ e(Nt, { goal: t }) : /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+        w,
+        {
+          primary: /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(C, { variant: "body1", children: n.details_goal_name }),
+            /* @__PURE__ */ e(C, { bold: !0, color: "text.primary", sx: { mr: 4 }, variant: "body1", children: n.retirement })
+          ] }),
+          slotProps: { primary: { variant: "body1" } }
+        }
+      ) }),
+      /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
+      (_ === r.SAVINGS_TRACK || _ === r.RETIREMENT_TRACK) && /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ e(It, { goal: t }),
+        /* @__PURE__ */ e(v, { sx: { ml: _ === r.RETIREMENT_TRACK ? 24 : 0 } })
+      ] }),
+      t.track_type === r.DEBT_TRACK && /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ e(rt, { goal: t }),
+        /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(st, { goal: t }),
+        /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(ct, { goal: t }),
+        /* @__PURE__ */ e(v, { variant: "fullWidth" })
+      ] }),
+      t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ e(kt, { goal: t }),
+        /* @__PURE__ */ e(v, { sx: { ml: 24 } }),
+        /* @__PURE__ */ e(wt, { goal: t }),
+        /* @__PURE__ */ e(v, { variant: "fullWidth" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(C, { color: "text.secondary", sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: t.track_type === r.RETIREMENT_TRACK ? n.details_accounts : n.details_account }),
+    t.track_type !== r.RETIREMENT_TRACK && d && /* @__PURE__ */ c(F, { children: [
+      /* @__PURE__ */ e(We, { account: d }),
+      /* @__PURE__ */ e(v, {})
+    ] }),
+    t.track_type === r.RETIREMENT_TRACK && /* @__PURE__ */ c(F, { children: [
+      /* @__PURE__ */ e(Dt, { goal: t }),
+      /* @__PURE__ */ e(v, {})
+    ] }),
     t.track_type === r.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(Gt, { goal: t })
   ] });
-}), Mt = K(({ onClose: t }) => {
-  const { visibleRetirementAccounts: n } = j(), { goals: u, common: d } = R(), { addGoal: _, addRetirementGoal: o, deleteGoal: m, deleteRetirementGoal: p, newRetirementGoalAccounts: s, retirementGoalAccounts: h, selectedGoal: i, setAlert: a, setSelectedGoal: b, updateGoal: l } = N(), { user: f } = xe(), [x, y] = T.useState(!1), A = !i?.guid, v = i?.track_type === r.SAVINGS_TRACK && i.is_complete && !i.has_been_spent, G = T.useMemo(() => {
-    const I = A ? s : h;
-    return n.filter((V) => I.some((M) => M.account_guid === V.guid));
-  }, [
-    A,
-    n,
-    s,
-    h
-  ]), D = T.useMemo(() => {
-    if (!i) return !1;
-    if (!A && !v) return !0;
-    const { account_guid: I, track_type: V, name: M, amount: J, retirement_age: oe } = i;
-    return V === r.SAVINGS_TRACK ? I ? !!M && !!J : !1 : V === r.RETIREMENT_TRACK ? G.length ? !!M && !!J && !!oe && !!f.birthday : !1 : !0;
-  }, [
-    i,
-    G,
-    f.birthday
-  ]);
-  let W = d.delete_button, H = () => y(!0);
-  A ? (H = () => ne(), W = d.save_button) : v && (H = () => ie(), W = u.mark_as_complete_button);
+}), Mt = D(({ onClose: t }) => {
+  const { visibleRetirementAccounts: n } = j(), { goals: u, common: d } = x(), {
+    addGoal: _,
+    addRetirementGoal: i,
+    deleteGoal: m,
+    deleteRetirementGoal: p,
+    newRetirementGoalAccounts: s,
+    retirementGoalAccounts: h,
+    selectedGoal: a,
+    setAlert: o,
+    setSelectedGoal: b,
+    updateGoal: l
+  } = N(), { user: y } = Ge(), [E, g] = T.useState(!1), A = !a?.guid, R = a?.track_type === r.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, G = T.useMemo(() => {
+    const S = A ? s : h;
+    return n.filter((V) => S.some((M) => M.account_guid === V.guid));
+  }, [A, n, s, h]), K = T.useMemo(() => {
+    if (!a) return !1;
+    if (!A && !R) return !0;
+    const { account_guid: S, track_type: V, name: M, amount: J, retirement_age: ie } = a;
+    return V === r.SAVINGS_TRACK ? S ? !!M && !!J : !1 : V === r.RETIREMENT_TRACK ? G.length ? !!M && !!J && !!ie && !!y.birthday : !1 : !0;
+  }, [a, G, y.birthday]);
+  let W = d.delete_button, H = () => g(!0);
+  A ? (H = () => ne(), W = d.save_button) : R && (H = () => ae(), W = u.mark_as_complete_button);
   const ne = async () => {
-    if (i) {
-      const I = i.track_type;
-      I !== r.RETIREMENT_TRACK ? await _(i) : I === r.RETIREMENT_TRACK && await o({
-        ...i,
-        target_amount: i.amount
-      }), a(u.alert_goal_added), b(void 0), I && t?.(I);
+    if (a) {
+      const S = a.track_type;
+      S !== r.RETIREMENT_TRACK ? await _(a) : S === r.RETIREMENT_TRACK && await i({ ...a, target_amount: a.amount }), o(u.alert_goal_added), b(void 0), S && t?.(S);
     }
+  }, oe = async () => {
+    a && (a.track_type !== r.RETIREMENT_TRACK ? await m(a.guid) : a.track_type === r.RETIREMENT_TRACK && await p(a), o(u.alert_goal_deleted), b(void 0));
   }, ae = async () => {
-    i && (i.track_type !== r.RETIREMENT_TRACK ? await m(i.guid) : i.track_type === r.RETIREMENT_TRACK && await p(i), a(u.alert_goal_deleted), b(void 0));
-  }, ie = async () => {
-    await l({
-      ...i,
+    const S = {
+      ...a,
       has_been_spent: !0
-    }), a(u.alert_goal_completed), b(void 0);
+    };
+    await l(S), o(u.alert_goal_completed), b(void 0);
   };
-  return /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e(q, {
-    ariaLabelClose: d.close_aria,
-    hasSecondaryAction: A,
-    isOpen: !!i,
-    isPrimaryDisabled: !D,
-    onClose: () => b(void 0),
-    onPrimaryAction: H,
-    primaryColor: A || v ? "primary" : "error",
-    primaryText: W,
-    secondaryColor: "primary",
-    title: u.goal_details,
-    children: i && /* @__PURE__ */ e(Dt, { goal: i })
-  }), /* @__PURE__ */ e(Ze, {
-    copy: {
-      close_aria: d.close_aria,
-      title: u.delete_goal
-    },
-    isOpen: x,
-    maxWidth: "xs",
-    onClose: () => y(!1),
-    onPrimaryAction: ae,
-    primaryColor: "error",
-    primaryText: d.delete_button,
-    children: /* @__PURE__ */ e(C, {
-      variant: "subtitle1",
-      children: B(u.delete_description, i?.name || "")
-    })
-  })] });
-}), Sn = K(({ onBackClick: t, onMenuClick: n, sx: u }) => {
-  const { onEvent: d } = Ee(), { isMobile: _ } = pe(), { isAccountDataLoaded: o, loadAccountData: m } = j(), { isInitialized: p } = he(), { goals: s, common: h } = R(), { alert: i, allGoals: a, goals: b, isAllGoalDataLoaded: l, loadGoalData: f, monthlyCashFlowProfile: x, setAlert: y, retirmentGoals: A } = N(), [v, G] = T.useState(0), [D, W] = T.useState(!1), H = x?.amount_allocated_for_savings_goals || 0, ne = x?.amount_allocated_for_debt_goals || 0, ae = x?.amount_allocated_for_retirement_goals || 0;
-  Re({
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ e(
+      q,
+      {
+        ariaLabelClose: d.close_aria,
+        hasSecondaryAction: A,
+        isOpen: !!a,
+        isPrimaryDisabled: !K,
+        onClose: () => b(void 0),
+        onPrimaryAction: H,
+        primaryColor: A || R ? "primary" : "error",
+        primaryText: W,
+        secondaryColor: "primary",
+        title: u.goal_details,
+        children: a && /* @__PURE__ */ e(Kt, { goal: a })
+      }
+    ),
+    /* @__PURE__ */ e(
+      pt,
+      {
+        copy: { close_aria: d.close_aria, title: u.delete_goal },
+        isOpen: E,
+        maxWidth: "xs",
+        onClose: () => g(!1),
+        onPrimaryAction: oe,
+        primaryColor: "error",
+        primaryText: d.delete_button,
+        children: /* @__PURE__ */ e(C, { variant: "subtitle1", children: B(u.delete_description, a?.name || "") })
+      }
+    )
+  ] });
+}), jn = D(({ onBackClick: t, onMenuClick: n, sx: u }) => {
+  const { onEvent: d } = Ne(), { isMobile: _ } = he(), { isAccountDataLoaded: i, loadAccountData: m } = j(), { isInitialized: p } = _e(), { goals: s, common: h } = x(), {
+    alert: a,
+    allGoals: o,
+    goals: b,
+    isAllGoalDataLoaded: l,
+    loadGoalData: y,
+    monthlyCashFlowProfile: E,
+    setAlert: g,
+    retirmentGoals: A
+  } = N(), [R, G] = T.useState(0), [K, W] = T.useState(!1), H = E?.amount_allocated_for_savings_goals || 0, ne = E?.amount_allocated_for_debt_goals || 0, oe = E?.amount_allocated_for_retirement_goals || 0;
+  Me({
     widgetName: "GoalsWidget",
     isLoaded: l
   }), T.useEffect(() => {
-    o || m().finally(), d($.GOALS_VIEW);
+    i || m().finally(), d($.GOALS_VIEW);
   }, []), T.useEffect(() => {
-    p && f().finally();
+    p && y().finally();
   }, [p]);
-  const ie = () => {
+  const ae = () => {
     d($.GOALS_CLICK_FILTER);
-  }, I = () => {
+  }, S = () => {
     W(!0), d($.GOALS_CLICK_ADD);
-  }, V = (X) => {
-    W(!1), X === r.SAVINGS_TRACK ? G(0) : X === r.DEBT_TRACK ? G(1) : X === r.RETIREMENT_TRACK && G(2);
-  }, M = T.useMemo(() => l && a.length === 0, [
-    b,
-    l,
-    A
-  ]);
-  if (!p || !l) return /* @__PURE__ */ e(Se, {});
-  const J = B(_ ? s.tab_subtitle_mobile : s.tab_subtitle, S(H, "0,0")), oe = B(_ ? s.tab_subtitle_mobile : s.tab_subtitle, S(ne, "0,0")), Ve = B(_ ? s.tab_subtitle_mobile : s.tab_subtitle, S(ae, "0,0"));
-  return /* @__PURE__ */ c($e, {
-    actions: [{
-      iconName: "add",
-      label: s.add_title,
-      onClick: I
-    }],
-    onAccountsFilterClick: ie,
-    onBackClick: t,
-    onMenuClick: n,
-    sx: u,
-    title: s.title,
-    children: [
-      /* @__PURE__ */ c(g, {
-        mx: _ ? 0 : 48,
-        my: 24,
-        children: [/* @__PURE__ */ c(ct, {
-          onChange: (X, ze) => G(ze),
-          sx: { bgcolor: "background.paper" },
-          textColor: "primary",
-          value: M ? !1 : v,
-          variant: "fullWidth",
-          children: [
-            /* @__PURE__ */ e(re, {
-              disabled: M,
-              label: /* @__PURE__ */ e(se, {
-                subtitle: J,
-                title: s.tab_saving_title
-              })
-            }),
-            /* @__PURE__ */ e(re, {
-              disabled: M,
-              label: /* @__PURE__ */ e(se, {
-                subtitle: oe,
-                title: s.tab_debt_title
-              })
-            }),
-            /* @__PURE__ */ e(re, {
-              disabled: M,
-              label: /* @__PURE__ */ e(se, {
-                subtitle: Ve,
-                title: s.tab_retirement_title
-              })
-            })
-          ]
-        }), M ? /* @__PURE__ */ e(Fe, {
-          header: s.create_goals_header,
-          icon: "trophy",
-          onClick: I,
-          primaryButton: s.add_goals_button,
-          subText: s.empty_state_subheader,
-          sx: {
-            width: { sm: 432 },
-            ".buttons-footer": { width: 139 }
+  }, V = (Q) => {
+    W(!1), Q === r.SAVINGS_TRACK ? G(0) : Q === r.DEBT_TRACK ? G(1) : Q === r.RETIREMENT_TRACK && G(2);
+  }, M = T.useMemo(
+    () => l && o.length === 0,
+    [b, l, A]
+  );
+  if (!p || !l)
+    return /* @__PURE__ */ e(Le, {});
+  const J = B(
+    _ ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(H, "0,0")
+  ), ie = B(
+    _ ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(ne, "0,0")
+  ), Ve = B(
+    _ ? s.tab_subtitle_mobile : s.tab_subtitle,
+    I(oe, "0,0")
+  );
+  return /* @__PURE__ */ c(
+    ht,
+    {
+      actions: [
+        {
+          iconName: "add",
+          label: s.add_title,
+          onClick: S
+        }
+      ],
+      onAccountsFilterClick: ae,
+      onBackClick: t,
+      onMenuClick: n,
+      sx: u,
+      title: s.title,
+      children: [
+        /* @__PURE__ */ c(f, { mx: _ ? 0 : 48, my: 24, children: [
+          /* @__PURE__ */ c(
+            Fe,
+            {
+              onChange: (Q, ze) => G(ze),
+              sx: { bgcolor: "background.paper" },
+              textColor: "primary",
+              value: M ? !1 : R,
+              variant: "fullWidth",
+              children: [
+                /* @__PURE__ */ e(
+                  re,
+                  {
+                    disabled: M,
+                    label: /* @__PURE__ */ e(se, { subtitle: J, title: s.tab_saving_title })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  re,
+                  {
+                    disabled: M,
+                    label: /* @__PURE__ */ e(se, { subtitle: ie, title: s.tab_debt_title })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  re,
+                  {
+                    disabled: M,
+                    label: /* @__PURE__ */ e(se, { subtitle: Ve, title: s.tab_retirement_title })
+                  }
+                )
+              ]
+            }
+          ),
+          M ? /* @__PURE__ */ e(
+            bt,
+            {
+              header: s.create_goals_header,
+              icon: "trophy",
+              onClick: S,
+              primaryButton: s.add_goals_button,
+              subText: s.empty_state_subheader,
+              sx: {
+                width: { sm: 432 },
+                ".buttons-footer": {
+                  width: 139
+                }
+              }
+            }
+          ) : /* @__PURE__ */ c(F, { children: [
+            R === 0 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.SAVINGS_TRACK }),
+            R === 1 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.DEBT_TRACK }),
+            R === 2 && /* @__PURE__ */ e(ce, { onAddGoals: S, trackType: r.RETIREMENT_TRACK })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Mt, { onClose: V }),
+        /* @__PURE__ */ e(
+          q,
+          {
+            ariaLabelClose: h.close_aria,
+            isOpen: K,
+            onClose: () => W(!1),
+            title: s.add_goal_title,
+            children: /* @__PURE__ */ e(vt, { onClose: V })
           }
-        }) : /* @__PURE__ */ c(F, { children: [
-          v === 0 && /* @__PURE__ */ e(ce, {
-            onAddGoals: I,
-            trackType: r.SAVINGS_TRACK
-          }),
-          v === 1 && /* @__PURE__ */ e(ce, {
-            onAddGoals: I,
-            trackType: r.DEBT_TRACK
-          }),
-          v === 2 && /* @__PURE__ */ e(ce, {
-            onAddGoals: I,
-            trackType: r.RETIREMENT_TRACK
-          })
-        ] })]
-      }),
-      /* @__PURE__ */ e(Mt, { onClose: V }),
-      /* @__PURE__ */ e(q, {
-        ariaLabelClose: h.close_aria,
-        isOpen: D,
-        onClose: () => W(!1),
-        title: s.add_goal_title,
-        children: /* @__PURE__ */ e(St, { onClose: V })
-      }),
-      /* @__PURE__ */ e(bt, {
-        onClose: () => y(""),
-        open: !!i,
-        children: /* @__PURE__ */ e(ht, {
-          onClose: () => y(""),
-          severity: "success",
-          variant: "filled",
-          children: i
-        })
-      })
-    ]
-  });
-}), Lt = K(({ goal: t }) => {
-  const { goals: n } = R(), u = rt(), { backgroundColor: d, color: _, percentage: o, projectedText: m } = me(n, t), p = Math.round(o * 100);
-  let s = /* @__PURE__ */ e(ke, {});
-  return t.track_type === r.DEBT_TRACK ? s = /* @__PURE__ */ e(Ne, {}) : t.track_type === r.RETIREMENT_TRACK && (s = /* @__PURE__ */ e(we, {})), /* @__PURE__ */ c(g, {
-    alignItems: "center",
-    direction: "row",
-    spacing: 12,
-    sx: { py: 12 },
-    children: [
-      /* @__PURE__ */ e(te, {
-        sx: {
-          bgcolor: d,
-          color: _,
-          height: 32,
-          width: 32
-        },
-        variant: "rounded",
-        children: s
-      }),
-      /* @__PURE__ */ c(st, {
-        sx: { width: "100%" },
-        children: [/* @__PURE__ */ e(Ie, {
-          fontSize: 15,
-          fontWeight: 600,
-          variant: "body1",
-          children: t.name
-        }), t.projected_to_complete_at && /* @__PURE__ */ e(C, {
-          color: "text.secondary",
-          variant: "caption",
-          children: m
-        })]
-      }),
-      /* @__PURE__ */ e(He, {
+        ),
+        /* @__PURE__ */ e(je, { onClose: () => g(""), open: !!a, children: /* @__PURE__ */ e(Pe, { onClose: () => g(""), severity: "success", variant: "filled", children: a }) })
+      ]
+    }
+  );
+}), Lt = D(({ goal: t }) => {
+  const { goals: n } = x(), u = gt(), {
+    backgroundColor: d,
+    color: _,
+    percentage: i,
+    projectedText: m
+  } = ue(n, t), p = Math.round(i * 100);
+  let s = /* @__PURE__ */ e(Ee, {});
+  return t.track_type === r.DEBT_TRACK ? s = /* @__PURE__ */ e(Se, {}) : t.track_type === r.RETIREMENT_TRACK && (s = /* @__PURE__ */ e(ve, {})), /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+    /* @__PURE__ */ e(te, { sx: { bgcolor: d, color: _, height: 32, width: 32 }, variant: "rounded", children: s }),
+    /* @__PURE__ */ c(ft, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ e(Te, { fontSize: 15, fontWeight: 600, variant: "body1", children: t.name }),
+      t.projected_to_complete_at && /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: m })
+    ] }),
+    /* @__PURE__ */ e(
+      yt,
+      {
         backgroundStrokeColor: u.palette.neutral.light,
         color: u.palette.primary.main,
         percent: p,
         size: 40,
         strokeWidth: 3,
-        children: /* @__PURE__ */ e(Y, {
-          fontWeight: 700,
-          variant: "caption",
-          children: `${p}%`
-        })
-      })
+        children: /* @__PURE__ */ e(Y, { fontWeight: 700, variant: "caption", children: `${p}%` })
+      }
+    )
+  ] });
+}), Ot = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(
+  f,
+  {
+    sx: {
+      alignItems: "center",
+      alignSelf: "center",
+      px: 24,
+      ...u
+    },
+    children: [
+      /* @__PURE__ */ e(Je, { size: 32 }),
+      /* @__PURE__ */ e(Te, { fontSize: 15, fontWeight: 600, children: t }),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          color: "text.secondary",
+          sx: { fontWeight: 400, maxWidth: { sm: 424 }, textAlign: "center" },
+          variant: "subtitle2",
+          children: n
+        }
+      )
     ]
-  });
-}), Ot = ({ header: t, subText: n, sx: u }) => /* @__PURE__ */ c(g, {
-  sx: {
-    alignItems: "center",
-    alignSelf: "center",
-    px: 24,
-    ...u
-  },
-  children: [
-    /* @__PURE__ */ e(ot, { size: 32 }),
-    /* @__PURE__ */ e(Ie, {
-      fontSize: 15,
-      fontWeight: 600,
-      children: t
-    }),
-    /* @__PURE__ */ e(Y, {
-      color: "text.secondary",
-      sx: {
-        fontWeight: 400,
-        maxWidth: { sm: 424 },
-        textAlign: "center"
-      },
-      variant: "subtitle2",
-      children: n
-    })
-  ]
-}), In = K(({ onCTAClick: t }) => {
-  const { isAccountDataLoaded: n, loadAccountData: u, visibleAccounts: d } = j(), { onEvent: _ } = Ee(), { goals: o } = R(), { isInitialized: m } = he(), { ongoingGoalsForMicroWidget: p, isAllGoalDataLoaded: s, loadGoalData: h } = N();
-  Re({
+  }
+), Fn = D(({ onCTAClick: t }) => {
+  const { isAccountDataLoaded: n, loadAccountData: u, visibleAccounts: d } = j(), { onEvent: _ } = Ne(), { goals: i } = x(), { isInitialized: m } = _e(), { ongoingGoalsForMicroWidget: p, isAllGoalDataLoaded: s, loadGoalData: h } = N();
+  Me({
     widgetName: "GoalsMicroWidget",
     isLoaded: s
   }), T.useEffect(() => {
     n || u().finally();
   }, []), T.useEffect(() => {
-    m && (h().finally(), _($.GOALS_LOAD_WIDGET, { state: d?.length ? "default" : "zeroState" }));
+    m && (h().finally(), _($.GOALS_LOAD_WIDGET, {
+      state: d?.length ? "default" : "zeroState"
+    }));
   }, [m]);
-  const i = T.useMemo(() => s && p.length === 0, [p, s]), a = () => {
-    _(i ? $.GOALS_CLICK_GET_STARTED : $.GOALS_CLICK_VIEW_DETAILS), t();
+  const a = T.useMemo(
+    () => s && p.length === 0,
+    [p, s]
+  ), o = () => {
+    _(
+      a ? $.GOALS_CLICK_GET_STARTED : $.GOALS_CLICK_VIEW_DETAILS
+    ), t();
   };
-  return !m || !s ? /* @__PURE__ */ e(Se, {}) : /* @__PURE__ */ e(Ye, {
-    className: "mx-goals-microwidget",
-    ctaLabel: i ? o.get_started : o.view_details,
-    onCTAClick: a,
-    title: o.title,
-    children: i ? /* @__PURE__ */ e(Ot, {
-      header: o.create_goals_header,
-      subText: o.micro_zero_state_description
-    }) : /* @__PURE__ */ e(g, {
-      sx: { justifyContent: "space-between" },
-      children: p.map((b, l) => /* @__PURE__ */ c(T.Fragment, { children: [/* @__PURE__ */ e(Lt, { goal: b }), l !== p.length - 1 && /* @__PURE__ */ e(E, {})] }, b.guid))
-    })
-  });
+  return !m || !s ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
+    At,
+    {
+      className: "mx-goals-microwidget",
+      ctaLabel: a ? i.get_started : i.view_details,
+      onCTAClick: o,
+      title: i.title,
+      children: a ? /* @__PURE__ */ e(
+        Ot,
+        {
+          header: i.create_goals_header,
+          subText: i.micro_zero_state_description
+        }
+      ) : /* @__PURE__ */ e(f, { sx: { justifyContent: "space-between" }, children: p.map((b, l) => /* @__PURE__ */ c(T.Fragment, { children: [
+        /* @__PURE__ */ e(Lt, { goal: b }),
+        l !== p.length - 1 && /* @__PURE__ */ e(v, {})
+      ] }, b.guid)) })
+    }
+  );
 });
 export {
-  In as GoalsMicroWidget,
-  Sn as GoalsWidget
+  Fn as GoalsMicroWidget,
+  jn as GoalsWidget
 };
+//# sourceMappingURL=index.es.js.map