@mx-cartographer/experiences 7.0.20-alpha.mm16 → 7.0.20-alpha.mm17

package/dist/{GoalStore-C7eTVSJT.mjs → GoalStore-CBRbZQIz.mjs}

@@ -7,18 +7,18 @@ import O from "@mui/material/CardHeader";
 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 { j as y } from "./ConnectDrawer-COy3Xwqv.mjs";
-import { m as b } from "./hooks-CTieq90n.mjs";
+import { j as b } from "./ConnectDrawer-COy3Xwqv.mjs";
+import { m as y } from "./hooks-CTieq90n.mjs";
 import { makeAutoObservable as D, runInAction as c } from "mobx";
 import { F as v, A as i } from "./Fetch-5yMqsiXO.mjs";
-import { fromUnixTime as C } from "date-fns/fromUnixTime";
+import { fromUnixTime as G } from "date-fns/fromUnixTime";
 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-CtWHhyBX.mjs";
 import { f as B, D as U } from "./Dialog-CWW597AF.mjs";
 const at = ({ description: e, label: t, title: o }) => {
-  const { config: r } = b(), [n, s] = u.useState(!1);
+  const { config: r } = y(), [n, s] = u.useState(!1);
   return /* @__PURE__ */ g(u.Fragment, { children: [
     /* @__PURE__ */ g(I, { sx: { m: 24 }, children: [
       /* @__PURE__ */ _(
@@ -49,7 +49,7 @@ const at = ({ description: e, label: t, title: o }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ _(
-      y,
+      b,
       {
         onClose: () => s(!1),
         showConnectWidget: n,
@@ -90,7 +90,7 @@ function it(e, t) {
     style: "percent",
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
-  }, d = t.is_complete ? t.completed_at : t.projected_to_complete_at, m = d ? C(d) : /* @__PURE__ */ new Date(), f = E(
+  }, d = t.is_complete ? t.completed_at : t.projected_to_complete_at, m = d ? G(d) : /* @__PURE__ */ new Date(), f = E(
     e.goal_percentage,
     F(r, h)
   ), p = E(
@@ -167,8 +167,8 @@ const ct = (e, t) => {
     default:
       return E(t.zero_state_ongoing, "retirement");
   }
-}, G = (e, t) => {
-  const o = C(t), r = x(o, e);
+}, C = (e, t) => {
+  const o = G(t), r = x(o, e);
   return K(r);
 };
 class lt {
@@ -182,7 +182,7 @@ class lt {
   monthlyCashFlowProfile = void 0;
   goalsLoaded = !1;
   constructor(t) {
-    console.info("GoalStore onError:", t.onError?.toString()), this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), D(this);
+    this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), D(this);
   }
   get orderedGoals() {
     return this.goals.slice().sort((t, o) => t.position - o.position);
@@ -238,7 +238,7 @@ class lt {
             amount: r.target_amount,
             name: o.retirement,
             track_type: a.RETIREMENT_TRACK,
-            projected_to_complete_at: r.retirement_age && s ? G(r.retirement_age, s) : void 0
+            projected_to_complete_at: r.retirement_age && s ? C(r.retirement_age, s) : void 0
           }
         ], this.retirementGoalAccounts = [...this.retirementGoalAccounts, ...n];
       });
@@ -266,7 +266,7 @@ class lt {
           amount: m.target_amount,
           name: t.retirement,
           track_type: a.RETIREMENT_TRACK,
-          projected_to_complete_at: m.retirement_age && h ? G(m.retirement_age, h) : void 0
+          projected_to_complete_at: m.retirement_age && h ? C(m.retirement_age, h) : void 0
         }))
       ];
       c(() => {

package/dist/common/index.es.js

@@ -1,38 +1,38 @@
 import { G as M } from "../useCombineEvents-_pq30PbT.mjs";
 import { A as ts, a as es, u as ss, b as rs } from "../useCombineEvents-_pq30PbT.mjs";
 import { F as y, A as u } from "../Fetch-5yMqsiXO.mjs";
-import { B as os } from "../BeatApi-D2Z1q0T7.mjs";
+import { B as as } from "../BeatApi-D2Z1q0T7.mjs";
 import { C as et } from "../CategoryStore-BXxv_Rm_.mjs";
 import { a as is } from "../CategoryStore-BXxv_Rm_.mjs";
 import { N as st } from "../NotificationStore-oq8Kg5Wy.mjs";
 import { a as ds } from "../NotificationStore-oq8Kg5Wy.mjs";
 import { T as rt } from "../User-DD7Pb2ze.mjs";
 import { C as ls, b as hs, L as gs, a as ps } from "../User-DD7Pb2ze.mjs";
-import { H as at } from "../Help-DhcC-C05.mjs";
+import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as _s } from "../Help-DhcC-C05.mjs";
 import { M as fs } from "../MicroWidgetContainer-DQXTwO5i.mjs";
 import { M as bs } from "../MiniWidgetContainer-BF2Qwhh-.mjs";
-import { A as xs, D as Cs, W as Ds } from "../WidgetContainer-C1NlG0pd.mjs";
-import { i as As, a as Es, e as Ts, l as Bs, A as Is, f as Ns, j as Fs, d as Ms, k as $s, E as Rs, h as Us, N as ks, g as Ls, P as Os, m as Gs, S as Hs } from "../ConnectDrawer-COy3Xwqv.mjs";
+import { A as xs, D as Cs, W as vs } from "../WidgetContainer-C1NlG0pd.mjs";
+import { i as Ds, a as As, e as Ts, l as Bs, A as Is, f as Ns, j as Fs, d as Ms, k as $s, E as Rs, h as Us, N as ks, g as Ls, P as Os, m as Gs, S as Hs } from "../ConnectDrawer-COy3Xwqv.mjs";
 import { C as qs } from "../CurrencyInput-B6gF46iv.mjs";
 import { L as Qs } from "../Loader-DUaFpDGv.mjs";
 import { R as zs } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Ks } from "../SearchBox-B2_zLv8-.mjs";
-import { T as ot } from "../TransactionStore-DoyMuj0p.mjs";
+import { T as at } from "../TransactionStore-DoyMuj0p.mjs";
 import { S as Vs } from "../TransactionStore-DoyMuj0p.mjs";
 import { T as Js } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as er } from "../IconBacking-B9oC6uL2.mjs";
-import { D as rr, F as ar, a as or, c as nr, R as ir, S as cr } from "../RepeatingTransaction-BW4J-jeJ.mjs";
+import { D as rr, F as or, a as ar, c as nr, R as ir, S as cr } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
 import { I as ur } from "../CashflowStore-D9Dpuz7X.mjs";
-import { d as it } from "../GoalStore-C7eTVSJT.mjs";
-import { C as hr, G as gr, M as pr, T as mr } from "../GoalStore-C7eTVSJT.mjs";
+import { d as it } from "../GoalStore-CBRbZQIz.mjs";
+import { C as hr, G as gr, M as pr, T as mr } from "../GoalStore-CBRbZQIz.mjs";
 import { C as yr } from "../CurrencyText-YUhH2caW.mjs";
 import { E as Sr } from "../EmptyState-C0lr9E5T.mjs";
 import { L as wr } from "../ListItemAction-CpYlo5Sh.mjs";
 import { T as ct } from "../TrendsStore-ReCVjB8o.mjs";
-import { L as Cr, S as Dr, u as vr } from "../TrendsStore-ReCVjB8o.mjs";
-import { A as Er, B as Tr, I as Br, N as Ir, T as Nr, a as Fr } from "../Notification-ByMBpJ5u.mjs";
+import { L as Cr, S as vr, u as Er } from "../TrendsStore-ReCVjB8o.mjs";
+import { A as Ar, B as Tr, I as Br, N as Ir, T as Nr, a as Fr } from "../Notification-ByMBpJ5u.mjs";
 import { jsxs as _, jsx as c } from "react/jsx-runtime";
 import dt, { useRef as ut, useEffect as lt } from "react";
 import { css as w, keyframes as ht } from "@mxenabled/cssinjs";
@@ -45,13 +45,13 @@ import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { S as Yr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { D as Xr } from "../Drawer-kEE73B87.mjs";
 import { I as jr, P as Vr, S as Zr } from "../Account-DJ7VG5hs.mjs";
-import { b as E } from "../Category-CevNQ03n.mjs";
-import { C as ta, c as ea, a as sa, P as ra } from "../Category-CevNQ03n.mjs";
-import { C as oa, f as na, b as ia, a as ca, g as da, i as ua } from "../NumberFormatting-CtWHhyBX.mjs";
+import { b as A } from "../Category-CevNQ03n.mjs";
+import { C as to, c as eo, a as so, P as ro } from "../Category-CevNQ03n.mjs";
+import { C as ao, f as no, b as io, a as co, g as uo, i as lo } from "../NumberFormatting-CtWHhyBX.mjs";
 import { R as mt } from "../RecurringTransactionsStore-CbVh6M8E.mjs";
-import { S as ha, T as ga } from "../RecurringTransactionsStore-CbVh6M8E.mjs";
-import { G as ma, B as _a, C as ya, W as fa, c as Sa, m as ba, g as wa, t as xa, k as Ca, x as Da, y as va, e as Aa, w as Ea, u as Ta, l as Ba, a as Ia, j as Na, z as Fa, s as Ma, b as $a, q as Ra, n as Ua, A as ka, h as La, r as Oa, f as Ga, v as Ha, o as Pa, p as qa } from "../hooks-CTieq90n.mjs";
-import { u as Qa } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as go, T as po } from "../RecurringTransactionsStore-CbVh6M8E.mjs";
+import { G as _o, B as yo, C as fo, W as So, c as bo, m as wo, g as xo, t as Co, k as vo, x as Eo, y as Do, e as Ao, w as To, u as Bo, l as Io, a as No, j as Fo, z as Mo, s as $o, b as Ro, q as Uo, n as ko, A as Lo, h as Oo, r as Go, f as Ho, v as Po, o as qo, p as Wo } from "../hooks-CTieq90n.mjs";
+import { u as Yo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as m, runInAction as p, reaction as _t } from "mobx";
 import { a as yt } from "../AccountStore-CxV4kxak.mjs";
 import ft from "posthog-js";
@@ -60,17 +60,17 @@ import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import { startOfToday as L } from "date-fns/startOfToday";
 import { f as bt, a as wt, b as O } from "../BudgetUtil-BB9gMyLW.mjs";
-import { g as za, e as Xa, c as Ka, d as ja, i as Va } from "../BudgetUtil-BB9gMyLW.mjs";
+import { g as Xo, e as Ko, c as jo, d as Vo, i as Zo } from "../BudgetUtil-BB9gMyLW.mjs";
 import { a as xt } from "../DebtsStore-2yxA32_7.mjs";
 import { a as Ct } from "../FinstrongStore-COSruQ77.mjs";
-import { A as Dt, m as vt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { A as vt, m as Et, a as Dt, b as At } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-UleKHaMr.mjs";
 import { N as Bt } from "../NetWorthStore-CrQtq5rq.mjs";
 import { a as It } from "../SettingsStore-BkEnt8J1.mjs";
 import { addMonths as Nt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
-import { i as Ja } from "../DateUtil-BcuH7ErC.mjs";
-import { b as eo, a as so, g as ro } from "../Localization-2MODESHW.mjs";
+import { i as ta } from "../DateUtil-BcuH7ErC.mjs";
+import { b as sa, a as ra, g as oa } from "../Localization-2MODESHW.mjs";
 import { alpha as Ft, lighten as G, darken as H } from "@mui/material";
 var Mt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.EveryWeek = 1] = "EveryWeek", s[s.EveryOtherWeek = 2] = "EveryOtherWeek", s[s.EveryMonth = 3] = "EveryMonth", s[s.EveryOtherMonth = 4] = "EveryOtherMonth", s[s.EveryQuarter = 5] = "EveryQuarter", s[s.EveryOtherQuarter = 6] = "EveryOtherQuarter", s[s.EveryYear = 7] = "EveryYear", s))(Mt || {});
 const qe = [
@@ -98,27 +98,27 @@ const Qe = (s, t) => {
       dark: n ? H(n, 0.25) : i.dark,
       darker: n ? H(n, 0.5) : i.darker
     };
-  }, a = {
+  }, o = {
     primary: r(e ? "primary_color_dark" : "primary_color", s.palette.primary),
     secondary: r(e ? "neutral_color_dark" : "neutral_color", s.palette.secondary),
     error: r(e ? "error_color_dark" : "error_color", s.palette.error),
     warning: r(e ? "warning_color_dark" : "warning_color", s.palette.warning),
     info: r(e ? "info_color_dark" : "info_color", s.palette.info),
     success: r(e ? "success_color_dark" : "success_color", s.palette.success)
-  }, o = {
+  }, a = {
     MuiTabs: {
       styleOverrides: {
         indicator: {
-          backgroundColor: a.primary.light
+          backgroundColor: o.primary.light
         }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: a.primary.lighter,
+          color: o.primary.lighter,
           "&:hover": {
-            backgroundColor: Ft(a.primary.light, 0.1)
+            backgroundColor: Ft(o.primary.light, 0.1)
           }
         }
       }
@@ -213,8 +213,8 @@ const Qe = (s, t) => {
         fontFamily: t?.system_font ?? s.typography.fontFamily
       }
     },
-    palette: a,
-    components: o,
+    palette: o,
+    components: a,
     shape: {
       borderRadius: t?.button_corner_radius ?? s.shape.borderRadius
     }
@@ -281,8 +281,8 @@ const Xe = (s) => {
     t.current = s;
   }, [s]), t.current;
 }, Ut = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = x(), a = kt(r, s);
-  return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-chart-legend ${a}`, children: [
+  const r = x(), o = kt(r, s);
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-chart-legend ${o}`, children: [
     /* @__PURE__ */ c("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
     /* @__PURE__ */ c(B, { variant: "XSmall", children: e }),
     /* @__PURE__ */ _("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
@@ -323,13 +323,13 @@ const Xe = (s) => {
   color: t,
   height: e,
   index: r,
-  label: a,
-  onClick: o,
+  label: o,
+  onClick: a,
   selectedIndex: d,
   value: i
 }) => {
   const n = x(), l = Lt(n, t, e), h = (S) => {
-    o && (S.key === " " || S.key === "Enter") && o(r);
+    a && (S.key === " " || S.key === "Enter") && a(r);
   }, f = d === void 0 || d === r ? "primary" : "secondary", g = () => /* @__PURE__ */ c(
     B,
     {
@@ -339,7 +339,7 @@ const Xe = (s) => {
       color: f,
       component: "div",
       variant: "Small",
-      children: a
+      children: o
     }
   );
   return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-container ${l} ${i < 0 ? "mx-cmn-negative" : ""}`, children: [
@@ -348,8 +348,8 @@ const Xe = (s) => {
       "div",
       {
         "aria-label": s,
-        className: `mx-cmn-bar ${o ? "mx-cmn-clickable" : ""} ${i < 0 ? "mx-cmn-bar-negative" : ""}`,
-        onClick: o ? () => o?.(r) : void 0,
+        className: `mx-cmn-bar ${a ? "mx-cmn-clickable" : ""} ${i < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: a ? () => a?.(r) : void 0,
         onKeyDown: h,
         role: s ? "button" : void 0,
         tabIndex: s ? 0 : void 0
@@ -358,7 +358,7 @@ const Xe = (s) => {
     i < 0 && /* @__PURE__ */ c(g, {})
   ] });
 }, Lt = (s, t, e) => {
-  const r = `expandBar-${Math.round(e)}`, a = ht(r, { from: { height: 0 }, to: { height: e } });
+  const r = `expandBar-${Math.round(e)}`, o = ht(r, { from: { height: 0 }, to: { height: e } });
   return w({
     display: "flex",
     flexDirection: "column",
@@ -371,7 +371,7 @@ const Xe = (s) => {
       animationDelay: ".5s",
       animationDuration: "1s",
       animationFillMode: "forwards",
-      animationName: a,
+      animationName: o,
       animationTimingFunction: s.Easing.Default,
       backgroundColor: t,
       borderRadius: `${s.BorderRadius.Medium}px ${s.BorderRadius.Medium}px 0 0`,
@@ -395,8 +395,8 @@ const Xe = (s) => {
   averageLineHeight: t,
   bottomHeight: e,
   color: r,
-  index: a = -1,
-  onClick: o,
+  index: o = -1,
+  onClick: a,
   range: d,
   selectedIndex: i,
   topHeight: n,
@@ -405,17 +405,17 @@ const Xe = (s) => {
   width: f,
   xAxisLabel: g = ""
 }) => {
-  const S = x(), C = Ot(S, f), D = l / d * n, v = Math.abs(l) / d * e, A = i === void 0 || i === a ? "primary" : "secondary";
+  const S = x(), C = Ot(S, f), v = l / d * n, E = Math.abs(l) / d * e, D = i === void 0 || i === o ? "primary" : "secondary";
   return /* @__PURE__ */ _("div", { className: `mx-cmn-barchart-bar-column ${C}`, children: [
     /* @__PURE__ */ c("div", { style: { height: n }, children: l >= 0 && /* @__PURE__ */ c(
       W,
       {
         ariaLabel: s,
         color: r,
-        height: D,
-        index: a,
+        height: v,
+        index: o,
         label: h,
-        onClick: o,
+        onClick: a,
         selectedIndex: i,
         value: l
       }
@@ -427,19 +427,19 @@ const Xe = (s) => {
       {
         ariaLabel: s,
         color: r,
-        height: v,
-        index: a,
+        height: E,
+        index: o,
         label: h,
-        onClick: o,
+        onClick: a,
         value: l
       }
     ) }),
     /* @__PURE__ */ c(
       "div",
       {
-        className: `mx-cmn-bar-label ${o ? "mx-cmn-clickable" : ""}`,
-        onClick: o ? () => o(a) : void 0,
-        children: /* @__PURE__ */ c(B, { bold: i === a, color: A, variant: "Small", children: g })
+        className: `mx-cmn-bar-label ${a ? "mx-cmn-clickable" : ""}`,
+        onClick: a ? () => a(o) : void 0,
+        children: /* @__PURE__ */ c(B, { bold: i === o, color: D, variant: "Small", children: g })
       }
     )
   ] });
@@ -476,20 +476,20 @@ const Xe = (s) => {
   barWidth: t = "8%",
   color: e,
   data: r,
-  height: a,
-  legendLabelAverage: o,
+  height: o,
+  legendLabelAverage: a,
   legendLabelMain: d,
   onBarClick: i,
   selectedIndex: n,
   valueFormatter: l = (h) => `${h}`
 }) => {
-  const h = x(), f = Qt(h), g = r.reduce(Pt, []), S = s !== void 0 ? s : g.reduce(Gt, 0) / g.length, C = Math.max(...g), D = Math.min(...g), v = g.reduce(Ht, 0), A = C >= 0, R = D < 0, I = Y(A, R, a), N = Y(R, A, a), U = qt(S, C, D, I || N), tt = (b) => n === void 0 || b === n ? e : `${e}80`, k = () => /* @__PURE__ */ c(
+  const h = x(), f = Qt(h), g = r.reduce(Pt, []), S = s !== void 0 ? s : g.reduce(Gt, 0) / g.length, C = Math.max(...g), v = Math.min(...g), E = g.reduce(Ht, 0), D = C >= 0, R = v < 0, I = Y(D, R, o), N = Y(R, D, o), U = qt(S, C, v, I || N), tt = (b) => n === void 0 || b === n ? e : `${e}80`, k = () => /* @__PURE__ */ c(
     Q,
     {
       averageLineHeight: U,
       bottomHeight: N,
       color: "",
-      range: v,
+      range: E,
       topHeight: I,
       value: 0,
       width: void 0
@@ -508,7 +508,7 @@ const Xe = (s) => {
             color: tt(F),
             index: F,
             onClick: i,
-            range: v,
+            range: E,
             selectedIndex: n,
             topHeight: I,
             value: b.value,
@@ -520,7 +520,7 @@ const Xe = (s) => {
         /* @__PURE__ */ c(k, {})
       ] }, `column-${F}`))
     ] }),
-    /* @__PURE__ */ c(Ut, { color: e, labelAverage: o, labelMain: d })
+    /* @__PURE__ */ c(Ut, { color: e, labelAverage: a, labelMain: d })
   ] });
 }, Qt = (s) => w({
   "& .mx-cmn-chart-container": {
@@ -535,9 +535,9 @@ const Xe = (s) => {
   segments: t,
   size: e = gt,
   strokeWidth: r = pt,
-  children: a
+  children: o
 }) => {
-  const o = x(), d = zt(o, e), i = (e - r) / 2, n = e / 2;
+  const a = x(), d = zt(a, e), i = (e - r) / 2, n = e / 2;
   let l = -90 - (s ? 1 : 0), h = 0;
   return /* @__PURE__ */ _("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
     /* @__PURE__ */ _("svg", { height: e, width: e, children: [
@@ -548,7 +548,7 @@ const Xe = (s) => {
           cy: n,
           fill: "none",
           r: i,
-          stroke: o.Color.Neutral300,
+          stroke: a.Color.Neutral300,
           strokeWidth: r
         }
       ),
@@ -568,7 +568,7 @@ const Xe = (s) => {
         g
       )))
     ] }),
-    /* @__PURE__ */ c("div", { className: "mx-cmn-multi-segment-donut-children", children: a })
+    /* @__PURE__ */ c("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
   ] });
 }, zt = (s, t) => w({
   height: t,
@@ -650,7 +650,7 @@ class Kt {
     ft.getActiveMatchingSurveys((e) => {
       p(() => {
         if (e.length > 0) {
-          const r = e.find((a) => a.id === this.surveyId);
+          const r = e.find((o) => o.id === this.surveyId);
           r && (this.survey = r, this.currentQuestionIndex = 0, this.question = r.questions[0], this.response = null, this.responses = {});
         }
       });
@@ -676,8 +676,8 @@ class z {
     category_guid: t.guid,
     category_name: t.name,
     parent_guid: r
-  }).then((a) => a.budget).catch((a) => {
-    throw a;
+  }).then((o) => o.budget).catch((o) => {
+    throw o;
   });
   deleteBudget = async (t) => this.fetchInstance.delete(`${u.BUDGETS}/${t}`).then((e) => e).catch((e) => {
     throw e;
@@ -720,7 +720,7 @@ class jt {
   get detailedBudgets() {
     return O(
       this.budgets.filter(
-        (t) => t.category_guid !== E.INCOME && t.category_guid !== E.TRANSFER && t.category_guid !== E.INVESTMENTS
+        (t) => t.category_guid !== A.INCOME && t.category_guid !== A.TRANSFER && t.category_guid !== A.INVESTMENTS
       ),
       this.globalStore.categoryStore.detailedCategories,
       this.globalStore.copyStore.copy.budgets,
@@ -734,7 +734,7 @@ class jt {
       this.globalStore.copyStore.copy.budgets,
       this.theme
     ).reduce(
-      (r, a) => a.category_guid !== E.INCOME ? r : !r || a.percentage > r.percentage ? a : r,
+      (r, o) => o.category_guid !== A.INCOME ? r : !r || o.percentage > r.percentage ? o : r,
       void 0
     )?.amount;
   }
@@ -748,12 +748,12 @@ class jt {
   }
   addBudget = async (t, e, r = null) => {
     try {
-      const a = await this.api.addBudget(t, e, r);
+      const o = await this.api.addBudget(t, e, r);
       p(() => {
-        this.budgets.push(a);
+        this.budgets.push(o);
       });
-    } catch (a) {
-      console.error(`Error adding budget: ${a}`);
+    } catch (o) {
+      console.error(`Error adding budget: ${o}`);
     }
   };
   deleteBudget = async (t) => {
@@ -788,14 +788,14 @@ class jt {
   recalculateBudgets = async (t) => {
     try {
       for (const r of t) {
-        const a = this.budgets.find((o) => o.category_guid === r.guid);
-        a ? await this.api.updateBudget({
-          ...a,
+        const o = this.budgets.find((a) => a.category_guid === r.guid);
+        o ? await this.api.updateBudget({
+          ...o,
           amount: r.totalAverageAmount
         }) : await this.api.addBudget(r, r.totalAverageAmount);
       }
       const e = this.budgets.filter(
-        (r) => !t.find((a) => a.guid === r.category_guid)
+        (r) => !t.find((o) => o.guid === r.category_guid)
       );
       for (const r of e)
         await this.api.deleteBudget(r.guid);
@@ -808,7 +808,7 @@ class jt {
     try {
       const e = await this.api.updateBudget(t);
       p(() => {
-        const r = this.budgets.findIndex((a) => a.guid === t.guid);
+        const r = this.budgets.findIndex((o) => o.guid === t.guid);
         r >= 0 && (this.budgets[r] = e);
       });
     } catch (e) {
@@ -826,18 +826,18 @@ class X {
 }
 const ee = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, se = (s, t) => {
   const e = [];
-  for (const r of at) {
-    const a = t[r.guid];
-    if (!a) continue;
-    const o = {
+  for (const r of ot) {
+    const o = t[r.guid];
+    if (!o) continue;
+    const a = {
       ...r,
-      title: a.label,
+      title: o.label,
       topics: r.topics.map(({ topicKey: d }, i) => ({
         topicKey: d,
-        label: a.topics[i]
+        label: o.topics[i]
       }))
     };
-    ee(o, s) && e.push(o);
+    ee(a, s) && e.push(a);
   }
   return e;
 };
@@ -885,8 +885,8 @@ class K {
   getHoldings = async () => this.fetchInstance.get(u.HOLDINGS).then((t) => t.holdings);
   updateHoldings = async (t) => this.fetchInstance.put(`${u.HOLDINGS}/${t.guid}`, t).then((e) => e.holding);
 }
-class ae {
-  analysisType = Dt.Stocks;
+class oe {
+  analysisType = vt.Stocks;
   api = new K("/", "");
   holdings = [];
   holdingsLoaded = !1;
@@ -896,10 +896,10 @@ class ae {
     this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken, t.onError), m(this);
   }
   get analysisChartData() {
-    return vt(At(this.visibleHoldings), this.analysisType);
+    return Et(Dt(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
-    return Et(this.visibleHoldings)[this.analysisType] || {};
+    return At(this.visibleHoldings)[this.analysisType] || {};
   }
   get visibleHoldings() {
     return this.holdings.filter(
@@ -925,11 +925,11 @@ class ae {
   updateHoldings = async (t) => {
     this.holdingsLoaded = !1;
     try {
-      const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: a }) => a === t.guid);
+      const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: o }) => o === t.guid);
       if (r >= 0) {
-        const a = [...this.holdings];
-        a[r] = e, p(() => {
-          this.holdings = a, this.holdingsLoaded = !0;
+        const o = [...this.holdings];
+        o[r] = e, p(() => {
+          this.holdings = o, this.holdingsLoaded = !0;
         });
       }
     } catch (e) {
@@ -1046,7 +1046,7 @@ class V {
   }
   getAppData = async () => this.fetchInstance.get(u.APP_DATA).then((t) => t);
 }
-class oe {
+class ae {
   globalStore;
   api = new V("/", "");
   bannerApi = new P("/");
@@ -1135,8 +1135,8 @@ class ie {
   };
   // Sets an array of selected account guids for the AccountFilter component
   setSelectedAccountGuids = async (t) => {
-    const e = new Set(this.selectedAccountGuids), r = new Set(t), a = [...r].filter((d) => !e.has(d)), o = [...e].filter((d) => !r.has(d));
-    a.length > 0 && this.globalStore.accountStore.updateAccountFiltering(a, !1), o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !0), this.selectedAccountGuids = t;
+    const e = new Set(this.selectedAccountGuids), r = new Set(t), o = [...r].filter((d) => !e.has(d)), a = [...e].filter((d) => !r.has(d));
+    o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !1), a.length > 0 && this.globalStore.accountStore.updateAccountFiltering(a, !0), this.selectedAccountGuids = t;
   };
   setDisplayedDate = (t, e) => {
     this.displayedDate = e, this.displayedDateRange = {
@@ -1229,8 +1229,8 @@ class Ve {
   userStore;
   // UI Stores
   globalUiStore;
-  constructor(t = j, e = "/") {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.accountStore = new yt(this), this.appDataStore = new oe(this), this.analyticsStore = new Kt(this), this.beatStore = new St(this), this.budgetsStore = new jt(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ne(this), this.copyStore = new Xt(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new re(this), this.holdingStore = new ae(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new ot(this), this.trendsStore = new ct(this), this.userStore = new ce(this), this.globalUiStore = new ie(this), m(this);
+  constructor(t = j, e = "/", r) {
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, console.info("GlobalStore onError:", this.onError?.toString()), this.accountStore = new yt(this), this.appDataStore = new ae(this), this.analyticsStore = new Kt({ ...this, onError: void 0 }), this.beatStore = new St(this), this.budgetsStore = new jt(this), this.cashflowStore = new nt({ ...this, onError: void 0 }), this.categoryStore = new et(this), this.connectStore = new ne({ ...this, onError: void 0 }), this.copyStore = new Xt(this), this.debtsStore = new xt({ ...this, onError: void 0 }), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new re(this), this.holdingStore = new oe(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt({ ...this, onError: void 0 }), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new at(this), this.trendsStore = new ct({ ...this, onError: void 0 }), this.userStore = new ce(this), this.globalUiStore = new ie({ ...this, onError: void 0 }), m(this);
   }
   get isInitialized() {
     return this.globalUiStore.isInitialized;
@@ -1239,8 +1239,8 @@ class Ve {
     accounts: t,
     appData: e,
     associatedBeats: r,
-    categories: a,
-    institutions: o,
+    categories: o,
+    institutions: a,
     transactionRules: d,
     transactions: i,
     userFeatures: n
@@ -1251,8 +1251,8 @@ class Ve {
       this.appDataStore.loadAppData(e),
       this.userStore.loadUserFeatures(n)
     ]), await Promise.all([
-      this.accountStore.loadAccountData({ accounts: t, institutions: o }),
-      this.categoryStore.loadCategories(a),
+      this.accountStore.loadAccountData({ accounts: t, institutions: a }),
+      this.categoryStore.loadCategories(o),
       this.transactionStore.loadTransactionData({
         associatedBeats: r,
         transactionRules: d,
@@ -1263,10 +1263,10 @@ class Ve {
 }
 export {
   xs as ANALYTICS_EVENTS,
-  As as AccountFilter,
-  Es as AccountIcon,
+  Ds as AccountFilter,
+  As as AccountIcon,
   Ts as AccountIconVariants,
-  Er as AccountNotificationTypes,
+  Ar as AccountNotificationTypes,
   Bs as AccountSubType,
   Is as AccountType,
   Ns as AccountTypeName,
@@ -1274,20 +1274,20 @@ export {
   u as ApiEndpoints,
   P as BannerApi,
   Ke as BarChart,
-  os as BeatApi,
+  as as BeatApi,
   Tr as BudgetNotificationTypes,
   ls as Calendar,
   hs as CalendarSelectionTypes,
   is as CategoryApi,
-  ta as CategoryColors,
-  ea as CategoryGuidToName,
-  E as CategoryGuids,
-  sa as CategoryIcon,
+  to as CategoryColors,
+  eo as CategoryGuidToName,
+  A as CategoryGuids,
+  so as CategoryIcon,
   hr as ConnectCard,
   Fs as ConnectDrawer,
   Ms as ConnectionStatus,
   $s as ConnectionStatusEnums,
-  oa as CurrencyCodes,
+  ao as CurrencyCodes,
   qs as CurrencyInput,
   yr as CurrencyText,
   Gr as DATE_FORMATS_INTL,
@@ -1303,11 +1303,11 @@ export {
   Rs as ErrorStatuses,
   Zt as ExpenseStatus,
   y as Fetch,
-  ar as Frequency,
+  or as Frequency,
   M as GlobalCopyApi,
   Xt as GlobalCopyStore,
-  ma as GlobalDataContext,
-  _a as GlobalDataProvider,
+  _o as GlobalDataContext,
+  yo as GlobalDataProvider,
   Ve as GlobalStore,
   gr as GoalType,
   jr as INCOME_ACCOUNT_TYPES,
@@ -1333,13 +1333,13 @@ export {
   Pr as ORDINAL_DATE_FORMAT,
   qr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
   Vr as PAYMENT_ACCOUNT_TYPES,
-  ra as PaymentCategories,
+  ro as PaymentCategories,
   $t as PlanTypes,
   Ls as ProcessingStatuses,
   Os as PropertyType,
   Gs as PropertyTypeName,
   qe as RECURRENCE_COPY,
-  or as RecurrenceStatus,
+  ar as RecurrenceStatus,
   nr as RecurrenceType,
   Mt as RecurrenceTypes,
   ir as RepeatingType,
@@ -1352,11 +1352,11 @@ export {
   cr as Select,
   Vs as SelectionBox,
   Yr as SingleSegmentDonut,
-  ha as Sizes,
-  Dr as StackedLineChart,
+  go as Sizes,
+  vr as StackedLineChart,
   Lr as StatusBar,
   Hs as StatusName,
-  ga as TOUCH_TARGET,
+  po as TOUCH_TARGET,
   Js as TabContentContainer,
   Nr as ToggleButtonListItem,
   Fr as ToggleListItem,
@@ -1367,54 +1367,54 @@ export {
   ce as UserStore,
   Vt as UserVerification,
   q as WidgetApi,
-  Ds as WidgetContainer,
-  ya as WidgetContainerContext,
-  fa as WidgetContainerProvider,
+  vs as WidgetContainer,
+  fo as WidgetContainerContext,
+  So as WidgetContainerProvider,
   es as analyticsSession,
-  eo as buildDynamicCopy,
-  so as buildPluralCopy,
-  na as formatCurrency,
+  sa as buildDynamicCopy,
+  ra as buildPluralCopy,
+  no as formatCurrency,
   Wr as formatDate,
-  ia as formatOrdinal,
-  ca as formatPercentage,
-  Ja as fromTimestampToMonthYear,
-  za as getCategory,
-  Xa as getCategoryTotalsByParent,
+  io as formatOrdinal,
+  co as formatPercentage,
+  ta as fromTimestampToMonthYear,
+  Xo as getCategory,
+  Ko as getCategoryTotalsByParent,
   Qe as getClientTheme,
-  da as getCurrencyCodes,
-  Ka as getDetailedCategory,
-  ja as getDetailedSubCategory,
-  ro as getLocale,
-  Va as isIncome,
-  ua as isValidNumber,
-  Sa as useAccountStore,
-  ba as useAppConfig,
-  wa as useBudgetsStore,
-  xa as useCashflowStore,
-  Ca as useCategoryStore,
+  uo as getCurrencyCodes,
+  jo as getDetailedCategory,
+  Vo as getDetailedSubCategory,
+  oa as getLocale,
+  Zo as isIncome,
+  lo as isValidNumber,
+  bo as useAccountStore,
+  wo as useAppConfig,
+  xo as useBudgetsStore,
+  Co as useCashflowStore,
+  vo as useCategoryStore,
   ss as useCombineEvents,
   rs as useCombinePageviews,
-  Da as useDebtStore,
-  va as useError,
-  Aa as useEvent,
-  Ea as useFinstrongStore,
-  Ta as useGlobalCopyStore,
-  Ba as useGlobalStore,
-  Ia as useGlobalUiStore,
-  Na as useGoalStore,
-  Fa as useHelpStore,
-  Ma as useHoldingStore,
-  vr as useInsightsEnabled,
-  $a as useMerchantStore,
-  Ra as useNetWorthStore,
-  Ua as useNotificationStore,
-  ka as usePageView,
+  Eo as useDebtStore,
+  Do as useError,
+  Ao as useEvent,
+  To as useFinstrongStore,
+  Bo as useGlobalCopyStore,
+  Io as useGlobalStore,
+  No as useGlobalUiStore,
+  Fo as useGoalStore,
+  Mo as useHelpStore,
+  $o as useHoldingStore,
+  Er as useInsightsEnabled,
+  Ro as useMerchantStore,
+  Uo as useNetWorthStore,
+  ko as useNotificationStore,
+  Lo as usePageView,
   Xe as usePrevious,
-  La as useRecurringTransactionsStore,
-  Qa as useScreenSize,
-  Oa as useSettingsStore,
-  Ga as useTransactionStore,
-  Ha as useTrendsStore,
-  Pa as useUserStore,
-  qa as useWidgetContainerProvider
+  Oo as useRecurringTransactionsStore,
+  Yo as useScreenSize,
+  Go as useSettingsStore,
+  Ho as useTransactionStore,
+  Po as useTrendsStore,
+  qo as useUserStore,
+  Wo as useWidgetContainerProvider
 };

package/dist/common/stores/GlobalStore.d.ts

@@ -64,7 +64,7 @@ export declare class GlobalStore {
     trendsStore: TrendsStore;
     userStore: UserStore;
     globalUiStore: GlobalUiStore;
-    constructor(appConfig?: AppConfig, endpoint?: string);
+    constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler);
     get isInitialized(): boolean;
     loadData: ({ accounts, appData, associatedBeats, categories, institutions, transactionRules, transactions, userFeatures, }?: LoadDataProps) => Promise<void>;
 }

package/dist/goals/index.es.js

@@ -1,5 +1,5 @@
-import { g as ye, T as d, a as We, M as q, C as Ae, b as Ve, G as he } from "../GoalStore-C7eTVSJT.mjs";
-import { c as Un, d as Yn } from "../GoalStore-C7eTVSJT.mjs";
+import { g as ye, T as d, a as We, M as q, C as Ae, b as Ve, G as he } from "../GoalStore-CBRbZQIz.mjs";
+import { c as Un, d as Yn } from "../GoalStore-CBRbZQIz.mjs";
 import { jsxs as i, jsx as e, Fragment as U } from "react/jsx-runtime";
 import y from "react";
 import { observer as D } from "mobx-react-lite";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.20-alpha.mm16",
+  "version": "7.0.20-alpha.mm17",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",