@mx-cartographer/experiences 7.0.27-alpha-recurring-transactions-css-bug-ram8 → 7.0.27-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.
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsxs as c, jsx as e, Fragment as
|
|
1
|
+
import { jsxs as c, jsx as e, Fragment as M } from "react/jsx-runtime";
|
|
2
2
|
import f from "react";
|
|
3
|
-
import { observer as
|
|
3
|
+
import { observer as x } from "mobx-react-lite";
|
|
4
4
|
import v from "@mui/material/Divider";
|
|
5
|
-
import
|
|
5
|
+
import E from "@mui/material/List";
|
|
6
6
|
import O from "@mui/material/ListItem";
|
|
7
7
|
import N from "@mui/material/ListItemText";
|
|
8
8
|
import V from "@mui/material/ListItemButton";
|
|
9
9
|
import _ from "@mui/material/Stack";
|
|
10
10
|
import { ChevronRight as k, ExpandMore as K, Star as Q } from "@mxenabled/mx-icons";
|
|
11
|
-
import { Text as
|
|
11
|
+
import { Text as b, InstitutionLogo as Y, H3 as U } from "@mxenabled/mxui";
|
|
12
12
|
import { endOfMonth as Z } from "date-fns/endOfMonth";
|
|
13
13
|
import { startOfMonth as ee } from "date-fns/startOfMonth";
|
|
14
14
|
import { DateCalendar as te } from "@mui/x-date-pickers/DateCalendar";
|
|
15
15
|
import { LocalizationProvider as ne } from "@mui/x-date-pickers/LocalizationProvider";
|
|
16
16
|
import { AdapterDateFns as ie } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
17
|
-
import { A as oe, T as F, a as P, N as
|
|
17
|
+
import { A as oe, T as F, a as P, N as C } from "./Notification-ByMBpJ5u.mjs";
|
|
18
18
|
import { u as D, r as T, o as w, c as se, e as ae, m as W, a as ce } from "./hooks-DkUqN6JE.mjs";
|
|
19
19
|
import { b as le } from "./Localization-2MODESHW.mjs";
|
|
20
20
|
import { b as re, f as de } from "./NumberFormatting-CtWHhyBX.mjs";
|
|
21
|
-
import { a as
|
|
21
|
+
import { a as B } from "./Dialog-CWW597AF.mjs";
|
|
22
22
|
import { C as me } from "./CurrencyInput-bEx2Mbd0.mjs";
|
|
23
23
|
import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
|
|
24
24
|
import { D as J } from "./Drawer-kEE73B87.mjs";
|
|
@@ -31,7 +31,7 @@ import L from "@mui/material/TextField";
|
|
|
31
31
|
import { u as fe } from "./useDimensions-27p2evRx.mjs";
|
|
32
32
|
import X from "@mui/material/styles/useTheme";
|
|
33
33
|
import { L as ge } from "./Loader-DUaFpDGv.mjs";
|
|
34
|
-
const ye =
|
|
34
|
+
const ye = x(() => {
|
|
35
35
|
const { common: n, settings: t } = D(), { sendEmailVerification: s } = T(), { user: l } = w(), i = X(), [r, a] = f.useState(!1), o = () => {
|
|
36
36
|
a(!1);
|
|
37
37
|
}, d = () => {
|
|
@@ -39,11 +39,11 @@ const ye = C(() => {
|
|
|
39
39
|
};
|
|
40
40
|
return /* @__PURE__ */ c(f.Fragment, { children: [
|
|
41
41
|
/* @__PURE__ */ c(R, { onClick: d, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
|
|
42
|
-
/* @__PURE__ */ e(
|
|
42
|
+
/* @__PURE__ */ e(b, { variant: "Small", children: t.verify_email }),
|
|
43
43
|
/* @__PURE__ */ e(k, {})
|
|
44
44
|
] }),
|
|
45
45
|
/* @__PURE__ */ e(
|
|
46
|
-
|
|
46
|
+
B,
|
|
47
47
|
{
|
|
48
48
|
copy: { title: "" },
|
|
49
49
|
isOpen: r,
|
|
@@ -61,10 +61,10 @@ const ye = C(() => {
|
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
|
|
64
|
-
/* @__PURE__ */ e(
|
|
65
|
-
/* @__PURE__ */ e(
|
|
64
|
+
/* @__PURE__ */ e(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
|
|
65
|
+
/* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_email }),
|
|
66
66
|
/* @__PURE__ */ e(
|
|
67
|
-
|
|
67
|
+
b,
|
|
68
68
|
{
|
|
69
69
|
sx: {
|
|
70
70
|
border: `1px solid ${i.palette.border.light}`,
|
|
@@ -75,16 +75,16 @@ const ye = C(() => {
|
|
|
75
75
|
children: l.email
|
|
76
76
|
}
|
|
77
77
|
),
|
|
78
|
-
/* @__PURE__ */ e(
|
|
78
|
+
/* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.verification_notice_email })
|
|
79
79
|
] })
|
|
80
80
|
}
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
83
|
-
}), be =
|
|
83
|
+
}), be = x(
|
|
84
84
|
({ handleClose: n, handleVerify: t, isOpen: s }) => {
|
|
85
85
|
const { common: l, settings: i } = D(), [r, a] = f.useState("");
|
|
86
86
|
return /* @__PURE__ */ e(
|
|
87
|
-
|
|
87
|
+
B,
|
|
88
88
|
{
|
|
89
89
|
copy: { title: i.enter_verification_code },
|
|
90
90
|
isOpen: s,
|
|
@@ -105,7 +105,7 @@ const ye = C(() => {
|
|
|
105
105
|
}
|
|
106
106
|
);
|
|
107
107
|
}
|
|
108
|
-
), xe =
|
|
108
|
+
), xe = x(() => {
|
|
109
109
|
const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = w(), r = X(), [a, o] = f.useState(!1), [d, m] = f.useState(!1), h = () => {
|
|
110
110
|
o(!1);
|
|
111
111
|
}, u = () => {
|
|
@@ -121,11 +121,11 @@ const ye = C(() => {
|
|
|
121
121
|
};
|
|
122
122
|
return /* @__PURE__ */ c(f.Fragment, { children: [
|
|
123
123
|
/* @__PURE__ */ c(R, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
|
|
124
|
-
/* @__PURE__ */ e(
|
|
124
|
+
/* @__PURE__ */ e(b, { variant: "Small", children: t.verify_phone }),
|
|
125
125
|
/* @__PURE__ */ e(k, {})
|
|
126
126
|
] }),
|
|
127
127
|
/* @__PURE__ */ e(
|
|
128
|
-
|
|
128
|
+
B,
|
|
129
129
|
{
|
|
130
130
|
copy: { title: "" },
|
|
131
131
|
isOpen: a,
|
|
@@ -143,10 +143,10 @@ const ye = C(() => {
|
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
145
|
children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
|
|
146
|
-
/* @__PURE__ */ e(
|
|
147
|
-
/* @__PURE__ */ e(
|
|
146
|
+
/* @__PURE__ */ e(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
|
|
147
|
+
/* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_phone }),
|
|
148
148
|
/* @__PURE__ */ e(
|
|
149
|
-
|
|
149
|
+
b,
|
|
150
150
|
{
|
|
151
151
|
sx: {
|
|
152
152
|
border: `1px solid ${r.palette.border.light}`,
|
|
@@ -157,7 +157,7 @@ const ye = C(() => {
|
|
|
157
157
|
children: i.phone
|
|
158
158
|
}
|
|
159
159
|
),
|
|
160
|
-
/* @__PURE__ */ e(
|
|
160
|
+
/* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
|
|
161
161
|
] })
|
|
162
162
|
}
|
|
163
163
|
),
|
|
@@ -170,7 +170,7 @@ const ye = C(() => {
|
|
|
170
170
|
}
|
|
171
171
|
)
|
|
172
172
|
] });
|
|
173
|
-
}), Ce =
|
|
173
|
+
}), Ce = x(
|
|
174
174
|
({ onProfileUpdated: n, profile: t }) => {
|
|
175
175
|
const { common: s, recurring: l, settings: i } = D(), { updateAccount: r } = se(), a = t.notification_type === oe.DebtPaymentReminder, [o, d] = f.useState(!1), [m, h] = f.useState(t.threshold || 0), [u, g] = f.useState(
|
|
176
176
|
t.account?.day_payment_is_due || 0
|
|
@@ -204,7 +204,7 @@ const ye = C(() => {
|
|
|
204
204
|
}
|
|
205
205
|
),
|
|
206
206
|
/* @__PURE__ */ e(
|
|
207
|
-
|
|
207
|
+
B,
|
|
208
208
|
{
|
|
209
209
|
copy: {
|
|
210
210
|
title: a ? l.day_of_the_month : i.notification_threshold_label,
|
|
@@ -251,7 +251,7 @@ const ye = C(() => {
|
|
|
251
251
|
)
|
|
252
252
|
] });
|
|
253
253
|
}
|
|
254
|
-
), ve =
|
|
254
|
+
), ve = x(
|
|
255
255
|
({ onUpdateProfile: n, profile: t }) => {
|
|
256
256
|
const { settings: s } = D(), { user: l } = w(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = _e(), o = t.notification_type > 2, {
|
|
257
257
|
opted_out_of_email_notifications: d,
|
|
@@ -263,9 +263,9 @@ const ye = C(() => {
|
|
|
263
263
|
sms_notifications_enabled: p
|
|
264
264
|
} = i;
|
|
265
265
|
return /* @__PURE__ */ c(_, { children: [
|
|
266
|
-
(u || p || g) && /* @__PURE__ */ c(
|
|
267
|
-
/* @__PURE__ */ e(
|
|
268
|
-
/* @__PURE__ */ c(
|
|
266
|
+
(u || p || g) && /* @__PURE__ */ c(M, { children: [
|
|
267
|
+
/* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.delivery_method_title }),
|
|
268
|
+
/* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
|
|
269
269
|
u && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
|
|
270
270
|
P,
|
|
271
271
|
{
|
|
@@ -305,8 +305,8 @@ const ye = C(() => {
|
|
|
305
305
|
] })
|
|
306
306
|
] }),
|
|
307
307
|
o && !!t.children?.length && /* @__PURE__ */ c(_, { children: [
|
|
308
|
-
/* @__PURE__ */ e(
|
|
309
|
-
/* @__PURE__ */ e(
|
|
308
|
+
/* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.accounts_threshold_title }),
|
|
309
|
+
/* @__PURE__ */ e(E, { sx: { bgcolor: "background.paper" }, children: t.children?.map((y) => /* @__PURE__ */ e(
|
|
310
310
|
Ce,
|
|
311
311
|
{
|
|
312
312
|
onProfileUpdated: n,
|
|
@@ -317,7 +317,7 @@ const ye = C(() => {
|
|
|
317
317
|
] })
|
|
318
318
|
] });
|
|
319
319
|
}
|
|
320
|
-
), H =
|
|
320
|
+
), H = x(() => {
|
|
321
321
|
const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
|
|
322
322
|
() => n.find((o) => o.guid === s),
|
|
323
323
|
[n, s]
|
|
@@ -359,7 +359,7 @@ const ye = C(() => {
|
|
|
359
359
|
}
|
|
360
360
|
)
|
|
361
361
|
] });
|
|
362
|
-
}), q =
|
|
362
|
+
}), q = x(({ profile: n }) => {
|
|
363
363
|
const { settings: t } = D(), {
|
|
364
364
|
clientCommunicationProfile: {
|
|
365
365
|
email_notifications_enabled: s,
|
|
@@ -377,7 +377,7 @@ const ye = C(() => {
|
|
|
377
377
|
}, p = async (S) => {
|
|
378
378
|
await r(S);
|
|
379
379
|
}, y = s || i || l;
|
|
380
|
-
return /* @__PURE__ */ c(
|
|
380
|
+
return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
|
|
381
381
|
/* @__PURE__ */ e(
|
|
382
382
|
F,
|
|
383
383
|
{
|
|
@@ -399,7 +399,7 @@ const ye = C(() => {
|
|
|
399
399
|
},
|
|
400
400
|
n.guid
|
|
401
401
|
),
|
|
402
|
-
y && /* @__PURE__ */ e(he, { in: h, children: /* @__PURE__ */ c(
|
|
402
|
+
y && /* @__PURE__ */ e(he, { in: h, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
|
|
403
403
|
s && /* @__PURE__ */ e(
|
|
404
404
|
P,
|
|
405
405
|
{
|
|
@@ -441,10 +441,10 @@ const ye = C(() => {
|
|
|
441
441
|
] }) }),
|
|
442
442
|
/* @__PURE__ */ e(v, {})
|
|
443
443
|
] }, n.guid);
|
|
444
|
-
}), z =
|
|
444
|
+
}), z = x(() => {
|
|
445
445
|
const { budgetProfiles: n } = T();
|
|
446
446
|
return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
|
|
447
|
-
}), Te =
|
|
447
|
+
}), Te = x(() => {
|
|
448
448
|
const { onEvent: n } = ae(), { settings: t } = D(), {
|
|
449
449
|
clientCommunicationProfile: s,
|
|
450
450
|
updateUserCommunicationProfile: l,
|
|
@@ -459,7 +459,7 @@ const ye = C(() => {
|
|
|
459
459
|
};
|
|
460
460
|
return /* @__PURE__ */ c(_, { children: [
|
|
461
461
|
/* @__PURE__ */ e(U, { sx: { mt: 24 }, children: t.delivery_method_title }),
|
|
462
|
-
s.email_notifications_enabled && /* @__PURE__ */ c(
|
|
462
|
+
s.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
|
|
463
463
|
/* @__PURE__ */ e(
|
|
464
464
|
P,
|
|
465
465
|
{
|
|
@@ -476,7 +476,7 @@ const ye = C(() => {
|
|
|
476
476
|
),
|
|
477
477
|
(s.sms_notifications_enabled || s.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
|
|
478
478
|
] }),
|
|
479
|
-
s.sms_notifications_enabled && /* @__PURE__ */ c(
|
|
479
|
+
s.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
|
|
480
480
|
/* @__PURE__ */ e(
|
|
481
481
|
P,
|
|
482
482
|
{
|
|
@@ -504,10 +504,10 @@ const ye = C(() => {
|
|
|
504
504
|
),
|
|
505
505
|
s.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ c(_, { alignItems: "flex-start", direction: "row", gap: 6, children: [
|
|
506
506
|
/* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
|
|
507
|
-
/* @__PURE__ */ e(
|
|
507
|
+
/* @__PURE__ */ e(b, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
|
|
508
508
|
] }) }) })
|
|
509
509
|
] });
|
|
510
|
-
}), $ =
|
|
510
|
+
}), $ = x(() => {
|
|
511
511
|
const { insightsProfiles: n } = T();
|
|
512
512
|
return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
|
|
513
513
|
}), Pe = () => {
|
|
@@ -592,9 +592,9 @@ const ye = C(() => {
|
|
|
592
592
|
)
|
|
593
593
|
] })
|
|
594
594
|
] });
|
|
595
|
-
}, De =
|
|
595
|
+
}, De = x(Pe), st = x(
|
|
596
596
|
({
|
|
597
|
-
notificationTypes: n = [
|
|
597
|
+
notificationTypes: n = [],
|
|
598
598
|
showPersonalDetails: t = !1,
|
|
599
599
|
view: s
|
|
600
600
|
}) => {
|
|
@@ -606,7 +606,7 @@ const ye = C(() => {
|
|
|
606
606
|
}, [r]), !r)
|
|
607
607
|
return /* @__PURE__ */ e(ge, {});
|
|
608
608
|
let h = i.manage_account_notifications;
|
|
609
|
-
d ===
|
|
609
|
+
d === C.Budgets ? h = i.manage_budget_notifications : d === C.Insights && (h = i.manage_insights_notifications);
|
|
610
610
|
const {
|
|
611
611
|
email_notifications_enabled: u,
|
|
612
612
|
sms_notifications_enabled: g,
|
|
@@ -621,22 +621,22 @@ const ye = C(() => {
|
|
|
621
621
|
const S = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, A = t && a.can_edit_contact_info && S;
|
|
622
622
|
return /* @__PURE__ */ c(_, { sx: { pt: y ? 0 : 24 }, children: [
|
|
623
623
|
/* @__PURE__ */ c(_, { sx: { px: 24 }, children: [
|
|
624
|
-
y && /* @__PURE__ */ c(
|
|
624
|
+
y && /* @__PURE__ */ c(M, { children: [
|
|
625
625
|
/* @__PURE__ */ e(Te, {}),
|
|
626
626
|
/* @__PURE__ */ e(v, { sx: { my: 24 } })
|
|
627
627
|
] }),
|
|
628
628
|
/* @__PURE__ */ e(U, { sx: { mb: 4 }, children: i.notification_types_title })
|
|
629
629
|
] }),
|
|
630
|
-
/* @__PURE__ */ c(
|
|
631
|
-
n.includes(
|
|
630
|
+
/* @__PURE__ */ c(E, { children: [
|
|
631
|
+
n.includes(C.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Accounts), children: [
|
|
632
632
|
/* @__PURE__ */ e(N, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
|
|
633
633
|
/* @__PURE__ */ e(k, {})
|
|
634
634
|
] }) }),
|
|
635
|
-
n.includes(
|
|
635
|
+
n.includes(C.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Budgets), children: [
|
|
636
636
|
/* @__PURE__ */ e(N, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
|
|
637
637
|
/* @__PURE__ */ e(k, {})
|
|
638
638
|
] }) }),
|
|
639
|
-
n.includes(
|
|
639
|
+
n.includes(C.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Insights), children: [
|
|
640
640
|
/* @__PURE__ */ e(N, { primary: i.insights_title, secondary: i.insights_subtitle }),
|
|
641
641
|
/* @__PURE__ */ e(k, {})
|
|
642
642
|
] }) })
|
|
@@ -649,9 +649,9 @@ const ye = C(() => {
|
|
|
649
649
|
onClose: () => m(void 0),
|
|
650
650
|
title: h,
|
|
651
651
|
children: /* @__PURE__ */ c(_, { children: [
|
|
652
|
-
d ===
|
|
653
|
-
d ===
|
|
654
|
-
d ===
|
|
652
|
+
d === C.Accounts && /* @__PURE__ */ e(H, {}),
|
|
653
|
+
d === C.Budgets && /* @__PURE__ */ e(z, {}),
|
|
654
|
+
d === C.Insights && /* @__PURE__ */ e($, {})
|
|
655
655
|
] })
|
|
656
656
|
}
|
|
657
657
|
)
|
|
@@ -17,7 +17,7 @@ import P from "@mui/material/Button";
|
|
|
17
17
|
import W from "@mui/material/Stack";
|
|
18
18
|
import { L as w } from "../Loader-DUaFpDGv.mjs";
|
|
19
19
|
import $ from "@mui/material/IconButton";
|
|
20
|
-
import { N as H } from "../NotificationSettings-
|
|
20
|
+
import { N as H } from "../NotificationSettings-D5xBFiWs.mjs";
|
|
21
21
|
import { D as b } from "../Drawer-kEE73B87.mjs";
|
|
22
22
|
const yt = (e) => {
|
|
23
23
|
switch (e) {
|