@mx-cartographer/experiences 8.1.0 → 8.1.2

package/dist/spending/index.es.js

@@ -5,38 +5,38 @@ import { startOfMonth as ot } from "date-fns/startOfMonth";
 import { endOfMonth as at } from "date-fns/endOfMonth";
 import L from "@mui/material/Box";
 import y from "@mui/material/Stack";
-import $ from "@mui/material/Tab";
+import O 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 O, b as Y } from "../SpendingLegend-DljKEG69.mjs";
+import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-DIWHSsKw.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as N } from "../NumberFormatting-CyrvFgfd.mjs";
-import { u as A, l as W, d as lt, b as z, a as V, h as ct, g as yt } from "../hooks-BxkfR-Ff.mjs";
-import { u as dt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { L as gt } from "../Loader-D3rjKx72.mjs";
-import { M as Ct } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { u as A, l as W, d as lt, b as z, a as V, h as dt, g as yt } from "../hooks-HwStH7q_.mjs";
+import { u as ct } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { L as gt } from "../Loader-CxeBwuPG.mjs";
+import { M as Ct } from "../MiniWidgetContainer-CmTGSUL5.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-Dnd5lVq7.mjs";
-import { T as Dt } from "../EmbeddedCard-j7IGx3s1.mjs";
-import { T as xt } from "../TransactionDetails-CN-yZkin.mjs";
+import { e as Mt } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
+import { T as Dt } from "../EmbeddedCard-BCcn_fK2.mjs";
+import { T as xt } from "../TransactionDetails-Db8dwHoM.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import J from "@mui/material/List";
 import Q from "@mui/material/ListItem";
 import X from "@mui/material/ListItemButton";
-import { u as Lt } from "../useScreenSize-CUcpY7aJ.mjs";
-import { D as Z } from "../Drawer-Bbe4AMB1.mjs";
-import { b as w } from "../Category-CevNQ03n.mjs";
+import { u as Lt } from "../useScreenSize-CeFhWTt_.mjs";
+import { D as Z } from "../Drawer-XPaLYjiO.mjs";
+import { b as w } from "../Category-Ccoew_sA.mjs";
 import { parseISO as tt } from "date-fns/parseISO";
 import { A as et } from "../Analytics-0Xm_BjHU.mjs";
-import { W as It } from "../WidgetContainer-Bc75FqK7.mjs";
-const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
-  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
+import { W as It } from "../WidgetContainer-CCR7I0gu.mjs";
+const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
+  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: c }),
   /* @__PURE__ */ t(T, { variant: "caption", children: N(n, o === "mini" ? "0,0" : "0,0.00") })
 ] }), At = () => {
-  const n = _t(), { goals: d, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = W(), g = l.useMemo(
+  const n = _t(), { goals: c, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = W(), g = l.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -46,8 +46,8 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = l.useState(""), [c, b] = l.useState(0), u = l.useMemo(
-    () => rt(a, d, n, i),
+  ), [e, r] = l.useState(""), [d, b] = l.useState(0), u = l.useMemo(
+    () => rt(a, c, n, i),
     [a, i]
   ), h = l.useMemo(
     () => st(a, i, g),
@@ -63,39 +63,39 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       {
         "aria-label": o.mini_title,
         onChange: M,
-        value: c,
+        value: d,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
-            $,
+            O,
             {
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                k,
+                $,
                 {
                   amount: u.totalAmount,
                   label: o.spend_tab_title,
                   variant: "mini"
                 }
               ),
-              tabIndex: c === 0 ? 0 : -1
+              tabIndex: d === 0 ? 0 : -1
             }
           ),
           /* @__PURE__ */ t(
-            $,
+            O,
             {
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                k,
+                $,
                 {
                   amount: h.totalAmount,
                   label: o.income_tab_title,
                   variant: "mini"
                 }
               ),
-              tabIndex: c === 1 ? 0 : -1
+              tabIndex: d === 1 ? 0 : -1
             }
           )
         ]
@@ -105,12 +105,12 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       L,
       {
         "aria-labelledby": "spending-tab",
-        hidden: c !== 0,
+        hidden: d !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            O,
+            k,
             {
               data: u,
               onSelected: _,
@@ -126,12 +126,12 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       L,
       {
         "aria-labelledby": "income-tab",
-        hidden: c !== 1,
+        hidden: d !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            O,
+            k,
             {
               data: h,
               isIncome: !0,
@@ -145,9 +145,9 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       }
     )
   ] });
-}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = W(), { spending: c } = A(), { isInitialized: b, selectedAccounts: u } = z();
-  return dt({
+}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: c = {} }) => {
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = W(), { spending: d } = A(), { isInitialized: b, selectedAccounts: u } = z();
+  return ct({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
   }), l.useEffect(() => {
@@ -163,16 +163,16 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
-      primaryCtaLabel: c.primary_cta,
-      primaryCtaLabelAria: c.primary_cta_aria,
-      sx: { height: "100%", ...d },
-      title: c.mini_title,
+      primaryCtaLabel: d.primary_cta,
+      primaryCtaLabelAria: d.primary_cta_aria,
+      sx: { height: "100%", ...c },
+      title: d.mini_title,
       children: /* @__PURE__ */ t(Et, {})
     }
   ) : /* @__PURE__ */ t(gt, {});
 }, Ce = I(Wt), Rt = ({
   data: n,
-  onSelected: d,
+  onSelected: c,
   selectedId: o = "",
   title: a
 }) => {
@@ -196,7 +196,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
             {
               "aria-expanded": g?.guid === e.guid,
               id: `spending-list-category-${e.guid}`,
-              onClick: () => d(e.guid),
+              onClick: () => c(e.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
@@ -240,7 +240,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
             X,
             {
               id: `spending-list-subcategory-${r.guid}`,
-              onClick: () => d(r.guid, !0),
+              onClick: () => c(r.guid, !0),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: /* @__PURE__ */ p(y, { direction: "row", justifyContent: "space-between", width: "100%", children: [
                 /* @__PURE__ */ p(T, { children: [
@@ -257,14 +257,14 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     ] }, e.guid)) }),
     /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${N(n.totalAmount, "0,0.00")}` })
   ] });
-}, Nt = I(Rt), $t = ({
+}, Nt = I(Rt), Ot = ({
   data: n,
-  onSelected: d,
+  onSelected: c,
   onViewTransactions: o,
   selectedId: a,
   title: i
 }) => {
-  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = W(), { spending: c } = A();
+  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = W(), { spending: d } = A();
   return /* @__PURE__ */ p(
     y,
     {
@@ -276,7 +276,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       px: 8,
       children: [
         r && /* @__PURE__ */ t(
-          O,
+          k,
           {
             data: {
               categoryData: [],
@@ -292,45 +292,45 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
           }
         ),
         !r && /* @__PURE__ */ t(
-          O,
+          k,
           {
             data: n,
             onSelected: (h) => {
-              d(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
+              c(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
             },
             onViewTransactions: o,
             selectedId: a,
             size: g ? 400 : 300,
-            totalLabel: c.total_amount,
+            totalLabel: d.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: a, title: i })
+        /* @__PURE__ */ t(Nt, { data: n, onSelected: c, selectedId: a, title: i })
       ]
     }
   );
-}, nt = I($t), Ot = (n) => [
+}, nt = I(Ot), kt = (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
-], kt = () => {
-  const n = Tt(), { is_mobile_webview: d } = V(), { clientConfig: o } = V(), { categories: a, dateRangeCategoryTotals: i } = W(), {
+], $t = () => {
+  const n = Tt(), { is_mobile_webview: c } = V(), { clientConfig: o } = V(), { categories: a, dateRangeCategoryTotals: i } = W(), {
     goals: g,
     spending: e,
     transactions: r
-  } = A(), { displayedDateRange: c, selectedAccountGuids: b } = z(), {
+  } = A(), { displayedDateRange: d, selectedAccountGuids: b } = z(), {
     setFilter: u,
     sortedTransactions: h,
     sortedTransactionsWithSplits: M,
     tags: _
-  } = ct(), f = o?.master?.deep_link_params?.account_guids, x = o?.master?.deep_link_params?.view, [D, R] = l.useState(""), [v, C] = l.useState(x === "income" ? 1 : 0), [E, H] = l.useState(""), [pt, B] = l.useState(!1), G = l.useMemo(
+  } = dt(), f = o?.master?.deep_link_params?.account_guids, x = o?.master?.deep_link_params?.view, [D, R] = l.useState(""), [v, C] = l.useState(x === "income" ? 1 : 0), [E, H] = l.useState(""), [pt, B] = l.useState(!1), G = l.useMemo(
     () => rt(a, g, n, i),
     [a, i]
   ), P = l.useMemo(
-    () => st(a, i, Ot(n)),
+    () => st(a, i, kt(n)),
     [a, i]
   ), j = l.useMemo(
     () => h.find((s) => s.guid === E),
@@ -343,7 +343,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     u({
       ...{
         accounts: f || b,
-        dateRange: c
+        dateRange: d
       },
       custom: (m) => D === "other" ? m.top_level_category_guid === s : m.category_guid === s,
       showSplits: !0
@@ -351,7 +351,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
   }, U = (s) => {
     const S = {
       accounts: f || b,
-      dateRange: c
+      dateRange: d
     };
     if (v === 0)
       if (s === "other") {
@@ -378,10 +378,10 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
   return /* @__PURE__ */ p(L, { children: [
     /* @__PURE__ */ p(it, { onChange: ut, value: v, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
-        $,
+        O,
         {
           label: /* @__PURE__ */ t(
-            k,
+            $,
             {
               amount: G.totalAmount,
               label: e.spend_tab_title
@@ -390,10 +390,10 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
         }
       ),
       /* @__PURE__ */ t(
-        $,
+        O,
         {
           label: /* @__PURE__ */ t(
-            k,
+            $,
             {
               amount: P.totalAmount,
               label: e.income_tab_title
@@ -430,7 +430,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
         onClose: () => B(!1),
         title: e.transactions_drawer_title,
         children: /* @__PURE__ */ p(y, { children: [
-          !d && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+          !c && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
             St,
             {
               onClick: ht,
@@ -454,16 +454,16 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       }
     )
   ] });
-}, Bt = I(kt), Gt = ({ onBackClick: n, onMenuClick: d, sx: o = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: i } = lt(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: c } = W(), { isTransactionDataLoaded: b, loadTransactionData: u } = ct(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: f, selectedAccounts: x } = z(), { onEvent: D } = yt(), { clientConfig: R } = V();
-  dt({
+}, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: c, sx: o = {} }) => {
+  const { isAccountDataLoaded: a, loadAccountData: i } = lt(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: d } = W(), { isTransactionDataLoaded: b, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: f, selectedAccounts: x } = z(), { onEvent: D } = yt(), { clientConfig: R } = V();
+  ct({
     widgetName: "SpendingWidget",
     isLoaded: e
   }), l.useEffect(() => {
     const C = R?.master?.deep_link_params, E = C?.date_range ? [tt(C.date_range.from), tt(C.date_range.to)] : [ot(q()), at(q())];
     f(E[0], E[1]), a || i().finally(), g || r().finally(), b || u().finally(), D(et.SPENDING_VIEW);
   }, []), l.useEffect(() => {
-    _ && c(
+    _ && d(
       x,
       M.start,
       M.end
@@ -478,7 +478,7 @@ const k = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       calendarActions: { onRangeChanged: v },
       onAccountsFilterClick: () => D(et.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      onMenuClick: d,
+      onMenuClick: c,
       sx: o,
       title: h.title,
       children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })