@mx-cartographer/experiences 9.0.14 → 9.0.15-alpha.al0

package/dist/recurringtransactions/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as a, Fragment as $ } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
 import x from "react";
 import { observer as T } from "mobx-react-lite";
 import { endOfMonth as z } from "date-fns/endOfMonth";
@@ -8,8 +8,8 @@ import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
 import $e from "@mui/material/Alert";
 import Fe from "@mui/material/Snackbar";
-import { R as _e } from "../RecurringSettings-CGZiV-Ie.mjs";
-import { M as Jn } from "../RecurringSettings-CGZiV-Ie.mjs";
+import { R as _e } from "../RecurringSettings-BWlg0zsv.mjs";
+import { M as Jn } from "../RecurringSettings-BWlg0zsv.mjs";
 import { addMonths as Ue } from "date-fns/addMonths";
 import { subMonths as Ye } from "date-fns/subMonths";
 import { isBefore as je } from "date-fns/isBefore";
@@ -36,24 +36,24 @@ import ut from "@mui/material/Badge";
 import { PickersDay as mt } from "@mui/x-date-pickers/PickersDay";
 import { I as F } from "../IconBacking-DgT8DCeh.mjs";
 import { u as b, a as U, h as _, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
-import { b as E, a as D, g as Ce, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
+import { b as E, a as D, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { f as I, D as M } from "../DateFormats-HudZ3Bjs.mjs";
 import { T as W } from "../Sizes-DISGrlUg.mjs";
 import { A as v } from "../Analytics-WeZYytR0.mjs";
 import ht from "@mui/material/Button";
 import X from "@mui/material/Divider";
-import ye from "@mui/material/List";
+import Ce from "@mui/material/List";
 import Me from "@mui/material/ListItem";
 import ft from "@mui/material/ListSubheader";
 import xt from "@mui/material/ListItemAvatar";
 import bt from "@mui/material/ListItemButton";
-import Ct from "@mui/material/ListItemText";
+import yt from "@mui/material/ListItemText";
 import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
 import G from "@mui/material/Box";
 import { u as ve } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.mjs";
-import { d as yt } from "../ManageIncome-BadwsHRL.mjs";
-import { c as er, M as tr, S as nr } from "../ManageIncome-BadwsHRL.mjs";
+import { d as Ct } from "../ManageIncome-Dn9Y3Z2U.mjs";
+import { c as er, M as tr, S as nr } from "../ManageIncome-Dn9Y3Z2U.mjs";
 import { D as ie } from "../Drawer-DsnW2o0v.mjs";
 import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
@@ -106,9 +106,9 @@ const j = {
   }
 ), St = T(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = _(), c = x.useMemo(
-      () => s.filter((f) => o.includes(f.accountGuid)),
-      [o, s]
+    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: a, setSelectedDay: m } = _(), c = x.useMemo(
+      () => a.filter((f) => o.includes(f.accountGuid)),
+      [o, a]
     ).filter(
       (f) => dt(f.occurredOnDate || f.expectedDate, t)
     ), l = c.some(
@@ -117,26 +117,26 @@ const j = {
       (f) => f.type !== E.Income && f.status === D.Missed
     ), g = c.some(
       (f) => f.type !== E.Income && f.status === D.Paid
-    ), C = c.some((f) => f.type === E.Income), y = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (C ? 1 : 0), S = [
+    ), y = c.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
       g && i.paid,
       u && i.missed,
       l && i.upcoming,
-      C && i.income
+      y && i.income
     ].filter(Boolean), A = S.length > 0 ? `${I(t, M.MONTH_DAY_YEAR)}, ${S.join(", ")}` : I(t, M.MONTH_DAY_YEAR);
     return /* @__PURE__ */ e(
       ut,
       {
-        badgeContent: c.length > 0 && /* @__PURE__ */ a($, { children: [
+        badgeContent: c.length > 0 && /* @__PURE__ */ s($, { children: [
           u && /* @__PURE__ */ e(le, { isOffset: !0 }),
           g && /* @__PURE__ */ e(de, { isOffset: !0 }),
           l && /* @__PURE__ */ e(se, { isOffset: !0 }),
-          C && /* @__PURE__ */ e(ce, { isOffset: !0 })
+          y && /* @__PURE__ */ e(ce, { isOffset: !0 })
         ] }),
         overlap: "circular",
         sx: {
           "& .MuiBadge-badge": {
             padding: 0,
-            marginRight: `${(y - 1) * 6 + 1}px`,
+            marginRight: `${(C - 1) * 6 + 1}px`,
             flexWrap: "nowrap"
           }
         },
@@ -151,6 +151,9 @@ const j = {
               "&.MuiPickersDay-root": {
                 ...n && {
                   color: "text.disabled"
+                },
+                ...r.today && {
+                  color: "primary.main"
                 }
               }
             },
@@ -160,12 +163,12 @@ const j = {
       }
     );
   }
-), B = ({ icon: t, label: n }) => /* @__PURE__ */ a(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), B = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ e(h, { variant: "caption", children: n })
 ] }), wt = T(() => {
   const { recurring: t } = b();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     d,
     {
       alignItems: "center",
@@ -192,7 +195,7 @@ const j = {
     [O.ES]: it
   }[t] || be;
 }, Ee = T(() => {
-  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [s, m] = x.useState(
+  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [a, m] = x.useState(
     xe(/* @__PURE__ */ new Date()) * W + Re
   ), p = (u) => {
     m(xe(u) * W + Re), o({
@@ -238,10 +241,10 @@ const j = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: s
+          minHeight: a
         },
         "&.MuiDateCalendar-root": {
-          minHeight: s + W
+          minHeight: a + W
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: W,
@@ -261,7 +264,7 @@ const j = {
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ a(lt, { adapterLocale: It(), dateAdapter: st, children: [
+  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(lt, { adapterLocale: It(), dateAdapter: st, children: [
     i && l,
     !i && l,
     /* @__PURE__ */ e(h, { id: "calendar-label", sx: { alignSelf: "center" }, variant: "body2", children: r.calendar_tooltip }),
@@ -308,13 +311,13 @@ const j = {
   },
   showOrdinal: i = !1
 }) => {
-  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = _(), m = x.useMemo(
-    () => s.find((y) => y.guid === t.repeatingTransactionGuid),
-    [t, s]
+  const { recurring: o } = b(), { detailedRepeatingTransactions: a } = _(), m = x.useMemo(
+    () => a.find((C) => C.guid === t.repeatingTransactionGuid),
+    [t, a]
   ), p = t.type === E.Income, c = t.status === D.Paid, l = t.status === D.Missed, u = t.status === D.Upcoming;
   let g = o.paid?.toLowerCase();
-  return l ? g = o.missed?.toLowerCase() : u && (g = i ? Ce(o, m || {}, !0) : Ce(o, m || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ a(bt, { onClick: () => {
+  return l ? g = o.missed?.toLowerCase() : u && (g = i ? ye(o, m || {}, !0) : ye(o, m || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(bt, { onClick: () => {
     r(t);
   }, children: [
     /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(
@@ -324,19 +327,19 @@ const j = {
         merchantGuid: t.merchantGuid
       }
     ) }),
-    /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ s(
       d,
       {
         direction: "row",
         gap: 4,
         sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
         children: [
-          /* @__PURE__ */ a(d, { direction: "column", width: "50%", children: [
+          /* @__PURE__ */ s(d, { direction: "column", width: "50%", children: [
             /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
-            /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
+            /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
               Mt(t),
               /* @__PURE__ */ e(h, { variant: "caption", children: vt(t, o) })
-            ] }) : /* @__PURE__ */ a($, { children: [
+            ] }) : /* @__PURE__ */ s($, { children: [
               t.institutionGuid && /* @__PURE__ */ e(
                 Qe,
                 {
@@ -348,12 +351,12 @@ const j = {
               /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
             ] }) })
           ] }),
-          /* @__PURE__ */ a(d, { alignItems: "flex-end", width: "100%", children: [
-            /* @__PURE__ */ a(h, { bold: !0, color: p ? "success.main" : "text.primary", variant: "body1", children: [
+          /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
+            /* @__PURE__ */ s(h, { bold: !0, color: p ? "success.main" : "text.primary", variant: "body1", children: [
               p ? "+" : "",
               L(t.amount, "0,0.00")
             ] }),
-            !n && /* @__PURE__ */ a(
+            !n && /* @__PURE__ */ s(
               d,
               {
                 direction: "row",
@@ -383,11 +386,11 @@ const j = {
     onResetClick: r,
     onRecurrenceClick: i,
     sx: o = {},
-    title: s
+    title: a
   }) => {
     const { recurring: m } = b(), p = x.useMemo(() => pt(t), [t]);
-    return /* @__PURE__ */ a(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
-      s && /* @__PURE__ */ a(
+    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
+      a && /* @__PURE__ */ s(
         d,
         {
           sx: {
@@ -397,12 +400,12 @@ const j = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(et, { bold: !0, variant: "body1", children: s }),
+            /* @__PURE__ */ e(et, { bold: !0, variant: "body1", children: a }),
             r && /* @__PURE__ */ e(ht, { onClick: r, size: "small", variant: "text", children: m.reset })
           ]
         }
       ),
-      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: m.no_activities }) : /* @__PURE__ */ e(ye, { children: n ? t.map((c, l) => /* @__PURE__ */ a(x.Fragment, { children: [
+      t.length === 0 ? /* @__PURE__ */ e(h, { fontStyle: "italic", sx: { py: 24, textAlign: "center" }, children: m.no_activities }) : /* @__PURE__ */ e(Ce, { "aria-label": a, children: n ? t.map((c, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Te,
           {
@@ -412,9 +415,9 @@ const j = {
           }
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((c, l) => /* @__PURE__ */ a(x.Fragment, { children: [
+      ] }, `recurrence-${l}`)) : p.map((c, l) => /* @__PURE__ */ s(x.Fragment, { children: [
         /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
-          ye,
+          Ce,
           {
             subheader: /* @__PURE__ */ e(ft, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: I(c.date, M.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
@@ -433,22 +436,22 @@ const j = {
     ] });
   }
 ), De = T(
-  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: m }) => {
+  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: a, upcoming: m }) => {
     const p = ne(), { isSmallMobile: c } = ve(), { recurring: l } = b(), u = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${i / t}` }];
       return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
     }, [i, t, r]);
-    return /* @__PURE__ */ a(d, { children: [
-      /* @__PURE__ */ a(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${o} (${s})` }),
+    return /* @__PURE__ */ s(d, { children: [
+      /* @__PURE__ */ s(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${o} (${a})` }),
         /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
       ] }),
       /* @__PURE__ */ e(Le, { data: u, height: 12 }),
-      /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+      /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(G, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
         !c && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(i, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: l.paid?.toLowerCase() }),
-        r !== void 0 && /* @__PURE__ */ a($, { children: [
+        r !== void 0 && /* @__PURE__ */ s($, { children: [
           /* @__PURE__ */ e(G, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
           !c && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
           /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
@@ -465,7 +468,7 @@ const j = {
     selectedRepeatingTransaction: r,
     setSelectedRecurrence: i,
     setSelectedRepeatingTransactionGuid: o
-  } = _(), s = () => {
+  } = _(), a = () => {
     o(null), i(null);
   };
   return /* @__PURE__ */ e(
@@ -473,12 +476,12 @@ const j = {
     {
       ariaLabelClose: t.close_drawer_aria,
       isOpen: !!r,
-      onClose: s,
+      onClose: a,
       title: r?.repeating_transaction_type === gt.Income ? t.income_details : t.expense_details,
       children: r && /* @__PURE__ */ e(
-        yt,
+        Ct,
         {
-          onDeleted: s,
+          onDeleted: a,
           recurringTransaction: r,
           selectedRecurrence: n
         }
@@ -486,15 +489,15 @@ const j = {
     }
   );
 }), Lt = T(() => {
-  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ve(n), { onEvent: s } = Y(), {
+  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ve(n), { onEvent: a } = Y(), {
     currentMonthExpenses: m,
     currentMonthIncome: p,
     dateRange: c,
     expenseTotal: l,
     incomeTotal: u,
     missedExpenseTotal: g,
-    pastRecurrences: C,
-    paidExpenseTotal: y,
+    pastRecurrences: y,
+    paidExpenseTotal: C,
     paidIncomeTotal: S,
     selectedDay: A,
     selectedDayRecurrences: f,
@@ -507,11 +510,11 @@ const j = {
   } = _(), [V, Oe] = x.useState(0), We = je(c.start, /* @__PURE__ */ new Date()), Pe = (R, Be) => {
     Oe(Be);
   }, pe = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+    ue(R.repeatingTransactionGuid), H(R), a(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: R.transaction?.guid
     });
   }, ge = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
+    ue(R.repeatingTransactionGuid), H(R), a(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: R.transaction?.guid
     });
   }, ze = () => {
@@ -527,7 +530,7 @@ const j = {
       end: z(R)
     });
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     q,
     {
       container: !0,
@@ -535,14 +538,14 @@ const j = {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(q, { size: { sm: 12, md: "grow" }, 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__ */ s(q, { size: { sm: 12, md: "grow" }, width: "100%", children: [
+          /* @__PURE__ */ s(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ s(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(tt, { variant: "h3", children: N(
                 t.header_title,
                 I(c.start, M.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   he,
                   {
@@ -560,7 +563,7 @@ const j = {
               {
                 expected: l,
                 missed: g,
-                paid: y,
+                paid: C,
                 title: t.expenses,
                 total: m.length,
                 upcoming: Ge
@@ -586,8 +589,8 @@ const j = {
               }
             )
           ] }),
-          !r && /* @__PURE__ */ a(d, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(Ke, { onChange: Pe, value: V, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ s(d, { sx: { px: o ? 0 : 24 }, children: [
+            /* @__PURE__ */ s(Ke, { onChange: Pe, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 fe,
                 {
@@ -612,18 +615,18 @@ const j = {
               P,
               {
                 onRecurrenceClick: ge,
-                recurrences: C
+                recurrences: y
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ a(d, { gap: 24, children: [
+        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ s(d, { gap: 24, children: [
           /* @__PURE__ */ e(Ee, {}),
           /* @__PURE__ */ e(
             P,
             {
               onRecurrenceClick: ge,
-              recurrences: f || C,
+              recurrences: f || y,
               title: A ? N(
                 t.day_transactions,
                 I(A, M.MONTH_DAY)
@@ -637,7 +640,7 @@ const j = {
   );
 }), jn = T(
   ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
-    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: c, setAlert: l, setDateRange: u } = _(), { setFilter: g } = re(), { onEvent: C } = Y(), [y, S] = x.useState(!1);
+    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: a } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: c, setAlert: l, setDateRange: u } = _(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
     return oe({
       widgetName: "RecurringTransactionsWidget",
       isLoaded: p
@@ -646,9 +649,9 @@ const j = {
     }, []), x.useEffect(() => {
       g({
         dateRange: { start: ee(Q(), 90), end: J() },
-        accounts: s
+        accounts: a
       }), u({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
-    }, [s]), o ? /* @__PURE__ */ a(
+    }, [a]), o ? /* @__PURE__ */ s(
       Rt,
       {
         actions: [
@@ -656,12 +659,12 @@ const j = {
             label: i.action_title,
             iconName: "credit_card_gear",
             onClick: () => {
-              S(!0), C(v.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+              S(!0), y(v.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
             }
           }
         ],
         hasDivider: !0,
-        onAccountsFilterClick: () => C(v.RECURRING_TRANSACTIONS_CLICK_FILTER),
+        onAccountsFilterClick: () => y(v.RECURRING_TRANSACTIONS_CLICK_FILTER),
         onBackClick: t,
         onMenuClick: n,
         sx: r,
@@ -672,7 +675,7 @@ const j = {
             ie,
             {
               ariaLabelClose: i.close_drawer_aria,
-              isOpen: y,
+              isOpen: C,
               onClose: () => S(!1),
               shouldShowHeaderBorders: !1,
               title: i.action_title,
@@ -698,13 +701,13 @@ const j = {
     selectedDay: r,
     selectedDayRecurrences: i,
     setSelectedDay: o,
-    setSelectedRecurrence: s,
+    setSelectedRecurrence: a,
     setSelectedRepeatingTransactionGuid: m,
     upcomingRecurrences: p
   } = _(), c = (u) => {
-    m(u.repeatingTransactionGuid), s(u);
+    m(u.repeatingTransactionGuid), a(u);
   }, l = n < 750;
-  return /* @__PURE__ */ a(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
+  return /* @__PURE__ */ s(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Ee, {}),
     !l && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
@@ -724,18 +727,18 @@ const j = {
   ] });
 }), Kn = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
+    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: a } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: o
     }), x.useEffect(() => {
-      o || s().finally();
+      o || a().finally();
     }, []), x.useEffect(() => {
       p.length > 0 && i({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
-    }, [p]), m ? /* @__PURE__ */ a(
+    }, [p]), m ? /* @__PURE__ */ s(
       Tt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
@@ -754,9 +757,9 @@ const j = {
   }
 ), Et = T(() => {
   const { recurring: t } = b();
-  return /* @__PURE__ */ a(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+  return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Je, { size: 32 }),
-    /* @__PURE__ */ a(d, { children: [
+    /* @__PURE__ */ s(d, { children: [
       /* @__PURE__ */ e(Z, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(Z, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
@@ -767,7 +770,7 @@ const j = {
   isLargeScreen: r,
   isSmallScreen: i,
   label: o
-}) => /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     G,
     {
@@ -779,7 +782,7 @@ const j = {
       }
     }
   ),
-  /* @__PURE__ */ a(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+  /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
     !i && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: L(t, t === 0 || !r ? "0,0" : "0,0.00") }),
     /* @__PURE__ */ e(h, { variant: "caption", children: o })
   ] })
@@ -796,12 +799,12 @@ const j = {
         position: "relative",
         width: 64
       },
-      children: t.map((o, s) => s < r ? /* @__PURE__ */ e(
+      children: t.map((o, a) => a < r ? /* @__PURE__ */ e(
         G,
         {
           sx: {
             borderRadius: "4px",
-            left: i(s),
+            left: i(a),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -816,7 +819,7 @@ const j = {
             }
           )
         },
-        `${o.categoryGuid}-${o.merchantGuid}-${s}`
+        `${o.categoryGuid}-${o.merchantGuid}-${a}`
       ) : null)
     }
   );
@@ -834,24 +837,24 @@ const j = {
   const t = ne(), [n, { width: r }] = Dt(), {
     upcomingRecurrences: i,
     expenseTotal: o,
-    missedExpenseTotal: s,
+    missedExpenseTotal: a,
     paidExpenseTotal: m,
     upcomingExpenseTotal: p
-  } = _(), { recurring: c } = b(), l = r <= 288, u = r >= 450, g = 32, C = i.length > 0, y = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
+  } = _(), { recurring: c } = b(), l = r <= 288, u = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
     const w = [
       { color: t.palette.success.main, percentage: `${m / o}` }
     ];
-    return s && w.push({
+    return a && w.push({
       color: t.palette.error.main,
-      percentage: `${s / o}`
+      percentage: `${a / o}`
     }), w;
   }, [
     m,
     o,
-    s,
+    a,
     t.palette.success.main,
     t.palette.error.main
-  ]), A = () => C ? l ? /* @__PURE__ */ e(
+  ]), A = () => y ? l ? /* @__PURE__ */ e(
     Gt,
     {
       logoSize: g,
@@ -865,7 +868,7 @@ const j = {
       label: c.paid
     },
     {
-      amount: s,
+      amount: a,
       bgColor: "error.main",
       label: c.missed
     },
@@ -875,13 +878,13 @@ const j = {
       label: c.upcoming
     }
   ];
-  return /* @__PURE__ */ a($, { children: [
-    /* @__PURE__ */ a(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ a(
+  return /* @__PURE__ */ s($, { children: [
+    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ s(
         d,
         {
           sx: [
-            y.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
+            C.length >= 10 && l ? { flexDirection: "column" } : { flexDirection: "row", gap: 2 },
             {
               alignItems: "baseline",
               overflow: "hidden",
@@ -894,8 +897,8 @@ const j = {
               h,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && l ? "h3" : "h2",
-                children: y
+                variant: C.length >= 10 && l ? "h3" : "h2",
+                children: C
               }
             ),
             /* @__PURE__ */ e(Z, { sx: { pr: 12 }, variant: "caption", children: c.expected })
@@ -904,7 +907,7 @@ const j = {
       ),
       A()
     ] }),
-    /* @__PURE__ */ a(d, { sx: { pt: 12 }, children: [
+    /* @__PURE__ */ s(d, { sx: { pt: 12 }, children: [
       /* @__PURE__ */ e(Le, { data: S }),
       /* @__PURE__ */ e(
         d,
@@ -934,7 +937,7 @@ const j = {
   ({ onCTAClick: t }) => {
     const { onEvent: n } = Y(), { isInitialized: r, selectedAccountGuids: i } = U(), {
       loadRepeatingTransactionData: o,
-      upcomingRecurrences: s,
+      upcomingRecurrences: a,
       repeatingTransactions: m,
       setDateRange: p,
       isDataLoaded: c
@@ -945,7 +948,7 @@ const j = {
     }), x.useEffect(() => {
       c || o().finally(() => {
         n(v.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
-          state: s.length > 0 ? "default" : "zeroState"
+          state: a.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
@@ -954,21 +957,21 @@ const j = {
         accounts: i
       }), p({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }));
     }, [r, i]);
-    const C = () => {
+    const y = () => {
       n(
-        s.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        a.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
     if (!r || !c) return /* @__PURE__ */ e(ae, { height: 100 });
-    const y = !m?.length;
+    const C = !m?.length;
     return /* @__PURE__ */ e(
       _t,
       {
         className: "mx-recurring-transaction-microwidget",
-        ctaLabel: y ? g.get_started_cta : u.primary_cta,
-        onCTAClick: C,
+        ctaLabel: C ? g.get_started_cta : u.primary_cta,
+        onCTAClick: y,
         title: u.recurring_expenses,
-        children: y ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e(Ot, {})
+        children: C ? /* @__PURE__ */ e(Et, {}) : /* @__PURE__ */ e(Ot, {})
       }
     );
   }

package/dist/settings/index.es.js

@@ -41,7 +41,7 @@ import Me from "@mui/material/ListItemText";
 import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
 import { D as He } from "../Drawer-DsnW2o0v.mjs";
 import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { H as Oe } from "../Help-BMCejaQr.mjs";
+import { H as Oe } from "../Help-aERwhajy.mjs";
 import { W as q } from "../WidgetContainer-DJnp6t6c.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({