@mx-cartographer/experiences 7.2.17 → 7.2.18

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.2.18] - 12-02-2025
+
+- **UPDATED** - Insights app bell icon has_been_viewed fixed
+
 ## [7.2.17] - 12-01-2025
 
 - **ADDED** - Load time tracking for full standalone widgets

package/dist/{NotificationStore-C6PH6MKm.mjs → NotificationStore-86g0bKKR.mjs}

@@ -1,30 +1,30 @@
 import { makeAutoObservable as c, observable as f, runInAction as h } from "mobx";
 import { fromUnixTime as o, isSameDay as d } from "date-fns";
-import { F as l, A as n } from "./Fetch-87LIQbEA.mjs";
+import { F as l, A as a } from "./Fetch-87LIQbEA.mjs";
 class s {
   fetchInstance;
-  constructor(t, i, a) {
-    this.fetchInstance = new l(t, i, void 0, a);
+  constructor(t, i, n) {
+    this.fetchInstance = new l(t, i, void 0, n);
   }
-  getNotifications = () => this.fetchInstance.get(n.NOTIFICATIONS).then(
+  getNotifications = () => this.fetchInstance.get(a.NOTIFICATIONS).then(
     (t) => t.notifications.map((i) => i.notification)
   ).finally();
-  updateNotification = (t) => this.fetchInstance.put(`${n.NOTIFICATIONS}/${t.guid}`, {
+  updateNotification = (t) => this.fetchInstance.put(`${a.NOTIFICATIONS}/${t.guid}`, {
     guid: t.guid,
     has_been_viewed: t.has_been_viewed
   }).then((i) => i.notification).finally();
   // Note: The notifications/mark_all_as_viewed endpoint is broken, but still returns 202.
   // A bug ticket has been filed to fix it, but should not require any changes here.
-  markAllAsViewed = (t) => this.fetchInstance.put(`${n.NOTIFICATIONS}/mark_all_as_viewed`, { channel: t }).finally();
+  markAllAsViewed = (t) => this.fetchInstance.put(`${a.NOTIFICATIONS}/mark_all_as_viewed`, { channel: t }).finally();
 }
 const w = (e, t) => {
-  const i = o(t[e].delivered_at), a = o(t[e - 1]?.delivered_at);
-  return !d(i, a);
+  const i = o(t[e].delivered_at), n = o(t[e - 1]?.delivered_at);
+  return !d(i, n);
 };
 function u(e) {
   const i = Math.floor(Date.now() / 1e3);
-  return e.filter((a) => {
-    const r = a.delivered_at;
+  return e.filter((n) => {
+    const r = n.delivered_at;
     return i - r <= 604800;
   });
 }
@@ -57,7 +57,7 @@ class A {
     }
   };
   markAllAsViewed = async () => {
-    this.notifications.forEach((t) => t.has_been_viewed = !0), await this.api.markAllAsViewed(), await this.loadNotifications();
+    this.notifications.forEach((t) => t.has_been_viewed = !0), await this.api.markAllAsViewed();
   };
   updateNotification = async (t) => {
     t.has_been_viewed = !0, await this.api.updateNotification(t);

package/dist/common/index.es.js

@@ -4,8 +4,8 @@ import { F as S, A as h } from "../Fetch-87LIQbEA.mjs";
 import { B as is } from "../BeatApi-DhJpgCLz.mjs";
 import { C as et } from "../CategoryStore-BCcpI3oJ.mjs";
 import { a as ds } from "../CategoryStore-BCcpI3oJ.mjs";
-import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
-import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
+import { N as st } from "../NotificationStore-86g0bKKR.mjs";
+import { a as us } from "../NotificationStore-86g0bKKR.mjs";
 import { T as rt } from "../User-BQUxBeZV.mjs";
 import { C as gs, b as ps, L as ms, a as _s } from "../User-BQUxBeZV.mjs";
 import { H as ot } from "../Help-DhcC-C05.mjs";

package/dist/notifications/index.es.js

@@ -1,7 +1,7 @@
 import { A as f, B as b } from "../ToggleListItem-r0Kx56wF.mjs";
 import { A as _ } from "../Fetch-87LIQbEA.mjs";
-import { s as L } from "../NotificationStore-C6PH6MKm.mjs";
-import { N as Nt, f as St } from "../NotificationStore-C6PH6MKm.mjs";
+import { s as L } from "../NotificationStore-86g0bKKR.mjs";
+import { N as Nt, f as St } from "../NotificationStore-86g0bKKR.mjs";
 import { jsx as t, jsxs as d, Fragment as x } from "react/jsx-runtime";
 import k, { useEffect as A } from "react";
 import { observer as p } from "mobx-react-lite";
@@ -19,8 +19,8 @@ import { L as w } from "../Loader-DUaFpDGv.mjs";
 import $ from "@mui/material/IconButton";
 import { N as H } from "../NotificationSettings-5i3IywCi.mjs";
 import { D as C } from "../Drawer-kEE73B87.mjs";
-const yt = (e) => {
-  switch (e) {
+const yt = (i) => {
+  switch (i) {
     case b.BudgetExceeded:
     case b.BudgetOffTarget:
       return _.BUDGETS;
@@ -35,8 +35,8 @@ const yt = (e) => {
     default:
       return null;
   }
-}, M = ({ date: e }) => /* @__PURE__ */ t(y, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "Small", children: I(e) }) }), V = ({ notification: e }) => {
-  const { accounts: o } = E(), { budgets: a } = j(), { accounts: s } = g(), i = o.find((l) => l.guid === e.entity_guid), r = a.find((l) => l.guid === e.entity_guid), u = e.entity_guid.includes("GOL"), c = {
+}, M = ({ date: i }) => /* @__PURE__ */ t(y, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "Small", children: I(i) }) }), V = ({ notification: i }) => {
+  const { accounts: o } = E(), { budgets: s } = j(), { accounts: a } = g(), e = o.find((l) => l.guid === i.entity_guid), r = s.find((l) => l.guid === i.entity_guid), u = i.entity_guid.includes("GOL"), c = {
     badge: {
       display: "flex",
       alignItems: "center",
@@ -45,16 +45,16 @@ const yt = (e) => {
       marginRight: 12
     }
   };
-  return i || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
+  return e || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
     T,
     {
-      alt: i?.institutionName || s.institution_logo_alt,
-      institutionGuid: i?.institution_guid ?? "",
+      alt: e?.institutionName || a.institution_logo_alt,
+      institutionGuid: e?.institution_guid ?? "",
       size: 33
     }
   ) }) : /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(R, { categoryGuid: r?.category_guid, size: 36 }) });
-}, X = p(V), Y = ({ notification: e, onClick: o }) => {
-  const { updateNotification: a } = N(), s = O(), i = {
+}, X = p(V), Y = ({ notification: i, onClick: o }) => {
+  const { updateNotification: s } = N(), a = O(), e = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -63,14 +63,14 @@ const yt = (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,14 +80,14 @@ const yt = (e) => {
     }
   };
   return /* @__PURE__ */ d(G, { onClick: () => {
-    o(e), a({ ...e, has_been_viewed: !0 }).finally();
-  }, sx: i.card, children: [
-    e.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: i.dot }),
-    /* @__PURE__ */ t(X, { notification: e }),
-    /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
+    o(i), s({ ...i, has_been_viewed: !0 }).finally();
+  }, sx: e.card, children: [
+    i.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: e.dot }),
+    /* @__PURE__ */ t(X, { notification: i }),
+    /* @__PURE__ */ t(m, { bold: !i.has_been_viewed, truncate: !1, variant: "Small", children: i.content })
   ] });
 }, q = p(
-  ({ onManageNotifications: e }) => {
+  ({ onManageNotifications: i }) => {
     const { notifications: o } = g();
     return /* @__PURE__ */ d(W, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
       /* @__PURE__ */ t(U, { name: "notifications", size: 32 }),
@@ -106,20 +106,20 @@ const yt = (e) => {
           children: o.notification_empty_state.notification_description
         }
       ),
-      /* @__PURE__ */ t(P, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
+      /* @__PURE__ */ t(P, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
     ] });
   }
-), J = ({ onClick: e, onManageNotifications: o }) => {
-  const { isLoading: a, loadNotifications: s, recentNotifications: i, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
-    e?.(n);
+), J = ({ onClick: i, onManageNotifications: o }) => {
+  const { isLoading: s, loadNotifications: a, newNotifications: e, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
+    i?.(n);
   };
-  return A(() => (s().finally(), () => {
-    r().finally();
-  }), []), /* @__PURE__ */ d(x, { children: [
-    (!c || a) && /* @__PURE__ */ t(w, { label: u?.loading, size: 40 }),
-    c && !a && i.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
-    /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !a && i.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
-      const v = L(h, i);
+  return A(() => {
+    a().finally(), r().finally();
+  }, [a, r]), /* @__PURE__ */ d(x, { children: [
+    (!c || s) && /* @__PURE__ */ t(w, { label: u?.loading, size: 40 }),
+    c && !s && e.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
+    /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !s && e.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
+      const v = L(h, e);
       return /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
         v && /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
           /* @__PURE__ */ t(M, { date: n.delivered_at }),
@@ -130,15 +130,15 @@ const yt = (e) => {
     }) })
   ] });
 }, K = p(J), bt = p(
-  ({ notificationTypes: e, isOpen: o, onClose: a, onNotificationClick: s }) => {
-    const { config: i } = z(), { notifications: r, settings: u } = g(), { isCopyLoaded: c } = S(), [l, n] = k.useState(!1);
+  ({ notificationTypes: i, isOpen: o, onClose: s, onNotificationClick: a }) => {
+    const { config: e } = z(), { notifications: r, settings: u } = g(), { isCopyLoaded: c } = S(), [l, n] = k.useState(!1);
     return c ? /* @__PURE__ */ d(x, { children: [
       /* @__PURE__ */ d(
         C,
         {
           ariaLabelClose: r.close_notifications,
           isOpen: o,
-          onClose: a,
+          onClose: s,
           title: r.notifications_title,
           children: [
             /* @__PURE__ */ t(
@@ -157,7 +157,7 @@ const yt = (e) => {
             /* @__PURE__ */ t(
               K,
               {
-                onClick: s,
+                onClick: a,
                 onManageNotifications: () => n(!0)
               }
             )
@@ -174,8 +174,8 @@ const yt = (e) => {
           children: /* @__PURE__ */ t(
             H,
             {
-              notificationTypes: e,
-              showPersonalDetails: !i.display_user_profile_in_settings
+              notificationTypes: i,
+              showPersonalDetails: !e.display_user_profile_in_settings
             }
           )
         }

package/package.json

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