@mx-cartographer/experiences 7.10.16 → 7.10.18

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,3 +1,11 @@
1
+ ## [7.10.18] - 02-13-2026
2
+
3
+ - **FIXED** - Deep link parameters for date range in Spending widget
4
+
5
+ ## [7.10.17] - 02-13-2026
6
+
7
+ - **FIXED** - Impove TrendsWidget accessibility
8
+
1
9
  ## [7.10.16] - 02-13-2026
2
10
 
3
11
  - **UPDATED** - Trends Widget empty states
@@ -17,7 +17,7 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
17
17
  import { parseISO as me } from "date-fns/parseISO";
18
18
  import Z from "@mui/material/Button";
19
19
  import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
20
- import { T as J, a as fe, u as ge, S as Ce, b as be } from "./TransactionDetails-BOuk5Sz7.mjs";
20
+ import { T as J, a as fe, u as ge, S as Ce, b as be } from "./TransactionDetails-BEQAfeE3.mjs";
21
21
  import { addYears as K } from "date-fns/addYears";
22
22
  import { getDayOfYear as xe } from "date-fns/getDayOfYear";
23
23
  import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -27,7 +27,7 @@ import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProv
27
27
  import { u as w, j as Y, g as P, b as Ae, h as V, o as Ie } from "./hooks-BUCn6FeJ.mjs";
28
28
  import { b as Re, f as ee } from "./NumberFormatting-DjTD0t3W.mjs";
29
29
  import { D as N } from "./Drawer-DV4NTsFg.mjs";
30
- import { A as L } from "./WidgetContainer-BxDAkXZT.mjs";
30
+ import { A as L } from "./WidgetContainer-BV3Rll6V.mjs";
31
31
  import { f as Ee, D as Te } from "./DateFormats-Cs-NbEZ7.mjs";
32
32
  import { D as Le } from "./Dialog-BqUCsQvo.mjs";
33
33
  import { formatISO as Oe } from "date-fns/formatISO";
@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
7
7
  import d from "@mui/material/Divider";
8
8
  import b from "@mui/material/List";
9
9
  import T from "@mui/material/Stack";
10
- import { R as C, A as S, a as E, M as v } from "./ManageIncome-COGmNMz1.mjs";
10
+ import { R as C, A as S, a as E, M as v } from "./ManageIncome-dg9SzlFk.mjs";
11
11
  import { u as _, j as A, g as f } from "./hooks-BUCn6FeJ.mjs";
12
12
  import { R as y, F as N } from "./RepeatingTransaction-CIrVdIet.mjs";
13
- import { A as m } from "./WidgetContainer-BxDAkXZT.mjs";
13
+ import { A as m } from "./WidgetContainer-BV3Rll6V.mjs";
14
14
  const I = h(() => {
15
15
  const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
16
16
  a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {
@@ -17,7 +17,7 @@ import { fromUnixTime as j } from "date-fns/fromUnixTime";
17
17
  import { isSameDay as Ie } from "date-fns/isSameDay";
18
18
  import { h as qe } from "./DateUtil-CVXVMbjf.mjs";
19
19
  import { L as ve } from "./Loader-DUaFpDGv.mjs";
20
- import { A as P } from "./WidgetContainer-BxDAkXZT.mjs";
20
+ import { A as P } from "./WidgetContainer-BV3Rll6V.mjs";
21
21
  import ie from "@mui/material/Paper";
22
22
  import de from "@mui/material/Button";
23
23
  import Ze from "@mui/material/FormGroup";
@@ -790,7 +790,7 @@ const Y = h.createContext(null), rt = ({
790
790
  "aria-label": w.carousel_title,
791
791
  "aria-roledescription": "carousel",
792
792
  ref: A,
793
- role: "group/region",
793
+ role: "region",
794
794
  sx: {
795
795
  alignItems: "center",
796
796
  boxSizing: "border-box",
@@ -8,7 +8,7 @@ import ie from "@mui/material/CardContent";
8
8
  import ne from "@mui/material/CardHeader";
9
9
  import j from "@mui/material/Divider";
10
10
  import H from "@mui/material/IconButton";
11
- import Y from "@mui/material/Stack";
11
+ import V from "@mui/material/Stack";
12
12
  import { ChevronLeft as re } from "@mxenabled/mx-icons";
13
13
  import { Icon as R, Text as F, DateRangePicker as $, H2 as ce, H3 as se } from "@mxenabled/mxui";
14
14
  import { u as oe } from "./useDimensions-CeDR9V8N.mjs";
@@ -21,7 +21,7 @@ import { addDays as ge } from "date-fns/addDays";
21
21
  import { addYears as q } from "date-fns/addYears";
22
22
  import { differenceInCalendarDays as Ae } from "date-fns/differenceInCalendarDays";
23
23
  import { endOfDay as Se } from "date-fns/endOfDay";
24
- import { endOfMonth as V } from "date-fns/endOfMonth";
24
+ import { endOfMonth as Y } from "date-fns/endOfMonth";
25
25
  import { endOfToday as J } from "date-fns/endOfToday";
26
26
  import { endOfYear as Ne } from "date-fns/endOfYear";
27
27
  import { startOfMonth as me } from "date-fns/startOfMonth";
@@ -32,8 +32,8 @@ import { subDays as De } from "date-fns/subDays";
32
32
  import { subYears as Q } from "date-fns/subYears";
33
33
  import pe from "@mui/material/ButtonGroup";
34
34
  import ke from "@mui/material/Tab";
35
- import Oe from "@mui/material/Tabs";
36
- import he from "@mui/material/ToggleButton";
35
+ import he from "@mui/material/Tabs";
36
+ import Oe from "@mui/material/ToggleButton";
37
37
  import fe from "@mui/material/ToggleButtonGroup";
38
38
  import be from "@mui/material/styles/useTheme";
39
39
  import { u as we } from "./useAriaLive-MkYebyUR.mjs";
@@ -164,16 +164,16 @@ const Me = {
164
164
  calendarActions: n,
165
165
  color: L = "primary",
166
166
  copy: t,
167
- range: u = [me(Le()), V(J())],
167
+ range: u = [me(Le()), Y(J())],
168
168
  shouldShrinkToIcon: D = !0,
169
169
  variant: c = "outlined"
170
170
  }) => {
171
- const x = be(), { isMobile: p } = _e(), { announce: B, ariaLive: k } = we(), [S, f] = E.useState(u), [d, b] = E.useState(t.dateRangePickerCopy.dateRangeThisMonth), [g, y] = E.useState(S), [O, h] = E.useState(!1), [I, A] = E.useState(!0), [l, v] = E.useState(6), P = {
171
+ const x = be(), { isMobile: p } = _e(), { announce: B, ariaLive: k } = we(), [S, f] = E.useState(u), [d, b] = E.useState(t.dateRangePickerCopy.dateRangeThisMonth), [g, y] = E.useState(S), [h, O] = E.useState(!1), [I, A] = E.useState(!0), [l, v] = E.useState(6), P = {
172
172
  buttons: [
173
- { label: "3M", value: 3 },
174
- { label: "6M", value: 6 },
175
- { label: "9M", value: 9 },
176
- { label: "1Y", value: 12 }
173
+ { ariaLabel: "3 Months", label: "3M", value: 3 },
174
+ { ariaLabel: "6 Months", label: "6M", value: 6 },
175
+ { ariaLabel: "9 Months", label: "9M", value: 9 },
176
+ { ariaLabel: "1 Year", label: "1Y", value: 12 }
177
177
  ],
178
178
  tabs: [
179
179
  { label: "3 Months", value: 3 },
@@ -188,15 +188,15 @@ const Me = {
188
188
  (c === "timeframebuttons" || c === "timeframetabs") && n.onRangeChanged(a());
189
189
  }, [l]);
190
190
  const a = () => {
191
- const _ = V(J());
192
- return [V(z(_, l)), _];
191
+ const _ = Y(J());
192
+ return [Y(z(_, l)), _];
193
193
  }, w = (_) => {
194
194
  const [r, s] = S, i = _ === "previous";
195
195
  let o;
196
196
  if (d === t.dateRangePickerCopy.dateRangeThisMonth || d === t.dateRangePickerCopy.dateRangeLastMonth)
197
197
  o = [
198
198
  i ? z(r, 1) : Z(r, 1),
199
- V(i ? z(s, 1) : Z(s, 1))
199
+ Y(i ? z(s, 1) : Z(s, 1))
200
200
  ];
201
201
  else if (d === t.dateRangePickerCopy.dateRangeYTD || d === t.dateRangePickerCopy.dateRangeLastYear) {
202
202
  const T = ue(r), M = Ne(r);
@@ -232,7 +232,7 @@ const Me = {
232
232
  [x.breakpoints.up("sm")]: { display: "inline-flex" }
233
233
  },
234
234
  children: [
235
- c === "readonly" && /* @__PURE__ */ C(Y, { alignItems: "center", direction: "row", gap: 8, children: [
235
+ c === "readonly" && /* @__PURE__ */ C(V, { alignItems: "center", direction: "row", gap: 8, children: [
236
236
  /* @__PURE__ */ e(R, { name: "calendar_month", size: 24 }),
237
237
  /* @__PURE__ */ e(F, { bold: !0, children: N(g[0], m.MONTH_DAY) }),
238
238
  /* @__PURE__ */ e(R, { name: "remove" }),
@@ -268,7 +268,7 @@ const Me = {
268
268
  {
269
269
  "aria-disabled": n.shouldDisablePicker,
270
270
  color: L,
271
- onClick: () => n.shouldDisablePicker ? null : h(!0),
271
+ onClick: () => n.shouldDisablePicker ? null : O(!0),
272
272
  startIcon: /* @__PURE__ */ e(R, { name: "calendar_month", size: 20 }),
273
273
  sx: {
274
274
  p: p ? 0 : 8
@@ -302,8 +302,9 @@ const Me = {
302
302
  orientation: "horizontal",
303
303
  value: l,
304
304
  children: P.buttons.map((_) => /* @__PURE__ */ e(
305
- he,
305
+ Oe,
306
306
  {
307
+ "aria-label": _.ariaLabel,
307
308
  onClick: () => G(_.value),
308
309
  sx: { width: 56 },
309
310
  value: _.value,
@@ -314,7 +315,7 @@ const Me = {
314
315
  }
315
316
  ),
316
317
  c === "timeframetabs" && /* @__PURE__ */ e(
317
- Oe,
318
+ he,
318
319
  {
319
320
  indicatorColor: "primary",
320
321
  onChange: (_, r) => G(r),
@@ -335,14 +336,14 @@ const Me = {
335
336
  ]
336
337
  }
337
338
  ),
338
- O && p && /* @__PURE__ */ C(
339
+ h && p && /* @__PURE__ */ C(
339
340
  Ge,
340
341
  {
341
342
  ariaLabelClose: t.dateRangeCloseAria,
342
- isOpen: O,
343
- onClose: () => h(!1),
343
+ isOpen: h,
344
+ onClose: () => O(!1),
344
345
  onPrimaryAction: () => {
345
- U(), h(!1);
346
+ U(), O(!1);
346
347
  },
347
348
  primaryText: t.dateRangeEditApply,
348
349
  title: t.dateRangeEditTitle,
@@ -361,12 +362,12 @@ const Me = {
361
362
  ]
362
363
  }
363
364
  ),
364
- O && !p && /* @__PURE__ */ C(
365
+ h && !p && /* @__PURE__ */ C(
365
366
  Ke,
366
367
  {
367
368
  copy: { title: t.dateRangeEditTitle },
368
369
  isOpen: !0,
369
- onClose: () => h(!1),
370
+ onClose: () => O(!1),
370
371
  onPrimaryAction: () => U(),
371
372
  primaryText: t.dateRangeEditApply,
372
373
  sx: {
@@ -412,8 +413,8 @@ const Me = {
412
413
  sx: d = {},
413
414
  title: b = ""
414
415
  }) => {
415
- const [g, { height: y, width: O }] = oe(), { onEvent: h } = de(), { isDesktop: I, isMobile: A, isTablet: l } = _e(O), { displayedDateRange: v, isCopyLoaded: P } = Te(), { common: a } = Ie(), { config: w } = Ee(), U = () => {
416
- k && (k(), h(Me.WIDGET_BACK_CLICK));
416
+ const [g, { height: y, width: h }] = oe(), { onEvent: O } = de(), { isDesktop: I, isMobile: A, isTablet: l } = _e(h), { displayedDateRange: v, isCopyLoaded: P } = Te(), { common: a } = Ie(), { config: w } = Ee(), U = () => {
417
+ k && (k(), O(Me.WIDGET_BACK_CLICK));
417
418
  };
418
419
  if (!P)
419
420
  return /* @__PURE__ */ e(Ce, {});
@@ -451,7 +452,7 @@ const Me = {
451
452
  b && /* @__PURE__ */ e(
452
453
  ne,
453
454
  {
454
- action: /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", children: [
455
+ action: /* @__PURE__ */ C(V, { alignItems: "center", flexDirection: "row", children: [
455
456
  I && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
456
457
  ee,
457
458
  {
@@ -516,7 +517,7 @@ const Me = {
516
517
  },
517
518
  title: (
518
519
  // eslint-disable-next-line no-nested-ternary
519
- I || l ? w.display_widget_headings ? /* @__PURE__ */ e(ce, { variant: "H1", children: b }) : null : /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
520
+ I || l ? w.display_widget_headings ? /* @__PURE__ */ e(ce, { variant: "H1", children: b }) : null : /* @__PURE__ */ C(V, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
520
521
  A && k && /* @__PURE__ */ e(
521
522
  H,
522
523
  {
@@ -533,7 +534,7 @@ const Me = {
533
534
  }
534
535
  ),
535
536
  p && /* @__PURE__ */ e(j, { sx: { mt: I ? 48 : 24 } }),
536
- t && (A || l) && /* @__PURE__ */ C(Y, { gap: 24, justifyContent: "center", sx: { mt: A ? 0 : 16 }, children: [
537
+ t && (A || l) && /* @__PURE__ */ C(V, { gap: 24, justifyContent: "center", sx: { mt: A ? 0 : 16 }, children: [
537
538
  f && /* @__PURE__ */ e(j, {}),
538
539
  /* @__PURE__ */ e(
539
540
  ee,
@@ -546,7 +547,7 @@ const Me = {
546
547
  }
547
548
  )
548
549
  ] }),
549
- /* @__PURE__ */ e(ie, { ref: g, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: y, availableWidth: O, children: u }) })
550
+ /* @__PURE__ */ e(ie, { ref: g, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: y, availableWidth: h, children: u }) })
550
551
  ]
551
552
  }
552
553
  );
@@ -25,7 +25,7 @@ import I1 from "@mui/material/Switch";
25
25
  import D from "@mui/material/ListItem";
26
26
  import $ from "@mui/material/ListItemButton";
27
27
  import O from "@mui/material/ListItemText";
28
- import { A as S, W as N1 } from "../WidgetContainer-BxDAkXZT.mjs";
28
+ import { A as S, W as N1 } from "../WidgetContainer-BV3Rll6V.mjs";
29
29
  import { D as Q } from "../Dialog-BqUCsQvo.mjs";
30
30
  import { b as f } from "../Localization-2MODESHW.mjs";
31
31
  import { D as t1 } from "../Drawer-DV4NTsFg.mjs";
@@ -54,7 +54,7 @@ import t3 from "@mui/material/AlertTitle";
54
54
  import n3 from "@mui/material/Link";
55
55
  import o3 from "@mui/material/Paper";
56
56
  import { subDays as i3, startOfToday as c3, endOfToday as a3 } from "date-fns";
57
- import { T as s3, a as l3 } from "../TransactionDetails-BOuk5Sz7.mjs";
57
+ import { T as s3, a as l3 } from "../TransactionDetails-BEQAfeE3.mjs";
58
58
  import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
59
59
  import { f as d1 } from "../NumberFormatting-DjTD0t3W.mjs";
60
60
  import { C as r3 } from "../ConnectionsDrawer-GcyfM8yJ.mjs";
@@ -28,7 +28,7 @@ import { useTheme as Ve } from "@mui/material/styles";
28
28
  import { u as ie } from "../useScreenSize-B6JyS_Lj.mjs";
29
29
  import { L as ge } from "../Loader-DUaFpDGv.mjs";
30
30
  import { E as le } from "../EmptyState-DHAkGsjk.mjs";
31
- import { A as N, W as Ye } from "../WidgetContainer-BxDAkXZT.mjs";
31
+ import { A as N, W as Ye } from "../WidgetContainer-BV3Rll6V.mjs";
32
32
  import { u as Ze } from "../BudgetUtil-CrAD2kHT.mjs";
33
33
  import { u as we } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
34
34
  import { M as qe } from "../MiniWidgetContainer-BHk-RlKA.mjs";
@@ -39,7 +39,7 @@ import Ee from "@mui/material/Snackbar";
39
39
  import _e from "@mui/material/Tab";
40
40
  import Qe from "@mui/material/Tabs";
41
41
  import { e as et } from "../exportTransactionsToCSV-DoifE4Fe.mjs";
42
- import { T as Ie, a as tt } from "../TransactionDetails-BOuk5Sz7.mjs";
42
+ import { T as Ie, a as tt } from "../TransactionDetails-BEQAfeE3.mjs";
43
43
  import pe from "@mui/material/Card";
44
44
  import he from "@mui/material/CardContent";
45
45
  import { S as me } from "../StatusBar-BK_uYHAB.mjs";
@@ -48,7 +48,7 @@ import { u as nt, b as ot } from "../CategorySelectorDrawer-DCGWu9Vd.mjs";
48
48
  import Re from "@mui/material/CardHeader";
49
49
  import { subDays as at } from "date-fns/subDays";
50
50
  import rt from "@mui/material/IconButton";
51
- import { M as st } from "../ManageIncome-COGmNMz1.mjs";
51
+ import { M as st } from "../ManageIncome-dg9SzlFk.mjs";
52
52
  const it = E(() => {
53
53
  const { budgets: t } = w(), { totalBudgeted: o } = D(), { incomeTotal: i } = te(), s = i - o;
54
54
  return /* @__PURE__ */ m(B, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
@@ -18,7 +18,7 @@ import { b as $ } from "../Localization-2MODESHW.mjs";
18
18
  import { u as Oe } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
19
19
  import { M as Je } from "../MiniWidgetContainer-BHk-RlKA.mjs";
20
20
  import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
21
- import { R as et } from "../RecurringSettings-DyR9KleL.mjs";
21
+ import { R as et } from "../RecurringSettings-D4WseZd1.mjs";
22
22
  import tt from "@mui/material/Tabs";
23
23
  import ye from "@mui/material/Tab";
24
24
  import { getUnixTime as z } from "date-fns/getUnixTime";
@@ -36,16 +36,16 @@ import { alpha as at, keyframes as it } from "@mui/material/styles";
36
36
  import { DataGridPro as rt } from "@mui/x-data-grid-pro";
37
37
  import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
38
38
  import G from "@mui/material/Button";
39
- import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-COGmNMz1.mjs";
39
+ import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-dg9SzlFk.mjs";
40
40
  import { D as Ge } from "../Drawer-DV4NTsFg.mjs";
41
41
  import { subDays as Me } from "date-fns/subDays";
42
42
  import { endOfToday as mt } from "date-fns/endOfToday";
43
- import { W as ut, A as Ie } from "../WidgetContainer-BxDAkXZT.mjs";
43
+ import { W as ut, A as Ie } from "../WidgetContainer-BV3Rll6V.mjs";
44
44
  import { A as Q } from "../Account-BiB1F8lL.mjs";
45
45
  import { formatISO as ht } from "date-fns/formatISO";
46
46
  import { fromUnixTime as De } from "date-fns/fromUnixTime";
47
47
  import { startOfMonth as pt } from "date-fns/startOfMonth";
48
- import { S as ft, b as gt } from "../TransactionDetails-BOuk5Sz7.mjs";
48
+ import { S as ft, b as gt } from "../TransactionDetails-BEQAfeE3.mjs";
49
49
  import { F as bt, R as ve, e as Ae } from "../RepeatingTransaction-CIrVdIet.mjs";
50
50
  import { h as xt } from "../DateUtil-CVXVMbjf.mjs";
51
51
  import { F as Ct, A as j } from "../Fetch-DecPFeGU.mjs";
@@ -24,6 +24,7 @@ export interface DateRangeSelectorProps {
24
24
  variant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs';
25
25
  }
26
26
  export type Timeframe = {
27
+ ariaLabel?: string;
27
28
  label: string;
28
29
  value: number;
29
30
  };
@@ -12,7 +12,7 @@ import { H as at } from "../Help-B8mD4aLJ.mjs";
12
12
  import { E as Ss } from "../Help-B8mD4aLJ.mjs";
13
13
  import { M as ws } from "../MicroWidgetContainer-CX0qZ57D.mjs";
14
14
  import { M as xs } from "../MiniWidgetContainer-BHk-RlKA.mjs";
15
- import { A as As, D as vs, W as Es } from "../WidgetContainer-BxDAkXZT.mjs";
15
+ import { A as As, D as vs, W as Es } from "../WidgetContainer-BV3Rll6V.mjs";
16
16
  import { b as Bs, G as Is } from "../GlobalAccountFilter-xZ4Z8AE-.mjs";
17
17
  import { C as Ms } from "../CurrencyInput-DUJ_mlm_.mjs";
18
18
  import { L as Us } from "../Loader-DUaFpDGv.mjs";
@@ -50,7 +50,10 @@ export interface StyleConfig {
50
50
  }
51
51
  export interface DeepLinkParams {
52
52
  account_guids?: string[];
53
- date_range?: [Date, Date];
53
+ date_range?: {
54
+ from: string;
55
+ to: string;
56
+ };
54
57
  view: string;
55
58
  }
56
59
  export interface Config {
@@ -23,7 +23,7 @@ import Oe from "@mui/material/CardHeader";
23
23
  import ae from "@mui/material/Box";
24
24
  import { useTheme as He } from "@mui/material/styles";
25
25
  import { LineChart as Ge } from "@mui/x-charts/LineChart";
26
- import { A as T, W as We } from "../WidgetContainer-BxDAkXZT.mjs";
26
+ import { A as T, W as We } from "../WidgetContainer-BV3Rll6V.mjs";
27
27
  import pe from "@mui/material/Tab";
28
28
  import je from "@mui/material/Tabs";
29
29
  import fe from "@mui/material/List";
@@ -41,7 +41,7 @@ import { S as it, F as Mt, e as zn, R as Dt } from "../RepeatingTransaction-CIrV
41
41
  import { A as He } from "../Account-BiB1F8lL.mjs";
42
42
  import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
43
43
  import { h as It } from "../DateUtil-CVXVMbjf.mjs";
44
- import { T as Hn, s as Nn, h as jn, S as Kn, b as Vn } from "../TransactionDetails-BOuk5Sz7.mjs";
44
+ import { T as Hn, s as Nn, h as jn, S as Kn, b as Vn } from "../TransactionDetails-BEQAfeE3.mjs";
45
45
  import { f as Xn, D as Yn } from "../DateFormats-Cs-NbEZ7.mjs";
46
46
  import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
47
47
  import qn from "@mui/material/useMediaQuery";
@@ -56,10 +56,10 @@ import { formatISO as oo } from "date-fns/formatISO";
56
56
  import { fromUnixTime as ro } from "date-fns/fromUnixTime";
57
57
  import { startOfToday as st } from "date-fns/startOfToday";
58
58
  import { subDays as ao } from "date-fns/subDays";
59
- import { c as io, d as ct, S as so, i as co } from "../ManageIncome-COGmNMz1.mjs";
59
+ import { c as io, d as ct, S as so, i as co } from "../ManageIncome-dg9SzlFk.mjs";
60
60
  import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
61
61
  import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
62
- import { R as uo } from "../RecurringSettings-DyR9KleL.mjs";
62
+ import { R as uo } from "../RecurringSettings-D4WseZd1.mjs";
63
63
  import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
64
64
  import { format as mo } from "date-fns/format";
65
65
  import go from "@mui/lab/Timeline";
@@ -72,7 +72,7 @@ import vo from "@mui/material/Accordion";
72
72
  import wo from "@mui/material/AccordionDetails";
73
73
  import ko from "@mui/material/AccordionSummary";
74
74
  import { u as Mo } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
75
- import { W as Do } from "../WidgetContainer-BxDAkXZT.mjs";
75
+ import { W as Do } from "../WidgetContainer-BV3Rll6V.mjs";
76
76
  const Io = ({
77
77
  dialScoreData: t,
78
78
  dataIndex: o,
@@ -49,7 +49,7 @@ import { DatePicker as dt } from "@mui/x-date-pickers";
49
49
  import { LocalizationProvider as mt } from "@mui/x-date-pickers/LocalizationProvider";
50
50
  import { D as _t } from "../Dialog-BqUCsQvo.mjs";
51
51
  import { u as Ke } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
52
- import { A as X, W as ut } from "../WidgetContainer-BxDAkXZT.mjs";
52
+ import { A as X, W as ut } from "../WidgetContainer-BV3Rll6V.mjs";
53
53
  import { L as Me } from "../Loader-DUaFpDGv.mjs";
54
54
  import { E as pt } from "../EmptyState-DHAkGsjk.mjs";
55
55
  import ht from "@mui/material/Stack/Stack";
@@ -4,7 +4,7 @@ import { H as m } from "../Help-C0hzCqyd.mjs";
4
4
  import { b as s } from "../hooks-BUCn6FeJ.mjs";
5
5
  import { u as a } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
6
6
  import { L as p } from "../Loader-DUaFpDGv.mjs";
7
- import { W as d } from "../WidgetContainer-BxDAkXZT.mjs";
7
+ import { W as d } from "../WidgetContainer-BV3Rll6V.mjs";
8
8
  const H = t(({ onBackClick: e, sx: i }) => {
9
9
  const { isInitialized: o } = s();
10
10
  return a({
@@ -17,7 +17,7 @@ import fe from "@mui/material/ToggleButtonGroup";
17
17
  import { Text as r, P as J, InstitutionLogo as oe } from "@mxenabled/mxui";
18
18
  import He from "@mui/material/Button";
19
19
  import { u as M, g as ve, s as H, b as Q, d as le } from "../hooks-BUCn6FeJ.mjs";
20
- import { A as z, W as Ue } from "../WidgetContainer-BxDAkXZT.mjs";
20
+ import { A as z, W as Ue } from "../WidgetContainer-BV3Rll6V.mjs";
21
21
  import { a as je, f as ie } from "../NumberFormatting-DjTD0t3W.mjs";
22
22
  import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
23
23
  import ce from "@mui/material/styles/useTheme";
@@ -1,4 +1,4 @@
1
- import { A as u, B as s, C as c, a as v, b as C, I as R, M as H, d as M, c as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-DwIu33ap.mjs";
1
+ import { A as u, B as s, C as c, a as v, b as C, I as R, M as H, d as M, c as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-CqwQCYwV.mjs";
2
2
  import { jsx as e, jsxs as l } from "react/jsx-runtime";
3
3
  const a = ({
4
4
  color: i = "currentColor",
@@ -27,7 +27,7 @@ import X from "@mui/material/ListItemIcon";
27
27
  import { g as F } from "../NetWorthStore-yV43kJro.mjs";
28
28
  import { N as vt } from "../NetWorthStore-yV43kJro.mjs";
29
29
  import { D as K } from "../Drawer-DV4NTsFg.mjs";
30
- import { A as v, W as pe } from "../WidgetContainer-BxDAkXZT.mjs";
30
+ import { A as v, W as pe } from "../WidgetContainer-BV3Rll6V.mjs";
31
31
  import { format as fe, fromUnixTime as xe, differenceInMonths as ge } from "date-fns";
32
32
  import { Icon as te } from "@mxenabled/mx-icons";
33
33
  import { f as U } from "../NumberFormatting-DjTD0t3W.mjs";
@@ -6,8 +6,8 @@ import { endOfToday as Z } from "date-fns/endOfToday";
6
6
  import { startOfMonth as G } from "date-fns/startOfMonth";
7
7
  import { startOfToday as J } from "date-fns/startOfToday";
8
8
  import { subDays as Q } from "date-fns/subDays";
9
- import { R as Te } from "../RecurringSettings-DyR9KleL.mjs";
10
- import { M as vn } from "../RecurringSettings-DyR9KleL.mjs";
9
+ import { R as Te } from "../RecurringSettings-D4WseZd1.mjs";
10
+ import { M as vn } from "../RecurringSettings-D4WseZd1.mjs";
11
11
  import { addMonths as We } from "date-fns/addMonths";
12
12
  import { subMonths as $e } from "date-fns/subMonths";
13
13
  import { isBefore as Be } from "date-fns/isBefore";
@@ -31,7 +31,7 @@ import { u as R, b as H, j as _, g as z, p as _e, h as ne } from "../hooks-BUCn6
31
31
  import { d as I, c as T, g as xe, f as et } from "../RepeatingTransaction-CIrVdIet.mjs";
32
32
  import { T as O } from "../RecurringTransactionsStore-BJrH7BJ7.mjs";
33
33
  import { R as An } from "../RecurringTransactionsStore-BJrH7BJ7.mjs";
34
- import { A as S, W as tt } from "../WidgetContainer-BxDAkXZT.mjs";
34
+ import { A as S, W as tt } from "../WidgetContainer-BV3Rll6V.mjs";
35
35
  import nt from "@mui/material/Button";
36
36
  import q from "@mui/material/Divider";
37
37
  import be from "@mui/material/List";
@@ -40,8 +40,8 @@ import it from "@mui/material/ListSubheader";
40
40
  import rt from "@mui/material/ListItemAvatar";
41
41
  import ot from "@mui/material/ListItemButton";
42
42
  import at from "@mui/material/ListItemText";
43
- import { b as st } from "../ManageIncome-COGmNMz1.mjs";
44
- import { c as Nn, M as Gn, S as On } from "../ManageIncome-COGmNMz1.mjs";
43
+ import { b as st } from "../ManageIncome-dg9SzlFk.mjs";
44
+ import { c as Nn, M as Gn, S as On } from "../ManageIncome-dg9SzlFk.mjs";
45
45
  import { f as M } from "../NumberFormatting-DjTD0t3W.mjs";
46
46
  import { D as ie } from "../Drawer-DV4NTsFg.mjs";
47
47
  import { b as E } from "../Localization-2MODESHW.mjs";
@@ -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-BYMP5Q8g.mjs";
45
45
  import { H as Oe } from "../Help-C0hzCqyd.mjs";
46
- import { W as X } from "../WidgetContainer-BxDAkXZT.mjs";
46
+ import { W as X } from "../WidgetContainer-BV3Rll6V.mjs";
47
47
  const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
48
48
  const o = xe(), { common: i, settings: n } = D(), { isDesktop: d, isMobile: l, isSmallMobile: r, isTablet: s } = O(t), { config: b } = $(), { updateUser: _ } = A(), { user: m } = Se(), [h, S] = p.useState({
49
49
  first_name: m.first_name,
@@ -1,39 +1,40 @@
1
1
  import { jsxs as c, jsx as t } from "react/jsx-runtime";
2
2
  import l from "react";
3
- import { observer as A } from "mobx-react-lite";
4
- import { startOfMonth as at } from "date-fns/startOfMonth";
5
- import { endOfMonth as ot } from "date-fns/endOfMonth";
6
- import v from "@mui/material/Box";
7
- import b from "@mui/material/Stack";
3
+ import { observer as v } from "mobx-react-lite";
4
+ import { startOfMonth as ot } from "date-fns/startOfMonth";
5
+ import { endOfMonth as it } from "date-fns/endOfMonth";
6
+ import L from "@mui/material/Box";
7
+ import C from "@mui/material/Stack";
8
8
  import N from "@mui/material/Tab";
9
- import it from "@mui/material/Tabs";
9
+ import rt from "@mui/material/Tabs";
10
10
  import yt from "@mui/material/styles/useTheme";
11
- import { g as rt, a as st, S as $, b as Y } from "../SpendingLegend-Ct-XcqUs.mjs";
12
- import { Text as T, Icon as _t } from "@mxenabled/mxui";
11
+ import { g as st, a as lt, S as $, b as Y } from "../SpendingLegend-Ct-XcqUs.mjs";
12
+ import { Text as T, Icon as bt } from "@mxenabled/mxui";
13
13
  import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
14
- import { u as I, m as E, d as lt, b as z, a as V, h as ct, g as bt } from "../hooks-BUCn6FeJ.mjs";
15
- import { u as dt } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
16
- import { L as gt } from "../Loader-DUaFpDGv.mjs";
17
- import { M as Ct } from "../MiniWidgetContainer-BHk-RlKA.mjs";
14
+ import { u as I, m as A, d as ct, b as z, a as V, h as dt, g as Ct } from "../hooks-BUCn6FeJ.mjs";
15
+ import { u as gt } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
16
+ import { L as pt } from "../Loader-DUaFpDGv.mjs";
17
+ import { M as St } from "../MiniWidgetContainer-BHk-RlKA.mjs";
18
18
  import { startOfToday as q } from "date-fns/startOfToday";
19
- import St from "@mui/material/Button";
20
- import { useTheme as Tt } from "@mui/material";
21
- import { e as Mt } from "../exportTransactionsToCSV-DoifE4Fe.mjs";
22
- import { T as Dt, a as xt } from "../TransactionDetails-BOuk5Sz7.mjs";
23
- import wt from "@mui/material/Collapse";
19
+ import Tt from "@mui/material/Button";
20
+ import { useTheme as Mt } from "@mui/material";
21
+ import { e as Dt } from "../exportTransactionsToCSV-DoifE4Fe.mjs";
22
+ import { T as xt, a as wt } from "../TransactionDetails-BEQAfeE3.mjs";
23
+ import Lt from "@mui/material/Collapse";
24
24
  import F from "@mui/material/Divider";
25
25
  import J from "@mui/material/List";
26
26
  import Q from "@mui/material/ListItem";
27
27
  import Z from "@mui/material/ListItemButton";
28
- import { u as Lt } from "../useScreenSize-B6JyS_Lj.mjs";
28
+ import { u as vt } from "../useScreenSize-B6JyS_Lj.mjs";
29
29
  import { D as tt } from "../Drawer-DV4NTsFg.mjs";
30
- import { b as L } from "../Category-CevNQ03n.mjs";
31
- import { A as et, W as vt } from "../WidgetContainer-BxDAkXZT.mjs";
32
- const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b, { direction: "column", children: [
30
+ import { b as w } from "../Category-CevNQ03n.mjs";
31
+ import { parseISO as et } from "date-fns/parseISO";
32
+ import { A as nt, W as It } from "../WidgetContainer-BV3Rll6V.mjs";
33
+ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(C, { direction: "column", children: [
33
34
  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
34
35
  /* @__PURE__ */ t(T, { variant: "XSmall", children: R(n, a === "mini" ? "0,0" : "0,0.00") })
35
36
  ] }), At = () => {
36
- const n = yt(), { goals: d, spending: a } = I(), { categories: o, dateRangeCategoryTotals: i } = E(), g = l.useMemo(
37
+ const n = yt(), { goals: d, spending: a } = I(), { categories: o, dateRangeCategoryTotals: i } = A(), g = l.useMemo(
37
38
  () => [
38
39
  n.palette.chartMono.chartMono5,
39
40
  n.palette.chartMono.chartMono4,
@@ -43,20 +44,20 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
43
44
  n.palette.chartMono.chartMono6
44
45
  ],
45
46
  [n]
46
- ), [e, r] = l.useState(""), [p, _] = l.useState(0), u = l.useMemo(
47
- () => rt(o, d, n, i),
47
+ ), [e, r] = l.useState(""), [p, y] = l.useState(0), u = l.useMemo(
48
+ () => st(o, d, n, i),
48
49
  [o, i]
49
50
  ), m = l.useMemo(
50
- () => st(o, i, g),
51
+ () => lt(o, i, g),
51
52
  [o, i, g]
52
53
  ), M = (f, D) => {
53
- _(D), r("");
54
- }, y = (f) => {
54
+ y(D), r("");
55
+ }, b = (f) => {
55
56
  r(e === f ? "" : f);
56
57
  };
57
- return /* @__PURE__ */ c(v, { width: "100%", children: [
58
+ return /* @__PURE__ */ c(L, { width: "100%", children: [
58
59
  /* @__PURE__ */ c(
59
- it,
60
+ rt,
60
61
  {
61
62
  "aria-label": a.mini_title,
62
63
  onChange: M,
@@ -69,7 +70,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
69
70
  "aria-controls": "spending-tabpanel",
70
71
  id: "spending-tab",
71
72
  label: /* @__PURE__ */ t(
72
- k,
73
+ O,
73
74
  {
74
75
  amount: u.totalAmount,
75
76
  label: a.spend_tab_title,
@@ -85,7 +86,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
85
86
  "aria-controls": "income-tabpanel",
86
87
  id: "income-tab",
87
88
  label: /* @__PURE__ */ t(
88
- k,
89
+ O,
89
90
  {
90
91
  amount: m.totalAmount,
91
92
  label: a.income_tab_title,
@@ -99,52 +100,52 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
99
100
  }
100
101
  ),
101
102
  /* @__PURE__ */ t(
102
- v,
103
+ L,
103
104
  {
104
105
  "aria-labelledby": "spending-tab",
105
106
  hidden: p !== 0,
106
107
  id: "spending-tabpanel",
107
108
  role: "tabpanel",
108
- children: /* @__PURE__ */ c(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
109
+ children: /* @__PURE__ */ c(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
109
110
  /* @__PURE__ */ t(
110
111
  $,
111
112
  {
112
113
  data: u,
113
- onSelected: y,
114
+ onSelected: b,
114
115
  selectedId: e,
115
116
  totalLabel: a.total_spending
116
117
  }
117
118
  ),
118
- /* @__PURE__ */ t(Y, { data: u, onSelected: y, selectedId: e })
119
+ /* @__PURE__ */ t(Y, { data: u, onSelected: b, selectedId: e })
119
120
  ] })
120
121
  }
121
122
  ),
122
123
  /* @__PURE__ */ t(
123
- v,
124
+ L,
124
125
  {
125
126
  "aria-labelledby": "income-tab",
126
127
  hidden: p !== 1,
127
128
  id: "income-tabpanel",
128
129
  role: "tabpanel",
129
- children: /* @__PURE__ */ c(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
130
+ children: /* @__PURE__ */ c(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
130
131
  /* @__PURE__ */ t(
131
132
  $,
132
133
  {
133
134
  data: m,
134
135
  isIncome: !0,
135
- onSelected: y,
136
+ onSelected: b,
136
137
  selectedId: e,
137
138
  totalLabel: a.total_income
138
139
  }
139
140
  ),
140
- /* @__PURE__ */ t(Y, { data: m, onSelected: y, selectedId: e })
141
+ /* @__PURE__ */ t(Y, { data: m, onSelected: b, selectedId: e })
141
142
  ] })
142
143
  }
143
144
  )
144
145
  ] });
145
- }, It = A(At), Et = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
146
- const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { spending: p } = I(), { isInitialized: _, selectedAccounts: u } = z();
147
- return dt({
146
+ }, Et = v(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
147
+ const { isAccountDataLoaded: a, loadAccountData: o } = ct(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { spending: p } = I(), { isInitialized: y, selectedAccounts: u } = z();
148
+ return gt({
148
149
  widgetName: "SpendingMiniWidget",
149
150
  isLoaded: i
150
151
  }), l.useEffect(() => {
@@ -152,28 +153,28 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
152
153
  }, []), l.useEffect(() => {
153
154
  r(
154
155
  u,
155
- at(/* @__PURE__ */ new Date()),
156
- ot(/* @__PURE__ */ new Date())
156
+ ot(/* @__PURE__ */ new Date()),
157
+ it(/* @__PURE__ */ new Date())
157
158
  ).finally();
158
- }, [u]), _ ? /* @__PURE__ */ t(
159
- Ct,
159
+ }, [u]), y ? /* @__PURE__ */ t(
160
+ St,
160
161
  {
161
162
  className: "mx-exp-spending-miniwidget",
162
163
  onPrimaryCtaClick: n,
163
164
  primaryCtaLabel: p.primary_cta,
164
165
  sx: { height: "100%", ...d },
165
166
  title: p.mini_title,
166
- children: /* @__PURE__ */ t(It, {})
167
+ children: /* @__PURE__ */ t(Et, {})
167
168
  }
168
- ) : /* @__PURE__ */ t(gt, {});
169
- }, fe = A(Et), Wt = ({
169
+ ) : /* @__PURE__ */ t(pt, {});
170
+ }, ye = v(Wt), Rt = ({
170
171
  data: n,
171
172
  onSelected: d,
172
173
  selectedId: a = "",
173
174
  title: o
174
175
  }) => {
175
176
  const { spending: i } = I(), g = n.categoryData.find((e) => e.guid === a);
176
- return /* @__PURE__ */ c(b, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
177
+ return /* @__PURE__ */ c(C, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
177
178
  /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, variant: "h3", children: `${o} ${i.by_category}` }),
178
179
  /* @__PURE__ */ t(F, { "aria-hidden": "true" }),
179
180
  /* @__PURE__ */ t(J, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ c(l.Fragment, { children: [
@@ -194,7 +195,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
194
195
  sx: { minHeight: 44, px: 8, py: 0 },
195
196
  children: [
196
197
  /* @__PURE__ */ t(
197
- v,
198
+ L,
198
199
  {
199
200
  borderRadius: 4,
200
201
  flexShrink: 0,
@@ -204,7 +205,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
204
205
  }
205
206
  ),
206
207
  /* @__PURE__ */ c(
207
- b,
208
+ C,
208
209
  {
209
210
  alignItems: "center",
210
211
  direction: "row",
@@ -222,7 +223,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
222
223
  }
223
224
  ),
224
225
  /* @__PURE__ */ t(F, {}),
225
- e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(wt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ c(J, { children: [
226
+ e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(Lt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ c(J, { children: [
226
227
  g?.categoryTotals?.map((r) => /* @__PURE__ */ t(
227
228
  Q,
228
229
  {
@@ -236,7 +237,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
236
237
  id: `spending-list-subcategory-${r.guid}`,
237
238
  onClick: () => d(r.guid, !0),
238
239
  sx: { minHeight: 44, px: 8, py: 0 },
239
- children: /* @__PURE__ */ c(b, { direction: "row", justifyContent: "space-between", width: "100%", children: [
240
+ children: /* @__PURE__ */ c(C, { direction: "row", justifyContent: "space-between", width: "100%", children: [
240
241
  /* @__PURE__ */ c(T, { children: [
241
242
  r.name,
242
243
  " "
@@ -253,16 +254,16 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
253
254
  ] }, e.guid)) }),
254
255
  /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${R(n.totalAmount, "0,0.00")}` })
255
256
  ] });
256
- }, Rt = A(Wt), Nt = ({
257
+ }, Nt = v(Rt), $t = ({
257
258
  data: n,
258
259
  onSelected: d,
259
260
  onViewTransactions: a,
260
261
  selectedId: o,
261
262
  title: i
262
263
  }) => {
263
- const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = E(), { spending: p } = I();
264
+ const { isDesktop: g, isMobile: e } = vt(), { dateRangeTotalsLoading: r } = A(), { spending: p } = I();
264
265
  return /* @__PURE__ */ c(
265
- b,
266
+ C,
266
267
  {
267
268
  alignItems: e ? "center" : "flex-start",
268
269
  direction: e ? "column" : "row",
@@ -301,11 +302,11 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
301
302
  variant: "full"
302
303
  }
303
304
  ),
304
- /* @__PURE__ */ t(Rt, { data: n, onSelected: d, selectedId: o, title: i })
305
+ /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: o, title: i })
305
306
  ]
306
307
  }
307
308
  );
308
- }, nt = A(Nt), $t = (n) => [
309
+ }, at = v($t), Ot = (n) => [
309
310
  n.palette.chartMono.chartMono5,
310
311
  n.palette.chartMono.chartMono4,
311
312
  n.palette.chartMono.chartMono3,
@@ -313,71 +314,71 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
313
314
  n.palette.chartMono.chartMono1,
314
315
  n.palette.chartMono.chartMono6
315
316
  ], kt = () => {
316
- const n = Tt(), { is_mobile_webview: d } = V(), { clientConfig: a } = V(), { categories: o, dateRangeCategoryTotals: i } = E(), {
317
+ const n = Mt(), { is_mobile_webview: d } = V(), { clientConfig: a } = V(), { categories: o, dateRangeCategoryTotals: i } = A(), {
317
318
  goals: g,
318
319
  spending: e,
319
320
  transactions: r
320
- } = I(), { displayedDateRange: p, selectedAccountGuids: _ } = z(), {
321
+ } = I(), { displayedDateRange: p, selectedAccountGuids: y } = z(), {
321
322
  setFilter: u,
322
323
  sortedTransactions: m,
323
324
  sortedTransactionsWithSplits: M,
324
- tags: y
325
- } = ct(), f = a?.master?.deep_link_params?.account_guids, D = a?.master?.deep_link_params?.view, [x, C] = l.useState(""), [w, W] = l.useState(D === "income" ? 1 : 0), [H, P] = l.useState(""), [pt, O] = l.useState(!1), B = l.useMemo(
326
- () => rt(o, g, n, i),
325
+ tags: b
326
+ } = dt(), f = a?.master?.deep_link_params?.account_guids, D = a?.master?.deep_link_params?.view, [x, E] = l.useState(""), [_, W] = l.useState(D === "income" ? 1 : 0), [H, P] = l.useState(""), [ut, k] = l.useState(!1), B = l.useMemo(
327
+ () => st(o, g, n, i),
327
328
  [o, i]
328
329
  ), K = l.useMemo(
329
- () => st(o, i, $t(n)),
330
+ () => lt(o, i, Ot(n)),
330
331
  [o, i]
331
332
  ), G = l.useMemo(
332
333
  () => m.find((s) => s.guid === H),
333
334
  [H, m]
334
- ), ut = (s, S) => {
335
- W(S), C("");
335
+ ), mt = (s, S) => {
336
+ W(S), E("");
336
337
  }, U = (s, S = !1) => {
337
- S ? mt(s) : C(x === s || s === "0" ? "" : s);
338
- }, mt = (s) => {
338
+ S ? ht(s) : E(x === s || s === "0" ? "" : s);
339
+ }, ht = (s) => {
339
340
  u({
340
341
  ...{
341
- accounts: f || _,
342
+ accounts: f || y,
342
343
  dateRange: p
343
344
  },
344
345
  custom: (h) => x === "other" ? h.top_level_category_guid === s : h.category_guid === s,
345
346
  showSplits: !0
346
- }), O(!0);
347
+ }), k(!0);
347
348
  }, X = (s) => {
348
349
  const S = {
349
- accounts: f || _,
350
+ accounts: f || y,
350
351
  dateRange: p
351
352
  };
352
- if (w === 0)
353
+ if (_ === 0)
353
354
  if (s === "other") {
354
355
  const h = B.categoryData.find((j) => j.guid === "other");
355
356
  u({
356
357
  ...S,
357
- custom: (j) => !!h?.categoryTotals?.find((ft) => ft.guid === j.top_level_category_guid)
358
+ custom: (j) => !!h?.categoryTotals?.find((_t) => _t.guid === j.top_level_category_guid)
358
359
  });
359
360
  } else
360
361
  u({
361
362
  ...S,
362
- custom: (h) => s ? h.top_level_category_guid === s : h.top_level_category_guid !== L.INCOME && h.category_guid !== L.INCOME && h.top_level_category_guid !== L.INVESTMENTS && h.top_level_category_guid !== L.TRANSFER,
363
+ custom: (h) => s ? h.top_level_category_guid === s : h.top_level_category_guid !== w.INCOME && h.category_guid !== w.INCOME && h.top_level_category_guid !== w.INVESTMENTS && h.top_level_category_guid !== w.TRANSFER,
363
364
  showSplits: !!s
364
365
  });
365
366
  else
366
367
  u({
367
368
  ...S,
368
- custom: (h) => s ? h.category_guid === s : h.category_guid === L.INCOME || h.top_level_category_guid === L.INCOME
369
+ custom: (h) => s ? h.category_guid === s : h.category_guid === w.INCOME || h.top_level_category_guid === w.INCOME
369
370
  });
370
- O(!0);
371
- }, ht = () => {
372
- Mt(M, y);
371
+ k(!0);
372
+ }, ft = () => {
373
+ Dt(M, b);
373
374
  };
374
- return /* @__PURE__ */ c(v, { children: [
375
- /* @__PURE__ */ c(it, { onChange: ut, value: w, variant: "fullWidth", children: [
375
+ return /* @__PURE__ */ c(L, { children: [
376
+ /* @__PURE__ */ c(rt, { onChange: mt, value: _, variant: "fullWidth", children: [
376
377
  /* @__PURE__ */ t(
377
378
  N,
378
379
  {
379
380
  label: /* @__PURE__ */ t(
380
- k,
381
+ O,
381
382
  {
382
383
  amount: B.totalAmount,
383
384
  label: e.spend_tab_title
@@ -389,7 +390,7 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
389
390
  N,
390
391
  {
391
392
  label: /* @__PURE__ */ t(
392
- k,
393
+ O,
393
394
  {
394
395
  amount: K.totalAmount,
395
396
  label: e.income_tab_title
@@ -398,8 +399,8 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
398
399
  }
399
400
  )
400
401
  ] }),
401
- w === 0 && /* @__PURE__ */ t(
402
- nt,
402
+ _ === 0 && /* @__PURE__ */ t(
403
+ at,
403
404
  {
404
405
  data: B,
405
406
  onSelected: U,
@@ -408,8 +409,8 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
408
409
  title: e.spend_tab_title
409
410
  }
410
411
  ),
411
- w === 1 && /* @__PURE__ */ t(
412
- nt,
412
+ _ === 1 && /* @__PURE__ */ t(
413
+ at,
413
414
  {
414
415
  data: K,
415
416
  onSelected: U,
@@ -422,20 +423,20 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
422
423
  tt,
423
424
  {
424
425
  ariaLabelClose: e.close_drawer_aria,
425
- isOpen: pt,
426
- onClose: () => O(!1),
426
+ isOpen: ut,
427
+ onClose: () => k(!1),
427
428
  title: e.transactions_drawer_title,
428
- children: /* @__PURE__ */ c(b, { children: [
429
- !d && m.length > 0 && /* @__PURE__ */ t(b, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
430
- St,
429
+ children: /* @__PURE__ */ c(C, { children: [
430
+ !d && m.length > 0 && /* @__PURE__ */ t(C, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
431
+ Tt,
431
432
  {
432
- onClick: ht,
433
- startIcon: /* @__PURE__ */ t(_t, { name: "ios_share" }),
433
+ onClick: ft,
434
+ startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
434
435
  variant: "text",
435
436
  children: r.export_csv_btn
436
437
  }
437
438
  ) }),
438
- /* @__PURE__ */ t(Dt, { onClick: P })
439
+ /* @__PURE__ */ t(xt, { onClick: P })
439
440
  ] })
440
441
  }
441
442
  ),
@@ -446,17 +447,18 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
446
447
  isOpen: !!G,
447
448
  onClose: () => P(""),
448
449
  title: e.transaction_details_drawer_title,
449
- children: G && /* @__PURE__ */ t(xt, { transaction: G })
450
+ children: G && /* @__PURE__ */ t(wt, { transaction: G })
450
451
  }
451
452
  )
452
453
  ] });
453
- }, Ot = A(kt), Bt = ({ onBackClick: n, sx: d = {} }) => {
454
- const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { isTransactionDataLoaded: p, loadTransactionData: _ } = ct(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = z(), { onEvent: D } = bt(), { clientConfig: x } = V(), C = x?.master?.deep_link_params?.date_range;
455
- dt({
454
+ }, Bt = v(kt), Gt = ({ onBackClick: n, sx: d = {} }) => {
455
+ const { isAccountDataLoaded: a, loadAccountData: o } = ct(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = A(), { isTransactionDataLoaded: p, loadTransactionData: y } = dt(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: b, selectedAccounts: f } = z(), { onEvent: D } = Ct(), { clientConfig: x } = V();
456
+ gt({
456
457
  widgetName: "SpendingWidget",
457
458
  isLoaded: g
458
459
  }), l.useEffect(() => {
459
- C && Array.isArray(C) && C.length === 2 ? y(C[0], C[1]) : y(at(q()), ot(q())), a || o().finally(), i || e().finally(), p || _().finally(), D(et.SPENDING_VIEW);
460
+ const _ = x?.master?.deep_link_params, W = _?.date_range ? [et(_.date_range.from), et(_.date_range.to)] : [ot(q()), it(q())];
461
+ b(W[0], W[1]), a || o().finally(), i || e().finally(), p || y().finally(), D(nt.SPENDING_VIEW);
460
462
  }, []), l.useEffect(() => {
461
463
  M && r(
462
464
  f,
@@ -464,22 +466,22 @@ const k = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
464
466
  m.end
465
467
  ).finally();
466
468
  }, [m, M, f]);
467
- const w = (W) => {
468
- y(W[0], W[1]);
469
+ const E = (_) => {
470
+ b(_[0], _[1]);
469
471
  };
470
472
  return M ? /* @__PURE__ */ t(
471
- vt,
473
+ It,
472
474
  {
473
- calendarActions: { onRangeChanged: w },
474
- onAccountsFilterClick: () => D(et.SPENDING_CLICK_FILTER),
475
+ calendarActions: { onRangeChanged: E },
476
+ onAccountsFilterClick: () => D(nt.SPENDING_CLICK_FILTER),
475
477
  onBackClick: n,
476
478
  sx: d,
477
479
  title: u.title,
478
- children: /* @__PURE__ */ t(v, { width: "100%", children: /* @__PURE__ */ t(Ot, {}) })
480
+ children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
479
481
  }
480
- ) : /* @__PURE__ */ t(gt, {});
481
- }, ye = A(Bt);
482
+ ) : /* @__PURE__ */ t(pt, {});
483
+ }, be = v(Gt);
482
484
  export {
483
- fe as SpendingMiniWidget,
484
- ye as SpendingWidget
485
+ ye as SpendingMiniWidget,
486
+ be as SpendingWidget
485
487
  };
@@ -1,6 +1,6 @@
1
1
  import { T as Aa } from "../TransactionApi-CjBoLleL.mjs";
2
- import { u as R, C as Le, D as Me, M as Re, c as He, T as Pe, a as Be } from "../TransactionDetails-BOuk5Sz7.mjs";
3
- import { B as Sa, d as wa, b as Da } from "../TransactionDetails-BOuk5Sz7.mjs";
2
+ import { u as R, C as Le, D as Me, M as Re, c as He, T as Pe, a as Be } from "../TransactionDetails-BEQAfeE3.mjs";
3
+ import { B as Sa, d as wa, b as Da } from "../TransactionDetails-BEQAfeE3.mjs";
4
4
  import { T as E } from "../User-Cdyam577.mjs";
5
5
  import { O as va } from "../User-Cdyam577.mjs";
6
6
  import { S as Z, D as $e } from "../TransactionStore-Cm9rQ1XO.mjs";
@@ -37,7 +37,7 @@ import { a as lt, u as dt } from "../CategorySelectorDrawer-DCGWu9Vd.mjs";
37
37
  import { b as U } from "../Localization-2MODESHW.mjs";
38
38
  import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
39
39
  import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
40
- import { A, W as _t } from "../WidgetContainer-BxDAkXZT.mjs";
40
+ import { A, W as _t } from "../WidgetContainer-BV3Rll6V.mjs";
41
41
  import { u as pt } from "../useScreenSize-B6JyS_Lj.mjs";
42
42
  import { u as gt } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
43
43
  import { S as ht } from "../SearchBox-B2_zLv8-.mjs";
@@ -29,11 +29,11 @@ import { c as kt, i as Ht, d as Nt, e as Wt, b as nt, g as st, f as $e } from ".
29
29
  import Ot from "@mui/material/ToggleButton";
30
30
  import Gt from "@mui/material/ToggleButtonGroup";
31
31
  import { DataGridPro as Bt } from "@mui/x-data-grid-pro";
32
- import { T as B, b as Pt } from "../ViewMoreMicroCard-DwIu33ap.mjs";
32
+ import { T as B, b as Pt } from "../ViewMoreMicroCard-CqwQCYwV.mjs";
33
33
  import { parseISO as rt } from "date-fns/parseISO";
34
34
  import { H as Re } from "../HeaderCell-DjuifqHJ.mjs";
35
- import { A as D, W as at } from "../WidgetContainer-BxDAkXZT.mjs";
36
- import { a as it, T as ct } from "../TransactionDetails-BOuk5Sz7.mjs";
35
+ import { A as D, W as at } from "../WidgetContainer-BV3Rll6V.mjs";
36
+ import { a as it, T as ct } from "../TransactionDetails-BEQAfeE3.mjs";
37
37
  import { D as We } from "../Drawer-DV4NTsFg.mjs";
38
38
  import { u as Le } from "../useWidgetLoadTimer-BYMP5Q8g.mjs";
39
39
  import { L as Ie } from "../Loader-DUaFpDGv.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "7.10.16",
3
+ "version": "7.10.18",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",