@mx-cartographer/experiences 7.10.29 → 7.10.30

package/CHANGELOG.md

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

package/dist/{NotificationStore-Ck2KdNmT.mjs → NotificationStore-CA8WNgcR.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 w = (e, t) => {
+const I = (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 <= 604800;
+    return i - r <= 2592e3;
   });
 }
-class A {
+class w {
   globalStore;
   api = new s("/", "");
   isLoading = !0;
@@ -72,8 +72,8 @@ class A {
   };
 }
 export {
-  A as N,
+  w as N,
   s as a,
   u as f,
-  w as s
+  I as s
 };

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-Ck2KdNmT.mjs";
-import { a as Oe } from "../NotificationStore-Ck2KdNmT.mjs";
+import { N as $ } from "../NotificationStore-CA8WNgcR.mjs";
+import { a as Oe } from "../NotificationStore-CA8WNgcR.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";

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-Ck2KdNmT.mjs";
-import { N as xt, f as Nt } from "../NotificationStore-Ck2KdNmT.mjs";
+import { s as k } from "../NotificationStore-CA8WNgcR.mjs";
+import { N as xt, f as Nt } from "../NotificationStore-CA8WNgcR.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: 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 = {
+  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 = {
     badge: {
       display: "flex",
       alignItems: "center",
@@ -45,16 +45,16 @@ const _t = (e) => {
       marginRight: 12
     }
   };
-  return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
+  return n || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
     B,
     {
-      alt: o?.institutionName || a.institution_logo_alt,
-      institutionGuid: o?.institution_guid ?? "",
+      alt: n?.institutionName || s.institution_logo_alt,
+      institutionGuid: n?.institution_guid ?? "",
       size: 33
     }
-  ) }) : /* @__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 = {
+  ) }) : /* @__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 = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -63,14 +63,14 @@ const _t = (e) => {
       paddingX: 24,
       paddingY: 12,
       "&:focus": {
-        backgroundColor: a.palette.background.default
+        backgroundColor: s.palette.background.default
       },
       "&:hover": {
-        backgroundColor: a.palette.background.default
+        backgroundColor: s.palette.background.default
       }
     },
     dot: {
-      backgroundColor: a.palette.primary.main,
+      backgroundColor: s.palette.primary.main,
       borderRadius: "100%",
       flex: "0 0 auto",
       marginLeft: -8,
@@ -80,18 +80,18 @@ const _t = (e) => {
     }
   };
   return /* @__PURE__ */ l(O, { onClick: () => {
-    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 }),
+    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 }),
     /* @__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: n } = _();
+    const { notifications: o } = _();
     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: n.notification_empty_state.no_new_notifications }),
+      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "H3", children: o.notification_empty_state.no_new_notifications }),
       /* @__PURE__ */ t(
         m,
         {
@@ -103,22 +103,22 @@ const _t = (e) => {
             whiteSpace: "normal"
           },
           variant: "subtitle1",
-          children: n.notification_empty_state.notification_description
+          children: o.notification_empty_state.notification_description
         }
       ),
-      /* @__PURE__ */ t(F, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: n.notification_empty_state.manage_notifications })
+      /* @__PURE__ */ t(F, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
     ] });
   }
-), q = ({ onClick: e, onManageNotifications: n }) => {
-  const { isLoading: r, loadNotifications: a, newNotifications: o, markAllAsViewed: s } = x(), { isInitialized: d } = N(), u = (i) => {
+), q = ({ onClick: e, onManageNotifications: o }) => {
+  const { isLoading: r, loadNotifications: s, markAllAsViewed: n, recentNotifications: a } = x(), { isInitialized: d } = N(), u = (i) => {
     e?.(i);
   };
   return L(() => {
-    a().then(() => s()).finally();
+    s().then(() => n()).finally();
   }, []), !d || r ? /* @__PURE__ */ t(S, {}) : /* @__PURE__ */ l(C, { children: [
-    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);
+    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);
       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: n, onClose: r, onNotificationClick: a }) => {
-    const { config: o } = j(), { notifications: s, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = v.useState(!1);
+  ({ notificationTypes: e, isOpen: o, onClose: r, onNotificationClick: s }) => {
+    const { config: n } = j(), { notifications: a, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = v.useState(!1);
     return u ? /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ l(
         b,
         {
-          ariaLabelClose: s.close_notifications,
-          isOpen: n,
+          ariaLabelClose: a.close_notifications,
+          isOpen: o,
           onClose: r,
-          title: s.notifications_title,
+          title: a.notifications_title,
           children: [
             /* @__PURE__ */ t(
               W,
@@ -156,7 +156,7 @@ const _t = (e) => {
             /* @__PURE__ */ t(
               J,
               {
-                onClick: a,
+                onClick: s,
                 onManageNotifications: () => c(!0)
               }
             )
@@ -166,7 +166,7 @@ const _t = (e) => {
       /* @__PURE__ */ t(
         b,
         {
-          ariaLabelClose: s.close_notification_settings,
+          ariaLabelClose: a.close_notification_settings,
           isOpen: i,
           onClose: () => c(!1),
           title: d.notification_settings_title,
@@ -174,7 +174,7 @@ const _t = (e) => {
             $,
             {
               notificationTypes: e,
-              showPersonalDetails: !o.display_user_profile_in_settings
+              showPersonalDetails: !n.display_user_profile_in_settings
             }
           )
         }

package/package.json

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