@mx-cartographer/experiences 6.26.18-alpha.mega4 → 6.26.18-alpha.sms1

package/dist/TransactionDetails-B5qfs9Zh.mjs

@@ -1,1283 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import d from "react";
-import { observer as b } from "mobx-react-lite";
-import { useVirtualizer as ve } from "@tanstack/react-virtual";
-import E from "@mui/material/Box";
-import te from "@mui/material/Divider";
-import ne from "@mui/material/List";
-import { MerchantLogo as me, Icon as f, Text as T, useTokens as Z, CategoryIcon as ye, CategoryIconVariants as we, IconWeight as k, P as oe, H1 as Ce, TextField as pe } from "@mxenabled/mxui";
-import F from "@mui/material/ListItemAvatar";
-import K from "@mui/material/ListItemText";
-import C from "@mui/material/Stack";
-import { T as Le, L as Re, O as g, C as ke, b as Pe } from "./Transaction-C-5-Iuab.mjs";
-import { G as Ge, n as v, u as N, g as w, k as fe, a as Me } from "./hooks-ClhFlg78.mjs";
-import { f as J } from "./NumberFormatting-CtWHhyBX.mjs";
-import Ke from "@mui/icons-material/ReceiptOutlined";
-import { fromUnixTime as W } from "date-fns/fromUnixTime";
-import { isSameDay as be } from "date-fns/isSameDay";
-import { h as $e } from "./DateUtil-BcuH7ErC.mjs";
-import { L as Ae } from "./Loader-Dp1P2gNw.mjs";
-import { A as G } from "./WidgetContainer-CmGNZW0M.mjs";
-import Q from "@mui/material/Paper";
-import ie from "@mui/material/Button";
-import Fe from "@mui/material/FormGroup";
-import q from "@mui/material/IconButton";
-import Ie from "@mui/material/TextField";
-import He from "@mui/icons-material/FlagOutlined";
-import ze from "@mui/material/ToggleButton";
-import Ne from "@mui/material/styles/useTheme";
-import X from "@mui/material/Avatar";
-import H from "@mui/material/ListItem";
-import z from "@mui/material/ListItemButton";
-import B from "@mui/material/ListItemIcon";
-import { a as xe } from "./CategorySelectorDrawer-DgrePTRg.mjs";
-import { a as U, f as Be, D as Ue } from "./Dialog-CWW597AF.mjs";
-import { b as ae } from "./Localization-2MODESHW.mjs";
-import { getUnixTime as Xe } from "date-fns/getUnixTime";
-import { D as se } from "./Drawer-kEE73B87.mjs";
-import Ve from "@mui/icons-material/HighlightOff";
-import We from "@mui/icons-material/Search";
-import ge from "@mui/material/InputAdornment";
-import re from "@mui/icons-material/DeleteOutlined";
-import Ye from "@mui/icons-material/Edit";
-import je from "@mui/material/Checkbox";
-import ue from "@mui/icons-material/Cancel";
-import _e from "@mui/material/Grid";
-import qe from "@mui/icons-material/ChevronRight";
-import { C as Ze } from "./CurrencyInput-DzsPiUsU.mjs";
-import Je from "@mui/material/Switch";
-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 || {}), ee = /* @__PURE__ */ ((t) => (t[t.SplitTransaction = 0] = "SplitTransaction", t[t.HideTransaction = 1] = "HideTransaction", t[t.MerchantLogo = 2] = "MerchantLogo", t))(ee || {});
-const Qe = [
-  0,
-  1,
-  2,
-  3
-  /* Tags */
-], et = [
-  0,
-  1,
-  2
-  /* MerchantLogo */
-], M = () => {
-  if (!d.useContext(Ge))
-    throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return v().uiStore;
-};
-function tt() {
-  return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
-}
-function nt(t) {
-  const o = tt().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), n = window.parent || window.opener || !1;
-  return n && n.postMessage && o ? (n.postMessage(t, o), !0) : !1;
-}
-function at(t) {
-  return nt({
-    metadata: { beat_guid: t },
-    mx: !0,
-    type: "mx/moneyDashboard/insightOnTransaction"
-  });
-}
-const rt = ({ transaction: t, onClick: o }) => {
-  const { associatedBeats: n } = v(), { expandedSplits: s } = M(), { transactions: r } = N(), { showInsights: a } = M(), i = t.transaction_type === Le.CREDIT, l = d.useMemo(() => n.find((_) => _.associated_transaction_guid === t.guid), [n, t]);
-  return (
-    //TODO: implement common/components/ListItemRow.tsx
-    /* @__PURE__ */ c(
-      Re,
-      {
-        clickEventName: g.ON_TRANSACTION_LIST_ITEM_CLICK,
-        onClick: o ? () => o(t.guid) : void 0,
-        children: [
-          /* @__PURE__ */ e(F, { children: t.parent_guid && s.includes(t.parent_guid) ? /* @__PURE__ */ e(d.Fragment, {}) : /* @__PURE__ */ e(
-            me,
-            {
-              categoryGuid: t.top_level_category_guid || "",
-              merchantGuid: t.merchant_guid || ""
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              disableTypography: !0,
-              secondary: /* @__PURE__ */ c(C, { direction: "row", justifyContent: "space-between", children: [
-                /* @__PURE__ */ c(C, { alignItems: "center", direction: "row", gap: 4, children: [
-                  t.is_flagged && /* @__PURE__ */ e(f, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-                  t.is_hidden && /* @__PURE__ */ e(f, { name: "visibility_off", size: 16 }),
-                  t.has_been_split && /* @__PURE__ */ e(f, { name: "call_split", size: 16 }),
-                  /* @__PURE__ */ e(T, { variant: "XSmall", children: t.has_been_split ? r.split_transaction_category_label : t.category })
-                ] }),
-                l && a && /* @__PURE__ */ e(
-                  T,
-                  {
-                    bold: !0,
-                    color: "action.active",
-                    onClick: (_) => {
-                      _.stopPropagation(), _.preventDefault(), at(l.guid);
-                    },
-                    variant: "XSmall",
-                    children: l.short_title
-                  }
-                )
-              ] }),
-              children: /* @__PURE__ */ c(C, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
-                /* @__PURE__ */ c(T, { bold: !0, variant: "Body", children: [
-                  t.is_hidden && r.hide_trnx_cancel_hidden_note,
-                  t.payee || t.description || t.feed_description
-                ] }),
-                /* @__PURE__ */ c(
-                  T,
-                  {
-                    bold: !0,
-                    color: i ? "success.main" : "text.primary",
-                    sx: { flexShrink: 0 },
-                    variant: "Body",
-                    children: [
-                      i ? "+" : "",
-                      J(t.amount, "0,0.00")
-                    ]
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  );
-}, ot = b(rt), it = ({
-  bgcolor: t = "background.default",
-  children: o
-}) => /* @__PURE__ */ e(E, { display: "inline-block", pb: 4, pl: 24, pt: 4, sx: { bgcolor: t, width: "100%" }, children: /* @__PURE__ */ e(T, { bold: !0, variant: "XSmall", children: o }) }), st = ({ showIcon: t = !0, showSubtitle: o = !0 }) => {
-  const n = Z(), { transactions: s } = N();
-  return /* @__PURE__ */ c(C, { alignItems: "center", gap: n.Spacing.Small, height: "auto", mt: n.Spacing.Large, children: [
-    t && /* @__PURE__ */ e(Ke, { color: "secondary", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(T, { bold: !0, color: "secondary", variant: "Small", children: s.zero_state_no_transactions }),
-    o && /* @__PURE__ */ e(T, { color: "secondary", variant: "XSmall", children: s.zero_state_there_are_no_transactions })
-  ] });
-}, lt = b(st), he = (t, o) => {
-  const n = W(o[t].date), s = W(o[t - 1]?.date);
-  return !be(n, s);
-}, ct = (t, o) => {
-  const n = W(o[t].date), s = W(o[t + 1]?.date);
-  return be(n, s);
-}, Te = 65, Se = 34, dt = ({
-  bgcolor: t,
-  height: o = "calc(100dvh - 36px)",
-  loader: n = /* @__PURE__ */ e(Ae, { label: "Loading", size: 40 }),
-  onClick: s,
-  showInsights: r = !1,
-  showLoader: a = !1,
-  showHiddenTransactions: i = !1,
-  width: l = "100%",
-  zeroState: _ = /* @__PURE__ */ e(lt, {})
-}) => {
-  const { isLoading: u, sortedTransactions: p } = v(), m = d.useMemo(() => i ? p : p.filter((x) => !x.is_hidden), [p, i]), { clearExpandedSplits: S, setShowInsights: A, toggleSplit: h } = M(), { onEvent: I } = w(), y = (x) => {
-    const P = m.find((V) => V.guid === x);
-    if (P?.has_been_split) {
-      h(P.guid);
-      return;
-    }
-    I(G.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: P?.account_guid,
-      transaction_guid: x
-    }), s?.(x);
-  }, L = d.useRef(null), R = ve({
-    count: m.length,
-    getScrollElement: () => L.current,
-    estimateSize: (x) => Te + (he(x, m) ? Se : 0),
-    overscan: 5
-  });
-  return d.useEffect(() => R.measure(), [m]), d.useEffect(() => A(r), [r]), d.useEffect(() => () => S(), []), /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(E, { height: o, overflow: "auto", ref: L, width: l, children: /* @__PURE__ */ c(
-    E,
-    {
-      height: (
-        // set the height to auto when there are no transactions so the zero state isn't set to 0
-        R.getVirtualItems().length === 0 ? "auto" : R.getTotalSize()
-      ),
-      position: "relative",
-      width: "100%",
-      children: [
-        (u || a) && n,
-        !u && !a && R.getVirtualItems().length === 0 && _,
-        !u && !a && R.getVirtualItems().length > 0 && R.getVirtualItems().map((x) => {
-          const P = m[x.index], V = he(x.index, m), le = ct(x.index, m), ce = Te + (V ? Se : 0);
-          return /* @__PURE__ */ c(
-            E,
-            {
-              sx: {
-                height: ce,
-                position: "absolute",
-                transform: `translateY(${x.start}px)`,
-                width: "100%"
-              },
-              children: [
-                V && /* @__PURE__ */ e(it, { bgcolor: t, children: $e(P.date) }),
-                /* @__PURE__ */ e(ot, { onClick: y, transaction: P }),
-                /* @__PURE__ */ e(te, { sx: { ml: le ? 24 : 0 } })
-              ]
-            },
-            P.guid
-          );
-        })
-      ]
-    }
-  ) }) });
-}, Mn = b(dt), _t = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: o, updateTransaction: n } = v(), { categories: s } = fe(), { onEvent: r } = w(), { setShouldDisableDrawerScroll: a, updateManualTransaction: i } = M(), { transactions: l } = N(), [_, u] = d.useState(!1), [p, m] = d.useState(""), S = async (y) => {
-    await n({ ...t, category_guid: p }), y && await o(p, t), m(""), r(G.TRANSACTION_DETAILS_CLICK_CATEGORY, {
-      transaction_guid: t.guid
-    });
-  }, A = (y) => {
-    if (t.is_manual && !t.guid) {
-      const L = s.find((R) => R.guid === y);
-      i({
-        ...t,
-        category: L?.name,
-        category_guid: y,
-        top_level_category_guid: L?.parent_guid || y
-      });
-    } else
-      m(y);
-    h();
-  }, h = () => {
-    u(!1), a(!1);
-  }, I = d.useMemo(
-    () => s.find((y) => y.guid === p),
-    [p]
-  );
-  return /* @__PURE__ */ c(d.Fragment, { children: [
-    /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          r(g.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(
-            ye,
-            {
-              categoryGuid: t.top_level_category_guid,
-              size: 24,
-              sx: { color: "text.primary" },
-              variant: we.Transparent
-            }
-          ) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: "Category",
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: t.category ?? l.actions_select_a_category })
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      xe,
-      {
-        initialSelected: t.category_guid,
-        onClose: h,
-        onSelect: A,
-        showDrawer: _,
-        title: l.actions_select_a_category
-      }
-    ),
-    /* @__PURE__ */ e(
-      U,
-      {
-        copy: {
-          title: ae(
-            l.actions_apply_to_all_transaction_types,
-            t.description
-          )
-        },
-        isOpen: !!p,
-        onClose: () => m(""),
-        onPrimaryAction: () => S(!0),
-        onSecondaryAction: () => S(!1),
-        primaryText: l.actions_apply_to_all,
-        secondaryText: l.actions_this_time_only,
-        children: /* @__PURE__ */ e(oe, { variant: "Paragraph", children: ae(
-          l.actions_all_past_and_future,
-          t.description,
-          I?.name
-        ) })
-      }
-    )
-  ] });
-}, ut = ({ transaction: t }) => {
-  const o = Z(), { onEvent: n } = w(), { updateTransaction: s } = v(), { updateManualTransaction: r } = M(), { common: a, transactions: i } = N(), [l, _] = d.useState(!1), [u, p] = d.useState(t.date), m = (A) => {
-    p(Xe(A));
-  }, S = async () => {
-    if (t.is_manual && !t.guid) {
-      r({ ...t, date: u }), _(!1);
-      return;
-    }
-    await s({ ...t, date: u }), n(G.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), _(!1);
-  };
-  return /* @__PURE__ */ c(E, { className: "mx-txn-date-action", children: [
-    /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          n(g.ON_TRANSACTION_DATE_CLICK), _(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(f, { name: "calendar_month", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: i.date_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: Be(W(t.date), Ue.YEAR_MONTH_DAY) })
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      se,
-      {
-        ariaLabelClose: a.close_aria,
-        isOpen: l,
-        onClose: () => _(!1),
-        onPrimaryAction: S,
-        primaryText: a.save_button,
-        secondaryText: a.cancel_button,
-        title: i.date_edit_title,
-        children: /* @__PURE__ */ e(C, { alignItems: "center", mt: o.Spacing.XXLarge, children: /* @__PURE__ */ e(
-          ke,
-          {
-            beginDate: W(u),
-            copy: {
-              nextAria: i.date_next_aria,
-              prevAria: i.date_prev_aria,
-              today: a.date_range_picker.today
-            },
-            onDateSelected: m,
-            selectionType: Pe.Single
-          }
-        ) })
-      }
-    )
-  ] });
-}, mt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { removeTransaction: n } = v(), { setShouldDisableDrawerScroll: s } = M(), { common: r, transactions: a } = N(), [i, l] = d.useState(!1), _ = async () => {
-    await n(t.guid), o(g.ON_TRANSACTION_DELETE_DELETED);
-  };
-  return /* @__PURE__ */ c(E, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          o(g.ON_TRANSACTION_DELETE_CLICK), s(!0), l(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { variant: "rounded", children: /* @__PURE__ */ e(re, { color: "secondary", fontSize: "small" }) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: a.manual_transaction_delete_title,
-              secondary: a.manual_transaction_delete_subtitle
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(re, {}) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      U,
-      {
-        copy: { title: a.manual_transaction_delete_title },
-        isOpen: i,
-        onClose: () => {
-          s(!1), l(!1);
-        },
-        onPrimaryAction: _,
-        onSecondaryAction: () => o(g.ON_TRANSACTION_DELETE_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(T, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.manual_transaction_delete_description })
-      }
-    )
-  ] });
-}, pt = b(mt), gt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { updateTransaction: n } = v(), { setShouldDisableDrawerScroll: s } = M(), { common: r, transactions: a } = N(), [i, l] = d.useState(!1), _ = async () => {
-    await n({ ...t, merchant_guid: "" }), o(G.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
-      transaction_guid: t.guid
-    });
-  };
-  return /* @__PURE__ */ c(E, { className: "mx-txn-delete-logo", children: [
-    t && /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          o(g.ON_TRANSACTION_DELETE_LOGO_CLICK), l(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(f, { name: "delete", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-          /* @__PURE__ */ e(K, { primary: a.merchant_logo_title, secondary: a.merchant_logo_desc }),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ c(
-      U,
-      {
-        copy: { title: a.merchant_logo_modal_title },
-        isOpen: i,
-        onClose: () => {
-          s(!1), l(!1);
-        },
-        onPrimaryAction: _,
-        onSecondaryAction: () => o(g.ON_TRANSACTION_DELETE_LOGO_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        title: a.merchant_logo_modal_title,
-        children: [
-          /* @__PURE__ */ e(T, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(T, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${a.merchant_logo_modal_desc_bold}` })
-        ]
-      }
-    )
-  ] });
-}, ht = b(gt), Tt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { updateTransaction: n } = v(), { setShouldDisableDrawerScroll: s } = M(), { common: r, transactions: a } = N(), [i, l] = d.useState(!1), _ = t.is_hidden, u = async () => {
-    await n({ ...t, is_hidden: !t.is_hidden }), o(
-      _ ? g.ON_TRANSACTION_UNHIDDEN : g.ON_TRANSACTION_HIDDEN
-    );
-  };
-  return /* @__PURE__ */ c(E, { className: "mx-txn-hide-transaction", children: [
-    t && /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        "aria-checked": _,
-        onClick: () => {
-          o(
-            _ ? g.ON_TRANSACTION_UNHIDE_CLICK : g.ON_TRANSACTION_HIDE_CLICK
-          ), o(
-            _ ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
-            {
-              transaction_guid: t.guid
-            }
-          ), l(!0);
-        },
-        role: "switch",
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: _ ? /* @__PURE__ */ e(
-            f,
-            {
-              name: "visibilityOff",
-              sx: { color: "text.primary" },
-              weight: k.Dark
-            }
-          ) : /* @__PURE__ */ e(f, { name: "visibility", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: _ ? a.hide_trnx_subtitle_unhide_trnx : a.hide_trnx_subtitle_hide_trnx,
-              secondary: _ ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
-            Je,
-            {
-              checked: _,
-              id: "hide-transaction",
-              name: "hide-transaction",
-              tabIndex: -1
-            }
-          ) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      U,
-      {
-        copy: {
-          title: _ ? a.hide_trnx_subtitle_unhide_trnx : a.hide_trnx_subtitle_hide_trnx
-        },
-        isOpen: i,
-        onClose: () => {
-          s(!1), l(!1);
-        },
-        onPrimaryAction: u,
-        onSecondaryAction: () => o(
-          _ ? g.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : g.ON_TRANSACTION_HIDE_CANCEL_CLICK
-        ),
-        primaryText: _ ? r.unhide_button : r.hide_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(T, { truncate: !1, variant: "Paragraph", children: _ ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding })
-      }
-    )
-  ] });
-}, St = b(Tt), Oe = ({ transaction: t }) => {
-  const { amount: o, description: n, isIncome: s, merchant_guid: r, payee: a, top_level_category_guid: i } = t;
-  return /* @__PURE__ */ c(C, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
-    /* @__PURE__ */ e(
-      me,
-      {
-        categoryGuid: i || "",
-        merchantGuid: r || "",
-        size: 64
-      }
-    ),
-    /* @__PURE__ */ c(C, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(T, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: n || a }),
-      /* @__PURE__ */ c(Ce, { color: s ? "success.main" : "text.primary", truncate: !0, children: [
-        s ? "+" : "",
-        J(o, "0,0.00")
-      ] })
-    ] })
-  ] });
-}, yt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { updateTransaction: n } = v(), { updateManualTransaction: s } = M(), { common: r, transactions: a } = N(), [i, l] = d.useState(!1), [_, u] = d.useState("");
-  d.useEffect(() => {
-    i && u(t.memo ? t.memo : "");
-  }, [i]);
-  const p = async () => {
-    if (t.is_manual && !t.guid) {
-      s({ ...t, memo: _ }), l(!1);
-      return;
-    }
-    await n({ ...t, memo: _ }), o(G.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), l(!1);
-  };
-  return /* @__PURE__ */ c("div", { className: "mx-txn-memo-action", children: [
-    /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          o(g.ON_TRANSACTION_MEMO_CLICK), l(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(f, { name: "article", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: a.memo_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(
-                T,
-                {
-                  bold: !0,
-                  sx: { overflowWrap: "break-word", whiteSpace: "wrap" },
-                  variant: "Body",
-                  children: t.memo ? t.memo : a.memo_desc
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ c(
-      se,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: i,
-        onClose: () => l(!1),
-        onPrimaryAction: p,
-        title: a.memo_title,
-        children: [
-          /* @__PURE__ */ e(Oe, { transaction: t }),
-          /* @__PURE__ */ e(
-            Ie,
-            {
-              "aria-label": a.memo_desc_aria,
-              focused: !0,
-              fullWidth: !0,
-              multiline: !0,
-              name: "memo",
-              onChange: (m) => u(m.target.value),
-              placeholder: a.memo_desc,
-              rows: 4,
-              sx: { px: 16 },
-              value: _
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, Ct = b(yt), ft = ({
-  index: t,
-  onDeleteRow: o,
-  onCategoryChanged: n,
-  onUpdateAmount: s,
-  split: r
-}) => {
-  const a = Z(), { onEvent: i } = w(), { transactions: l } = N(), [_, u] = d.useState(`${r.amount}`), [p, m] = d.useState(!1), S = t === 0, A = (h) => {
-    isNaN(Number(h)) || (u(h), s(t, Number(h)));
-  };
-  return /* @__PURE__ */ c(
-    E,
-    {
-      bgcolor: "background.paper",
-      className: "mx-txn-split-manager-row",
-      pb: a.Spacing.Tiny,
-      px: a.Spacing.XSmall,
-      children: [
-        /* @__PURE__ */ c(_e, { alignItems: S ? "center" : "start", container: !0, children: [
-          /* @__PURE__ */ e(_e, { item: !0, xs: 7, children: /* @__PURE__ */ c(C, { alignItems: "start", children: [
-            /* @__PURE__ */ e(
-              ie,
-              {
-                endIcon: /* @__PURE__ */ e(qe, {}),
-                onClick: () => m(!0),
-                startIcon: /* @__PURE__ */ e(ye, { categoryGuid: r.top_level_category_guid }),
-                sx: { px: a.Spacing.Small, py: a.Spacing.XSmall },
-                children: r.category
-              }
-            ),
-            /* @__PURE__ */ e(E, { children: !r.category_guid && /* @__PURE__ */ c(
-              C,
-              {
-                color: "error.main",
-                direction: "row",
-                gap: a.Spacing.XSmall,
-                p: a.Spacing.Small,
-                children: [
-                  /* @__PURE__ */ e(ue, { sx: { fontSize: a.FontSize.Body } }),
-                  /* @__PURE__ */ e(T, { variant: "Small", children: l.split_transaction_errors_select_category })
-                ]
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ e(_e, { item: !0, xs: 5, children: S ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(T, { children: J(r.amount, "0,0.00") }) }) : /* @__PURE__ */ c(C, { alignItems: "start", children: [
-            /* @__PURE__ */ c(C, { alignItems: "start", direction: "row", gap: a.Spacing.XSmall, children: [
-              /* @__PURE__ */ e(
-                Ze,
-                {
-                  amount: _,
-                  "aria-label": l.split_transaction_edit_split_amount,
-                  inputProps: {
-                    noValidate: !0
-                  },
-                  name: "split-amount-input",
-                  setAmount: A,
-                  sx: {
-                    ".MuiOutlinedInput-input": { p: a.Spacing.Small }
-                  },
-                  type: "number"
-                }
-              ),
-              /* @__PURE__ */ e(
-                q,
-                {
-                  "aria-label": l.split_transaction_delete_split_btn,
-                  color: "secondary",
-                  onClick: () => {
-                    i(g.ON_TRANSACTION_SPLIT_DELETE_CLICK), o(t);
-                  },
-                  sx: { w: 44, h: 44 },
-                  children: /* @__PURE__ */ e(re, {})
-                }
-              )
-            ] }),
-            !_ && /* @__PURE__ */ c(
-              C,
-              {
-                color: "error.main",
-                direction: "row",
-                gap: a.Spacing.XSmall,
-                py: a.Spacing.Small,
-                children: [
-                  /* @__PURE__ */ e(ue, { sx: { fontSize: a.FontSize.Body } }),
-                  /* @__PURE__ */ e(T, { variant: "Small", children: l.split_transaction_errors_enter_an_amount })
-                ]
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ e(
-          xe,
-          {
-            initialSelected: r.category_guid,
-            onClose: () => m(!1),
-            onSelect: (h) => {
-              n(t, h), m(!1);
-            },
-            showDrawer: p,
-            title: l.actions_select_a_category
-          }
-        )
-      ]
-    }
-  );
-}, bt = b(ft), At = ({
-  onAddSplit: t,
-  onCategoryChanged: o,
-  onDeleteSplit: n,
-  onUpdateAmount: s,
-  splits: r,
-  transaction: a
-}) => {
-  const i = Z(), { transactions: l } = N(), { onEvent: _ } = w(), [u, p] = d.useState("");
-  return d.useEffect(() => {
-    p(r.length <= 1 ? l.split_transaction_errors_min_splits : ""), p(
-      r[0].amount < 0 ? ae(
-        l.split_transaction_errors_totals_must_equal_amount,
-        J(a.amount, "0,0.00")
-      ) : ""
-    );
-  }, [r]), /* @__PURE__ */ c(E, { className: "mx-txn-split-manager", children: [
-    r.map((m, S) => /* @__PURE__ */ e(
-      bt,
-      {
-        index: S,
-        onCategoryChanged: o,
-        onDeleteRow: n,
-        onUpdateAmount: s,
-        split: m
-      },
-      S
-    )),
-    u && /* @__PURE__ */ c(
-      C,
-      {
-        color: "error.main",
-        direction: "row",
-        gap: i.Spacing.XSmall,
-        p: i.Spacing.Medium,
-        children: [
-          /* @__PURE__ */ e(ue, { sx: { fontSize: i.FontSize.Body } }),
-          /* @__PURE__ */ e(T, { variant: "Small", children: u })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(E, { p: i.Spacing.Medium, children: /* @__PURE__ */ e(
-      ie,
-      {
-        "aria-label": l.split_transaction_add_split_btn,
-        onClick: () => {
-          _(g.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
-        },
-        children: l.split_transaction_add_split_btn
-      }
-    ) })
-  ] });
-}, It = b(At), Nt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { splitTransaction: n, unSplitTransaction: s } = v(), { common: r, transactions: a } = N(), { setShouldDisableDrawerScroll: i } = M(), { categories: l } = fe(), _ = {
-    ...t,
-    amount: t.amount - 1,
-    guid: "",
-    has_been_split: !1,
-    parent_guid: t.guid
-  }, u = {
-    ...t,
-    amount: 1,
-    category_guid: void 0,
-    category: a.split_transaction_select_category_btn,
-    guid: "",
-    has_been_split: !1,
-    parent_guid: t.guid,
-    top_level_category_guid: void 0
-  }, [p, m] = d.useState(!1), [S, A] = d.useState(!1), [h, I] = d.useState([]), y = () => {
-    const O = [...h];
-    O.push({ ...u }), O[0].amount -= 1, I(O);
-  }, L = (O) => {
-    if (O > 0) {
-      const $ = h[O], D = [...h];
-      D.splice(O, 1), D[0].amount += $.amount, I(D);
-    }
-  }, R = (O, $) => {
-    const D = [...h];
-    D[O].amount = $, D[0].amount = t.amount - D.reduce(
-      (Y, de, Ee) => Y + (Ee !== 0 ? de.amount : 0),
-      0
-    ), I(D);
-  }, x = (O, $) => {
-    const D = [...h], Y = l.find((de) => de.guid === $);
-    Y && (D[O] = {
-      ...D[O],
-      category_guid: $,
-      category: Y.name,
-      top_level_category_guid: Y.parent_guid || $
-    }, I(D));
-  }, P = () => {
-    if (t.parent_guid || t.has_been_split) {
-      A(!0);
-      return;
-    }
-    I([{ ..._ }, { ...u }]), o(G.TRANSACTION_DETAILS_CLICK_SPLIT, {
-      transaction_guid: t.guid
-    }), m(!0);
-  }, V = async () => {
-    o(g.ON_TRANSACTION_SPLIT_SAVE_CLICK), await n({ ...t, has_been_split: !0 }, h), m(!1);
-  }, le = async () => {
-    o(g.ON_TRANSACTION_SPLIT_CANCEL_CLICK), I([{ ..._ }, { ...u }]), m(!1);
-  }, ce = async () => {
-    o(G.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
-      transaction_guid: t.guid
-    });
-    const O = t.parent_guid ?? t.guid;
-    await s(O);
-  }, De = d.useMemo(() => {
-    const O = h.some((D) => !D.category_guid), $ = h.some((D) => D.amount <= 0);
-    return O || $;
-  }, [h]);
-  return /* @__PURE__ */ c(d.Fragment, { children: [
-    t && /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(z, { onClick: P, children: [
-      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(f, { name: "call_split", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-      /* @__PURE__ */ e(
-        K,
-        {
-          primary: t.has_been_split || t.parent_guid ? a.split_transaction_unsplit_title : a.split_transaction_title,
-          secondary: t.has_been_split || t.parent_guid ? a.split_transaction_unsplit_subtitle : a.split_transaction_desc
-        }
-      ),
-      /* @__PURE__ */ e(B, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(f, { name: "delete", weight: k.Dark }) : /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-    ] }) }),
-    /* @__PURE__ */ c(
-      se,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: p,
-        isPrimaryDisabled: De,
-        onClose: le,
-        onPrimaryAction: V,
-        primaryText: r.save_button,
-        secondaryText: r.cancel_button,
-        title: a.split_transaction_title,
-        children: [
-          /* @__PURE__ */ e(Oe, { transaction: t }),
-          /* @__PURE__ */ e(
-            It,
-            {
-              onAddSplit: y,
-              onCategoryChanged: x,
-              onDeleteSplit: L,
-              onUpdateAmount: R,
-              splits: h,
-              transaction: t
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      U,
-      {
-        copy: { title: a.split_transaction_unsplit_title },
-        isOpen: S,
-        onClose: () => {
-          i(!1), A(!1);
-        },
-        onPrimaryAction: ce,
-        onSecondaryAction: () => {
-          o(g.ON_TRANSACTION_UNSPLIT_CANCEL);
-        },
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(oe, { variant: "Paragraph", children: ae(
-          a.split_transaction_unsplit_description,
-          t.description
-        ) })
-      }
-    )
-  ] });
-}, xt = b(Nt), Ot = () => {
-  const t = Ne(), { onEvent: o } = w(), { addTag: n } = v(), { transactions: s } = N(), [r, a] = d.useState(!1), [i, l] = d.useState(""), [_, u] = d.useState(""), p = d.useRef(null);
-  d.useEffect(() => {
-    r && p?.current?.focus();
-  }, [r]);
-  const m = () => {
-    o(
-      r ? g.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : g.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
-    ), r || l(""), a(!r);
-  }, S = async () => {
-    o(g.ON_TRANSACTION_TAGS_TAG_ADDED), await n(i), a(!1);
-  };
-  return d.useEffect(() => {
-    u(i.length > 40 ? s.tags_error_name_must_be_40_chars : "");
-  }, [i]), /* @__PURE__ */ c(E, { className: "mx-txn-tag-manager-header", children: [
-    /* @__PURE__ */ c(
-      C,
-      {
-        alignItems: "center",
-        bgcolor: t.palette.background.default,
-        direction: "row",
-        justifyContent: "space-between",
-        px: 24,
-        py: 16,
-        children: [
-          /* @__PURE__ */ e(T, { bold: !0, children: s.tags_your_tags }),
-          /* @__PURE__ */ e(
-            ie,
-            {
-              "aria-expanded": r,
-              "aria-label": s.tags_add_tag_btn_aria,
-              onClick: m,
-              children: s.tags_add_tag_btn
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(
-      U,
-      {
-        copy: { title: s.tags_add_tag_btn },
-        isOpen: r,
-        onClose: () => a(!1),
-        onPrimaryAction: S,
-        onSecondaryAction: () => a(!1),
-        children: [
-          /* @__PURE__ */ e(
-            pe,
-            {
-              "aria-label": s.tags_placeholder,
-              name: "add-tag",
-              onChange: (A) => l(A.target.value),
-              placeholder: s.tags_placeholder,
-              sx: { width: "100%" },
-              value: i
-            }
-          ),
-          /* @__PURE__ */ e(oe, { id: "add-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: _ })
-        ]
-      }
-    )
-  ] });
-}, Dt = b(Ot), Et = ({ onSearchValueChanged: t, searchValue: o }) => {
-  const { common: n, transactions: s } = N(), r = Z(), a = /* @__PURE__ */ e(
-    q,
-    {
-      "aria-label": s.tags_cancel_search || "Search",
-      onClick: () => t(""),
-      children: /* @__PURE__ */ e(Ve, {})
-    }
-  );
-  return /* @__PURE__ */ e(E, { className: "mx-txn-tag-manager-search", px: r.Spacing.Large, py: r.Spacing.Medium, children: /* @__PURE__ */ e(
-    pe,
-    {
-      InputProps: {
-        startAdornment: /* @__PURE__ */ e(ge, { position: "start", children: /* @__PURE__ */ e(We, { color: "disabled" }) }),
-        endAdornment: /* @__PURE__ */ e(ge, { position: "end", sx: { padding: 0 }, children: o ? a : null })
-      },
-      "aria-label": n.search_aria,
-      name: "search",
-      onChange: (i) => t(i.target.value),
-      placeholder: n.search_placeholder,
-      sx: { bgcolor: "background.paper", width: "100%" },
-      value: o
-    }
-  ) });
-}, vt = b(Et), wt = ({ onTagChecked: t, selectedTags: o, tag: n }) => {
-  const { onEvent: s } = w(), { removeTag: r, updateTag: a } = v(), { common: i, transactions: l } = N(), [_, u] = d.useState(!1), [p, m] = d.useState(!1), [S, A] = d.useState(""), [h, I] = d.useState(""), y = async () => {
-    s(g.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), n && await a({ ...n, name: S }), u(!1);
-  }, L = async () => {
-    s(g.ON_TRANSACTION_TAGS_TAG_DELETED), await r(n.guid), m(!1);
-  };
-  d.useEffect(() => {
-    I(S.length > 40 ? l.tags_error_name_must_be_40_chars : "");
-  }, [S]);
-  const R = () => {
-    s(g.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), A(n.name), u(!0);
-  }, x = () => {
-    s(g.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), m(!0);
-  };
-  return /* @__PURE__ */ c(
-    H,
-    {
-      className: "mx-txn-transaction-manager-row",
-      disableGutters: !0,
-      disablePadding: !0,
-      secondaryAction: !n.is_default_tag && /* @__PURE__ */ c(C, { direction: "row", children: [
-        /* @__PURE__ */ e(
-          q,
-          {
-            "aria-label": `Edit ${n.name} tag`,
-            color: "secondary",
-            onClick: R,
-            children: /* @__PURE__ */ e(Ye, { color: "secondary" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          q,
-          {
-            "aria-label": `Delete ${n.name} tag`,
-            color: "secondary",
-            onClick: x,
-            children: /* @__PURE__ */ e(re, { color: "secondary" })
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ c(
-          z,
-          {
-            "aria-checked": o.includes(n.guid),
-            onClick: () => t(n.guid),
-            role: "checkbox",
-            children: [
-              /* @__PURE__ */ e(B, { sx: { ml: 0 }, children: /* @__PURE__ */ e(je, { checked: o.includes(n.guid), edge: "start", tabIndex: -1 }) }),
-              /* @__PURE__ */ e(K, { children: n.name })
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          U,
-          {
-            copy: { title: "Update tag name" },
-            isOpen: _,
-            onClose: () => u(!1),
-            onPrimaryAction: y,
-            onSecondaryAction: () => u(!1),
-            children: [
-              /* @__PURE__ */ e(
-                pe,
-                {
-                  "aria-describedby": h ? "update-tag-error" : void 0,
-                  "aria-label": l.tags_update_the_tag_name,
-                  name: "update-tag",
-                  onChange: (P) => A(P.target.value),
-                  placeholder: "Tag name",
-                  sx: { width: "100%" },
-                  value: S
-                }
-              ),
-              /* @__PURE__ */ e(oe, { id: "update-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: h })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          U,
-          {
-            copy: { title: l.tags_delete_title },
-            isOpen: p,
-            onClose: () => m(!1),
-            onPrimaryAction: L,
-            onSecondaryAction: () => s(g.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
-            primaryText: i.delete_button,
-            secondaryText: i.cancel_button,
-            children: /* @__PURE__ */ e(T, { truncate: !1, children: l.tags_deleting_this_tag_will_remove_it })
-          }
-        )
-      ]
-    }
-  );
-}, Lt = b(wt), Rt = ({ selectedTags: t, onTagChecked: o }) => {
-  const { tags: n } = v(), [s, r] = d.useState(""), a = n.filter(
-    (i) => i.name.toLowerCase().includes(s.toLowerCase())
-  );
-  return /* @__PURE__ */ c("div", { className: "mx-txn-tag-manager", children: [
-    /* @__PURE__ */ e(
-      vt,
-      {
-        onSearchValueChanged: (i) => r(i),
-        searchValue: s
-      }
-    ),
-    /* @__PURE__ */ e(Dt, {}),
-    /* @__PURE__ */ e(Q, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(ne, { children: a.map((i) => /* @__PURE__ */ c(d.Fragment, { children: [
-      /* @__PURE__ */ e(Lt, { onTagChecked: o, selectedTags: t, tag: i }),
-      /* @__PURE__ */ e(te, { sx: { ml: 24 } })
-    ] }, i.guid)) }) })
-  ] });
-}, kt = b(Rt), Pt = ({ transaction: t }) => {
-  const { onEvent: o } = w(), { tags: n, updateTaggings: s, updateTransaction: r } = v(), { common: a, transactions: i } = N(), { updateManualTransaction: l } = M(), [_, u] = d.useState(!1), [p, m] = d.useState(t.tags);
-  d.useEffect(() => {
-    m(t.tags);
-  }, [_, t]);
-  const S = (I) => {
-    const y = [...p], L = p.indexOf(I);
-    L >= 0 ? y.splice(L, 1) : y.push(I), m(y);
-  }, A = async () => {
-    if (t.is_manual && !t.guid) {
-      l({ ...t, tags: p }), u(!1);
-      return;
-    }
-    await s(p, t.guid), await r({ ...t, tags: p }), o(G.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
-  }, h = d.useMemo(
-    () => t.tags.map(
-      (I, y, L) => `${n.find((R) => R.guid === I)?.name}${y < L.length - 1 ? " / " : ""}`
-    ),
-    [n, t]
-  );
-  return /* @__PURE__ */ c(d.Fragment, { children: [
-    /* @__PURE__ */ e(H, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(
-      z,
-      {
-        onClick: () => {
-          o(g.ON_TRANSACTION_TAGS_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(X, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(f, { name: "local_offer", sx: { color: "text.primary" }, weight: k.Dark }) }) }),
-          /* @__PURE__ */ e(
-            K,
-            {
-              primary: i.tags_title,
-              primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: t.tags?.length > 0 ? h : i.tags_desc })
-            }
-          ),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: k.Dark }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      se,
-      {
-        ariaLabelClose: a.close_aria,
-        isOpen: _,
-        onClose: () => u(!1),
-        onPrimaryAction: A,
-        primaryText: a.save_button,
-        secondaryText: a.cancel_button,
-        title: i.tags_title,
-        children: /* @__PURE__ */ e(kt, { onTagChecked: S, selectedTags: p })
-      }
-    )
-  ] });
-}, Gt = b(Pt), Mt = ({ transaction: t }) => {
-  const { updateTransaction: o } = v(), { common: n, transactions: s } = N(), { onEvent: r } = w(), [a, i] = d.useState(!1), [l, _] = d.useState(""), u = d.useRef(null);
-  d.useEffect(() => {
-    a && (_(t.description), u?.current?.focus());
-  }, [a]);
-  const p = async () => {
-    r(G.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
-      transaction_guid: t.guid
-    }), await o({ ...t, description: l }), i(!1);
-  };
-  return /* @__PURE__ */ e(E, { className: "mx-txn-transaction-description", children: a ? /* @__PURE__ */ c(Fe, { row: !0, children: [
-    /* @__PURE__ */ e(
-      Ie,
-      {
-        "aria-label": s.description_add_a_subcategory,
-        name: "add-subcategory",
-        onChange: (m) => _(m.target.value),
-        ref: u,
-        sx: {
-          backgroundColor: "background.paper",
-          ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
-          ".MuiOutlinedInput-input": { p: 11 },
-          width: 250
-        },
-        value: l
-      }
-    ),
-    /* @__PURE__ */ e(
-      ie,
-      {
-        disabled: !l,
-        onClick: p,
-        sx: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
-        variant: "outlined",
-        children: n.save_button
-      }
-    )
-  ] }) : /* @__PURE__ */ c(C, { alignItems: "center", direction: "row", gap: 4, children: [
-    /* @__PURE__ */ e(T, { bold: !0, children: t.description }),
-    /* @__PURE__ */ e(
-      q,
-      {
-        "aria-label": s.description_edit_transaction_name,
-        onClick: () => {
-          i(!0), r(g.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
-        },
-        sx: { color: "action.active" },
-        children: /* @__PURE__ */ e(f, { name: "create", size: 22 })
-      }
-    )
-  ] }) });
-}, Kt = b(Mt), $t = ({ transaction: t }) => {
-  const { updateTransaction: o } = v(), { transactions: n } = N(), { onEvent: s } = w(), r = Ne(), a = async () => {
-    s(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(
-    ze,
-    {
-      "aria-label": n.flag_btn_aria,
-      "aria-pressed": t.is_flagged,
-      color: "warning",
-      onClick: a,
-      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(He, { color: "inherit" })
-    }
-  ) });
-}, Ft = b($t), Ht = ({
-  bottomActions: t = et,
-  topActions: o = Qe,
-  transaction: n
-}) => {
-  const { isCopyLoaded: s } = Me(), r = n?.number && n.number.length > 4, { onEvent: a } = w();
-  return d.useEffect(
-    () => a(G.TRANSACTION_DETAILS_VIEW, { transaction_guid: n.guid }),
-    []
-  ), s ? /* @__PURE__ */ e(E, { className: "mx-txn-transaction-details", width: "100%", children: n && /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ c(C, { gap: 12, p: 24, children: [
-      /* @__PURE__ */ e(Q, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
-        me,
-        {
-          categoryGuid: n.top_level_category_guid || "",
-          merchantGuid: n.merchant_guid || "",
-          size: 64
-        }
-      ) }),
-      /* @__PURE__ */ e(Kt, { transaction: n }),
-      /* @__PURE__ */ c(C, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ c(Ce, { color: n.isIncome ? "success.main" : "text.primary", children: [
-          n.isIncome ? "+" : "",
-          J(n.amount, "0,0.00")
-        ] }),
-        /* @__PURE__ */ e(Ft, { transaction: n })
-      ] }),
-      /* @__PURE__ */ c(C, { bgcolor: "background.highlight", borderRadius: "12px", gap: 4, p: 8, children: [
-        /* @__PURE__ */ e(T, { bold: !0, children: `${n.account}
-                ${r ? n.number : "•".repeat(4).concat(n.number ?? "")}` }),
-        /* @__PURE__ */ e(T, { bold: !0, color: "secondary", variant: "Tiny", children: n.feed_description })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(Q, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(ne, { children: o.map((i, l) => /* @__PURE__ */ c(d.Fragment, { children: [
-      i === j.Category && /* @__PURE__ */ e(_t, { transaction: n }),
-      i === j.Date && /* @__PURE__ */ e(ut, { transaction: n }),
-      i === j.Memo && /* @__PURE__ */ e(Ct, { transaction: n }),
-      i === j.Tags && /* @__PURE__ */ e(Gt, { transaction: n }),
-      /* @__PURE__ */ e(te, { variant: l < o.length - 1 ? "inset" : "fullWidth" })
-    ] }, i)) }) }),
-    /* @__PURE__ */ e(T, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
-    /* @__PURE__ */ e(Q, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ c(ne, { children: [
-      t.map((i, l) => /* @__PURE__ */ c(d.Fragment, { children: [
-        i === ee.SplitTransaction && /* @__PURE__ */ e(xt, { transaction: n }),
-        i === ee.HideTransaction && /* @__PURE__ */ e(St, { transaction: n }),
-        i === ee.MerchantLogo && /* @__PURE__ */ e(ht, { transaction: n }),
-        /* @__PURE__ */ e(te, { variant: l < t.length - 1 ? "inset" : "fullWidth" })
-      ] }, i)),
-      n.is_manual && !n.parent_guid && !n.has_been_split && /* @__PURE__ */ e(pt, { transaction: n })
-    ] }) })
-  ] }) }) : /* @__PURE__ */ e(Ae, {});
-}, Kn = b(Ht);
-export {
-  ee as B,
-  _t as C,
-  ut as D,
-  Ct as M,
-  it as S,
-  Mn as T,
-  Kn as a,
-  ot as b,
-  Gt as c,
-  j as d,
-  M as u
-};