@mx-cartographer/experiences 7.11.20 → 7.11.21

package/dist/TransactionDetails-BEKQKH03.mjs

@@ -1,1261 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import c from "react";
-import { observer as f } from "mobx-react-lite";
-import U from "@mui/material/Box";
-import re from "@mui/material/Divider";
-import ne from "@mui/material/List";
-import te from "@mui/material/Paper";
-import v from "@mui/material/Stack";
-import { useTheme as V } from "@mui/material/styles";
-import { CategoryIcon as he, CategoryIconVariants as Ce, Text as C, P as X, MerchantLogo as Se, TextField as ye, Icon as ae, IconWeight as ue, Toast as ke } from "@mxenabled/mxui";
-import { C as Pe, a as Me, b as Ge, i as Be } from "./User-BIgPTsU6.mjs";
-import se from "@mui/material/Button";
-import $e from "@mui/material/FormGroup";
-import J from "@mui/material/IconButton";
-import be from "@mui/material/TextField";
-import { u as le } from "./useAriaLive-MkYebyUR.mjs";
-import { O as y } from "./Transaction-BR682Yj5.mjs";
-import { h as D, m as xe, g as O, u as A, i as Ke, b as Fe, o as He } from "./hooks-zu7yblbi.mjs";
-import { A as G } from "./Analytics-i5h6BxR1.mjs";
-import Ue from "@mui/material/ToggleButton";
-import fe from "@mui/material/styles/useTheme";
-import { Icon as E, Delete as oe, ChevronRight as Ve, Cancel as ie, Search as ze, Edit as We, Flag as Ye } from "@mxenabled/mx-icons";
-import { fromUnixTime as ge } from "date-fns/fromUnixTime";
-import B from "@mui/material/Avatar";
-import P from "@mui/material/ListItem";
-import $ from "@mui/material/ListItemAvatar";
-import M from "@mui/material/ListItemText";
-import { f as Ae, D as Ne } from "./DateFormats-BMpMrZpW.mjs";
-import K from "@mui/material/ListItemButton";
-import F from "@mui/material/ListItemIcon";
-import { f as Q } from "./NumberFormatting-QCaNwbjv.mjs";
-import { b as R } from "./Localization-CPkpIwIx.mjs";
-import { a as Ie } from "./CategorySelectorDrawer-Blb22HWt.mjs";
-import { u as W } from "./TransactionList-CXiLG0Ur.mjs";
-import { D as z } from "./Dialog-DdCwLgrl.mjs";
-import { getUnixTime as Xe } from "date-fns/getUnixTime";
-import { D as ce } from "./Drawer-DV4NTsFg.mjs";
-import Te from "@mui/material/InputAdornment";
-import je from "@mui/material/Checkbox";
-import pe from "@mui/material/Grid";
-import { C as qe } from "./CurrencyInput-bcKNJ22c.mjs";
-import Je from "@mui/material/Switch";
-import { L as Qe } from "./Loader-D3rjKx72.mjs";
-var j = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(j || {}), q = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(q || {});
-const Ze = [
-  0,
-  1,
-  2,
-  3
-  /* Tags */
-], et = [
-  1,
-  2,
-  3
-  /* MerchantLogo */
-], tt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: o, updateTransaction: i } = D(), { categories: a } = xe(), { onEvent: r } = O(), { setShouldDisableDrawerScroll: n, updateManualTransaction: s } = W(), { transactions: d } = A(), u = V(), [_, g] = c.useState(!1), [m, p] = c.useState(""), h = async (T) => {
-    await i({ ...t, category_guid: m }), T && await o(m, t), p(""), r(G.TRANSACTION_DETAILS_CLICK_CATEGORY, {
-      transaction_guid: t.guid
-    });
-  }, N = (T) => {
-    if (t.is_manual && !t.guid) {
-      const w = a.find((k) => k.guid === T);
-      s({
-        ...t,
-        category: w?.name,
-        category_guid: T,
-        top_level_category_guid: w?.parent_guid || T
-      });
-    } else
-      p(T);
-    b();
-  }, b = () => {
-    g(!1), n(!1);
-  }, L = c.useMemo(
-    () => a.find((T) => T.guid === m),
-    [m]
-  ), S = u.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(P, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          r(y.ON_TRANSACTION_CATEGORY_CLICK), g(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: S }, variant: "rounded", children: /* @__PURE__ */ e(
-            he,
-            {
-              categoryGuid: t.top_level_category_guid,
-              size: 24,
-              sx: { color: "text.primary" },
-              variant: Ce.Transparent
-            }
-          ) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              primary: d.category_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(C, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.category ?? d.actions_select_a_category })
-            }
-          ),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ie,
-      {
-        initialSelected: t.category_guid,
-        onClose: b,
-        onSelect: N,
-        showDrawer: _,
-        title: d.actions_select_a_category
-      }
-    ),
-    /* @__PURE__ */ e(
-      z,
-      {
-        copy: {
-          title: R(
-            d.actions_apply_to_all_transaction_types,
-            t.description
-          )
-        },
-        isOpen: !!m,
-        onClose: () => p(""),
-        onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => h(!1),
-        primaryText: d.actions_apply_to_all,
-        secondaryText: d.actions_this_time_only,
-        children: /* @__PURE__ */ e(X, { variant: "Paragraph", children: R(
-          d.actions_all_past_and_future,
-          t.description,
-          L?.name
-        ) })
-      }
-    )
-  ] });
-}, at = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { updateTransaction: i } = D(), { updateManualTransaction: a } = W(), { common: r, transactions: n } = A(), s = V(), [d, u] = c.useState(!1), [_, g] = c.useState(t.date), m = (N) => {
-    g(Xe(N));
-  }, p = async () => {
-    if (t.is_manual && !t.guid) {
-      a({ ...t, date: _ }), u(!1);
-      return;
-    }
-    await i({ ...t, date: _ }), o(G.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), u(!1);
-  }, h = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(P, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          o(y.ON_TRANSACTION_DATE_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              primary: n.date_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(C, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: Ae(ge(t.date), Ne.YEAR_MONTH_DAY) })
-            }
-          ),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ce,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: d,
-        onClose: () => u(!1),
-        onPrimaryAction: p,
-        primaryText: r.save_button,
-        secondaryText: r.cancel_button,
-        title: n.date_edit_title,
-        children: /* @__PURE__ */ e(v, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
-          Pe,
-          {
-            beginDate: ge(_),
-            copy: {
-              nextAria: n.date_next_aria,
-              prevAria: n.date_prev_aria,
-              today: r.date_range_picker.today
-            },
-            onDateSelected: m,
-            selectionType: Me.Single
-          }
-        ) })
-      }
-    )
-  ] });
-}, rt = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { removeTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = W(), { common: r, transactions: n } = A(), [s, d] = c.useState(!1), u = async () => {
-    await i(t.guid), o(y.ON_TRANSACTION_DELETE_DELETED);
-  };
-  return /* @__PURE__ */ l(U, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(P, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          o(y.ON_TRANSACTION_DELETE_CLICK), a(!0), d(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { variant: "rounded", children: /* @__PURE__ */ e(oe, { color: "secondary", fontSize: "small" }) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              primary: n.manual_transaction_delete_title,
-              secondary: n.manual_transaction_delete_subtitle
-            }
-          ),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(oe, {}) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      z,
-      {
-        copy: { title: n.manual_transaction_delete_title },
-        isOpen: s,
-        onClose: () => {
-          a(!1), d(!1);
-        },
-        onPrimaryAction: u,
-        onSecondaryAction: () => o(y.ON_TRANSACTION_DELETE_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(C, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: n.manual_transaction_delete_description })
-      }
-    )
-  ] });
-}, nt = f(rt), ot = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = W(), { common: r, transactions: n } = A(), s = V(), [d, u] = c.useState(!1), _ = async () => {
-    await i({ ...t, merchant_guid: "" }), o(G.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
-      transaction_guid: t.guid
-    });
-  }, g = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ l(P, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          o(y.ON_TRANSACTION_DELETE_LOGO_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "delete", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(M, { primary: n.merchant_logo_title, secondary: n.merchant_logo_desc }),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ l(
-      z,
-      {
-        copy: { title: n.merchant_logo_modal_title },
-        isOpen: d,
-        onClose: () => {
-          a(!1), u(!1);
-        },
-        onPrimaryAction: _,
-        onSecondaryAction: () => o(y.ON_TRANSACTION_DELETE_LOGO_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        title: n.merchant_logo_modal_title,
-        children: [
-          /* @__PURE__ */ e(C, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: n.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(C, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${n.merchant_logo_modal_desc_bold}` })
-        ]
-      }
-    )
-  ] }) });
-}, it = f(ot), st = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = W(), { common: r, transactions: n } = A(), s = V(), [d, u] = c.useState(!1), _ = t.is_hidden, g = async () => {
-    await i({ ...t, is_hidden: !t.is_hidden }), o(
-      _ ? y.ON_TRANSACTION_UNHIDDEN : y.ON_TRANSACTION_HIDDEN
-    );
-  }, m = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ l(P, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        "aria-checked": _,
-        "aria-labelledby": "hide-transaction-text",
-        onClick: () => {
-          o(
-            _ ? y.ON_TRANSACTION_UNHIDE_CLICK : y.ON_TRANSACTION_HIDE_CLICK
-          ), o(
-            _ ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
-            {
-              transaction_guid: t.guid
-            }
-          ), u(!0);
-        },
-        role: "switch",
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: m }, variant: "rounded", children: _ ? /* @__PURE__ */ e(E, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(E, { name: "visibility", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              id: "hide-transaction-text",
-              primary: _ ? n.hide_trnx_subtitle_unhide_trnx : n.hide_trnx_subtitle_hide_trnx,
-              secondary: _ ? n.hide_trnx_desc_unhiding : n.hide_trnx_desc_hiding
-            }
-          ),
-          /* @__PURE__ */ e(F, { "aria-hidden": "true", children: /* @__PURE__ */ e(
-            Je,
-            {
-              checked: _,
-              inputProps: { tabIndex: -1 },
-              sx: { pointerEvents: "none" },
-              tabIndex: -1
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      z,
-      {
-        copy: {
-          title: _ ? n.hide_trnx_subtitle_unhide_trnx : n.hide_trnx_subtitle_hide_trnx
-        },
-        isOpen: d,
-        onClose: () => {
-          a(!1), u(!1);
-        },
-        onPrimaryAction: g,
-        onSecondaryAction: () => o(
-          _ ? y.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : y.ON_TRANSACTION_HIDE_CANCEL_CLICK
-        ),
-        primaryText: _ ? r.unhide_button : r.hide_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(C, { truncate: !1, variant: "Paragraph", children: _ ? n.hide_trnx_desc_unhiding : n.hide_trnx_desc_hiding })
-      }
-    )
-  ] }) });
-}, lt = f(st), ve = ({ transaction: t }) => {
-  const { amount: o, description: i, isIncome: a, merchant_guid: r, payee: n, top_level_category_guid: s } = t;
-  return /* @__PURE__ */ l(v, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
-    /* @__PURE__ */ e(
-      Se,
-      {
-        categoryGuid: s || "",
-        merchantGuid: r || "",
-        size: 64
-      }
-    ),
-    /* @__PURE__ */ l(v, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(C, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || n }),
-      /* @__PURE__ */ l(X, { color: a ? "success.main" : "text.primary", truncate: !0, variant: "H1", children: [
-        a ? "+" : "",
-        Q(o, "0,0.00")
-      ] })
-    ] })
-  ] });
-}, ct = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { updateTransaction: i } = D(), { updateManualTransaction: a } = W(), { common: r, transactions: n } = A(), s = V(), [d, u] = c.useState(!1), [_, g] = c.useState("");
-  c.useEffect(() => {
-    d && g(t.memo ? t.memo : "");
-  }, [d]);
-  const m = async () => {
-    if (t.is_manual && !t.guid) {
-      a({ ...t, memo: _ }), u(!1);
-      return;
-    }
-    await i({ ...t, memo: _ }), o(G.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), u(!1);
-  }, p = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(P, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          o(y.ON_TRANSACTION_MEMO_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "article", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              primary: n.memo_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(
-                C,
-                {
-                  bold: !0,
-                  sx: { overflowWrap: "break-word", whiteSpace: "wrap", color: "text.primary" },
-                  variant: "Body",
-                  children: t.memo ? t.memo : n.memo_desc
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ l(
-      ce,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: d,
-        onClose: () => u(!1),
-        onPrimaryAction: m,
-        title: n.memo_title,
-        children: [
-          /* @__PURE__ */ e(ve, { transaction: t }),
-          /* @__PURE__ */ e(
-            be,
-            {
-              "aria-label": n.memo_desc_aria,
-              focused: !0,
-              multiline: !0,
-              name: "memo",
-              onChange: (h) => g(h.target.value),
-              placeholder: n.memo_desc,
-              rows: 4,
-              sx: { mx: 16, width: "calc(100% - 32px)" },
-              value: _
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, dt = f(ct), _t = ({
-  index: t,
-  onDeleteRow: o,
-  onCategoryChanged: i,
-  onUpdateAmount: a,
-  split: r
-}) => {
-  const { onEvent: n } = O(), { transactions: s } = A(), [d, u] = c.useState(`${r.amount}`), [_, g] = c.useState(!1), m = t === 0, p = (h) => {
-    isNaN(Number(h)) || (u(h), a(t, Number(h)));
-  };
-  return /* @__PURE__ */ l(U, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
-    /* @__PURE__ */ l(pe, { alignItems: m ? "center" : "start", container: !0, children: [
-      /* @__PURE__ */ e(pe, { item: !0, xs: 7, children: /* @__PURE__ */ l(v, { alignItems: "start", children: [
-        /* @__PURE__ */ e(
-          se,
-          {
-            endIcon: /* @__PURE__ */ e(Ve, {}),
-            onClick: () => g(!0),
-            startIcon: /* @__PURE__ */ e(he, { categoryGuid: r.top_level_category_guid }),
-            sx: { px: 12, py: 8 },
-            children: r.category
-          }
-        ),
-        /* @__PURE__ */ e(U, { children: !r.category_guid && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
-          /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(ie, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(C, { variant: "Small", children: s.split_transaction_errors_select_category })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ e(pe, { item: !0, xs: 5, children: m ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(C, { children: Q(r.amount, "0,0.00") }) }) : /* @__PURE__ */ l(v, { alignItems: "start", children: [
-        /* @__PURE__ */ l(v, { alignItems: "start", direction: "row", gap: 8, children: [
-          /* @__PURE__ */ e(
-            qe,
-            {
-              amount: d,
-              ariaLabel: s.split_transaction_edit_split_amount,
-              label: s.split_transaction_edit_split_amount,
-              minAmount: 0.01,
-              name: "split-amount-input",
-              setAmount: p,
-              sx: {
-                ".MuiOutlinedInput-input": { p: 12 }
-              },
-              type: "number"
-            }
-          ),
-          /* @__PURE__ */ e(
-            J,
-            {
-              "aria-label": s.split_transaction_delete_split_btn,
-              color: "secondary",
-              onClick: () => {
-                n(y.ON_TRANSACTION_SPLIT_DELETE_CLICK), o(t);
-              },
-              sx: { w: 44, h: 44 },
-              children: /* @__PURE__ */ e(oe, {})
-            }
-          )
-        ] }),
-        !d && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
-          /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(ie, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(C, { variant: "Small", children: s.split_transaction_errors_enter_an_amount })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      Ie,
-      {
-        initialSelected: r.category_guid,
-        onClose: () => g(!1),
-        onSelect: (h) => {
-          i(t, h), g(!1);
-        },
-        showDrawer: _,
-        title: s.actions_select_a_category
-      }
-    )
-  ] });
-}, mt = f(_t), ut = ({
-  onAddSplit: t,
-  onCategoryChanged: o,
-  onDeleteSplit: i,
-  onUpdateAmount: a,
-  splits: r,
-  transaction: n
-}) => {
-  const { transactions: s } = A(), { onEvent: d } = O(), [u, _] = c.useState(""), { announce: g, ariaLive: m } = le();
-  return c.useEffect(() => {
-    if (r.length <= 1)
-      _(s.split_transaction_errors_min_splits), g(s.split_transaction_errors_min_splits);
-    else if (r[0].amount < 0) {
-      const p = R(
-        s.split_transaction_errors_totals_must_equal_amount,
-        Q(n.amount, "0,0.00")
-      );
-      _(p), g(p);
-    } else
-      _(""), g("");
-  }, [r]), /* @__PURE__ */ l(U, { className: "mx-txn-split-manager", children: [
-    m,
-    r.map((p, h) => /* @__PURE__ */ e(
-      mt,
-      {
-        index: h,
-        onCategoryChanged: o,
-        onDeleteRow: i,
-        onUpdateAmount: a,
-        split: p
-      },
-      h
-    )),
-    u && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, p: 16, children: [
-      /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(ie, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(C, { variant: "Small", children: u })
-    ] }),
-    /* @__PURE__ */ e(U, { p: 16, children: /* @__PURE__ */ e(
-      se,
-      {
-        "aria-label": s.split_transaction_add_split_btn,
-        onClick: () => {
-          d(y.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
-        },
-        children: s.split_transaction_add_split_btn
-      }
-    ) })
-  ] });
-}, pt = f(ut), gt = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { announce: i, ariaLive: a } = le(), { splitTransaction: r, unSplitTransaction: n } = D(), { common: s, transactions: d } = A(), { setShouldDisableDrawerScroll: u } = W(), { categories: _ } = xe(), g = V(), m = {
-    ...t,
-    amount: t.amount - 1,
-    guid: "",
-    has_been_split: !1,
-    parent_guid: t.guid
-  }, p = {
-    ...t,
-    amount: 1,
-    category_guid: void 0,
-    category: d.split_transaction_select_category_btn,
-    guid: "",
-    has_been_split: !1,
-    parent_guid: t.guid,
-    top_level_category_guid: void 0
-  }, [h, N] = c.useState(!1), [b, L] = c.useState(!1), [S, T] = c.useState([]), w = () => {
-    const x = [...S];
-    x.push({ ...p }), x[0].amount -= 1, T(x), i(
-      R(
-        d.split_transaction_add_split_announcement,
-        x.length
-      )
-    );
-  }, k = (x) => {
-    if (x > 0) {
-      const H = S[x], I = [...S];
-      I.splice(x, 1), I[0].amount += H.amount, T(I), i(
-        R(d.split_transaction_delete_split_announcement, x + 1)
-      );
-    }
-  }, Z = (x, H) => {
-    const I = [...S];
-    I[x].amount = H, I[0].amount = t.amount - I.reduce(
-      (Y, me, Re) => Y + (Re !== 0 ? me.amount : 0),
-      0
-    ), T(I);
-  }, de = (x, H) => {
-    const I = [...S], Y = _.find((me) => me.guid === H);
-    Y && (I[x] = {
-      ...I[x],
-      category_guid: H,
-      category: Y.name,
-      top_level_category_guid: Y.parent_guid || H
-    }, T(I), i(
-      R(
-        d.split_transaction_select_category_announcement,
-        Y.name,
-        x + 1
-      )
-    ));
-  }, _e = () => {
-    if (t.parent_guid || t.has_been_split) {
-      L(!0);
-      return;
-    }
-    T([{ ...m }, { ...p }]), o(G.TRANSACTION_DETAILS_CLICK_SPLIT, {
-      transaction_guid: t.guid
-    }), N(!0);
-  }, Ee = async () => {
-    o(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, S), N(!1);
-  }, Oe = async () => {
-    o(y.ON_TRANSACTION_SPLIT_CANCEL_CLICK), T([{ ...m }, { ...p }]), N(!1);
-  }, De = async () => {
-    o(G.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
-      transaction_guid: t.guid
-    });
-    const x = t.parent_guid ?? t.guid;
-    await n(x);
-  }, Le = c.useMemo(() => {
-    const x = S.some((I) => !I.category_guid), H = S.some((I) => I.amount <= 0);
-    return x || H;
-  }, [S]), we = g.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ l(P, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(K, { onClick: _e, children: [
-      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: we }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "call_split", sx: { color: "text.primary" } }) }) }),
-      /* @__PURE__ */ e(
-        M,
-        {
-          primary: t.has_been_split || t.parent_guid ? d.split_transaction_unsplit_title : d.split_transaction_title,
-          secondary: t.has_been_split || t.parent_guid ? d.split_transaction_unsplit_subtitle : d.split_transaction_desc
-        }
-      ),
-      /* @__PURE__ */ e(F, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(E, { name: "delete" }) : /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-    ] }),
-    /* @__PURE__ */ l(
-      ce,
-      {
-        ariaLabelClose: s.close_aria,
-        isOpen: h,
-        isPrimaryDisabled: Le,
-        onClose: Oe,
-        onPrimaryAction: Ee,
-        primaryText: s.save_button,
-        secondaryText: s.cancel_button,
-        title: d.split_transaction_title,
-        children: [
-          a,
-          /* @__PURE__ */ e(ve, { transaction: t }),
-          /* @__PURE__ */ e(
-            pt,
-            {
-              onAddSplit: w,
-              onCategoryChanged: de,
-              onDeleteSplit: k,
-              onUpdateAmount: Z,
-              splits: S,
-              transaction: t
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      z,
-      {
-        copy: { title: d.split_transaction_unsplit_title },
-        isOpen: b,
-        onClose: () => {
-          u(!1), L(!1);
-        },
-        onPrimaryAction: De,
-        onSecondaryAction: () => {
-          o(y.ON_TRANSACTION_UNSPLIT_CANCEL);
-        },
-        primaryText: s.delete_button,
-        secondaryText: s.cancel_button,
-        children: /* @__PURE__ */ e(X, { variant: "Paragraph", children: R(
-          d.split_transaction_unsplit_description,
-          t.description
-        ) })
-      }
-    )
-  ] }) });
-}, ht = f(gt), yt = () => {
-  const t = fe(), { onEvent: o } = O(), { addTag: i } = D(), { transactions: a } = A(), [r, n] = c.useState(!1), [s, d] = c.useState(""), [u, _] = c.useState(""), g = c.useRef(null);
-  c.useEffect(() => {
-    r && g?.current?.focus();
-  }, [r]);
-  const m = () => {
-    o(
-      r ? y.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : y.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
-    ), r || d(""), n(!r);
-  }, p = async () => {
-    o(y.ON_TRANSACTION_TAGS_TAG_ADDED), await i(s), n(!1);
-  };
-  return c.useEffect(() => {
-    _(s.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [s]), /* @__PURE__ */ l(U, { className: "mx-txn-tag-manager-header", children: [
-    /* @__PURE__ */ l(
-      v,
-      {
-        alignItems: "center",
-        bgcolor: t.palette.background.default,
-        direction: "row",
-        justifyContent: "space-between",
-        px: 24,
-        py: 16,
-        children: [
-          /* @__PURE__ */ e(C, { bold: !0, children: a.tags_your_tags }),
-          /* @__PURE__ */ e(
-            se,
-            {
-              "aria-expanded": r,
-              "aria-label": a.tags_add_tag_btn_aria,
-              onClick: m,
-              children: a.tags_add_tag_btn
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ l(
-      z,
-      {
-        copy: { title: a.tags_add_tag_btn },
-        isOpen: r,
-        onClose: () => n(!1),
-        onPrimaryAction: p,
-        onSecondaryAction: () => n(!1),
-        children: [
-          /* @__PURE__ */ e(
-            ye,
-            {
-              "aria-label": a.tags_placeholder,
-              name: "add-tag",
-              onChange: (h) => d(h.target.value),
-              placeholder: a.tags_placeholder,
-              sx: { width: "100%" },
-              value: s
-            }
-          ),
-          /* @__PURE__ */ e(X, { id: "add-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: u })
-        ]
-      }
-    )
-  ] });
-}, Tt = f(yt), Ct = ({ onSearchValueChanged: t, searchValue: o }) => {
-  const { common: i, transactions: a } = A(), r = /* @__PURE__ */ e(
-    J,
-    {
-      "aria-label": a.tags_cancel_search || "Search",
-      onClick: () => t(""),
-      children: /* @__PURE__ */ e(ie, {})
-    }
-  );
-  return /* @__PURE__ */ e(U, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
-    ye,
-    {
-      InputProps: {
-        startAdornment: /* @__PURE__ */ e(Te, { position: "start", children: /* @__PURE__ */ e(ze, { color: "disabled" }) }),
-        endAdornment: /* @__PURE__ */ e(Te, { position: "end", sx: { padding: 0 }, children: o ? r : null })
-      },
-      "aria-label": i.search_aria,
-      name: "search",
-      onChange: (n) => t(n.target.value),
-      placeholder: i.search_placeholder,
-      sx: { bgcolor: "background.paper", width: "100%" },
-      value: o
-    }
-  ) });
-}, St = f(Ct), bt = ({ onTagChecked: t, selectedTags: o, tag: i }) => {
-  const { onEvent: a } = O(), { removeTag: r, updateTag: n } = D(), { common: s, transactions: d } = A(), [u, _] = c.useState(!1), [g, m] = c.useState(!1), [p, h] = c.useState(""), [N, b] = c.useState(""), L = async () => {
-    a(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await n({ ...i, name: p }), _(!1);
-  }, S = async () => {
-    a(y.ON_TRANSACTION_TAGS_TAG_DELETED), await r(i.guid), m(!1);
-  };
-  c.useEffect(() => {
-    b(p.length > 40 ? d.tags_error_name_must_be_40_chars : "");
-  }, [p]);
-  const T = () => {
-    a(y.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(i.name), _(!0);
-  }, w = () => {
-    a(y.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), m(!0);
-  };
-  return /* @__PURE__ */ l(
-    P,
-    {
-      className: "mx-txn-transaction-manager-row",
-      disableGutters: !0,
-      disablePadding: !0,
-      secondaryAction: !i.is_default_tag && /* @__PURE__ */ l(v, { direction: "row", children: [
-        /* @__PURE__ */ e(
-          J,
-          {
-            "aria-label": `Edit ${i.name} tag`,
-            color: "secondary",
-            onClick: T,
-            children: /* @__PURE__ */ e(We, { color: "secondary" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          J,
-          {
-            "aria-label": `Delete ${i.name} tag`,
-            color: "secondary",
-            onClick: w,
-            children: /* @__PURE__ */ e(oe, { color: "secondary" })
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ l(
-          K,
-          {
-            "aria-checked": o.includes(i.guid),
-            onClick: () => t(i.guid),
-            role: "checkbox",
-            children: [
-              /* @__PURE__ */ e(F, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
-                je,
-                {
-                  "aria-hidden": !0,
-                  checked: o.includes(i.guid),
-                  edge: "start",
-                  tabIndex: -1
-                }
-              ) }),
-              /* @__PURE__ */ e(M, { children: i.name })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l(
-          z,
-          {
-            copy: { title: "Update tag name" },
-            isOpen: u,
-            onClose: () => _(!1),
-            onPrimaryAction: L,
-            onSecondaryAction: () => _(!1),
-            children: [
-              /* @__PURE__ */ e(
-                ye,
-                {
-                  "aria-describedby": N ? "update-tag-error" : void 0,
-                  "aria-label": d.tags_update_the_tag_name,
-                  name: "update-tag",
-                  onChange: (k) => h(k.target.value),
-                  placeholder: "Tag name",
-                  sx: { width: "100%" },
-                  value: p
-                }
-              ),
-              /* @__PURE__ */ e(X, { id: "update-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: N })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          z,
-          {
-            copy: { title: d.tags_delete_title },
-            isOpen: g,
-            onClose: () => m(!1),
-            onPrimaryAction: S,
-            onSecondaryAction: () => a(y.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
-            primaryText: s.delete_button,
-            secondaryText: s.cancel_button,
-            children: /* @__PURE__ */ e(C, { truncate: !1, children: d.tags_deleting_this_tag_will_remove_it })
-          }
-        )
-      ]
-    }
-  );
-}, xt = f(bt), ft = ({ selectedTags: t, onTagChecked: o }) => {
-  const { tags: i } = D(), [a, r] = c.useState(""), n = i.filter(
-    (s) => s.name.toLowerCase().includes(a.toLowerCase())
-  );
-  return /* @__PURE__ */ l("div", { className: "mx-txn-tag-manager", children: [
-    /* @__PURE__ */ e(
-      St,
-      {
-        onSearchValueChanged: (s) => r(s),
-        searchValue: a
-      }
-    ),
-    /* @__PURE__ */ e(Tt, {}),
-    /* @__PURE__ */ e(te, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(ne, { children: n.map((s) => /* @__PURE__ */ l(c.Fragment, { children: [
-      /* @__PURE__ */ e(xt, { onTagChecked: o, selectedTags: t, tag: s }),
-      /* @__PURE__ */ e(re, { sx: { ml: 24 } })
-    ] }, s.guid)) }) })
-  ] });
-}, At = f(ft), Nt = ({ transaction: t }) => {
-  const { onEvent: o } = O(), { tags: i, updateTaggings: a, updateTransaction: r } = D(), { common: n, transactions: s } = A(), { updateManualTransaction: d } = W(), u = V(), [_, g] = c.useState(!1), [m, p] = c.useState(t.tags);
-  c.useEffect(() => {
-    p(t.tags);
-  }, [_, t]);
-  const h = (S) => {
-    const T = [...m], w = m.indexOf(S);
-    w >= 0 ? T.splice(w, 1) : T.push(S), p(T);
-  }, N = async () => {
-    if (t.is_manual && !t.guid) {
-      d({ ...t, tags: m }), g(!1);
-      return;
-    }
-    await a(m, t.guid), await r({ ...t, tags: m }), o(G.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), g(!1);
-  }, b = c.useMemo(
-    () => t.tags.map(
-      (S, T, w) => `${i.find((k) => k.guid === S)?.name}${T < w.length - 1 ? " / " : ""}`
-    ),
-    [i, t]
-  ), L = u.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(P, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(
-      K,
-      {
-        onClick: () => {
-          o(y.ON_TRANSACTION_TAGS_CLICK), g(!0);
-        },
-        children: [
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: L }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            M,
-            {
-              primary: s.tags_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(C, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.tags?.length > 0 ? b : s.tags_desc })
-            }
-          ),
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ce,
-      {
-        ariaLabelClose: n.close_aria,
-        isOpen: _,
-        onClose: () => g(!1),
-        onPrimaryAction: N,
-        primaryText: n.save_button,
-        secondaryText: n.cancel_button,
-        title: s.tags_title,
-        children: /* @__PURE__ */ e(At, { onTagChecked: h, selectedTags: m })
-      }
-    )
-  ] });
-}, It = f(Nt), vt = ({ transaction: t, viewOnly: o = !1 }) => {
-  const { updateTransaction: i } = D(), { common: a, transactions: r } = A(), { onEvent: n } = O(), { announce: s, ariaLive: d } = le(), [u, _] = c.useState(!1), [g, m] = c.useState(""), p = c.useRef(null);
-  c.useEffect(() => {
-    u && (m(t.description), p?.current?.focus());
-  }, [u]);
-  const h = () => {
-    _(!0), n(y.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
-  }, N = async () => {
-    n(G.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
-      transaction_guid: t.guid
-    }), await i({ ...t, description: g }), _(!1), s(`${r.payee_title}: ${g}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
-  };
-  return /* @__PURE__ */ l(U, { className: "mx-txn-transaction-description", children: [
-    d,
-    u ? /* @__PURE__ */ l($e, { row: !0, children: [
-      /* @__PURE__ */ e(
-        be,
-        {
-          "aria-label": r.payee_title,
-          id: "transaction-description-input",
-          inputProps: { maxLength: 140 },
-          label: r.payee_title,
-          name: r.payee_title,
-          onChange: (b) => m(b.target.value),
-          ref: p,
-          sx: {
-            backgroundColor: "background.paper",
-            ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
-            ".MuiOutlinedInput-input": { p: 11 },
-            width: 250
-          },
-          value: g
-        }
-      ),
-      /* @__PURE__ */ e(
-        se,
-        {
-          disabled: !g,
-          onClick: N,
-          sx: {
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0
-          },
-          variant: "outlined",
-          children: a.save_button
-        }
-      )
-    ] }) : /* @__PURE__ */ l(v, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
-      /* @__PURE__ */ e(C, { bold: !0, children: t.description }),
-      !o && /* @__PURE__ */ e(
-        J,
-        {
-          "aria-label": r.payee_edit,
-          id: "transaction-description-edit-button",
-          onClick: h,
-          sx: { color: "action.active" },
-          children: /* @__PURE__ */ e(ae, { name: "create", size: 22 })
-        }
-      )
-    ] })
-  ] });
-}, Et = f(vt), Ot = ({ transaction: t }) => {
-  const { updateTransaction: o } = D(), { transactions: i } = A(), { onEvent: a } = O(), r = fe(), n = async () => {
-    a(G.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await o({ ...t, is_flagged: !t.is_flagged });
-  };
-  return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
-    Ue,
-    {
-      "aria-label": i.flag_btn_aria,
-      "aria-pressed": t.is_flagged,
-      color: "warning",
-      onClick: n,
-      selected: t.is_flagged,
-      sx: {
-        borderRadius: 6,
-        color: r.palette.secondary.main,
-        "&.Mui-selected": {
-          color: r.palette.common.white,
-          backgroundColor: r.palette.warning.dark,
-          ":hover": {
-            color: r.palette.common.white,
-            backgroundColor: r.palette.warning.main
-          }
-        },
-        ":hover": {
-          color: r.palette.warning.contrastText,
-          backgroundColor: r.palette.warning.light
-        }
-      },
-      value: "flagged",
-      children: /* @__PURE__ */ e(Ye, { color: "inherit" })
-    }
-  ) });
-}, Dt = f(Ot), ee = (t, o, i, a = !0, r = "inset") => a ? /* @__PURE__ */ l(c.Fragment, { children: [
-  /* @__PURE__ */ l(P, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
-    /* @__PURE__ */ e(
-      M,
-      {
-        primary: o,
-        primaryTypographyProps: { variant: "XSmall" },
-        secondary: i
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(re, { variant: r })
-] }) : null, Lt = ({ transaction: t }) => {
-  const { transactions: o } = A(), { tags: i } = D(), a = c.useMemo(() => {
-    const r = new Map(i.map((n) => [n.guid, n.name]));
-    return t.tags.map((n) => r.get(n)).filter(Boolean).join(" / ");
-  }, [i, t.tags]);
-  return /* @__PURE__ */ l(ne, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
-    ee(
-      /* @__PURE__ */ e(
-        he,
-        {
-          categoryGuid: t.top_level_category_guid,
-          size: 24,
-          sx: { color: "text.primary" },
-          variant: Ce.Transparent
-        }
-      ),
-      o.category_title,
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.category ?? o.actions_select_a_category })
-    ),
-    ee(
-      /* @__PURE__ */ e(ae, { name: "calendar_month", sx: { color: "text.primary" }, weight: ue.Dark }),
-      o.date_title,
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: Ae(ge(t.date), Ne.YEAR_MONTH_DAY) })
-    ),
-    ee(
-      /* @__PURE__ */ e(ae, { name: "article", sx: { color: "text.primary" }, weight: ue.Dark }),
-      o.memo_title,
-      /* @__PURE__ */ e(C, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "Body", children: t.memo ?? o.memo_desc }),
-      !!t.memo,
-      t.tags?.length > 0 ? "inset" : "fullWidth"
-    ),
-    ee(
-      /* @__PURE__ */ e(ae, { name: "local_offer", sx: { color: "text.primary" }, weight: ue.Dark }),
-      o.tags_title,
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.tags?.length ? a : o.tags_desc }),
-      !!t.tags?.length,
-      "fullWidth"
-    )
-  ] });
-}, wt = f(Lt), Rt = f(({ transaction: t }) => {
-  const [o, i] = c.useState(!1), [a, r] = c.useState(""), [n, s] = c.useState(!1), [d, u] = c.useState(!1), _ = V(), { addMerchantBudget: g, getMerchantBudgetByMerchantGuid: m, alert: p, setAlert: h } = Ke(), N = _.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: b, common: L } = A(), { announce: S, ariaLive: T } = le(), w = () => {
-    i(!0);
-  }, k = t?.merchant_guid ? m(t.merchant_guid) : void 0, Z = () => {
-    i(!1), r("");
-  }, de = async () => {
-    if (d) return;
-    u(!0);
-    const { isSuccess: _e } = await g(t.merchant_guid, Number(a));
-    _e ? (s(!1), h(
-      R(b.alert_budget_created, t.description)
-    ), S(
-      R(b.alert_budget_created, t.description)
-    )) : (s(!0), h(
-      R(
-        b.alert_merchant_budget_not_created,
-        t.description
-      )
-    ), S(
-      R(
-        b.alert_merchant_budget_not_created,
-        t.description
-      )
-    )), Z(), u(!1);
-  };
-  return /* @__PURE__ */ l(c.Fragment, { children: [
-    T,
-    t && /* @__PURE__ */ e(P, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(K, { onClick: w, children: [
-      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(B, { sx: { bgcolor: N }, variant: "rounded", children: /* @__PURE__ */ e(E, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
-      /* @__PURE__ */ e(
-        M,
-        {
-          primary: b.add_merchant_budget_primary_text,
-          primaryTypographyProps: { variant: "caption" },
-          secondary: /* @__PURE__ */ e(C, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: k ? `${Q(k.amount, "0,0.00")} / ${L.month_text}` : b.add_merchant_budget_secondary_text })
-        }
-      ),
-      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(E, { name: "chevron_right", sx: { color: "text.primary" } }) })
-    ] }) }),
-    /* @__PURE__ */ e(
-      Ge,
-      {
-        closeAriaLabel: L.close_aria,
-        content: R(
-          b.create_budget_content,
-          /* @__PURE__ */ e("b", { children: t.description }),
-          t.amount
-        ),
-        handleInputChange: r,
-        handleModalClose: Z,
-        handlePrimaryAction: de,
-        handleSecondaryAction: () => i(!1),
-        inputLabel: L.amount_text,
-        inputValue: a,
-        isOpen: o && !k,
-        primaryText: b.dialog_primary_button_text,
-        secondaryText: L.cancel_button,
-        title: b.dialog_create_budget_title
-      }
-    ),
-    !!p && /* @__PURE__ */ e(
-      ke,
-      {
-        actionText: b.autogenerate_budgets_error_primary_button,
-        "aria-label": p,
-        "aria-live": n ? "assertive" : "polite",
-        autoHideDuration: 3500,
-        handleClose: () => h(""),
-        message: p,
-        multiLine: !0,
-        onActionClick: () => i(!0),
-        open: !!p,
-        severity: n ? "error" : "success",
-        showAction: n,
-        showClose: !0,
-        snackbarSx: {
-          //TODO - remove the customization and update the Toast component in MXUI to handle multi-line messages and long action text
-          "& .MuiAlert-root": {
-            alignItems: "self-start",
-            minHeight: 0,
-            "& .MuiAlert-message": {
-              pt: 8
-            }
-          },
-          "&.MuiSnackbar-root": {
-            width: "fit-content"
-          },
-          "& .MuiAlert-action .MuiStack-root": {
-            flexDirection: "row",
-            display: "flex",
-            alignItems: "center",
-            width: "max-content"
-          }
-        }
-      }
-    )
-  ] });
-}), kt = ({
-  bottomActions: t = et,
-  canFlagTransaction: o = !0,
-  topActions: i = Ze,
-  transaction: a
-}) => {
-  const { onEvent: r } = O(), { isCopyLoaded: n } = Fe(), { userFeatures: s } = He(), d = V(), u = a?.number && a.number.length > 4;
-  if (c.useEffect(
-    () => r(G.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
-    []
-  ), !n)
-    return /* @__PURE__ */ e(Qe, {});
-  const _ = Be(s, "MX_TXN_DETAILS_VIEW_ONLY"), g = d.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(U, { className: "mx-txn-transaction-details", width: "100%", children: a && /* @__PURE__ */ l(v, { children: [
-    /* @__PURE__ */ l(v, { gap: 12, p: 24, children: [
-      /* @__PURE__ */ e(te, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
-        Se,
-        {
-          categoryGuid: a.top_level_category_guid || "",
-          merchantGuid: a.merchant_guid || "",
-          size: 64
-        }
-      ) }),
-      /* @__PURE__ */ e(Et, { transaction: a, viewOnly: _ }),
-      /* @__PURE__ */ l(v, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
-        /* @__PURE__ */ l(X, { color: a.isIncome ? "success.main" : "text.primary", variant: "H1", children: [
-          a.isIncome ? "+" : "",
-          Q(a.amount, "0,0.00")
-        ] }),
-        !_ && o && /* @__PURE__ */ e(Dt, { transaction: a })
-      ] }),
-      /* @__PURE__ */ l(v, { sx: { bgcolor: g, borderRadius: "4px", gap: 4, p: 8 }, children: [
-        /* @__PURE__ */ e(C, { bold: !0, children: `${a.account}
-                ${u ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
-        /* @__PURE__ */ e(C, { bold: !0, variant: "Tiny", children: a.feed_description })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(te, { square: !0, sx: { boxShadow: "none" }, children: _ ? /* @__PURE__ */ e(wt, { transaction: a }) : /* @__PURE__ */ e(ne, { children: i.map((m, p) => /* @__PURE__ */ l(c.Fragment, { children: [
-      m === j.Category && /* @__PURE__ */ e(tt, { transaction: a }),
-      m === j.Date && /* @__PURE__ */ e(at, { transaction: a }),
-      m === j.Memo && /* @__PURE__ */ e(dt, { transaction: a }),
-      m === j.Tags && /* @__PURE__ */ e(It, { transaction: a }),
-      /* @__PURE__ */ e(re, { variant: p < i.length - 1 ? "inset" : "fullWidth" })
-    ] }, m)) }) }),
-    !_ && t.length > 0 && /* @__PURE__ */ l(c.Fragment, { children: [
-      /* @__PURE__ */ e(C, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
-      /* @__PURE__ */ e(te, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ l(ne, { children: [
-        t.map((m, p) => /* @__PURE__ */ l(c.Fragment, { children: [
-          m === q.MerchantBudget && /* @__PURE__ */ e(Rt, { transaction: a }),
-          m === q.SplitTransaction && /* @__PURE__ */ e(ht, { transaction: a }),
-          m === q.HideTransaction && /* @__PURE__ */ e(lt, { transaction: a }),
-          m === q.MerchantLogo && /* @__PURE__ */ e(it, { transaction: a }),
-          /* @__PURE__ */ e(re, { variant: p < t.length - 1 ? "inset" : "fullWidth" })
-        ] }, m)),
-        a.is_manual && !a.parent_guid && !a.has_been_split && /* @__PURE__ */ e(nt, { transaction: a })
-      ] }) })
-    ] })
-  ] }) });
-}, Aa = f(kt);
-export {
-  q as B,
-  tt as C,
-  at as D,
-  dt as M,
-  Aa as T,
-  It as a,
-  j as b
-};