@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/notifications/index.es.js

@@ -1,27 +1,24 @@
-import { A as f, B as N, N as A } from "../Notification-DTNYSd8P.mjs";
-import { A as y } from "../ApiEndpoints-DXwIYNUV.mjs";
-import { jsx as t, jsxs as l, Fragment as S } from "react/jsx-runtime";
-import T, { useEffect as D } from "react";
-import { observer as p } from "mobx-react-lite";
+import { h as y } from "../GlobalCopyApi-BeXzaDH9.mjs";
+import { St as v, h as L, v as T, wt as I, xt as f, y as A } from "../core-BexP5oiV.mjs";
+import { lr as x } from "../accounts-DkyAiLpg.mjs";
+import { S as N, a as B, h as S, i as D, n as R, p as C, t as w } from "../Loader-BlVzRtUd.mjs";
+import { o as O } from "../settings-ZMHe439l.mjs";
+import G, { useEffect as E } from "react";
+import { observer as m } from "mobx-react-lite";
+import j from "@mui/material/Stack";
+import { CategoryIcon as z, InstitutionLogo as U, Text as p } from "@mxenabled/mxui";
+import $ from "@mui/material/Button";
+import { Icon as F, Settings as P } from "@mxenabled/mx-icons";
+import { Fragment as k, jsx as t, jsxs as l } from "react/jsx-runtime";
 import b from "@mui/material/Box";
-import B from "@mui/material/Divider";
-import I from "@mui/material/List";
-import { g as R, s as O } from "../NotificationUtils-BRGFTePr.mjs";
-import { Text as m, InstitutionLogo as G, CategoryIcon as E } from "@mxenabled/mxui";
-import { i as j } from "../DateUtil-Bhq59ZVg.mjs";
-import { useTheme as z, Card as U } from "@mui/material";
-import { d as F, o as P, u as C, y as v, b as w, a as V } from "../hooks-BaO_gOI6.mjs";
-import { Icon as W, Settings as $ } from "@mxenabled/mx-icons";
-import M from "@mui/material/Button";
-import X from "@mui/material/Stack";
-import { L as k } from "../Loader-CxeBwuPG.mjs";
-import Y from "@mui/material/IconButton";
-import { N as q } from "../NotificationSettings-B4JA5IKE.mjs";
-import { D as x } from "../Drawer-BXqqBMxg.mjs";
-const xt = (i) => {
-  switch (i) {
-    case N.BudgetExceeded:
-    case N.BudgetOffTarget:
+import V from "@mui/material/IconButton";
+import { Card as W, useTheme as M } from "@mui/material";
+import X from "@mui/material/Divider";
+import Y from "@mui/material/List";
+var yt = (e) => {
+  switch (e) {
+    case v.BudgetExceeded:
+    case v.BudgetOffTarget:
       return y.BUDGETS;
     case f.DebtPaymentReminder:
     case f.AccountBalanceLow:
@@ -34,26 +31,42 @@ const xt = (i) => {
     default:
       return null;
   }
-}, H = ({ date: i }) => /* @__PURE__ */ t(b, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "body2", 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",
-      justifyContent: "center",
-      borderRadius: 4,
-      marginRight: 12
-    }
-  };
-  return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
-    G,
-    {
+}, q = ({ date: e }) => /* @__PURE__ */ t(b, {
+  sx: {
+    display: "flex",
+    justifyContent: "center",
+    mt: 12,
+    py: 8
+  },
+  children: /* @__PURE__ */ t(p, {
+    bold: !0,
+    variant: "body2",
+    children: L(e)
+  })
+}), H = ({ notification: e }) => {
+  const { accounts: i } = R(), { budgets: r } = B(), { accounts: n } = C(), o = i.find((c) => c.guid === e.entity_guid), s = r.find((c) => c.guid === e.entity_guid), d = e.entity_guid.includes("GOL"), u = { badge: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 4,
+    marginRight: 12
+  } };
+  return o || d ? /* @__PURE__ */ t("div", {
+    style: u.badge,
+    children: /* @__PURE__ */ t(U, {
       alt: o?.institutionName || n.institution_logo_alt,
       institutionGuid: o?.institution_guid ?? "",
       size: 33
-    }
-  ) }) : /* @__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 } = v(), n = z(), o = {
+    })
+  }) : /* @__PURE__ */ t("div", {
+    style: u.badge,
+    children: /* @__PURE__ */ t(z, {
+      categoryGuid: s?.category_guid,
+      size: 36
+    })
+  });
+}, J = m(H), K = ({ notification: e, onClick: i }) => {
+  const { updateNotification: r } = N(), n = M(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -61,12 +74,8 @@ const xt = (i) => {
       marginBottom: 12,
       paddingX: 24,
       paddingY: 12,
-      "&:focus": {
-        backgroundColor: n.palette.background.default
-      },
-      "&:hover": {
-        backgroundColor: n.palette.background.default
-      }
+      "&:focus": { backgroundColor: n.palette.background.default },
+      "&:hover": { backgroundColor: n.palette.background.default }
     },
     dot: {
       backgroundColor: n.palette.primary.main,
@@ -78,122 +87,121 @@ const xt = (i) => {
       width: 8
     }
   };
-  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(m, { bold: !i.has_been_viewed, truncate: !1, variant: "body2", children: i.content })
-  ] });
-}, Z = p(
-  ({ onManageNotifications: i }) => {
-    const { notifications: e } = C();
-    return /* @__PURE__ */ l(X, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
-      /* @__PURE__ */ t(W, { name: "notifications", size: 32 }),
-      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "h3", children: e.notification_empty_state.no_new_notifications }),
-      /* @__PURE__ */ t(
-        m,
-        {
-          sx: {
-            maxWidth: 327,
-            pb: 24,
-            pt: 12,
-            textAlign: "center"
-          },
-          variant: "subtitle1",
-          children: e.notification_empty_state.notification_description
-        }
-      ),
-      /* @__PURE__ */ t(M, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: e.notification_empty_state.manage_notifications })
-    ] });
-  }
-), tt = ({
-  notificationTypes: i,
-  onClick: e,
-  onManageNotifications: r
-}) => {
-  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = v(), { isInitialized: u } = w(), c = (s) => {
-    e?.(s);
+  return /* @__PURE__ */ l(W, {
+    onClick: () => {
+      i(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(J, { notification: e }),
+      /* @__PURE__ */ t(p, {
+        bold: !e.has_been_viewed,
+        truncate: !1,
+        variant: "body2",
+        children: e.content
+      })
+    ]
+  });
+}, Q = m(({ onManageNotifications: e }) => {
+  const { notifications: i } = C();
+  return /* @__PURE__ */ l(j, {
+    sx: {
+      alignItems: "center",
+      height: "95%",
+      justifyContent: "center"
+    },
+    children: [
+      /* @__PURE__ */ t(F, {
+        name: "notifications",
+        size: 32
+      }),
+      /* @__PURE__ */ t(p, {
+        sx: { pt: 32 },
+        variant: "h3",
+        children: i.notification_empty_state.no_new_notifications
+      }),
+      /* @__PURE__ */ t(p, {
+        sx: {
+          maxWidth: 327,
+          pb: 24,
+          pt: 12,
+          textAlign: "center"
+        },
+        variant: "subtitle1",
+        children: i.notification_empty_state.notification_description
+      }),
+      /* @__PURE__ */ t($, {
+        onClick: e,
+        sx: { p: "12px 16px" },
+        variant: "outlined",
+        children: i.notification_empty_state.manage_notifications
+      })
+    ]
+  });
+}), Z = ({ notificationTypes: e, onClick: i, onManageNotifications: r }) => {
+  const { isLoading: n, loadNotifications: o, markAllAsViewed: s, recentNotifications: d } = N(), { isInitialized: u } = S(), c = (a) => {
+    i?.(a);
   };
-  D(() => {
-    o().then(() => a()).finally();
+  E(() => {
+    o().then(() => s()).finally();
   }, []);
-  const g = i?.includes(A.Insights);
-  if (!u || n)
-    return /* @__PURE__ */ t(k, {});
-  const h = d.slice().sort((s, _) => _.delivered_at - s.delivered_at).filter(
-    (s) => g ? R().has(s.notification_type) : !0
-  );
-  return /* @__PURE__ */ l(S, { children: [
-    h.length === 0 && /* @__PURE__ */ t(Z, { onManageNotifications: r }),
-    /* @__PURE__ */ t(I, { sx: { p: 16 }, children: h.map((s, _) => {
-      const L = O(_, h);
-      return /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
-        L && /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
-          /* @__PURE__ */ t(H, { date: s.delivered_at }),
-          /* @__PURE__ */ t(B, {})
-        ] }),
-        /* @__PURE__ */ t(Q, { notification: s, onClick: c })
-      ] }, s.guid);
-    }) })
-  ] });
-}, it = p(tt), St = p(
-  ({ notificationTypes: i, isOpen: e, onClose: r, onNotificationClick: n }) => {
-    const { config: o } = V(), { notifications: a, settings: d } = C(), { isCopyLoaded: u } = w(), [c, g] = T.useState(!1);
-    return u ? /* @__PURE__ */ l(S, { children: [
-      /* @__PURE__ */ l(
-        x,
-        {
-          ariaLabelClose: a.close_notifications,
-          isOpen: e,
-          onClose: r,
-          title: a.notifications_title,
-          children: [
-            /* @__PURE__ */ t(
-              Y,
-              {
-                "aria-label": d.open_notification_settings_btn_aria,
-                onClick: () => g(!0),
-                sx: {
-                  position: "absolute",
-                  right: 8,
-                  top: 8
-                },
-                children: /* @__PURE__ */ t($, { size: 24 })
-              }
-            ),
-            /* @__PURE__ */ t(
-              it,
-              {
-                notificationTypes: i,
-                onClick: n,
-                onManageNotifications: () => g(!0)
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ t(
-        x,
-        {
-          ariaLabelClose: a.close_notification_settings,
-          isOpen: c,
-          onClose: () => g(!1),
-          title: d.notification_settings_title,
-          children: /* @__PURE__ */ t(
-            q,
-            {
-              notificationTypes: i,
-              showPersonalDetails: !o.display_user_profile_in_settings
-            }
-          )
-        }
-      )
-    ] }) : /* @__PURE__ */ t(k, {});
-  }
-);
+  const g = e?.includes(I.Insights);
+  if (!u || n) return /* @__PURE__ */ t(w, {});
+  const h = d.slice().sort((a, _) => _.delivered_at - a.delivered_at).filter((a) => g ? T().has(a.notification_type) : !0);
+  return /* @__PURE__ */ l(k, { children: [h.length === 0 && /* @__PURE__ */ t(Q, { onManageNotifications: r }), /* @__PURE__ */ t(Y, {
+    sx: { p: 16 },
+    children: h.map((a, _) => /* @__PURE__ */ l(b, {
+      sx: { mb: 12 },
+      children: [A(_, h) && /* @__PURE__ */ l(b, {
+        sx: { mb: 12 },
+        children: [/* @__PURE__ */ t(q, { date: a.delivered_at }), /* @__PURE__ */ t(X, {})]
+      }), /* @__PURE__ */ t(K, {
+        notification: a,
+        onClick: c
+      })]
+    }, a.guid))
+  })] });
+}, tt = m(Z), bt = m(({ notificationTypes: e, isOpen: i, onClose: r, onNotificationClick: n }) => {
+  const { config: o } = D(), { notifications: s, settings: d } = C(), { isCopyLoaded: u } = S(), [c, g] = G.useState(!1);
+  return u ? /* @__PURE__ */ l(k, { children: [/* @__PURE__ */ l(x, {
+    ariaLabelClose: s.close_notifications,
+    isOpen: i,
+    onClose: r,
+    title: s.notifications_title,
+    children: [/* @__PURE__ */ t(V, {
+      "aria-label": d.open_notification_settings_btn_aria,
+      onClick: () => g(!0),
+      sx: {
+        position: "absolute",
+        right: 8,
+        top: 8
+      },
+      children: /* @__PURE__ */ t(P, { size: 24 })
+    }), /* @__PURE__ */ t(tt, {
+      notificationTypes: e,
+      onClick: n,
+      onManageNotifications: () => g(!0)
+    })]
+  }), /* @__PURE__ */ t(x, {
+    ariaLabelClose: s.close_notification_settings,
+    isOpen: c,
+    onClose: () => g(!1),
+    title: d.notification_settings_title,
+    children: /* @__PURE__ */ t(O, {
+      notificationTypes: e,
+      showPersonalDetails: !o.display_user_profile_in_settings
+    })
+  })] }) : /* @__PURE__ */ t(w, {});
+});
 export {
-  St as NotificationDrawer,
-  it as NotificationList,
-  xt as getNotificationDetailRoute
+  bt as NotificationDrawer,
+  tt as NotificationList,
+  yt as getNotificationDetailRoute
 };