@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/networth/stores/NetWorthStore.d.ts

@@ -1,4 +1,5 @@
-import { DetailedAccount, GlobalStore, MonthlyAccountBalance } from '../../common';
+import { GlobalStore } from '../../common';
+import { DetailedAccount, MonthlyAccountBalance } from '../../core';
 import { AccountApi } from '../../accounts';
 import { AssetsLiabilities, GainsLosses, NetWorth, NetWorthData } from '../types/NetWorth';
 export declare class NetWorthStore {

package/dist/networth/types/NetWorth.d.ts

@@ -1,4 +1,4 @@
-import { Account, AccountType, MonthlyAccountBalance } from '../../common';
+import { Account, AccountType, MonthlyAccountBalance } from '../../core';
 export type MonthlyAccountSummary = {
     balance: number;
     change: number;

package/dist/networth/utils/NetWorthUtils.d.ts

@@ -1,4 +1,4 @@
-import { Account, Member, MonthlyAccountBalance } from '../../common';
+import { Account, Member, MonthlyAccountBalance } from '../../core';
 import { FinancialAccount, AccountGroup, NetWorth } from '../types/NetWorth';
 export declare const filterAccounts: (accounts: Account[], members: Member[]) => Account[];
 export declare const flattenBalances: (allBalances: MonthlyAccountBalance[], currentBalances: MonthlyAccountBalance[]) => MonthlyAccountBalance[];

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Notification } from '../../common/types';
+import { Notification } from '../../core';
 interface NotificationBadgeProps {
     notification: Notification;
 }

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Notification } from '../../common/types';
+import { Notification } from '../../core';
 interface NotificationCardProps {
     notification: Notification;
     onClick: (notification: Notification) => void;

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

@@ -1,4 +1,4 @@
-import { Notification, NotificationTypes } from '../../common';
+import { Notification, NotificationTypes } from '../../core';
 interface NotificationDrawerProps {
     notificationTypes?: NotificationTypes[];
     isOpen: boolean;

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

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
-import { Notification } from '../../common';
+import { Notification, NotificationTypes } from '../../core';
 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-Ck2KdNmT.mjs";
-import { N as xt, f as Nt } from "../NotificationStore-Ck2KdNmT.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-DTNYSd8P.mjs";
+import { A as y } from "../Fetch-B6tMJC1r.mjs";
+import { g as T, s as D } from "../NotificationStore-D_e8zo5M.mjs";
+import { N as kt, f as Lt } from "../NotificationStore-D_e8zo5M.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-CBl85iRr.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-icSc5MlE.mjs";
-import W from "@mui/material/IconButton";
-import { N as $ } from "../NotificationSettings-CEzQSKfg.mjs";
-import { D as b } from "../Drawer-Bet2ZPJo.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-wcYTmDRD.mjs";
+import { useTheme as z, Card as U } from "@mui/material";
+import { d as F, m as P, u as C, n as w, b as v, a as V } from "../hooks-BxkfR-Ff.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-D3rjKx72.mjs";
+import Y from "@mui/material/IconButton";
+import { N as q } from "../NotificationSettings-D7VqsrZy.mjs";
+import { D as x } from "../Drawer-Bbe4AMB1.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: 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 = {
+}, H = ({ date: i }) => /* @__PURE__ */ t(b, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(g, { 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",
@@ -46,15 +46,15 @@ const _t = (e) => {
     }
   };
   return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
-    B,
+    G,
     {
-      alt: o?.institutionName || a.institution_logo_alt,
+      alt: o?.institutionName || n.institution_logo_alt,
       institutionGuid: o?.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(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: a.palette.background.default
+        backgroundColor: n.palette.background.default
       },
       "&:hover": {
-        backgroundColor: a.palette.background.default
+        backgroundColor: n.palette.background.default
       }
     },
     dot: {
-      backgroundColor: a.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: () => {
-    n(e), r({ ...e, has_been_viewed: !0 }).finally();
+  return /* @__PURE__ */ l(U, { onClick: () => {
+    e(i), r({ ...i, 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(V, { notification: e }),
-    /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
+    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: "body2", children: i.content })
   ] });
-}, Y = p(
-  ({ onManageNotifications: e }) => {
-    const { notifications: n } = _();
-    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 }),
+}, 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(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: n.notification_empty_state.notification_description
+          children: e.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(M, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: e.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) => {
-    e?.(i);
+), tt = ({
+  notificationTypes: i,
+  onClick: e,
+  onManageNotifications: r
+}) => {
+  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = w(), { isInitialized: u } = v(), c = (s) => {
+    e?.(s);
   };
-  return L(() => {
-    a().then(() => s()).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);
-      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(k, {});
+  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(H, { 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: n, onClose: r, onNotificationClick: a }) => {
-    const { config: o } = j(), { notifications: s, 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 } = v(), [c, m] = B.useState(!1);
+    return u ? /* @__PURE__ */ l(S, { children: [
       /* @__PURE__ */ l(
-        b,
+        x,
         {
-          ariaLabelClose: s.close_notifications,
-          isOpen: n,
+          ariaLabelClose: a.close_notifications,
+          isOpen: e,
           onClose: r,
-          title: s.notifications_title,
+          title: a.notifications_title,
           children: [
             /* @__PURE__ */ t(
-              W,
+              Y,
               {
                 "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: a,
-                onManageNotifications: () => c(!0)
+                notificationTypes: i,
+                onClick: n,
+                onManageNotifications: () => m(!0)
               }
             )
           ]
         }
       ),
       /* @__PURE__ */ t(
-        b,
+        x,
         {
-          ariaLabelClose: s.close_notification_settings,
-          isOpen: i,
-          onClose: () => c(!1),
+          ariaLabelClose: a.close_notification_settings,
+          isOpen: c,
+          onClose: () => m(!1),
           title: d.notification_settings_title,
           children: /* @__PURE__ */ t(
-            $,
+            q,
             {
-              notificationTypes: e,
+              notificationTypes: i,
               showPersonalDetails: !o.display_user_profile_in_settings
             }
           )
         }
       )
-    ] }) : /* @__PURE__ */ t(S, {});
+    ] }) : /* @__PURE__ */ t(k, {});
   }
 );
 export {
-  yt as NotificationDrawer,
-  J as NotificationList,
-  xt as NotificationStore,
-  Nt as filterRecentNotifications,
-  _t as getNotificationDetailRoute
+  St as NotificationDrawer,
+  it as NotificationList,
+  kt as NotificationStore,
+  Lt as filterRecentNotifications,
+  xt as getNotificationDetailRoute
 };

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

@@ -1,4 +1,5 @@
-import { NotificationApi, Notification, GlobalStore } from '../../common';
+import { NotificationApi, GlobalStore } from '../../common';
+import { Notification } from '../../core';
 export declare class NotificationStore {
     globalStore: GlobalStore;
     api: NotificationApi;

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

@@ -1,4 +1,5 @@
-import { Notification } from '../../common';
+import { Notification } from '../../core';
+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/recurringtransactions/RecurringTransactionsMiniWidget.d.ts

@@ -1,4 +1,4 @@
-import { MiniWidgetProps } from '../common';
+import { MiniWidgetProps } from '../core';
 export declare const RecurringTransactionsMiniWidget: (({ onPrimaryCtaClick, sx }: MiniWidgetProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/recurringtransactions/RecurringTransactionsWidget.d.ts

@@ -1,4 +1,4 @@
-import { WidgetProps } from '../common';
+import { WidgetProps } from '../core';
 export declare const RecurringTransactionsWidget: (({ onBackClick, sx }: WidgetProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/recurringtransactions/api/RepeatingTransactionsApi.d.ts

@@ -1,4 +1,5 @@
-import { Fetch, GlobalErrorHandler, RepeatingTransaction } from '../../common';
+import { Fetch } from '../../common';
+import { GlobalErrorHandler, RepeatingTransaction } from '../../core';
 export declare class RepeatingTransactionsApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string, onError?: GlobalErrorHandler);

package/dist/recurringtransactions/components/PaymentSchedule.d.ts

@@ -1,4 +1,4 @@
-import { Frequency } from '../../common';
+import { Frequency } from '../../core';
 interface PaymentScheduleProps {
     frequency: Frequency;
     firstDay: number;

package/dist/recurringtransactions/components/RecurrenceList.d.ts

@@ -1,5 +1,5 @@
 import { SxProps } from '@mui/material/styles';
-import { Recurrence } from '../../common';
+import { Recurrence } from '../../core';
 interface RecurrenceListProps {
     recurrences: Recurrence[];
     isMini?: boolean;

package/dist/recurringtransactions/components/RecurrenceRow.d.ts

@@ -1,4 +1,4 @@
-import { Recurrence } from '../../common';
+import { Recurrence } from '../../core';
 interface RecurrenceRowProps {
     recurrence: Recurrence;
     isMini?: boolean;

package/dist/recurringtransactions/components/RecurringTransactionDetails.d.ts

@@ -1,4 +1,4 @@
-import { RepeatingTransaction } from '../../common';
+import { RepeatingTransaction } from '../../core';
 interface RecurringTransactionDetailsProps {
     onDeleted: () => void;
     recurringTransaction: RepeatingTransaction;

package/dist/recurringtransactions/components/actions/PaymentScheduleAction.d.ts

@@ -1,4 +1,4 @@
-import { RepeatingTransaction } from '../../../common';
+import { RepeatingTransaction } from '../../../core';
 interface FrequencyActionProps {
     repeatingTransaction: RepeatingTransaction;
 }

package/dist/recurringtransactions/components/micro/MerchantLogosRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Recurrence } from '../../../common';
+import { Recurrence } from '../../../core';
 interface MerchantLogosRowProps {
     upcomingRecurrences: Recurrence[];
     maxLogos?: number;

package/dist/recurringtransactions/components/micro/OverlappingMerchantLogos.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Recurrence } from '../../../common';
+import { Recurrence } from '../../../core';
 interface OverlappingMerchantLogosProps {
     upcomingRecurrences: Recurrence[];
     logoSize?: number;

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.d.ts

@@ -1,4 +1,4 @@
-import { Transaction, Frequency } from '../../../../common';
+import { Transaction, Frequency } from '../../../../core';
 interface AddRecurringTransactionDetailsProps {
     bgcolor?: string;
     firstDay: number;

package/dist/recurringtransactions/components/shared/recurringsettings/RecurringRow.d.ts

@@ -1,4 +1,4 @@
-import { RepeatingTransaction } from '../../../../common';
+import { RepeatingTransaction } from '../../../../core';
 interface RecurringRowProps {
     onClick?: (repeatingTransaction: RepeatingTransaction) => void;
     repeatingTransaction: RepeatingTransaction;