@mx-cartographer/experiences 7.0.57-alpha.mega3 → 7.0.58-alpha.al0

package/dist/recurringtransactions/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as o, Fragment as X } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as Z } from "react/jsx-runtime";
 import h from "react";
-import { observer as D } from "mobx-react-lite";
+import { observer as T } from "mobx-react-lite";
 import { endOfMonth as z } from "date-fns/endOfMonth";
 import { endOfToday as de } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
@@ -8,18 +8,18 @@ import { startOfToday as ue } from "date-fns/startOfToday";
 import { subDays as me } from "date-fns/subDays";
 import ae from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as He } from "../RecurringSettings-qv7DNYac.mjs";
-import { M as An } from "../RecurringSettings-qv7DNYac.mjs";
+import { R as Ee } from "../RecurringSettings-qv7DNYac.mjs";
+import { M as En } from "../RecurringSettings-qv7DNYac.mjs";
 import { addMonths as ze } from "date-fns/addMonths";
 import { subMonths as Fe } from "date-fns/subMonths";
 import { isBefore as Ue } from "date-fns/isBefore";
 import se from "@mui/material/Unstable_Grid2";
-import De from "@mui/material/IconButton";
-import Se from "@mui/material/Tab";
+import Se from "@mui/material/IconButton";
+import _e from "@mui/material/Tab";
 import je from "@mui/material/Tabs";
-import { Schedule as Ke, MonetizationOn as Ye, Cancel as Ae, CheckCircle as Ee, ChevronLeft as Ve, ChevronRight as Xe, CurrencyExchange as Ze } from "@mxenabled/mx-icons";
+import { Schedule as Ke, MonetizationOn as Ye, Cancel as Ge, CheckCircle as Ne, ChevronLeft as Ve, ChevronRight as Xe, CurrencyExchange as Ze } from "@mxenabled/mx-icons";
 import { Text as p, MerchantLogo as pe, InstitutionLogo as qe, H3 as Je, P as ce } from "@mxenabled/mxui";
-import { getWeeksInMonth as Ie } from "date-fns/getWeeksInMonth";
+import { getWeeksInMonth as we } from "date-fns/getWeeksInMonth";
 import ge from "@mui/material/styles/useTheme";
 import { AdapterDateFns as Qe } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DateCalendar as et } from "@mui/x-date-pickers/DateCalendar";
@@ -27,30 +27,30 @@ import { LocalizationProvider as tt } from "@mui/x-date-pickers/LocalizationProv
 import { isSameDay as nt } from "date-fns/isSameDay";
 import it from "@mui/material/Badge";
 import { PickersDay as rt } from "@mui/x-date-pickers/PickersDay";
-import { I as Z } from "../IconBacking-B9oC6uL2.mjs";
-import { u as S, b as q, j as w, g as J, p as Ge, d as he, h as fe } from "../hooks-CE2TKk4a.mjs";
-import { c as M, a as T, g as _e, f as ot } from "../RecurringTransactions-DTUx9VN1.mjs";
+import { I as q } from "../IconBacking-B9oC6uL2.mjs";
+import { u as D, b as U, j as I, g as J, p as Oe, d as he, h as fe } from "../hooks-CE2TKk4a.mjs";
+import { c as M, a as S, g as Ie, f as ot } from "../RecurringTransactions-DTUx9VN1.mjs";
 import { T as B } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
-import { R as Gn } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
-import { A as _, W as at } from "../WidgetContainer-B8MRJ5Y1.mjs";
+import { R as Nn } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
+import { A as w, W as at } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import st from "@mui/material/Button";
 import le from "@mui/material/Divider";
-import we from "@mui/material/List";
-import Ne from "@mui/material/ListItem";
+import ve from "@mui/material/List";
+import ke from "@mui/material/ListItem";
 import ct from "@mui/material/ListSubheader";
 import lt from "@mui/material/ListItemAvatar";
 import dt from "@mui/material/ListItemButton";
 import ut from "@mui/material/ListItemText";
 import { b as mt } from "../ManageIncome-BX7dzGF8.mjs";
-import { c as On, M as kn, S as Wn } from "../ManageIncome-BX7dzGF8.mjs";
+import { c as kn, M as Wn, S as $n } from "../ManageIncome-BX7dzGF8.mjs";
 import { f as L } from "../NumberFormatting-CtWHhyBX.mjs";
-import { D as Oe } from "../Drawer-kEE73B87.mjs";
+import { D as xe } from "../Drawer-kEE73B87.mjs";
 import { b as N } from "../Localization-2MODESHW.mjs";
 import { f as A, D as E } from "../Dialog-CWW597AF.mjs";
 import O from "@mui/material/Box";
-import { S as ke } from "../StatusBar-BK_uYHAB.mjs";
-import { u as xe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as V } from "../Loader-DUaFpDGv.mjs";
+import { S as We } from "../StatusBar-BK_uYHAB.mjs";
+import { u as ye } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as F } from "../Loader-DUaFpDGv.mjs";
 import { M as pt } from "../MiniWidgetContainer-DTQdRK-3.mjs";
 import { u as gt } from "../useDimensions-27p2evRx.mjs";
 import { M as ht } from "../MicroWidgetContainer-C4QQHfD7.mjs";
@@ -58,34 +58,34 @@ const Q = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, ee = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, ye = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(Z, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ke, { color: "primary", filled: !0, sx: { fontSize: n, ...Q } }) }), Ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(Z, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(
+}, ee = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, Ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ke, { color: "primary", filled: !0, sx: { fontSize: n, ...Q } }) }), be = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(
   Ye,
   {
     filled: !0,
     sx: { color: "categories.income", fontSize: n, ...Q }
   }
-) }), be = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(Z, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ae, { color: "error", filled: !0, sx: { fontSize: n, ...Q } }) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(Z, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ee, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), ft = D(
+) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ge, { color: "error", filled: !0, sx: { fontSize: n, ...Q } }) }), Te = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ne, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), ft = T(
   ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: a } = S(), { selectedAccountGuids: r } = q(), { recurrences: l, setSelectedDay: m } = w(), s = h.useMemo(
-      () => l.filter((d) => r.includes(d.accountGuid)),
-      [r, l]
+    const { recurring: r } = D(), { selectedAccountGuids: o } = U(), { recurrences: l, setSelectedDay: m } = I(), s = h.useMemo(
+      () => l.filter((d) => o.includes(d.accountGuid)),
+      [o, l]
     ).filter(
       (d) => nt(d.occurredOnDate || d.expectedDate, t)
     ), u = s.some(
-      (d) => d.type !== M.Income && d.status === T.Upcoming
+      (d) => d.type !== M.Income && d.status === S.Upcoming
     ), f = s.some(
-      (d) => d.type !== M.Income && d.status === T.Missed
+      (d) => d.type !== M.Income && d.status === S.Missed
     ), x = s.some(
-      (d) => d.type !== M.Income && d.status === T.Paid
+      (d) => d.type !== M.Income && d.status === S.Paid
     ), C = s.some((d) => d.type === M.Income), y = (u ? 1 : 0) + (f ? 1 : 0) + (x ? 1 : 0) + (C ? 1 : 0);
     return /* @__PURE__ */ e(
       it,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ o(X, { children: [
-          f && /* @__PURE__ */ e(be, { isOffset: !0 }),
-          x && /* @__PURE__ */ e(Re, { isOffset: !0 }),
-          u && /* @__PURE__ */ e(ye, { isOffset: !0 }),
-          C && /* @__PURE__ */ e(Ce, { isOffset: !0 })
+        badgeContent: s.length > 0 && /* @__PURE__ */ a(Z, { children: [
+          f && /* @__PURE__ */ e(Re, { isOffset: !0 }),
+          x && /* @__PURE__ */ e(Te, { isOffset: !0 }),
+          u && /* @__PURE__ */ e(Ce, { isOffset: !0 }),
+          C && /* @__PURE__ */ e(be, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
@@ -99,10 +99,10 @@ const Q = {
           rt,
           {
             "aria-label": `
-          ${x && a.paid}, 
-          ${f && a.missed}, 
-          ${u && a.upcoming}, 
-          ${C && a.income}`,
+          ${x && r.paid}, 
+          ${f && r.missed}, 
+          ${u && r.upcoming}, 
+          ${C && r.income}`,
             day: t,
             onClick: () => m(t),
             outsideCurrentMonth: n,
@@ -119,12 +119,12 @@ const Q = {
       }
     );
   }
-), Y = ({ icon: t, label: n }) => /* @__PURE__ */ o(c, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), X = ({ icon: t, label: n }) => /* @__PURE__ */ a(c, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ e(p, { variant: "XSmall", children: n })
-] }), xt = D(() => {
-  const { recurring: t } = S();
-  return /* @__PURE__ */ o(
+] }), xt = T(() => {
+  const { recurring: t } = D();
+  return /* @__PURE__ */ a(
     c,
     {
       alignItems: "center",
@@ -134,21 +134,21 @@ const Q = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__PURE__ */ e(Y, { icon: ye, label: t.expense }),
-        /* @__PURE__ */ e(Y, { icon: Ce, label: t.income }),
-        /* @__PURE__ */ e(Y, { icon: be, label: t.missed }),
-        /* @__PURE__ */ e(Y, { icon: Re, label: t.paid })
+        /* @__PURE__ */ e(X, { icon: Ce, label: t.expense }),
+        /* @__PURE__ */ e(X, { icon: be, label: t.income }),
+        /* @__PURE__ */ e(X, { icon: Re, label: t.missed }),
+        /* @__PURE__ */ e(X, { icon: Te, label: t.paid })
       ]
     }
   );
-}), ve = 58, We = D(() => {
-  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: a } = w(), [r, l] = h.useState(
-    Ie(/* @__PURE__ */ new Date()) * B + ve
+}), Me = 58, $e = T(() => {
+  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: r } = I(), [o, l] = h.useState(
+    we(/* @__PURE__ */ new Date()) * B + Me
   ), m = (s) => {
-    l(Ie(s) * B + ve), a({
+    l(we(s) * B + Me), r({
       start: k(s),
       end: z(s)
-    }), n(_.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+    }), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
   }, g = /* @__PURE__ */ e(
     et,
     {
@@ -182,10 +182,10 @@ const Q = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: r
+          minHeight: o
         },
         "&.MuiDateCalendar-root": {
-          minHeight: r + B
+          minHeight: o + B
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: B,
@@ -201,25 +201,25 @@ const Q = {
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ e(c, { justifyContent: "center", children: /* @__PURE__ */ o(tt, { dateAdapter: Qe, children: [
+  return /* @__PURE__ */ e(c, { justifyContent: "center", children: /* @__PURE__ */ a(tt, { dateAdapter: Qe, children: [
     i && g,
     !i && g,
     /* @__PURE__ */ e(xt, {})
   ] }) });
 }), yt = (t) => {
   if (t.type === M.Income)
-    return /* @__PURE__ */ e(Ce, {});
+    return /* @__PURE__ */ e(be, {});
   switch (t.status) {
-    case T.Missed:
-      return /* @__PURE__ */ e(be, {});
-    case T.Paid:
+    case S.Missed:
       return /* @__PURE__ */ e(Re, {});
+    case S.Paid:
+      return /* @__PURE__ */ e(Te, {});
     default:
-      return /* @__PURE__ */ e(ye, {});
+      return /* @__PURE__ */ e(Ce, {});
   }
 }, Ct = (t, n) => {
   switch (t.status) {
-    case T.Paid:
+    case S.Paid:
       return t.expectedDate ? N(
         n.paid_on,
         A(
@@ -227,12 +227,12 @@ const Q = {
           E.MONTH_DAY
         )
       ) : n.paid;
-    case T.Missed:
+    case S.Missed:
       return N(
         n.missed_on,
         A(t.expectedDate, E.MONTH_DAY)
       );
-    case T.Upcoming:
+    case S.Upcoming:
       return N(
         n.upcoming_on,
         A(t.expectedDate, E.MONTH_DAY)
@@ -240,21 +240,21 @@ const Q = {
     default:
       return n.unknown;
   }
-}, Me = ({
+}, Le = ({
   recurrence: t,
   isMini: n = !1,
   onRecurrenceClick: i = () => {
   },
-  showOrdinal: a = !1
+  showOrdinal: r = !1
 }) => {
-  const { recurring: r } = S(), { repeatingTransactions: l } = w(), [m, g] = h.useState(!1), s = h.useMemo(
+  const { recurring: o } = D(), { repeatingTransactions: l } = I(), [m, g] = h.useState(!1), s = h.useMemo(
     () => l.find((b) => b.guid === t.repeatingTransactionGuid),
     [t, l]
-  ), u = t.type === M.Income, f = t.status === T.Paid, x = t.status === T.Missed, C = t.status === T.Upcoming;
-  let y = r.paid?.toLowerCase();
-  return x ? y = r.missed?.toLowerCase() : C && (y = a ? _e(r, s || {}, !0) : _e(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ o(Ne, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ o(dt, { onClick: () => {
+  ), u = t.type === M.Income, f = t.status === S.Paid, x = t.status === S.Missed, C = t.status === S.Upcoming;
+  let y = o.paid?.toLowerCase();
+  return x ? y = o.missed?.toLowerCase() : C && (y = r ? Ie(o, s || {}, !0) : Ie(o, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ a(ke, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ a(dt, { onClick: () => {
       g(!0), i(t);
     }, children: [
       /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(
@@ -264,19 +264,19 @@ const Q = {
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ a(
         c,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ o(c, { direction: "column", width: "50%", children: [
+            /* @__PURE__ */ a(c, { direction: "column", width: "50%", children: [
               /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ e(c, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
+              /* @__PURE__ */ e(c, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(c, { direction: "row", gap: 4, children: [
                 yt(t),
-                /* @__PURE__ */ e(p, { variant: "caption", children: Ct(t, r) })
-              ] }) : /* @__PURE__ */ o(X, { children: [
+                /* @__PURE__ */ e(p, { variant: "caption", children: Ct(t, o) })
+              ] }) : /* @__PURE__ */ a(Z, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   qe,
                   {
@@ -288,12 +288,12 @@ const Q = {
                 /* @__PURE__ */ e(p, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__PURE__ */ o(c, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ o(p, { bold: !0, color: u ? "success.main" : "text.primary", variant: "body1", children: [
+            /* @__PURE__ */ a(c, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ a(p, { bold: !0, color: u ? "success.main" : "text.primary", variant: "body1", children: [
                 u ? "+" : "",
                 L(t.amount, "0,0.00")
               ] }),
-              !n && /* @__PURE__ */ o(
+              !n && /* @__PURE__ */ a(
                 c,
                 {
                   direction: "row",
@@ -305,8 +305,8 @@ const Q = {
                     width: "100%"
                   },
                   children: [
-                    f && /* @__PURE__ */ e(Ee, { color: "success", filled: !0, size: 12 }),
-                    x && /* @__PURE__ */ e(Ae, { color: "error", filled: !0, size: 12 }),
+                    f && /* @__PURE__ */ e(Ne, { color: "success", filled: !0, size: 12 }),
+                    x && /* @__PURE__ */ e(Ge, { color: "error", filled: !0, size: 12 }),
                     /* @__PURE__ */ e(p, { bold: !0, color: "text.secondary", variant: "caption", children: y })
                   ]
                 }
@@ -317,12 +317,12 @@ const Q = {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      Oe,
+      xe,
       {
-        ariaLabelClose: r.close_drawer_aria,
+        ariaLabelClose: o.close_drawer_aria,
         isOpen: m,
         onClose: () => g(!1),
-        title: t.type === M.Income ? r.income_details : r.expense_details,
+        title: t.type === M.Income ? o.income_details : o.expense_details,
         children: s && /* @__PURE__ */ e(
           mt,
           {
@@ -333,18 +333,18 @@ const Q = {
       }
     )
   ] });
-}, H = D(
+}, H = T(
   ({
     recurrences: t,
     isMini: n = !1,
     onResetClick: i,
-    onRecurrenceClick: a,
-    sx: r = {},
+    onRecurrenceClick: r,
+    sx: o = {},
     title: l
   }) => {
-    const { recurring: m } = S(), g = h.useMemo(() => ot(t), [t]);
-    return /* @__PURE__ */ o(c, { sx: { gap: 8, mt: 4, ...r }, children: [
-      l && /* @__PURE__ */ o(
+    const { recurring: m } = D(), g = h.useMemo(() => ot(t), [t]);
+    return /* @__PURE__ */ a(c, { sx: { gap: 8, mt: 4, ...o }, children: [
+      l && /* @__PURE__ */ a(
         c,
         {
           sx: { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24 },
@@ -354,27 +354,27 @@ const Q = {
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(p, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: m.no_activities }) : /* @__PURE__ */ e(we, { children: n ? t.map((s, u) => /* @__PURE__ */ o(h.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(p, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: m.no_activities }) : /* @__PURE__ */ e(ve, { children: n ? t.map((s, u) => /* @__PURE__ */ a(h.Fragment, { children: [
         /* @__PURE__ */ e(
-          Me,
+          Le,
           {
             isMini: n,
-            onRecurrenceClick: a,
+            onRecurrenceClick: r,
             recurrence: s
           }
         ),
         /* @__PURE__ */ e(le, { sx: { mx: 24 } })
-      ] }, `recurrence-${u}`)) : g.map((s, u) => /* @__PURE__ */ o(h.Fragment, { children: [
-        /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
-          we,
+      ] }, `recurrence-${u}`)) : g.map((s, u) => /* @__PURE__ */ a(h.Fragment, { children: [
+        /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
+          ve,
           {
             subheader: /* @__PURE__ */ e(ct, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: A(s.date, E.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
             children: s.recurrences.map((f, x) => /* @__PURE__ */ e(h.Fragment, { children: /* @__PURE__ */ e(
-              Me,
+              Le,
               {
                 isMini: n,
-                onRecurrenceClick: a,
+                onRecurrenceClick: r,
                 recurrence: f
               }
             ) }, `day-recurrence-${x}`))
@@ -384,23 +384,23 @@ const Q = {
       ] }, `recurrence-${u}`)) })
     ] });
   }
-), Le = D(
-  ({ expected: t, isExpense: n = !0, missed: i, paid: a, title: r, total: l, upcoming: m }) => {
-    const g = ge(), { isSmallMobile: s } = xe(), { recurring: u } = S(), f = h.useMemo(() => {
-      const x = [{ color: g.palette.success.main, percentage: `${a / t}` }];
+), Ae = T(
+  ({ expected: t, isExpense: n = !0, missed: i, paid: r, title: o, total: l, upcoming: m }) => {
+    const g = ge(), { isSmallMobile: s } = ye(), { recurring: u } = D(), f = h.useMemo(() => {
+      const x = [{ color: g.palette.success.main, percentage: `${r / t}` }];
       return i && x.push({ color: g.palette.error.main, percentage: `${i / t}` }), x;
-    }, [a, t, i]);
-    return /* @__PURE__ */ o(c, { children: [
-      /* @__PURE__ */ o(c, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: `${r} (${l})` }),
+    }, [r, t, i]);
+    return /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a(c, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: `${o} (${l})` }),
         /* @__PURE__ */ e(p, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(ke, { data: f, height: 12 }),
-      /* @__PURE__ */ o(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+      /* @__PURE__ */ e(We, { data: f, height: 12 }),
+      /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(O, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(a, "0,0.00") }),
+        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
         /* @__PURE__ */ e(p, { variant: "caption", children: u.paid?.toLowerCase() }),
-        i !== void 0 && /* @__PURE__ */ o(X, { children: [
+        i !== void 0 && /* @__PURE__ */ a(Z, { children: [
           /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
           !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
           /* @__PURE__ */ e(p, { variant: "caption", children: u.missed?.toLowerCase() })
@@ -411,8 +411,8 @@ const Q = {
       ] })
     ] });
   }
-), bt = D(() => {
-  const { recurring: t } = S(), { availableWidth: n } = Ge(), { isDesktop: i, isSmallMobile: a, isMobile: r } = xe(n), { onEvent: l } = J(), {
+), bt = T(() => {
+  const { recurring: t } = D(), { availableWidth: n } = Oe(), { isDesktop: i, isSmallMobile: r, isMobile: o } = ye(n), { onEvent: l } = J(), {
     currentMonthExpenses: m,
     currentMonthIncome: g,
     dateRange: s,
@@ -424,34 +424,34 @@ const Q = {
     paidIncomeTotal: d,
     selectedDay: b,
     selectedDayRecurrences: W,
-    setDateRange: F,
+    setDateRange: j,
     upcomingExpenseTotal: te,
     upcomingIncomeTotal: ne,
-    upcomingRecurrences: U
-  } = w(), [$, I] = h.useState(0), ie = Ue(s.start, /* @__PURE__ */ new Date()), v = (R, oe) => {
-    I(oe);
-  }, j = (R) => {
-    l(_.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+    upcomingRecurrences: K
+  } = I(), [$, _] = h.useState(0), ie = Ue(s.start, /* @__PURE__ */ new Date()), v = (R, oe) => {
+    _(oe);
+  }, Y = (R) => {
+    l(w.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: R.transaction?.guid
     });
-  }, K = (R) => {
-    l(_.RECURRING_TRANSACTIONS_CLICK_PAID, {
+  }, V = (R) => {
+    l(w.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: R.transaction?.guid
     });
   }, P = () => {
     const R = ze(s.start, 1);
-    F({
+    j({
       start: k(R),
       end: z(R)
     });
   }, re = () => {
     const R = Fe(s.start, 1);
-    F({
+    j({
       start: k(R),
       end: z(R)
     });
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     se,
     {
       container: !0,
@@ -459,16 +459,16 @@ const Q = {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ o(se, { md: !0, sm: 12, width: "100%", children: [
-          /* @__PURE__ */ o(c, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
-            /* @__PURE__ */ o(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ a(se, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ a(c, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
+            /* @__PURE__ */ a(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(Je, { children: N(
                 t.header_title,
                 A(s.start, E.MONTH_LONG)
               ) }),
-              !i && /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
+              !i && /* @__PURE__ */ a(c, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
-                  De,
+                  Se,
                   {
                     color: "primary",
                     disabled: ie,
@@ -476,11 +476,11 @@ const Q = {
                     children: /* @__PURE__ */ e(Ve, {})
                   }
                 ),
-                /* @__PURE__ */ e(De, { color: "primary", onClick: P, children: /* @__PURE__ */ e(Xe, {}) })
+                /* @__PURE__ */ e(Se, { color: "primary", onClick: P, children: /* @__PURE__ */ e(Xe, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
-              Le,
+              Ae,
               {
                 expected: u,
                 missed: x,
@@ -491,7 +491,7 @@ const Q = {
               }
             ),
             /* @__PURE__ */ e(
-              Le,
+              Ae,
               {
                 expected: f,
                 isExpense: !1,
@@ -504,49 +504,49 @@ const Q = {
             i && /* @__PURE__ */ e(
               H,
               {
-                onRecurrenceClick: j,
-                recurrences: U,
+                onRecurrenceClick: Y,
+                recurrences: K,
                 title: t.upcoming_activity
               }
             )
           ] }),
-          !i && /* @__PURE__ */ o(c, { sx: { px: r ? 0 : 24 }, children: [
-            /* @__PURE__ */ o(je, { onChange: v, value: $, variant: "fullWidth", children: [
+          !i && /* @__PURE__ */ a(c, { sx: { px: o ? 0 : 24 }, children: [
+            /* @__PURE__ */ a(je, { onChange: v, value: $, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
-                Se,
+                _e,
                 {
-                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
-                Se,
+                _e,
                 {
-                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.past : t.past_transactions })
                 }
               )
             ] }),
             $ === 0 && /* @__PURE__ */ e(
               H,
               {
-                onRecurrenceClick: j,
-                recurrences: U
+                onRecurrenceClick: Y,
+                recurrences: K
               }
             ),
             $ === 1 && /* @__PURE__ */ e(
               H,
               {
-                onRecurrenceClick: K,
+                onRecurrenceClick: V,
                 recurrences: C
               }
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ e(se, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(c, { gap: 24, children: [
-          /* @__PURE__ */ e(We, {}),
+        i && /* @__PURE__ */ e(se, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(c, { gap: 24, children: [
+          /* @__PURE__ */ e($e, {}),
           /* @__PURE__ */ e(
             H,
             {
-              onRecurrenceClick: K,
+              onRecurrenceClick: V,
               recurrences: W || C,
               title: b ? N(
                 t.day_transactions,
@@ -558,8 +558,8 @@ const Q = {
       ]
     }
   );
-}), _n = D(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: i } = he(), { recurring: a } = S(), { isCopyLoaded: r, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = q(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = w(), { setFilter: x } = fe(), { onEvent: C } = J(), { isMobile: y } = xe(), [d, b] = h.useState(!1);
+}), wn = T(({ onBackClick: t, sx: n = {} }) => {
+  const { accounts: i } = he(), { recurring: r } = D(), { isCopyLoaded: o, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = U(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = I(), { setFilter: x } = fe(), { onEvent: C } = J(), { isMobile: y } = ye(), [d, b] = h.useState(!1);
   return h.useEffect(() => {
     g(i);
   }, [i]), h.useEffect(() => {
@@ -567,55 +567,55 @@ const Q = {
       dateRange: { start: me(ue(), 90), end: de() },
       accounts: m
     }), f({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), u().finally());
-  }, [l]), r ? /* @__PURE__ */ o(
+  }, [l]), o ? /* @__PURE__ */ a(
     at,
     {
       accountOptions: i,
       actions: [
         {
-          label: a.action_title,
+          label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            b(!0), C(_.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            b(!0), C(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
       hasDivider: y,
-      onAccountsFilterClick: () => C(_.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onAccountsFilterClick: () => C(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
-      title: a.title,
+      title: r.title,
       children: [
-        l && s ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ o(c, { direction: "column", p: 48, spacing: 24, children: [
+        l && s ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ a(c, { direction: "column", p: 48, spacing: 24, children: [
           /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(ae, { height: 600, variant: "rounded", width: "100%" })
         ] }),
         /* @__PURE__ */ e(
-          Oe,
+          xe,
           {
-            ariaLabelClose: a.close_drawer_aria,
+            ariaLabelClose: r.close_drawer_aria,
             isOpen: d,
             onClose: () => b(!1),
             shouldShowHeaderBorders: !1,
-            title: a.action_title,
-            children: /* @__PURE__ */ e(He, {})
+            title: r.action_title,
+            children: /* @__PURE__ */ e(Ee, {})
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(V, {});
-}), Rt = D(() => {
-  const { recurring: t } = S(), { availableWidth: n } = Ge(), { selectedDay: i, selectedDayRecurrences: a, setSelectedDay: r, upcomingRecurrences: l } = w(), m = n < 750;
-  return /* @__PURE__ */ o(c, { flexDirection: m ? "column" : "row", width: "100%", children: [
-    /* @__PURE__ */ e(We, {}),
+  ) : /* @__PURE__ */ e(F, {});
+}), Rt = T(() => {
+  const { recurring: t } = D(), { availableWidth: n } = Oe(), { selectedDay: i, selectedDayRecurrences: r, setSelectedDay: o, upcomingRecurrences: l } = I(), m = n < 750;
+  return /* @__PURE__ */ a(c, { flexDirection: m ? "column" : "row", width: "100%", children: [
+    /* @__PURE__ */ e($e, {}),
     !m && /* @__PURE__ */ e(le, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       H,
       {
         isMini: !0,
-        onResetClick: i ? () => r(i) : void 0,
-        recurrences: a || l.slice(0, 5),
+        onResetClick: i ? () => o(i) : void 0,
+        recurrences: r || l.slice(0, 5),
         sx: { width: m ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: i ? N(
           t.day_transactions,
@@ -624,45 +624,45 @@ const Q = {
       }
     )
   ] });
-}), wn = D(
+}), In = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: i } = he(), { recurring: a } = S(), { setFilter: r } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = w(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = q();
+    const { accounts: i } = he(), { recurring: r } = D(), { setFilter: o } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = I(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = U();
     return h.useEffect(() => {
       s && u(i);
     }, [s]), h.useEffect(() => {
-      f.length > 0 && (r({
+      f.length > 0 && (o({
         dateRange: { start: me(ue(), 90), end: de() },
         accounts: f
       }), m().finally());
-    }, [f]), !g || !s ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(
+    }, [f]), !g || !s ? /* @__PURE__ */ e(F, {}) : /* @__PURE__ */ e(
       pt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
-        primaryCtaLabel: a.primary_cta,
-        subTitle: a.sub_title,
+        primaryCtaLabel: r.primary_cta,
+        subTitle: r.sub_title,
         sx: n,
-        title: a.mini_title,
-        children: l ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ e(V, {})
+        title: r.mini_title,
+        children: l ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ e(F, {})
       }
     );
   }
 ), Tt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(c, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, a) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(c, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, r) => /* @__PURE__ */ e(
   pe,
   {
     categoryGuid: i.categoryGuid || "",
     merchantGuid: i.merchantGuid || ""
   },
-  `${i.categoryGuid}-${i.merchantGuid}-${a}`
+  `${i.categoryGuid}-${i.merchantGuid}-${r}`
 )) }), Dt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: i = 3
 }) => {
-  const a = (r) => r * (n / 2);
+  const r = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
     O,
     {
@@ -670,12 +670,12 @@ const Q = {
         position: "relative",
         width: 64
       },
-      children: t.map((r, l) => l < i ? /* @__PURE__ */ e(
+      children: t.map((o, l) => l < i ? /* @__PURE__ */ e(
         O,
         {
           sx: {
             borderRadius: "4px",
-            left: a(l),
+            left: r(l),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -684,13 +684,13 @@ const Q = {
           children: /* @__PURE__ */ e(
             pe,
             {
-              categoryGuid: r.categoryGuid || "",
-              merchantGuid: r.merchantGuid || "",
+              categoryGuid: o.categoryGuid || "",
+              merchantGuid: o.merchantGuid || "",
               size: n
             }
           )
         },
-        `${r.categoryGuid}-${r.merchantGuid}-${l}`
+        `${o.categoryGuid}-${o.merchantGuid}-${l}`
       ) : null)
     }
   );
@@ -698,9 +698,9 @@ const Q = {
   amount: t,
   bgcolor: n,
   isLargeScreen: i,
-  isSmallScreen: a,
-  label: r
-}) => /* @__PURE__ */ o(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  isSmallScreen: r,
+  label: o
+}) => /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     O,
     {
@@ -712,32 +712,32 @@ const Q = {
       }
     }
   ),
-  /* @__PURE__ */ o(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !a && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(p, { variant: "caption", children: r })
+  /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !r && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(p, { variant: "caption", children: o })
   ] })
-] }), It = D(() => {
-  const { recurring: t } = S();
-  return /* @__PURE__ */ o(c, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+] }), _t = T(() => {
+  const { recurring: t } = D();
+  return /* @__PURE__ */ a(c, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Ze, { size: 32 }),
-    /* @__PURE__ */ o(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
       /* @__PURE__ */ e(ce, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), vn = D(
+}), vn = T(
   ({ onCTAClick: t }) => {
-    const [n, i] = h.useState(!1), { onEvent: a } = J(), r = ge(), { accounts: l } = he(), [m, { width: g }] = gt(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = q(), {
+    const [n, i] = h.useState(!1), { onEvent: r } = J(), o = ge(), { accounts: l } = he(), [m, { width: g }] = gt(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = U(), {
       loadRepeatingTransactions: C,
       upcomingRecurrences: y,
       expenseTotal: d,
       missedExpenseTotal: b,
       paidExpenseTotal: W,
-      repeatingTransactions: F,
+      repeatingTransactions: j,
       setDateRange: te,
       upcomingExpenseTotal: ne,
-      isDataLoaded: U
-    } = w(), { setFilter: $ } = fe(), { recurring: I, budgets: ie } = S();
+      isDataLoaded: K
+    } = I(), { setFilter: $ } = fe(), { recurring: _, budgets: ie } = D();
     h.useEffect(() => {
       x(l);
     }, [l]), h.useEffect(() => {
@@ -746,63 +746,63 @@ const Q = {
         accounts: f
       }), te({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), C().finally(), i(!0));
     }, [u]), h.useEffect(() => {
-      n && a(_.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      n && r(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
         state: y.length > 0 ? "default" : "zeroState"
       });
     }, [n]);
-    const v = g <= 288, j = g >= 450, K = h.useMemo(() => {
+    const v = g <= 288, Y = g >= 450, V = h.useMemo(() => {
       const G = [
-        { color: r.palette.success.main, percentage: `${W / d}` }
+        { color: o.palette.success.main, percentage: `${W / d}` }
       ];
       return b && G.push({
-        color: r.palette.error.main,
+        color: o.palette.error.main,
         percentage: `${b / d}`
       }), G;
     }, [
       W,
       d,
       b,
-      r.palette.success.main,
-      r.palette.error.main
+      o.palette.success.main,
+      o.palette.error.main
     ]), P = h.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), re = () => {
-      a(
-        y.length > 0 ? _.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : _.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+      r(
+        y.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!s || !n || !U) return /* @__PURE__ */ e(V, { height: 100 });
-    const R = 32, oe = y.length > 0, $e = () => oe ? v ? /* @__PURE__ */ e(
+    if (!s || !n || !K) return /* @__PURE__ */ e(F, { height: 100 });
+    const R = 32, oe = y.length > 0, Pe = () => oe ? v ? /* @__PURE__ */ e(
       Dt,
       {
         logoSize: R,
         maxLogos: 3,
         upcomingRecurrences: y.slice(0, 3)
       }
-    ) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: v ? 64 : 104 } }), Pe = [
+    ) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: v ? 64 : 104 } }), Be = [
       {
         amount: W,
         bgColor: "success.main",
-        label: I.paid
+        label: _.paid
       },
       {
         amount: b,
         bgColor: "error.main",
-        label: I.missed
+        label: _.missed
       },
       {
         amount: ne,
         bgColor: "border.light",
-        label: I.upcoming
+        label: _.upcoming
       }
-    ], Te = !F?.length;
+    ], De = !j?.length;
     return /* @__PURE__ */ e(
       ht,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: Te ? ie.get_started_cta : I.primary_cta,
+        ctaLabel: De ? ie.get_started_cta : _.primary_cta,
         onCTAClick: re,
-        title: I.recurring_expenses,
-        children: Te ? /* @__PURE__ */ e(It, {}) : /* @__PURE__ */ o(X, { children: [
-          /* @__PURE__ */ o(
+        title: _.recurring_expenses,
+        children: De ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ a(Z, { children: [
+          /* @__PURE__ */ a(
             c,
             {
               ref: m,
@@ -811,7 +811,7 @@ const Q = {
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ a(
                   c,
                   {
                     sx: [
@@ -839,18 +839,18 @@ const Q = {
                             pr: 12
                           },
                           variant: "XSmall",
-                          children: I.expected
+                          children: _.expected
                         }
                       )
                     ]
                   }
                 ),
-                $e()
+                Pe()
               ]
             }
           ),
-          /* @__PURE__ */ o(c, { sx: { pt: 12 }, children: [
-            /* @__PURE__ */ e(ke, { data: K }),
+          /* @__PURE__ */ a(c, { sx: { pt: 12 }, children: [
+            /* @__PURE__ */ e(We, { data: V }),
             /* @__PURE__ */ e(
               c,
               {
@@ -860,16 +860,16 @@ const Q = {
                   gap: 16,
                   mt: 4
                 },
-                children: Pe.map((G, Be) => /* @__PURE__ */ e(
+                children: Be.map((G, He) => /* @__PURE__ */ e(
                   St,
                   {
                     amount: G.amount,
                     bgcolor: G.bgColor,
-                    isLargeScreen: j,
+                    isLargeScreen: Y,
                     isSmallScreen: v,
                     label: G.label
                   },
-                  `recurrence-legend-${Be}`
+                  `recurrence-legend-${He}`
                 ))
               }
             )
@@ -878,15 +878,30 @@ const Q = {
       }
     );
   }
+), Mn = T(
+  ({ isOpen: t, onClose: n }) => {
+    const { cashflow: i } = D(), { isCopyLoaded: r } = U();
+    return r ? /* @__PURE__ */ e(
+      xe,
+      {
+        ariaLabelClose: i.close_settings_aria,
+        isOpen: t,
+        onClose: n,
+        title: i.cashflow_settings,
+        children: /* @__PURE__ */ e(Ee, {})
+      }
+    ) : /* @__PURE__ */ e(F, {});
+  }
 );
 export {
-  On as AddRecurringTransactionDetails,
-  An as ManageExpenses,
-  kn as ManageIncome,
-  He as RecurringSettings,
+  kn as AddRecurringTransactionDetails,
+  En as ManageExpenses,
+  Wn as ManageIncome,
+  Ee as RecurringSettings,
+  Mn as RecurringSettingsDrawer,
   vn as RecurringTransactionsMicroWidget,
-  wn as RecurringTransactionsMiniWidget,
-  Gn as RecurringTransactionsStore,
-  _n as RecurringTransactionsWidget,
-  Wn as SelectTransaction
+  In as RecurringTransactionsMiniWidget,
+  Nn as RecurringTransactionsStore,
+  wn as RecurringTransactionsWidget,
+  $n as SelectTransaction
 };