@mx-cartographer/experiences 7.0.9 → 7.0.11-alpha.al0

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.
Files changed (100) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/{Account-BW3-oYEs.mjs → Account-D_kRKI6x.mjs} +1 -1
  3. package/dist/{AccountDetailsContent-Dkpo7pw6.mjs → AccountDetailsContent-Dfja2v8K.mjs} +19 -19
  4. package/dist/{AccountDetailsHeader-2HU_fMWZ.mjs → AccountDetailsHeader-nc5mqlHm.mjs} +5 -5
  5. package/dist/{AccountFields-CIz-r3gP.mjs → AccountFields-DeebSePp.mjs} +2 -2
  6. package/dist/{AccountListItem-B-ZjJ4Gp.mjs → AccountListItem-dh03tivj.mjs} +3 -3
  7. package/dist/{AccountStore-BQKxAYSg.mjs → AccountStore-Cp7xWX8n.mjs} +68 -63
  8. package/dist/{Accounts-CA-nqAjT.mjs → Accounts-DppzmFak.mjs} +1 -1
  9. package/dist/{BeatApi-DLu87ijw.mjs → BeatApi-D0WcLW3O.mjs} +3 -3
  10. package/dist/{BeatStore-By4aGoRM.mjs → BeatStore-y6WVs07e.mjs} +17 -17
  11. package/dist/{BudgetUtil-CeSLAcsl.mjs → BudgetUtil-DmWvHV7C.mjs} +1 -1
  12. package/dist/{CategorySelectorDrawer-BPvjZ-Xo.mjs → CategorySelectorDrawer-uTU7Nwn2.mjs} +1 -1
  13. package/dist/{CategoryStore-BOyzQjQp.mjs → CategoryStore-BfYppD3g.mjs} +4 -4
  14. package/dist/{ConnectDrawer-phFH6OHt.mjs → ConnectDrawer-BfYwIgKa.mjs} +5 -5
  15. package/dist/{ConnectionsDrawer-ihxkAi1P.mjs → ConnectionsDrawer-BKG07Loi.mjs} +2 -2
  16. package/dist/{CurrencyInput-bEx2Mbd0.mjs → CurrencyInput-BtrNBP3z.mjs} +1 -1
  17. package/dist/{DebtsStore-Dp-CraCD.mjs → DebtsStore-BR1o55kk.mjs} +1 -1
  18. package/dist/{ExportCsvAction-CvyiKLTh.mjs → ExportCsvAction-BH369hls.mjs} +3 -3
  19. package/dist/{Fetch-CkFKy79O.mjs → Fetch-CJ9cgjgV.mjs} +9 -8
  20. package/dist/{FinstrongStore-mkALvztw.mjs → FinstrongStore-rC2F4Tq3.mjs} +4 -4
  21. package/dist/{GoalStore-BWHkOQ8o.mjs → GoalStore-rZKi2YjE.mjs} +21 -21
  22. package/dist/{Help-B3oENhkG.mjs → Help-t24Ldz-O.mjs} +1 -1
  23. package/dist/{LineChart-jpdaQX7x.mjs → LineChart-CfEEnHUy.mjs} +1 -1
  24. package/dist/{ListItemAction-DNZZ5fSa.mjs → ListItemAction-Cwadpg85.mjs} +1 -1
  25. package/dist/{ManageIncome-Bd14SWPF.mjs → ManageIncome-xksS_sWM.mjs} +4 -4
  26. package/dist/MerchantStore-h96aTml7.mjs +37 -0
  27. package/dist/{MicroWidgetContainer-Dxz8uBN9.mjs → MicroWidgetContainer-DwTAjSdX.mjs} +1 -1
  28. package/dist/{MiniWidgetContainer-CTyjmE1h.mjs → MiniWidgetContainer-CxggrnHk.mjs} +1 -1
  29. package/dist/{NetWorthStore-B6xF9eGH.mjs → NetWorthStore-5qSDIglU.mjs} +2 -2
  30. package/dist/{NotificationSettings-uXVwpIa1.mjs → NotificationSettings-Cny7J1hO.mjs} +2 -2
  31. package/dist/{NotificationStore-DHtSGySy.mjs → NotificationStore-DpV9hXSE.mjs} +8 -4
  32. package/dist/{OriginalBalanceAction-DepsKiJz.mjs → OriginalBalanceAction-DDMRgIBU.mjs} +3 -3
  33. package/dist/{RecurringSettings-4Y2RJy_M.mjs → RecurringSettings-DXQ64A8U.mjs} +3 -3
  34. package/dist/{RecurringTransactionsStore-D62XJtdL.mjs → RecurringTransactionsStore-CXhnipfd.mjs} +20 -16
  35. package/dist/{SettingsStore-B4gi6oOw.mjs → SettingsStore-CLLqNa_S.mjs} +33 -29
  36. package/dist/{Transaction-Dns0Kuuy.mjs → Transaction-CXMMfhz-.mjs} +1 -1
  37. package/dist/{TransactionApi-DbbcjI2L.mjs → TransactionApi-C0HMGDBV.mjs} +29 -29
  38. package/dist/{TransactionDetails-BSl6CpL8.mjs → TransactionDetails-v77agHHP.mjs} +5 -5
  39. package/dist/{TransactionStore-BVKUoEHj.mjs → TransactionStore-Cu_KM_J9.mjs} +29 -25
  40. package/dist/{TrendsStore-D6Un6Y4A.mjs → TrendsStore-B4Q-iLX0.mjs} +1 -1
  41. package/dist/{ViewMoreMicroCard-BZI5VMNW.mjs → ViewMoreMicroCard-DJoNOqkD.mjs} +5 -2
  42. package/dist/{WidgetContainer-C2NBfpDg.mjs → WidgetContainer-QcfqagZD.mjs} +2 -2
  43. package/dist/accounts/api/AccountApi.d.ts +2 -2
  44. package/dist/accounts/index.es.js +17 -17
  45. package/dist/analytics/index.es.js +2 -2
  46. package/dist/budgets/api/BudgetsApi.d.ts +2 -2
  47. package/dist/budgets/index.es.js +10 -10
  48. package/dist/cashflow/api/CashflowApi.d.ts +3 -2
  49. package/dist/cashflow/index.es.js +10 -10
  50. package/dist/categories/index.es.js +2 -2
  51. package/dist/common/api/AnalyticsApi.d.ts +2 -2
  52. package/dist/common/api/AppDataApi.d.ts +2 -2
  53. package/dist/common/api/BeatApi.d.ts +2 -2
  54. package/dist/common/api/CategoryApi.d.ts +2 -3
  55. package/dist/common/api/GlobalCopyApi.d.ts +2 -1
  56. package/dist/common/api/LocalizedCopyApi.d.ts +2 -1
  57. package/dist/common/api/NotificationApi.d.ts +2 -2
  58. package/dist/common/api/ScheduledPaymentsApi.d.ts +3 -2
  59. package/dist/common/api/UserApi.d.ts +2 -2
  60. package/dist/common/context/GlobalDataProvider.d.ts +3 -2
  61. package/dist/common/context/hooks.d.ts +4 -1
  62. package/dist/common/context/index.d.ts +1 -1
  63. package/dist/common/index.es.js +321 -315
  64. package/dist/common/stores/GlobalStore.d.ts +2 -1
  65. package/dist/common/types/Handlers.d.ts +2 -0
  66. package/dist/common/types/index.d.ts +1 -0
  67. package/dist/common/utils/Fetch.d.ts +3 -1
  68. package/dist/common/utils/User.d.ts +2 -0
  69. package/dist/dashboard/index.es.js +7 -7
  70. package/dist/debts/index.es.js +11 -11
  71. package/dist/{exportTransactionsToCSV-B4JW8rfR.mjs → exportTransactionsToCSV-DpP_a1g8.mjs} +1 -1
  72. package/dist/finstrong/api/FinstrongApi.d.ts +2 -1
  73. package/dist/finstrong/index.es.js +7 -7
  74. package/dist/goals/api/GoalApi.d.ts +3 -2
  75. package/dist/goals/index.es.js +11 -11
  76. package/dist/help/api/HelpApi.d.ts +2 -2
  77. package/dist/help/index.es.js +3 -3
  78. package/dist/hooks-DcS6DyRl.mjs +74 -0
  79. package/dist/insights/index.es.js +1 -1
  80. package/dist/investments/api/HoldingApi.d.ts +3 -2
  81. package/dist/investments/index.es.js +3 -3
  82. package/dist/merchants/api/MerchantApi.d.ts +2 -1
  83. package/dist/merchants/index.es.js +2 -2
  84. package/dist/microinsights/context/InsightsMicroWidgetDataProvider.d.ts +2 -1
  85. package/dist/microinsights/context/hooks.d.ts +1 -1
  86. package/dist/microinsights/index.es.js +1 -1
  87. package/dist/networth/index.es.js +7 -7
  88. package/dist/notifications/index.es.js +5 -5
  89. package/dist/recurringtransactions/api/RepeatingTransactionsApi.d.ts +2 -2
  90. package/dist/recurringtransactions/index.es.js +10 -10
  91. package/dist/settings/api/SettingsApi.d.ts +3 -2
  92. package/dist/settings/index.es.js +7 -7
  93. package/dist/spending/index.es.js +4 -4
  94. package/dist/transactions/api/TransactionApi.d.ts +3 -2
  95. package/dist/transactions/index.es.js +14 -14
  96. package/dist/trends/index.es.js +10 -10
  97. package/dist/{useCombineEvents-DaDBSR_1.mjs → useCombineEvents-Dbjzfwvo.mjs} +29 -29
  98. package/package.json +1 -1
  99. package/dist/MerchantStore-DVH-QOf0.mjs +0 -37
  100. package/dist/hooks-DkUqN6JE.mjs +0 -71
@@ -1,4 +1,4 @@
1
- import { g as a } from "./Localization-2MODESHW.mjs";
1
+ import { g as r } from "./Localization-2MODESHW.mjs";
2
2
  const S = {
3
3
  ACCOUNTS: "accounts",
4
4
  ANALYTICS_EVENTS: "analytics_events",
@@ -46,18 +46,19 @@ const S = {
46
46
  USER_PROFILES: "user_profiles",
47
47
  WIDGET_URLS: "widget_urls"
48
48
  };
49
- class c {
49
+ class h {
50
50
  endpoint = "/";
51
51
  headers;
52
- constructor(s, n, t) {
52
+ onError;
53
+ constructor(s, n, t, o) {
53
54
  this.endpoint = s;
54
- const o = {
55
+ const e = {
55
56
  Accept: "application/json",
56
- "Accept-Language": a(),
57
+ "Accept-Language": r(),
57
58
  "Content-Type": "application/json",
58
59
  "MD-Session-Token": n
59
60
  };
60
- this.headers = t || o;
61
+ this.headers = t || e, this.onError = o;
61
62
  }
62
63
  get = async (s) => {
63
64
  const n = {
@@ -69,7 +70,7 @@ class c {
69
70
  return t.text();
70
71
  throw t;
71
72
  }).then((t) => t.length ? JSON.parse(t) : {}).then((t) => t).catch((t) => {
72
- throw t;
73
+ throw this.onError?.(t), t;
73
74
  });
74
75
  };
75
76
  post = async (s, n) => {
@@ -112,5 +113,5 @@ class c {
112
113
  }
113
114
  export {
114
115
  S as A,
115
- c as F
116
+ h as F
116
117
  };
@@ -3,12 +3,12 @@ import { format as i } from "date-fns/format";
3
3
  import { fromUnixTime as g } from "date-fns/fromUnixTime";
4
4
  import { getUnixTime as s } from "date-fns/getUnixTime";
5
5
  import { subMonths as S } from "date-fns/subMonths";
6
- import { F as m, A as o } from "./Fetch-CkFKy79O.mjs";
6
+ import { F as m, A as o } from "./Fetch-CJ9cgjgV.mjs";
7
7
  import { f as p, D as u } from "./Dialog-CWW597AF.mjs";
8
8
  class n {
9
9
  fetchInstance;
10
- constructor(e, t) {
11
- this.fetchInstance = new m(e, t);
10
+ constructor(e, t, a) {
11
+ this.fetchInstance = new m(e, t, void 0, a);
12
12
  }
13
13
  calculateHealthScore = async () => this.fetchInstance.post(`${o.HEALTH_SCORES}/calculate`).then((e) => e.health_score);
14
14
  getAverageHealthScores = async () => this.fetchInstance.get(`${o.HEALTH_SCORES}/monthly_averages`).then((e) => e);
@@ -34,7 +34,7 @@ class v {
34
34
  healthScoreChangeReports = [];
35
35
  peerScore = null;
36
36
  constructor(e) {
37
- this.globalStore = e, this.api = new n(e.endpoint, e.sessionToken), l(this);
37
+ this.globalStore = e, this.api = new n(e.endpoint, e.sessionToken, e.onError), l(this);
38
38
  }
39
39
  calculateHealthScore = async () => {
40
40
  try {
@@ -1,4 +1,4 @@
1
- import { jsxs as g, jsx as _ } from "react/jsx-runtime";
1
+ import { jsxs as g, jsx as d } from "react/jsx-runtime";
2
2
  import u from "react";
3
3
  import p from "@mui/material/Button";
4
4
  import T from "@mui/material/Card";
@@ -7,10 +7,10 @@ import N from "@mui/material/CardHeader";
7
7
  import O from "@mui/material/Stack";
8
8
  import { AccountBalance as w, ChevronRight as S } from "@mxenabled/mx-icons";
9
9
  import { Text as A } from "@mxenabled/mxui";
10
- import { j as L } from "./ConnectDrawer-phFH6OHt.mjs";
11
- import { m as b } from "./hooks-DkUqN6JE.mjs";
10
+ import { h as L } from "./ConnectDrawer-BfYwIgKa.mjs";
11
+ import { m as b } from "./hooks-DcS6DyRl.mjs";
12
12
  import { makeAutoObservable as y, runInAction as c } from "mobx";
13
- import { F as D, A as i } from "./Fetch-CkFKy79O.mjs";
13
+ import { F as D, A as i } from "./Fetch-CJ9cgjgV.mjs";
14
14
  import { fromUnixTime as C } from "date-fns/fromUnixTime";
15
15
  import { addYears as v } from "date-fns/addYears";
16
16
  import { getUnixTime as x } from "date-fns/getUnixTime";
@@ -22,20 +22,20 @@ const at = ({ description: e, label: t, title: o }) => {
22
22
  if (r.show_connections_widget_in_master)
23
23
  return /* @__PURE__ */ g(u.Fragment, { children: [
24
24
  /* @__PURE__ */ g(T, { sx: { m: 24 }, children: [
25
- /* @__PURE__ */ _(
25
+ /* @__PURE__ */ d(
26
26
  N,
27
27
  {
28
- avatar: /* @__PURE__ */ _(w, {}),
28
+ avatar: /* @__PURE__ */ d(w, {}),
29
29
  sx: { ".MuiCardHeader-avatar": { mr: 8 } },
30
- title: /* @__PURE__ */ _(A, { bold: !0, variant: "Body", children: o })
30
+ title: /* @__PURE__ */ d(A, { bold: !0, variant: "Body", children: o })
31
31
  }
32
32
  ),
33
- /* @__PURE__ */ _(I, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ g(O, { alignItems: "flex-start", spacing: 2, children: [
34
- /* @__PURE__ */ _(A, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: e }),
35
- /* @__PURE__ */ _(
33
+ /* @__PURE__ */ d(I, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ g(O, { alignItems: "flex-start", spacing: 2, children: [
34
+ /* @__PURE__ */ d(A, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: e }),
35
+ /* @__PURE__ */ d(
36
36
  p,
37
37
  {
38
- endIcon: /* @__PURE__ */ _(S, {}),
38
+ endIcon: /* @__PURE__ */ d(S, {}),
39
39
  onClick: () => s(!0),
40
40
  sx: {
41
41
  pl: 0,
@@ -49,7 +49,7 @@ const at = ({ description: e, label: t, title: o }) => {
49
49
  )
50
50
  ] }) })
51
51
  ] }),
52
- /* @__PURE__ */ _(
52
+ /* @__PURE__ */ d(
53
53
  L,
54
54
  {
55
55
  onClose: () => s(!1),
@@ -62,8 +62,8 @@ const at = ({ description: e, label: t, title: o }) => {
62
62
  var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), U = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))(U || {}), l = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(l || {});
63
63
  class R {
64
64
  fetchInstance;
65
- constructor(t, o) {
66
- this.fetchInstance = new D(t, o);
65
+ constructor(t, o, r) {
66
+ this.fetchInstance = new D(t, o, void 0, r);
67
67
  }
68
68
  addGoal = async (t) => this.fetchInstance.post(i.GOALS, t).then((o) => o.goal);
69
69
  addRetirementGoal = async (t) => this.fetchInstance.post(i.RETIREMENT_GOALS, t).then((o) => o.retirement_goal);
@@ -91,12 +91,12 @@ function it(e, t) {
91
91
  style: "percent",
92
92
  minimumFractionDigits: 0,
93
93
  maximumFractionDigits: 0
94
- }, E = t.is_complete ? t.completed_at : t.projected_to_complete_at, d = E ? C(E) : /* @__PURE__ */ new Date(), G = m(
94
+ }, E = t.is_complete ? t.completed_at : t.projected_to_complete_at, _ = E ? C(E) : /* @__PURE__ */ new Date(), G = m(
95
95
  e.goal_percentage,
96
96
  K(r, h)
97
97
  ), f = m(
98
98
  t.is_complete ? e.completed_label : e.goal_projection,
99
- F(d, B.MONTH_SHORT_YEAR)
99
+ F(_, B.MONTH_SHORT_YEAR)
100
100
  );
101
101
  return {
102
102
  backgroundColor: n,
@@ -183,7 +183,7 @@ class lt {
183
183
  monthlyCashFlowProfile = void 0;
184
184
  goalsLoaded = !1;
185
185
  constructor(t) {
186
- this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken), y(this);
186
+ this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), y(this);
187
187
  }
188
188
  get orderedGoals() {
189
189
  return this.goals.slice().sort((t, o) => t.position - o.position);
@@ -261,12 +261,12 @@ class lt {
261
261
  try {
262
262
  const o = await this.api.getGoals(), r = await this.api.getRetirementGoals(), n = await this.api.getRetirementGoalAccounts(), s = await this.api.getMonthlyCashFlowProfile(), h = this.globalStore.userStore.user.birthday, E = [
263
263
  ...o,
264
- ...r.map((d) => ({
265
- ...d,
266
- amount: d.target_amount,
264
+ ...r.map((_) => ({
265
+ ..._,
266
+ amount: _.target_amount,
267
267
  name: t.retirement,
268
268
  track_type: a.RETIREMENT_TRACK,
269
- projected_to_complete_at: d.retirement_age && h ? $(d.retirement_age, h) : void 0
269
+ projected_to_complete_at: _.retirement_age && h ? $(_.retirement_age, h) : void 0
270
270
  }))
271
271
  ];
272
272
  c(() => {
@@ -13,7 +13,7 @@ import E from "@mui/material/Stack";
13
13
  import { H3 as y, P as H, Icon as X, Text as T, H2 as _t, InstitutionLogo as bt } from "@mxenabled/mxui";
14
14
  import { ExpandMore as ot, ChevronRight as wt } from "@mxenabled/mx-icons";
15
15
  import xt from "@mui/material/Breadcrumbs";
16
- import { u as V, y as tt, c as ft, o as St, a as It, m as Tt } from "./hooks-DkUqN6JE.mjs";
16
+ import { u as V, z as tt, c as ft, o as St, a as It, m as Tt } from "./hooks-DcS6DyRl.mjs";
17
17
  import { useTheme as Z } from "@mui/material/styles";
18
18
  import { b as s } from "./Localization-2MODESHW.mjs";
19
19
  import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";
@@ -6,7 +6,7 @@ import { f as y } from "./NumberFormatting-CtWHhyBX.mjs";
6
6
  import { observer as le } from "mobx-react-lite";
7
7
  import { Stack as x, Box as A, useTheme as se } from "@mui/material";
8
8
  import { Text as l } from "@mxenabled/mxui";
9
- import { u as ce } from "./hooks-DkUqN6JE.mjs";
9
+ import { u as ce } from "./hooks-DcS6DyRl.mjs";
10
10
  import { ChartsTooltip as de } from "@mui/x-charts/ChartsTooltip";
11
11
  const he = (e) => {
12
12
  const a = N(), o = e.showLabel, s = e.style, g = Number(e.x), u = Number(e.y), m = e.handlers?.onMarkClick, f = e.handlers?.onMouseEnter, c = e.handlers?.onMouseLeave, d = oe(a.breakpoints.up("sm")), n = e.valueFormatterString ? y(e.yData[e.dataIndex], e.valueFormatterString) : String(e.yData[e.dataIndex]), h = d ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, C = n.length * k + 8 + 8, M = 24, S = g - C / 2, T = u - 30;
@@ -8,7 +8,7 @@ import L from "@mui/material/Stack";
8
8
  import { ChevronRight as g } from "@mxenabled/mx-icons";
9
9
  import { Text as m } from "@mxenabled/mxui";
10
10
  import { a as j } from "./Dialog-CWW597AF.mjs";
11
- import { u as P } from "./hooks-DkUqN6JE.mjs";
11
+ import { u as P } from "./hooks-DcS6DyRl.mjs";
12
12
  const D = v(
13
13
  ({
14
14
  children: n,
@@ -16,23 +16,23 @@ import { startOfToday as z } from "date-fns/startOfToday";
16
16
  import { endOfMonth as _e } from "date-fns/endOfMonth";
17
17
  import H from "@mui/material/Button";
18
18
  import { Delete as me, Add as ye, ReceiptLong as pe } from "@mxenabled/mx-icons";
19
- import { T as X, a as he, u as ge, S as fe, b as Ce } from "./TransactionDetails-BSl6CpL8.mjs";
19
+ import { T as X, a as he, u as ge, S as fe, b as Ce } from "./TransactionDetails-v77agHHP.mjs";
20
20
  import { getDayOfYear as be } from "date-fns/getDayOfYear";
21
21
  import { setDayOfYear as Se } from "date-fns/setDayOfYear";
22
22
  import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
23
23
  import { DatePicker as xe } from "@mui/x-date-pickers";
24
24
  import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
25
- import { u as w, h as M, e as F, a as Ae, f as Z, o as De } from "./hooks-DkUqN6JE.mjs";
25
+ import { u as w, h as M, e as F, a as Ae, f as Z, o as De } from "./hooks-DcS6DyRl.mjs";
26
26
  import { b as Ie, f as J } from "./NumberFormatting-CtWHhyBX.mjs";
27
27
  import { D as O } from "./Drawer-kEE73B87.mjs";
28
- import { A as R } from "./WidgetContainer-C2NBfpDg.mjs";
28
+ import { A as R } from "./WidgetContainer-QcfqagZD.mjs";
29
29
  import { f as Ee, D as Re, a as Te } from "./Dialog-CWW597AF.mjs";
30
30
  import { formatISO as Le } from "date-fns/formatISO";
31
31
  import { fromUnixTime as Oe } from "date-fns/fromUnixTime";
32
32
  import { S as ke } from "./SearchBox-B2_zLv8-.mjs";
33
33
  import { h as Ne } from "./DateUtil-BcuH7ErC.mjs";
34
34
  import { b as B } from "./Category-CevNQ03n.mjs";
35
- import { T as V } from "./Transaction-Dns0Kuuy.mjs";
35
+ import { T as V } from "./Transaction-CXMMfhz-.mjs";
36
36
  const ee = ({
37
37
  frequency: n,
38
38
  firstDay: t,
@@ -0,0 +1,37 @@
1
+ import { makeAutoObservable as m, runInAction as c } from "mobx";
2
+ import { F as p, A as h } from "./Fetch-CJ9cgjgV.mjs";
3
+ class i {
4
+ fetchInstance;
5
+ constructor(t, n, s) {
6
+ this.fetchInstance = new p(t, n, void 0, s);
7
+ }
8
+ getMerchants = async (t = [], n = [], s = 1, o = 25) => {
9
+ let a = h.MERCHANTS;
10
+ return a += `?page=${s}&per_page=${o}`, t.length && t.forEach((e) => a += `&fuzzy_name[]=${e}`), n.length && n.forEach((e) => a += `&guid[]=${e}`), this.fetchInstance.get(a).then((e) => e.merchants);
11
+ };
12
+ getMerchantByGuid = async (t) => this.fetchInstance.get(`${h.MERCHANTS}/${t}`).then((n) => n.merchant);
13
+ }
14
+ class u {
15
+ globalStore;
16
+ api = new i("/", "");
17
+ merchant = null;
18
+ merchants = [];
19
+ isLoading = !1;
20
+ constructor(t) {
21
+ this.globalStore = t, this.api = new i(t.endpoint, t.sessionToken, t.onError), m(this);
22
+ }
23
+ loadMerchants = async (t = "") => {
24
+ this.isLoading = !0;
25
+ const n = await this.api.getMerchants([t]);
26
+ c(() => {
27
+ this.merchants = n, this.isLoading = !1;
28
+ });
29
+ };
30
+ loadMerchantByGuid = async (t) => {
31
+ const n = await this.api.getMerchantByGuid(t);
32
+ c(() => this.merchant = n);
33
+ };
34
+ }
35
+ export {
36
+ u as M
37
+ };
@@ -6,7 +6,7 @@ import b from "@mui/material/CardHeader";
6
6
  import { P as u, H3 as v } from "@mxenabled/mxui";
7
7
  import { ChevronRight as W } from "@mxenabled/mx-icons";
8
8
  import { u as M } from "./useDimensions-27p2evRx.mjs";
9
- import { W as w } from "./hooks-DkUqN6JE.mjs";
9
+ import { W as w } from "./hooks-DcS6DyRl.mjs";
10
10
  const H = ({
11
11
  children: e,
12
12
  className: o,
@@ -7,7 +7,7 @@ import b from "@mui/material/IconButton";
7
7
  import { Icon as C, ChevronRight as v } from "@mxenabled/mx-icons";
8
8
  import { Text as W, H3 as H } from "@mxenabled/mxui";
9
9
  import { u as I } from "./useDimensions-27p2evRx.mjs";
10
- import { W as M } from "./hooks-DkUqN6JE.mjs";
10
+ import { W as M } from "./hooks-DcS6DyRl.mjs";
11
11
  const j = ({
12
12
  className: t = "mx-cmn-mini-widget",
13
13
  closeLabel: a,
@@ -3,8 +3,8 @@ import { format as A } from "date-fns/format";
3
3
  import { fromUnixTime as W } from "date-fns/fromUnixTime";
4
4
  import { startOfMonth as _ } from "date-fns/startOfMonth";
5
5
  import { subMonths as B } from "date-fns/subMonths";
6
- import { a as b } from "./Accounts-CA-nqAjT.mjs";
7
- import { e as N, a as M, f as v } from "./ConnectDrawer-phFH6OHt.mjs";
6
+ import { a as b } from "./Accounts-DppzmFak.mjs";
7
+ import { e as N, a as M, f as v } from "./ConnectDrawer-BfYwIgKa.mjs";
8
8
  const f = 13, L = (n, t) => n.filter((e) => {
9
9
  const { is_closed: r, is_deleted: s, is_hidden: a, is_manual: i } = e;
10
10
  return r || s || a ? !1 : i || !e.guid ? !0 : t.some((l) => n.some((g) => l.guid === g.member_guid));
@@ -15,11 +15,11 @@ 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
17
  import { A as oe, T as F, a as P, N as b } from "./Notification-ByMBpJ5u.mjs";
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";
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-DcS6DyRl.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
21
  import { a as M } from "./Dialog-CWW597AF.mjs";
22
- import { C as me } from "./CurrencyInput-bEx2Mbd0.mjs";
22
+ import { C as me } from "./CurrencyInput-BtrNBP3z.mjs";
23
23
  import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
24
24
  import { D as J } from "./Drawer-kEE73B87.mjs";
25
25
  import he from "@mui/material/Collapse";
@@ -1,10 +1,10 @@
1
1
  import { makeAutoObservable as c, observable as f, runInAction as h } from "mobx";
2
2
  import { fromUnixTime as o, isSameDay as d } from "date-fns";
3
- import { F as l, A as n } from "./Fetch-CkFKy79O.mjs";
3
+ import { F as l, A as n } from "./Fetch-CJ9cgjgV.mjs";
4
4
  class s {
5
5
  fetchInstance;
6
- constructor(t, i) {
7
- this.fetchInstance = new l(t, i);
6
+ constructor(t, i, a) {
7
+ this.fetchInstance = new l(t, i, void 0, a);
8
8
  }
9
9
  getNotifications = () => this.fetchInstance.get(n.NOTIFICATIONS).then(
10
10
  (t) => t.notifications.map((i) => i.notification)
@@ -35,7 +35,11 @@ class A {
35
35
  notifications = [];
36
36
  recentNotifications = [];
37
37
  constructor(t) {
38
- this.globalStore = t, this.api = new s(t.endpoint, t.sessionToken), c(this, { notifications: f });
38
+ this.globalStore = t, this.api = new s(
39
+ t.endpoint,
40
+ t.sessionToken,
41
+ t.onError
42
+ ), c(this, { notifications: f });
39
43
  }
40
44
  // Used in Money Dashboard
41
45
  get newNotifications() {
@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
2
2
  import _ from "react";
3
3
  import { observer as p } from "mobx-react-lite";
4
4
  import v from "@mui/material/TextField";
5
- import { L as y } from "./ListItemAction-DNZZ5fSa.mjs";
6
- import { u as h, j as b } from "./hooks-DkUqN6JE.mjs";
5
+ import { L as y } from "./ListItemAction-Cwadpg85.mjs";
6
+ import { u as h, j as b } from "./hooks-DcS6DyRl.mjs";
7
7
  import { a as T, f as S } from "./NumberFormatting-CtWHhyBX.mjs";
8
- import { C as f } from "./CurrencyInput-bEx2Mbd0.mjs";
8
+ import { C as f } from "./CurrencyInput-BtrNBP3z.mjs";
9
9
  const F = p(({ goal: e }) => {
10
10
  const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
11
11
  const n = { ...e, interest_rate: t };
@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
7
7
  import l from "@mui/material/Divider";
8
8
  import T from "@mui/material/List";
9
9
  import C from "@mui/material/Stack";
10
- import { R as x, A as S, a as E, M as A } from "./ManageIncome-Bd14SWPF.mjs";
11
- import { u as h, h as y, e as _ } from "./hooks-DkUqN6JE.mjs";
10
+ import { R as x, A as S, a as E, M as A } from "./ManageIncome-xksS_sWM.mjs";
11
+ import { u as h, h as y, e as _ } from "./hooks-DcS6DyRl.mjs";
12
12
  import { R as v, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
13
- import { A as d } from "./WidgetContainer-C2NBfpDg.mjs";
13
+ import { A as d } from "./WidgetContainer-QcfqagZD.mjs";
14
14
  const I = u(() => {
15
15
  const { recurring: r } = h(), { repeatingTransactions: s } = y(), { onEvent: o } = _(), a = (n) => {
16
16
  o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {
@@ -1,20 +1,20 @@
1
1
  import { makeAutoObservable as f, runInAction as i } from "mobx";
2
2
  import { endOfMonth as R } from "date-fns/endOfMonth";
3
3
  import { isAfter as p } from "date-fns/isAfter";
4
- import { isBefore as S } from "date-fns/isBefore";
4
+ import { isBefore as I } from "date-fns/isBefore";
5
5
  import { isSameDay as g } from "date-fns/isSameDay";
6
6
  import { isWithinInterval as m } from "date-fns/isWithinInterval";
7
- import { startOfMonth as I } from "date-fns/startOfMonth";
7
+ import { startOfMonth as S } from "date-fns/startOfMonth";
8
8
  import { startOfToday as c } from "date-fns/startOfToday";
9
9
  import { subDays as y } from "date-fns/subDays";
10
- import { F as x, A as o } from "./Fetch-CkFKy79O.mjs";
11
- import { b as A, a, c as h, d as u } from "./RepeatingTransaction-BW4J-jeJ.mjs";
12
- var E = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(E || {});
10
+ import { F as x, A as o } from "./Fetch-CJ9cgjgV.mjs";
11
+ import { b as E, a, c as d, d as u } from "./RepeatingTransaction-BW4J-jeJ.mjs";
12
+ var A = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(A || {});
13
13
  const U = 44;
14
- class d {
14
+ class h {
15
15
  fetchInstance;
16
- constructor(e, t) {
17
- this.fetchInstance = new x(e, t);
16
+ constructor(e, t, n) {
17
+ this.fetchInstance = new x(e, t, void 0, n);
18
18
  }
19
19
  addRepeatingTransaction = async (e) => this.fetchInstance.post(o.REPEATING_TRANSACTIONS, e).then((t) => t.repeating_transaction);
20
20
  getRepeatingTransactions = async () => this.fetchInstance.get(o.REPEATING_TRANSACTIONS).then((e) => e.repeating_transactions);
@@ -27,21 +27,25 @@ class d {
27
27
  const l = (r, e) => m(e.expectedDate, r), s = (r, e) => r + e.amount;
28
28
  class C {
29
29
  globalStore;
30
- api = new d("/", "");
30
+ api = new h("/", "");
31
31
  transactions = [];
32
32
  repeatingTransactions = [];
33
33
  selectedDay;
34
- dateRange = { start: I(c()), end: R(c()) };
34
+ dateRange = { start: S(c()), end: R(c()) };
35
35
  isDataLoaded = !1;
36
36
  constructor(e) {
37
- this.globalStore = e, this.api = new d(e.endpoint, e.sessionToken), f(this);
37
+ this.globalStore = e, this.api = new h(
38
+ e.endpoint,
39
+ e.sessionToken,
40
+ e.onError
41
+ ), f(this);
38
42
  }
39
43
  /**
40
44
  * Returns all recurrences built from repeating transactions and filtered by accounts.
41
45
  */
42
46
  get recurrences() {
43
47
  const e = this.globalStore.accountStore.visibleAccounts;
44
- return A(this.repeatingTransactions, this.dateRange).filter((t) => e.some((n) => n.guid === t.accountGuid && !n.is_excluded_from_accounts)).filter((t) => m(t.expectedDate, this.dateRange));
48
+ return E(this.repeatingTransactions, this.dateRange).filter((t) => e.some((n) => n.guid === t.accountGuid && !n.is_excluded_from_accounts)).filter((t) => m(t.expectedDate, this.dateRange));
45
49
  }
46
50
  /**
47
51
  * Returns all recurrences that have occurred in the past, including those that are paid or missed
@@ -57,7 +61,7 @@ class C {
57
61
  */
58
62
  get upcomingRecurrences() {
59
63
  return this.recurrences.filter(
60
- (e) => p(e.expectedDate, y(c(), 3)) && S(e.expectedDate, this.dateRange.end) && e.status === a.Upcoming
64
+ (e) => p(e.expectedDate, y(c(), 3)) && I(e.expectedDate, this.dateRange.end) && e.status === a.Upcoming
61
65
  );
62
66
  }
63
67
  /**
@@ -65,7 +69,7 @@ class C {
65
69
  */
66
70
  get expenses() {
67
71
  return this.recurrences.filter(
68
- (e) => e.type === h.Expense
72
+ (e) => e.type === d.Expense
69
73
  );
70
74
  }
71
75
  /**
@@ -81,7 +85,7 @@ class C {
81
85
  */
82
86
  get income() {
83
87
  return this.recurrences.filter(
84
- (e) => e.type === h.Income
88
+ (e) => e.type === d.Income
85
89
  );
86
90
  }
87
91
  /**
@@ -258,6 +262,6 @@ class C {
258
262
  }
259
263
  export {
260
264
  C as R,
261
- E as S,
265
+ A as S,
262
266
  U as T
263
267
  };
@@ -1,24 +1,24 @@
1
1
  import { makeAutoObservable as N, runInAction as l } from "mobx";
2
- import { F as D, A as o } from "./Fetch-CkFKy79O.mjs";
2
+ import { F as D, A as r } from "./Fetch-CJ9cgjgV.mjs";
3
3
  import { B as f, A as n, I as i } from "./Notification-ByMBpJ5u.mjs";
4
- import { T as m } from "./TransactionApi-DbbcjI2L.mjs";
4
+ import { T as m } from "./TransactionApi-C0HMGDBV.mjs";
5
5
  class y {
6
6
  fetchInstance;
7
- constructor(e, t) {
8
- this.fetchInstance = new D(e, t);
7
+ constructor(e, t, o) {
8
+ this.fetchInstance = new D(e, t, void 0, o);
9
9
  }
10
- deleteDevice = async (e) => this.fetchInstance.delete(`${o.DEVICES}/${e}`).then((t) => t);
11
- generateDeviceToken = async () => this.fetchInstance.get(`${o.USER}/mobile_token`).then((e) => e.mobile_token);
12
- getDevices = async () => this.fetchInstance.get(o.DEVICES).then((e) => e.map((t) => t.device));
13
- getNotificationProfiles = async () => this.fetchInstance.get(o.NOTIFICATION_PROFILES).then((e) => e.notification_profiles);
10
+ deleteDevice = async (e) => this.fetchInstance.delete(`${r.DEVICES}/${e}`).then((t) => t);
11
+ generateDeviceToken = async () => this.fetchInstance.get(`${r.USER}/mobile_token`).then((e) => e.mobile_token);
12
+ getDevices = async () => this.fetchInstance.get(r.DEVICES).then((e) => e.map((t) => t.device));
13
+ getNotificationProfiles = async () => this.fetchInstance.get(r.NOTIFICATION_PROFILES).then((e) => e.notification_profiles);
14
14
  // verifications endpoints respond with HTTP status codes; they error otherwise
15
- sendEmailVerification = async () => this.fetchInstance.post(o.EMAIL_VERIFICATIONS);
16
- sendPhoneVerification = async () => this.fetchInstance.post(o.PHONE_VERIFICATIONS + "/deliver");
17
- verifyPhoneToken = async (e) => this.fetchInstance.post(o.PHONE_VERIFICATIONS + "/verify", { sms_verification_token: e }).then((t) => ({ verified: t.verified }));
18
- updateDevice = async (e) => this.fetchInstance.put(`${o.DEVICES}/${e.guid}`, e).then((t) => t.device);
19
- updateNotificationProfile = async (e) => this.fetchInstance.put(`${o.NOTIFICATION_PROFILES}/${e.guid}`, e).then((t) => t.notification_profile);
20
- updateUserCommunicationProfile = async (e) => this.fetchInstance.put(o.USER_COMMUNICATION_PROFILE, e).then((t) => t.user_communication_profile);
21
- getInsightsNotificationProfiles = async () => this.fetchInstance.get(`${o.NOTIFICATION_PROFILES}/${o.INSIGHTS_NOTIFICATION_PROFILES}`).then((e) => e);
15
+ sendEmailVerification = async () => this.fetchInstance.post(r.EMAIL_VERIFICATIONS);
16
+ sendPhoneVerification = async () => this.fetchInstance.post(r.PHONE_VERIFICATIONS + "/deliver");
17
+ verifyPhoneToken = async (e) => this.fetchInstance.post(r.PHONE_VERIFICATIONS + "/verify", { sms_verification_token: e }).then((t) => ({ verified: t.verified }));
18
+ updateDevice = async (e) => this.fetchInstance.put(`${r.DEVICES}/${e.guid}`, e).then((t) => t.device);
19
+ updateNotificationProfile = async (e) => this.fetchInstance.put(`${r.NOTIFICATION_PROFILES}/${e.guid}`, e).then((t) => t.notification_profile);
20
+ updateUserCommunicationProfile = async (e) => this.fetchInstance.put(r.USER_COMMUNICATION_PROFILE, e).then((t) => t.user_communication_profile);
21
+ getInsightsNotificationProfiles = async () => this.fetchInstance.get(`${r.NOTIFICATION_PROFILES}/${r.INSIGHTS_NOTIFICATION_PROFILES}`).then((e) => e);
22
22
  }
23
23
  const v = "PARENT-ENTITY", C = (s, e) => ({
24
24
  [f.BudgetExceeded]: e.notification_budget_exceeded,
@@ -53,7 +53,7 @@ const v = "PARENT-ENTITY", C = (s, e) => ({
53
53
  [i.TransactionExpenseLarge]: e.large_transaction,
54
54
  [i.PromotionalCampaignMessages]: e.promotional_campaign_messages,
55
55
  [i.TransparentOverdraft]: e.transparent_overdraft
56
- })[s] || "", R = (s, e, t, r, d, p) => {
56
+ })[s] || "", R = (s, e, t, o, d, p) => {
57
57
  const g = [], {
58
58
  email_notifications_enabled: I,
59
59
  sms_notifications_enabled: P,
@@ -61,15 +61,15 @@ const v = "PARENT-ENTITY", C = (s, e) => ({
61
61
  } = e, {
62
62
  opted_out_of_email_notifications: b,
63
63
  opted_out_of_sms_notifications: E,
64
- opted_out_of_push_notifications: S
64
+ opted_out_of_push_notifications: A
65
65
  } = d;
66
- for (const a of r.filter((u) => u.entity_guid === v)) {
67
- const u = C(a.notification_type, t), A = r.filter(
66
+ for (const a of o.filter((u) => u.entity_guid === v)) {
67
+ const u = C(a.notification_type, t), S = o.filter(
68
68
  (c) => c.entity_guid !== v && c.notification_type === a.notification_type && s.some((h) => h.guid === c.entity_guid)
69
69
  ), _ = [];
70
- I && !b && a.email_channel && p.email && _.push(t.delivery_method_email_label), P && !E && a.sms_channel && p.phone && _.push(t.delivery_method_sms_label), T && !S && a.push_channel && _.push(t.delivery_method_push_label), g.push({
70
+ I && !b && a.email_channel && p.email && _.push(t.delivery_method_email_label), P && !E && a.sms_channel && p.phone && _.push(t.delivery_method_sms_label), T && !A && a.push_channel && _.push(t.delivery_method_push_label), g.push({
71
71
  ...a,
72
- children: A.map((c) => ({
72
+ children: S.map((c) => ({
73
73
  ...c,
74
74
  account: s.find((h) => h.guid === c.entity_guid),
75
75
  label: u
@@ -90,7 +90,11 @@ class x {
90
90
  selectedRule = void 0;
91
91
  transactionRules = [];
92
92
  constructor(e) {
93
- this.globalStore = e, this.api = new y(e.endpoint, e.sessionToken), this.transactionApi = new m(e.endpoint, e.sessionToken), N(this);
93
+ this.globalStore = e, this.api = new y(e.endpoint, e.sessionToken, e.onError), this.transactionApi = new m(
94
+ e.endpoint,
95
+ e.sessionToken,
96
+ e.onError
97
+ ), N(this);
94
98
  }
95
99
  get accountProfiles() {
96
100
  const e = this.globalStore.appDataStore.clientCommunicationProfile;
@@ -131,7 +135,7 @@ class x {
131
135
  deleteDevice = async (e) => {
132
136
  try {
133
137
  await this.api.deleteDevice(e);
134
- const t = this.devices.findIndex((r) => r.guid === e);
138
+ const t = this.devices.findIndex((o) => o.guid === e);
135
139
  return t >= 0 && l(() => {
136
140
  this.devices.splice(t, 1);
137
141
  }), { success: !0 };
@@ -203,9 +207,9 @@ class x {
203
207
  };
204
208
  updateDevice = async (e) => {
205
209
  try {
206
- const t = await this.api.updateDevice(e), r = this.devices.findIndex((d) => d.guid === e.guid);
207
- return r >= 0 && l(() => {
208
- this.devices[r] = t;
210
+ const t = await this.api.updateDevice(e), o = this.devices.findIndex((d) => d.guid === e.guid);
211
+ return o >= 0 && l(() => {
212
+ this.devices[o] = t;
209
213
  }), { success: !0 };
210
214
  } catch (t) {
211
215
  return console.error(`Error updating device: ${t}`), { success: !1 };
@@ -213,9 +217,9 @@ class x {
213
217
  };
214
218
  updateNotificationProfile = async (e) => {
215
219
  try {
216
- const t = await this.api.updateNotificationProfile(e), r = this.notificationProfiles.findIndex((d) => d.guid === e.guid);
217
- r >= 0 && l(() => {
218
- this.notificationProfiles[r] = t;
220
+ const t = await this.api.updateNotificationProfile(e), o = this.notificationProfiles.findIndex((d) => d.guid === e.guid);
221
+ o >= 0 && l(() => {
222
+ this.notificationProfiles[o] = t;
219
223
  });
220
224
  } catch (t) {
221
225
  console.error(`Error updating notification profile: ${t}`);
@@ -22,7 +22,7 @@ import { isWithinInterval as Q } from "date-fns/isWithinInterval";
22
22
  import nn from "@mui/material/styles/useTheme";
23
23
  import k from "@mui/material/ListItem";
24
24
  import an from "@mui/material/ListItemButton";
25
- import { e as tn } from "./hooks-DkUqN6JE.mjs";
25
+ import { e as tn } from "./hooks-DcS6DyRl.mjs";
26
26
  const on = ({ copy: n, date: t, onNextClick: e, onPreviousClick: r }) => {
27
27
  const c = v(), l = en(c);
28
28
  return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${l}`, children: [