@mx-cartographer/experiences 9.2.1 → 9.2.3

package/dist/recurringtransactions/index.es.js

@@ -8,7 +8,7 @@ import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
 import Be from "@mui/material/Alert";
 import Fe from "@mui/material/Snackbar";
-import { R as _e } from "../RecurringSettings-CcS5b1xA.mjs";
+import { R as De } from "../RecurringSettings-CcS5b1xA.mjs";
 import { M as Jn } from "../RecurringSettings-CcS5b1xA.mjs";
 import { addMonths as Ue } from "date-fns/addMonths";
 import { subMonths as Ye } from "date-fns/subMonths";
@@ -35,22 +35,22 @@ import { isSameDay as dt } from "date-fns/isSameDay";
 import ut from "@mui/material/Badge";
 import { PickersDay as mt } from "@mui/x-date-pickers/PickersDay";
 import { I as F } from "../IconBacking-DgT8DCeh.mjs";
-import { u as b, a as U, h as _, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
-import { b as E, a as D, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
-import { f as I, D as M } from "../DateFormats-HudZ3Bjs.mjs";
+import { u as b, a as U, h as D, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
+import { b as E, a as _, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
+import { f as I, D as v } from "../DateFormats-HudZ3Bjs.mjs";
 import { T as W } from "../Sizes-DISGrlUg.mjs";
-import { A as v } from "../Analytics-D-jdcL72.mjs";
+import { A as M } from "../Analytics-D-jdcL72.mjs";
 import ht from "@mui/material/Button";
 import X from "@mui/material/Divider";
 import Ce from "@mui/material/List";
-import Me from "@mui/material/ListItem";
+import ve from "@mui/material/ListItem";
 import ft from "@mui/material/ListSubheader";
 import xt from "@mui/material/ListItemAvatar";
 import bt from "@mui/material/ListItemButton";
 import yt from "@mui/material/ListItemText";
-import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
+import { f as A } from "../NumberFormatting--XMeeBfr.mjs";
 import N from "@mui/material/Box";
-import { u as ve } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as Me } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.mjs";
 import { d as Ct } from "../ManageIncome-Czs7daKV.mjs";
 import { c as er, M as tr, S as nr } from "../ManageIncome-Czs7daKV.mjs";
@@ -58,10 +58,10 @@ import { D as ie } from "../Drawer-DsnW2o0v.mjs";
 import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as Rt } from "../WidgetContainer-CjdCY4sj.mjs";
+import { W as Rt } from "../WidgetContainer-CoHQ75sR.mjs";
 import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
-import { u as Dt } from "../useDimensions-CeDR9V8N.mjs";
-import { M as _t } from "../MicroWidgetContainer-B2NnKBgW.mjs";
+import { u as _t } from "../useDimensions-CeDR9V8N.mjs";
+import { M as Dt } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 const j = {
   gridRow: 1,
   gridColumn: 1,
@@ -106,28 +106,28 @@ const j = {
   }
 ), St = T(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = _(), a = x.useMemo(
+    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: u } = D(), a = x.useMemo(
       () => s.filter((f) => o.includes(f.accountGuid)),
       [o, s]
     ).filter(
       (f) => dt(f.occurredOnDate || f.expectedDate, t)
     ), l = a.some(
-      (f) => f.type !== E.Income && f.status === D.Upcoming
-    ), u = a.some(
-      (f) => f.type !== E.Income && f.status === D.Missed
+      (f) => f.type !== E.Income && f.status === _.Upcoming
+    ), m = a.some(
+      (f) => f.type !== E.Income && f.status === _.Missed
     ), g = a.some(
-      (f) => f.type !== E.Income && f.status === D.Paid
-    ), y = a.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
+      (f) => f.type !== E.Income && f.status === _.Paid
+    ), y = a.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
       g && i.paid,
-      u && i.missed,
+      m && i.missed,
       l && i.upcoming,
       y && i.income
-    ].filter(Boolean), A = S.length > 0 ? `${I(t, M.MONTH_DAY_YEAR)}, ${S.join(", ")}` : I(t, M.MONTH_DAY_YEAR);
+    ].filter(Boolean), L = S.length > 0 ? `${I(t, v.MONTH_DAY_YEAR)}, ${S.join(", ")}` : I(t, v.MONTH_DAY_YEAR);
     return /* @__PURE__ */ e(
       ut,
       {
         badgeContent: a.length > 0 && /* @__PURE__ */ c(B, { children: [
-          u && /* @__PURE__ */ e(le, { isOffset: !0 }),
+          m && /* @__PURE__ */ e(le, { isOffset: !0 }),
           g && /* @__PURE__ */ e(de, { isOffset: !0 }),
           l && /* @__PURE__ */ e(se, { isOffset: !0 }),
           y && /* @__PURE__ */ e(ce, { isOffset: !0 })
@@ -143,9 +143,9 @@ const j = {
         children: /* @__PURE__ */ e(
           mt,
           {
-            "aria-label": A,
+            "aria-label": L,
             day: t,
-            onClick: () => m(t),
+            onClick: () => u(t),
             outsideCurrentMonth: n,
             sx: {
               "&.MuiPickersDay-root": {
@@ -195,15 +195,15 @@ const j = {
     [O.ES]: it
   }[t] || be;
 }, Ee = T(() => {
-  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [s, m] = x.useState(
+  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = D(), [s, u] = x.useState(
     xe(/* @__PURE__ */ new Date()) * W + Re
-  ), p = (u) => {
-    m(xe(u) * W + Re), o({
-      start: k(u),
-      end: z(u)
-    }), a(u), n(v.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, a = (u) => {
-    u && requestAnimationFrame(() => {
+  ), p = (m) => {
+    u(xe(m) * W + Re), o({
+      start: k(m),
+      end: z(m)
+    }), a(m), n(M.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (m) => {
+    m && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
@@ -270,36 +270,36 @@ const j = {
     /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
     /* @__PURE__ */ e(wt, {})
   ] }) });
-}), Mt = (t) => {
+}), vt = (t) => {
   if (t.type === E.Income)
     return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
-    case D.Missed:
+    case _.Missed:
       return /* @__PURE__ */ e(le, {});
-    case D.Paid:
+    case _.Paid:
       return /* @__PURE__ */ e(de, {});
     default:
       return /* @__PURE__ */ e(se, {});
   }
-}, vt = (t, n) => {
+}, Mt = (t, n) => {
   switch (t.status) {
-    case D.Paid:
+    case _.Paid:
       return t.expectedDate ? G(
         n.paid_on,
         I(
           t.occurredOnDate || t.expectedDate,
-          M.MONTH_DAY
+          v.MONTH_DAY
         )
       ) : n.paid;
-    case D.Missed:
+    case _.Missed:
       return G(
         n.missed_on,
-        I(t.expectedDate, M.MONTH_DAY)
+        I(t.expectedDate, v.MONTH_DAY)
       );
-    case D.Upcoming:
+    case _.Upcoming:
       return G(
         n.upcoming_on,
-        I(t.expectedDate, M.MONTH_DAY)
+        I(t.expectedDate, v.MONTH_DAY)
       );
     default:
       return n.unknown;
@@ -311,13 +311,13 @@ const j = {
   },
   showOrdinal: i = !1
 }) => {
-  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = _(), m = x.useMemo(
+  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = D(), u = x.useMemo(
     () => s.find((C) => C.guid === t.repeatingTransactionGuid),
     [t, s]
-  ), p = t.type === E.Income, a = t.status === D.Paid, l = t.status === D.Missed, u = t.status === D.Upcoming;
+  ), p = t.type === E.Income, a = t.status === _.Paid, l = t.status === _.Missed, m = t.status === _.Upcoming;
   let g = o.paid?.toLowerCase();
-  return l ? g = o.missed?.toLowerCase() : u && (g = i ? ye(o, m || {}, !0) : ye(o, m || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(bt, { onClick: () => {
+  return l ? g = o.missed?.toLowerCase() : m && (g = i ? ye(o, u || {}, !0) : ye(o, u || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ e(ve, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(bt, { onClick: () => {
     r(t);
   }, children: [
     /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(
@@ -337,8 +337,8 @@ const j = {
           /* @__PURE__ */ c(d, { direction: "column", width: "50%", children: [
             /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
             /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ c(d, { direction: "row", gap: 4, children: [
-              Mt(t),
-              /* @__PURE__ */ e(h, { variant: "caption", children: vt(t, o) })
+              vt(t),
+              /* @__PURE__ */ e(h, { variant: "caption", children: Mt(t, o) })
             ] }) : /* @__PURE__ */ c(B, { children: [
               t.institutionGuid && /* @__PURE__ */ e(
                 Qe,
@@ -354,7 +354,7 @@ const j = {
           /* @__PURE__ */ c(d, { alignItems: "flex-end", width: "100%", children: [
             /* @__PURE__ */ c(h, { bold: !0, color: p ? "success.main" : "text.primary", variant: "body1", children: [
               p ? "+" : "",
-              L(t.amount, "0,0.00")
+              A(t.amount, "0,0.00")
             ] }),
             !n && /* @__PURE__ */ c(
               d,
@@ -388,7 +388,7 @@ const j = {
     sx: o = {},
     title: s
   }) => {
-    const { recurring: m } = b(), p = x.useMemo(() => pt(t), [t]);
+    const { recurring: u } = b(), p = x.useMemo(() => pt(t), [t]);
     return /* @__PURE__ */ c(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, tabIndex: -1, children: [
       s && /* @__PURE__ */ c(
         d,
@@ -401,11 +401,11 @@ const j = {
           },
           children: [
             /* @__PURE__ */ e(et, { bold: !0, variant: "body1", children: s }),
-            r && /* @__PURE__ */ e(ht, { onClick: r, size: "small", variant: "text", children: m.reset })
+            r && /* @__PURE__ */ e(ht, { onClick: r, size: "small", variant: "text", children: u.reset })
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: m.no_activities }) : /* @__PURE__ */ e(Ce, { "aria-label": s, children: n ? t.map((a, l) => /* @__PURE__ */ c(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(Ce, { "aria-label": s, children: n ? t.map((a, l) => /* @__PURE__ */ c(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Te,
           {
@@ -416,7 +416,7 @@ const j = {
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
       ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ c(x.Fragment, { children: [
-        /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(
           Ce,
           {
             "aria-labelledby": `date-group-header-${a.id}`,
@@ -427,16 +427,16 @@ const j = {
                 id: `date-group-header-${a.id}`,
                 role: "presentation",
                 sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 },
-                children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: I(a.date, M.DAY_OF_WEEK_MONTH_DAY) })
+                children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: I(a.date, v.DAY_OF_WEEK_MONTH_DAY) })
               }
             ),
             sx: { width: "100%" },
-            children: a.recurrences.map((u, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+            children: a.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
               Te,
               {
                 isMini: n,
                 onRecurrenceClick: i,
-                recurrence: u
+                recurrence: m
               }
             ) }, `day-recurrence-${g}`))
           }
@@ -445,29 +445,29 @@ const j = {
       ] }, `recurrence-${l}`)) })
     ] });
   }
-), De = T(
-  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: m }) => {
-    const p = ne(), { isSmallMobile: a } = ve(), { recurring: l } = b(), u = x.useMemo(() => {
+), _e = T(
+  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: u }) => {
+    const p = ne(), { isSmallMobile: a } = Me(), { recurring: l } = b(), m = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${i / t}` }];
       return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
     }, [i, t, r]);
     return /* @__PURE__ */ c(d, { children: [
       /* @__PURE__ */ c(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
         /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${o} (${s})` }),
-        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
+        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${A(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Le, { data: u, height: 12 }),
+      /* @__PURE__ */ e(Le, { data: m, height: 12 }),
       /* @__PURE__ */ c(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(N, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: A(i, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: l.paid?.toLowerCase() }),
         r !== void 0 && /* @__PURE__ */ c(B, { children: [
           /* @__PURE__ */ e(N, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: A(r, "0,0.00") }),
           /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
         ] }),
         /* @__PURE__ */ e(N, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(m, "0,0.00") }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: A(u, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming?.toLowerCase() })
       ] })
     ] });
@@ -478,7 +478,7 @@ const j = {
     selectedRepeatingTransaction: r,
     setSelectedRecurrence: i,
     setSelectedRepeatingTransactionGuid: o
-  } = _(), s = () => {
+  } = D(), s = () => {
     o(null), i(null);
   };
   return /* @__PURE__ */ e(
@@ -499,17 +499,17 @@ const j = {
     }
   );
 }), Lt = T(() => {
-  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ve(n), { onEvent: s } = Y(), {
-    currentMonthExpenses: m,
+  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = Me(n), { onEvent: s } = Y(), {
+    currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: a,
     expenseTotal: l,
-    incomeTotal: u,
+    incomeTotal: m,
     missedExpenseTotal: g,
     pastRecurrences: y,
     paidExpenseTotal: C,
     paidIncomeTotal: S,
-    selectedDay: A,
+    selectedDay: L,
     selectedDayRecurrences: f,
     setDateRange: w,
     setSelectedRecurrence: H,
@@ -517,14 +517,14 @@ const j = {
     upcomingExpenseTotal: Ne,
     upcomingIncomeTotal: ke,
     upcomingRecurrences: me
-  } = _(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
+  } = D(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
     Oe($e);
   }, pe = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+    ue(R.repeatingTransactionGuid), H(R), s(M.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: R.transaction?.guid
     });
   }, ge = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
+    ue(R.repeatingTransactionGuid), H(R), s(M.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: R.transaction?.guid
     });
   }, ze = () => {
@@ -553,7 +553,7 @@ const j = {
             /* @__PURE__ */ c(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(tt, { variant: "h3", children: G(
                 t.header_title,
-                I(a.start, M.MONTH_LONG)
+                I(a.start, v.MONTH_LONG)
               ) }),
               !r && /* @__PURE__ */ c(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
@@ -569,20 +569,20 @@ const j = {
               ] })
             ] }),
             /* @__PURE__ */ e(
-              De,
+              _e,
               {
                 expected: l,
                 missed: g,
                 paid: C,
                 title: t.expenses,
-                total: m.length,
+                total: u.length,
                 upcoming: Ne
               }
             ),
             /* @__PURE__ */ e(
-              De,
+              _e,
               {
-                expected: u,
+                expected: m,
                 isExpense: !1,
                 paid: S,
                 title: t.deposits,
@@ -637,9 +637,9 @@ const j = {
             {
               onRecurrenceClick: ge,
               recurrences: f || y,
-              title: A ? G(
+              title: L ? G(
                 t.day_transactions,
-                I(A, M.MONTH_DAY)
+                I(L, v.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -650,7 +650,7 @@ const j = {
   );
 }), jn = T(
   ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
-    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } = _(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
+    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: u, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: m } = D(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
     return oe({
       widgetName: "RecurringTransactionsWidget",
       isLoaded: p
@@ -660,7 +660,7 @@ const j = {
       g({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: s
-      }), u({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
+      }), m({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
     }, [s]), o ? /* @__PURE__ */ c(
       Rt,
       {
@@ -669,12 +669,12 @@ const j = {
             label: i.action_title,
             iconName: "credit_card_gear",
             onClick: () => {
-              S(!0), y(v.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+              S(!0), y(M.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
             }
           }
         ],
         hasDivider: !0,
-        onAccountsFilterClick: () => y(v.RECURRING_TRANSACTIONS_CLICK_FILTER),
+        onAccountsFilterClick: () => y(M.RECURRING_TRANSACTIONS_CLICK_FILTER),
         onBackClick: t,
         onMenuClick: n,
         sx: r,
@@ -689,7 +689,7 @@ const j = {
               onClose: () => S(!1),
               shouldShowHeaderBorders: !1,
               title: i.action_title,
-              children: /* @__PURE__ */ e(_e, {})
+              children: /* @__PURE__ */ e(De, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -697,9 +697,19 @@ const j = {
             {
               anchorOrigin: { vertical: "bottom", horizontal: "right" },
               autoHideDuration: 3500,
-              onClose: () => l(""),
-              open: !!m.message,
-              children: /* @__PURE__ */ e(Be, { onClose: () => l(""), severity: m.severity, variant: "filled", children: m.message })
+              onClose: (L, f) => {
+                f !== "clickaway" && l("", u.severity);
+              },
+              open: !!u.message,
+              children: /* @__PURE__ */ e(
+                Be,
+                {
+                  onClose: () => l("", u.severity),
+                  severity: u.severity,
+                  variant: "filled",
+                  children: u.message
+                }
+              )
             }
           )
         ]
@@ -712,10 +722,10 @@ const j = {
     selectedDayRecurrences: i,
     setSelectedDay: o,
     setSelectedRecurrence: s,
-    setSelectedRepeatingTransactionGuid: m,
+    setSelectedRepeatingTransactionGuid: u,
     upcomingRecurrences: p
-  } = _(), a = (u) => {
-    m(u.repeatingTransactionGuid), s(u);
+  } = D(), a = (m) => {
+    u(m.repeatingTransactionGuid), s(m);
   }, l = n < 750;
   return /* @__PURE__ */ c(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Ee, {}),
@@ -730,14 +740,14 @@ const j = {
         sx: { width: l ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: r ? G(
           t.day_transactions,
-          I(r, M.MONTH_DAY)
+          I(r, v.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
 }), Kn = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
+    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = D(), { isInitialized: u, selectedAccountGuids: p } = U();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: o
@@ -748,7 +758,7 @@ const j = {
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
-    }, [p]), m ? /* @__PURE__ */ c(
+    }, [p]), u ? /* @__PURE__ */ c(
       Tt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
@@ -793,7 +803,7 @@ const j = {
     }
   ),
   /* @__PURE__ */ c(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !i && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: L(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+    !i && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: A(t, t === 0 || !r ? "0,0" : "0,0.00") }),
     /* @__PURE__ */ e(h, { variant: "caption", children: o })
   ] })
 ] }), Nt = ({
@@ -844,27 +854,27 @@ const j = {
   },
   `${r.categoryGuid}-${r.merchantGuid}-${i}`
 )) }), Ot = T(() => {
-  const t = ne(), [n, { width: r }] = Dt(), {
+  const t = ne(), [n, { width: r }] = _t(), {
     upcomingRecurrences: i,
     expenseTotal: o,
     missedExpenseTotal: s,
-    paidExpenseTotal: m,
+    paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = _(), { recurring: a } = b(), l = r <= 288, u = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
+  } = D(), { recurring: a } = b(), l = r <= 288, m = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => A(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
     const w = [
-      { color: t.palette.success.main, percentage: `${m / o}` }
+      { color: t.palette.success.main, percentage: `${u / o}` }
     ];
     return s && w.push({
       color: t.palette.error.main,
       percentage: `${s / o}`
     }), w;
   }, [
-    m,
+    u,
     o,
     s,
     t.palette.success.main,
     t.palette.error.main
-  ]), A = () => y ? l ? /* @__PURE__ */ e(
+  ]), L = () => y ? l ? /* @__PURE__ */ e(
     Nt,
     {
       logoSize: g,
@@ -873,7 +883,7 @@ const j = {
     }
   ) : /* @__PURE__ */ e(kt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), f = [
     {
-      amount: m,
+      amount: u,
       bgColor: "success.main",
       label: a.paid
     },
@@ -915,7 +925,7 @@ const j = {
           ]
         }
       ),
-      A()
+      L()
     ] }),
     /* @__PURE__ */ c(d, { sx: { pt: 12 }, children: [
       /* @__PURE__ */ e(Le, { data: S }),
@@ -933,7 +943,7 @@ const j = {
             {
               amount: w.amount,
               bgcolor: w.bgColor,
-              isLargeScreen: u,
+              isLargeScreen: m,
               isSmallScreen: l,
               label: w.label
             },
@@ -948,16 +958,16 @@ const j = {
     const { onEvent: n } = Y(), { isInitialized: r, selectedAccountGuids: i } = U(), {
       loadRepeatingTransactionData: o,
       upcomingRecurrences: s,
-      repeatingTransactions: m,
+      repeatingTransactions: u,
       setDateRange: p,
       isDataLoaded: a
-    } = _(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
+    } = D(), { setFilter: l } = re(), { recurring: m, budgets: g } = b();
     oe({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
     }), x.useEffect(() => {
       a || o().finally(() => {
-        n(v.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+        n(M.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: s.length > 0 ? "default" : "zeroState"
         });
       });
@@ -969,18 +979,18 @@ const j = {
     }, [r, i]);
     const y = () => {
       n(
-        s.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        s.length > 0 ? M.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : M.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
     if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
-    const C = !m?.length;
+    const C = !u?.length;
     return /* @__PURE__ */ e(
-      _t,
+      Dt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: C ? g.get_started_cta : u.primary_cta,
+        ctaLabel: C ? g.get_started_cta : m.primary_cta,
         onCTAClick: y,
-        title: u.recurring_expenses,
+        title: m.recurring_expenses,
         children: C ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e(Ot, {})
       }
     );
@@ -995,7 +1005,7 @@ const j = {
         isOpen: t,
         onClose: n,
         title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
+        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
       }
     );
   }
@@ -1004,7 +1014,7 @@ export {
   er as AddRecurringTransactionDetails,
   Jn as ManageExpenses,
   tr as ManageIncome,
-  _e as RecurringSettings,
+  De as RecurringSettings,
   qn as RecurringSettingsDrawer,
   Vn as RecurringTransactionsMicroWidget,
   Kn as RecurringTransactionsMiniWidget,