@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/{GoalStore-D-aB35SY.mjs → GoalStore-1P19goZ7.mjs}

@@ -1,41 +1,41 @@
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { jsxs as g, jsx as _ } from "react/jsx-runtime";
 import u from "react";
 import T from "@mui/material/Button";
 import I from "@mui/material/Card";
 import N from "@mui/material/CardContent";
 import O from "@mui/material/CardHeader";
-import w from "@mui/material/Stack";
-import { AccountBalance as S, ChevronRight as L } from "@mxenabled/mx-icons";
-import { Text as g } from "@mxenabled/mxui";
-import { l as y } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { a as b } from "./hooks-D6XlXHf4.mjs";
-import { makeAutoObservable as D, runInAction as E } from "mobx";
-import { F as v, A as i } from "./Fetch-87LIQbEA.mjs";
+import S from "@mui/material/Stack";
+import { AccountBalance as w, ChevronRight as L } from "@mxenabled/mx-icons";
+import { Text as A } from "@mxenabled/mxui";
+import { l as b } from "./ConnectDrawer-BkvlItWx.mjs";
+import { a as y } from "./hooks-ZMp65DFz.mjs";
+import { makeAutoObservable as D, runInAction as c } from "mobx";
+import { F as v, A as i } from "./Fetch-DecPFeGU.mjs";
 import { fromUnixTime as G } from "date-fns/fromUnixTime";
-import { addYears as F } from "date-fns/addYears";
-import { getUnixTime as x } from "date-fns/getUnixTime";
-import { b as d } from "./Localization-2MODESHW.mjs";
-import { a as K } from "./NumberFormatting-Buh7u8Oi.mjs";
-import { f as B, D as P } from "./Dialog-CWW597AF.mjs";
-var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), c = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(c || {});
+import { addYears as x } from "date-fns/addYears";
+import { getUnixTime as K } from "date-fns/getUnixTime";
+import { b as E } from "./Localization-2MODESHW.mjs";
+import { a as F } from "./NumberFormatting-DjTD0t3W.mjs";
+import { f as B, a as U } from "./Dialog-BPTr3qHE.mjs";
+var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), l = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(l || {});
 const at = ({ description: e, label: t, title: o }) => {
-  const { config: r } = b(), [n, s] = u.useState(!1);
-  return /* @__PURE__ */ _(u.Fragment, { children: [
-    /* @__PURE__ */ _(I, { sx: { m: 24 }, children: [
-      /* @__PURE__ */ l(
+  const { config: r } = y(), [n, s] = u.useState(!1);
+  return /* @__PURE__ */ g(u.Fragment, { children: [
+    /* @__PURE__ */ g(I, { sx: { m: 24 }, children: [
+      /* @__PURE__ */ _(
         O,
         {
-          avatar: /* @__PURE__ */ l(S, {}),
+          avatar: /* @__PURE__ */ _(w, {}),
           sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-          title: /* @__PURE__ */ l(g, { bold: !0, variant: "Body", children: o })
+          title: /* @__PURE__ */ _(A, { bold: !0, variant: "Body", children: o })
         }
       ),
-      /* @__PURE__ */ l(N, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ _(w, { alignItems: "flex-start", spacing: 2, children: [
-        /* @__PURE__ */ l(g, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: e }),
-        r.show_connections_widget_in_master && /* @__PURE__ */ l(
+      /* @__PURE__ */ _(N, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ g(S, { alignItems: "flex-start", spacing: 2, children: [
+        /* @__PURE__ */ _(A, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: e }),
+        r.show_connections_widget_in_master && /* @__PURE__ */ _(
           T,
           {
-            endIcon: /* @__PURE__ */ l(L, {}),
+            endIcon: /* @__PURE__ */ _(L, {}),
             onClick: () => s(!0),
             sx: {
               pl: 0,
@@ -49,8 +49,8 @@ const at = ({ description: e, label: t, title: o }) => {
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ l(
-      y,
+    /* @__PURE__ */ _(
+      b,
       {
         onClose: () => s(!1),
         showConnectWidget: n,
@@ -59,7 +59,7 @@ const at = ({ description: e, label: t, title: o }) => {
     )
   ] });
 };
-class A {
+class R {
   fetchInstance;
   constructor(t, o, r) {
     this.fetchInstance = new v(t, o, void 0, r);
@@ -90,12 +90,12 @@ function it(e, t) {
     style: "percent",
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
-  }, m = t.is_complete ? t.completed_at : t.projected_to_complete_at, C = m ? G(m) : /* @__PURE__ */ new Date(), f = d(
+  }, d = t.is_complete ? t.completed_at : t.projected_to_complete_at, m = d ? G(d) : /* @__PURE__ */ new Date(), f = E(
     e.goal_percentage,
-    K(r, h)
-  ), p = d(
+    F(r, h)
+  ), p = E(
     t.is_complete ? e.completed_label : e.goal_projection,
-    B(C, P.MONTH_SHORT_YEAR)
+    B(m, U.MONTH_SHORT_YEAR)
   );
   return {
     backgroundColor: n,
@@ -116,27 +116,27 @@ function st(e) {
         {
           icon: "ecg_heart",
           label: e.saving_goal_emergency_fund,
-          metaType: c.EMERGENCY_FUND
+          metaType: l.EMERGENCY_FUND
         },
         {
           icon: "directions_car",
           label: e.saving_gaol_automobile,
-          metaType: c.AUTOMOBILE
+          metaType: l.AUTOMOBILE
         },
-        { icon: "school", label: e.saving_goal_college, metaType: c.COLLEGE },
-        { icon: "home", label: e.saving_goal_home, metaType: c.HOUSE },
+        { icon: "school", label: e.saving_goal_college, metaType: l.COLLEGE },
+        { icon: "home", label: e.saving_goal_home, metaType: l.HOUSE },
         {
           icon: "mountain_flag",
           label: e.saving_goal_recreational,
-          metaType: c.RECREATIONAL_VEHICLE
+          metaType: l.RECREATIONAL_VEHICLE
         },
-        { icon: "airplane_ticket", label: e.saving_goal_vacation, metaType: c.VACATION },
+        { icon: "airplane_ticket", label: e.saving_goal_vacation, metaType: l.VACATION },
         {
           icon: "desktop_windows",
           label: e.saving_goal_electronic,
-          metaType: c.ELECTRONIC
+          metaType: l.ELECTRONIC
         },
-        { icon: "payments", label: e.saving_goal_other, metaType: c.OTHER }
+        { icon: "payments", label: e.saving_goal_other, metaType: l.OTHER }
       ],
       type: a.SAVINGS_TRACK
     },
@@ -161,48 +161,31 @@ function st(e) {
 const ct = (e, t) => {
   switch (e) {
     case a.DEBT_TRACK:
-      return d(t.zero_state_ongoing, "debt");
+      return E(t.zero_state_ongoing, "debt");
     case a.SAVINGS_TRACK:
-      return d(t.zero_state_ongoing, "saving");
+      return E(t.zero_state_ongoing, "saving");
     default:
-      return d(t.zero_state_ongoing, "retirement");
+      return E(t.zero_state_ongoing, "retirement");
   }
-}, R = (e, t) => {
-  const o = G(t), r = F(o, e);
-  return x(r);
+}, C = (e, t) => {
+  const o = G(t), r = x(o, e);
+  return K(r);
 };
 class lt {
   globalStore;
-  api = new A("/", "");
+  api = new R("/", "");
+  alert = "";
   goals = [];
-  goalsLoaded = !1;
-  retirementGoals = [];
-  retirementGoalsLoaded = !1;
   retirementGoalAccounts = [];
-  retirementGoalAccountsLoaded = !1;
-  monthlyCashFlowProfile = void 0;
-  monthlyCashFlowProfileLoaded = !1;
   newRetirementGoalAccounts = [];
-  alert = "";
   selectedGoal = void 0;
+  monthlyCashFlowProfile = void 0;
+  goalsLoaded = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new A(t.endpoint, t.sessionToken, t.onError), D(this);
-  }
-  get allGoals() {
-    const t = this.globalStore.copyStore.copy.goals, o = this.globalStore.userStore.user.birthday;
-    return [
-      ...this.goals,
-      ...this.retirementGoals.map((r) => ({
-        ...r,
-        amount: r.target_amount,
-        name: t.retirement,
-        track_type: a.RETIREMENT_TRACK,
-        projected_to_complete_at: r.retirement_age && o ? R(r.retirement_age, o) : void 0
-      }))
-    ];
+    this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), D(this);
   }
   get orderedGoals() {
-    return this.allGoals.slice().sort((t, o) => t.position - o.position);
+    return this.goals.slice().sort((t, o) => t.position - o.position);
   }
   get debtGoals() {
     return this.orderedGoals.filter((t) => t.track_type === a.DEBT_TRACK);
@@ -214,7 +197,7 @@ class lt {
     return this.orderedGoals.filter((t) => t.track_type === a.SAVINGS_TRACK);
   }
   get ongoingGoalsForMicroWidget() {
-    const t = this.allGoals.filter(
+    const t = this.goals.filter(
       (r) => !r.is_complete && r.track_type !== a.EMERGENCY_FUND_TRACK && r.track_type !== null
     ), o = [
       a.SAVINGS_TRACK,
@@ -226,62 +209,12 @@ class lt {
       return s - h;
     }).slice(0, 3);
   }
-  setGoals = (t) => {
-    this.goals = t, this.goalsLoaded = !0;
-  };
-  setRetirementGoals = (t) => {
-    this.retirementGoals = t, this.retirementGoalsLoaded = !0;
-  };
-  setRetirementGoalAccounts = (t) => {
-    this.retirementGoalAccounts = t, this.retirementGoalAccountsLoaded = !0;
-  };
-  setMonthlyCashFlowProfile = (t) => {
-    this.monthlyCashFlowProfile = t, this.monthlyCashFlowProfileLoaded = !0;
-  };
-  loadGoalData = async () => {
-    await Promise.all([
-      this.loadGoals(),
-      this.loadRetirementGoals(),
-      this.loadRetirementGoalAccounts(),
-      this.loadMonthlyCashFlowProfile()
-    ]);
-  };
-  loadGoals = async () => {
-    try {
-      const t = await this.api.getGoals();
-      this.setGoals(t);
-    } catch (t) {
-      console.error(`Error occured while getting goals: ${t}`);
-    }
-  };
-  loadRetirementGoals = async () => {
-    try {
-      const t = await this.api.getRetirementGoals();
-      this.setRetirementGoals(t);
-    } catch (t) {
-      console.error(`Error occurred while loading retirement goals: ${t}`);
-    }
-  };
-  loadRetirementGoalAccounts = async () => {
-    try {
-      const t = await this.api.getRetirementGoalAccounts();
-      this.setRetirementGoalAccounts(t);
-    } catch (t) {
-      console.error(`Error occurred while loading retirement goal accounts: ${t}`);
-    }
-  };
-  loadMonthlyCashFlowProfile = async () => {
-    try {
-      const t = await this.api.getMonthlyCashFlowProfile();
-      this.setMonthlyCashFlowProfile(t);
-    } catch (t) {
-      console.error(`Error occurred while loading monthly cash flow profile: ${t}`);
-    }
-  };
   addGoal = async (t) => {
     try {
       const o = await this.api.addGoal(t);
-      this.setGoals([...this.goals, o]);
+      c(() => {
+        this.goals = [...this.goals, o];
+      });
     } catch (o) {
       console.error(`Error occurred while adding goal: ${o}`);
     }
@@ -291,22 +224,24 @@ class lt {
     try {
       const r = await this.api.addRetirementGoal(t), n = [], s = this.globalStore.userStore.user.birthday;
       for (const h of this.newRetirementGoalAccounts) {
-        const m = await this.api.addRetirementGoalAccount({
+        const d = await this.api.addRetirementGoalAccount({
           ...h,
           retirement_goal_guid: r.guid
         });
-        n.push(m);
+        n.push(d);
       }
-      this.setNewRetirementGoalAccounts([]), this.retirementGoals = [
-        ...this.retirementGoals,
-        {
-          ...r,
-          amount: r.target_amount,
-          name: o.retirement,
-          track_type: a.RETIREMENT_TRACK,
-          projected_to_complete_at: r.retirement_age && s ? R(r.retirement_age, s) : void 0
-        }
-      ], this.setRetirementGoalAccounts([...this.retirementGoalAccounts, ...n]);
+      this.setNewRetirementGoalAccounts([]), c(() => {
+        this.goals = [
+          ...this.goals,
+          {
+            ...r,
+            amount: r.target_amount,
+            name: o.retirement,
+            track_type: a.RETIREMENT_TRACK,
+            projected_to_complete_at: r.retirement_age && s ? C(r.retirement_age, s) : void 0
+          }
+        ], this.retirementGoalAccounts = [...this.retirementGoalAccounts, ...n];
+      });
     } catch (r) {
       console.error(`Error occurred while adding retirement goal: ${r}`);
     }
@@ -314,18 +249,39 @@ class lt {
   addRetirementGoalAccount = async (t) => {
     try {
       const o = await this.api.addRetirementGoalAccount(t);
-      E(() => {
+      c(() => {
         this.retirementGoalAccounts = [...this.retirementGoalAccounts, o];
       });
     } catch (o) {
       console.error(`Error occurred while adding retirement goal account: ${o}`);
     }
   };
+  loadGoals = async () => {
+    const t = this.globalStore.copyStore.copy.goals;
+    try {
+      const o = await this.api.getGoals(), r = await this.api.getRetirementGoals(), n = await this.api.getRetirementGoalAccounts(), s = await this.api.getMonthlyCashFlowProfile(), h = this.globalStore.userStore.user.birthday, d = [
+        ...o,
+        ...r.map((m) => ({
+          ...m,
+          amount: m.target_amount,
+          name: t.retirement,
+          track_type: a.RETIREMENT_TRACK,
+          projected_to_complete_at: m.retirement_age && h ? C(m.retirement_age, h) : void 0
+        }))
+      ];
+      c(() => {
+        this.goals = d, this.retirementGoalAccounts = n, this.monthlyCashFlowProfile = s, this.goalsLoaded = !0;
+      });
+    } catch (o) {
+      console.error(`Error occured while getting goals: ${o}`);
+    }
+  };
   deleteGoal = async (t) => {
     try {
-      await this.api.removeGoal(t);
-      const o = this.goals.findIndex((r) => r.guid === t);
-      o >= 0 && this.goals.splice(o, 1);
+      await this.api.removeGoal(t), c(() => {
+        const o = this.goals.findIndex((r) => r.guid === t);
+        o >= 0 && this.goals.splice(o, 1);
+      });
     } catch (o) {
       console.error(`Error occured while deleting goal: ${o}`);
     }
@@ -333,22 +289,24 @@ class lt {
   deleteRetirementGoal = async (t) => {
     try {
       const o = this.retirementGoalAccounts.filter(
-        (n) => n.retirement_goal_guid === t.guid
+        (r) => r.retirement_goal_guid === t.guid
       );
-      for (const n of o)
-        await this.deleteRetirementGoalAccount(n.guid);
-      await this.api.removeRetirementGoal(t.guid);
-      const r = this.retirementGoals.findIndex((n) => n.guid === t.guid);
-      r >= 0 && this.retirementGoals.splice(r, 1);
+      for (const r of o)
+        await this.deleteRetirementGoalAccount(r.guid);
+      await this.api.removeRetirementGoal(t.guid), c(() => {
+        const r = this.goals.findIndex((n) => n.guid === t.guid);
+        r >= 0 && this.goals.splice(r, 1);
+      });
     } catch (o) {
       console.error(`Error deleting retirement goal: ${o}`);
     }
   };
   deleteRetirementGoalAccount = async (t) => {
     try {
-      await this.api.removeRetirementGoalAccount(t);
-      const o = this.retirementGoalAccounts.findIndex((r) => r.guid === t);
-      o >= 0 && this.retirementGoalAccounts.splice(o, 1);
+      await this.api.removeRetirementGoalAccount(t), c(() => {
+        const o = this.retirementGoalAccounts.findIndex((r) => r.guid === t);
+        o >= 0 && this.retirementGoalAccounts.splice(o, 1);
+      });
     } catch (o) {
       console.error(`Error deleting retirement goal account: ${o}`);
     }
@@ -356,7 +314,7 @@ class lt {
   reorderGoals = async (t) => {
     try {
       const o = await this.api.reorderGoals(t);
-      E(() => {
+      c(() => {
         for (const r of o) {
           const n = this.goals.findIndex((s) => s.guid === r.guid);
           n >= 0 && (this.goals[n].position = r.position);
@@ -374,7 +332,7 @@ class lt {
   updateGoal = async (t) => {
     try {
       const o = await this.api.updateGoal(t);
-      E(() => {
+      c(() => {
         const r = this.goals.findIndex((n) => n.guid === t.guid);
         r >= 0 && (this.goals[r] = o), this.selectedGoal?.guid === t.guid && this.setSelectedGoal(o);
       });
@@ -385,7 +343,9 @@ class lt {
   updateMonthlyCashFlowProfile = async (t) => {
     try {
       const o = await this.api.updateMonthlyCashFlowProfile(t);
-      this.setMonthlyCashFlowProfile(o);
+      c(() => {
+        this.monthlyCashFlowProfile = o;
+      });
     } catch (o) {
       console.error(`Error occurred while updating monthly Cash Flow profile: ${o}`);
     }
@@ -394,11 +354,11 @@ class lt {
 export {
   at as C,
   $ as G,
-  c as M,
+  l as M,
   a as T,
   ct as a,
   st as b,
-  A as c,
+  R as c,
   lt as d,
   it as g
 };

package/dist/{Help-B6dIcujh.mjs → Help-Ea3BlXQp.mjs}

@@ -13,7 +13,7 @@ import E from "@mui/material/Stack";
 import { H3 as y, P as H, Icon as X, Text as T, H2 as _t, InstitutionLogo as bt } from "@mxenabled/mxui";
 import { ExpandMore as ot, ChevronRight as wt } from "@mxenabled/mx-icons";
 import xt from "@mui/material/Breadcrumbs";
-import { u as V, A as tt, d as ft, p as St, b as It, a as Tt } from "./hooks-D6XlXHf4.mjs";
+import { u as V, A as tt, d as ft, o as St, b as It, a as Tt } from "./hooks-ZMp65DFz.mjs";
 import { useTheme as Z } from "@mui/material/styles";
 import { b as s } from "./Localization-2MODESHW.mjs";
 import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";
@@ -21,7 +21,7 @@ import { observer as rt } from "mobx-react-lite";
 import at from "@mui/material/Alert";
 import ct from "@mui/material/Snackbar";
 import lt from "@mui/material/TextField";
-import { D as U } from "./Drawer-kEE73B87.mjs";
+import { D as U } from "./Drawer-By9V-B5L.mjs";
 import { L as dt } from "./Loader-DUaFpDGv.mjs";
 import Ot from "@mui/material/ListItemAvatar";
 import Nt from "@mui/material/ListItem";