@mx-cartographer/experiences 6.26.18-alpha.mega4 → 6.26.18-alpha.sms1

package/dist/goals/index.es.js

@@ -1,1209 +0,0 @@
-import { T as i, M as G, C as fe, G as pe } from "../GoalStore-DyCr4wNc.mjs";
-import { a as $n, b as Un } from "../GoalStore-DyCr4wNc.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-ClhFlg78.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-Df3OPMOW.mjs";
-import { C as Ge } from "../CurrencyInput-DzsPiUsU.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-DPnfeIfn.mjs";
-import { u as tt, A as nt } from "../AccountDetailsHeader-CAm6ADMq.mjs";
-import { A as ot } from "../AccountDetailsContent-B_qRSB8l.mjs";
-import Ne from "@mui/material/TextField";
-import { M as at, I as rt, O as it } from "../OriginalBalanceAction-s9sUxofR.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-CmGNZW0M.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-DaLW43tE.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
-};