@mx-cartographer/experiences 7.10.29-alpha.mm0 → 7.10.29

package/CHANGELOG.md

@@ -1,7 +1,6 @@
-## [7.10.28] - 02-20-2026
+## [7.10.29] - 02-23-2026
 
-- **UPDATED** - Use `recentNotifications` instead of `newNotifications` in `NotificationList`
-- **UPDATED** - Adjust `filterRecentNotifications` to filter for last 30 days instead of 7 days
+- **FIXED** - `Cashback` Mobile | Info hover bug
 
 ## [7.10.28] - 02-20-2026
 

package/dist/CashflowStore-DEdQJU5i.mjs

@@ -0,0 +1,98 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useState as l } from "react";
+import p from "@mui/material/IconButton";
+import f from "@mui/material/Stack";
+import h from "@mui/material/Tooltip";
+import { Text as a, Icon as d, IconWeight as u } from "@mxenabled/mxui";
+import { makeAutoObservable as c } from "mobx";
+import { addDays as x } from "date-fns/addDays";
+import { differenceInDays as g } from "date-fns/differenceInDays";
+import { endOfMonth as S } from "date-fns/endOfMonth";
+import { isBefore as I } from "date-fns/isBefore";
+import { startOfToday as s } from "date-fns/startOfToday";
+const b = ({
+  body: o,
+  iconName: e = "info",
+  title: n
+}) => {
+  const [i, r] = l(!1);
+  return /* @__PURE__ */ t(
+    h,
+    {
+      open: i,
+      title: /* @__PURE__ */ m(f, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
+        /* @__PURE__ */ t(a, { bold: !0, variant: "Body", children: n }),
+        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "Small", children: o })
+      ] }),
+      children: /* @__PURE__ */ t(
+        p,
+        {
+          "aria-label": n,
+          onClick: () => r(!i),
+          onMouseEnter: () => r(!0),
+          onMouseLeave: () => r(!1),
+          sx: {
+            minHeight: 0,
+            minWidth: 0,
+            p: 0
+          },
+          children: /* @__PURE__ */ t(
+            d,
+            {
+              name: e,
+              sx: { color: "primary.main", fontSize: 16 },
+              weight: u.Dark
+            }
+          )
+        }
+      )
+    }
+  );
+}, B = b;
+class w {
+  // Cashflow is hard-coded to display 30 days starting from today
+  dateRange = { start: s(), end: x(s(), 30) };
+  isDirty = !1;
+  nextIncome = void 0;
+  upcomingExpenses = [];
+  selectedCashAccounts = [];
+  constructor() {
+    c(this);
+  }
+  // Returns the number of days until the next income activity or 0 if there is no income activity
+  get daysUntilNextIncome() {
+    return this.nextIncome ? Math.abs(g(s(), this.nextIncome.expectedDate)) : 0;
+  }
+  // Returns the expenses (Activities) until the  next income activity or the end of the month
+  // if there is no income activity
+  get expensesTilNextIncome() {
+    return this.upcomingExpenses.filter(
+      (e) => I(e.expectedDate, this.nextIncome?.expectedDate || S(/* @__PURE__ */ new Date()))
+    );
+  }
+  setNextIncome = (e) => {
+    this.nextIncome = e;
+  };
+  setUpcomingExpenses = (e) => {
+    this.upcomingExpenses = e;
+  };
+  setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
+}
+class N {
+  globalStore;
+  uiStore;
+  constructor(e) {
+    this.globalStore = e, this.uiStore = new w(), c(this);
+  }
+  completeOnboarding = async () => {
+    const e = {
+      ...this.globalStore.userStore.userProfile,
+      has_completed_cash_flow_onboarding: !0
+    };
+    await this.globalStore.userStore.updateUserProfile(e);
+  };
+}
+export {
+  N as C,
+  B as I
+};

package/dist/{NotificationStore-CA8WNgcR.mjs → NotificationStore-Ck2KdNmT.mjs}

@@ -17,7 +17,7 @@ class s {
   // A bug ticket has been filed to fix it, but should not require any changes here.
   markAllAsViewed = (t) => this.fetchInstance.put(`${o.NOTIFICATIONS}/mark_all_as_viewed`, { channel: t }).finally();
 }
-const I = (e, t) => {
+const w = (e, t) => {
   const i = a(t[e].delivered_at), n = a(t[e - 1]?.delivered_at);
   return !h(i, n);
 };
@@ -25,10 +25,10 @@ function u(e) {
   const i = Math.floor(Date.now() / 1e3);
   return e.filter((n) => {
     const r = n.delivered_at;
-    return i - r <= 2592e3;
+    return i - r <= 604800;
   });
 }
-class w {
+class A {
   globalStore;
   api = new s("/", "");
   isLoading = !0;
@@ -72,8 +72,8 @@ class w {
   };
 }
 export {
-  w as N,
+  A as N,
   s as a,
   u as f,
-  I as s
+  w as s
 };

package/dist/cashflow/index.es.js

@@ -10,8 +10,8 @@ import se from "@mui/material/styles/useTheme";
 import { Text as m, P as N, Icon as M, InstitutionLogo as Ce, H2 as de, H3 as Ve } from "@mxenabled/mxui";
 import { G as Ye, t as me, u as L, p as ce, d as Ne, b as P, i as U, g as ke, a as Qe, h as He, o as Ke } from "../hooks-DWJQ4phS.mjs";
 import { C as R } from "../CurrencyText-C-85TnUF.mjs";
-import { I as ue } from "../CashflowStore-D9Dpuz7X.mjs";
-import { C as qn } from "../CashflowStore-D9Dpuz7X.mjs";
+import { I as ue } from "../CashflowStore-DEdQJU5i.mjs";
+import { C as qn } from "../CashflowStore-DEdQJU5i.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as Z } from "../Loader-D3rjKx72.mjs";
 import { b as $ } from "../Localization-2MODESHW.mjs";

package/dist/common/index.es.js

@@ -4,8 +4,8 @@ import { F as h, A as a } from "../Fetch-DecPFeGU.mjs";
 import { B as Me } from "../BeatApi-De2IaqH2.mjs";
 import { C as F } from "../CategoryStore-Cg6hsxza.mjs";
 import { a as Ue } from "../CategoryStore-Cg6hsxza.mjs";
-import { N as $ } from "../NotificationStore-CA8WNgcR.mjs";
-import { a as Oe } from "../NotificationStore-CA8WNgcR.mjs";
+import { N as $ } from "../NotificationStore-Ck2KdNmT.mjs";
+import { a as Oe } from "../NotificationStore-Ck2KdNmT.mjs";
 import { T as G } from "../Transaction-RmKYEKSk.mjs";
 import { L as Re, a as Fe } from "../Transaction-RmKYEKSk.mjs";
 import { H } from "../Help-B8mD4aLJ.mjs";
@@ -25,8 +25,8 @@ import { S as gs } from "../TransactionStore-B-fc3CsB.mjs";
 import { T as fs } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as ys } from "../IconBacking-B9oC6uL2.mjs";
 import { D as bs, F as ws, c as Cs, d as Ds, R as As, S as Es } from "../RecurringTransactions-B_I4_FGO.mjs";
-import { C as Q } from "../CashflowStore-D9Dpuz7X.mjs";
-import { I as Ts } from "../CashflowStore-D9Dpuz7X.mjs";
+import { C as Q } from "../CashflowStore-DEdQJU5i.mjs";
+import { I as Ts } from "../CashflowStore-DEdQJU5i.mjs";
 import { d as K } from "../GoalStore-ZZir5h81.mjs";
 import { C as vs, G as Bs, M as ks, T as Ms } from "../GoalStore-ZZir5h81.mjs";
 import { C as Us } from "../CurrencyText-C-85TnUF.mjs";

package/dist/notifications/index.es.js

@@ -1,7 +1,7 @@
 import { A as f, B as y } from "../Notification-Bs1fdbzI.mjs";
 import { A as g } from "../Fetch-DecPFeGU.mjs";
-import { s as k } from "../NotificationStore-CA8WNgcR.mjs";
-import { N as xt, f as Nt } from "../NotificationStore-CA8WNgcR.mjs";
+import { s as k } from "../NotificationStore-Ck2KdNmT.mjs";
+import { N as xt, f as Nt } from "../NotificationStore-Ck2KdNmT.mjs";
 import { jsx as t, jsxs as l, Fragment as C } from "react/jsx-runtime";
 import v, { useEffect as L } from "react";
 import { observer as p } from "mobx-react-lite";
@@ -36,7 +36,7 @@ const _t = (e) => {
       return null;
   }
 }, H = ({ date: e }) => /* @__PURE__ */ t(h, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "Small", children: I(e) }) }), M = ({ notification: e }) => {
-  const { accounts: o } = G(), { budgets: r } = E(), { accounts: s } = _(), n = o.find((i) => i.guid === e.entity_guid), a = r.find((i) => i.guid === e.entity_guid), d = e.entity_guid.includes("GOL"), u = {
+  const { accounts: n } = G(), { budgets: r } = E(), { accounts: a } = _(), o = n.find((i) => i.guid === e.entity_guid), s = r.find((i) => i.guid === e.entity_guid), d = e.entity_guid.includes("GOL"), u = {
     badge: {
       display: "flex",
       alignItems: "center",
@@ -45,16 +45,16 @@ const _t = (e) => {
       marginRight: 12
     }
   };
-  return n || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
+  return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
     B,
     {
-      alt: n?.institutionName || s.institution_logo_alt,
-      institutionGuid: n?.institution_guid ?? "",
+      alt: o?.institutionName || a.institution_logo_alt,
+      institutionGuid: o?.institution_guid ?? "",
       size: 33
     }
-  ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(T, { categoryGuid: a?.category_guid, size: 36 }) });
-}, V = p(M), X = ({ notification: e, onClick: o }) => {
-  const { updateNotification: r } = x(), s = R(), n = {
+  ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(T, { categoryGuid: s?.category_guid, size: 36 }) });
+}, V = p(M), X = ({ notification: e, onClick: n }) => {
+  const { updateNotification: r } = x(), a = R(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -63,14 +63,14 @@ const _t = (e) => {
       paddingX: 24,
       paddingY: 12,
       "&:focus": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: a.palette.background.default
       },
       "&:hover": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: a.palette.background.default
       }
     },
     dot: {
-      backgroundColor: s.palette.primary.main,
+      backgroundColor: a.palette.primary.main,
       borderRadius: "100%",
       flex: "0 0 auto",
       marginLeft: -8,
@@ -80,18 +80,18 @@ const _t = (e) => {
     }
   };
   return /* @__PURE__ */ l(O, { onClick: () => {
-    o(e), r({ ...e, has_been_viewed: !0 }).finally();
-  }, sx: n.card, children: [
-    e.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: n.dot }),
+    n(e), r({ ...e, has_been_viewed: !0 }).finally();
+  }, sx: o.card, children: [
+    e.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: o.dot }),
     /* @__PURE__ */ t(V, { notification: e }),
     /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
   ] });
 }, Y = p(
   ({ onManageNotifications: e }) => {
-    const { notifications: o } = _();
+    const { notifications: n } = _();
     return /* @__PURE__ */ l(P, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
       /* @__PURE__ */ t(z, { name: "notifications", size: 32 }),
-      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "H3", children: o.notification_empty_state.no_new_notifications }),
+      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "H3", children: n.notification_empty_state.no_new_notifications }),
       /* @__PURE__ */ t(
         m,
         {
@@ -103,22 +103,22 @@ const _t = (e) => {
             whiteSpace: "normal"
           },
           variant: "subtitle1",
-          children: o.notification_empty_state.notification_description
+          children: n.notification_empty_state.notification_description
         }
       ),
-      /* @__PURE__ */ t(F, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
+      /* @__PURE__ */ t(F, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: n.notification_empty_state.manage_notifications })
     ] });
   }
-), q = ({ onClick: e, onManageNotifications: o }) => {
-  const { isLoading: r, loadNotifications: s, markAllAsViewed: n, recentNotifications: a } = x(), { isInitialized: d } = N(), u = (i) => {
+), q = ({ onClick: e, onManageNotifications: n }) => {
+  const { isLoading: r, loadNotifications: a, newNotifications: o, markAllAsViewed: s } = x(), { isInitialized: d } = N(), u = (i) => {
     e?.(i);
   };
   return L(() => {
-    s().then(() => n()).finally();
+    a().then(() => s()).finally();
   }, []), !d || r ? /* @__PURE__ */ t(S, {}) : /* @__PURE__ */ l(C, { children: [
-    a.length === 0 && /* @__PURE__ */ t(Y, { onManageNotifications: o }),
-    /* @__PURE__ */ t(D, { sx: { p: 16 }, children: a.slice().sort((i, c) => c.delivered_at - i.delivered_at).map((i, c) => {
-      const w = k(c, a);
+    o.length === 0 && /* @__PURE__ */ t(Y, { onManageNotifications: n }),
+    /* @__PURE__ */ t(D, { sx: { p: 16 }, children: o.slice().sort((i, c) => c.delivered_at - i.delivered_at).map((i, c) => {
+      const w = k(c, o);
       return /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
         w && /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
           /* @__PURE__ */ t(H, { date: i.delivered_at }),
@@ -129,16 +129,16 @@ const _t = (e) => {
     }) })
   ] });
 }, J = p(q), yt = p(
-  ({ notificationTypes: e, isOpen: o, onClose: r, onNotificationClick: s }) => {
-    const { config: n } = j(), { notifications: a, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = v.useState(!1);
+  ({ notificationTypes: e, isOpen: n, onClose: r, onNotificationClick: a }) => {
+    const { config: o } = j(), { notifications: s, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = v.useState(!1);
     return u ? /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ l(
         b,
         {
-          ariaLabelClose: a.close_notifications,
-          isOpen: o,
+          ariaLabelClose: s.close_notifications,
+          isOpen: n,
           onClose: r,
-          title: a.notifications_title,
+          title: s.notifications_title,
           children: [
             /* @__PURE__ */ t(
               W,
@@ -156,7 +156,7 @@ const _t = (e) => {
             /* @__PURE__ */ t(
               J,
               {
-                onClick: s,
+                onClick: a,
                 onManageNotifications: () => c(!0)
               }
             )
@@ -166,7 +166,7 @@ const _t = (e) => {
       /* @__PURE__ */ t(
         b,
         {
-          ariaLabelClose: a.close_notification_settings,
+          ariaLabelClose: s.close_notification_settings,
           isOpen: i,
           onClose: () => c(!1),
           title: d.notification_settings_title,
@@ -174,7 +174,7 @@ const _t = (e) => {
             $,
             {
               notificationTypes: e,
-              showPersonalDetails: !n.display_user_profile_in_settings
+              showPersonalDetails: !o.display_user_profile_in_settings
             }
           )
         }

package/package.json

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

package/dist/CashflowStore-D9Dpuz7X.mjs

@@ -1,91 +0,0 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import c from "@mui/material/IconButton";
-import m from "@mui/material/Stack";
-import l from "@mui/material/Tooltip";
-import { Text as s, Icon as p, IconWeight as h } from "@mxenabled/mxui";
-import { makeAutoObservable as i } from "mobx";
-import { addDays as d } from "date-fns/addDays";
-import { differenceInDays as f } from "date-fns/differenceInDays";
-import { endOfMonth as x } from "date-fns/endOfMonth";
-import { isBefore as u } from "date-fns/isBefore";
-import { startOfToday as r } from "date-fns/startOfToday";
-const g = ({
-  body: o,
-  iconName: e = "info",
-  title: n
-}) => /* @__PURE__ */ t(
-  l,
-  {
-    enterTouchDelay: 500,
-    title: /* @__PURE__ */ a(m, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-      /* @__PURE__ */ t(s, { bold: !0, variant: "Body", children: n }),
-      /* @__PURE__ */ t(s, { sx: { whiteSpace: "unset" }, variant: "Small", children: o })
-    ] }),
-    children: /* @__PURE__ */ t(
-      c,
-      {
-        "aria-label": n,
-        sx: {
-          minHeight: 0,
-          minWidth: 0,
-          p: 0
-        },
-        children: /* @__PURE__ */ t(
-          p,
-          {
-            name: e,
-            sx: { color: "primary.main", fontSize: 16 },
-            weight: h.Dark
-          }
-        )
-      }
-    )
-  }
-), E = g;
-class I {
-  // Cashflow is hard-coded to display 30 days starting from today
-  dateRange = { start: r(), end: d(r(), 30) };
-  isDirty = !1;
-  nextIncome = void 0;
-  upcomingExpenses = [];
-  selectedCashAccounts = [];
-  constructor() {
-    i(this);
-  }
-  // Returns the number of days until the next income activity or 0 if there is no income activity
-  get daysUntilNextIncome() {
-    return this.nextIncome ? Math.abs(f(r(), this.nextIncome.expectedDate)) : 0;
-  }
-  // Returns the expenses (Activities) until the  next income activity or the end of the month
-  // if there is no income activity
-  get expensesTilNextIncome() {
-    return this.upcomingExpenses.filter(
-      (e) => u(e.expectedDate, this.nextIncome?.expectedDate || x(/* @__PURE__ */ new Date()))
-    );
-  }
-  setNextIncome = (e) => {
-    this.nextIncome = e;
-  };
-  setUpcomingExpenses = (e) => {
-    this.upcomingExpenses = e;
-  };
-  setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
-}
-class _ {
-  globalStore;
-  uiStore;
-  constructor(e) {
-    this.globalStore = e, this.uiStore = new I(), i(this);
-  }
-  completeOnboarding = async () => {
-    const e = {
-      ...this.globalStore.userStore.userProfile,
-      has_completed_cash_flow_onboarding: !0
-    };
-    await this.globalStore.userStore.updateUserProfile(e);
-  };
-}
-export {
-  _ as C,
-  E as I
-};