@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.mega2

package/dist/recurringtransactions/index.es.js

@@ -1,91 +1,92 @@
-import { jsx as e, jsxs as a, Fragment as P } 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 X } from "date-fns/endOfToday";
-import { startOfMonth as N } from "date-fns/startOfMonth";
-import { startOfToday as J } from "date-fns/startOfToday";
-import { subDays as Q } from "date-fns/subDays";
-import { R as De } from "../RecurringSettings-DAncu--R.mjs";
-import { M as vn } from "../RecurringSettings-DAncu--R.mjs";
-import { addMonths as We } from "date-fns/addMonths";
-import { subMonths as $e } from "date-fns/subMonths";
-import { isBefore as Pe } from "date-fns/isBefore";
-import q from "@mui/material/Grid";
-import ge from "@mui/material/IconButton";
-import d from "@mui/material/Stack";
-import he from "@mui/material/Tab";
-import ze from "@mui/material/Tabs";
-import { Cancel as Te, CheckCircle as we, Schedule as Be, MonetizationOn as Fe, ChevronLeft as He, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
-import { Text as f, MerchantLogo as ee, InstitutionLogo as Ke, H3 as Ye, P as V } from "@mxenabled/mxui";
-import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
-import { useTheme as te } from "@mui/material/styles";
-import { AdapterDateFns as qe } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as Ve } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as Ze } from "@mui/x-date-pickers/LocalizationProvider";
-import { isSameDay as Xe } from "date-fns/isSameDay";
-import Je from "@mui/material/Badge";
-import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
-import { I as z } from "../IconBacking-DgT8DCeh.mjs";
-import { u as R, b as B, j as _, g as F, q as Se, d as ne, h as re, n as et } from "../hooks-C41HAxM5.mjs";
-import { d as M, c as T, g as xe, f as tt } from "../RecurringTransactions-CxcSL1dY.mjs";
-import { T as O } from "../RecurringTransactionsStore-CNFxyGB6.mjs";
-import { R as An } from "../RecurringTransactionsStore-CNFxyGB6.mjs";
-import { A as I, W as nt } from "../WidgetContainer-CDh9fjpR.mjs";
-import rt from "@mui/material/Button";
-import Z from "@mui/material/Divider";
-import be from "@mui/material/List";
-import _e from "@mui/material/ListItem";
-import it from "@mui/material/ListSubheader";
-import ot from "@mui/material/ListItemAvatar";
-import at from "@mui/material/ListItemButton";
-import st from "@mui/material/ListItemText";
-import { b as ct } from "../ManageIncome-8EsStyIQ.mjs";
-import { c as Gn, M as Nn, S as On } from "../ManageIncome-8EsStyIQ.mjs";
-import { D as ie } from "../Drawer-BF40nbsH.mjs";
-import { f as v } from "../NumberFormatting-DjTD0t3W.mjs";
-import { b as E } from "../Localization-2MODESHW.mjs";
-import { f as L, a as A } from "../Dialog-CDV0kKxj.mjs";
-import G from "@mui/material/Box";
-import { S as Ie } from "../StatusBar-CPfSXe80.mjs";
-import { u as oe } from "../useScreenSize-B5afALev.mjs";
-import { S as Me } from "../SkeletonLoader-BaNboJjD.mjs";
-import { L as ae } from "../Loader-Ckqi9Rx6.mjs";
-import { M as lt } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { u as dt } from "../useDimensions-27p2evRx.mjs";
-import { M as ut } from "../MicroWidgetContainer-BGpNl5ZS.mjs";
-const H = {
+import { jsx as e, jsxs as o, Fragment as X } from "react/jsx-runtime";
+import f from "react";
+import { observer as T } from "mobx-react-lite";
+import { endOfMonth as F } from "date-fns/endOfMonth";
+import { endOfToday as de } from "date-fns/endOfToday";
+import { startOfMonth as k } 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 l from "@mui/material/Stack";
+import { R as Ne } from "../RecurringSettings-B4ybrS0B.mjs";
+import { M as Gn } from "../RecurringSettings-B4ybrS0B.mjs";
+import { addMonths as Fe } from "date-fns/addMonths";
+import { subMonths as Ue } from "date-fns/subMonths";
+import { isBefore as je } from "date-fns/isBefore";
+import se from "@mui/material/Unstable_Grid2";
+import Se from "@mui/material/IconButton";
+import _e from "@mui/material/Tab";
+import Ke from "@mui/material/Tabs";
+import { Schedule as Ye, MonetizationOn as Ve, Cancel as Ge, CheckCircle as Oe, ChevronLeft as Xe, ChevronRight as qe, CurrencyExchange as Ze } from "@mxenabled/mx-icons";
+import { Text as g, MerchantLogo as pe, InstitutionLogo as Je, H3 as Qe, P as ce } from "@mxenabled/mxui";
+import { getWeeksInMonth as Ie } from "date-fns/getWeeksInMonth";
+import ge from "@mui/material/styles/useTheme";
+import { AdapterDateFns as et } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as tt } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as nt } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as it } from "date-fns/isSameDay";
+import rt from "@mui/material/Badge";
+import { PickersDay as ot } from "@mui/x-date-pickers/PickersDay";
+import { I as q } from "../IconBacking-B9oC6uL2.mjs";
+import { u as w, b as Z, j as I, g as J, p as ke, d as he, h as fe } from "../hooks-ZMp65DFz.mjs";
+import { c as v, a as D, g as Me, f as at } from "../RecurringTransactions-BqijW_8S.mjs";
+import { T as H } from "../RecurringTransactionsStore-BhBUVm9a.mjs";
+import { R as kn } from "../RecurringTransactionsStore-BhBUVm9a.mjs";
+import { A as _, W as st } from "../WidgetContainer-CoFDmQRE.mjs";
+import ct from "@mui/material/Button";
+import le from "@mui/material/Divider";
+import ve from "@mui/material/List";
+import We from "@mui/material/ListItem";
+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-CaoQl609.mjs";
+import { c as $n, M as Bn, S as Pn } from "../ManageIncome-CaoQl609.mjs";
+import { f as L } from "../NumberFormatting-DjTD0t3W.mjs";
+import { D as xe } from "../Drawer-By9V-B5L.mjs";
+import { b as G } from "../Localization-2MODESHW.mjs";
+import { f as A, a as E } from "../Dialog-BPTr3qHE.mjs";
+import O from "@mui/material/Box";
+import { S as $e } from "../StatusBar-BK_uYHAB.mjs";
+import { u as ye } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as be } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { L as V } from "../Loader-DUaFpDGv.mjs";
+import { M as gt } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
+import { u as ht } from "../useDimensions-27p2evRx.mjs";
+import { M as ft } from "../MicroWidgetContainer-r6mtxRer.mjs";
+const Q = {
   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(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Be, { color: "primary", filled: !0, sx: { fontSize: n, ...H } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
-  Fe,
+}, ee = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, Ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ye, { color: "primary", filled: !0, sx: { fontSize: n, ...Q } }) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(
+  Ve,
   {
     filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...H }
+    sx: { color: "categories.income", fontSize: n, ...Q }
   }
-) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...H } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...H } }) }), mt = C(
-  ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = R(), { selectedAccountGuids: o } = B(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
-      () => c.filter((g) => o.includes(g.accountGuid)),
-      [o, c]
+) }), Te = ({ 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 } }) }), we = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Oe, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), xt = T(
+  ({ day: t, outsideCurrentMonth: n, ...i }) => {
+    const { recurring: r } = w(), { selectedAccountGuids: a } = Z(), { recurrences: c, setSelectedDay: p } = I(), s = f.useMemo(
+      () => c.filter((d) => a.includes(d.accountGuid)),
+      [a, c]
     ).filter(
-      (g) => Xe(g.occurredOnDate || g.expectedDate, t)
-    ), l = s.some(
-      (g) => g.type !== M.Income && g.status === T.Upcoming
+      (d) => it(d.occurredOnDate || d.expectedDate, t)
     ), m = s.some(
-      (g) => g.type !== M.Income && g.status === T.Missed
-    ), h = s.some(
-      (g) => g.type !== M.Income && g.status === T.Paid
-    ), b = s.some((g) => g.type === M.Income), y = (l ? 1 : 0) + (m ? 1 : 0) + (h ? 1 : 0) + (b ? 1 : 0);
+      (d) => d.type !== v.Income && d.status === D.Upcoming
+    ), u = s.some(
+      (d) => d.type !== v.Income && d.status === D.Missed
+    ), x = s.some(
+      (d) => d.type !== v.Income && d.status === D.Paid
+    ), b = s.some((d) => d.type === v.Income), y = (m ? 1 : 0) + (u ? 1 : 0) + (x ? 1 : 0) + (b ? 1 : 0);
     return /* @__PURE__ */ e(
-      Je,
+      rt,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ a(P, { children: [
-          m && /* @__PURE__ */ e(le, { isOffset: !0 }),
-          h && /* @__PURE__ */ e(de, { isOffset: !0 }),
-          l && /* @__PURE__ */ e(se, { isOffset: !0 }),
-          b && /* @__PURE__ */ e(ce, { isOffset: !0 })
+        badgeContent: s.length > 0 && /* @__PURE__ */ o(X, { children: [
+          u && /* @__PURE__ */ e(Te, { isOffset: !0 }),
+          x && /* @__PURE__ */ e(we, { isOffset: !0 }),
+          m && /* @__PURE__ */ e(Ce, { isOffset: !0 }),
+          b && /* @__PURE__ */ e(Re, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
@@ -96,15 +97,15 @@ const H = {
           }
         },
         children: /* @__PURE__ */ e(
-          Qe,
+          ot,
           {
             "aria-label": `
-          ${h && i.paid}, 
-          ${m && i.missed}, 
-          ${l && i.upcoming}, 
-          ${b && i.income}`,
+          ${x && r.paid}, 
+          ${u && r.missed}, 
+          ${m && r.upcoming}, 
+          ${b && r.income}`,
             day: t,
-            onClick: () => u(t),
+            onClick: () => p(t),
             outsideCurrentMonth: n,
             sx: {
               "&.MuiPickersDay-root": {
@@ -113,19 +114,19 @@ const H = {
                 }
               }
             },
-            ...r
+            ...i
           }
         )
       }
     );
   }
-), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), Y = ({ icon: t, label: n }) => /* @__PURE__ */ o(l, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(f, { variant: "caption", children: n })
-] }), pt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(
-    d,
+  /* @__PURE__ */ e(g, { variant: "XSmall", children: n })
+] }), yt = T(() => {
+  const { recurring: t } = w();
+  return /* @__PURE__ */ o(
+    l,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -134,35 +135,35 @@ const H = {
       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(Y, { icon: Ce, label: t.expense }),
+        /* @__PURE__ */ e(Y, { icon: Re, label: t.income }),
+        /* @__PURE__ */ e(Y, { icon: Te, label: t.missed }),
+        /* @__PURE__ */ e(Y, { icon: we, label: t.paid })
       ]
     }
   );
-}), ye = 58, ve = C(() => {
-  const t = te(), { onEvent: n } = F(), { selectedDay: r, setDateRange: i } = _(), [o, c] = x.useState(
-    fe(/* @__PURE__ */ new Date()) * O + ye
-  ), u = (m) => {
-    c(fe(m) * O + ye), i({
-      start: N(m),
-      end: W(m)
-    }), p(m), n(I.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, p = (m) => {
-    m && requestAnimationFrame(() => {
-      const h = document.getElementById("recurrence-list");
-      h?.setAttribute("tabindex", "-1"), h?.focus();
+}), Le = 58, Be = T(() => {
+  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: r } = I(), [a, c] = f.useState(
+    Ie(/* @__PURE__ */ new Date()) * H + Le
+  ), p = (u) => {
+    c(Ie(u) * H + Le), r({
+      start: k(u),
+      end: F(u)
+    }), h(u), n(_.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, h = (u) => {
+    u && requestAnimationFrame(() => {
+      const x = document.getElementById("recurrence-list");
+      x?.setAttribute("tabindex", "-1"), x?.focus();
     });
   }, s = /* @__PURE__ */ e(
-    Ve,
+    tt,
     {
-      minDate: N(/* @__PURE__ */ new Date()),
-      onChange: p,
-      onMonthChange: u,
+      minDate: k(/* @__PURE__ */ new Date()),
+      onChange: h,
+      onMonthChange: p,
       showDaysOutsideCurrentMonth: !0,
       slots: {
-        day: mt
+        day: xt
       },
       sx: {
         "& .MuiPickersArrowSwitcher-button": {
@@ -183,19 +184,19 @@ const H = {
           pr: 8
         },
         "& .MuiPickersCalendarHeader-label": {
-          fontFamily: t.typography.body1.fontFamily,
-          fontSize: t.typography.body1.fontSize,
+          fontFamily: t.typography.Body.fontFamily,
+          fontSize: t.typography.Body.fontSize,
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: o
+          minHeight: a
         },
         "&.MuiDateCalendar-root": {
-          minHeight: o + O
+          minHeight: a + H
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
-          height: O,
-          width: O,
+          height: H,
+          width: H,
           margin: 0
         },
         "& .MuiDayCalendar-weekDayLabel": {
@@ -203,12 +204,12 @@ const H = {
           fontSize: t.typography.body2.fontSize
         }
       },
-      value: r,
+      value: i,
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ a(
-    d,
+  return /* @__PURE__ */ o(
+    l,
     {
       "aria-describedby": "calendar-description",
       "aria-labelledby": "calendar-label",
@@ -232,103 +233,103 @@ const H = {
             children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
           }
         ),
-        /* @__PURE__ */ a(Ze, { dateAdapter: qe, children: [
-          r && s,
-          !r && s,
-          /* @__PURE__ */ e(pt, {})
+        /* @__PURE__ */ o(nt, { dateAdapter: et, children: [
+          i && s,
+          !i && s,
+          /* @__PURE__ */ e(yt, {})
         ] })
       ]
     }
   );
-}), gt = (t) => {
-  if (t.type === M.Income)
-    return /* @__PURE__ */ e(ce, {});
+}), bt = (t) => {
+  if (t.type === v.Income)
+    return /* @__PURE__ */ e(Re, {});
   switch (t.status) {
-    case T.Missed:
-      return /* @__PURE__ */ e(le, {});
-    case T.Paid:
-      return /* @__PURE__ */ e(de, {});
+    case D.Missed:
+      return /* @__PURE__ */ e(Te, {});
+    case D.Paid:
+      return /* @__PURE__ */ e(we, {});
     default:
-      return /* @__PURE__ */ e(se, {});
+      return /* @__PURE__ */ e(Ce, {});
   }
-}, ht = (t, n) => {
+}, Ct = (t, n) => {
   switch (t.status) {
-    case T.Paid:
-      return t.expectedDate ? E(
+    case D.Paid:
+      return t.expectedDate ? G(
         n.paid_on,
-        L(
+        A(
           t.occurredOnDate || t.expectedDate,
-          A.MONTH_DAY
+          E.MONTH_DAY
         )
       ) : n.paid;
-    case T.Missed:
-      return E(
+    case D.Missed:
+      return G(
         n.missed_on,
-        L(t.expectedDate, A.MONTH_DAY)
+        A(t.expectedDate, E.MONTH_DAY)
       );
-    case T.Upcoming:
-      return E(
+    case D.Upcoming:
+      return G(
         n.upcoming_on,
-        L(t.expectedDate, A.MONTH_DAY)
+        A(t.expectedDate, E.MONTH_DAY)
       );
     default:
       return n.unknown;
   }
-}, Ce = ({
+}, Ae = ({
   recurrence: t,
   isMini: n = !1,
-  onRecurrenceClick: r = () => {
+  onRecurrenceClick: i = () => {
   },
-  showOrdinal: i = !1
+  showOrdinal: r = !1
 }) => {
-  const { recurring: o } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
-    () => c.find((D) => D.guid === t.repeatingTransactionGuid),
+  const { recurring: a } = w(), { repeatingTransactions: c } = I(), [p, h] = f.useState(!1), s = f.useMemo(
+    () => c.find((C) => C.guid === t.repeatingTransactionGuid),
     [t, c]
-  ), l = t.type === M.Income, m = t.status === T.Paid, h = t.status === T.Missed, b = t.status === T.Upcoming;
-  let y = o.paid?.toLowerCase();
-  return h ? y = o.missed?.toLowerCase() : b && (y = i ? xe(o, s || {}, !0) : xe(o, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ a(_e, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(at, { onClick: () => {
-      p(!0), r(t);
+  ), m = t.type === v.Income, u = t.status === D.Paid, x = t.status === D.Missed, b = t.status === D.Upcoming;
+  let y = a.paid?.toLowerCase();
+  return x ? y = a.missed?.toLowerCase() : b && (y = r ? Me(a, s || {}, !0) : Me(a, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ o(We, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ o(ut, { onClick: () => {
+      h(!0), i(t);
     }, children: [
-      /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ e(
-        ee,
+      /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(
+        pe,
         {
           categoryGuid: t.categoryGuid,
           merchantGuid: t.merchantGuid
         }
       ) }),
-      /* @__PURE__ */ e(st, { children: /* @__PURE__ */ a(
-        d,
+      /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ o(
+        l,
         {
           direction: "row",
           gap: 4,
           sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
           children: [
-            /* @__PURE__ */ a(d, { direction: "column", width: "50%", children: [
-              /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: t.name }),
-              /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
-                gt(t),
-                /* @__PURE__ */ e(f, { variant: "caption", children: ht(t, o) })
-              ] }) : /* @__PURE__ */ a(P, { children: [
+            /* @__PURE__ */ o(l, { direction: "column", width: "50%", children: [
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: t.name }),
+              /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ o(l, { direction: "row", gap: 4, children: [
+                bt(t),
+                /* @__PURE__ */ e(g, { variant: "caption", children: Ct(t, a) })
+              ] }) : /* @__PURE__ */ o(X, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
-                  Ke,
+                  Je,
                   {
                     alt: `${t.institutionName} institution logo`,
                     institutionGuid: t.institutionGuid,
                     size: 12
                   }
                 ),
-                /* @__PURE__ */ e(f, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
+                /* @__PURE__ */ e(g, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
               ] }) })
             ] }),
-            /* @__PURE__ */ a(d, { alignItems: "flex-end", width: "100%", children: [
-              /* @__PURE__ */ a(f, { bold: !0, color: l ? "success.main" : "text.primary", variant: "body1", children: [
-                l ? "+" : "",
-                v(t.amount, "0,0.00")
+            /* @__PURE__ */ o(l, { alignItems: "flex-end", width: "100%", children: [
+              /* @__PURE__ */ o(g, { bold: !0, color: m ? "success.main" : "text.primary", variant: "body1", children: [
+                m ? "+" : "",
+                L(t.amount, "0,0.00")
               ] }),
-              !n && /* @__PURE__ */ a(
-                d,
+              !n && /* @__PURE__ */ o(
+                l,
                 {
                   direction: "row",
                   sx: {
@@ -339,9 +340,9 @@ const H = {
                     width: "100%"
                   },
                   children: [
-                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
-                    h && /* @__PURE__ */ e(Te, { color: "error", filled: !0, size: 12 }),
-                    /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "caption", children: y })
+                    u && /* @__PURE__ */ e(Oe, { color: "success", filled: !0, size: 12 }),
+                    x && /* @__PURE__ */ e(Ge, { color: "error", filled: !0, size: 12 }),
+                    /* @__PURE__ */ e(g, { bold: !0, color: "text.secondary", variant: "caption", children: y })
                   ]
                 }
               )
@@ -351,240 +352,240 @@ const H = {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      ie,
+      xe,
       {
-        ariaLabelClose: o.close_drawer_aria,
-        isOpen: u,
-        onClose: () => p(!1),
-        title: t.type === M.Income ? o.income_details : o.expense_details,
+        ariaLabelClose: a.close_drawer_aria,
+        isOpen: p,
+        onClose: () => h(!1),
+        title: t.type === v.Income ? a.income_details : a.expense_details,
         children: s && /* @__PURE__ */ e(
-          ct,
+          pt,
           {
-            onDeleted: () => p(!1),
+            onDeleted: () => h(!1),
             recurringTransaction: s
           }
         )
       }
     )
   ] });
-}, k = C(
+}, z = T(
   ({
     recurrences: t,
     isMini: n = !1,
-    onResetClick: r,
-    onRecurrenceClick: i,
-    sx: o = {},
+    onResetClick: i,
+    onRecurrenceClick: r,
+    sx: a = {},
     title: c
   }) => {
-    const { recurring: u } = R(), p = x.useMemo(() => tt(t), [t]);
-    return /* @__PURE__ */ a(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
-      c && /* @__PURE__ */ a(
-        d,
+    const { recurring: p } = w(), h = f.useMemo(() => at(t), [t]);
+    return /* @__PURE__ */ o(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...a }, "tab-index": -1, children: [
+      c && /* @__PURE__ */ o(
+        l,
         {
           sx: { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24 },
           children: [
-            /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: c }),
-            r && /* @__PURE__ */ e(rt, { onClick: r, variant: "text", children: u.reset })
+            /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: c }),
+            i && /* @__PURE__ */ e(ct, { onClick: i, variant: "text", children: p.reset })
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(f, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: u.no_activities }) : /* @__PURE__ */ e(be, { children: n ? t.map((s, l) => /* @__PURE__ */ a(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(g, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: p.no_activities }) : /* @__PURE__ */ e(ve, { children: n ? t.map((s, m) => /* @__PURE__ */ o(f.Fragment, { children: [
         /* @__PURE__ */ e(
-          Ce,
+          Ae,
           {
             isMini: n,
-            onRecurrenceClick: i,
+            onRecurrenceClick: r,
             recurrence: s
           }
         ),
-        /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((s, l) => /* @__PURE__ */ a(x.Fragment, { children: [
-        /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(
-          be,
+        /* @__PURE__ */ e(le, { sx: { mx: 24 } })
+      ] }, `recurrence-${m}`)) : h.map((s, m) => /* @__PURE__ */ o(f.Fragment, { children: [
+        /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(
+          ve,
           {
-            subheader: /* @__PURE__ */ e(it, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(f, { bold: !0, variant: "caption", children: L(s.date, A.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ e(lt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(g, { bold: !0, variant: "caption", children: A(s.date, E.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
-            children: s.recurrences.map((m, h) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
-              Ce,
+            children: s.recurrences.map((u, x) => /* @__PURE__ */ e(f.Fragment, { children: /* @__PURE__ */ e(
+              Ae,
               {
                 isMini: n,
-                onRecurrenceClick: i,
-                recurrence: m
+                onRecurrenceClick: r,
+                recurrence: u
               }
-            ) }, `day-recurrence-${h}`))
+            ) }, `day-recurrence-${x}`))
           }
         ) }, s.id),
-        /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) })
+        /* @__PURE__ */ e(le, { sx: { mx: 24 } })
+      ] }, `recurrence-${m}`)) })
     ] });
   }
-), Re = C(
-  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: c, upcoming: u }) => {
-    const p = te(), { isSmallMobile: s } = oe(), { recurring: l } = R(), m = x.useMemo(() => {
-      const h = [{ color: p.palette.success.main, percentage: `${i / t}` }];
-      return r && h.push({ color: p.palette.error.main, percentage: `${r / t}` }), h;
-    }, [i, t, r]);
-    return /* @__PURE__ */ a(d, { children: [
-      /* @__PURE__ */ a(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: `${o} (${c})` }),
-        /* @__PURE__ */ e(f, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${v(t, "0,0.00")}` })
+), Ee = T(
+  ({ expected: t, isExpense: n = !0, missed: i, paid: r, title: a, total: c, upcoming: p }) => {
+    const h = ge(), { isSmallMobile: s } = ye(), { recurring: m } = w(), u = f.useMemo(() => {
+      const x = [{ color: h.palette.success.main, percentage: `${r / t}` }];
+      return i && x.push({ color: h.palette.error.main, percentage: `${i / t}` }), x;
+    }, [r, t, i]);
+    return /* @__PURE__ */ o(l, { children: [
+      /* @__PURE__ */ o(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: `${a} (${c})` }),
+        /* @__PURE__ */ e(g, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Ie, { data: m, height: 12 }),
-      /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
-        /* @__PURE__ */ e(G, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(i, "0,0.00") }),
-        /* @__PURE__ */ e(f, { variant: "caption", children: l.paid?.toLowerCase() }),
-        r !== void 0 && /* @__PURE__ */ a(P, { children: [
-          /* @__PURE__ */ e(G, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(r, "0,0.00") }),
-          /* @__PURE__ */ e(f, { variant: "caption", children: l.missed?.toLowerCase() })
+      /* @__PURE__ */ e($e, { data: u, height: 12 }),
+      /* @__PURE__ */ o(l, { 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(g, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
+        /* @__PURE__ */ e(g, { variant: "caption", children: m.paid?.toLowerCase() }),
+        i !== void 0 && /* @__PURE__ */ o(X, { children: [
+          /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !s && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
+          /* @__PURE__ */ e(g, { variant: "caption", children: m.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(G, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(u, "0,0.00") }),
-        /* @__PURE__ */ e(f, { variant: "caption", children: l.upcoming })
+        /* @__PURE__ */ e(O, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !s && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: L(p, "0,0.00") }),
+        /* @__PURE__ */ e(g, { variant: "caption", children: m.upcoming })
       ] })
     ] });
   }
-), ft = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { isDesktop: r, isSmallMobile: i, isMobile: o } = oe(n), { onEvent: c } = F(), {
-    currentMonthExpenses: u,
-    currentMonthIncome: p,
+), Rt = T(() => {
+  const { recurring: t } = w(), { availableWidth: n } = ke(), { isDesktop: i, isSmallMobile: r, isMobile: a } = ye(n), { onEvent: c } = J(), {
+    currentMonthExpenses: p,
+    currentMonthIncome: h,
     dateRange: s,
-    expenseTotal: l,
-    incomeTotal: m,
-    missedExpenseTotal: h,
+    expenseTotal: m,
+    incomeTotal: u,
+    missedExpenseTotal: x,
     pastRecurrences: b,
     paidExpenseTotal: y,
-    paidIncomeTotal: g,
-    selectedDay: D,
-    selectedDayRecurrences: j,
-    setDateRange: S,
-    upcomingExpenseTotal: K,
-    upcomingIncomeTotal: Le,
-    upcomingRecurrences: ue
-  } = _(), [Y, Ae] = x.useState(0), Ee = Pe(s.start, /* @__PURE__ */ new Date()), Ge = (w, ke) => {
-    Ae(ke);
-  }, me = (w) => {
-    c(I.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: w.transaction?.guid
+    paidIncomeTotal: d,
+    selectedDay: C,
+    selectedDayRecurrences: W,
+    setDateRange: U,
+    upcomingExpenseTotal: te,
+    upcomingIncomeTotal: ne,
+    upcomingRecurrences: $
+  } = I(), [B, S] = f.useState(0), ie = je(s.start, /* @__PURE__ */ new Date()), M = (R, oe) => {
+    S(oe);
+  }, j = (R) => {
+    c(_.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: R.transaction?.guid
     });
-  }, pe = (w) => {
-    c(I.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: w.transaction?.guid
+  }, K = (R) => {
+    c(_.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: R.transaction?.guid
     });
-  }, Ne = () => {
-    const w = We(s.start, 1);
-    S({
-      start: N(w),
-      end: W(w)
+  }, P = () => {
+    const R = Fe(s.start, 1);
+    U({
+      start: k(R),
+      end: F(R)
     });
-  }, Oe = () => {
-    const w = $e(s.start, 1);
-    S({
-      start: N(w),
-      end: W(w)
+  }, re = () => {
+    const R = Ue(s.start, 1);
+    U({
+      start: k(R),
+      end: F(R)
     });
   };
-  return /* @__PURE__ */ a(
-    q,
+  return /* @__PURE__ */ o(
+    se,
     {
       container: !0,
       sx: {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(q, { size: { md: "grow", sm: 12 }, width: "100%", children: [
-          /* @__PURE__ */ a(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
-            /* @__PURE__ */ a(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(Ye, { children: E(
+        /* @__PURE__ */ o(se, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ o(l, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
+            /* @__PURE__ */ o(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(Qe, { children: G(
                 t.header_title,
-                L(s.start, A.MONTH_LONG)
+                A(s.start, E.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
+              !i && /* @__PURE__ */ o(l, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  Se,
                   {
                     color: "primary",
-                    disabled: Ee,
-                    onClick: Oe,
-                    children: /* @__PURE__ */ e(He, {})
+                    disabled: ie,
+                    onClick: re,
+                    children: /* @__PURE__ */ e(Xe, {})
                   }
                 ),
-                /* @__PURE__ */ e(ge, { color: "primary", onClick: Ne, children: /* @__PURE__ */ e(Ue, {}) })
+                /* @__PURE__ */ e(Se, { color: "primary", onClick: P, children: /* @__PURE__ */ e(qe, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(
-              Re,
+              Ee,
               {
-                expected: l,
-                missed: h,
+                expected: m,
+                missed: x,
                 paid: y,
                 title: t.expenses,
-                total: u.length,
-                upcoming: K
+                total: p.length,
+                upcoming: te
               }
             ),
             /* @__PURE__ */ e(
-              Re,
+              Ee,
               {
-                expected: m,
+                expected: u,
                 isExpense: !1,
-                paid: g,
+                paid: d,
                 title: t.deposits,
-                total: p.length,
-                upcoming: Le
+                total: h.length,
+                upcoming: ne
               }
             ),
-            r && /* @__PURE__ */ e(
-              k,
+            i && /* @__PURE__ */ e(
+              z,
               {
-                onRecurrenceClick: me,
-                recurrences: ue,
+                onRecurrenceClick: j,
+                recurrences: $,
                 title: t.upcoming_activity
               }
             )
           ] }),
-          !r && /* @__PURE__ */ a(d, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(ze, { onChange: Ge, value: Y, variant: "fullWidth", children: [
+          !i && /* @__PURE__ */ o(l, { sx: { px: a ? 0 : 24 }, children: [
+            /* @__PURE__ */ o(Ke, { onChange: M, value: B, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
-                he,
+                _e,
                 {
-                  label: /* @__PURE__ */ e(f, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
-                he,
+                _e,
                 {
-                  label: /* @__PURE__ */ e(f, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.past : t.past_transactions })
                 }
               )
             ] }),
-            Y === 0 && /* @__PURE__ */ e(
-              k,
+            B === 0 && /* @__PURE__ */ e(
+              z,
               {
-                onRecurrenceClick: me,
-                recurrences: ue
+                onRecurrenceClick: j,
+                recurrences: $
               }
             ),
-            Y === 1 && /* @__PURE__ */ e(
-              k,
+            B === 1 && /* @__PURE__ */ e(
+              z,
               {
-                onRecurrenceClick: pe,
+                onRecurrenceClick: K,
                 recurrences: b
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ a(d, { gap: 24, children: [
-          /* @__PURE__ */ e(ve, {}),
+        i && /* @__PURE__ */ e(se, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(l, { gap: 24, children: [
+          /* @__PURE__ */ e(Be, {}),
           /* @__PURE__ */ e(
-            k,
+            z,
             {
-              onRecurrenceClick: pe,
-              recurrences: j || b,
-              title: D ? E(
+              onRecurrenceClick: K,
+              recurrences: W || b,
+              title: C ? G(
                 t.day_transactions,
-                L(D, A.MONTH_DAY)
+                A(C, E.MONTH_DAY)
               ) : t.past_transactions
             }
           )
@@ -592,340 +593,359 @@ const H = {
       ]
     }
   );
-}), Tn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: r } = ne(), { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: c, setSelectedAccounts: u } = B(), { isDataLoaded: p, loadRepeatingTransactionData: s, setDateRange: l } = _(), { setFilter: m } = re(), { onEvent: h } = F(), { onLoad: b } = et(), { isMobile: y } = oe(), [g, D] = x.useState(!1);
-  return x.useEffect(() => {
-    p || s().finally(() => {
-      b?.("RecurringTransactionsWidget");
-    });
-  }, []), x.useEffect(() => {
-    u(r);
-  }, [r]), x.useEffect(() => {
-    m({
-      dateRange: { start: Q(J(), 90), end: X() },
-      accounts: c
-    }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
-  }, [c]), o ? /* @__PURE__ */ a(
-    nt,
+}), Mn = T(({ onBackClick: t, sx: n = {} }) => {
+  const { accounts: i } = he(), { recurring: r } = w(), { isCopyLoaded: a, isInitialized: c, selectedAccountGuids: p, setSelectedAccounts: h } = Z(), { isDataLoaded: s, loadRepeatingTransactions: m, setDateRange: u } = I(), { setFilter: x } = fe(), { onEvent: b } = J(), { isMobile: y } = ye(), [d, C] = f.useState(!1);
+  return be({
+    widgetName: "RecurringTransactionsWidget",
+    isLoaded: s
+  }), f.useEffect(() => {
+    h(i);
+  }, [i]), f.useEffect(() => {
+    c && (x({
+      dateRange: { start: me(ue(), 90), end: de() },
+      accounts: p
+    }), u({ start: k(/* @__PURE__ */ new Date()), end: F(/* @__PURE__ */ new Date()) }), m().finally());
+  }, [c]), a ? /* @__PURE__ */ o(
+    st,
     {
-      accountOptions: r,
+      accountOptions: i,
       actions: [
         {
-          label: i.action_title,
+          label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            D(!0), h(I.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+            C(!0), b(_.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
           }
         }
       ],
       hasDivider: y,
-      onAccountsFilterClick: () => h(I.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onAccountsFilterClick: () => b(_.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
-      title: i.title,
+      title: r.title,
       children: [
-        p ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(Me, { variant: "list" }),
+        c && s ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ o(l, { direction: "column", p: 48, spacing: 24, children: [
+          /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ e(ae, { height: 600, variant: "rounded", width: "100%" })
+        ] }),
         /* @__PURE__ */ e(
-          ie,
+          xe,
           {
-            ariaLabelClose: i.close_drawer_aria,
-            isOpen: g,
-            onClose: () => D(!1),
+            ariaLabelClose: r.close_drawer_aria,
+            isOpen: d,
+            onClose: () => C(!1),
             shouldShowHeaderBorders: !1,
-            title: i.action_title,
-            children: /* @__PURE__ */ e(De, {})
+            title: r.action_title,
+            children: /* @__PURE__ */ e(Ne, {})
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(ae, {});
-}), xt = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, upcomingRecurrences: c } = _(), u = n < 750;
-  return /* @__PURE__ */ a(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
-    /* @__PURE__ */ e(ve, {}),
-    !u && /* @__PURE__ */ e(Z, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+  ) : /* @__PURE__ */ e(V, {});
+}), Tt = T(() => {
+  const { recurring: t } = w(), { availableWidth: n } = ke(), { selectedDay: i, selectedDayRecurrences: r, setSelectedDay: a, upcomingRecurrences: c } = I(), p = n < 750;
+  return /* @__PURE__ */ o(l, { flexDirection: p ? "column" : "row", width: "100%", children: [
+    /* @__PURE__ */ e(Be, {}),
+    !p && /* @__PURE__ */ e(le, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
-      k,
+      z,
       {
         isMini: !0,
-        onResetClick: r ? () => o(r) : void 0,
-        recurrences: i || c.slice(0, 5),
-        sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: r ? E(
+        onResetClick: i ? () => a(i) : void 0,
+        recurrences: r || c.slice(0, 5),
+        sx: { width: p ? "100%" : "calc(100% - 336px)", mt: 12 },
+        title: i ? G(
           t.day_transactions,
-          L(r, A.MONTH_DAY)
+          A(i, E.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
-}), wn = C(
+}), vn = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: r } = ne(), { recurring: i } = R(), { setFilter: o } = re(), { isDataLoaded: c, loadRepeatingTransactionData: u } = _(), { isInitialized: p, setSelectedAccounts: s, selectedAccountGuids: l } = B();
-    return x.useEffect(() => {
-      c || u().finally();
-    }, []), x.useEffect(() => {
-      s(r);
-    }, [r]), x.useEffect(() => {
-      l.length > 0 && o({
-        dateRange: { start: Q(J(), 90), end: X() },
-        accounts: l
-      });
-    }, [l]), p ? /* @__PURE__ */ e(
-      lt,
+    const { accounts: i } = he(), { recurring: r } = w(), { setFilter: a } = fe(), { isDataLoaded: c, loadRepeatingTransactions: p } = I(), { isCopyLoaded: h, isInitialized: s, setSelectedAccounts: m, selectedAccountGuids: u } = Z();
+    return be({
+      widgetName: "RecurringTransactionsMiniWidget",
+      isLoaded: c
+    }), f.useEffect(() => {
+      s && m(i);
+    }, [s]), f.useEffect(() => {
+      u.length > 0 && (a({
+        dateRange: { start: me(ue(), 90), end: de() },
+        accounts: u
+      }), p().finally());
+    }, [u]), !h || !s ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(
+      gt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
-        primaryCtaLabel: i.primary_cta,
-        subTitle: i.sub_title,
+        primaryCtaLabel: r.primary_cta,
+        subTitle: r.sub_title,
         sx: n,
-        title: i.mini_title,
-        children: c ? /* @__PURE__ */ e(xt, {}) : /* @__PURE__ */ e(Me, { sx: { mx: 16 }, variant: "list" })
+        title: r.mini_title,
+        children: c ? /* @__PURE__ */ e(Tt, {}) : /* @__PURE__ */ e(V, {})
       }
-    ) : /* @__PURE__ */ e(ae, {});
+    );
   }
-), bt = C(() => {
-  const { recurring: t } = R();
-  return /* @__PURE__ */ a(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(je, { size: 32 }),
-    /* @__PURE__ */ a(d, { children: [
-      /* @__PURE__ */ e(V, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(V, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
-    ] })
-  ] });
-}), yt = ({
-  amount: t,
-  bgcolor: n,
-  isLargeScreen: r,
-  isSmallScreen: i,
-  label: o
-}) => /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-  /* @__PURE__ */ e(
-    G,
-    {
-      sx: {
-        borderRadius: "2px",
-        bgcolor: n,
-        height: 8,
-        width: 8
-      }
-    }
-  ),
-  /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !i && /* @__PURE__ */ e(f, { bold: !0, variant: "caption", children: v(t, t === 0 || !r ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(f, { variant: "caption", children: o })
-  ] })
-] }), Ct = ({
+), wt = ({
+  upcomingRecurrences: t,
+  maxLogos: n = 3
+}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, r) => /* @__PURE__ */ e(
+  pe,
+  {
+    categoryGuid: i.categoryGuid || "",
+    merchantGuid: i.merchantGuid || ""
+  },
+  `${i.categoryGuid}-${i.merchantGuid}-${r}`
+)) }), Dt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
-  maxLogos: r = 3
+  maxLogos: i = 3
 }) => {
-  const i = (o) => o * (n / 2);
+  const r = (a) => a * (n / 2);
   return /* @__PURE__ */ e(
-    G,
+    O,
     {
       sx: {
         position: "relative",
         width: 64
       },
-      children: t.map((o, c) => c < r ? /* @__PURE__ */ e(
-        G,
+      children: t.map((a, c) => c < i ? /* @__PURE__ */ e(
+        O,
         {
           sx: {
             borderRadius: "4px",
-            left: i(c),
+            left: r(c),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
             position: "absolute"
           },
           children: /* @__PURE__ */ e(
-            ee,
+            pe,
             {
-              categoryGuid: o.categoryGuid || "",
-              merchantGuid: o.merchantGuid || "",
+              categoryGuid: a.categoryGuid || "",
+              merchantGuid: a.merchantGuid || "",
               size: n
             }
           )
         },
-        `${o.categoryGuid}-${o.merchantGuid}-${c}`
+        `${a.categoryGuid}-${a.merchantGuid}-${c}`
       ) : null)
     }
   );
-}, Rt = ({
-  upcomingRecurrences: t,
-  maxLogos: n = 3
-}) => /* @__PURE__ */ e(d, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, i) => /* @__PURE__ */ e(
-  ee,
-  {
-    categoryGuid: r.categoryGuid || "",
-    merchantGuid: r.merchantGuid || ""
-  },
-  `${r.categoryGuid}-${r.merchantGuid}-${i}`
-)) }), Dt = C(() => {
-  const t = te(), [n, { width: r }] = dt(), {
-    upcomingRecurrences: i,
-    expenseTotal: o,
-    missedExpenseTotal: c,
-    paidExpenseTotal: u,
-    upcomingExpenseTotal: p
-  } = _(), { recurring: s } = R(), l = r <= 288, m = r >= 450, h = 32, b = i.length > 0, y = x.useMemo(() => v(o, o === 0 ? "0,0" : "0,0.00"), [o]), g = x.useMemo(() => {
-    const S = [
-      { color: t.palette.success.main, percentage: `${u / o}` }
-    ];
-    return c && S.push({
-      color: t.palette.error.main,
-      percentage: `${c / o}`
-    }), S;
-  }, [
-    u,
-    o,
-    c,
-    t.palette.success.main,
-    t.palette.error.main
-  ]), D = () => b ? l ? /* @__PURE__ */ e(
-    Ct,
-    {
-      logoSize: h,
-      maxLogos: 3,
-      upcomingRecurrences: i.slice(0, 3)
-    }
-  ) : /* @__PURE__ */ e(Rt, { maxLogos: 3, upcomingRecurrences: i.slice(0, 3) }) : /* @__PURE__ */ e(d, { sx: { width: l ? 64 : 104 } }), j = [
-    {
-      amount: u,
-      bgColor: "success.main",
-      label: s.paid
-    },
-    {
-      amount: c,
-      bgColor: "error.main",
-      label: s.missed
-    },
+}, St = ({
+  amount: t,
+  bgcolor: n,
+  isLargeScreen: i,
+  isSmallScreen: r,
+  label: a
+}) => /* @__PURE__ */ o(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+  /* @__PURE__ */ e(
+    O,
     {
-      amount: p,
-      bgColor: "neutral.light",
-      label: s.upcoming
+      sx: {
+        borderRadius: "2px",
+        bgcolor: n,
+        height: 8,
+        width: 8
+      }
     }
-  ];
-  return /* @__PURE__ */ a(P, { children: [
-    /* @__PURE__ */ a(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ a(
-        d,
-        {
-          sx: [
-            y.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
-            {
-              alignItems: "baseline",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            }
-          ],
-          children: [
-            /* @__PURE__ */ e(
-              f,
-              {
-                sx: { width: "100%" },
-                variant: y.length >= 10 && l ? "h3" : "h2",
-                children: y
-              }
-            ),
-            /* @__PURE__ */ e(V, { sx: { pr: 12 }, variant: "caption", children: s.expected })
-          ]
-        }
-      ),
-      D()
-    ] }),
-    /* @__PURE__ */ a(d, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(Ie, { data: g }),
-      /* @__PURE__ */ e(
-        d,
-        {
-          sx: {
-            alignItems: "center",
-            flexDirection: "row",
-            gap: 16,
-            mt: 4
-          },
-          children: j.map((S, K) => /* @__PURE__ */ e(
-            yt,
-            {
-              amount: S.amount,
-              bgcolor: S.bgColor,
-              isLargeScreen: m,
-              isSmallScreen: l,
-              label: S.label
-            },
-            `recurrence-legend-${K}`
-          ))
-        }
-      )
+  ),
+  /* @__PURE__ */ o(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+    !r && /* @__PURE__ */ e(g, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(g, { variant: "caption", children: a })
+  ] })
+] }), _t = T(() => {
+  const { recurring: t } = w();
+  return /* @__PURE__ */ o(l, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(Ze, { size: 32 }),
+    /* @__PURE__ */ o(l, { children: [
+      /* @__PURE__ */ e(ce, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
+      /* @__PURE__ */ e(ce, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), Sn = C(
+}), Ln = T(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = F(), { accounts: r } = ne(), { isInitialized: i, selectedAccountGuids: o, setSelectedAccounts: c } = B(), {
-      loadRepeatingTransactionData: u,
-      upcomingRecurrences: p,
-      repeatingTransactions: s,
-      setDateRange: l,
-      isDataLoaded: m
-    } = _(), { setFilter: h } = re(), { recurring: b, budgets: y } = R();
-    x.useEffect(() => {
-      m || u().finally(() => {
-        n(I.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
-          state: p.length > 0 ? "default" : "zeroState"
-        });
+    const [n, i] = f.useState(!1), { onEvent: r } = J(), a = ge(), { accounts: c } = he(), [p, { width: h }] = ht(), { isCopyLoaded: s, isInitialized: m, selectedAccountGuids: u, setSelectedAccounts: x } = Z(), {
+      loadRepeatingTransactions: b,
+      upcomingRecurrences: y,
+      expenseTotal: d,
+      missedExpenseTotal: C,
+      paidExpenseTotal: W,
+      repeatingTransactions: U,
+      setDateRange: te,
+      upcomingExpenseTotal: ne,
+      isDataLoaded: $
+    } = I(), { setFilter: B } = fe(), { recurring: S, budgets: ie } = w();
+    be({
+      widgetName: "RecurringTransactionsMicroWidget",
+      isLoaded: $
+    }), f.useEffect(() => {
+      x(c);
+    }, [c]), f.useEffect(() => {
+      m && (B({
+        dateRange: { start: me(ue(), 90), end: de() },
+        accounts: u
+      }), te({ start: k(/* @__PURE__ */ new Date()), end: F(/* @__PURE__ */ new Date()) }), b().finally(), i(!0));
+    }, [m]), f.useEffect(() => {
+      n && r(_.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+        state: y.length > 0 ? "default" : "zeroState"
       });
-    }, []), x.useEffect(() => {
-      i && c(r);
-    }, [i, r]), x.useEffect(() => {
-      i && (h({
-        dateRange: { start: Q(J(), 90), end: X() },
-        accounts: o
-      }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
-    }, [i, o]);
-    const g = () => {
-      n(
-        p.length > 0 ? I.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : I.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+    }, [n]);
+    const M = h <= 288, j = h >= 450, K = f.useMemo(() => {
+      const N = [
+        { color: a.palette.success.main, percentage: `${W / d}` }
+      ];
+      return C && N.push({
+        color: a.palette.error.main,
+        percentage: `${C / d}`
+      }), N;
+    }, [
+      W,
+      d,
+      C,
+      a.palette.success.main,
+      a.palette.error.main
+    ]), P = f.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), re = () => {
+      r(
+        y.length > 0 ? _.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : _.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!i || !m) return /* @__PURE__ */ e(ae, { height: 100 });
-    const D = !s?.length;
+    if (!s || !n || !$) return /* @__PURE__ */ e(V, { height: 100 });
+    const R = 32, oe = y.length > 0, Pe = () => oe ? M ? /* @__PURE__ */ e(
+      Dt,
+      {
+        logoSize: R,
+        maxLogos: 3,
+        upcomingRecurrences: y.slice(0, 3)
+      }
+    ) : /* @__PURE__ */ e(wt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(l, { sx: { width: M ? 64 : 104 } }), He = [
+      {
+        amount: W,
+        bgColor: "success.main",
+        label: S.paid
+      },
+      {
+        amount: C,
+        bgColor: "error.main",
+        label: S.missed
+      },
+      {
+        amount: ne,
+        bgColor: "border.light",
+        label: S.upcoming
+      }
+    ], De = !U?.length;
     return /* @__PURE__ */ e(
-      ut,
+      ft,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: D ? y.get_started_cta : b.primary_cta,
-        onCTAClick: g,
-        title: b.recurring_expenses,
-        children: D ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ e(Dt, {})
+        ctaLabel: De ? ie.get_started_cta : S.primary_cta,
+        onCTAClick: re,
+        title: S.recurring_expenses,
+        children: De ? /* @__PURE__ */ e(_t, {}) : /* @__PURE__ */ o(X, { children: [
+          /* @__PURE__ */ o(
+            l,
+            {
+              ref: p,
+              sx: {
+                flexDirection: "row",
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ o(
+                  l,
+                  {
+                    sx: [
+                      P.length >= 10 && M ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+                      {
+                        alignItems: "baseline",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap"
+                      }
+                    ],
+                    children: [
+                      /* @__PURE__ */ e(
+                        g,
+                        {
+                          sx: { width: "100%" },
+                          variant: P.length >= 10 && M ? "H3" : "H2",
+                          children: P
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        ce,
+                        {
+                          sx: {
+                            pr: 12
+                          },
+                          variant: "XSmall",
+                          children: S.expected
+                        }
+                      )
+                    ]
+                  }
+                ),
+                Pe()
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(l, { sx: { pt: 12 }, children: [
+            /* @__PURE__ */ e($e, { data: K }),
+            /* @__PURE__ */ e(
+              l,
+              {
+                sx: {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  gap: 16,
+                  mt: 4
+                },
+                children: He.map((N, ze) => /* @__PURE__ */ e(
+                  St,
+                  {
+                    amount: N.amount,
+                    bgcolor: N.bgColor,
+                    isLargeScreen: j,
+                    isSmallScreen: M,
+                    label: N.label
+                  },
+                  `recurrence-legend-${ze}`
+                ))
+              }
+            )
+          ] })
+        ] })
       }
     );
   }
-), _n = C(
-  ({ isOpen: t, onClose: n, selectedTab: r }) => {
-    const { cashflow: i } = R();
+), An = T(
+  ({ isOpen: t, onClose: n, selectedTab: i }) => {
+    const { cashflow: r } = w();
     return /* @__PURE__ */ e(
-      ie,
+      xe,
       {
-        ariaLabelClose: i.close_settings_aria,
+        ariaLabelClose: r.close_settings_aria,
         isOpen: t,
         onClose: n,
-        title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
+        title: r.cashflow_settings,
+        children: /* @__PURE__ */ e(Ne, { defaultSelectedTab: i })
       }
     );
   }
 );
 export {
-  Gn as AddRecurringTransactionDetails,
-  vn as ManageExpenses,
-  Nn as ManageIncome,
-  De as RecurringSettings,
-  _n as RecurringSettingsDrawer,
-  Sn as RecurringTransactionsMicroWidget,
-  wn as RecurringTransactionsMiniWidget,
-  An as RecurringTransactionsStore,
-  Tn as RecurringTransactionsWidget,
-  On as SelectTransaction
+  $n as AddRecurringTransactionDetails,
+  Gn as ManageExpenses,
+  Bn as ManageIncome,
+  Ne as RecurringSettings,
+  An as RecurringSettingsDrawer,
+  Ln as RecurringTransactionsMicroWidget,
+  vn as RecurringTransactionsMiniWidget,
+  kn as RecurringTransactionsStore,
+  Mn as RecurringTransactionsWidget,
+  Pn as SelectTransaction
 };