@mx-cartographer/experiences 7.11.22 → 7.11.24

package/dist/recurringtransactions/index.es.js

@@ -1,97 +1,102 @@
-import { jsx as e, jsxs as a, Fragment as F } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
 import x from "react";
-import { observer as C } from "mobx-react-lite";
-import { endOfMonth as $ } from "date-fns/endOfMonth";
+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 { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-CD1_vCES.mjs";
-import { M as zn } from "../RecurringSettings-CD1_vCES.mjs";
-import { addMonths as Fe } from "date-fns/addMonths";
+import { R as _e } from "../RecurringSettings-DI1hZYMK.mjs";
+import { M as Un } from "../RecurringSettings-DI1hZYMK.mjs";
+import { addMonths as Be } from "date-fns/addMonths";
 import { subMonths as Pe } from "date-fns/subMonths";
-import { isBefore as He } from "date-fns/isBefore";
+import { isBefore as $e } from "date-fns/isBefore";
 import X from "@mui/material/Unstable_Grid2";
 import he from "@mui/material/IconButton";
-import l from "@mui/material/Stack";
+import d from "@mui/material/Stack";
 import fe from "@mui/material/Tab";
-import ze from "@mui/material/Tabs";
-import { Schedule as Ue, MonetizationOn as je, Cancel as we, CheckCircle as Se, ChevronLeft as Ke, ChevronRight as Ye, CurrencyExchange as Ve } from "@mxenabled/mx-icons";
-import { Text as h, MerchantLogo as te, InstitutionLogo as Xe, H3 as Ie, P as q } from "@mxenabled/mxui";
+import Fe from "@mui/material/Tabs";
+import { Schedule as ze, MonetizationOn as Ue, Cancel as Se, CheckCircle as we, ChevronLeft as Ye, ChevronRight as je, CurrencyExchange as Ke } from "@mxenabled/mx-icons";
+import { Text as h, MerchantLogo as te, InstitutionLogo as Ve, H3 as Xe, H2 as qe, P as q } from "@mxenabled/mxui";
 import { getWeeksInMonth as xe } from "date-fns/getWeeksInMonth";
-import { enCA as qe } from "date-fns/locale/en-CA";
+import { enCA as Ze } from "date-fns/locale/en-CA";
 import { enUS as be } from "date-fns/locale/en-US";
-import { es as Ze } from "date-fns/locale/es";
-import { fr as Je } from "date-fns/locale/fr";
-import { frCA as Qe } from "date-fns/locale/fr-CA";
+import { es as Je } from "date-fns/locale/es";
+import { fr as Qe } from "date-fns/locale/fr";
+import { frCA as et } from "date-fns/locale/fr-CA";
 import ne from "@mui/material/styles/useTheme";
-import { AdapterDateFns as et } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as tt } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as nt } from "@mui/x-date-pickers/LocalizationProvider";
-import { isSameDay as rt } from "date-fns/isSameDay";
-import it from "@mui/material/Badge";
-import { PickersDay as ot } from "@mui/x-date-pickers/PickersDay";
-import { I as P } from "../IconBacking-B9oC6uL2.mjs";
-import { u as R, b as H, i as w, g as z, p as Me, h as re } from "../hooks-BxkfR-Ff.mjs";
-import { d as I, c as T, g as ye, f as at } from "../RecurringTransactions-CYNpe_RS.mjs";
-import { T as O } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
+import { AdapterDateFns as tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as nt } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as rt } from "@mui/x-date-pickers/LocalizationProvider";
+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 { f as S, D as w } from "../DateFormats-BMpMrZpW.mjs";
+import { T as k } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
 import { R as jn } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
-import { g as st, L as k, b as E } from "../Localization-CPkpIwIx.mjs";
-import { A as S } from "../Analytics-i5h6BxR1.mjs";
-import ct from "@mui/material/Button";
+import { g as ct, L as W, b as N } from "../Localization-CPkpIwIx.mjs";
+import { A as L } from "../Analytics-i5h6BxR1.mjs";
+import lt from "@mui/material/Button";
 import Z from "@mui/material/Divider";
 import Ce from "@mui/material/List";
-import Le from "@mui/material/ListItem";
-import lt from "@mui/material/ListSubheader";
-import dt from "@mui/material/ListItemAvatar";
-import mt from "@mui/material/ListItemButton";
-import ut from "@mui/material/ListItemText";
-import { b as pt } from "../ManageIncome-C0ddaiMR.mjs";
-import { c as Yn, M as Vn, S as Xn } from "../ManageIncome-C0ddaiMR.mjs";
-import { f as M } from "../NumberFormatting-QCaNwbjv.mjs";
+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 pt from "@mui/material/ListItemText";
+import { b as gt } from "../ManageIncome-4Colv0Oz.mjs";
+import { c as Vn, M as Xn, S as qn } from "../ManageIncome-4Colv0Oz.mjs";
+import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
 import { D as ie } from "../Drawer-DV4NTsFg.mjs";
-import { f as L, D as v } from "../DateFormats-BMpMrZpW.mjs";
-import N from "@mui/material/Box";
-import { S as ve } from "../StatusBar-BK_uYHAB.mjs";
+import O from "@mui/material/Box";
+import { S as Le } from "../StatusBar-BK_uYHAB.mjs";
 import { u as oe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
+import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as ae } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as se } from "../Loader-D3rjKx72.mjs";
-import { W as gt } from "../WidgetContainer-BSCjBupR.mjs";
-import { M as ht } from "../MiniWidgetContainer-Cu72GNsE.mjs";
-import { u as ft } from "../useDimensions-CeDR9V8N.mjs";
-import { M as xt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
-const U = {
+import { W as ht } from "../WidgetContainer-Ud1mWn0G.mjs";
+import { M as ft } from "../MiniWidgetContainer-Cu72GNsE.mjs";
+import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
+import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
+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(P, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(Ue, { color: "primary", filled: !0, sx: { fontSize: n, ...U } }) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(
-  je,
+}, 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,
   {
     filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...U }
+    sx: { color: "categories.income", fontSize: n, ...Y }
   }
-) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(we, { color: "error", filled: !0, sx: { fontSize: n, ...U } }) }), me = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...j(t) }, children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...U } }) }), bt = C(
+) }), 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(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: o } = R(), { selectedAccountGuids: i } = H(), { recurrences: c, setSelectedDay: m } = w(), s = x.useMemo(
+    const { recurring: o } = C(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: m } = I(), a = x.useMemo(
       () => c.filter((f) => i.includes(f.accountGuid)),
       [i, c]
     ).filter(
-      (f) => rt(f.occurredOnDate || f.expectedDate, t)
-    ), d = s.some(
-      (f) => f.type !== I.Income && f.status === T.Upcoming
-    ), u = s.some(
-      (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) + (u ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0);
+      (f) => it(f.occurredOnDate || f.expectedDate, t)
+    ), l = a.some(
+      (f) => f.type !== A.Income && f.status === T.Upcoming
+    ), u = 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 = [
+      g && o.paid,
+      u && 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);
     return /* @__PURE__ */ e(
-      it,
+      ot,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ a(F, { children: [
+        badgeContent: a.length > 0 && /* @__PURE__ */ s($, { children: [
           u && /* @__PURE__ */ e(de, { isOffset: !0 }),
           g && /* @__PURE__ */ e(me, { isOffset: !0 }),
-          d && /* @__PURE__ */ e(ce, { isOffset: !0 }),
+          l && /* @__PURE__ */ e(ce, { isOffset: !0 }),
           b && /* @__PURE__ */ e(le, { isOffset: !0 })
         ] }),
         overlap: "circular",
@@ -103,13 +108,9 @@ const U = {
           }
         },
         children: /* @__PURE__ */ e(
-          ot,
+          at,
           {
-            "aria-label": `
-          ${g && o.paid}, 
-          ${u && o.missed}, 
-          ${d && o.upcoming}, 
-          ${b && o.income}`,
+            "aria-label": M,
             day: t,
             onClick: () => m(t),
             outsideCurrentMonth: n,
@@ -126,13 +127,13 @@ const U = {
       }
     );
   }
-), B = ({ icon: t, label: n }) => /* @__PURE__ */ a(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), 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 })
-] }), yt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(
-    l,
+] }), Ct = R(() => {
+  const { recurring: t } = C();
+  return /* @__PURE__ */ s(
+    d,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -141,44 +142,44 @@ const U = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__PURE__ */ e(B, { icon: ce, label: t.expense }),
-        /* @__PURE__ */ e(B, { icon: le, label: t.income }),
-        /* @__PURE__ */ e(B, { icon: de, label: t.missed }),
-        /* @__PURE__ */ e(B, { icon: me, label: t.paid })
+        /* @__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 })
       ]
     }
   );
-}), Re = 58, Ct = () => {
-  const t = st();
+}), Re = 58, Rt = () => {
+  const t = ct();
   return {
-    [k.EN_US]: be,
-    [k.EN_CA]: qe,
-    [k.FR]: Je,
-    [k.FR_CA]: Qe,
-    [k.ES]: Ze
+    [W.EN_US]: be,
+    [W.EN_CA]: Ze,
+    [W.FR]: Qe,
+    [W.FR_CA]: et,
+    [W.ES]: Je
   }[t] || be;
-}, Ee = C(() => {
-  const t = ne(), { onEvent: n } = z(), { selectedDay: r, setDateRange: o } = w(), [i, c] = x.useState(
-    xe(/* @__PURE__ */ new Date()) * O + Re
-  ), m = (u) => {
-    c(xe(u) * O + Re), o({
+}, 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: $(u)
-    }), p(u), n(S.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, p = (u) => {
+      end: B(u)
+    }), a(u), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (u) => {
     u && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
-  }, s = /* @__PURE__ */ e(
-    tt,
+  }, l = /* @__PURE__ */ e(
+    nt,
     {
       minDate: G(/* @__PURE__ */ new Date()),
-      onChange: p,
-      onMonthChange: m,
+      onChange: a,
+      onMonthChange: p,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: bt
+        day: yt
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -204,14 +205,14 @@ const U = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: i
+          minHeight: c
         },
         "&.MuiDateCalendar-root": {
-          minHeight: i + O
+          minHeight: c + k
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
-          height: O,
-          width: O,
+          height: k,
+          width: k,
           margin: 0
         },
         "& .MuiDayCalendar-weekDayLabel": {
@@ -220,45 +221,18 @@ const U = {
         },
         textTransform: "capitalize"
       },
-      value: r,
+      value: o,
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ a(
-    l,
-    {
-      "aria-describedby": "calendar-description",
-      "aria-labelledby": "calendar-label",
-      justifyContent: "center",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            id: "calendar-label",
-            style: {
-              position: "absolute",
-              width: "1px",
-              height: "1px",
-              padding: 0,
-              margin: "-1px",
-              overflow: "hidden",
-              clip: "rect(0, 0, 0, 0)",
-              whiteSpace: "nowrap",
-              border: 0
-            },
-            children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
-          }
-        ),
-        /* @__PURE__ */ a(nt, { adapterLocale: Ct(), dateAdapter: et, children: [
-          r && s,
-          !r && s,
-          /* @__PURE__ */ e(yt, {})
-        ] })
-      ]
-    }
-  );
-}), Rt = (t) => {
-  if (t.type === I.Income)
+  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(rt, { adapterLocale: Rt(), dateAdapter: tt, children: [
+    o && l,
+    !o && l,
+    /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
+    /* @__PURE__ */ e(Ct, {})
+  ] }) });
+}), Tt = (t) => {
+  if (t.type === A.Income)
     return /* @__PURE__ */ e(le, {});
   switch (t.status) {
     case T.Missed:
@@ -268,25 +242,25 @@ const U = {
     default:
       return /* @__PURE__ */ e(ce, {});
   }
-}, Tt = (t, n) => {
+}, Dt = (t, n) => {
   switch (t.status) {
     case T.Paid:
-      return t.expectedDate ? E(
+      return t.expectedDate ? N(
         n.paid_on,
-        L(
+        S(
           t.occurredOnDate || t.expectedDate,
-          v.MONTH_DAY
+          w.MONTH_DAY
         )
       ) : n.paid;
     case T.Missed:
-      return E(
+      return N(
         n.missed_on,
-        L(t.expectedDate, v.MONTH_DAY)
+        S(t.expectedDate, w.MONTH_DAY)
       );
     case T.Upcoming:
-      return E(
+      return N(
         n.upcoming_on,
-        L(t.expectedDate, v.MONTH_DAY)
+        S(t.expectedDate, w.MONTH_DAY)
       );
     default:
       return n.unknown;
@@ -298,38 +272,38 @@ const U = {
   },
   showOrdinal: o = !1
 }) => {
-  const { recurring: i } = R(), { detailedRepeatingTransactions: c } = w(), [m, p] = x.useState(!1), s = x.useMemo(
-    () => c.find((A) => A.guid === t.repeatingTransactionGuid),
+  const { recurring: i } = C(), { detailedRepeatingTransactions: c } = I(), [m, p] = x.useState(!1), a = x.useMemo(
+    () => c.find((M) => M.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), d = t.type === I.Income, u = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
+  ), 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, s || {}, !0) : ye(i, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ a(Le, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(mt, { onClick: () => {
+  return g ? y = i.missed?.toLowerCase() : b && (y = o ? ye(i, a || {}, !0) : ye(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ s(Me, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ s(ut, { onClick: () => {
       p(!0), r(t);
     }, children: [
-      /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(
         te,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ a(
-        l,
+      /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ s(
+        d,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ a(l, { direction: "column", width: "50%", children: [
+            /* @__PURE__ */ s(d, { 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: [
-                Rt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: Tt(t, i) })
-              ] }) : /* @__PURE__ */ a(F, { children: [
+              /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
+                Tt(t),
+                /* @__PURE__ */ e(h, { variant: "caption", children: Dt(t, i) })
+              ] }) : /* @__PURE__ */ s($, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
-                  Xe,
+                  Ve,
                   {
                     alt: `${t.institutionName} institution logo`,
                     institutionGuid: t.institutionGuid,
@@ -339,13 +313,13 @@ const U = {
                 /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__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")
+            /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ s(h, { bold: !0, color: l ? "success.main" : "text.primary", variant: "body1", children: [
+                l ? "+" : "",
+                E(t.amount, "0,0.00")
               ] }),
-              !n && /* @__PURE__ */ a(
-                l,
+              !n && /* @__PURE__ */ s(
+                d,
                 {
                   direction: "row",
                   sx: {
@@ -356,8 +330,8 @@ const U = {
                     width: "100%"
                   },
                   children: [
-                    u && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
-                    g && /* @__PURE__ */ e(we, { color: "error", filled: !0, size: 12 }),
+                    u && /* @__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 })
                   ]
                 }
@@ -373,18 +347,18 @@ const U = {
         ariaLabelClose: i.close_drawer_aria,
         isOpen: m,
         onClose: () => p(!1),
-        title: t.type === I.Income ? i.income_details : i.expense_details,
-        children: s && /* @__PURE__ */ e(
-          pt,
+        title: t.type === A.Income ? i.income_details : i.expense_details,
+        children: a && /* @__PURE__ */ e(
+          gt,
           {
             onDeleted: () => p(!1),
-            recurringTransaction: s
+            recurringTransaction: a
           }
         )
       }
     )
   ] });
-}, W = C(
+}, H = R(
   ({
     recurrences: t,
     isMini: n = !1,
@@ -393,10 +367,10 @@ const U = {
     sx: i = {},
     title: c
   }) => {
-    const { recurring: m } = R(), p = x.useMemo(() => at(t), [t]);
-    return /* @__PURE__ */ a(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
-      c && /* @__PURE__ */ a(
-        l,
+    const { recurring: m } = C(), 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,
         {
           sx: {
             alignItems: "center",
@@ -405,28 +379,28 @@ const U = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(Ie, { bold: !0, variant: "body1", children: c }),
-            r && /* @__PURE__ */ e(ct, { onClick: r, size: "small", variant: "text", children: m.reset })
+            /* @__PURE__ */ e(Xe, { bold: !0, variant: "body1", children: c }),
+            r && /* @__PURE__ */ e(lt, { onClick: r, size: "small", variant: "text", children: m.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((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
+      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: [
         /* @__PURE__ */ e(
           Te,
           {
             isMini: n,
             onRecurrenceClick: o,
-            recurrence: s
+            recurrence: a
           }
         ),
         /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) : p.map((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
-        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
+      ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+        /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
           Ce,
           {
-            subheader: /* @__PURE__ */ e(lt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: L(s.date, v.DAY_OF_WEEK_MONTH_DAY) }) }),
+            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: s.recurrences.map((u, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+            children: a.recurrences.map((u, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
               Te,
               {
                 isMini: n,
@@ -435,79 +409,79 @@ const U = {
               }
             ) }, `day-recurrence-${g}`))
           }
-        ) }, s.id),
+        ) }, a.id),
         /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) })
+      ] }, `recurrence-${l}`)) })
     ] });
   }
-), De = C(
+), De = R(
   ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: m }) => {
-    const p = ne(), { isSmallMobile: s } = oe(), { recurring: d } = R(), u = x.useMemo(() => {
+    const p = ne(), { isSmallMobile: a } = oe(), { recurring: l } = C(), u = 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]);
-    return /* @__PURE__ */ a(l, { children: [
-      /* @__PURE__ */ a(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+    return /* @__PURE__ */ s(d, { children: [
+      /* @__PURE__ */ s(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
         /* @__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 ? "-" : "+"}${M(t, "0,0.00")}` })
+        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${E(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(ve, { data: u, height: 12 }),
-      /* @__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() }),
-        r !== void 0 && /* @__PURE__ */ a(F, { 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(r, "0,0.00") }),
-          /* @__PURE__ */ e(h, { variant: "caption", children: d.missed?.toLowerCase() })
+      /* @__PURE__ */ e(Le, { data: u, 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") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: l.paid?.toLowerCase() }),
+        r !== void 0 && /* @__PURE__ */ s($, { children: [
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(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 } }),
-        !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(m, "0,0.00") }),
-        /* @__PURE__ */ e(h, { variant: "caption", children: d.upcoming })
+        /* @__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") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming })
       ] })
     ] });
   }
-), Dt = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Me(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = z(), {
+), _t = R(() => {
+  const { recurring: t } = C(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = U(), {
     currentMonthExpenses: m,
     currentMonthIncome: p,
-    dateRange: s,
-    expenseTotal: d,
+    dateRange: a,
+    expenseTotal: l,
     incomeTotal: u,
     missedExpenseTotal: g,
     pastRecurrences: b,
     paidExpenseTotal: y,
-    paidIncomeTotal: f,
-    selectedDay: A,
-    selectedDayRecurrences: K,
+    paidIncomeTotal: v,
+    selectedDay: M,
+    selectedDayRecurrences: f,
     setDateRange: _,
-    upcomingExpenseTotal: Y,
-    upcomingIncomeTotal: Ne,
+    upcomingExpenseTotal: K,
+    upcomingIncomeTotal: Ee,
     upcomingRecurrences: ue
-  } = w(), [V, Ge] = x.useState(0), Oe = He(s.start, /* @__PURE__ */ new Date()), ke = (D, Be) => {
-    Ge(Be);
+  } = I(), [V, Ne] = x.useState(0), Oe = $e(a.start, /* @__PURE__ */ new Date()), Ge = (D, He) => {
+    Ne(He);
   }, pe = (D) => {
-    c(S.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+    c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: D.transaction?.guid
     });
   }, ge = (D) => {
-    c(S.RECURRING_TRANSACTIONS_CLICK_PAID, {
+    c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: D.transaction?.guid
     });
-  }, We = () => {
-    const D = Fe(s.start, 1);
+  }, ke = () => {
+    const D = Be(a.start, 1);
     _({
       start: G(D),
-      end: $(D)
+      end: B(D)
     });
-  }, $e = () => {
-    const D = Pe(s.start, 1);
+  }, We = () => {
+    const D = Pe(a.start, 1);
     _({
       start: G(D),
-      end: $(D)
+      end: B(D)
     });
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     X,
     {
       container: !0,
@@ -515,35 +489,35 @@ const U = {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(X, { md: !0, sm: 12, width: "100%", children: [
-          /* @__PURE__ */ a(l, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
-            /* @__PURE__ */ a(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(Ie, { children: E(
+        /* @__PURE__ */ s(X, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ s(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ s(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(qe, { variant: "h3", children: N(
                 t.header_title,
-                L(s.start, v.MONTH_LONG)
+                S(a.start, w.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   he,
                   {
                     color: "primary",
                     disabled: Oe,
-                    onClick: $e,
-                    children: /* @__PURE__ */ e(Ke, {})
+                    onClick: We,
+                    children: /* @__PURE__ */ e(Ye, {})
                   }
                 ),
-                /* @__PURE__ */ e(he, { color: "primary", onClick: We, children: /* @__PURE__ */ e(Ye, {}) })
+                /* @__PURE__ */ e(he, { color: "primary", onClick: ke, children: /* @__PURE__ */ e(je, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
               De,
               {
-                expected: d,
+                expected: l,
                 missed: g,
                 paid: y,
                 title: t.expenses,
                 total: m.length,
-                upcoming: Y
+                upcoming: K
               }
             ),
             /* @__PURE__ */ e(
@@ -551,14 +525,14 @@ const U = {
               {
                 expected: u,
                 isExpense: !1,
-                paid: f,
+                paid: v,
                 title: t.deposits,
                 total: p.length,
-                upcoming: Ne
+                upcoming: Ee
               }
             ),
             r && /* @__PURE__ */ e(
-              W,
+              H,
               {
                 onRecurrenceClick: pe,
                 recurrences: ue,
@@ -566,8 +540,8 @@ const U = {
               }
             )
           ] }),
-          !r && /* @__PURE__ */ a(l, { sx: { px: i ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(ze, { onChange: ke, value: V, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ s(d, { sx: { px: i ? 0 : 24 }, children: [
+            /* @__PURE__ */ s(Fe, { onChange: Ge, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 fe,
                 {
@@ -582,14 +556,14 @@ const U = {
               )
             ] }),
             V === 0 && /* @__PURE__ */ e(
-              W,
+              H,
               {
                 onRecurrenceClick: pe,
                 recurrences: ue
               }
             ),
             V === 1 && /* @__PURE__ */ e(
-              W,
+              H,
               {
                 onRecurrenceClick: ge,
                 recurrences: b
@@ -597,16 +571,16 @@ const U = {
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(X, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
-          /* @__PURE__ */ e(Ee, {}),
+        r && /* @__PURE__ */ e(X, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(d, { gap: 24, children: [
+          /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(
-            W,
+            H,
             {
               onRecurrenceClick: ge,
-              recurrences: K || b,
-              title: A ? E(
+              recurrences: f || b,
+              title: M ? N(
                 t.day_transactions,
-                L(A, v.MONTH_DAY)
+                S(M, w.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -614,37 +588,37 @@ const U = {
       ]
     }
   );
-}), Wn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { recurring: r } = R(), { isInitialized: o, selectedAccountGuids: i } = H(), { isDataLoaded: c, loadRepeatingTransactionData: m, setDateRange: p } = w(), { setFilter: s } = re(), { onEvent: d } = z(), { isMobile: u } = oe(), [g, b] = x.useState(!1);
+}), 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);
   return ae({
     widgetName: "RecurringTransactionsWidget",
     isLoaded: c
   }), x.useEffect(() => {
     c || m().finally();
   }, []), x.useEffect(() => {
-    s({
+    a({
       dateRange: { start: ee(Q(), 90), end: J() },
       accounts: i
-    }), p({ start: G(/* @__PURE__ */ new Date()), end: $(/* @__PURE__ */ new Date()) });
-  }, [i]), o ? /* @__PURE__ */ a(
-    gt,
+    }), p({ start: G(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) });
+  }, [i]), o ? /* @__PURE__ */ s(
+    ht,
     {
       actions: [
         {
           label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            b(!0), d(S.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            b(!0), l(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
       hasDivider: u,
-      onAccountsFilterClick: () => d(S.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onAccountsFilterClick: () => l(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
       title: r.title,
       children: [
-        c ? /* @__PURE__ */ e(Dt, {}) : /* @__PURE__ */ e(Ae, { sx: { m: 48 }, variant: "list" }),
+        c ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           ie,
           {
@@ -659,28 +633,28 @@ const U = {
       ]
     }
   ) : /* @__PURE__ */ e(se, {});
-}), _t = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Me(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = w(), m = n < 750;
-  return /* @__PURE__ */ a(l, { flexDirection: m ? "column" : "row", width: "100%", children: [
-    /* @__PURE__ */ e(Ee, {}),
+}), 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: [
+    /* @__PURE__ */ e(Ae, {}),
     !m && /* @__PURE__ */ e(Z, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
-      W,
+      H,
       {
         isMini: !0,
         onResetClick: r ? () => i(r) : void 0,
         recurrences: o || c.slice(0, 5),
         sx: { width: m ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: r ? E(
+        title: r ? N(
           t.day_transactions,
-          L(r, v.MONTH_DAY)
+          S(r, w.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), $n = C(
+}), Bn = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = R(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = w(), { isInitialized: m, selectedAccountGuids: p } = H();
+    const { recurring: r } = C(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: m, selectedAccountGuids: p } = z();
     return ae({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: i
@@ -692,7 +666,7 @@ const U = {
         accounts: p
       });
     }, [p]), m ? /* @__PURE__ */ e(
-      ht,
+      ft,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
@@ -700,28 +674,28 @@ const U = {
         subTitle: r.sub_title,
         sx: n,
         title: r.mini_title,
-        children: i ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(Ae, { sx: { mx: 16 }, variant: "list" })
+        children: i ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
       }
     ) : /* @__PURE__ */ e(se, {});
   }
-), wt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(Ve, { size: 32 }),
-    /* @__PURE__ */ a(l, { children: [
+), wt = R(() => {
+  const { recurring: t } = C();
+  return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(Ke, { size: 32 }),
+    /* @__PURE__ */ s(d, { children: [
       /* @__PURE__ */ e(q, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(q, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), St = ({
+}), It = ({
   amount: t,
   bgcolor: n,
   isLargeScreen: r,
   isSmallScreen: o,
   label: i
-}) => /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    N,
+    O,
     {
       sx: {
         borderRadius: "2px",
@@ -731,25 +705,25 @@ const U = {
       }
     }
   ),
-  /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: M(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+  /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: E(t, t === 0 || !r ? "0,0" : "0,0.00") }),
     /* @__PURE__ */ e(h, { variant: "caption", children: i })
   ] })
-] }), It = ({
+] }), Mt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: r = 3
 }) => {
   const o = (i) => i * (n / 2);
   return /* @__PURE__ */ e(
-    N,
+    O,
     {
       sx: {
         position: "relative",
         width: 64
       },
       children: t.map((i, c) => c < r ? /* @__PURE__ */ e(
-        N,
+        O,
         {
           sx: {
             borderRadius: "4px",
@@ -772,24 +746,24 @@ const U = {
       ) : null)
     }
   );
-}, Mt = ({
+}, Lt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, o) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, o) => /* @__PURE__ */ e(
   te,
   {
     categoryGuid: r.categoryGuid || "",
     merchantGuid: r.merchantGuid || ""
   },
   `${r.categoryGuid}-${r.merchantGuid}-${o}`
-)) }), Lt = C(() => {
-  const t = ne(), [n, { width: r }] = ft(), {
+)) }), vt = R(() => {
+  const t = ne(), [n, { width: r }] = xt(), {
     upcomingRecurrences: o,
     expenseTotal: i,
     missedExpenseTotal: c,
     paidExpenseTotal: m,
     upcomingExpenseTotal: p
-  } = w(), { recurring: s } = R(), d = r <= 288, u = r >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => M(i, i === 0 ? "0,0" : "0,0.00"), [i]), f = x.useMemo(() => {
+  } = 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(() => {
     const _ = [
       { color: t.palette.success.main, percentage: `${m / i}` }
     ];
@@ -803,37 +777,37 @@ const U = {
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), A = () => b ? d ? /* @__PURE__ */ e(
-    It,
+  ]), M = () => b ? l ? /* @__PURE__ */ e(
+    Mt,
     {
       logoSize: g,
       maxLogos: 3,
       upcomingRecurrences: o.slice(0, 3)
     }
-  ) : /* @__PURE__ */ e(Mt, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), K = [
+  ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), f = [
     {
       amount: m,
       bgColor: "success.main",
-      label: s.paid
+      label: a.paid
     },
     {
       amount: c,
       bgColor: "error.main",
-      label: s.missed
+      label: a.missed
     },
     {
       amount: p,
       bgColor: "border.light",
-      label: s.upcoming
+      label: a.upcoming
     }
   ];
-  return /* @__PURE__ */ a(F, { children: [
-    /* @__PURE__ */ a(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ a(
-        l,
+  return /* @__PURE__ */ s($, { children: [
+    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ s(
+        d,
         {
           sx: [
-            y.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            y.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -846,20 +820,20 @@ const U = {
               h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && d ? "H3" : "H2",
+                variant: y.length >= 10 && l ? "H3" : "H2",
                 children: y
               }
             ),
-            /* @__PURE__ */ e(q, { sx: { pr: 12 }, variant: "XSmall", children: s.expected })
+            /* @__PURE__ */ e(q, { sx: { pr: 12 }, variant: "XSmall", children: a.expected })
           ]
         }
       ),
-      A()
+      M()
     ] }),
-    /* @__PURE__ */ a(l, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(ve, { data: f }),
+    /* @__PURE__ */ s(d, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(Le, { data: v }),
       /* @__PURE__ */ e(
-        l,
+        d,
         {
           sx: {
             alignItems: "center",
@@ -867,66 +841,66 @@ const U = {
             gap: 16,
             mt: 4
           },
-          children: K.map((_, Y) => /* @__PURE__ */ e(
-            St,
+          children: f.map((_, K) => /* @__PURE__ */ e(
+            It,
             {
               amount: _.amount,
               bgcolor: _.bgColor,
               isLargeScreen: u,
-              isSmallScreen: d,
+              isSmallScreen: l,
               label: _.label
             },
-            `recurrence-legend-${Y}`
+            `recurrence-legend-${K}`
           ))
         }
       )
     ] })
   ] });
-}), Bn = C(
+}), Pn = R(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = z(), { isInitialized: r, selectedAccountGuids: o } = H(), {
+    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: o } = z(), {
       loadRepeatingTransactionData: i,
       upcomingRecurrences: c,
       repeatingTransactions: m,
       setDateRange: p,
-      isDataLoaded: s
-    } = w(), { setFilter: d } = re(), { recurring: u, budgets: g } = R();
+      isDataLoaded: a
+    } = I(), { setFilter: l } = re(), { recurring: u, budgets: g } = C();
     ae({
       widgetName: "RecurringTransactionsMicroWidget",
-      isLoaded: s
+      isLoaded: a
     }), x.useEffect(() => {
-      s || i().finally(() => {
-        n(S.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      a || i().finally(() => {
+        n(L.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      r && (d({
+      r && (l({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: o
-      }), p({ start: G(/* @__PURE__ */ new Date()), end: $(/* @__PURE__ */ new Date()) }));
+      }), p({ start: G(/* @__PURE__ */ new Date()), end: B(/* @__PURE__ */ new Date()) }));
     }, [r, o]);
     const b = () => {
       n(
-        c.length > 0 ? S.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : S.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        c.length > 0 ? L.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : L.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!r || !s) return /* @__PURE__ */ e(se, { height: 100 });
+    if (!r || !a) return /* @__PURE__ */ e(se, { height: 100 });
     const y = !m?.length;
     return /* @__PURE__ */ e(
-      xt,
+      bt,
       {
         className: "mx-recurring-transaction-microwidget",
         ctaLabel: y ? g.get_started_cta : u.primary_cta,
         onCTAClick: b,
         title: u.recurring_expenses,
-        children: y ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(Lt, {})
+        children: y ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
       }
     );
   }
-), Fn = C(
+), $n = R(
   ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: o } = R();
+    const { cashflow: o } = C();
     return /* @__PURE__ */ e(
       ie,
       {
@@ -940,14 +914,14 @@ const U = {
   }
 );
 export {
-  Yn as AddRecurringTransactionDetails,
-  zn as ManageExpenses,
-  Vn as ManageIncome,
+  Vn as AddRecurringTransactionDetails,
+  Un as ManageExpenses,
+  Xn as ManageIncome,
   _e as RecurringSettings,
-  Fn as RecurringSettingsDrawer,
-  Bn as RecurringTransactionsMicroWidget,
-  $n as RecurringTransactionsMiniWidget,
+  $n as RecurringSettingsDrawer,
+  Pn as RecurringTransactionsMicroWidget,
+  Bn as RecurringTransactionsMiniWidget,
   jn as RecurringTransactionsStore,
-  Wn as RecurringTransactionsWidget,
-  Xn as SelectTransaction
+  Hn as RecurringTransactionsWidget,
+  qn as SelectTransaction
 };