@mx-cartographer/experiences 7.3.0-alpha.sms1 → 7.3.0

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-BxP_P2dA.mjs";
-import { N as Nt, f as St } from "../NotificationStore-BxP_P2dA.mjs";
+import { A as f, B as b } from "../ToggleListItem-ciFTiqRS.mjs";
+import { A as _ } from "../Fetch-DecPFeGU.mjs";
+import { s as L } from "../NotificationStore-CDX_kqHa.mjs";
+import { N as Nt, f as St } from "../NotificationStore-CDX_kqHa.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";
@@ -11,13 +11,13 @@ import B from "@mui/material/List";
 import { Text as m, InstitutionLogo as T, CategoryIcon as R } from "@mxenabled/mxui";
 import { h as I } from "../DateUtil-BcuH7ErC.mjs";
 import { useTheme as O, Card as G } from "@mui/material";
-import { d as E, i as j, u as g, o as N, b as S, a as z } from "../hooks-D6XlXHf4.mjs";
+import { d as E, i as j, u as g, o as N, b as S, a as z } from "../hooks-Cy8JnjCg.mjs";
 import { Icon as U, Settings as F } from "@mxenabled/mx-icons";
 import P from "@mui/material/Button";
 import W from "@mui/material/Stack";
 import { L as w } from "../Loader-DUaFpDGv.mjs";
 import $ from "@mui/material/IconButton";
-import { N as H } from "../NotificationSettings-DqrkNMod.mjs";
+import { N as H } from "../NotificationSettings-DxytNHlN.mjs";
 import { D as C } from "../Drawer-kEE73B87.mjs";
 const yt = (e) => {
   switch (e) {
@@ -36,7 +36,7 @@ const yt = (e) => {
       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 = {
+  const { accounts: o } = E(), { budgets: s } = j(), { accounts: a } = g(), i = o.find((l) => l.guid === e.entity_guid), r = s.find((l) => l.guid === e.entity_guid), u = e.entity_guid.includes("GOL"), c = {
     badge: {
       display: "flex",
       alignItems: "center",
@@ -48,13 +48,13 @@ const yt = (e) => {
   return i || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
     T,
     {
-      alt: i?.institutionName || s.institution_logo_alt,
+      alt: i?.institutionName || a.institution_logo_alt,
       institutionGuid: i?.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 = {
+  const { updateNotification: s } = N(), a = O(), i = {
     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,7 +80,7 @@ const yt = (e) => {
     }
   };
   return /* @__PURE__ */ d(G, { onClick: () => {
-    o(e), a({ ...e, has_been_viewed: !0 }).finally();
+    o(e), s({ ...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 }),
@@ -110,15 +110,15 @@ const yt = (e) => {
     ] });
   }
 ), J = ({ onClick: e, onManageNotifications: o }) => {
-  const { isLoading: a, loadNotifications: s, recentNotifications: i, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
+  const { isLoading: s, loadNotifications: a, newNotifications: i, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
     e?.(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) => {
+  return A(() => {
+    a().then(() => r()).finally();
+  }, [a, r]), /* @__PURE__ */ d(x, { children: [
+    (!c || s) && /* @__PURE__ */ t(w, { label: u?.loading, size: 40 }),
+    c && !s && i.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
+    /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !s && i.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
       const v = L(h, i);
       return /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
         v && /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
@@ -130,7 +130,7 @@ const yt = (e) => {
     }) })
   ] });
 }, K = p(J), bt = p(
-  ({ notificationTypes: e, isOpen: o, onClose: a, onNotificationClick: s }) => {
+  ({ notificationTypes: e, isOpen: o, onClose: s, onNotificationClick: a }) => {
     const { config: i } = z(), { notifications: r, settings: u } = g(), { isCopyLoaded: c } = S(), [l, n] = k.useState(!1);
     return c ? /* @__PURE__ */ d(x, { children: [
       /* @__PURE__ */ d(
@@ -138,7 +138,7 @@ const yt = (e) => {
         {
           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)
               }
             )

package/dist/notifications/stores/NotificationStore.d.ts

@@ -4,11 +4,9 @@ export declare class NotificationStore {
     api: NotificationApi;
     isLoading: boolean;
     notifications: Notification[];
-    notificationsLoaded: boolean;
+    recentNotifications: Notification[];
     constructor(globalStore: GlobalStore);
     get newNotifications(): Notification[];
-    get recentNotifications(): Notification[];
-    setNotifications: (notifications: Notification[]) => void;
     loadNotifications: () => Promise<void>;
     markAllAsViewed: () => Promise<void>;
     updateNotification: (notification: Notification) => Promise<void>;