@mx-cartographer/experiences 7.10.36 → 7.10.38

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.10.38] - 02-25-2026
+
+- **UPDATED** - `InsightsHeader` design tweaks
+
+## [7.10.37] - 02-26-2026
+
+- **FIXED** - `InsightsNotificaiton` | Clickable Notification moves beat to top of feed fix
+
 ## [7.10.36] - 02-25-2026
 
 - **UPDATED** - MXUI to get new toggle button styling

package/dist/Notification-CMBNDGC-.mjs

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import D from "@mui/material/ListItem";
+import M from "@mui/material/ListItemButton";
+import g from "@mui/material/ListItemIcon";
+import C from "@mui/material/ListItemText";
+import u from "@mui/material/Stack";
+import L from "@mui/material/Switch";
+import { Text as x } from "@mxenabled/mxui";
+import w from "@mui/material/ListItemAvatar";
+const G = ({
+  avatar: r,
+  endIcon: a,
+  isChecked: l,
+  isDisabled: d = !1,
+  isPrimaryTextBold: n = !1,
+  onClick: m,
+  onToggle: B,
+  primaryText: P,
+  secondaryText: v
+}) => (
+  //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ e(
+    D,
+    {
+      secondaryAction: /* @__PURE__ */ e(L, { checked: l, onChange: B }),
+      sx: {
+        "& .MuiListItemSecondaryAction-root": { right: a ? 64 : 24 },
+        "& .MuiListItemButton-root": { pr: 24 }
+      },
+      children: /* @__PURE__ */ S(M, { onClick: d ? void 0 : () => m(), children: [
+        r && /* @__PURE__ */ e(w, { children: r }),
+        /* @__PURE__ */ e(C, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(u, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ S(u, { sx: { width: "100%" }, children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              bold: n,
+              color: "text.primary",
+              sx: {
+                mr: 80
+              },
+              variant: "body1",
+              children: P
+            }
+          ),
+          /* @__PURE__ */ e(x, { color: "text.secondary", variant: "caption", children: v })
+        ] }) }) }),
+        !d && a && /* @__PURE__ */ e(g, { children: a })
+      ] })
+    }
+  )
+), H = ({
+  isChecked: r,
+  isDisabled: a = !1,
+  onToggle: l,
+  primaryText: d,
+  secondaryText: n = void 0,
+  useExtraPadding: m = !0
+}) => /* @__PURE__ */ e(
+  D,
+  {
+    secondaryAction: /* @__PURE__ */ e(L, { checked: r, disabled: a, onChange: l }),
+    sx: {
+      pl: m ? 48 : 0,
+      "& .MuiListItemSecondaryAction-root": { right: m ? 64 : 24 }
+    },
+    children: /* @__PURE__ */ e(
+      C,
+      {
+        primary: d,
+        primaryTypographyProps: {
+          fontWeight: 400,
+          variant: "body1",
+          maxWidth: "calc(100% - 60px)",
+          color: "text.primary"
+        },
+        secondary: n,
+        secondaryTypographyProps: {
+          color: "text.secondary",
+          maxWidth: "calc(100% - 60px)",
+          variant: "caption",
+          whiteSpace: "wrap"
+        }
+      }
+    )
+  }
+);
+var b = /* @__PURE__ */ ((r) => (r.Accounts = "accounts", r.Budgets = "budgets", r.Insights = "insights", r.Personal = "personal", r))(b || {}), A = /* @__PURE__ */ ((r) => (r[r.DebtPaymentReminder = 3] = "DebtPaymentReminder", r[r.AccountBalanceLow = 6] = "AccountBalanceLow", r[r.AccountDepositLarge = 7] = "AccountDepositLarge", r[r.TransactionExpenseLarge = 8] = "TransactionExpenseLarge", r[r.TransactionFeeCharge = 9] = "TransactionFeeCharge", r[r.InternationalTransaction = 23] = "InternationalTransaction", r[r.AccountDepositLargePosted = 48] = "AccountDepositLargePosted", r))(A || {}), E = /* @__PURE__ */ ((r) => (r[r.BudgetExceeded = 1] = "BudgetExceeded", r[r.BudgetOffTarget = 2] = "BudgetOffTarget", r))(E || {}), c = /* @__PURE__ */ ((r) => (r[r.AccountBalanceLow = 33] = "AccountBalanceLow", r[r.AccountDepositHigh = 34] = "AccountDepositHigh", r[r.BillAmountNotStandard = 49] = "BillAmountNotStandard", r[r.BudgetExceeded = 35] = "BudgetExceeded", r[r.BudgetOffTarget = 36] = "BudgetOffTarget", r[r.CategoryBudget = 43] = "CategoryBudget", r[r.CategorySpending = 50] = "CategorySpending", r[r.CreditCardCloseToLimit = 51] = "CreditCardCloseToLimit", r[r.DebtPaymentReminder = 37] = "DebtPaymentReminder", r[r.DebtPaymentReminderV3 = 66] = "DebtPaymentReminderV3", r[r.DiscoveredAccounts = 52] = "DiscoveredAccounts", r[r.DuplicatePayment = 42] = "DuplicatePayment", r[r.GoalProgress = 38] = "GoalProgress", r[r.MonthlySpendComparison = 53] = "MonthlySpendComparison", r[r.MonthlySpendToIncomeComparison = 54] = "MonthlySpendToIncomeComparison", r[r.MonthlySubscriptionAggregate = 55] = "MonthlySubscriptionAggregate", r[r.MonthlyTopMerchantSpending = 56] = "MonthlyTopMerchantSpending", r[r.PromotionalCampaignMessages = 67] = "PromotionalCampaignMessages", r[r.SaveAnExtra100Dollars = 57] = "SaveAnExtra100Dollars", r[r.SavingsOpportunity = 58] = "SavingsOpportunity", r[r.SetUpDirectDeposit = 59] = "SetUpDirectDeposit", r[r.SpendingPlanBudgetExceeded = 45] = "SpendingPlanBudgetExceeded", r[r.SpendingPlanCategorySpending = 44] = "SpendingPlanCategorySpending", r[r.SwitchDirectDeposit = 60] = "SwitchDirectDeposit", r[r.TransactionExpenseLarge = 39] = "TransactionExpenseLarge", r[r.TransactionFeeCharge = 40] = "TransactionFeeCharge", r[r.TransactionIsInternational = 41] = "TransactionIsInternational", r[r.TransparentOverdraft = 68] = "TransparentOverdraft", r[r.UncategorizedTransactions = 61] = "UncategorizedTransactions", r[r.UnifiedDeposit = 62] = "UnifiedDeposit", r[r.UpcomingBill = 63] = "UpcomingBill", r[r.WeekendSpendingSummary = 64] = "WeekendSpendingSummary", r[r.WeeklyNewMerchants = 65] = "WeeklyNewMerchants", r))(c || {});
+export {
+  A,
+  E as B,
+  c as I,
+  b as N,
+  G as T,
+  H as a
+};

package/dist/{NotificationSettings-CgtRBUXP.mjs → NotificationSettings-Bw4fdVRU.mjs}

@@ -14,7 +14,7 @@ import { startOfMonth as oe } from "date-fns/startOfMonth";
 import { DateCalendar as se } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { A as le, T as R, a as D, N as b } from "./Notification-Bs1fdbzI.mjs";
+import { A as le, T as R, a as D, N as b } from "./Notification-CMBNDGC-.mjs";
 import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hooks-0kWPTHNb.mjs";
 import { b as me } from "./Localization-2MODESHW.mjs";
 import { b as _e, f as he } from "./NumberFormatting-DjTD0t3W.mjs";

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

@@ -1,10 +1,11 @@
-import { makeAutoObservable as c, observable as f, runInAction as d } from "mobx";
-import { fromUnixTime as a, isSameDay as h } from "date-fns";
-import { F as l, A as o } from "./Fetch-DecPFeGU.mjs";
-class s {
+import { makeAutoObservable as f, observable as l, runInAction as h } from "mobx";
+import { fromUnixTime as s, isSameDay as u } from "date-fns";
+import { I as d } from "./Notification-CMBNDGC-.mjs";
+import { F as N, A as o } from "./Fetch-DecPFeGU.mjs";
+class r {
   fetchInstance;
   constructor(t, i, n) {
-    this.fetchInstance = new l(t, i, void 0, n);
+    this.fetchInstance = new N(t, i, void 0, n);
   }
   getNotifications = () => this.fetchInstance.get(o.NOTIFICATIONS).then(
     (t) => t.notifications.map((i) => i.notification)
@@ -17,36 +18,41 @@ 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 i = a(t[e].delivered_at), n = a(t[e - 1]?.delivered_at);
-  return !h(i, n);
+let a = null;
+const A = () => (a || (a = new Set(
+  Object.values(d).filter(
+    (e) => typeof e == "number"
+  )
+)), a), g = (e, t) => {
+  const i = s(t[e].delivered_at), n = s(t[e - 1]?.delivered_at);
+  return !u(i, n);
 };
-function u(e) {
+function p(e) {
   const i = Math.floor(Date.now() / 1e3);
   return e.filter((n) => {
-    const r = n.delivered_at;
-    return i - r <= 2592e3;
+    const c = n.delivered_at;
+    return i - c <= 2592e3;
   });
 }
-class w {
+class T {
   globalStore;
-  api = new s("/", "");
+  api = new r("/", "");
   isLoading = !0;
   notifications = [];
   notificationsLoaded = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new s(
+    this.globalStore = t, this.api = new r(
       t.endpoint,
       t.sessionToken,
       t.onError
-    ), c(this, { notifications: f });
+    ), f(this, { notifications: l });
   }
   // Used in Money Dashboard
   get newNotifications() {
     return this.recentNotifications.filter((t) => !t.has_been_viewed);
   }
   get recentNotifications() {
-    return u(this.notifications);
+    return p(this.notifications);
   }
   setNotifications = (t) => {
     this.notifications = t, this.notificationsLoaded = !0;
@@ -59,7 +65,7 @@ class w {
     } catch (t) {
       console.error(`Error occurred while loading notifications: ${t}`);
     } finally {
-      d(() => {
+      h(() => {
         this.isLoading = !1;
       });
     }
@@ -72,8 +78,9 @@ class w {
   };
 }
 export {
-  w as N,
-  s as a,
-  u as f,
-  I as s
+  T as N,
+  r as a,
+  p as f,
+  A as g,
+  g as s
 };

package/dist/{SettingsStore-uQ4s2d0P.mjs → SettingsStore-BqPjOIWk.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as N, runInAction as l } from "mobx";
 import { F as D, A as r } from "./Fetch-DecPFeGU.mjs";
-import { B as f, A as n, I as i } from "./Notification-Bs1fdbzI.mjs";
+import { B as f, A as n, I as i } from "./Notification-CMBNDGC-.mjs";
 import { T as m } from "./TransactionApi-CjBoLleL.mjs";
 class y {
   fetchInstance;

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-DBs11ZBH.mjs";
+import { a as Oe } from "../NotificationStore-DBs11ZBH.mjs";
 import { T as G } from "../Transaction-BNO5Yz-B.mjs";
 import { L as Re, a as Fe } from "../Transaction-BNO5Yz-B.mjs";
 import { H } from "../Help-B8mD4aLJ.mjs";
@@ -34,7 +34,7 @@ import { E as Os } from "../EmptyState-DHAkGsjk.mjs";
 import { L as Rs } from "../ListItemAction-Dq1lMdxh.mjs";
 import { T as z } from "../TrendsStore-Ys6BY_Uo.mjs";
 import { L as $s } from "../TrendsStore-Ys6BY_Uo.mjs";
-import { A as Hs, B as Ws, I as qs, N as Ys, T as Qs, a as Ks } from "../Notification-Bs1fdbzI.mjs";
+import { A as Hs, B as Ws, I as qs, N as Ys, T as Qs, a as Ks } from "../Notification-CMBNDGC-.mjs";
 import { C as js, a as Vs } from "../User-C8w4H0cj.mjs";
 import { S as Zs } from "../StatusBar-BK_uYHAB.mjs";
 import { D as tr } from "../Donut-DSGXraiS.mjs";
@@ -70,7 +70,7 @@ import { F as it } from "../FinstrongStore-DBSoLGSE.mjs";
 import { A as nt, m as ct, a as ut, b as dt } from "../InvestmentUtil-BItV7uEs.mjs";
 import { M as lt } from "../MerchantStore-WvZ4gnQe.mjs";
 import { N as ht } from "../NetWorthStore-yV43kJro.mjs";
-import { a as pt } from "../SettingsStore-uQ4s2d0P.mjs";
+import { a as pt } from "../SettingsStore-BqPjOIWk.mjs";
 import { addMonths as gt } from "date-fns/addMonths";
 import { getMonth as m } from "date-fns/getMonth";
 import { a as bo, e as wo, d as Co, A as Do, f as Ao, C as Eo, g as xo, E as To, M as Io, N as vo, c as Bo, P as ko, h as Mo, S as No } from "../Account-BiB1F8lL.mjs";

package/dist/common/types/Notification.d.ts

@@ -49,26 +49,36 @@ export declare enum BudgetNotificationTypes {
 }
 export declare enum InsightNotificationTypes {
     AccountBalanceLow = 33,
+    AccountDepositHigh = 34,
     BillAmountNotStandard = 49,
+    BudgetExceeded = 35,
+    BudgetOffTarget = 36,
+    CategoryBudget = 43,
     CategorySpending = 50,
     CreditCardCloseToLimit = 51,
     DebtPaymentReminder = 37,
+    DebtPaymentReminderV3 = 66,
+    DiscoveredAccounts = 52,
     DuplicatePayment = 42,
+    GoalProgress = 38,
     MonthlySpendComparison = 53,
     MonthlySpendToIncomeComparison = 54,
     MonthlySubscriptionAggregate = 55,
     MonthlyTopMerchantSpending = 56,
+    PromotionalCampaignMessages = 67,
     SaveAnExtra100Dollars = 57,
     SavingsOpportunity = 58,
     SetUpDirectDeposit = 59,
+    SpendingPlanBudgetExceeded = 45,
+    SpendingPlanCategorySpending = 44,
     SwitchDirectDeposit = 60,
+    TransactionExpenseLarge = 39,
+    TransactionFeeCharge = 40,
+    TransactionIsInternational = 41,
+    TransparentOverdraft = 68,
     UncategorizedTransactions = 61,
     UnifiedDeposit = 62,
     UpcomingBill = 63,
     WeekendSpendingSummary = 64,
-    WeeklyNewMerchants = 65,
-    DiscoveredAccounts = 52,
-    TransactionExpenseLarge = 39,
-    PromotionalCampaignMessages = 67,
-    TransparentOverdraft = 68
+    WeeklyNewMerchants = 65
 }

package/dist/insights/index.es.js

@@ -4094,7 +4094,8 @@ const gt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         borderRadius: 0,
         justifyContent: "center",
         height: d.height,
-        padding: d.padding
+        padding: d.padding,
+        zIndex: 900
       }),
       children: /* @__PURE__ */ c(
         Me,
@@ -4109,7 +4110,7 @@ const gt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
               n && /* @__PURE__ */ e(fe, { "aria-label": o?.back, color: "primary", onClick: n, children: /* @__PURE__ */ e(d1, { color: "primary", name: "arrow_back_ios_new", size: 24 }) }),
               /* @__PURE__ */ e(M, { variant: d.variant, children: r })
             ] }),
-            /* @__PURE__ */ e(q, { direction: "row", sx: { alignItems: "center", gap: 16 }, children: i })
+            /* @__PURE__ */ e(q, { alignItems: "center", direction: "row", children: i })
           ]
         }
       )

package/dist/notifications/components/NotificationList.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
-import { Notification } from '../../common';
+import { NotificationTypes, Notification } from '../../common';
 export interface NotificationListProps {
+    notificationTypes?: NotificationTypes[];
     onClick?: (notification: Notification) => void;
     onManageNotifications: () => void;
 }

package/dist/notifications/index.es.js

@@ -1,42 +1,42 @@
-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 { jsx as t, jsxs as l, Fragment as C } from "react/jsx-runtime";
-import v, { useEffect as L } from "react";
+import { A as f, B as N, N as A } from "../Notification-CMBNDGC-.mjs";
+import { A as y } from "../Fetch-DecPFeGU.mjs";
+import { g as T, s as D } from "../NotificationStore-DBs11ZBH.mjs";
+import { N as vt, f as Lt } from "../NotificationStore-DBs11ZBH.mjs";
+import { jsx as t, jsxs as l, Fragment as S } from "react/jsx-runtime";
+import B, { useEffect as I } from "react";
 import { observer as p } from "mobx-react-lite";
-import h from "@mui/material/Box";
-import A from "@mui/material/Divider";
-import D from "@mui/material/List";
-import { Text as m, InstitutionLogo as B, CategoryIcon as T } from "@mxenabled/mxui";
-import { h as I } from "../DateUtil-CVXVMbjf.mjs";
-import { useTheme as R, Card as O } from "@mui/material";
-import { d as G, k as E, u as _, n as x, b as N, a as j } from "../hooks-0kWPTHNb.mjs";
-import { Icon as z, Settings as U } from "@mxenabled/mx-icons";
-import F from "@mui/material/Button";
-import P from "@mui/material/Stack";
-import { L as S } from "../Loader-D3rjKx72.mjs";
-import W from "@mui/material/IconButton";
-import { N as $ } from "../NotificationSettings-CgtRBUXP.mjs";
-import { D as b } from "../Drawer-DV4NTsFg.mjs";
-const _t = (e) => {
-  switch (e) {
-    case y.BudgetExceeded:
-    case y.BudgetOffTarget:
-      return g.BUDGETS;
+import b from "@mui/material/Box";
+import R from "@mui/material/Divider";
+import O from "@mui/material/List";
+import { Text as g, InstitutionLogo as G, CategoryIcon as E } from "@mxenabled/mxui";
+import { h as j } from "../DateUtil-CVXVMbjf.mjs";
+import { useTheme as z, Card as U } from "@mui/material";
+import { d as F, k as P, u as C, n as w, b as k, a as V } from "../hooks-0kWPTHNb.mjs";
+import { Icon as W, Settings as $ } from "@mxenabled/mx-icons";
+import H from "@mui/material/Button";
+import M from "@mui/material/Stack";
+import { L as v } from "../Loader-D3rjKx72.mjs";
+import X from "@mui/material/IconButton";
+import { N as Y } from "../NotificationSettings-Bw4fdVRU.mjs";
+import { D as x } from "../Drawer-DV4NTsFg.mjs";
+const xt = (i) => {
+  switch (i) {
+    case N.BudgetExceeded:
+    case N.BudgetOffTarget:
+      return y.BUDGETS;
     case f.DebtPaymentReminder:
     case f.AccountBalanceLow:
     case f.AccountDepositLarge:
-      return g.ACCOUNTS;
+      return y.ACCOUNTS;
     case f.TransactionExpenseLarge:
     case f.TransactionFeeCharge:
     case f.InternationalTransaction:
-      return g.TRANSACTIONS;
+      return y.TRANSACTIONS;
     default:
       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 = {
+}, q = ({ date: i }) => /* @__PURE__ */ t(b, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(g, { bold: !0, variant: "Small", children: j(i) }) }), J = ({ notification: i }) => {
+  const { accounts: e } = F(), { budgets: r } = P(), { accounts: n } = C(), o = e.find((c) => c.guid === i.entity_guid), a = r.find((c) => c.guid === i.entity_guid), d = i.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(
-    B,
+  return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
+    G,
     {
-      alt: n?.institutionName || s.institution_logo_alt,
-      institutionGuid: n?.institution_guid ?? "",
+      alt: o?.institutionName || n.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(E, { categoryGuid: a?.category_guid, size: 36 }) });
+}, K = p(J), Q = ({ notification: i, onClick: e }) => {
+  const { updateNotification: r } = w(), n = z(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -63,14 +63,14 @@ const _t = (e) => {
       paddingX: 24,
       paddingY: 12,
       "&:focus": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: n.palette.background.default
       },
       "&:hover": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: n.palette.background.default
       }
     },
     dot: {
-      backgroundColor: s.palette.primary.main,
+      backgroundColor: n.palette.primary.main,
       borderRadius: "100%",
       flex: "0 0 auto",
       marginLeft: -8,
@@ -79,21 +79,21 @@ const _t = (e) => {
       width: 8
     }
   };
-  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 }),
-    /* @__PURE__ */ t(V, { notification: e }),
-    /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
+  return /* @__PURE__ */ l(U, { onClick: () => {
+    e(i), r({ ...i, has_been_viewed: !0 }).finally();
+  }, sx: o.card, children: [
+    i.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: o.dot }),
+    /* @__PURE__ */ t(K, { notification: i }),
+    /* @__PURE__ */ t(g, { bold: !i.has_been_viewed, truncate: !1, variant: "Small", children: i.content })
   ] });
-}, Y = p(
-  ({ onManageNotifications: e }) => {
-    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: o.notification_empty_state.no_new_notifications }),
+}, Z = p(
+  ({ onManageNotifications: i }) => {
+    const { notifications: e } = C();
+    return /* @__PURE__ */ l(M, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
+      /* @__PURE__ */ t(W, { name: "notifications", size: 32 }),
+      /* @__PURE__ */ t(g, { sx: { pt: 32 }, variant: "H3", children: e.notification_empty_state.no_new_notifications }),
       /* @__PURE__ */ t(
-        m,
+        g,
         {
           sx: {
             maxWidth: 327,
@@ -103,89 +103,101 @@ const _t = (e) => {
             whiteSpace: "normal"
           },
           variant: "subtitle1",
-          children: o.notification_empty_state.notification_description
+          children: e.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(H, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: e.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) => {
-    e?.(i);
+), tt = ({
+  notificationTypes: i,
+  onClick: e,
+  onManageNotifications: r
+}) => {
+  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = w(), { isInitialized: u } = k(), c = (s) => {
+    e?.(s);
   };
-  return L(() => {
-    s().then(() => n()).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);
-      return /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
-        w && /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
-          /* @__PURE__ */ t(H, { date: i.delivered_at }),
-          /* @__PURE__ */ t(A, {})
+  I(() => {
+    o().then(() => a()).finally();
+  }, []);
+  const m = i?.includes(A.Insights);
+  if (!u || n)
+    return /* @__PURE__ */ t(v, {});
+  const h = d.slice().sort((s, _) => _.delivered_at - s.delivered_at).filter(
+    (s) => m ? T().has(s.notification_type) : !0
+  );
+  return /* @__PURE__ */ l(S, { children: [
+    h.length === 0 && /* @__PURE__ */ t(Z, { onManageNotifications: r }),
+    /* @__PURE__ */ t(O, { sx: { p: 16 }, children: h.map((s, _) => {
+      const L = D(_, h);
+      return /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
+        L && /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
+          /* @__PURE__ */ t(q, { date: s.delivered_at }),
+          /* @__PURE__ */ t(R, {})
         ] }),
-        /* @__PURE__ */ t(X, { notification: i, onClick: u })
-      ] }, i.guid);
+        /* @__PURE__ */ t(Q, { notification: s, onClick: c })
+      ] }, s.guid);
     }) })
   ] });
-}, 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);
-    return u ? /* @__PURE__ */ l(C, { children: [
+}, it = p(tt), St = p(
+  ({ notificationTypes: i, isOpen: e, onClose: r, onNotificationClick: n }) => {
+    const { config: o } = V(), { notifications: a, settings: d } = C(), { isCopyLoaded: u } = k(), [c, m] = B.useState(!1);
+    return u ? /* @__PURE__ */ l(S, { children: [
       /* @__PURE__ */ l(
-        b,
+        x,
         {
           ariaLabelClose: a.close_notifications,
-          isOpen: o,
+          isOpen: e,
           onClose: r,
           title: a.notifications_title,
           children: [
             /* @__PURE__ */ t(
-              W,
+              X,
               {
                 "aria-label": d.open_notification_settings_btn_aria,
-                onClick: () => c(!0),
+                onClick: () => m(!0),
                 sx: {
                   position: "absolute",
                   right: 8,
                   top: 8
                 },
-                children: /* @__PURE__ */ t(U, { size: 24 })
+                children: /* @__PURE__ */ t($, { size: 24 })
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              it,
               {
-                onClick: s,
-                onManageNotifications: () => c(!0)
+                notificationTypes: i,
+                onClick: n,
+                onManageNotifications: () => m(!0)
               }
             )
           ]
         }
       ),
       /* @__PURE__ */ t(
-        b,
+        x,
         {
           ariaLabelClose: a.close_notification_settings,
-          isOpen: i,
-          onClose: () => c(!1),
+          isOpen: c,
+          onClose: () => m(!1),
           title: d.notification_settings_title,
           children: /* @__PURE__ */ t(
-            $,
+            Y,
             {
-              notificationTypes: e,
-              showPersonalDetails: !n.display_user_profile_in_settings
+              notificationTypes: i,
+              showPersonalDetails: !o.display_user_profile_in_settings
             }
           )
         }
       )
-    ] }) : /* @__PURE__ */ t(S, {});
+    ] }) : /* @__PURE__ */ t(v, {});
   }
 );
 export {
-  yt as NotificationDrawer,
-  J as NotificationList,
-  xt as NotificationStore,
-  Nt as filterRecentNotifications,
-  _t as getNotificationDetailRoute
+  St as NotificationDrawer,
+  it as NotificationList,
+  vt as NotificationStore,
+  Lt as filterRecentNotifications,
+  xt as getNotificationDetailRoute
 };

package/dist/notifications/utils/NotificationUtils.d.ts

@@ -1,4 +1,5 @@
 import { Notification } from '../../common';
+export declare const getInsightNotificationTypeValues: () => Set<number>;
 export declare const sortByDate: (a: Notification, b: Notification) => number;
 export declare const shouldShowDate: (index: number, notifications: Notification[]) => boolean;
 export declare const hasInsetBorder: (index: number, notifications: Notification[]) => boolean;

package/dist/settings/index.es.js

@@ -1,4 +1,4 @@
-import { S as Xt, a as Yt } from "../SettingsStore-uQ4s2d0P.mjs";
+import { S as Xt, a as Yt } from "../SettingsStore-BqPjOIWk.mjs";
 import { jsxs as c, Fragment as Q, jsx as e } from "react/jsx-runtime";
 import p from "react";
 import { observer as C } from "mobx-react-lite";
@@ -16,8 +16,8 @@ import V from "@mui/material/Box";
 import Z from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as K, P as N, Text as v, Icon as L, ChevronRightIcon as ve } from "@mxenabled/mxui";
-import { V as Ce, a as De, N as j } from "../NotificationSettings-CgtRBUXP.mjs";
-import { A as Qt, B as Zt, I as eo } from "../NotificationSettings-CgtRBUXP.mjs";
+import { V as Ce, a as De, N as j } from "../NotificationSettings-Bw4fdVRU.mjs";
+import { A as Qt, B as Zt, I as eo } from "../NotificationSettings-Bw4fdVRU.mjs";
 import { u as D, a as $, r as A, o as Se, b as ee, m as z } from "../hooks-0kWPTHNb.mjs";
 import { u as O } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as G } from "../Dialog-BqUCsQvo.mjs";

package/package.json

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

package/dist/Notification-Bs1fdbzI.mjs

@@ -1,95 +0,0 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import o from "@mui/material/ListItem";
-import c from "@mui/material/ListItemButton";
-import p from "@mui/material/ListItemIcon";
-import u from "@mui/material/ListItemText";
-import x from "@mui/material/Stack";
-import D from "@mui/material/Switch";
-import { Text as L } from "@mxenabled/mxui";
-import w from "@mui/material/ListItemAvatar";
-const z = ({
-  avatar: r,
-  endIcon: a,
-  isChecked: l,
-  isDisabled: d = !1,
-  isPrimaryTextBold: n = !1,
-  onClick: m,
-  onToggle: C,
-  primaryText: v,
-  secondaryText: M
-}) => (
-  //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ e(
-    o,
-    {
-      secondaryAction: /* @__PURE__ */ e(D, { checked: l, onChange: C }),
-      sx: {
-        "& .MuiListItemSecondaryAction-root": { right: a ? 64 : 24 },
-        "& .MuiListItemButton-root": { pr: 24 }
-      },
-      children: /* @__PURE__ */ S(c, { onClick: d ? void 0 : () => m(), children: [
-        r && /* @__PURE__ */ e(w, { children: r }),
-        /* @__PURE__ */ e(u, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(x, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ S(x, { sx: { width: "100%" }, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              bold: n,
-              color: "text.primary",
-              sx: {
-                mr: 80
-              },
-              variant: "body1",
-              children: v
-            }
-          ),
-          /* @__PURE__ */ e(L, { color: "text.secondary", variant: "caption", children: M })
-        ] }) }) }),
-        !d && a && /* @__PURE__ */ e(p, { children: a })
-      ] })
-    }
-  )
-), F = ({
-  isChecked: r,
-  isDisabled: a = !1,
-  onToggle: l,
-  primaryText: d,
-  secondaryText: n = void 0,
-  useExtraPadding: m = !0
-}) => /* @__PURE__ */ e(
-  o,
-  {
-    secondaryAction: /* @__PURE__ */ e(D, { checked: r, disabled: a, onChange: l }),
-    sx: {
-      pl: m ? 48 : 0,
-      "& .MuiListItemSecondaryAction-root": { right: m ? 64 : 24 }
-    },
-    children: /* @__PURE__ */ e(
-      u,
-      {
-        primary: d,
-        primaryTypographyProps: {
-          fontWeight: 400,
-          variant: "body1",
-          maxWidth: "calc(100% - 60px)",
-          color: "text.primary"
-        },
-        secondary: n,
-        secondaryTypographyProps: {
-          color: "text.secondary",
-          maxWidth: "calc(100% - 60px)",
-          variant: "caption",
-          whiteSpace: "wrap"
-        }
-      }
-    )
-  }
-);
-var B = /* @__PURE__ */ ((r) => (r.Accounts = "accounts", r.Budgets = "budgets", r.Insights = "insights", r.Personal = "personal", r))(B || {}), P = /* @__PURE__ */ ((r) => (r[r.DebtPaymentReminder = 3] = "DebtPaymentReminder", r[r.AccountBalanceLow = 6] = "AccountBalanceLow", r[r.AccountDepositLarge = 7] = "AccountDepositLarge", r[r.TransactionExpenseLarge = 8] = "TransactionExpenseLarge", r[r.TransactionFeeCharge = 9] = "TransactionFeeCharge", r[r.InternationalTransaction = 23] = "InternationalTransaction", r[r.AccountDepositLargePosted = 48] = "AccountDepositLargePosted", r))(P || {}), b = /* @__PURE__ */ ((r) => (r[r.BudgetExceeded = 1] = "BudgetExceeded", r[r.BudgetOffTarget = 2] = "BudgetOffTarget", r))(b || {}), A = /* @__PURE__ */ ((r) => (r[r.AccountBalanceLow = 33] = "AccountBalanceLow", r[r.BillAmountNotStandard = 49] = "BillAmountNotStandard", r[r.CategorySpending = 50] = "CategorySpending", r[r.CreditCardCloseToLimit = 51] = "CreditCardCloseToLimit", r[r.DebtPaymentReminder = 37] = "DebtPaymentReminder", r[r.DuplicatePayment = 42] = "DuplicatePayment", r[r.MonthlySpendComparison = 53] = "MonthlySpendComparison", r[r.MonthlySpendToIncomeComparison = 54] = "MonthlySpendToIncomeComparison", r[r.MonthlySubscriptionAggregate = 55] = "MonthlySubscriptionAggregate", r[r.MonthlyTopMerchantSpending = 56] = "MonthlyTopMerchantSpending", r[r.SaveAnExtra100Dollars = 57] = "SaveAnExtra100Dollars", r[r.SavingsOpportunity = 58] = "SavingsOpportunity", r[r.SetUpDirectDeposit = 59] = "SetUpDirectDeposit", r[r.SwitchDirectDeposit = 60] = "SwitchDirectDeposit", r[r.UncategorizedTransactions = 61] = "UncategorizedTransactions", r[r.UnifiedDeposit = 62] = "UnifiedDeposit", r[r.UpcomingBill = 63] = "UpcomingBill", r[r.WeekendSpendingSummary = 64] = "WeekendSpendingSummary", r[r.WeeklyNewMerchants = 65] = "WeeklyNewMerchants", r[r.DiscoveredAccounts = 52] = "DiscoveredAccounts", r[r.TransactionExpenseLarge = 39] = "TransactionExpenseLarge", r[r.PromotionalCampaignMessages = 67] = "PromotionalCampaignMessages", r[r.TransparentOverdraft = 68] = "TransparentOverdraft", r))(A || {});
-export {
-  P as A,
-  b as B,
-  A as I,
-  B as N,
-  z as T,
-  F as a
-};