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

package/dist/{AccountDetailsDrawer-BRA7SYQ_.mjs → AccountDetailsDrawer-DhBGzsRl.mjs}

@@ -50,8 +50,8 @@ import $t from "@mui/material/AlertTitle";
 import Vt from "@mui/material/Link";
 import Wt from "@mui/material/Paper";
 import { endOfToday as zt, subDays as Yt, startOfToday as Gt } from "date-fns";
-import { T as Ht } from "./EmbeddedCard-BxgB26dd.mjs";
-import { T as jt } from "./TransactionDetails-DQ_eE7M4.mjs";
+import { T as Ht } from "./EmbeddedCard-CsIrZL3g.mjs";
+import { T as jt } from "./TransactionDetails-BRu5HpG8.mjs";
 const Kt = (t, o) => {
   const n = tt.includes(o) ? mt(t) : [], a = et.includes(o) ? pt(t) : [], c = nt.includes(o) ? ht(t) : [];
   return [n, a, c].filter((l) => l.length > 0);

package/dist/{EmbeddedCard-BxgB26dd.mjs → EmbeddedCard-CsIrZL3g.mjs}

@@ -15,7 +15,7 @@ import ht from "@mui/material/ListItemAvatar";
 import Ct from "@mui/material/ListItemText";
 import { useTheme as M } from "@mui/material/styles";
 import { f as H } from "./NumberFormatting--XMeeBfr.mjs";
-import { L as _t } from "./ListItemWrapper-BHIbqx7E.mjs";
+import { L as _t } from "./ListItemWrapper-Bw5FDCJ8.mjs";
 import { fromUnixTime as v } from "date-fns/fromUnixTime";
 import { isSameDay as F } from "date-fns/isSameDay";
 import { f as ut, D as pt } from "./DateFormats-HudZ3Bjs.mjs";

package/dist/{ExportCsvAction-BV69DnpC.mjs → ExportCsvAction-DPffdVf-.mjs}

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
 import { e as p } from "./TransactionUtils-BphBJBbU.mjs";
-import { O as m } from "./EmbeddedCard-BxgB26dd.mjs";
+import { O as m } from "./EmbeddedCard-CsIrZL3g.mjs";
 import { f as x, g as _, u as C } from "./hooks-97sNJ_lf.mjs";
 import { R as l } from "./ResponsiveButton-CC9F_Ezk.mjs";
 const v = ({ filter: t }) => {

package/dist/ListItemWrapper-Bw5FDCJ8.mjs

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "@mui/material/ListItem";
+import i from "@mui/material/ListItemButton";
+import { f as m } from "./hooks-97sNJ_lf.mjs";
+const b = ({
+  children: s,
+  clickEventName: t,
+  onClick: e,
+  sx: o = {}
+}) => {
+  const { onEvent: p } = m();
+  return e ? /* @__PURE__ */ r(a, { className: "list-wrapper", sx: { bgcolor: "background.paper", ...o }, children: /* @__PURE__ */ r(
+    i,
+    {
+      onClick: () => {
+        t && p(t), e();
+      },
+      children: s
+    }
+  ) }) : /* @__PURE__ */ r(
+    a,
+    {
+      className: "list-wrapper",
+      disableGutters: !1,
+      disablePadding: !1,
+      sx: { bgcolor: "background.paper", ...o },
+      children: s
+    }
+  );
+};
+export {
+  b as L
+};

package/dist/{ManageIncome-Dn9Y3Z2U.mjs → ManageIncome-DucNK5Pr.mjs}

@@ -17,12 +17,12 @@ import { startOfToday as U } from "date-fns/startOfToday";
 import { endOfMonth as We } from "date-fns/endOfMonth";
 import fe from "@mui/material/Button";
 import { CheckCircle as Ke, Cancel as qe, Icon as je, ChevronRight as He, Delete as Qe, Add as $e, ReceiptLong as Xe } from "@mxenabled/mx-icons";
-import { T as Ze } from "./TransactionDetails-DQ_eE7M4.mjs";
-import { a as Je } from "./AccountDetailsDrawer-BRA7SYQ_.mjs";
+import { T as Ze } from "./TransactionDetails-BRu5HpG8.mjs";
+import { a as Je } from "./AccountDetailsDrawer-DhBGzsRl.mjs";
 import { u as Ve } from "./AccountDetailsHeader-BvbCUQSS.mjs";
 import { C as ee } from "./Category-DEKZGLYe.mjs";
 import { T as ge } from "./TransactionUtils-BphBJBbU.mjs";
-import { u as Ce, T as et, S as tt, a as nt } from "./EmbeddedCard-BxgB26dd.mjs";
+import { u as Ce, T as et, S as tt, a as nt } from "./EmbeddedCard-CsIrZL3g.mjs";
 import { u as x, h as Y, g as re, f as K, a as at, c as ot, C as rt } from "./hooks-97sNJ_lf.mjs";
 import { S as it } from "./SearchBox-Cpgu_gdO.mjs";
 import { D as z } from "./Drawer-DsnW2o0v.mjs";
@@ -40,7 +40,7 @@ import { getUnixTime as mt } from "date-fns/getUnixTime";
 import _t from "@mui/material/IconButton";
 import pt from "@mui/material/Menu";
 import ht from "@mui/material/MenuItem";
-import { L as yt } from "./ListItemWrapper-BHIbqx7E.mjs";
+import { L as yt } from "./ListItemWrapper-Bw5FDCJ8.mjs";
 import { f as Se, D as xe } from "./DateFormats-HudZ3Bjs.mjs";
 import ft from "@mui/material/Card";
 import gt from "@mui/material/CardActionArea";
@@ -334,8 +334,8 @@ const Q = (n) => n.top_level_category_guid !== ee.INCOME && n.transaction_type =
     m && (m.status === R.Missed ? i() : m.transactionGuid && t(m.transactionGuid), k());
   };
   return /* @__PURE__ */ l(p, { direction: "column", sx: { minHeight: "30dvh" }, children: [
-    /* @__PURE__ */ e(y, { bold: !0, sx: { ml: 24, mt: 16, mb: 8 }, variant: "body1", children: r.past_activity }),
-    /* @__PURE__ */ e(ne, { sx: { flex: 1, overflow: "auto" }, children: v.map((c, E) => {
+    /* @__PURE__ */ e(y, { bold: !0, id: "past-activity", sx: { ml: 24, mt: 16, mb: 8 }, variant: "body1", children: r.past_activity }),
+    /* @__PURE__ */ e(ne, { "aria-labelledby": "past-activity", sx: { flex: 1, overflow: "auto" }, children: v.map((c, E) => {
       const T = c.status === R.Paid, N = c.status === R.Missed, g = E === v.length - 1;
       return /* @__PURE__ */ l(u.Fragment, { children: [
         /* @__PURE__ */ l(

package/dist/{RecurringSettings-BWlg0zsv.mjs → RecurringSettings-D9P4-Yr1.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-Dn9Y3Z2U.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-DucNK5Pr.mjs";
 import { u as _, h as A, f } from "./hooks-97sNJ_lf.mjs";
 import { R as y, F as N } from "./RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { A as m } from "./Analytics-WeZYytR0.mjs";

package/dist/{TransactionDetails-DQ_eE7M4.mjs → TransactionDetails-BRu5HpG8.mjs}

@@ -22,7 +22,7 @@ import Xe from "@mui/material/FormGroup";
 import ue from "@mui/material/IconButton";
 import $e from "@mui/material/TextField";
 import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-BxgB26dd.mjs";
+import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-CsIrZL3g.mjs";
 import { u as E, g as M, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
 import { A as j } from "./Analytics-WeZYytR0.mjs";
 import lt from "@mui/material/ToggleButton";

package/dist/accounts/index.es.js

@@ -12,8 +12,8 @@ import Z from "@mui/system/Stack";
 import { f as U } from "../NumberFormatting--XMeeBfr.mjs";
 import { u as X, g as e1 } from "../AccountDetailsHeader-BvbCUQSS.mjs";
 import { A as K1, a as z1, b as $1 } from "../AccountDetailsHeader-BvbCUQSS.mjs";
-import { A as E, a as t1 } from "../AccountDetailsDrawer-BRA7SYQ_.mjs";
-import { b as q1, u as J1 } from "../AccountDetailsDrawer-BRA7SYQ_.mjs";
+import { A as E, a as t1 } from "../AccountDetailsDrawer-DhBGzsRl.mjs";
+import { b as q1, u as J1 } from "../AccountDetailsDrawer-DhBGzsRl.mjs";
 import { i as z, u as R, a as x, c as N, f as $ } from "../hooks-97sNJ_lf.mjs";
 import { A } from "../Analytics-WeZYytR0.mjs";
 import { C as l1 } from "../ConnectionsDrawer-CZU9ku-k.mjs";

package/dist/budgets/index.es.js

@@ -35,8 +35,8 @@ import { A as P } from "../Analytics-WeZYytR0.mjs";
 import Ee from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et, g as we } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as ve } from "../EmbeddedCard-BxgB26dd.mjs";
-import { T as tt, c as ot } from "../TransactionDetails-DQ_eE7M4.mjs";
+import { T as ve } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { T as tt, c as ot } from "../TransactionDetails-BRu5HpG8.mjs";
 import Te from "@mui/material/Card";
 import De from "@mui/material/CardContent";
 import { S as Se } from "../StatusBar-CPfSXe80.mjs";
@@ -45,7 +45,7 @@ import { u as nt, C as at } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import Pe from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-Dn9Y3Z2U.mjs";
+import { M as it } from "../ManageIncome-DucNK5Pr.mjs";
 import { u as je } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { W as ct } from "../WidgetContainer-DJnp6t6c.mjs";
 import { g as lt, a as dt } from "../BudgetUtil-Bg2AQJpQ.mjs";

package/dist/cashflow/index.es.js

@@ -17,13 +17,13 @@ import { I as pe } from "../InformationTooltip-4su8bn1e.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { M as Ze } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { E as et } from "../EmptyState-CJUDc3kD.mjs";
-import { R as tt } from "../RecurringSettings-BWlg0zsv.mjs";
+import { R as tt } from "../RecurringSettings-D9P4-Yr1.mjs";
 import nt from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as le } from "date-fns/getUnixTime";
 import Q from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-import { A as ot } from "../AccountDetailsDrawer-BRA7SYQ_.mjs";
+import { A as ot } from "../AccountDetailsDrawer-DhBGzsRl.mjs";
 import { f as U, D as Y } from "../DateFormats-HudZ3Bjs.mjs";
 import it from "@mui/material/ListSubheader";
 import { f as J } from "../NumberFormatting--XMeeBfr.mjs";
@@ -34,7 +34,7 @@ import { addDays as _e } from "date-fns/addDays";
 import { DataGridPro as at } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-B0eYJP5p.mjs";
 import W from "@mui/material/Button";
-import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-Dn9Y3Z2U.mjs";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-DucNK5Pr.mjs";
 import { D as He } from "../Drawer-DsnW2o0v.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
@@ -44,7 +44,7 @@ import { A as Se } from "../Analytics-WeZYytR0.mjs";
 import { formatISO as ut } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ht, a as ft } from "../EmbeddedCard-BxgB26dd.mjs";
+import { S as ht, a as ft } from "../EmbeddedCard-CsIrZL3g.mjs";
 import { F as gt, R as Ie, d as ve } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { k as bt } from "../DateUtil-CzBmbjmA.mjs";
 const q = () => {

package/dist/common/index.es.js

@@ -32,7 +32,7 @@ import { G as oe } from "../GlobalAccountFilter-BhzR5Vb1.mjs";
 import { G as ae, m as se, n as ne, W as ie, c as ue, i as le, o as me, p as de, l as ce, q as fe, r as pe, f as ye, s as ge, u as xe, e as Ee, a as he, k as Se, t as Ce, v as _e, w as ve, b as ke, x as be, y as Oe, z as De, h as Te, A as Ie, g as Ae, B as Me, C as Pe, D as we } from "../hooks-97sNJ_lf.mjs";
 import { L as Le } from "../ListItemAction-BqUCLj_w.mjs";
 import { L as Ue } from "../ListItemRow-kH1rn8Xu.mjs";
-import { L as Be } from "../ListItemWrapper-BHIbqx7E.mjs";
+import { L as Be } from "../ListItemWrapper-Bw5FDCJ8.mjs";
 import { S as qe } from "../SearchBox-Cpgu_gdO.mjs";
 import { S as Fe, T as $e } from "../Sizes-DISGrlUg.mjs";
 import { T as Qe, a as je } from "../ToggleListItem-Dl1lXNwj.mjs";

package/dist/finstrong/index.es.js

@@ -49,7 +49,7 @@ import { S as dt } from "../Select-CSpkK5cR.mjs";
 import { c as je } from "../Account-DR7Plrqy.mjs";
 import { S as zn } from "../StatusBar-CPfSXe80.mjs";
 import { k as Dt } from "../DateUtil-CzBmbjmA.mjs";
-import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-BxgB26dd.mjs";
+import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-CsIrZL3g.mjs";
 import { T as ge } from "../TabContentContainer-B0eYJP5p.mjs";
 import Xn from "@mui/material/useMediaQuery";
 import { BarPlot as Un } from "@mui/x-charts/BarChart";
@@ -62,11 +62,11 @@ import { g as Jn, S as eo, b as to } from "../SpendingLegend-CxvNOg3c.mjs";
 import { formatISO as no } from "date-fns/formatISO";
 import { fromUnixTime as oo } from "date-fns/fromUnixTime";
 import { subDays as ro } from "date-fns/subDays";
-import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-Dn9Y3Z2U.mjs";
+import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-DucNK5Pr.mjs";
 import { F as Tt, d as co, R as Ot } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as uo } from "@mui/x-date-pickers";
 import { AdapterDateFns as Rt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as _o } from "../RecurringSettings-BWlg0zsv.mjs";
+import { R as _o } from "../RecurringSettings-D9P4-Yr1.mjs";
 import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
 import ho from "@mui/lab/Timeline";
 import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";

package/dist/insights/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as c, Fragment as N } from "react/jsx-runtime";
 import { BottomSheetTransition as r2, Text as E, MerchantLogo as Q, InstitutionLogo as F, P as J, H3 as h1, H2 as c1, Icon as k1, CategoryIcon as g1, createMXTheme as i2 } from "@mxenabled/mxui";
 import C from "@mui/material/Stack";
-import { e as K, p as n2, B as z1, b as l2 } from "../EmbeddedCard-BxgB26dd.mjs";
-import { f as d5, C as C5, E as m5 } from "../EmbeddedCard-BxgB26dd.mjs";
+import { e as K, p as n2, B as z1, b as l2 } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { f as d5, C as C5, E as m5 } from "../EmbeddedCard-CsIrZL3g.mjs";
 import { CardHeader as a2, Stack as v, Button as A1, Card as j1, Box as L1, ToggleButtonGroup as o2, TextField as s2, Grow as c2, Alert as h2, useTheme as d2, useMediaQuery as H1, AppBar as C2, Toolbar as m2, IconButton as u1, List as p2, ListItem as E2, Divider as u2 } from "@mui/material";
 import { useTheme as f2, styled as x2, Stack as f1 } from "@mui/system";
 import { Link as y2, Icon as S, CheckCircle as W1, ChevronRight as M2 } from "@mxenabled/mx-icons";

package/dist/recurringtransactions/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as B } from "react/jsx-runtime";
 import x from "react";
 import { observer as T } from "mobx-react-lite";
 import { endOfMonth as z } from "date-fns/endOfMonth";
@@ -6,10 +6,10 @@ import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import $e from "@mui/material/Alert";
+import Be from "@mui/material/Alert";
 import Fe from "@mui/material/Snackbar";
-import { R as _e } from "../RecurringSettings-BWlg0zsv.mjs";
-import { M as Jn } from "../RecurringSettings-BWlg0zsv.mjs";
+import { R as De } from "../RecurringSettings-D9P4-Yr1.mjs";
+import { M as Jn } from "../RecurringSettings-D9P4-Yr1.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";
@@ -20,7 +20,7 @@ import fe from "@mui/material/Tab";
 import Ke from "@mui/material/Tabs";
 import { Cancel as Se, CheckCircle as we, Schedule as Ve, MonetizationOn as qe, ChevronLeft as Ze, ChevronRight as Xe, CurrencyExchange as Je } from "@mxenabled/mx-icons";
 import { Text as h, MerchantLogo as te, InstitutionLogo as Qe, H3 as et, H2 as tt, P as Z } from "@mxenabled/mxui";
-import { g as nt, L as O, b as N } from "../Localization-DnoVyBNK.mjs";
+import { g as nt, L as O, b as G } from "../Localization-DnoVyBNK.mjs";
 import { getWeeksInMonth as xe } from "date-fns/getWeeksInMonth";
 import { enCA as rt } from "date-fns/locale/en-CA";
 import { enUS as be } from "date-fns/locale/en-US";
@@ -35,8 +35,8 @@ import { isSameDay as dt } from "date-fns/isSameDay";
 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 ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
+import { u as b, a as U, h as D, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
+import { b as E, a as _, 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";
@@ -49,19 +49,19 @@ import xt from "@mui/material/ListItemAvatar";
 import bt from "@mui/material/ListItemButton";
 import yt from "@mui/material/ListItemText";
 import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
-import G from "@mui/material/Box";
+import N from "@mui/material/Box";
 import { u as ve } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.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 Ct } from "../ManageIncome-DucNK5Pr.mjs";
+import { c as er, M as tr, S as nr } from "../ManageIncome-DucNK5Pr.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";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
 import { W as Rt } from "../WidgetContainer-DJnp6t6c.mjs";
 import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
-import { u as Dt } from "../useDimensions-CeDR9V8N.mjs";
-import { M as _t } from "../MicroWidgetContainer-B2NnKBgW.mjs";
+import { u as _t } from "../useDimensions-CeDR9V8N.mjs";
+import { M as Dt } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 const j = {
   gridRow: 1,
   gridColumn: 1,
@@ -106,18 +106,18 @@ const j = {
   }
 ), St = T(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: a, setSelectedDay: m } = _(), c = x.useMemo(
-      () => a.filter((f) => o.includes(f.accountGuid)),
-      [o, a]
+    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = D(), a = x.useMemo(
+      () => s.filter((f) => o.includes(f.accountGuid)),
+      [o, s]
     ).filter(
       (f) => dt(f.occurredOnDate || f.expectedDate, t)
-    ), l = c.some(
-      (f) => f.type !== E.Income && f.status === D.Upcoming
-    ), u = c.some(
-      (f) => f.type !== E.Income && f.status === D.Missed
-    ), g = c.some(
-      (f) => f.type !== E.Income && f.status === D.Paid
-    ), y = c.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
+    ), l = a.some(
+      (f) => f.type !== E.Income && f.status === _.Upcoming
+    ), u = a.some(
+      (f) => f.type !== E.Income && f.status === _.Missed
+    ), g = a.some(
+      (f) => f.type !== E.Income && f.status === _.Paid
+    ), y = a.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,
@@ -126,7 +126,7 @@ const j = {
     return /* @__PURE__ */ e(
       ut,
       {
-        badgeContent: c.length > 0 && /* @__PURE__ */ s($, { children: [
+        badgeContent: a.length > 0 && /* @__PURE__ */ c(B, { children: [
           u && /* @__PURE__ */ e(le, { isOffset: !0 }),
           g && /* @__PURE__ */ e(de, { isOffset: !0 }),
           l && /* @__PURE__ */ e(se, { isOffset: !0 }),
@@ -163,12 +163,12 @@ const j = {
       }
     );
   }
-), B = ({ icon: t, label: n }) => /* @__PURE__ */ s(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+), $ = ({ icon: t, label: n }) => /* @__PURE__ */ c(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__ */ s(
+  return /* @__PURE__ */ c(
     d,
     {
       alignItems: "center",
@@ -178,10 +178,10 @@ const j = {
       justifyContent: "center",
       mt: 12,
       children: [
-        /* @__PURE__ */ e(B, { icon: se, label: t.expense }),
-        /* @__PURE__ */ e(B, { icon: ce, label: t.income }),
-        /* @__PURE__ */ e(B, { icon: le, label: t.missed }),
-        /* @__PURE__ */ e(B, { icon: de, label: t.paid })
+        /* @__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 })
       ]
     }
   );
@@ -195,14 +195,14 @@ const j = {
     [O.ES]: it
   }[t] || be;
 }, Ee = T(() => {
-  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [a, m] = x.useState(
+  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = D(), [s, m] = x.useState(
     xe(/* @__PURE__ */ new Date()) * W + Re
   ), p = (u) => {
     m(xe(u) * W + Re), o({
       start: k(u),
       end: z(u)
-    }), c(u), n(v.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
-  }, c = (u) => {
+    }), a(u), n(v.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
+  }, a = (u) => {
     u && requestAnimationFrame(() => {
       const g = document.getElementById("recurrence-list");
       g?.setAttribute("tabindex", "-1"), g?.focus();
@@ -211,7 +211,7 @@ const j = {
     ct,
     {
       minDate: k(/* @__PURE__ */ new Date()),
-      onChange: c,
+      onChange: a,
       onMonthChange: p,
       showDaysOutsideCurrentMonth: !0,
       slots: {
@@ -241,10 +241,10 @@ const j = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: a
+          minHeight: s
         },
         "&.MuiDateCalendar-root": {
-          minHeight: a + W
+          minHeight: s + W
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: W,
@@ -264,7 +264,7 @@ const j = {
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ s(lt, { adapterLocale: It(), dateAdapter: st, children: [
+  return /* @__PURE__ */ e(d, { "aria-labelledby": "calendar-label", justifyContent: "center", role: "group", children: /* @__PURE__ */ c(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 }),
@@ -274,30 +274,30 @@ const j = {
   if (t.type === E.Income)
     return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
-    case D.Missed:
+    case _.Missed:
       return /* @__PURE__ */ e(le, {});
-    case D.Paid:
+    case _.Paid:
       return /* @__PURE__ */ e(de, {});
     default:
       return /* @__PURE__ */ e(se, {});
   }
 }, vt = (t, n) => {
   switch (t.status) {
-    case D.Paid:
-      return t.expectedDate ? N(
+    case _.Paid:
+      return t.expectedDate ? G(
         n.paid_on,
         I(
           t.occurredOnDate || t.expectedDate,
           M.MONTH_DAY
         )
       ) : n.paid;
-    case D.Missed:
-      return N(
+    case _.Missed:
+      return G(
         n.missed_on,
         I(t.expectedDate, M.MONTH_DAY)
       );
-    case D.Upcoming:
-      return N(
+    case _.Upcoming:
+      return G(
         n.upcoming_on,
         I(t.expectedDate, M.MONTH_DAY)
       );
@@ -311,13 +311,13 @@ const j = {
   },
   showOrdinal: i = !1
 }) => {
-  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;
+  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = D(), m = x.useMemo(
+    () => s.find((C) => C.guid === t.repeatingTransactionGuid),
+    [t, s]
+  ), p = t.type === E.Income, a = t.status === _.Paid, l = t.status === _.Missed, u = t.status === _.Upcoming;
   let g = o.paid?.toLowerCase();
   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: () => {
+  /* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(bt, { onClick: () => {
     r(t);
   }, children: [
     /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(
@@ -327,23 +327,23 @@ const j = {
         merchantGuid: t.merchantGuid
       }
     ) }),
-    /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ s(
+    /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ c(
       d,
       {
         direction: "row",
         gap: 4,
         sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
         children: [
-          /* @__PURE__ */ s(d, { direction: "column", width: "50%", children: [
+          /* @__PURE__ */ c(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__ */ s(d, { direction: "row", gap: 4, children: [
+            /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ c(d, { direction: "row", gap: 4, children: [
               Mt(t),
               /* @__PURE__ */ e(h, { variant: "caption", children: vt(t, o) })
-            ] }) : /* @__PURE__ */ s($, { children: [
+            ] }) : /* @__PURE__ */ c(B, { children: [
               t.institutionGuid && /* @__PURE__ */ e(
                 Qe,
                 {
-                  alt: `${t.institutionName} institution logo`,
+                  alt: "",
                   institutionGuid: t.institutionGuid,
                   size: 12
                 }
@@ -351,12 +351,12 @@ const j = {
               /* @__PURE__ */ e(h, { sx: { maxWidth: 250 }, variant: "caption", children: t.institutionName })
             ] }) })
           ] }),
-          /* @__PURE__ */ s(d, { alignItems: "flex-end", width: "100%", children: [
-            /* @__PURE__ */ s(h, { bold: !0, color: p ? "success.main" : "text.primary", variant: "body1", children: [
+          /* @__PURE__ */ c(d, { alignItems: "flex-end", width: "100%", children: [
+            /* @__PURE__ */ c(h, { bold: !0, color: p ? "success.main" : "text.primary", variant: "body1", children: [
               p ? "+" : "",
               L(t.amount, "0,0.00")
             ] }),
-            !n && /* @__PURE__ */ s(
+            !n && /* @__PURE__ */ c(
               d,
               {
                 direction: "row",
@@ -368,7 +368,7 @@ const j = {
                   width: "100%"
                 },
                 children: [
-                  c && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
+                  a && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
                   l && /* @__PURE__ */ e(Se, { color: "error", filled: !0, size: 12 }),
                   /* @__PURE__ */ e(h, { bold: !0, color: "text.secondary", variant: "caption", children: g })
                 ]
@@ -386,11 +386,11 @@ const j = {
     onResetClick: r,
     onRecurrenceClick: i,
     sx: o = {},
-    title: a
+    title: s
   }) => {
     const { recurring: m } = b(), p = x.useMemo(() => pt(t), [t]);
-    return /* @__PURE__ */ s(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, "tab-index": -1, children: [
-      a && /* @__PURE__ */ s(
+    return /* @__PURE__ */ c(d, { id: "recurrence-list", sx: { gap: 8, mt: 4, ...o }, tabIndex: -1, children: [
+      s && /* @__PURE__ */ c(
         d,
         {
           sx: {
@@ -400,28 +400,38 @@ const j = {
             px: 24
           },
           children: [
-            /* @__PURE__ */ e(et, { bold: !0, variant: "body1", children: a }),
+            /* @__PURE__ */ e(et, { bold: !0, variant: "body1", children: s }),
             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(Ce, { "aria-label": a, children: n ? t.map((c, l) => /* @__PURE__ */ s(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": s, children: n ? t.map((a, l) => /* @__PURE__ */ c(x.Fragment, { children: [
         /* @__PURE__ */ e(
           Te,
           {
             isMini: n,
             onRecurrenceClick: i,
-            recurrence: c
+            recurrence: a
           }
         ),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
-      ] }, `recurrence-${l}`)) : p.map((c, l) => /* @__PURE__ */ s(x.Fragment, { children: [
+      ] }, `recurrence-${l}`)) : p.map((a, l) => /* @__PURE__ */ c(x.Fragment, { children: [
         /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
           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) }) }),
+            "aria-labelledby": `date-group-header-${a.id}`,
+            subheader: /* @__PURE__ */ e(
+              ft,
+              {
+                "aria-hidden": "true",
+                id: `date-group-header-${a.id}`,
+                role: "presentation",
+                sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 },
+                children: /* @__PURE__ */ e(h, { bold: !0, variant: "caption", children: I(a.date, M.DAY_OF_WEEK_MONTH_DAY) })
+              }
+            ),
             sx: { width: "100%" },
-            children: c.recurrences.map((u, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
+            children: a.recurrences.map((u, g) => /* @__PURE__ */ e(x.Fragment, { children: /* @__PURE__ */ e(
               Te,
               {
                 isMini: n,
@@ -430,45 +440,45 @@ const j = {
               }
             ) }, `day-recurrence-${g}`))
           }
-        ) }, c.id),
+        ) }, a.id),
         /* @__PURE__ */ e(X, { sx: { mx: 24 } })
       ] }, `recurrence-${l}`)) })
     ] });
   }
-), De = T(
-  ({ 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(() => {
+), _e = T(
+  ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: m }) => {
+    const p = ne(), { isSmallMobile: a } = 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__ */ 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})` }),
+    return /* @__PURE__ */ c(d, { children: [
+      /* @__PURE__ */ c(d, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
+        /* @__PURE__ */ e(h, { bold: !0, variant: "body1", children: `${o} (${s})` }),
         /* @__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__ */ 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__ */ c(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
+        /* @__PURE__ */ e(N, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
+        !a && /* @__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__ */ 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") }),
+        r !== void 0 && /* @__PURE__ */ c(B, { children: [
+          /* @__PURE__ */ e(N, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
+          !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
           /* @__PURE__ */ e(h, { variant: "caption", children: l.missed?.toLowerCase() })
         ] }),
-        /* @__PURE__ */ e(G, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
-        !c && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(m, "0,0.00") }),
+        /* @__PURE__ */ e(N, { sx: { bgcolor: "divider", height: 8, ml: 16, mr: 8, width: 8 } }),
+        !a && /* @__PURE__ */ e(h, { bold: !0, variant: "body2", children: L(m, "0,0.00") }),
         /* @__PURE__ */ e(h, { variant: "caption", children: l.upcoming?.toLowerCase() })
       ] })
     ] });
   }
-), Ne = T(() => {
+), Ge = T(() => {
   const { recurring: t } = b(), {
     selectedRecurrence: n,
     selectedRepeatingTransaction: r,
     setSelectedRecurrence: i,
     setSelectedRepeatingTransactionGuid: o
-  } = _(), a = () => {
+  } = D(), s = () => {
     o(null), i(null);
   };
   return /* @__PURE__ */ e(
@@ -476,12 +486,12 @@ const j = {
     {
       ariaLabelClose: t.close_drawer_aria,
       isOpen: !!r,
-      onClose: a,
+      onClose: s,
       title: r?.repeating_transaction_type === gt.Income ? t.income_details : t.expense_details,
       children: r && /* @__PURE__ */ e(
         Ct,
         {
-          onDeleted: a,
+          onDeleted: s,
           recurringTransaction: r,
           selectedRecurrence: n
         }
@@ -489,10 +499,10 @@ const j = {
     }
   );
 }), Lt = T(() => {
-  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ve(n), { onEvent: a } = Y(), {
+  const { recurring: t } = b(), { availableWidth: n } = Ie(), { isDesktop: r, isSmallMobile: i, isMobile: o } = ve(n), { onEvent: s } = Y(), {
     currentMonthExpenses: m,
     currentMonthIncome: p,
-    dateRange: c,
+    dateRange: a,
     expenseTotal: l,
     incomeTotal: u,
     missedExpenseTotal: g,
@@ -504,33 +514,33 @@ const j = {
     setDateRange: w,
     setSelectedRecurrence: H,
     setSelectedRepeatingTransactionGuid: ue,
-    upcomingExpenseTotal: Ge,
+    upcomingExpenseTotal: Ne,
     upcomingIncomeTotal: ke,
     upcomingRecurrences: me
-  } = _(), [V, Oe] = x.useState(0), We = je(c.start, /* @__PURE__ */ new Date()), Pe = (R, Be) => {
-    Oe(Be);
+  } = D(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
+    Oe($e);
   }, pe = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), a(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
       transaction_guid: R.transaction?.guid
     });
   }, ge = (R) => {
-    ue(R.repeatingTransactionGuid), H(R), a(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
+    ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_PAID, {
       transaction_guid: R.transaction?.guid
     });
   }, ze = () => {
-    const R = Ue(c.start, 1);
+    const R = Ue(a.start, 1);
     w({
       start: k(R),
       end: z(R)
     });
   }, He = () => {
-    const R = Ye(c.start, 1);
+    const R = Ye(a.start, 1);
     w({
       start: k(R),
       end: z(R)
     });
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ c(
     q,
     {
       container: !0,
@@ -538,14 +548,14 @@ const j = {
         pt: 16
       },
       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(
+        /* @__PURE__ */ c(q, { size: { sm: 12, md: "grow" }, width: "100%", children: [
+          /* @__PURE__ */ c(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
+            /* @__PURE__ */ c(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(tt, { variant: "h3", children: G(
                 t.header_title,
-                I(c.start, M.MONTH_LONG)
+                I(a.start, M.MONTH_LONG)
               ) }),
-              !r && /* @__PURE__ */ s(d, { direction: "row", gap: 4, children: [
+              !r && /* @__PURE__ */ c(d, { direction: "row", gap: 4, children: [
                 /* @__PURE__ */ e(
                   he,
                   {
@@ -559,18 +569,18 @@ const j = {
               ] })
             ] }),
             /* @__PURE__ */ e(
-              De,
+              _e,
               {
                 expected: l,
                 missed: g,
                 paid: C,
                 title: t.expenses,
                 total: m.length,
-                upcoming: Ge
+                upcoming: Ne
               }
             ),
             /* @__PURE__ */ e(
-              De,
+              _e,
               {
                 expected: u,
                 isExpense: !1,
@@ -589,8 +599,8 @@ const j = {
               }
             )
           ] }),
-          !r && /* @__PURE__ */ s(d, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ s(Ke, { onChange: Pe, value: V, variant: "fullWidth", children: [
+          !r && /* @__PURE__ */ c(d, { sx: { px: o ? 0 : 24 }, children: [
+            /* @__PURE__ */ c(Ke, { onChange: Pe, value: V, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 fe,
                 {
@@ -608,50 +618,52 @@ const j = {
               P,
               {
                 onRecurrenceClick: pe,
-                recurrences: me
+                recurrences: me,
+                title: i ? t.upcoming : t.upcoming_activity
               }
             ),
             V === 1 && /* @__PURE__ */ e(
               P,
               {
                 onRecurrenceClick: ge,
-                recurrences: y
+                recurrences: y,
+                title: i ? t.past : t.past_transactions
               }
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ s(d, { gap: 24, children: [
+        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ c(d, { gap: 24, children: [
           /* @__PURE__ */ e(Ee, {}),
           /* @__PURE__ */ e(
             P,
             {
               onRecurrenceClick: ge,
               recurrences: f || y,
-              title: A ? N(
+              title: A ? G(
                 t.day_transactions,
                 I(A, M.MONTH_DAY)
               ) : t.past_transactions
             }
           )
         ] }) }),
-        /* @__PURE__ */ e(Ne, {})
+        /* @__PURE__ */ e(Ge, {})
       ]
     }
   );
 }), jn = T(
   ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
-    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);
+    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } = D(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
     return oe({
       widgetName: "RecurringTransactionsWidget",
       isLoaded: p
     }), x.useEffect(() => {
-      p || c().finally();
+      p || a().finally();
     }, []), x.useEffect(() => {
       g({
         dateRange: { start: ee(Q(), 90), end: J() },
-        accounts: a
+        accounts: s
       }), u({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) });
-    }, [a]), o ? /* @__PURE__ */ s(
+    }, [s]), o ? /* @__PURE__ */ c(
       Rt,
       {
         actions: [
@@ -679,7 +691,7 @@ const j = {
               onClose: () => S(!1),
               shouldShowHeaderBorders: !1,
               title: i.action_title,
-              children: /* @__PURE__ */ e(_e, {})
+              children: /* @__PURE__ */ e(De, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -689,7 +701,7 @@ const j = {
               autoHideDuration: 3500,
               onClose: () => l(""),
               open: !!m.message,
-              children: /* @__PURE__ */ e($e, { onClose: () => l(""), severity: m.severity, variant: "filled", children: m.message })
+              children: /* @__PURE__ */ e(Be, { onClose: () => l(""), severity: m.severity, variant: "filled", children: m.message })
             }
           )
         ]
@@ -701,24 +713,24 @@ const j = {
     selectedDay: r,
     selectedDayRecurrences: i,
     setSelectedDay: o,
-    setSelectedRecurrence: a,
+    setSelectedRecurrence: s,
     setSelectedRepeatingTransactionGuid: m,
     upcomingRecurrences: p
-  } = _(), c = (u) => {
-    m(u.repeatingTransactionGuid), a(u);
+  } = D(), a = (u) => {
+    m(u.repeatingTransactionGuid), s(u);
   }, l = n < 750;
-  return /* @__PURE__ */ s(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
+  return /* @__PURE__ */ c(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(
       P,
       {
         isMini: !0,
-        onRecurrenceClick: c,
+        onRecurrenceClick: a,
         onResetClick: r ? () => o(r) : void 0,
         recurrences: i || p.slice(0, 5),
         sx: { width: l ? "100%" : "calc(100% - 336px)", mt: 12 },
-        title: r ? N(
+        title: r ? G(
           t.day_transactions,
           I(r, M.MONTH_DAY)
         ) : t.upcoming_activity
@@ -727,18 +739,18 @@ const j = {
   ] });
 }), Kn = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: a } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
+    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = D(), { isInitialized: m, selectedAccountGuids: p } = U();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: o
     }), x.useEffect(() => {
-      o || a().finally();
+      o || s().finally();
     }, []), x.useEffect(() => {
       p.length > 0 && i({
         dateRange: { start: ee(Q(), 90), end: J() },
         accounts: p
       });
-    }, [p]), m ? /* @__PURE__ */ s(
+    }, [p]), m ? /* @__PURE__ */ c(
       Tt,
       {
         className: "mx-exp-recurring-transactions-miniwidget",
@@ -750,29 +762,29 @@ const j = {
         title: r.mini_title,
         children: [
           o ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ e(Ae, { sx: { mx: 16 }, variant: "list" }),
-          /* @__PURE__ */ e(Ne, {})
+          /* @__PURE__ */ e(Ge, {})
         ]
       }
     ) : /* @__PURE__ */ e(ae, {});
   }
 ), Et = T(() => {
   const { recurring: t } = b();
-  return /* @__PURE__ */ s(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+  return /* @__PURE__ */ c(d, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Je, { size: 32 }),
-    /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ c(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 })
     ] })
   ] });
-}), Nt = ({
+}), Gt = ({
   amount: t,
   bgcolor: n,
   isLargeScreen: r,
   isSmallScreen: i,
   label: o
-}) => /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+}) => /* @__PURE__ */ c(d, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
-    G,
+    N,
     {
       sx: {
         borderRadius: "2px",
@@ -782,29 +794,29 @@ const j = {
       }
     }
   ),
-  /* @__PURE__ */ s(d, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+  /* @__PURE__ */ c(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 })
   ] })
-] }), Gt = ({
+] }), Nt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: r = 3
 }) => {
   const i = (o) => o * (n / 2);
   return /* @__PURE__ */ e(
-    G,
+    N,
     {
       sx: {
         position: "relative",
         width: 64
       },
-      children: t.map((o, a) => a < r ? /* @__PURE__ */ e(
-        G,
+      children: t.map((o, s) => s < r ? /* @__PURE__ */ e(
+        N,
         {
           sx: {
             borderRadius: "4px",
-            left: i(a),
+            left: i(s),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -819,7 +831,7 @@ const j = {
             }
           )
         },
-        `${o.categoryGuid}-${o.merchantGuid}-${a}`
+        `${o.categoryGuid}-${o.merchantGuid}-${s}`
       ) : null)
     }
   );
@@ -834,28 +846,28 @@ const j = {
   },
   `${r.categoryGuid}-${r.merchantGuid}-${i}`
 )) }), Ot = T(() => {
-  const t = ne(), [n, { width: r }] = Dt(), {
+  const t = ne(), [n, { width: r }] = _t(), {
     upcomingRecurrences: i,
     expenseTotal: o,
-    missedExpenseTotal: a,
+    missedExpenseTotal: s,
     paidExpenseTotal: m,
     upcomingExpenseTotal: p
-  } = _(), { 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(() => {
+  } = D(), { recurring: a } = 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 a && w.push({
+    return s && w.push({
       color: t.palette.error.main,
-      percentage: `${a / o}`
+      percentage: `${s / o}`
     }), w;
   }, [
     m,
     o,
-    a,
+    s,
     t.palette.success.main,
     t.palette.error.main
   ]), A = () => y ? l ? /* @__PURE__ */ e(
-    Gt,
+    Nt,
     {
       logoSize: g,
       maxLogos: 3,
@@ -865,22 +877,22 @@ const j = {
     {
       amount: m,
       bgColor: "success.main",
-      label: c.paid
+      label: a.paid
     },
     {
-      amount: a,
+      amount: s,
       bgColor: "error.main",
-      label: c.missed
+      label: a.missed
     },
     {
       amount: p,
       bgColor: "neutral.light",
-      label: c.upcoming
+      label: a.upcoming
     }
   ];
-  return /* @__PURE__ */ s($, { children: [
-    /* @__PURE__ */ s(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ s(
+  return /* @__PURE__ */ c(B, { children: [
+    /* @__PURE__ */ c(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ c(
         d,
         {
           sx: [
@@ -901,13 +913,13 @@ const j = {
                 children: C
               }
             ),
-            /* @__PURE__ */ e(Z, { sx: { pr: 12 }, variant: "caption", children: c.expected })
+            /* @__PURE__ */ e(Z, { sx: { pr: 12 }, variant: "caption", children: a.expected })
           ]
         }
       ),
       A()
     ] }),
-    /* @__PURE__ */ s(d, { sx: { pt: 12 }, children: [
+    /* @__PURE__ */ c(d, { sx: { pt: 12 }, children: [
       /* @__PURE__ */ e(Le, { data: S }),
       /* @__PURE__ */ e(
         d,
@@ -919,7 +931,7 @@ const j = {
             mt: 4
           },
           children: f.map((w, H) => /* @__PURE__ */ e(
-            Nt,
+            Gt,
             {
               amount: w.amount,
               bgcolor: w.bgColor,
@@ -937,18 +949,18 @@ const j = {
   ({ onCTAClick: t }) => {
     const { onEvent: n } = Y(), { isInitialized: r, selectedAccountGuids: i } = U(), {
       loadRepeatingTransactionData: o,
-      upcomingRecurrences: a,
+      upcomingRecurrences: s,
       repeatingTransactions: m,
       setDateRange: p,
-      isDataLoaded: c
-    } = _(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
+      isDataLoaded: a
+    } = D(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
     oe({
       widgetName: "RecurringTransactionsMicroWidget",
-      isLoaded: c
+      isLoaded: a
     }), x.useEffect(() => {
-      c || o().finally(() => {
+      a || o().finally(() => {
         n(v.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
-          state: a.length > 0 ? "default" : "zeroState"
+          state: s.length > 0 ? "default" : "zeroState"
         });
       });
     }, []), x.useEffect(() => {
@@ -959,13 +971,13 @@ const j = {
     }, [r, i]);
     const y = () => {
       n(
-        a.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
+        s.length > 0 ? v.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : v.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
-    if (!r || !c) return /* @__PURE__ */ e(ae, { height: 100 });
+    if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
     const C = !m?.length;
     return /* @__PURE__ */ e(
-      _t,
+      Dt,
       {
         className: "mx-recurring-transaction-microwidget",
         ctaLabel: C ? g.get_started_cta : u.primary_cta,
@@ -985,7 +997,7 @@ const j = {
         isOpen: t,
         onClose: n,
         title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
+        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
       }
     );
   }
@@ -994,7 +1006,7 @@ export {
   er as AddRecurringTransactionDetails,
   Jn as ManageExpenses,
   tr as ManageIncome,
-  _e as RecurringSettings,
+  De as RecurringSettings,
   qn as RecurringSettingsDrawer,
   Vn as RecurringTransactionsMicroWidget,
   Kn as RecurringTransactionsMiniWidget,

package/dist/spending/index.es.js

@@ -19,8 +19,8 @@ import { startOfToday as J } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-BxgB26dd.mjs";
-import { T as xt } from "../TransactionDetails-DQ_eE7M4.mjs";
+import { T as Dt } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { T as xt } from "../TransactionDetails-BRu5HpG8.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import Q from "@mui/material/List";

package/dist/transactions/index.es.js

@@ -1,8 +1,8 @@
-import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-DQ_eE7M4.mjs";
-import { B as xa, b as Aa } from "../TransactionDetails-DQ_eE7M4.mjs";
-import { u as B, T as Ge } from "../EmbeddedCard-BxgB26dd.mjs";
-import { a as Sa } from "../EmbeddedCard-BxgB26dd.mjs";
-import { E as va } from "../ExportCsvAction-BV69DnpC.mjs";
+import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-BRu5HpG8.mjs";
+import { B as xa, b as Aa } from "../TransactionDetails-BRu5HpG8.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { a as Sa } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { E as va } from "../ExportCsvAction-DPffdVf-.mjs";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";

package/dist/trends/index.es.js

@@ -34,8 +34,8 @@ import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } fr
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as w } from "../Analytics-WeZYytR0.mjs";
-import { T as ct } from "../EmbeddedCard-BxgB26dd.mjs";
-import { T as dt } from "../TransactionDetails-DQ_eE7M4.mjs";
+import { T as ct } from "../EmbeddedCard-CsIrZL3g.mjs";
+import { T as dt } from "../TransactionDetails-BRu5HpG8.mjs";
 import { D as Pe } from "../Drawer-DsnW2o0v.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
@@ -55,7 +55,7 @@ import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
 import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
 import { Stack as mo } from "@mui/material";
 import ho from "@mui/material/ListItemAvatar";
-import { E as go } from "../ExportCsvAction-BV69DnpC.mjs";
+import { E as go } from "../ExportCsvAction-DPffdVf-.mjs";
 import { u as po } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
 import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
 import { C as yo } from "../ConnectDrawer-CW4LA3H3.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.15-alpha.al0",
+  "version": "9.0.15-alpha.al2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/ListItemWrapper-BHIbqx7E.mjs

@@ -1,42 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "@mui/material/ListItem";
-import i from "@mui/material/ListItemButton";
-import { f as m } from "./hooks-97sNJ_lf.mjs";
-const d = ({
-  children: t,
-  clickEventName: e,
-  onClick: o,
-  sx: s = {}
-}) => {
-  const { onEvent: p } = m();
-  return o ? /* @__PURE__ */ r(
-    a,
-    {
-      className: "list-wrapper",
-      component: "div",
-      sx: { bgcolor: "background.paper", ...s },
-      children: /* @__PURE__ */ r(
-        i,
-        {
-          onClick: () => {
-            e && p(e), o();
-          },
-          children: t
-        }
-      )
-    }
-  ) : /* @__PURE__ */ r(
-    a,
-    {
-      className: "list-wrapper",
-      component: "div",
-      disableGutters: !1,
-      disablePadding: !1,
-      sx: { bgcolor: "background.paper", ...s },
-      children: t
-    }
-  );
-};
-export {
-  d as L
-};