@mx-cartographer/experiences 7.13.17 → 7.13.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,56 +7,56 @@ import ue from "@mui/material/List";
7
7
  import ce from "@mui/material/Paper";
8
8
  import v from "@mui/material/Stack";
9
9
  import { useTheme as U, alpha as Ce } from "@mui/material/styles";
10
- import { P as j, Text as x, H2 as Be, MerchantLogo as Ne, Toast as $e, CategoryIcon as Ie, CategoryIconVariants as Oe, TextField as ve, Icon as le, IconWeight as xe } from "@mxenabled/mxui";
11
- import { g as Ke, C as Fe, a as He, b as Ue, i as Ve } from "./BudgetUtil-CLhRnCoX.mjs";
10
+ import { P as j, Text as x, H2 as Ge, MerchantLogo as Se, Toast as Be, CategoryIcon as Ne, CategoryIconVariants as De, TextField as Ie, Icon as le } from "@mxenabled/mxui";
11
+ import { g as $e, C as Ke, a as Fe, b as He, i as Ue } from "./BudgetUtil-CLhRnCoX.mjs";
12
12
  import oe from "@mui/material/Button";
13
- import We from "@mui/material/FormGroup";
13
+ import Ve from "@mui/material/FormGroup";
14
14
  import ae from "@mui/material/IconButton";
15
- import Le from "@mui/material/TextField";
15
+ import Oe from "@mui/material/TextField";
16
16
  import { u as pe } from "./useAriaLive-MkYebyUR.mjs";
17
17
  import { O as y } from "./Transaction-CqjlF6SO.mjs";
18
- import { u as S, h as O, m as Ye, d as ze, l as we, g as w, b as je, o as qe } from "./hooks-BxkfR-Ff.mjs";
18
+ import { u as S, h as O, m as Ye, d as ze, l as Le, g as w, b as We, o as je } from "./hooks-BxkfR-Ff.mjs";
19
19
  import { A as H } from "./Analytics-BYItVAe-.mjs";
20
- import Xe from "@mui/material/ToggleButton";
21
- import { ChevronRight as Re, Icon as D, Delete as _e, Cancel as me, Search as Je, Edit as Qe, Flag as Ze } from "@mxenabled/mx-icons";
22
- import { fromUnixTime as Ae } from "date-fns/fromUnixTime";
20
+ import qe from "@mui/material/ToggleButton";
21
+ import { ChevronRight as we, Icon as D, Delete as _e, Cancel as me, Search as Xe, Edit as Je, Flag as Qe } from "@mxenabled/mx-icons";
22
+ import { fromUnixTime as fe } from "date-fns/fromUnixTime";
23
23
  import V from "@mui/material/Avatar";
24
24
  import B from "@mui/material/ListItem";
25
- import W from "@mui/material/ListItemAvatar";
25
+ import Y from "@mui/material/ListItemAvatar";
26
26
  import $ from "@mui/material/ListItemText";
27
- import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
28
- import Y from "@mui/material/ListItemButton";
29
- import z from "@mui/material/ListItemIcon";
30
- import { a as Pe } from "./CategorySelectorDrawer-Dc9Widy9.mjs";
31
- import { b as et, T as tt, u as J } from "./StatusIndicator-CIKUOoN_.mjs";
27
+ import { f as Re, D as Me } from "./DateFormats-BMpMrZpW.mjs";
28
+ import z from "@mui/material/ListItemButton";
29
+ import W from "@mui/material/ListItemIcon";
30
+ import { a as ke } from "./CategorySelectorDrawer-Dc9Widy9.mjs";
31
+ import { b as Ze, T as et, u as J } from "./StatusIndicator-CIKUOoN_.mjs";
32
32
  import { D as X } from "./Dialog-Ck34yr-d.mjs";
33
33
  import { b as I } from "./Localization-CPkpIwIx.mjs";
34
- import { getUnixTime as rt } from "date-fns/getUnixTime";
34
+ import { getUnixTime as tt } from "date-fns/getUnixTime";
35
35
  import { D as ie } from "./Drawer-Bbe4AMB1.mjs";
36
36
  import { f as q } from "./NumberFormatting-QCaNwbjv.mjs";
37
- import nt from "@mui/material/styles/useTheme";
38
- import De from "@mui/material/InputAdornment";
39
- import at from "@mui/material/Checkbox";
40
- import { startOfMonth as ot } from "date-fns/startOfMonth";
41
- import { endOfMonth as it } from "date-fns/endOfMonth";
42
- import { i as st } from "./DateUtil-wcYTmDRD.mjs";
43
- import fe from "@mui/material/Grid";
44
- import { C as ct } from "./CurrencyInput-DuMktPu3.mjs";
45
- import lt from "@mui/material/Switch";
46
- import { L as dt } from "./Loader-D3rjKx72.mjs";
37
+ import rt from "@mui/material/styles/useTheme";
38
+ import Ee from "@mui/material/InputAdornment";
39
+ import nt from "@mui/material/Checkbox";
40
+ import { startOfMonth as at } from "date-fns/startOfMonth";
41
+ import { endOfMonth as ot } from "date-fns/endOfMonth";
42
+ import { i as it } from "./DateUtil-wcYTmDRD.mjs";
43
+ import xe from "@mui/material/Grid";
44
+ import { C as st } from "./CurrencyInput-DuMktPu3.mjs";
45
+ import ct from "@mui/material/Switch";
46
+ import { L as lt } from "./Loader-D3rjKx72.mjs";
47
47
  var ne = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(ne || {}), Z = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(Z || {});
48
- const ut = [
48
+ const dt = [
49
49
  0,
50
50
  1,
51
51
  2,
52
52
  3
53
53
  /* Tags */
54
- ], _t = [
54
+ ], ut = [
55
55
  1,
56
56
  2,
57
57
  3
58
58
  /* MerchantLogo */
59
- ], mt = ({
59
+ ], _t = ({
60
60
  startDate: t,
61
61
  onViewHistory: a,
62
62
  totalTransaction: i,
@@ -89,16 +89,16 @@ const ut = [
89
89
  px: 24
90
90
  },
91
91
  children: [
92
- /* @__PURE__ */ e(j, { bold: !0, variant: "subtitle1", children: st(t) }),
93
- a && /* @__PURE__ */ e(oe, { endIcon: /* @__PURE__ */ e(Re, {}), onClick: a, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: _.spending_history }) })
92
+ /* @__PURE__ */ e(j, { bold: !0, variant: "subtitle1", children: it(t) }),
93
+ a && /* @__PURE__ */ e(oe, { endIcon: /* @__PURE__ */ e(we, {}), onClick: a, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: _.spending_history }) })
94
94
  ]
95
95
  }
96
96
  ),
97
97
  /* @__PURE__ */ e(
98
- et,
98
+ Ze,
99
99
  {
100
100
  amount: /* @__PURE__ */ c(v, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
101
- /* @__PURE__ */ e(Be, { children: q(i, "0,0.00") }),
101
+ /* @__PURE__ */ e(Ge, { children: q(i, "0,0.00") }),
102
102
  /* @__PURE__ */ e(j, { color: "text.secondary", variant: "body2", children: "/" }),
103
103
  /* @__PURE__ */ e(j, { color: "text.secondary", variant: "body2", children: q(r, "0,0.00") })
104
104
  ] }),
@@ -121,7 +121,7 @@ const ut = [
121
121
  ]
122
122
  }
123
123
  ) });
124
- }, pt = ({
124
+ }, mt = ({
125
125
  merchantBudget: t,
126
126
  transaction: a,
127
127
  onClose: i,
@@ -129,7 +129,7 @@ const ut = [
129
129
  setCurrencyDialogAction: o,
130
130
  renderingToast: n
131
131
  }) => {
132
- const { budgets: s, common: l } = S(), { sortedTransactions: _ } = O(), u = d.useMemo(() => _.reduce((m, f) => f.parent_guid ? m : m + f.amount, 0), [_]), { remainingAmount: g, spentPercentage: p, iconColor: h } = Ke(
132
+ const { budgets: s, common: l } = S(), { sortedTransactions: _ } = O(), u = d.useMemo(() => _.reduce((m, f) => f.parent_guid ? m : m + f.amount, 0), [_]), { remainingAmount: g, spentPercentage: p, iconColor: h } = $e(
133
133
  u,
134
134
  t.amount ?? 0
135
135
  );
@@ -143,9 +143,9 @@ const ut = [
143
143
  },
144
144
  isOpen: r,
145
145
  onClose: i,
146
- onPrimaryAction: () => o(Se.EDIT),
146
+ onPrimaryAction: () => o(Ae.EDIT),
147
147
  onSecondaryAction: () => {
148
- o(Se.DELETE);
148
+ o(Ae.DELETE);
149
149
  },
150
150
  primaryText: s.details_edit_button,
151
151
  secondaryColor: "error",
@@ -158,11 +158,11 @@ const ut = [
158
158
  title: I(s.details_type_title, t.merchant_name),
159
159
  children: [
160
160
  /* @__PURE__ */ e(
161
- mt,
161
+ _t,
162
162
  {
163
163
  amount: t.amount,
164
164
  icon: /* @__PURE__ */ e(
165
- Ne,
165
+ Se,
166
166
  {
167
167
  categoryGuid: a.top_level_category_guid || "",
168
168
  merchantGuid: a.merchant_guid || ""
@@ -175,14 +175,14 @@ const ut = [
175
175
  totalTransaction: u
176
176
  }
177
177
  ),
178
- /* @__PURE__ */ e(tt, {}),
178
+ /* @__PURE__ */ e(et, {}),
179
179
  n?.()
180
180
  ]
181
181
  }
182
182
  );
183
- }, gt = E(pt);
184
- var Se = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Se || {});
185
- const ht = E(({ transaction: t }) => {
183
+ }, pt = E(mt);
184
+ var Ae = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Ae || {});
185
+ const gt = E(({ transaction: t }) => {
186
186
  const [a, i] = d.useState(null), [r, o] = d.useState(""), [n, s] = d.useState(!1), l = d.useRef(!1), [_, u] = d.useState(null), g = U(), {
187
187
  addMerchantBudget: p,
188
188
  updateMerchantBudget: h,
@@ -268,13 +268,13 @@ const ht = E(({ transaction: t }) => {
268
268
  }, P = async () => {
269
269
  if (l.current) return;
270
270
  l.current = !0;
271
- const { apiTrigger: M, successAlertMessage: G, errorAlertMessage: Te } = C[a], { isSuccess: be } = await M(), Ee = be ? G : Te;
272
- re(), s(!be), k(Ee), ge(Ee), be && a === "delete" && te(!1), l.current = !1;
271
+ const { apiTrigger: M, successAlertMessage: G, errorAlertMessage: Te } = C[a], { isSuccess: be } = await M(), ve = be ? G : Te;
272
+ re(), s(!be), k(ve), ge(ve), be && a === "delete" && te(!1), l.current = !1;
273
273
  };
274
274
  d.useEffect(() => {
275
275
  const M = {
276
- start: ot(new Date(t.date * 1e3)),
277
- end: it(new Date(t.date * 1e3))
276
+ start: at(new Date(t.date * 1e3)),
277
+ end: ot(new Date(t.date * 1e3))
278
278
  };
279
279
  ee && A({
280
280
  accounts: T.map((G) => G.guid),
@@ -283,7 +283,7 @@ const ht = E(({ transaction: t }) => {
283
283
  });
284
284
  }, [ee, t, T]);
285
285
  const N = () => /* @__PURE__ */ e(
286
- $e,
286
+ Be,
287
287
  {
288
288
  actionText: b.autogenerate_budgets_error_primary_button,
289
289
  autoHideDuration: 3500,
@@ -299,8 +299,8 @@ const ht = E(({ transaction: t }) => {
299
299
  );
300
300
  return /* @__PURE__ */ c(d.Fragment, { children: [
301
301
  he,
302
- /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(Y, { onClick: ye, children: [
303
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: R }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
302
+ /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(z, { onClick: ye, children: [
303
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: R }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
304
304
  /* @__PURE__ */ e(
305
305
  $,
306
306
  {
@@ -309,10 +309,10 @@ const ht = E(({ transaction: t }) => {
309
309
  secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: K ? `${q(K.amount, "0,0.00")} / ${Q.month_text}` : b.add_merchant_budget_secondary_text })
310
310
  }
311
311
  ),
312
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
312
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
313
313
  ] }) }),
314
314
  !!K && /* @__PURE__ */ e(
315
- gt,
315
+ pt,
316
316
  {
317
317
  isOpen: ee,
318
318
  merchantBudget: K,
@@ -325,7 +325,7 @@ const ht = E(({ transaction: t }) => {
325
325
  }
326
326
  ),
327
327
  a && /* @__PURE__ */ e(
328
- Fe,
328
+ Ke,
329
329
  {
330
330
  closeAriaLabel: Q.close_aria,
331
331
  content: C[a].content,
@@ -343,8 +343,8 @@ const ht = E(({ transaction: t }) => {
343
343
  ),
344
344
  !!L && N()
345
345
  ] });
346
- }), yt = ({ transaction: t }) => {
347
- const { addOrUpdateTransactionRule: a, updateTransaction: i } = O(), { categories: r } = we(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: n, updateManualTransaction: s } = J(), { transactions: l } = S(), _ = U(), [u, g] = d.useState(!1), [p, h] = d.useState(""), m = async (T) => {
346
+ }), ht = ({ transaction: t }) => {
347
+ const { addOrUpdateTransactionRule: a, updateTransaction: i } = O(), { categories: r } = Le(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: n, updateManualTransaction: s } = J(), { transactions: l } = S(), _ = U(), [u, g] = d.useState(!1), [p, h] = d.useState(""), m = async (T) => {
348
348
  await i({ ...t, category_guid: p }), T && await a(p, t), h(""), o(H.TRANSACTION_DETAILS_CLICK_CATEGORY, {
349
349
  transaction_guid: t.guid
350
350
  });
@@ -368,19 +368,19 @@ const ht = E(({ transaction: t }) => {
368
368
  ), A = _.palette.mode === "dark" ? "grey.800" : "grey.100";
369
369
  return /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
370
370
  /* @__PURE__ */ c(
371
- Y,
371
+ z,
372
372
  {
373
373
  onClick: () => {
374
374
  o(y.ON_TRANSACTION_CATEGORY_CLICK), g(!0);
375
375
  },
376
376
  children: [
377
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: A }, variant: "rounded", children: /* @__PURE__ */ e(
378
- Ie,
377
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: A }, variant: "rounded", children: /* @__PURE__ */ e(
378
+ Ne,
379
379
  {
380
380
  categoryGuid: t.top_level_category_guid,
381
381
  size: 24,
382
382
  sx: { color: "text.primary" },
383
- variant: Oe.Transparent
383
+ variant: De.Transparent
384
384
  }
385
385
  ) }) }),
386
386
  /* @__PURE__ */ e(
@@ -391,12 +391,12 @@ const ht = E(({ transaction: t }) => {
391
391
  secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.category ?? l.actions_select_a_category })
392
392
  }
393
393
  ),
394
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
394
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
395
395
  ]
396
396
  }
397
397
  ),
398
398
  /* @__PURE__ */ e(
399
- Pe,
399
+ ke,
400
400
  {
401
401
  initialSelected: t.category_guid,
402
402
  onClose: L,
@@ -428,9 +428,9 @@ const ht = E(({ transaction: t }) => {
428
428
  }
429
429
  )
430
430
  ] });
431
- }, Tt = ({ transaction: t }) => {
431
+ }, yt = ({ transaction: t }) => {
432
432
  const { onEvent: a } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: n } = S(), s = U(), [l, _] = d.useState(!1), [u, g] = d.useState(t.date), p = (f) => {
433
- g(rt(f));
433
+ g(tt(f));
434
434
  }, h = async () => {
435
435
  if (t.is_manual && !t.guid) {
436
436
  r({ ...t, date: u }), _(!1);
@@ -440,22 +440,22 @@ const ht = E(({ transaction: t }) => {
440
440
  }, m = s.palette.mode === "dark" ? "grey.800" : "grey.100";
441
441
  return /* @__PURE__ */ c(B, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
442
442
  /* @__PURE__ */ c(
443
- Y,
443
+ z,
444
444
  {
445
445
  onClick: () => {
446
446
  a(y.ON_TRANSACTION_DATE_CLICK), _(!0);
447
447
  },
448
448
  children: [
449
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: m }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
449
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: m }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
450
450
  /* @__PURE__ */ e(
451
451
  $,
452
452
  {
453
453
  primary: n.date_title,
454
454
  primaryTypographyProps: { variant: "caption" },
455
- secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Me(Ae(t.date), ke.YEAR_MONTH_DAY) })
455
+ secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Re(fe(t.date), Me.YEAR_MONTH_DAY) })
456
456
  }
457
457
  ),
458
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
458
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
459
459
  ]
460
460
  }
461
461
  ),
@@ -470,34 +470,34 @@ const ht = E(({ transaction: t }) => {
470
470
  secondaryText: o.cancel_button,
471
471
  title: n.date_edit_title,
472
472
  children: /* @__PURE__ */ e(v, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
473
- He,
473
+ Fe,
474
474
  {
475
- beginDate: Ae(u),
475
+ beginDate: fe(u),
476
476
  copy: {
477
477
  nextAria: n.date_next_aria,
478
478
  prevAria: n.date_prev_aria,
479
479
  today: o.date_range_picker.today
480
480
  },
481
481
  onDateSelected: p,
482
- selectionType: Ue.Single
482
+ selectionType: He.Single
483
483
  }
484
484
  ) })
485
485
  }
486
486
  )
487
487
  ] });
488
- }, bt = ({ transaction: t }) => {
488
+ }, Tt = ({ transaction: t }) => {
489
489
  const { onEvent: a } = w(), { removeTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: n } = S(), [s, l] = d.useState(!1), _ = async () => {
490
490
  await i(t.guid), a(y.ON_TRANSACTION_DELETE_DELETED);
491
491
  };
492
492
  return /* @__PURE__ */ c(F, { className: "mx-txn-delete", children: [
493
493
  t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
494
- Y,
494
+ z,
495
495
  {
496
496
  onClick: () => {
497
497
  a(y.ON_TRANSACTION_DELETE_CLICK), r(!0), l(!0);
498
498
  },
499
499
  children: [
500
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { variant: "rounded", children: /* @__PURE__ */ e(_e, { color: "secondary", fontSize: "small" }) }) }),
500
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { variant: "rounded", children: /* @__PURE__ */ e(_e, { color: "secondary", fontSize: "small" }) }) }),
501
501
  /* @__PURE__ */ e(
502
502
  $,
503
503
  {
@@ -505,7 +505,7 @@ const ht = E(({ transaction: t }) => {
505
505
  secondary: n.manual_transaction_delete_subtitle
506
506
  }
507
507
  ),
508
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(_e, {}) })
508
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(_e, {}) })
509
509
  ]
510
510
  }
511
511
  ) }),
@@ -525,7 +525,7 @@ const ht = E(({ transaction: t }) => {
525
525
  }
526
526
  )
527
527
  ] });
528
- }, Ct = E(bt), xt = ({ transaction: t }) => {
528
+ }, bt = E(Tt), Ct = ({ transaction: t }) => {
529
529
  const { onEvent: a } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: n } = S(), s = U(), [l, _] = d.useState(!1), u = async () => {
530
530
  await i({ ...t, merchant_guid: "" }), a(H.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
531
531
  transaction_guid: t.guid
@@ -533,15 +533,15 @@ const ht = E(({ transaction: t }) => {
533
533
  }, g = s.palette.mode === "dark" ? "grey.800" : "grey.100";
534
534
  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ c(B, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
535
535
  /* @__PURE__ */ c(
536
- Y,
536
+ z,
537
537
  {
538
538
  onClick: () => {
539
539
  a(y.ON_TRANSACTION_DELETE_LOGO_CLICK), _(!0);
540
540
  },
541
541
  children: [
542
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
542
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
543
543
  /* @__PURE__ */ e($, { primary: n.merchant_logo_title, secondary: n.merchant_logo_desc }),
544
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
544
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
545
545
  ]
546
546
  }
547
547
  ),
@@ -565,7 +565,7 @@ const ht = E(({ transaction: t }) => {
565
565
  }
566
566
  )
567
567
  ] }) });
568
- }, ft = E(xt), At = ({ transaction: t }) => {
568
+ }, xt = E(Ct), ft = ({ transaction: t }) => {
569
569
  const { onEvent: a } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: n } = S(), s = U(), [l, _] = d.useState(!1), u = t.is_hidden, g = async () => {
570
570
  await i({ ...t, is_hidden: !t.is_hidden }), a(
571
571
  u ? y.ON_TRANSACTION_UNHIDDEN : y.ON_TRANSACTION_HIDDEN
@@ -573,7 +573,7 @@ const ht = E(({ transaction: t }) => {
573
573
  }, p = s.palette.mode === "dark" ? "grey.800" : "grey.100";
574
574
  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ c(B, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
575
575
  /* @__PURE__ */ c(
576
- Y,
576
+ z,
577
577
  {
578
578
  "aria-checked": u,
579
579
  "aria-labelledby": "hide-transaction-text",
@@ -589,7 +589,7 @@ const ht = E(({ transaction: t }) => {
589
589
  },
590
590
  role: "switch",
591
591
  children: [
592
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(D, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(D, { name: "visibility", sx: { color: "text.primary" } }) }) }),
592
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(D, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(D, { name: "visibility", sx: { color: "text.primary" } }) }) }),
593
593
  /* @__PURE__ */ e(
594
594
  $,
595
595
  {
@@ -598,8 +598,8 @@ const ht = E(({ transaction: t }) => {
598
598
  secondary: u ? n.hide_trnx_desc_unhiding : n.hide_trnx_desc_hiding
599
599
  }
600
600
  ),
601
- /* @__PURE__ */ e(z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
602
- lt,
601
+ /* @__PURE__ */ e(W, { "aria-hidden": "true", children: /* @__PURE__ */ e(
602
+ ct,
603
603
  {
604
604
  checked: u,
605
605
  inputProps: { tabIndex: -1 },
@@ -630,11 +630,11 @@ const ht = E(({ transaction: t }) => {
630
630
  }
631
631
  )
632
632
  ] }) });
633
- }, St = E(At), Ge = ({ transaction: t }) => {
633
+ }, At = E(ft), Pe = ({ transaction: t }) => {
634
634
  const { amount: a, description: i, isIncome: r, merchant_guid: o, payee: n, top_level_category_guid: s } = t;
635
635
  return /* @__PURE__ */ c(v, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
636
636
  /* @__PURE__ */ e(
637
- Ne,
637
+ Se,
638
638
  {
639
639
  categoryGuid: s || "",
640
640
  merchantGuid: o || "",
@@ -649,7 +649,7 @@ const ht = E(({ transaction: t }) => {
649
649
  ] })
650
650
  ] })
651
651
  ] });
652
- }, Nt = ({ transaction: t }) => {
652
+ }, St = ({ transaction: t }) => {
653
653
  const { onEvent: a } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: n } = S(), s = U(), [l, _] = d.useState(!1), [u, g] = d.useState("");
654
654
  d.useEffect(() => {
655
655
  l && g(t.memo ? t.memo : "");
@@ -663,13 +663,13 @@ const ht = E(({ transaction: t }) => {
663
663
  }, h = s.palette.mode === "dark" ? "grey.800" : "grey.100";
664
664
  return /* @__PURE__ */ c(B, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
665
665
  /* @__PURE__ */ c(
666
- Y,
666
+ z,
667
667
  {
668
668
  onClick: () => {
669
669
  a(y.ON_TRANSACTION_MEMO_CLICK), _(!0);
670
670
  },
671
671
  children: [
672
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
672
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
673
673
  /* @__PURE__ */ e(
674
674
  $,
675
675
  {
@@ -686,7 +686,7 @@ const ht = E(({ transaction: t }) => {
686
686
  )
687
687
  }
688
688
  ),
689
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
689
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
690
690
  ]
691
691
  }
692
692
  ),
@@ -699,9 +699,9 @@ const ht = E(({ transaction: t }) => {
699
699
  onPrimaryAction: p,
700
700
  title: n.memo_title,
701
701
  children: [
702
- /* @__PURE__ */ e(Ge, { transaction: t }),
702
+ /* @__PURE__ */ e(Pe, { transaction: t }),
703
703
  /* @__PURE__ */ e(
704
- Le,
704
+ Oe,
705
705
  {
706
706
  "aria-label": n.memo_desc_aria,
707
707
  focused: !0,
@@ -718,7 +718,7 @@ const ht = E(({ transaction: t }) => {
718
718
  }
719
719
  )
720
720
  ] });
721
- }, It = E(Nt), vt = ({
721
+ }, Nt = E(St), It = ({
722
722
  index: t,
723
723
  onDeleteRow: a,
724
724
  onCategoryChanged: i,
@@ -729,14 +729,14 @@ const ht = E(({ transaction: t }) => {
729
729
  isNaN(Number(m)) || (_(m), r(t, Number(m)));
730
730
  };
731
731
  return /* @__PURE__ */ c(F, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
732
- /* @__PURE__ */ c(fe, { alignItems: p ? "center" : "start", container: !0, children: [
733
- /* @__PURE__ */ e(fe, { item: !0, xs: 7, children: /* @__PURE__ */ c(v, { alignItems: "start", children: [
732
+ /* @__PURE__ */ c(xe, { alignItems: p ? "center" : "start", container: !0, children: [
733
+ /* @__PURE__ */ e(xe, { item: !0, xs: 7, children: /* @__PURE__ */ c(v, { alignItems: "start", children: [
734
734
  /* @__PURE__ */ e(
735
735
  oe,
736
736
  {
737
- endIcon: /* @__PURE__ */ e(Re, {}),
737
+ endIcon: /* @__PURE__ */ e(we, {}),
738
738
  onClick: () => g(!0),
739
- startIcon: /* @__PURE__ */ e(Ie, { categoryGuid: o.top_level_category_guid }),
739
+ startIcon: /* @__PURE__ */ e(Ne, { categoryGuid: o.top_level_category_guid }),
740
740
  sx: { px: 12, py: 8 },
741
741
  children: o.category
742
742
  }
@@ -746,10 +746,10 @@ const ht = E(({ transaction: t }) => {
746
746
  /* @__PURE__ */ e(x, { variant: "body2", children: s.split_transaction_errors_select_category })
747
747
  ] }) })
748
748
  ] }) }),
749
- /* @__PURE__ */ e(fe, { item: !0, xs: 5, children: p ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: q(o.amount, "0,0.00") }) }) : /* @__PURE__ */ c(v, { alignItems: "start", children: [
749
+ /* @__PURE__ */ e(xe, { item: !0, xs: 5, children: p ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: q(o.amount, "0,0.00") }) }) : /* @__PURE__ */ c(v, { alignItems: "start", children: [
750
750
  /* @__PURE__ */ c(v, { alignItems: "start", direction: "row", gap: 8, children: [
751
751
  /* @__PURE__ */ e(
752
- ct,
752
+ st,
753
753
  {
754
754
  amount: l,
755
755
  ariaLabel: s.split_transaction_edit_split_amount,
@@ -783,7 +783,7 @@ const ht = E(({ transaction: t }) => {
783
783
  ] }) })
784
784
  ] }),
785
785
  /* @__PURE__ */ e(
786
- Pe,
786
+ ke,
787
787
  {
788
788
  initialSelected: o.category_guid,
789
789
  onClose: () => g(!1),
@@ -795,7 +795,7 @@ const ht = E(({ transaction: t }) => {
795
795
  }
796
796
  )
797
797
  ] });
798
- }, Et = E(vt), Dt = ({
798
+ }, vt = E(It), Et = ({
799
799
  onAddSplit: t,
800
800
  onCategoryChanged: a,
801
801
  onDeleteSplit: i,
@@ -818,7 +818,7 @@ const ht = E(({ transaction: t }) => {
818
818
  }, [o]), /* @__PURE__ */ c(F, { className: "mx-txn-split-manager", children: [
819
819
  p,
820
820
  o.map((h, m) => /* @__PURE__ */ e(
821
- Et,
821
+ vt,
822
822
  {
823
823
  index: m,
824
824
  onCategoryChanged: a,
@@ -843,8 +843,8 @@ const ht = E(({ transaction: t }) => {
843
843
  }
844
844
  ) })
845
845
  ] });
846
- }, Ot = E(Dt), Lt = ({ transaction: t }) => {
847
- const { onEvent: a } = w(), { announce: i, ariaLive: r } = pe(), { splitTransaction: o, unSplitTransaction: n } = O(), { common: s, transactions: l } = S(), { setShouldDisableDrawerScroll: _ } = J(), { categories: u } = we(), g = U(), p = {
846
+ }, Dt = E(Et), Ot = ({ transaction: t }) => {
847
+ const { onEvent: a } = w(), { announce: i, ariaLive: r } = pe(), { splitTransaction: o, unSplitTransaction: n } = O(), { common: s, transactions: l } = S(), { setShouldDisableDrawerScroll: _ } = J(), { categories: u } = Le(), g = U(), p = {
848
848
  ...t,
849
849
  amount: t.amount - 1,
850
850
  guid: "",
@@ -917,8 +917,8 @@ const ht = E(({ transaction: t }) => {
917
917
  return C || P;
918
918
  }, [A]), ye = g.palette.mode === "dark" ? "grey.800" : "grey.100";
919
919
  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
920
- /* @__PURE__ */ c(Y, { onClick: he, children: [
921
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
920
+ /* @__PURE__ */ c(z, { onClick: he, children: [
921
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
922
922
  /* @__PURE__ */ e(
923
923
  $,
924
924
  {
@@ -926,7 +926,7 @@ const ht = E(({ transaction: t }) => {
926
926
  secondary: t.has_been_split || t.parent_guid ? l.split_transaction_unsplit_subtitle : l.split_transaction_desc
927
927
  }
928
928
  ),
929
- /* @__PURE__ */ e(z, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(D, { name: "delete" }) : /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
929
+ /* @__PURE__ */ e(W, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(D, { name: "delete" }) : /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
930
930
  ] }),
931
931
  /* @__PURE__ */ c(
932
932
  ie,
@@ -941,9 +941,9 @@ const ht = E(({ transaction: t }) => {
941
941
  title: l.split_transaction_title,
942
942
  children: [
943
943
  r,
944
- /* @__PURE__ */ e(Ge, { transaction: t }),
944
+ /* @__PURE__ */ e(Pe, { transaction: t }),
945
945
  /* @__PURE__ */ e(
946
- Ot,
946
+ Dt,
947
947
  {
948
948
  onAddSplit: R,
949
949
  onCategoryChanged: ge,
@@ -977,8 +977,8 @@ const ht = E(({ transaction: t }) => {
977
977
  }
978
978
  )
979
979
  ] }) });
980
- }, wt = E(Lt), Rt = () => {
981
- const t = nt(), { onEvent: a } = w(), { addTag: i } = O(), { transactions: r } = S(), [o, n] = d.useState(!1), [s, l] = d.useState(""), [_, u] = d.useState(""), g = d.useRef(null);
980
+ }, Lt = E(Ot), wt = () => {
981
+ const t = rt(), { onEvent: a } = w(), { addTag: i } = O(), { transactions: r } = S(), [o, n] = d.useState(!1), [s, l] = d.useState(""), [_, u] = d.useState(""), g = d.useRef(null);
982
982
  d.useEffect(() => {
983
983
  o && g?.current?.focus();
984
984
  }, [o]);
@@ -1025,7 +1025,7 @@ const ht = E(({ transaction: t }) => {
1025
1025
  onSecondaryAction: () => n(!1),
1026
1026
  children: [
1027
1027
  /* @__PURE__ */ e(
1028
- ve,
1028
+ Ie,
1029
1029
  {
1030
1030
  "aria-label": r.tags_placeholder,
1031
1031
  name: "add-tag",
@@ -1040,7 +1040,7 @@ const ht = E(({ transaction: t }) => {
1040
1040
  }
1041
1041
  )
1042
1042
  ] });
1043
- }, Mt = E(Rt), kt = ({ onSearchValueChanged: t, searchValue: a }) => {
1043
+ }, Rt = E(wt), Mt = ({ onSearchValueChanged: t, searchValue: a }) => {
1044
1044
  const { common: i, transactions: r } = S(), o = /* @__PURE__ */ e(
1045
1045
  ae,
1046
1046
  {
@@ -1050,11 +1050,11 @@ const ht = E(({ transaction: t }) => {
1050
1050
  }
1051
1051
  );
1052
1052
  return /* @__PURE__ */ e(F, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
1053
- ve,
1053
+ Ie,
1054
1054
  {
1055
1055
  InputProps: {
1056
- startAdornment: /* @__PURE__ */ e(De, { position: "start", children: /* @__PURE__ */ e(Je, { color: "disabled" }) }),
1057
- endAdornment: /* @__PURE__ */ e(De, { position: "end", sx: { padding: 0 }, children: a ? o : null })
1056
+ startAdornment: /* @__PURE__ */ e(Ee, { position: "start", children: /* @__PURE__ */ e(Xe, { color: "disabled" }) }),
1057
+ endAdornment: /* @__PURE__ */ e(Ee, { position: "end", sx: { padding: 0 }, children: a ? o : null })
1058
1058
  },
1059
1059
  "aria-label": i.search_aria,
1060
1060
  name: "search",
@@ -1064,7 +1064,7 @@ const ht = E(({ transaction: t }) => {
1064
1064
  value: a
1065
1065
  }
1066
1066
  ) });
1067
- }, Pt = E(kt), Gt = ({ onTagChecked: t, selectedTags: a, tag: i }) => {
1067
+ }, kt = E(Mt), Pt = ({ onTagChecked: t, selectedTags: a, tag: i }) => {
1068
1068
  const { onEvent: r } = w(), { removeTag: o, updateTag: n } = O(), { common: s, transactions: l } = S(), [_, u] = d.useState(!1), [g, p] = d.useState(!1), [h, m] = d.useState(""), [f, L] = d.useState(""), k = async () => {
1069
1069
  r(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await n({ ...i, name: h }), u(!1);
1070
1070
  }, A = async () => {
@@ -1091,7 +1091,7 @@ const ht = E(({ transaction: t }) => {
1091
1091
  "aria-label": `Edit ${i.name} tag`,
1092
1092
  color: "secondary",
1093
1093
  onClick: T,
1094
- children: /* @__PURE__ */ e(Qe, { color: "secondary" })
1094
+ children: /* @__PURE__ */ e(Je, { color: "secondary" })
1095
1095
  }
1096
1096
  ),
1097
1097
  /* @__PURE__ */ e(
@@ -1106,14 +1106,14 @@ const ht = E(({ transaction: t }) => {
1106
1106
  ] }),
1107
1107
  children: [
1108
1108
  /* @__PURE__ */ c(
1109
- Y,
1109
+ z,
1110
1110
  {
1111
1111
  "aria-checked": a.includes(i.guid),
1112
1112
  onClick: () => t(i.guid),
1113
1113
  role: "checkbox",
1114
1114
  children: [
1115
- /* @__PURE__ */ e(z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
1116
- at,
1115
+ /* @__PURE__ */ e(W, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
1116
+ nt,
1117
1117
  {
1118
1118
  "aria-hidden": !0,
1119
1119
  checked: a.includes(i.guid),
@@ -1135,7 +1135,7 @@ const ht = E(({ transaction: t }) => {
1135
1135
  onSecondaryAction: () => u(!1),
1136
1136
  children: [
1137
1137
  /* @__PURE__ */ e(
1138
- ve,
1138
+ Ie,
1139
1139
  {
1140
1140
  "aria-describedby": f ? "update-tag-error" : void 0,
1141
1141
  "aria-label": l.tags_update_the_tag_name,
@@ -1166,25 +1166,25 @@ const ht = E(({ transaction: t }) => {
1166
1166
  ]
1167
1167
  }
1168
1168
  );
1169
- }, Bt = E(Gt), $t = ({ selectedTags: t, onTagChecked: a }) => {
1169
+ }, Gt = E(Pt), Bt = ({ selectedTags: t, onTagChecked: a }) => {
1170
1170
  const { tags: i } = O(), [r, o] = d.useState(""), n = i.filter(
1171
1171
  (s) => s.name.toLowerCase().includes(r.toLowerCase())
1172
1172
  );
1173
1173
  return /* @__PURE__ */ c("div", { className: "mx-txn-tag-manager", children: [
1174
1174
  /* @__PURE__ */ e(
1175
- Pt,
1175
+ kt,
1176
1176
  {
1177
1177
  onSearchValueChanged: (s) => o(s),
1178
1178
  searchValue: r
1179
1179
  }
1180
1180
  ),
1181
- /* @__PURE__ */ e(Mt, {}),
1181
+ /* @__PURE__ */ e(Rt, {}),
1182
1182
  /* @__PURE__ */ e(ce, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(ue, { children: n.map((s) => /* @__PURE__ */ c(d.Fragment, { children: [
1183
- /* @__PURE__ */ e(Bt, { onTagChecked: a, selectedTags: t, tag: s }),
1183
+ /* @__PURE__ */ e(Gt, { onTagChecked: a, selectedTags: t, tag: s }),
1184
1184
  /* @__PURE__ */ e(de, { sx: { ml: 24 } })
1185
1185
  ] }, s.guid)) }) })
1186
1186
  ] });
1187
- }, Kt = E($t), Ft = ({ transaction: t }) => {
1187
+ }, $t = E(Bt), Kt = ({ transaction: t }) => {
1188
1188
  const { onEvent: a } = w(), { tags: i, updateTaggings: r, updateTransaction: o } = O(), { common: n, transactions: s } = S(), { updateManualTransaction: l } = J(), _ = U(), [u, g] = d.useState(!1), [p, h] = d.useState(t.tags);
1189
1189
  d.useEffect(() => {
1190
1190
  h(t.tags);
@@ -1206,13 +1206,13 @@ const ht = E(({ transaction: t }) => {
1206
1206
  ), k = _.palette.mode === "dark" ? "grey.800" : "grey.100";
1207
1207
  return /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
1208
1208
  /* @__PURE__ */ c(
1209
- Y,
1209
+ z,
1210
1210
  {
1211
1211
  onClick: () => {
1212
1212
  a(y.ON_TRANSACTION_TAGS_CLICK), g(!0);
1213
1213
  },
1214
1214
  children: [
1215
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
1215
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
1216
1216
  /* @__PURE__ */ e(
1217
1217
  $,
1218
1218
  {
@@ -1221,7 +1221,7 @@ const ht = E(({ transaction: t }) => {
1221
1221
  secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? L : s.tags_desc })
1222
1222
  }
1223
1223
  ),
1224
- /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
1224
+ /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
1225
1225
  ]
1226
1226
  }
1227
1227
  ),
@@ -1235,11 +1235,11 @@ const ht = E(({ transaction: t }) => {
1235
1235
  primaryText: n.save_button,
1236
1236
  secondaryText: n.cancel_button,
1237
1237
  title: s.tags_title,
1238
- children: /* @__PURE__ */ e(Kt, { onTagChecked: m, selectedTags: p })
1238
+ children: /* @__PURE__ */ e($t, { onTagChecked: m, selectedTags: p })
1239
1239
  }
1240
1240
  )
1241
1241
  ] });
1242
- }, Ht = E(Ft), Ut = ({ transaction: t, viewOnly: a = !1 }) => {
1242
+ }, Ft = E(Kt), Ht = ({ transaction: t, viewOnly: a = !1 }) => {
1243
1243
  const { updateTransaction: i } = O(), { common: r, transactions: o } = S(), { onEvent: n } = w(), { announce: s, ariaLive: l } = pe(), [_, u] = d.useState(!1), [g, p] = d.useState(""), h = d.useRef(null);
1244
1244
  d.useEffect(() => {
1245
1245
  _ && (p(t.description), h?.current?.focus());
@@ -1253,9 +1253,9 @@ const ht = E(({ transaction: t }) => {
1253
1253
  };
1254
1254
  return /* @__PURE__ */ c(F, { className: "mx-txn-transaction-description", children: [
1255
1255
  l,
1256
- _ ? /* @__PURE__ */ c(We, { row: !0, children: [
1256
+ _ ? /* @__PURE__ */ c(Ve, { row: !0, children: [
1257
1257
  /* @__PURE__ */ e(
1258
- Le,
1258
+ Oe,
1259
1259
  {
1260
1260
  "aria-label": o.payee_title,
1261
1261
  id: "transaction-description-input",
@@ -1300,12 +1300,12 @@ const ht = E(({ transaction: t }) => {
1300
1300
  )
1301
1301
  ] })
1302
1302
  ] });
1303
- }, Vt = E(Ut), Wt = ({ transaction: t }) => {
1303
+ }, Ut = E(Ht), Vt = ({ transaction: t }) => {
1304
1304
  const { updateTransaction: a } = O(), { transactions: i } = S(), { onEvent: r } = w(), o = U(), n = o.palette.mode === "dark", s = async () => {
1305
1305
  r(H.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await a({ ...t, is_flagged: !t.is_flagged });
1306
1306
  };
1307
1307
  return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
1308
- Xe,
1308
+ qe,
1309
1309
  {
1310
1310
  "aria-label": i.flag_btn_aria,
1311
1311
  "aria-pressed": t.is_flagged,
@@ -1329,12 +1329,12 @@ const ht = E(({ transaction: t }) => {
1329
1329
  }
1330
1330
  },
1331
1331
  value: "flagged",
1332
- children: /* @__PURE__ */ e(Ze, { color: "inherit" })
1332
+ children: /* @__PURE__ */ e(Qe, { color: "inherit" })
1333
1333
  }
1334
1334
  ) });
1335
- }, Yt = E(Wt), se = (t, a, i, r = !0, o = "inset") => r ? /* @__PURE__ */ c(d.Fragment, { children: [
1335
+ }, Yt = E(Vt), se = (t, a, i, r = !0, o = "inset") => r ? /* @__PURE__ */ c(d.Fragment, { children: [
1336
1336
  /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
1337
- /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
1337
+ /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
1338
1338
  /* @__PURE__ */ e(
1339
1339
  $,
1340
1340
  {
@@ -1353,63 +1353,63 @@ const ht = E(({ transaction: t }) => {
1353
1353
  return /* @__PURE__ */ c(ue, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
1354
1354
  se(
1355
1355
  /* @__PURE__ */ e(
1356
- Ie,
1356
+ Ne,
1357
1357
  {
1358
1358
  categoryGuid: t.top_level_category_guid,
1359
1359
  size: 24,
1360
1360
  sx: { color: "text.primary" },
1361
- variant: Oe.Transparent
1361
+ variant: De.Transparent
1362
1362
  }
1363
1363
  ),
1364
1364
  a.category_title,
1365
1365
  /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.category ?? a.actions_select_a_category })
1366
1366
  ),
1367
1367
  se(
1368
- /* @__PURE__ */ e(le, { name: "calendar_month", sx: { color: "text.primary" }, weight: xe.Dark }),
1368
+ /* @__PURE__ */ e(le, { name: "calendar_month", sx: { color: "text.primary" } }),
1369
1369
  a.date_title,
1370
- /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: Me(Ae(t.date), ke.YEAR_MONTH_DAY) })
1370
+ /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: Re(fe(t.date), Me.YEAR_MONTH_DAY) })
1371
1371
  ),
1372
1372
  se(
1373
- /* @__PURE__ */ e(le, { name: "article", sx: { color: "text.primary" }, weight: xe.Dark }),
1373
+ /* @__PURE__ */ e(le, { name: "article", sx: { color: "text.primary" } }),
1374
1374
  a.memo_title,
1375
1375
  /* @__PURE__ */ e(x, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "body1", children: t.memo ?? a.memo_desc }),
1376
1376
  !!t.memo,
1377
1377
  t.tags?.length > 0 ? "inset" : "fullWidth"
1378
1378
  ),
1379
1379
  se(
1380
- /* @__PURE__ */ e(le, { name: "local_offer", sx: { color: "text.primary" }, weight: xe.Dark }),
1380
+ /* @__PURE__ */ e(le, { name: "local_offer", sx: { color: "text.primary" } }),
1381
1381
  a.tags_title,
1382
1382
  /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.tags?.length ? r : a.tags_desc }),
1383
1383
  !!t.tags?.length,
1384
1384
  "fullWidth"
1385
1385
  )
1386
1386
  ] });
1387
- }, jt = E(zt), qt = ({
1388
- bottomActions: t = _t,
1387
+ }, Wt = E(zt), jt = ({
1388
+ bottomActions: t = ut,
1389
1389
  canFlagTransaction: a = !0,
1390
- topActions: i = ut,
1390
+ topActions: i = dt,
1391
1391
  transaction: r
1392
1392
  }) => {
1393
- const { onEvent: o } = w(), { isCopyLoaded: n } = je(), { userFeatures: s } = qe(), { accounts: l } = S(), _ = U(), u = r?.number && r.number.length > 4;
1393
+ const { onEvent: o } = w(), { isCopyLoaded: n } = We(), { userFeatures: s } = je(), { accounts: l } = S(), _ = U(), u = r?.number && r.number.length > 4;
1394
1394
  d.useEffect(
1395
1395
  () => o(H.TRANSACTION_DETAILS_VIEW, { transaction_guid: r.guid }),
1396
1396
  []
1397
1397
  );
1398
1398
  const g = t.includes(Z.MerchantBudget) && !r?.merchant_guid ? t.filter((m) => m !== Z.MerchantBudget) : t;
1399
1399
  if (!n)
1400
- return /* @__PURE__ */ e(dt, {});
1401
- const p = Ve(s, "MX_TXN_DETAILS_VIEW_ONLY"), h = _.palette.mode === "dark" ? "grey.800" : "grey.100";
1400
+ return /* @__PURE__ */ e(lt, {});
1401
+ const p = Ue(s, "MX_TXN_DETAILS_VIEW_ONLY"), h = _.palette.mode === "dark" ? "grey.800" : "grey.100";
1402
1402
  return /* @__PURE__ */ e(F, { className: "mx-txn-transaction-details", width: "100%", children: r && /* @__PURE__ */ c(v, { children: [
1403
1403
  /* @__PURE__ */ c(v, { gap: 12, p: 24, children: [
1404
1404
  /* @__PURE__ */ e(ce, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
1405
- Ne,
1405
+ Se,
1406
1406
  {
1407
1407
  categoryGuid: r.top_level_category_guid || "",
1408
1408
  merchantGuid: r.merchant_guid || "",
1409
1409
  size: 64
1410
1410
  }
1411
1411
  ) }),
1412
- /* @__PURE__ */ e(Vt, { transaction: r, viewOnly: p }),
1412
+ /* @__PURE__ */ e(Ut, { transaction: r, viewOnly: p }),
1413
1413
  /* @__PURE__ */ c(v, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
1414
1414
  /* @__PURE__ */ c(j, { color: r.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
1415
1415
  r.isIncome ? "+" : "",
@@ -1423,11 +1423,11 @@ const ht = E(({ transaction: t }) => {
1423
1423
  /* @__PURE__ */ e(x, { bold: !0, variant: "tiny", children: r.feed_description })
1424
1424
  ] })
1425
1425
  ] }),
1426
- /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: p ? /* @__PURE__ */ e(jt, { transaction: r }) : /* @__PURE__ */ e(ue, { children: i.map((m, f) => /* @__PURE__ */ c(d.Fragment, { children: [
1427
- m === ne.Category && /* @__PURE__ */ e(yt, { transaction: r }),
1428
- m === ne.Date && /* @__PURE__ */ e(Tt, { transaction: r }),
1429
- m === ne.Memo && /* @__PURE__ */ e(It, { transaction: r }),
1430
- m === ne.Tags && /* @__PURE__ */ e(Ht, { transaction: r }),
1426
+ /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: p ? /* @__PURE__ */ e(Wt, { transaction: r }) : /* @__PURE__ */ e(ue, { children: i.map((m, f) => /* @__PURE__ */ c(d.Fragment, { children: [
1427
+ m === ne.Category && /* @__PURE__ */ e(ht, { transaction: r }),
1428
+ m === ne.Date && /* @__PURE__ */ e(yt, { transaction: r }),
1429
+ m === ne.Memo && /* @__PURE__ */ e(Nt, { transaction: r }),
1430
+ m === ne.Tags && /* @__PURE__ */ e(Ft, { transaction: r }),
1431
1431
  /* @__PURE__ */ e(
1432
1432
  de,
1433
1433
  {
@@ -1440,10 +1440,10 @@ const ht = E(({ transaction: t }) => {
1440
1440
  /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: l.actions }),
1441
1441
  /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ c(ue, { children: [
1442
1442
  g.map((m, f) => /* @__PURE__ */ c(d.Fragment, { children: [
1443
- m === Z.MerchantBudget && /* @__PURE__ */ e(ht, { transaction: r }),
1444
- m === Z.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: r }),
1445
- m === Z.HideTransaction && /* @__PURE__ */ e(St, { transaction: r }),
1446
- m === Z.MerchantLogo && /* @__PURE__ */ e(ft, { transaction: r }),
1443
+ m === Z.MerchantBudget && /* @__PURE__ */ e(gt, { transaction: r }),
1444
+ m === Z.SplitTransaction && /* @__PURE__ */ e(Lt, { transaction: r }),
1445
+ m === Z.HideTransaction && /* @__PURE__ */ e(At, { transaction: r }),
1446
+ m === Z.MerchantLogo && /* @__PURE__ */ e(xt, { transaction: r }),
1447
1447
  /* @__PURE__ */ e(
1448
1448
  de,
1449
1449
  {
@@ -1452,18 +1452,18 @@ const ht = E(({ transaction: t }) => {
1452
1452
  }
1453
1453
  )
1454
1454
  ] }, m)),
1455
- r.is_manual && !r.parent_guid && !r.has_been_split && /* @__PURE__ */ e(Ct, { transaction: r })
1455
+ r.is_manual && !r.parent_guid && !r.has_been_split && /* @__PURE__ */ e(bt, { transaction: r })
1456
1456
  ] }) })
1457
1457
  ] })
1458
1458
  ] }) });
1459
- }, Hr = E(qt);
1459
+ }, Fr = E(jt);
1460
1460
  export {
1461
1461
  Z as B,
1462
- yt as C,
1463
- Tt as D,
1464
- It as M,
1465
- Hr as T,
1466
- Ht as a,
1462
+ ht as C,
1463
+ yt as D,
1464
+ Nt as M,
1465
+ Fr as T,
1466
+ Ft as a,
1467
1467
  ne as b,
1468
- mt as c
1468
+ _t as c
1469
1469
  };