@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/goals/index.es.js

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