@mx-cartographer/experiences 7.13.14 → 7.13.16

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.13.16] - 03-31-2026
+
+- **FIXED** - `Spending` Other bucket dropping overflow spending categories
+
+## [7.13.15] - 03-31-2026
+
+- **FIXED** - a11y labeling for mini widget CTAs
+
 ## [7.13.14] - 03-31-2026
 
 - **FIXED** - `CategoryBudget` cosmetics change.

package/dist/MiniWidgetContainer-Bhkv-hpz.mjs

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as i, Fragment as x } from "react/jsx-runtime";
+import b from "@mui/material/Box";
+import C from "@mui/material/Button";
+import u from "@mui/material/Card";
+import v from "@mui/material/CardHeader";
+import W from "@mui/material/CardContent";
+import z from "@mui/material/IconButton";
+import { Icon as H, ChevronRight as I } from "@mxenabled/mx-icons";
+import { H3 as y, Text as B, P as M } from "@mxenabled/mxui";
+import { u as j } from "./useDimensions-CeDR9V8N.mjs";
+import { W as w } from "./hooks-BxkfR-Ff.mjs";
+const R = ({
+  children: a,
+  className: m = "mx-cmn-mini-widget",
+  closeLabel: d,
+  contentStyles: l,
+  onClose: e,
+  onPrimaryCtaClick: o,
+  primaryCtaLabel: s = "",
+  primaryCtaLabelAria: c = "",
+  subTitle: n = "",
+  sx: p = {},
+  title: t = ""
+}) => {
+  const [h, { height: f, width: g }] = j();
+  return /* @__PURE__ */ r(u, { className: m, sx: { ...p }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        sx: { pb: 8 },
+        title: /* @__PURE__ */ r(x, { children: [
+          /* @__PURE__ */ r(
+            b,
+            {
+              sx: {
+                alignItems: "center",
+                display: "grid",
+                gap: 2,
+                gridTemplateColumns: "1fr auto",
+                pb: 4
+              },
+              children: [
+                t && /* @__PURE__ */ i(y, { children: t }),
+                e ? /* @__PURE__ */ i(z, { "aria-label": d, onClick: e, size: "small", children: /* @__PURE__ */ i(H, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(
+                  C,
+                  {
+                    "aria-label": c,
+                    endIcon: /* @__PURE__ */ i(I, {}),
+                    onClick: o,
+                    size: "small",
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
+                  }
+                )
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: n })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(W, { ref: h, sx: { p: 0, ...l }, children: /* @__PURE__ */ i(w, { availableHeight: f, availableWidth: g, children: a }) })
+  ] });
+}, J = R;
+export {
+  J as M
+};

package/dist/{SpendingLegend-s0rv96Ka.mjs → SpendingLegend-BgjazduU.mjs}

@@ -32,7 +32,7 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
     amount: n.total
   }), o;
 }, []), nt = (i, l, g, c) => {
-  const o = B(i, l, g, c), n = o.filter(
+  const n = B(i, l, g, c).filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
   ).sort((e, s) => s.amount - e.amount), a = n.reduce(
     (e, s) => e + s.amount,
@@ -44,7 +44,7 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
     value: e.amount / a * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(D, o.length), s = e.reduce(
+    const e = n.slice(D), s = e.reduce(
       (C, u) => C + u.amount,
       0
     );

package/dist/accounts/index.es.js

@@ -64,7 +64,7 @@ import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
 import { W as r3 } from "../WidgetContainer-B7xDq2bM.mjs";
-import { M as v1 } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
 import { A as d4 } from "../AccountStore-DpYvNnql.mjs";
 const d3 = (t, o) => {

package/dist/analytics/index.es.js

@@ -8,7 +8,7 @@ import a from "@mui/material/Stack";
 import S from "@mui/material/styles/useTheme";
 import { Text as p, TextField as B } from "@mxenabled/mxui";
 import { L } from "../Loader-D3rjKx72.mjs";
-import { M as W } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as W } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { j as f, u as b, g as q, b as E } from "../hooks-BxkfR-Ff.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";

package/dist/budgets/index.es.js

@@ -50,7 +50,7 @@ import { M as ct } from "../ManageIncome--_KEPuCK.mjs";
 import { u as ze } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { W as lt } from "../WidgetContainer-B7xDq2bM.mjs";
 import { u as dt, g as ut, C as mt } from "../BudgetUtil-CLhRnCoX.mjs";
-import { M as gt } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as gt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { b as we } from "../CategoryUtil-BVixr0d5.mjs";
 const pt = I(() => {
   const { budgets: t } = E(), { totalBudgeted: n } = w(), { incomeTotal: c } = ie(), i = c - n;
@@ -1204,6 +1204,7 @@ const It = ({
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
       primaryCtaLabel: S ? r.get_started_cta : r.details_cta,
+      primaryCtaLabelAria: r.details_cta_aria,
       sx: { height: "100%" },
       title: r.budgets_title,
       ...t,

package/dist/cashflow/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
-import p, { useState as Q } from "react";
+import h, { useState as Q } from "react";
 import { observer as T } from "mobx-react-lite";
 import { addMonths as Ve } from "date-fns/addMonths";
 import { startOfToday as W } from "date-fns/startOfToday";
@@ -12,10 +12,10 @@ import { G as Qe, t as me, u as L, p as ce, d as Ne, b as P, i as U, g as ke, a
 import { C as R } from "../CurrencyText-CA-E5N_y.mjs";
 import { I as ue } from "../CashflowStore-D3MKniVM.mjs";
 import { C as qn } from "../CashflowStore-D3MKniVM.mjs";
-import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as pe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as Z } from "../Loader-D3rjKx72.mjs";
 import { b as $ } from "../Localization-CPkpIwIx.mjs";
-import { M as Je } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as Je } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
 import { u as Fe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { R as et } from "../RecurringSettings-XPxxB0Wf.mjs";
@@ -31,10 +31,10 @@ import { f as X } from "../NumberFormatting-QCaNwbjv.mjs";
 import { isAfter as He } from "date-fns/isAfter";
 import { isBefore as We } from "date-fns/isBefore";
 import { isToday as $e } from "date-fns/isToday";
-import { addDays as we } from "date-fns/addDays";
+import { addDays as _e } from "date-fns/addDays";
 import { alpha as it, keyframes as at } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
-import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
 import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome--_KEPuCK.mjs";
 import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
@@ -43,15 +43,15 @@ import { endOfToday as mt } from "date-fns/endOfToday";
 import { W as ut } from "../WidgetContainer-B7xDq2bM.mjs";
 import { A as Ie } from "../Analytics-BYItVAe-.mjs";
 import { A as K } from "../Account-BiB1F8lL.mjs";
-import { formatISO as ht } from "date-fns/formatISO";
+import { formatISO as pt } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
-import { startOfMonth as pt } from "date-fns/startOfMonth";
+import { startOfMonth as ht } from "date-fns/startOfMonth";
 import { S as ft, a as gt } from "../StatusIndicator-CIKUOoN_.mjs";
 import { F as bt, R as ve, e as Ae } from "../RecurringTransactions-BOzBqfdg.mjs";
 import { h as xt } from "../DateUtil-wcYTmDRD.mjs";
 import { F as yt, A as j } from "../Fetch-B6tMJC1r.mjs";
 const Y = () => {
-  if (!p.useContext(Qe))
+  if (!h.useContext(Qe))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return me().uiStore;
 }, Ct = ({ remaining: i }) => {
@@ -71,33 +71,33 @@ const Y = () => {
     /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
     /* @__PURE__ */ e(R, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, pe = T(Ct), wt = () => {
-  const i = se(), { availableWidth: n } = ce(), { isMobile: t } = he(), { visibleCashAccounts: a, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
+}, he = T(Ct), _t = () => {
+  const i = se(), { availableWidth: n } = ce(), { isMobile: t } = pe(), { visibleCashAccounts: a, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: g,
     selectedCashAccounts: r,
-    setNextIncome: h,
+    setNextIncome: p,
     setSelectedCashAccounts: d,
     setUpcomingExpenses: x
-  } = Y(), { isDataLoaded: w, nextIncomeRecurrence: _, upcomingExpenses: A } = U();
-  p.useEffect(() => {
+  } = Y(), { isDataLoaded: _, nextIncomeRecurrence: w, upcomingExpenses: A } = U();
+  h.useEffect(() => {
     d(
       a.filter((y) => u.includes(y.guid))
     );
-  }, [a, u]), p.useEffect(() => {
-    _ && h(_), x(A);
-  }, [_, A]);
-  const S = p.useMemo(
+  }, [a, u]), h.useEffect(() => {
+    w && p(w), x(A);
+  }, [w, A]);
+  const S = h.useMemo(
     () => a.filter((y) => u.includes(y.guid)).reduce((y, I) => y + (I?.balance || 0), 0),
     [u, A]
-  ), k = p.useMemo(
+  ), k = h.useMemo(
     () => g.filter((y) => u.includes(y.accountGuid || "")).reduce((y, I) => y + I.amount, 0),
     [u, g]
-  ), b = p.useMemo(
+  ), b = h.useMemo(
     () => S - k,
     [S, k]
   );
-  return w ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return _ ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
     s,
     {
       border: `1px solid ${i.palette.border.light}`,
@@ -157,7 +157,7 @@ const Y = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(pe, { remaining: b })
+        children: /* @__PURE__ */ e(he, { remaining: b })
       }
     ),
     /* @__PURE__ */ e(v, {}),
@@ -166,13 +166,13 @@ const Y = () => {
       /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: $(c.days, l) })
     ] })
   ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
-}, _t = T(wt), St = ({
+}, wt = T(_t), St = ({
   onPrimaryCtaClick: i,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
   const { cashflow: a } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: g } = U();
-  p.useEffect(() => {
+  h.useEffect(() => {
     g({ start: W(), end: Ve(W(), 1) }), l || u().finally();
   }, []), Fe({
     widgetName: "CashflowMiniWidget",
@@ -185,6 +185,7 @@ const Y = () => {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: i,
       primaryCtaLabel: a.primary_cta,
+      primaryCtaLabelAria: a.primary_cta_aria,
       subTitle: r || !l ? void 0 : a.sub_title,
       sx: { height: "100%", ...t },
       title: a.title,
@@ -200,7 +201,7 @@ const Y = () => {
             primaryButtonStartIcon: "add",
             subText: a.create_description
           }
-        ) : /* @__PURE__ */ e(_t, {}))
+        ) : /* @__PURE__ */ e(wt, {}))
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
@@ -217,7 +218,7 @@ const Y = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(pe, { remaining: i })
+    children: /* @__PURE__ */ e(he, { remaining: i })
   }
 );
 var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
@@ -282,7 +283,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       ), r = l.reduce(
         (d, x) => d + x.amount,
         0
-      ), h = g.reduce(
+      ), p = g.reduce(
         (d, x) => d + x.amount,
         0
       );
@@ -319,7 +320,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             g.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
               J,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: h, type: te.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Te, { total: p, type: te.EXPENSE }),
                 sx: { width: "100%" },
                 children: g.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
@@ -327,7 +328,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             /* @__PURE__ */ e(
               It,
               {
-                remaining: (c.available_balance || c.balance || 0) + r - h
+                remaining: (c.available_balance || c.balance || 0) + r - p
               }
             )
           ]
@@ -342,8 +343,8 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: h, institution_guid: d, account_number: x } }) => {
-        const w = h || r;
+      renderCell: ({ value: { name: r, nickname: p, institution_guid: d, account_number: x } }) => {
+        const _ = p || r;
         return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             ye,
@@ -353,7 +354,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
               size: 16
             }
           ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${x ? `*${x}` : ""}` })
+          /* @__PURE__ */ e(m, { variant: "body2", children: `${_} ${x ? `*${x}` : ""}` })
         ] });
       }
     },
@@ -384,29 +385,29 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (r) => {
-        const h = r.row.balance + r.row.income - r.row.expenses;
+        const p = r.row.balance + r.row.income - r.row.expenses;
         return /* @__PURE__ */ e(
           m,
           {
-            color: Math.sign(h) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(p) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "body2",
-            children: X(h, "0,0.00")
+            children: X(p, "0,0.00")
           }
         );
       }
     }
-  ], g = p.useMemo(() => c.map((r) => {
-    const h = a.filter(
-      re(r, { start: W(), end: we(W(), 30) })
-    ).reduce((w, _) => w + _.amount, 0), d = f.filter(
-      re(r, { start: W(), end: we(W(), 30) })
-    ).reduce((w, _) => w + _.amount, 0), x = (r.balance || 0) + d - h;
+  ], g = h.useMemo(() => c.map((r) => {
+    const p = a.filter(
+      re(r, { start: W(), end: _e(W(), 30) })
+    ).reduce((_, w) => _ + w.amount, 0), d = f.filter(
+      re(r, { start: W(), end: _e(W(), 30) })
+    ).reduce((_, w) => _ + w.amount, 0), x = (r.balance || 0) + d - p;
     return {
       account: r,
       balance: r.balance || 0,
       id: r.guid,
       income: d,
-      expenses: h,
+      expenses: p,
       remaining: x
     };
   }), [c, a, f]);
@@ -484,7 +485,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
             }
           }
         ) : g.map((r) => {
-          const { name: h, nickname: d, institution_guid: x, account_number: w } = r.account, _ = d || h;
+          const { name: p, nickname: d, institution_guid: x, account_number: _ } = r.account, w = d || p;
           return /* @__PURE__ */ e(
             J,
             {
@@ -513,7 +514,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(m, { variant: "body2", children: `${_} ${w ? `*${w}` : ""}` })
+                        /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${_ ? `*${_}` : ""}` })
                       ] }),
                       /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "body2" })
                     ]
@@ -561,7 +562,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                     px: 16,
                     py: 12,
                     sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(pe, { remaining: r.remaining })
+                    children: /* @__PURE__ */ e(he, { remaining: r.remaining })
                   }
                 )
               ] }) })
@@ -573,10 +574,10 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     }
   );
 }, Rt = T(Tt), Lt = () => {
-  const { cashflow: i } = L(), { isDesktop: n } = he(), { onEvent: t } = ke(), [a, f] = p.useState(0), u = (c, l) => {
+  const { cashflow: i } = L(), { isDesktop: n } = pe(), { onEvent: t } = ke(), [a, f] = h.useState(0), u = (c, l) => {
     f(l);
   };
-  return p.useEffect(() => {
+  return h.useEffect(() => {
     t(a === 0 ? "cash_flow_summary" : "cash_flow_details");
   }, [a]), /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
@@ -615,8 +616,8 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       }
     ),
     /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(_e, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
-    /* @__PURE__ */ e(_e, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
+    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
+    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
   ] });
 }, Nt = T(Lt), ae = ({
   amount: i,
@@ -643,16 +644,16 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     ]
   }
 ), Re = (i, n) => (t) => t.accountGuid && i.includes(t.accountGuid) && ($e(t.expectedDate) || He(t.expectedDate, n.start)) && We(t.expectedDate, n.end), kt = () => {
-  const { availableWidth: i } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: a, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: g } = Y(), [r, h] = p.useState(!1), d = p.useMemo(
+  const { availableWidth: i } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: a, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: g } = Y(), [r, p] = h.useState(!1), d = h.useMemo(
     () => f.filter(Re(c, l)),
     [l, c, f]
-  ), x = p.useMemo(
+  ), x = h.useMemo(
     () => u.filter(Re(c, l)),
     [l, c, u]
-  ), w = p.useMemo(
+  ), _ = h.useMemo(
     () => g.reduce((y, I) => y + (I?.balance || 0), 0),
     [g]
-  ), _ = d.reduce((y, I) => y + I.amount, 0), A = x.reduce((y, I) => y + I.amount, 0), S = w - _ + A, k = a && t.length > 0, b = i < 725;
+  ), w = d.reduce((y, I) => y + I.amount, 0), A = x.reduce((y, I) => y + I.amount, 0), S = _ - w + A, k = a && t.length > 0, b = i < 725;
   return /* @__PURE__ */ o(s, { sx: { mx: b ? 16 : 0, my: b ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
@@ -667,7 +668,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           /* @__PURE__ */ e(
             ae,
             {
-              amount: w,
+              amount: _,
               isMobile: b,
               label: $(n.cash_and_bank, g.length)
             }
@@ -687,7 +688,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           ] }) : /* @__PURE__ */ e(
             G,
             {
-              onClick: () => h(!0),
+              onClick: () => p(!0),
               startIcon: /* @__PURE__ */ e(M, { name: "add" }),
               sx: { fontSize: 13 },
               children: n.add_income
@@ -697,7 +698,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           /* @__PURE__ */ e(
             ae,
             {
-              amount: _,
+              amount: w,
               isMobile: b,
               label: $(n.to_be_paid_out, d.length),
               symbol: b ? "-" : void 0
@@ -728,7 +729,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       {
         ariaLabelClose: n.close_manage_income_aria,
         isOpen: r,
-        onClose: () => h(!1),
+        onClose: () => p(!1),
         shouldShowHeaderBorders: !1,
         title: n.manage_income,
         children: /* @__PURE__ */ e(st, {})
@@ -736,10 +737,10 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     )
   ] });
 }, Ot = T(kt), Ft = ({ onBackClick: i, sx: n = {} }) => {
-  const { selectedAccounts: t, selectedAccountGuids: a, shouldDisableNextDate: f, shouldDisablePrevDate: u } = P(), { onEvent: c } = ke(), { clientConfig: l } = Ke(), { visibleCashAccounts: g } = Ne(), { setFilter: r } = Oe(), { dateRange: h, setSelectedCashAccounts: d } = Y(), { loadRepeatingTransactionData: x, isDataLoaded: w, setDateRange: _ } = U(), { cashflow: A, recurring: S } = L(), { isInitialized: k } = P(), y = l?.master?.deep_link_params?.view === "manage_income", [I, ne] = p.useState(y);
-  return p.useEffect(() => {
-    _(h), w || x().finally();
-  }, []), p.useEffect(() => {
+  const { selectedAccounts: t, selectedAccountGuids: a, shouldDisableNextDate: f, shouldDisablePrevDate: u } = P(), { onEvent: c } = ke(), { clientConfig: l } = Ke(), { visibleCashAccounts: g } = Ne(), { setFilter: r } = Oe(), { dateRange: p, setSelectedCashAccounts: d } = Y(), { loadRepeatingTransactionData: x, isDataLoaded: _, setDateRange: w } = U(), { cashflow: A, recurring: S } = L(), { isInitialized: k } = P(), y = l?.master?.deep_link_params?.view === "manage_income", [I, ne] = h.useState(y);
+  return h.useEffect(() => {
+    w(p), _ || x().finally();
+  }, []), h.useEffect(() => {
     const oe = g.map((O) => O.guid), ie = t.filter(
       (O) => a.includes(O.guid) && oe.includes(O.guid)
     );
@@ -749,7 +750,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     });
   }, [g, t]), Fe({
     widgetName: "CashflowWidget",
-    isLoaded: w
+    isLoaded: _
   }), k ? /* @__PURE__ */ o(
     ut,
     {
@@ -776,7 +777,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
         onRangeChanged: () => {
         }
       },
-      dateRange: h,
+      dateRange: p,
       dateRangeVariant: "readonly",
       onAccountsFilterClick: () => c(Ie.CASH_FLOW_CLICK_FILTER),
       onBackClick: i,
@@ -873,7 +874,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
   CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
 }, $t = () => {
   const { cashflow: i } = L();
-  return /* @__PURE__ */ o(p.Fragment, { children: [
+  return /* @__PURE__ */ o(h.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: je.CASHFLOW_LOADING_ANIMATION }) }),
     /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
     /* @__PURE__ */ e(N, { children: i.loading_description })
@@ -886,7 +887,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
     transform: rotate(360deg);
   }
 `, jt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: n } = U(), { cashflow: t, common: a } = L(), { user: f } = Xe(), { completeOnboarding: u } = me(), { isDirty: c } = Y(), { isMobile: l } = he(), { isCopyLoaded: g, setDisplayedDate: r } = P(), { filter: h, setFilter: d, transactions: x } = Oe(), w = se(), [_, A] = Q(!0), [S, k] = p.useState(bt.EveryMonth), [b, y] = p.useState(1), [I, ne] = p.useState(15), [oe, ie] = Q(!1), [O, fe] = Q(1), [F, ze] = Q([]), [ge, le] = Q(""), H = p.useMemo(
+  const { addRepeatingTransaction: i, repeatingTransactions: n } = U(), { cashflow: t, common: a } = L(), { user: f } = Xe(), { completeOnboarding: u } = me(), { isDirty: c } = Y(), { isMobile: l } = pe(), { isCopyLoaded: g, setDisplayedDate: r } = P(), { filter: p, setFilter: d, transactions: x } = Oe(), _ = se(), [w, A] = Q(!0), [S, k] = h.useState(bt.EveryMonth), [b, y] = h.useState(1), [I, ne] = h.useState(15), [oe, ie] = Q(!1), [O, fe] = Q(1), [F, ze] = Q([]), [ge, le] = Q(""), H = h.useMemo(
     () => x.find((C) => C.guid === ge),
     [ge, x]
   ), Be = !!n.filter(
@@ -894,9 +895,9 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
   ).length, be = async () => {
     fe(2), r(
       //  Beginning of the month, 90 days before today
-      pt(Me(W(), 90)),
+      ht(Me(W(), 90)),
       W()
-    ), d({ ...h, custom: Se }), fe(3);
+    ), d({ ...p, custom: Se }), fe(3);
   }, Ue = async () => {
     if (!(F.length < 1)) {
       ie(!0);
@@ -908,7 +909,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
           //user
           merchant_guid: E.merchant_guid,
           description: E.feed_description || E.description,
-          predicted_occurs_on: ht(xe, { representation: "date" }),
+          predicted_occurs_on: pt(xe, { representation: "date" }),
           recurrence_day: xe.getDay(),
           recurrence_type: S,
           repeating_transaction_type: ve.Income,
@@ -920,14 +921,14 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
       }
       await u();
     }
-  }, Pe = !H && _ || !H && F.length < 1;
+  }, Pe = !H && w || !H && F.length < 1;
   return g ? /* @__PURE__ */ o(
     D,
     {
       sx: {
         display: "flex",
         alignItems: l ? "flex-start" : "center",
-        backgroundColor: w.palette.background.paper,
+        backgroundColor: _.palette.background.paper,
         backgroundImage: l ? null : `url(${je.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
@@ -963,7 +964,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
               /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
               F.length > 0 && !H && /* @__PURE__ */ o(B, { children: [
-                /* @__PURE__ */ e(J, { children: F.map((C, E) => /* @__PURE__ */ o(p.Fragment, { children: [
+                /* @__PURE__ */ e(J, { children: F.map((C, E) => /* @__PURE__ */ o(h.Fragment, { children: [
                   /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: xt(
                     z(C.nextDate || C.date)
                   ) }),
@@ -987,7 +988,7 @@ const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
                 {
                   bgcolor: "background.paper",
                   onSearch: (C) => d({
-                    ...h,
+                    ...p,
                     custom: (E) => C ? lt(E, C) : Se(E)
                   }),
                   onSelected: (C) => {

package/dist/common/components/MiniWidgetContainer.d.ts

@@ -7,6 +7,7 @@ interface CardContainerProps {
     onClose?: () => void;
     onPrimaryCtaClick?: () => void;
     primaryCtaLabel?: string;
+    primaryCtaLabelAria?: string;
     subTitle?: string;
     sx?: SxProps;
     title?: string;

package/dist/common/index.es.js

@@ -11,7 +11,7 @@ import { L as Re, a as $e } from "../Transaction-CqjlF6SO.mjs";
 import { H } from "../Help-B8mD4aLJ.mjs";
 import { E as Ge } from "../Help-B8mD4aLJ.mjs";
 import { M as We } from "../MicroWidgetContainer-B_EnfvCq.mjs";
-import { M as Ye } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as Ye } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { D as Ke, W as ze } from "../WidgetContainer-B7xDq2bM.mjs";
 import { C as Ve } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { f as W, c as q, d as C } from "../BudgetUtil-CLhRnCoX.mjs";

package/dist/common/types/localization/BudgetsCopy.d.ts

@@ -36,6 +36,7 @@ export interface BudgetsCopy {
     delete_description: string;
     delete_title: string;
     details_cta: string;
+    details_cta_aria: string;
     details_delete_button: string;
     details_edit_button: string;
     details_edit_title: string;

package/dist/common/types/localization/CashflowCopy.d.ts

@@ -48,6 +48,7 @@ export interface CashflowCopy extends AccountFilterCopy {
     payment_schedule: string;
     previous_month_aria: string;
     primary_cta: string;
+    primary_cta_aria: string;
     projected_expenses: string;
     projected_income: string;
     projected_monthly_income: string;

package/dist/common/types/localization/RecurringCopy.d.ts

@@ -68,6 +68,7 @@ export interface RecurringCopy {
     past_transactions: string;
     payment_schedule: string;
     primary_cta: string;
+    primary_cta_aria: string;
     quarterly: string;
     quarterly_ordinal: string;
     recurrence_day_label: string;

package/dist/common/types/localization/SpendingCopy.d.ts

@@ -4,6 +4,7 @@ export interface SpendingCopy {
     income_tab_title: string;
     mini_title: string;
     primary_cta: string;
+    primary_cta_aria: string;
     spend_tab_title: string;
     transactions_drawer_title: string;
     transaction_details_drawer_title: string;

package/dist/finstrong/index.es.js

@@ -51,7 +51,7 @@ import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as Tt } from "date-fns/startOfMonth";
 import { endOfMonth as At } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-s0rv96Ka.mjs";
+import { g as eo, S as to, b as no } from "../SpendingLegend-BgjazduU.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";

package/dist/recurringtransactions/index.es.js

@@ -58,7 +58,7 @@ import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as ae } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as se } from "../Loader-D3rjKx72.mjs";
 import { W as ht } from "../WidgetContainer-B7xDq2bM.mjs";
-import { M as ft } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as ft } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
 const Y = {
@@ -706,6 +706,7 @@ const Y = {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
         primaryCtaLabel: r.primary_cta,
+        primaryCtaLabelAria: r.primary_cta_aria,
         subTitle: r.sub_title,
         sx: n,
         title: r.mini_title,

package/dist/spending/index.es.js

@@ -7,14 +7,14 @@ 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 bt from "@mui/material/styles/useTheme";
-import { g as rt, a as st, S as $, b as Y } from "../SpendingLegend-s0rv96Ka.mjs";
-import { Text as T, Icon as _t } from "@mxenabled/mxui";
+import _t from "@mui/material/styles/useTheme";
+import { g as rt, a as st, S as $, b as Y } from "../SpendingLegend-BgjazduU.mjs";
+import { Text as T, Icon as bt } 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 { u as I, l as A, d as lt, b as V, a as F, 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-xLWSV6Wz.mjs";
+import { M as Ct } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
@@ -36,7 +36,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   /* @__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 = bt(), { goals: d, spending: o } = I(), { categories: a, dateRangeCategoryTotals: i } = A(), c = l.useMemo(
+  const n = _t(), { goals: d, spending: o } = I(), { categories: a, dateRangeCategoryTotals: i } = A(), g = l.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -46,14 +46,14 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = l.useState(""), [g, _] = l.useState(0), u = l.useMemo(
+  ), [e, r] = l.useState(""), [c, b] = l.useState(0), u = l.useMemo(
     () => rt(a, d, n, i),
     [a, i]
   ), m = l.useMemo(
-    () => st(a, i, c),
-    [a, i, c]
+    () => st(a, i, g),
+    [a, i, g]
   ), M = (f, D) => {
-    _(D), r("");
+    b(D), r("");
   }, y = (f) => {
     r(e === f ? "" : f);
   };
@@ -63,7 +63,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       {
         "aria-label": o.mini_title,
         onChange: M,
-        value: g,
+        value: c,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
@@ -79,7 +79,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
                   variant: "mini"
                 }
               ),
-              tabIndex: g === 0 ? 0 : -1
+              tabIndex: c === 0 ? 0 : -1
             }
           ),
           /* @__PURE__ */ t(
@@ -95,7 +95,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
                   variant: "mini"
                 }
               ),
-              tabIndex: g === 1 ? 0 : -1
+              tabIndex: c === 1 ? 0 : -1
             }
           )
         ]
@@ -105,7 +105,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       w,
       {
         "aria-labelledby": "spending-tab",
-        hidden: g !== 0,
+        hidden: c !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
@@ -126,7 +126,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       w,
       {
         "aria-labelledby": "income-tab",
-        hidden: g !== 1,
+        hidden: c !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
@@ -146,26 +146,27 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
     )
   ] });
 }, 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: _, selectedAccounts: u } = V();
-  return ct({
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { spending: c } = I(), { isInitialized: b, selectedAccounts: u } = V();
+  return dt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
   }), l.useEffect(() => {
-    o || a().finally(), c || e().finally();
+    o || a().finally(), g || e().finally();
   }, []), l.useEffect(() => {
     r(
       u,
       ot(/* @__PURE__ */ new Date()),
       at(/* @__PURE__ */ new Date())
     ).finally();
-  }, [u]), _ ? /* @__PURE__ */ t(
+  }, [u]), b ? /* @__PURE__ */ t(
     Ct,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
-      primaryCtaLabel: g.primary_cta,
+      primaryCtaLabel: c.primary_cta,
+      primaryCtaLabelAria: c.primary_cta_aria,
       sx: { height: "100%", ...d },
-      title: g.mini_title,
+      title: c.mini_title,
       children: /* @__PURE__ */ t(Et, {})
     }
   ) : /* @__PURE__ */ t(gt, {});
@@ -175,7 +176,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   selectedId: o = "",
   title: a
 }) => {
-  const { spending: i } = I(), c = n.categoryData.find((e) => e.guid === o);
+  const { spending: i } = I(), g = n.categoryData.find((e) => e.guid === o);
   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" }),
@@ -193,7 +194,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
           children: /* @__PURE__ */ p(
             X,
             {
-              "aria-expanded": c?.guid === e.guid,
+              "aria-expanded": g?.guid === e.guid,
               id: `spending-list-category-${e.guid}`,
               onClick: () => d(e.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
@@ -228,7 +229,7 @@ const O = ({ 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(J, { sx: { borderBottom: 1, borderColor: "divider" }, children: c?.categoryTotals?.map((r) => /* @__PURE__ */ t(
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(vt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(J, { sx: { borderBottom: 1, borderColor: "divider" }, children: g?.categoryTotals?.map((r) => /* @__PURE__ */ t(
         Q,
         {
           sx: {
@@ -263,7 +264,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   selectedId: a,
   title: i
 }) => {
-  const { isDesktop: c, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = A(), { spending: g } = I();
+  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = A(), { spending: c } = I();
   return /* @__PURE__ */ p(
     C,
     {
@@ -285,7 +286,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
             onSelected: () => {
             },
             selectedId: "",
-            size: c ? 400 : 300,
+            size: g ? 400 : 300,
             totalLabel: "Loading ...",
             variant: "full"
           }
@@ -299,8 +300,8 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
             },
             onViewTransactions: o,
             selectedId: a,
-            size: c ? 400 : 300,
-            totalLabel: g.total_amount,
+            size: g ? 400 : 300,
+            totalLabel: c.total_amount,
             variant: "full"
           }
         ),
@@ -317,16 +318,16 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   n.palette.chartMono.chartMono6
 ], kt = () => {
   const n = Tt(), { is_mobile_webview: d } = F(), { clientConfig: o } = F(), { categories: a, dateRangeCategoryTotals: i } = A(), {
-    goals: c,
+    goals: g,
     spending: e,
     transactions: r
-  } = I(), { displayedDateRange: g, selectedAccountGuids: _ } = V(), {
+  } = I(), { displayedDateRange: c, selectedAccountGuids: b } = 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(""), [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),
+  } = ct(), 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, k] = l.useState(!1), B = l.useMemo(
+    () => rt(a, g, n, i),
     [a, i]
   ), P = l.useMemo(
     () => st(a, i, Ot(n)),
@@ -341,18 +342,18 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
   }, mt = (s) => {
     u({
       ...{
-        accounts: f || _,
-        dateRange: g
+        accounts: f || b,
+        dateRange: c
       },
       custom: (h) => x === "other" ? h.top_level_category_guid === s : h.category_guid === s,
       showSplits: !0
     }), k(!0);
   }, U = (s) => {
     const S = {
-      accounts: f || _,
-      dateRange: g
+      accounts: f || b,
+      dateRange: c
     };
-    if (b === 0)
+    if (_ === 0)
       if (s === "other") {
         const h = B.categoryData.find((j) => j.guid === "other");
         u({
@@ -375,7 +376,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
     Mt(M, y);
   };
   return /* @__PURE__ */ p(w, { children: [
-    /* @__PURE__ */ p(it, { onChange: ut, value: b, variant: "fullWidth", children: [
+    /* @__PURE__ */ p(it, { onChange: ut, value: _, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         N,
         {
@@ -401,7 +402,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
         }
       )
     ] }),
-    b === 0 && /* @__PURE__ */ t(
+    _ === 0 && /* @__PURE__ */ t(
       nt,
       {
         data: B,
@@ -411,7 +412,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
         title: e.spend_tab_title
       }
     ),
-    b === 1 && /* @__PURE__ */ t(
+    _ === 1 && /* @__PURE__ */ t(
       nt,
       {
         data: P,
@@ -433,7 +434,7 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
             St,
             {
               onClick: ht,
-              startIcon: /* @__PURE__ */ t(_t, { name: "ios_share" }),
+              startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
               variant: "text",
               children: r.export_csv_btn
             }
@@ -454,13 +455,13 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
     )
   ] });
 }, 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({
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { isTransactionDataLoaded: c, loadTransactionData: b } = ct(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = V(), { onEvent: D } = yt(), { clientConfig: x } = F();
+  dt({
     widgetName: "SpendingWidget",
-    isLoaded: c
+    isLoaded: g
   }), l.useEffect(() => {
-    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);
+    const _ = x?.master?.deep_link_params, W = _?.date_range ? [tt(_.date_range.from), tt(_.date_range.to)] : [ot(q()), at(q())];
+    y(W[0], W[1]), o || a().finally(), i || e().finally(), c || b().finally(), D(et.SPENDING_VIEW);
   }, []), l.useEffect(() => {
     M && r(
       f,
@@ -468,8 +469,8 @@ const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(C,
       m.end
     ).finally();
   }, [m, M, f]);
-  const E = (b) => {
-    y(b[0], b[1]);
+  const E = (_) => {
+    y(_[0], _[1]);
   };
   return M ? /* @__PURE__ */ t(
     It,

package/dist/trends/index.es.js

@@ -42,7 +42,7 @@ import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
 import { W as ut } from "../WidgetContainer-B7xDq2bM.mjs";
 import { L as Ve } from "../LineChart-EAr5ox5U.mjs";
-import { M as Jt } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { M as Jt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { subMonths as eo } from "date-fns";
 import { TrendingUp as to, TrendingDown as oo, MultilineChart as no, ExpandLess as so, ExpandMore as ro, ArrowBack as ao } from "@mxenabled/mx-icons";
 import { M as io } from "../MicroWidgetContainer-B_EnfvCq.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.13.14",
+  "version": "7.13.16",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/MiniWidgetContainer-xLWSV6Wz.mjs

@@ -1,56 +0,0 @@
-import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
-import x from "@mui/material/Box";
-import C from "@mui/material/Button";
-import b from "@mui/material/Card";
-import u from "@mui/material/CardHeader";
-import v from "@mui/material/CardContent";
-import W from "@mui/material/IconButton";
-import { Icon as z, ChevronRight as H } from "@mxenabled/mx-icons";
-import { H3 as I, Text as y, P as B } from "@mxenabled/mxui";
-import { u as M } from "./useDimensions-CeDR9V8N.mjs";
-import { W as j } from "./hooks-BxkfR-Ff.mjs";
-const w = ({
-  children: a,
-  className: m = "mx-cmn-mini-widget",
-  closeLabel: d,
-  contentStyles: l,
-  onClose: e,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: s = "",
-  subTitle: n = "",
-  sx: c = {},
-  title: t = ""
-}) => {
-  const [p, { height: h, width: f }] = M();
-  return /* @__PURE__ */ r(b, { className: m, sx: { ...c }, children: [
-    /* @__PURE__ */ i(
-      u,
-      {
-        sx: { pb: 8 },
-        title: /* @__PURE__ */ r(g, { children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              sx: {
-                alignItems: "center",
-                display: "grid",
-                gap: 2,
-                gridTemplateColumns: "1fr auto",
-                pb: 4
-              },
-              children: [
-                t && /* @__PURE__ */ i(I, { children: t }),
-                e ? /* @__PURE__ */ i(W, { "aria-label": d, onClick: e, size: "small", children: /* @__PURE__ */ i(z, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(C, { endIcon: /* @__PURE__ */ i(H, {}), onClick: o, size: "small", children: /* @__PURE__ */ i(y, { bold: !0, variant: "body2", children: s }) })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ i(B, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: n })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ i(v, { ref: p, sx: { p: 0, ...l }, children: /* @__PURE__ */ i(j, { availableHeight: h, availableWidth: f, children: a }) })
-  ] });
-}, G = w;
-export {
-  G as M
-};