@mx-cartographer/experiences 7.2.17 → 7.2.19-alpha.sms1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -36,11 +36,13 @@ interface LoadDataProps {
36
36
  transactions?: Transaction[];
37
37
  userFeatures?: UserFeature[];
38
38
  }
39
+ type OnStoreUpdate = (update: any) => void;
39
40
  export declare class GlobalStore {
40
41
  appConfig: AppConfig;
41
42
  endpoint: string;
42
43
  sessionToken: string;
43
44
  onError?: GlobalErrorHandler;
45
+ onStoreUpdate?: OnStoreUpdate;
44
46
  accountStore: AccountStore;
45
47
  appDataStore: AppDataStore;
46
48
  analyticsStore: AnalyticsStore;
@@ -64,8 +66,9 @@ export declare class GlobalStore {
64
66
  trendsStore: TrendsStore;
65
67
  userStore: UserStore;
66
68
  globalUiStore: GlobalUiStore;
67
- constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler);
69
+ constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler, onStoreUpdate?: OnStoreUpdate);
68
70
  get isInitialized(): boolean;
71
+ emitUpdate: (change: any) => void;
69
72
  loadData: ({ accounts, appData, associatedBeats, categories, institutions, transactionRules, transactions, userFeatures, }?: LoadDataProps) => Promise<void>;
70
73
  }
71
74
  export {};
@@ -30,7 +30,7 @@ import Ve from "@mui/material/AccordionSummary";
30
30
  import Ye from "@mui/material/CardHeader";
31
31
  import { u as qe } from "../useDimensions-27p2evRx.mjs";
32
32
  import { C as Je } from "../ConnectionsDrawer-BDvVuJQf.mjs";
33
- import { R as Qe } from "../RecurringSettings-DZu2hw1r.mjs";
33
+ import { R as Qe } from "../RecurringSettings-kt3yHC1m.mjs";
34
34
  import Ze from "@mui/material/TextField";
35
35
  import { u as Se } from "../useScreenSize-B6JyS_Lj.mjs";
36
36
  import { a as et } from "../Dialog-CWW597AF.mjs";
@@ -39,7 +39,7 @@ import ot from "@mui/material/Collapse";
39
39
  import at from "@mui/material/ListItemIcon";
40
40
  import rt from "@mui/material/Checkbox";
41
41
  import { u as it, A as st } from "../AccountDetailsHeader-Df1JkzYi.mjs";
42
- import { A as lt } from "../AccountDetailsContent-CsH1w_GZ.mjs";
42
+ import { A as lt } from "../AccountDetailsContent-lnLfEC2C.mjs";
43
43
  import { u as ct } from "../useAccountDisplayName-jS05A6-6.mjs";
44
44
  import Ke from "@mui/material/TextField";
45
45
  import { M as dt, I as mt, O as ut } from "../OriginalBalanceAction-CWuVvRq9.mjs";
@@ -1,7 +1,7 @@
1
1
  import { A as f, B as b } from "../ToggleListItem-r0Kx56wF.mjs";
2
2
  import { A as _ } from "../Fetch-87LIQbEA.mjs";
3
- import { s as L } from "../NotificationStore-C6PH6MKm.mjs";
4
- import { N as Nt, f as St } from "../NotificationStore-C6PH6MKm.mjs";
3
+ import { s as L } from "../NotificationStore-86g0bKKR.mjs";
4
+ import { N as Nt, f as St } from "../NotificationStore-86g0bKKR.mjs";
5
5
  import { jsx as t, jsxs as d, Fragment as x } from "react/jsx-runtime";
6
6
  import k, { useEffect as A } from "react";
7
7
  import { observer as p } from "mobx-react-lite";
@@ -19,8 +19,8 @@ import { L as w } from "../Loader-DUaFpDGv.mjs";
19
19
  import $ from "@mui/material/IconButton";
20
20
  import { N as H } from "../NotificationSettings-5i3IywCi.mjs";
21
21
  import { D as C } from "../Drawer-kEE73B87.mjs";
22
- const yt = (e) => {
23
- switch (e) {
22
+ const yt = (i) => {
23
+ switch (i) {
24
24
  case b.BudgetExceeded:
25
25
  case b.BudgetOffTarget:
26
26
  return _.BUDGETS;
@@ -35,8 +35,8 @@ const yt = (e) => {
35
35
  default:
36
36
  return null;
37
37
  }
38
- }, 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 }) => {
39
- 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 = {
38
+ }, 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 }) => {
39
+ 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 = {
40
40
  badge: {
41
41
  display: "flex",
42
42
  alignItems: "center",
@@ -45,16 +45,16 @@ const yt = (e) => {
45
45
  marginRight: 12
46
46
  }
47
47
  };
48
- return i || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
48
+ return e || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
49
49
  T,
50
50
  {
51
- alt: i?.institutionName || s.institution_logo_alt,
52
- institutionGuid: i?.institution_guid ?? "",
51
+ alt: e?.institutionName || a.institution_logo_alt,
52
+ institutionGuid: e?.institution_guid ?? "",
53
53
  size: 33
54
54
  }
55
55
  ) }) : /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(R, { categoryGuid: r?.category_guid, size: 36 }) });
56
- }, X = p(V), Y = ({ notification: e, onClick: o }) => {
57
- const { updateNotification: a } = N(), s = O(), i = {
56
+ }, X = p(V), Y = ({ notification: i, onClick: o }) => {
57
+ const { updateNotification: s } = N(), a = O(), e = {
58
58
  card: {
59
59
  alignItems: "center",
60
60
  cursor: "pointer",
@@ -63,14 +63,14 @@ const yt = (e) => {
63
63
  paddingX: 24,
64
64
  paddingY: 12,
65
65
  "&:focus": {
66
- backgroundColor: s.palette.background.default
66
+ backgroundColor: a.palette.background.default
67
67
  },
68
68
  "&:hover": {
69
- backgroundColor: s.palette.background.default
69
+ backgroundColor: a.palette.background.default
70
70
  }
71
71
  },
72
72
  dot: {
73
- backgroundColor: s.palette.primary.main,
73
+ backgroundColor: a.palette.primary.main,
74
74
  borderRadius: "100%",
75
75
  flex: "0 0 auto",
76
76
  marginLeft: -8,
@@ -80,14 +80,14 @@ const yt = (e) => {
80
80
  }
81
81
  };
82
82
  return /* @__PURE__ */ d(G, { onClick: () => {
83
- o(e), a({ ...e, has_been_viewed: !0 }).finally();
84
- }, sx: i.card, children: [
85
- e.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: i.dot }),
86
- /* @__PURE__ */ t(X, { notification: e }),
87
- /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
83
+ o(i), s({ ...i, has_been_viewed: !0 }).finally();
84
+ }, sx: e.card, children: [
85
+ i.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: e.dot }),
86
+ /* @__PURE__ */ t(X, { notification: i }),
87
+ /* @__PURE__ */ t(m, { bold: !i.has_been_viewed, truncate: !1, variant: "Small", children: i.content })
88
88
  ] });
89
89
  }, q = p(
90
- ({ onManageNotifications: e }) => {
90
+ ({ onManageNotifications: i }) => {
91
91
  const { notifications: o } = g();
92
92
  return /* @__PURE__ */ d(W, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
93
93
  /* @__PURE__ */ t(U, { name: "notifications", size: 32 }),
@@ -106,20 +106,20 @@ const yt = (e) => {
106
106
  children: o.notification_empty_state.notification_description
107
107
  }
108
108
  ),
109
- /* @__PURE__ */ t(P, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
109
+ /* @__PURE__ */ t(P, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
110
110
  ] });
111
111
  }
112
- ), J = ({ onClick: e, onManageNotifications: o }) => {
113
- const { isLoading: a, loadNotifications: s, recentNotifications: i, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
114
- e?.(n);
112
+ ), J = ({ onClick: i, onManageNotifications: o }) => {
113
+ const { isLoading: s, loadNotifications: a, newNotifications: e, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
114
+ i?.(n);
115
115
  };
116
- return A(() => (s().finally(), () => {
117
- r().finally();
118
- }), []), /* @__PURE__ */ d(x, { children: [
119
- (!c || a) && /* @__PURE__ */ t(w, { label: u?.loading, size: 40 }),
120
- c && !a && i.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
121
- /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !a && i.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
122
- const v = L(h, i);
116
+ return A(() => {
117
+ a().finally(), r().finally();
118
+ }, [a, r]), /* @__PURE__ */ d(x, { children: [
119
+ (!c || s) && /* @__PURE__ */ t(w, { label: u?.loading, size: 40 }),
120
+ c && !s && e.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
121
+ /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !s && e.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
122
+ const v = L(h, e);
123
123
  return /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
124
124
  v && /* @__PURE__ */ d(y, { sx: { mb: 12 }, children: [
125
125
  /* @__PURE__ */ t(M, { date: n.delivered_at }),
@@ -130,15 +130,15 @@ const yt = (e) => {
130
130
  }) })
131
131
  ] });
132
132
  }, K = p(J), bt = p(
133
- ({ notificationTypes: e, isOpen: o, onClose: a, onNotificationClick: s }) => {
134
- const { config: i } = z(), { notifications: r, settings: u } = g(), { isCopyLoaded: c } = S(), [l, n] = k.useState(!1);
133
+ ({ notificationTypes: i, isOpen: o, onClose: s, onNotificationClick: a }) => {
134
+ const { config: e } = z(), { notifications: r, settings: u } = g(), { isCopyLoaded: c } = S(), [l, n] = k.useState(!1);
135
135
  return c ? /* @__PURE__ */ d(x, { children: [
136
136
  /* @__PURE__ */ d(
137
137
  C,
138
138
  {
139
139
  ariaLabelClose: r.close_notifications,
140
140
  isOpen: o,
141
- onClose: a,
141
+ onClose: s,
142
142
  title: r.notifications_title,
143
143
  children: [
144
144
  /* @__PURE__ */ t(
@@ -157,7 +157,7 @@ const yt = (e) => {
157
157
  /* @__PURE__ */ t(
158
158
  K,
159
159
  {
160
- onClick: s,
160
+ onClick: a,
161
161
  onManageNotifications: () => n(!0)
162
162
  }
163
163
  )
@@ -174,8 +174,8 @@ const yt = (e) => {
174
174
  children: /* @__PURE__ */ t(
175
175
  H,
176
176
  {
177
- notificationTypes: e,
178
- showPersonalDetails: !i.display_user_profile_in_settings
177
+ notificationTypes: i,
178
+ showPersonalDetails: !e.display_user_profile_in_settings
179
179
  }
180
180
  )
181
181
  }
@@ -8,8 +8,8 @@ import { startOfToday as ue } from "date-fns/startOfToday";
8
8
  import { subDays as me } from "date-fns/subDays";
9
9
  import ae from "@mui/material/Skeleton";
10
10
  import c from "@mui/material/Stack";
11
- import { R as Ee } from "../RecurringSettings-DZu2hw1r.mjs";
12
- import { M as Gn } from "../RecurringSettings-DZu2hw1r.mjs";
11
+ import { R as Ee } from "../RecurringSettings-kt3yHC1m.mjs";
12
+ import { M as Gn } from "../RecurringSettings-kt3yHC1m.mjs";
13
13
  import { addMonths as ze } from "date-fns/addMonths";
14
14
  import { subMonths as Fe } from "date-fns/subMonths";
15
15
  import { isBefore as Ue } from "date-fns/isBefore";
@@ -41,8 +41,8 @@ import lt from "@mui/material/ListSubheader";
41
41
  import dt from "@mui/material/ListItemAvatar";
42
42
  import ut from "@mui/material/ListItemButton";
43
43
  import mt from "@mui/material/ListItemText";
44
- import { b as pt } from "../ManageIncome-CsCM4rNt.mjs";
45
- import { c as Wn, M as $n, S as Pn } from "../ManageIncome-CsCM4rNt.mjs";
44
+ import { b as pt } from "../ManageIncome-Dk25_VxX.mjs";
45
+ import { c as Wn, M as $n, S as Pn } from "../ManageIncome-Dk25_VxX.mjs";
46
46
  import { f as A } from "../NumberFormatting-Buh7u8Oi.mjs";
47
47
  import { D as xe } from "../Drawer-kEE73B87.mjs";
48
48
  import { b as O } from "../Localization-2MODESHW.mjs";
@@ -21,7 +21,7 @@ import { D as Dt } from "../Donut-oaQFlbit.mjs";
21
21
  import { L as F } from "../Loader-DUaFpDGv.mjs";
22
22
  import { M as xt } from "../MiniWidgetContainer-D0gfmbaF.mjs";
23
23
  import { startOfToday as q } from "date-fns/startOfToday";
24
- import { T as wt, a as vt } from "../TransactionDetails-CDtya0KS.mjs";
24
+ import { T as wt, a as vt } from "../TransactionDetails-CFKOzFKe.mjs";
25
25
  import It from "@mui/material/Collapse";
26
26
  import B from "@mui/material/Divider";
27
27
  import J from "@mui/material/List";
@@ -1,6 +1,6 @@
1
1
  import { T as Aa } from "../TransactionApi-B3Tksf7L.mjs";
2
- import { u as P, C as Pe, D as $e, M as Ve, c as We, T as Ge, a as Ue } from "../TransactionDetails-CDtya0KS.mjs";
3
- import { B as xa, d as wa, b as Ia } from "../TransactionDetails-CDtya0KS.mjs";
2
+ import { u as P, C as Pe, D as $e, M as Ve, c as We, T as Ge, a as Ue } from "../TransactionDetails-CFKOzFKe.mjs";
3
+ import { B as xa, d as wa, b as Ia } from "../TransactionDetails-CFKOzFKe.mjs";
4
4
  import { T as M } from "../User-BQUxBeZV.mjs";
5
5
  import { O as Da } from "../User-BQUxBeZV.mjs";
6
6
  import { S as ae, D as Fe } from "../TransactionStore-hfOsBbDt.mjs";
@@ -22,7 +22,7 @@ import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
22
22
  import { T as M, b as ft } from "../ViewMoreMicroCard-SCn2wt4i.mjs";
23
23
  import { A as _, W as ke } from "../WidgetContainer-EbrN1oIo.mjs";
24
24
  import { c as Tt } from "../Category-CevNQ03n.mjs";
25
- import { a as Ne, T as He } from "../TransactionDetails-CDtya0KS.mjs";
25
+ import { a as Ne, T as He } from "../TransactionDetails-CFKOzFKe.mjs";
26
26
  import { D as Ce } from "../Drawer-kEE73B87.mjs";
27
27
  import { L as Q } from "../Loader-DUaFpDGv.mjs";
28
28
  import { useTheme as We } from "@mui/material/styles";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "7.2.17",
3
+ "version": "7.2.19-alpha.sms1",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",