@mx-cartographer/experiences 8.1.2 → 8.1.4

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
+ ## [8.1.4] - 04-22-2026
2
+
3
+ - **FIXED** - Cash Flow widget | center read-only date range
4
+
5
+ ## [8.1.3] - 04-22-2026
6
+
7
+ - **ADDED** - widget_size_changed event when the widget container size changes.
8
+
1
9
  ## [8.1.2] - 04-22-2026
2
10
 
3
11
  - **FIXED** - Widget header title flash on initial render
@@ -128,7 +128,8 @@ const _ = {
128
128
  TRENDS_HOVER_POINT: "trends_hover_chartPoint",
129
129
  TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
130
130
  TRENDS_LOAD_WIDGET: "trends_load_widget",
131
- TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
131
+ TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions",
132
+ WIDGET_SIZE_CHANGED: "widget_size_changed"
132
133
  };
133
134
  export {
134
135
  _ as A
@@ -21,7 +21,7 @@ import { isSameDay as Z } from "date-fns/isSameDay";
21
21
  import { f as ge, D as xe } from "./DateFormats-CaOj_4eI.mjs";
22
22
  import { i as be } from "./DateUtil-D0TO0DaZ.mjs";
23
23
  import { L as Q } from "./Loader-CxeBwuPG.mjs";
24
- import { A as ye } from "./Analytics-0Xm_BjHU.mjs";
24
+ import { A as ye } from "./Analytics-CzGzz_sE.mjs";
25
25
  import _e from "@mui/material/Tab";
26
26
  import we from "@mui/material/Tabs";
27
27
  import Ce from "@mui/material/IconButton";
@@ -13,7 +13,7 @@ import C from "@mui/material/Stack";
13
13
  import { H3 as it, P as U, Icon as Y, Text as E, H2 as at, InstitutionLogo as ft } from "@mxenabled/mxui";
14
14
  import { ExpandMore as ct, ChevronRight as St } from "@mxenabled/mx-icons";
15
15
  import { g as V, u as K, A as nt, d as It, b as Tt, o as Et, a as Ct } from "./hooks-HwStH7q_.mjs";
16
- import { A as k } from "./Analytics-0Xm_BjHU.mjs";
16
+ import { A as k } from "./Analytics-CzGzz_sE.mjs";
17
17
  import At from "@mui/material/Breadcrumbs";
18
18
  import { useTheme as Q } from "@mui/material/styles";
19
19
  import { b as s } from "./Localization-CkQ49EKr.mjs";
@@ -17,8 +17,8 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
17
17
  import { parseISO as me } from "date-fns/parseISO";
18
18
  import J from "@mui/material/Button";
19
19
  import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
20
- import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-BCcn_fK2.mjs";
21
- import { T as be } from "./TransactionDetails-Db8dwHoM.mjs";
20
+ import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-CBS3uUbk.mjs";
21
+ import { T as be } from "./TransactionDetails-DLnK244l.mjs";
22
22
  import { addYears as j } from "date-fns/addYears";
23
23
  import { getDayOfYear as xe } from "date-fns/getDayOfYear";
24
24
  import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -29,7 +29,7 @@ import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-HwStH
29
29
  import { F as l, b as L } from "./RepeatingTransaction-D2gmBTd0.mjs";
30
30
  import { b as Ee, f as te } from "./NumberFormatting-CyrvFgfd.mjs";
31
31
  import { D as N } from "./Drawer-XPaLYjiO.mjs";
32
- import { A as O } from "./Analytics-0Xm_BjHU.mjs";
32
+ import { A as O } from "./Analytics-CzGzz_sE.mjs";
33
33
  import { f as Re, D as Le } from "./DateFormats-CaOj_4eI.mjs";
34
34
  import { D as Oe } from "./Dialog-iLlBR8TG.mjs";
35
35
  import { formatISO as Te } from "date-fns/formatISO";
@@ -7,10 +7,10 @@ import x from "@mui/material/Tabs";
7
7
  import d from "@mui/material/Divider";
8
8
  import R 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-CrHDAku7.mjs";
10
+ import { R as C, A as S, a as E, M as v } from "./ManageIncome-Deq2AZEM.mjs";
11
11
  import { u as _, i as A, g as f } from "./hooks-HwStH7q_.mjs";
12
12
  import { b as y, F as N } from "./RepeatingTransaction-D2gmBTd0.mjs";
13
- import { A as m } from "./Analytics-0Xm_BjHU.mjs";
13
+ import { A as m } from "./Analytics-CzGzz_sE.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, {
@@ -20,7 +20,7 @@ import Ge from "@mui/material/TextField";
20
20
  import { u as fe } from "./useAriaLive-MkYebyUR.mjs";
21
21
  import { O as C } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
22
22
  import { u as v, h as M, m as Xe, d as Ze, l as Oe, g as k, b as Je, o as et } from "./hooks-HwStH7q_.mjs";
23
- import { A as j } from "./Analytics-0Xm_BjHU.mjs";
23
+ import { A as j } from "./Analytics-CzGzz_sE.mjs";
24
24
  import tt from "@mui/material/ToggleButton";
25
25
  import { ChevronRight as Be, Icon as R, Delete as be, Cancel as Ce, Search as at, Edit as rt, Flag as nt } from "@mxenabled/mx-icons";
26
26
  import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
@@ -30,7 +30,7 @@ import Q from "@mui/material/ListItemAvatar";
30
30
  import z from "@mui/material/ListItemText";
31
31
  import { f as Le, D as we } from "./DateFormats-CaOj_4eI.mjs";
32
32
  import { BarChart as ot } from "@mui/x-charts";
33
- import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-BCcn_fK2.mjs";
33
+ import { b as it, T as st, u as oe, c as lt, d as ct, E as dt, C as ut } from "./EmbeddedCard-CBS3uUbk.mjs";
34
34
  import { L as mt } from "./Loader-CxeBwuPG.mjs";
35
35
  import { f as W } from "./NumberFormatting-CyrvFgfd.mjs";
36
36
  import { b as D } from "./Localization-CkQ49EKr.mjs";
@@ -1,58 +1,58 @@
1
1
  import { jsxs as g, jsx as e } from "react/jsx-runtime";
2
- import p from "react";
3
- import { observer as oe } from "mobx-react-lite";
4
- import G from "@mui/material/Button";
5
- import le from "@mui/material/Card";
6
- import de from "@mui/material/CardContent";
7
- import me from "@mui/material/Divider";
2
+ import u from "react";
3
+ import { observer as ne } from "mobx-react-lite";
4
+ import H from "@mui/material/Button";
5
+ import de from "@mui/material/Card";
6
+ import me from "@mui/material/CardContent";
7
+ import ce from "@mui/material/Divider";
8
8
  import $ from "@mui/material/IconButton";
9
- import ce from "@mui/material/Paper";
9
+ import ue from "@mui/material/Paper";
10
10
  import B from "@mui/material/Stack";
11
- import { ChevronLeft as ue } from "@mxenabled/mx-icons";
12
- import { Icon as x, Text as F, DateRangePicker as J } from "@mxenabled/mxui";
13
- import { u as pe } from "./useDimensions-CeDR9V8N.mjs";
14
- import { G as ge } from "./GlobalAccountFilter-CZbiDwBH.mjs";
15
- import { b as ne, u as ie, g as he, a as fe, W as be } from "./hooks-HwStH7q_.mjs";
16
- import { addMonths as Z } from "date-fns/addMonths";
11
+ import { ChevronLeft as pe } from "@mxenabled/mx-icons";
12
+ import { Icon as D, Text as W, DateRangePicker as Z } from "@mxenabled/mxui";
13
+ import { u as ge } from "./useDimensions-CeDR9V8N.mjs";
14
+ import { G as he } from "./GlobalAccountFilter-CZbiDwBH.mjs";
15
+ import { b as ie, u as se, g as fe, a as be, W as _e } from "./hooks-HwStH7q_.mjs";
16
+ import { addMonths as J } from "date-fns/addMonths";
17
17
  import { addDays as Re } from "date-fns/addDays";
18
18
  import { addYears as ee } from "date-fns/addYears";
19
- import { differenceInCalendarDays as _e } from "date-fns/differenceInCalendarDays";
20
- import { endOfDay as Ce } from "date-fns/endOfDay";
19
+ import { differenceInCalendarDays as Ce } from "date-fns/differenceInCalendarDays";
20
+ import { endOfDay as xe } from "date-fns/endOfDay";
21
21
  import { endOfMonth as z } from "date-fns/endOfMonth";
22
22
  import { endOfToday as te } from "date-fns/endOfToday";
23
- import { endOfYear as xe } from "date-fns/endOfYear";
24
- import { startOfMonth as De } from "date-fns/startOfMonth";
23
+ import { endOfYear as De } from "date-fns/endOfYear";
24
+ import { startOfMonth as ye } from "date-fns/startOfMonth";
25
25
  import { startOfToday as ke } from "date-fns/startOfToday";
26
- import { startOfYear as ye } from "date-fns/startOfYear";
26
+ import { startOfYear as Te } from "date-fns/startOfYear";
27
27
  import { subMonths as K } from "date-fns/subMonths";
28
- import { subDays as Te } from "date-fns/subDays";
28
+ import { subDays as ve } from "date-fns/subDays";
29
29
  import { subYears as ae } from "date-fns/subYears";
30
30
  import re from "@mui/material/Box";
31
- import ve from "@mui/material/ButtonGroup";
32
- import Me from "@mui/material/Tab";
33
- import Pe from "@mui/material/Tabs";
34
- import Se from "@mui/material/ToggleButton";
31
+ import Me from "@mui/material/ButtonGroup";
32
+ import Pe from "@mui/material/Tab";
33
+ import Se from "@mui/material/Tabs";
34
+ import Ee from "@mui/material/ToggleButton";
35
35
  import Le from "@mui/material/ToggleButtonGroup";
36
36
  import Ye from "@mui/material/styles/useTheme";
37
37
  import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
38
- import { D as Ee } from "./Dialog-iLlBR8TG.mjs";
39
- import { D as Be } from "./Drawer-XPaLYjiO.mjs";
40
- import { u as se } from "./useScreenSize-CeFhWTt_.mjs";
41
- import { f as M, D as P } from "./DateFormats-CaOj_4eI.mjs";
38
+ import { D as Be } from "./Dialog-iLlBR8TG.mjs";
39
+ import { D as Ne } from "./Drawer-XPaLYjiO.mjs";
40
+ import { u as le } from "./useScreenSize-CeFhWTt_.mjs";
41
+ import { f as P, D as S } from "./DateFormats-CaOj_4eI.mjs";
42
42
  import { L as Oe } from "./Loader-CxeBwuPG.mjs";
43
43
  import we from "@mui/material/useMediaQuery";
44
- import { A as Ne } from "./Analytics-0Xm_BjHU.mjs";
44
+ import { A as oe } from "./Analytics-CzGzz_sE.mjs";
45
45
  const Ie = (n) => {
46
- const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = se(n), i = we("(min-width:900px)"), R = 24;
47
- let s = 48, D = 32, h = 0, c = "h1", _ = !1;
46
+ const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = le(n), i = we("(min-width:900px)"), _ = 24;
47
+ let s = 48, y = 32, h = 0, c = "h1", R = !1;
48
48
  const o = a || m;
49
- r && !m ? (s = 24, D = 24, c = "h2") : o && (s = 8, D = 10, h = 10, c = "h3", _ = !0);
49
+ r && !m ? (s = 24, y = 24, c = "h2") : o && (s = 8, y = 10, h = 10, c = "h3", R = !0);
50
50
  const A = {
51
51
  pb: o ? 12 : 0,
52
52
  ...o && {
53
53
  px: s,
54
54
  "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
55
- "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
55
+ "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex", justifyContent: "center" },
56
56
  "& .MuiButtonGroup-root": { width: "100%" },
57
57
  "& .MuiButtonGroup-middleButton": { flex: 1 },
58
58
  "& .MuiToggleButtonGroup-root": { width: "100%", justifyContent: "center" }
@@ -60,26 +60,26 @@ const Ie = (n) => {
60
60
  };
61
61
  return {
62
62
  actionsFlex: o ? 0 : 1,
63
- containerSquareCorners: _,
63
+ containerSquareCorners: R,
64
64
  headerHeadingLevel: c,
65
65
  headerPaddingBottom: h,
66
- headerPaddingTop: D,
66
+ headerPaddingTop: y,
67
67
  headerPaddingX: s,
68
- iconSize: R,
68
+ iconSize: _,
69
69
  isCompact: o,
70
70
  isDesktop: d,
71
71
  isViewportAbove900: i,
72
72
  slotSx: A
73
73
  };
74
- }, ze = ({
74
+ }, Ge = ({
75
75
  calendarActions: n,
76
76
  color: d = "primary",
77
77
  copy: a,
78
- range: m = [De(ke()), z(te())],
78
+ range: m = [ye(ke()), z(te())],
79
79
  shouldShrinkToIcon: r = !0,
80
80
  variant: i = "outlined"
81
81
  }) => {
82
- const R = Ye(), { isMobile: s } = se(), { announce: D, ariaLive: h } = Ae(), [c, _] = p.useState(m), [o, A] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, O] = p.useState(c), [E, k] = p.useState(!1), [H, W] = p.useState(!0), [S, j] = p.useState(6), w = {
82
+ const _ = Ye(), { isMobile: s } = le(), { announce: y, ariaLive: h } = Ae(), [c, R] = u.useState(m), [o, A] = u.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, N] = u.useState(c), [k, x] = u.useState(!1), [O, F] = u.useState(!0), [E, j] = u.useState(6), w = {
83
83
  buttons: [
84
84
  { ariaLabel: "3 Months", label: "3M", value: 3 },
85
85
  { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -93,41 +93,41 @@ const Ie = (n) => {
93
93
  { label: "1 Year", value: 12 }
94
94
  ]
95
95
  };
96
- p.useEffect(() => {
97
- _(m), O(m);
98
- }, [m]), p.useEffect(() => {
96
+ u.useEffect(() => {
97
+ R(m), N(m);
98
+ }, [m]), u.useEffect(() => {
99
99
  (i === "timeframebuttons" || i === "timeframetabs") && n.onRangeChanged(V());
100
- }, [S]);
100
+ }, [E]);
101
101
  const V = () => {
102
102
  const t = z(te());
103
- return [z(K(t, S)), t];
104
- }, N = (t) => {
105
- const [l, u] = c, f = t === "previous";
103
+ return [z(K(t, E)), t];
104
+ }, I = (t) => {
105
+ const [l, p] = c, f = t === "previous";
106
106
  let b;
107
107
  if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
108
108
  b = [
109
- f ? K(l, 1) : Z(l, 1),
110
- z(f ? K(u, 1) : Z(u, 1))
109
+ f ? K(l, 1) : J(l, 1),
110
+ z(f ? K(p, 1) : J(p, 1))
111
111
  ];
112
112
  else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
113
- const T = ye(l), v = xe(l);
113
+ const v = Te(l), M = De(l);
114
114
  b = [
115
- f ? ae(T, 1) : ee(T, 1),
116
- f ? ae(v, 1) : ee(v, 1)
115
+ f ? ae(v, 1) : ee(v, 1),
116
+ f ? ae(M, 1) : ee(M, 1)
117
117
  ];
118
118
  } else {
119
- const T = _e(u, l), v = f ? Te : Re;
120
- b = [v(l, T), v(u, T)];
119
+ const v = Ce(p, l), M = f ? ve : Re;
120
+ b = [M(l, v), M(p, v)];
121
121
  }
122
- _(b), n.onRangeChanged(b);
122
+ R(b), n.onRangeChanged(b);
123
123
  }, L = () => {
124
- _(C), W(
124
+ R(C), F(
125
125
  o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
126
126
  ), n.onRangeChanged(C);
127
- }, y = (t, l) => {
127
+ }, T = (t, l) => {
128
128
  t[1] = t[1] ?? t[0];
129
- const u = [t[0], t[1] ? Ce(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
130
- O(u), A(l), D(`${a.dateRangePickerCopy}: ${f} - ${b}`);
129
+ const p = [t[0], t[1] ? xe(t[1]) : t[1]], f = P(p[0], S.MONTH_DAY_YEAR), b = P(p[1], S.MONTH_DAY_YEAR);
130
+ N(p), A(l), y(`${a.dateRangePickerCopy}: ${f} - ${b}`);
131
131
  }, Y = (t) => {
132
132
  j(t);
133
133
  };
@@ -136,21 +136,21 @@ const Ie = (n) => {
136
136
  re,
137
137
  {
138
138
  sx: {
139
- [R.breakpoints.down("sm")]: {
139
+ [_.breakpoints.down("sm")]: {
140
140
  display: r ? "none" : "flex",
141
141
  justifyContent: "center"
142
142
  },
143
- [R.breakpoints.up("sm")]: { display: "inline-flex" }
143
+ [_.breakpoints.up("sm")]: { display: "inline-flex" }
144
144
  },
145
145
  children: [
146
146
  i === "readonly" && /* @__PURE__ */ g(B, { alignItems: "center", direction: "row", gap: 8, children: [
147
- /* @__PURE__ */ e(x, { name: "calendar_month", size: 24 }),
148
- /* @__PURE__ */ e(F, { bold: !0, children: M(C[0], P.MONTH_DAY) }),
149
- /* @__PURE__ */ e(x, { name: "remove" }),
150
- /* @__PURE__ */ e(F, { bold: !0, children: M(C[1], P.MONTH_DAY_YEAR) })
147
+ /* @__PURE__ */ e(D, { name: "calendar_month", size: 24 }),
148
+ /* @__PURE__ */ e(W, { bold: !0, children: P(C[0], S.MONTH_DAY) }),
149
+ /* @__PURE__ */ e(D, { name: "remove" }),
150
+ /* @__PURE__ */ e(W, { bold: !0, children: P(C[1], S.MONTH_DAY_YEAR) })
151
151
  ] }),
152
152
  i !== "readonly" && i !== "timeframebuttons" && i !== "timeframetabs" && /* @__PURE__ */ g(
153
- ve,
153
+ Me,
154
154
  {
155
155
  color: d,
156
156
  sx: {
@@ -165,41 +165,41 @@ const Ie = (n) => {
165
165
  variant: i,
166
166
  children: [
167
167
  /* @__PURE__ */ e(
168
- G,
168
+ H,
169
169
  {
170
170
  "aria-disabled": n.shouldDisablePrevious,
171
171
  "aria-label": a.dateRangePreviousAria,
172
172
  color: n.shouldDisablePrevious ? "secondary" : "primary",
173
- onClick: () => n.shouldDisablePrevious ? null : N("previous"),
174
- children: /* @__PURE__ */ e(x, { name: "chevron_left", size: 20 })
173
+ onClick: () => n.shouldDisablePrevious ? null : I("previous"),
174
+ children: /* @__PURE__ */ e(D, { name: "chevron_left", size: 20 })
175
175
  }
176
176
  ),
177
177
  /* @__PURE__ */ e(
178
- G,
178
+ H,
179
179
  {
180
180
  "aria-disabled": n.shouldDisablePicker,
181
181
  color: d,
182
- onClick: () => n.shouldDisablePicker ? null : k(!0),
183
- startIcon: /* @__PURE__ */ e(x, { name: "calendar_month", size: 20 }),
182
+ onClick: () => n.shouldDisablePicker ? null : x(!0),
183
+ startIcon: /* @__PURE__ */ e(D, { name: "calendar_month", size: 20 }),
184
184
  sx: {
185
185
  p: s ? 0 : 8
186
186
  },
187
- children: H ? M(c[0], P.MONTH_YEAR) : /* @__PURE__ */ g("span", { children: [
188
- M(c[0], P.MONTH_DAY_YEAR),
187
+ children: O ? P(c[0], S.MONTH_YEAR) : /* @__PURE__ */ g("span", { children: [
188
+ P(c[0], S.MONTH_DAY_YEAR),
189
189
  " -",
190
190
  " ",
191
- M(c[1], P.MONTH_DAY_YEAR)
191
+ P(c[1], S.MONTH_DAY_YEAR)
192
192
  ] })
193
193
  }
194
194
  ),
195
195
  /* @__PURE__ */ e(
196
- G,
196
+ H,
197
197
  {
198
198
  "aria-disabled": n.shouldDisableNext,
199
199
  "aria-label": a.dateRangeNextAria,
200
200
  color: n.shouldDisableNext ? "secondary" : "primary",
201
- onClick: () => n.shouldDisableNext ? null : N("next"),
202
- children: /* @__PURE__ */ e(x, { name: "chevron_right", size: 20 })
201
+ onClick: () => n.shouldDisableNext ? null : I("next"),
202
+ children: /* @__PURE__ */ e(D, { name: "chevron_right", size: 20 })
203
203
  }
204
204
  )
205
205
  ]
@@ -212,9 +212,9 @@ const Ie = (n) => {
212
212
  color: d,
213
213
  exclusive: !0,
214
214
  orientation: "horizontal",
215
- value: S,
215
+ value: E,
216
216
  children: w.buttons.map((t) => /* @__PURE__ */ e(
217
- Se,
217
+ Ee,
218
218
  {
219
219
  "aria-label": t.ariaLabel,
220
220
  onClick: () => Y(t.value),
@@ -227,17 +227,17 @@ const Ie = (n) => {
227
227
  }
228
228
  ),
229
229
  i === "timeframetabs" && /* @__PURE__ */ e(
230
- Pe,
230
+ Se,
231
231
  {
232
232
  indicatorColor: "primary",
233
233
  onChange: (t, l) => Y(l),
234
234
  textColor: "primary",
235
- value: S,
235
+ value: E,
236
236
  variant: "fullWidth",
237
237
  children: w.tabs.map((t) => /* @__PURE__ */ e(
238
- Me,
238
+ Pe,
239
239
  {
240
- label: /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: t.label }),
240
+ label: /* @__PURE__ */ e(W, { bold: !0, variant: "body1", children: t.label }),
241
241
  sx: { minWidth: 80 },
242
242
  value: t.value
243
243
  },
@@ -248,25 +248,25 @@ const Ie = (n) => {
248
248
  ]
249
249
  }
250
250
  ),
251
- E && s && /* @__PURE__ */ g(
252
- Be,
251
+ k && s && /* @__PURE__ */ g(
252
+ Ne,
253
253
  {
254
254
  ariaLabelClose: a.dateRangeCloseAria,
255
- isOpen: E,
256
- onClose: () => k(!1),
255
+ isOpen: k,
256
+ onClose: () => x(!1),
257
257
  onPrimaryAction: () => {
258
- L(), k(!1);
258
+ L(), x(!1);
259
259
  },
260
260
  primaryText: a.dateRangeEditApply,
261
261
  title: a.dateRangeEditTitle,
262
262
  children: [
263
263
  h,
264
264
  /* @__PURE__ */ e(
265
- J,
265
+ Z,
266
266
  {
267
267
  copy: a.dateRangePickerCopy,
268
268
  dateRange: C,
269
- onRangeChanged: y,
269
+ onRangeChanged: T,
270
270
  selectedShortcut: o,
271
271
  sx: { p: 0 }
272
272
  }
@@ -274,12 +274,12 @@ const Ie = (n) => {
274
274
  ]
275
275
  }
276
276
  ),
277
- E && !s && /* @__PURE__ */ g(
278
- Ee,
277
+ k && !s && /* @__PURE__ */ g(
278
+ Be,
279
279
  {
280
280
  copy: { title: a.dateRangeEditTitle },
281
281
  isOpen: !0,
282
- onClose: () => k(!1),
282
+ onClose: () => x(!1),
283
283
  onPrimaryAction: () => L(),
284
284
  primaryText: a.dateRangeEditApply,
285
285
  sx: {
@@ -290,11 +290,11 @@ const Ie = (n) => {
290
290
  children: [
291
291
  h,
292
292
  /* @__PURE__ */ e(
293
- J,
293
+ Z,
294
294
  {
295
295
  copy: a.dateRangePickerCopy,
296
296
  dateRange: C,
297
- onRangeChanged: y,
297
+ onRangeChanged: T,
298
298
  selectedShortcut: o,
299
299
  sx: {
300
300
  pt: 0,
@@ -308,9 +308,9 @@ const Ie = (n) => {
308
308
  }
309
309
  )
310
310
  ] });
311
- }, Ge = oe(
311
+ }, ze = ne(
312
312
  ({ calendarActions: n, dateRange: d, dateRangeVariant: a }) => {
313
- const { displayedDateRange: m } = ne(), { common: r } = ie(), i = {
313
+ const { displayedDateRange: m } = ie(), { common: r } = se(), i = {
314
314
  dateRangePickerCopy: {
315
315
  dateRangeFrom: r.date_range_picker.from,
316
316
  dateRangeTo: r.date_range_picker.to,
@@ -328,19 +328,19 @@ const Ie = (n) => {
328
328
  dateRangeEditTitle: r.date_range_picker.edit_title,
329
329
  dateRangeNextAria: r.date_range_picker.next_aria,
330
330
  dateRangePreviousAria: r.date_range_picker.previous_aria
331
- }, R = d ? d.start : m.start, s = d ? d.end : m.end;
331
+ }, _ = d ? d.start : m.start, s = d ? d.end : m.end;
332
332
  return /* @__PURE__ */ e(
333
- ze,
333
+ Ge,
334
334
  {
335
335
  calendarActions: n,
336
336
  copy: i,
337
- range: [R, s],
337
+ range: [_, s],
338
338
  shouldShrinkToIcon: !1,
339
339
  variant: a
340
340
  }
341
341
  );
342
342
  }
343
- ), Yt = oe(
343
+ ), Lt = ne(
344
344
  ({
345
345
  actions: n,
346
346
  allowedAccountTypes: d,
@@ -348,61 +348,63 @@ const Ie = (n) => {
348
348
  children: m,
349
349
  className: r = "mx-cmn-widget",
350
350
  dateRange: i,
351
- dateRangeVariant: R,
351
+ dateRangeVariant: _,
352
352
  hasDivider: s = !1,
353
- onAccountsFilterClick: D,
353
+ onAccountsFilterClick: y,
354
354
  onBackClick: h,
355
355
  onMenuClick: c,
356
- showAccountFilter: _ = !0,
356
+ showAccountFilter: R = !0,
357
357
  slotComponent: o,
358
358
  sx: A = {},
359
359
  title: C = ""
360
360
  }) => {
361
- const [O, { height: E, width: k }] = pe(), { onEvent: H } = he(), {
362
- actionsFlex: W,
363
- containerSquareCorners: S,
361
+ const [N, { height: k, width: x }] = ge(), { onEvent: O } = fe(), {
362
+ actionsFlex: F,
363
+ containerSquareCorners: E,
364
364
  headerHeadingLevel: j,
365
365
  headerPaddingBottom: w,
366
366
  headerPaddingTop: V,
367
- headerPaddingX: N,
367
+ headerPaddingX: I,
368
368
  iconSize: L,
369
- isCompact: y,
369
+ isCompact: T,
370
370
  isDesktop: Y,
371
371
  isViewportAbove900: t,
372
372
  slotSx: l
373
- } = Ie(k), { isCopyLoaded: u } = ne(), { common: f } = ie(), {
373
+ } = Ie(x), { isCopyLoaded: p } = ie(), { common: f } = se(), {
374
374
  config: { display_widget_headings: b }
375
- } = fe(), T = () => {
376
- h && (h(), H(Ne.WIDGET_BACK_CLICK));
375
+ } = be(), v = () => {
376
+ h && (h(), O(oe.WIDGET_BACK_CLICK));
377
377
  };
378
- if (!u)
378
+ if (u.useEffect(() => {
379
+ O(oe.WIDGET_SIZE_CHANGED, { height: k, width: x });
380
+ }, [k]), !p)
379
381
  return /* @__PURE__ */ e(Oe, {});
380
- const v = () => c && y && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(x, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
382
+ const M = () => c && T && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
381
383
  $,
382
384
  {
383
385
  "aria-label": f.back_to_dashboard,
384
386
  color: "primary",
385
- onClick: T,
387
+ onClick: v,
386
388
  sx: { p: 10 },
387
- children: /* @__PURE__ */ e(ue, { size: 24 })
389
+ children: /* @__PURE__ */ e(pe, { size: 24 })
388
390
  }
389
391
  ) : null, X = a && /* @__PURE__ */ e(B, { alignItems: "center", sx: l, children: /* @__PURE__ */ e(
390
- Ge,
392
+ ze,
391
393
  {
392
394
  calendarActions: a,
393
395
  dateRange: i,
394
- dateRangeVariant: R
396
+ dateRangeVariant: _
395
397
  }
396
398
  ) });
397
399
  return /* @__PURE__ */ e(
398
- ce,
400
+ ue,
399
401
  {
400
402
  className: r,
401
403
  elevation: 1,
402
- ref: O,
403
- square: S,
404
+ ref: N,
405
+ square: E,
404
406
  sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...A },
405
- children: /* @__PURE__ */ g(le, { children: [
407
+ children: /* @__PURE__ */ g(de, { children: [
406
408
  /* @__PURE__ */ g(
407
409
  B,
408
410
  {
@@ -413,41 +415,41 @@ const Ie = (n) => {
413
415
  sx: {
414
416
  pb: w,
415
417
  pt: V,
416
- px: N
418
+ px: I
417
419
  },
418
420
  children: [
419
- v(),
420
- /* @__PURE__ */ e(B, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
421
- !y && (o || X),
421
+ M(),
422
+ /* @__PURE__ */ e(B, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(W, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
423
+ !T && (o || X),
422
424
  /* @__PURE__ */ g(
423
425
  B,
424
426
  {
425
427
  alignItems: "center",
426
428
  direction: "row",
427
429
  justifyContent: "flex-end",
428
- sx: { flex: W, flexShrink: 0 },
430
+ sx: { flex: F, flexShrink: 0 },
429
431
  children: [
430
- _ && /* @__PURE__ */ e(
431
- ge,
432
+ R && /* @__PURE__ */ e(
433
+ he,
432
434
  {
433
435
  allowedAccountTypes: d,
434
436
  isDesktop: Y,
435
- onAccountFilterClick: D
437
+ onAccountFilterClick: y
436
438
  }
437
439
  ),
438
440
  n?.map((q) => {
439
- if (p.isValidElement(q))
440
- return p.cloneElement(q, { isDesktop: Y });
441
- const { iconName: I, onClick: Q, label: U } = q;
441
+ if (u.isValidElement(q))
442
+ return u.cloneElement(q, { isDesktop: Y });
443
+ const { iconName: G, onClick: Q, label: U } = q;
442
444
  return Y ? /* @__PURE__ */ e(
443
- G,
445
+ H,
444
446
  {
445
447
  onClick: Q,
446
- startIcon: /* @__PURE__ */ e(x, { name: I, size: L }),
448
+ startIcon: /* @__PURE__ */ e(D, { name: G, size: L }),
447
449
  children: U
448
450
  },
449
- I
450
- ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(x, { name: I, size: L }) }, I);
451
+ G
452
+ ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(D, { name: G, size: L }) }, G);
451
453
  })
452
454
  ]
453
455
  }
@@ -455,16 +457,16 @@ const Ie = (n) => {
455
457
  ]
456
458
  }
457
459
  ),
458
- y && (o || X),
459
- y && s && /* @__PURE__ */ e(me, {}),
460
- /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(be, { availableHeight: E, availableWidth: k, children: m }) })
460
+ T && (o || X),
461
+ T && s && /* @__PURE__ */ e(ce, {}),
462
+ /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(_e, { availableHeight: k, availableWidth: x, children: m }) })
461
463
  ] })
462
464
  }
463
465
  );
464
466
  }
465
467
  );
466
468
  export {
467
- ze as D,
468
- Yt as W,
469
+ Ge as D,
470
+ Lt as W,
469
471
  Ie as u
470
472
  };
@@ -25,7 +25,7 @@ import Z1 from "@mui/material/Switch";
25
25
  import T from "@mui/material/ListItem";
26
26
  import $ from "@mui/material/ListItemButton";
27
27
  import Z from "@mui/material/ListItemText";
28
- import { A as w } from "../Analytics-0Xm_BjHU.mjs";
28
+ import { A as w } from "../Analytics-CzGzz_sE.mjs";
29
29
  import { D as Q } from "../Dialog-iLlBR8TG.mjs";
30
30
  import { b as f } from "../Localization-CkQ49EKr.mjs";
31
31
  import { D as t1 } from "../Drawer-XPaLYjiO.mjs";
@@ -55,15 +55,15 @@ import e3 from "@mui/material/AlertTitle";
55
55
  import t3 from "@mui/material/Link";
56
56
  import n3 from "@mui/material/Paper";
57
57
  import { endOfToday as o3, subDays as i3, startOfToday as c3 } from "date-fns";
58
- import { T as a3 } from "../EmbeddedCard-BCcn_fK2.mjs";
59
- import { T as s3 } from "../TransactionDetails-Db8dwHoM.mjs";
58
+ import { T as a3 } from "../EmbeddedCard-CBS3uUbk.mjs";
59
+ import { T as s3 } from "../TransactionDetails-DLnK244l.mjs";
60
60
  import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
61
61
  import { f as d1 } from "../NumberFormatting-CyrvFgfd.mjs";
62
62
  import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
63
63
  import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
64
64
  import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
65
65
  import { L as o1 } from "../Loader-CxeBwuPG.mjs";
66
- import { W as r3 } from "../WidgetContainer-CCR7I0gu.mjs";
66
+ import { W as r3 } from "../WidgetContainer-_Fzy--dt.mjs";
67
67
  import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
68
68
  import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
69
69
  const d3 = (t, o) => {
@@ -32,12 +32,12 @@ import { useTheme as Ge, alpha as Qe } from "@mui/material/styles";
32
32
  import { u as ge } from "../useScreenSize-CeFhWTt_.mjs";
33
33
  import { L as pe } from "../Loader-CxeBwuPG.mjs";
34
34
  import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
35
- import { A as P } from "../Analytics-0Xm_BjHU.mjs";
35
+ import { A as P } from "../Analytics-CzGzz_sE.mjs";
36
36
  import Ee from "@mui/material/Tab";
37
37
  import et from "@mui/material/Tabs";
38
38
  import { e as tt } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
39
- import { T as ve } from "../EmbeddedCard-BCcn_fK2.mjs";
40
- import { T as ot, c as nt } from "../TransactionDetails-Db8dwHoM.mjs";
39
+ import { T as ve } from "../EmbeddedCard-CBS3uUbk.mjs";
40
+ import { T as ot, c as nt } from "../TransactionDetails-DLnK244l.mjs";
41
41
  import Te from "@mui/material/Card";
42
42
  import De from "@mui/material/CardContent";
43
43
  import { S as Se } from "../StatusBar-CPfSXe80.mjs";
@@ -46,9 +46,9 @@ import { u as at, C as rt } from "../CategorySelectorDrawer-DjeHNx71.mjs";
46
46
  import je from "@mui/material/CardHeader";
47
47
  import { subDays as st } from "date-fns/subDays";
48
48
  import it from "@mui/material/IconButton";
49
- import { M as ct } from "../ManageIncome-CrHDAku7.mjs";
49
+ import { M as ct } from "../ManageIncome-Deq2AZEM.mjs";
50
50
  import { u as ze } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
51
- import { W as lt } from "../WidgetContainer-CCR7I0gu.mjs";
51
+ import { W as lt } from "../WidgetContainer-_Fzy--dt.mjs";
52
52
  import { u as dt, l as ut, d as mt } from "../BudgetUtil-DalEN9--.mjs";
53
53
  import { M as gt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
54
54
  import { b as we } from "../CategoryUtil-BJOHgYKS.mjs";
@@ -18,7 +18,7 @@ import { C as $n } from "../CashflowStore-BEi92kJg.mjs";
18
18
  import { u as Oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
19
19
  import { M as Je } from "../MiniWidgetContainer-CmTGSUL5.mjs";
20
20
  import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
21
- import { R as Ze } from "../RecurringSettings-CIpZL4CX.mjs";
21
+ import { R as Ze } from "../RecurringSettings-B8KJllGX.mjs";
22
22
  import et from "@mui/material/Tabs";
23
23
  import ye from "@mui/material/Tab";
24
24
  import { getUnixTime as le } from "date-fns/getUnixTime";
@@ -36,17 +36,17 @@ import { alpha as ot, keyframes as it } from "@mui/material/styles";
36
36
  import { DataGridPro as at } from "@mui/x-data-grid-pro";
37
37
  import { T as Ce } from "../TabContentContainer-CnMXkVqr.mjs";
38
38
  import W from "@mui/material/Button";
39
- import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-CrHDAku7.mjs";
39
+ import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-Deq2AZEM.mjs";
40
40
  import { D as He } from "../Drawer-XPaLYjiO.mjs";
41
41
  import { subDays as We } from "date-fns/subDays";
42
42
  import { endOfToday as dt } from "date-fns/endOfToday";
43
- import { W as mt } from "../WidgetContainer-CCR7I0gu.mjs";
43
+ import { W as mt } from "../WidgetContainer-_Fzy--dt.mjs";
44
44
  import { A as X } from "../Account-CMjOp7S2.mjs";
45
- import { A as Se } from "../Analytics-0Xm_BjHU.mjs";
45
+ import { A as Se } from "../Analytics-CzGzz_sE.mjs";
46
46
  import { formatISO as ut } from "date-fns/formatISO";
47
47
  import { fromUnixTime as De } from "date-fns/fromUnixTime";
48
48
  import { startOfMonth as pt } from "date-fns/startOfMonth";
49
- import { S as ht, a as ft } from "../EmbeddedCard-BCcn_fK2.mjs";
49
+ import { S as ht, a as ft } from "../EmbeddedCard-CBS3uUbk.mjs";
50
50
  import { c as Ie } from "../RecurringTransactions-DCt94TN4.mjs";
51
51
  import { i as gt } from "../DateUtil-D0TO0DaZ.mjs";
52
52
  import { F as bt, b as ve } from "../RepeatingTransaction-D2gmBTd0.mjs";
@@ -127,4 +127,5 @@ export declare const ANALYTICS_EVENTS: {
127
127
  TRENDS_HOVER_LEGEND: string;
128
128
  TRENDS_LOAD_WIDGET: string;
129
129
  TRENDS_VIEW_TRANSACTIONS: string;
130
+ WIDGET_SIZE_CHANGED: string;
130
131
  };
@@ -17,6 +17,7 @@ export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
17
17
  } | undefined;
18
18
  '& .mx-cmn-date-range-selector > .MuiBox-root'?: {
19
19
  display: string;
20
+ justifyContent: string;
20
21
  } | undefined;
21
22
  '& .MuiButtonGroup-root'?: {
22
23
  width: string;
@@ -2,7 +2,7 @@ import { f as G, a as $, b as w } from "../BudgetUtil-DalEN9--.mjs";
2
2
  import { C as At, c as Tt, d as Et, g as Bt, e as vt, h as kt, j as Mt, k as It } from "../BudgetUtil-DalEN9--.mjs";
3
3
  import { C as Lt } from "../CurrencyInput-CSJ3zMgE.mjs";
4
4
  import { D as Pt, S as Ot } from "../RecurringTransactions-DCt94TN4.mjs";
5
- import { D as Ft, W as Gt, u as $t } from "../WidgetContainer-CCR7I0gu.mjs";
5
+ import { D as Ft, W as Gt, u as $t } from "../WidgetContainer-_Fzy--dt.mjs";
6
6
  import { D as Wt } from "../Dialog-iLlBR8TG.mjs";
7
7
  import { D as Qt } from "../Donut-D7ekbgf5.mjs";
8
8
  import { D as Vt } from "../Drawer-XPaLYjiO.mjs";
@@ -23,7 +23,7 @@ import { T as V } from "../TransactionStore-BUsP-unK.mjs";
23
23
  import { S as ls } from "../TransactionStore-BUsP-unK.mjs";
24
24
  import { S as gs } from "../StatusBar-CPfSXe80.mjs";
25
25
  import { T as _s } from "../TabContentContainer-CnMXkVqr.mjs";
26
- import { A as fs } from "../Analytics-0Xm_BjHU.mjs";
26
+ import { A as fs } from "../Analytics-CzGzz_sE.mjs";
27
27
  import { b as m } from "../Category-Ccoew_sA.mjs";
28
28
  import { a as Ss, c as bs, C as ws, P as Cs } from "../Category-Ccoew_sA.mjs";
29
29
  import { G as z } from "../GoalStore-DmqM1ZfW.mjs";
@@ -23,7 +23,7 @@ import Ze from "@mui/material/CardHeader";
23
23
  import le from "@mui/material/Box";
24
24
  import { useTheme as Je } from "@mui/material/styles";
25
25
  import { LineChart as Qe } from "@mui/x-charts/LineChart";
26
- import { A } from "../Analytics-0Xm_BjHU.mjs";
26
+ import { A } from "../Analytics-CzGzz_sE.mjs";
27
27
  import ye from "@mui/material/Tab";
28
28
  import et from "@mui/material/Tabs";
29
29
  import De from "@mui/material/List";
@@ -46,7 +46,7 @@ import ct from "@mui/material/ListItem";
46
46
  import dt from "@mui/material/Popover";
47
47
  import { u as pt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
48
48
  import { L as ht } from "../Loader-CxeBwuPG.mjs";
49
- import { W as mt } from "../WidgetContainer-CCR7I0gu.mjs";
49
+ import { W as mt } from "../WidgetContainer-_Fzy--dt.mjs";
50
50
  import { E as ut } from "../EmptyState-DHAkGsjk.mjs";
51
51
  import { C as bt } from "../ConnectDrawer-5BpU4IQU.mjs";
52
52
  const _t = (r, o = 0, n = 0) => {
@@ -41,7 +41,7 @@ import { S as it, c as zn } from "../RecurringTransactions-DCt94TN4.mjs";
41
41
  import { A as Ne } from "../Account-CMjOp7S2.mjs";
42
42
  import { S as Gn } from "../StatusBar-CPfSXe80.mjs";
43
43
  import { i as Mt } from "../DateUtil-D0TO0DaZ.mjs";
44
- import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../EmbeddedCard-BCcn_fK2.mjs";
44
+ import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../EmbeddedCard-CBS3uUbk.mjs";
45
45
  import { f as Yn, D as Xn } from "../DateFormats-CaOj_4eI.mjs";
46
46
  import { T as pe } from "../TabContentContainer-CnMXkVqr.mjs";
47
47
  import qn from "@mui/material/useMediaQuery";
@@ -56,11 +56,11 @@ 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, b as ct, S as so, i as co } from "../ManageIncome-CrHDAku7.mjs";
59
+ import { c as io, b as ct, S as so, i as co } from "../ManageIncome-Deq2AZEM.mjs";
60
60
  import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
61
61
  import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
62
62
  import { F as At, b as Ot } from "../RepeatingTransaction-D2gmBTd0.mjs";
63
- import { R as uo } from "../RecurringSettings-CIpZL4CX.mjs";
63
+ import { R as uo } from "../RecurringSettings-B8KJllGX.mjs";
64
64
  import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
65
65
  import { format as mo } from "date-fns/format";
66
66
  import go from "@mui/lab/Timeline";
@@ -73,7 +73,7 @@ import vo from "@mui/material/Accordion";
73
73
  import wo from "@mui/material/AccordionDetails";
74
74
  import ko from "@mui/material/AccordionSummary";
75
75
  import { u as Mo } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
76
- import { W as Do } from "../WidgetContainer-CCR7I0gu.mjs";
76
+ import { W as Do } from "../WidgetContainer-_Fzy--dt.mjs";
77
77
  const Io = ({
78
78
  dialScoreData: t,
79
79
  dataIndex: o,
@@ -50,9 +50,9 @@ import { DatePicker as mt } from "@mui/x-date-pickers";
50
50
  import { LocalizationProvider as ut } from "@mui/x-date-pickers/LocalizationProvider";
51
51
  import { D as _t } from "../Dialog-iLlBR8TG.mjs";
52
52
  import { u as Me } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
53
- import { A as H } from "../Analytics-0Xm_BjHU.mjs";
53
+ import { A as H } from "../Analytics-CzGzz_sE.mjs";
54
54
  import { L as Le } from "../Loader-CxeBwuPG.mjs";
55
- import { W as pt } from "../WidgetContainer-CCR7I0gu.mjs";
55
+ import { W as pt } from "../WidgetContainer-_Fzy--dt.mjs";
56
56
  import { E as ht } from "../EmptyState-DHAkGsjk.mjs";
57
57
  import bt from "@mui/material/Stack/Stack";
58
58
  import ft from "@mui/material/Box";
@@ -1,10 +1,10 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { observer as m } from "mobx-react-lite";
3
- import { H as s } from "../Help-DuhUdMTZ.mjs";
3
+ import { H as s } from "../Help-BFlcaOO_.mjs";
4
4
  import { b as a } from "../hooks-HwStH7q_.mjs";
5
5
  import { u as p } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
6
6
  import { L as d } from "../Loader-CxeBwuPG.mjs";
7
- import { W as f } from "../WidgetContainer-CCR7I0gu.mjs";
7
+ import { W as f } from "../WidgetContainer-_Fzy--dt.mjs";
8
8
  const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
9
9
  const { isInitialized: o } = a();
10
10
  return p({
@@ -2,8 +2,8 @@ import { B as p5 } from "../BeatStore-DuvvrljY.mjs";
2
2
  import { jsx as t, jsxs as s, Fragment as N } from "react/jsx-runtime";
3
3
  import { BottomSheetTransition as $1, Text as E, MerchantLogo as X, InstitutionLogo as F, P as v, H3 as h1, H2 as s1, CategoryIcon as k1, createMXTheme as e2, CheckmarkFilledIcon as t2, Icon as O1 } from "@mxenabled/mxui";
4
4
  import C from "@mui/material/Stack";
5
- import { e as K, p as r2, B as A1, b as i2 } from "../EmbeddedCard-BCcn_fK2.mjs";
6
- import { f as u5, C as f5, E as x5 } from "../EmbeddedCard-BCcn_fK2.mjs";
5
+ import { e as K, p as r2, B as A1, b as i2 } from "../EmbeddedCard-CBS3uUbk.mjs";
6
+ import { f as u5, C as f5, E as x5 } from "../EmbeddedCard-CBS3uUbk.mjs";
7
7
  import { CardHeader as n2, Stack as H, Button as l2, Box as L1, ToggleButtonGroup as a2, TextField as o2, Grow as c2, Alert as s2, useTheme as h2, useMediaQuery as J1, AppBar as d2, Toolbar as C2, IconButton as u1, Card as m2, List as p2, ListItem as E2, Divider as u2 } from "@mui/material";
8
8
  import { useTheme as f2, styled as x2, Stack as f1 } from "@mui/system";
9
9
  import { Link as M2, Icon as S, CheckCircle as y2, ChevronRight as k2 } from "@mxenabled/mx-icons";
@@ -17,7 +17,7 @@ import fe from "@mui/material/ToggleButtonGroup";
17
17
  import { Text as i, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
18
18
  import Ue from "@mui/material/Button";
19
19
  import { u as N, g as ve, s as U, b as J, d as le } from "../hooks-HwStH7q_.mjs";
20
- import { A as z } from "../Analytics-0Xm_BjHU.mjs";
20
+ import { A as z } from "../Analytics-CzGzz_sE.mjs";
21
21
  import { f as ie, a as je } from "../NumberFormatting-CyrvFgfd.mjs";
22
22
  import { u as j } from "../useScreenSize-CeFhWTt_.mjs";
23
23
  import ce from "@mui/material/styles/useTheme";
@@ -39,7 +39,7 @@ import { DataGridPro as Pe } from "@mui/x-data-grid-pro";
39
39
  import { Stack as qe } from "@mui/material";
40
40
  import { L as De } from "../Loader-CxeBwuPG.mjs";
41
41
  import { u as Ke } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
42
- import { W as Ye } from "../WidgetContainer-CCR7I0gu.mjs";
42
+ import { W as Ye } from "../WidgetContainer-_Fzy--dt.mjs";
43
43
  import { A as Qe } from "../Account-CMjOp7S2.mjs";
44
44
  import { E as Je } from "../EmptyState-DHAkGsjk.mjs";
45
45
  const me = ({ sx: t = {} }) => {
@@ -27,7 +27,7 @@ import F from "@mui/material/ListItemIcon";
27
27
  import { g as K } from "../NetWorthStore-BY-B_hxy.mjs";
28
28
  import { N as Se } from "../NetWorthStore-BY-B_hxy.mjs";
29
29
  import { D as U } from "../Drawer-XPaLYjiO.mjs";
30
- import { A as v } from "../Analytics-0Xm_BjHU.mjs";
30
+ import { A as v } from "../Analytics-CzGzz_sE.mjs";
31
31
  import { format as ut, fromUnixTime as ft, differenceInMonths as xt } from "date-fns";
32
32
  import { Icon as et } from "@mxenabled/mx-icons";
33
33
  import { f as V } from "../NumberFormatting-CyrvFgfd.mjs";
@@ -35,7 +35,7 @@ import { u as nt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
35
35
  import { L as ot } from "../Loader-CxeBwuPG.mjs";
36
36
  import { M as gt } from "../MicroWidgetContainer-CEcwdfti.mjs";
37
37
  import { C as yt } from "../ConnectionsDrawer-DxpSlJN7.mjs";
38
- import { W as Ct } from "../WidgetContainer-CCR7I0gu.mjs";
38
+ import { W as Ct } from "../WidgetContainer-_Fzy--dt.mjs";
39
39
  import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
40
40
  const _t = () => {
41
41
  const { isMobile: e } = Y(), { availableWidth: s } = st(), i = z(), {
@@ -6,8 +6,8 @@ import { endOfToday as J } from "date-fns/endOfToday";
6
6
  import { startOfMonth as k } from "date-fns/startOfMonth";
7
7
  import { startOfToday as Q } from "date-fns/startOfToday";
8
8
  import { subDays as ee } from "date-fns/subDays";
9
- import { R as Te } from "../RecurringSettings-CIpZL4CX.mjs";
10
- import { M as jn } from "../RecurringSettings-CIpZL4CX.mjs";
9
+ import { R as Te } from "../RecurringSettings-B8KJllGX.mjs";
10
+ import { M as jn } from "../RecurringSettings-B8KJllGX.mjs";
11
11
  import { addMonths as He } from "date-fns/addMonths";
12
12
  import { subMonths as $e } from "date-fns/subMonths";
13
13
  import { isBefore as Be } from "date-fns/isBefore";
@@ -37,7 +37,7 @@ import { a as A, R as D } from "../RepeatingTransaction-D2gmBTd0.mjs";
37
37
  import { f as S, D as w } from "../DateFormats-CaOj_4eI.mjs";
38
38
  import { T as G } from "../RecurringTransactionsStore-CFJYC7lI.mjs";
39
39
  import { R as Vn } from "../RecurringTransactionsStore-CFJYC7lI.mjs";
40
- import { A as L } from "../Analytics-0Xm_BjHU.mjs";
40
+ import { A as L } from "../Analytics-CzGzz_sE.mjs";
41
41
  import { g as st, L as W } from "../Localization-C_HZg9tJ.mjs";
42
42
  import ct from "@mui/material/Button";
43
43
  import X from "@mui/material/Divider";
@@ -48,8 +48,8 @@ import { g as Ce, d as dt } from "../RecurringTransactions-DCt94TN4.mjs";
48
48
  import ut from "@mui/material/ListItemAvatar";
49
49
  import mt from "@mui/material/ListItemButton";
50
50
  import pt from "@mui/material/ListItemText";
51
- import { d as gt } from "../ManageIncome-CrHDAku7.mjs";
52
- import { c as Zn, M as Xn, S as Jn } from "../ManageIncome-CrHDAku7.mjs";
51
+ import { d as gt } from "../ManageIncome-Deq2AZEM.mjs";
52
+ import { c as Zn, M as Xn, S as Jn } from "../ManageIncome-Deq2AZEM.mjs";
53
53
  import { f as E } from "../NumberFormatting-CyrvFgfd.mjs";
54
54
  import { D as ie } from "../Drawer-XPaLYjiO.mjs";
55
55
  import { b as N } from "../Localization-CkQ49EKr.mjs";
@@ -59,7 +59,7 @@ import { S as Le } from "../StatusBar-CPfSXe80.mjs";
59
59
  import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
60
60
  import { u as oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
61
61
  import { L as ae } from "../Loader-CxeBwuPG.mjs";
62
- import { W as ht } from "../WidgetContainer-CCR7I0gu.mjs";
62
+ import { W as ht } from "../WidgetContainer-_Fzy--dt.mjs";
63
63
  import { M as ft } from "../MiniWidgetContainer-CmTGSUL5.mjs";
64
64
  import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
65
65
  import { M as bt } from "../MicroWidgetContainer-CEcwdfti.mjs";
@@ -42,8 +42,8 @@ import Le from "@mui/material/ListItemIcon";
42
42
  import Be from "@mui/material/ListItemText";
43
43
  import { D as He } from "../Drawer-XPaLYjiO.mjs";
44
44
  import { u as ne } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
45
- import { H as Oe } from "../Help-DuhUdMTZ.mjs";
46
- import { W as q } from "../WidgetContainer-CCR7I0gu.mjs";
45
+ import { H as Oe } from "../Help-BFlcaOO_.mjs";
46
+ import { W as q } from "../WidgetContainer-_Fzy--dt.mjs";
47
47
  const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
48
48
  const i = xe(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = we(), [p, k] = m.useState({
49
49
  first_name: d.first_name,
@@ -19,8 +19,8 @@ import { startOfToday as q } from "date-fns/startOfToday";
19
19
  import St from "@mui/material/Button";
20
20
  import { useTheme as Tt } from "@mui/material";
21
21
  import { e as Mt } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
22
- import { T as Dt } from "../EmbeddedCard-BCcn_fK2.mjs";
23
- import { T as xt } from "../TransactionDetails-Db8dwHoM.mjs";
22
+ import { T as Dt } from "../EmbeddedCard-CBS3uUbk.mjs";
23
+ import { T as xt } from "../TransactionDetails-DLnK244l.mjs";
24
24
  import vt from "@mui/material/Collapse";
25
25
  import wt from "@mui/material/Divider";
26
26
  import J from "@mui/material/List";
@@ -30,8 +30,8 @@ import { u as Lt } from "../useScreenSize-CeFhWTt_.mjs";
30
30
  import { D as Z } from "../Drawer-XPaLYjiO.mjs";
31
31
  import { b as w } from "../Category-Ccoew_sA.mjs";
32
32
  import { parseISO as tt } from "date-fns/parseISO";
33
- import { A as et } from "../Analytics-0Xm_BjHU.mjs";
34
- import { W as It } from "../WidgetContainer-CCR7I0gu.mjs";
33
+ import { A as et } from "../Analytics-CzGzz_sE.mjs";
34
+ import { W as It } from "../WidgetContainer-_Fzy--dt.mjs";
35
35
  const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
36
36
  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: c }),
37
37
  /* @__PURE__ */ t(T, { variant: "caption", children: N(n, o === "mini" ? "0,0" : "0,0.00") })
@@ -1,11 +1,11 @@
1
- import { C as Re, D as Be, M as He, a as Pe, T as Ve } from "../TransactionDetails-Db8dwHoM.mjs";
2
- import { B as Sa, b as Da } from "../TransactionDetails-Db8dwHoM.mjs";
1
+ import { C as Re, D as Be, M as He, a as Pe, T as Ve } from "../TransactionDetails-DLnK244l.mjs";
2
+ import { B as Sa, b as Da } from "../TransactionDetails-DLnK244l.mjs";
3
3
  import { e as $e } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
4
4
  import { O as va } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
5
5
  import { S as Z, D as We } from "../TransactionStore-BUsP-unK.mjs";
6
6
  import { T as Ea } from "../TransactionStore-BUsP-unK.mjs";
7
- import { u as B, T as Ge } from "../EmbeddedCard-BCcn_fK2.mjs";
8
- import { a as ka } from "../EmbeddedCard-BCcn_fK2.mjs";
7
+ import { u as B, T as Ge } from "../EmbeddedCard-CBS3uUbk.mjs";
8
+ import { a as ka } from "../EmbeddedCard-CBS3uUbk.mjs";
9
9
  import { E as Ma } from "../ExportCsvAction-BPjdEUXx.mjs";
10
10
  import { jsxs as m, jsx as e } from "react/jsx-runtime";
11
11
  import u from "react";
@@ -22,7 +22,7 @@ import S from "@mui/material/Box";
22
22
  import { useTheme as Xe } from "@mui/material/styles";
23
23
  import { fromUnixTime as Je } from "date-fns/fromUnixTime";
24
24
  import { f as Qe, D as Ze } from "../DateFormats-CaOj_4eI.mjs";
25
- import { A as x } from "../Analytics-0Xm_BjHU.mjs";
25
+ import { A as x } from "../Analytics-CzGzz_sE.mjs";
26
26
  import { D as ie } from "../Dialog-iLlBR8TG.mjs";
27
27
  import { endOfMonth as et } from "date-fns/endOfMonth";
28
28
  import { getUnixTime as tt } from "date-fns/getUnixTime";
@@ -41,7 +41,7 @@ import { u as mt } from "../useAriaLive-MkYebyUR.mjs";
41
41
  import { S as _t } from "../SkeletonLoader-BaNboJjD.mjs";
42
42
  import { u as pt } from "../useScreenSize-CeFhWTt_.mjs";
43
43
  import { u as gt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
44
- import { W as ht } from "../WidgetContainer-CCR7I0gu.mjs";
44
+ import { W as ht } from "../WidgetContainer-_Fzy--dt.mjs";
45
45
  import { S as ft } from "../SearchBox-CwDgvWVJ.mjs";
46
46
  import { D as te } from "../Drawer-XPaLYjiO.mjs";
47
47
  const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
@@ -34,13 +34,13 @@ import { T as W, a as jt } from "../ViewMoreMicroCard-C7dC9lDT.mjs";
34
34
  import { useGridApiContext as Ut, useGridRootProps as Xt, DataGridPro as Zt } from "@mui/x-data-grid-pro";
35
35
  import Qt from "@mui/material/Badge";
36
36
  import qt from "@mui/material/IconButton";
37
- import { A as v } from "../Analytics-0Xm_BjHU.mjs";
38
- import { T as ct } from "../EmbeddedCard-BCcn_fK2.mjs";
39
- import { T as dt } from "../TransactionDetails-Db8dwHoM.mjs";
37
+ import { A as v } from "../Analytics-CzGzz_sE.mjs";
38
+ import { T as ct } from "../EmbeddedCard-CBS3uUbk.mjs";
39
+ import { T as dt } from "../TransactionDetails-DLnK244l.mjs";
40
40
  import { D as Pe } from "../Drawer-XPaLYjiO.mjs";
41
41
  import { u as Ie } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
42
42
  import { L as Le } from "../Loader-CxeBwuPG.mjs";
43
- import { W as ut } from "../WidgetContainer-CCR7I0gu.mjs";
43
+ import { W as ut } from "../WidgetContainer-_Fzy--dt.mjs";
44
44
  import { L as Ve } from "../LineChart-jJVBE8V8.mjs";
45
45
  import { M as Jt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
46
46
  import { subMonths as eo } from "date-fns";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mx-cartographer/experiences",
3
- "version": "8.1.2",
3
+ "version": "8.1.4",
4
4
  "description": "Library containing experience widgets",
5
5
  "author": "MX",
6
6
  "license": "MIT",