@mx-cartographer/experiences 9.0.2 → 9.0.4-alpha.mm0

package/dist/recurringtransactions/index.es.js

@@ -6,129 +6,131 @@ 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-D2xbNb67.mjs";
-import { M as Un } from "../RecurringSettings-D2xbNb67.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 Be from "@mui/material/Alert";
+import $e from "@mui/material/Snackbar";
+import { R as De } from "../RecurringSettings-ClYjsmPz.mjs";
+import { M as Xn } from "../RecurringSettings-ClYjsmPz.mjs";
+import { addMonths as Fe } from "date-fns/addMonths";
+import { subMonths as Ue } from "date-fns/subMonths";
+import { isBefore as Ye } from "date-fns/isBefore";
 import q from "@mui/material/Grid";
 import ge from "@mui/material/IconButton";
-import l from "@mui/material/Stack";
+import d from "@mui/material/Stack";
 import he from "@mui/material/Tab";
-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 je from "@mui/material/Tabs";
+import { Cancel as _e, CheckCircle as Se, Schedule as Ke, MonetizationOn as Ve, ChevronLeft as qe, ChevronRight as Ze, CurrencyExchange as Xe } from "@mxenabled/mx-icons";
+import { Text as h, MerchantLogo as te, InstitutionLogo as Je, H3 as Qe, H2 as et, P as Z } from "@mxenabled/mxui";
+import { g as tt, L as O, b as N } from "../Localization-DnoVyBNK.mjs";
 import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
-import { enCA as Je } from "date-fns/locale/en-CA";
+import { enCA as nt } 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 { es as rt } from "date-fns/locale/es";
+import { fr as it } from "date-fns/locale/fr";
+import { frCA as ot } 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 { AdapterDateFns as at } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as st } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as ct } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as lt } from "date-fns/isSameDay";
+import dt from "@mui/material/Badge";
+import { PickersDay as ut } from "@mui/x-date-pickers/PickersDay";
+import { I as F } from "../IconBacking-DgT8DCeh.mjs";
+import { u as b, a as U, h as _, f as Y, D as we, g as re } from "../hooks-97sNJ_lf.mjs";
+import { b as E, a as D, g as be, e as mt, R as pt } from "../RecurringTransactionsUtil-zOxq5pzY.mjs";
+import { f as I, D as M } 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 { A as v } from "../Analytics-WeZYytR0.mjs";
+import gt from "@mui/material/Button";
 import X from "@mui/material/Divider";
-import Ce from "@mui/material/List";
+import ye 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-D1yBODQi.mjs";
-import { c as jn, M as Kn, S as Vn } from "../ManageIncome-D1yBODQi.mjs";
-import { D as ie } from "../Drawer-BXqqBMxg.mjs";
-import O from "@mui/material/Box";
+import ht from "@mui/material/ListSubheader";
+import ft from "@mui/material/ListItemAvatar";
+import xt from "@mui/material/ListItemButton";
+import bt from "@mui/material/ListItemText";
+import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
+import G 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 { S as ve } from "../StatusBar-CPfSXe80.mjs";
+import { d as yt } from "../ManageIncome-Cz6hvpdA.mjs";
+import { c as Qn, M as er, S as tr } from "../ManageIncome-Cz6hvpdA.mjs";
+import { D as ie } from "../Drawer-BXqqBMxg.mjs";
+import { S as Le } from "../SkeletonLoader-BaNboJjD.mjs";
+import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-CmbU4CBH.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 = {
+import { W as Ct } from "../WidgetContainer-D-LzIKFb.mjs";
+import { M as Rt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { u as Tt } from "../useDimensions-CeDR9V8N.mjs";
+import { M as Dt } from "../MicroWidgetContainer-B2NnKBgW.mjs";
+const j = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, j = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
-  B,
+}, K = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
+  F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
-    sx: { ...j(t) },
-    children: /* @__PURE__ */ e(Fe, { color: "primary", filled: !0, sx: { fontSize: n, ...Y } })
+    sx: { ...K(t) },
+    children: /* @__PURE__ */ e(Ke, { color: "primary", filled: !0, sx: { fontSize: n, ...j } })
   }
 ), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
-  B,
+  F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
-    sx: { ...j(t) },
+    sx: { ...K(t) },
     children: /* @__PURE__ */ e(
-      Ue,
+      Ve,
       {
         filled: !0,
-        sx: { color: "categories.income", fontSize: n, ...Y }
+        sx: { color: "categories.income", fontSize: n, ...j }
       }
     )
   }
 ), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
-  B,
+  F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
-    sx: { ...j(t) },
-    children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...Y } })
+    sx: { ...K(t) },
+    children: /* @__PURE__ */ e(_e, { color: "error", filled: !0, sx: { fontSize: n, ...j } })
   }
 ), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(
-  B,
+  F,
   {
     backingSx: { backgroundColor: "background.paper" },
     size: n,
-    sx: { ...j(t) },
-    children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...Y } })
+    sx: { ...K(t) },
+    children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...j } })
   }
-), Ct = R(
+), _t = R(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = y(), { selectedAccountGuids: o } = F(), { recurrences: c, setSelectedDay: u } = I(), a = x.useMemo(
+    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: c, setSelectedDay: u } = _(), a = x.useMemo(
       () => c.filter((f) => o.includes(f.accountGuid)),
       [o, c]
     ).filter(
-      (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
+      (f) => lt(f.occurredOnDate || f.expectedDate, t)
+    ), l = a.some(
+      (f) => f.type !== E.Income && f.status === D.Upcoming
+    ), p = a.some(
+      (f) => f.type !== E.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 = [
+      (f) => f.type !== E.Income && f.status === D.Paid
+    ), y = a.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (p ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
       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);
+      p && i.missed,
+      l && i.upcoming,
+      y && i.income
+    ].filter(Boolean), A = S.length > 0 ? `${I(t, M.MONTH_DAY_YEAR)}, ${S.join(", ")}` : I(t, M.MONTH_DAY_YEAR);
     return /* @__PURE__ */ e(
-      at,
+      dt,
       {
         badgeContent: a.length > 0 && /* @__PURE__ */ s($, { children: [
-          m && /* @__PURE__ */ e(le, { isOffset: !0 }),
+          p && /* @__PURE__ */ e(le, { isOffset: !0 }),
           g && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          d && /* @__PURE__ */ e(se, { isOffset: !0 }),
-          b && /* @__PURE__ */ e(ce, { isOffset: !0 })
+          l && /* @__PURE__ */ e(se, { isOffset: !0 }),
+          y && /* @__PURE__ */ e(ce, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
@@ -139,9 +141,9 @@ const Y = {
           }
         },
         children: /* @__PURE__ */ e(
-          st,
+          ut,
           {
-            "aria-label": M,
+            "aria-label": A,
             day: t,
             onClick: () => u(t),
             outsideCurrentMonth: n,
@@ -158,13 +160,13 @@ const Y = {
       }
     );
   }
-), H = ({ icon: t, label: n }) => /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), B = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ e(h, { variant: "caption", children: n })
-] }), yt = R(() => {
-  const { recurring: t } = y();
+] }), St = R(() => {
+  const { recurring: t } = b();
   return /* @__PURE__ */ s(
-    l,
+    d,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -173,44 +175,44 @@ const Y = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__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 })
+        /* @__PURE__ */ e(B, { icon: se, label: t.expense }),
+        /* @__PURE__ */ e(B, { icon: ce, label: t.income }),
+        /* @__PURE__ */ e(B, { icon: le, label: t.missed }),
+        /* @__PURE__ */ e(B, { icon: de, label: t.paid })
       ]
     }
   );
-}), ye = 58, Rt = () => {
-  const t = Xe();
+}), Ce = 58, wt = () => {
+  const t = tt();
   return {
-    [G.EN_US]: xe,
-    [G.EN_CA]: Je,
-    [G.FR]: et,
-    [G.FR_CA]: tt,
-    [G.ES]: Qe
+    [O.EN_US]: xe,
+    [O.EN_CA]: nt,
+    [O.FR]: it,
+    [O.FR_CA]: ot,
+    [O.ES]: rt
   }[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 t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [c, u] = x.useState(
+    fe(/* @__PURE__ */ new Date()) * W + Ce
+  ), m = (p) => {
+    u(fe(p) * W + Ce), o({
+      start: k(p),
+      end: z(p)
+    }), a(p), n(v.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (p) => {
+    p && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
     });
-  }, d = /* @__PURE__ */ e(
-    rt,
+  }, l = /* @__PURE__ */ e(
+    st,
     {
       minDate: k(/* @__PURE__ */ new Date()),
       onChange: a,
-      onMonthChange: p,
+      onMonthChange: m,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: Ct
+        day: _t
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -259,14 +261,14 @@ const Y = {
       views: ["day"]
     }
   );
-  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,
+  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(ct, { adapterLocale: wt(), dateAdapter: at, children: [
+    i && l,
+    !i && l,
     /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
-    /* @__PURE__ */ e(yt, {})
+    /* @__PURE__ */ e(St, {})
   ] }) });
-}), Dt = (t) => {
-  if (t.type === A.Income)
+}), It = (t) => {
+  if (t.type === E.Income)
     return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
     case D.Missed:
@@ -276,25 +278,25 @@ const Y = {
     default:
       return /* @__PURE__ */ e(se, {});
   }
-}, _t = (t, n) => {
+}, Mt = (t, n) => {
   switch (t.status) {
     case D.Paid:
       return t.expectedDate ? N(
         n.paid_on,
-        S(
+        I(
           t.occurredOnDate || t.expectedDate,
-          w.MONTH_DAY
+          M.MONTH_DAY
         )
       ) : n.paid;
     case D.Missed:
       return N(
         n.missed_on,
-        S(t.expectedDate, w.MONTH_DAY)
+        I(t.expectedDate, M.MONTH_DAY)
       );
     case D.Upcoming:
       return N(
         n.upcoming_on,
-        S(t.expectedDate, w.MONTH_DAY)
+        I(t.expectedDate, M.MONTH_DAY)
       );
     default:
       return n.unknown;
@@ -306,92 +308,74 @@ const Y = {
   },
   showOrdinal: i = !1
 }) => {
-  const { recurring: o } = y(), { detailedRepeatingTransactions: c } = I(), [u, p] = x.useState(!1), a = x.useMemo(
-    () => c.find((M) => M.guid === t.repeatingTransactionGuid),
+  const { recurring: o } = b(), { detailedRepeatingTransactions: c } = _(), u = x.useMemo(
+    () => c.find((C) => C.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), 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(ut, { children: /* @__PURE__ */ e(
-        te,
-        {
-          categoryGuid: t.categoryGuid,
-          merchantGuid: t.merchantGuid
-        }
-      ) }),
-      /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ s(
-        l,
-        {
-          direction: "row",
-          gap: 4,
-          sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
-          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__ */ 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(
-                  Ve,
-                  {
-                    alt: `${t.institutionName} institution logo`,
-                    institutionGuid: t.institutionGuid,
-                    size: 12
-                  }
-                ),
-                /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ s(l, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ s(h, { bold: !0, color: d ? "success.main" : "text.primary", variant: "body1", children: [
-                d ? "+" : "",
-                E(t.amount, "0,0.00")
-              ] }),
-              !n && /* @__PURE__ */ s(
-                l,
+  ), m = t.type === E.Income, a = t.status === D.Paid, l = t.status === D.Missed, p = t.status === D.Upcoming;
+  let g = o.paid?.toLowerCase();
+  return l ? g = o.missed?.toLowerCase() : p && (g = i ? be(o, u || {}, !0) : be(o, u || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ e(Ie, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(xt, { onClick: () => {
+    r(t);
+  }, children: [
+    /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(
+      te,
+      {
+        categoryGuid: t.categoryGuid,
+        merchantGuid: t.merchantGuid
+      }
+    ) }),
+    /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ s(
+      d,
+      {
+        direction: "row",
+        gap: 4,
+        sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
+        children: [
+          /* @__PURE__ */ s(d, { direction: "column", width: "50%", children: [
+            /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
+            /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
+              It(t),
+              /* @__PURE__ */ e(h, { variant: "caption", children: Mt(t, o) })
+            ] }) : /* @__PURE__ */ s($, { children: [
+              t.institutionGuid && /* @__PURE__ */ e(
+                Je,
                 {
-                  direction: "row",
-                  sx: {
-                    alignItems: "center",
-                    gap: 6,
-                    justifyContent: "flex-end",
-                    textTransform: "uppercase",
-                    width: "100%"
-                  },
-                  children: [
-                    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 })
-                  ]
+                  alt: `${t.institutionName} institution logo`,
+                  institutionGuid: t.institutionGuid,
+                  size: 12
                 }
-              )
-            ] })
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(
-      ie,
-      {
-        ariaLabelClose: o.close_drawer_aria,
-        isOpen: u,
-        onClose: () => p(!1),
-        title: t.type === A.Income ? o.income_details : o.expense_details,
-        children: a && /* @__PURE__ */ e(
-          gt,
-          {
-            onDeleted: () => p(!1),
-            recurringTransaction: a
-          }
-        )
+              ),
+              /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
+            /* @__PURE__ */ s(h, { bold: !0, color: m ? "success.main" : "text.primary", variant: "body1", children: [
+              m ? "+" : "",
+              L(t.amount, "0,0.00")
+            ] }),
+            !n && /* @__PURE__ */ s(
+              d,
+              {
+                direction: "row",
+                sx: {
+                  alignItems: "center",
+                  gap: 6,
+                  justifyContent: "flex-end",
+                  textTransform: "uppercase",
+                  width: "100%"
+                },
+                children: [
+                  a && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
+                  l && /* @__PURE__ */ e(_e, { color: "error", filled: !0, size: 12 }),
+                  /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: g })
+                ]
+              }
+            )
+          ] })
+        ]
       }
-    )
-  ] });
+    ) })
+  ] }) });
 }, P = R(
   ({
     recurrences: t,
@@ -401,10 +385,10 @@ const Y = {
     sx: o = {},
     title: c
   }) => {
-    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: [
+    const { recurring: u } = b(), m = x.useMemo(() => mt(t), [t]);
+    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
       c && /* @__PURE__ */ s(
-        l,
+        d,
         {
           sx: {
             alignItems: "center",
@@ -413,12 +397,12 @@ const Y = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(qe, { bold: !0, variant: "body1", children: c }),
-            r && /* @__PURE__ */ e(lt, { onClick: r, size: "small", variant: "text", children: u.reset })
+            /* @__PURE__ */ e(Qe, { bold: !0, variant: "body1", children: c }),
+            r && /* @__PURE__ */ e(gt, { 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(Ce, { children: n ? t.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(ye, { children: n ? t.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Re,
           {
@@ -428,91 +412,110 @@ const Y = {
           }
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) : p.map((a, d) => /* @__PURE__ */ s(x.Fragment, { children: [
+      ] }, `recurrence-${l}`)) : m.map((a, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(
-          Ce,
+          ye,
           {
-            subheader: /* @__PURE__ */ e(dt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: S(a.date, w.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ e(ht, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: I(a.date, M.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: a.recurrences.map((m, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+            children: a.recurrences.map((p, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
               Re,
               {
                 isMini: n,
                 onRecurrenceClick: i,
-                recurrence: m
+                recurrence: p
               }
             ) }, `day-recurrence-${g}`))
           }
         ) }, a.id),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${d}`)) })
+      ] }, `recurrence-${l}`)) })
     ] });
   }
-), De = R(
+), Te = 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;
+    const m = ne(), { isSmallMobile: a } = Me(), { recurring: l } = b(), p = x.useMemo(() => {
+      const g = [{ color: m.palette.success.main, percentage: `${i / t}` }];
+      return r && g.push({ color: m.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: [
+    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: `${o} (${c})` }),
-        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${E(t, "0,0.00")}` })
+        /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "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() }),
+      /* @__PURE__ */ e(ve, { data: p, height: 12 }),
+      /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+        /* @__PURE__ */ e(G, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: l.paid?.toLowerCase() }),
         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(G, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
+          /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: E(u, "0,0.00") }),
-        /* @__PURE__ */ e(h, { variant: "caption", children: d.upcoming?.toLowerCase() })
+        /* @__PURE__ */ e(G, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(u, "0,0.00") }),
+        /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming?.toLowerCase() })
       ] })
     ] });
   }
-), Tt = R(() => {
-  const { recurring: t } = y(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = Me(n), { onEvent: c } = U(), {
+), Ee = R(() => {
+  const { recurring: t } = b(), { selectedRepeatingTransaction: n, setSelectedRepeatingTransactionGuid: r } = _();
+  return /* @__PURE__ */ e(
+    ie,
+    {
+      ariaLabelClose: t.close_drawer_aria,
+      isOpen: !!n,
+      onClose: () => r(null),
+      title: n?.repeating_transaction_type === pt.Income ? t.income_details : t.expense_details,
+      children: n && /* @__PURE__ */ e(
+        yt,
+        {
+          onDeleted: () => r(null),
+          recurringTransaction: n
+        }
+      )
+    }
+  );
+}), vt = R(() => {
+  const { recurring: t } = b(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = Me(n), { onEvent: c } = Y(), {
     currentMonthExpenses: u,
-    currentMonthIncome: p,
+    currentMonthIncome: m,
     dateRange: a,
-    expenseTotal: d,
-    incomeTotal: m,
+    expenseTotal: l,
+    incomeTotal: p,
     missedExpenseTotal: g,
-    pastRecurrences: b,
+    pastRecurrences: y,
     paidExpenseTotal: C,
-    paidIncomeTotal: v,
-    selectedDay: M,
+    paidIncomeTotal: S,
+    selectedDay: A,
     selectedDayRecurrences: f,
-    setDateRange: T,
-    upcomingExpenseTotal: K,
-    upcomingIncomeTotal: Ee,
+    setDateRange: w,
+    setSelectedRepeatingTransactionGuid: H,
+    upcomingExpenseTotal: Ne,
+    upcomingIncomeTotal: Ge,
     upcomingRecurrences: ue
-  } = 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
+  } = _(), [V, ke] = x.useState(0), Oe = Ye(a.start, /* @__PURE__ */ new Date()), We = (T, He) => {
+    ke(He);
+  }, me = (T) => {
+    H(T.repeatingTransactionGuid), c(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: T.transaction?.guid
     });
-  }, pe = (_) => {
-    c(L.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: _.transaction?.guid
+  }, pe = (T) => {
+    H(T.repeatingTransactionGuid), c(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: T.transaction?.guid
     });
-  }, Ge = () => {
-    const _ = ze(a.start, 1);
-    T({
-      start: k(_),
-      end: z(_)
+  }, Pe = () => {
+    const T = Fe(a.start, 1);
+    w({
+      start: k(T),
+      end: z(T)
     });
-  }, We = () => {
-    const _ = He(a.start, 1);
-    T({
-      start: k(_),
-      end: z(_)
+  }, ze = () => {
+    const T = Ue(a.start, 1);
+    w({
+      start: k(T),
+      end: z(T)
     });
   };
   return /* @__PURE__ */ s(
@@ -524,45 +527,45 @@ const Y = {
       },
       children: [
         /* @__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(
+          /* @__PURE__ */ s(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ s(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(et, { variant: "h3", children: N(
                 t.header_title,
-                S(a.start, w.MONTH_LONG)
+                I(a.start, M.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ s(l, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
                     color: "primary",
                     disabled: Oe,
-                    onClick: We,
-                    children: /* @__PURE__ */ e(Ye, {})
+                    onClick: ze,
+                    children: /* @__PURE__ */ e(qe, {})
                   }
                 ),
-                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ge, children: /* @__PURE__ */ e(je, {}) })
+                /* @__PURE__ */ e(ge, { color: "primary", onClick: Pe, children: /* @__PURE__ */ e(Ze, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
-              De,
+              Te,
               {
-                expected: d,
+                expected: l,
                 missed: g,
                 paid: C,
                 title: t.expenses,
                 total: u.length,
-                upcoming: K
+                upcoming: Ne
               }
             ),
             /* @__PURE__ */ e(
-              De,
+              Te,
               {
-                expected: m,
+                expected: p,
                 isExpense: !1,
-                paid: v,
+                paid: S,
                 title: t.deposits,
-                total: p.length,
-                upcoming: Ee
+                total: m.length,
+                upcoming: Ge
               }
             ),
             r && /* @__PURE__ */ e(
@@ -574,8 +577,8 @@ const Y = {
               }
             )
           ] }),
-          !r && /* @__PURE__ */ s(l, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ s(Be, { onChange: ke, value: V, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ s(d, { sx: { px: o ? 0 : 24 }, children: [
+            /* @__PURE__ */ s(je, { onChange: We, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 he,
                 {
@@ -600,110 +603,130 @@ const Y = {
               P,
               {
                 onRecurrenceClick: pe,
-                recurrences: b
+                recurrences: y
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ s(l, { gap: 24, children: [
+        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ s(d, { gap: 24, children: [
           /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(
             P,
             {
               onRecurrenceClick: pe,
-              recurrences: f || b,
-              title: M ? N(
+              recurrences: f || y,
+              title: A ? N(
                 t.day_transactions,
-                S(M, w.MONTH_DAY)
+                I(A, M.MONTH_DAY)
               ) : t.past_transactions
             }
           )
-        ] }) })
+        ] }) }),
+        /* @__PURE__ */ e(Ee, {})
       ]
     }
   );
-}), Pn = R(
+}), Yn = 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);
+    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: c } = U(), { alert: u, isDataLoaded: m, loadRepeatingTransactionData: a, setAlert: l, setDateRange: p } = _(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
     return oe({
       widgetName: "RecurringTransactionsWidget",
-      isLoaded: u
+      isLoaded: m
     }), x.useEffect(() => {
-      u || p().finally();
+      m || a().finally();
     }, []), x.useEffect(() => {
-      d({
+      g({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: c
-      }), a({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
+      }), p({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
     }, [c]), o ? /* @__PURE__ */ s(
-      ht,
+      Ct,
       {
         actions: [
           {
             label: i.action_title,
             iconName: "credit_card_gear",
             onClick: () => {
-              b(!0), m(L.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+              S(!0), y(v.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
             }
           }
         ],
         hasDivider: !0,
-        onAccountsFilterClick: () => m(L.RECURRING_TRANSACTIONS_CLICK_FILTER),
+        onAccountsFilterClick: () => y(v.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" }),
+          m ? /* @__PURE__ */ e(vt, {}) : /* @__PURE__ */ e(Le, { sx: { m: 48 }, variant: "list" }),
           /* @__PURE__ */ e(
             ie,
             {
               ariaLabelClose: i.close_drawer_aria,
-              isOpen: g,
-              onClose: () => b(!1),
+              isOpen: C,
+              onClose: () => S(!1),
               shouldShowHeaderBorders: !1,
               title: i.action_title,
-              children: /* @__PURE__ */ e(_e, {})
+              children: /* @__PURE__ */ e(De, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            $e,
+            {
+              anchorOrigin: { vertical: "bottom", horizontal: "right" },
+              autoHideDuration: 3500,
+              onClose: () => l(""),
+              open: !!u.message,
+              children: /* @__PURE__ */ e(Be, { onClose: () => l(""), severity: u.severity, variant: "filled", children: u.message })
             }
           )
         ]
       }
     ) : /* @__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: [
+), Lt = R(() => {
+  const { recurring: t } = b(), { availableWidth: n } = we(), {
+    selectedDay: r,
+    selectedDayRecurrences: i,
+    setSelectedDay: o,
+    setSelectedRepeatingTransactionGuid: c,
+    upcomingRecurrences: u
+  } = _(), m = (l) => {
+    c(l.repeatingTransactionGuid);
+  }, a = n < 750;
+  return /* @__PURE__ */ s(d, { flexDirection: a ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Ae, {}),
-    !u && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+    !a && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       P,
       {
         isMini: !0,
+        onRecurrenceClick: m,
         onResetClick: r ? () => o(r) : void 0,
-        recurrences: i || c.slice(0, 5),
-        sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
+        recurrences: i || u.slice(0, 5),
+        sx: { width: a ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: r ? N(
           t.day_transactions,
-          S(r, w.MONTH_DAY)
+          I(r, M.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), zn = R(
+}), jn = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = y(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: c } = I(), { isInitialized: u, selectedAccountGuids: p } = F();
+    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: m } = U();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: o
     }), x.useEffect(() => {
       o || c().finally();
     }, []), x.useEffect(() => {
-      p.length > 0 && i({
+      m.length > 0 && i({
         dateRange: { start: ee(Q(), 90), end: J() },
-        accounts: p
+        accounts: m
       });
-    }, [p]), u ? /* @__PURE__ */ e(
-      ft,
+    }, [m]), u ? /* @__PURE__ */ s(
+      Rt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
@@ -712,28 +735,31 @@ const Y = {
         subTitle: r.sub_title,
         sx: n,
         title: r.mini_title,
-        children: o ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
+        children: [
+          o ? /* @__PURE__ */ e(Lt, {}) : /* @__PURE__ */ e(Le, { sx: { mx: 16 }, variant: "list" }),
+          /* @__PURE__ */ e(Ee, {})
+        ]
       }
     ) : /* @__PURE__ */ e(ae, {});
   }
-), 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: [
+), At = R(() => {
+  const { recurring: t } = b();
+  return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(Xe, { 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 })
     ] })
   ] });
-}), It = ({
+}), Et = ({
   amount: t,
   bgcolor: n,
   isLargeScreen: r,
   isSmallScreen: i,
   label: o
-}) => /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    O,
+    G,
     {
       sx: {
         borderRadius: "2px",
@@ -743,25 +769,25 @@ const Y = {
       }
     }
   ),
-  /* @__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__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !i && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: L(t, t === 0 || !r ? "0,0" : "0,0.00") }),
     /* @__PURE__ */ e(h, { variant: "caption", children: o })
   ] })
-] }), Mt = ({
+] }), Nt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: r = 3
 }) => {
   const i = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
-    O,
+    G,
     {
       sx: {
         position: "relative",
         width: 64
       },
       children: t.map((o, c) => c < r ? /* @__PURE__ */ e(
-        O,
+        G,
         {
           sx: {
             borderRadius: "4px",
@@ -784,45 +810,45 @@ const Y = {
       ) : null)
     }
   );
-}, Lt = ({
+}, Gt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(
   te,
   {
     categoryGuid: r.categoryGuid || "",
     merchantGuid: r.merchantGuid || ""
   },
   `${r.categoryGuid}-${r.merchantGuid}-${i}`
-)) }), vt = R(() => {
-  const t = ne(), [n, { width: r }] = xt(), {
+)) }), kt = R(() => {
+  const t = ne(), [n, { width: r }] = Tt(), {
     upcomingRecurrences: i,
     expenseTotal: o,
     missedExpenseTotal: c,
     paidExpenseTotal: u,
-    upcomingExpenseTotal: p
-  } = 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 = [
+    upcomingExpenseTotal: m
+  } = _(), { recurring: a } = b(), l = r <= 288, p = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
+    const w = [
       { color: t.palette.success.main, percentage: `${u / o}` }
     ];
-    return c && T.push({
+    return c && w.push({
       color: t.palette.error.main,
       percentage: `${c / o}`
-    }), T;
+    }), w;
   }, [
     u,
     o,
     c,
     t.palette.success.main,
     t.palette.error.main
-  ]), M = () => b ? d ? /* @__PURE__ */ e(
-    Mt,
+  ]), A = () => y ? l ? /* @__PURE__ */ e(
+    Nt,
     {
       logoSize: g,
       maxLogos: 3,
       upcomingRecurrences: i.slice(0, 3)
     }
-  ) : /* @__PURE__ */ e(Lt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: d ? 64 : 104 } }), f = [
+  ) : /* @__PURE__ */ e(Gt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), f = [
     {
       amount: u,
       bgColor: "success.main",
@@ -834,18 +860,18 @@ const Y = {
       label: a.missed
     },
     {
-      amount: p,
+      amount: m,
       bgColor: "neutral.light",
       label: a.upcoming
     }
   ];
   return /* @__PURE__ */ s($, { children: [
-    /* @__PURE__ */ s(l, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ s(
-        l,
+        d,
         {
           sx: [
-            C.length >= 10 && d ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            C.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -858,7 +884,7 @@ const Y = {
               h,
               {
                 sx: { width: "100%" },
-                variant: C.length >= 10 && d ? "h3" : "h2",
+                variant: C.length >= 10 && l ? "h3" : "h2",
                 children: C
               }
             ),
@@ -866,12 +892,12 @@ const Y = {
           ]
         }
       ),
-      M()
+      A()
     ] }),
-    /* @__PURE__ */ s(l, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(Le, { data: v }),
+    /* @__PURE__ */ s(d, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(ve, { data: S }),
       /* @__PURE__ */ e(
-        l,
+        d,
         {
           sx: {
             alignItems: "center",
@@ -879,66 +905,66 @@ const Y = {
             gap: 16,
             mt: 4
           },
-          children: f.map((T, K) => /* @__PURE__ */ e(
-            It,
+          children: f.map((w, H) => /* @__PURE__ */ e(
+            Et,
             {
-              amount: T.amount,
-              bgcolor: T.bgColor,
-              isLargeScreen: m,
-              isSmallScreen: d,
-              label: T.label
+              amount: w.amount,
+              bgcolor: w.bgColor,
+              isLargeScreen: p,
+              isSmallScreen: l,
+              label: w.label
             },
-            `recurrence-legend-${K}`
+            `recurrence-legend-${H}`
           ))
         }
       )
     ] })
   ] });
-}), Hn = R(
+}), Kn = R(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = U(), { isInitialized: r, selectedAccountGuids: i } = F(), {
+    const { onEvent: n } = Y(), { isInitialized: r, selectedAccountGuids: i } = U(), {
       loadRepeatingTransactionData: o,
       upcomingRecurrences: c,
       repeatingTransactions: u,
-      setDateRange: p,
+      setDateRange: m,
       isDataLoaded: a
-    } = I(), { setFilter: d } = re(), { recurring: m, budgets: g } = y();
+    } = _(), { setFilter: l } = re(), { recurring: p, budgets: g } = b();
     oe({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
     }), x.useEffect(() => {
       a || o().finally(() => {
-        n(L.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+        n(v.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      r && (d({
+      r && (l({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: i
-      }), p({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }));
+      }), m({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }));
     }, [r, i]);
-    const b = () => {
+    const y = () => {
       n(
-        c.length > 0 ? L.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : L.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        c.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
     if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
     const C = !u?.length;
     return /* @__PURE__ */ e(
-      bt,
+      Dt,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: C ? g.get_started_cta : m.primary_cta,
-        onCTAClick: b,
-        title: m.recurring_expenses,
-        children: C ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {})
+        ctaLabel: C ? g.get_started_cta : p.primary_cta,
+        onCTAClick: y,
+        title: p.recurring_expenses,
+        children: C ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ e(kt, {})
       }
     );
   }
-), $n = R(
+), Vn = R(
   ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: i } = y();
+    const { cashflow: i } = b();
     return /* @__PURE__ */ e(
       ie,
       {
@@ -946,19 +972,19 @@ const Y = {
         isOpen: t,
         onClose: n,
         title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
+        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
       }
     );
   }
 );
 export {
-  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
+  Qn as AddRecurringTransactionDetails,
+  Xn as ManageExpenses,
+  er as ManageIncome,
+  De as RecurringSettings,
+  Vn as RecurringSettingsDrawer,
+  Kn as RecurringTransactionsMicroWidget,
+  jn as RecurringTransactionsMiniWidget,
+  Yn as RecurringTransactionsWidget,
+  tr as SelectTransaction
 };