@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0-ram1-bug-alpha-testing

package/dist/recurringtransactions/index.es.js

@@ -1,88 +1,130 @@
-import { jsx as e, jsxs as a, Fragment as B } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
 import x from "react";
-import { observer as C } from "mobx-react-lite";
-import { endOfMonth as W } from "date-fns/endOfMonth";
-import { endOfToday as Z } from "date-fns/endOfToday";
-import { startOfMonth as G } from "date-fns/startOfMonth";
-import { startOfToday as J } from "date-fns/startOfToday";
-import { subDays as Q } from "date-fns/subDays";
-import { R as Te } from "../RecurringSettings-BpCUcE8w.mjs";
-import { M as vn } from "../RecurringSettings-BpCUcE8w.mjs";
-import { addMonths as We } from "date-fns/addMonths";
-import { subMonths as $e } from "date-fns/subMonths";
-import { isBefore as Be } from "date-fns/isBefore";
-import V from "@mui/material/Unstable_Grid2";
+import { observer as R } from "mobx-react-lite";
+import { endOfMonth as z } 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-cm6MK_aS.mjs";
+import { M as Un } from "../RecurringSettings-cm6MK_aS.mjs";
+import { addMonths as ze } from "date-fns/addMonths";
+import { subMonths as He } from "date-fns/subMonths";
+import { isBefore as $e } from "date-fns/isBefore";
+import q from "@mui/material/Grid";
 import ge from "@mui/material/IconButton";
 import l from "@mui/material/Stack";
 import he from "@mui/material/Tab";
-import Pe from "@mui/material/Tabs";
-import { Cancel as De, CheckCircle as we, Schedule as He, MonetizationOn as ze, ChevronLeft as Fe, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
-import { Text as h, MerchantLogo as ee, InstitutionLogo as Ke, H3 as Ye, P as X } from "@mxenabled/mxui";
+import Be from "@mui/material/Tabs";
+import { Cancel as Te, CheckCircle as Se, Schedule as Fe, MonetizationOn as Ue, 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 { g as Xe, L as G, b as N } from "../Localization-DnoVyBNK.mjs";
 import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
-import te from "@mui/material/styles/useTheme";
-import { AdapterDateFns as Ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as Xe } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as qe } from "@mui/x-date-pickers/LocalizationProvider";
-import { isSameDay as Ze } from "date-fns/isSameDay";
-import Je from "@mui/material/Badge";
-import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
-import { I as P } from "../IconBacking-DgT8DCeh.mjs";
-import { u as R, b as H, j as _, g as z, p as _e, h as ne } from "../hooks-fY_n74f7.mjs";
-import { d as I, c as T, g as xe, f as et } from "../RepeatingTransaction-C2txVA9O.mjs";
-import { T as O } from "../RecurringTransactionsStore-D_--5PWH.mjs";
-import { R as An } from "../RecurringTransactionsStore-D_--5PWH.mjs";
-import { A as S, W as tt } from "../WidgetContainer-mzejMmz2.mjs";
-import nt from "@mui/material/Button";
-import q from "@mui/material/Divider";
-import be from "@mui/material/List";
-import Se from "@mui/material/ListItem";
-import it from "@mui/material/ListSubheader";
-import rt from "@mui/material/ListItemAvatar";
-import ot from "@mui/material/ListItemButton";
-import at from "@mui/material/ListItemText";
-import { b as st } from "../ManageIncome-DIIyqDTp.mjs";
-import { c as Nn, M as Gn, S as On } from "../ManageIncome-DIIyqDTp.mjs";
-import { D as ie } from "../Drawer-Bet2ZPJo.mjs";
-import { f as M } from "../NumberFormatting-DjTD0t3W.mjs";
-import { b as E } from "../Localization-2MODESHW.mjs";
-import { f as v, D as L } from "../Dialog-CWymUiuO.mjs";
-import N from "@mui/material/Box";
-import { S as Ie } from "../StatusBar-CPfSXe80.mjs";
-import { u as re } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as Me } from "../SkeletonLoader-BaNboJjD.mjs";
-import { L as oe } from "../Loader-BSWSYqvn.mjs";
-import { u as ae } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
-import { M as ct } from "../MiniWidgetContainer-DKn7ndO6.mjs";
-import { u as lt } from "../useDimensions-27p2evRx.mjs";
-import { M as dt } from "../MicroWidgetContainer-DSyYwRCU.mjs";
-const F = {
+import { enCA as Je } from "date-fns/locale/en-CA";
+import { enUS as xe } from "date-fns/locale/en-US";
+import { es as Qe } from "date-fns/locale/es";
+import { fr as et } from "date-fns/locale/fr";
+import { frCA as tt } from "date-fns/locale/fr-CA";
+import { useTheme as ne } from "@mui/material/styles";
+import { AdapterDateFns as nt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as rt } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as it } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as ot } from "date-fns/isSameDay";
+import at from "@mui/material/Badge";
+import { PickersDay as st } from "@mui/x-date-pickers/PickersDay";
+import { I as B } from "../IconBacking-DgT8DCeh.mjs";
+import { u as y, b as F, i as I, g as U, D as we, h as re } from "../hooks-BaO_gOI6.mjs";
+import { b as A, a as D, g as be, d as ct } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
+import { f as S, D as w } from "../DateFormats-HudZ3Bjs.mjs";
+import { T as W } from "../Sizes-DISGrlUg.mjs";
+import { A as L } from "../Analytics-CzGzz_sE.mjs";
+import lt from "@mui/material/Button";
+import X from "@mui/material/Divider";
+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 { f as E } from "../NumberFormatting--XMeeBfr.mjs";
+import { d as gt } from "../ManageIncome-B1JfqslT.mjs";
+import { c as jn, M as Kn, S as Vn } from "../ManageIncome-B1JfqslT.mjs";
+import { D as ie } from "../Drawer-BXqqBMxg.mjs";
+import O from "@mui/material/Box";
+import { u as Me } from "../useScreenSize-mWpmnh5w.mjs";
+import { S as Le } from "../StatusBar-CPfSXe80.mjs";
+import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
+import { u as oe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { L as ae } from "../Loader-CxeBwuPG.mjs";
+import { W as ht } from "../WidgetContainer-DNuz_s7W.mjs";
+import { M as ft } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
+import { M as bt } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+const Y = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, U = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(He, { color: "primary", filled: !0, sx: { fontSize: n, ...F } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
-  ze,
+}, j = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  B,
   {
-    filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...F }
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(Fe, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } })
   }
-) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(De, { color: "error", filled: !0, sx: { fontSize: n, ...F } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...F } }) }), ut = C(
-  ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: o } = R(), { selectedAccountGuids: r } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
-      () => c.filter((f) => r.includes(f.accountGuid)),
-      [r, c]
+), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  B,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(
+      Ue,
+      {
+        filled: !0,
+        sx: { color: "categories.income", fontSize: n, ...Y }
+      }
+    )
+  }
+), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  B,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  B,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), Ct = R(
+  ({ day: t, outsideCurrentMonth: n, ...r }) => {
+    const { recurring: i } = y(), { selectedAccountGuids: o } = F(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
+      () => c.filter((f) => o.includes(f.accountGuid)),
+      [o, c]
     ).filter(
-      (f) => Ze(f.occurredOnDate || f.expectedDate, t)
-    ), d = s.some(
-      (f) => f.type !== I.Income && f.status === T.Upcoming
-    ), m = s.some(
-      (f) => f.type !== I.Income && f.status === T.Missed
-    ), g = s.some(
-      (f) => f.type !== I.Income && f.status === T.Paid
-    ), b = s.some((f) => f.type === I.Income), y = (d ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0);
+      (f) => ot(f.occurredOnDate || f.expectedDate, t)
+    ), 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 = (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(
-      Je,
+      at,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ a(B, { children: [
+        badgeContent: a.length > 0 && /* @__PURE__ */ s($, { children: [
           m && /* @__PURE__ */ e(le, { isOffset: !0 }),
           g && /* @__PURE__ */ e(de, { isOffset: !0 }),
           d && /* @__PURE__ */ e(se, { isOffset: !0 }),
@@ -92,18 +134,14 @@ const F = {
         sx: {
           "& .MuiBadge-badge": {
             padding: 0,
-            marginRight: `${(y - 1) * 6 + 1}px`,
+            marginRight: `${(C - 1) * 6 + 1}px`,
             flexWrap: "nowrap"
           }
         },
         children: /* @__PURE__ */ e(
-          Qe,
+          st,
           {
-            "aria-label": `
-          ${g && o.paid}, 
-          ${m && o.missed}, 
-          ${d && o.upcoming}, 
-          ${b && o.income}`,
+            "aria-label": M,
             day: t,
             onClick: () => u(t),
             outsideCurrentMonth: n,
@@ -114,18 +152,18 @@ const F = {
                 }
               }
             },
-            ...i
+            ...r
           }
         )
       }
     );
   }
-), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), H = ({ icon: t, label: n }) => /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(h, { variant: "XSmall", children: n })
-] }), mt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(
+  /* @__PURE__ */ e(h, { variant: "caption", children: n })
+] }), yt = R(() => {
+  const { recurring: t } = y();
+  return /* @__PURE__ */ s(
     l,
     {
       alignItems: "center",
@@ -135,35 +173,44 @@ const F = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__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 })
+        /* @__PURE__ */ e(H, { icon: se, label: t.expense }),
+        /* @__PURE__ */ e(H, { icon: ce, label: t.income }),
+        /* @__PURE__ */ e(H, { icon: le, label: t.missed }),
+        /* @__PURE__ */ e(H, { icon: de, label: t.paid })
       ]
     }
   );
-}), ye = 58, ve = C(() => {
-  const t = te(), { onEvent: n } = z(), { selectedDay: i, setDateRange: o } = _(), [r, c] = x.useState(
-    fe(/* @__PURE__ */ new Date()) * O + ye
-  ), u = (m) => {
-    c(fe(m) * O + ye), o({
-      start: G(m),
-      end: W(m)
-    }), p(m), n(S.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, p = (m) => {
+}), ye = 58, Rt = () => {
+  const t = Xe();
+  return {
+    [G.EN_US]: xe,
+    [G.EN_CA]: Je,
+    [G.FR]: et,
+    [G.FR_CA]: tt,
+    [G.ES]: Qe
+  }[t] || xe;
+}, Ae = R(() => {
+  const t = ne(), { onEvent: n } = U(), { recurring: r } = y(), { selectedDay: i, setDateRange: o } = I(), [c, u] = x.useState(
+    fe(/* @__PURE__ */ new Date()) * W + ye
+  ), p = (m) => {
+    u(fe(m) * W + ye), o({
+      start: k(m),
+      end: z(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();
     });
-  }, s = /* @__PURE__ */ e(
-    Xe,
+  }, d = /* @__PURE__ */ e(
+    rt,
     {
-      minDate: G(/* @__PURE__ */ new Date()),
-      onChange: p,
-      onMonthChange: u,
+      minDate: k(/* @__PURE__ */ new Date()),
+      onChange: a,
+      onMonthChange: p,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: ut
+        day: Ct
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -184,136 +231,113 @@ const F = {
           pr: 8
         },
         "& .MuiPickersCalendarHeader-label": {
-          fontFamily: t.typography.Body.fontFamily,
-          fontSize: t.typography.Body.fontSize,
+          fontFamily: t.typography.body1.fontFamily,
+          fontSize: t.typography.body1.fontSize,
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: r
+          minHeight: c
         },
         "&.MuiDateCalendar-root": {
-          minHeight: r + O
+          minHeight: c + W
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
-          height: O,
-          width: O,
+          height: W,
+          width: W,
           margin: 0
         },
         "& .MuiDayCalendar-weekDayLabel": {
           fontFamily: t.typography.h3.fontFamily,
           fontSize: t.typography.body2.fontSize
-        }
+        },
+        "& .MuiPickersDay-dayOutsideMonth": {
+          color: "text.secondary"
+        },
+        textTransform: "capitalize"
       },
       value: i,
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ a(
-    l,
-    {
-      "aria-describedby": "calendar-description",
-      "aria-labelledby": "calendar-label",
-      justifyContent: "center",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            id: "calendar-label",
-            style: {
-              position: "absolute",
-              width: "1px",
-              height: "1px",
-              padding: 0,
-              margin: "-1px",
-              overflow: "hidden",
-              clip: "rect(0, 0, 0, 0)",
-              whiteSpace: "nowrap",
-              border: 0
-            },
-            children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
-          }
-        ),
-        /* @__PURE__ */ a(qe, { dateAdapter: Ve, children: [
-          i && s,
-          !i && s,
-          /* @__PURE__ */ e(mt, {})
-        ] })
-      ]
-    }
-  );
-}), pt = (t) => {
-  if (t.type === I.Income)
+  return /* @__PURE__ */ e(l, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(it, { adapterLocale: Rt(), dateAdapter: nt, 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(ce, {});
   switch (t.status) {
-    case T.Missed:
+    case D.Missed:
       return /* @__PURE__ */ e(le, {});
-    case T.Paid:
+    case D.Paid:
       return /* @__PURE__ */ e(de, {});
     default:
       return /* @__PURE__ */ e(se, {});
   }
-}, gt = (t, n) => {
+}, _t = (t, n) => {
   switch (t.status) {
-    case T.Paid:
-      return t.expectedDate ? E(
+    case D.Paid:
+      return t.expectedDate ? N(
         n.paid_on,
-        v(
+        S(
           t.occurredOnDate || t.expectedDate,
-          L.MONTH_DAY
+          w.MONTH_DAY
         )
       ) : n.paid;
-    case T.Missed:
-      return E(
+    case D.Missed:
+      return N(
         n.missed_on,
-        v(t.expectedDate, L.MONTH_DAY)
+        S(t.expectedDate, w.MONTH_DAY)
       );
-    case T.Upcoming:
-      return E(
+    case D.Upcoming:
+      return N(
         n.upcoming_on,
-        v(t.expectedDate, L.MONTH_DAY)
+        S(t.expectedDate, w.MONTH_DAY)
       );
     default:
       return n.unknown;
   }
-}, Ce = ({
+}, Re = ({
   recurrence: t,
   isMini: n = !1,
-  onRecurrenceClick: i = () => {
+  onRecurrenceClick: r = () => {
   },
-  showOrdinal: o = !1
+  showOrdinal: i = !1
 }) => {
-  const { recurring: r } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
-    () => c.find((A) => A.guid === t.repeatingTransactionGuid),
+  const { recurring: o } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
+    () => c.find((M) => M.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), d = t.type === I.Income, m = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
-  let y = r.paid?.toLowerCase();
-  return g ? y = r.missed?.toLowerCase() : b && (y = o ? xe(r, s || {}, !0) : xe(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ a(Se, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(ot, { onClick: () => {
-      p(!0), i(t);
+  ), 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 ? be(o, a || {}, !0) : be(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: [
-      /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(
-        ee,
+      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ e(
+        te,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(at, { children: /* @__PURE__ */ a(
+      /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ s(
         l,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ a(l, { 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(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
-                pt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: gt(t, r) })
-              ] }) : /* @__PURE__ */ a(B, { children: [
+              /* @__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: _t(t, o) })
+              ] }) : /* @__PURE__ */ s($, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
-                  Ke,
+                  Ve,
                   {
                     alt: `${t.institutionName} institution logo`,
                     institutionGuid: t.institutionGuid,
@@ -323,12 +347,12 @@ const F = {
                 /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__PURE__ */ a(l, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ a(h, { bold: !0, color: d ? "success.main" : "text.primary", variant: "body1", children: [
+            /* @__PURE__ */ s(l, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ s(h, { bold: !0, color: d ? "success.main" : "text.primary", variant: "body1", children: [
                 d ? "+" : "",
-                M(t.amount, "0,0.00")
+                E(t.amount, "0,0.00")
               ] }),
-              !n && /* @__PURE__ */ a(
+              !n && /* @__PURE__ */ s(
                 l,
                 {
                   direction: "row",
@@ -340,9 +364,9 @@ const F = {
                     width: "100%"
                   },
                   children: [
-                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
-                    g && /* @__PURE__ */ e(De, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: y })
+                    m && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
+                    g && /* @__PURE__ */ e(Te, { color: "error", filled: !0, size: 12 }),
+                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: C })
                   ]
                 }
               )
@@ -354,32 +378,32 @@ const F = {
     /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: r.close_drawer_aria,
+        ariaLabelClose: o.close_drawer_aria,
         isOpen: u,
         onClose: () => p(!1),
-        title: t.type === I.Income ? r.income_details : r.expense_details,
-        children: s && /* @__PURE__ */ e(
-          st,
+        title: t.type === A.Income ? o.income_details : o.expense_details,
+        children: a && /* @__PURE__ */ e(
+          gt,
           {
             onDeleted: () => p(!1),
-            recurringTransaction: s
+            recurringTransaction: a
           }
         )
       }
     )
   ] });
-}, k = C(
+}, P = R(
   ({
     recurrences: t,
     isMini: n = !1,
-    onResetClick: i,
-    onRecurrenceClick: o,
-    sx: r = {},
+    onResetClick: r,
+    onRecurrenceClick: i,
+    sx: o = {},
     title: c
   }) => {
-    const { recurring: u } = R(), p = x.useMemo(() => et(t), [t]);
-    return /* @__PURE__ */ a(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...r }, "tab-index": -1, children: [
-      c && /* @__PURE__ */ a(
+    const { recurring: u } = y(), p = x.useMemo(() => ct(t), [t]);
+    return /* @__PURE__ */ s(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
+      c && /* @__PURE__ */ s(
         l,
         {
           sx: {
@@ -389,160 +413,160 @@ const F = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: c }),
-            i && /* @__PURE__ */ e(nt, { onClick: i, size: "small", variant: "text", children: u.reset })
+            /* @__PURE__ */ e(qe, { bold: !0, variant: "body1", children: c }),
+            r && /* @__PURE__ */ e(lt, { onClick: r, size: "small", variant: "text", children: u.reset })
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(be, { children: n ? t.map((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
+      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, d) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
-          Ce,
+          Re,
           {
             isMini: n,
-            onRecurrenceClick: o,
-            recurrence: s
+            onRecurrenceClick: i,
+            recurrence: a
           }
         ),
-        /* @__PURE__ */ e(q, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) : p.map((s, d) => /* @__PURE__ */ a(x.Fragment, { children: [
-        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(
-          be,
+        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
+      ] }, `recurrence-${d}`)) : p.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
+        /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(
+          Ce,
           {
-            subheader: /* @__PURE__ */ e(it, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: v(s.date, L.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ e(dt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: S(a.date, w.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: s.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
-              Ce,
+            children: a.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+              Re,
               {
                 isMini: n,
-                onRecurrenceClick: o,
+                onRecurrenceClick: i,
                 recurrence: m
               }
             ) }, `day-recurrence-${g}`))
           }
-        ) }, s.id),
-        /* @__PURE__ */ e(q, { sx: { mx: 24 } })
+        ) }, a.id),
+        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
       ] }, `recurrence-${d}`)) })
     ] });
   }
-), Re = C(
-  ({ expected: t, isExpense: n = !0, missed: i, paid: o, title: r, total: c, upcoming: u }) => {
-    const p = te(), { isSmallMobile: s } = re(), { recurring: d } = R(), m = x.useMemo(() => {
-      const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
-      return i && g.push({ color: p.palette.error.main, percentage: `${i / t}` }), g;
-    }, [o, t, i]);
-    return /* @__PURE__ */ a(l, { children: [
-      /* @__PURE__ */ a(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${r} (${c})` }),
-        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${M(t, "0,0.00")}` })
+), De = R(
+  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: c, upcoming: u }) => {
+    const p = ne(), { isSmallMobile: a } = Me(), { 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;
+    }, [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(Ie, { data: m, height: 12 }),
-      /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
-        /* @__PURE__ */ e(N, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(o, "0,0.00") }),
+      /* @__PURE__ */ e(Le, { 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(i, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: d.paid?.toLowerCase() }),
-        i !== void 0 && /* @__PURE__ */ a(B, { children: [
-          /* @__PURE__ */ e(N, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(i, "0,0.00") }),
+        r !== void 0 && /* @__PURE__ */ s($, { children: [
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(r, "0,0.00") }),
           /* @__PURE__ */ e(h, { variant: "caption", children: d.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(N, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(u, "0,0.00") }),
-        /* @__PURE__ */ e(h, { variant: "caption", children: d.upcoming })
+        /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(u, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: d.upcoming?.toLowerCase() })
       ] })
     ] });
   }
-), ht = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = _e(), { isDesktop: i, isSmallMobile: o, isMobile: r } = re(n), { onEvent: c } = z(), {
+), Tt = R(() => {
+  const { recurring: t } = y(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = Me(n), { onEvent: c } = U(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
-    dateRange: s,
+    dateRange: a,
     expenseTotal: d,
     incomeTotal: m,
     missedExpenseTotal: g,
     pastRecurrences: b,
-    paidExpenseTotal: y,
-    paidIncomeTotal: f,
-    selectedDay: A,
-    selectedDayRecurrences: j,
-    setDateRange: w,
+    paidExpenseTotal: C,
+    paidIncomeTotal: v,
+    selectedDay: M,
+    selectedDayRecurrences: f,
+    setDateRange: T,
     upcomingExpenseTotal: K,
-    upcomingIncomeTotal: Le,
+    upcomingIncomeTotal: Ee,
     upcomingRecurrences: ue
-  } = _(), [Y, Ae] = x.useState(0), Ee = Be(s.start, /* @__PURE__ */ new Date()), Ne = (D, ke) => {
-    Ae(ke);
-  }, me = (D) => {
-    c(S.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: D.transaction?.guid
+  } = I(), [V, Ne] = x.useState(0), Oe = $e(a.start, /* @__PURE__ */ new Date()), ke = (_, Pe) => {
+    Ne(Pe);
+  }, me = (_) => {
+    c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: _.transaction?.guid
     });
-  }, pe = (D) => {
-    c(S.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: D.transaction?.guid
+  }, pe = (_) => {
+    c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: _.transaction?.guid
     });
   }, Ge = () => {
-    const D = We(s.start, 1);
-    w({
-      start: G(D),
-      end: W(D)
+    const _ = ze(a.start, 1);
+    T({
+      start: k(_),
+      end: z(_)
     });
-  }, Oe = () => {
-    const D = $e(s.start, 1);
-    w({
-      start: G(D),
-      end: W(D)
+  }, We = () => {
+    const _ = He(a.start, 1);
+    T({
+      start: k(_),
+      end: z(_)
     });
   };
-  return /* @__PURE__ */ a(
-    V,
+  return /* @__PURE__ */ s(
+    q,
     {
       container: !0,
       sx: {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(V, { md: !0, sm: 12, width: "100%", children: [
-          /* @__PURE__ */ a(l, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
-            /* @__PURE__ */ a(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(Ye, { children: E(
+        /* @__PURE__ */ s(q, { size: { sm: 12, md: "grow" }, width: "100%", 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,
-                v(s.start, L.MONTH_LONG)
+                S(a.start, w.MONTH_LONG)
               ) }),
-              !i && /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ s(l, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
                     color: "primary",
-                    disabled: Ee,
-                    onClick: Oe,
-                    children: /* @__PURE__ */ e(Fe, {})
+                    disabled: Oe,
+                    onClick: We,
+                    children: /* @__PURE__ */ e(Ye, {})
                   }
                 ),
-                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(Ue, {}) })
+                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
-              Re,
+              De,
               {
                 expected: d,
                 missed: g,
-                paid: y,
+                paid: C,
                 title: t.expenses,
                 total: u.length,
                 upcoming: K
               }
             ),
             /* @__PURE__ */ e(
-              Re,
+              De,
               {
                 expected: m,
                 isExpense: !1,
-                paid: f,
+                paid: v,
                 title: t.deposits,
                 total: p.length,
-                upcoming: Le
+                upcoming: Ee
               }
             ),
-            i && /* @__PURE__ */ e(
-              k,
+            r && /* @__PURE__ */ e(
+              P,
               {
                 onRecurrenceClick: me,
                 recurrences: ue,
@@ -550,30 +574,30 @@ const F = {
               }
             )
           ] }),
-          !i && /* @__PURE__ */ a(l, { sx: { px: r ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(Pe, { onChange: Ne, value: Y, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ s(l, { sx: { px: o ? 0 : 24 }, children: [
+            /* @__PURE__ */ s(Be, { onChange: ke, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 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(
                 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 })
                 }
               )
             ] }),
-            Y === 0 && /* @__PURE__ */ e(
-              k,
+            V === 0 && /* @__PURE__ */ e(
+              P,
               {
                 onRecurrenceClick: me,
                 recurrences: ue
               }
             ),
-            Y === 1 && /* @__PURE__ */ e(
-              k,
+            V === 1 && /* @__PURE__ */ e(
+              P,
               {
                 onRecurrenceClick: pe,
                 recurrences: b
@@ -581,16 +605,16 @@ const F = {
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ e(V, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
-          /* @__PURE__ */ e(ve, {}),
+        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ s(l, { gap: 24, children: [
+          /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(
-            k,
+            P,
             {
               onRecurrenceClick: pe,
-              recurrences: j || b,
-              title: A ? E(
+              recurrences: f || b,
+              title: M ? N(
                 t.day_transactions,
-                v(A, L.MONTH_DAY)
+                S(M, w.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -598,114 +622,118 @@ const F = {
       ]
     }
   );
-}), Dn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: r } = H(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = _(), { setFilter: s } = ne(), { onEvent: d } = z(), { isMobile: m } = re(), [g, b] = x.useState(!1);
-  return ae({
-    widgetName: "RecurringTransactionsWidget",
-    isLoaded: c
-  }), x.useEffect(() => {
-    c || u().finally();
-  }, []), x.useEffect(() => {
-    s({
-      dateRange: { start: Q(J(), 90), end: Z() },
-      accounts: r
-    }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
-  }, [r]), o ? /* @__PURE__ */ a(
-    tt,
-    {
-      actions: [
-        {
-          label: i.action_title,
-          iconName: "credit_card_gear",
-          onClick: () => {
-            b(!0), d(S.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
-          }
-        }
-      ],
-      hasDivider: m,
-      onAccountsFilterClick: () => d(S.RECURRING_TRANSACTIONS_CLICK_FILTER),
-      onBackClick: t,
-      sx: n,
-      title: i.title,
-      children: [
-        c ? /* @__PURE__ */ e(ht, {}) : /* @__PURE__ */ e(Me, { sx: { m: 48 }, variant: "list" }),
-        /* @__PURE__ */ e(
-          ie,
+}), Pn = R(
+  ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
+    const { recurring: i } = y(), { isInitialized: o, selectedAccountGuids: c } = F(), { 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: z(/* @__PURE__ */ new Date()) });
+    }, [c]), o ? /* @__PURE__ */ s(
+      ht,
+      {
+        actions: [
           {
-            ariaLabelClose: i.close_drawer_aria,
-            isOpen: g,
-            onClose: () => b(!1),
-            shouldShowHeaderBorders: !1,
-            title: i.action_title,
-            children: /* @__PURE__ */ e(Te, {})
+            label: i.action_title,
+            iconName: "credit_card_gear",
+            onClick: () => {
+              b(!0), m(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            }
           }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(oe, {});
-}), ft = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = _e(), { selectedDay: i, selectedDayRecurrences: o, setSelectedDay: r, upcomingRecurrences: c } = _(), u = n < 750;
-  return /* @__PURE__ */ a(l, { flexDirection: u ? "column" : "row", width: "100%", children: [
-    /* @__PURE__ */ e(ve, {}),
-    !u && /* @__PURE__ */ e(q, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+        ],
+        hasDivider: !0,
+        onAccountsFilterClick: () => m(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
+        onBackClick: t,
+        onMenuClick: n,
+        sx: r,
+        title: i.title,
+        children: [
+          u ? /* @__PURE__ */ e(Tt, {}) : /* @__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(_e, {})
+            }
+          )
+        ]
+      }
+    ) : /* @__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(
-      k,
+      P,
       {
         isMini: !0,
-        onResetClick: i ? () => r(i) : 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: i ? E(
+        title: r ? N(
           t.day_transactions,
-          v(i, L.MONTH_DAY)
+          S(r, w.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), wn = C(
+}), zn = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: i } = R(), { setFilter: o } = ne(), { isDataLoaded: r, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
-    return ae({
+    const { recurring: r } = y(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = F();
+    return oe({
       widgetName: "RecurringTransactionsMiniWidget",
-      isLoaded: r
+      isLoaded: o
     }), x.useEffect(() => {
-      r || c().finally();
+      o || c().finally();
     }, []), x.useEffect(() => {
-      p.length > 0 && o({
-        dateRange: { start: Q(J(), 90), end: Z() },
+      p.length > 0 && i({
+        dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
     }, [p]), u ? /* @__PURE__ */ e(
-      ct,
+      ft,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
-        primaryCtaLabel: i.primary_cta,
-        subTitle: i.sub_title,
+        primaryCtaLabel: r.primary_cta,
+        primaryCtaLabelAria: r.primary_cta_aria,
+        subTitle: r.sub_title,
         sx: n,
-        title: i.mini_title,
-        children: r ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(Me, { sx: { mx: 16 }, variant: "list" })
+        title: r.mini_title,
+        children: o ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
       }
-    ) : /* @__PURE__ */ e(oe, {});
+    ) : /* @__PURE__ */ e(ae, {});
   }
-), xt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(je, { size: 32 }),
-    /* @__PURE__ */ a(l, { children: [
-      /* @__PURE__ */ e(X, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+), wt = R(() => {
+  const { recurring: t } = y();
+  return /* @__PURE__ */ s(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(Ke, { size: 32 }),
+    /* @__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 })
     ] })
   ] });
-}), bt = ({
+}), It = ({
   amount: t,
   bgcolor: n,
-  isLargeScreen: i,
-  isSmallScreen: o,
-  label: r
-}) => /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  isLargeScreen: r,
+  isSmallScreen: i,
+  label: o
+}) => /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    N,
+    O,
     {
       sx: {
         borderRadius: "2px",
@@ -715,109 +743,109 @@ const F = {
       }
     }
   ),
-  /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: M(t, t === 0 || !i ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(h, { variant: "caption", children: r })
+  /* @__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 })
   ] })
-] }), yt = ({
+] }), Mt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
-  maxLogos: i = 3
+  maxLogos: r = 3
 }) => {
-  const o = (r) => r * (n / 2);
+  const i = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
-    N,
+    O,
     {
       sx: {
         position: "relative",
         width: 64
       },
-      children: t.map((r, c) => c < i ? /* @__PURE__ */ e(
-        N,
+      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,
             position: "absolute"
           },
           children: /* @__PURE__ */ e(
-            ee,
+            te,
             {
-              categoryGuid: r.categoryGuid || "",
-              merchantGuid: r.merchantGuid || "",
+              categoryGuid: o.categoryGuid || "",
+              merchantGuid: o.merchantGuid || "",
               size: n
             }
           )
         },
-        `${r.categoryGuid}-${r.merchantGuid}-${c}`
+        `${o.categoryGuid}-${o.merchantGuid}-${c}`
       ) : null)
     }
   );
-}, Ct = ({
+}, Lt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, o) => /* @__PURE__ */ e(
-  ee,
+}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(
+  te,
   {
-    categoryGuid: i.categoryGuid || "",
-    merchantGuid: i.merchantGuid || ""
+    categoryGuid: r.categoryGuid || "",
+    merchantGuid: r.merchantGuid || ""
   },
-  `${i.categoryGuid}-${i.merchantGuid}-${o}`
-)) }), Rt = C(() => {
-  const t = te(), [n, { width: i }] = lt(), {
-    upcomingRecurrences: o,
-    expenseTotal: r,
+  `${r.categoryGuid}-${r.merchantGuid}-${i}`
+)) }), vt = R(() => {
+  const t = ne(), [n, { width: r }] = xt(), {
+    upcomingRecurrences: i,
+    expenseTotal: o,
     missedExpenseTotal: c,
     paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = _(), { recurring: s } = R(), d = i <= 288, m = i >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => M(r, r === 0 ? "0,0" : "0,0.00"), [r]), f = x.useMemo(() => {
-    const w = [
-      { color: t.palette.success.main, percentage: `${u / r}` }
+  } = 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 T = [
+      { color: t.palette.success.main, percentage: `${u / o}` }
     ];
-    return c && w.push({
+    return c && T.push({
       color: t.palette.error.main,
-      percentage: `${c / r}`
-    }), w;
+      percentage: `${c / o}`
+    }), T;
   }, [
     u,
-    r,
+    o,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), A = () => b ? d ? /* @__PURE__ */ e(
-    yt,
+  ]), M = () => b ? d ? /* @__PURE__ */ e(
+    Mt,
     {
       logoSize: g,
       maxLogos: 3,
-      upcomingRecurrences: o.slice(0, 3)
+      upcomingRecurrences: i.slice(0, 3)
     }
-  ) : /* @__PURE__ */ e(Ct, { maxLogos: 3, upcomingRecurrences: o.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), j = [
+  ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), f = [
     {
       amount: u,
       bgColor: "success.main",
-      label: s.paid
+      label: a.paid
     },
     {
       amount: c,
       bgColor: "error.main",
-      label: s.missed
+      label: a.missed
     },
     {
       amount: p,
-      bgColor: "border.light",
-      label: s.upcoming
+      bgColor: "neutral.light",
+      label: a.upcoming
     }
   ];
-  return /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ a(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ a(
+  return /* @__PURE__ */ s($, { children: [
+    /* @__PURE__ */ s(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ s(
         l,
         {
           sx: [
-            y.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            C.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -830,18 +858,18 @@ const F = {
               h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && d ? "H3" : "H2",
-                children: y
+                variant: C.length >= 10 && d ? "h3" : "h2",
+                children: C
               }
             ),
-            /* @__PURE__ */ e(X, { sx: { pr: 12 }, variant: "XSmall", children: s.expected })
+            /* @__PURE__ */ e(Z, { sx: { pr: 12 }, variant: "caption", children: a.expected })
           ]
         }
       ),
-      A()
+      M()
     ] }),
-    /* @__PURE__ */ a(l, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(Ie, { data: f }),
+    /* @__PURE__ */ s(l, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(Le, { data: v }),
       /* @__PURE__ */ e(
         l,
         {
@@ -851,14 +879,14 @@ const F = {
             gap: 16,
             mt: 4
           },
-          children: j.map((w, K) => /* @__PURE__ */ e(
-            bt,
+          children: f.map((T, K) => /* @__PURE__ */ e(
+            It,
             {
-              amount: w.amount,
-              bgcolor: w.bgColor,
+              amount: T.amount,
+              bgcolor: T.bgColor,
               isLargeScreen: m,
               isSmallScreen: d,
-              label: w.label
+              label: T.label
             },
             `recurrence-legend-${K}`
           ))
@@ -866,72 +894,71 @@ const F = {
       )
     ] })
   ] });
-}), _n = C(
+}), Hn = R(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = z(), { isInitialized: i, selectedAccountGuids: o } = H(), {
-      loadRepeatingTransactionData: r,
+    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: i } = F(), {
+      loadRepeatingTransactionData: o,
       upcomingRecurrences: c,
       repeatingTransactions: u,
       setDateRange: p,
-      isDataLoaded: s
-    } = _(), { setFilter: d } = ne(), { recurring: m, budgets: g } = R();
-    ae({
+      isDataLoaded: a
+    } = I(), { setFilter: d } = re(), { recurring: m, budgets: g } = y();
+    oe({
       widgetName: "RecurringTransactionsMicroWidget",
-      isLoaded: s
+      isLoaded: a
     }), x.useEffect(() => {
-      s || r().finally(() => {
-        n(S.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      a || o().finally(() => {
+        n(L.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      i && (d({
-        dateRange: { start: Q(J(), 90), end: Z() },
-        accounts: o
-      }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
-    }, [i, o]);
+      r && (d({
+        dateRange: { start: ee(Q(), 90), end: J() },
+        accounts: i
+      }), p({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }));
+    }, [r, i]);
     const b = () => {
       n(
-        c.length > 0 ? S.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : S.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        c.length > 0 ? L.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : L.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!i || !s) return /* @__PURE__ */ e(oe, { height: 100 });
-    const y = !u?.length;
+    if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
+    const C = !u?.length;
     return /* @__PURE__ */ e(
-      dt,
+      bt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: y ? g.get_started_cta : m.primary_cta,
+        ctaLabel: C ? g.get_started_cta : m.primary_cta,
         onCTAClick: b,
         title: m.recurring_expenses,
-        children: y ? /* @__PURE__ */ e(xt, {}) : /* @__PURE__ */ e(Rt, {})
+        children: C ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
       }
     );
   }
-), Sn = C(
-  ({ isOpen: t, onClose: n, selectedTab: i }) => {
-    const { cashflow: o } = R();
+), $n = R(
+  ({ isOpen: t, onClose: n, selectedTab: r }) => {
+    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(Te, { defaultSelectedTab: i })
+        title: i.cashflow_settings,
+        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
       }
     );
   }
 );
 export {
-  Nn as AddRecurringTransactionDetails,
-  vn as ManageExpenses,
-  Gn as ManageIncome,
-  Te as RecurringSettings,
-  Sn as RecurringSettingsDrawer,
-  _n as RecurringTransactionsMicroWidget,
-  wn as RecurringTransactionsMiniWidget,
-  An as RecurringTransactionsStore,
-  Dn as RecurringTransactionsWidget,
-  On as SelectTransaction
+  jn as AddRecurringTransactionDetails,
+  Un as ManageExpenses,
+  Kn as ManageIncome,
+  _e as RecurringSettings,
+  $n as RecurringSettingsDrawer,
+  Hn as RecurringTransactionsMicroWidget,
+  zn as RecurringTransactionsMiniWidget,
+  Pn as RecurringTransactionsWidget,
+  Vn as SelectTransaction
 };