@mx-cartographer/experiences 7.10.30 → 7.10.32

package/dist/TransactionDetails-BYKl7pix.mjs

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