@mx-cartographer/experiences 7.9.5 → 7.9.6-alpha.mm0

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.
@@ -1,5 +1,5 @@
1
1
  import { jsxs as C, jsx as e } from "react/jsx-runtime";
2
- import I from "react";
2
+ import E from "react";
3
3
  import { observer as te } from "mobx-react-lite";
4
4
  import X from "@mui/material/Box";
5
5
  import W from "@mui/material/Button";
@@ -10,36 +10,36 @@ import j from "@mui/material/Divider";
10
10
  import H from "@mui/material/IconButton";
11
11
  import Y from "@mui/material/Stack";
12
12
  import { ChevronLeft as re } from "@mxenabled/mx-icons";
13
- import { Icon as E, Text as F, DateRangePicker as $, H2 as ce, H3 as se } from "@mxenabled/mxui";
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-27p2evRx.mjs";
15
15
  import { G as le } from "./GlobalAccountFilter-DQCPNc95.mjs";
16
16
  import { L as Ce } from "./Loader-DUaFpDGv.mjs";
17
- import { g as de, b as Te, u as Ie, W as Ee } from "./hooks-ZMp65DFz.mjs";
17
+ import { g as de, b as Te, u as Ie, a as Ee, W as Re } from "./hooks-ZMp65DFz.mjs";
18
18
  import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
19
19
  import { addMonths as Z } from "date-fns/addMonths";
20
- import { addDays as Re } from "date-fns/addDays";
20
+ import { addDays as ge } from "date-fns/addDays";
21
21
  import { addYears as q } from "date-fns/addYears";
22
- import { differenceInCalendarDays as ge } from "date-fns/differenceInCalendarDays";
23
- import { endOfDay as Ae } from "date-fns/endOfDay";
22
+ import { differenceInCalendarDays as Ae } from "date-fns/differenceInCalendarDays";
23
+ import { endOfDay as Se } from "date-fns/endOfDay";
24
24
  import { endOfMonth as V } from "date-fns/endOfMonth";
25
25
  import { endOfToday as J } from "date-fns/endOfToday";
26
- import { endOfYear as Se } from "date-fns/endOfYear";
27
- import { startOfMonth as Ne } from "date-fns/startOfMonth";
28
- import { startOfToday as me } from "date-fns/startOfToday";
29
- import { startOfYear as Le } from "date-fns/startOfYear";
26
+ import { endOfYear as Ne } from "date-fns/endOfYear";
27
+ import { startOfMonth as me } from "date-fns/startOfMonth";
28
+ import { startOfToday as Le } from "date-fns/startOfToday";
29
+ import { startOfYear as ue } from "date-fns/startOfYear";
30
30
  import { subMonths as z } from "date-fns/subMonths";
31
- import { subDays as ue } from "date-fns/subDays";
31
+ import { subDays as De } from "date-fns/subDays";
32
32
  import { subYears as Q } from "date-fns/subYears";
33
- import De from "@mui/material/ButtonGroup";
33
+ import pe from "@mui/material/ButtonGroup";
34
34
  import ke from "@mui/material/Tab";
35
- import pe from "@mui/material/Tabs";
36
- import Oe from "@mui/material/ToggleButton";
37
- import he from "@mui/material/ToggleButtonGroup";
38
- import fe from "@mui/material/styles/useTheme";
39
- import { u as be } from "./useAriaLive-B3_pRUio.mjs";
40
- import { f as S, D as N, a as Ke } from "./Dialog-B4PI-_bL.mjs";
41
- import { D as we } from "./Drawer-DV4NTsFg.mjs";
42
- const Ge = {
35
+ import Oe from "@mui/material/Tabs";
36
+ import he from "@mui/material/ToggleButton";
37
+ import fe from "@mui/material/ToggleButtonGroup";
38
+ import be from "@mui/material/styles/useTheme";
39
+ import { u as we } from "./useAriaLive-B3_pRUio.mjs";
40
+ import { f as N, D as m, a as Ke } from "./Dialog-B4PI-_bL.mjs";
41
+ import { D as Ge } from "./Drawer-DV4NTsFg.mjs";
42
+ const Me = {
43
43
  ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
44
44
  ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
45
45
  ACCOUNTS_CLICK_FILTER: "accounts_widget_click_filter_accounts",
@@ -159,15 +159,15 @@ const Ge = {
159
159
  TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
160
160
  TRENDS_LOAD_WIDGET: "trends_load_widget",
161
161
  TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
162
- }, Me = ({
163
- calendarActions: r,
164
- color: m = "primary",
162
+ }, We = ({
163
+ calendarActions: n,
164
+ color: L = "primary",
165
165
  copy: t,
166
- range: L = [Ne(me()), V(J())],
167
- shouldShrinkToIcon: u = !0,
166
+ range: u = [me(Le()), V(J())],
167
+ shouldShrinkToIcon: D = !0,
168
168
  variant: c = "outlined"
169
169
  }) => {
170
- const x = fe(), { isMobile: D } = _e(), { announce: B, ariaLive: k } = be(), [A, h] = I.useState(L), [d, f] = I.useState(t.dateRangePickerCopy.dateRangeThisMonth), [R, v] = I.useState(A), [p, O] = I.useState(!1), [T, g] = I.useState(!0), [l, y] = I.useState(6), P = {
170
+ const x = be(), { isMobile: p } = _e(), { announce: B, ariaLive: k } = we(), [S, b] = E.useState(u), [d, w] = 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
171
  buttons: [
172
172
  { label: "3M", value: 3 },
173
173
  { label: "6M", value: 6 },
@@ -181,43 +181,43 @@ const Ge = {
181
181
  { label: "1 Year", value: 12 }
182
182
  ]
183
183
  };
184
- I.useEffect(() => {
185
- h(L), v(L);
186
- }, [L]), I.useEffect(() => {
187
- (c === "timeframebuttons" || c === "timeframetabs") && r.onRangeChanged(a());
184
+ E.useEffect(() => {
185
+ b(u), y(u);
186
+ }, [u]), E.useEffect(() => {
187
+ (c === "timeframebuttons" || c === "timeframetabs") && n.onRangeChanged(a());
188
188
  }, [l]);
189
189
  const a = () => {
190
190
  const _ = V(J());
191
191
  return [V(z(_, l)), _];
192
- }, U = (_) => {
193
- const [n, i] = A, s = _ === "previous";
192
+ }, f = (_) => {
193
+ const [r, s] = S, i = _ === "previous";
194
194
  let o;
195
195
  if (d === t.dateRangePickerCopy.dateRangeThisMonth || d === t.dateRangePickerCopy.dateRangeLastMonth)
196
196
  o = [
197
- s ? z(n, 1) : Z(n, 1),
198
- V(s ? z(i, 1) : Z(i, 1))
197
+ i ? z(r, 1) : Z(r, 1),
198
+ V(i ? z(s, 1) : Z(s, 1))
199
199
  ];
200
200
  else if (d === t.dateRangePickerCopy.dateRangeYTD || d === t.dateRangePickerCopy.dateRangeLastYear) {
201
- const G = Le(n), M = Se(n);
201
+ const T = ue(r), M = Ne(r);
202
202
  o = [
203
- s ? Q(G, 1) : q(G, 1),
204
- s ? Q(M, 1) : q(M, 1)
203
+ i ? Q(T, 1) : q(T, 1),
204
+ i ? Q(M, 1) : q(M, 1)
205
205
  ];
206
206
  } else {
207
- const G = ge(i, n), M = s ? ue : Re;
208
- o = [M(n, G), M(i, G)];
207
+ const T = Ae(s, r), M = i ? De : ge;
208
+ o = [M(r, T), M(s, T)];
209
209
  }
210
- h(o), r.onRangeChanged(o);
211
- }, b = () => {
212
- h(R), g(
210
+ b(o), n.onRangeChanged(o);
211
+ }, U = () => {
212
+ b(g), A(
213
213
  d === t.dateRangePickerCopy.dateRangeThisMonth || d === t.dateRangePickerCopy.dateRangeLastMonth
214
- ), r.onRangeChanged(R);
215
- }, K = (_, n) => {
214
+ ), n.onRangeChanged(g);
215
+ }, K = (_, r) => {
216
216
  _[1] = _[1] ?? _[0];
217
- const i = [_[0], _[1] ? Ae(_[1]) : _[1]], s = S(i[0], N.MONTH_DAY_YEAR), o = S(i[1], N.MONTH_DAY_YEAR);
218
- v(i), f(n), B(`${t.dateRangePickerCopy}: ${s} - ${o}`);
219
- }, w = (_) => {
220
- y(_);
217
+ const s = [_[0], _[1] ? Se(_[1]) : _[1]], i = N(s[0], m.MONTH_DAY_YEAR), o = N(s[1], m.MONTH_DAY_YEAR);
218
+ y(s), w(r), B(`${t.dateRangePickerCopy}: ${i} - ${o}`);
219
+ }, G = (_) => {
220
+ v(_);
221
221
  };
222
222
  return /* @__PURE__ */ C(X, { className: "mx-cmn-date-range-selector", m: 4, children: [
223
223
  /* @__PURE__ */ C(
@@ -225,25 +225,25 @@ const Ge = {
225
225
  {
226
226
  sx: {
227
227
  [x.breakpoints.down("sm")]: {
228
- display: u ? "none" : "flex",
228
+ display: D ? "none" : "flex",
229
229
  justifyContent: "center"
230
230
  },
231
231
  [x.breakpoints.up("sm")]: { display: "inline-flex" }
232
232
  },
233
233
  children: [
234
234
  c === "readonly" && /* @__PURE__ */ C(Y, { alignItems: "center", direction: "row", gap: 8, children: [
235
- /* @__PURE__ */ e(E, { name: "calendar_month", size: 24 }),
236
- /* @__PURE__ */ e(F, { bold: !0, children: S(R[0], N.MONTH_DAY) }),
237
- /* @__PURE__ */ e(E, { name: "remove" }),
238
- /* @__PURE__ */ e(F, { bold: !0, children: S(R[1], N.MONTH_DAY_YEAR) })
235
+ /* @__PURE__ */ e(R, { name: "calendar_month", size: 24 }),
236
+ /* @__PURE__ */ e(F, { bold: !0, children: N(g[0], m.MONTH_DAY) }),
237
+ /* @__PURE__ */ e(R, { name: "remove" }),
238
+ /* @__PURE__ */ e(F, { bold: !0, children: N(g[1], m.MONTH_DAY_YEAR) })
239
239
  ] }),
240
240
  c !== "readonly" && c !== "timeframebuttons" && c !== "timeframetabs" && /* @__PURE__ */ C(
241
- De,
241
+ pe,
242
242
  {
243
- color: m,
243
+ color: L,
244
244
  sx: {
245
245
  "& .MuiButtonGroup-grouped": {
246
- padding: D ? 0 : 12
246
+ padding: p ? 0 : 12
247
247
  },
248
248
  "& .MuiButtonGroup-middleButton": {
249
249
  px: 24
@@ -255,55 +255,55 @@ const Ge = {
255
255
  /* @__PURE__ */ e(
256
256
  W,
257
257
  {
258
- "aria-disabled": r.shouldDisablePrevious,
258
+ "aria-disabled": n.shouldDisablePrevious,
259
259
  "aria-label": t.dateRangePreviousAria,
260
- color: r.shouldDisablePrevious ? "secondary" : "primary",
261
- onClick: () => r.shouldDisablePrevious ? null : U("previous"),
262
- children: /* @__PURE__ */ e(E, { name: "chevron_left", size: 20 })
260
+ color: n.shouldDisablePrevious ? "secondary" : "primary",
261
+ onClick: () => n.shouldDisablePrevious ? null : f("previous"),
262
+ children: /* @__PURE__ */ e(R, { name: "chevron_left", size: 20 })
263
263
  }
264
264
  ),
265
265
  /* @__PURE__ */ e(
266
266
  W,
267
267
  {
268
- "aria-disabled": r.shouldDisablePicker,
269
- color: m,
270
- onClick: () => r.shouldDisablePicker ? null : O(!0),
271
- startIcon: /* @__PURE__ */ e(E, { name: "calendar_month", size: 20 }),
268
+ "aria-disabled": n.shouldDisablePicker,
269
+ color: L,
270
+ onClick: () => n.shouldDisablePicker ? null : h(!0),
271
+ startIcon: /* @__PURE__ */ e(R, { name: "calendar_month", size: 20 }),
272
272
  sx: {
273
- p: D ? 0 : 8
273
+ p: p ? 0 : 8
274
274
  },
275
- children: T ? S(A[0], N.MONTH_YEAR) : /* @__PURE__ */ C("span", { children: [
276
- S(A[0], N.MONTH_DAY_YEAR),
275
+ children: I ? N(S[0], m.MONTH_YEAR) : /* @__PURE__ */ C("span", { children: [
276
+ N(S[0], m.MONTH_DAY_YEAR),
277
277
  " -",
278
278
  " ",
279
- S(A[1], N.MONTH_DAY_YEAR)
279
+ N(S[1], m.MONTH_DAY_YEAR)
280
280
  ] })
281
281
  }
282
282
  ),
283
283
  /* @__PURE__ */ e(
284
284
  W,
285
285
  {
286
- "aria-disabled": r.shouldDisableNext,
286
+ "aria-disabled": n.shouldDisableNext,
287
287
  "aria-label": t.dateRangeNextAria,
288
- color: r.shouldDisableNext ? "secondary" : "primary",
289
- onClick: () => r.shouldDisableNext ? null : U("next"),
290
- children: /* @__PURE__ */ e(E, { name: "chevron_right", size: 20 })
288
+ color: n.shouldDisableNext ? "secondary" : "primary",
289
+ onClick: () => n.shouldDisableNext ? null : f("next"),
290
+ children: /* @__PURE__ */ e(R, { name: "chevron_right", size: 20 })
291
291
  }
292
292
  )
293
293
  ]
294
294
  }
295
295
  ),
296
296
  c === "timeframebuttons" && /* @__PURE__ */ e(
297
- he,
297
+ fe,
298
298
  {
299
- color: m,
299
+ color: L,
300
300
  exclusive: !0,
301
301
  orientation: "horizontal",
302
302
  value: l,
303
303
  children: P.buttons.map((_) => /* @__PURE__ */ e(
304
- Oe,
304
+ he,
305
305
  {
306
- onClick: () => w(_.value),
306
+ onClick: () => G(_.value),
307
307
  sx: { width: 56 },
308
308
  value: _.value,
309
309
  children: _.label
@@ -313,10 +313,10 @@ const Ge = {
313
313
  }
314
314
  ),
315
315
  c === "timeframetabs" && /* @__PURE__ */ e(
316
- pe,
316
+ Oe,
317
317
  {
318
318
  indicatorColor: "primary",
319
- onChange: (_, n) => w(n),
319
+ onChange: (_, r) => G(r),
320
320
  textColor: "primary",
321
321
  value: l,
322
322
  variant: "fullWidth",
@@ -334,14 +334,14 @@ const Ge = {
334
334
  ]
335
335
  }
336
336
  ),
337
- p && D && /* @__PURE__ */ C(
338
- we,
337
+ O && p && /* @__PURE__ */ C(
338
+ Ge,
339
339
  {
340
340
  ariaLabelClose: t.dateRangeCloseAria,
341
- isOpen: p,
342
- onClose: () => O(!1),
341
+ isOpen: O,
342
+ onClose: () => h(!1),
343
343
  onPrimaryAction: () => {
344
- b(), O(!1);
344
+ U(), h(!1);
345
345
  },
346
346
  primaryText: t.dateRangeEditApply,
347
347
  title: t.dateRangeEditTitle,
@@ -351,7 +351,7 @@ const Ge = {
351
351
  $,
352
352
  {
353
353
  copy: t.dateRangePickerCopy,
354
- dateRange: R,
354
+ dateRange: g,
355
355
  onRangeChanged: K,
356
356
  selectedShortcut: d,
357
357
  sx: { p: 0 }
@@ -360,13 +360,13 @@ const Ge = {
360
360
  ]
361
361
  }
362
362
  ),
363
- p && !D && /* @__PURE__ */ C(
363
+ O && !p && /* @__PURE__ */ C(
364
364
  Ke,
365
365
  {
366
366
  copy: { title: t.dateRangeEditTitle },
367
367
  isOpen: !0,
368
- onClose: () => O(!1),
369
- onPrimaryAction: () => b(),
368
+ onClose: () => h(!1),
369
+ onPrimaryAction: () => U(),
370
370
  primaryText: t.dateRangeEditApply,
371
371
  sx: {
372
372
  "& .MuiDialogContent-root": {
@@ -379,7 +379,7 @@ const Ge = {
379
379
  $,
380
380
  {
381
381
  copy: t.dateRangePickerCopy,
382
- dateRange: R,
382
+ dateRange: g,
383
383
  onRangeChanged: K,
384
384
  selectedShortcut: d,
385
385
  sx: {
@@ -394,29 +394,31 @@ const Ge = {
394
394
  }
395
395
  )
396
396
  ] });
397
- }, ee = Me, L_ = te(
397
+ }, ee = We, u_ = te(
398
398
  ({
399
- allowedAccountTypes: r,
400
- actions: m = [],
399
+ allowedAccountTypes: n,
400
+ actions: L = [],
401
401
  calendarActions: t,
402
- children: L,
403
- dateRange: u,
402
+ children: u,
403
+ dateRange: D,
404
404
  dateRangeVariant: c,
405
405
  className: x = "mx-cmn-widget",
406
- hasDivider: D = !1,
406
+ hasDivider: p = !1,
407
407
  onAccountsFilterClick: B,
408
408
  onBackClick: k,
409
- showAccountFilter: A = !0,
410
- showDividerAboveDateSelector: h = !0,
409
+ showAccountFilter: S = !0,
410
+ showDividerAboveDateSelector: b = !0,
411
411
  sx: d = {},
412
- title: f = ""
412
+ title: w = ""
413
413
  }) => {
414
- const [R, { height: v, width: p }] = oe(), { onEvent: O } = de(), { isDesktop: T, isMobile: g, isTablet: l } = _e(p), { displayedDateRange: y, isCopyLoaded: P } = Te(), { common: a } = Ie(), U = () => {
415
- k && (k(), O(Ge.WIDGET_BACK_CLICK));
414
+ 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: f } = Ee();
415
+ console.log("CONFIG", f);
416
+ const U = () => {
417
+ k && (k(), h(Me.WIDGET_BACK_CLICK));
416
418
  };
417
419
  if (!P)
418
420
  return /* @__PURE__ */ e(Ce, {});
419
- const b = {
421
+ const K = {
420
422
  dateRangePickerCopy: {
421
423
  dateRangeFrom: a.date_range_picker.from,
422
424
  dateRangeTo: a.date_range_picker.to,
@@ -434,122 +436,125 @@ const Ge = {
434
436
  dateRangeEditTitle: a.date_range_picker.edit_title,
435
437
  dateRangeNextAria: a.date_range_picker.next_aria,
436
438
  dateRangePreviousAria: a.date_range_picker.previous_aria
437
- }, K = u ? u.start : y.start, w = u ? u.end : y.end, _ = m?.length > 1;
439
+ }, G = D ? D.start : v.start, _ = D ? D.end : v.end, r = L?.length > 1;
438
440
  return /* @__PURE__ */ C(
439
441
  ae,
440
442
  {
441
443
  className: x,
442
444
  sx: {
443
- ...g && { px: 4 },
445
+ ...A && { px: 4 },
444
446
  "& .mx-cmn-date-range-selector": {
445
- ...(g || l) && { textAlign: "center" }
447
+ ...(A || l) && { textAlign: "center" }
446
448
  },
447
449
  ...d
448
450
  },
449
451
  children: [
450
- f && /* @__PURE__ */ e(
452
+ w && /* @__PURE__ */ e(
451
453
  ne,
452
454
  {
453
455
  action: /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", children: [
454
- T && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
456
+ I && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
455
457
  ee,
456
458
  {
457
459
  calendarActions: t,
458
- copy: b,
459
- range: [K, w],
460
+ copy: K,
461
+ range: [G, _],
460
462
  shouldShrinkToIcon: !1,
461
463
  variant: c
462
464
  }
463
465
  ) }),
464
- A && /* @__PURE__ */ e(
466
+ S && /* @__PURE__ */ e(
465
467
  le,
466
468
  {
467
- allowedAccountTypes: r,
469
+ allowedAccountTypes: n,
468
470
  onAccountFilterClick: B
469
471
  }
470
472
  ),
471
- m?.map((n) => {
472
- if (I.isValidElement(n)) return n;
473
- const { iconName: i, onClick: s, label: o } = n;
474
- return _ ? T || l ? /* @__PURE__ */ e(
473
+ L?.map((s) => {
474
+ if (E.isValidElement(s)) return s;
475
+ const { iconName: i, onClick: o, label: T } = s;
476
+ return r ? I || l ? /* @__PURE__ */ e(
475
477
  W,
476
478
  {
477
- onClick: s,
478
- startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
479
+ onClick: o,
480
+ startIcon: /* @__PURE__ */ e(R, { name: i, size: 24 }),
479
481
  sx: { my: 4 },
480
- children: o
482
+ children: T
481
483
  },
482
484
  i
483
485
  ) : /* @__PURE__ */ e(
484
486
  H,
485
487
  {
486
- "aria-label": o,
488
+ "aria-label": T,
487
489
  color: "primary",
488
- onClick: s,
489
- children: /* @__PURE__ */ e(E, { name: i, size: 24 })
490
+ onClick: o,
491
+ children: /* @__PURE__ */ e(R, { name: i, size: 24 })
490
492
  },
491
493
  i
492
- ) : T || l ? /* @__PURE__ */ e(
494
+ ) : I || l ? /* @__PURE__ */ e(
493
495
  W,
494
496
  {
495
- onClick: s,
496
- startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
497
+ onClick: o,
498
+ startIcon: /* @__PURE__ */ e(R, { name: i, size: 24 }),
497
499
  sx: { my: 4 },
498
- children: o
500
+ children: T
499
501
  },
500
502
  i
501
- ) : /* @__PURE__ */ e(H, { "aria-label": o, color: "primary", onClick: s, children: /* @__PURE__ */ e(E, { name: i, size: 24 }) }, i);
503
+ ) : /* @__PURE__ */ e(H, { "aria-label": T, color: "primary", onClick: o, children: /* @__PURE__ */ e(R, { name: i, size: 24 }) }, i);
502
504
  })
503
505
  ] }),
504
506
  sx: {
505
- p: T ? 48 : 24,
507
+ p: I ? 48 : 24,
506
508
  pb: 0,
507
509
  "& .MuiCardHeader-action": {
508
510
  mr: 0,
509
- ...t && T && { flexGrow: 1 },
510
- ...(g || l) && { alignSelf: "center" }
511
+ ...t && I && { flexGrow: 1 },
512
+ ...(A || l) && { alignSelf: "center" }
511
513
  },
512
514
  "& .MuiCardHeader-content": {
513
515
  overflow: "hidden"
514
516
  }
515
517
  },
516
- title: T || l ? /* @__PURE__ */ e(ce, { variant: "H1", children: f }) : /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
517
- g && k && /* @__PURE__ */ e(
518
- H,
519
- {
520
- "aria-label": a.back_to_dashboard,
521
- color: "primary",
522
- onClick: U,
523
- sx: { p: 12, mr: 4 },
524
- children: /* @__PURE__ */ e(re, { size: 24 })
525
- }
526
- ),
527
- /* @__PURE__ */ e(se, { children: f })
528
- ] })
518
+ title: (
519
+ // eslint-disable-next-line no-nested-ternary
520
+ I || l ? f.display_widget_headings ? /* @__PURE__ */ e(ce, { variant: "H1", children: w }) : null : /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
521
+ A && k && /* @__PURE__ */ e(
522
+ H,
523
+ {
524
+ "aria-label": a.back_to_dashboard,
525
+ color: "primary",
526
+ onClick: U,
527
+ sx: { p: 12, mr: 4 },
528
+ children: /* @__PURE__ */ e(re, { size: 24 })
529
+ }
530
+ ),
531
+ f.display_widget_headings ? /* @__PURE__ */ e(se, { children: w }) : null
532
+ ] })
533
+ )
529
534
  }
530
535
  ),
531
- D && /* @__PURE__ */ e(j, { sx: { mt: T ? 48 : 24 } }),
532
- t && (g || l) && /* @__PURE__ */ C(Y, { gap: 24, justifyContent: "center", sx: { mt: g ? 0 : 16 }, children: [
533
- h && /* @__PURE__ */ e(j, {}),
536
+ p && /* @__PURE__ */ e(j, { sx: { mt: I ? 48 : 24 } }),
537
+ t && (A || l) && /* @__PURE__ */ C(Y, { gap: 24, justifyContent: "center", sx: { mt: A ? 0 : 16 }, children: [
538
+ b && /* @__PURE__ */ e(j, {}),
534
539
  /* @__PURE__ */ e(
535
540
  ee,
536
541
  {
537
542
  calendarActions: t,
538
- copy: b,
539
- range: [K, w],
543
+ copy: K,
544
+ range: [G, _],
540
545
  shouldShrinkToIcon: !1,
541
546
  variant: c
542
547
  }
543
548
  )
544
549
  ] }),
545
- /* @__PURE__ */ e(ie, { ref: R, sx: { p: 0 }, children: /* @__PURE__ */ e(Ee, { availableHeight: v, availableWidth: p, children: L }) })
550
+ /* @__PURE__ */ e(ie, { ref: g, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: y, availableWidth: O, children: u }) })
546
551
  ]
547
552
  }
548
553
  );
549
554
  }
550
555
  );
551
556
  export {
552
- Ge as A,
557
+ Me as A,
553
558
  ee as D,
554
- L_ as W
559
+ u_ as W
555
560
  };
@@ -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-to34uDrh.mjs";
28
+ import { A as S, W as N1 } from "../WidgetContainer-DaQvpZHu.mjs";
29
29
  import { a as Q, f as s1, D as l1 } from "../Dialog-B4PI-_bL.mjs";
30
30
  import { b as f } from "../Localization-2MODESHW.mjs";
31
31
  import { D as t1 } from "../Drawer-DV4NTsFg.mjs";
@@ -53,7 +53,7 @@ import t3 from "@mui/material/AlertTitle";
53
53
  import n3 from "@mui/material/Link";
54
54
  import o3 from "@mui/material/Paper";
55
55
  import { subDays as i3, startOfToday as c3, endOfToday as a3 } from "date-fns";
56
- import { T as s3, a as l3 } from "../TransactionDetails-Dx-5XMlV.mjs";
56
+ import { T as s3, a as l3 } from "../TransactionDetails-BdR4hm3y.mjs";
57
57
  import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
58
58
  import { f as d1 } from "../NumberFormatting-DjTD0t3W.mjs";
59
59
  import { C as r3 } from "../ConnectionsDrawer-BDpVTTSe.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-DoxNUae-.mjs";
31
- import { A as N, W as Ye } from "../WidgetContainer-to34uDrh.mjs";
31
+ import { A as N, W as Ye } from "../WidgetContainer-DaQvpZHu.mjs";
32
32
  import { u as Ze } from "../BudgetUtil-BmZXkL0C.mjs";
33
33
  import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
34
34
  import { M as qe } from "../MiniWidgetContainer-98-hKFqm.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-DtQ7ovAR.mjs";
42
- import { T as Ie, a as tt } from "../TransactionDetails-Dx-5XMlV.mjs";
42
+ import { T as Ie, a as tt } from "../TransactionDetails-BdR4hm3y.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-cQKX5dZb.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-q0S56FfH.mjs";
51
+ import { M as st } from "../ManageIncome-DOsgqv_y.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-hIOioiKx.mjs";
19
19
  import { M as Je } from "../MiniWidgetContainer-98-hKFqm.mjs";
20
20
  import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
21
- import { R as et } from "../RecurringSettings-CxJishdl.mjs";
21
+ import { R as et } from "../RecurringSettings-DT1hanRo.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-q0S56FfH.mjs";
39
+ import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-DOsgqv_y.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-to34uDrh.mjs";
43
+ import { W as ut, A as Ie } from "../WidgetContainer-DaQvpZHu.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-Dx-5XMlV.mjs";
48
+ import { S as ft, b as gt } from "../TransactionDetails-BdR4hm3y.mjs";
49
49
  import { F as bt, R as ve, e as Ae } from "../RepeatingTransaction-miZVnk_A.mjs";
50
50
  import { h as xt } from "../DateUtil-D7U-nc1Y.mjs";
51
51
  import { F as Ct, A as j } from "../Fetch-DecPFeGU.mjs";
@@ -12,7 +12,7 @@ import { H as at } from "../Help-DhcC-C05.mjs";
12
12
  import { E as Ss } from "../Help-DhcC-C05.mjs";
13
13
  import { M as ws } from "../MicroWidgetContainer-B2hO9rOG.mjs";
14
14
  import { M as xs } from "../MiniWidgetContainer-98-hKFqm.mjs";
15
- import { A as As, D as vs, W as Es } from "../WidgetContainer-to34uDrh.mjs";
15
+ import { A as As, D as vs, W as Es } from "../WidgetContainer-DaQvpZHu.mjs";
16
16
  import { b as Bs, G as Is } from "../GlobalAccountFilter-DQCPNc95.mjs";
17
17
  import { C as Ms } from "../CurrencyInput-itK0R3wV.mjs";
18
18
  import { L as Us } from "../Loader-DUaFpDGv.mjs";
@@ -939,6 +939,7 @@ const z = {
939
939
  display_terms_and_conditions: !0,
940
940
  display_user_profile_in_settings: !0,
941
941
  display_user_transaction_rules_in_settings: !0,
942
+ display_widget_headings: !0,
942
943
  enable_add_account_in_zero_state: !0,
943
944
  enable_aggregation_prompts: !0,
944
945
  enable_external_accounts_in_goals_widget: !0,
@@ -87,6 +87,7 @@ export interface Config {
87
87
  display_terms_and_conditions: boolean;
88
88
  display_user_profile_in_settings: boolean;
89
89
  display_user_transaction_rules_in_settings: boolean;
90
+ display_widget_headings: boolean;
90
91
  enable_add_account_in_zero_state: boolean;
91
92
  enable_aggregation_prompts: boolean;
92
93
  enable_external_accounts_in_goals_widget: boolean;