@mx-cartographer/experiences 8.0.18 → 8.0.20

package/dist/recurringtransactions/index.es.js

@@ -6,21 +6,21 @@ 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-DJIUgK5A.mjs";
-import { M as Yn } from "../RecurringSettings-DJIUgK5A.mjs";
+import { R as Te } from "../RecurringSettings-DnD0AqWa.mjs";
+import { M as Yn } from "../RecurringSettings-DnD0AqWa.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 { Schedule as ze, MonetizationOn as Ue, Cancel as _e, CheckCircle as Se, 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 { 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,7 +32,7 @@ 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 { u as y, b as z, i as I, g as U, p as we, h as re } from "../hooks-BxkfR-Ff.mjs";
 import { b as A, a as D } from "../RepeatingTransaction-DF4vJn_v.mjs";
 import { f as S, D as w } from "../DateFormats-BMpMrZpW.mjs";
 import { T as G } from "../RecurringTransactionsStore-BE_eUfTC.mjs";
@@ -41,24 +41,24 @@ import { g as st, L as W, b as N } from "../Localization-CPkpIwIx.mjs";
 import { A as L } from "../Analytics-0Xm_BjHU.mjs";
 import ct from "@mui/material/Button";
 import X from "@mui/material/Divider";
-import Ce from "@mui/material/List";
-import Me from "@mui/material/ListItem";
+import be from "@mui/material/List";
+import Ie from "@mui/material/ListItem";
 import lt from "@mui/material/ListSubheader";
-import { g as ye, d as dt } from "../RecurringTransactions-BbZ6MQsX.mjs";
+import { g as Ce, d as dt } from "../RecurringTransactions-BbZ6MQsX.mjs";
 import ut from "@mui/material/ListItemAvatar";
 import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
-import { b as gt } from "../ManageIncome-CvfRTf-j.mjs";
-import { c as qn, M as Zn, S as Xn } from "../ManageIncome-CvfRTf-j.mjs";
+import { b as gt } from "../ManageIncome-BJ7c7plg.mjs";
+import { c as qn, M as Zn, S as Xn } from "../ManageIncome-BJ7c7plg.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-CUcpY7aJ.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-D-pbSa7L.mjs";
+import { u as oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { L as ae } from "../Loader-D3rjKx72.mjs";
+import { W as ht } from "../WidgetContainer-DYKMArWw.mjs";
 import { M as ft } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
@@ -66,7 +66,7 @@ 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" },
@@ -74,7 +74,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" },
@@ -88,49 +88,49 @@ 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(_e, { 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(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: o } = y(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
-      () => c.filter((f) => i.includes(f.accountGuid)),
-      [i, c]
+    const { recurring: i } = y(), { selectedAccountGuids: o } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
+      () => c.filter((f) => o.includes(f.accountGuid)),
+      [o, c]
     ).filter(
       (f) => it(f.occurredOnDate || f.expectedDate, t)
-    ), l = a.some(
+    ), d = a.some(
       (f) => f.type !== A.Income && f.status === D.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,
-      m && o.missed,
-      l && o.upcoming,
-      b && o.income
+    ), b = a.some((f) => f.type === A.Income), C = (d ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0), v = [
+      g && i.paid,
+      m && i.missed,
+      d && i.upcoming,
+      b && i.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 }),
+          g && /* @__PURE__ */ e(de, { isOffset: !0 }),
+          d && /* @__PURE__ */ e(se, { isOffset: !0 }),
+          b && /* @__PURE__ */ e(ce, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
@@ -160,13 +160,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();
   return /* @__PURE__ */ s(
-    d,
+    l,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -175,27 +175,27 @@ 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 = st();
   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;
+  }[t] || xe;
 }, 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
+  const t = ne(), { onEvent: n } = U(), { recurring: r } = y(), { selectedDay: i, setDateRange: o } = I(), [c, u] = x.useState(
+    fe(/* @__PURE__ */ new Date()) * G + ye
   ), p = (m) => {
-    u(xe(m) * G + Re), i({
+    u(fe(m) * G + ye), o({
       start: k(m),
       end: H(m)
     }), a(m), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
@@ -204,7 +204,7 @@ const Y = {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
-  }, l = /* @__PURE__ */ e(
+  }, d = /* @__PURE__ */ e(
     nt,
     {
       minDate: k(/* @__PURE__ */ new Date()),
@@ -257,26 +257,26 @@ const Y = {
         },
         textTransform: "capitalize"
       },
-      value: o,
+      value: i,
       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,
+  return /* @__PURE__ */ e(l, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(rt, { adapterLocale: Rt(), dateAdapter: tt, children: [
+    i && d,
+    !i && d,
     /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
     /* @__PURE__ */ e(yt, {})
   ] }) });
 }), Dt = (t) => {
   if (t.type === A.Income)
-    return /* @__PURE__ */ e(le, {});
+    return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
     case D.Missed:
-      return /* @__PURE__ */ e(de, {});
+      return /* @__PURE__ */ e(le, {});
     case D.Paid:
-      return /* @__PURE__ */ e(ue, {});
+      return /* @__PURE__ */ e(de, {});
     default:
-      return /* @__PURE__ */ e(ce, {});
+      return /* @__PURE__ */ e(se, {});
   }
 }, Tt = (t, n) => {
   switch (t.status) {
@@ -301,20 +301,20 @@ const Y = {
     default:
       return n.unknown;
   }
-}, De = ({
+}, Re = ({
   recurrence: t,
   isMini: n = !1,
   onRecurrenceClick: r = () => {
   },
-  showOrdinal: o = !1
+  showOrdinal: i = !1
 }) => {
-  const { recurring: i } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
+  const { recurring: o } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
     () => c.find((M) => M.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), l = t.type === A.Income, 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 ? ye(i, a || {}, !0) : ye(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 === D.Paid, g = t.status === D.Missed, b = t.status === D.Upcoming;
+  let C = o.paid?.toLowerCase();
+  return g ? C = o.missed?.toLowerCase() : b && (C = i ? Ce(o, a || {}, !0) : Ce(o, 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: [
@@ -326,17 +326,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__ */ s(l, { 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: [
+              /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(l, { direction: "row", gap: 4, children: [
                 Dt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: Tt(t, i) })
+                /* @__PURE__ */ e(h, { variant: "caption", children: Tt(t, o) })
               ] }) : /* @__PURE__ */ s(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ve,
@@ -349,13 +349,13 @@ const Y = {
                 /* @__PURE__ */ e(h, { 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(h, { 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: {
@@ -366,8 +366,8 @@ 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 }),
+                    m && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
+                    g && /* @__PURE__ */ e(_e, { color: "error", filled: !0, size: 12 }),
                     /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: C })
                   ]
                 }
@@ -380,10 +380,10 @@ const Y = {
     /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: i.close_drawer_aria,
+        ariaLabelClose: o.close_drawer_aria,
         isOpen: u,
         onClose: () => p(!1),
-        title: t.type === A.Income ? i.income_details : i.expense_details,
+        title: t.type === A.Income ? o.income_details : o.expense_details,
         children: a && /* @__PURE__ */ e(
           gt,
           {
@@ -399,14 +399,14 @@ const Y = {
     recurrences: t,
     isMini: n = !1,
     onResetClick: r,
-    onRecurrenceClick: o,
-    sx: i = {},
+    onRecurrenceClick: i,
+    sx: o = {},
     title: c
   }) => {
     const { recurring: u } = y(), p = x.useMemo(() => dt(t), [t]);
-    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
+    return /* @__PURE__ */ s(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
       c && /* @__PURE__ */ s(
-        d,
+        l,
         {
           sx: {
             alignItems: "center",
@@ -420,69 +420,69 @@ const Y = {
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(Ce, { children: n ? t.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(be, { children: n ? t.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
-          De,
+          Re,
           {
             isMini: n,
-            onRecurrenceClick: o,
+            onRecurrenceClick: i,
             recurrence: a
           }
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
-        /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
-          Ce,
+      ] }, `recurrence-${d}`)) : p.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
+        /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(
+          be,
           {
             subheader: /* @__PURE__ */ e(lt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: S(a.date, w.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
             children: a.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
-              De,
+              Re,
               {
                 isMini: n,
-                onRecurrenceClick: o,
+                onRecurrenceClick: i,
                 recurrence: m
               }
             ) }, `day-recurrence-${g}`))
           }
         ) }, a.id),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) })
+      ] }, `recurrence-${d}`)) })
     ] });
   }
-), Te = R(
-  ({ 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}` }];
+), De = R(
+  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: c, upcoming: u }) => {
+    const p = ne(), { isSmallMobile: a } = Le(), { recurring: d } = y(), m = x.useMemo(() => {
+      const g = [{ color: p.palette.success.main, percentage: `${i / t}` }];
       return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
-    }, [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})` }),
+    }, [i, t, r]);
+    return /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ s(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${o} (${c})` }),
         /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${E(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Le, { data: 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(h, { bold: !0, variant: "body2", children: E(i, "0,0.00") }),
+        /* @__PURE__ */ e(h, { 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() })
+          /* @__PURE__ */ e(h, { 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() })
+        /* @__PURE__ */ e(h, { 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(), {
+  const { recurring: t } = y(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = Le(n), { onEvent: c } = U(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: a,
-    expenseTotal: l,
+    expenseTotal: d,
     incomeTotal: m,
     missedExpenseTotal: g,
     pastRecurrences: b,
@@ -493,14 +493,14 @@ const Y = {
     setDateRange: _,
     upcomingExpenseTotal: K,
     upcomingIncomeTotal: Ee,
-    upcomingRecurrences: me
+    upcomingRecurrences: ue
   } = I(), [V, Ne] = x.useState(0), Oe = Be(a.start, /* @__PURE__ */ new Date()), ke = (T, Pe) => {
     Ne(Pe);
-  }, pe = (T) => {
+  }, me = (T) => {
     c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: T.transaction?.guid
     });
-  }, ge = (T) => {
+  }, pe = (T) => {
     c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: T.transaction?.guid
     });
@@ -526,15 +526,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,
@@ -542,13 +542,13 @@ 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,
+              De,
               {
-                expected: l,
+                expected: d,
                 missed: g,
                 paid: C,
                 title: t.expenses,
@@ -557,7 +557,7 @@ const Y = {
               }
             ),
             /* @__PURE__ */ e(
-              Te,
+              De,
               {
                 expected: m,
                 isExpense: !1,
@@ -570,49 +570,49 @@ 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: o ? 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(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? 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(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? 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,
+                onRecurrenceClick: pe,
                 recurrences: b
               }
             )
           ] })
         ] }),
-        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,
+              onRecurrenceClick: pe,
               recurrences: f || b,
               title: M ? N(
                 t.day_transactions,
@@ -624,62 +624,65 @@ const Y = {
       ]
     }
   );
-}), Hn = 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({
-    widgetName: "RecurringTransactionsWidget",
-    isLoaded: c
-  }), x.useEffect(() => {
-    c || u().finally();
-  }, []), x.useEffect(() => {
-    a({
-      dateRange: { start: ee(Q(), 90), end: J() },
-      accounts: i
-    }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) });
-  }, [i]), o ? /* @__PURE__ */ s(
-    ht,
-    {
-      actions: [
-        {
-          label: r.action_title,
-          iconName: "credit_card_gear",
-          onClick: () => {
-            b(!0), l(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
-          }
-        }
-      ],
-      hasDivider: m,
-      onAccountsFilterClick: () => l(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
-      onBackClick: t,
-      sx: n,
-      title: r.title,
-      children: [
-        c ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
-        /* @__PURE__ */ e(
-          ie,
+}), Hn = R(
+  ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
+    const { recurring: i } = y(), { isInitialized: o, selectedAccountGuids: c } = z(), { isDataLoaded: u, loadRepeatingTransactionData: p, setDateRange: a } = I(), { setFilter: d } = re(), { onEvent: m } = U(), [g, b] = x.useState(!1);
+    return oe({
+      widgetName: "RecurringTransactionsWidget",
+      isLoaded: u
+    }), x.useEffect(() => {
+      u || p().finally();
+    }, []), x.useEffect(() => {
+      d({
+        dateRange: { start: ee(Q(), 90), end: J() },
+        accounts: c
+      }), a({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) });
+    }, [c]), o ? /* @__PURE__ */ s(
+      ht,
+      {
+        actions: [
           {
-            ariaLabelClose: r.close_drawer_aria,
-            isOpen: g,
-            onClose: () => b(!1),
-            shouldShowHeaderBorders: !1,
-            title: r.action_title,
-            children: /* @__PURE__ */ e(_e, {})
+            label: i.action_title,
+            iconName: "credit_card_gear",
+            onClick: () => {
+              b(!0), m(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            }
           }
-        )
-      ]
-    }
-  ) : /* @__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: [
+        ],
+        hasDivider: !0,
+        onAccountsFilterClick: () => m(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
+        onBackClick: t,
+        onMenuClick: n,
+        sx: r,
+        title: i.title,
+        children: [
+          u ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
+          /* @__PURE__ */ e(
+            ie,
+            {
+              ariaLabelClose: i.close_drawer_aria,
+              isOpen: g,
+              onClose: () => b(!1),
+              shouldShowHeaderBorders: !1,
+              title: i.action_title,
+              children: /* @__PURE__ */ e(Te, {})
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ e(ae, {});
+  }
+), St = R(() => {
+  const { recurring: t } = y(), { availableWidth: n } = we(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, 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(
       P,
       {
         isMini: !0,
-        onResetClick: r ? () => i(r) : void 0,
-        recurrences: o || c.slice(0, 5),
+        onResetClick: r ? () => o(r) : void 0,
+        recurrences: i || c.slice(0, 5),
         sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: r ? N(
           t.day_transactions,
@@ -690,14 +693,14 @@ const Y = {
   ] });
 }), $n = R(
   ({ 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 } = y(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = z();
+    return oe({
       widgetName: "RecurringTransactionsMiniWidget",
-      isLoaded: i
+      isLoaded: o
     }), x.useEffect(() => {
-      i || c().finally();
+      o || c().finally();
     }, []), x.useEffect(() => {
-      p.length > 0 && o({
+      p.length > 0 && i({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
@@ -711,15 +714,15 @@ const Y = {
         subTitle: r.sub_title,
         sx: n,
         title: r.mini_title,
-        children: i ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
+        children: o ? /* @__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: [
+  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 })
     ] })
@@ -728,9 +731,9 @@ const Y = {
   amount: t,
   bgcolor: n,
   isLargeScreen: r,
-  isSmallScreen: o,
-  label: i
-}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  isSmallScreen: i,
+  label: o
+}) => /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     O,
     {
@@ -742,16 +745,16 @@ 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: [
+    !i && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: E(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(h, { variant: "caption", children: o })
   ] })
 ] }), Mt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: r = 3
 }) => {
-  const o = (i) => i * (n / 2);
+  const i = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
     O,
     {
@@ -759,12 +762,12 @@ const Y = {
         position: "relative",
         width: 64
       },
-      children: t.map((i, c) => c < r ? /* @__PURE__ */ e(
+      children: t.map((o, c) => c < r ? /* @__PURE__ */ e(
         O,
         {
           sx: {
             borderRadius: "4px",
-            left: o(c),
+            left: i(c),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -773,55 +776,55 @@ const Y = {
           children: /* @__PURE__ */ e(
             te,
             {
-              categoryGuid: i.categoryGuid || "",
-              merchantGuid: i.merchantGuid || "",
+              categoryGuid: o.categoryGuid || "",
+              merchantGuid: o.merchantGuid || "",
               size: n
             }
           )
         },
-        `${i.categoryGuid}-${i.merchantGuid}-${c}`
+        `${o.categoryGuid}-${o.merchantGuid}-${c}`
       ) : null)
     }
   );
 }, 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, i) => /* @__PURE__ */ e(
   te,
   {
     categoryGuid: r.categoryGuid || "",
     merchantGuid: r.merchantGuid || ""
   },
-  `${r.categoryGuid}-${r.merchantGuid}-${o}`
+  `${r.categoryGuid}-${r.merchantGuid}-${i}`
 )) }), vt = R(() => {
   const t = ne(), [n, { width: r }] = xt(), {
-    upcomingRecurrences: o,
-    expenseTotal: i,
+    upcomingRecurrences: i,
+    expenseTotal: o,
     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(() => {
+  } = I(), { recurring: a } = y(), d = r <= 288, m = r >= 450, g = 32, b = i.length > 0, C = x.useMemo(() => E(o, o === 0 ? "0,0" : "0,0.00"), [o]), v = x.useMemo(() => {
     const _ = [
-      { color: t.palette.success.main, percentage: `${u / i}` }
+      { color: t.palette.success.main, percentage: `${u / o}` }
     ];
     return c && _.push({
       color: t.palette.error.main,
-      percentage: `${c / i}`
+      percentage: `${c / o}`
     }), _;
   }, [
     u,
-    i,
+    o,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), M = () => b ? l ? /* @__PURE__ */ e(
+  ]), M = () => b ? d ? /* @__PURE__ */ e(
     Mt,
     {
       logoSize: g,
       maxLogos: 3,
-      upcomingRecurrences: o.slice(0, 3)
+      upcomingRecurrences: i.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: i.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), f = [
     {
       amount: u,
       bgColor: "success.main",
@@ -839,12 +842,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 },
+            C.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -857,7 +860,7 @@ const Y = {
               h,
               {
                 sx: { width: "100%" },
-                variant: C.length >= 10 && l ? "h3" : "h2",
+                variant: C.length >= 10 && d ? "h3" : "h2",
                 children: C
               }
             ),
@@ -867,10 +870,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",
@@ -884,7 +887,7 @@ const Y = {
               amount: _.amount,
               bgcolor: _.bgColor,
               isLargeScreen: m,
-              isSmallScreen: l,
+              isSmallScreen: d,
               label: _.label
             },
             `recurrence-legend-${K}`
@@ -895,34 +898,34 @@ const Y = {
   ] });
 }), Bn = R(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: o } = z(), {
-      loadRepeatingTransactionData: i,
+    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: i } = z(), {
+      loadRepeatingTransactionData: o,
       upcomingRecurrences: c,
       repeatingTransactions: u,
       setDateRange: p,
       isDataLoaded: a
-    } = I(), { setFilter: l } = re(), { recurring: m, budgets: g } = y();
-    ae({
+    } = I(), { setFilter: d } = re(), { recurring: m, budgets: g } = y();
+    oe({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
     }), x.useEffect(() => {
-      a || i().finally(() => {
+      a || o().finally(() => {
         n(L.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      r && (l({
+      r && (d({
         dateRange: { start: ee(Q(), 90), end: J() },
-        accounts: o
+        accounts: i
       }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) }));
-    }, [r, o]);
+    }, [r, i]);
     const b = () => {
       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 });
+    if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
     const C = !u?.length;
     return /* @__PURE__ */ e(
       bt,
@@ -937,15 +940,15 @@ const Y = {
   }
 ), Fn = R(
   ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: o } = y();
+    const { cashflow: i } = y();
     return /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: o.close_settings_aria,
+        ariaLabelClose: i.close_settings_aria,
         isOpen: t,
         onClose: n,
-        title: o.cashflow_settings,
-        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
+        title: i.cashflow_settings,
+        children: /* @__PURE__ */ e(Te, { defaultSelectedTab: r })
       }
     );
   }
@@ -954,7 +957,7 @@ export {
   qn as AddRecurringTransactionDetails,
   Yn as ManageExpenses,
   Zn as ManageIncome,
-  _e as RecurringSettings,
+  Te as RecurringSettings,
   Fn as RecurringSettingsDrawer,
   Bn as RecurringTransactionsMicroWidget,
   $n as RecurringTransactionsMiniWidget,