@mx-cartographer/experiences 7.8.0-alpha.test1 → 7.8.0-alpha.test3

package/dist/budgets/index.es.js

@@ -161,7 +161,7 @@ const it = E(() => {
       }
     )
   ] });
-}), Me = E(({ onAddBudget: t, onRecalculateBudgets: o }) => {
+}), Re = E(({ onAddBudget: t, onRecalculateBudgets: o }) => {
   const { budgets: i } = w(), { addBudget: s, setAlert: a, unbudgetedCategories: r } = D(), n = async (c, d) => {
     await s(c, d), t?.(), a(L(i.alert_budget_created, c.name));
   };
@@ -177,7 +177,7 @@ const it = E(() => {
     )) }) }),
     /* @__PURE__ */ e(lt, { onRecalculateBudgets: o })
   ] });
-}), _e = 5, Re = 100, Q = 25, ut = (t) => {
+}), _e = 5, Me = 100, Q = 25, ut = (t) => {
   const o = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
   }, i = (a) => {
@@ -207,7 +207,7 @@ const it = E(() => {
       a.x = Ce(a.x ?? 0, r, i - r), a.y = Ce(a.y ?? 0, r, o - r);
     }), O.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
   });
-}, Le = (t, o) => O.scaleLinear().domain([t, o]).range([Q, Re]), ht = (t) => {
+}, Le = (t, o) => O.scaleLinear().domain([t, o]).range([Q, Me]), ht = (t) => {
   const o = t.reduce((r, n) => {
     const c = Math.max(n.transaction_total, n.amount);
     return c > r ? c : r;
@@ -227,7 +227,7 @@ const it = E(() => {
   let u = Q;
   if (a < m) {
     const h = Math.sqrt(m / (t * Math.PI)), b = Math.min(c, d) / 4;
-    u = Math.min(Re, h, b);
+    u = Math.min(Me, h, b);
   }
   return r && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
 }, bt = (t, o, i, s, a) => {
@@ -285,7 +285,7 @@ function St({ bubble: t, isDraggable: o, onClick: i = () => {
   p > j ? (v = -14, A = -45) : p > de && (A = -32);
   let x = 32;
   p <= j && (x = n < 400 ? 16 : 24);
-  const M = `${t.category.name}: ${b}`, R = {
+  const R = `${t.category.name}: ${b}`, M = {
     modifiers: [
       {
         name: "offset",
@@ -330,7 +330,7 @@ function St({ bubble: t, isDraggable: o, onClick: i = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(Xe, { open: s, slotProps: { popper: R }, title: M, children: /* @__PURE__ */ e("circle", { fill: d, id: `circle-${h}`, r: p }) }),
+        /* @__PURE__ */ e(Xe, { open: s, slotProps: { popper: M }, title: R, children: /* @__PURE__ */ e("circle", { fill: d, id: `circle-${h}`, r: p }) }),
         /* @__PURE__ */ e("svg", { x: v, y: A, children: /* @__PURE__ */ e(P, { name: u, size: x, sx: { fill: m } }) }),
         p > j && /* @__PURE__ */ e(
           y,
@@ -572,7 +572,7 @@ const xt = ({
     ] })
   ] });
 }, wt = (t) => {
-  const o = ee(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: n } = D(), { budgets: c, common: d } = w(), { isInitialized: m, selectedAccounts: u } = oe(), { reloadCategoryTotals: f } = K(), h = Ze(), [b, p] = l.useState(!1);
+  const o = ee(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: n } = D(), { budgets: c, common: d } = w(), { isInitialized: m, selectedAccounts: u } = oe(), { loadDateRangeCategoryTotals: f } = K(), h = Ze(), [b, p] = l.useState(!1);
   l.useEffect(() => {
     a || r().finally();
   }, []), l.useEffect(() => {
@@ -620,7 +620,7 @@ const xt = ({
             onClose: () => p(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
-              Me,
+              Re,
               {
                 onAddBudget: S,
                 onRecalculateBudgets: C
@@ -812,7 +812,7 @@ const xt = ({
       )
     ] })
   ] });
-}), Mt = E(({ budget: t }) => {
+}), Rt = E(({ budget: t }) => {
   const { is_mobile_webview: o } = Fe(), { setAlert: i } = D(), { budgets: s, common: a, transactions: r } = w(), { isDesktop: n, isSmallTablet: c, isTablet: d } = ie(), {
     sortedTransactions: m,
     sortedTransactionsWithSplits: u,
@@ -820,8 +820,8 @@ const xt = ({
   } = ae(), [h, b] = l.useState(0), [p, _] = l.useState(""), S = l.useMemo(
     () => m.find((x) => x.guid === p),
     [p, m]
-  ), C = (x, M) => {
-    b(M);
+  ), C = (x, R) => {
+    b(R);
   }, v = () => {
     et(u, f), i(s.alert_csv_downloaded);
   }, A = m.length > 0 && !o && (n || d && !c);
@@ -867,7 +867,7 @@ const xt = ({
       )
     ] })
   ] });
-}), Rt = E(() => {
+}), Mt = E(() => {
   const { selectedAccountGuids: t } = oe(), { budgets: o, common: i } = w(), {
     alert: s,
     dateRange: a,
@@ -892,9 +892,9 @@ const xt = ({
       amount: Number(v),
       percentage: n.category.totalAmount / Number(v) * 100
     }), _(!1), d(L(o.alert_budget_updated, n.category.name)));
-  }, M = async () => {
-    n && (await r(n.guid), d(L(o.alert_budget_deleted, n.category.name))), R();
-  }, R = () => {
+  }, R = async () => {
+    n && (await r(n.guid), d(L(o.alert_budget_deleted, n.category.name))), M();
+  }, M = () => {
     b(!1), setTimeout(() => {
       m(void 0);
     }, 250);
@@ -908,7 +908,7 @@ const xt = ({
         {
           ariaLabelClose: i.close_aria,
           isOpen: h,
-          onClose: R,
+          onClose: M,
           onPrimaryAction: () => _(!0),
           onSecondaryAction: () => C(!0),
           primaryText: o.details_edit_button,
@@ -916,7 +916,7 @@ const xt = ({
           secondaryText: o.details_delete_button,
           title: o.details_title,
           children: [
-            /* @__PURE__ */ e(Mt, { budget: n }),
+            /* @__PURE__ */ e(Rt, { budget: n }),
             /* @__PURE__ */ e(
               De,
               {
@@ -956,7 +956,7 @@ const xt = ({
           copy: { close_aria: i.close_aria, title: o.delete_title },
           isOpen: S,
           onClose: () => C(!1),
-          onPrimaryAction: M,
+          onPrimaryAction: R,
           primaryColor: "error",
           primaryText: o.details_delete_button,
           secondaryColor: "secondary",
@@ -1012,28 +1012,28 @@ const xt = ({
     const A = c.reduce((I, k) => I + k.totalAmount, 0);
     let x = A / m;
     x > 1 && (x = 1);
-    let M = t.palette.success.main;
-    x > 0.8 && x < 1 ? M = t.palette.warning.main : x >= 1 && (M = t.palette.error.main);
-    const R = [
+    let R = t.palette.success.main;
+    x > 0.8 && x < 1 ? R = t.palette.warning.main : x >= 1 && (R = t.palette.error.main);
+    const M = [
       {
-        color: M,
+        color: R,
         percentage: `${x}`
       }
     ];
-    return [A, R];
+    return [A, M];
   }, [d, c]), [S, C] = l.useMemo(() => {
     const A = Math.abs(
-      n.reduce((R, I) => R + I.totalAmount, 0)
+      n.reduce((M, I) => M + I.totalAmount, 0)
     );
     let x = A / u;
     x > 1 && (x = 1);
-    const M = [
+    const R = [
       {
         color: t.palette.secondary.main,
         percentage: `${x}`
       }
     ];
-    return [A, M];
+    return [A, R];
   }, [n, u]), v = () => {
     f({
       accounts: i.map((A) => A.guid),
@@ -1097,7 +1097,7 @@ const xt = ({
     setAlert: _,
     setTheme: S,
     detailedBudgets: C
-  } = D(), { setDateRange: v } = te(), { reloadCategoryTotals: A } = K(), { isSmallTablet: x, isMobile: M, isSmallMobile: R } = ie(), I = x || M || R, [k, G] = l.useState(!1);
+  } = D(), { setDateRange: v } = te(), { loadDateRangeCategoryTotals: A } = K(), { isSmallTablet: x, isMobile: R, isSmallMobile: M } = ie(), I = x || R || M, [k, G] = l.useState(!1);
   Te({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: h
@@ -1175,7 +1175,7 @@ const xt = ({
             ]
           }
         ),
-        /* @__PURE__ */ e(Rt, {}),
+        /* @__PURE__ */ e(Mt, {}),
         /* @__PURE__ */ e(
           $,
           {
@@ -1184,7 +1184,7 @@ const xt = ({
             onClose: () => G(!1),
             title: r.add_new_title,
             children: /* @__PURE__ */ e(
-              Me,
+              Re,
               {
                 onAddBudget: Pe,
                 onRecalculateBudgets: Ge

package/dist/settings/index.es.js

@@ -873,7 +873,7 @@ const zt = C(({ onBackClick: t, sx: a }) => {
   const { isMobile: a } = O(), { categoriesLoaded: o, loadCategories: i } = z();
   return p.useEffect(() => {
     o || i().finally();
-  }, []), /* @__PURE__ */ e(X, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
+  }), /* @__PURE__ */ e(X, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
 };
 export {
   Qt as AccountNotificationProfiles,

package/dist/spending/index.es.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import l from "react";
-import { observer as v } from "mobx-react-lite";
+import { observer as A } from "mobx-react-lite";
 import { startOfMonth as at } from "date-fns/startOfMonth";
 import { endOfMonth as ot } from "date-fns/endOfMonth";
-import L from "@mui/material/Box";
+import v from "@mui/material/Box";
 import b from "@mui/material/Stack";
 import N from "@mui/material/Tab";
 import it from "@mui/material/Tabs";
@@ -11,7 +11,7 @@ import yt from "@mui/material/styles/useTheme";
 import { g as rt, a as st, S as $, b as Y } from "../SpendingLegend-BSHRsmqN.mjs";
 import { Text as T, Icon as _t } from "@mxenabled/mxui";
 import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
-import { u as A, m as E, d as lt, b as z, a as V, h as ct, g as bt } from "../hooks-ZMp65DFz.mjs";
+import { u as I, m as E, d as lt, b as z, a as V, h as ct, g as bt } from "../hooks-ZMp65DFz.mjs";
 import { u as dt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as gt } from "../Loader-DUaFpDGv.mjs";
 import { M as Ct } from "../MiniWidgetContainer-98-hKFqm.mjs";
@@ -27,13 +27,13 @@ import Q from "@mui/material/ListItem";
 import Z from "@mui/material/ListItemButton";
 import { u as Lt } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as tt } from "../Drawer-DV4NTsFg.mjs";
-import { b as w } from "../Category-CevNQ03n.mjs";
+import { b as L } from "../Category-CevNQ03n.mjs";
 import { A as et, W as vt } from "../WidgetContainer-Bj3HyCfV.mjs";
 const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
   /* @__PURE__ */ t(T, { variant: "XSmall", children: R(n, a === "mini" ? "0,0" : "0,0.00") })
 ] }), At = () => {
-  const n = yt(), { goals: d, spending: a } = A(), { categories: o, dateRangeCategoryTotals: i } = E(), g = l.useMemo(
+  const n = yt(), { goals: d, spending: a } = I(), { categories: o, dateRangeCategoryTotals: i } = E(), g = l.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -49,17 +49,17 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
   ), m = l.useMemo(
     () => st(o, i, g),
     [o, i, g]
-  ), I = (f, M) => {
-    _(M), r("");
+  ), M = (f, D) => {
+    _(D), r("");
   }, y = (f) => {
     r(e === f ? "" : f);
   };
-  return /* @__PURE__ */ c(L, { width: "100%", children: [
+  return /* @__PURE__ */ c(v, { width: "100%", children: [
     /* @__PURE__ */ c(
       it,
       {
         "aria-label": a.mini_title,
-        onChange: I,
+        onChange: M,
         value: p,
         variant: "fullWidth",
         children: [
@@ -99,7 +99,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       }
     ),
     /* @__PURE__ */ t(
-      L,
+      v,
       {
         "aria-labelledby": "spending-tab",
         hidden: p !== 0,
@@ -120,7 +120,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       }
     ),
     /* @__PURE__ */ t(
-      L,
+      v,
       {
         "aria-labelledby": "income-tab",
         hidden: p !== 1,
@@ -142,8 +142,8 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       }
     )
   ] });
-}, It = v(At), Et = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { spending: p } = A(), { isInitialized: _, selectedAccounts: u } = z();
+}, It = A(At), Et = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
+  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { spending: p } = I(), { isInitialized: _, selectedAccounts: u } = z();
   return dt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
@@ -166,13 +166,13 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       children: /* @__PURE__ */ t(It, {})
     }
   ) : /* @__PURE__ */ t(gt, {});
-}, fe = v(Et), Wt = ({
+}, fe = A(Et), Wt = ({
   data: n,
   onSelected: d,
   selectedId: a = "",
   title: o
 }) => {
-  const { spending: i } = A(), g = n.categoryData.find((e) => e.guid === a);
+  const { spending: i } = I(), g = n.categoryData.find((e) => e.guid === a);
   return /* @__PURE__ */ c(b, { 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: `${o} ${i.by_category}` }),
     /* @__PURE__ */ t(F, { "aria-hidden": "true" }),
@@ -194,7 +194,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
-                  L,
+                  v,
                   {
                     borderRadius: 4,
                     flexShrink: 0,
@@ -253,14 +253,14 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
     ] }, e.guid)) }),
     /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${R(n.totalAmount, "0,0.00")}` })
   ] });
-}, Rt = v(Wt), Nt = ({
+}, Rt = A(Wt), Nt = ({
   data: n,
   onSelected: d,
   onViewTransactions: a,
   selectedId: o,
   title: i
 }) => {
-  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = E(), { spending: p } = A();
+  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = E(), { spending: p } = I();
   return /* @__PURE__ */ c(
     b,
     {
@@ -305,7 +305,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       ]
     }
   );
-}, nt = v(Nt), $t = (n) => [
+}, nt = A(Nt), $t = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
@@ -317,12 +317,12 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
     goals: g,
     spending: e,
     transactions: r
-  } = A(), { displayedDateRange: p, selectedAccountGuids: _ } = z(), {
+  } = I(), { displayedDateRange: p, selectedAccountGuids: _ } = z(), {
     setFilter: u,
     sortedTransactions: m,
-    sortedTransactionsWithSplits: I,
+    sortedTransactionsWithSplits: M,
     tags: y
-  } = ct(), f = a?.master?.deep_link_params?.account_guids, M = a?.master?.deep_link_params?.view, [D, C] = l.useState(""), [x, W] = l.useState(M === "income" ? 1 : 0), [H, P] = l.useState(""), [pt, O] = l.useState(!1), B = l.useMemo(
+  } = ct(), f = a?.master?.deep_link_params?.account_guids, D = a?.master?.deep_link_params?.view, [x, C] = l.useState(""), [w, W] = l.useState(D === "income" ? 1 : 0), [H, P] = l.useState(""), [pt, O] = l.useState(!1), B = l.useMemo(
     () => rt(o, g, n, i),
     [o, i]
   ), K = l.useMemo(
@@ -334,14 +334,14 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
   ), ut = (s, S) => {
     W(S), C("");
   }, U = (s, S = !1) => {
-    S ? mt(s) : C(D === s || s === "0" ? "" : s);
+    S ? mt(s) : C(x === s || s === "0" ? "" : s);
   }, mt = (s) => {
     u({
       ...{
         accounts: f || _,
         dateRange: p
       },
-      custom: (h) => D === "other" ? h.top_level_category_guid === s : h.category_guid === s,
+      custom: (h) => x === "other" ? h.top_level_category_guid === s : h.category_guid === s,
       showSplits: !0
     }), O(!0);
   }, X = (s) => {
@@ -349,7 +349,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       accounts: f || _,
       dateRange: p
     };
-    if (x === 0)
+    if (w === 0)
       if (s === "other") {
         const h = B.categoryData.find((j) => j.guid === "other");
         u({
@@ -359,20 +359,20 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       } else
         u({
           ...S,
-          custom: (h) => s ? h.top_level_category_guid === s : h.top_level_category_guid !== w.INCOME && h.category_guid !== w.INCOME && h.top_level_category_guid !== w.INVESTMENTS && h.top_level_category_guid !== w.TRANSFER,
+          custom: (h) => s ? h.top_level_category_guid === s : h.top_level_category_guid !== L.INCOME && h.category_guid !== L.INCOME && h.top_level_category_guid !== L.INVESTMENTS && h.top_level_category_guid !== L.TRANSFER,
           showSplits: !!s
         });
     else
       u({
         ...S,
-        custom: (h) => s ? h.category_guid === s : h.category_guid === w.INCOME || h.top_level_category_guid === w.INCOME
+        custom: (h) => s ? h.category_guid === s : h.category_guid === L.INCOME || h.top_level_category_guid === L.INCOME
       });
     O(!0);
   }, ht = () => {
-    Mt(I, y);
+    Mt(M, y);
   };
-  return /* @__PURE__ */ c(L, { children: [
-    /* @__PURE__ */ c(it, { onChange: ut, value: x, variant: "fullWidth", children: [
+  return /* @__PURE__ */ c(v, { children: [
+    /* @__PURE__ */ c(it, { onChange: ut, value: w, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         N,
         {
@@ -398,23 +398,23 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
         }
       )
     ] }),
-    x === 0 && /* @__PURE__ */ t(
+    w === 0 && /* @__PURE__ */ t(
       nt,
       {
         data: B,
         onSelected: U,
         onViewTransactions: X,
-        selectedId: D,
+        selectedId: x,
         title: e.spend_tab_title
       }
     ),
-    x === 1 && /* @__PURE__ */ t(
+    w === 1 && /* @__PURE__ */ t(
       nt,
       {
         data: K,
         onSelected: U,
         onViewTransactions: X,
-        selectedId: D,
+        selectedId: x,
         title: e.income_tab_title
       }
     ),
@@ -450,35 +450,35 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       }
     )
   ] });
-}, Ot = v(kt), Bt = ({ onBackClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { isTransactionDataLoaded: p, loadTransactionData: _ } = ct(), { spending: u } = A(), { displayedDateRange: m, isInitialized: I, setDisplayedDate: y, selectedAccounts: f } = z(), { onEvent: M } = bt(), { clientConfig: D } = V(), C = D?.master?.deep_link_params?.date_range;
+}, Ot = A(kt), Bt = ({ onBackClick: n, sx: d = {} }) => {
+  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { isTransactionDataLoaded: p, loadTransactionData: _ } = ct(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = z(), { onEvent: D } = bt(), { clientConfig: x } = V(), C = x?.master?.deep_link_params?.date_range;
   dt({
     widgetName: "SpendingWidget",
     isLoaded: g
   }), l.useEffect(() => {
-    C && Array.isArray(C) && C.length === 2 ? y(C[0], C[1]) : y(at(q()), ot(q())), a || o().finally(), i || e().finally(), p || _().finally(), M(et.SPENDING_VIEW);
+    C && Array.isArray(C) && C.length === 2 ? y(C[0], C[1]) : y(at(q()), ot(q())), a || o().finally(), i || e().finally(), p || _().finally(), D(et.SPENDING_VIEW);
   }, []), l.useEffect(() => {
-    r(
+    M && r(
       f,
       m.start,
       m.end
     ).finally();
-  }, [m, f]);
-  const x = (W) => {
+  }, [m, M, f]);
+  const w = (W) => {
     y(W[0], W[1]);
   };
-  return I ? /* @__PURE__ */ t(
+  return M ? /* @__PURE__ */ t(
     vt,
     {
-      calendarActions: { onRangeChanged: x },
-      onAccountsFilterClick: () => M(et.SPENDING_CLICK_FILTER),
+      calendarActions: { onRangeChanged: w },
+      onAccountsFilterClick: () => D(et.SPENDING_CLICK_FILTER),
       onBackClick: n,
       sx: d,
       title: u.title,
-      children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Ot, {}) })
+      children: /* @__PURE__ */ t(v, { width: "100%", children: /* @__PURE__ */ t(Ot, {}) })
     }
   ) : /* @__PURE__ */ t(gt, {});
-}, ye = v(Bt);
+}, ye = A(Bt);
 export {
   fe as SpendingMiniWidget,
   ye as SpendingWidget