@mx-cartographer/experiences 8.0.14 → 8.0.15

package/dist/TransactionDetails-DA6tdnu0.mjs

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