@mx-cartographer/experiences 7.11.5 → 7.11.7

package/dist/recurringtransactions/index.es.js

@@ -6,8 +6,8 @@ import { endOfToday as Z } from "date-fns/endOfToday";
 import { startOfMonth as G } from "date-fns/startOfMonth";
 import { startOfToday as J } from "date-fns/startOfToday";
 import { subDays as Q } from "date-fns/subDays";
-import { R as Te } from "../RecurringSettings-DPNluP-k.mjs";
-import { M as Ln } from "../RecurringSettings-DPNluP-k.mjs";
+import { R as Te } from "../RecurringSettings-CLtfXCFT.mjs";
+import { M as Ln } from "../RecurringSettings-CLtfXCFT.mjs";
 import { addMonths as $e } from "date-fns/addMonths";
 import { subMonths as Be } from "date-fns/subMonths";
 import { isBefore as Pe } from "date-fns/isBefore";
@@ -27,35 +27,35 @@ import { isSameDay as Ze } from "date-fns/isSameDay";
 import Je from "@mui/material/Badge";
 import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
 import { I as P } from "../IconBacking-B9oC6uL2.mjs";
-import { u as R, b as H, i as _, g as z, p as Se, h as ne } from "../hooks-0kWPTHNb.mjs";
+import { u as R, b as H, j as _, g as z, p as Se, h as ne } from "../hooks-zu7yblbi.mjs";
 import { d as I, c as T, g as xe, f as et } from "../RecurringTransactions-B_I4_FGO.mjs";
-import { T as O } from "../RecurringTransactionsStore-DAX5ozGz.mjs";
-import { R as En } from "../RecurringTransactionsStore-DAX5ozGz.mjs";
+import { T as O } from "../RecurringTransactionsStore-Ce7p6L0E.mjs";
+import { R as En } from "../RecurringTransactionsStore-Ce7p6L0E.mjs";
 import { A as S } from "../Analytics-i5h6BxR1.mjs";
 import tt from "@mui/material/Button";
 import q from "@mui/material/Divider";
 import be from "@mui/material/List";
 import Ie from "@mui/material/ListItem";
 import nt from "@mui/material/ListSubheader";
-import it from "@mui/material/ListItemAvatar";
-import rt from "@mui/material/ListItemButton";
+import rt from "@mui/material/ListItemAvatar";
+import it from "@mui/material/ListItemButton";
 import ot from "@mui/material/ListItemText";
-import { b as at } from "../ManageIncome-nsPkRmtW.mjs";
-import { c as Gn, M as On, S as kn } from "../ManageIncome-nsPkRmtW.mjs";
+import { b as at } from "../ManageIncome-C389-HAc.mjs";
+import { c as Gn, M as On, S as kn } from "../ManageIncome-C389-HAc.mjs";
 import { f as M } from "../NumberFormatting-DjTD0t3W.mjs";
-import { D as ie } from "../Drawer-DV4NTsFg.mjs";
+import { D as re } from "../Drawer-DV4NTsFg.mjs";
 import { b as E } from "../Localization-2MODESHW.mjs";
 import { f as v, D as L } from "../DateFormats-Cs-NbEZ7.mjs";
 import N from "@mui/material/Box";
 import { S as Me } from "../StatusBar-BK_uYHAB.mjs";
-import { u as re } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as ie } from "../useScreenSize-B6JyS_Lj.mjs";
 import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
-import { u as oe } from "../useWidgetLoadTimer-yzSfT9dS.mjs";
+import { u as oe } from "../useWidgetLoadTimer-Bmgv_UeH.mjs";
 import { L as ae } from "../Loader-D3rjKx72.mjs";
-import { W as st } from "../WidgetContainer-B5jzz8M1.mjs";
-import { M as ct } from "../MiniWidgetContainer-B4gbUTJ2.mjs";
+import { W as st } from "../WidgetContainer-sC5KLXHI.mjs";
+import { M as ct } from "../MiniWidgetContainer-DhEx4qKi.mjs";
 import { u as lt } from "../useDimensions-CeDR9V8N.mjs";
-import { M as dt } from "../MicroWidgetContainer-jvYZ5bb6.mjs";
+import { M as dt } from "../MicroWidgetContainer-CMES42I1.mjs";
 const F = {
   gridRow: 1,
   gridColumn: 1,
@@ -67,10 +67,10 @@ const F = {
     sx: { color: "categories.income", fontSize: n, ...F }
   }
 ) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(De, { color: "error", filled: !0, sx: { fontSize: n, ...F } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...F } }) }), ut = C(
-  ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: o } = R(), { selectedAccountGuids: r } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
-      () => c.filter((f) => r.includes(f.accountGuid)),
-      [r, c]
+  ({ day: t, outsideCurrentMonth: n, ...r }) => {
+    const { recurring: o } = R(), { selectedAccountGuids: i } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
+      () => c.filter((f) => i.includes(f.accountGuid)),
+      [i, c]
     ).filter(
       (f) => Ze(f.occurredOnDate || f.expectedDate, t)
     ), d = s.some(
@@ -115,7 +115,7 @@ const F = {
                 }
               }
             },
-            ...i
+            ...r
           }
         )
       }
@@ -144,7 +144,7 @@ const F = {
     }
   );
 }), ye = 58, Le = C(() => {
-  const t = te(), { onEvent: n } = z(), { selectedDay: i, setDateRange: o } = _(), [r, c] = x.useState(
+  const t = te(), { onEvent: n } = z(), { selectedDay: r, setDateRange: o } = _(), [i, c] = x.useState(
     fe(/* @__PURE__ */ new Date()) * O + ye
   ), u = (m) => {
     c(fe(m) * O + ye), o({
@@ -190,10 +190,10 @@ const F = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: r
+          minHeight: i
         },
         "&.MuiDateCalendar-root": {
-          minHeight: r + O
+          minHeight: i + O
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: O,
@@ -205,7 +205,7 @@ const F = {
           fontSize: t.typography.body2.fontSize
         }
       },
-      value: i,
+      value: r,
       views: ["day"]
     }
   );
@@ -235,8 +235,8 @@ const F = {
           }
         ),
         /* @__PURE__ */ a(qe, { dateAdapter: Ve, children: [
-          i && s,
-          !i && s,
+          r && s,
+          !r && s,
           /* @__PURE__ */ e(mt, {})
         ] })
       ]
@@ -279,21 +279,21 @@ const F = {
 }, Ce = ({
   recurrence: t,
   isMini: n = !1,
-  onRecurrenceClick: i = () => {
+  onRecurrenceClick: r = () => {
   },
   showOrdinal: o = !1
 }) => {
-  const { recurring: r } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
+  const { recurring: i } = R(), { detailedRepeatingTransactions: c } = _(), [u, p] = x.useState(!1), s = x.useMemo(
     () => c.find((A) => A.guid === t.repeatingTransactionGuid),
     [t, c]
   ), d = t.type === I.Income, m = t.status === T.Paid, g = t.status === T.Missed, b = t.status === T.Upcoming;
-  let y = r.paid?.toLowerCase();
-  return g ? y = r.missed?.toLowerCase() : b && (y = o ? xe(r, s || {}, !0) : xe(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  let y = i.paid?.toLowerCase();
+  return g ? y = i.missed?.toLowerCase() : b && (y = o ? xe(i, s || {}, !0) : xe(i, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ a(Ie, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ a(rt, { onClick: () => {
-      p(!0), i(t);
+    /* @__PURE__ */ a(it, { onClick: () => {
+      p(!0), r(t);
     }, children: [
-      /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(
         ee,
         {
           categoryGuid: t.categoryGuid,
@@ -311,7 +311,7 @@ const F = {
               /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: t.name }),
               /* @__PURE__ */ e(l, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
                 pt(t),
-                /* @__PURE__ */ e(h, { variant: "caption", children: gt(t, r) })
+                /* @__PURE__ */ e(h, { variant: "caption", children: gt(t, i) })
               ] }) : /* @__PURE__ */ a(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ye,
@@ -353,12 +353,12 @@ const F = {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      ie,
+      re,
       {
-        ariaLabelClose: r.close_drawer_aria,
+        ariaLabelClose: i.close_drawer_aria,
         isOpen: u,
         onClose: () => p(!1),
-        title: t.type === I.Income ? r.income_details : r.expense_details,
+        title: t.type === I.Income ? i.income_details : i.expense_details,
         children: s && /* @__PURE__ */ e(
           at,
           {
@@ -373,13 +373,13 @@ const F = {
   ({
     recurrences: t,
     isMini: n = !1,
-    onResetClick: i,
+    onResetClick: r,
     onRecurrenceClick: o,
-    sx: r = {},
+    sx: i = {},
     title: c
   }) => {
     const { recurring: u } = R(), p = x.useMemo(() => et(t), [t]);
-    return /* @__PURE__ */ a(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...r }, "tab-index": -1, children: [
+    return /* @__PURE__ */ a(l, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...i }, "tab-index": -1, children: [
       c && /* @__PURE__ */ a(
         l,
         {
@@ -391,7 +391,7 @@ const F = {
           },
           children: [
             /* @__PURE__ */ e(_e, { bold: !0, variant: "body1", children: c }),
-            i && /* @__PURE__ */ e(tt, { onClick: i, size: "small", variant: "text", children: u.reset })
+            r && /* @__PURE__ */ e(tt, { onClick: r, size: "small", variant: "text", children: u.reset })
           ]
         }
       ),
@@ -426,14 +426,14 @@ const F = {
     ] });
   }
 ), Re = C(
-  ({ expected: t, isExpense: n = !0, missed: i, paid: o, title: r, total: c, upcoming: u }) => {
-    const p = te(), { isSmallMobile: s } = re(), { recurring: d } = R(), m = x.useMemo(() => {
+  ({ expected: t, isExpense: n = !0, missed: r, paid: o, title: i, total: c, upcoming: u }) => {
+    const p = te(), { isSmallMobile: s } = ie(), { recurring: d } = R(), m = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${o / t}` }];
-      return i && g.push({ color: p.palette.error.main, percentage: `${i / t}` }), g;
-    }, [o, t, i]);
+      return r && g.push({ color: p.palette.error.main, percentage: `${r / t}` }), g;
+    }, [o, t, r]);
     return /* @__PURE__ */ a(l, { children: [
       /* @__PURE__ */ a(l, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${r} (${c})` }),
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${i} (${c})` }),
         /* @__PURE__ */ e(h, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${M(t, "0,0.00")}` })
       ] }),
       /* @__PURE__ */ e(Me, { data: m, height: 12 }),
@@ -441,9 +441,9 @@ const F = {
         /* @__PURE__ */ e(N, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
         !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(o, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: d.paid?.toLowerCase() }),
-        i !== void 0 && /* @__PURE__ */ a(B, { children: [
+        r !== void 0 && /* @__PURE__ */ a(B, { children: [
           /* @__PURE__ */ e(N, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
-          !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(i, "0,0.00") }),
+          !s && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: M(r, "0,0.00") }),
           /* @__PURE__ */ e(h, { variant: "caption", children: d.missed?.toLowerCase() })
         ] }),
         /* @__PURE__ */ e(N, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
@@ -453,7 +453,7 @@ const F = {
     ] });
   }
 ), ht = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { isDesktop: i, isSmallMobile: o, isMobile: r } = re(n), { onEvent: c } = z(), {
+  const { recurring: t } = R(), { availableWidth: n } = Se(), { isDesktop: r, isSmallMobile: o, isMobile: i } = ie(n), { onEvent: c } = z(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: s,
@@ -501,13 +501,13 @@ const F = {
       },
       children: [
         /* @__PURE__ */ a(V, { md: !0, sm: 12, width: "100%", children: [
-          /* @__PURE__ */ a(l, { sx: { gap: 16, px: i ? 48 : 24 }, children: [
+          /* @__PURE__ */ a(l, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
             /* @__PURE__ */ a(l, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(_e, { children: E(
                 t.header_title,
                 v(s.start, L.MONTH_LONG)
               ) }),
-              !i && /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ a(l, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
@@ -542,7 +542,7 @@ const F = {
                 upcoming: Ae
               }
             ),
-            i && /* @__PURE__ */ e(
+            r && /* @__PURE__ */ e(
               k,
               {
                 onRecurrenceClick: me,
@@ -551,7 +551,7 @@ const F = {
               }
             )
           ] }),
-          !i && /* @__PURE__ */ a(l, { sx: { px: r ? 0 : 24 }, children: [
+          !r && /* @__PURE__ */ a(l, { sx: { px: i ? 0 : 24 }, children: [
             /* @__PURE__ */ a(He, { onChange: Ge, value: Y, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 he,
@@ -582,7 +582,7 @@ const F = {
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ e(V, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
+        r && /* @__PURE__ */ e(V, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(l, { gap: 24, children: [
           /* @__PURE__ */ e(Le, {}),
           /* @__PURE__ */ e(
             k,
@@ -600,7 +600,7 @@ const F = {
     }
   );
 }), wn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: r } = H(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = _(), { setFilter: s } = ne(), { onEvent: d } = z(), { isMobile: m } = re(), [g, b] = x.useState(!1);
+  const { recurring: r } = R(), { isInitialized: o, selectedAccountGuids: i } = H(), { isDataLoaded: c, loadRepeatingTransactionData: u, setDateRange: p } = _(), { setFilter: s } = ne(), { onEvent: d } = z(), { isMobile: m } = ie(), [g, b] = x.useState(!1);
   return oe({
     widgetName: "RecurringTransactionsWidget",
     isLoaded: c
@@ -609,14 +609,14 @@ const F = {
   }, []), x.useEffect(() => {
     s({
       dateRange: { start: Q(J(), 90), end: Z() },
-      accounts: r
+      accounts: i
     }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
-  }, [r]), o ? /* @__PURE__ */ a(
+  }, [i]), o ? /* @__PURE__ */ a(
     st,
     {
       actions: [
         {
-          label: i.action_title,
+          label: r.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             b(!0), d(S.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
@@ -627,17 +627,17 @@ const F = {
       onAccountsFilterClick: () => d(S.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
-      title: i.title,
+      title: r.title,
       children: [
         c ? /* @__PURE__ */ e(ht, {}) : /* @__PURE__ */ e(ve, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
-          ie,
+          re,
           {
-            ariaLabelClose: i.close_drawer_aria,
+            ariaLabelClose: r.close_drawer_aria,
             isOpen: g,
             onClose: () => b(!1),
             shouldShowHeaderBorders: !1,
-            title: i.action_title,
+            title: r.action_title,
             children: /* @__PURE__ */ e(Te, {})
           }
         )
@@ -645,7 +645,7 @@ const F = {
     }
   ) : /* @__PURE__ */ e(ae, {});
 }), ft = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { selectedDay: i, selectedDayRecurrences: o, setSelectedDay: r, upcomingRecurrences: c } = _(), u = n < 750;
+  const { recurring: t } = R(), { availableWidth: n } = Se(), { selectedDay: r, selectedDayRecurrences: o, setSelectedDay: i, upcomingRecurrences: c } = _(), u = n < 750;
   return /* @__PURE__ */ a(l, { flexDirection: u ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(Le, {}),
     !u && /* @__PURE__ */ e(q, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
@@ -653,24 +653,24 @@ const F = {
       k,
       {
         isMini: !0,
-        onResetClick: i ? () => r(i) : void 0,
+        onResetClick: r ? () => i(r) : void 0,
         recurrences: o || c.slice(0, 5),
         sx: { width: u ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: i ? E(
+        title: r ? E(
           t.day_transactions,
-          v(i, L.MONTH_DAY)
+          v(r, L.MONTH_DAY)
         ) : t.upcoming_activity
       }
     )
   ] });
 }), _n = C(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: i } = R(), { setFilter: o } = ne(), { isDataLoaded: r, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
+    const { recurring: r } = R(), { setFilter: o } = ne(), { isDataLoaded: i, loadRepeatingTransactionData: c } = _(), { isInitialized: u, selectedAccountGuids: p } = H();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
-      isLoaded: r
+      isLoaded: i
     }), x.useEffect(() => {
-      r || c().finally();
+      i || c().finally();
     }, []), x.useEffect(() => {
       p.length > 0 && o({
         dateRange: { start: Q(J(), 90), end: Z() },
@@ -681,11 +681,11 @@ const F = {
       {
         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: r ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
+        title: r.mini_title,
+        children: i ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(ve, { sx: { mx: 16 }, variant: "list" })
       }
     ) : /* @__PURE__ */ e(ae, {});
   }
@@ -701,9 +701,9 @@ const F = {
 }), bt = ({
   amount: t,
   bgcolor: n,
-  isLargeScreen: i,
+  isLargeScreen: r,
   isSmallScreen: o,
-  label: r
+  label: i
 }) => /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     N,
@@ -717,15 +717,15 @@ const F = {
     }
   ),
   /* @__PURE__ */ a(l, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: M(t, t === 0 || !i ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(h, { variant: "caption", children: r })
+    !o && /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: M(t, t === 0 || !r ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(h, { variant: "caption", children: i })
   ] })
 ] }), yt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
-  maxLogos: i = 3
+  maxLogos: r = 3
 }) => {
-  const o = (r) => r * (n / 2);
+  const o = (i) => i * (n / 2);
   return /* @__PURE__ */ e(
     N,
     {
@@ -733,7 +733,7 @@ const F = {
         position: "relative",
         width: 64
       },
-      children: t.map((r, c) => c < i ? /* @__PURE__ */ e(
+      children: t.map((i, c) => c < r ? /* @__PURE__ */ e(
         N,
         {
           sx: {
@@ -747,44 +747,44 @@ const F = {
           children: /* @__PURE__ */ e(
             ee,
             {
-              categoryGuid: r.categoryGuid || "",
-              merchantGuid: r.merchantGuid || "",
+              categoryGuid: i.categoryGuid || "",
+              merchantGuid: i.merchantGuid || "",
               size: n
             }
           )
         },
-        `${r.categoryGuid}-${r.merchantGuid}-${c}`
+        `${i.categoryGuid}-${i.merchantGuid}-${c}`
       ) : null)
     }
   );
 }, Ct = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, o) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(l, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((r, o) => /* @__PURE__ */ e(
   ee,
   {
-    categoryGuid: i.categoryGuid || "",
-    merchantGuid: i.merchantGuid || ""
+    categoryGuid: r.categoryGuid || "",
+    merchantGuid: r.merchantGuid || ""
   },
-  `${i.categoryGuid}-${i.merchantGuid}-${o}`
+  `${r.categoryGuid}-${r.merchantGuid}-${o}`
 )) }), Rt = C(() => {
-  const t = te(), [n, { width: i }] = lt(), {
+  const t = te(), [n, { width: r }] = lt(), {
     upcomingRecurrences: o,
-    expenseTotal: r,
+    expenseTotal: i,
     missedExpenseTotal: c,
     paidExpenseTotal: u,
     upcomingExpenseTotal: p
-  } = _(), { recurring: s } = R(), d = i <= 288, m = i >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => M(r, r === 0 ? "0,0" : "0,0.00"), [r]), f = x.useMemo(() => {
+  } = _(), { recurring: s } = R(), d = r <= 288, m = r >= 450, g = 32, b = o.length > 0, y = x.useMemo(() => M(i, i === 0 ? "0,0" : "0,0.00"), [i]), f = x.useMemo(() => {
     const w = [
-      { color: t.palette.success.main, percentage: `${u / r}` }
+      { color: t.palette.success.main, percentage: `${u / i}` }
     ];
     return c && w.push({
       color: t.palette.error.main,
-      percentage: `${c / r}`
+      percentage: `${c / i}`
     }), w;
   }, [
     u,
-    r,
+    i,
     c,
     t.palette.success.main,
     t.palette.error.main
@@ -869,8 +869,8 @@ const F = {
   ] });
 }), Sn = C(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = z(), { isInitialized: i, selectedAccountGuids: o } = H(), {
-      loadRepeatingTransactionData: r,
+    const { onEvent: n } = z(), { isInitialized: r, selectedAccountGuids: o } = H(), {
+      loadRepeatingTransactionData: i,
       upcomingRecurrences: c,
       repeatingTransactions: u,
       setDateRange: p,
@@ -880,23 +880,23 @@ const F = {
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: s
     }), x.useEffect(() => {
-      s || r().finally(() => {
+      s || i().finally(() => {
         n(S.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
           state: c.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
-      i && (d({
+      r && (d({
         dateRange: { start: Q(J(), 90), end: Z() },
         accounts: o
       }), p({ start: G(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
-    }, [i, o]);
+    }, [r, o]);
     const b = () => {
       n(
         c.length > 0 ? S.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : S.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!i || !s) return /* @__PURE__ */ e(ae, { height: 100 });
+    if (!r || !s) return /* @__PURE__ */ e(ae, { height: 100 });
     const y = !u?.length;
     return /* @__PURE__ */ e(
       dt,
@@ -910,16 +910,16 @@ const F = {
     );
   }
 ), In = C(
-  ({ isOpen: t, onClose: n, selectedTab: i }) => {
+  ({ isOpen: t, onClose: n, selectedTab: r }) => {
     const { cashflow: o } = R();
     return /* @__PURE__ */ e(
-      ie,
+      re,
       {
         ariaLabelClose: o.close_settings_aria,
         isOpen: t,
         onClose: n,
         title: o.cashflow_settings,
-        children: /* @__PURE__ */ e(Te, { defaultSelectedTab: i })
+        children: /* @__PURE__ */ e(Te, { defaultSelectedTab: r })
       }
     );
   }

package/dist/settings/index.es.js

@@ -1,4 +1,4 @@
-import { S as Xt, a as Yt } from "../SettingsStore-BqPjOIWk.mjs";
+import { S as Xt, a as Yt } from "../SettingsStore-tK6INBFP.mjs";
 import { jsxs as c, Fragment as Q, jsx as e } from "react/jsx-runtime";
 import p from "react";
 import { observer as C } from "mobx-react-lite";
@@ -16,11 +16,11 @@ import V from "@mui/material/Box";
 import Z from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as K, P as N, Text as v, Icon as L, ChevronRightIcon as ve } from "@mxenabled/mxui";
-import { V as Ce, a as De, N as j } from "../NotificationSettings-Bw4fdVRU.mjs";
-import { A as Qt, B as Zt, I as eo } from "../NotificationSettings-Bw4fdVRU.mjs";
-import { u as D, a as $, r as A, o as Se, b as ee, m as z } from "../hooks-0kWPTHNb.mjs";
+import { V as Ce, a as De, N as j } from "../NotificationSettings-BSaCGB8x.mjs";
+import { A as Qt, B as Zt, I as eo } from "../NotificationSettings-BSaCGB8x.mjs";
+import { u as D, a as $, r as A, o as Se, b as ee, m as z } from "../hooks-zu7yblbi.mjs";
 import { u as O } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as G } from "../Dialog-BqUCsQvo.mjs";
+import { D as G } from "../Dialog-DdCwLgrl.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
 import { fromUnixTime as oe } from "date-fns/fromUnixTime";
 import R from "@mui/material/styles/useTheme";
@@ -35,15 +35,15 @@ import { L as ie } from "../Loader-D3rjKx72.mjs";
 import Ae from "@mui/material/List";
 import J from "@mui/material/Divider";
 import Ee from "@mui/material/ListSubheader";
-import { a as Re, u as Pe } from "../CategorySelectorDrawer-DpC8T96X.mjs";
+import { a as Re, u as Pe } from "../CategorySelectorDrawer-BMmxw2oY.mjs";
 import Be from "@mui/material/ListItem";
 import Ne from "@mui/material/ListItemButton";
 import Me from "@mui/material/ListItemIcon";
 import Le from "@mui/material/ListItemText";
 import { D as He } from "../Drawer-DV4NTsFg.mjs";
-import { u as ne } from "../useWidgetLoadTimer-yzSfT9dS.mjs";
-import { H as Oe } from "../Help-HjHBZzI9.mjs";
-import { W as X } from "../WidgetContainer-B5jzz8M1.mjs";
+import { u as ne } from "../useWidgetLoadTimer-Bmgv_UeH.mjs";
+import { H as Oe } from "../Help-BBxespai.mjs";
+import { W as X } from "../WidgetContainer-sC5KLXHI.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
   const o = xe(), { common: i, settings: n } = D(), { isDesktop: d, isMobile: l, isSmallMobile: r, isTablet: s } = O(t), { config: b } = $(), { updateUser: _ } = A(), { user: m } = Se(), [h, S] = p.useState({
     first_name: m.first_name,

package/dist/spending/index.es.js

@@ -8,19 +8,19 @@ import C from "@mui/material/Stack";
 import N from "@mui/material/Tab";
 import rt from "@mui/material/Tabs";
 import yt from "@mui/material/styles/useTheme";
-import { g as st, a as lt, S as $, b as Y } from "../SpendingLegend-D91UDDIu.mjs";
+import { g as st, a as lt, S as $, b as Y } from "../SpendingLegend-bMrPWOGJ.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
-import { u as I, m as A, d as ct, b as z, a as V, h as dt, g as Ct } from "../hooks-0kWPTHNb.mjs";
-import { u as gt } from "../useWidgetLoadTimer-yzSfT9dS.mjs";
+import { u as I, m as A, d as ct, b as z, a as V, h as dt, g as Ct } from "../hooks-zu7yblbi.mjs";
+import { u as gt } from "../useWidgetLoadTimer-Bmgv_UeH.mjs";
 import { L as pt } from "../Loader-D3rjKx72.mjs";
-import { M as St } from "../MiniWidgetContainer-B4gbUTJ2.mjs";
+import { M as St } from "../MiniWidgetContainer-DhEx4qKi.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
 import Tt from "@mui/material/Button";
 import { useTheme as Mt } from "@mui/material";
-import { e as Dt } from "../exportTransactionsToCSV-DC2YMFft.mjs";
-import { T as xt } from "../TransactionList-DrtItQUk.mjs";
-import { T as wt } from "../TransactionDetails-CurpH7lH.mjs";
+import { e as Dt } from "../exportTransactionsToCSV-YXwmzmUp.mjs";
+import { T as xt } from "../TransactionList-BibbhhS9.mjs";
+import { T as wt } from "../TransactionDetails-Cedp4OOg.mjs";
 import Lt from "@mui/material/Collapse";
 import F from "@mui/material/Divider";
 import J from "@mui/material/List";
@@ -31,7 +31,7 @@ import { D as tt } from "../Drawer-DV4NTsFg.mjs";
 import { b as w } from "../Category-CevNQ03n.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-i5h6BxR1.mjs";
-import { W as It } from "../WidgetContainer-B5jzz8M1.mjs";
+import { W as It } from "../WidgetContainer-sC5KLXHI.mjs";
 const O = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ c(C, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
   /* @__PURE__ */ t(T, { variant: "XSmall", children: R(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction.d.ts

@@ -2,5 +2,7 @@ import { Transaction } from '../../../../../common';
 interface AddMerchantBudgetActionProps {
     transaction: Transaction;
 }
-export declare const AddMerchantBudgetAction: ({ transaction }: AddMerchantBudgetActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddMerchantBudgetAction: (({ transaction }: AddMerchantBudgetActionProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 export {};