@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms2

package/dist/TransactionDetails-Bn0qY5Hw.mjs

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