@mx-cartographer/experiences 7.7.0-alpha.bb2 → 7.7.0-alpha.bb4

package/dist/{CategoryStore-1pMmsDQB.mjs → CategoryStore-B5k4Rzok.mjs}

@@ -54,7 +54,7 @@ class S {
   onSelect = (t) => this.savedOnSelect(t);
   setOnSelect = (t) => this.savedOnSelect = t;
 }
-class $ {
+class G {
   globalStore;
   uiStore;
   api = new c("/", "");
@@ -64,7 +64,7 @@ class $ {
   dateRangeCategoryTotals = [];
   monthlyCategoryTotals = [];
   dateRangeTotalsLoaded = !1;
-  isLoadingCategoryTotals = !1;
+  dateRangeTotalsLoading = !1;
   monthlyTotalsLoaded = !1;
   monthlyTotalsLoading = !1;
   constructor(t) {
@@ -102,7 +102,7 @@ class $ {
     this.monthlyCategoryTotals = t, this.monthlyTotalsLoading = !1, this.monthlyTotalsLoaded = !0;
   };
   setDateRangeCategoryTotals = (t) => {
-    this.dateRangeCategoryTotals = t, this.isLoadingCategoryTotals = !1, this.dateRangeTotalsLoaded = !0;
+    this.dateRangeCategoryTotals = t, this.dateRangeTotalsLoading = !1, this.dateRangeTotalsLoaded = !0;
   };
   get trendsCategories() {
     return this.detailedCategories.filter((t) => t.totalAmount !== 0).filter((t) => t.guid !== l.INVESTMENTS && t.guid !== l.TRANSFER);
@@ -127,8 +127,8 @@ class $ {
     }
   };
   loadDateRangeCategoryTotals = async (t, e, a) => {
-    if (!this.isLoadingCategoryTotals) {
-      this.setIsLoadingCategoryTotals(!0);
+    if (!this.dateRangeTotalsLoading) {
+      this.dateRangeTotalsLoading = !0;
       try {
         const o = await this.api.getDateRangeCategoryTotals(
           n(e),
@@ -153,7 +153,6 @@ class $ {
     }
   };
   reloadCategoryTotals = async (t, e, a) => {
-    this.setIsLoadingCategoryTotals(!0);
     try {
       await this.loadMonthlyCategoryTotals(t, e, a), await this.loadDateRangeCategoryTotals(t, e, a);
     } catch (o) {
@@ -167,9 +166,6 @@ class $ {
       console.error(`Error occurred while removing category: ${e}`);
     }
   };
-  setIsLoadingCategoryTotals = (t) => {
-    this.isLoadingCategoryTotals = t;
-  };
   updateCategory = async (t) => {
     try {
       await this.api.updateCategory(t), await this.loadCategories();
@@ -181,6 +177,6 @@ class $ {
   getCategoryName = (t) => this.categories.find((a) => a.guid === t)?.name ?? p[t];
 }
 export {
-  $ as C,
+  G as C,
   c as a
 };

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
 import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DziMth8p.mjs";
-import { C as g } from "../CategoryStore-1pMmsDQB.mjs";
+import { C as g } from "../CategoryStore-B5k4Rzok.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/categories/stores/CategoryStore.d.ts

@@ -10,7 +10,7 @@ export declare class CategoryStore {
     dateRangeCategoryTotals: DateRangeCategoryTotals[];
     monthlyCategoryTotals: MonthlyCategoryTotals[];
     dateRangeTotalsLoaded: boolean;
-    isLoadingCategoryTotals: boolean;
+    dateRangeTotalsLoading: boolean;
     monthlyTotalsLoaded: boolean;
     monthlyTotalsLoading: boolean;
     constructor(globalStore: GlobalStore);
@@ -29,7 +29,6 @@ export declare class CategoryStore {
     loadMonthlyCategoryTotals: (accounts?: Account[], startDate?: Date, endDate?: Date) => Promise<void>;
     reloadCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
     removeCategory: (guid: string) => Promise<void>;
-    setIsLoadingCategoryTotals: (isLoading: boolean) => void;
     updateCategory: (category: Category) => Promise<void>;
     getCategoryName: (guid: string) => string;
 }

package/dist/common/index.es.js

@@ -2,8 +2,8 @@ import { G as H } from "../useCombineEvents-CRwX-qWE.mjs";
 import { A as zr, a as Yr, u as Qr, b as jr } from "../useCombineEvents-CRwX-qWE.mjs";
 import { F as A, A as g } from "../Fetch-DecPFeGU.mjs";
 import { B as Kr } from "../BeatApi-De2IaqH2.mjs";
-import { C as gt } from "../CategoryStore-1pMmsDQB.mjs";
-import { a as Zr } from "../CategoryStore-1pMmsDQB.mjs";
+import { C as gt } from "../CategoryStore-B5k4Rzok.mjs";
+import { a as Zr } from "../CategoryStore-B5k4Rzok.mjs";
 import { N as mt } from "../NotificationStore-Ck2KdNmT.mjs";
 import { a as ts } from "../NotificationStore-Ck2KdNmT.mjs";
 import { T as _t } from "../User-Byn3qkWJ.mjs";

package/dist/spending/index.es.js

@@ -1,5 +1,5 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import s from "react";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import r from "react";
 import { observer as L } from "mobx-react-lite";
 import { startOfMonth as nt } from "date-fns/startOfMonth";
 import { endOfMonth as ot } from "date-fns/endOfMonth";
@@ -8,10 +8,10 @@ import _ from "@mui/material/Stack";
 import R from "@mui/material/Tab";
 import at from "@mui/material/Tabs";
 import ht from "@mui/material/styles/useTheme";
-import { g as it, a as st, S as $, b as Y } from "../SpendingLegend-BiYBGarP.mjs";
+import { g as it, a as rt, S as $, b as Y } from "../SpendingLegend-BiYBGarP.mjs";
 import { Text as S, Icon as ft } from "@mxenabled/mxui";
 import { f as N } from "../NumberFormatting-DjTD0t3W.mjs";
-import { u as x, m as E, d as rt, b as F, L as lt, a as z, h as ct, g as bt, o as yt } from "../Loader-CTlCnT5j.mjs";
+import { u as x, m as E, d as st, b as F, L as lt, a as z, h as ct, g as bt, o as yt } from "../Loader-CTlCnT5j.mjs";
 import { u as dt } from "../useWidgetLoadTimer-BLzUUy8f.mjs";
 import { M as _t } from "../MiniWidgetContainer-Dw7fDSjS.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
@@ -28,11 +28,11 @@ import { u as wt } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Z } from "../Drawer-DV4NTsFg.mjs";
 import { b as M } from "../Category-CevNQ03n.mjs";
 import { A as tt, W as vt } from "../WidgetContainer-Dw95CQIX.mjs";
-const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column", children: [
+const O = ({ amount: n, label: d }) => /* @__PURE__ */ s(_, { direction: "column", children: [
   /* @__PURE__ */ t(S, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
   /* @__PURE__ */ t(S, { variant: "XSmall", children: N(n, "0,0") })
 ] }), It = () => {
-  const n = ht(), { goals: d, spending: o } = x(), { categories: a, dateRangeCategoryTotals: i } = E(), l = s.useMemo(
+  const n = ht(), { goals: d, spending: o } = x(), { categories: a, dateRangeCategoryTotals: i } = E(), l = r.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -42,19 +42,19 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, c] = s.useState(""), [g, C] = s.useState(0), u = s.useMemo(
+  ), [e, c] = r.useState(""), [g, C] = r.useState(0), u = r.useMemo(
     () => it(a, d, n, i),
     [a, i]
-  ), p = s.useMemo(
-    () => st(a, i, l),
+  ), p = r.useMemo(
+    () => rt(a, i, l),
     [a, i, l]
   ), w = (y, T) => {
     C(T), c("");
   }, f = (y) => {
     c(e === y ? "" : y);
   };
-  return /* @__PURE__ */ r(D, { width: "100%", children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(D, { width: "100%", children: [
+    /* @__PURE__ */ s(
       at,
       {
         "aria-label": o.mini_title,
@@ -102,7 +102,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
         hidden: g !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ r(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ s(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
             $,
             {
@@ -123,7 +123,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
         hidden: g !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ r(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ s(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
             $,
             {
@@ -140,13 +140,13 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
     )
   ] });
 }, At = L(It), Et = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = rt(), { dateRangeTotalsLoaded: i, categoriesLoaded: l, loadCategories: e, loadDateRangeCategoryTotals: c } = E(), { spending: g } = x(), { isInitialized: C, selectedAccounts: u } = F();
+  const { isAccountDataLoaded: o, loadAccountData: a } = st(), { dateRangeTotalsLoaded: i, categoriesLoaded: l, loadCategories: e, loadDateRangeCategoryTotals: c } = E(), { spending: g } = x(), { isInitialized: C, selectedAccounts: u } = F();
   return dt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
-  }), s.useEffect(() => {
+  }), r.useEffect(() => {
     o || a().finally(), l || e().finally();
-  }, []), s.useEffect(() => {
+  }, []), r.useEffect(() => {
     c(
       u,
       nt(/* @__PURE__ */ new Date()),
@@ -170,10 +170,10 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
   title: a
 }) => {
   const { spending: i } = x(), l = n.categoryData.find((e) => e.guid === o);
-  return /* @__PURE__ */ r(_, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+  return /* @__PURE__ */ s(_, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ t(S, { bold: !0, id: "spending-list-title", sx: { py: 12 }, children: `${a} ${i.by_category}` }),
     /* @__PURE__ */ t(V, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(J, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ r(s.Fragment, { children: [
+    /* @__PURE__ */ t(J, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ s(r.Fragment, { children: [
       /* @__PURE__ */ t(
         Q,
         {
@@ -182,7 +182,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
           sx: {
             minHeight: 44
           },
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ s(
             xt,
             {
               "aria-expanded": l?.guid === e.guid,
@@ -200,7 +200,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
                     width: 8
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ s(
                   _,
                   {
                     alignItems: "center",
@@ -219,7 +219,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
         }
       ),
       /* @__PURE__ */ t(V, {}),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(Lt, { in: l?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ r(J, { children: [
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(Lt, { in: l?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ s(J, { children: [
         l?.categoryTotals?.map((c) => /* @__PURE__ */ t(
           Q,
           {
@@ -228,8 +228,8 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ r(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ r(S, { children: [
+            children: /* @__PURE__ */ s(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ s(S, { children: [
                 c.name,
                 " "
               ] }),
@@ -250,8 +250,8 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
   selectedId: a,
   title: i
 }) => {
-  const { isDesktop: l, isMobile: e } = wt(), { isLoadingCategoryTotals: c } = E(), { spending: g } = x();
-  return /* @__PURE__ */ r(
+  const { isDesktop: l, isMobile: e } = wt(), { categoriesLoading: c } = E(), { spending: g } = x();
+  return /* @__PURE__ */ s(
     _,
     {
       alignItems: e ? "center" : "flex-start",
@@ -312,13 +312,13 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
     sortedTransactions: p,
     sortedTransactionsWithSplits: w,
     tags: f
-  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [v, W] = s.useState(""), [b, k] = s.useState(T === "income" ? 1 : 0), [I, P] = s.useState(""), [gt, H] = s.useState(!1), B = s.useMemo(
+  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [v, W] = r.useState(""), [b, k] = r.useState(T === "income" ? 1 : 0), [I, P] = r.useState(""), [gt, H] = r.useState(!1), B = r.useMemo(
     () => it(a, l, n, i),
     [a, i]
-  ), K = s.useMemo(
-    () => st(a, i, $t(n)),
+  ), K = r.useMemo(
+    () => rt(a, i, $t(n)),
     [a, i]
-  ), G = s.useMemo(
+  ), G = r.useMemo(
     () => p.find((m) => m.guid === I),
     [I, p]
   ), pt = (m, A) => {
@@ -352,8 +352,8 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
   }, ut = () => {
     Tt(w, f);
   };
-  return /* @__PURE__ */ r(D, { children: [
-    /* @__PURE__ */ r(at, { onChange: pt, value: b, variant: "fullWidth", children: [
+  return /* @__PURE__ */ s(D, { children: [
+    /* @__PURE__ */ s(at, { onChange: pt, value: b, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         R,
         {
@@ -406,7 +406,7 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
         isOpen: gt,
         onClose: () => H(!1),
         title: e.transactions_drawer_title,
-        children: /* @__PURE__ */ r(_, { children: [
+        children: /* @__PURE__ */ s(_, { children: [
           !d && p.length > 0 && /* @__PURE__ */ t(_, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
             Ct,
             {
@@ -432,13 +432,13 @@ const O = ({ amount: n, label: d }) => /* @__PURE__ */ r(_, { direction: "column
     )
   ] });
 }, kt = L(Ot), Bt = ({ onBackClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = rt(), { categoriesLoaded: i, dateRangeTotalsLoaded: l, loadCategories: e, loadDateRangeCategoryTotals: c } = E(), { isTransactionDataLoaded: g, loadTransactionData: C } = ct(), { spending: u } = x(), { displayedDateRange: p, isInitialized: w, setDisplayedDate: f, selectedAccounts: y } = F(), { onEvent: T } = bt(), { onLoad: v } = yt(), { clientConfig: W } = z(), b = W?.master?.deep_link_params?.date_range;
+  const { isAccountDataLoaded: o, loadAccountData: a } = st(), { categoriesLoaded: i, dateRangeTotalsLoaded: l, loadCategories: e, loadDateRangeCategoryTotals: c } = E(), { isTransactionDataLoaded: g, loadTransactionData: C } = ct(), { spending: u } = x(), { displayedDateRange: p, isInitialized: w, setDisplayedDate: f, selectedAccounts: y } = F(), { onEvent: T } = bt(), { onLoad: v } = yt(), { clientConfig: W } = z(), b = W?.master?.deep_link_params?.date_range;
   dt({
     widgetName: "SpendingWidget",
     isLoaded: l
-  }), s.useEffect(() => {
+  }), r.useEffect(() => {
     b && Array.isArray(b) && b.length === 2 ? f(b[0], b[1]) : f(nt(q()), ot(q())), o || a().finally(), i || e().finally(), g || C().finally(), T(tt.SPENDING_VIEW);
-  }, []), s.useEffect(() => {
+  }, []), r.useEffect(() => {
     c(
       y,
       p.start,

package/package.json

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