@mx-cartographer/experiences 7.0.36 → 7.0.37-alpha-recurring-transactions-divider-padding-ram2

package/dist/recurringtransactions/index.es.js

@@ -8,78 +8,78 @@ import { startOfToday as de } from "date-fns/startOfToday";
 import { subDays as ue } from "date-fns/subDays";
 import oe from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as ze } from "../RecurringSettings-DlZ8qeDR.mjs";
-import { M as An } from "../RecurringSettings-DlZ8qeDR.mjs";
-import { addMonths as Be } from "date-fns/addMonths";
-import { subMonths as Ue } from "date-fns/subMonths";
-import { isBefore as Fe } from "date-fns/isBefore";
+import { R as He } from "../RecurringSettings-DHPyexin.mjs";
+import { M as An } from "../RecurringSettings-DHPyexin.mjs";
+import { addMonths as ze } from "date-fns/addMonths";
+import { subMonths as Be } from "date-fns/subMonths";
+import { isBefore as Ue } from "date-fns/isBefore";
 import ae from "@mui/material/Unstable_Grid2";
 import Te from "@mui/material/IconButton";
 import De from "@mui/material/Tab";
-import je from "@mui/material/Tabs";
-import { Schedule as Ke, MonetizationOn as Ye, Cancel as Le, CheckCircle as Ae, ChevronLeft as Ve, ChevronRight as Xe, CurrencyExchange as Ze } from "@mxenabled/mx-icons";
-import { Text as g, MerchantLogo as me, InstitutionLogo as qe, H3 as Je, P as se } from "@mxenabled/mxui";
+import Fe from "@mui/material/Tabs";
+import { Schedule as je, MonetizationOn as Ke, Cancel as Le, CheckCircle as Ae, ChevronLeft as Ye, ChevronRight as Ve, CurrencyExchange as Xe } from "@mxenabled/mx-icons";
+import { Text as g, MerchantLogo as me, InstitutionLogo as Ze, H3 as qe, P as se } from "@mxenabled/mxui";
 import { getWeeksInMonth as Se } from "date-fns/getWeeksInMonth";
 import pe from "@mui/material/styles/useTheme";
-import { AdapterDateFns as Qe } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as et } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as tt } from "@mui/x-date-pickers/LocalizationProvider";
-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 { AdapterDateFns as Je } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as Qe } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as et } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as tt } from "date-fns/isSameDay";
+import nt from "@mui/material/Badge";
+import { PickersDay as it } from "@mui/x-date-pickers/PickersDay";
 import { I as V } from "../IconBacking-B9oC6uL2.mjs";
-import { u as S, a as X, i as v, f as Z, p as Ee, c as ge, g as he } from "../hooks-BhSK6dal.mjs";
-import { c as M, a as T, g as Ie, f as ot } from "../RepeatingTransaction-BW4J-jeJ.mjs";
+import { u as S, a as X, i as M, f as Z, c as ge, g as he, p as rt } from "../hooks-BAAimqdq.mjs";
+import { c as v, a as T, g as Ie, f as ot } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { T as H } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
 import { R as Gn } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
-import { A as w, W as at } from "../WidgetContainer-C6H2vwT9.mjs";
+import { A as w, W as at } from "../WidgetContainer-ztkGgdIH.mjs";
 import st from "@mui/material/Button";
 import ce from "@mui/material/Divider";
 import _e from "@mui/material/List";
-import Ge from "@mui/material/ListItem";
+import Ee 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-BDAuo2eh.mjs";
-import { c as On, M as kn, S as Wn } from "../ManageIncome-BDAuo2eh.mjs";
+import { b as mt } from "../ManageIncome-BaZyK1CD.mjs";
+import { c as On, M as kn, S as Wn } from "../ManageIncome-BaZyK1CD.mjs";
 import { f as L } from "../NumberFormatting-CtWHhyBX.mjs";
-import { D as Ne } from "../Drawer-kEE73B87.mjs";
+import { D as Ge } from "../Drawer-kEE73B87.mjs";
 import { b as O } from "../Localization-2MODESHW.mjs";
 import { f as A, D as E } from "../Dialog-CWW597AF.mjs";
 import k from "@mui/material/Box";
-import { S as Oe } from "../StatusBar-BK_uYHAB.mjs";
+import { S as Ne } from "../StatusBar-BK_uYHAB.mjs";
 import { u as fe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as K } from "../Loader-DUaFpDGv.mjs";
-import { M as pt } from "../MiniWidgetContainer-C_N1u9ad.mjs";
+import { M as pt } from "../MiniWidgetContainer-BhHaL8eb.mjs";
 import { u as gt } from "../useDimensions-27p2evRx.mjs";
-import { M as ht } from "../MicroWidgetContainer-DVRe-MJs.mjs";
+import { M as ht } from "../MicroWidgetContainer-Dpu8VDSP.mjs";
 const q = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, J = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, xe = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(Ke, { color: "primary", filled: !0, sx: { fontSize: n, ...q } }) }), ye = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(
-  Ye,
+}, J = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, xe = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(je, { color: "primary", filled: !0, sx: { fontSize: n, ...q } }) }), ye = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(
+  Ke,
   {
     filled: !0,
     sx: { color: "categories.income", fontSize: n, ...q }
   }
 ) }), Ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(Le, { color: "error", filled: !0, sx: { fontSize: n, ...q } }) }), be = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(V, { size: n, sx: { ...J(t) }, children: /* @__PURE__ */ e(Ae, { color: "success", filled: !0, sx: { fontSize: n, ...q } }) }), ft = D(
   ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: a } = S(), { selectedAccountGuids: r } = X(), { recurrences: l, setSelectedDay: p } = v(), s = h.useMemo(
+    const { recurring: a } = S(), { selectedAccountGuids: r } = X(), { recurrences: l, setSelectedDay: p } = M(), s = h.useMemo(
       () => l.filter((d) => r.includes(d.accountGuid)),
       [r, l]
     ).filter(
-      (d) => nt(d.occurredOnDate || d.expectedDate, t)
+      (d) => tt(d.occurredOnDate || d.expectedDate, t)
     ), m = s.some(
-      (d) => d.type !== M.Income && d.status === T.Upcoming
+      (d) => d.type !== v.Income && d.status === T.Upcoming
     ), f = s.some(
-      (d) => d.type !== M.Income && d.status === T.Missed
+      (d) => d.type !== v.Income && d.status === T.Missed
     ), x = s.some(
-      (d) => d.type !== M.Income && d.status === T.Paid
-    ), C = s.some((d) => d.type === M.Income), y = (m ? 1 : 0) + (f ? 1 : 0) + (x ? 1 : 0) + (C ? 1 : 0);
+      (d) => d.type !== v.Income && d.status === T.Paid
+    ), C = s.some((d) => d.type === v.Income), y = (m ? 1 : 0) + (f ? 1 : 0) + (x ? 1 : 0) + (C ? 1 : 0);
     return /* @__PURE__ */ e(
-      it,
+      nt,
       {
         badgeContent: s.length > 0 && /* @__PURE__ */ o(Y, { children: [
           f && /* @__PURE__ */ e(Ce, { isOffset: !0 }),
@@ -96,7 +96,7 @@ const q = {
           }
         },
         children: /* @__PURE__ */ e(
-          rt,
+          it,
           {
             "aria-label": `
           ${x && a.paid}, 
@@ -141,8 +141,8 @@ const q = {
       ]
     }
   );
-}), we = 58, ke = D(() => {
-  const t = pe(), { onEvent: n } = Z(), { selectedDay: i, setDateRange: a } = v(), [r, l] = h.useState(
+}), we = 58, Oe = D(() => {
+  const t = pe(), { onEvent: n } = Z(), { selectedDay: i, setDateRange: a } = M(), [r, l] = h.useState(
     Se(/* @__PURE__ */ new Date()) * H + we
   ), p = (s) => {
     l(Se(s) * H + we), a({
@@ -150,7 +150,7 @@ const q = {
       end: B(s)
     }), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
   }, u = /* @__PURE__ */ e(
-    et,
+    Qe,
     {
       minDate: W(/* @__PURE__ */ new Date()),
       onMonthChange: p,
@@ -200,13 +200,13 @@ const q = {
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ e(c, { justifyContent: "center", children: /* @__PURE__ */ o(tt, { dateAdapter: Qe, children: [
+  return /* @__PURE__ */ e(c, { justifyContent: "center", children: /* @__PURE__ */ o(et, { dateAdapter: Je, children: [
     i && u,
     !i && u,
     /* @__PURE__ */ e(xt, {})
   ] }) });
 }), yt = (t) => {
-  if (t.type === M.Income)
+  if (t.type === v.Income)
     return /* @__PURE__ */ e(ye, {});
   switch (t.status) {
     case T.Missed:
@@ -239,20 +239,20 @@ const q = {
     default:
       return n.unknown;
   }
-}, ve = ({
+}, Me = ({
   recurrence: t,
   isMini: n = !1,
   onRecurrenceClick: i = () => {
   },
   showOrdinal: a = !1
 }) => {
-  const { recurring: r } = S(), { repeatingTransactions: l } = v(), [p, u] = h.useState(!1), s = h.useMemo(
+  const { recurring: r } = S(), { repeatingTransactions: l } = M(), [p, u] = h.useState(!1), s = h.useMemo(
     () => l.find((R) => R.guid === t.repeatingTransactionGuid),
     [t, l]
-  ), m = t.type === M.Income, f = t.status === T.Paid, x = t.status === T.Missed, C = t.status === T.Upcoming;
+  ), m = t.type === v.Income, f = t.status === T.Paid, x = t.status === T.Missed, C = t.status === T.Upcoming;
   let y = r.paid?.toLowerCase();
   return x ? y = r.missed?.toLowerCase() : C && (y = a ? Ie(r, s || {}, !0) : Ie(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ o(Ge, { disableGutters: !0, disablePadding: !0, children: [
+  /* @__PURE__ */ o(Ee, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ o(dt, { onClick: () => {
       u(!0), i(t);
     }, children: [
@@ -277,7 +277,7 @@ const q = {
                 /* @__PURE__ */ e(g, { variant: "caption", children: Ct(t, r) })
               ] }) : /* @__PURE__ */ o(Y, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
-                  qe,
+                  Ze,
                   {
                     alt: t.institutionName,
                     institutionGuid: t.institutionGuid,
@@ -316,12 +316,12 @@ const q = {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      Ne,
+      Ge,
       {
         ariaLabelClose: r.close_drawer_aria,
         isOpen: p,
         onClose: () => u(!1),
-        title: t.type === M.Income ? r.income_details : r.expense_details,
+        title: t.type === v.Income ? r.income_details : r.expense_details,
         children: s && /* @__PURE__ */ e(
           mt,
           {
@@ -355,7 +355,7 @@ const q = {
       ),
       t.length === 0 ? /* @__PURE__ */ e(g, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: p.no_activities }) : /* @__PURE__ */ e(_e, { children: n ? t.map((s, m) => /* @__PURE__ */ o(h.Fragment, { children: [
         /* @__PURE__ */ e(
-          ve,
+          Me,
           {
             isMini: n,
             onRecurrenceClick: a,
@@ -364,13 +364,13 @@ const q = {
         ),
         /* @__PURE__ */ e(ce, { sx: { mx: 24 } })
       ] }, `recurrence-${m}`)) : u.map((s, m) => /* @__PURE__ */ o(h.Fragment, { children: [
-        /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(
           _e,
           {
             subheader: /* @__PURE__ */ e(ct, { 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((f, x) => /* @__PURE__ */ e(h.Fragment, { children: /* @__PURE__ */ e(
-              ve,
+              Me,
               {
                 isMini: n,
                 onRecurrenceClick: a,
@@ -383,7 +383,7 @@ const q = {
       ] }, `recurrence-${m}`)) })
     ] });
   }
-), Me = D(
+), ve = D(
   ({ expected: t, isExpense: n = !0, missed: i, paid: a, title: r, total: l, upcoming: p }) => {
     const u = pe(), { isSmallMobile: s } = fe(), { recurring: m } = S(), f = h.useMemo(() => {
       const x = [{ color: u.palette.success.main, percentage: `${a / t}` }];
@@ -394,7 +394,7 @@ const q = {
         /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: `${r} (${l})` }),
         /* @__PURE__ */ e(g, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
       ] }),
-      /* @__PURE__ */ e(Oe, { data: f, height: 12 }),
+      /* @__PURE__ */ e(Ne, { data: f, height: 12 }),
       /* @__PURE__ */ o(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(k, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
         !s && /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: L(a, "0,0.00") }),
@@ -411,7 +411,7 @@ const q = {
     ] });
   }
 ), bt = D(() => {
-  const { recurring: t } = S(), { availableWidth: n } = Ee(), { isDesktop: i, isSmallMobile: a } = fe(n), { onEvent: r } = Z(), {
+  const { recurring: t } = S(), { isDesktop: n, isSmallMobile: i, isMobile: a } = fe(), { onEvent: r } = Z(), {
     currentMonthExpenses: l,
     currentMonthIncome: p,
     dateRange: u,
@@ -427,7 +427,7 @@ const q = {
     upcomingExpenseTotal: Q,
     upcomingIncomeTotal: ee,
     upcomingRecurrences: U
-  } = v(), [$, te] = h.useState(0), I = Fe(u.start, /* @__PURE__ */ new Date()), ne = (b, re) => {
+  } = M(), [$, te] = h.useState(0), I = Ue(u.start, /* @__PURE__ */ new Date()), ne = (b, re) => {
     te(re);
   }, _ = (b) => {
     r(w.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
@@ -438,13 +438,13 @@ const q = {
       transaction_guid: b.transaction?.guid
     });
   }, ie = () => {
-    const b = Be(u.start, 1);
+    const b = ze(u.start, 1);
     G({
       start: W(b),
       end: B(b)
     });
   }, P = () => {
-    const b = Ue(u.start, 1);
+    const b = Be(u.start, 1);
     G({
       start: W(b),
       end: B(b)
@@ -455,71 +455,72 @@ const q = {
     {
       container: !0,
       sx: {
-        pt: 16,
-        px: i ? 48 : 24
+        pt: 16
       },
       children: [
-        /* @__PURE__ */ e(ae, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ o(c, { sx: { gap: 16 }, children: [
-          /* @__PURE__ */ o(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(Je, { children: O(
-              t.header_title,
-              A(u.start, E.MONTH_LONG)
-            ) }),
-            !i && /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
-              /* @__PURE__ */ e(
-                Te,
-                {
-                  color: "primary",
-                  disabled: I,
-                  onClick: P,
-                  children: /* @__PURE__ */ e(Ve, {})
-                }
-              ),
-              /* @__PURE__ */ e(Te, { color: "primary", onClick: ie, children: /* @__PURE__ */ e(Xe, {}) })
-            ] })
+        /* @__PURE__ */ o(ae, { md: !0, sm: 12, width: "100%", children: [
+          /* @__PURE__ */ o(c, { sx: { gap: 16, px: n ? 48 : 24 }, children: [
+            /* @__PURE__ */ o(c, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(qe, { children: O(
+                t.header_title,
+                A(u.start, E.MONTH_LONG)
+              ) }),
+              !n && /* @__PURE__ */ o(c, { direction: "row", gap: 4, children: [
+                /* @__PURE__ */ e(
+                  Te,
+                  {
+                    color: "primary",
+                    disabled: I,
+                    onClick: P,
+                    children: /* @__PURE__ */ e(Ye, {})
+                  }
+                ),
+                /* @__PURE__ */ e(Te, { color: "primary", onClick: ie, children: /* @__PURE__ */ e(Ve, {}) })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              ve,
+              {
+                expected: s,
+                missed: f,
+                paid: C,
+                title: t.expenses,
+                total: l.length,
+                upcoming: Q
+              }
+            ),
+            /* @__PURE__ */ e(
+              ve,
+              {
+                expected: m,
+                isExpense: !1,
+                paid: y,
+                title: t.deposits,
+                total: p.length,
+                upcoming: ee
+              }
+            ),
+            n && /* @__PURE__ */ e(
+              z,
+              {
+                onRecurrenceClick: _,
+                recurrences: U,
+                title: t.upcoming_activity
+              }
+            )
           ] }),
-          /* @__PURE__ */ e(
-            Me,
-            {
-              expected: s,
-              missed: f,
-              paid: C,
-              title: t.expenses,
-              total: l.length,
-              upcoming: Q
-            }
-          ),
-          /* @__PURE__ */ e(
-            Me,
-            {
-              expected: m,
-              isExpense: !1,
-              paid: y,
-              title: t.deposits,
-              total: p.length,
-              upcoming: ee
-            }
-          ),
-          i && /* @__PURE__ */ e(
-            z,
-            {
-              onRecurrenceClick: _,
-              recurrences: U,
-              title: t.upcoming_activity
-            }
-          ),
-          !i && /* @__PURE__ */ o(c, { children: [
-            /* @__PURE__ */ o(je, { onChange: ne, value: $, variant: "fullWidth", children: [
+          !n && /* @__PURE__ */ o(c, { sx: { px: a ? 0 : 24 }, children: [
+            /* @__PURE__ */ o(Fe, { onChange: ne, value: $, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 De,
                 {
-                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
                 De,
                 {
-                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(g, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: i ? t.past : t.past_transactions })
                 }
               )
             ] }),
@@ -538,9 +539,9 @@ const q = {
               }
             )
           ] })
-        ] }) }),
-        i && /* @__PURE__ */ e(ae, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(c, { gap: 24, children: [
-          /* @__PURE__ */ e(ke, {}),
+        ] }),
+        n && /* @__PURE__ */ e(ae, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ o(c, { gap: 24, children: [
+          /* @__PURE__ */ e(Oe, {}),
           /* @__PURE__ */ e(
             z,
             {
@@ -557,7 +558,7 @@ const q = {
     }
   );
 }), _n = D(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: i } = ge(), { recurring: a } = S(), { isCopyLoaded: r, isInitialized: l, selectedAccountGuids: p, setSelectedAccounts: u } = X(), { isDataLoaded: s, loadRepeatingTransactions: m, setDateRange: f } = v(), { setFilter: x } = he(), { onEvent: C } = Z(), { isMobile: y } = fe(), [d, R] = h.useState(!1);
+  const { accounts: i } = ge(), { recurring: a } = S(), { isCopyLoaded: r, isInitialized: l, selectedAccountGuids: p, setSelectedAccounts: u } = X(), { isDataLoaded: s, loadRepeatingTransactions: m, setDateRange: f } = M(), { setFilter: x } = he(), { onEvent: C } = Z(), { isMobile: y } = fe(), [d, R] = h.useState(!1);
   return h.useEffect(() => {
     u(i);
   }, [i]), h.useEffect(() => {
@@ -590,23 +591,23 @@ const q = {
           /* @__PURE__ */ e(oe, { height: 600, variant: "rounded", width: "100%" })
         ] }),
         /* @__PURE__ */ e(
-          Ne,
+          Ge,
           {
             ariaLabelClose: a.close_drawer_aria,
             isOpen: d,
             onClose: () => R(!1),
             shouldShowHeaderBorders: !1,
             title: a.action_title,
-            children: /* @__PURE__ */ e(ze, {})
+            children: /* @__PURE__ */ e(He, {})
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(K, {});
 }), Rt = D(() => {
-  const { recurring: t } = S(), { availableWidth: n } = Ee(), { selectedDay: i, selectedDayRecurrences: a, setSelectedDay: r, upcomingRecurrences: l } = v(), p = n < 750;
+  const { recurring: t } = S(), { availableWidth: n } = rt(), { selectedDay: i, selectedDayRecurrences: a, setSelectedDay: r, upcomingRecurrences: l } = M(), p = n < 750;
   return /* @__PURE__ */ o(c, { flexDirection: p ? "column" : "row", width: "100%", children: [
-    /* @__PURE__ */ e(ke, {}),
+    /* @__PURE__ */ e(Oe, {}),
     !p && /* @__PURE__ */ e(ce, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       z,
@@ -624,7 +625,7 @@ const q = {
   ] });
 }), wn = D(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: i } = ge(), { recurring: a } = S(), { setFilter: r } = he(), { isDataLoaded: l, loadRepeatingTransactions: p } = v(), { isCopyLoaded: u, isInitialized: s, setSelectedAccounts: m, selectedAccountGuids: f } = X();
+    const { accounts: i } = ge(), { recurring: a } = S(), { setFilter: r } = he(), { isDataLoaded: l, loadRepeatingTransactions: p } = M(), { isCopyLoaded: u, isInitialized: s, setSelectedAccounts: m, selectedAccountGuids: f } = X();
     return h.useEffect(() => {
       s && m(i);
     }, [s]), h.useEffect(() => {
@@ -717,13 +718,13 @@ const q = {
 ] }), It = D(() => {
   const { recurring: t } = S();
   return /* @__PURE__ */ o(c, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(Ze, { size: 32 }),
+    /* @__PURE__ */ e(Xe, { size: 32 }),
     /* @__PURE__ */ o(c, { children: [
       /* @__PURE__ */ e(se, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(se, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), vn = D(
+}), Mn = D(
   ({ onCTAClick: t }) => {
     const [n, i] = h.useState(!1), { onEvent: a } = Z(), r = pe(), { accounts: l } = ge(), [p, { width: u }] = gt(), { isCopyLoaded: s, isInitialized: m, selectedAccountGuids: f, setSelectedAccounts: x } = X(), {
       loadRepeatingTransactions: C,
@@ -735,7 +736,7 @@ const q = {
       setDateRange: ee,
       upcomingExpenseTotal: U,
       isDataLoaded: $
-    } = v(), { setFilter: te } = he(), { recurring: I, budgets: ne } = S();
+    } = M(), { setFilter: te } = he(), { recurring: I, budgets: ne } = S();
     h.useEffect(() => {
       x(l);
     }, [l]), h.useEffect(() => {
@@ -768,14 +769,14 @@ const q = {
       ), t();
     };
     if (!s || !n || !$) return /* @__PURE__ */ e(K, { height: 100 });
-    const re = 32, We = y.length > 0, $e = () => We ? _ ? /* @__PURE__ */ e(
+    const re = 32, ke = y.length > 0, We = () => ke ? _ ? /* @__PURE__ */ e(
       Dt,
       {
         logoSize: re,
         maxLogos: 3,
         upcomingRecurrences: y.slice(0, 3)
       }
-    ) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: _ ? 64 : 104 } }), Pe = [
+    ) : /* @__PURE__ */ e(Tt, { maxLogos: 3, upcomingRecurrences: y.slice(0, 3) }) : /* @__PURE__ */ e(c, { sx: { width: _ ? 64 : 104 } }), $e = [
       {
         amount: G,
         bgColor: "success.main",
@@ -843,12 +844,12 @@ const q = {
                     ]
                   }
                 ),
-                $e()
+                We()
               ]
             }
           ),
           /* @__PURE__ */ o(c, { sx: { pt: 12 }, children: [
-            /* @__PURE__ */ e(Oe, { data: ie }),
+            /* @__PURE__ */ e(Ne, { data: ie }),
             /* @__PURE__ */ e(
               c,
               {
@@ -858,7 +859,7 @@ const q = {
                   gap: 16,
                   mt: 4
                 },
-                children: Pe.map((N, He) => /* @__PURE__ */ e(
+                children: $e.map((N, Pe) => /* @__PURE__ */ e(
                   St,
                   {
                     amount: N.amount,
@@ -867,7 +868,7 @@ const q = {
                     isSmallScreen: _,
                     label: N.label
                   },
-                  `recurrence-legend-${He}`
+                  `recurrence-legend-${Pe}`
                 ))
               }
             )
@@ -881,8 +882,8 @@ export {
   On as AddRecurringTransactionDetails,
   An as ManageExpenses,
   kn as ManageIncome,
-  ze as RecurringSettings,
-  vn as RecurringTransactionsMicroWidget,
+  He as RecurringSettings,
+  Mn as RecurringTransactionsMicroWidget,
   wn as RecurringTransactionsMiniWidget,
   Gn as RecurringTransactionsStore,
   _n as RecurringTransactionsWidget,

package/dist/settings/index.es.js

@@ -16,9 +16,9 @@ import F from "@mui/material/Box";
 import Q from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as J, P as H, Text as x, Icon as M, ChevronRightIcon as xe } from "@mxenabled/mxui";
-import { V as ve, a as Ce, N as G } from "../NotificationSettings-CtbJFbrv.mjs";
-import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-CtbJFbrv.mjs";
-import { u as k, m as $, r as A, o as De, a as Z, l as ee } from "../hooks-BhSK6dal.mjs";
+import { V as ve, a as Ce, N as G } from "../NotificationSettings-zI5EGf1a.mjs";
+import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-zI5EGf1a.mjs";
+import { u as k, l as $, r as A, o as De, a as Z, m as ee } from "../hooks-BAAimqdq.mjs";
 import { u as L } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as W } from "../Dialog-CWW597AF.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
@@ -35,14 +35,14 @@ import { L as ne } from "../Loader-DUaFpDGv.mjs";
 import Ie from "@mui/material/List";
 import j from "@mui/material/Divider";
 import Ae from "@mui/material/ListSubheader";
-import { a as Ee, u as Pe } from "../CategorySelectorDrawer-CMorcKFW.mjs";
+import { a as Ee, u as Pe } from "../CategorySelectorDrawer-993LpETZ.mjs";
 import Re from "@mui/material/ListItem";
 import Be from "@mui/material/ListItemButton";
 import Me from "@mui/material/ListItemIcon";
 import Ne from "@mui/material/ListItemText";
 import { D as He } from "../Drawer-kEE73B87.mjs";
-import { H as Le } from "../Help-DwKXfnqC.mjs";
-import { W as K } from "../WidgetContainer-C6H2vwT9.mjs";
+import { H as Le } from "../Help-PP2i0N9Y.mjs";
+import { W as K } from "../WidgetContainer-ztkGgdIH.mjs";
 const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
   const o = ye(), { common: n, settings: r } = k(), { isDesktop: m, isMobile: l, isSmallMobile: i, isTablet: s } = L(t), { config: g } = $(), { updateUser: _ } = A(), { user: d } = De(), [u, S] = h.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -14,20 +14,20 @@ import { Text as f, CategoryIcon as ht, CategoryIconVariants as ft } from "@mxen
 import { f as A } from "../NumberFormatting-CtWHhyBX.mjs";
 import yt from "@mui/material/Button";
 import { useTheme as it } from "@mui/material";
-import { u as w, a as R, l as z, c as rt, m as st, g as Ct, f as _t } from "../hooks-BhSK6dal.mjs";
+import { u as w, a as R, m as z, c as rt, l as st, g as Ct, f as _t } from "../hooks-BAAimqdq.mjs";
 import { u as ct } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as bt } from "../Donut-1UMNcG67.mjs";
 import { L as F } from "../Loader-DUaFpDGv.mjs";
-import { M as St } from "../MiniWidgetContainer-C_N1u9ad.mjs";
+import { M as St } from "../MiniWidgetContainer-BhHaL8eb.mjs";
 import { startOfToday as U } from "date-fns/startOfToday";
-import { T as Tt, a as Mt } from "../TransactionDetails-Fdf0sKuB.mjs";
+import { T as Tt, a as Mt } from "../TransactionDetails-C-2UEbmQ.mjs";
 import Dt from "@mui/material/Collapse";
 import B from "@mui/material/Divider";
 import q from "@mui/material/List";
 import J from "@mui/material/ListItem";
 import xt from "@mui/material/ListItemButton";
 import { D as Q } from "../Drawer-kEE73B87.mjs";
-import { A as Z, W as wt } from "../WidgetContainer-C6H2vwT9.mjs";
+import { A as Z, W as wt } from "../WidgetContainer-ztkGgdIH.mjs";
 const j = 5, vt = (n, l, r) => r.reduce((i, c) => {
   if (c.total > 0) {
     const a = n.find((s) => s.guid === c.category_guid);