@mx-cartographer/experiences 7.2.15-alpha-ram2-finstromg-testing → 7.2.15-alpha-ram3-finstromg-testing

package/dist/{CategoryStore-C1IfDPCE.mjs → CategoryStore-CKS21I3F.mjs}

@@ -120,7 +120,7 @@ class G {
         r(o),
         t
       );
-      l(() => {
+      console.log(e, o, "start date", "enddate"), console.log(a, "totals"), l(() => {
         this.dateRangeCategoryTotals = a, this.setIsLoadingCategoryTotals(!1), this.dataRangeTotalsLoaded = !0;
       });
     } catch (a) {

package/dist/{SpendingLegend-CW8mIzqd.mjs → SpendingLegend-Dnwcmcda.mjs}

@@ -1,6 +1,6 @@
 import { b as S } from "./CategoryUtil-DUM8NuGO.mjs";
 import { b as p } from "./Category-CevNQ03n.mjs";
-import { jsxs as y, Fragment as v, jsx as m } from "react/jsx-runtime";
+import { jsxs as y, Fragment as v, jsx as d } from "react/jsx-runtime";
 import x from "react";
 import { observer as w } from "mobx-react-lite";
 import f from "@mui/material/Stack";
@@ -13,75 +13,76 @@ import { u as j } from "./hooks-C41HAxM5.mjs";
 import { u as R } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-Buh7u8Oi.mjs";
 import $ from "@mui/material/Box";
-const T = 5, B = (r, l, u) => u.reduce((g, t) => {
+const T = 5, B = (r, l, g) => g.reduce((s, t) => {
   if (t.total > 0) {
     const n = r.find((e) => e.guid === t.category_guid);
-    if (!n) return g;
-    const s = n.parent_guid ?? n.guid, o = r.find((e) => e.guid === s);
-    if (!o) return g;
+    if (!n) return s;
+    const u = n.parent_guid ?? n.guid, o = r.find((e) => e.guid === u);
+    if (!o) return s;
     const a = {
       guid: n.guid,
-      name: n.guid === s ? `General ${n.name}` : n.name,
+      name: n.guid === u ? `General ${n.name}` : n.name,
       color: S(o.guid, l),
       amount: t.total
-    }, c = g.find((e) => e.guid === s);
-    c ? (c.amount += t.total, c.categoryTotals?.push(a)) : g.push({
-      guid: s,
+    }, c = s.find((e) => e.guid === u);
+    c ? (c.amount += t.total, c.categoryTotals?.push(a)) : s.push({
+      guid: u,
       name: o.name,
       color: S(o.guid, l),
       categoryTotals: [a],
       amount: t.total
     });
   }
-  return g;
-}, []), to = (r, l, u, g) => {
-  const t = B(r, u, g), n = t.filter(
+  return s;
+}, []), to = (r, l, g, s) => {
+  console.log(s, "daterangecategorytotals"), console.log(r, "categories");
+  const t = B(r, g, s), n = t.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER
-  ).sort((e, d) => d.amount - e.amount), s = n.reduce(
-    (e, d) => e + d.amount,
+  ).sort((e, m) => m.amount - e.amount), u = n.reduce(
+    (e, m) => e + m.amount,
     0
   ), o = n.length > T ? T : n.length, a = n.slice(0, o), c = a.map((e) => ({
     id: e.guid,
-    color: S(e.guid, u),
+    color: S(e.guid, g),
     label: e.name,
-    value: e.amount / s * 100
+    value: e.amount / u * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(T, t.length), d = e.reduce(
+    const e = n.slice(T, t.length), m = e.reduce(
       (C, i) => C + i.amount,
       0
     );
     a.push({
       guid: "other",
-      color: u.palette.categories.others || "",
+      color: g.palette.categories.others || "",
       name: l.saving_goal_other,
       categoryTotals: e,
-      amount: d
+      amount: m
     }), c.push({
       id: "other",
-      color: u.palette.categories.others || "",
+      color: g.palette.categories.others || "",
       label: l.saving_goal_other,
-      value: d / s * 100
+      value: m / u * 100
     });
   }
   return {
     categoryData: a,
     donutData: c,
-    totalAmount: s
+    totalAmount: u
   };
-}, no = (r, l, u) => {
-  const g = r.filter(
+}, no = (r, l, g) => {
+  const s = r.filter(
     (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
-  ), t = l.filter((o) => g.some((a) => a.guid === o.category_guid)).sort((o, a) => o.total - a.total).map((o, a) => ({
+  ), t = l.filter((o) => s.some((a) => a.guid === o.category_guid)).sort((o, a) => o.total - a.total).map((o, a) => ({
     guid: o.category_guid,
     name: r.find((c) => c.guid === o.category_guid)?.name,
-    color: u[a],
+    color: g[a],
     categoryTotals: [],
     amount: Math.abs(o.total)
   })), n = t.reduce(
     (o, a) => o + a.amount,
     0
-  ), s = t.map((o) => ({
+  ), u = t.map((o) => ({
     id: o.guid,
     color: o.color,
     label: o.name,
@@ -89,35 +90,35 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
   }));
   return {
     categoryData: t,
-    donutData: s,
+    donutData: u,
     totalAmount: n
   };
 }, H = ({
   data: r,
   isIncome: l = !1,
-  onSelected: u,
-  onViewTransactions: g,
+  onSelected: g,
+  onViewTransactions: s,
   selectedId: t,
   size: n = 150,
-  totalLabel: s,
+  totalLabel: u,
   variant: o = "mini"
 }) => {
-  const { spending: a } = j(), c = A(), { isTablet: e } = R(), { announce: d, ariaLive: C } = k(), i = x.useMemo(
+  const { spending: a } = j(), c = A(), { isTablet: e } = R(), { announce: m, ariaLive: C } = k(), i = x.useMemo(
     () => t ? r.categoryData.find((b) => b.guid === t) : void 0,
     [t]
   );
   x.useEffect(() => {
     if (i) {
       const b = D(i.amount, "0,0");
-      d(`${i.name}: ${b}`);
+      m(`${i.name}: ${b}`);
     }
-  }, [i, d]);
+  }, [i, m]);
   const _ = x.useMemo(() => r.donutData.length > 0 ? r.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [r, c]), E = () => {
-    g?.(t);
+    s?.(t);
   }, I = e ? 32 : 48;
   return /* @__PURE__ */ y(v, { children: [
     C,
-    /* @__PURE__ */ m(O, { data: _, onClick: u, selectedId: t, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ d(O, { data: _, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ d(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       i && /* @__PURE__ */ y(
         f,
         {
@@ -127,7 +128,7 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
           mt: o === "mini" ? 0 : -16,
           sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
-            /* @__PURE__ */ m(
+            /* @__PURE__ */ d(
               M,
               {
                 categoryGuid: l ? p.INCOME : i.guid,
@@ -135,22 +136,22 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
                 variant: N.Transparent
               }
             ),
-            /* @__PURE__ */ m(
+            /* @__PURE__ */ d(
               h,
               {
                 color: "secondary",
                 noWrap: !0,
                 variant: o === "mini" ? "Tiny" : "Body",
-                children: i ? i.name : s
+                children: i ? i.name : u
               }
             )
           ]
         }
       ),
-      !i && o === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: s }),
-      /* @__PURE__ */ m(h, { variant: o === "mini" ? "H2" : "H1", children: i ? D(i.amount, "0,0") : D(r.totalAmount, "0,0") }),
-      !i && o === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: s }),
-      o === "full" && /* @__PURE__ */ m(
+      !i && o === "full" && /* @__PURE__ */ d(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: u }),
+      /* @__PURE__ */ d(h, { variant: o === "mini" ? "H2" : "H1", children: i ? D(i.amount, "0,0") : D(r.totalAmount, "0,0") }),
+      !i && o === "mini" && /* @__PURE__ */ d(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: u }),
+      o === "full" && /* @__PURE__ */ d(
         G,
         {
           "aria-label": `View ${i?.name || ""} Transactions`,
@@ -163,26 +164,26 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
       )
     ] }) }) })
   ] });
-}, eo = w(H), ro = ({ data: r, onSelected: l, selectedId: u }) => {
-  const g = (t, n) => {
+}, eo = w(H), ro = ({ data: r, onSelected: l, selectedId: g }) => {
+  const s = (t, n) => {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
   };
-  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: r.categoryData.map((t) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ d(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: r.categoryData.map((t) => /* @__PURE__ */ y(
     f,
     {
       alignItems: "center",
       "aria-label": t.name,
-      "aria-pressed": t.guid === u,
+      "aria-pressed": t.guid === g,
       direction: "row",
       gap: 8,
       onClick: () => l(t.guid),
-      onKeyDown: (n) => g(n, t.guid),
+      onKeyDown: (n) => s(n, t.guid),
       role: "button",
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ m($, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
-        /* @__PURE__ */ m(h, { bold: t.guid === u, variant: "XSmall", children: t.name })
+        /* @__PURE__ */ d($, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
+        /* @__PURE__ */ d(h, { bold: t.guid === g, variant: "XSmall", children: t.name })
       ]
     },
     t.guid

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-ZO9N26Kx.mjs";
-import { C as g } from "../CategoryStore-C1IfDPCE.mjs";
+import { C as g } from "../CategoryStore-CKS21I3F.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/common/index.es.js

@@ -2,8 +2,8 @@ import { G as k } from "../useCombineEvents-BUDIR1ba.mjs";
 import { A as ss, a as rs, u as os, b as as } from "../useCombineEvents-BUDIR1ba.mjs";
 import { F as S, A as h } from "../Fetch-87LIQbEA.mjs";
 import { B as is } from "../BeatApi-DhJpgCLz.mjs";
-import { C as et } from "../CategoryStore-C1IfDPCE.mjs";
-import { a as ds } from "../CategoryStore-C1IfDPCE.mjs";
+import { C as et } from "../CategoryStore-CKS21I3F.mjs";
+import { a as ds } from "../CategoryStore-CKS21I3F.mjs";
 import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
 import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
 import { T as rt } from "../User-wXzDI4M8.mjs";

package/dist/finstrong/index.es.js

@@ -51,7 +51,7 @@ import { ResponsiveChartContainer as po } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as uo, animated as lt } from "@react-spring/web";
 import { startOfMonth as Lt } from "date-fns/startOfMonth";
 import { endOfMonth as Wt } from "date-fns/endOfMonth";
-import { g as _o, S as ho, b as mo } from "../SpendingLegend-CW8mIzqd.mjs";
+import { g as _o, S as ho, b as mo } from "../SpendingLegend-Dnwcmcda.mjs";
 import { formatISO as go } from "date-fns/formatISO";
 import { fromUnixTime as yo } from "date-fns/fromUnixTime";
 import { startOfToday as dt } from "date-fns/startOfToday";
@@ -1688,8 +1688,8 @@ const B = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: L(g.standard_spend, "0.0a"),
-          formattedComparison: L(g.income, "0.0a")
+          formattedMain: L(Math.round(g.standard_spend / 100) * 100, "0.0a"),
+          formattedComparison: L(Math.round(g.income / 100) * 100, "0.0a")
         },
         debt_payment_vs_income: {
           main: g.income,
@@ -1760,17 +1760,17 @@ const B = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chartMono.chartMono3",
+                  backgroundColor: "chartMono.chartMono5",
                   borderRadius: "2px"
                 }
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                a,
+                s,
                 " "
               ] }),
-              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !h && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
             ] })
           ] }),
           /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1780,30 +1780,30 @@ const B = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chartMono.chartMono5",
+                  backgroundColor: "chartMono.chartMono3",
                   borderRadius: "2px"
                 }
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                s,
+                a,
                 " "
               ] }),
-              !h && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
+              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ i(
           po,
           {
-            colors: [`${p.palette.chartMono.chartMono3}`, `${p.palette.chartMono.chartMono5}`],
+            colors: [`${p.palette.chartMono.chartMono5}`, `${p.palette.chartMono.chartMono3}`],
             dataset: _,
             height: 240,
             margin: { top: 20, bottom: 30, right: 10, left: 42 },
             series: [
-              { dataKey: "main", type: "bar" },
-              { dataKey: "comparison", type: "bar" }
+              { dataKey: "comparison", type: "bar" },
+              { dataKey: "main", type: "bar" }
             ],
             xAxis: [b],
             yAxis: [D],
@@ -2033,7 +2033,9 @@ const B = {
   const f = m.useMemo(
     () => _o(d, c, t, l),
     [d, l]
-  ), w = (g) => {
+  );
+  console.log(f, "spendingData");
+  const w = (g) => {
     b(_ === g ? "" : g);
   }, { totalSpending: y, totalIncome: D } = m.useMemo(() => r?.reduce(
     (g, { standard_spend: x = 0, income: M = 0 }) => ({

package/dist/spending/index.es.js

@@ -8,7 +8,7 @@ import S from "@mui/material/Stack";
 import W from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import dt from "@mui/material/styles/useTheme";
-import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-CW8mIzqd.mjs";
+import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-Dnwcmcda.mjs";
 import { Text as y } from "@mxenabled/mxui";
 import { f as E } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as w, b as O, m as j, d as it, a as rt, h as gt, g as pt } from "../hooks-C41HAxM5.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.15-alpha-ram2-finstromg-testing",
+  "version": "7.2.15-alpha-ram3-finstromg-testing",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",