@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/recurringtransactions/index.es.js

@@ -3,88 +3,89 @@ import x from "react";
 import { observer as C } from "mobx-react-lite";
 import { endOfMonth as W } from "date-fns/endOfMonth";
 import { endOfToday as Z } from "date-fns/endOfToday";
-import { startOfMonth as N } from "date-fns/startOfMonth";
+import { startOfMonth as G } from "date-fns/startOfMonth";
 import { startOfToday as J } from "date-fns/startOfToday";
 import { subDays as Q } from "date-fns/subDays";
-import { R as De } from "../RecurringSettings-RfZ8Wuhh.mjs";
-import { M as vn } from "../RecurringSettings-RfZ8Wuhh.mjs";
+import { R as Te } from "../RecurringSettings-BpCUcE8w.mjs";
+import { M as vn } from "../RecurringSettings-BpCUcE8w.mjs";
 import { addMonths as We } from "date-fns/addMonths";
 import { subMonths as $e } from "date-fns/subMonths";
 import { isBefore as Be } from "date-fns/isBefore";
-import q from "@mui/material/Unstable_Grid2";
+import V from "@mui/material/Unstable_Grid2";
 import ge from "@mui/material/IconButton";
-import d from "@mui/material/Stack";
+import l from "@mui/material/Stack";
 import he from "@mui/material/Tab";
 import Pe from "@mui/material/Tabs";
-import { Cancel as Te, CheckCircle as Se, Schedule as He, MonetizationOn as Fe, ChevronLeft as ze, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
-import { Text as f, MerchantLogo as ee, InstitutionLogo as Ke, H3 as Ye, P as V } from "@mxenabled/mxui";
+import { Cancel as De, CheckCircle as we, Schedule as He, MonetizationOn as ze, ChevronLeft as Fe, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
+import { Text as h, MerchantLogo as ee, InstitutionLogo as Ke, H3 as Ye, P as X } from "@mxenabled/mxui";
 import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
 import te from "@mui/material/styles/useTheme";
-import { AdapterDateFns as qe } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as Ve } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as Xe } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDateFns as Ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as Xe } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as qe } from "@mui/x-date-pickers/LocalizationProvider";
 import { isSameDay as Ze } from "date-fns/isSameDay";
 import Je from "@mui/material/Badge";
 import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
 import { I as P } from "../IconBacking-DgT8DCeh.mjs";
-import { u as R, b as H, j as _, g as F, q as we, d as ne, h as re, n as et } from "../hooks-C41HAxM5.mjs";
-import { d as M, c as T, g as xe, f as tt } from "../RecurringTransactions-Bhx56aA3.mjs";
-import { T as O } from "../RecurringTransactionsStore-D3EOKZ2B.mjs";
-import { R as An } from "../RecurringTransactionsStore-D3EOKZ2B.mjs";
-import { A as I, W as nt } from "../WidgetContainer-B1Jzb4XA.mjs";
-import rt from "@mui/material/Button";
-import X from "@mui/material/Divider";
+import { u as R, b as H, j as _, g as z, p as _e, h as ne } from "../hooks-fY_n74f7.mjs";
+import { d as I, c as T, g as xe, f as et } from "../RepeatingTransaction-C2txVA9O.mjs";
+import { T as O } from "../RecurringTransactionsStore-D_--5PWH.mjs";
+import { R as An } from "../RecurringTransactionsStore-D_--5PWH.mjs";
+import { A as S, W as tt } from "../WidgetContainer-mzejMmz2.mjs";
+import nt from "@mui/material/Button";
+import q from "@mui/material/Divider";
 import be from "@mui/material/List";
-import _e from "@mui/material/ListItem";
+import Se from "@mui/material/ListItem";
 import it from "@mui/material/ListSubheader";
-import ot from "@mui/material/ListItemAvatar";
-import at from "@mui/material/ListItemButton";
-import st from "@mui/material/ListItemText";
-import { b as ct } from "../ManageIncome-D_qVX5dN.mjs";
-import { c as Gn, M as Nn, S as On } from "../ManageIncome-D_qVX5dN.mjs";
-import { D as ie } from "../Drawer-Dqe5EqvA.mjs";
-import { f as v } from "../NumberFormatting-DjTD0t3W.mjs";
+import rt from "@mui/material/ListItemAvatar";
+import ot from "@mui/material/ListItemButton";
+import at from "@mui/material/ListItemText";
+import { b as st } from "../ManageIncome-DIIyqDTp.mjs";
+import { c as Nn, M as Gn, S as On } from "../ManageIncome-DIIyqDTp.mjs";
+import { D as ie } from "../Drawer-Bet2ZPJo.mjs";
+import { f as M } from "../NumberFormatting-DjTD0t3W.mjs";
 import { b as E } from "../Localization-2MODESHW.mjs";
-import { f as L, a as A } from "../Dialog-CDV0kKxj.mjs";
-import G from "@mui/material/Box";
+import { f as v, D as L } from "../Dialog-CWymUiuO.mjs";
+import N from "@mui/material/Box";
 import { S as Ie } from "../StatusBar-CPfSXe80.mjs";
-import { u as oe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as re } from "../useScreenSize-B6JyS_Lj.mjs";
 import { S as Me } from "../SkeletonLoader-BaNboJjD.mjs";
-import { L as ae } from "../Loader-BSWSYqvn.mjs";
-import { M as lt } from "../MiniWidgetContainer-D7MkHG15.mjs";
-import { u as dt } from "../useDimensions-27p2evRx.mjs";
-import { M as ut } from "../MicroWidgetContainer-BGpNl5ZS.mjs";
-const z = {
+import { L as oe } from "../Loader-BSWSYqvn.mjs";
+import { u as ae } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
+import { M as ct } from "../MiniWidgetContainer-DKn7ndO6.mjs";
+import { u as lt } from "../useDimensions-27p2evRx.mjs";
+import { M as dt } from "../MicroWidgetContainer-DSyYwRCU.mjs";
+const F = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, U = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(He, { color: "primary", filled: !0, sx: { fontSize: n, ...z } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
-  Fe,
+}, U = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(He, { color: "primary", filled: !0, sx: { fontSize: n, ...F } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
+  ze,
   {
     filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...z }
+    sx: { color: "categories.income", fontSize: n, ...F }
   }
-) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...z } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...z } }) }), mt = C(
-  ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = R(), { selectedAccountGuids: o } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
-      () => c.filter((g) => o.includes(g.accountGuid)),
-      [o, c]
+) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(De, { color: "error", filled: !0, sx: { fontSize: n, ...F } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...F } }) }), ut = C(
+  ({ day: t, outsideCurrentMonth: n, ...i }) => {
+    const { recurring: o } = R(), { selectedAccountGuids: r } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
+      () => c.filter((f) => r.includes(f.accountGuid)),
+      [r, c]
     ).filter(
-      (g) => Ze(g.occurredOnDate || g.expectedDate, t)
-    ), l = s.some(
-      (g) => g.type !== M.Income && g.status === T.Upcoming
+      (f) => Ze(f.occurredOnDate || f.expectedDate, t)
+    ), d = s.some(
+      (f) => f.type !== I.Income && f.status === T.Upcoming
     ), m = s.some(
-      (g) => g.type !== M.Income && g.status === T.Missed
-    ), h = s.some(
-      (g) => g.type !== M.Income && g.status === T.Paid
-    ), b = s.some((g) => g.type === M.Income), y = (l ? 1 : 0) + (m ? 1 : 0) + (h ? 1 : 0) + (b ? 1 : 0);
+      (f) => f.type !== I.Income && f.status === T.Missed
+    ), g = s.some(
+      (f) => f.type !== I.Income && f.status === T.Paid
+    ), b = s.some((f) => f.type === I.Income), y = (d ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0);
     return /* @__PURE__ */ e(
       Je,
       {
         badgeContent: s.length > 0 && /* @__PURE__ */ a(B, { children: [
           m && /* @__PURE__ */ e(le, { isOffset: !0 }),
-          h && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          l && /* @__PURE__ */ e(se, { isOffset: !0 }),
+          g && /* @__PURE__ */ e(de, { isOffset: !0 }),
+          d && /* @__PURE__ */ e(se, { isOffset: !0 }),
           b && /* @__PURE__ */ e(ce, { isOffset: !0 })
         ] }),
         overlap: "circular",
@@ -99,10 +100,10 @@ const z = {
           Qe,
           {
             "aria-label": `
-          ${h && i.paid}, 
-          ${m && i.missed}, 
-          ${l && i.upcoming}, 
-          ${b && i.income}`,
+          ${g && o.paid}, 
+          ${m && o.missed}, 
+          ${d && o.upcoming}, 
+          ${b && o.income}`,
             day: t,
             onClick: () => u(t),
             outsideCurrentMonth: n,
@@ -113,19 +114,19 @@ const z = {
                 }
               }
             },
-            ...r
+            ...i
           }
         )
       }
     );
   }
-), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(f, { variant: "XSmall", children: n })
-] }), pt = C(() => {
+  /* @__PURE__ */ e(h, { variant: "XSmall", children: n })
+] }), mt = C(() => {
   const { recurring: t } = R();
   return /* @__PURE__ */ a(
-    d,
+    l,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -142,27 +143,27 @@ const z = {
     }
   );
 }), ye = 58, ve = C(() => {
-  const t = te(), { onEvent: n } = F(), { selectedDay: r, setDateRange: i } = _(), [o, c] = x.useState(
+  const t = te(), { onEvent: n } = z(), { selectedDay: i, setDateRange: o } = _(), [r, c] = x.useState(
     fe(/* @__PURE__ */ new Date()) * O + ye
   ), u = (m) => {
-    c(fe(m) * O + ye), i({
-      start: N(m),
+    c(fe(m) * O + ye), o({
+      start: G(m),
       end: W(m)
-    }), p(m), n(I.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+    }), p(m), n(S.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
   }, p = (m) => {
     m && requestAnimationFrame(() => {
-      const h = document.getElementById("recurrence-list");
-      h?.setAttribute("tabindex", "-1"), h?.focus();
+      const g = document.getElementById("recurrence-list");
+      g?.setAttribute("tabindex", "-1"), g?.focus();
     });
   }, s = /* @__PURE__ */ e(
-    Ve,
+    Xe,
     {
-      minDate: N(/* @__PURE__ */ new Date()),
+      minDate: G(/* @__PURE__ */ new Date()),
       onChange: p,
       onMonthChange: u,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: mt
+        day: ut
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -188,10 +189,10 @@ const z = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: o
+          minHeight: r
         },
         "&.MuiDateCalendar-root": {
-          minHeight: o + O
+          minHeight: r + O
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: O,
@@ -203,12 +204,12 @@ const z = {
           fontSize: t.typography.body2.fontSize
         }
       },
-      value: r,
+      value: i,
       views: ["day"]
     }
   );
   return /* @__PURE__ */ a(
-    d,
+    l,
     {
       "aria-describedby": "calendar-description",
       "aria-labelledby": "calendar-label",
@@ -232,16 +233,16 @@ const z = {
             children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
           }
         ),
-        /* @__PURE__ */ a(Xe, { dateAdapter: qe, children: [
-          r && s,
-          !r && s,
-          /* @__PURE__ */ e(pt, {})
+        /* @__PURE__ */ a(qe, { dateAdapter: Ve, children: [
+          i && s,
+          !i && s,
+          /* @__PURE__ */ e(mt, {})
         ] })
       ]
     }
   );
-}), gt = (t) => {
-  if (t.type === M.Income)
+}), pt = (t) => {
+  if (t.type === I.Income)
     return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
     case T.Missed:
@@ -251,25 +252,25 @@ const z = {
     default:
       return /* @__PURE__ */ e(se, {});
   }
-}, ht = (t, n) => {
+}, gt = (t, n) => {
   switch (t.status) {
     case T.Paid:
       return t.expectedDate ? E(
         n.paid_on,
-        L(
+        v(
           t.occurredOnDate || t.expectedDate,
-          A.MONTH_DAY
+          L.MONTH_DAY
         )
       ) : n.paid;
     case T.Missed:
       return E(
         n.missed_on,
-        L(t.expectedDate, A.MONTH_DAY)
+        v(t.expectedDate, L.MONTH_DAY)
       );
     case T.Upcoming:
       return E(
         n.upcoming_on,
-        L(t.expectedDate, A.MONTH_DAY)
+        v(t.expectedDate, L.MONTH_DAY)
       );
     default:
       return n.unknown;
@@ -277,39 +278,39 @@ const z = {
 }, Ce = ({
   recurrence: t,
   isMini: n = !1,
-  onRecurrenceClick: r = () => {
+  onRecurrenceClick: i = () => {
   },
-  showOrdinal: i = !1
+  showOrdinal: o = !1
 }) => {
-  const { recurring: o } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
-    () => c.find((D) => D.guid === t.repeatingTransactionGuid),
+  const { recurring: r } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
+    () => c.find((A) => A.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), l = t.type === M.Income, m = t.status === T.Paid, h = t.status === T.Missed, b = t.status === T.Upcoming;
-  let y = o.paid?.toLowerCase();
-  return h ? y = o.missed?.toLowerCase() : b && (y = i ? xe(o, s || {}, !0) : xe(o, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ a(_e, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(at, { onClick: () => {
-      p(!0), r(t);
+  ), d = t.type === I.Income, m = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
+  let y = r.paid?.toLowerCase();
+  return g ? y = r.missed?.toLowerCase() : b && (y = o ? xe(r, s || {}, !0) : xe(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ a(Se, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ a(ot, { onClick: () => {
+      p(!0), i(t);
     }, children: [
-      /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(
         ee,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(st, { children: /* @__PURE__ */ a(
-        d,
+      /* @__PURE__ */ e(at, { children: /* @__PURE__ */ a(
+        l,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ a(d, { direction: "column", width: "50%", children: [
-              /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
-                gt(t),
-                /* @__PURE__ */ e(f, { variant: "caption", children: ht(t, o) })
+            /* @__PURE__ */ a(l, { direction: "column", width: "50%", children: [
+              /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
+              /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
+                pt(t),
+                /* @__PURE__ */ e(h, { variant: "caption", children: gt(t, r) })
               ] }) : /* @__PURE__ */ a(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ke,
@@ -319,16 +320,16 @@ const z = {
                     size: 12
                   }
                 ),
-                /* @__PURE__ */ e(f, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
+                /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__PURE__ */ a(d, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ a(f, { bold: !0, color: l ? "success.main" : "text.primary", variant: "body1", children: [
-                l ? "+" : "",
-                v(t.amount, "0,0.00")
+            /* @__PURE__ */ a(l, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ a(h, { bold: !0, color: d ? "success.main" : "text.primary", variant: "body1", children: [
+                d ? "+" : "",
+                M(t.amount, "0,0.00")
               ] }),
               !n && /* @__PURE__ */ a(
-                d,
+                l,
                 {
                   direction: "row",
                   sx: {
@@ -339,9 +340,9 @@ const z = {
                     width: "100%"
                   },
                   children: [
-                    m && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
-                    h && /* @__PURE__ */ e(Te, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "caption", children: y })
+                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
+                    g && /* @__PURE__ */ e(De, { color: "error", filled: !0, size: 12 }),
+                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: y })
                   ]
                 }
               )
@@ -353,12 +354,12 @@ const z = {
     /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: o.close_drawer_aria,
+        ariaLabelClose: r.close_drawer_aria,
         isOpen: u,
         onClose: () => p(!1),
-        title: t.type === M.Income ? o.income_details : o.expense_details,
+        title: t.type === I.Income ? r.income_details : r.expense_details,
         children: s && /* @__PURE__ */ e(
-          ct,
+          st,
           {
             onDeleted: () => p(!1),
             recurringTransaction: s
@@ -371,153 +372,158 @@ const z = {
   ({
     recurrences: t,
     isMini: n = !1,
-    onResetClick: r,
-    onRecurrenceClick: i,
-    sx: o = {},
+    onResetClick: i,
+    onRecurrenceClick: o,
+    sx: r = {},
     title: c
   }) => {
-    const { recurring: u } = R(), p = x.useMemo(() => tt(t), [t]);
-    return /* @__PURE__ */ a(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
+    const { recurring: u } = R(), p = x.useMemo(() => et(t), [t]);
+    return /* @__PURE__ */ a(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...r }, "tab-index": -1, children: [
       c && /* @__PURE__ */ a(
-        d,
+        l,
         {
-          sx: { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24 },
+          sx: {
+            alignItems: "center",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            px: 24
+          },
           children: [
-            /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: c }),
-            r && /* @__PURE__ */ e(rt, { onClick: r, variant: "text", children: u.reset })
+            /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: c }),
+            i && /* @__PURE__ */ e(nt, { onClick: i, size: "small", variant: "text", children: u.reset })
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(f, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(be, { children: n ? t.map((s, l) => /* @__PURE__ */ a(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(be, { children: n ? t.map((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Ce,
           {
             isMini: n,
-            onRecurrenceClick: i,
+            onRecurrenceClick: o,
             recurrence: s
           }
         ),
-        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((s, l) => /* @__PURE__ */ a(x.Fragment, { children: [
-        /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(q, { sx: { mx: 24 } })
+      ] }, `recurrence-${d}`)) : p.map((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
+        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(
           be,
           {
-            subheader: /* @__PURE__ */ e(it, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(f, { bold: !0, variant: "caption", children: L(s.date, A.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ e(it, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: v(s.date, L.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: s.recurrences.map((m, h) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+            children: s.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
               Ce,
               {
                 isMini: n,
-                onRecurrenceClick: i,
+                onRecurrenceClick: o,
                 recurrence: m
               }
-            ) }, `day-recurrence-${h}`))
+            ) }, `day-recurrence-${g}`))
           }
         ) }, s.id),
-        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) })
+        /* @__PURE__ */ e(q, { sx: { mx: 24 } })
+      ] }, `recurrence-${d}`)) })
     ] });
   }
 ), Re = C(
-  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: c, upcoming: u }) => {
-    const p = te(), { isSmallMobile: s } = oe(), { recurring: l } = R(), m = x.useMemo(() => {
-      const h = [{ color: p.palette.success.main, percentage: `${i / t}` }];
-      return r && h.push({ color: p.palette.error.main, percentage: `${r / t}` }), h;
-    }, [i, t, r]);
-    return /* @__PURE__ */ a(d, { children: [
-      /* @__PURE__ */ a(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: `${o} (${c})` }),
-        /* @__PURE__ */ e(f, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${v(t, "0,0.00")}` })
+  ({ expected: t, isExpense: n = !0, missed: i, paid: o, title: r, total: c, upcoming: u }) => {
+    const p = te(), { isSmallMobile: s } = re(), { recurring: d } = R(), m = x.useMemo(() => {
+      const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
+      return i && g.push({ color: p.palette.error.main, percentage: `${i / t}` }), g;
+    }, [o, t, i]);
+    return /* @__PURE__ */ a(l, { children: [
+      /* @__PURE__ */ a(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${r} (${c})` }),
+        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${M(t, "0,0.00")}` })
       ] }),
       /* @__PURE__ */ e(Ie, { data: m, height: 12 }),
-      /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
-        /* @__PURE__ */ e(G, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(i, "0,0.00") }),
-        /* @__PURE__ */ e(f, { variant: "caption", children: l.paid?.toLowerCase() }),
-        r !== void 0 && /* @__PURE__ */ a(B, { children: [
-          /* @__PURE__ */ e(G, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(r, "0,0.00") }),
-          /* @__PURE__ */ e(f, { variant: "caption", children: l.missed?.toLowerCase() })
+      /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+        /* @__PURE__ */ e(N, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(o, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: d.paid?.toLowerCase() }),
+        i !== void 0 && /* @__PURE__ */ a(B, { children: [
+          /* @__PURE__ */ e(N, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(i, "0,0.00") }),
+          /* @__PURE__ */ e(h, { variant: "caption", children: d.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(G, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(u, "0,0.00") }),
-        /* @__PURE__ */ e(f, { variant: "caption", children: l.upcoming })
+        /* @__PURE__ */ e(N, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(u, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: d.upcoming })
       ] })
     ] });
   }
-), ft = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = oe(n), { onEvent: c } = F(), {
+), ht = C(() => {
+  const { recurring: t } = R(), { availableWidth: n } = _e(), { isDesktop: i, isSmallMobile: o, isMobile: r } = re(n), { onEvent: c } = z(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: s,
-    expenseTotal: l,
+    expenseTotal: d,
     incomeTotal: m,
-    missedExpenseTotal: h,
+    missedExpenseTotal: g,
     pastRecurrences: b,
     paidExpenseTotal: y,
-    paidIncomeTotal: g,
-    selectedDay: D,
+    paidIncomeTotal: f,
+    selectedDay: A,
     selectedDayRecurrences: j,
     setDateRange: w,
     upcomingExpenseTotal: K,
     upcomingIncomeTotal: Le,
     upcomingRecurrences: ue
-  } = _(), [Y, Ae] = x.useState(0), Ee = Be(s.start, /* @__PURE__ */ new Date()), Ge = (S, ke) => {
+  } = _(), [Y, Ae] = x.useState(0), Ee = Be(s.start, /* @__PURE__ */ new Date()), Ne = (D, ke) => {
     Ae(ke);
-  }, me = (S) => {
-    c(I.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: S.transaction?.guid
+  }, me = (D) => {
+    c(S.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: D.transaction?.guid
     });
-  }, pe = (S) => {
-    c(I.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: S.transaction?.guid
+  }, pe = (D) => {
+    c(S.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: D.transaction?.guid
     });
-  }, Ne = () => {
-    const S = We(s.start, 1);
+  }, Ge = () => {
+    const D = We(s.start, 1);
     w({
-      start: N(S),
-      end: W(S)
+      start: G(D),
+      end: W(D)
     });
   }, Oe = () => {
-    const S = $e(s.start, 1);
+    const D = $e(s.start, 1);
     w({
-      start: N(S),
-      end: W(S)
+      start: G(D),
+      end: W(D)
     });
   };
   return /* @__PURE__ */ a(
-    q,
+    V,
     {
       container: !0,
       sx: {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(q, { md: !0, sm: 12, width: "100%", children: [
-          /* @__PURE__ */ a(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
-            /* @__PURE__ */ a(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ a(V, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ a(l, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
+            /* @__PURE__ */ a(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(Ye, { children: E(
                 t.header_title,
-                L(s.start, A.MONTH_LONG)
+                v(s.start, L.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
+              !i && /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
                     color: "primary",
                     disabled: Ee,
                     onClick: Oe,
-                    children: /* @__PURE__ */ e(ze, {})
+                    children: /* @__PURE__ */ e(Fe, {})
                   }
                 ),
-                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ne, children: /* @__PURE__ */ e(Ue, {}) })
+                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(Ue, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
               Re,
               {
-                expected: l,
-                missed: h,
+                expected: d,
+                missed: g,
                 paid: y,
                 title: t.expenses,
                 total: u.length,
@@ -529,13 +535,13 @@ const z = {
               {
                 expected: m,
                 isExpense: !1,
-                paid: g,
+                paid: f,
                 title: t.deposits,
                 total: p.length,
                 upcoming: Le
               }
             ),
-            r && /* @__PURE__ */ e(
+            i && /* @__PURE__ */ e(
               k,
               {
                 onRecurrenceClick: me,
@@ -544,18 +550,18 @@ const z = {
               }
             )
           ] }),
-          !r && /* @__PURE__ */ a(d, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(Pe, { onChange: Ge, value: Y, variant: "fullWidth", children: [
+          !i && /* @__PURE__ */ a(l, { sx: { px: r ? 0 : 24 }, children: [
+            /* @__PURE__ */ a(Pe, { onChange: Ne, value: Y, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 he,
                 {
-                  label: /* @__PURE__ */ e(f, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
                 he,
                 {
-                  label: /* @__PURE__ */ e(f, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.past : t.past_transactions })
                 }
               )
             ] }),
@@ -575,16 +581,16 @@ const z = {
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(d, { gap: 24, children: [
+        i && /* @__PURE__ */ e(V, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
           /* @__PURE__ */ e(ve, {}),
           /* @__PURE__ */ e(
             k,
             {
               onRecurrenceClick: pe,
               recurrences: j || b,
-              title: D ? E(
+              title: A ? E(
                 t.day_transactions,
-                L(D, A.MONTH_DAY)
+                v(A, L.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -592,86 +598,85 @@ const z = {
       ]
     }
   );
-}), Tn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: r } = ne(), { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: c, setSelectedAccounts: u } = H(), { isDataLoaded: p, loadRepeatingTransactionData: s, setDateRange: l } = _(), { setFilter: m } = re(), { onEvent: h } = F(), { onLoad: b } = et(), { isMobile: y } = oe(), [g, D] = x.useState(!1);
-  return x.useEffect(() => {
-    p || s().finally(() => {
-      b?.("RecurringTransactionsWidget");
-    });
+}), Dn = C(({ onBackClick: t, sx: n = {} }) => {
+  const { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: r } = H(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = _(), { setFilter: s } = ne(), { onEvent: d } = z(), { isMobile: m } = re(), [g, b] = x.useState(!1);
+  return ae({
+    widgetName: "RecurringTransactionsWidget",
+    isLoaded: c
+  }), x.useEffect(() => {
+    c || u().finally();
   }, []), x.useEffect(() => {
-    u(r);
-  }, [r]), x.useEffect(() => {
-    m({
+    s({
       dateRange: { start: Q(J(), 90), end: Z() },
-      accounts: c
-    }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
-  }, [c]), o ? /* @__PURE__ */ a(
-    nt,
+      accounts: r
+    }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
+  }, [r]), o ? /* @__PURE__ */ a(
+    tt,
     {
-      accountOptions: r,
       actions: [
         {
           label: i.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            D(!0), h(I.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            b(!0), d(S.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
-      hasDivider: y,
-      onAccountsFilterClick: () => h(I.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      hasDivider: m,
+      onAccountsFilterClick: () => d(S.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
       title: i.title,
       children: [
-        p ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(Me, { variant: "list" }),
+        c ? /* @__PURE__ */ e(ht, {}) : /* @__PURE__ */ e(Me, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           ie,
           {
             ariaLabelClose: i.close_drawer_aria,
             isOpen: g,
-            onClose: () => D(!1),
+            onClose: () => b(!1),
             shouldShowHeaderBorders: !1,
             title: i.action_title,
-            children: /* @__PURE__ */ e(De, {})
+            children: /* @__PURE__ */ e(Te, {})
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(ae, {});
-}), xt = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = we(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, upcomingRecurrences: c } = _(), u = n < 750;
-  return /* @__PURE__ */ a(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
+  ) : /* @__PURE__ */ e(oe, {});
+}), ft = C(() => {
+  const { recurring: t } = R(), { availableWidth: n } = _e(), { selectedDay: i, selectedDayRecurrences: o, setSelectedDay: r, upcomingRecurrences: c } = _(), u = n < 750;
+  return /* @__PURE__ */ a(l, { flexDirection: u ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(ve, {}),
-    !u && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+    !u && /* @__PURE__ */ e(q, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       k,
       {
         isMini: !0,
-        onResetClick: r ? () => o(r) : void 0,
-        recurrences: i || c.slice(0, 5),
+        onResetClick: i ? () => r(i) : void 0,
+        recurrences: o || c.slice(0, 5),
         sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: r ? E(
+        title: i ? E(
           t.day_transactions,
-          L(r, A.MONTH_DAY)
+          v(i, L.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), Sn = C(
+}), wn = C(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: r } = ne(), { recurring: i } = R(), { setFilter: o } = re(), { isDataLoaded: c, loadRepeatingTransactionData: u } = _(), { isInitialized: p, setSelectedAccounts: s, selectedAccountGuids: l } = H();
-    return x.useEffect(() => {
-      c || u().finally();
+    const { recurring: i } = R(), { setFilter: o } = ne(), { isDataLoaded: r, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
+    return ae({
+      widgetName: "RecurringTransactionsMiniWidget",
+      isLoaded: r
+    }), x.useEffect(() => {
+      r || c().finally();
     }, []), x.useEffect(() => {
-      s(r);
-    }, [r]), x.useEffect(() => {
-      l.length > 0 && o({
+      p.length > 0 && o({
         dateRange: { start: Q(J(), 90), end: Z() },
-        accounts: l
+        accounts: p
       });
-    }, [l]), p ? /* @__PURE__ */ e(
-      lt,
+    }, [p]), u ? /* @__PURE__ */ e(
+      ct,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
@@ -679,28 +684,28 @@ const z = {
         subTitle: i.sub_title,
         sx: n,
         title: i.mini_title,
-        children: c ? /* @__PURE__ */ e(xt, {}) : /* @__PURE__ */ e(Me, { sx: { mx: 16 }, variant: "list" })
+        children: r ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(Me, { sx: { mx: 16 }, variant: "list" })
       }
-    ) : /* @__PURE__ */ e(ae, {});
+    ) : /* @__PURE__ */ e(oe, {});
   }
-), bt = C(() => {
+), xt = C(() => {
   const { recurring: t } = R();
-  return /* @__PURE__ */ a(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+  return /* @__PURE__ */ a(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(je, { size: 32 }),
-    /* @__PURE__ */ a(d, { children: [
-      /* @__PURE__ */ e(V, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(V, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+    /* @__PURE__ */ a(l, { children: [
+      /* @__PURE__ */ e(X, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
+      /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), yt = ({
+}), bt = ({
   amount: t,
   bgcolor: n,
-  isLargeScreen: r,
-  isSmallScreen: i,
-  label: o
-}) => /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  isLargeScreen: i,
+  isSmallScreen: o,
+  label: r
+}) => /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    G,
+    N,
     {
       sx: {
         borderRadius: "2px",
@@ -710,29 +715,29 @@ const z = {
       }
     }
   ),
-  /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !i && /* @__PURE__ */ e(f, { bold: !0, variant: "caption", children: v(t, t === 0 || !r ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(f, { variant: "caption", children: o })
+  /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: M(t, t === 0 || !i ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(h, { variant: "caption", children: r })
   ] })
-] }), Ct = ({
+] }), yt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
-  maxLogos: r = 3
+  maxLogos: i = 3
 }) => {
-  const i = (o) => o * (n / 2);
+  const o = (r) => r * (n / 2);
   return /* @__PURE__ */ e(
-    G,
+    N,
     {
       sx: {
         position: "relative",
         width: 64
       },
-      children: t.map((o, c) => c < r ? /* @__PURE__ */ e(
-        G,
+      children: t.map((r, c) => c < i ? /* @__PURE__ */ e(
+        N,
         {
           sx: {
             borderRadius: "4px",
-            left: i(c),
+            left: o(c),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -741,55 +746,55 @@ const z = {
           children: /* @__PURE__ */ e(
             ee,
             {
-              categoryGuid: o.categoryGuid || "",
-              merchantGuid: o.merchantGuid || "",
+              categoryGuid: r.categoryGuid || "",
+              merchantGuid: r.merchantGuid || "",
               size: n
             }
           )
         },
-        `${o.categoryGuid}-${o.merchantGuid}-${c}`
+        `${r.categoryGuid}-${r.merchantGuid}-${c}`
       ) : null)
     }
   );
-}, Rt = ({
+}, Ct = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, o) => /* @__PURE__ */ e(
   ee,
   {
-    categoryGuid: r.categoryGuid || "",
-    merchantGuid: r.merchantGuid || ""
+    categoryGuid: i.categoryGuid || "",
+    merchantGuid: i.merchantGuid || ""
   },
-  `${r.categoryGuid}-${r.merchantGuid}-${i}`
-)) }), Dt = C(() => {
-  const t = te(), [n, { width: r }] = dt(), {
-    upcomingRecurrences: i,
-    expenseTotal: o,
+  `${i.categoryGuid}-${i.merchantGuid}-${o}`
+)) }), Rt = C(() => {
+  const t = te(), [n, { width: i }] = lt(), {
+    upcomingRecurrences: o,
+    expenseTotal: r,
     missedExpenseTotal: c,
     paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = _(), { recurring: s } = R(), l = r <= 288, m = r >= 450, h = 32, b = i.length > 0, y = x.useMemo(() => v(o, o === 0 ? "0,0" : "0,0.00"), [o]), g = x.useMemo(() => {
+  } = _(), { recurring: s } = R(), d = i <= 288, m = i >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => M(r, r === 0 ? "0,0" : "0,0.00"), [r]), f = x.useMemo(() => {
     const w = [
-      { color: t.palette.success.main, percentage: `${u / o}` }
+      { color: t.palette.success.main, percentage: `${u / r}` }
     ];
     return c && w.push({
       color: t.palette.error.main,
-      percentage: `${c / o}`
+      percentage: `${c / r}`
     }), w;
   }, [
     u,
-    o,
+    r,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), D = () => b ? l ? /* @__PURE__ */ e(
-    Ct,
+  ]), A = () => b ? d ? /* @__PURE__ */ e(
+    yt,
     {
-      logoSize: h,
+      logoSize: g,
       maxLogos: 3,
-      upcomingRecurrences: i.slice(0, 3)
+      upcomingRecurrences: o.slice(0, 3)
     }
-  ) : /* @__PURE__ */ e(Rt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), j = [
+  ) : /* @__PURE__ */ e(Ct, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), j = [
     {
       amount: u,
       bgColor: "success.main",
@@ -807,12 +812,12 @@ const z = {
     }
   ];
   return /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ a(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ a(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ a(
-        d,
+        l,
         {
           sx: [
-            y.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            y.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -822,23 +827,23 @@ const z = {
           ],
           children: [
             /* @__PURE__ */ e(
-              f,
+              h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && l ? "H3" : "H2",
+                variant: y.length >= 10 && d ? "H3" : "H2",
                 children: y
               }
             ),
-            /* @__PURE__ */ e(V, { sx: { pr: 12 }, variant: "XSmall", children: s.expected })
+            /* @__PURE__ */ e(X, { sx: { pr: 12 }, variant: "XSmall", children: s.expected })
           ]
         }
       ),
-      D()
+      A()
     ] }),
-    /* @__PURE__ */ a(d, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(Ie, { data: g }),
+    /* @__PURE__ */ a(l, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(Ie, { data: f }),
       /* @__PURE__ */ e(
-        d,
+        l,
         {
           sx: {
             alignItems: "center",
@@ -847,12 +852,12 @@ const z = {
             mt: 4
           },
           children: j.map((w, K) => /* @__PURE__ */ e(
-            yt,
+            bt,
             {
               amount: w.amount,
               bgcolor: w.bgColor,
               isLargeScreen: m,
-              isSmallScreen: l,
+              isSmallScreen: d,
               label: w.label
             },
             `recurrence-legend-${K}`
@@ -861,71 +866,72 @@ const z = {
       )
     ] })
   ] });
-}), wn = C(
+}), _n = C(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = F(), { accounts: r } = ne(), { isInitialized: i, selectedAccountGuids: o, setSelectedAccounts: c } = H(), {
-      loadRepeatingTransactionData: u,
-      upcomingRecurrences: p,
-      repeatingTransactions: s,
-      setDateRange: l,
-      isDataLoaded: m
-    } = _(), { setFilter: h } = re(), { recurring: b, budgets: y } = R();
-    x.useEffect(() => {
-      m || u().finally(() => {
-        n(I.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
-          state: p.length > 0 ? "default" : "zeroState"
+    const { onEvent: n } = z(), { isInitialized: i, selectedAccountGuids: o } = H(), {
+      loadRepeatingTransactionData: r,
+      upcomingRecurrences: c,
+      repeatingTransactions: u,
+      setDateRange: p,
+      isDataLoaded: s
+    } = _(), { setFilter: d } = ne(), { recurring: m, budgets: g } = R();
+    ae({
+      widgetName: "RecurringTransactionsMicroWidget",
+      isLoaded: s
+    }), x.useEffect(() => {
+      s || r().finally(() => {
+        n(S.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+          state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      i && c(r);
-    }, [i, r]), x.useEffect(() => {
-      i && (h({
+      i && (d({
         dateRange: { start: Q(J(), 90), end: Z() },
         accounts: o
-      }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
+      }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
     }, [i, o]);
-    const g = () => {
+    const b = () => {
       n(
-        p.length > 0 ? I.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : I.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        c.length > 0 ? S.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : S.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!i || !m) return /* @__PURE__ */ e(ae, { height: 100 });
-    const D = !s?.length;
+    if (!i || !s) return /* @__PURE__ */ e(oe, { height: 100 });
+    const y = !u?.length;
     return /* @__PURE__ */ e(
-      ut,
+      dt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: D ? y.get_started_cta : b.primary_cta,
-        onCTAClick: g,
-        title: b.recurring_expenses,
-        children: D ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ e(Dt, {})
+        ctaLabel: y ? g.get_started_cta : m.primary_cta,
+        onCTAClick: b,
+        title: m.recurring_expenses,
+        children: y ? /* @__PURE__ */ e(xt, {}) : /* @__PURE__ */ e(Rt, {})
       }
     );
   }
-), _n = C(
-  ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: i } = R();
+), Sn = C(
+  ({ isOpen: t, onClose: n, selectedTab: i }) => {
+    const { cashflow: o } = R();
     return /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: i.close_settings_aria,
+        ariaLabelClose: o.close_settings_aria,
         isOpen: t,
         onClose: n,
-        title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
+        title: o.cashflow_settings,
+        children: /* @__PURE__ */ e(Te, { defaultSelectedTab: i })
       }
     );
   }
 );
 export {
-  Gn as AddRecurringTransactionDetails,
+  Nn as AddRecurringTransactionDetails,
   vn as ManageExpenses,
-  Nn as ManageIncome,
-  De as RecurringSettings,
-  _n as RecurringSettingsDrawer,
-  wn as RecurringTransactionsMicroWidget,
-  Sn as RecurringTransactionsMiniWidget,
+  Gn as ManageIncome,
+  Te as RecurringSettings,
+  Sn as RecurringSettingsDrawer,
+  _n as RecurringTransactionsMicroWidget,
+  wn as RecurringTransactionsMiniWidget,
   An as RecurringTransactionsStore,
-  Tn as RecurringTransactionsWidget,
+  Dn as RecurringTransactionsWidget,
   On as SelectTransaction
 };