@mx-cartographer/experiences 7.0.21-alpha-spending-mini-widget-ram1 → 7.0.22-alpha.san1

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-BPEzFZRG.mjs";
+import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-DFAY0tA8.mjs";
 export {
   s as AppStore,
   e as BeatCard,

package/dist/spending/index.es.js

@@ -4,21 +4,21 @@ import { observer as x } from "mobx-react-lite";
 import { startOfMonth as nt } from "date-fns/startOfMonth";
 import { endOfMonth as ot } from "date-fns/endOfMonth";
 import D from "@mui/material/Box";
-import _ from "@mui/material/Stack";
+import C from "@mui/material/Stack";
 import N from "@mui/material/Tab";
 import at from "@mui/material/Tabs";
 import mt from "@mui/material/styles/useTheme";
 import { b as V } from "../CategoryUtil-BR3H5i6n.mjs";
 import { b } from "../Category-CevNQ03n.mjs";
-import { Text as y, CategoryIcon as ht, CategoryIconVariants as ft } from "@mxenabled/mxui";
+import { Text as f, CategoryIcon as ht, CategoryIconVariants as ft } from "@mxenabled/mxui";
 import { f as A } from "../NumberFormatting-CtWHhyBX.mjs";
 import yt from "@mui/material/Button";
 import { useTheme as it } from "@mui/material";
-import { u as w, a as O, k as z, c as rt, m as st, f as Ct, e as _t } from "../hooks-DkUqN6JE.mjs";
-import { u as lt } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as St } from "../Donut-1UMNcG67.mjs";
+import { u as w, a as R, k as z, c as rt, m as st, f as Ct, e as _t } from "../hooks-DkUqN6JE.mjs";
+import { u as ct } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as bt } from "../Donut-1UMNcG67.mjs";
 import { L as F } from "../Loader-DUaFpDGv.mjs";
-import { M as bt } from "../MiniWidgetContainer-CTyjmE1h.mjs";
+import { M as St } from "../MiniWidgetContainer-CTyjmE1h.mjs";
 import { startOfToday as U } from "date-fns/startOfToday";
 import { T as Tt, a as Mt } from "../TransactionDetails-C-z3HGTT.mjs";
 import Dt from "@mui/material/Collapse";
@@ -28,29 +28,29 @@ import J from "@mui/material/ListItem";
 import xt from "@mui/material/ListItemButton";
 import { D as Q } from "../Drawer-kEE73B87.mjs";
 import { A as Z, W as wt } from "../WidgetContainer-CdBs9WOZ.mjs";
-const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
-  if (l.total > 0) {
-    const a = n.find((s) => s.guid === l.category_guid);
+const j = 5, vt = (n, l, r) => r.reduce((i, c) => {
+  if (c.total > 0) {
+    const a = n.find((s) => s.guid === c.category_guid);
     if (!a) return i;
     const o = a.parent_guid ?? a.guid, e = n.find((s) => s.guid === o);
     if (!e) return i;
     const d = {
       guid: a.guid,
       name: a.guid === o ? `General ${a.name}` : a.name,
-      color: V(e.guid, c),
-      amount: l.total
+      color: V(e.guid, l),
+      amount: c.total
     }, u = i.find((s) => s.guid === o);
-    u ? (u.amount += l.total, u.categoryTotals?.push(d)) : i.push({
+    u ? (u.amount += c.total, u.categoryTotals?.push(d)) : i.push({
       guid: o,
       name: e.name,
-      color: V(e.guid, c),
+      color: V(e.guid, l),
       categoryTotals: [d],
-      amount: l.total
+      amount: c.total
     });
   }
   return i;
-}, []), ct = (n, c, r, i) => {
-  const l = vt(n, r, i), a = l.filter(
+}, []), lt = (n, l, r, i) => {
+  const c = vt(n, r, i), a = c.filter(
     (s) => s.guid !== b.INCOME && s.guid !== b.INVESTMENTS && s.guid !== b.TRANSFER
   ).sort((s, g) => g.amount - s.amount), o = a.reduce(
     (s, g) => s + g.amount,
@@ -62,20 +62,20 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
     value: s.amount / o * 100
   }));
   if (a.length > 5) {
-    const s = a.slice(j, l.length), g = s.reduce(
-      (S, C) => S + C.amount,
+    const s = a.slice(j, c.length), g = s.reduce(
+      (S, _) => S + _.amount,
       0
     );
     d.push({
       guid: "other",
       color: r.palette.categories.others || "",
-      name: c.saving_goal_other,
+      name: l.saving_goal_other,
       categoryTotals: s,
       amount: g
     }), u.push({
       id: "other",
       color: r.palette.categories.others || "",
-      label: c.saving_goal_other,
+      label: l.saving_goal_other,
       value: g / o * 100
     });
   }
@@ -84,51 +84,51 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
     donutData: u,
     totalAmount: o
   };
-}, dt = (n, c, r) => {
+}, dt = (n, l, r) => {
   const i = n.filter(
     (e) => e.guid === b.INCOME || e.parent_guid === b.INCOME
-  ), l = c.filter((e) => i.some((d) => d.guid === e.category_guid)).sort((e, d) => e.total - d.total).map((e, d) => ({
+  ), c = l.filter((e) => i.some((d) => d.guid === e.category_guid)).sort((e, d) => e.total - d.total).map((e, d) => ({
     guid: e.category_guid,
     name: n.find((u) => u.guid === e.category_guid)?.name,
     color: r[d],
     categoryTotals: [],
     amount: Math.abs(e.total)
-  })), a = l.reduce(
+  })), a = c.reduce(
     (e, d) => e + d.amount,
     0
-  ), o = l.map((e) => ({
+  ), o = c.map((e) => ({
     id: e.guid,
     color: e.color,
     label: e.name,
     value: e.amount / a * 100
   }));
   return {
-    categoryData: l,
+    categoryData: c,
     donutData: o,
     totalAmount: a
   };
-}, R = ({ amount: n, label: c }) => /* @__PURE__ */ m(_, { direction: "column", children: [
-  /* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: c }),
-  /* @__PURE__ */ t(y, { variant: "XSmall", children: A(n, "0,0") })
+}, W = ({ amount: n, label: l }) => /* @__PURE__ */ m(C, { direction: "column", children: [
+  /* @__PURE__ */ t(f, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: l }),
+  /* @__PURE__ */ t(f, { variant: "XSmall", children: A(n, "0,0") })
 ] }), At = ({
   data: n,
-  isIncome: c = !1,
+  isIncome: l = !1,
   onSelected: r,
   onViewTransactions: i,
-  selectedId: l,
+  selectedId: c,
   size: a = 150,
   totalLabel: o,
   variant: e = "mini"
 }) => {
-  const { spending: d } = w(), u = it(), { isTablet: s } = lt(), g = p.useMemo(
-    () => l ? n.categoryData.find((v) => v.guid === l) : void 0,
-    [l]
-  ), S = p.useMemo(() => n.donutData.length > 0 ? n.donutData : [{ id: "0", color: u.palette.divider, value: 100 }], [n, u]), C = () => {
-    i?.(l);
-  }, h = s ? 32 : 48;
-  return console.log("Rendering SpendingDonut", S), console.log("selectedCategory", g), /* @__PURE__ */ t(St, { data: S, onClick: r, selectedId: l, size: a, children: /* @__PURE__ */ t(_, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ m(_, { alignItems: "center", justifyContent: "center", minHeight: a, minWidth: a, children: [
+  const { spending: d } = w(), u = it(), { isTablet: s } = ct(), g = p.useMemo(
+    () => c ? n.categoryData.find((v) => v.guid === c) : void 0,
+    [c]
+  ), S = p.useMemo(() => n.donutData.length > 0 ? n.donutData : [{ id: "0", color: u.palette.divider, value: 100 }], [n, u]), _ = () => {
+    i?.(c);
+  }, y = s ? 32 : 48;
+  return /* @__PURE__ */ t(bt, { data: S, onClick: r, selectedId: c, size: a, children: /* @__PURE__ */ t(C, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ m(C, { alignItems: "center", justifyContent: "center", minHeight: a, minWidth: a, children: [
     g && /* @__PURE__ */ m(
-      _,
+      C,
       {
         alignItems: "center",
         gap: e === "mini" ? 0 : 8,
@@ -139,50 +139,50 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
           /* @__PURE__ */ t(
             ht,
             {
-              categoryGuid: c ? b.INCOME : g.guid,
-              size: e === "mini" ? 24 : h,
+              categoryGuid: l ? b.INCOME : g.guid,
+              size: e === "mini" ? 24 : y,
               variant: ft.Transparent
             }
           ),
-          /* @__PURE__ */ t(y, { color: "secondary", noWrap: !0, variant: e === "mini" ? "Tiny" : "Body", children: g ? g.name : o })
+          /* @__PURE__ */ t(f, { color: "secondary", noWrap: !0, variant: e === "mini" ? "Tiny" : "Body", children: g ? g.name : o })
         ]
       }
     ),
-    !g && e === "full" && /* @__PURE__ */ t(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: o }),
-    /* @__PURE__ */ t(y, { variant: e === "mini" ? "H2" : "H1", children: g ? A(g.amount, "0,0") : A(n.totalAmount, "0,0") }),
-    !g && e === "mini" && /* @__PURE__ */ t(y, { color: "secondary", noWrap: !0, variant: "Tiny", children: o }),
+    !g && e === "full" && /* @__PURE__ */ t(f, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: o }),
+    /* @__PURE__ */ t(f, { variant: e === "mini" ? "H2" : "H1", children: g ? A(g.amount, "0,0") : A(n.totalAmount, "0,0") }),
+    !g && e === "mini" && /* @__PURE__ */ t(f, { color: "secondary", noWrap: !0, variant: "Tiny", children: o }),
     e === "full" && /* @__PURE__ */ t(
       yt,
       {
         "aria-label": `View ${g?.name || ""} Transactions`,
         disabled: n.categoryData.length === 0,
-        onClick: C,
+        onClick: _,
         sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
         variant: "text",
         children: d.view_transactions
       }
     )
   ] }) }) });
-}, W = x(At), tt = ({ data: n, onSelected: c, selectedId: r }) => /* @__PURE__ */ t(_, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: n.categoryData.map((i) => /* @__PURE__ */ m(
-  _,
+}, O = x(At), tt = ({ data: n, onSelected: l, selectedId: r }) => /* @__PURE__ */ t(C, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: n.categoryData.map((i) => /* @__PURE__ */ m(
+  C,
   {
     alignItems: "center",
     "aria-label": i.name,
     "aria-selected": i.guid === r,
     direction: "row",
     gap: 8,
-    onClick: () => c(i.guid),
+    onClick: () => l(i.guid),
     role: "button",
     sx: { cursor: "pointer" },
     children: [
       /* @__PURE__ */ t(D, { borderRadius: 4, height: 8, sx: { backgroundColor: i.color }, width: 8 }),
-      /* @__PURE__ */ t(y, { bold: i.guid === r, variant: "XSmall", children: i.name })
+      /* @__PURE__ */ t(f, { bold: i.guid === r, variant: "XSmall", children: i.name })
     ]
   },
   i.guid
 )) }), Et = () => {
-  const n = mt(), { goals: c, spending: r } = w(), { selectedAccounts: i } = O(), {
-    categories: l,
+  const n = mt(), { goals: l, spending: r } = w(), { selectedAccounts: i } = R(), {
+    categories: c,
     dateRangeCategoryTotals: a,
     dataRangeTotalsLoaded: o,
     loadDateRangeCategoryTotals: e
@@ -204,26 +204,26 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
       ot(/* @__PURE__ */ new Date())
     ).finally();
   }, [i]);
-  const [u, s] = p.useState(""), [g, S] = p.useState(0), C = p.useMemo(
-    () => ct(l, c, n, a),
-    [l, a]
-  ), h = p.useMemo(
-    () => dt(l, a, d),
-    [l, a, d]
+  const [u, s] = p.useState(""), [g, S] = p.useState(0), _ = p.useMemo(
+    () => lt(c, l, n, a),
+    [c, a]
+  ), y = p.useMemo(
+    () => dt(c, a, d),
+    [c, a, d]
   ), v = (E, L) => {
     S(L), s("");
   }, M = (E) => {
     s(u === E ? "" : E);
   };
-  return o ? (console.log("Rendering MiniSpendingChart"), console.log("spendingData", C), console.log("incomeData", h), /* @__PURE__ */ m(D, { width: "100%", children: [
+  return o ? /* @__PURE__ */ m(D, { width: "100%", children: [
     /* @__PURE__ */ m(at, { onChange: v, value: g, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: C.totalAmount,
+              amount: _.totalAmount,
               label: r.spend_tab_title
             }
           )
@@ -233,20 +233,20 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: h.totalAmount,
+              amount: y.totalAmount,
               label: r.income_tab_title
             }
           )
         }
       )
     ] }),
-    g === 0 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    g === 0 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ t(
-        W,
+        O,
         {
-          data: C,
+          data: _,
           onSelected: M,
           selectedId: u,
           totalLabel: r.total_spending
@@ -255,50 +255,50 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
       /* @__PURE__ */ t(
         tt,
         {
-          data: C,
+          data: _,
           onSelected: M,
           selectedId: u
         }
       )
     ] }) }),
-    g === 1 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(_, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    g === 1 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ t(
-        W,
+        O,
         {
-          data: h,
+          data: y,
           isIncome: !0,
           onSelected: M,
           selectedId: u,
           totalLabel: r.total_income
         }
       ),
-      /* @__PURE__ */ t(tt, { data: h, onSelected: M, selectedId: u })
+      /* @__PURE__ */ t(tt, { data: y, onSelected: M, selectedId: u })
     ] }) })
-  ] })) : /* @__PURE__ */ t(F, { height: 250 });
-}, It = x(Et), Lt = ({ onPrimaryCtaClick: n, sx: c = {} }) => {
-  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: l, isInitialized: a, setSelectedAccounts: o } = O();
+  ] }) : /* @__PURE__ */ t(F, { height: 250 });
+}, It = x(Et), Lt = ({ onPrimaryCtaClick: n, sx: l = {} }) => {
+  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: a, setSelectedAccounts: o } = R();
   return p.useEffect(() => {
     o(r);
-  }, [r]), !l || !a ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
-    bt,
+  }, [r]), !c || !a ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
+    St,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
       primaryCtaLabel: i.primary_cta,
-      sx: c,
+      sx: l,
       title: i.mini_title,
       children: /* @__PURE__ */ t(It, {})
     }
   );
 }, he = x(Lt), Nt = ({
   data: n,
-  onSelected: c,
+  onSelected: l,
   selectedId: r = "",
   title: i
 }) => {
-  const { spending: l } = w(), a = n.categoryData.find((o) => o.guid === r);
-  return /* @__PURE__ */ m(_, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
-    /* @__PURE__ */ t(y, { bold: !0, sx: { py: 12 }, children: `${i} ${l.by_category}` }),
+  const { spending: c } = w(), a = n.categoryData.find((o) => o.guid === r);
+  return /* @__PURE__ */ m(C, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+    /* @__PURE__ */ t(f, { bold: !0, sx: { py: 12 }, children: `${i} ${c.by_category}` }),
     /* @__PURE__ */ t(B, { "aria-hidden": "true" }),
     /* @__PURE__ */ t(q, { children: n.categoryData.map((o) => /* @__PURE__ */ m(p.Fragment, { children: [
       /* @__PURE__ */ t(
@@ -313,7 +313,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
             xt,
             {
               "aria-expanded": a?.guid === o.guid,
-              onClick: () => c(o.guid),
+              onClick: () => l(o.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
@@ -327,15 +327,15 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
                   }
                 ),
                 /* @__PURE__ */ m(
-                  _,
+                  C,
                   {
                     alignItems: "center",
                     direction: "row",
                     justifyContent: "space-between",
                     width: "100%",
                     children: [
-                      /* @__PURE__ */ t(y, { bold: r === o.guid, children: o.name }),
-                      /* @__PURE__ */ t(y, { bold: r === o.guid, variant: "Body", children: A(o.amount, "0,0") })
+                      /* @__PURE__ */ t(f, { bold: r === o.guid, children: o.name }),
+                      /* @__PURE__ */ t(f, { bold: r === o.guid, variant: "Body", children: A(o.amount, "0,0") })
                     ]
                   }
                 )
@@ -354,12 +354,12 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ m(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ m(y, { children: [
+            children: /* @__PURE__ */ m(C, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ m(f, { children: [
                 e.name,
                 " "
               ] }),
-              /* @__PURE__ */ t(y, { children: A(e.amount, "0,0") })
+              /* @__PURE__ */ t(f, { children: A(e.amount, "0,0") })
             ] })
           },
           e.guid
@@ -367,18 +367,18 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         /* @__PURE__ */ t(B, {})
       ] }) })
     ] }, o.guid)) }),
-    /* @__PURE__ */ t(y, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${l.total}: ${A(n.totalAmount, "0,0")}` })
+    /* @__PURE__ */ t(f, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${c.total}: ${A(n.totalAmount, "0,0")}` })
   ] });
-}, Rt = x(Nt), Wt = ({
+}, Wt = x(Nt), Ot = ({
   data: n,
-  onSelected: c,
+  onSelected: l,
   onViewTransactions: r,
   selectedId: i,
-  title: l
+  title: c
 }) => {
-  const { isDesktop: a, isMobile: o } = lt(), { isLoadingCategoryTotals: e } = z(), { spending: d } = w();
+  const { isDesktop: a, isMobile: o } = ct(), { isLoadingCategoryTotals: e } = z(), { spending: d } = w();
   return /* @__PURE__ */ m(
-    _,
+    C,
     {
       alignItems: o ? "center" : "flex-start",
       direction: o ? "column" : "row",
@@ -388,7 +388,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
       px: 8,
       children: [
         e && /* @__PURE__ */ t(
-          W,
+          O,
           {
             data: {
               categoryData: [],
@@ -404,10 +404,10 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
           }
         ),
         !e && /* @__PURE__ */ t(
-          W,
+          O,
           {
             data: n,
-            onSelected: c,
+            onSelected: l,
             onViewTransactions: r,
             selectedId: i,
             size: a ? 400 : 300,
@@ -415,11 +415,11 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(Rt, { data: n, onSelected: c, selectedId: i, title: l })
+        /* @__PURE__ */ t(Wt, { data: n, onSelected: l, selectedId: i, title: c })
       ]
     }
   );
-}, et = x(Wt), Ot = (n) => [
+}, et = x(Ot), Rt = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
@@ -427,34 +427,34 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
 ], kt = () => {
-  const n = it(), { clientConfig: c } = st(), { categories: r, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: l } = z(), { goals: a, spending: o } = w(), { displayedDateRange: e, selectedAccounts: d, selectedAccountGuids: u } = O(), { setFilter: s, sortedTransactions: g } = Ct(), S = c?.master?.deep_link_params?.account_guids, C = c?.master?.deep_link_params?.view, [h, v] = p.useState(""), [M, E] = p.useState(C === "income" ? 1 : 0), [L, H] = p.useState(""), [gt, P] = p.useState(!1);
+  const n = it(), { clientConfig: l } = st(), { categories: r, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: c } = z(), { goals: a, spending: o } = w(), { displayedDateRange: e, selectedAccounts: d, selectedAccountGuids: u } = R(), { setFilter: s, sortedTransactions: g } = Ct(), S = l?.master?.deep_link_params?.account_guids, _ = l?.master?.deep_link_params?.view, [y, v] = p.useState(""), [M, E] = p.useState(_ === "income" ? 1 : 0), [L, H] = p.useState(""), [gt, P] = p.useState(!1);
   p.useEffect(() => {
-    l(
+    c(
       d,
       e.start,
       e.end
     ).finally();
   }, [d, e]);
   const k = p.useMemo(
-    () => ct(r, a, n, i),
+    () => lt(r, a, n, i),
     [r, i]
   ), X = p.useMemo(
-    () => dt(r, i, Ot(n)),
+    () => dt(r, i, Rt(n)),
     [r, i]
   ), G = p.useMemo(
-    () => g.find((f) => f.guid === L),
+    () => g.find((h) => h.guid === L),
     [L, g]
-  ), ut = (f, I) => {
+  ), ut = (h, I) => {
     E(I), v("");
-  }, Y = (f) => {
-    v(h === f || f === "0" ? "" : f);
-  }, K = (f) => {
+  }, Y = (h) => {
+    v(y === h || h === "0" ? "" : h);
+  }, K = (h) => {
     const I = {
       accounts: S || u,
       dateRange: e
     };
     if (M === 0)
-      if (f === "other") {
+      if (h === "other") {
         const T = k.categoryData.find(($) => $.guid === "other");
         s({
           ...I,
@@ -463,13 +463,13 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
       } else
         s({
           ...I,
-          custom: (T) => f ? T.top_level_category_guid === f : T.top_level_category_guid !== b.INCOME && T.top_level_category_guid !== b.INVESTMENTS && T.top_level_category_guid !== b.TRANSFER,
-          showSplits: !!f
+          custom: (T) => h ? T.top_level_category_guid === h : T.top_level_category_guid !== b.INCOME && T.top_level_category_guid !== b.INVESTMENTS && T.top_level_category_guid !== b.TRANSFER,
+          showSplits: !!h
         });
     else
       s({
         ...I,
-        custom: (T) => f ? T.category_guid === f : T.category_guid === b.INCOME || T.top_level_category_guid === b.INCOME
+        custom: (T) => h ? T.category_guid === h : T.category_guid === b.INCOME || T.top_level_category_guid === b.INCOME
       });
     P(!0);
   };
@@ -479,7 +479,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
               amount: k.totalAmount,
               label: o.spend_tab_title
@@ -491,7 +491,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
               amount: X.totalAmount,
               label: o.income_tab_title
@@ -506,7 +506,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         data: k,
         onSelected: Y,
         onViewTransactions: K,
-        selectedId: h,
+        selectedId: y,
         title: o.spend_tab_title
       }
     ),
@@ -516,7 +516,7 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
         data: X,
         onSelected: Y,
         onViewTransactions: K,
-        selectedId: h,
+        selectedId: y,
         title: o.income_tab_title
       }
     ),
@@ -541,24 +541,24 @@ const j = 5, vt = (n, c, r) => r.reduce((i, l) => {
       }
     )
   ] });
-}, Gt = x(kt), $t = ({ onBackClick: n, sx: c = {} }) => {
-  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: l, isInitialized: a, setDisplayedDate: o, setSelectedAccounts: e } = O(), { onEvent: d } = _t(), { clientConfig: u } = st(), s = u?.master?.deep_link_params?.date_range, [g, S] = p.useState(!1);
+}, Gt = x(kt), $t = ({ onBackClick: n, sx: l = {} }) => {
+  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: a, setDisplayedDate: o, setSelectedAccounts: e } = R(), { onEvent: d } = _t(), { clientConfig: u } = st(), s = u?.master?.deep_link_params?.date_range, [g, S] = p.useState(!1);
   p.useEffect(() => {
     e(r);
   }, [r]), p.useEffect(() => {
     s && Array.isArray(s) && s.length === 2 ? o(s[0], s[1]) : o(nt(U()), ot(U())), S(!0), d(Z.SPENDING_VIEW);
   }, []);
-  const C = (h) => {
-    o(h[0], h[1]);
+  const _ = (y) => {
+    o(y[0], y[1]);
   };
-  return !l || !a || !g ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
+  return !c || !a || !g ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
     wt,
     {
       accountOptions: r,
-      calendarActions: { onRangeChanged: C },
+      calendarActions: { onRangeChanged: _ },
       onAccountsFilterClick: () => d(Z.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      sx: c,
+      sx: l,
       title: i.title,
       children: /* @__PURE__ */ t(D, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Gt, {}) })
     }

package/dist/trends/index.es.js

@@ -20,7 +20,7 @@ import { C as rt } from "../CurrencyText-YUhH2caW.mjs";
 import { c as Me } from "../Category-CevNQ03n.mjs";
 import { b as at } from "../Localization-2MODESHW.mjs";
 import { H as be } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as A, b as it } from "../ViewMoreMicroCard-BPEzFZRG.mjs";
+import { T as A, b as it } from "../ViewMoreMicroCard-DFAY0tA8.mjs";
 import { A as y, W as Ae } from "../WidgetContainer-CdBs9WOZ.mjs";
 import { a as Re, T as ke } from "../TransactionDetails-C-z3HGTT.mjs";
 import { D as fe } from "../Drawer-kEE73B87.mjs";
@@ -856,7 +856,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       showXAxisTicks: !0,
       showYAxis: !0,
       showYAxisTicks: !0,
-      valueFormatterString: "0,0"
+      valueFormatterString: "0a"
     }
   );
 }, Jt = M(qt), en = ({ onBackClick: n, onInsightCardClick: o, sx: t }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.21-alpha-spending-mini-widget-ram1",
+  "version": "7.0.22-alpha.san1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",