@mx-cartographer/experiences 7.1.3-alpha.mm1 → 7.1.4-ram1-alpha-finstrong-credit-score-graph-check

package/dist/finstrong/stores/FinstrongStore.d.ts

@@ -1,4 +1,4 @@
-import { GlobalStore, HealthScore, HealthScoreReport, MonthlyHealthScore } from '../../common';
+import { GlobalStore, MonthlySummaries, AllTransactions, HealthScore, HealthScoreReport, MonthlyHealthScore } from '../../common';
 import { FinstrongApi } from '../api/FinstrongApi';
 export declare class FinstrongStore {
     api: FinstrongApi;
@@ -7,6 +7,8 @@ export declare class FinstrongStore {
         y: number;
     }[];
     averageHealthScores: MonthlyHealthScore[];
+    monthlySummaries: MonthlySummaries[];
+    allTransactions: AllTransactions;
     globalStore: GlobalStore;
     healthScore: HealthScore;
     healthScoreChange?: number;
@@ -15,7 +17,13 @@ export declare class FinstrongStore {
     constructor(globalStore: GlobalStore);
     calculateHealthScore: () => Promise<void>;
     loadAverageHealthScores: () => Promise<void>;
+    loadMonthlySummaries: () => Promise<void>;
+    loadDebtSpend: () => Promise<void>;
+    loadIncome: () => Promise<void>;
     loadHealthScoreChangeReports: () => Promise<void>;
     loadPeerScore: () => Promise<void>;
     loadAugmentedChartData: () => Promise<void>;
+    getSpendingFeeTransactions: () => Promise<void>;
+    loadSpendTransactions: () => Promise<void>;
+    get spendAndDebtTransactions(): import('../../common').DebtSpend[];
 }

package/dist/finstrong/util/finstrongUtils.d.ts

@@ -1,5 +1,14 @@
+import { addDays } from 'date-fns/addDays';
+import { addMonths } from 'date-fns/addMonths';
+import { addYears } from 'date-fns/addYears';
+import { differenceInDays } from 'date-fns/differenceInDays';
+import { differenceInMonths } from 'date-fns/differenceInMonths';
+import { differenceInWeeks } from 'date-fns/differenceInWeeks';
 import { PieValueType } from '@mui/x-charts';
-import { CreditScoreStatusCopy, FinstrongCopy } from '../../common/types/localization/FinstrongCopy';
+import { MonthlySummaries, Transaction } from '../../common';
+import { SpendingFeeTransaction, MonthlyHealthScoreItem } from '../../common/types/Finstrong';
+import { CreditScoreStatusCopy, FinstrongCopy, KeyIndicatorSpend } from '../../common/types/localization/FinstrongCopy';
+import { CardStatus } from '../../common/constants/FinStrong';
 import { Action } from '../components/ProfileList';
 export declare const radiansToDegrees: (radians: number) => number;
 export declare const calculateFinstrongScoreStatus: (healthScore: number, copy: FinstrongCopy) => {
@@ -51,3 +60,58 @@ export declare const buildProfileItem: ({ dynamicCopy, fallbackLabel, icon, key,
     secondaryText: string;
 };
 export declare const getPercentFromRatio: (ratio: number | null) => number | null;
+export declare const getMonthName: (month: number) => string;
+export declare const getDaysOfCashOnHandState: (days: number | null) => keyof typeof CardStatus;
+export declare const getEmergencySavingsState: (dollars: number | null) => keyof typeof CardStatus;
+export declare const getSpendToIncomeRatioState: (ratio: number | null) => keyof typeof CardStatus;
+export declare const getManageDebtRatioState: (ratio: number | null) => keyof typeof CardStatus;
+export declare const getCreditScoreState: (score: number | null) => keyof typeof CardStatus;
+export declare const getSpendingFeeCountState: (count: number | null) => "MISSING" | "GOOD" | "OFF_TRACK";
+export declare const getSpendingFeeCountStatus: (count: number | null, spendCopy: KeyIndicatorSpend) => {
+    cardState: keyof typeof CardStatus;
+    description: string;
+    title: string;
+};
+export declare const getCardStateStyles: (cardState: string) => {
+    backgroundColor: string;
+    color: string;
+};
+declare const getFutureDate: {
+    readonly 1: typeof addMonths;
+    readonly 2: typeof addYears;
+    readonly 3: typeof addDays;
+};
+declare const getNumberOfPayments: {
+    readonly 1: typeof differenceInMonths;
+    readonly 2: (end: Date, start: Date) => number;
+    readonly 3: typeof differenceInWeeks;
+    readonly 4: typeof differenceInDays;
+};
+interface CalculateContributionParams {
+    contribution: keyof typeof getNumberOfPayments;
+    goalAmount: number;
+    goalPeriod: number;
+    targetPeriod: keyof typeof getFutureDate;
+    totalSaved: number;
+}
+export declare const calculateContribution: ({ contribution, goalAmount, goalPeriod, targetPeriod, totalSaved, }: CalculateContributionParams) => number;
+export declare const calculatePercentage: (amount: number | null) => string;
+export declare const getInitialTargetPeriodAmount: (totalSaved: number) => number;
+export declare const getInitialContributionPeriod: (totalSaved: number) => number;
+export declare const getSeriesGraphData: (monthlySummaries: MonthlySummaries[], valueKey: keyof Pick<MonthlySummaries, "available_cash" | "debt_balance" | "credit_score">) => ({
+    x: string;
+    y: number;
+    showMark: boolean;
+} | {
+    x: string;
+    y: number;
+    showMark?: undefined;
+})[];
+export declare const augmentChartData: (averageHealthScores: {
+    health_scores: MonthlyHealthScoreItem[];
+}) => {
+    x: string;
+    y: number;
+}[];
+export declare const augmentSpendingFeeTransactions: (spendingFeeTransactions: SpendingFeeTransaction[]) => Transaction[];
+export {};

package/dist/goals/index.es.js

@@ -1,5 +1,5 @@
-import { g as ue, T as d, G as me, a as We, M as J, C as ye, b as Pe } from "../GoalStore-CSsU4LR2.mjs";
-import { c as Yn, d as Zn } from "../GoalStore-CSsU4LR2.mjs";
+import { g as ue, T as d, G as me, a as We, M as J, C as ye, b as Pe } from "../GoalStore-CiBKZvTg.mjs";
+import { c as Yn, d as Zn } from "../GoalStore-CiBKZvTg.mjs";
 import { jsxs as r, jsx as e, Fragment as U } from "react/jsx-runtime";
 import y from "react";
 import { observer as D } from "mobx-react-lite";
@@ -16,56 +16,56 @@ import Ce from "@mui/material/CardContent";
 import ge from "@mui/material/Unstable_Grid2";
 import oe from "@mui/material/Avatar";
 import $e from "@mui/material/CardHeader";
-import { Payments as Se, NoteStack as Re, Person as Ee, ChevronRight as M, DragHandle as Xe, CheckCircle as Ue, Icon as be, ExpandLess as Ye, ExpandMore as Ze, AddBox as ve, Trophy as qe } from "@mxenabled/mx-icons";
-import { u as C, l as I, a as xe, d as V, p as Ie, g as Ge, b as Ne } from "../hooks-D6XlXHf4.mjs";
+import { Payments as Se, NoteStack as Re, Person as Ee, ChevronRight as M, DragHandle as Xe, CheckCircle as Ue, Icon as be, ExpandLess as Ye, ExpandMore as Ze, AddBox as xe, Trophy as qe } from "@mxenabled/mx-icons";
+import { u as C, l as I, a as ve, d as V, o as Ie, g as Ge, b as Ne } from "../hooks-CBST3rkm.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as v } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { f as x } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { S as Je } from "../StatusBar-BK_uYHAB.mjs";
 import E from "@mui/material/Divider";
 import L from "@mui/material/List";
-import { L as ee } from "../ListItemAction-DHa3KJPs.mjs";
-import { C as ke } from "../CurrencyInput-CsCy7uaS.mjs";
+import { L as ee } from "../ListItemAction-DGaxy7oz.mjs";
+import { C as ke } from "../CurrencyInput-CC5cwVit.mjs";
 import { fromUnixTime as Q } from "date-fns/fromUnixTime";
 import N from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
 import { DataGridPro as Qe } from "@mui/x-data-grid-pro";
-import { D as j } from "../Drawer-kEE73B87.mjs";
+import { D as j } from "../Drawer-BEtCk82g.mjs";
 import { b as B } from "../Localization-2MODESHW.mjs";
-import { f as ae, D as re, a as et } from "../Dialog-CWW597AF.mjs";
+import { f as ae, a as re, D as et } from "../Dialog-BPTr3qHE.mjs";
 import P from "@mui/material/ListItemAvatar";
-import { g as we, A as fe } from "../ConnectDrawer-CHG5Lv_B.mjs";
+import { g as we, A as fe } from "../ConnectDrawer--gJHyp-S.mjs";
 import tt from "@mui/material/Collapse";
 import nt from "@mui/material/ListItemIcon";
 import ot from "@mui/material/Checkbox";
-import { u as at, A as rt } from "../AccountDetailsHeader-Ca9SPAjA.mjs";
-import { A as it } from "../AccountDetailsContent-CCOCsdoL.mjs";
-import { u as st } from "../useAccountDisplayName-BEorBm5u.mjs";
+import { u as at, A as rt } from "../AccountDetailsHeader-BkUZYoV8.mjs";
+import { A as it } from "../AccountDetailsContent-6aPMU6Hp.mjs";
+import { u as st } from "../useAccountDisplayName-DH1CuQ9R.mjs";
 import De from "@mui/material/TextField";
-import { M as lt, I as ct, O as dt } from "../OriginalBalanceAction-CAaVbVMO.mjs";
+import { M as lt, I as ct, O as dt } from "../OriginalBalanceAction-CGZDUsCc.mjs";
 import { getUnixTime as mt } from "date-fns/getUnixTime";
 import { isValid as ut } from "date-fns/isValid";
 import { AdapterDateFns as _t } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as pt } from "@mui/x-date-pickers";
 import { LocalizationProvider as ht } from "@mui/x-date-pickers/LocalizationProvider";
-import { A as Y, W as gt } from "../WidgetContainer-BMWagbIl.mjs";
+import { A as Y, W as gt } from "../WidgetContainer-DJA1bxLn.mjs";
 import { L as Ke } from "../Loader-DUaFpDGv.mjs";
 import { E as bt } from "../EmptyState-DA_lfRBv.mjs";
 import ft from "@mui/material/Stack/Stack";
 import yt from "@mui/material/Box";
 import At from "@mui/material/styles/useTheme";
 import { S as Tt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { M as Ct } from "../MicroWidgetContainer-DpeqN9n3.mjs";
+import { M as Ct } from "../MicroWidgetContainer-C3iV1FBR.mjs";
 function ce({ title: t, subtitle: n }) {
   return /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t }),
     /* @__PURE__ */ e(A, { sx: { fontWeight: 400 }, variant: "Body", children: n })
   ] });
 }
-const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
+const St = (t, n) => n ? x(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"), Me = D(
+) : x(t, "0,0.00"), Me = D(
   ({ goal: t, isInDrawer: n = !1, onClick: i }) => {
     const { goals: s } = C(), { isMobile: p, isTablet: a } = he(), _ = p || a, {
       backgroundColor: g,
@@ -85,7 +85,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         $e,
         {
           avatar: /* @__PURE__ */ e(oe, { sx: { bgcolor: g, color: l, height: 48, width: 48 }, variant: "rounded", children: b }),
-          subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "H3" : "H2", children: `${v(t.current_amount, _ ? "0,0" : "0,0.00")} / ${St(
+          subheader: /* @__PURE__ */ e(A, { variant: n || _ ? "H3" : "H2", children: `${x(t.current_amount, _ ? "0,0" : "0,0.00")} / ${St(
             c,
             _
           )}` }),
@@ -119,7 +119,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       onCancel: () => g(a),
       onSave: l,
       primaryText: n.contribution_label,
-      secondaryText: v(a, "0,0.00"),
+      secondaryText: x(a, "0,0.00"),
       children: /* @__PURE__ */ e(
         ke,
         {
@@ -164,7 +164,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       minWidth: 140,
       renderCell: (u) => {
         const b = u.row;
-        return /* @__PURE__ */ e(A, { bold: !0, sx: { mr: 12 }, variant: "Body", children: v(b.amount, "0,0.00") });
+        return /* @__PURE__ */ e(A, { bold: !0, sx: { mr: 12 }, variant: "Body", children: x(b.amount, "0,0.00") });
       },
       sortable: !1
     }
@@ -232,7 +232,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       }
     )
   ] });
-}, vt = ({ goal: t, index: n }) => {
+}, xt = ({ goal: t, index: n }) => {
   const { goals: i } = C(), { percentage: s } = ue(i, t), p = t.goal_type === me.KEEP_BALANCE_BELOW || t.has_been_spent ? i.goal_completed : B(i.goal_percentage_reached, `${s * 100}`);
   return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { children: [
     t.track_type !== d.RETIREMENT_TRACK && /* @__PURE__ */ e(
@@ -258,10 +258,10 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           )
         ) })
       ] }),
-      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: v(t.amount, "0,0.00") })
+      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(t.amount, "0,0.00") })
     ] }) })
   ] }) });
-}, xt = ({ goal: t }) => {
+}, vt = ({ goal: t }) => {
   const { goals: n } = C();
   return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(k, { children: [
     /* @__PURE__ */ e(P, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ue, { color: "success", filled: !0, size: 20 }) }),
@@ -276,7 +276,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           )
         ) })
       ] }),
-      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: v(t.amount, "0,0.00") })
+      /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(t.amount, "0,0.00") })
     ] }) })
   ] }) }, t.guid);
 }, It = ({ trackType: t }) => {
@@ -306,7 +306,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
             a.map((u, b) => {
               const T = b >= a.length - 1;
               return /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(vt, { goal: u, index: b }),
+                /* @__PURE__ */ e(xt, { goal: u, index: b }),
                 /* @__PURE__ */ e(
                   E,
                   {
@@ -325,7 +325,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
             /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: _.map((u, b) => {
               const T = b > a.length - 1;
               return /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(xt, { goal: u }),
+                /* @__PURE__ */ e(vt, { goal: u }),
                 /* @__PURE__ */ e(E, { variant: T ? "fullWidth" : "inset" })
               ] }, `complete-${u.guid}`);
             }) })
@@ -397,7 +397,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ e(He, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ e(A, { color: "text.secondary", variant: "Body", children: o.name })
         ] }),
-        /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: v(o.amount, "0,0.00") })
+        /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: x(o.amount, "0,0.00") })
       ] }) }) }) }, o.guid))
     ] })
   ] });
@@ -440,7 +440,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   onSave: s,
   title: p
 }) => {
-  const { goals: a, common: _ } = C(), { config: g } = xe(), [l, h] = y.useState([]), o = (m) => {
+  const { goals: a, common: _ } = C(), { config: g } = ve(), [l, h] = y.useState([]), o = (m) => {
     const c = l.findIndex((b) => b.guid === m.guid), u = [...l];
     c >= 0 ? u.splice(c, 1) : u.push(m), h(u);
   };
@@ -471,7 +471,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
                   primary: we(m, {
                     allowNickname: g?.show_account_nicknames_in_master
                   }),
-                  secondary: v(m.balance || 0, "0,0.00")
+                  secondary: x(m.balance || 0, "0,0.00")
                 }
               ),
               /* @__PURE__ */ e(ot, { checked: l.some((u) => u.guid === m.guid) })
@@ -491,7 +491,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }, Nt = ({ onClose: t }) => {
-  const { goals: n } = C(), { addGoal: i, debtGoals: s, setAlert: p, setSelectedGoal: a } = I(), { config: _ } = xe(), { visibleDebtAccounts: g } = V(), [l, h] = y.useState(!1), o = Pe(n), m = (u, b, T) => {
+  const { goals: n } = C(), { addGoal: i, debtGoals: s, setAlert: p, setSelectedGoal: a } = I(), { config: _ } = ve(), { visibleDebtAccounts: g } = V(), [l, h] = y.useState(!1), o = Pe(n), m = (u, b, T) => {
     T === d.DEBT_TRACK ? h(!0) : a({
       amount: 0,
       current_amount: 0,
@@ -551,7 +551,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         w,
         {
           primary: i,
-          secondary: v(t.balance || 0, "0,0.00")
+          secondary: x(t.balance || 0, "0,0.00")
         }
       ),
       /* @__PURE__ */ e(M, {})
@@ -579,7 +579,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
       onCancel: m,
       onSave: o,
       primaryText: n.details_amount_to_save,
-      secondaryText: v(t.amount, "0,0"),
+      secondaryText: x(t.amount, "0,0"),
       zeroStateText: g && t.amount === 0 ? n.add_amount : void 0,
       children: /* @__PURE__ */ e(
         ke,
@@ -603,7 +603,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   return /* @__PURE__ */ r(f, { children: [
     l && !t.account_guid ? /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(k, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(ve, { filled: !0 }),
+        /* @__PURE__ */ e(xe, { filled: !0 }),
         p.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
@@ -633,7 +633,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           w,
           {
             primary: c?.name || c?.feed_name,
-            secondary: v(c?.balance || 0, "0,0.00")
+            secondary: x(c?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
@@ -651,7 +651,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           w,
           {
             primary: c?.name || c?.feed_name,
-            secondary: v(c?.balance || 0, "0,0.00")
+            secondary: x(c?.balance || 0, "0,0.00")
           }
         ),
         /* @__PURE__ */ e(M, {})
@@ -758,7 +758,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     }
   );
 }), Bt = ({ goal: t }) => {
-  const { goals: n } = C(), { visibleInvestmentAccounts: i } = V(), {
+  const { goals: n } = C(), { visibleRetirementAccounts: i } = V(), {
     addRetirementGoalAccount: s,
     newRetirementGoalAccounts: p,
     retirementGoalAccounts: a,
@@ -771,18 +771,18 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   ), b = i.filter(
     (S) => !a.find((R) => R.account_guid === S.guid)
   ), T = async (S) => {
-    const R = S.map((x) => ({
-      account_guid: x.guid,
+    const R = S.map((v) => ({
+      account_guid: v.guid,
       retirement_goal_guid: t.guid
     }));
     if (c)
       l(R);
     else
-      for (const x of R)
-        await s(x), g(n.alert_account_added);
+      for (const v of R)
+        await s(v), g(n.alert_account_added);
     h({
       ..._,
-      current_amount: S.reduce((x, F) => x + (F.balance || 0), 0)
+      current_amount: S.reduce((v, F) => v + (F.balance || 0), 0)
     }), m(!1);
   };
   return /* @__PURE__ */ r(f, { children: [
@@ -792,7 +792,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     ] }, S.guid)),
     /* @__PURE__ */ e(N, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(k, { onClick: () => m(!0), children: [
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(f, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(ve, { filled: !0 }),
+        /* @__PURE__ */ e(xe, { filled: !0 }),
         n.details_add_account
       ] }) }),
       /* @__PURE__ */ e(M, { color: "primary" })
@@ -854,7 +854,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     t.track_type === d.SAVINGS_TRACK && !t.is_complete && /* @__PURE__ */ e(wt, { goal: t })
   ] });
 }), Ot = D(({ onClose: t }) => {
-  const { visibleInvestmentAccounts: n } = V(), { goals: i, common: s } = C(), {
+  const { visibleRetirementAccounts: n } = V(), { goals: i, common: s } = C(), {
     addGoal: p,
     addRetirementGoal: a,
     deleteGoal: _,
@@ -865,17 +865,17 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     setAlert: m,
     setSelectedGoal: c,
     updateGoal: u
-  } = I(), { user: b } = Ie(), [T, S] = y.useState(!1), R = !o?.guid, x = o?.track_type === d.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, F = y.useMemo(() => {
+  } = I(), { user: b } = Ie(), [T, S] = y.useState(!1), R = !o?.guid, v = o?.track_type === d.SAVINGS_TRACK && o.is_complete && !o.has_been_spent, F = y.useMemo(() => {
     const G = R ? l : h;
     return n.filter(($) => G.some((K) => K.account_guid === $.guid));
   }, [R, n, l, h]), Z = y.useMemo(() => {
     if (!o) return !1;
-    if (!R && !x) return !0;
+    if (!R && !v) return !0;
     const { account_guid: G, track_type: $, name: K, amount: q, retirement_age: O } = o;
     return $ === d.SAVINGS_TRACK ? G ? !!K && !!q : !1 : $ === d.RETIREMENT_TRACK ? F.length ? !!K && !!q && !!O && !!b.birthday : !1 : !0;
   }, [o, F, b.birthday]);
   let z = s.delete_button, H = () => S(!0);
-  R ? (H = () => te(), z = s.save_button) : x && (H = () => se(), z = i.mark_as_complete_button);
+  R ? (H = () => te(), z = s.save_button) : v && (H = () => se(), z = i.mark_as_complete_button);
   const te = async () => {
     if (o) {
       const G = o.track_type;
@@ -900,7 +900,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
         isPrimaryDisabled: !Z,
         onClose: () => c(void 0),
         onPrimaryAction: H,
-        primaryColor: R || x ? "primary" : "error",
+        primaryColor: R || v ? "primary" : "error",
         primaryText: z,
         secondaryColor: "primary",
         title: i.goal_details,
@@ -922,15 +922,15 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     )
   ] });
 }), Hn = D(({ onBackClick: t, sx: n }) => {
-  const { onEvent: i } = Ge(), { isMobile: s } = he(), { visibleAccounts: p } = V(), { isCopyLoaded: a, isInitialized: _, setSelectedAccounts: g } = Ne(), { goals: l, common: h } = C(), { alert: o, goals: m, goalsLoaded: c, loadGoals: u, monthlyCashFlowProfile: b, setAlert: T, retirmentGoals: S } = I(), [R, x] = y.useState(0), [F, Z] = y.useState(!1), z = b?.amount_allocated_for_savings_goals || 0, H = b?.amount_allocated_for_debt_goals || 0, te = b?.amount_allocated_for_retirement_goals || 0, ie = a ? B(
+  const { onEvent: i } = Ge(), { isMobile: s } = he(), { visibleAccounts: p } = V(), { isCopyLoaded: a, isInitialized: _, setSelectedAccounts: g } = Ne(), { goals: l, common: h } = C(), { alert: o, goals: m, goalsLoaded: c, loadGoals: u, monthlyCashFlowProfile: b, setAlert: T, retirmentGoals: S } = I(), [R, v] = y.useState(0), [F, Z] = y.useState(!1), z = b?.amount_allocated_for_savings_goals || 0, H = b?.amount_allocated_for_debt_goals || 0, te = b?.amount_allocated_for_retirement_goals || 0, ie = a ? B(
     s ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(z, "0,0")
+    x(z, "0,0")
   ) : "", se = a ? B(
     s ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(H, "0,0")
+    x(H, "0,0")
   ) : "", G = a ? B(
     s ? l.tab_subtitle_mobile : l.tab_subtitle,
-    v(te, "0,0")
+    x(te, "0,0")
   ) : "";
   y.useEffect(() => {
     g(p), i(Y.GOALS_VIEW);
@@ -942,7 +942,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
   }, K = () => {
     Z(!0), i(Y.GOALS_CLICK_ADD);
   }, q = (X) => {
-    Z(!1), X === d.SAVINGS_TRACK ? x(0) : X === d.DEBT_TRACK ? x(1) : X === d.RETIREMENT_TRACK && x(2);
+    Z(!1), X === d.SAVINGS_TRACK ? v(0) : X === d.DEBT_TRACK ? v(1) : X === d.RETIREMENT_TRACK && v(2);
   }, O = y.useMemo(
     () => c && (m.length === 0 || m.every(({ track_type: X }) => !X) && S.length === 0),
     [m, c, S]
@@ -967,7 +967,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
           /* @__PURE__ */ r(
             Fe,
             {
-              onChange: (X, Oe) => x(Oe),
+              onChange: (X, Oe) => v(Oe),
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
               value: O ? !1 : R,

package/dist/help/index.es.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { observer as m } from "mobx-react-lite";
-import { H as s } from "../Help-B6dIcujh.mjs";
-import { b as p } from "../hooks-D6XlXHf4.mjs";
+import { H as s } from "../Help-BZ8pIkkR.mjs";
+import { b as p } from "../hooks-CBST3rkm.mjs";
 import { L as a } from "../Loader-DUaFpDGv.mjs";
-import { W as n } from "../WidgetContainer-BMWagbIl.mjs";
+import { W as n } from "../WidgetContainer-DJA1bxLn.mjs";
 const x = m(({ onBackClick: o, sx: i }) => {
   const { isCopyLoaded: e, isInitialized: t } = p();
   return !e || !t ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ r(n, { onBackClick: o, sx: { p: 16 }, children: /* @__PURE__ */ r(s, { sx: i }) });

package/dist/hooks-CBST3rkm.mjs

@@ -0,0 +1,74 @@
+import r from "react";
+import { jsx as n } from "react/jsx-runtime";
+const a = r.createContext(null), b = ({
+  children: t,
+  globalStore: e,
+  onError: s,
+  onEvent: l,
+  onPageView: u
+}) => /* @__PURE__ */ n(
+  a.Provider,
+  {
+    value: {
+      globalStore: e,
+      onError: s,
+      onEvent: l,
+      onPageView: u,
+      children: t
+    },
+    children: t
+  }
+), S = r.createContext(null), C = ({ children: t, availableHeight: e, availableWidth: s }) => /* @__PURE__ */ n(
+  S.Provider,
+  {
+    value: {
+      availableHeight: e,
+      availableWidth: s,
+      children: t
+    },
+    children: t
+  }
+), o = (t = "useGlobalStore") => {
+  const e = r.useContext(a);
+  if (!e)
+    throw new Error(`${t}() must be used within the GlobalDataContext`);
+  return e;
+}, d = () => o("useAccountStore").globalStore.accountStore, p = () => o("useAppConfig").globalStore.appDataStore.appConfig, h = () => o("useAnalyticsStore").globalStore.analyticsStore, x = () => o("useBudgetsStore").globalStore.budgetsStore, f = () => o("useCashflowStore").globalStore.cashflowStore, w = () => o("useCategoryStore").globalStore.categoryStore, G = () => o("useConnectStore").globalStore.connectStore, v = () => o("useDebtsStore").globalStore.debtsStore, y = () => o("useFinstrongStore").globalStore.finstrongStore, W = () => o("useGlobalStore").globalStore, m = () => o("useGlobalUiStore").globalStore.globalUiStore, E = () => o("globalCopyStore").globalStore.copyStore.copy, P = () => o("useGoalStore").globalStore.goalStore, A = () => o("useHelpStore").globalStore.helpStore, D = () => o("useHoldingStore").globalStore.holdingStore, T = () => o("useMerchantStore").globalStore.merchantStore, U = () => o("useNetWorthStore").globalStore.netWorthStore, H = () => o("useNotificationStore").globalStore.notificationStore, N = () => o("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, B = () => o("useSettingsStore").globalStore.settingsStore, R = () => o("useTransactionStore").globalStore.transactionStore, V = () => o("useTrendsStore").globalStore.trendsStore, j = () => o("useUserStore").globalStore.userStore, F = () => ({ onError: o().onError }), M = () => ({ onEvent: o().onEvent }), $ = () => ({ onPageView: o().onPageView }), c = (t = "useWidgetContainerContext") => {
+  const e = r.useContext(S);
+  if (!e)
+    throw new Error(`${t}() must be used within the WidgetContainerContext`);
+  return e;
+}, k = () => c();
+export {
+  $ as A,
+  b as B,
+  S as C,
+  a as G,
+  C as W,
+  p as a,
+  m as b,
+  T as c,
+  d,
+  G as e,
+  W as f,
+  M as g,
+  R as h,
+  x as i,
+  N as j,
+  h as k,
+  P as l,
+  w as m,
+  H as n,
+  j as o,
+  k as p,
+  U as q,
+  B as r,
+  D as s,
+  f as t,
+  E as u,
+  V as v,
+  v as w,
+  F as x,
+  y,
+  A as z
+};

package/dist/investments/index.es.js

@@ -4,7 +4,7 @@ import { observer as P } from "mobx-react-lite";
 import _ from "@mui/material/Stack";
 import Ee from "@mui/material/Tab";
 import Ge from "@mui/material/Tabs";
-import { C as ge } from "../ConnectionsDrawer-BeB6ab8V.mjs";
+import { C as ge } from "../ConnectionsDrawer-DabiwV9L.mjs";
 import pe from "@mui/material/useMediaQuery";
 import Me from "@mui/material/Box";
 import Ne from "@mui/material/Collapse";
@@ -16,8 +16,8 @@ import xe from "@mui/material/ToggleButton";
 import ye from "@mui/material/ToggleButtonGroup";
 import { Text as r, H1 as fe, P as ve, InstitutionLogo as ne } from "@mxenabled/mxui";
 import Ue from "@mui/material/Button";
-import { u as E, g as be, t as H, b as Q, d as se } from "../hooks-D6XlXHf4.mjs";
-import { A as z, W as je } from "../WidgetContainer-BMWagbIl.mjs";
+import { u as E, g as be, s as H, b as Q, d as se } from "../hooks-CBST3rkm.mjs";
+import { A as z, W as je } from "../WidgetContainer-DJA1bxLn.mjs";
 import { a as ze, f as oe } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
@@ -34,7 +34,7 @@ import Ce from "@mui/material/AccordionSummary";
 import ie from "@mui/material/Paper";
 import p from "@mui/system/Stack";
 import Se from "@mui/material/TextField";
-import { D as $e } from "../Drawer-kEE73B87.mjs";
+import { D as $e } from "../Drawer-BEtCk82g.mjs";
 import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import { Stack as Ke } from "@mui/material";
 import { L as De } from "../Loader-DUaFpDGv.mjs";

package/dist/merchants/index.es.js

@@ -12,7 +12,7 @@ import k from "@mui/material/ListItemText";
 import A from "@mui/material/Paper";
 import d from "@mui/material/Stack";
 import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
-import { c as v, u as w, b as C } from "../hooks-D6XlXHf4.mjs";
+import { c as v, u as w, b as C } from "../hooks-CBST3rkm.mjs";
 import { L as p } from "../Loader-DUaFpDGv.mjs";
 import { S as N } from "../SearchBox-B2_zLv8-.mjs";
 import { M as ne } from "../MerchantStore-DrFvsUyy.mjs";