@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/TransactionDetails-CPwv9xtZ.mjs

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