@mx-cartographer/experiences 7.2.12-alpha.san1 → 7.2.13-alpha-ram1-finstrongtesting-wec-947

package/dist/common/index.es.js

@@ -37,7 +37,7 @@ import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as x, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as C, Text as B } from "@mxenabled/mxui";
-import { D as Rr } from "../Donut-1UMNcG67.mjs";
+import { D as Rr } from "../Donut-oaQFlbit.mjs";
 import { L as Or } from "../LineChart-Ct9DNmhS.mjs";
 import { S as Lr } from "../StatusBar-BK_uYHAB.mjs";
 import { a as Hr, D as Fr, O as Wr, b as qr, f as Yr } from "../Dialog-BPTr3qHE.mjs";

package/dist/finstrong/index.es.js

@@ -51,7 +51,7 @@ import { ResponsiveChartContainer as Kn } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as jn, animated as ot } from "@react-spring/web";
 import { startOfMonth as It } from "date-fns/startOfMonth";
 import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as Vn, S as Yn, b as Xn } from "../SpendingLegend-squvjEhu.mjs";
+import { g as Vn, S as Yn, b as Xn } from "../SpendingLegend-CW8mIzqd.mjs";
 import { startOfToday as rt } from "date-fns/startOfToday";
 import { subDays as Un } from "date-fns/subDays";
 import { c as qn, d as at, S as Zn, i as Qn } from "../ManageIncome-CqNstpx_.mjs";

package/dist/investments/index.es.js

@@ -22,7 +22,7 @@ import { a as ze, f as oe } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
 import { Icon as k } from "@mxenabled/mx-icons";
-import { D as Oe } from "../Donut-1UMNcG67.mjs";
+import { D as Oe } from "../Donut-oaQFlbit.mjs";
 import { useTheme as Ve } from "@mui/material/styles";
 import { f as Re, A as V } from "../InvestmentUtil-jOyOgzIB.mjs";
 import Pe from "@mui/material/ListItemText";

package/dist/spending/index.es.js

@@ -4,35 +4,35 @@ import { observer as D } from "mobx-react-lite";
 import { startOfMonth as tt } from "date-fns/startOfMonth";
 import { endOfMonth as et } from "date-fns/endOfMonth";
 import T from "@mui/material/Box";
-import b from "@mui/material/Stack";
+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-squvjEhu.mjs";
+import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-CW8mIzqd.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 st, h as gt, g as pt } from "../hooks-C41HAxM5.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";
 import { L as z } from "../Loader-DUaFpDGv.mjs";
 import { M as ut } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import { startOfToday as X } from "date-fns/startOfToday";
 import { useTheme as mt } from "@mui/material";
 import { T as ht, a as ft } from "../TransactionDetails-CabNHK_I.mjs";
-import _t from "@mui/material/Collapse";
+import bt from "@mui/material/Collapse";
 import B from "@mui/material/Divider";
 import Y from "@mui/material/List";
 import q from "@mui/material/ListItem";
-import Ct from "@mui/material/ListItemButton";
+import _t from "@mui/material/ListItemButton";
 import { u as yt } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as J } from "../Drawer-BEtCk82g.mjs";
 import { b as L } from "../Category-CevNQ03n.mjs";
-import { A as Q, W as St } from "../WidgetContainer-GoNq8wwm.mjs";
-const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column", children: [
-  /* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: r }),
+import { A as Q, W as Ct } from "../WidgetContainer-GoNq8wwm.mjs";
+const R = ({ amount: n, label: s }) => /* @__PURE__ */ d(S, { direction: "column", children: [
+  /* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: s }),
   /* @__PURE__ */ t(y, { variant: "XSmall", children: E(n, "0,0") })
-] }), bt = () => {
-  const n = dt(), { goals: r, spending: o } = w(), { selectedAccounts: i } = O(), {
+] }), St = () => {
+  const n = dt(), { goals: s, spending: o } = w(), { selectedAccounts: i } = O(), {
     categories: c,
-    dateRangeCategoryTotals: s,
+    dateRangeCategoryTotals: r,
     dataRangeTotalsLoaded: e,
     loadDateRangeCategoryTotals: l
   } = j(), u = a.useMemo(
@@ -53,100 +53,126 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
       et(/* @__PURE__ */ new Date())
     ).finally();
   }, [i]);
-  const [m, p] = a.useState(""), [C, M] = a.useState(0), S = a.useMemo(
-    () => ot(c, r, n, s),
-    [c, s]
-  ), h = a.useMemo(
-    () => at(c, s, u),
-    [c, s, u]
-  ), A = (v, I) => {
+  const [m, p] = a.useState(""), [h, M] = a.useState(0), C = a.useMemo(
+    () => ot(c, s, n, r),
+    [c, r]
+  ), f = a.useMemo(
+    () => at(c, r, u),
+    [c, r, u]
+  ), A = (x, I) => {
     M(I), p("");
-  }, _ = (v) => {
-    p(m === v ? "" : v);
+  }, _ = (x) => {
+    p(m === x ? "" : x);
   };
   return e ? /* @__PURE__ */ d(T, { width: "100%", children: [
-    /* @__PURE__ */ d(nt, { onChange: A, value: C, variant: "fullWidth", children: [
-      /* @__PURE__ */ t(
-        W,
-        {
-          label: /* @__PURE__ */ t(
-            R,
+    /* @__PURE__ */ d(
+      nt,
+      {
+        "aria-label": o.mini_title,
+        onChange: A,
+        value: h,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ t(
+            W,
             {
-              amount: S.totalAmount,
-              label: o.spend_tab_title
+              "aria-controls": "spending-tabpanel",
+              id: "spending-tab",
+              label: /* @__PURE__ */ t(
+                R,
+                {
+                  amount: C.totalAmount,
+                  label: o.spend_tab_title
+                }
+              ),
+              tabIndex: h === 0 ? 0 : -1
             }
-          )
-        }
-      ),
-      /* @__PURE__ */ t(
-        W,
-        {
-          label: /* @__PURE__ */ t(
-            R,
+          ),
+          /* @__PURE__ */ t(
+            W,
             {
-              amount: h.totalAmount,
-              label: o.income_tab_title
+              "aria-controls": "income-tabpanel",
+              id: "income-tab",
+              label: /* @__PURE__ */ t(
+                R,
+                {
+                  amount: f.totalAmount,
+                  label: o.income_tab_title
+                }
+              ),
+              tabIndex: h === 1 ? 0 : -1
             }
           )
-        }
-      )
-    ] }),
-    C === 0 && /* @__PURE__ */ t(T, { children: /* @__PURE__ */ d(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
-      /* @__PURE__ */ t(
-        N,
-        {
-          data: S,
-          onSelected: _,
-          selectedId: m,
-          totalLabel: o.total_spending
-        }
-      ),
-      /* @__PURE__ */ t(
-        U,
-        {
-          data: S,
-          onSelected: _,
-          selectedId: m
-        }
-      )
-    ] }) }),
-    C === 1 && /* @__PURE__ */ t(T, { children: /* @__PURE__ */ d(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
-      /* @__PURE__ */ t(
-        N,
-        {
-          data: h,
-          isIncome: !0,
-          onSelected: _,
-          selectedId: m,
-          totalLabel: o.total_income
-        }
-      ),
-      /* @__PURE__ */ t(U, { data: h, onSelected: _, selectedId: m })
-    ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      T,
+      {
+        "aria-labelledby": "spending-tab",
+        hidden: h !== 0,
+        id: "spending-tabpanel",
+        role: "tabpanel",
+        children: /* @__PURE__ */ d(S, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+          /* @__PURE__ */ t(
+            N,
+            {
+              data: C,
+              onSelected: _,
+              selectedId: m,
+              totalLabel: o.total_spending
+            }
+          ),
+          /* @__PURE__ */ t(U, { data: C, onSelected: _, selectedId: m })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      T,
+      {
+        "aria-labelledby": "income-tab",
+        hidden: h !== 1,
+        id: "income-tabpanel",
+        role: "tabpanel",
+        children: /* @__PURE__ */ d(S, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+          /* @__PURE__ */ t(
+            N,
+            {
+              data: f,
+              isIncome: !0,
+              onSelected: _,
+              selectedId: m,
+              totalLabel: o.total_income
+            }
+          ),
+          /* @__PURE__ */ t(U, { data: f, onSelected: _, selectedId: m })
+        ] })
+      }
+    )
   ] }) : /* @__PURE__ */ t(z, { height: 250 });
-}, Mt = D(bt), Tt = ({ onPrimaryCtaClick: n, sx: r = {} }) => {
-  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: s, setSelectedAccounts: e } = O();
+}, Mt = D(St), Tt = ({ onPrimaryCtaClick: n, sx: s = {} }) => {
+  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: r, setSelectedAccounts: e } = O();
   return a.useEffect(() => {
     e(o);
-  }, [o]), !c || !s ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
+  }, [o]), !c || !r ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
     ut,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
       primaryCtaLabel: i.primary_cta,
-      sx: r,
+      sx: s,
       title: i.mini_title,
       children: /* @__PURE__ */ t(Mt, {})
     }
   );
 }, ie = D(Tt), Dt = ({
   data: n,
-  onSelected: r,
+  onSelected: s,
   selectedId: o = "",
   title: i
 }) => {
-  const { spending: c } = w(), s = n.categoryData.find((e) => e.guid === o);
-  return /* @__PURE__ */ d(b, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+  const { spending: c } = w(), r = n.categoryData.find((e) => e.guid === o);
+  return /* @__PURE__ */ d(S, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ t(y, { bold: !0, sx: { py: 12 }, children: `${i} ${c.by_category}` }),
     /* @__PURE__ */ t(B, { "aria-hidden": "true" }),
     /* @__PURE__ */ t(Y, { children: n.categoryData.map((e) => /* @__PURE__ */ d(a.Fragment, { children: [
@@ -159,10 +185,10 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
             minHeight: 44
           },
           children: /* @__PURE__ */ d(
-            Ct,
+            _t,
             {
-              "aria-expanded": s?.guid === e.guid,
-              onClick: () => r(e.guid),
+              "aria-expanded": r?.guid === e.guid,
+              onClick: () => s(e.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
@@ -176,7 +202,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
                   }
                 ),
                 /* @__PURE__ */ d(
-                  b,
+                  S,
                   {
                     alignItems: "center",
                     direction: "row",
@@ -194,8 +220,8 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
         }
       ),
       /* @__PURE__ */ t(B, {}),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(_t, { in: s?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ d(Y, { children: [
-        s?.categoryTotals?.map((l) => /* @__PURE__ */ t(
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(bt, { in: r?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ d(Y, { children: [
+        r?.categoryTotals?.map((l) => /* @__PURE__ */ t(
           q,
           {
             sx: {
@@ -203,7 +229,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ d(b, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+            children: /* @__PURE__ */ d(S, { direction: "row", justifyContent: "space-between", width: "100%", children: [
               /* @__PURE__ */ d(y, { children: [
                 l.name,
                 " "
@@ -218,16 +244,16 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
     ] }, e.guid)) }),
     /* @__PURE__ */ t(y, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${c.total}: ${E(n.totalAmount, "0,0")}` })
   ] });
-}, wt = D(Dt), vt = ({
+}, wt = D(Dt), xt = ({
   data: n,
-  onSelected: r,
+  onSelected: s,
   onViewTransactions: o,
   selectedId: i,
   title: c
 }) => {
-  const { isDesktop: s, isMobile: e } = yt(), { isLoadingCategoryTotals: l } = j(), { spending: u } = w();
+  const { isDesktop: r, isMobile: e } = yt(), { isLoadingCategoryTotals: l } = j(), { spending: u } = w();
   return /* @__PURE__ */ d(
-    b,
+    S,
     {
       alignItems: e ? "center" : "flex-start",
       direction: e ? "column" : "row",
@@ -247,7 +273,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
             onSelected: () => {
             },
             selectedId: "",
-            size: s ? 400 : 300,
+            size: r ? 400 : 300,
             totalLabel: "Loading ...",
             variant: "full"
           }
@@ -256,19 +282,19 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
           N,
           {
             data: n,
-            onSelected: r,
+            onSelected: s,
             onViewTransactions: o,
             selectedId: i,
-            size: s ? 400 : 300,
+            size: r ? 400 : 300,
             totalLabel: u.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(wt, { data: n, onSelected: r, selectedId: i, title: c })
+        /* @__PURE__ */ t(wt, { data: n, onSelected: s, selectedId: i, title: c })
       ]
     }
   );
-}, Z = D(vt), xt = (n) => [
+}, Z = D(xt), vt = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
@@ -276,7 +302,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
 ], Lt = () => {
-  const n = mt(), { clientConfig: r } = st(), { categories: o, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: c } = j(), { goals: s, spending: e } = w(), { displayedDateRange: l, selectedAccounts: u, selectedAccountGuids: m } = O(), { setFilter: p, sortedTransactions: C } = gt(), M = r?.master?.deep_link_params?.account_guids, S = r?.master?.deep_link_params?.view, [h, A] = a.useState(""), [_, v] = a.useState(S === "income" ? 1 : 0), [I, F] = a.useState(""), [rt, V] = a.useState(!1);
+  const n = mt(), { clientConfig: s } = rt(), { categories: o, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: c } = j(), { goals: r, spending: e } = w(), { displayedDateRange: l, selectedAccounts: u, selectedAccountGuids: m } = O(), { setFilter: p, sortedTransactions: h } = gt(), M = s?.master?.deep_link_params?.account_guids, C = s?.master?.deep_link_params?.view, [f, A] = a.useState(""), [_, x] = a.useState(C === "income" ? 1 : 0), [I, F] = a.useState(""), [st, V] = a.useState(!1);
   a.useEffect(() => {
     c(
       u,
@@ -285,40 +311,40 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
     ).finally();
   }, [u, l]);
   const $ = a.useMemo(
-    () => ot(o, s, n, i),
+    () => ot(o, r, n, i),
     [o, i]
   ), P = a.useMemo(
-    () => at(o, i, xt(n)),
+    () => at(o, i, vt(n)),
     [o, i]
   ), k = a.useMemo(
-    () => C.find((g) => g.guid === I),
-    [I, C]
-  ), ct = (g, x) => {
-    v(x), A("");
+    () => h.find((g) => g.guid === I),
+    [I, h]
+  ), ct = (g, v) => {
+    x(v), A("");
   }, H = (g) => {
-    A(h === g || g === "0" ? "" : g);
+    A(f === g || g === "0" ? "" : g);
   }, K = (g) => {
-    const x = {
+    const v = {
       accounts: M || m,
       dateRange: l
     };
     if (_ === 0)
       if (g === "other") {
-        const f = $.categoryData.find((G) => G.guid === "other");
+        const b = $.categoryData.find((G) => G.guid === "other");
         p({
-          ...x,
-          custom: (G) => !!f?.categoryTotals?.find((lt) => lt.guid === G.top_level_category_guid)
+          ...v,
+          custom: (G) => !!b?.categoryTotals?.find((lt) => lt.guid === G.top_level_category_guid)
         });
       } else
         p({
-          ...x,
-          custom: (f) => g ? f.top_level_category_guid === g : f.top_level_category_guid !== L.INCOME && f.top_level_category_guid !== L.INVESTMENTS && f.top_level_category_guid !== L.TRANSFER,
+          ...v,
+          custom: (b) => g ? b.top_level_category_guid === g : b.top_level_category_guid !== L.INCOME && b.top_level_category_guid !== L.INVESTMENTS && b.top_level_category_guid !== L.TRANSFER,
           showSplits: !!g
         });
     else
       p({
-        ...x,
-        custom: (f) => g ? f.category_guid === g : f.category_guid === L.INCOME || f.top_level_category_guid === L.INCOME
+        ...v,
+        custom: (b) => g ? b.category_guid === g : b.category_guid === L.INCOME || b.top_level_category_guid === L.INCOME
       });
     V(!0);
   };
@@ -355,7 +381,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
         data: $,
         onSelected: H,
         onViewTransactions: K,
-        selectedId: h,
+        selectedId: f,
         title: e.spend_tab_title
       }
     ),
@@ -365,7 +391,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
         data: P,
         onSelected: H,
         onViewTransactions: K,
-        selectedId: h,
+        selectedId: f,
         title: e.income_tab_title
       }
     ),
@@ -373,7 +399,7 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
       J,
       {
         ariaLabelClose: e.close_drawer_aria,
-        isOpen: rt,
+        isOpen: st,
         onClose: () => V(!1),
         title: e.transactions_drawer_title,
         children: /* @__PURE__ */ t(ht, { onClick: F })
@@ -390,30 +416,30 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
       }
     )
   ] });
-}, At = D(Lt), It = ({ onBackClick: n, sx: r = {} }) => {
-  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: s, setDisplayedDate: e, setSelectedAccounts: l } = O(), { onEvent: u } = pt(), { clientConfig: m } = st(), p = m?.master?.deep_link_params?.date_range, [C, M] = a.useState(!1);
+}, At = D(Lt), It = ({ onBackClick: n, sx: s = {} }) => {
+  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: r, setDisplayedDate: e, setSelectedAccounts: l } = O(), { onEvent: u } = pt(), { clientConfig: m } = rt(), p = m?.master?.deep_link_params?.date_range, [h, M] = a.useState(!1);
   a.useEffect(() => {
     l(o);
   }, [o]), a.useEffect(() => {
     p && Array.isArray(p) && p.length === 2 ? e(p[0], p[1]) : e(tt(X()), et(X())), M(!0), u(Q.SPENDING_VIEW);
   }, []);
-  const S = (h) => {
-    e(h[0], h[1]);
+  const C = (f) => {
+    e(f[0], f[1]);
   };
-  return !c || !s || !C ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
-    St,
+  return !c || !r || !h ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
+    Ct,
     {
       accountOptions: o,
-      calendarActions: { onRangeChanged: S },
+      calendarActions: { onRangeChanged: C },
       onAccountsFilterClick: () => u(Q.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      sx: r,
+      sx: s,
       title: i.title,
       children: /* @__PURE__ */ t(T, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(At, {}) })
     }
   );
-}, se = D(It);
+}, re = D(It);
 export {
   ie as SpendingMiniWidget,
-  se as SpendingWidget
+  re as SpendingWidget
 };