@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/spending/index.es.js

@@ -7,36 +7,36 @@ import w from "@mui/material/Box";
 import C from "@mui/material/Stack";
 import N from "@mui/material/Tab";
 import it from "@mui/material/Tabs";
-import _t from "@mui/material/styles/useTheme";
-import { g as rt, a as st, S as $, b as X } from "../SpendingLegend-Bq6aXMNh.mjs";
-import { Text as T, Icon as bt } from "@mxenabled/mxui";
+import bt from "@mui/material/styles/useTheme";
+import { g as rt, a as st, S as $, b as Y } from "../SpendingLegend-CJjjTGBw.mjs";
+import { Text as T, Icon as _t } from "@mxenabled/mxui";
 import { f as R } from "../NumberFormatting-QCaNwbjv.mjs";
 import { u as I, l as A, d as lt, b as V, a as F, h as dt, g as yt } from "../hooks-BxkfR-Ff.mjs";
 import { u as ct } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as gt } from "../Loader-D3rjKx72.mjs";
-import { M as Ct } from "../MiniWidgetContainer-Cu72GNsE.mjs";
-import { startOfToday as Y } from "date-fns/startOfToday";
+import { M as Ct } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { startOfToday as q } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../exportTransactionsToCSV-CdTF_RqL.mjs";
-import { T as Dt } from "../StatusIndicator-BV3oFzxo.mjs";
-import { T as xt } from "../TransactionDetails-DYlTwSDt.mjs";
+import { T as Dt } from "../StatusIndicator-CIKUOoN_.mjs";
+import { T as xt } from "../TransactionDetails-BpcWeXNU.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
-import q from "@mui/material/List";
-import J from "@mui/material/ListItem";
-import Q from "@mui/material/ListItemButton";
+import J from "@mui/material/List";
+import Q from "@mui/material/ListItem";
+import X from "@mui/material/ListItemButton";
 import { u as Lt } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as Z } from "../Drawer-DV4NTsFg.mjs";
+import { D as Z } from "../Drawer-Bbe4AMB1.mjs";
 import { b as v } from "../Category-CevNQ03n.mjs";
 import { parseISO as tt } from "date-fns/parseISO";
 import { A as et } from "../Analytics-BYItVAe-.mjs";
-import { W as It } from "../WidgetContainer-B0ncgABX.mjs";
-const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C, { direction: "column", children: [
-  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
-  /* @__PURE__ */ t(T, { variant: "XSmall", children: R(n, o === "mini" ? "0,0" : "0,0.00") })
+import { W as It } from "../WidgetContainer-D_iaToWJ.mjs";
+const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C, { direction: "column", children: [
+  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
+  /* @__PURE__ */ t(T, { variant: "caption", children: R(n, o === "mini" ? "0,0" : "0,0.00") })
 ] }), At = () => {
-  const n = _t(), { goals: d, spending: o } = I(), { categories: a, dateRangeCategoryTotals: i } = A(), c = l.useMemo(
+  const n = bt(), { goals: d, spending: o } = I(), { categories: a, dateRangeCategoryTotals: i } = A(), c = l.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -46,14 +46,14 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = l.useState(""), [g, b] = l.useState(0), u = l.useMemo(
+  ), [e, r] = l.useState(""), [g, _] = l.useState(0), u = l.useMemo(
     () => rt(a, d, n, i),
     [a, i]
   ), m = l.useMemo(
     () => st(a, i, c),
     [a, i, c]
   ), M = (f, D) => {
-    b(D), r("");
+    _(D), r("");
   }, y = (f) => {
     r(e === f ? "" : f);
   };
@@ -72,7 +72,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                B,
+                O,
                 {
                   amount: u.totalAmount,
                   label: o.spend_tab_title,
@@ -88,7 +88,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                B,
+                O,
                 {
                   amount: m.totalAmount,
                   label: o.income_tab_title,
@@ -118,7 +118,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
               totalLabel: o.total_spending
             }
           ),
-          /* @__PURE__ */ t(X, { data: u, onSelected: y, selectedId: e })
+          /* @__PURE__ */ t(Y, { data: u, onSelected: y, selectedId: e })
         ] })
       }
     ),
@@ -140,13 +140,13 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
               totalLabel: o.total_income
             }
           ),
-          /* @__PURE__ */ t(X, { data: m, onSelected: y, selectedId: e })
+          /* @__PURE__ */ t(Y, { data: m, onSelected: y, selectedId: e })
         ] })
       }
     )
   ] });
 }, Et = L(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { spending: g } = I(), { isInitialized: b, selectedAccounts: u } = V();
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { spending: g } = I(), { isInitialized: _, selectedAccounts: u } = V();
   return ct({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
@@ -158,7 +158,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       ot(/* @__PURE__ */ new Date()),
       at(/* @__PURE__ */ new Date())
     ).finally();
-  }, [u]), b ? /* @__PURE__ */ t(
+  }, [u]), _ ? /* @__PURE__ */ t(
     Ct,
     {
       className: "mx-exp-spending-miniwidget",
@@ -179,9 +179,9 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   return /* @__PURE__ */ p(C, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, variant: "h3", children: `${a} ${i.by_category}` }),
     /* @__PURE__ */ t(wt, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(q, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ p(l.Fragment, { children: [
+    /* @__PURE__ */ t(J, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ p(l.Fragment, { children: [
       /* @__PURE__ */ t(
-        J,
+        Q,
         {
           disableGutters: !0,
           disablePadding: !0,
@@ -191,7 +191,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
             minHeight: 44
           },
           children: /* @__PURE__ */ p(
-            Q,
+            X,
             {
               "aria-expanded": c?.guid === e.guid,
               id: `spending-list-category-${e.guid}`,
@@ -219,7 +219,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
                     width: "100%",
                     children: [
                       /* @__PURE__ */ t(T, { bold: o === e.guid, children: e.name }),
-                      /* @__PURE__ */ t(T, { bold: o === e.guid, variant: "Body", children: R(e.amount, "0,0.00") })
+                      /* @__PURE__ */ t(T, { bold: o === e.guid, variant: "body1", children: R(e.amount, "0,0.00") })
                     ]
                   }
                 )
@@ -228,15 +228,15 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
           )
         }
       ),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(vt, { in: c?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(q, { sx: { borderBottom: 1, borderColor: "divider" }, children: c?.categoryTotals?.map((r) => /* @__PURE__ */ t(
-        J,
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(vt, { in: c?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(J, { sx: { borderBottom: 1, borderColor: "divider" }, children: c?.categoryTotals?.map((r) => /* @__PURE__ */ t(
+        Q,
         {
           sx: {
             pl: 12,
             py: 0
           },
           children: /* @__PURE__ */ t(
-            Q,
+            X,
             {
               id: `spending-list-subcategory-${r.guid}`,
               onClick: () => d(r.guid, !0),
@@ -308,28 +308,28 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       ]
     }
   );
-}, nt = L($t), Bt = (n) => [
+}, nt = L($t), Ot = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
   n.palette.chartMono.chartMono2,
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
-], Ot = () => {
+], kt = () => {
   const n = Tt(), { is_mobile_webview: d } = F(), { clientConfig: o } = F(), { categories: a, dateRangeCategoryTotals: i } = A(), {
     goals: c,
     spending: e,
     transactions: r
-  } = I(), { displayedDateRange: g, selectedAccountGuids: b } = V(), {
+  } = I(), { displayedDateRange: g, selectedAccountGuids: _ } = V(), {
     setFilter: u,
     sortedTransactions: m,
     sortedTransactionsWithSplits: M,
     tags: y
-  } = dt(), f = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, E] = l.useState(""), [_, W] = l.useState(D === "income" ? 1 : 0), [z, H] = l.useState(""), [pt, O] = l.useState(!1), k = l.useMemo(
+  } = dt(), f = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, E] = l.useState(""), [b, W] = l.useState(D === "income" ? 1 : 0), [z, H] = l.useState(""), [pt, k] = l.useState(!1), B = l.useMemo(
     () => rt(a, c, n, i),
     [a, i]
   ), P = l.useMemo(
-    () => st(a, i, Bt(n)),
+    () => st(a, i, Ot(n)),
     [a, i]
   ), G = l.useMemo(
     () => m.find((s) => s.guid === z),
@@ -341,20 +341,20 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   }, mt = (s) => {
     u({
       ...{
-        accounts: f || b,
+        accounts: f || _,
         dateRange: g
       },
       custom: (h) => x === "other" ? h.top_level_category_guid === s : h.category_guid === s,
       showSplits: !0
-    }), O(!0);
+    }), k(!0);
   }, U = (s) => {
     const S = {
-      accounts: f || b,
+      accounts: f || _,
       dateRange: g
     };
-    if (_ === 0)
+    if (b === 0)
       if (s === "other") {
-        const h = k.categoryData.find((j) => j.guid === "other");
+        const h = B.categoryData.find((j) => j.guid === "other");
         u({
           ...S,
           custom: (j) => !!h?.categoryTotals?.find((ft) => ft.guid === j.top_level_category_guid)
@@ -370,19 +370,19 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
         ...S,
         custom: (h) => s ? h.category_guid === s : h.category_guid === v.INCOME || h.top_level_category_guid === v.INCOME
       });
-    O(!0);
+    k(!0);
   }, ht = () => {
     Mt(M, y);
   };
   return /* @__PURE__ */ p(w, { children: [
-    /* @__PURE__ */ p(it, { onChange: ut, value: _, variant: "fullWidth", children: [
+    /* @__PURE__ */ p(it, { onChange: ut, value: b, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         N,
         {
           label: /* @__PURE__ */ t(
-            B,
+            O,
             {
-              amount: k.totalAmount,
+              amount: B.totalAmount,
               label: e.spend_tab_title
             }
           )
@@ -392,7 +392,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
         N,
         {
           label: /* @__PURE__ */ t(
-            B,
+            O,
             {
               amount: P.totalAmount,
               label: e.income_tab_title
@@ -401,17 +401,17 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
         }
       )
     ] }),
-    _ === 0 && /* @__PURE__ */ t(
+    b === 0 && /* @__PURE__ */ t(
       nt,
       {
-        data: k,
+        data: B,
         onSelected: K,
         onViewTransactions: U,
         selectedId: x,
         title: e.spend_tab_title
       }
     ),
-    _ === 1 && /* @__PURE__ */ t(
+    b === 1 && /* @__PURE__ */ t(
       nt,
       {
         data: P,
@@ -426,14 +426,14 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       {
         ariaLabelClose: e.close_drawer_aria,
         isOpen: pt,
-        onClose: () => O(!1),
+        onClose: () => k(!1),
         title: e.transactions_drawer_title,
         children: /* @__PURE__ */ p(C, { children: [
           !d && m.length > 0 && /* @__PURE__ */ t(C, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
             St,
             {
               onClick: ht,
-              startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
+              startIcon: /* @__PURE__ */ t(_t, { name: "ios_share" }),
               variant: "text",
               children: r.export_csv_btn
             }
@@ -453,14 +453,14 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       }
     )
   ] });
-}, kt = L(Ot), Gt = ({ onBackClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { isTransactionDataLoaded: g, loadTransactionData: b } = dt(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = V(), { onEvent: D } = yt(), { clientConfig: x } = F();
+}, Bt = L(kt), Gt = ({ onBackClick: n, sx: d = {} }) => {
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { isTransactionDataLoaded: g, loadTransactionData: _ } = dt(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = V(), { onEvent: D } = yt(), { clientConfig: x } = F();
   ct({
     widgetName: "SpendingWidget",
     isLoaded: c
   }), l.useEffect(() => {
-    const _ = x?.master?.deep_link_params, W = _?.date_range ? [tt(_.date_range.from), tt(_.date_range.to)] : [ot(Y()), at(Y())];
-    y(W[0], W[1]), o || a().finally(), i || e().finally(), g || b().finally(), D(et.SPENDING_VIEW);
+    const b = x?.master?.deep_link_params, W = b?.date_range ? [tt(b.date_range.from), tt(b.date_range.to)] : [ot(q()), at(q())];
+    y(W[0], W[1]), o || a().finally(), i || e().finally(), g || _().finally(), D(et.SPENDING_VIEW);
   }, []), l.useEffect(() => {
     M && r(
       f,
@@ -468,8 +468,8 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       m.end
     ).finally();
   }, [m, M, f]);
-  const E = (_) => {
-    y(_[0], _[1]);
+  const E = (b) => {
+    y(b[0], b[1]);
   };
   return M ? /* @__PURE__ */ t(
     It,
@@ -479,7 +479,7 @@ const B = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       onBackClick: n,
       sx: d,
       title: u.title,
-      children: /* @__PURE__ */ t(w, { width: "100%", children: /* @__PURE__ */ t(kt, {}) })
+      children: /* @__PURE__ */ t(w, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
     }
   ) : /* @__PURE__ */ t(gt, {});
 }, Se = L(Gt);