@mx-cartographer/experiences 7.3.0-alpha.sms1 → 7.3.1

package/dist/recurringtransactions/index.es.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as a, Fragment as X } from "react/jsx-runtime";
 import h from "react";
-import { observer as T } from "mobx-react-lite";
+import { observer as R } from "mobx-react-lite";
 import { endOfMonth as z } from "date-fns/endOfMonth";
 import { endOfToday as de } from "date-fns/endOfToday";
-import { startOfMonth as k } from "date-fns/startOfMonth";
+import { startOfMonth as W } from "date-fns/startOfMonth";
 import { startOfToday as ue } from "date-fns/startOfToday";
 import { subDays as me } from "date-fns/subDays";
 import ae from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as Ee } from "../RecurringSettings-A_rAGCTP.mjs";
-import { M as En } from "../RecurringSettings-A_rAGCTP.mjs";
+import { R as Ee } from "../RecurringSettings-iIupYxJW.mjs";
+import { M as Gn } from "../RecurringSettings-iIupYxJW.mjs";
 import { addMonths as ze } from "date-fns/addMonths";
 import { subMonths as Fe } from "date-fns/subMonths";
 import { isBefore as Ue } from "date-fns/isBefore";
@@ -28,32 +28,32 @@ import { isSameDay as nt } from "date-fns/isSameDay";
 import it from "@mui/material/Badge";
 import { PickersDay as rt } from "@mui/x-date-pickers/PickersDay";
 import { I as q } from "../IconBacking-B9oC6uL2.mjs";
-import { u as D, b as Z, j as I, g as J, q as Oe, d as he, h as fe } from "../hooks-D6XlXHf4.mjs";
-import { d as M, c as S, g as Ie, f as ot } from "../RecurringTransactions-DK8dWldr.mjs";
-import { T as B } from "../RecurringTransactionsStore-C4YOD7_D.mjs";
-import { R as Nn } from "../RecurringTransactionsStore-C4YOD7_D.mjs";
-import { A as w, W as at } from "../WidgetContainer-BHWANqT4.mjs";
-import st from "@mui/material/Button";
+import { u as T, b as Z, j as v, g as J, q as Oe, d as he, h as fe, n as ot } from "../hooks-Cy8JnjCg.mjs";
+import { c as L, a as S, g as Ie, f as at } from "../RecurringTransactions-ej39mgA6.mjs";
+import { T as B } from "../RecurringTransactionsStore-BiwCzScZ.mjs";
+import { R as On } from "../RecurringTransactionsStore-BiwCzScZ.mjs";
+import { A as I, W as st } from "../WidgetContainer-BnTgAfQn.mjs";
+import ct from "@mui/material/Button";
 import le from "@mui/material/Divider";
 import ve from "@mui/material/List";
 import ke from "@mui/material/ListItem";
-import ct from "@mui/material/ListSubheader";
-import lt from "@mui/material/ListItemAvatar";
-import dt from "@mui/material/ListItemButton";
-import ut from "@mui/material/ListItemText";
-import { b as mt } from "../ManageIncome-1s_q5W4X.mjs";
-import { c as kn, M as Wn, S as $n } from "../ManageIncome-1s_q5W4X.mjs";
-import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
+import lt from "@mui/material/ListSubheader";
+import dt from "@mui/material/ListItemAvatar";
+import ut from "@mui/material/ListItemButton";
+import mt from "@mui/material/ListItemText";
+import { b as pt } from "../ManageIncome-Cypo9qY4.mjs";
+import { c as Wn, M as $n, S as Pn } from "../ManageIncome-Cypo9qY4.mjs";
+import { f as A } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { D as xe } from "../Drawer-kEE73B87.mjs";
-import { b as N } from "../Localization-2MODESHW.mjs";
-import { f as A, D as E } from "../Dialog-CWW597AF.mjs";
-import O from "@mui/material/Box";
+import { b as O } from "../Localization-2MODESHW.mjs";
+import { f as E, D as G } from "../Dialog-CWW597AF.mjs";
+import k from "@mui/material/Box";
 import { S as We } from "../StatusBar-BK_uYHAB.mjs";
 import { u as ye } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as V } from "../Loader-DUaFpDGv.mjs";
-import { M as pt } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import { u as gt } from "../useDimensions-27p2evRx.mjs";
-import { M as ht } from "../MicroWidgetContainer-DpeqN9n3.mjs";
+import { M as gt } from "../MiniWidgetContainer-BdgBvpga.mjs";
+import { u as ht } from "../useDimensions-27p2evRx.mjs";
+import { M as ft } from "../MicroWidgetContainer-CFdMGJKg.mjs";
 const Q = {
   gridRow: 1,
   gridColumn: 1,
@@ -64,20 +64,20 @@ const Q = {
     filled: !0,
     sx: { color: "categories.income", fontSize: n, ...Q }
   }
-) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ge, { color: "error", filled: !0, sx: { fontSize: n, ...Q } }) }), Te = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ne, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), ft = T(
+) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ge, { color: "error", filled: !0, sx: { fontSize: n, ...Q } }) }), Te = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ne, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), xt = R(
   ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: r } = D(), { selectedAccountGuids: o } = Z(), { recurrences: l, setSelectedDay: m } = I(), s = h.useMemo(
+    const { recurring: r } = T(), { selectedAccountGuids: o } = Z(), { recurrences: l, setSelectedDay: m } = v(), s = h.useMemo(
       () => l.filter((d) => o.includes(d.accountGuid)),
       [o, l]
     ).filter(
       (d) => nt(d.occurredOnDate || d.expectedDate, t)
     ), u = s.some(
-      (d) => d.type !== M.Income && d.status === S.Upcoming
+      (d) => d.type !== L.Income && d.status === S.Upcoming
     ), f = s.some(
-      (d) => d.type !== M.Income && d.status === S.Missed
+      (d) => d.type !== L.Income && d.status === S.Missed
     ), x = s.some(
-      (d) => d.type !== M.Income && d.status === S.Paid
-    ), C = s.some((d) => d.type === M.Income), y = (u ? 1 : 0) + (f ? 1 : 0) + (x ? 1 : 0) + (C ? 1 : 0);
+      (d) => d.type !== L.Income && d.status === S.Paid
+    ), C = s.some((d) => d.type === L.Income), y = (u ? 1 : 0) + (f ? 1 : 0) + (x ? 1 : 0) + (C ? 1 : 0);
     return /* @__PURE__ */ e(
       it,
       {
@@ -122,8 +122,8 @@ const Q = {
 ), Y = ({ icon: t, label: n }) => /* @__PURE__ */ a(c, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ e(p, { variant: "XSmall", children: n })
-] }), xt = T(() => {
-  const { recurring: t } = D();
+] }), yt = R(() => {
+  const { recurring: t } = T();
   return /* @__PURE__ */ a(
     c,
     {
@@ -141,22 +141,22 @@ const Q = {
       ]
     }
   );
-}), Me = 58, $e = T(() => {
-  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: r } = I(), [o, l] = h.useState(
+}), Me = 58, $e = R(() => {
+  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: r } = v(), [o, l] = h.useState(
     we(/* @__PURE__ */ new Date()) * B + Me
   ), m = (s) => {
     l(we(s) * B + Me), r({
-      start: k(s),
+      start: W(s),
       end: z(s)
-    }), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+    }), n(I.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
   }, g = /* @__PURE__ */ e(
     et,
     {
-      minDate: k(/* @__PURE__ */ new Date()),
+      minDate: W(/* @__PURE__ */ new Date()),
       onMonthChange: m,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: ft
+        day: xt
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -204,10 +204,10 @@ const Q = {
   return /* @__PURE__ */ e(c, { justifyContent: "center", children: /* @__PURE__ */ a(tt, { dateAdapter: Qe, children: [
     i && g,
     !i && g,
-    /* @__PURE__ */ e(xt, {})
+    /* @__PURE__ */ e(yt, {})
   ] }) });
-}), yt = (t) => {
-  if (t.type === M.Income)
+}), Ct = (t) => {
+  if (t.type === L.Income)
     return /* @__PURE__ */ e(be, {});
   switch (t.status) {
     case S.Missed:
@@ -217,25 +217,25 @@ const Q = {
     default:
       return /* @__PURE__ */ e(Ce, {});
   }
-}, Ct = (t, n) => {
+}, bt = (t, n) => {
   switch (t.status) {
     case S.Paid:
-      return t.expectedDate ? N(
+      return t.expectedDate ? O(
         n.paid_on,
-        A(
+        E(
           t.occurredOnDate || t.expectedDate,
-          E.MONTH_DAY
+          G.MONTH_DAY
         )
       ) : n.paid;
     case S.Missed:
-      return N(
+      return O(
         n.missed_on,
-        A(t.expectedDate, E.MONTH_DAY)
+        E(t.expectedDate, G.MONTH_DAY)
       );
     case S.Upcoming:
-      return N(
+      return O(
         n.upcoming_on,
-        A(t.expectedDate, E.MONTH_DAY)
+        E(t.expectedDate, G.MONTH_DAY)
       );
     default:
       return n.unknown;
@@ -247,24 +247,24 @@ const Q = {
   },
   showOrdinal: r = !1
 }) => {
-  const { recurring: o } = D(), { repeatingTransactions: l } = I(), [m, g] = h.useState(!1), s = h.useMemo(
-    () => l.find((b) => b.guid === t.repeatingTransactionGuid),
+  const { recurring: o } = T(), { repeatingTransactions: l } = v(), [m, g] = h.useState(!1), s = h.useMemo(
+    () => l.find((D) => D.guid === t.repeatingTransactionGuid),
     [t, l]
-  ), u = t.type === M.Income, f = t.status === S.Paid, x = t.status === S.Missed, C = t.status === S.Upcoming;
+  ), u = t.type === L.Income, f = t.status === S.Paid, x = t.status === S.Missed, C = t.status === S.Upcoming;
   let y = o.paid?.toLowerCase();
   return x ? y = o.missed?.toLowerCase() : C && (y = r ? Ie(o, s || {}, !0) : Ie(o, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ a(ke, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(dt, { onClick: () => {
+    /* @__PURE__ */ a(ut, { onClick: () => {
       g(!0), i(t);
     }, children: [
-      /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(
         pe,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ a(
+      /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ a(
         c,
         {
           direction: "row",
@@ -274,8 +274,8 @@ const Q = {
             /* @__PURE__ */ a(c, { direction: "column", width: "50%", children: [
               /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: t.name }),
               /* @__PURE__ */ e(c, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(c, { direction: "row", gap: 4, children: [
-                yt(t),
-                /* @__PURE__ */ e(p, { variant: "caption", children: Ct(t, o) })
+                Ct(t),
+                /* @__PURE__ */ e(p, { variant: "caption", children: bt(t, o) })
               ] }) : /* @__PURE__ */ a(X, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ze,
@@ -291,7 +291,7 @@ const Q = {
             /* @__PURE__ */ a(c, { alignItems: "flex-end", width: "100%", children: [
               /* @__PURE__ */ a(p, { bold: !0, color: u ? "success.main" : "text.primary", variant: "body1", children: [
                 u ? "+" : "",
-                L(t.amount, "0,0.00")
+                A(t.amount, "0,0.00")
               ] }),
               !n && /* @__PURE__ */ a(
                 c,
@@ -322,9 +322,9 @@ const Q = {
         ariaLabelClose: o.close_drawer_aria,
         isOpen: m,
         onClose: () => g(!1),
-        title: t.type === M.Income ? o.income_details : o.expense_details,
+        title: t.type === L.Income ? o.income_details : o.expense_details,
         children: s && /* @__PURE__ */ e(
-          mt,
+          pt,
           {
             onDeleted: () => g(!1),
             recurringTransaction: s
@@ -333,7 +333,7 @@ const Q = {
       }
     )
   ] });
-}, H = T(
+}, H = R(
   ({
     recurrences: t,
     isMini: n = !1,
@@ -342,7 +342,7 @@ const Q = {
     sx: o = {},
     title: l
   }) => {
-    const { recurring: m } = D(), g = h.useMemo(() => ot(t), [t]);
+    const { recurring: m } = T(), g = h.useMemo(() => at(t), [t]);
     return /* @__PURE__ */ a(c, { sx: { gap: 8, mt: 4, ...o }, children: [
       l && /* @__PURE__ */ a(
         c,
@@ -350,7 +350,7 @@ const Q = {
           sx: { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24 },
           children: [
             /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: l }),
-            i && /* @__PURE__ */ e(st, { onClick: i, sx: { mt: -12 }, variant: "text", children: m.reset })
+            i && /* @__PURE__ */ e(ct, { onClick: i, sx: { mt: -12 }, variant: "text", children: m.reset })
           ]
         }
       ),
@@ -368,7 +368,7 @@ const Q = {
         /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
           ve,
           {
-            subheader: /* @__PURE__ */ e(ct, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: A(s.date, E.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ e(lt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: E(s.date, G.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
             children: s.recurrences.map((f, x) => /* @__PURE__ */ e(h.Fragment, { children: /* @__PURE__ */ e(
               Le,
@@ -384,35 +384,35 @@ const Q = {
       ] }, `recurrence-${u}`)) })
     ] });
   }
-), Ae = T(
+), Ae = R(
   ({ expected: t, isExpense: n = !0, missed: i, paid: r, title: o, total: l, upcoming: m }) => {
-    const g = ge(), { isSmallMobile: s } = ye(), { recurring: u } = D(), f = h.useMemo(() => {
+    const g = ge(), { isSmallMobile: s } = ye(), { recurring: u } = T(), f = h.useMemo(() => {
       const x = [{ color: g.palette.success.main, percentage: `${r / t}` }];
       return i && x.push({ color: g.palette.error.main, percentage: `${i / t}` }), x;
     }, [r, t, i]);
     return /* @__PURE__ */ a(c, { children: [
       /* @__PURE__ */ a(c, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
         /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: `${o} (${l})` }),
-        /* @__PURE__ */ e(p, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
+        /* @__PURE__ */ e(p, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${A(t, "0,0.00")}` })
       ] }),
       /* @__PURE__ */ e(We, { data: f, height: 12 }),
       /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
-        /* @__PURE__ */ e(O, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
+        /* @__PURE__ */ e(k, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: A(r, "0,0.00") }),
         /* @__PURE__ */ e(p, { variant: "caption", children: u.paid?.toLowerCase() }),
         i !== void 0 && /* @__PURE__ */ a(X, { children: [
-          /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
+          /* @__PURE__ */ e(k, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: A(i, "0,0.00") }),
           /* @__PURE__ */ e(p, { variant: "caption", children: u.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(m, "0,0.00") }),
+        /* @__PURE__ */ e(k, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: A(m, "0,0.00") }),
         /* @__PURE__ */ e(p, { variant: "caption", children: u.upcoming })
       ] })
     ] });
   }
-), bt = T(() => {
-  const { recurring: t } = D(), { availableWidth: n } = Oe(), { isDesktop: i, isSmallMobile: r, isMobile: o } = ye(n), { onEvent: l } = J(), {
+), Rt = R(() => {
+  const { recurring: t } = T(), { availableWidth: n } = Oe(), { isDesktop: i, isSmallMobile: r, isMobile: o } = ye(n), { onEvent: l } = J(), {
     currentMonthExpenses: m,
     currentMonthIncome: g,
     dateRange: s,
@@ -422,33 +422,33 @@ const Q = {
     pastRecurrences: C,
     paidExpenseTotal: y,
     paidIncomeTotal: d,
-    selectedDay: b,
-    selectedDayRecurrences: W,
+    selectedDay: D,
+    selectedDayRecurrences: _,
     setDateRange: F,
     upcomingExpenseTotal: te,
     upcomingIncomeTotal: ne,
     upcomingRecurrences: U
-  } = I(), [$, _] = h.useState(0), ie = Ue(s.start, /* @__PURE__ */ new Date()), v = (R, oe) => {
-    _(oe);
-  }, j = (R) => {
-    l(w.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: R.transaction?.guid
+  } = v(), [$, w] = h.useState(0), ie = Ue(s.start, /* @__PURE__ */ new Date()), M = (b, oe) => {
+    w(oe);
+  }, j = (b) => {
+    l(I.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: b.transaction?.guid
     });
-  }, K = (R) => {
-    l(w.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: R.transaction?.guid
+  }, K = (b) => {
+    l(I.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: b.transaction?.guid
     });
   }, P = () => {
-    const R = ze(s.start, 1);
+    const b = ze(s.start, 1);
     F({
-      start: k(R),
-      end: z(R)
+      start: W(b),
+      end: z(b)
     });
   }, re = () => {
-    const R = Fe(s.start, 1);
+    const b = Fe(s.start, 1);
     F({
-      start: k(R),
-      end: z(R)
+      start: W(b),
+      end: z(b)
     });
   };
   return /* @__PURE__ */ a(
@@ -462,9 +462,9 @@ const Q = {
         /* @__PURE__ */ a(se, { md: !0, sm: 12, width: "100%", children: [
           /* @__PURE__ */ a(c, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
             /* @__PURE__ */ a(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(Je, { children: N(
+              /* @__PURE__ */ e(Je, { children: O(
                 t.header_title,
-                A(s.start, E.MONTH_LONG)
+                E(s.start, G.MONTH_LONG)
               ) }),
               !i && /* @__PURE__ */ a(c, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
@@ -511,7 +511,7 @@ const Q = {
             )
           ] }),
           !i && /* @__PURE__ */ a(c, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(je, { onChange: v, value: $, variant: "fullWidth", children: [
+            /* @__PURE__ */ a(je, { onChange: M, value: $, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 _e,
                 {
@@ -547,10 +547,10 @@ const Q = {
             H,
             {
               onRecurrenceClick: K,
-              recurrences: W || C,
-              title: b ? N(
+              recurrences: _ || C,
+              title: D ? O(
                 t.day_transactions,
-                A(b, E.MONTH_DAY)
+                E(D, G.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -558,17 +558,19 @@ const Q = {
       ]
     }
   );
-}), wn = T(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: i } = he(), { recurring: r } = D(), { isCopyLoaded: o, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = Z(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = I(), { setFilter: x } = fe(), { onEvent: C } = J(), { isMobile: y } = ye(), [d, b] = h.useState(!1);
+}), In = R(({ onBackClick: t, sx: n = {} }) => {
+  const { accounts: i } = he(), { recurring: r } = T(), { isCopyLoaded: o, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = Z(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = v(), { setFilter: x } = fe(), { onEvent: C } = J(), { onLoad: y } = ot(), { isMobile: d } = ye(), [D, _] = h.useState(!1);
   return h.useEffect(() => {
     g(i);
   }, [i]), h.useEffect(() => {
     l && (x({
       dateRange: { start: me(ue(), 90), end: de() },
       accounts: m
-    }), f({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), u().finally());
+    }), f({ start: W(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), u().finally(() => {
+      y?.("RecurringTransactionsWidget");
+    }));
   }, [l]), o ? /* @__PURE__ */ a(
-    at,
+    st,
     {
       accountOptions: i,
       actions: [
@@ -576,17 +578,17 @@ const Q = {
           label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            b(!0), C(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            _(!0), C(I.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
-      hasDivider: y,
-      onAccountsFilterClick: () => C(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      hasDivider: d,
+      onAccountsFilterClick: () => C(I.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
       title: r.title,
       children: [
-        l && s ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ a(c, { direction: "column", p: 48, spacing: 24, children: [
+        l && s ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ a(c, { direction: "column", p: 48, spacing: 24, children: [
           /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(ae, { height: 600, variant: "rounded", width: "100%" })
@@ -595,8 +597,8 @@ const Q = {
           xe,
           {
             ariaLabelClose: r.close_drawer_aria,
-            isOpen: d,
-            onClose: () => b(!1),
+            isOpen: D,
+            onClose: () => _(!1),
             shouldShowHeaderBorders: !1,
             title: r.action_title,
             children: /* @__PURE__ */ e(Ee, {})
@@ -605,8 +607,8 @@ const Q = {
       ]
     }
   ) : /* @__PURE__ */ e(V, {});
-}), Rt = T(() => {
-  const { recurring: t } = D(), { availableWidth: n } = Oe(), { selectedDay: i, selectedDayRecurrences: r, setSelectedDay: o, upcomingRecurrences: l } = I(), m = n < 750;
+}), Tt = R(() => {
+  const { recurring: t } = T(), { availableWidth: n } = Oe(), { selectedDay: i, selectedDayRecurrences: r, setSelectedDay: o, upcomingRecurrences: l } = v(), m = n < 750;
   return /* @__PURE__ */ a(c, { flexDirection: m ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e($e, {}),
     !m && /* @__PURE__ */ e(le, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
@@ -617,16 +619,16 @@ const Q = {
         onResetClick: i ? () => o(i) : void 0,
         recurrences: r || l.slice(0, 5),
         sx: { width: m ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: i ? N(
+        title: i ? O(
           t.day_transactions,
-          A(i, E.MONTH_DAY)
+          E(i, G.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), In = T(
+}), vn = R(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: i } = he(), { recurring: r } = D(), { setFilter: o } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = I(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = Z();
+    const { accounts: i } = he(), { recurring: r } = T(), { setFilter: o } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = v(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = Z();
     return h.useEffect(() => {
       s && u(i);
     }, [s]), h.useEffect(() => {
@@ -635,7 +637,7 @@ const Q = {
         accounts: f
       }), m().finally());
     }, [f]), !g || !s ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(
-      pt,
+      gt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
@@ -643,11 +645,11 @@ const Q = {
         subTitle: r.sub_title,
         sx: n,
         title: r.mini_title,
-        children: l ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ e(V, {})
+        children: l ? /* @__PURE__ */ e(Tt, {}) : /* @__PURE__ */ e(V, {})
       }
     );
   }
-), Tt = ({
+), Dt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
 }) => /* @__PURE__ */ e(c, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, r) => /* @__PURE__ */ e(
@@ -657,21 +659,21 @@ const Q = {
     merchantGuid: i.merchantGuid || ""
   },
   `${i.categoryGuid}-${i.merchantGuid}-${r}`
-)) }), Dt = ({
+)) }), St = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: i = 3
 }) => {
   const r = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
-    O,
+    k,
     {
       sx: {
         position: "relative",
         width: 64
       },
       children: t.map((o, l) => l < i ? /* @__PURE__ */ e(
-        O,
+        k,
         {
           sx: {
             borderRadius: "4px",
@@ -694,7 +696,7 @@ const Q = {
       ) : null)
     }
   );
-}, St = ({
+}, _t = ({
   amount: t,
   bgcolor: n,
   isLargeScreen: i,
@@ -702,7 +704,7 @@ const Q = {
   label: o
 }) => /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    O,
+    k,
     {
       sx: {
         borderRadius: "2px",
@@ -713,11 +715,11 @@ const Q = {
     }
   ),
   /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !r && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
+    !r && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: A(t, t === 0 || !i ? "0,0" : "0,0.00") }),
     /* @__PURE__ */ e(p, { variant: "caption", children: o })
   ] })
-] }), _t = T(() => {
-  const { recurring: t } = D();
+] }), wt = R(() => {
+  const { recurring: t } = T();
   return /* @__PURE__ */ a(c, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(qe, { size: 32 }),
     /* @__PURE__ */ a(c, { children: [
@@ -725,83 +727,83 @@ const Q = {
       /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), vn = T(
+}), Mn = R(
   ({ onCTAClick: t }) => {
-    const [n, i] = h.useState(!1), { onEvent: r } = J(), o = ge(), { accounts: l } = he(), [m, { width: g }] = gt(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = Z(), {
+    const [n, i] = h.useState(!1), { onEvent: r } = J(), o = ge(), { accounts: l } = he(), [m, { width: g }] = ht(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = Z(), {
       loadRepeatingTransactions: C,
       upcomingRecurrences: y,
       expenseTotal: d,
-      missedExpenseTotal: b,
-      paidExpenseTotal: W,
+      missedExpenseTotal: D,
+      paidExpenseTotal: _,
       repeatingTransactions: F,
       setDateRange: te,
       upcomingExpenseTotal: ne,
       isDataLoaded: U
-    } = I(), { setFilter: $ } = fe(), { recurring: _, budgets: ie } = D();
+    } = v(), { setFilter: $ } = fe(), { recurring: w, budgets: ie } = T();
     h.useEffect(() => {
       x(l);
     }, [l]), h.useEffect(() => {
       u && ($({
         dateRange: { start: me(ue(), 90), end: de() },
         accounts: f
-      }), te({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), C().finally(), i(!0));
+      }), te({ start: W(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), C().finally(), i(!0));
     }, [u]), h.useEffect(() => {
-      n && r(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      n && r(I.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
         state: y.length > 0 ? "default" : "zeroState"
       });
     }, [n]);
-    const v = g <= 288, j = g >= 450, K = h.useMemo(() => {
-      const G = [
-        { color: o.palette.success.main, percentage: `${W / d}` }
+    const M = g <= 288, j = g >= 450, K = h.useMemo(() => {
+      const N = [
+        { color: o.palette.success.main, percentage: `${_ / d}` }
       ];
-      return b && G.push({
+      return D && N.push({
         color: o.palette.error.main,
-        percentage: `${b / d}`
-      }), G;
+        percentage: `${D / d}`
+      }), N;
     }, [
-      W,
+      _,
       d,
-      b,
+      D,
       o.palette.success.main,
       o.palette.error.main
-    ]), P = h.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), re = () => {
+    ]), P = h.useMemo(() => A(d, d === 0 ? "0,0" : "0,0.00"), [d]), re = () => {
       r(
-        y.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        y.length > 0 ? I.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : I.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
     if (!s || !n || !U) return /* @__PURE__ */ e(V, { height: 100 });
-    const R = 32, oe = y.length > 0, Pe = () => oe ? v ? /* @__PURE__ */ e(
-      Dt,
+    const b = 32, oe = y.length > 0, Pe = () => oe ? M ? /* @__PURE__ */ e(
+      St,
       {
-        logoSize: R,
+        logoSize: b,
         maxLogos: 3,
         upcomingRecurrences: y.slice(0, 3)
       }
-    ) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: v ? 64 : 104 } }), Be = [
+    ) : /* @__PURE__ */ e(Dt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: M ? 64 : 104 } }), Be = [
       {
-        amount: W,
+        amount: _,
         bgColor: "success.main",
-        label: _.paid
+        label: w.paid
       },
       {
-        amount: b,
+        amount: D,
         bgColor: "error.main",
-        label: _.missed
+        label: w.missed
       },
       {
         amount: ne,
         bgColor: "border.light",
-        label: _.upcoming
+        label: w.upcoming
       }
     ], De = !F?.length;
     return /* @__PURE__ */ e(
-      ht,
+      ft,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: De ? ie.get_started_cta : _.primary_cta,
+        ctaLabel: De ? ie.get_started_cta : w.primary_cta,
         onCTAClick: re,
-        title: _.recurring_expenses,
-        children: De ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ a(X, { children: [
+        title: w.recurring_expenses,
+        children: De ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ a(X, { children: [
           /* @__PURE__ */ a(
             c,
             {
@@ -815,7 +817,7 @@ const Q = {
                   c,
                   {
                     sx: [
-                      P.length >= 10 && v ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+                      P.length >= 10 && M ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
                       {
                         alignItems: "baseline",
                         overflow: "hidden",
@@ -828,7 +830,7 @@ const Q = {
                         p,
                         {
                           sx: { width: "100%" },
-                          variant: P.length >= 10 && v ? "H3" : "H2",
+                          variant: P.length >= 10 && M ? "H3" : "H2",
                           children: P
                         }
                       ),
@@ -839,7 +841,7 @@ const Q = {
                             pr: 12
                           },
                           variant: "XSmall",
-                          children: _.expected
+                          children: w.expected
                         }
                       )
                     ]
@@ -860,14 +862,14 @@ const Q = {
                   gap: 16,
                   mt: 4
                 },
-                children: Be.map((G, He) => /* @__PURE__ */ e(
-                  St,
+                children: Be.map((N, He) => /* @__PURE__ */ e(
+                  _t,
                   {
-                    amount: G.amount,
-                    bgcolor: G.bgColor,
+                    amount: N.amount,
+                    bgcolor: N.bgColor,
                     isLargeScreen: j,
-                    isSmallScreen: v,
-                    label: G.label
+                    isSmallScreen: M,
+                    label: N.label
                   },
                   `recurrence-legend-${He}`
                 ))
@@ -878,9 +880,9 @@ const Q = {
       }
     );
   }
-), Mn = T(
+), Ln = R(
   ({ isOpen: t, onClose: n, selectedTab: i }) => {
-    const { cashflow: r } = D();
+    const { cashflow: r } = T();
     return /* @__PURE__ */ e(
       xe,
       {
@@ -894,14 +896,14 @@ const Q = {
   }
 );
 export {
-  kn as AddRecurringTransactionDetails,
-  En as ManageExpenses,
-  Wn as ManageIncome,
+  Wn as AddRecurringTransactionDetails,
+  Gn as ManageExpenses,
+  $n as ManageIncome,
   Ee as RecurringSettings,
-  Mn as RecurringSettingsDrawer,
-  vn as RecurringTransactionsMicroWidget,
-  In as RecurringTransactionsMiniWidget,
-  Nn as RecurringTransactionsStore,
-  wn as RecurringTransactionsWidget,
-  $n as SelectTransaction
+  Ln as RecurringSettingsDrawer,
+  Mn as RecurringTransactionsMicroWidget,
+  vn as RecurringTransactionsMiniWidget,
+  On as RecurringTransactionsStore,
+  In as RecurringTransactionsWidget,
+  Pn as SelectTransaction
 };