@mx-cartographer/experiences 7.8.2-alpha.bb5 → 7.8.2-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, 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
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
+ f(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
+ }, w = (_) => {
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
+ f(o), n.onRangeChanged(o);
211
+ }, U = () => {
212
+ f(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), b(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 : w("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 : w("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: 16 }
@@ -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,29 @@ 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: f = !0,
411
411
  sx: d = {},
412
- title: f = ""
412
+ title: b = ""
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: w } = Ee(), U = () => {
415
+ k && (k(), h(Me.WIDGET_BACK_CLICK));
416
416
  };
417
417
  if (!P)
418
418
  return /* @__PURE__ */ e(Ce, {});
419
- const b = {
419
+ const K = {
420
420
  dateRangePickerCopy: {
421
421
  dateRangeFrom: a.date_range_picker.from,
422
422
  dateRangeTo: a.date_range_picker.to,
@@ -434,122 +434,125 @@ const Ge = {
434
434
  dateRangeEditTitle: a.date_range_picker.edit_title,
435
435
  dateRangeNextAria: a.date_range_picker.next_aria,
436
436
  dateRangePreviousAria: a.date_range_picker.previous_aria
437
- }, K = u ? u.start : y.start, w = u ? u.end : y.end, _ = m?.length > 1;
437
+ }, G = D ? D.start : v.start, _ = D ? D.end : v.end, r = L?.length > 1;
438
438
  return /* @__PURE__ */ C(
439
439
  ae,
440
440
  {
441
441
  className: x,
442
442
  sx: {
443
- ...g && { px: 4 },
443
+ ...A && { px: 4 },
444
444
  "& .mx-cmn-date-range-selector": {
445
- ...(g || l) && { textAlign: "center" }
445
+ ...(A || l) && { textAlign: "center" }
446
446
  },
447
447
  ...d
448
448
  },
449
449
  children: [
450
- f && /* @__PURE__ */ e(
450
+ b && /* @__PURE__ */ e(
451
451
  ne,
452
452
  {
453
453
  action: /* @__PURE__ */ C(Y, { alignItems: "center", flexDirection: "row", children: [
454
- T && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
454
+ I && t && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
455
455
  ee,
456
456
  {
457
457
  calendarActions: t,
458
- copy: b,
459
- range: [K, w],
458
+ copy: K,
459
+ range: [G, _],
460
460
  shouldShrinkToIcon: !1,
461
461
  variant: c
462
462
  }
463
463
  ) }),
464
- A && /* @__PURE__ */ e(
464
+ S && /* @__PURE__ */ e(
465
465
  le,
466
466
  {
467
- allowedAccountTypes: r,
467
+ allowedAccountTypes: n,
468
468
  onAccountFilterClick: B
469
469
  }
470
470
  ),
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(
471
+ L?.map((s) => {
472
+ if (E.isValidElement(s)) return s;
473
+ const { iconName: i, onClick: o, label: T } = s;
474
+ return r ? I || l ? /* @__PURE__ */ e(
475
475
  W,
476
476
  {
477
- onClick: s,
478
- startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
477
+ onClick: o,
478
+ startIcon: /* @__PURE__ */ e(R, { name: i, size: 24 }),
479
479
  sx: { my: 4 },
480
- children: o
480
+ children: T
481
481
  },
482
482
  i
483
483
  ) : /* @__PURE__ */ e(
484
484
  H,
485
485
  {
486
- "aria-label": o,
486
+ "aria-label": T,
487
487
  color: "primary",
488
- onClick: s,
489
- children: /* @__PURE__ */ e(E, { name: i, size: 24 })
488
+ onClick: o,
489
+ children: /* @__PURE__ */ e(R, { name: i, size: 24 })
490
490
  },
491
491
  i
492
- ) : T || l ? /* @__PURE__ */ e(
492
+ ) : I || l ? /* @__PURE__ */ e(
493
493
  W,
494
494
  {
495
- onClick: s,
496
- startIcon: /* @__PURE__ */ e(E, { name: i, size: 24 }),
495
+ onClick: o,
496
+ startIcon: /* @__PURE__ */ e(R, { name: i, size: 24 }),
497
497
  sx: { my: 4 },
498
- children: o
498
+ children: T
499
499
  },
500
500
  i
501
- ) : /* @__PURE__ */ e(H, { "aria-label": o, color: "primary", onClick: s, children: /* @__PURE__ */ e(E, { name: i, size: 24 }) }, i);
501
+ ) : /* @__PURE__ */ e(H, { "aria-label": T, color: "primary", onClick: o, children: /* @__PURE__ */ e(R, { name: i, size: 24 }) }, i);
502
502
  })
503
503
  ] }),
504
504
  sx: {
505
- p: T ? 48 : 24,
505
+ p: I ? 48 : 24,
506
506
  pb: 0,
507
507
  "& .MuiCardHeader-action": {
508
508
  mr: 0,
509
- ...t && T && { flexGrow: 1 },
510
- ...(g || l) && { alignSelf: "center" }
509
+ ...t && I && { flexGrow: 1 },
510
+ ...(A || l) && { alignSelf: "center" }
511
511
  },
512
512
  "& .MuiCardHeader-content": {
513
513
  overflow: "hidden"
514
514
  }
515
515
  },
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
- ] })
516
+ title: (
517
+ // eslint-disable-next-line no-nested-ternary
518
+ 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: [
519
+ A && k && /* @__PURE__ */ e(
520
+ H,
521
+ {
522
+ "aria-label": a.back_to_dashboard,
523
+ color: "primary",
524
+ onClick: U,
525
+ sx: { p: 12, mr: 4 },
526
+ children: /* @__PURE__ */ e(re, { size: 24 })
527
+ }
528
+ ),
529
+ w.display_widget_headings ? /* @__PURE__ */ e(se, { children: b }) : null
530
+ ] })
531
+ )
529
532
  }
530
533
  ),
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, {}),
534
+ p && /* @__PURE__ */ e(j, { sx: { mt: I ? 48 : 24 } }),
535
+ t && (A || l) && /* @__PURE__ */ C(Y, { gap: 24, justifyContent: "center", sx: { mt: A ? 0 : 16 }, children: [
536
+ f && /* @__PURE__ */ e(j, {}),
534
537
  /* @__PURE__ */ e(
535
538
  ee,
536
539
  {
537
540
  calendarActions: t,
538
- copy: b,
539
- range: [K, w],
541
+ copy: K,
542
+ range: [G, _],
540
543
  shouldShrinkToIcon: !1,
541
544
  variant: c
542
545
  }
543
546
  )
544
547
  ] }),
545
- /* @__PURE__ */ e(ie, { ref: R, sx: { p: 0 }, children: /* @__PURE__ */ e(Ee, { availableHeight: v, availableWidth: p, children: L }) })
548
+ /* @__PURE__ */ e(ie, { ref: g, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: y, availableWidth: O, children: u }) })
546
549
  ]
547
550
  }
548
551
  );
549
552
  }
550
553
  );
551
554
  export {
552
- Ge as A,
555
+ Me as A,
553
556
  ee as D,
554
- L_ as W
557
+ u_ as W
555
558
  };
@@ -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-BbPS3Yxz.mjs";
28
+ import { A as S, W as N1 } from "../WidgetContainer-CYdQ0BSm.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-BDhz3DLT.mjs";
56
+ import { T as s3, a as l3 } from "../TransactionDetails-B9NQYa6j.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";
@@ -62,7 +62,7 @@ import { u as n1 } from "../useWidgetLoadTimer-hIOioiKx.mjs";
62
62
  import { L as o1 } from "../Loader-DUaFpDGv.mjs";
63
63
  import { M as A1 } from "../MiniWidgetContainer-98-hKFqm.mjs";
64
64
  import { A as i2 } from "../AccountApi-DgZ8ILj1.mjs";
65
- import { A as a2 } from "../AccountStore-btBtMI9s.mjs";
65
+ import { A as a2 } from "../AccountStore-BbPWe2C9.mjs";
66
66
  const d3 = (t, o) => {
67
67
  const n = _1.includes(o) ? b1(t) : [], i = L1.includes(o) ? S1(t) : [], c = f1.includes(o) ? R1(t) : [];
68
68
  return [n, i, c].filter((l) => l.length > 0);
@@ -25,7 +25,6 @@ export declare class AccountStore {
25
25
  get debtAccounts(): DetailedAccount[];
26
26
  get finstrongAccounts(): DetailedAccount[];
27
27
  get investmentAccounts(): DetailedAccount[];
28
- get manualAccounts(): DetailedAccount[];
29
28
  get savingsAccounts(): DetailedAccount[];
30
29
  get retirementAccounts(): Account[];
31
30
  get visibleAccounts(): DetailedAccount[];
@@ -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-BbPS3Yxz.mjs";
31
+ import { A as N, W as Ye } from "../WidgetContainer-CYdQ0BSm.mjs";
32
32
  import { u as Ze } from "../BudgetUtil-BmZXkL0C.mjs";
33
33
  import { u as Te } from "../useWidgetLoadTimer-hIOioiKx.mjs";
34
34
  import { M as qe } from "../MiniWidgetContainer-98-hKFqm.mjs";
@@ -39,7 +39,7 @@ import De from "@mui/material/Snackbar";
39
39
  import ye 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 Ee, a as tt } from "../TransactionDetails-BDhz3DLT.mjs";
42
+ import { T as Ee, a as tt } from "../TransactionDetails-B9NQYa6j.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 Oe 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-CL3hv8i9.mjs";
51
+ import { M as st } from "../ManageIncome-Da1ktIdG.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__ */ g(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-Bmnnpb48.mjs";
21
+ import { R as et } from "../RecurringSettings-B4sByhIM.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-CL3hv8i9.mjs";
39
+ import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-Da1ktIdG.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-BbPS3Yxz.mjs";
43
+ import { W as ut, A as Ie } from "../WidgetContainer-CYdQ0BSm.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-BDhz3DLT.mjs";
48
+ import { S as ft, b as gt } from "../TransactionDetails-B9NQYa6j.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";