@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/recurringtransactions/index.es.js

@@ -1,110 +1,149 @@
-import { jsx as e, jsxs as a, Fragment as B } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as B } 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-rEotGPcM.mjs";
-import { M as Ln } from "../RecurringSettings-rEotGPcM.mjs";
-import { addMonths as We } from "date-fns/addMonths";
+import { observer as R } from "mobx-react-lite";
+import { endOfMonth as H } from "date-fns/endOfMonth";
+import { endOfToday as J } from "date-fns/endOfToday";
+import { startOfMonth as k } from "date-fns/startOfMonth";
+import { startOfToday as Q } from "date-fns/startOfToday";
+import { subDays as ee } from "date-fns/subDays";
+import { R as _e } from "../RecurringSettings-BN9H5ALr.mjs";
+import { M as Yn } from "../RecurringSettings-BN9H5ALr.mjs";
+import { addMonths as He } from "date-fns/addMonths";
 import { subMonths as $e } from "date-fns/subMonths";
 import { isBefore as Be } from "date-fns/isBefore";
-import V from "@mui/material/Unstable_Grid2";
-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 { 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, i as _, g as z, p as _e, h as ne } from "../hooks-CBl85iRr.mjs";
-import { d as I, c as T, g as xe, f as et } from "../RecurringTransactions-DlKYwpfK.mjs";
-import { T as O } from "../RecurringTransactionsStore-DpzLX8E8.mjs";
-import { R as En } from "../RecurringTransactionsStore-DpzLX8E8.mjs";
-import { A as S } from "../Analytics-i5h6BxR1.mjs";
-import tt from "@mui/material/Button";
-import q from "@mui/material/Divider";
-import be from "@mui/material/List";
-import Se from "@mui/material/ListItem";
-import nt from "@mui/material/ListSubheader";
-import it from "@mui/material/ListItemAvatar";
-import rt from "@mui/material/ListItemButton";
-import ot from "@mui/material/ListItemText";
-import { b as at } from "../ManageIncome-BVqHHIO7.mjs";
-import { c as Gn, M as On, S as kn } from "../ManageIncome-BVqHHIO7.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 "../DateFormats-Cs-NbEZ7.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-icSc5MlE.mjs";
-import { u as ae } from "../useWidgetLoadTimer-DmNCCLa-.mjs";
-import { W as st } from "../WidgetContainer-DFwVgavi.mjs";
-import { M as ct } from "../MiniWidgetContainer-CXQcSWSl.mjs";
-import { u as lt } from "../useDimensions-CeDR9V8N.mjs";
-import { M as dt } from "../MicroWidgetContainer-CBRk9KG-.mjs";
-const F = {
+import q from "@mui/material/Unstable_Grid2";
+import he from "@mui/material/IconButton";
+import d from "@mui/material/Stack";
+import fe from "@mui/material/Tab";
+import Fe from "@mui/material/Tabs";
+import { Schedule as ze, MonetizationOn as Ue, Cancel as Se, CheckCircle as we, ChevronLeft as Ye, ChevronRight as je, CurrencyExchange as Ke } from "@mxenabled/mx-icons";
+import { Text as h, MerchantLogo as te, InstitutionLogo as Ve, H3 as qe, H2 as Ze, P as Z } from "@mxenabled/mxui";
+import { getWeeksInMonth as xe } from "date-fns/getWeeksInMonth";
+import { enCA as Xe } from "date-fns/locale/en-CA";
+import { enUS as be } from "date-fns/locale/en-US";
+import { es as Je } from "date-fns/locale/es";
+import { fr as Qe } from "date-fns/locale/fr";
+import { frCA as et } from "date-fns/locale/fr-CA";
+import ne from "@mui/material/styles/useTheme";
+import { AdapterDateFns as tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as nt } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as rt } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as it } from "date-fns/isSameDay";
+import ot from "@mui/material/Badge";
+import { PickersDay as at } from "@mui/x-date-pickers/PickersDay";
+import { I as F } from "../IconBacking-B9oC6uL2.mjs";
+import { u as y, b as z, i as I, g as U, p as Ie, h as re } from "../hooks-BxkfR-Ff.mjs";
+import { b as A, a as D } from "../RepeatingTransaction-DF4vJn_v.mjs";
+import { f as S, D as w } from "../DateFormats-BMpMrZpW.mjs";
+import { T as G } from "../RecurringTransactionsStore-CkMA7gY3.mjs";
+import { R as Kn } from "../RecurringTransactionsStore-CkMA7gY3.mjs";
+import { g as st, L as W, b as N } from "../Localization-CPkpIwIx.mjs";
+import { A as L } from "../Analytics-BYItVAe-.mjs";
+import ct from "@mui/material/Button";
+import X from "@mui/material/Divider";
+import Ce from "@mui/material/List";
+import Me from "@mui/material/ListItem";
+import lt from "@mui/material/ListSubheader";
+import { g as ye, d as dt } from "../RecurringTransactions-BCJp-Nap.mjs";
+import ut from "@mui/material/ListItemAvatar";
+import mt from "@mui/material/ListItemButton";
+import pt from "@mui/material/ListItemText";
+import { b as gt } from "../ManageIncome-Cc-wba0I.mjs";
+import { c as qn, M as Zn, S as Xn } from "../ManageIncome-Cc-wba0I.mjs";
+import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
+import { D as ie } from "../Drawer-Bbe4AMB1.mjs";
+import O from "@mui/material/Box";
+import { S as Le } from "../StatusBar-BK_uYHAB.mjs";
+import { u as oe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
+import { u as ae } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { L as se } from "../Loader-D3rjKx72.mjs";
+import { W as ht } from "../WidgetContainer-B7xDq2bM.mjs";
+import { M as ft } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
+import { M as bt } from "../MicroWidgetContainer-B_EnfvCq.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, ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
   {
-    filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...F }
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(ze, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } })
   }
-) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(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]
+), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(
+      Ue,
+      {
+        filled: !0,
+        sx: { color: "categories.income", fontSize: n, ...Y }
+      }
+    )
+  }
+), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(Se, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), ue = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
+  {
+    backingSx: { backgroundColor: "background.paper" },
+    size: n,
+    sx: { ...j(t) },
+    children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
+  }
+), Ct = R(
+  ({ day: t, outsideCurrentMonth: n, ...r }) => {
+    const { recurring: o } = y(), { selectedAccountGuids: i } = z(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
+      () => c.filter((f) => i.includes(f.accountGuid)),
+      [i, c]
     ).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) => it(f.occurredOnDate || f.expectedDate, t)
+    ), l = a.some(
+      (f) => f.type !== A.Income && f.status === D.Upcoming
+    ), m = a.some(
+      (f) => f.type !== A.Income && f.status === D.Missed
+    ), g = a.some(
+      (f) => f.type !== A.Income && f.status === D.Paid
+    ), b = a.some((f) => f.type === A.Income), C = (l ? 1 : 0) + (m ? 1 : 0) + (g ? 1 : 0) + (b ? 1 : 0), v = [
+      g && o.paid,
+      m && o.missed,
+      l && o.upcoming,
+      b && o.income
+    ].filter(Boolean), M = v.length > 0 ? `${S(t, w.MONTH_DAY_YEAR)}, ${v.join(", ")}` : S(t, w.MONTH_DAY_YEAR);
     return /* @__PURE__ */ e(
-      Je,
+      ot,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ a(B, { children: [
-          m && /* @__PURE__ */ e(le, { isOffset: !0 }),
-          g && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          d && /* @__PURE__ */ e(se, { isOffset: !0 }),
-          b && /* @__PURE__ */ e(ce, { isOffset: !0 })
+        badgeContent: a.length > 0 && /* @__PURE__ */ s(B, { children: [
+          m && /* @__PURE__ */ e(de, { isOffset: !0 }),
+          g && /* @__PURE__ */ e(ue, { isOffset: !0 }),
+          l && /* @__PURE__ */ e(ce, { isOffset: !0 }),
+          b && /* @__PURE__ */ e(le, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
           "& .MuiBadge-badge": {
             padding: 0,
-            marginRight: `${(y - 1) * 6 + 1}px`,
+            marginRight: `${(C - 1) * 6 + 1}px`,
             flexWrap: "nowrap"
           }
         },
         children: /* @__PURE__ */ e(
-          Qe,
+          at,
           {
-            "aria-label": `
-          ${g && o.paid}, 
-          ${m && o.missed}, 
-          ${d && o.upcoming}, 
-          ${b && o.income}`,
+            "aria-label": M,
             day: t,
             onClick: () => u(t),
             outsideCurrentMonth: n,
@@ -115,19 +154,19 @@ const F = {
                 }
               }
             },
-            ...i
+            ...r
           }
         )
       }
     );
   }
-), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), $ = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(h, { variant: "XSmall", children: n })
-] }), mt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(
-    l,
+  /* @__PURE__ */ e(h, { variant: "caption", children: n })
+] }), yt = R(() => {
+  const { recurring: t } = y();
+  return /* @__PURE__ */ s(
+    d,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -136,35 +175,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($, { icon: ce, label: t.expense }),
+        /* @__PURE__ */ e($, { icon: le, label: t.income }),
+        /* @__PURE__ */ e($, { icon: de, label: t.missed }),
+        /* @__PURE__ */ e($, { icon: ue, label: t.paid })
       ]
     }
   );
-}), 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) => {
+}), Re = 58, Rt = () => {
+  const t = st();
+  return {
+    [W.EN_US]: be,
+    [W.EN_CA]: Xe,
+    [W.FR]: Qe,
+    [W.FR_CA]: et,
+    [W.ES]: Je
+  }[t] || be;
+}, Ae = R(() => {
+  const t = ne(), { onEvent: n } = U(), { recurring: r } = y(), { selectedDay: o, setDateRange: i } = I(), [c, u] = x.useState(
+    xe(/* @__PURE__ */ new Date()) * G + Re
+  ), p = (m) => {
+    u(xe(m) * G + Re), i({
+      start: k(m),
+      end: H(m)
+    }), a(m), n(L.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (m) => {
     m && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
-  }, s = /* @__PURE__ */ e(
-    Xe,
+  }, l = /* @__PURE__ */ e(
+    nt,
     {
-      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": {
@@ -185,136 +233,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 + G
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
-          height: O,
-          width: O,
+          height: G,
+          width: G,
           margin: 0
         },
         "& .MuiDayCalendar-weekDayLabel": {
           fontFamily: t.typography.h3.fontFamily,
           fontSize: t.typography.body2.fontSize
-        }
+        },
+        "& .MuiPickersDay-dayOutsideMonth": {
+          color: "text.secondary"
+        },
+        textTransform: "capitalize"
       },
-      value: i,
+      value: o,
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ a(
-    l,
-    {
-      "aria-describedby": "calendar-description",
-      "aria-labelledby": "calendar-label",
-      justifyContent: "center",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            id: "calendar-label",
-            style: {
-              position: "absolute",
-              width: "1px",
-              height: "1px",
-              padding: 0,
-              margin: "-1px",
-              overflow: "hidden",
-              clip: "rect(0, 0, 0, 0)",
-              whiteSpace: "nowrap",
-              border: 0
-            },
-            children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
-          }
-        ),
-        /* @__PURE__ */ a(qe, { dateAdapter: Ve, children: [
-          i && s,
-          !i && s,
-          /* @__PURE__ */ e(mt, {})
-        ] })
-      ]
-    }
-  );
-}), pt = (t) => {
-  if (t.type === I.Income)
-    return /* @__PURE__ */ e(ce, {});
+  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(rt, { adapterLocale: Rt(), dateAdapter: tt, children: [
+    o && l,
+    !o && l,
+    /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
+    /* @__PURE__ */ e(yt, {})
+  ] }) });
+}), Dt = (t) => {
+  if (t.type === A.Income)
+    return /* @__PURE__ */ e(le, {});
   switch (t.status) {
-    case T.Missed:
-      return /* @__PURE__ */ e(le, {});
-    case T.Paid:
+    case D.Missed:
       return /* @__PURE__ */ e(de, {});
+    case D.Paid:
+      return /* @__PURE__ */ e(ue, {});
     default:
-      return /* @__PURE__ */ e(se, {});
+      return /* @__PURE__ */ e(ce, {});
   }
-}, gt = (t, n) => {
+}, Tt = (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 = ({
+}, De = ({
   recurrence: t,
   isMini: n = !1,
-  onRecurrenceClick: i = () => {
+  onRecurrenceClick: r = () => {
   },
   showOrdinal: o = !1
 }) => {
-  const { recurring: r } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
-    () => c.find((A) => A.guid === t.repeatingTransactionGuid),
+  const { recurring: i } = 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(rt, { onClick: () => {
-      p(!0), i(t);
+  ), l = t.type === A.Income, m = t.status === D.Paid, g = t.status === D.Missed, b = t.status === D.Upcoming;
+  let C = i.paid?.toLowerCase();
+  return g ? C = i.missed?.toLowerCase() : b && (C = o ? ye(i, a || {}, !0) : ye(i, a || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ s(Me, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ s(mt, { onClick: () => {
+      p(!0), r(t);
     }, children: [
-      /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(
-        ee,
+      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ e(
+        te,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ a(
-        l,
+      /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ s(
+        d,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ a(l, { direction: "column", width: "50%", children: [
+            /* @__PURE__ */ s(d, { direction: "column", width: "50%", children: [
               /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
-                pt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: gt(t, r) })
-              ] }) : /* @__PURE__ */ a(B, { children: [
+              /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
+                Dt(t),
+                /* @__PURE__ */ e(h, { variant: "caption", children: Tt(t, i) })
+              ] }) : /* @__PURE__ */ s(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
-                  Ke,
+                  Ve,
                   {
                     alt: `${t.institutionName} institution logo`,
                     institutionGuid: t.institutionGuid,
@@ -324,13 +349,13 @@ 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: [
-                d ? "+" : "",
-                M(t.amount, "0,0.00")
+            /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ s(h, { bold: !0, color: l ? "success.main" : "text.primary", variant: "body1", children: [
+                l ? "+" : "",
+                E(t.amount, "0,0.00")
               ] }),
-              !n && /* @__PURE__ */ a(
-                l,
+              !n && /* @__PURE__ */ s(
+                d,
                 {
                   direction: "row",
                   sx: {
@@ -342,8 +367,8 @@ const F = {
                   },
                   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 })
+                    g && /* @__PURE__ */ e(Se, { color: "error", filled: !0, size: 12 }),
+                    /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: C })
                   ]
                 }
               )
@@ -355,33 +380,33 @@ const F = {
     /* @__PURE__ */ e(
       ie,
       {
-        ariaLabelClose: r.close_drawer_aria,
+        ariaLabelClose: i.close_drawer_aria,
         isOpen: u,
         onClose: () => p(!1),
-        title: t.type === I.Income ? r.income_details : r.expense_details,
-        children: s && /* @__PURE__ */ e(
-          at,
+        title: t.type === A.Income ? i.income_details : i.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,
+    onResetClick: r,
     onRecurrenceClick: o,
-    sx: r = {},
+    sx: i = {},
     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(
-        l,
+    const { recurring: u } = y(), p = x.useMemo(() => dt(t), [t]);
+    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
+      c && /* @__PURE__ */ s(
+        d,
         {
           sx: {
             alignItems: "center",
@@ -390,29 +415,29 @@ const F = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: c }),
-            i && /* @__PURE__ */ e(tt, { onClick: i, size: "small", variant: "text", children: u.reset })
+            /* @__PURE__ */ e(qe, { bold: !0, variant: "body1", children: c }),
+            r && /* @__PURE__ */ e(ct, { 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, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
-          Ce,
+          De,
           {
             isMini: n,
             onRecurrenceClick: o,
-            recurrence: s
+            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-${l}`)) : p.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+        /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
+          Ce,
           {
-            subheader: /* @__PURE__ */ e(nt, { 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(lt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: S(a.date, w.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: 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(
+              De,
               {
                 isMini: n,
                 onRecurrenceClick: o,
@@ -420,178 +445,178 @@ const F = {
               }
             ) }, `day-recurrence-${g}`))
           }
-        ) }, s.id),
-        /* @__PURE__ */ e(q, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) })
+        ) }, a.id),
+        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
+      ] }, `recurrence-${l}`)) })
     ] });
   }
-), 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(() => {
+), Te = R(
+  ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: u }) => {
+    const p = ne(), { isSmallMobile: a } = oe(), { recurring: l } = y(), m = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
-      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")}` })
+      return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
+    }, [o, t, r]);
+    return /* @__PURE__ */ s(d, { children: [
+      /* @__PURE__ */ s(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${i} (${c})` }),
+        /* @__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(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") }),
-          /* @__PURE__ */ e(h, { variant: "caption", children: d.missed?.toLowerCase() })
+      /* @__PURE__ */ e(Le, { data: m, height: 12 }),
+      /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+        /* @__PURE__ */ e(O, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(o, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: l.paid?.toLowerCase() }),
+        r !== void 0 && /* @__PURE__ */ s(B, { children: [
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(r, "0,0.00") }),
+          /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(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: l.upcoming?.toLowerCase() })
       ] })
     ] });
   }
-), ht = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = _e(), { isDesktop: i, isSmallMobile: o, isMobile: r } = re(n), { onEvent: c } = z(), {
+), _t = R(() => {
+  const { recurring: t } = y(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: o, isMobile: i } = oe(n), { onEvent: c } = U(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
-    dateRange: s,
-    expenseTotal: d,
+    dateRange: a,
+    expenseTotal: l,
     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: _,
     upcomingExpenseTotal: K,
-    upcomingIncomeTotal: Le,
-    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
+    upcomingIncomeTotal: Ee,
+    upcomingRecurrences: me
+  } = I(), [V, Ne] = x.useState(0), Oe = Be(a.start, /* @__PURE__ */ new Date()), ke = (T, Pe) => {
+    Ne(Pe);
+  }, pe = (T) => {
+    c(L.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: T.transaction?.guid
     });
-  }, pe = (D) => {
-    c(S.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: D.transaction?.guid
+  }, ge = (T) => {
+    c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: T.transaction?.guid
     });
   }, Ge = () => {
-    const D = We(s.start, 1);
-    w({
-      start: G(D),
-      end: W(D)
+    const T = He(a.start, 1);
+    _({
+      start: k(T),
+      end: H(T)
     });
-  }, Oe = () => {
-    const D = $e(s.start, 1);
-    w({
-      start: G(D),
-      end: W(D)
+  }, We = () => {
+    const T = $e(a.start, 1);
+    _({
+      start: k(T),
+      end: H(T)
     });
   };
-  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, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ s(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ s(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(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(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  he,
                   {
                     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(he, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
-              Re,
+              Te,
               {
-                expected: d,
+                expected: l,
                 missed: g,
-                paid: y,
+                paid: C,
                 title: t.expenses,
                 total: u.length,
                 upcoming: K
               }
             ),
             /* @__PURE__ */ e(
-              Re,
+              Te,
               {
                 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,
+                onRecurrenceClick: pe,
+                recurrences: me,
                 title: t.upcoming_activity
               }
             )
           ] }),
-          !i && /* @__PURE__ */ a(l, { sx: { px: r ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(Pe, { onChange: Ne, value: Y, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ s(d, { sx: { px: i ? 0 : 24 }, children: [
+            /* @__PURE__ */ s(Fe, { onChange: ke, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
-                he,
+                fe,
                 {
                   label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
-                he,
+                fe,
                 {
                   label: /* @__PURE__ */ e(h, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.past : t.past_transactions })
                 }
               )
             ] }),
-            Y === 0 && /* @__PURE__ */ e(
-              k,
+            V === 0 && /* @__PURE__ */ e(
+              P,
               {
-                onRecurrenceClick: me,
-                recurrences: ue
+                onRecurrenceClick: pe,
+                recurrences: me
               }
             ),
-            Y === 1 && /* @__PURE__ */ e(
-              k,
+            V === 1 && /* @__PURE__ */ e(
+              P,
               {
-                onRecurrenceClick: pe,
+                onRecurrenceClick: ge,
                 recurrences: b
               }
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ e(V, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
-          /* @__PURE__ */ e(ve, {}),
+        r && /* @__PURE__ */ e(q, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(d, { gap: 24, children: [
+          /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(
-            k,
+            P,
             {
-              onRecurrenceClick: pe,
-              recurrences: j || b,
-              title: A ? E(
+              onRecurrenceClick: ge,
+              recurrences: f || b,
+              title: M ? N(
                 t.day_transactions,
-                v(A, L.MONTH_DAY)
+                S(M, w.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -599,114 +624,115 @@ const F = {
       ]
     }
   );
-}), wn = 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);
+}), Hn = R(({ onBackClick: t, sx: n = {} }) => {
+  const { recurring: r } = y(), { isInitialized: o, selectedAccountGuids: i } = z(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = I(), { setFilter: a } = re(), { onEvent: l } = U(), { isMobile: m } = oe(), [g, b] = x.useState(!1);
   return ae({
     widgetName: "RecurringTransactionsWidget",
     isLoaded: c
   }), x.useEffect(() => {
     c || u().finally();
   }, []), x.useEffect(() => {
-    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(
-    st,
+    a({
+      dateRange: { start: ee(Q(), 90), end: J() },
+      accounts: i
+    }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) });
+  }, [i]), o ? /* @__PURE__ */ s(
+    ht,
     {
       actions: [
         {
-          label: i.action_title,
+          label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            b(!0), d(S.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            b(!0), l(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
       hasDivider: m,
-      onAccountsFilterClick: () => d(S.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onAccountsFilterClick: () => l(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
-      title: i.title,
+      title: r.title,
       children: [
-        c ? /* @__PURE__ */ e(ht, {}) : /* @__PURE__ */ e(Me, { sx: { m: 48 }, variant: "list" }),
+        c ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           ie,
           {
-            ariaLabelClose: i.close_drawer_aria,
+            ariaLabelClose: r.close_drawer_aria,
             isOpen: g,
             onClose: () => b(!1),
             shouldShowHeaderBorders: !1,
-            title: i.action_title,
-            children: /* @__PURE__ */ e(Te, {})
+            title: r.action_title,
+            children: /* @__PURE__ */ e(_e, {})
           }
         )
       ]
     }
-  ) : /* @__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 } }),
+  ) : /* @__PURE__ */ e(se, {});
+}), St = R(() => {
+  const { recurring: t } = y(), { availableWidth: n } = Ie(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = I(), u = n < 750;
+  return /* @__PURE__ */ s(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
+    /* @__PURE__ */ e(Ae, {}),
+    !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,
+        onResetClick: r ? () => i(r) : void 0,
         recurrences: o || 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
       }
     )
   ] });
-}), _n = C(
+}), $n = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: i } = R(), { setFilter: o } = ne(), { isDataLoaded: r, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
+    const { recurring: r } = y(), { setFilter: o } = re(), { isDataLoaded: i, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = z();
     return ae({
       widgetName: "RecurringTransactionsMiniWidget",
-      isLoaded: r
+      isLoaded: i
     }), x.useEffect(() => {
-      r || c().finally();
+      i || c().finally();
     }, []), x.useEffect(() => {
       p.length > 0 && o({
-        dateRange: { start: Q(J(), 90), end: Z() },
+        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: i ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
       }
-    ) : /* @__PURE__ */ e(oe, {});
+    ) : /* @__PURE__ */ e(se, {});
   }
-), 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(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(Ke, { size: 32 }),
+    /* @__PURE__ */ s(d, { 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,
+  isLargeScreen: r,
   isSmallScreen: o,
-  label: r
-}) => /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  label: i
+}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    N,
+    O,
     {
       sx: {
         borderRadius: "2px",
@@ -716,25 +742,25 @@ 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(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: E(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(h, { variant: "caption", children: i })
   ] })
-] }), yt = ({
+] }), Mt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
-  maxLogos: i = 3
+  maxLogos: r = 3
 }) => {
-  const o = (r) => r * (n / 2);
+  const o = (i) => i * (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((i, c) => c < r ? /* @__PURE__ */ e(
+        O,
         {
           sx: {
             borderRadius: "4px",
@@ -745,80 +771,80 @@ const F = {
             position: "absolute"
           },
           children: /* @__PURE__ */ e(
-            ee,
+            te,
             {
-              categoryGuid: r.categoryGuid || "",
-              merchantGuid: r.merchantGuid || "",
+              categoryGuid: i.categoryGuid || "",
+              merchantGuid: i.merchantGuid || "",
               size: n
             }
           )
         },
-        `${r.categoryGuid}-${r.merchantGuid}-${c}`
+        `${i.categoryGuid}-${i.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(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, o) => /* @__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(), {
+  `${r.categoryGuid}-${r.merchantGuid}-${o}`
+)) }), vt = R(() => {
+  const t = ne(), [n, { width: r }] = xt(), {
     upcomingRecurrences: o,
-    expenseTotal: r,
+    expenseTotal: i,
     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(), l = r <= 288, m = r >= 450, g = 32, b = o.length > 0, C = x.useMemo(() => E(i, i === 0 ? "0,0" : "0,0.00"), [i]), v = x.useMemo(() => {
+    const _ = [
+      { color: t.palette.success.main, percentage: `${u / i}` }
     ];
-    return c && w.push({
+    return c && _.push({
       color: t.palette.error.main,
-      percentage: `${c / r}`
-    }), w;
+      percentage: `${c / i}`
+    }), _;
   }, [
     u,
-    r,
+    i,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), A = () => b ? d ? /* @__PURE__ */ e(
-    yt,
+  ]), M = () => b ? l ? /* @__PURE__ */ e(
+    Mt,
     {
       logoSize: g,
       maxLogos: 3,
       upcomingRecurrences: o.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: o.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 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(
-        l,
+  return /* @__PURE__ */ s(B, { children: [
+    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ s(
+        d,
         {
           sx: [
-            y.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            C.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -831,20 +857,20 @@ const F = {
               h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && d ? "H3" : "H2",
-                children: y
+                variant: C.length >= 10 && l ? "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(d, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(Le, { data: v }),
       /* @__PURE__ */ e(
-        l,
+        d,
         {
           sx: {
             alignItems: "center",
@@ -852,14 +878,14 @@ const F = {
             gap: 16,
             mt: 4
           },
-          children: j.map((w, K) => /* @__PURE__ */ e(
-            bt,
+          children: f.map((_, K) => /* @__PURE__ */ e(
+            It,
             {
-              amount: w.amount,
-              bgcolor: w.bgColor,
+              amount: _.amount,
+              bgcolor: _.bgColor,
               isLargeScreen: m,
-              isSmallScreen: d,
-              label: w.label
+              isSmallScreen: l,
+              label: _.label
             },
             `recurrence-legend-${K}`
           ))
@@ -867,51 +893,51 @@ const F = {
       )
     ] })
   ] });
-}), Sn = C(
+}), Bn = R(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = z(), { isInitialized: i, selectedAccountGuids: o } = H(), {
-      loadRepeatingTransactionData: r,
+    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: o } = z(), {
+      loadRepeatingTransactionData: i,
       upcomingRecurrences: c,
       repeatingTransactions: u,
       setDateRange: p,
-      isDataLoaded: s
-    } = _(), { setFilter: d } = ne(), { recurring: m, budgets: g } = R();
+      isDataLoaded: a
+    } = I(), { setFilter: l } = re(), { recurring: m, budgets: g } = y();
     ae({
       widgetName: "RecurringTransactionsMicroWidget",
-      isLoaded: s
+      isLoaded: a
     }), x.useEffect(() => {
-      s || r().finally(() => {
-        n(S.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      a || i().finally(() => {
+        n(L.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      i && (d({
-        dateRange: { start: Q(J(), 90), end: Z() },
+      r && (l({
+        dateRange: { start: ee(Q(), 90), end: J() },
         accounts: o
-      }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
-    }, [i, o]);
+      }), p({ start: k(/* @__PURE__ */ new Date()), end: H(/* @__PURE__ */ new Date()) }));
+    }, [r, o]);
     const b = () => {
       n(
-        c.length > 0 ? S.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : S.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        c.length > 0 ? L.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : L.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!i || !s) return /* @__PURE__ */ e(oe, { height: 100 });
-    const y = !u?.length;
+    if (!r || !a) return /* @__PURE__ */ e(se, { 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, {})
       }
     );
   }
-), In = C(
-  ({ isOpen: t, onClose: n, selectedTab: i }) => {
-    const { cashflow: o } = R();
+), Fn = R(
+  ({ isOpen: t, onClose: n, selectedTab: r }) => {
+    const { cashflow: o } = y();
     return /* @__PURE__ */ e(
       ie,
       {
@@ -919,20 +945,20 @@ const F = {
         isOpen: t,
         onClose: n,
         title: o.cashflow_settings,
-        children: /* @__PURE__ */ e(Te, { defaultSelectedTab: i })
+        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
       }
     );
   }
 );
 export {
-  Gn as AddRecurringTransactionDetails,
-  Ln as ManageExpenses,
-  On as ManageIncome,
-  Te as RecurringSettings,
-  In as RecurringSettingsDrawer,
-  Sn as RecurringTransactionsMicroWidget,
-  _n as RecurringTransactionsMiniWidget,
-  En as RecurringTransactionsStore,
-  wn as RecurringTransactionsWidget,
-  kn as SelectTransaction
+  qn as AddRecurringTransactionDetails,
+  Yn as ManageExpenses,
+  Zn as ManageIncome,
+  _e as RecurringSettings,
+  Fn as RecurringSettingsDrawer,
+  Bn as RecurringTransactionsMicroWidget,
+  $n as RecurringTransactionsMiniWidget,
+  Kn as RecurringTransactionsStore,
+  Hn as RecurringTransactionsWidget,
+  Xn as SelectTransaction
 };