@mx-cartographer/experiences 7.6.21 → 7.6.22

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 (31) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/CategorySelectorDrawer-cQKX5dZb.mjs +418 -0
  3. package/dist/{ManageIncome-1FRPmZFq.mjs → ManageIncome-DMVbsehr.mjs} +2 -2
  4. package/dist/{RecurringSettings-z0XUW9qx.mjs → RecurringSettings-C_9BmZvv.mjs} +2 -2
  5. package/dist/{SpendingLegend-BLAhLb1w.mjs → SpendingLegend-BZsjOYfi.mjs} +1 -1
  6. package/dist/{TransactionDetails-BKoBKUNp.mjs → TransactionDetails-CTc7ilRf.mjs} +151 -148
  7. package/dist/{WidgetContainer-COyiIVSd.mjs → WidgetContainer-CpuFZNTe.mjs} +164 -192
  8. package/dist/accounts/index.es.js +2 -2
  9. package/dist/budgets/index.es.js +4 -4
  10. package/dist/cashflow/index.es.js +4 -4
  11. package/dist/categories/components/CustomCategories/AddSubcategory.d.ts +1 -0
  12. package/dist/categories/components/CustomCategories/DeleteSubcategory.d.ts +1 -0
  13. package/dist/categories/components/CustomCategories/RenameSubcategory.d.ts +1 -0
  14. package/dist/categories/components/SubcategoryRow.d.ts +1 -0
  15. package/dist/categories/index.es.js +1 -1
  16. package/dist/common/index.es.js +1 -1
  17. package/dist/common/types/localization/CategoryCopy.d.ts +3 -0
  18. package/dist/debts/index.es.js +1 -1
  19. package/dist/finstrong/index.es.js +5 -5
  20. package/dist/goals/index.es.js +159 -158
  21. package/dist/help/index.es.js +1 -1
  22. package/dist/investments/index.es.js +1 -1
  23. package/dist/networth/index.es.js +1 -1
  24. package/dist/recurringtransactions/index.es.js +5 -5
  25. package/dist/settings/index.es.js +2 -2
  26. package/dist/spending/index.es.js +22 -22
  27. package/dist/transactions/index.es.js +67 -66
  28. package/dist/trends/index.es.js +2 -2
  29. package/dist/useAriaLive-B3_pRUio.mjs +35 -0
  30. package/package.json +1 -1
  31. package/dist/CategorySelectorDrawer-DywvMfPe.mjs +0 -399
@@ -4,7 +4,7 @@ import { H as s } from "../Help-DODxp9uw.mjs";
4
4
  import { b as a } from "../hooks-ZMp65DFz.mjs";
5
5
  import { u as d } from "../useWidgetLoadTimer-hIOioiKx.mjs";
6
6
  import { L as p } from "../Loader-DUaFpDGv.mjs";
7
- import { W as f } from "../WidgetContainer-COyiIVSd.mjs";
7
+ import { W as f } from "../WidgetContainer-CpuFZNTe.mjs";
8
8
  const b = m(({ onBackClick: i, sx: t }) => {
9
9
  const { isCopyLoaded: r, isInitialized: e } = a();
10
10
  return d({
@@ -17,7 +17,7 @@ import ye from "@mui/material/ToggleButtonGroup";
17
17
  import { Text as r, H1 as fe, P as ve, InstitutionLogo as ne } from "@mxenabled/mxui";
18
18
  import Ue from "@mui/material/Button";
19
19
  import { u as G, g as be, s as H, b as Q, d as se } from "../hooks-ZMp65DFz.mjs";
20
- import { A as z, W as je } from "../WidgetContainer-COyiIVSd.mjs";
20
+ import { A as z, W as je } from "../WidgetContainer-CpuFZNTe.mjs";
21
21
  import { a as ze, f as oe } from "../NumberFormatting-DjTD0t3W.mjs";
22
22
  import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
23
23
  import le from "@mui/material/styles/useTheme";
@@ -24,7 +24,7 @@ import { N as Rt } from "../NetWorthStore-BRdkznL_.mjs";
24
24
  import { Icon as re } from "@mxenabled/mx-icons";
25
25
  import { f as V } from "../NumberFormatting-DjTD0t3W.mjs";
26
26
  import { u as ie } from "../useWidgetLoadTimer-hIOioiKx.mjs";
27
- import { A as b, W as Me } from "../WidgetContainer-COyiIVSd.mjs";
27
+ import { A as b, W as Me } from "../WidgetContainer-CpuFZNTe.mjs";
28
28
  import { L as O } from "../Loader-DUaFpDGv.mjs";
29
29
  import { M as Ae } from "../MicroWidgetContainer-B2hO9rOG.mjs";
30
30
  import ae from "@mui/material/Box";
@@ -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 l from "@mui/material/Stack";
11
- import { R as Ne } from "../RecurringSettings-z0XUW9qx.mjs";
12
- import { M as Gn } from "../RecurringSettings-z0XUW9qx.mjs";
11
+ import { R as Ne } from "../RecurringSettings-C_9BmZvv.mjs";
12
+ import { M as Gn } from "../RecurringSettings-C_9BmZvv.mjs";
13
13
  import { addMonths as Fe } from "date-fns/addMonths";
14
14
  import { subMonths as Ue } from "date-fns/subMonths";
15
15
  import { isBefore as je } from "date-fns/isBefore";
@@ -32,7 +32,7 @@ import { u as w, b as Z, j as I, g as J, p as ke, d as he, h as fe } from "../ho
32
32
  import { c as v, a as D, g as Me, f as at } from "../RecurringTransactions-Bf4lX0Cn.mjs";
33
33
  import { T as z } from "../RecurringTransactionsStore-Caf1cq4v.mjs";
34
34
  import { R as kn } from "../RecurringTransactionsStore-Caf1cq4v.mjs";
35
- import { A as _, W as st } from "../WidgetContainer-COyiIVSd.mjs";
35
+ import { A as _, W as st } from "../WidgetContainer-CpuFZNTe.mjs";
36
36
  import ct from "@mui/material/Button";
37
37
  import le from "@mui/material/Divider";
38
38
  import ve from "@mui/material/List";
@@ -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-1FRPmZFq.mjs";
45
- import { c as $n, M as Bn, S as Pn } from "../ManageIncome-1FRPmZFq.mjs";
44
+ import { b as pt } from "../ManageIncome-DMVbsehr.mjs";
45
+ import { c as $n, M as Bn, S as Pn } from "../ManageIncome-DMVbsehr.mjs";
46
46
  import { f as L } from "../NumberFormatting-DjTD0t3W.mjs";
47
47
  import { D as xe } from "../Drawer-DV4NTsFg.mjs";
48
48
  import { b as G } from "../Localization-2MODESHW.mjs";
@@ -35,7 +35,7 @@ import { L as ie } from "../Loader-DUaFpDGv.mjs";
35
35
  import Ae from "@mui/material/List";
36
36
  import j from "@mui/material/Divider";
37
37
  import Ee from "@mui/material/ListSubheader";
38
- import { a as Re, u as Pe } from "../CategorySelectorDrawer-DywvMfPe.mjs";
38
+ import { a as Re, u as Pe } from "../CategorySelectorDrawer-cQKX5dZb.mjs";
39
39
  import Be from "@mui/material/ListItem";
40
40
  import Ne from "@mui/material/ListItemButton";
41
41
  import Me from "@mui/material/ListItemIcon";
@@ -43,7 +43,7 @@ import Le from "@mui/material/ListItemText";
43
43
  import { D as He } from "../Drawer-DV4NTsFg.mjs";
44
44
  import { u as ne } from "../useWidgetLoadTimer-hIOioiKx.mjs";
45
45
  import { H as Oe } from "../Help-DODxp9uw.mjs";
46
- import { W as K } from "../WidgetContainer-COyiIVSd.mjs";
46
+ import { W as K } from "../WidgetContainer-CpuFZNTe.mjs";
47
47
  const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
48
48
  const o = xe(), { common: i, settings: n } = w(), { isDesktop: d, isMobile: l, isSmallMobile: r, isTablet: s } = H(t), { config: g } = W(), { updateUser: _ } = A(), { user: m } = Se(), [u, S] = p.useState({
49
49
  first_name: m.first_name,
@@ -1,14 +1,14 @@
1
1
  import { jsxs as d, jsx as t } from "react/jsx-runtime";
2
2
  import a from "react";
3
- import { observer as v } from "mobx-react-lite";
3
+ import { observer as w } from "mobx-react-lite";
4
4
  import { startOfMonth as st } from "date-fns/startOfMonth";
5
5
  import { endOfMonth as rt } from "date-fns/endOfMonth";
6
- import w from "@mui/material/Box";
6
+ import v from "@mui/material/Box";
7
7
  import y from "@mui/material/Stack";
8
8
  import W from "@mui/material/Tab";
9
9
  import ct from "@mui/material/Tabs";
10
10
  import yt from "@mui/material/styles/useTheme";
11
- import { g as lt, a as dt, S as N, b as Q } from "../SpendingLegend-BLAhLb1w.mjs";
11
+ import { g as lt, a as dt, S as N, b as Q } from "../SpendingLegend-BZsjOYfi.mjs";
12
12
  import { Text as T, Icon as St } from "@mxenabled/mxui";
13
13
  import { f as E } from "../NumberFormatting-DjTD0t3W.mjs";
14
14
  import { u as D, b as $, m as H, d as gt, a as V, h as Ct, g as Tt } from "../hooks-ZMp65DFz.mjs";
@@ -17,9 +17,9 @@ import { L as P } from "../Loader-DUaFpDGv.mjs";
17
17
  import { M as Mt } from "../MiniWidgetContainer-98-hKFqm.mjs";
18
18
  import { startOfToday as Z } from "date-fns/startOfToday";
19
19
  import xt from "@mui/material/Button";
20
- import { useTheme as wt } from "@mui/material";
21
- import { e as vt } from "../exportTransactionsToCSV-BrTYdSgJ.mjs";
22
- import { T as Dt, a as Lt } from "../TransactionDetails-BKoBKUNp.mjs";
20
+ import { useTheme as vt } from "@mui/material";
21
+ import { e as wt } from "../exportTransactionsToCSV-BrTYdSgJ.mjs";
22
+ import { T as Dt, a as Lt } from "../TransactionDetails-CTc7ilRf.mjs";
23
23
  import It from "@mui/material/Collapse";
24
24
  import F from "@mui/material/Divider";
25
25
  import tt from "@mui/material/List";
@@ -28,7 +28,7 @@ import nt from "@mui/material/ListItemButton";
28
28
  import { u as At } from "../useScreenSize-B6JyS_Lj.mjs";
29
29
  import { D as ot } from "../Drawer-DV4NTsFg.mjs";
30
30
  import { b as L } from "../Category-CevNQ03n.mjs";
31
- import { A as at, W as Et } from "../WidgetContainer-COyiIVSd.mjs";
31
+ import { A as at, W as Et } from "../WidgetContainer-CpuFZNTe.mjs";
32
32
  const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y, { direction: "column", children: [
33
33
  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: g }),
34
34
  /* @__PURE__ */ t(T, { variant: "XSmall", children: E(e, o === "mini" ? "0,0" : "0,0.00") })
@@ -72,7 +72,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
72
72
  }, x = (S) => {
73
73
  p(f === S ? "" : S);
74
74
  };
75
- return n ? /* @__PURE__ */ d(w, { width: "100%", children: [
75
+ return n ? /* @__PURE__ */ d(v, { width: "100%", children: [
76
76
  /* @__PURE__ */ d(
77
77
  ct,
78
78
  {
@@ -117,7 +117,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
117
117
  }
118
118
  ),
119
119
  /* @__PURE__ */ t(
120
- w,
120
+ v,
121
121
  {
122
122
  "aria-labelledby": "spending-tab",
123
123
  hidden: m !== 0,
@@ -138,7 +138,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
138
138
  }
139
139
  ),
140
140
  /* @__PURE__ */ t(
141
- w,
141
+ v,
142
142
  {
143
143
  "aria-labelledby": "income-tab",
144
144
  hidden: m !== 1,
@@ -160,7 +160,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
160
160
  }
161
161
  )
162
162
  ] }) : /* @__PURE__ */ t(P, { height: 250 });
163
- }, Nt = v(Wt), Rt = ({ onPrimaryCtaClick: e, sx: g = {} }) => {
163
+ }, Nt = w(Wt), Rt = ({ onPrimaryCtaClick: e, sx: g = {} }) => {
164
164
  const { visibleAccounts: o } = gt(), { spending: s } = D(), { isCopyLoaded: i, isInitialized: r, setSelectedAccounts: n } = $();
165
165
  return a.useEffect(() => {
166
166
  n(o);
@@ -175,7 +175,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
175
175
  children: /* @__PURE__ */ t(Nt, {})
176
176
  }
177
177
  );
178
- }, ye = v(Rt), $t = ({
178
+ }, ye = w(Rt), $t = ({
179
179
  data: e,
180
180
  onSelected: g,
181
181
  selectedId: o = "",
@@ -183,7 +183,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
183
183
  }) => {
184
184
  const { spending: i } = D(), r = e.categoryData.find((n) => n.guid === o);
185
185
  return /* @__PURE__ */ d(y, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
186
- /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, children: `${s} ${i.by_category}` }),
186
+ /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, variant: "h3", children: `${s} ${i.by_category}` }),
187
187
  /* @__PURE__ */ t(F, { "aria-hidden": "true" }),
188
188
  /* @__PURE__ */ t(tt, { "aria-labelledby": "spending-list-title", children: e.categoryData.map((n) => /* @__PURE__ */ d(a.Fragment, { children: [
189
189
  /* @__PURE__ */ t(
@@ -203,7 +203,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
203
203
  sx: { minHeight: 44, px: 8, py: 0 },
204
204
  children: [
205
205
  /* @__PURE__ */ t(
206
- w,
206
+ v,
207
207
  {
208
208
  borderRadius: 4,
209
209
  flexShrink: 0,
@@ -262,7 +262,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
262
262
  ] }, n.guid)) }),
263
263
  /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${E(e.totalAmount, "0,0.00")}` })
264
264
  ] });
265
- }, kt = v($t), Ot = ({
265
+ }, kt = w($t), Ot = ({
266
266
  data: e,
267
267
  onSelected: g,
268
268
  onViewTransactions: o,
@@ -314,7 +314,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
314
314
  ]
315
315
  }
316
316
  );
317
- }, it = v(Ot), Bt = (e) => [
317
+ }, it = w(Ot), Bt = (e) => [
318
318
  e.palette.chartMono.chartMono5,
319
319
  e.palette.chartMono.chartMono4,
320
320
  e.palette.chartMono.chartMono3,
@@ -322,7 +322,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
322
322
  e.palette.chartMono.chartMono1,
323
323
  e.palette.chartMono.chartMono6
324
324
  ], Gt = () => {
325
- const e = wt(), { is_mobile_webview: g } = V(), { clientConfig: o } = V(), {
325
+ const e = vt(), { is_mobile_webview: g } = V(), { clientConfig: o } = V(), {
326
326
  categories: s,
327
327
  dateRangeCategoryTotals: i,
328
328
  loadDateRangeCategoryTotals: r,
@@ -394,9 +394,9 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
394
394
  });
395
395
  B(!0);
396
396
  }, bt = () => {
397
- vt(k, x);
397
+ wt(k, x);
398
398
  };
399
- return /* @__PURE__ */ d(w, { children: [
399
+ return /* @__PURE__ */ d(v, { children: [
400
400
  /* @__PURE__ */ d(ct, { onChange: ht, value: A, variant: "fullWidth", children: [
401
401
  /* @__PURE__ */ t(
402
402
  W,
@@ -475,7 +475,7 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
475
475
  }
476
476
  )
477
477
  ] });
478
- }, jt = v(Gt), zt = ({ onBackClick: e, sx: g = {} }) => {
478
+ }, jt = w(Gt), zt = ({ onBackClick: e, sx: g = {} }) => {
479
479
  const { visibleAccounts: o } = gt(), { spending: s } = D(), { isCopyLoaded: i, isInitialized: r, setDisplayedDate: n, setSelectedAccounts: u } = $(), { onEvent: l } = Tt(), { clientConfig: f } = V(), p = f?.master?.deep_link_params?.date_range, [m, M] = a.useState(!1);
480
480
  a.useEffect(() => {
481
481
  u(o);
@@ -494,10 +494,10 @@ const R = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(y,
494
494
  onBackClick: e,
495
495
  sx: g,
496
496
  title: s.title,
497
- children: /* @__PURE__ */ t(w, { width: "100%", children: /* @__PURE__ */ t(jt, {}) })
497
+ children: /* @__PURE__ */ t(v, { width: "100%", children: /* @__PURE__ */ t(jt, {}) })
498
498
  }
499
499
  );
500
- }, Se = v(zt);
500
+ }, Se = w(zt);
501
501
  export {
502
502
  ye as SpendingMiniWidget,
503
503
  Se as SpendingWidget
@@ -1,12 +1,12 @@
1
- import { T as Sa } from "../TransactionApi-CjBoLleL.mjs";
2
- import { u as W, C as Pe, D as We, M as $e, c as Ve, T as Ge, a as Ue } from "../TransactionDetails-BKoBKUNp.mjs";
3
- import { B as wa, d as Ia, b as va } from "../TransactionDetails-BKoBKUNp.mjs";
1
+ import { T as xa } from "../TransactionApi-CjBoLleL.mjs";
2
+ import { u as W, C as Pe, D as We, M as $e, c as Ve, T as Ge, a as Ue } from "../TransactionDetails-CTc7ilRf.mjs";
3
+ import { B as Ia, d as va, b as Da } from "../TransactionDetails-CTc7ilRf.mjs";
4
4
  import { T as k } from "../User-LJpEwPtn.mjs";
5
- import { O as Na } from "../User-LJpEwPtn.mjs";
5
+ import { O as Ea } from "../User-LJpEwPtn.mjs";
6
6
  import { S as ae, D as Fe } from "../TransactionStore-DJwPaZuM.mjs";
7
- import { T as Oa } from "../TransactionStore-DJwPaZuM.mjs";
7
+ import { T as ka } from "../TransactionStore-DJwPaZuM.mjs";
8
8
  import { e as ze } from "../exportTransactionsToCSV-BrTYdSgJ.mjs";
9
- import { E as Ma } from "../ExportCsvAction-HK5CeZWR.mjs";
9
+ import { E as La } from "../ExportCsvAction-HK5CeZWR.mjs";
10
10
  import { jsxs as p, jsx as e } from "react/jsx-runtime";
11
11
  import m from "react";
12
12
  import { observer as x } from "mobx-react-lite";
@@ -15,26 +15,27 @@ import { DataGridPro as qe } from "@mui/x-data-grid-pro";
15
15
  import S from "@mui/material/Box";
16
16
  import { useTheme as je } from "@mui/material/styles";
17
17
  import { Text as y, Icon as P, MerchantLogo as Xe, TextField as ne, P as Ye } from "@mxenabled/mxui";
18
- import { h as $, u as w, b as j, d as se, m as Je, a as Qe, g as Ze, o as et } from "../hooks-ZMp65DFz.mjs";
18
+ import { h as $, u as w, b as j, d as ie, m as Je, a as Qe, g as Ze, o as et } from "../hooks-ZMp65DFz.mjs";
19
19
  import { fromUnixTime as tt } from "date-fns/fromUnixTime";
20
- import { f as at, D as nt, a as ie } from "../Dialog-B4PI-_bL.mjs";
20
+ import { f as at, D as nt, a as se } from "../Dialog-B4PI-_bL.mjs";
21
21
  import N from "@mui/material/Stack";
22
22
  import { f as ce } from "../NumberFormatting-DjTD0t3W.mjs";
23
23
  import { L as X } from "../Loader-DUaFpDGv.mjs";
24
24
  import { endOfMonth as ot } from "date-fns/endOfMonth";
25
25
  import { getUnixTime as rt } from "date-fns/getUnixTime";
26
- import { startOfMonth as st } from "date-fns/startOfMonth";
26
+ import { startOfMonth as it } from "date-fns/startOfMonth";
27
27
  import { startOfToday as K } from "date-fns/startOfToday";
28
- import it from "@mui/material/styles/useTheme";
28
+ import st from "@mui/material/styles/useTheme";
29
29
  import { l as ct } from "../ConnectDrawer-CPvaP8lk.mjs";
30
30
  import lt from "@mui/material/Divider";
31
31
  import dt from "@mui/material/MenuItem";
32
32
  import ut from "@mui/material/RadioGroup";
33
33
  import { ExpandMore as mt } from "@mxenabled/mx-icons";
34
34
  import { C as _t } from "../CurrencyInput-itK0R3wV.mjs";
35
- import { a as pt, u as gt } from "../CategorySelectorDrawer-DywvMfPe.mjs";
35
+ import { a as pt, u as gt } from "../CategorySelectorDrawer-cQKX5dZb.mjs";
36
36
  import { b as q } from "../Localization-2MODESHW.mjs";
37
- import { u as ht, A, W as ft } from "../WidgetContainer-COyiIVSd.mjs";
37
+ import { u as ht } from "../useAriaLive-B3_pRUio.mjs";
38
+ import { A, W as ft } from "../WidgetContainer-CpuFZNTe.mjs";
38
39
  import { u as Ct } from "../useScreenSize-B6JyS_Lj.mjs";
39
40
  import { u as yt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
40
41
  import { S as bt } from "../SearchBox-B2_zLv8-.mjs";
@@ -43,7 +44,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
43
44
  `${t.row.account}`,
44
45
  t.row.number && ` | ${t.row.number}`
45
46
  ] }), At = (t) => {
46
- const { associatedBeats: s } = $(), { showInsights: o } = W(), { amount: a, transaction_type: i } = t.row, l = s.find((g) => g.associated_transaction_guid === t.row.guid), d = i === k.CREDIT;
47
+ const { associatedBeats: i } = $(), { showInsights: o } = W(), { amount: a, transaction_type: s } = t.row, l = i.find((g) => g.associated_transaction_guid === t.row.guid), d = s === k.CREDIT;
47
48
  return /* @__PURE__ */ p(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
48
49
  /* @__PURE__ */ p(y, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
49
50
  d ? "+" : "",
@@ -52,7 +53,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
52
53
  l && o && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
53
54
  ] });
54
55
  }, St = (t) => {
55
- const { transactions: s } = w(), [o, a] = m.useState(!1);
56
+ const { transactions: i } = w(), [o, a] = m.useState(!1);
56
57
  return /* @__PURE__ */ p(
57
58
  N,
58
59
  {
@@ -65,21 +66,21 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
65
66
  width: "100%",
66
67
  children: [
67
68
  t.row.has_been_split && /* @__PURE__ */ e(P, { name: "call_split", size: 16 }),
68
- /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
69
+ /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? i.split_transaction_category_label : t.row.category }),
69
70
  !t.row.has_been_split && o && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
70
71
  ]
71
72
  }
72
73
  );
73
74
  }, xt = x(St), wt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: at(tt(t.row.date), nt.MONTH_DAY) }), It = (t) => {
74
- const s = je(), { transactions: o } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, f = !l && !!!d;
75
+ const i = je(), { transactions: o } = w(), { is_flagged: a, is_hidden: s, has_been_viewed: l, parent_guid: d } = t.row, f = !l && !!!d;
75
76
  return /* @__PURE__ */ p(
76
77
  S,
77
78
  {
78
- "aria-label": i ? o.is_hidden : o.is_flagged,
79
+ "aria-label": s ? o.is_hidden : o.is_flagged,
79
80
  tabIndex: t.tabIndex,
80
81
  children: [
81
82
  a && /* @__PURE__ */ e(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
82
- !a && i && /* @__PURE__ */ e(P, { name: "visibility_off", size: 16 }),
83
+ !a && s && /* @__PURE__ */ e(P, { name: "visibility_off", size: 16 }),
83
84
  f && /* @__PURE__ */ e(
84
85
  "svg",
85
86
  {
@@ -87,7 +88,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
87
88
  style: {
88
89
  display: "inline-block",
89
90
  height: 16,
90
- fill: s.palette.primary.light,
91
+ fill: i.palette.primary.light,
91
92
  verticalAlign: "middle",
92
93
  width: 16
93
94
  },
@@ -109,10 +110,10 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
109
110
  /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
110
111
  ] }), Nt = ({
111
112
  height: t = "100dvh",
112
- onCategoryClick: s,
113
+ onCategoryClick: i,
113
114
  onRowClick: o
114
115
  }) => {
115
- const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: g, toggleSplit: f } = W();
116
+ const { transactions: a } = w(), { isCopyLoaded: s } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: g, toggleSplit: f } = W();
116
117
  m.useEffect(() => () => g(), []);
117
118
  const C = m.useMemo(
118
119
  () => d.map((r) => ({
@@ -121,10 +122,10 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
121
122
  ...r
122
123
  })),
123
124
  [d]
124
- ), u = ({ row: { id: r, guid: h, has_been_split: E }, field: n }) => E ? f(r) : n === "category" ? s?.(h) : o?.(h), I = (r, h) => {
125
+ ), u = ({ row: { id: r, guid: h, has_been_split: E }, field: n }) => E ? f(r) : n === "category" ? i?.(h) : o?.(h), I = (r, h) => {
125
126
  h.key !== "Enter" && h.key !== " " || u(r);
126
127
  };
127
- if (!i)
128
+ if (!s)
128
129
  return /* @__PURE__ */ e(X, {});
129
130
  const _ = [
130
131
  {
@@ -201,19 +202,19 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
201
202
  }
202
203
  }
203
204
  ) });
204
- }, Et = x(Nt), Ot = ({ copy: t, isOpen: s, onClose: o, onPrimaryAction: a }) => {
205
- const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
205
+ }, Et = x(Nt), Ot = ({ copy: t, isOpen: i, onClose: o, onPrimaryAction: a }) => {
206
+ const { common: s, transactions: l } = w(), { isCopyLoaded: d } = j();
206
207
  return d ? /* @__PURE__ */ p(
207
- ie,
208
+ se,
208
209
  {
209
210
  copy: {
210
211
  title: t.title
211
212
  },
212
- isOpen: s,
213
+ isOpen: i,
213
214
  onClose: o,
214
215
  onPrimaryAction: a,
215
216
  primaryText: l.add_manual_account,
216
- secondaryText: i.cancel_button,
217
+ secondaryText: s.cancel_button,
217
218
  children: [
218
219
  /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
219
220
  /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: l.add_account_modal_cta })
@@ -221,17 +222,17 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
221
222
  }
222
223
  ) : /* @__PURE__ */ e(X, {});
223
224
  }, kt = x(Ot), Mt = () => {
224
- const { visibleAccounts: t } = se(), { common: s, transactions: o } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = W(), [d, g] = m.useState(""), [f, C] = m.useState(""), u = m.useMemo(
225
+ const { visibleAccounts: t } = ie(), { common: i, transactions: o } = w(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: l } = W(), [d, g] = m.useState(""), [f, C] = m.useState(""), u = m.useMemo(
225
226
  () => t.filter((n) => n.is_manual),
226
227
  [t]
227
228
  ).map((n) => ({
228
229
  label: `${n.name} | ${ce(n.balance, "0,0.00")}`,
229
230
  value: n.guid
230
231
  })), I = {
231
- error_amount_is_invalid: s.currency_input.error_amount_is_invalid,
232
- error_amount_must_be_equal_to: s.currency_input.error_amount_must_be_equal_to,
233
- error_amount_must_be_less_than_or_equal_to: s.currency_input.error_amount_must_be_less_than_or_equal_to,
234
- enter_amount: s.currency_input.enter_amount
232
+ error_amount_is_invalid: i.currency_input.error_amount_is_invalid,
233
+ error_amount_must_be_equal_to: i.currency_input.error_amount_must_be_equal_to,
234
+ error_amount_must_be_less_than_or_equal_to: i.currency_input.error_amount_must_be_less_than_or_equal_to,
235
+ enter_amount: i.currency_input.enter_amount
235
236
  }, _ = (n) => {
236
237
  g(n), l({ ...a, amount: Number(n) });
237
238
  }, r = (n, M) => {
@@ -261,7 +262,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
261
262
  },
262
263
  label: o.amount_title,
263
264
  setAmount: _,
264
- setHasValidInput: i,
265
+ setHasValidInput: s,
265
266
  sx: { bgcolor: "background.paper" },
266
267
  type: "number"
267
268
  }
@@ -322,42 +323,42 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
322
323
  /* @__PURE__ */ e(Ve, { transaction: a })
323
324
  ] })
324
325
  ] });
325
- }, Lt = x(Mt), Rt = ({ onClose: t, transaction: s }) => {
326
- const { addOrUpdateTransactionRule: o, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Je(), [d, g] = m.useState(""), f = m.useMemo(
326
+ }, Lt = x(Mt), Rt = ({ onClose: t, transaction: i }) => {
327
+ const { addOrUpdateTransactionRule: o, updateTransaction: a } = $(), { transactions: s } = w(), { categories: l } = Je(), [d, g] = m.useState(""), f = m.useMemo(
327
328
  () => l.find((u) => u.guid === d),
328
329
  [d]
329
330
  ), C = async (u) => {
330
- await a({ ...s, category_guid: d }), u && await o(d, s), g(""), t();
331
+ await a({ ...i, category_guid: d }), u && await o(d, i), g(""), t();
331
332
  };
332
333
  return /* @__PURE__ */ p(S, { className: "mx-txn-edit-category-action", children: [
333
334
  /* @__PURE__ */ e(
334
335
  pt,
335
336
  {
336
- initialSelected: s.category_guid,
337
+ initialSelected: i.category_guid,
337
338
  onClose: t,
338
339
  onSelect: (u) => g(u),
339
- showDrawer: !!s,
340
- title: i.actions_select_a_category
340
+ showDrawer: !!i,
341
+ title: s.actions_select_a_category
341
342
  }
342
343
  ),
343
344
  /* @__PURE__ */ e(
344
- ie,
345
+ se,
345
346
  {
346
347
  copy: {
347
348
  title: q(
348
- i.actions_apply_to_all_transaction_types,
349
- s.description
349
+ s.actions_apply_to_all_transaction_types,
350
+ i.description
350
351
  )
351
352
  },
352
353
  isOpen: !!d,
353
354
  onClose: () => C(!1),
354
355
  onPrimaryAction: () => C(!0),
355
356
  onSecondaryAction: () => C(!1),
356
- primaryText: i.actions_apply_to_all,
357
- secondaryText: i.actions_this_time_only,
357
+ primaryText: s.actions_apply_to_all,
358
+ secondaryText: s.actions_this_time_only,
358
359
  children: /* @__PURE__ */ e(Ye, { variant: "Paragraph", children: q(
359
- i.actions_all_past_and_future,
360
- s.description,
360
+ s.actions_all_past_and_future,
361
+ i.description,
361
362
  f?.name
362
363
  ) })
363
364
  }
@@ -365,18 +366,18 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
365
366
  ] });
366
367
  }, Ht = x(Rt), re = 120, Bt = ({
367
368
  onBackClick: t,
368
- height: s = "100dvh",
369
+ height: i = "100dvh",
369
370
  showInsights: o = !1,
370
371
  sx: a = {}
371
372
  }) => {
372
- const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: g, config: f } = Qe(), { setSearchValue: C } = gt(), { onEvent: u } = Ze(), { common: I, transactions: _ } = w(), {
373
+ const { visibleAccounts: s, refreshAccounts: l } = ie(), { is_mobile_webview: d, clientConfig: g, config: f } = Qe(), { setSearchValue: C } = gt(), { onEvent: u } = Ze(), { common: I, transactions: _ } = w(), {
373
374
  displayedDateRange: r,
374
375
  isCopyLoaded: h,
375
376
  isInitialized: E,
376
377
  selectedAccountGuids: n,
377
378
  setDisplayedDate: M,
378
379
  setSelectedAccounts: le
379
- } = j(), { isDesktop: de, isTablet: ue } = Ct(), L = it(), {
380
+ } = j(), { isDesktop: de, isTablet: ue } = Ct(), L = st(), {
380
381
  addTransaction: me,
381
382
  filter: Y,
382
383
  loadAssociatedBeats: _e,
@@ -398,13 +399,13 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
398
399
  widgetName: "TransactionWidget",
399
400
  isLoaded: B
400
401
  }), m.useEffect(() => {
401
- const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), ee = st(K()), te = ot(K());
402
+ const c = v ? [{ guid: v }] : s.filter((D) => !D.is_hidden), ee = it(K()), te = ot(K());
402
403
  v || le(c), M(ee, te), V({
403
404
  accounts: c.map((D) => D.guid),
404
405
  custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
405
406
  dateRange: { start: ee, end: te }
406
407
  }), Ie(!0), u(A.TRANSACTIONS_VIEW);
407
- }, [i]), m.useEffect(() => {
408
+ }, [s]), m.useEffect(() => {
408
409
  B && (V({
409
410
  ...Y,
410
411
  accounts: v ? [v] : n,
@@ -421,8 +422,8 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
421
422
  );
422
423
  }, [h, r, n, G, _]);
423
424
  const Ne = m.useMemo(
424
- () => i.filter((c) => c.is_manual),
425
- [i]
425
+ () => s.filter((c) => c.is_manual),
426
+ [s]
426
427
  ), T = J ? ge.find((c) => c.guid === J) : void 0, Z = Ce && !!R.payee && !!R.account_guid && !!R.category_guid, Ee = (c) => {
427
428
  fe(), M(c[0], c[1]);
428
429
  }, Oe = (c) => {
@@ -464,7 +465,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
464
465
  }), /* @__PURE__ */ p(
465
466
  ft,
466
467
  {
467
- ...!v && { accountOptions: i },
468
+ ...!v && { accountOptions: s },
468
469
  actions: z,
469
470
  calendarActions: {
470
471
  onRangeChanged: Ee
@@ -493,7 +494,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
493
494
  children: /* @__PURE__ */ e(
494
495
  Et,
495
496
  {
496
- height: `calc(${s} - ${re}px)`,
497
+ height: `calc(${i} - ${re}px)`,
497
498
  onCategoryClick: (c) => {
498
499
  H(c), b(
499
500
  "category"
@@ -520,7 +521,7 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
520
521
  children: /* @__PURE__ */ e(
521
522
  Ge,
522
523
  {
523
- height: `calc(${s} - ${re}px)`,
524
+ height: `calc(${i} - ${re}px)`,
524
525
  onClick: (c) => {
525
526
  H(c), b(
526
527
  "transaction"
@@ -586,20 +587,20 @@ const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
586
587
  ]
587
588
  }
588
589
  );
589
- }, ba = x(Bt);
590
+ }, Ta = x(Bt);
590
591
  export {
591
592
  kt as AddAccountModal,
592
- wa as BottomActions,
593
- Ma as ExportCsvAction,
594
- Na as TRANSACTION_EVENTS,
595
- Ia as TopActions,
596
- Sa as TransactionApi,
593
+ Ia as BottomActions,
594
+ La as ExportCsvAction,
595
+ Ea as TRANSACTION_EVENTS,
596
+ va as TopActions,
597
+ xa as TransactionApi,
597
598
  Ue as TransactionDetails,
598
599
  Ge as TransactionList,
599
- va as TransactionRow,
600
- Oa as TransactionStore,
600
+ Da as TransactionRow,
601
+ ka as TransactionStore,
601
602
  Et as TransactionTable,
602
- ba as TransactionWidget,
603
+ Ta as TransactionWidget,
603
604
  ze as exportTransactionsToCSV,
604
605
  W as useTransactionsUiStore
605
606
  };
@@ -32,8 +32,8 @@ import { DataGridPro as Ht } from "@mui/x-data-grid-pro";
32
32
  import { T as V, b as Nt } from "../ViewMoreMicroCard-rY-kN9MP.mjs";
33
33
  import { parseISO as nt } from "date-fns/parseISO";
34
34
  import { H as Re } from "../HeaderCell-DjuifqHJ.mjs";
35
- import { A as x, W as st } from "../WidgetContainer-COyiIVSd.mjs";
36
- import { a as rt, T as at } from "../TransactionDetails-BKoBKUNp.mjs";
35
+ import { A as x, W as st } from "../WidgetContainer-CpuFZNTe.mjs";
36
+ import { a as rt, T as at } from "../TransactionDetails-CTc7ilRf.mjs";
37
37
  import { D as Ne } from "../Drawer-DV4NTsFg.mjs";
38
38
  import { u as ve } from "../useWidgetLoadTimer-hIOioiKx.mjs";
39
39
  import { L as me } from "../Loader-DUaFpDGv.mjs";
@@ -0,0 +1,35 @@
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import e from "react";
3
+ import u from "@mui/material/Box";
4
+ const x = (a = "polite") => {
5
+ const [s, o] = e.useState(""), [t, r] = e.useState(a), n = e.useCallback((c, i) => {
6
+ i && r(i), o(c);
7
+ }, []), p = e.useMemo(
8
+ () => /* @__PURE__ */ l(
9
+ u,
10
+ {
11
+ "aria-atomic": "true",
12
+ "aria-live": t,
13
+ role: t === "assertive" ? "alert" : "status",
14
+ sx: {
15
+ position: "absolute",
16
+ width: "1px",
17
+ height: "1px",
18
+ padding: 0,
19
+ margin: "-1px",
20
+ overflow: "hidden",
21
+ clip: "rect(0 0 0 0)",
22
+ clipPath: "inset(50%)",
23
+ whiteSpace: "nowrap",
24
+ border: 0
25
+ },
26
+ children: s
27
+ }
28
+ ),
29
+ [s, t]
30
+ );
31
+ return { announce: n, ariaLive: p };
32
+ };
33
+ export {
34
+ x as u
35
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "7.6.21",
3
+ "version": "7.6.22",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",