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

package/dist/{CashflowStore-CA190BPF.mjs → CashflowStore-D9Dpuz7X.mjs}

@@ -2,40 +2,47 @@ import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import c from "@mui/material/IconButton";
 import m from "@mui/material/Stack";
 import l from "@mui/material/Tooltip";
-import { Icon as p, Text as n } from "@mxenabled/mxui";
+import { Text as s, Icon as p, IconWeight as h } from "@mxenabled/mxui";
 import { makeAutoObservable as i } from "mobx";
 import { addDays as d } from "date-fns/addDays";
-import { differenceInDays as h } from "date-fns/differenceInDays";
-import { endOfMonth as f } from "date-fns/endOfMonth";
-import { isBefore as x } from "date-fns/isBefore";
+import { differenceInDays as f } from "date-fns/differenceInDays";
+import { endOfMonth as x } from "date-fns/endOfMonth";
+import { isBefore as u } from "date-fns/isBefore";
 import { startOfToday as r } from "date-fns/startOfToday";
-const U = ({
+const g = ({
   body: o,
   iconName: e = "info",
-  title: s
+  title: n
 }) => /* @__PURE__ */ t(
   l,
   {
     enterTouchDelay: 500,
     title: /* @__PURE__ */ a(m, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-      /* @__PURE__ */ t(n, { bold: !0, variant: "body1", children: s }),
-      /* @__PURE__ */ t(n, { sx: { whiteSpace: "unset" }, variant: "body2", children: o })
+      /* @__PURE__ */ t(s, { bold: !0, variant: "Body", children: n }),
+      /* @__PURE__ */ t(s, { sx: { whiteSpace: "unset" }, variant: "Small", children: o })
     ] }),
     children: /* @__PURE__ */ t(
       c,
       {
-        "aria-label": s,
+        "aria-label": n,
         sx: {
           minHeight: 0,
           minWidth: 0,
           p: 0
         },
-        children: /* @__PURE__ */ t(p, { name: e, sx: { color: "primary.main", fontSize: 16 } })
+        children: /* @__PURE__ */ t(
+          p,
+          {
+            name: e,
+            sx: { color: "primary.main", fontSize: 16 },
+            weight: h.Dark
+          }
+        )
       }
     )
   }
-);
-class u {
+), E = g;
+class I {
   // Cashflow is hard-coded to display 30 days starting from today
   dateRange = { start: r(), end: d(r(), 30) };
   isDirty = !1;
@@ -47,13 +54,13 @@ class u {
   }
   // Returns the number of days until the next income activity or 0 if there is no income activity
   get daysUntilNextIncome() {
-    return this.nextIncome ? Math.abs(h(r(), this.nextIncome.expectedDate)) : 0;
+    return this.nextIncome ? Math.abs(f(r(), this.nextIncome.expectedDate)) : 0;
   }
   // Returns the expenses (Activities) until the  next income activity or the end of the month
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => x(e.expectedDate, this.nextIncome?.expectedDate || f(/* @__PURE__ */ new Date()))
+      (e) => u(e.expectedDate, this.nextIncome?.expectedDate || x(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -64,11 +71,11 @@ class u {
   };
   setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
 }
-class A {
+class _ {
   globalStore;
   uiStore;
   constructor(e) {
-    this.globalStore = e, this.uiStore = new u(), i(this);
+    this.globalStore = e, this.uiStore = new I(), i(this);
   }
   completeOnboarding = async () => {
     const e = {
@@ -79,6 +86,6 @@ class A {
   };
 }
 export {
-  A as C,
-  U as I
+  _ as C,
+  E as I
 };

package/dist/{Category-Ccoew_sA.mjs → Category-CevNQ03n.mjs}

@@ -293,9 +293,9 @@ const A = {
   UNKNOWN: "help"
 };
 export {
-  E as C,
+  T as C,
   e as P,
-  T as a,
+  E as a,
   A as b,
   a as c
 };

package/dist/{CategorySelectorDrawer-Dl006GKy.mjs → CategorySelectorDrawer-B-I3kajA.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as E } from "react/jsx-runtime";
 import { observer as g } from "mobx-react-lite";
 import C from "react";
 import $ from "@mui/material/Stack";
-import { G as K, m as b, u as y, g as D, b as U } from "./hooks-C41HAxM5.mjs";
+import { G as K, m as y, u as b, g as D, b as U } from "./hooks-ZMp65DFz.mjs";
 import Y from "@mui/material/List";
 import V from "@mui/material/Paper";
 import v from "@mui/material/Divider";
@@ -12,21 +12,21 @@ import N from "@mui/material/ListItemButton";
 import F from "@mui/material/ListItemIcon";
 import G from "@mui/material/ListItemText";
 import { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxenabled/mx-icons";
-import { Text as I, TextField as q, CategoryIcon as H } from "@mxenabled/mxui";
+import { Text as B, TextField as q, CategoryIcon as H } from "@mxenabled/mxui";
 import J from "@mui/material/Collapse";
 import Q from "@mui/material/DialogContent";
 import { b as S } from "./Localization-2MODESHW.mjs";
-import { D as Z } from "./Dialog-CDV0kKxj.mjs";
+import { D as Z } from "./Dialog-BPTr3qHE.mjs";
 import ee from "@mui/material/Box";
 import te from "@mui/material/Chip";
-import B from "@mui/material/IconButton";
-import { L as k } from "./Loader-Ckqi9Rx6.mjs";
-import { S as oe } from "./SearchBox-B7km148n.mjs";
-import { D as ae } from "./Drawer-BF40nbsH.mjs";
+import I from "@mui/material/IconButton";
+import { S as oe } from "./SearchBox-B2_zLv8-.mjs";
+import { L as k } from "./Loader-DUaFpDGv.mjs";
+import { D as ae } from "./Drawer-By9V-B5L.mjs";
 const p = () => {
   if (!C.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return b().uiStore;
+  return y().uiStore;
 }, m = {
   ON_CATEGORY_EXPANDED: "onCategoryExpanded",
   ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
@@ -48,7 +48,7 @@ const re = ({
   isOpen: c,
   type: s
 }) => {
-  const [a, i] = C.useState(e), { categories: n } = y(), { setShouldDisableDrawerScroll: l } = p();
+  const [a, i] = C.useState(e), { categories: n } = b(), { setShouldDisableDrawerScroll: l } = p();
   let u = "", d = [];
   const _ = s === "delete";
   switch (s) {
@@ -61,7 +61,7 @@ const re = ({
     case "delete":
       u = n.delete_subcategory_heading, d = S(
         n.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(I, { bold: !0, children: S(n.all_parent_category, e) })
+        /* @__PURE__ */ t(B, { bold: !0, children: S(n.all_parent_category, e) })
       );
       break;
   }
@@ -79,7 +79,7 @@ const re = ({
       onPrimaryAction: () => {
         l(!1), r(a);
       },
-      children: /* @__PURE__ */ t(Q, { children: _ ? /* @__PURE__ */ t(I, { children: d }) : /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t(Q, { children: _ ? /* @__PURE__ */ t(B, { children: d }) : /* @__PURE__ */ t(
         q,
         {
           inputProps: {
@@ -95,7 +95,7 @@ const re = ({
     }
   );
 }, R = g(re), ne = ({ parentCategory: e }) => {
-  const [o, r] = C.useState(!1), { addCategory: c } = b(), { categories: s } = y(), { onEvent: a } = D(), { setShouldDisableDrawerScroll: i } = p(), n = async (d) => {
+  const [o, r] = C.useState(!1), { addCategory: c } = y(), { categories: s } = b(), { onEvent: a } = D(), { setShouldDisableDrawerScroll: i } = p(), n = async (d) => {
     await c(d.trim(), e.guid), a(m.ON_SUBCATEGORY_ADDED), r(!1);
   }, l = async () => {
     a(m.ON_SUBCATEGORY_ADD_CLICK), i(!0), r(!0);
@@ -107,7 +107,7 @@ const re = ({
       G,
       {
         primary: s.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "body1" }
+        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -125,7 +125,7 @@ const re = ({
   subCategory: o,
   showRename: r
 }) => {
-  const { updateCategory: c } = b(), { onEvent: s } = D(), a = async (n) => {
+  const { updateCategory: c } = y(), { onEvent: s } = D(), a = async (n) => {
     await c({ ...o, name: n }), s(m.ON_SUBCATEGORY_SAVED), e(!1);
   }, i = () => {
     e(!1), s(m.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
@@ -146,7 +146,7 @@ const re = ({
   setShowDelete: r,
   subCategory: c
 }) => {
-  const { onEvent: s } = D(), { removeCategory: a } = b(), i = () => {
+  const { onEvent: s } = D(), { removeCategory: a } = y(), i = () => {
     r(!1), s(m.ON_SUBCATEGORY_DELETE_CLICK);
   }, n = async () => {
     s(m.ON_SUBCATEGORY_DELETED), await a(c.guid), r(!1);
@@ -170,7 +170,7 @@ const re = ({
     showSelected: i,
     unselectable: n,
     unselectableText: l
-  } = p(), { categories: u } = y(), { onEvent: d } = D(), [_, h] = C.useState(!1), [f, O] = C.useState(!1), T = !!o.revision, A = o.guid === c, w = !n.some((P) => P === o.guid);
+  } = p(), { categories: u } = b(), { onEvent: d } = D(), [_, h] = C.useState(!1), [f, O] = C.useState(!1), T = !!o.revision, A = o.guid === c, w = !n.some((P) => P === o.guid);
   return /* @__PURE__ */ E(
     x,
     {
@@ -193,7 +193,7 @@ const re = ({
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
+                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
                 }
               ),
               i && A && /* @__PURE__ */ t(M, { fontSize: "small" }),
@@ -203,7 +203,7 @@ const re = ({
         ),
         T && /* @__PURE__ */ E(ee, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
           /* @__PURE__ */ t(
-            B,
+            I,
             {
               "aria-label": S(u.edit_subcategory_aria, o.name),
               onClick: () => {
@@ -213,7 +213,7 @@ const re = ({
             }
           ),
           /* @__PURE__ */ t(
-            B,
+            I,
             {
               "aria-label": S(u.delete_subcategory_aria, o.name),
               edge: "end",
@@ -290,7 +290,7 @@ const re = ({
             G,
             {
               primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
+              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
             }
           ),
           /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
@@ -310,7 +310,7 @@ const re = ({
     /* @__PURE__ */ t(ge, { categories: o, parentCategory: e })
   ] });
 }, Ee = g(_e), pe = () => {
-  const { categories: e } = b(), { searchValue: o } = p(), { categories: r } = y(), s = ((a, i = "") => a.reduce((n, l) => {
+  const { categories: e } = y(), { searchValue: o } = p(), { categories: r } = b(), s = ((a, i = "") => a.reduce((n, l) => {
     if (l.parent_guid === null) {
       const d = [
         {
@@ -342,7 +342,7 @@ const re = ({
   unselectable: c = [],
   unselectableText: s = "Unselectable"
 }) => {
-  const { categories: a, loadCategories: i } = b(), { common: n } = y(), { isCopyLoaded: l } = U(), {
+  const { categories: a, loadCategories: i } = y(), { common: n } = b(), { isCopyLoaded: l } = U(), {
     searchValue: u,
     setOnSelect: d,
     setSearchValue: _,
@@ -370,14 +370,14 @@ const re = ({
     ),
     /* @__PURE__ */ t(he, {})
   ] }) : /* @__PURE__ */ t(k, {});
-}, be = g(Se), ye = ({
+}, ye = g(Se), be = ({
   id: e,
   onClose: o,
   title: r,
   showDrawer: c,
   ...s
 }) => {
-  const { common: a } = y(), { isCopyLoaded: i } = U();
+  const { common: a } = b(), { isCopyLoaded: i } = U();
   return i ? /* @__PURE__ */ t(
     ae,
     {
@@ -387,12 +387,12 @@ const re = ({
       isOpen: c,
       onClose: o,
       title: r,
-      children: /* @__PURE__ */ t(be, { ...s })
+      children: /* @__PURE__ */ t(ye, { ...s })
     }
   ) : /* @__PURE__ */ t(k, {});
-}, ze = g(ye);
+}, ze = g(be);
 export {
-  be as C,
+  ye as C,
   ze as a,
   Ee as b,
   p as u

package/dist/CategoryStore-CA3tS1BO.mjs

@@ -0,0 +1,186 @@
+import { makeAutoObservable as C, runInAction as l } from "mobx";
+import { getUnixTime as r } from "date-fns/getUnixTime";
+import { subMonths as h } from "date-fns/subMonths";
+import { startOfMonth as d } from "date-fns/startOfMonth";
+import { endOfMonth as y } from "date-fns/endOfMonth";
+import { a as m, g as p } from "./CategoryUtil-DUM8NuGO.mjs";
+import { F as f, A as i } from "./Fetch-DecPFeGU.mjs";
+import { b as g, c as S } from "./Category-CevNQ03n.mjs";
+class u {
+  fetchInstance;
+  constructor(t, e, o) {
+    this.fetchInstance = new f(t, e, void 0, o);
+  }
+  addCategory = async (t) => this.fetchInstance.post(i.CATEGORIES, t).then((e) => e.category);
+  getCategories = async () => this.fetchInstance.get(i.CATEGORIES).then((t) => t.categories);
+  getDateRangeCategoryTotals = async (t, e, o) => o.length === 0 ? [] : this.fetchInstance.post(`${i.DATE_RANGE_CATEGORY_TOTALS}/from/${t}/to/${e}`, {
+    account_guid: o.map((a) => a.guid)
+  }).then((a) => a.date_range_category_totals);
+  getMonthlyCategoryTotals = async (t, e, o) => {
+    try {
+      const a = `${i.MONTHLY_CATEGORY_TOTALS}/from/${t}/to/${e}`;
+      if (o) {
+        const s = o.length === 0 ? [""] : o.map((T) => T.guid);
+        return (await this.fetchInstance.post(a, { account_guid: s })).monthly_category_totals;
+      } else
+        return (await this.fetchInstance.get(a)).monthly_category_totals;
+    } catch (a) {
+      throw console.error("Error fetching monthly category totals:", a), a;
+    }
+  };
+  removeCategory = async (t) => this.fetchInstance.delete(`${i.CATEGORIES}/${t}`);
+  updateCategory = async (t) => this.fetchInstance.put(`${i.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
+}
+class w {
+  expandedGuid = null;
+  selectedGuid = null;
+  searchValue = "";
+  showSelected = !0;
+  shouldDisableDrawerScroll = !1;
+  unselectable = [];
+  unselectableText = "";
+  savedOnSelect;
+  // todo
+  constructor() {
+    C(this);
+  }
+  setExpandedGuid = (t) => this.expandedGuid = t;
+  setSelectedGuid = (t) => this.selectedGuid = t;
+  setSearchValue = (t) => this.searchValue = t;
+  setShouldDisableDrawerScroll = (t) => this.shouldDisableDrawerScroll = t;
+  setShowSelected = (t) => this.showSelected = t;
+  setUnselectable = (t) => this.unselectable = t;
+  setUnselectableText = (t) => this.unselectableText = t;
+  onSelect = (t) => this.savedOnSelect(t);
+  setOnSelect = (t) => this.savedOnSelect = t;
+}
+class G {
+  globalStore;
+  uiStore;
+  api = new u("/", "");
+  categories = [];
+  dateRangeCategoryTotals = [];
+  monthlyCategoryTotals = [];
+  dataRangeTotalsLoaded = !1;
+  isLoadingCategoryTotals = !1;
+  monthlyTotalsLoaded = !1;
+  constructor(t) {
+    this.globalStore = t, this.uiStore = new w(), this.api = new u(t.endpoint, t.sessionToken, t.onError), C(this);
+  }
+  get detailedCategories() {
+    return m(
+      this.categories,
+      this.dateRangeCategoryTotals,
+      this.monthlyCategoryTotals
+    );
+  }
+  get detailedCategoriesWithTransactions() {
+    return p(
+      this.detailedCategories,
+      this.globalStore.transactionStore.sortedTransactions
+    );
+  }
+  get incomeCategories() {
+    return this.detailedCategories.filter((t) => t.is_income);
+  }
+  get spendCategories() {
+    return this.detailedCategories.filter(
+      (t) => !t.is_income && !t.isTransfer && t.guid !== g.INVESTMENTS
+    );
+  }
+  get transferCategories() {
+    return this.detailedCategories.filter((t) => t.isTransfer);
+  }
+  get trendsCategories() {
+    return this.detailedCategories.filter((t) => t.totalAmount !== 0).filter((t) => t.guid !== g.INVESTMENTS && t.guid !== g.TRANSFER);
+  }
+  addCategory = async (t, e) => {
+    const o = { name: t, parent_guid: e };
+    try {
+      await this.api.addCategory(o), await this.loadCategories();
+    } catch (a) {
+      console.error(`Error occurred while adding category: ${a}`);
+    }
+  };
+  loadCategories = async (t) => {
+    try {
+      const e = t || await this.api.getCategories(), { default_categories: o } = this.globalStore.copyStore.copy.categories;
+      l(() => {
+        this.categories = e.map((a) => ({
+          ...a,
+          name: o[a.guid] ? o[a.guid].replace(/&/g, "&") : a.name
+        }));
+      });
+    } catch (e) {
+      console.error(`Error occurred while getting categories: ${e}`);
+    }
+  };
+  loadDateRangeCategoryTotals = async (t, e, o) => {
+    this.setIsLoadingCategoryTotals(!0);
+    try {
+      const a = await this.api.getDateRangeCategoryTotals(
+        r(e),
+        r(o),
+        t
+      );
+      l(() => {
+        this.dateRangeCategoryTotals = a, this.setIsLoadingCategoryTotals(!1), this.dataRangeTotalsLoaded = !0;
+      });
+    } catch (a) {
+      this.setIsLoadingCategoryTotals(!1), console.error(`Error occurred while getting date range category totals: ${a}`);
+    }
+  };
+  loadMonthlyCategoryTotals = async (t = this.globalStore.globalUiStore.selectedAccounts, e, o) => {
+    const a = r(d(e ?? h(/* @__PURE__ */ new Date(), 11))), s = r(y(o ?? /* @__PURE__ */ new Date()));
+    try {
+      const n = await this.api.getMonthlyCategoryTotals(a, s, t);
+      l(() => {
+        this.monthlyCategoryTotals = n, this.monthlyTotalsLoaded = !0;
+      });
+    } catch (n) {
+      console.error(`Error occurred while getting monthly category totals: ${n}`);
+    }
+  };
+  reloadCategoryTotals = async (t, e, o) => {
+    this.setIsLoadingCategoryTotals(!0);
+    try {
+      const a = await this.api.getDateRangeCategoryTotals(
+        r(e),
+        r(o),
+        t
+      ), s = await this.api.getMonthlyCategoryTotals(
+        r(d(h(o, 11))),
+        r(y(o)),
+        t
+      );
+      l(() => {
+        this.dateRangeCategoryTotals = a, this.monthlyCategoryTotals = s, this.dataRangeTotalsLoaded = !0, this.monthlyTotalsLoaded = !0, this.setIsLoadingCategoryTotals(!1);
+      });
+    } catch (a) {
+      console.error(`Error occurred while getting category totals: ${a}`);
+    }
+  };
+  removeCategory = async (t) => {
+    try {
+      await this.api.removeCategory(t), await this.loadCategories();
+    } catch (e) {
+      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();
+    } catch (e) {
+      console.error(`Error occurred while updating category: ${e}`);
+    }
+  };
+  // TODO: Remove this after refactoring Trends components to use detailedCategories
+  getCategoryName = (t) => this.categories.find((o) => o.guid === t)?.name ?? S[t];
+}
+export {
+  G as C,
+  u as a
+};

package/dist/CategoryUtil-DUM8NuGO.mjs

@@ -0,0 +1,78 @@
+import { format as l } from "date-fns/format";
+import { startOfMonth as h } from "date-fns/startOfMonth";
+import { startOfToday as M } from "date-fns/startOfToday";
+import { subMonths as T } from "date-fns/subMonths";
+import { CategoryIconList as C } from "@mxenabled/mxui";
+import { C as N, a as O, b } from "./Category-CevNQ03n.mjs";
+import { f as D, a as E } from "./Dialog-BPTr3qHE.mjs";
+const R = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
+  (e) => _(
+    e,
+    r,
+    t,
+    n.filter((o) => o.parent_guid === e.guid)
+  )
+), x = (n, r) => {
+  const t = C.find((e) => e.guid === n);
+  return t ? r.palette.categories[t.colorName] || "" : r.palette.categories.uncategorized || "";
+}, _ = (n, r, t, e = []) => {
+  const o = n.guid, i = n.parent_guid || o, u = o === i, s = r.find((a) => a.category_guid === o)?.total || 0, c = f(
+    t.filter((a) => a.category_guid === o)
+  ), g = f(
+    t.filter(
+      (a) => a.category_guid === o || a.top_level_category_guid === o
+    )
+  ), m = e.map(
+    (a) => _(a, r, t)
+  ), p = m.reduce(
+    (a, A) => a + A.currentAmount,
+    s
+  );
+  return {
+    ...n,
+    currentAmount: s,
+    averageAmount: y(c),
+    color: N[i],
+    icon: O[i],
+    isTransfer: i === b.TRANSFER,
+    monthlyAmounts: c,
+    subCategories: m,
+    totalAmount: u ? p : 0,
+    totalAverageAmount: y(g),
+    totalMonthlyAmounts: u ? g : []
+  };
+}, k = (n, r) => n.map((t) => {
+  const e = r.filter(
+    (o) => o.category_guid === t.guid || o.top_level_category_guid === t.guid
+  );
+  return {
+    ...t,
+    transactions: e
+  };
+}), y = (n, r = R) => {
+  const t = r > history.length ? history.length : r;
+  return Math.ceil(
+    Math.max(
+      0,
+      n.slice(-t).reduce((e, o) => e + o.amount, 0) / t
+    )
+  );
+}, f = (n) => {
+  const r = [], t = M();
+  for (let e = 0; e <= d; e++) {
+    const o = h(T(t, d - e)), u = n.filter(
+      (s) => s.year_month === Number(l(o, "yyyyMM"))
+    ).reduce((s, c) => s + c.total, 0);
+    r.push({
+      amount: u,
+      isoDate: l(o, "yyyy-MM-dd"),
+      label: D(o, E.MONTH_YEAR)
+    });
+  }
+  return r;
+};
+export {
+  Y as a,
+  x as b,
+  k as g
+};