@mx-cartographer/experiences 7.13.21 → 7.13.22-alpha.al0

package/dist/recurringtransactions/index.es.js

@@ -1,26 +1,26 @@
 import { jsx as e, jsxs as s, Fragment as B } from "react/jsx-runtime";
 import x from "react";
-import { observer as R } from "mobx-react-lite";
+import { observer as y } from "mobx-react-lite";
 import { endOfMonth as H } from "date-fns/endOfMonth";
 import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-Dyj3i0ZJ.mjs";
-import { M as Un } from "../RecurringSettings-Dyj3i0ZJ.mjs";
+import { R as _e } from "../RecurringSettings-DNko1CD0.mjs";
+import { M as Un } from "../RecurringSettings-DNko1CD0.mjs";
 import { addMonths as He } 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 he from "@mui/material/IconButton";
-import d from "@mui/material/Stack";
-import fe from "@mui/material/Tab";
+import ge from "@mui/material/IconButton";
+import l from "@mui/material/Stack";
+import he from "@mui/material/Tab";
 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 qe, H2 as Ze, P as Z } from "@mxenabled/mxui";
-import { getWeeksInMonth as xe } from "date-fns/getWeeksInMonth";
+import { Schedule as ze, MonetizationOn as Ue, Cancel as De, CheckCircle as Se, ChevronLeft as Ye, ChevronRight as je, CurrencyExchange as Ke } from "@mxenabled/mx-icons";
+import { Text as g, MerchantLogo as te, InstitutionLogo as Ve, H3 as qe, H2 as Ze, P as Z } from "@mxenabled/mxui";
+import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
 import { enCA as Xe } from "date-fns/locale/en-CA";
-import { enUS as be } from "date-fns/locale/en-US";
+import { enUS as xe } from "date-fns/locale/en-US";
 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";
@@ -32,8 +32,8 @@ 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 y, b as z, i as I, g as U, p as Ie, h as re } from "../hooks-BxkfR-Ff.mjs";
-import { d as A, c as D, g as Ce, f as st } from "../RecurringTransactions-tayG19Wn.mjs";
+import { u as C, b as z, i as I, f as U, p as we, h as re } from "../hooks-DOWEalfb.mjs";
+import { d as A, c as T, g as be, f as st } from "../RecurringTransactions-tayG19Wn.mjs";
 import { f as S, D as w } from "../DateFormats-BMpMrZpW.mjs";
 import { T as G } from "../RecurringTransactionsStore-Dpl39vbj.mjs";
 import { R as jn } from "../RecurringTransactionsStore-Dpl39vbj.mjs";
@@ -41,31 +41,31 @@ import { g as ct, L as W, b as N } from "../Localization-CPkpIwIx.mjs";
 import { A as L } from "../Analytics-BYItVAe-.mjs";
 import lt from "@mui/material/Button";
 import X from "@mui/material/Divider";
-import ye from "@mui/material/List";
-import Me from "@mui/material/ListItem";
+import Ce from "@mui/material/List";
+import Ie from "@mui/material/ListItem";
 import dt from "@mui/material/ListSubheader";
 import ut from "@mui/material/ListItemAvatar";
 import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
-import { b as gt } from "../ManageIncome-B1j-AzI1.mjs";
-import { c as Vn, M as qn, S as Zn } from "../ManageIncome-B1j-AzI1.mjs";
+import { b as gt } from "../ManageIncome-DWVaWpCT.mjs";
+import { c as Vn, M as qn, S as Zn } from "../ManageIncome-DWVaWpCT.mjs";
 import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
 import { D as ie } from "../Drawer-Bbe4AMB1.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 Me } from "../StatusBar-BK_uYHAB.mjs";
+import { u as Le } from "../useScreenSize-B6JyS_Lj.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 ht } from "../WidgetContainer-B7xDq2bM.mjs";
-import { M as ft } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { u as oe } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
+import { L as ae } from "../Loader-D3rjKx72.mjs";
+import { W as ht } from "../WidgetContainerV2-BjOelON7.mjs";
+import { M as ft } from "../MiniWidgetContainer-BKPN3c-6.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
-import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
+import { M as bt } from "../MicroWidgetContainer-CTMkXRJM.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(
+}, j = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
   F,
   {
     backingSx: { backgroundColor: "background.paper" },
@@ -73,7 +73,7 @@ const Y = {
     sx: { ...j(t) },
     children: /* @__PURE__ */ e(ze, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } })
   }
-), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
   F,
   {
     backingSx: { backgroundColor: "background.paper" },
@@ -87,55 +87,55 @@ const Y = {
       }
     )
   }
-), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
   F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
     sx: { ...j(t) },
-    children: /* @__PURE__ */ e(Se, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
+    children: /* @__PURE__ */ e(De, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
   }
-), ue = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
   F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
     sx: { ...j(t) },
-    children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
+    children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
   }
-), Ct = R(
+), Ct = y(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: o } = y(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
+    const { recurring: o } = C(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
       () => c.filter((f) => i.includes(f.accountGuid)),
       [i, c]
     ).filter(
       (f) => it(f.occurredOnDate || f.expectedDate, t)
-    ), l = a.some(
-      (f) => f.type !== A.Income && f.status === D.Upcoming
+    ), d = a.some(
+      (f) => f.type !== A.Income && f.status === T.Upcoming
     ), m = a.some(
-      (f) => f.type !== A.Income && f.status === D.Missed
-    ), g = a.some(
-      (f) => f.type !== A.Income && f.status === D.Paid
-    ), b = a.some((f) => f.type === A.Income), C = (l ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0), v = [
-      g && o.paid,
+      (f) => f.type !== A.Income && f.status === T.Missed
+    ), h = a.some(
+      (f) => f.type !== A.Income && f.status === T.Paid
+    ), R = a.some((f) => f.type === A.Income), b = (d ? 1 : 0) + (m ? 1 : 0) + (h ? 1 : 0) + (R ? 1 : 0), v = [
+      h && o.paid,
       m && o.missed,
-      l && o.upcoming,
-      b && o.income
+      d && o.upcoming,
+      R && 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(
       ot,
       {
         badgeContent: a.length > 0 && /* @__PURE__ */ s(B, { children: [
-          m && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          g && /* @__PURE__ */ e(ue, { isOffset: !0 }),
-          l && /* @__PURE__ */ e(ce, { isOffset: !0 }),
-          b && /* @__PURE__ */ e(le, { isOffset: !0 })
+          m && /* @__PURE__ */ e(le, { isOffset: !0 }),
+          h && /* @__PURE__ */ e(de, { isOffset: !0 }),
+          d && /* @__PURE__ */ e(se, { isOffset: !0 }),
+          R && /* @__PURE__ */ e(ce, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
           "& .MuiBadge-badge": {
             padding: 0,
-            marginRight: `${(C - 1) * 6 + 1}px`,
+            marginRight: `${(b - 1) * 6 + 1}px`,
             flexWrap: "nowrap"
           }
         },
@@ -159,13 +159,13 @@ const Y = {
       }
     );
   }
-), $ = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), $ = ({ icon: t, label: n }) => /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(h, { variant: "caption", children: n })
-] }), yt = R(() => {
-  const { recurring: t } = y();
+  /* @__PURE__ */ e(g, { variant: "caption", children: n })
+] }), yt = y(() => {
+  const { recurring: t } = C();
   return /* @__PURE__ */ s(
-    d,
+    l,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -174,36 +174,36 @@ const Y = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__PURE__ */ e($, { icon: ce, label: t.expense }),
-        /* @__PURE__ */ e($, { icon: le, label: t.income }),
-        /* @__PURE__ */ e($, { icon: de, label: t.missed }),
-        /* @__PURE__ */ e($, { icon: ue, label: t.paid })
+        /* @__PURE__ */ e($, { icon: se, label: t.expense }),
+        /* @__PURE__ */ e($, { icon: ce, label: t.income }),
+        /* @__PURE__ */ e($, { icon: le, label: t.missed }),
+        /* @__PURE__ */ e($, { icon: de, label: t.paid })
       ]
     }
   );
-}), Re = 58, Rt = () => {
+}), ye = 58, Rt = () => {
   const t = ct();
   return {
-    [W.EN_US]: be,
+    [W.EN_US]: xe,
     [W.EN_CA]: Xe,
     [W.FR]: Qe,
     [W.FR_CA]: et,
     [W.ES]: Je
-  }[t] || be;
-}, Ae = R(() => {
-  const t = ne(), { onEvent: n } = U(), { recurring: r } = y(), { selectedDay: o, setDateRange: i } = I(), [c, u] = x.useState(
-    xe(/* @__PURE__ */ new Date()) * G + Re
+  }[t] || xe;
+}, Ae = y(() => {
+  const t = ne(), { onEvent: n } = U(), { recurring: r } = C(), { selectedDay: o, setDateRange: i } = I(), [c, u] = x.useState(
+    fe(/* @__PURE__ */ new Date()) * G + ye
   ), p = (m) => {
-    u(xe(m) * G + Re), i({
+    u(fe(m) * G + ye), i({
       start: k(m),
       end: H(m)
     }), a(m), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
   }, a = (m) => {
     m && requestAnimationFrame(() => {
-      const g = document.getElementById("recurrence-list");
-      g?.setAttribute("tabindex", "-1"), g?.focus();
+      const h = document.getElementById("recurrence-list");
+      h?.setAttribute("tabindex", "-1"), h?.focus();
     });
-  }, l = /* @__PURE__ */ e(
+  }, d = /* @__PURE__ */ e(
     nt,
     {
       minDate: k(/* @__PURE__ */ new Date()),
@@ -260,26 +260,26 @@ const Y = {
       views: ["day"]
     }
   );
-  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 }),
+  return /* @__PURE__ */ e(l, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(rt, { adapterLocale: Rt(), dateAdapter: tt, children: [
+    o && d,
+    !o && d,
+    /* @__PURE__ */ e(g, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
     /* @__PURE__ */ e(yt, {})
   ] }) });
-}), Dt = (t) => {
+}), Tt = (t) => {
   if (t.type === A.Income)
-    return /* @__PURE__ */ e(le, {});
+    return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
-    case D.Missed:
+    case T.Missed:
+      return /* @__PURE__ */ e(le, {});
+    case T.Paid:
       return /* @__PURE__ */ e(de, {});
-    case D.Paid:
-      return /* @__PURE__ */ e(ue, {});
     default:
-      return /* @__PURE__ */ e(ce, {});
+      return /* @__PURE__ */ e(se, {});
   }
-}, Tt = (t, n) => {
+}, _t = (t, n) => {
   switch (t.status) {
-    case D.Paid:
+    case T.Paid:
       return t.expectedDate ? N(
         n.paid_on,
         S(
@@ -287,12 +287,12 @@ const Y = {
           w.MONTH_DAY
         )
       ) : n.paid;
-    case D.Missed:
+    case T.Missed:
       return N(
         n.missed_on,
         S(t.expectedDate, w.MONTH_DAY)
       );
-    case D.Upcoming:
+    case T.Upcoming:
       return N(
         n.upcoming_on,
         S(t.expectedDate, w.MONTH_DAY)
@@ -300,20 +300,20 @@ const Y = {
     default:
       return n.unknown;
   }
-}, De = ({
+}, Re = ({
   recurrence: t,
   isMini: n = !1,
   onRecurrenceClick: r = () => {
   },
   showOrdinal: o = !1
 }) => {
-  const { recurring: i } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
+  const { recurring: i } = C(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
     () => c.find((M) => M.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), l = t.type === A.Income, m = t.status === D.Paid, g = t.status === D.Missed, b = t.status === D.Upcoming;
-  let C = i.paid?.toLowerCase();
-  return g ? C = i.missed?.toLowerCase() : b && (C = o ? Ce(i, a || {}, !0) : Ce(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ s(Me, { disableGutters: !0, disablePadding: !0, children: [
+  ), d = t.type === A.Income, m = t.status === T.Paid, h = t.status === T.Missed, R = t.status === T.Upcoming;
+  let b = i.paid?.toLowerCase();
+  return h ? b = i.missed?.toLowerCase() : R && (b = o ? be(i, a || {}, !0) : be(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ s(Ie, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ s(mt, { onClick: () => {
       p(!0), r(t);
     }, children: [
@@ -325,17 +325,17 @@ const Y = {
         }
       ) }),
       /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ s(
-        d,
+        l,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ s(d, { direction: "column", width: "50%", children: [
-              /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
-                Dt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: Tt(t, i) })
+            /* @__PURE__ */ s(l, { direction: "column", width: "50%", children: [
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: t.name }),
+              /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(l, { direction: "row", gap: 4, children: [
+                Tt(t),
+                /* @__PURE__ */ e(g, { variant: "caption", children: _t(t, i) })
               ] }) : /* @__PURE__ */ s(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ve,
@@ -345,16 +345,16 @@ const Y = {
                     size: 12
                   }
                 ),
-                /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
+                /* @__PURE__ */ e(g, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ s(h, { bold: !0, color: l ? "success.main" : "text.primary", variant: "body1", children: [
-                l ? "+" : "",
+            /* @__PURE__ */ s(l, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ s(g, { bold: !0, color: d ? "success.main" : "text.primary", variant: "body1", children: [
+                d ? "+" : "",
                 E(t.amount, "0,0.00")
               ] }),
               !n && /* @__PURE__ */ s(
-                d,
+                l,
                 {
                   direction: "row",
                   sx: {
@@ -365,9 +365,9 @@ const Y = {
                     width: "100%"
                   },
                   children: [
-                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
-                    g && /* @__PURE__ */ e(Se, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: C })
+                    m && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
+                    h && /* @__PURE__ */ e(De, { color: "error", filled: !0, size: 12 }),
+                    /* @__PURE__ */ e(g, { bold: !0, color: "text.secondary", variant: "caption", children: b })
                   ]
                 }
               )
@@ -393,7 +393,7 @@ const Y = {
       }
     )
   ] });
-}, P = R(
+}, P = y(
   ({
     recurrences: t,
     isMini: n = !1,
@@ -402,10 +402,10 @@ const Y = {
     sx: i = {},
     title: c
   }) => {
-    const { recurring: u } = y(), p = x.useMemo(() => st(t), [t]);
-    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
+    const { recurring: u } = C(), p = x.useMemo(() => st(t), [t]);
+    return /* @__PURE__ */ s(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
       c && /* @__PURE__ */ s(
-        d,
+        l,
         {
           sx: {
             alignItems: "center",
@@ -419,9 +419,9 @@ const Y = {
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(ye, { children: n ? t.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(g, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(Ce, { children: n ? t.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
-          De,
+          Re,
           {
             isMini: n,
             onRecurrenceClick: o,
@@ -429,91 +429,91 @@ const Y = {
           }
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
-        /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
-          ye,
+      ] }, `recurrence-${d}`)) : p.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
+        /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(
+          Ce,
           {
-            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) }) }),
+            subheader: /* @__PURE__ */ e(dt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(g, { bold: !0, variant: "caption", children: S(a.date, w.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: a.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
-              De,
+            children: a.recurrences.map((m, h) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+              Re,
               {
                 isMini: n,
                 onRecurrenceClick: o,
                 recurrence: m
               }
-            ) }, `day-recurrence-${g}`))
+            ) }, `day-recurrence-${h}`))
           }
         ) }, a.id),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) })
+      ] }, `recurrence-${d}`)) })
     ] });
   }
-), Te = R(
+), Te = y(
   ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: u }) => {
-    const p = ne(), { isSmallMobile: a } = oe(), { recurring: l } = y(), m = x.useMemo(() => {
-      const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
-      return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
+    const p = ne(), { isSmallMobile: a } = Le(), { recurring: d } = C(), m = x.useMemo(() => {
+      const h = [{ color: p.palette.success.main, percentage: `${o / t}` }];
+      return r && h.push({ color: p.palette.error.main, percentage: `${r / t}` }), h;
     }, [o, t, r]);
-    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 ? "-" : "+"}${E(t, "0,0.00")}` })
+    return /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ s(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: `${i} (${c})` }),
+        /* @__PURE__ */ e(g, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${E(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Le, { data: m, height: 12 }),
-      /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+      /* @__PURE__ */ e(Me, { data: m, height: 12 }),
+      /* @__PURE__ */ s(l, { 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() }),
+        !a && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: E(o, "0,0.00") }),
+        /* @__PURE__ */ e(g, { variant: "caption", children: d.paid?.toLowerCase() }),
         r !== void 0 && /* @__PURE__ */ s(B, { 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() })
+          !a && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: E(r, "0,0.00") }),
+          /* @__PURE__ */ e(g, { variant: "caption", children: d.missed?.toLowerCase() })
         ] }),
         /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(u, "0,0.00") }),
-        /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming?.toLowerCase() })
+        !a && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: E(u, "0,0.00") }),
+        /* @__PURE__ */ e(g, { variant: "caption", children: d.upcoming?.toLowerCase() })
       ] })
     ] });
   }
-), _t = R(() => {
-  const { recurring: t } = y(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = U(), {
+), Dt = y(() => {
+  const { recurring: t } = C(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: o, isMobile: i } = Le(n), { onEvent: c } = U(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: a,
-    expenseTotal: l,
+    expenseTotal: d,
     incomeTotal: m,
-    missedExpenseTotal: g,
-    pastRecurrences: b,
-    paidExpenseTotal: C,
+    missedExpenseTotal: h,
+    pastRecurrences: R,
+    paidExpenseTotal: b,
     paidIncomeTotal: v,
     selectedDay: M,
     selectedDayRecurrences: f,
-    setDateRange: _,
+    setDateRange: D,
     upcomingExpenseTotal: K,
     upcomingIncomeTotal: Ee,
-    upcomingRecurrences: me
-  } = I(), [V, Ne] = x.useState(0), Oe = Be(a.start, /* @__PURE__ */ new Date()), ke = (T, Pe) => {
+    upcomingRecurrences: ue
+  } = I(), [V, Ne] = x.useState(0), Oe = Be(a.start, /* @__PURE__ */ new Date()), ke = (_, Pe) => {
     Ne(Pe);
-  }, pe = (T) => {
+  }, me = (_) => {
     c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: T.transaction?.guid
+      transaction_guid: _.transaction?.guid
     });
-  }, ge = (T) => {
+  }, pe = (_) => {
     c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: T.transaction?.guid
+      transaction_guid: _.transaction?.guid
     });
   }, Ge = () => {
-    const T = He(a.start, 1);
-    _({
-      start: k(T),
-      end: H(T)
+    const _ = He(a.start, 1);
+    D({
+      start: k(_),
+      end: H(_)
     });
   }, We = () => {
-    const T = $e(a.start, 1);
-    _({
-      start: k(T),
-      end: H(T)
+    const _ = $e(a.start, 1);
+    D({
+      start: k(_),
+      end: H(_)
     });
   };
   return /* @__PURE__ */ s(
@@ -525,15 +525,15 @@ const Y = {
       },
       children: [
         /* @__PURE__ */ s(q, { 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__ */ s(l, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ s(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(Ze, { variant: "h3", children: N(
                 t.header_title,
                 S(a.start, w.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ s(l, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
-                  he,
+                  ge,
                   {
                     color: "primary",
                     disabled: Oe,
@@ -541,15 +541,15 @@ const Y = {
                     children: /* @__PURE__ */ e(Ye, {})
                   }
                 ),
-                /* @__PURE__ */ e(he, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
+                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
               Te,
               {
-                expected: l,
-                missed: g,
-                paid: C,
+                expected: d,
+                missed: h,
+                paid: b,
                 title: t.expenses,
                 total: u.length,
                 upcoming: K
@@ -569,50 +569,50 @@ const Y = {
             r && /* @__PURE__ */ e(
               P,
               {
-                onRecurrenceClick: pe,
-                recurrences: me,
+                onRecurrenceClick: me,
+                recurrences: ue,
                 title: t.upcoming_activity
               }
             )
           ] }),
-          !r && /* @__PURE__ */ s(d, { sx: { px: i ? 0 : 24 }, children: [
+          !r && /* @__PURE__ */ s(l, { sx: { px: i ? 0 : 24 }, children: [
             /* @__PURE__ */ s(Fe, { onChange: ke, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
-                fe,
+                he,
                 {
-                  label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
-                fe,
+                he,
                 {
-                  label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.past : t.past_transactions })
                 }
               )
             ] }),
             V === 0 && /* @__PURE__ */ e(
               P,
               {
-                onRecurrenceClick: pe,
-                recurrences: me
+                onRecurrenceClick: me,
+                recurrences: ue
               }
             ),
             V === 1 && /* @__PURE__ */ e(
               P,
               {
-                onRecurrenceClick: ge,
-                recurrences: b
+                onRecurrenceClick: pe,
+                recurrences: R
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(d, { gap: 24, children: [
+        r && /* @__PURE__ */ e(q, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(l, { gap: 24, children: [
           /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(
             P,
             {
-              onRecurrenceClick: ge,
-              recurrences: f || b,
+              onRecurrenceClick: pe,
+              recurrences: f || R,
               title: M ? N(
                 t.day_transactions,
                 S(M, w.MONTH_DAY)
@@ -623,54 +623,52 @@ const Y = {
       ]
     }
   );
-}), Pn = R(({ onBackClick: t, sx: n = {} }) => {
-  const { recurring: r } = y(), { isInitialized: o, selectedAccountGuids: i } = z(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = I(), { setFilter: a } = re(), { onEvent: l } = U(), { isMobile: m } = oe(), [g, b] = x.useState(!1);
-  return ae({
+}), Pn = y(({ onBackClick: t }) => {
+  const { recurring: n } = C(), { isInitialized: r, selectedAccountGuids: o } = z(), { isDataLoaded: i, loadRepeatingTransactionData: c, setDateRange: u } = I(), { setFilter: p } = re(), { onEvent: a } = U(), [d, m] = x.useState(!1);
+  return oe({
     widgetName: "RecurringTransactionsWidget",
-    isLoaded: c
+    isLoaded: i
   }), x.useEffect(() => {
-    c || u().finally();
+    i || c().finally();
   }, []), x.useEffect(() => {
-    a({
+    p({
       dateRange: { start: ee(Q(), 90), end: J() },
-      accounts: i
-    }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) });
-  }, [i]), o ? /* @__PURE__ */ s(
+      accounts: o
+    }), u({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) });
+  }, [o]), r ? /* @__PURE__ */ s(
     ht,
     {
       actions: [
         {
-          label: r.action_title,
+          label: n.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            b(!0), l(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            m(!0), a(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
-      hasDivider: m,
-      onAccountsFilterClick: () => l(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onAccountsFilterClick: () => a(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
-      sx: n,
-      title: r.title,
+      title: n.title,
       children: [
-        c ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
+        i ? /* @__PURE__ */ e(Dt, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           ie,
           {
-            ariaLabelClose: r.close_drawer_aria,
-            isOpen: g,
-            onClose: () => b(!1),
+            ariaLabelClose: n.close_drawer_aria,
+            isOpen: d,
+            onClose: () => m(!1),
             shouldShowHeaderBorders: !1,
-            title: r.action_title,
+            title: n.action_title,
             children: /* @__PURE__ */ e(_e, {})
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(se, {});
-}), St = R(() => {
-  const { recurring: t } = y(), { availableWidth: n } = Ie(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = I(), u = n < 750;
-  return /* @__PURE__ */ s(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
+  ) : /* @__PURE__ */ e(ae, {});
+}), St = y(() => {
+  const { recurring: t } = C(), { availableWidth: n } = we(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = I(), u = n < 750;
+  return /* @__PURE__ */ s(l, { flexDirection: u ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Ae, {}),
     !u && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
@@ -687,10 +685,10 @@ const Y = {
       }
     )
   ] });
-}), Hn = R(
+}), Hn = y(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = y(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = z();
-    return ae({
+    const { recurring: r } = C(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = z();
+    return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: i
     }), x.useEffect(() => {
@@ -712,13 +710,13 @@ const Y = {
         title: r.mini_title,
         children: i ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
       }
-    ) : /* @__PURE__ */ e(se, {});
+    ) : /* @__PURE__ */ e(ae, {});
   }
-), wt = R(() => {
-  const { recurring: t } = y();
-  return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+), wt = y(() => {
+  const { recurring: t } = C();
+  return /* @__PURE__ */ s(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Ke, { size: 32 }),
-    /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ s(l, { children: [
       /* @__PURE__ */ e(Z, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(Z, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
@@ -729,7 +727,7 @@ const Y = {
   isLargeScreen: r,
   isSmallScreen: o,
   label: i
-}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+}) => /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     O,
     {
@@ -741,9 +739,9 @@ const Y = {
       }
     }
   ),
-  /* @__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 })
+  /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !o && /* @__PURE__ */ e(g, { bold: !0, variant: "caption", children: E(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(g, { variant: "caption", children: i })
   ] })
 ] }), Mt = ({
   upcomingRecurrences: t,
@@ -785,42 +783,42 @@ const Y = {
 }, Lt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, o) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(l, { 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}`
-)) }), vt = R(() => {
+)) }), vt = y(() => {
   const t = ne(), [n, { width: r }] = xt(), {
     upcomingRecurrences: o,
     expenseTotal: i,
     missedExpenseTotal: c,
     paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = I(), { recurring: a } = y(), l = r <= 288, m = r >= 450, g = 32, b = o.length > 0, C = x.useMemo(() => E(i, i === 0 ? "0,0" : "0,0.00"), [i]), v = x.useMemo(() => {
-    const _ = [
+  } = I(), { recurring: a } = C(), d = r <= 288, m = r >= 450, h = 32, R = o.length > 0, b = x.useMemo(() => E(i, i === 0 ? "0,0" : "0,0.00"), [i]), v = x.useMemo(() => {
+    const D = [
       { color: t.palette.success.main, percentage: `${u / i}` }
     ];
-    return c && _.push({
+    return c && D.push({
       color: t.palette.error.main,
       percentage: `${c / i}`
-    }), _;
+    }), D;
   }, [
     u,
     i,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), M = () => b ? l ? /* @__PURE__ */ e(
+  ]), M = () => R ? d ? /* @__PURE__ */ e(
     Mt,
     {
-      logoSize: g,
+      logoSize: h,
       maxLogos: 3,
       upcomingRecurrences: o.slice(0, 3)
     }
-  ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), f = [
+  ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), f = [
     {
       amount: u,
       bgColor: "success.main",
@@ -838,12 +836,12 @@ const Y = {
     }
   ];
   return /* @__PURE__ */ s(B, { children: [
-    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ s(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ s(
-        d,
+        l,
         {
           sx: [
-            C.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            b.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -853,11 +851,11 @@ const Y = {
           ],
           children: [
             /* @__PURE__ */ e(
-              h,
+              g,
               {
                 sx: { width: "100%" },
-                variant: C.length >= 10 && l ? "h3" : "h2",
-                children: C
+                variant: b.length >= 10 && d ? "h3" : "h2",
+                children: b
               }
             ),
             /* @__PURE__ */ e(Z, { sx: { pr: 12 }, variant: "caption", children: a.expected })
@@ -866,10 +864,10 @@ const Y = {
       ),
       M()
     ] }),
-    /* @__PURE__ */ s(d, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(Le, { data: v }),
+    /* @__PURE__ */ s(l, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(Me, { data: v }),
       /* @__PURE__ */ e(
-        d,
+        l,
         {
           sx: {
             alignItems: "center",
@@ -877,14 +875,14 @@ const Y = {
             gap: 16,
             mt: 4
           },
-          children: f.map((_, K) => /* @__PURE__ */ e(
+          children: f.map((D, K) => /* @__PURE__ */ e(
             It,
             {
-              amount: _.amount,
-              bgcolor: _.bgColor,
+              amount: D.amount,
+              bgcolor: D.bgColor,
               isLargeScreen: m,
-              isSmallScreen: l,
-              label: _.label
+              isSmallScreen: d,
+              label: D.label
             },
             `recurrence-legend-${K}`
           ))
@@ -892,7 +890,7 @@ const Y = {
       )
     ] })
   ] });
-}), $n = R(
+}), $n = y(
   ({ onCTAClick: t }) => {
     const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: o } = z(), {
       loadRepeatingTransactionData: i,
@@ -900,8 +898,8 @@ const Y = {
       repeatingTransactions: u,
       setDateRange: p,
       isDataLoaded: a
-    } = I(), { setFilter: l } = re(), { recurring: m, budgets: g } = y();
-    ae({
+    } = I(), { setFilter: d } = re(), { recurring: m, budgets: h } = C();
+    oe({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
     }), x.useEffect(() => {
@@ -911,32 +909,32 @@ const Y = {
         });
       });
     }, []), x.useEffect(() => {
-      r && (l({
+      r && (d({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: o
       }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) }));
     }, [r, o]);
-    const b = () => {
+    const R = () => {
       n(
         c.length > 0 ? L.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : L.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!r || !a) return /* @__PURE__ */ e(se, { height: 100 });
-    const C = !u?.length;
+    if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
+    const b = !u?.length;
     return /* @__PURE__ */ e(
       bt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: C ? g.get_started_cta : m.primary_cta,
-        onCTAClick: b,
+        ctaLabel: b ? h.get_started_cta : m.primary_cta,
+        onCTAClick: R,
         title: m.recurring_expenses,
-        children: C ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
+        children: b ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
       }
     );
   }
-), Bn = R(
+), Bn = y(
   ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: o } = y();
+    const { cashflow: o } = C();
     return /* @__PURE__ */ e(
       ie,
       {