@mx-cartographer/experiences 7.0.39 → 7.0.41

package/dist/goals/index.es.js

@@ -17,7 +17,7 @@ import be from "@mui/material/Unstable_Grid2";
 import oe from "@mui/material/Avatar";
 import ze from "@mui/material/CardHeader";
 import { Payments as Se, NoteStack as Re, Person as Ee, ChevronRight as M, DragHandle as He, CheckCircle as $e, Icon as ge, ExpandLess as Xe, ExpandMore as Ue, AddBox as ve, Trophy as Ye } from "@mxenabled/mx-icons";
-import { u as T, k as x, c as V, o as xe, f as Ie, a as Ge } from "../hooks-BAAimqdq.mjs";
+import { u as T, k as I, c as V, o as xe, f as Ie, a as Ge } from "../hooks-BAAimqdq.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as v } from "../NumberFormatting-CtWHhyBX.mjs";
 import { S as Ze } from "../StatusBar-BK_uYHAB.mjs";
@@ -32,16 +32,16 @@ import w from "@mui/material/ListItemText";
 import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import { D as j } from "../Drawer-kEE73B87.mjs";
 import { b as B } from "../Localization-2MODESHW.mjs";
-import { f as ae, D as re, a as Je } from "../Dialog-CWW597AF.mjs";
+import { f as re, D as ae, a as Je } from "../Dialog-CWW597AF.mjs";
 import P from "@mui/material/ListItemAvatar";
 import Qe from "@mui/material/Collapse";
 import et from "@mui/material/ListItemIcon";
 import tt from "@mui/material/Checkbox";
 import { A as fe } from "../ConnectDrawer-L1_xPNYt.mjs";
 import { u as nt, A as ot } from "../AccountDetailsHeader-Bt8O2raZ.mjs";
-import { A as at } from "../AccountDetailsContent-B5HMpGeJ.mjs";
+import { A as rt } from "../AccountDetailsContent-B5HMpGeJ.mjs";
 import ke from "@mui/material/TextField";
-import { M as rt, I as it, O as st } from "../OriginalBalanceAction-DSA8sk5b.mjs";
+import { M as at, I as it, O as st } from "../OriginalBalanceAction-DSA8sk5b.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";
@@ -66,13 +66,13 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   "$1$2$3"
 ) : v(t, "0,0.00"), Ke = K(
   ({ goal: t, isInDrawer: n = !1, onClick: s }) => {
-    const { goals: l } = T(), { isMobile: u, isTablet: a } = he(), _ = u || a, {
+    const { goals: l } = T(), { isMobile: u, isTablet: r } = he(), _ = u || r, {
       backgroundColor: b,
       color: c,
       percentage: h,
       percentageText: o,
       projectedText: p
-    } = _e(l, t), r = t.track_type === m.DEBT_TRACK ? t.initial_amount : t.amount, d = [
+    } = _e(l, t), a = t.track_type === m.DEBT_TRACK ? t.initial_amount : t.amount, d = [
       {
         color: b,
         percentage: `${h}`
@@ -85,7 +85,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         {
           avatar: /* @__PURE__ */ e(oe, { sx: { bgcolor: b, color: c, height: 48, width: 48 }, variant: "rounded", children: f }),
           subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "H3" : "H2", children: `${v(t.current_amount, _ ? "0,0" : "0,0.00")} / ${At(
-            r,
+            a,
             _
           )}` }),
           title: /* @__PURE__ */ e(ue, { color: "text.secondary", fontWeight: 400, variant: "Body", children: t.name })
@@ -101,10 +101,10 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) });
   }
 ), Tt = K(({ trackType: t }) => {
-  const { goals: n } = T(), { setAlert: s, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: u } = x(), a = y.useMemo(() => {
+  const { goals: n } = T(), { setAlert: s, monthlyCashFlowProfile: l, updateMonthlyCashFlowProfile: u } = I(), r = y.useMemo(() => {
     let h = 0;
     return t === m.SAVINGS_TRACK ? h = l?.amount_allocated_for_savings_goals || 0 : t === m.DEBT_TRACK ? h = l?.amount_allocated_for_debt_goals || 0 : t === m.RETIREMENT_TRACK && (h = l?.amount_allocated_for_retirement_goals || 0), h;
-  }, [l]), [_, b] = y.useState(a), c = async () => {
+  }, [l]), [_, b] = y.useState(r), c = async () => {
     if (l) {
       const h = { ...l };
       t === m.SAVINGS_TRACK ? h.amount_allocated_for_savings_goals = _ : t === m.DEBT_TRACK ? h.amount_allocated_for_debt_goals = _ : t === m.RETIREMENT_TRACK && (h.amount_allocated_for_retirement_goals = _), await u(h), s(n.alert_contribution_updated);
@@ -115,10 +115,10 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     {
       isSaveDisabled: !_ || isNaN(_),
       label: n.contribution_label,
-      onCancel: () => b(a),
+      onCancel: () => b(r),
       onSave: c,
       primaryText: n.contribution_label,
-      secondaryText: v(a, "0,0.00"),
+      secondaryText: v(r, "0,0.00"),
       children: /* @__PURE__ */ e(
         Ne,
         {
@@ -134,10 +134,10 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   ) });
 }), Ct = ({ goals: t }) => {
-  const { goals: n, common: s } = T(), { reorderGoals: l, setAlert: u } = x(), [a, _] = y.useState(!1), [b, c] = y.useState(t.map((d) => ({ ...d })));
+  const { goals: n, common: s } = T(), { reorderGoals: l, setAlert: u } = I(), [r, _] = y.useState(!1), [b, c] = y.useState(t.map((d) => ({ ...d })));
   y.useEffect(() => {
-    a && c(t.map((d) => ({ ...d })));
-  }, [a]);
+    r && c(t.map((d) => ({ ...d })));
+  }, [r]);
   const h = [
     {
       field: "name",
@@ -148,9 +148,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: f.name }),
           /* @__PURE__ */ e(A, { variant: "XSmall", children: B(
             n.goal_projection,
-            ae(
+            re(
               Q(f.projected_to_complete_at || 0),
-              re.MONTH_SHORT_YEAR
+              ae.MONTH_SHORT_YEAR
             )
           ) })
         ] });
@@ -178,7 +178,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     for (let C = 0; C < E.length; C += 1)
       E[C].position = C + 1;
     c(E);
-  }, r = async () => {
+  }, a = async () => {
     await l(b), u(n.alert_goals_reordered), _(!1);
   };
   return /* @__PURE__ */ i(g, { children: [
@@ -199,9 +199,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       j,
       {
         ariaLabelClose: s.close_aria,
-        isOpen: a,
+        isOpen: r,
         onClose: () => _(!1),
-        onPrimaryAction: r,
+        onPrimaryAction: a,
         title: n.reorder_goals_title,
         children: /* @__PURE__ */ i(g, { children: [
           /* @__PURE__ */ e(W, { sx: { my: 12, mx: 24 }, children: n.reorder_goals_description }),
@@ -251,9 +251,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t.name }),
         /* @__PURE__ */ e(A, { variant: "XSmall", children: t.is_complete ? u : B(
           s.goal_projection,
-          ae(
+          re(
             Q(t.projected_to_complete_at || 0),
-            re.MONTH_SHORT_YEAR
+            ae.MONTH_SHORT_YEAR
           )
         ) })
       ] }),
@@ -269,9 +269,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t.name }),
         /* @__PURE__ */ e(A, { variant: "XSmall", children: B(
           n.completed_label,
-          ae(
+          re(
             Q(t.completed_at || 0),
-            re.MONTH_SHORT_YEAR
+            ae.MONTH_SHORT_YEAR
           )
         ) })
       ] }),
@@ -279,13 +279,13 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] }) }, t.guid);
 }, Et = ({ trackType: t }) => {
-  const { goals: n, common: s } = T(), { orderedGoals: l } = x(), u = l.filter((d) => d.track_type === t), a = u.filter(
+  const { goals: n, common: s } = T(), { orderedGoals: l } = I(), u = l.filter((d) => d.track_type === t), r = u.filter(
     (d) => d.track_type === m.SAVINGS_TRACK && !d.has_been_spent || d.track_type !== m.SAVINGS_TRACK && !d.is_complete
   ), _ = u.filter(
     (d) => d.track_type === m.SAVINGS_TRACK && d.has_been_spent || d.track_type !== m.SAVINGS_TRACK && d.is_complete
   ), [b, c] = y.useState(!1);
-  let h = n.manage_saving_goals, o = n.manage_saving_drawer_title, p = n.manage_saving_title, r = n.manage_saving_description;
-  return t === m.DEBT_TRACK ? (h = n.manage_debt_goals, o = n.manage_debt_drawer_title, p = n.manage_debt_title, r = n.manage_debt_description) : t === m.RETIREMENT_TRACK && (h = n.manage_retirement_goals, o = n.manage_retirement_drawer_title, p = n.manage_retirement_title, r = n.manage_retirement_description), /* @__PURE__ */ i(g, { children: [
+  let h = n.manage_saving_goals, o = n.manage_saving_drawer_title, p = n.manage_saving_title, a = n.manage_saving_description;
+  return t === m.DEBT_TRACK ? (h = n.manage_debt_goals, o = n.manage_debt_drawer_title, p = n.manage_debt_title, a = n.manage_debt_description) : t === m.RETIREMENT_TRACK && (h = n.manage_retirement_goals, o = n.manage_retirement_drawer_title, p = n.manage_retirement_title, a = n.manage_retirement_description), /* @__PURE__ */ i(g, { children: [
     /* @__PURE__ */ e(pe, { endIcon: /* @__PURE__ */ e(M, {}), onClick: () => c(!0), children: h }),
     /* @__PURE__ */ e(
       j,
@@ -297,13 +297,13 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         children: /* @__PURE__ */ i(g, { children: [
           /* @__PURE__ */ i(g, { m: 24, children: [
             /* @__PURE__ */ e(je, { children: p }),
-            /* @__PURE__ */ e(W, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: r })
+            /* @__PURE__ */ e(W, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: a })
           ] }),
           /* @__PURE__ */ e(Tt, { trackType: t }),
           /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.goal_priority }),
           /* @__PURE__ */ i(L, { sx: { bgcolor: "background.paper" }, children: [
-            a.map((d, f) => {
-              const E = f >= a.length - 1;
+            r.map((d, f) => {
+              const E = f >= r.length - 1;
               return /* @__PURE__ */ i(g, { children: [
                 /* @__PURE__ */ e(St, { goal: d, index: f }),
                 /* @__PURE__ */ e(
@@ -315,14 +315,14 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
               ] }, `ongoing-${d.guid}`);
             }),
             t !== m.RETIREMENT_TRACK && /* @__PURE__ */ i(g, { children: [
-              /* @__PURE__ */ e(Ct, { goals: a }),
+              /* @__PURE__ */ e(Ct, { goals: r }),
               /* @__PURE__ */ e(R, {})
             ] })
           ] }),
           t !== m.RETIREMENT_TRACK && _.length > 0 && /* @__PURE__ */ i(g, { children: [
             /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: n.complete_title }),
             /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: _.map((d, f) => {
-              const E = f > a.length - 1;
+              const E = f > r.length - 1;
               return /* @__PURE__ */ i(g, { children: [
                 /* @__PURE__ */ e(Rt, { goal: d }),
                 /* @__PURE__ */ e(R, { variant: E ? "fullWidth" : "inset" })
@@ -334,7 +334,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }, de = K(({ trackType: t, onAddGoals: n }) => {
-  const { isMobile: s } = he(), { goals: l } = T(), { orderedGoals: u, setSelectedGoal: a } = x(), _ = u.filter((o) => o.track_type === t), b = _.filter(
+  const { isMobile: s } = he(), { goals: l } = T(), { orderedGoals: u, setSelectedGoal: r } = I(), _ = u.filter((o) => o.track_type === t), b = _.filter(
     (o) => o.track_type === m.SAVINGS_TRACK && !o.has_been_spent || o.track_type !== m.SAVINGS_TRACK && !o.is_complete
   ), c = _.filter(
     (o) => o.track_type === m.SAVINGS_TRACK && o.has_been_spent || o.track_type !== m.SAVINGS_TRACK && o.is_complete
@@ -344,9 +344,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Small", children: l.ongoing_title }),
       /* @__PURE__ */ e(Et, { trackType: t })
     ] }),
-    b.length > 0 ? /* @__PURE__ */ e(be, { container: !0, spacing: 24, children: b.map((o, p, r) => (
+    b.length > 0 ? /* @__PURE__ */ e(be, { container: !0, spacing: 24, children: b.map((o, p, a) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ e(be, { xs: s || p === 0 && r.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Ke, { goal: o, onClick: () => a(o) }, o.guid) }, p)
+      /* @__PURE__ */ e(be, { xs: s || p === 0 && a.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(Ke, { goal: o, onClick: () => r(o) }, o.guid) }, p)
     )) }) : /* @__PURE__ */ i(
       g,
       {
@@ -391,7 +391,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           children: h
         }
       ) }),
-      c.map((o) => /* @__PURE__ */ e(Ae, { elevation: 2, children: /* @__PURE__ */ e(Te, { onClick: () => a(o), children: /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      c.map((o) => /* @__PURE__ */ e(Ae, { elevation: 2, children: /* @__PURE__ */ e(Te, { onClick: () => r(o), children: /* @__PURE__ */ e(Ce, { 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(Fe, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Body", children: o.name })
@@ -401,7 +401,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] })
   ] });
 }), vt = ({ goalType: t, onClick: n }) => {
-  const { goals: s } = T(), { bgcolor: l, icon: u, label: a, description: _, subTypes: b, type: c } = t, [h, o] = y.useState(!1), p = b.length > 0;
+  const { goals: s } = T(), { bgcolor: l, icon: u, label: r, description: _, subTypes: b, type: c } = t, [h, o] = y.useState(!1), p = b.length > 0;
   return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i(L, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
       k,
@@ -413,19 +413,19 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         ),
         children: [
           /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(oe, { sx: { bgcolor: l }, variant: "rounded", children: /* @__PURE__ */ e(ge, { name: u, sx: { color: "grey.900" } }) }) }),
-          /* @__PURE__ */ e(w, { primary: a, secondary: _, sx: { mr: 24 } }),
+          /* @__PURE__ */ e(w, { primary: r, secondary: _, sx: { mr: 24 } }),
           !p && /* @__PURE__ */ e(M, {}),
           p && (h ? /* @__PURE__ */ e(Xe, {}) : /* @__PURE__ */ e(Ue, {}))
         ]
       }
     ) }),
     /* @__PURE__ */ e(R, { variant: "inset" }),
-    p && /* @__PURE__ */ e(Qe, { in: h, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: b.map((r, d) => /* @__PURE__ */ e(N, { sx: { pl: 48 }, children: /* @__PURE__ */ i(k, { onClick: () => n(r.label, r.metaType, c), children: [
-      /* @__PURE__ */ e(et, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ge, { name: r.icon }) }),
+    p && /* @__PURE__ */ e(Qe, { in: h, children: /* @__PURE__ */ e(L, { sx: { bgcolor: "background.default" }, children: b.map((a, d) => /* @__PURE__ */ e(N, { sx: { pl: 48 }, children: /* @__PURE__ */ i(k, { onClick: () => n(a.label, a.metaType, c), children: [
+      /* @__PURE__ */ e(et, { sx: { mr: 8 }, children: /* @__PURE__ */ e(ge, { name: a.icon }) }),
       /* @__PURE__ */ e(
         w,
         {
-          primary: r.label,
+          primary: a.label,
           primaryTypographyProps: { variant: "Body" }
         }
       ),
@@ -439,9 +439,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   onSave: l,
   title: u
 }) => {
-  const { goals: a, common: _ } = T(), [b, c] = y.useState([]), h = (o) => {
-    const p = b.findIndex((d) => d.guid === o.guid), r = [...b];
-    p >= 0 ? r.splice(p, 1) : r.push(o), c(r);
+  const { goals: r, common: _ } = T(), [b, c] = y.useState([]), h = (o) => {
+    const p = b.findIndex((d) => d.guid === o.guid), a = [...b];
+    p >= 0 ? a.splice(p, 1) : a.push(o), c(a);
   };
   return /* @__PURE__ */ i(
     j,
@@ -452,7 +452,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       onPrimaryAction: () => l(b),
       title: u,
       children: [
-        /* @__PURE__ */ e(W, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: a.select_debt_accounts_description }),
+        /* @__PURE__ */ e(W, { color: "text.secondary", sx: { mx: 24, my: 12 }, children: r.select_debt_accounts_description }),
         /* @__PURE__ */ i(L, { sx: { bgcolor: "background.white" }, children: [
           /* @__PURE__ */ e(R, { variant: "fullWidth" }),
           t.map((o, p) => /* @__PURE__ */ i(y.Fragment, { children: [
@@ -471,7 +471,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
                   secondary: v(o.balance || 0, "0,0.00")
                 }
               ),
-              /* @__PURE__ */ e(tt, { checked: b.some((r) => r.guid === o.guid) })
+              /* @__PURE__ */ e(tt, { checked: b.some((a) => a.guid === o.guid) })
             ] }) }),
             /* @__PURE__ */ e(R, { variant: p < t.length - 1 ? "inset" : "fullWidth" })
           ] }, o.guid))
@@ -479,27 +479,27 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(
           ye,
           {
-            description: a.connect_description,
-            label: a.connect_button,
-            title: a.connect_title
+            description: r.connect_description,
+            label: r.connect_button,
+            title: r.connect_title
           }
         )
       ]
     }
   );
 }, xt = ({ onClose: t }) => {
-  const { goals: n } = T(), { addGoal: s, debtGoals: l, setAlert: u, setSelectedGoal: a } = x(), { visibleDebtAccounts: _ } = V(), [b, c] = y.useState(!1), h = Oe(n), o = (r, d, f) => {
-    f === m.DEBT_TRACK ? c(!0) : a({
+  const { goals: n } = T(), { addGoal: s, debtGoals: l, setAlert: u, setSelectedGoal: r } = I(), { visibleDebtAccounts: _ } = V(), [b, c] = y.useState(!1), h = Oe(n), o = (a, d, f) => {
+    f === m.DEBT_TRACK ? c(!0) : r({
       amount: 0,
       current_amount: 0,
       goal_type: me.SAVE_AMOUNT,
       initial_amount: 0,
       meta_type: d,
-      name: r,
+      name: a,
       track_type: f
     });
-  }, p = async (r) => {
-    for (const d of r) {
+  }, p = async (a) => {
+    for (const d of a) {
       let f = J.CREDIT_CARD;
       d.account_type === fe.LOAN ? f = J.LOANS : d.account_type === fe.LINE_OF_CREDIT && (f = J.LINE_OF_CREDIT), await s({
         account_guid: d.guid,
@@ -517,11 +517,11 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     c(!1), t?.(m.DEBT_TRACK);
   };
   return /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: h.map((r, d) => /* @__PURE__ */ e(vt, { goalType: r, onClick: o }, d)) }),
+    /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: h.map((a, d) => /* @__PURE__ */ e(vt, { goalType: a, onClick: o }, d)) }),
     /* @__PURE__ */ e(
       De,
       {
-        accounts: _.filter((r) => !l.find((d) => d.account_guid === r.guid)),
+        accounts: _.filter((a) => !l.find((d) => d.account_guid === a.guid)),
         isOpen: b,
         onClose: () => c(!1),
         onSave: p,
@@ -553,13 +553,13 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }),
     /* @__PURE__ */ e(j, { isOpen: l, onClose: () => u(!1), title: n.account_details, children: /* @__PURE__ */ i(g, { children: [
       /* @__PURE__ */ e(ot, {}),
-      /* @__PURE__ */ e(at, {})
+      /* @__PURE__ */ e(rt, {})
     ] }) })
   ] });
 }, It = K(({ goal: t }) => {
-  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = x(), [a, _] = y.useState(t.amount), b = !t.guid, c = a < 0 || a > 9999999999e-2, h = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, o = async () => {
-    const r = { ...t, amount: a };
-    t.amount = a, b ? l(r) : (await u(r), s(n.alert_goal_updated_amount));
+  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = I(), [r, _] = y.useState(t.amount), b = !t.guid, c = r < 0 || r > 9999999999e-2, h = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, o = async () => {
+    const a = { ...t, amount: r };
+    t.amount = r, b ? l(a) : (await u(a), s(n.alert_goal_updated_amount));
   }, p = () => {
     setTimeout(() => {
       _(t.amount);
@@ -579,21 +579,21 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       children: /* @__PURE__ */ e(
         Ne,
         {
-          amount: a,
+          amount: r,
           autoFocus: !0,
           error: c,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (r) => _(isNaN(Number(r)) ? a : Number(r)),
+          setAmount: (a) => _(isNaN(Number(a)) ? r : Number(a)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), Gt = ({ goal: t }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: s } = V(), { accounts: l, goals: u } = T(), { setAlert: a, setSelectedGoal: _, updateGoal: b } = x(), c = !t.guid, [h, o] = y.useState(!1), p = async ({ balance: r, guid: d }) => {
-    const f = { ...t, account_guid: d, current_amount: r || 0 };
-    c ? _(f) : (await b(f), a(u.alert_account_changed)), o(!1);
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: s } = V(), { accounts: l, goals: u } = T(), { setAlert: r, setSelectedGoal: _, updateGoal: b } = I(), c = !t.guid, [h, o] = y.useState(!1), p = async ({ balance: a, guid: d }) => {
+    const f = { ...t, account_guid: d, current_amount: a || 0 };
+    c ? _(f) : (await b(f), r(u.alert_account_changed)), o(!1);
   };
   return /* @__PURE__ */ i(g, { children: [
     c && !t.account_guid ? /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(k, { onClick: () => o(!0), children: [
@@ -616,41 +616,41 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }),
     /* @__PURE__ */ e(j, { isOpen: h, onClose: () => o(!1), title: u.details_change_account, children: /* @__PURE__ */ i(g, { children: [
       n.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[1] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((r) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => p(r), children: [
+      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: n.map((a) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => p(a), children: [
         /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
           ne,
           {
-            alt: r?.name || "",
-            institutionGuid: r?.institution_guid || ""
+            alt: a?.name || "",
+            institutionGuid: a?.institution_guid || ""
           }
         ) }),
         /* @__PURE__ */ e(
           w,
           {
-            primary: r?.name || r?.feed_name,
-            secondary: v(r?.balance || 0, "0,0.00")
+            primary: a?.name || a?.feed_name,
+            secondary: v(a?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
-      ] }) }, r.guid)) }),
+      ] }) }, a.guid)) }),
       s.length > 0 && /* @__PURE__ */ e(A, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: l.account_types[2] }),
-      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((r) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => p(r), children: [
+      /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: s.map((a) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(k, { onClick: () => p(a), children: [
         /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
           ne,
           {
-            alt: r?.name || "",
-            institutionGuid: r?.institution_guid || ""
+            alt: a?.name || "",
+            institutionGuid: a?.institution_guid || ""
           }
         ) }),
         /* @__PURE__ */ e(
           w,
           {
-            primary: r?.name || r?.feed_name,
-            secondary: v(r?.balance || 0, "0,0.00")
+            primary: a?.name || a?.feed_name,
+            secondary: v(a?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
-      ] }) }, r.guid)) }),
+      ] }) }, a.guid)) }),
       /* @__PURE__ */ e(
         ye,
         {
@@ -662,9 +662,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }) })
   ] });
 }, Nt = K(({ goal: t }) => {
-  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = x(), [a, _] = y.useState(t.name), b = !t.guid, c = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, h = async () => {
-    const p = { ...t, name: a };
-    t.name = a, b ? l(p) : (await u(p), s(n.alert_goal_updated_name));
+  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = I(), [r, _] = y.useState(t.name), b = !t.guid, c = t.track_type === m.SAVINGS_TRACK && t.has_been_spent || t.track_type !== m.SAVINGS_TRACK && t.is_complete, h = async () => {
+    const p = { ...t, name: r };
+    t.name = r, b ? l(p) : (await u(p), s(n.alert_goal_updated_name));
   }, o = () => {
     setTimeout(() => {
       _(t.name);
@@ -674,7 +674,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ee,
     {
       isDisabled: c,
-      isSaveDisabled: !a,
+      isSaveDisabled: !r,
       label: n.details_goal_name,
       onCancel: o,
       onSave: h,
@@ -683,26 +683,26 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       children: /* @__PURE__ */ e(
         ke,
         {
-          error: !a,
+          error: !r,
           fullWidth: !0,
           label: n.details_goal_name,
           onChange: (p) => _(p.target.value),
-          value: a
+          value: r
         }
       )
     }
   );
 }), kt = ({ goal: t }) => {
-  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = x(), [a, _] = y.useState(t.retirement_age || 65), b = !t.guid, c = async () => {
-    if (!isNaN(a)) {
-      const p = { ...t, retirement_age: a };
-      t.retirement_age = a, b ? l(p) : (await u(p), s(n.alert_goal_updated_retirement_age));
+  const { goals: n } = T(), { setAlert: s, setSelectedGoal: l, updateGoal: u } = I(), [r, _] = y.useState(t.retirement_age || 65), b = !t.guid, c = async () => {
+    if (!isNaN(r)) {
+      const p = { ...t, retirement_age: r };
+      t.retirement_age = r, b ? l(p) : (await u(p), s(n.alert_goal_updated_retirement_age));
     }
   }, h = () => {
     setTimeout(() => {
       _(t.retirement_age || 65);
     }, 250);
-  }, o = !a || isNaN(a) || a < 20 || a >= 100;
+  }, o = !r || isNaN(r) || r < 20 || r >= 100;
   return /* @__PURE__ */ e(
     ee,
     {
@@ -721,14 +721,14 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           fullWidth: !0,
           label: n.details_retirement_age,
           onChange: (p) => _(Number(p.target.value)),
-          value: isNaN(a) ? "" : a
+          value: isNaN(r) ? "" : r
         }
       )
     }
   );
 }, wt = K(({ goal: t }) => {
-  const { goals: n } = T(), { user: s, updateUser: l } = xe(), { setAlert: u } = x(), [a, _] = y.useState(Q(s.birthday ?? 0)), [b, c] = y.useState(null), h = t.is_complete, o = async () => {
-    a && ct(a) && (await l({ ...s, birthday: lt(a) }), u(n.alert_goal_updated_birthday));
+  const { goals: n } = T(), { user: s, updateUser: l } = xe(), { setAlert: u } = I(), [r, _] = y.useState(Q(s.birthday ?? 0)), [b, c] = y.useState(null), h = t.is_complete, o = async () => {
+    r && ct(r) && (await l({ ...s, birthday: lt(r) }), u(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ e(
     ee,
@@ -738,7 +738,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       label: n.details_birthday,
       onSave: o,
       primaryText: n.details_birthday,
-      secondaryText: `${ae(Q(s.birthday ?? 0), re.MONTH_DAY_YEAR)}`,
+      secondaryText: `${re(Q(s.birthday ?? 0), ae.MONTH_DAY_YEAR)}`,
       zeroStateText: !t.guid && !s.birthday ? n.add_birthday : void 0,
       children: /* @__PURE__ */ e(_t, { dateAdapter: dt, children: /* @__PURE__ */ e(
         mt,
@@ -747,7 +747,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           onChange: _,
           onError: (p) => c(p),
           sx: { width: "100%" },
-          value: a
+          value: r
         }
       ) })
     }
@@ -756,28 +756,28 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   const { goals: n } = T(), { visibleInvestmentAccounts: s } = V(), {
     addRetirementGoalAccount: l,
     newRetirementGoalAccounts: u,
-    retirementGoalAccounts: a,
+    retirementGoalAccounts: r,
     selectedGoal: _,
     setAlert: b,
     setNewRetirementGoalAccounts: c,
     setSelectedGoal: h
-  } = x(), [o, p] = y.useState(!1), r = !t.guid, d = s.filter(
-    (C) => r ? u.find((S) => S.account_guid === C.guid) : a.find((S) => S.account_guid === C.guid)
+  } = I(), [o, p] = y.useState(!1), a = !t.guid, d = s.filter(
+    (C) => a ? u.find((S) => S.account_guid === C.guid) : r.find((S) => S.account_guid === C.guid)
   ), f = s.filter(
-    (C) => !a.find((S) => S.account_guid === C.guid)
+    (C) => !r.find((S) => S.account_guid === C.guid)
   ), E = async (C) => {
-    const S = C.map((I) => ({
-      account_guid: I.guid,
+    const S = C.map((x) => ({
+      account_guid: x.guid,
       retirement_goal_guid: t.guid
     }));
-    if (r)
+    if (a)
       c(S);
     else
-      for (const I of S)
-        await l(I), b(n.alert_account_added);
+      for (const x of S)
+        await l(x), b(n.alert_account_added);
     h({
       ..._,
-      current_amount: C.reduce((I, F) => I + (F.balance || 0), 0)
+      current_amount: C.reduce((x, F) => x + (F.balance || 0), 0)
     }), p(!1);
   };
   return /* @__PURE__ */ i(g, { children: [
@@ -808,10 +808,10 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     () => s.find((_) => _.guid === t.account_guid),
     [s, t]
   ), u = t.track_type;
-  let a = n.details_save_title;
-  return t.track_type === m.DEBT_TRACK ? a = n.details_debt_title : t.track_type === m.RETIREMENT_TRACK && (a = n.details_retirement_title), /* @__PURE__ */ i(g, { children: [
+  let r = n.details_save_title;
+  return t.track_type === m.DEBT_TRACK ? r = n.details_debt_title : t.track_type === m.RETIREMENT_TRACK && (r = n.details_retirement_title), /* @__PURE__ */ i(g, { children: [
     /* @__PURE__ */ i(g, { mx: 24, children: [
-      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: a }),
+      /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: r }),
       /* @__PURE__ */ e(Ke, { goal: t, isInDrawer: !0 }),
       /* @__PURE__ */ e(A, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: n.details_title })
     ] }),
@@ -823,7 +823,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         /* @__PURE__ */ e(R, { sx: { ml: u === m.RETIREMENT_TRACK ? 24 : 0 } })
       ] }),
       t.track_type === m.DEBT_TRACK && /* @__PURE__ */ i(U, { children: [
-        /* @__PURE__ */ e(rt, { goal: t }),
+        /* @__PURE__ */ e(at, { goal: t }),
         /* @__PURE__ */ e(R, { sx: { ml: 24 } }),
         /* @__PURE__ */ e(it, { goal: t }),
         /* @__PURE__ */ e(R, { sx: { ml: 24 } }),
@@ -851,38 +851,39 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
 }), Mt = K(({ onClose: t }) => {
   const { visibleInvestmentAccounts: n } = V(), { goals: s, common: l } = T(), {
     addGoal: u,
-    addRetirementGoal: a,
+    addRetirementGoal: r,
     deleteGoal: _,
     deleteRetirementGoal: b,
     newRetirementGoalAccounts: c,
     retirementGoalAccounts: h,
     selectedGoal: o,
     setAlert: p,
-    setSelectedGoal: r,
+    setSelectedGoal: a,
     updateGoal: d
-  } = x(), { user: f } = xe(), [E, C] = y.useState(!1), S = !o?.guid, I = o?.track_type === m.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, F = y.useMemo(() => {
+  } = I(), { user: f } = xe(), [E, C] = y.useState(!1), S = !o?.guid, x = o?.track_type === m.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, F = y.useMemo(() => {
     const G = S ? c : h;
     return n.filter(($) => G.some((D) => D.account_guid === $.guid));
   }, [S, n, c, h]), Z = y.useMemo(() => {
     if (!o) return !1;
+    if (!S && !x) return !0;
     const { account_guid: G, track_type: $, name: D, amount: q, retirement_age: O } = o;
     return $ === m.SAVINGS_TRACK ? G ? !!D && !!q : !1 : $ === m.RETIREMENT_TRACK ? F.length ? !!D && !!q && !!O && !!f.birthday : !1 : !0;
   }, [o, F, f.birthday]);
   let z = l.delete_button, H = () => C(!0);
-  S ? (H = () => te(), z = l.save_button) : I && (H = () => se(), z = s.mark_as_complete_button);
+  S ? (H = () => te(), z = l.save_button) : x && (H = () => se(), z = s.mark_as_complete_button);
   const te = async () => {
     if (o) {
       const G = o.track_type;
-      G !== m.RETIREMENT_TRACK ? await u(o) : G === m.RETIREMENT_TRACK && await a({ ...o, target_amount: o.amount }), p(s.alert_goal_added), r(void 0), G && t?.(G);
+      G !== m.RETIREMENT_TRACK ? await u(o) : G === m.RETIREMENT_TRACK && await r({ ...o, target_amount: o.amount }), p(s.alert_goal_added), a(void 0), G && t?.(G);
     }
   }, ie = async () => {
-    o && (o.track_type !== m.RETIREMENT_TRACK ? await _(o.guid) : o.track_type === m.RETIREMENT_TRACK && await b(o), p(s.alert_goal_deleted), r(void 0));
+    o && (o.track_type !== m.RETIREMENT_TRACK ? await _(o.guid) : o.track_type === m.RETIREMENT_TRACK && await b(o), p(s.alert_goal_deleted), a(void 0));
   }, se = async () => {
     const G = {
       ...o,
       has_been_spent: !0
     };
-    await d(G), p(s.alert_goal_completed), r(void 0);
+    await d(G), p(s.alert_goal_completed), a(void 0);
   };
   return /* @__PURE__ */ i(g, { children: [
     /* @__PURE__ */ e(
@@ -892,9 +893,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         hasSecondaryAction: S,
         isOpen: !!o,
         isPrimaryDisabled: !Z,
-        onClose: () => r(void 0),
+        onClose: () => a(void 0),
         onPrimaryAction: H,
-        primaryColor: S || I ? "primary" : "error",
+        primaryColor: S || x ? "primary" : "error",
         primaryText: z,
         secondaryColor: "primary",
         title: s.goal_details,
@@ -916,13 +917,13 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }), Vn = K(({ onBackClick: t, sx: n }) => {
-  const { onEvent: s } = Ie(), { isMobile: l } = he(), { visibleAccounts: u } = V(), { isCopyLoaded: a, isInitialized: _, setSelectedAccounts: b } = Ge(), { goals: c, common: h } = T(), { alert: o, goals: p, goalsLoaded: r, loadGoals: d, monthlyCashFlowProfile: f, setAlert: E, retirmentGoals: C } = x(), [S, I] = y.useState(0), [F, Z] = y.useState(!1), z = f?.amount_allocated_for_savings_goals || 0, H = f?.amount_allocated_for_debt_goals || 0, te = f?.amount_allocated_for_retirement_goals || 0, ie = a ? B(
+  const { onEvent: s } = Ie(), { isMobile: l } = he(), { visibleAccounts: u } = V(), { isCopyLoaded: r, isInitialized: _, setSelectedAccounts: b } = Ge(), { goals: c, common: h } = T(), { alert: o, goals: p, goalsLoaded: a, loadGoals: d, monthlyCashFlowProfile: f, setAlert: E, retirmentGoals: C } = I(), [S, x] = y.useState(0), [F, Z] = y.useState(!1), z = f?.amount_allocated_for_savings_goals || 0, H = f?.amount_allocated_for_debt_goals || 0, te = f?.amount_allocated_for_retirement_goals || 0, ie = r ? B(
     l ? c.tab_subtitle_mobile : c.tab_subtitle,
     v(z, "0,0")
-  ) : "", se = a ? B(
+  ) : "", se = r ? B(
     l ? c.tab_subtitle_mobile : c.tab_subtitle,
     v(H, "0,0")
-  ) : "", G = a ? B(
+  ) : "", G = r ? B(
     l ? c.tab_subtitle_mobile : c.tab_subtitle,
     v(te, "0,0")
   ) : "";
@@ -936,12 +937,12 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   }, D = () => {
     Z(!0), s(Y.GOALS_CLICK_ADD);
   }, q = (X) => {
-    Z(!1), X === m.SAVINGS_TRACK ? I(0) : X === m.DEBT_TRACK ? I(1) : X === m.RETIREMENT_TRACK && I(2);
+    Z(!1), X === m.SAVINGS_TRACK ? x(0) : X === m.DEBT_TRACK ? x(1) : X === m.RETIREMENT_TRACK && x(2);
   }, O = y.useMemo(
-    () => r && (p.length === 0 || p.every(({ track_type: X }) => !X) && C.length === 0),
-    [p, r, C]
+    () => a && (p.length === 0 || p.every(({ track_type: X }) => !X) && C.length === 0),
+    [p, a, C]
   );
-  return !r || !a || !_ ? /* @__PURE__ */ e(we, {}) : /* @__PURE__ */ i(
+  return !a || !r || !_ ? /* @__PURE__ */ e(we, {}) : /* @__PURE__ */ i(
     pt,
     {
       accountOptions: u,
@@ -961,7 +962,7 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ i(
             Ve,
             {
-              onChange: (X, Be) => I(Be),
+              onChange: (X, Be) => x(Be),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
               value: O ? !1 : S,
@@ -1031,9 +1032,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   const { goals: n } = T(), s = gt(), {
     backgroundColor: l,
     color: u,
-    percentage: a,
+    percentage: r,
     projectedText: _
-  } = _e(n, t), b = Math.round(a * 100);
+  } = _e(n, t), b = Math.round(r * 100);
   let c = /* @__PURE__ */ e(Se, {});
   return t.track_type === m.DEBT_TRACK ? c = /* @__PURE__ */ e(Re, {}) : t.track_type === m.RETIREMENT_TRACK && (c = /* @__PURE__ */ e(Ee, {})), /* @__PURE__ */ i(g, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
     /* @__PURE__ */ e(oe, { sx: { bgcolor: l, color: u, height: 32, width: 32 }, variant: "rounded", children: c }),
@@ -1077,9 +1078,9 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ]
   }
 ), jn = K(({ onCTAClick: t }) => {
-  const { visibleAccounts: n } = V(), { onEvent: s } = Ie(), { goals: l } = T(), { isInitialized: u, setSelectedAccounts: a, isCopyLoaded: _ } = Ge(), { ongoingGoalsForMicroWidget: b, loadGoals: c, goalsLoaded: h } = x();
+  const { visibleAccounts: n } = V(), { onEvent: s } = Ie(), { goals: l } = T(), { isInitialized: u, setSelectedAccounts: r, isCopyLoaded: _ } = Ge(), { ongoingGoalsForMicroWidget: b, loadGoals: c, goalsLoaded: h } = I();
   y.useEffect(() => {
-    a(n);
+    r(n);
   }, []), y.useEffect(() => {
     u && (c().finally(), s(Y.GOALS_LOAD_WIDGET, {
       state: n?.length ? "default" : "zeroState"
@@ -1106,10 +1107,10 @@ const At = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           header: l.create_goals_header,
           subText: l.micro_zero_state_description
         }
-      ) : /* @__PURE__ */ e(ht, { sx: { justifyContent: "space-between" }, children: b.map((r, d) => /* @__PURE__ */ i(y.Fragment, { children: [
-        /* @__PURE__ */ e(Bt, { goal: r }),
+      ) : /* @__PURE__ */ e(ht, { sx: { justifyContent: "space-between" }, children: b.map((a, d) => /* @__PURE__ */ i(y.Fragment, { children: [
+        /* @__PURE__ */ e(Bt, { goal: a }),
         d !== b.length - 1 && /* @__PURE__ */ e(R, {})
-      ] }, r.guid)) })
+      ] }, a.guid)) })
     }
   );
 });