@mx-cartographer/experiences 7.2.22 → 7.2.23-alpha.sab1

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,16 @@ interface LoadDataProps {
36
36
  transactions?: Transaction[];
37
37
  userFeatures?: UserFeature[];
38
38
  }
39
+ type OnStoreUpdate = (update: ObservedUpdate) => void;
40
+ type ObservedUpdate = {
41
+ transactions: Transaction[];
42
+ };
39
43
  export declare class GlobalStore {
40
44
  appConfig: AppConfig;
41
45
  endpoint: string;
42
46
  sessionToken: string;
43
47
  onError?: GlobalErrorHandler;
48
+ onStoreUpdate?: OnStoreUpdate;
44
49
  accountStore: AccountStore;
45
50
  appDataStore: AppDataStore;
46
51
  analyticsStore: AnalyticsStore;
@@ -64,8 +69,9 @@ export declare class GlobalStore {
64
69
  trendsStore: TrendsStore;
65
70
  userStore: UserStore;
66
71
  globalUiStore: GlobalUiStore;
67
- constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler);
72
+ constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler, onStoreUpdate?: OnStoreUpdate);
68
73
  get isInitialized(): boolean;
74
+ emitUpdate: (change: ObservedUpdate) => void;
69
75
  loadData: ({ accounts, appData, associatedBeats, categories, institutions, transactionRules, transactions, userFeatures, }?: LoadDataProps) => Promise<void>;
70
76
  }
71
77
  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-CaQJvUPQ.mjs";
33
+ import { R as Qe } from "../RecurringSettings-D7476j-N.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-vPzGb1RZ.mjs";
42
- import { A as lt } from "../AccountDetailsContent-DIGzsjAD.mjs";
42
+ import { A as lt } from "../AccountDetailsContent-B6ZFRZ8l.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";
@@ -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 = (i) => {
23
- switch (i) {
22
+ const yt = (e) => {
23
+ switch (e) {
24
24
  case b.BudgetExceeded:
25
25
  case b.BudgetOffTarget:
26
26
  return _.BUDGETS;
@@ -35,8 +35,8 @@ const yt = (i) => {
35
35
  default:
36
36
  return null;
37
37
  }
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 = {
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: 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 = {
40
40
  badge: {
41
41
  display: "flex",
42
42
  alignItems: "center",
@@ -45,16 +45,16 @@ const yt = (i) => {
45
45
  marginRight: 12
46
46
  }
47
47
  };
48
- return e || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
48
+ return i || u ? /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(
49
49
  T,
50
50
  {
51
- alt: e?.institutionName || a.institution_logo_alt,
52
- institutionGuid: e?.institution_guid ?? "",
51
+ alt: i?.institutionName || a.institution_logo_alt,
52
+ institutionGuid: i?.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: i, onClick: o }) => {
57
- const { updateNotification: s } = N(), a = O(), e = {
56
+ }, X = p(V), Y = ({ notification: e, onClick: o }) => {
57
+ const { updateNotification: s } = N(), a = O(), i = {
58
58
  card: {
59
59
  alignItems: "center",
60
60
  cursor: "pointer",
@@ -80,14 +80,14 @@ const yt = (i) => {
80
80
  }
81
81
  };
82
82
  return /* @__PURE__ */ d(G, { onClick: () => {
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 })
83
+ o(e), s({ ...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 })
88
88
  ] });
89
89
  }, q = p(
90
- ({ onManageNotifications: i }) => {
90
+ ({ onManageNotifications: e }) => {
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 = (i) => {
106
106
  children: o.notification_empty_state.notification_description
107
107
  }
108
108
  ),
109
- /* @__PURE__ */ t(P, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
109
+ /* @__PURE__ */ t(P, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: o.notification_empty_state.manage_notifications })
110
110
  ] });
111
111
  }
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);
112
+ ), J = ({ onClick: e, onManageNotifications: o }) => {
113
+ const { isLoading: s, loadNotifications: a, newNotifications: i, markAllAsViewed: r } = N(), { notifications: u } = g(), { isCopyLoaded: c } = S(), l = (n) => {
114
+ e?.(n);
115
115
  };
116
116
  return A(() => {
117
- a().finally(), r().finally();
117
+ a().then(() => r()).finally();
118
118
  }, [a, r]), /* @__PURE__ */ d(x, { children: [
119
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);
120
+ c && !s && i.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: o }),
121
+ /* @__PURE__ */ t(B, { sx: { p: 16 }, children: c && !s && i.slice().sort((n, h) => h.delivered_at - n.delivered_at).map((n, h) => {
122
+ const v = L(h, i);
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,8 +130,8 @@ const yt = (i) => {
130
130
  }) })
131
131
  ] });
132
132
  }, K = p(J), bt = p(
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);
133
+ ({ notificationTypes: e, isOpen: o, onClose: s, onNotificationClick: a }) => {
134
+ const { config: i } = 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,
@@ -174,8 +174,8 @@ const yt = (i) => {
174
174
  children: /* @__PURE__ */ t(
175
175
  H,
176
176
  {
177
- notificationTypes: i,
178
- showPersonalDetails: !e.display_user_profile_in_settings
177
+ notificationTypes: e,
178
+ showPersonalDetails: !i.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-CaQJvUPQ.mjs";
12
- import { M as Gn } from "../RecurringSettings-CaQJvUPQ.mjs";
11
+ import { R as Ee } from "../RecurringSettings-D7476j-N.mjs";
12
+ import { M as Gn } from "../RecurringSettings-D7476j-N.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-B7RqkNz5.mjs";
45
- import { c as Wn, M as $n, S as Pn } from "../ManageIncome-B7RqkNz5.mjs";
44
+ import { b as pt } from "../ManageIncome-CXeJPfjE.mjs";
45
+ import { c as Wn, M as $n, S as Pn } from "../ManageIncome-CXeJPfjE.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";
@@ -12,7 +12,7 @@ import { b as V } from "../CategoryUtil-BR3H5i6n.mjs";
12
12
  import { b as _ } from "../Category-CevNQ03n.mjs";
13
13
  import { Text as y, CategoryIcon as yt, CategoryIconVariants as bt } from "@mxenabled/mxui";
14
14
  import { f as v } from "../NumberFormatting-Buh7u8Oi.mjs";
15
- import { c as Ct, T as _t, a as St } from "../TransactionDetails-gdzlKeDG.mjs";
15
+ import { c as Ct, T as _t, a as St } from "../TransactionDetails-Cscyr17P.mjs";
16
16
  import Tt from "@mui/material/Button";
17
17
  import { useTheme as rt } from "@mui/material";
18
18
  import { u as E, b as O, m as z, d as st, n as Mt, a as lt, h as Dt, g as xt } from "../hooks-D6XlXHf4.mjs";
@@ -3,6 +3,7 @@ import { Transaction } from '../../../common';
3
3
  import { BottomActions, TopActions } from '../../constants/Actions';
4
4
  export interface TransactionDetailsProps {
5
5
  bottomActions?: BottomActions[];
6
+ canFlagTransaction?: boolean;
6
7
  topActions?: TopActions[];
7
8
  transaction: Transaction;
8
9
  }
@@ -1,6 +1,6 @@
1
1
  import { T as Ta } from "../TransactionApi-B3Tksf7L.mjs";
2
- import { u as P, C as Pe, D as $e, M as Ve, d as We, c as Ge, T as Ue, a as Fe } from "../TransactionDetails-gdzlKeDG.mjs";
3
- import { B as Sa, e as xa, b as wa } from "../TransactionDetails-gdzlKeDG.mjs";
2
+ import { u as P, C as Pe, D as $e, M as Ve, d as We, c as Ge, T as Ue, a as Fe } from "../TransactionDetails-Cscyr17P.mjs";
3
+ import { B as Sa, e as xa, b as wa } from "../TransactionDetails-Cscyr17P.mjs";
4
4
  import { T as M } from "../User-BQUxBeZV.mjs";
5
5
  import { O as va } from "../User-BQUxBeZV.mjs";
6
6
  import { S as ae, D as ze } 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-gdzlKeDG.mjs";
25
+ import { a as Ne, T as He } from "../TransactionDetails-Cscyr17P.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.22",
3
+ "version": "7.2.23-alpha.sab1",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",