@mx-cartographer/experiences 7.12.7 → 7.12.8

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.12.8] - 03-23-2026
+
+- **FIXED** - Updated IconBacking from RecurrenceBadges.
+
 ## [7.12.7] - 03-23-2026
 
 - **FIXED** - Cosmetic issues in dark mode (flagged transactions and survey feedback)

package/dist/recurringtransactions/index.es.js

@@ -3,7 +3,7 @@ import x from "react";
 import { observer as R } from "mobx-react-lite";
 import { endOfMonth as B } from "date-fns/endOfMonth";
 import { endOfToday as J } from "date-fns/endOfToday";
-import { startOfMonth as G } from "date-fns/startOfMonth";
+import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
 import { R as _e } from "../RecurringSettings-BGN0u9oW.mjs";
@@ -32,20 +32,20 @@ import { isSameDay as it } from "date-fns/isSameDay";
 import ot from "@mui/material/Badge";
 import { PickersDay as at } from "@mui/x-date-pickers/PickersDay";
 import { I as F } from "../IconBacking-B9oC6uL2.mjs";
-import { u as C, b as z, i as I, g as U, p as Ie, h as re } from "../hooks-BxkfR-Ff.mjs";
-import { d as A, c as T, g as ye, f as st } from "../RecurringTransactions-CYNpe_RS.mjs";
+import { u as y, b as z, i as I, g as U, p as Ie, h as re } from "../hooks-BxkfR-Ff.mjs";
+import { d as A, c as T, g as Ce, f as st } from "../RecurringTransactions-CYNpe_RS.mjs";
 import { f as S, D as w } from "../DateFormats-BMpMrZpW.mjs";
-import { T as k } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
+import { T as G } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
 import { R as jn } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
 import { g as ct, L as W, b as N } from "../Localization-CPkpIwIx.mjs";
 import { A as L } from "../Analytics-BYItVAe-.mjs";
 import lt from "@mui/material/Button";
 import Z from "@mui/material/Divider";
-import Ce from "@mui/material/List";
+import ye from "@mui/material/List";
 import Me from "@mui/material/ListItem";
 import dt from "@mui/material/ListSubheader";
-import mt from "@mui/material/ListItemAvatar";
-import ut from "@mui/material/ListItemButton";
+import ut from "@mui/material/ListItemAvatar";
+import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
 import { b as gt } from "../ManageIncome-YlYP7fi8.mjs";
 import { c as Vn, M as Xn, S as qn } from "../ManageIncome-YlYP7fi8.mjs";
@@ -65,28 +65,60 @@ const Y = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, j = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(F, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(ze, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } }) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(F, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(
-  Ue,
+}, j = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
   {
-    filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...Y }
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(ze, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } })
   }
-) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(F, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(Se, { color: "error", filled: !0, sx: { fontSize: n, ...Y } }) }), me = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(F, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...Y } }) }), yt = R(
+), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(
+      Ue,
+      {
+        filled: !0,
+        sx: { color: "categories.income", fontSize: n, ...Y }
+      }
+    )
+  }
+), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(Se, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), ue = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), Ct = R(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: o } = C(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: m } = I(), a = x.useMemo(
+    const { recurring: o } = y(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
       () => c.filter((f) => i.includes(f.accountGuid)),
       [i, c]
     ).filter(
       (f) => it(f.occurredOnDate || f.expectedDate, t)
     ), l = a.some(
       (f) => f.type !== A.Income && f.status === T.Upcoming
-    ), u = a.some(
+    ), m = a.some(
       (f) => f.type !== A.Income && f.status === T.Missed
     ), g = a.some(
       (f) => f.type !== A.Income && f.status === T.Paid
-    ), b = a.some((f) => f.type === A.Income), y = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0), v = [
+    ), b = a.some((f) => f.type === A.Income), C = (l ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0), v = [
       g && o.paid,
-      u && o.missed,
+      m && o.missed,
       l && o.upcoming,
       b && o.income
     ].filter(Boolean), M = v.length > 0 ? `${S(t, w.MONTH_DAY_YEAR)}, ${v.join(", ")}` : S(t, w.MONTH_DAY_YEAR);
@@ -94,8 +126,8 @@ const Y = {
       ot,
       {
         badgeContent: a.length > 0 && /* @__PURE__ */ s($, { children: [
-          u && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          g && /* @__PURE__ */ e(me, { isOffset: !0 }),
+          m && /* @__PURE__ */ e(de, { isOffset: !0 }),
+          g && /* @__PURE__ */ e(ue, { isOffset: !0 }),
           l && /* @__PURE__ */ e(ce, { isOffset: !0 }),
           b && /* @__PURE__ */ e(le, { isOffset: !0 })
         ] }),
@@ -103,7 +135,7 @@ const Y = {
         sx: {
           "& .MuiBadge-badge": {
             padding: 0,
-            marginRight: `${(y - 1) * 6 + 1}px`,
+            marginRight: `${(C - 1) * 6 + 1}px`,
             flexWrap: "nowrap"
           }
         },
@@ -112,7 +144,7 @@ const Y = {
           {
             "aria-label": M,
             day: t,
-            onClick: () => m(t),
+            onClick: () => u(t),
             outsideCurrentMonth: n,
             sx: {
               "&.MuiPickersDay-root": {
@@ -130,8 +162,8 @@ const Y = {
 ), P = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ e(h, { variant: "XSmall", children: n })
-] }), Ct = R(() => {
-  const { recurring: t } = C();
+] }), yt = R(() => {
+  const { recurring: t } = y();
   return /* @__PURE__ */ s(
     d,
     {
@@ -145,7 +177,7 @@ const Y = {
         /* @__PURE__ */ e(P, { icon: ce, label: t.expense }),
         /* @__PURE__ */ e(P, { icon: le, label: t.income }),
         /* @__PURE__ */ e(P, { icon: de, label: t.missed }),
-        /* @__PURE__ */ e(P, { icon: me, label: t.paid })
+        /* @__PURE__ */ e(P, { icon: ue, label: t.paid })
       ]
     }
   );
@@ -159,27 +191,27 @@ const Y = {
     [W.ES]: Je
   }[t] || be;
 }, Ae = R(() => {
-  const t = ne(), { onEvent: n } = U(), { recurring: r } = C(), { selectedDay: o, setDateRange: i } = I(), [c, m] = x.useState(
-    xe(/* @__PURE__ */ new Date()) * k + Re
-  ), p = (u) => {
-    m(xe(u) * k + Re), i({
-      start: G(u),
-      end: B(u)
-    }), a(u), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, a = (u) => {
-    u && requestAnimationFrame(() => {
+  const t = ne(), { onEvent: n } = U(), { recurring: r } = y(), { selectedDay: o, setDateRange: i } = I(), [c, u] = x.useState(
+    xe(/* @__PURE__ */ new Date()) * G + Re
+  ), p = (m) => {
+    u(xe(m) * G + Re), i({
+      start: k(m),
+      end: B(m)
+    }), a(m), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (m) => {
+    m && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
   }, l = /* @__PURE__ */ e(
     nt,
     {
-      minDate: G(/* @__PURE__ */ new Date()),
+      minDate: k(/* @__PURE__ */ new Date()),
       onChange: a,
       onMonthChange: p,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: yt
+        day: Ct
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -208,11 +240,11 @@ const Y = {
           minHeight: c
         },
         "&.MuiDateCalendar-root": {
-          minHeight: c + k
+          minHeight: c + G
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
-          height: k,
-          width: k,
+          height: G,
+          width: G,
           margin: 0
         },
         "& .MuiDayCalendar-weekDayLabel": {
@@ -229,7 +261,7 @@ const Y = {
     o && l,
     !o && l,
     /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
-    /* @__PURE__ */ e(Ct, {})
+    /* @__PURE__ */ e(yt, {})
   ] }) });
 }), Tt = (t) => {
   if (t.type === A.Income)
@@ -238,7 +270,7 @@ const Y = {
     case T.Missed:
       return /* @__PURE__ */ e(de, {});
     case T.Paid:
-      return /* @__PURE__ */ e(me, {});
+      return /* @__PURE__ */ e(ue, {});
     default:
       return /* @__PURE__ */ e(ce, {});
   }
@@ -272,17 +304,17 @@ const Y = {
   },
   showOrdinal: o = !1
 }) => {
-  const { recurring: i } = C(), { detailedRepeatingTransactions: c } = I(), [m, p] = x.useState(!1), a = x.useMemo(
+  const { recurring: i } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
     () => c.find((M) => M.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), l = t.type === A.Income, u = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
-  let y = i.paid?.toLowerCase();
-  return g ? y = i.missed?.toLowerCase() : b && (y = o ? ye(i, a || {}, !0) : ye(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  ), l = t.type === A.Income, m = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
+  let C = i.paid?.toLowerCase();
+  return g ? C = i.missed?.toLowerCase() : b && (C = o ? Ce(i, a || {}, !0) : Ce(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ s(Me, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ s(ut, { onClick: () => {
+    /* @__PURE__ */ s(mt, { onClick: () => {
       p(!0), r(t);
     }, children: [
-      /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ e(
         te,
         {
           categoryGuid: t.categoryGuid,
@@ -330,9 +362,9 @@ const Y = {
                     width: "100%"
                   },
                   children: [
-                    u && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
+                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
                     g && /* @__PURE__ */ e(Se, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: y })
+                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: C })
                   ]
                 }
               )
@@ -345,7 +377,7 @@ const Y = {
       ie,
       {
         ariaLabelClose: i.close_drawer_aria,
-        isOpen: m,
+        isOpen: u,
         onClose: () => p(!1),
         title: t.type === A.Income ? i.income_details : i.expense_details,
         children: a && /* @__PURE__ */ e(
@@ -367,7 +399,7 @@ const Y = {
     sx: i = {},
     title: c
   }) => {
-    const { recurring: m } = C(), p = x.useMemo(() => st(t), [t]);
+    const { recurring: u } = y(), p = x.useMemo(() => st(t), [t]);
     return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
       c && /* @__PURE__ */ s(
         d,
@@ -380,11 +412,11 @@ const Y = {
           },
           children: [
             /* @__PURE__ */ e(Xe, { bold: !0, variant: "body1", children: c }),
-            r && /* @__PURE__ */ e(lt, { onClick: r, size: "small", variant: "text", children: m.reset })
+            r && /* @__PURE__ */ e(lt, { 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, { children: n ? t.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(ye, { children: n ? t.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Te,
           {
@@ -396,16 +428,16 @@ const Y = {
         /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
       ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
-          Ce,
+          ye,
           {
             subheader: /* @__PURE__ */ e(dt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: S(a.date, w.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: o,
-                recurrence: u
+                recurrence: m
               }
             ) }, `day-recurrence-${g}`))
           }
@@ -415,8 +447,8 @@ const Y = {
     ] });
   }
 ), De = R(
-  ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: m }) => {
-    const p = ne(), { isSmallMobile: a } = oe(), { recurring: l } = C(), u = x.useMemo(() => {
+  ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: u }) => {
+    const p = ne(), { isSmallMobile: a } = oe(), { recurring: l } = y(), m = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
       return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
     }, [o, t, r]);
@@ -425,7 +457,7 @@ const Y = {
         /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${i} (${c})` }),
         /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${E(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Le, { data: u, height: 12 }),
+      /* @__PURE__ */ e(Le, { data: m, height: 12 }),
       /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(O, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
         !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(o, "0,0.00") }),
@@ -436,29 +468,29 @@ const Y = {
           /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
         ] }),
         /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(m, "0,0.00") }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(u, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming })
       ] })
     ] });
   }
 ), _t = R(() => {
-  const { recurring: t } = C(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = U(), {
-    currentMonthExpenses: m,
+  const { recurring: t } = y(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = U(), {
+    currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: a,
     expenseTotal: l,
-    incomeTotal: u,
+    incomeTotal: m,
     missedExpenseTotal: g,
     pastRecurrences: b,
-    paidExpenseTotal: y,
+    paidExpenseTotal: C,
     paidIncomeTotal: v,
     selectedDay: M,
     selectedDayRecurrences: f,
     setDateRange: _,
     upcomingExpenseTotal: K,
     upcomingIncomeTotal: Ee,
-    upcomingRecurrences: ue
-  } = I(), [V, Ne] = x.useState(0), Oe = $e(a.start, /* @__PURE__ */ new Date()), Ge = (D, He) => {
+    upcomingRecurrences: me
+  } = I(), [V, Ne] = x.useState(0), Oe = $e(a.start, /* @__PURE__ */ new Date()), ke = (D, He) => {
     Ne(He);
   }, pe = (D) => {
     c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
@@ -468,16 +500,16 @@ const Y = {
     c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: D.transaction?.guid
     });
-  }, ke = () => {
+  }, Ge = () => {
     const D = Be(a.start, 1);
     _({
-      start: G(D),
+      start: k(D),
       end: B(D)
     });
   }, We = () => {
     const D = Pe(a.start, 1);
     _({
-      start: G(D),
+      start: k(D),
       end: B(D)
     });
   };
@@ -506,7 +538,7 @@ const Y = {
                     children: /* @__PURE__ */ e(Ye, {})
                   }
                 ),
-                /* @__PURE__ */ e(he, { color: "primary", onClick: ke, children: /* @__PURE__ */ e(je, {}) })
+                /* @__PURE__ */ e(he, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
@@ -514,16 +546,16 @@ const Y = {
               {
                 expected: l,
                 missed: g,
-                paid: y,
+                paid: C,
                 title: t.expenses,
-                total: m.length,
+                total: u.length,
                 upcoming: K
               }
             ),
             /* @__PURE__ */ e(
               De,
               {
-                expected: u,
+                expected: m,
                 isExpense: !1,
                 paid: v,
                 title: t.deposits,
@@ -535,13 +567,13 @@ const Y = {
               H,
               {
                 onRecurrenceClick: pe,
-                recurrences: ue,
+                recurrences: me,
                 title: t.upcoming_activity
               }
             )
           ] }),
           !r && /* @__PURE__ */ s(d, { sx: { px: i ? 0 : 24 }, children: [
-            /* @__PURE__ */ s(Fe, { onChange: Ge, value: V, variant: "fullWidth", children: [
+            /* @__PURE__ */ s(Fe, { onChange: ke, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 fe,
                 {
@@ -559,7 +591,7 @@ const Y = {
               H,
               {
                 onRecurrenceClick: pe,
-                recurrences: ue
+                recurrences: me
               }
             ),
             V === 1 && /* @__PURE__ */ e(
@@ -589,17 +621,17 @@ const Y = {
     }
   );
 }), Hn = R(({ onBackClick: t, sx: n = {} }) => {
-  const { recurring: r } = C(), { isInitialized: o, selectedAccountGuids: i } = z(), { isDataLoaded: c, loadRepeatingTransactionData: m, setDateRange: p } = I(), { setFilter: a } = re(), { onEvent: l } = U(), { isMobile: u } = oe(), [g, b] = x.useState(!1);
+  const { recurring: r } = y(), { isInitialized: o, selectedAccountGuids: i } = z(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = I(), { setFilter: a } = re(), { onEvent: l } = U(), { isMobile: m } = oe(), [g, b] = x.useState(!1);
   return ae({
     widgetName: "RecurringTransactionsWidget",
     isLoaded: c
   }), x.useEffect(() => {
-    c || m().finally();
+    c || u().finally();
   }, []), x.useEffect(() => {
     a({
       dateRange: { start: ee(Q(), 90), end: J() },
       accounts: i
-    }), p({ start: G(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) });
+    }), p({ start: k(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) });
   }, [i]), o ? /* @__PURE__ */ s(
     ht,
     {
@@ -612,7 +644,7 @@ const Y = {
           }
         }
       ],
-      hasDivider: u,
+      hasDivider: m,
       onAccountsFilterClick: () => l(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
@@ -634,17 +666,17 @@ const Y = {
     }
   ) : /* @__PURE__ */ e(se, {});
 }), St = R(() => {
-  const { recurring: t } = C(), { availableWidth: n } = Ie(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = I(), m = n < 750;
-  return /* @__PURE__ */ s(d, { flexDirection: m ? "column" : "row", width: "100%", children: [
+  const { recurring: t } = y(), { availableWidth: n } = Ie(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = I(), u = n < 750;
+  return /* @__PURE__ */ s(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Ae, {}),
-    !m && /* @__PURE__ */ e(Z, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+    !u && /* @__PURE__ */ e(Z, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       H,
       {
         isMini: !0,
         onResetClick: r ? () => i(r) : void 0,
         recurrences: o || c.slice(0, 5),
-        sx: { width: m ? "100%" : "calc(100% - 336px)", mt: 12 },
+        sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: r ? N(
           t.day_transactions,
           S(r, w.MONTH_DAY)
@@ -654,7 +686,7 @@ const Y = {
   ] });
 }), Bn = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = C(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: m, selectedAccountGuids: p } = z();
+    const { recurring: r } = y(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = z();
     return ae({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: i
@@ -665,7 +697,7 @@ const Y = {
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
-    }, [p]), m ? /* @__PURE__ */ e(
+    }, [p]), u ? /* @__PURE__ */ e(
       ft,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
@@ -679,7 +711,7 @@ const Y = {
     ) : /* @__PURE__ */ e(se, {});
   }
 ), wt = R(() => {
-  const { recurring: t } = C();
+  const { recurring: t } = y();
   return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Ke, { size: 32 }),
     /* @__PURE__ */ s(d, { children: [
@@ -761,18 +793,18 @@ const Y = {
     upcomingRecurrences: o,
     expenseTotal: i,
     missedExpenseTotal: c,
-    paidExpenseTotal: m,
+    paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = I(), { recurring: a } = C(), l = r <= 288, u = r >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => E(i, i === 0 ? "0,0" : "0,0.00"), [i]), v = x.useMemo(() => {
+  } = I(), { recurring: a } = y(), l = r <= 288, m = r >= 450, g = 32, b = o.length > 0, C = x.useMemo(() => E(i, i === 0 ? "0,0" : "0,0.00"), [i]), v = x.useMemo(() => {
     const _ = [
-      { color: t.palette.success.main, percentage: `${m / i}` }
+      { color: t.palette.success.main, percentage: `${u / i}` }
     ];
     return c && _.push({
       color: t.palette.error.main,
       percentage: `${c / i}`
     }), _;
   }, [
-    m,
+    u,
     i,
     c,
     t.palette.success.main,
@@ -786,7 +818,7 @@ const Y = {
     }
   ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), f = [
     {
-      amount: m,
+      amount: u,
       bgColor: "success.main",
       label: a.paid
     },
@@ -807,7 +839,7 @@ const Y = {
         d,
         {
           sx: [
-            y.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            C.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -820,8 +852,8 @@ const Y = {
               h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && l ? "H3" : "H2",
-                children: y
+                variant: C.length >= 10 && l ? "H3" : "H2",
+                children: C
               }
             ),
             /* @__PURE__ */ e(q, { sx: { pr: 12 }, variant: "XSmall", children: a.expected })
@@ -846,7 +878,7 @@ const Y = {
             {
               amount: _.amount,
               bgcolor: _.bgColor,
-              isLargeScreen: u,
+              isLargeScreen: m,
               isSmallScreen: l,
               label: _.label
             },
@@ -861,10 +893,10 @@ const Y = {
     const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: o } = z(), {
       loadRepeatingTransactionData: i,
       upcomingRecurrences: c,
-      repeatingTransactions: m,
+      repeatingTransactions: u,
       setDateRange: p,
       isDataLoaded: a
-    } = I(), { setFilter: l } = re(), { recurring: u, budgets: g } = C();
+    } = I(), { setFilter: l } = re(), { recurring: m, budgets: g } = y();
     ae({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
@@ -878,7 +910,7 @@ const Y = {
       r && (l({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: o
-      }), p({ start: G(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) }));
+      }), p({ start: k(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) }));
     }, [r, o]);
     const b = () => {
       n(
@@ -886,21 +918,21 @@ const Y = {
       ), t();
     };
     if (!r || !a) return /* @__PURE__ */ e(se, { height: 100 });
-    const y = !m?.length;
+    const C = !u?.length;
     return /* @__PURE__ */ e(
       bt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: y ? g.get_started_cta : u.primary_cta,
+        ctaLabel: C ? g.get_started_cta : m.primary_cta,
         onCTAClick: b,
-        title: u.recurring_expenses,
-        children: y ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
+        title: m.recurring_expenses,
+        children: C ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
       }
     );
   }
 ), $n = R(
   ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: o } = C();
+    const { cashflow: o } = y();
     return /* @__PURE__ */ e(
       ie,
       {

package/package.json

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