@mx-cartographer/experiences 9.2.4-alpha.al0 → 9.3.0-alpha.bb1

package/dist/TransactionDetails-naGZa2sb.mjs

@@ -1,1710 +0,0 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import c, { useMemo as ke } from "react";
-import { observer as w } from "mobx-react-lite";
-import Ue from "@mui/material/Alert";
-import Y from "@mui/material/Box";
-import be from "@mui/material/Divider";
-import Ce from "@mui/material/List";
-import ye from "@mui/material/Paper";
-import ze from "@mui/material/Snackbar";
-import L from "@mui/material/Stack";
-import { useTheme as H, alpha as Ie } from "@mui/material/styles";
-import { P as ee, Text as x, H2 as We, MerchantLogo as fe, Toast as Ve, CategoryIcon as Oe, CategoryIconVariants as Ge, TextField as Le, Icon as Te } from "@mxenabled/mxui";
-import { endOfMonth as Be } from "date-fns/endOfMonth";
-import { isBefore as Ye } from "date-fns/isBefore";
-import { startOfMonth as ve } from "date-fns/startOfMonth";
-import { b as I } from "./Localization-DnoVyBNK.mjs";
-import { f as V } from "./NumberFormatting--XMeeBfr.mjs";
-import { l as je, j as Se } from "./DateUtil-Bl7d7C1W.mjs";
-import { a as qe, i as Qe } from "./BudgetUtil-Bg2AQJpQ.mjs";
-import ue from "@mui/material/Button";
-import Xe from "@mui/material/FormGroup";
-import de from "@mui/material/IconButton";
-import $e from "@mui/material/TextField";
-import { u as Ne } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-AdIOFTGI.mjs";
-import { u as E, g as M, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
-import { A as j } from "./Analytics-D-jdcL72.mjs";
-import lt from "@mui/material/ToggleButton";
-import { ChevronRight as Ke, Icon as k, Delete as Ae, Cancel as xe, Search as ct, Edit as dt, Flag as ut } from "@mxenabled/mx-icons";
-import q from "@mui/material/Avatar";
-import z from "@mui/material/ListItem";
-import Q from "@mui/material/ListItemAvatar";
-import W from "@mui/material/ListItemText";
-import { f as Me, D as Re } from "./DateFormats-HudZ3Bjs.mjs";
-import { BarChart as mt } from "@mui/x-charts";
-import { L as _t } from "./Loader-CxeBwuPG.mjs";
-import X from "@mui/material/ListItemButton";
-import Z from "@mui/material/ListItemIcon";
-import { b as Fe } from "./CategorySelectorDrawer-BuSaE8-f.mjs";
-import { D as ae } from "./Dialog-Bvd2n8hz.mjs";
-import { getUnixTime as gt } from "date-fns/getUnixTime";
-import { D as me } from "./Drawer-CWQYTC6t.mjs";
-import { b as pt, C as ht, a as yt } from "./CurrencyDialog-DumQCTPO.mjs";
-import Pe from "@mui/material/InputAdornment";
-import Tt from "@mui/material/Checkbox";
-import De from "@mui/material/Grid";
-import { C as bt } from "./CurrencyInput-DaGEQaLW.mjs";
-import Ct from "@mui/material/Switch";
-var ce = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(ce || {}), ie = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(ie || {});
-const ft = [
-  0,
-  1,
-  2,
-  3
-  /* Tags */
-], St = [
-  1,
-  2,
-  3
-  /* MerchantLogo */
-], At = ({
-  startDate: t,
-  onViewHistory: n,
-  totalTransaction: l,
-  amount: a,
-  spentPercentage: r,
-  remainingAmount: o,
-  iconColor: i,
-  icon: _
-}) => {
-  const { budgets: s } = E();
-  return /* @__PURE__ */ e(c.Fragment, { children: /* @__PURE__ */ m(
-    Y,
-    {
-      sx: {
-        bgcolor: "background.paper",
-        borderBottomColor: "divider",
-        borderBottomStyle: "solid",
-        borderBottomWidth: 1
-      },
-      children: [
-        /* @__PURE__ */ m(
-          L,
-          {
-            sx: {
-              alignItems: "center",
-              flexDirection: "row",
-              gap: 12,
-              justifyContent: "space-between",
-              pt: 16,
-              px: 24
-            },
-            children: [
-              /* @__PURE__ */ e(ee, { bold: !0, variant: "subtitle1", children: je(t) }),
-              n && /* @__PURE__ */ e(ue, { endIcon: /* @__PURE__ */ e(Ke, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: s.spending_history }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          Ze,
-          {
-            amount: /* @__PURE__ */ m(L, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
-              /* @__PURE__ */ e(We, { children: V(l, "0,0.00") }),
-              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: "/" }),
-              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: V(a, "0,0.00") })
-            ] }),
-            completeColor: `${i}.main`,
-            icon: _,
-            label: s.spent_label,
-            leftLabel: I(s.percent_spent, r.toFixed()),
-            percentComplete: r,
-            rightLabel: I(
-              s.balance_left,
-              V(o, "0,0.00")
-            ),
-            sx: {
-              pb: 24,
-              pt: 16,
-              px: 24
-            }
-          }
-        )
-      ]
-    }
-  ) });
-}, xt = ({
-  merchantBudget: t,
-  transaction: n,
-  onClose: l,
-  isOpen: a,
-  setCurrencyDialogAction: r,
-  renderingToast: o
-}) => {
-  const { budgets: i, common: _ } = E(), { sortedTransactions: s } = M(), d = c.useMemo(() => s.reduce((h, D) => D.parent_guid ? h : h + D.amount, 0), [s]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
-    d,
-    t.amount ?? 0
-  );
-  return /* @__PURE__ */ m(
-    me,
-    {
-      ariaLabelClose: _.close_aria,
-      footerStyles: {
-        px: 24,
-        py: 16
-      },
-      isOpen: a,
-      onClose: l,
-      onPrimaryAction: () => r(Ee.EDIT),
-      onSecondaryAction: () => {
-        r(Ee.DELETE);
-      },
-      primaryText: i.details_edit_button,
-      secondaryColor: "error",
-      secondaryText: i.details_delete_button,
-      sx: {
-        "& .list-wrapper": {
-          pr: 24
-        }
-      },
-      title: I(i.details_type_title, t.merchant_name),
-      children: [
-        /* @__PURE__ */ e(
-          At,
-          {
-            amount: t.amount,
-            icon: /* @__PURE__ */ e(
-              fe,
-              {
-                categoryGuid: n.top_level_category_guid || "",
-                merchantGuid: n.merchant_guid || ""
-              }
-            ),
-            iconColor: p,
-            remainingAmount: u,
-            spentPercentage: g,
-            startDate: n.date,
-            totalTransaction: d
-          }
-        ),
-        /* @__PURE__ */ e(Je, {}),
-        o?.()
-      ]
-    }
-  );
-}, Nt = w(xt);
-var Ee = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Ee || {});
-const It = w(({ transaction: t }) => {
-  const [n, l] = c.useState(null), [a, r] = c.useState(""), [o, i] = c.useState(!1), _ = c.useRef(!1), [s, d] = c.useState(null), u = H(), {
-    addMerchantBudget: g,
-    updateMerchantBudget: p,
-    deleteMerchantBudget: h,
-    getMerchantBudgetByMerchantGuid: D,
-    alert: O,
-    setAlert: K
-  } = rt(), { setFilter: P } = M(), { accounts: y } = ot(), N = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: J } = E(), { announce: se, ariaLive: le } = Ne(), [te, B] = c.useState(!1), b = t?.merchant_guid ? D(t.merchant_guid) : void 0, F = () => {
-    d(n), l(null), r("");
-  }, re = () => {
-    b ? B(!0) : l(
-      "create"
-      /* CREATE */
-    );
-  }, U = {
-    create: {
-      content: I(
-        C.create_budget_content,
-        /* @__PURE__ */ e("strong", { children: t.description }),
-        `${V(t.amount, "0,0.00")}`
-      ),
-      title: C.dialog_create_budget_title,
-      primaryButtonText: C.dialog_primary_button_text,
-      errorAlertMessage: I(
-        C.alert_merchant_budget_not_created,
-        t.description
-      ),
-      errorRetryAction: () => l(
-        "create"
-        /* CREATE */
-      ),
-      successAlertMessage: I(
-        C.alert_budget_created,
-        t.description
-      ),
-      apiTrigger: async () => await g(t.merchant_guid, Number(a))
-    },
-    edit: {
-      content: I(
-        C.edit_budget_content,
-        /* @__PURE__ */ e("strong", { children: t.description })
-      ),
-      title: C.details_edit_title,
-      primaryButtonText: C.add_save_button,
-      errorAlertMessage: I(
-        C.error_alert_edit_merchant_budget,
-        t.description
-      ),
-      errorRetryAction: () => l(
-        "edit"
-        /* EDIT */
-      ),
-      successAlertMessage: I(
-        C.success_alert_edit_merchant_budget,
-        t.description
-      ),
-      apiTrigger: async () => await p({
-        ...b,
-        amount: Number(a)
-      })
-    },
-    delete: {
-      content: I(
-        C.delete_description,
-        /* @__PURE__ */ e("strong", { children: t.description })
-      ),
-      title: C.delete_title,
-      primaryButtonText: C.details_delete_button,
-      errorAlertMessage: I(
-        C.error_alert_delete_merchant_budget,
-        t.description
-      ),
-      errorRetryAction: () => l(
-        "delete"
-        /* DELETE */
-      ),
-      successAlertMessage: I(
-        C.success_alert_delete_merchant_budget,
-        t.description
-      ),
-      apiTrigger: async () => await h(b.guid)
-    }
-  }, A = async () => {
-    if (_.current) return;
-    _.current = !0;
-    const { apiTrigger: S, successAlertMessage: R, errorAlertMessage: T } = U[n], { isSuccess: v } = await S(), oe = v ? R : T;
-    F(), i(!v), K(oe), se(oe), v && n === "delete" && B(!1), _.current = !1;
-  };
-  c.useEffect(() => {
-    const S = {
-      start: ve(new Date(t.date * 1e3)),
-      end: Be(new Date(t.date * 1e3))
-    };
-    te && P({
-      accounts: y.map((R) => R.guid),
-      custom: te ? (R) => R.merchant_guid === t.merchant_guid : (R) => R.guid === t.guid,
-      dateRange: S
-    });
-  }, [te, t, y]);
-  const $ = () => /* @__PURE__ */ e(
-    Ve,
-    {
-      actionText: C.autogenerate_budgets_error_primary_button,
-      autoHideDuration: 3500,
-      closeAriaLabel: J.close_aria,
-      handleClose: () => K(""),
-      message: O,
-      onActionClick: U[s]?.errorRetryAction,
-      open: !!O,
-      severity: o ? "error" : "success",
-      showAction: o,
-      showClose: !0
-    }
-  );
-  return /* @__PURE__ */ m(c.Fragment, { children: [
-    le,
-    /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(X, { onClick: re, children: [
-      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: N }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
-      /* @__PURE__ */ e(
-        W,
-        {
-          primary: C.add_merchant_budget_primary_text,
-          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: b ? `${V(b.amount, "0,0.00")} / ${J.month_text}` : C.add_merchant_budget_secondary_text }),
-          slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-        }
-      ),
-      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-    ] }) }),
-    !!b && /* @__PURE__ */ e(
-      Nt,
-      {
-        isOpen: te,
-        merchantBudget: b,
-        onClose: () => B(!1),
-        renderingToast: () => O && $(),
-        setCurrencyDialogAction: (S) => {
-          S === "edit" && r(b?.amount.toString() || ""), l(S);
-        },
-        transaction: t
-      }
-    ),
-    n && /* @__PURE__ */ e(
-      pt,
-      {
-        closeAriaLabel: J.close_aria,
-        content: U[n].content,
-        handleInputChange: r,
-        handleModalClose: F,
-        handlePrimaryAction: A,
-        handleSecondaryAction: F,
-        inputLabel: n !== "delete" ? J.amount_text : "",
-        inputValue: a,
-        isOpen: !!n,
-        primaryText: U[n].primaryButtonText,
-        secondaryText: J.cancel_button,
-        title: U[n].title
-      }
-    ),
-    !!O && $()
-  ] });
-}), Dt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: l } = M(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = E(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(""), h = async (y) => {
-    await l({ ...t, category_guid: g }), y && await n(g, t), p(""), r(j.TRANSACTION_DETAILS_CLICK_CATEGORY, {
-      transaction_guid: t.guid
-    });
-  }, D = (y) => {
-    if (t.is_manual && !t.guid) {
-      const N = a.find((C) => C.guid === y);
-      i({
-        ...t,
-        category: N?.name,
-        category_guid: y,
-        top_level_category_guid: N?.parent_guid || y
-      });
-    } else
-      p(y);
-    O();
-  }, O = () => {
-    u(!1), o(!1);
-  }, K = c.useMemo(
-    () => a.find((y) => y.guid === g),
-    [g]
-  ), P = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          r(f.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: P }, variant: "rounded", children: /* @__PURE__ */ e(
-            Oe,
-            {
-              categoryGuid: t.top_level_category_guid,
-              size: 24,
-              sx: { color: "text.primary" },
-              variant: Ge.Transparent
-            }
-          ) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              primary: _.category_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.category ?? _.actions_select_a_category }),
-              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-            }
-          ),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      Fe,
-      {
-        initialSelected: t.category_guid,
-        onClose: O,
-        onSelect: D,
-        showDrawer: d,
-        title: _.actions_select_a_category
-      }
-    ),
-    /* @__PURE__ */ e(
-      ae,
-      {
-        copy: {
-          title: I(
-            _.actions_apply_to_all_transaction_types,
-            t.description
-          )
-        },
-        isOpen: !!g,
-        onClose: () => p(""),
-        onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => h(!1),
-        primaryText: _.actions_apply_to_all,
-        secondaryText: _.actions_this_time_only,
-        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: I(
-          _.actions_all_past_and_future,
-          t.description,
-          K?.name
-        ) })
-      }
-    )
-  ] });
-}, vt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState(t.date), g = (D) => {
-    u(gt(D));
-  }, p = async () => {
-    if (t.is_manual && !t.guid) {
-      a({ ...t, date: d }), s(!1);
-      return;
-    }
-    await l({ ...t, date: d }), n(j.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), s(!1);
-  }, h = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          n(f.ON_TRANSACTION_DATE_CLICK), s(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              primary: o.date_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Me(Se(t.date), Re.YEAR_MONTH_DAY) }),
-              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-            }
-          ),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      me,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: _,
-        onClose: () => s(!1),
-        onPrimaryAction: p,
-        primaryText: r.save_button,
-        secondaryText: r.cancel_button,
-        title: o.date_edit_title,
-        children: /* @__PURE__ */ e(L, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
-          ht,
-          {
-            beginDate: Se(d),
-            copy: {
-              nextAria: o.date_next_aria,
-              prevAria: o.date_prev_aria,
-              today: r.date_range_picker.today
-            },
-            onDateSelected: g,
-            selectionType: yt.Single
-          }
-        ) })
-      }
-    )
-  ] });
-}, Et = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { removeTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), [i, _] = c.useState(!1), s = async () => {
-    await l(t.guid), n(f.ON_TRANSACTION_DELETE_DELETED);
-  };
-  return /* @__PURE__ */ m(Y, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          n(f.ON_TRANSACTION_DELETE_CLICK), a(!0), _(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { variant: "rounded", children: /* @__PURE__ */ e(Ae, { color: "secondary", fontSize: "small" }) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              primary: o.manual_transaction_delete_title,
-              secondary: o.manual_transaction_delete_subtitle
-            }
-          ),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(Ae, {}) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      ae,
-      {
-        copy: { title: o.manual_transaction_delete_title },
-        isOpen: i,
-        onClose: () => {
-          a(!1), _(!1);
-        },
-        onPrimaryAction: s,
-        onSecondaryAction: () => n(f.ON_TRANSACTION_DELETE_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        children: /* @__PURE__ */ e(x, { variant: "subtitle1", children: o.manual_transaction_delete_description })
-      }
-    )
-  ] });
-}, Ot = w(Et), Lt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), d = async () => {
-    await l({ ...t, merchant_guid: "" }), n(j.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
-      transaction_guid: t.guid
-    });
-  }, u = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          n(f.ON_TRANSACTION_DELETE_LOGO_CLICK), s(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: u }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "delete", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(W, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      ae,
-      {
-        copy: { title: o.merchant_logo_modal_title },
-        isOpen: _,
-        onClose: () => {
-          a(!1), s(!1);
-        },
-        onPrimaryAction: d,
-        onSecondaryAction: () => n(f.ON_TRANSACTION_DELETE_LOGO_CANCEL),
-        primaryText: r.delete_button,
-        secondaryText: r.cancel_button,
-        title: o.merchant_logo_modal_title,
-        children: [
-          /* @__PURE__ */ e(x, { variant: "subtitle1", children: o.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(x, { bold: !0, variant: "subtitle1", children: ` ${o.merchant_logo_modal_desc_bold}` })
-        ]
-      }
-    )
-  ] }) });
-}, wt = w(Lt), Mt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { setAlert: l, updateTransaction: a } = M(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = E(), _ = H(), [s, d] = c.useState(!1), u = t.is_hidden, g = async () => {
-    try {
-      await a({ ...t, is_hidden: !t.is_hidden }), n(
-        u ? f.ON_TRANSACTION_UNHIDDEN : f.ON_TRANSACTION_HIDDEN
-      ), l(u ? i.transaction_included : i.transaction_excluded);
-    } catch {
-      l(u ? i.transaction_not_included : i.transaction_not_excluded);
-    }
-  }, p = _.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        "aria-checked": u,
-        "aria-labelledby": "hide-transaction-text",
-        onClick: () => {
-          n(
-            u ? f.ON_TRANSACTION_UNHIDE_CLICK : f.ON_TRANSACTION_HIDE_CLICK
-          ), n(
-            u ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
-            {
-              transaction_guid: t.guid
-            }
-          ), d(!0);
-        },
-        role: "switch",
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(k, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(k, { name: "visibility", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              id: "hide-transaction-text",
-              primary: i.exclude_transaction,
-              secondary: i.excluding_transaction
-            }
-          ),
-          /* @__PURE__ */ e(Z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
-            Ct,
-            {
-              checked: u,
-              slotProps: { input: { tabIndex: -1 } },
-              sx: { pointerEvents: "none" },
-              tabIndex: -1
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ae,
-      {
-        copy: {
-          title: u ? i.include_transaction : i.exclude_transaction
-        },
-        isOpen: s,
-        onClose: () => {
-          r(!1), d(!1);
-        },
-        onPrimaryAction: g,
-        onSecondaryAction: () => n(
-          u ? f.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : f.ON_TRANSACTION_HIDE_CANCEL_CLICK
-        ),
-        primaryText: u ? i.include : i.exclude,
-        secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(x, { truncate: !1, variant: "subtitle1", children: u ? i.including_transaction : i.excluding_transaction })
-      }
-    )
-  ] }) });
-}, Rt = w(Mt), He = ({ transaction: t }) => {
-  const { amount: n, description: l, isIncome: a, merchant_guid: r, payee: o, top_level_category_guid: i } = t;
-  return /* @__PURE__ */ m(L, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
-    /* @__PURE__ */ e(
-      fe,
-      {
-        categoryGuid: i || "",
-        merchantGuid: r || "",
-        size: 64
-      }
-    ),
-    /* @__PURE__ */ m(L, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: l || o }),
-      /* @__PURE__ */ m(ee, { color: a ? "success.main" : "text.primary", truncate: !0, variant: "h1", children: [
-        a ? "+" : "",
-        V(n, "0,0.00")
-      ] })
-    ] })
-  ] });
-}, kt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState("");
-  c.useEffect(() => {
-    _ && u(t.memo ? t.memo : "");
-  }, [_]);
-  const g = async () => {
-    if (t.is_manual && !t.guid) {
-      a({ ...t, memo: d }), s(!1);
-      return;
-    }
-    await l({ ...t, memo: d }), n(j.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), s(!1);
-  }, p = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          n(f.ON_TRANSACTION_MEMO_CLICK), s(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "article", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              primary: o.memo_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.memo ? t.memo : o.memo_desc }),
-              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-            }
-          ),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      me,
-      {
-        ariaLabelClose: r.close_aria,
-        isOpen: _,
-        onClose: () => s(!1),
-        onPrimaryAction: g,
-        title: o.memo_title,
-        children: [
-          /* @__PURE__ */ e(He, { transaction: t }),
-          /* @__PURE__ */ e(
-            $e,
-            {
-              "aria-label": o.memo_desc_aria,
-              focused: !0,
-              multiline: !0,
-              name: "memo",
-              onChange: (h) => u(h.target.value),
-              placeholder: o.memo_desc,
-              rows: 4,
-              sx: { mx: 16, width: "calc(100% - 32px)" },
-              value: d
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, Pt = w(kt), Gt = ({
-  index: t,
-  onDeleteRow: n,
-  onCategoryChanged: l,
-  onUpdateAmount: a,
-  split: r
-}) => {
-  const { onEvent: o } = G(), { transactions: i } = E(), [_, s] = c.useState(`${r.amount}`), [d, u] = c.useState(!1), g = t === 0, p = (h) => {
-    isNaN(Number(h)) || (s(h), a(t, Number(h)));
-  };
-  return /* @__PURE__ */ m(Y, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
-    /* @__PURE__ */ m(De, { alignItems: g ? "center" : "start", container: !0, children: [
-      /* @__PURE__ */ e(De, { size: 7, children: /* @__PURE__ */ m(L, { alignItems: "start", children: [
-        /* @__PURE__ */ e(
-          ue,
-          {
-            endIcon: /* @__PURE__ */ e(Ke, {}),
-            onClick: () => u(!0),
-            startIcon: /* @__PURE__ */ e(Oe, { categoryGuid: r.top_level_category_guid }),
-            sx: { px: 12, py: 8 },
-            children: r.category
-          }
-        ),
-        /* @__PURE__ */ e(Y, { children: !r.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
-          /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_select_category })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ e(De, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: V(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
-        /* @__PURE__ */ m(L, { alignItems: "start", direction: "row", gap: 8, children: [
-          /* @__PURE__ */ e(
-            bt,
-            {
-              amount: _,
-              ariaLabel: i.split_transaction_edit_split_amount,
-              label: i.split_transaction_edit_split_amount,
-              minAmount: 0.01,
-              name: "split-amount-input",
-              setAmount: p,
-              sx: {
-                ".MuiOutlinedInput-input": { p: 12 }
-              },
-              type: "number"
-            }
-          ),
-          /* @__PURE__ */ e(
-            de,
-            {
-              "aria-label": i.split_transaction_delete_split_btn,
-              color: "secondary",
-              onClick: () => {
-                o(f.ON_TRANSACTION_SPLIT_DELETE_CLICK), n(t);
-              },
-              sx: { w: 44, h: 44 },
-              children: /* @__PURE__ */ e(Ae, {})
-            }
-          )
-        ] }),
-        !_ && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
-          /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_enter_an_amount })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(
-      Fe,
-      {
-        initialSelected: r.category_guid,
-        onClose: () => u(!1),
-        onSelect: (h) => {
-          l(t, h), u(!1);
-        },
-        showDrawer: d,
-        title: i.actions_select_a_category
-      }
-    )
-  ] });
-}, Bt = w(Gt), $t = ({
-  onAddSplit: t,
-  onCategoryChanged: n,
-  onDeleteSplit: l,
-  onUpdateAmount: a,
-  splits: r,
-  transaction: o
-}) => {
-  const { transactions: i } = E(), { onEvent: _ } = G(), [s, d] = c.useState(""), { announce: u, ariaLive: g } = Ne();
-  return c.useEffect(() => {
-    if (r.length <= 1)
-      d(i.split_transaction_errors_min_splits), u(i.split_transaction_errors_min_splits);
-    else if (r[0].amount < 0) {
-      const p = I(
-        i.split_transaction_errors_totals_must_equal_amount,
-        V(o.amount, "0,0.00")
-      );
-      d(p), u(p);
-    } else
-      d(""), u("");
-  }, [r]), /* @__PURE__ */ m(Y, { className: "mx-txn-split-manager", children: [
-    g,
-    r.map((p, h) => /* @__PURE__ */ e(
-      Bt,
-      {
-        index: h,
-        onCategoryChanged: n,
-        onDeleteRow: l,
-        onUpdateAmount: a,
-        split: p
-      },
-      h
-    )),
-    s && /* @__PURE__ */ m(L, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
-      /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(x, { variant: "body2", children: s })
-    ] }),
-    /* @__PURE__ */ e(Y, { p: 16, children: /* @__PURE__ */ e(
-      ue,
-      {
-        "aria-label": i.split_transaction_add_split_btn,
-        onClick: () => {
-          _(f.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
-        },
-        children: i.split_transaction_add_split_btn
-      }
-    ) })
-  ] });
-}, Kt = w($t), Ft = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { announce: l, ariaLive: a } = Ne(), { splitTransaction: r, unSplitTransaction: o, transactionSplitting: i } = M(), { common: _, transactions: s } = E(), { setShouldDisableDrawerScroll: d } = ne(), { categories: u } = we(), g = H(), p = {
-    ...t,
-    amount: t.amount - 1,
-    guid: "",
-    has_been_split: !1,
-    parent_guid: t.guid
-  }, h = {
-    ...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
-  }, [D, O] = c.useState(!1), [K, P] = c.useState(!1), [y, N] = c.useState([]), C = () => {
-    const A = [...y];
-    A.push({ ...h }), A[0].amount -= 1, N(A), l(
-      I(
-        s.split_transaction_add_split_announcement,
-        A.length
-      )
-    );
-  }, J = (A) => {
-    if (A > 0) {
-      const $ = y[A], S = [...y];
-      S.splice(A, 1), S[0].amount += $.amount, N(S), l(
-        I(s.split_transaction_delete_split_announcement, A + 1)
-      );
-    }
-  }, se = (A, $) => {
-    const S = [...y];
-    S[A].amount = $, S[0].amount = t.amount - S.reduce(
-      (R, T, v) => R + (v !== 0 ? T.amount : 0),
-      0
-    ), N(S);
-  }, le = (A, $) => {
-    const S = [...y], R = u.find((T) => T.guid === $);
-    R && (S[A] = {
-      ...S[A],
-      category_guid: $,
-      category: R.name,
-      top_level_category_guid: R.parent_guid || $
-    }, N(S), l(
-      I(
-        s.split_transaction_select_category_announcement,
-        R.name,
-        A + 1
-      )
-    ));
-  }, te = () => {
-    if (t.parent_guid || t.has_been_split) {
-      P(!0);
-      return;
-    }
-    N([{ ...p }, { ...h }]), n(j.TRANSACTION_DETAILS_CLICK_SPLIT, {
-      transaction_guid: t.guid
-    }), O(!0);
-  }, B = async () => {
-    n(f.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, y), O(!1);
-  }, b = async () => {
-    i || (n(f.ON_TRANSACTION_SPLIT_CANCEL_CLICK), N([{ ...p }, { ...h }]), O(!1));
-  }, F = async () => {
-    n(j.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
-      transaction_guid: t.guid
-    });
-    const A = t.parent_guid ?? t.guid;
-    await o(A);
-  }, re = c.useMemo(() => {
-    const A = y.some((S) => !S.category_guid), $ = y.some((S) => S.amount <= 0);
-    return A || $;
-  }, [y]), U = g.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(X, { onClick: te, children: [
-      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: U }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "call_split", sx: { color: "text.primary" } }) }) }),
-      /* @__PURE__ */ e(
-        W,
-        {
-          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(Z, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(k, { name: "delete" }) : /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-    ] }),
-    /* @__PURE__ */ m(
-      me,
-      {
-        ariaLabelClose: _.close_aria,
-        isOpen: D,
-        isPrimaryDisabled: re || i,
-        onClose: b,
-        onPrimaryAction: B,
-        primaryText: _.save_button,
-        secondaryText: _.cancel_button,
-        title: s.split_transaction_title,
-        children: [
-          a,
-          /* @__PURE__ */ e(He, { transaction: t }),
-          /* @__PURE__ */ e(
-            Kt,
-            {
-              onAddSplit: C,
-              onCategoryChanged: le,
-              onDeleteSplit: J,
-              onUpdateAmount: se,
-              splits: y,
-              transaction: t
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ae,
-      {
-        copy: { title: s.split_transaction_unsplit_title },
-        isOpen: K,
-        onClose: () => {
-          d(!1), P(!1);
-        },
-        onPrimaryAction: F,
-        onSecondaryAction: () => {
-          n(f.ON_TRANSACTION_UNSPLIT_CANCEL);
-        },
-        primaryText: _.delete_button,
-        secondaryText: _.cancel_button,
-        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: I(
-          s.split_transaction_unsplit_description,
-          t.description
-        ) })
-      }
-    )
-  ] }) });
-}, Ht = w(Ft), Ut = () => {
-  const t = H(), { onEvent: n } = G(), { addTag: l } = M(), { transactions: a } = E(), [r, o] = c.useState(!1), [i, _] = c.useState(""), [s, d] = c.useState(""), u = c.useRef(null);
-  c.useEffect(() => {
-    r && u?.current?.focus();
-  }, [r]);
-  const g = () => {
-    n(
-      r ? f.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : f.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
-    ), r || _(""), o(!r);
-  }, p = async () => {
-    n(f.ON_TRANSACTION_TAGS_TAG_ADDED), await l(i), o(!1);
-  };
-  return c.useEffect(() => {
-    d(i.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [i]), /* @__PURE__ */ m(Y, { className: "mx-txn-tag-manager-header", children: [
-    /* @__PURE__ */ m(
-      L,
-      {
-        alignItems: "center",
-        bgcolor: t.palette.background.default,
-        direction: "row",
-        justifyContent: "space-between",
-        px: 24,
-        py: 16,
-        children: [
-          /* @__PURE__ */ e(x, { bold: !0, children: a.tags_your_tags }),
-          /* @__PURE__ */ e(
-            ue,
-            {
-              "aria-expanded": r,
-              "aria-label": a.tags_add_tag_btn_aria,
-              onClick: g,
-              children: a.tags_add_tag_btn
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      ae,
-      {
-        copy: { title: a.tags_add_tag_btn },
-        isOpen: r,
-        onClose: () => o(!1),
-        onPrimaryAction: p,
-        onSecondaryAction: () => o(!1),
-        children: [
-          /* @__PURE__ */ e(
-            Le,
-            {
-              "aria-label": a.tags_placeholder,
-              name: "add-tag",
-              onChange: (h) => _(h.target.value),
-              placeholder: a.tags_placeholder,
-              sx: { width: "100%" },
-              value: i
-            }
-          ),
-          /* @__PURE__ */ e(ee, { id: "add-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: s })
-        ]
-      }
-    )
-  ] });
-}, zt = w(Ut), Wt = ({ onSearchValueChanged: t, searchValue: n }) => {
-  const { common: l, transactions: a } = E(), r = /* @__PURE__ */ e(
-    de,
-    {
-      "aria-label": a.tags_cancel_search || "Search",
-      onClick: () => t(""),
-      children: /* @__PURE__ */ e(xe, {})
-    }
-  );
-  return /* @__PURE__ */ e(Y, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
-    Le,
-    {
-      "aria-label": l.search_aria,
-      name: "search",
-      onChange: (o) => t(o.target.value),
-      placeholder: l.search_placeholder,
-      slotProps: {
-        input: {
-          startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
-          endAdornment: /* @__PURE__ */ e(Pe, { position: "end", sx: { padding: 0 }, children: n ? r : null })
-        }
-      },
-      sx: { bgcolor: "background.paper", width: "100%" },
-      value: n
-    }
-  ) });
-}, Vt = w(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: l }) => {
-  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = M(), { common: i, transactions: _ } = E(), [s, d] = c.useState(!1), [u, g] = c.useState(!1), [p, h] = c.useState(""), [D, O] = c.useState(""), K = async () => {
-    a(f.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), l && await o({ ...l, name: p }), d(!1);
-  }, P = async () => {
-    a(f.ON_TRANSACTION_TAGS_TAG_DELETED), await r(l.guid), g(!1);
-  };
-  c.useEffect(() => {
-    O(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
-  }, [p]);
-  const y = () => {
-    a(f.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(l.name), d(!0);
-  }, N = () => {
-    a(f.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), g(!0);
-  };
-  return /* @__PURE__ */ m(
-    z,
-    {
-      className: "mx-txn-transaction-manager-row",
-      disableGutters: !0,
-      disablePadding: !0,
-      secondaryAction: !l.is_default_tag && /* @__PURE__ */ m(L, { direction: "row", children: [
-        /* @__PURE__ */ e(
-          de,
-          {
-            "aria-label": `Edit ${l.name} tag`,
-            color: "secondary",
-            onClick: y,
-            children: /* @__PURE__ */ e(dt, { color: "secondary" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          de,
-          {
-            "aria-label": `Delete ${l.name} tag`,
-            color: "secondary",
-            onClick: N,
-            children: /* @__PURE__ */ e(Ae, { color: "secondary" })
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ m(
-          X,
-          {
-            "aria-checked": n.includes(l.guid),
-            onClick: () => t(l.guid),
-            role: "checkbox",
-            children: [
-              /* @__PURE__ */ e(Z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
-                Tt,
-                {
-                  "aria-hidden": !0,
-                  checked: n.includes(l.guid),
-                  edge: "start",
-                  tabIndex: -1
-                }
-              ) }),
-              /* @__PURE__ */ e(W, { children: l.name })
-            ]
-          }
-        ),
-        /* @__PURE__ */ m(
-          ae,
-          {
-            copy: { title: "Update tag name" },
-            isOpen: s,
-            onClose: () => d(!1),
-            onPrimaryAction: K,
-            onSecondaryAction: () => d(!1),
-            children: [
-              /* @__PURE__ */ e(
-                Le,
-                {
-                  "aria-describedby": D ? "update-tag-error" : void 0,
-                  "aria-label": _.tags_update_the_tag_name,
-                  name: "update-tag",
-                  onChange: (C) => h(C.target.value),
-                  placeholder: "Tag name",
-                  sx: { width: "100%" },
-                  value: p
-                }
-              ),
-              /* @__PURE__ */ e(ee, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: D })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          ae,
-          {
-            copy: { title: _.tags_delete_title },
-            isOpen: u,
-            onClose: () => g(!1),
-            onPrimaryAction: P,
-            onSecondaryAction: () => a(f.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
-            primaryText: i.delete_button,
-            secondaryText: i.cancel_button,
-            children: /* @__PURE__ */ e(x, { truncate: !1, children: _.tags_deleting_this_tag_will_remove_it })
-          }
-        )
-      ]
-    }
-  );
-}, jt = w(Yt), qt = ({ selectedTags: t, onTagChecked: n }) => {
-  const { tags: l } = M(), [a, r] = c.useState(""), o = l.filter(
-    (i) => i.name.toLowerCase().includes(a.toLowerCase())
-  );
-  return /* @__PURE__ */ m("div", { className: "mx-txn-tag-manager", children: [
-    /* @__PURE__ */ e(
-      Vt,
-      {
-        onSearchValueChanged: (i) => r(i),
-        searchValue: a
-      }
-    ),
-    /* @__PURE__ */ e(zt, {}),
-    /* @__PURE__ */ e(ye, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(Ce, { children: o.map((i) => /* @__PURE__ */ m(c.Fragment, { children: [
-      /* @__PURE__ */ e(jt, { onTagChecked: n, selectedTags: t, tag: i }),
-      /* @__PURE__ */ e(be, { sx: { ml: 24 } })
-    ] }, i.guid)) }) })
-  ] });
-}, Qt = w(qt), Xt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { tags: l, updateTaggings: a, updateTransaction: r } = M(), { common: o, transactions: i } = E(), { updateManualTransaction: _ } = ne(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(t.tags);
-  c.useEffect(() => {
-    p(t.tags);
-  }, [d, t]);
-  const h = (P) => {
-    const y = [...g], N = g.indexOf(P);
-    N >= 0 ? y.splice(N, 1) : y.push(P), p(y);
-  }, D = async () => {
-    if (t.is_manual && !t.guid) {
-      _({ ...t, tags: g }), u(!1);
-      return;
-    }
-    await a(g, t.guid), await r({ ...t, tags: g }), n(j.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
-  }, O = c.useMemo(
-    () => t.tags.map(
-      (P, y, N) => `${l.find((C) => C.guid === P)?.name}${y < N.length - 1 ? " / " : ""}`
-    ),
-    [l, t]
-  ), K = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(
-      X,
-      {
-        onClick: () => {
-          n(f.ON_TRANSACTION_TAGS_CLICK), u(!0);
-        },
-        children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: K }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              primary: i.tags_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? O : i.tags_desc }),
-              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-            }
-          ),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      me,
-      {
-        ariaLabelClose: o.close_aria,
-        isOpen: d,
-        onClose: () => u(!1),
-        onPrimaryAction: D,
-        primaryText: o.save_button,
-        secondaryText: o.cancel_button,
-        title: i.tags_title,
-        children: /* @__PURE__ */ e(Qt, { onTagChecked: h, selectedTags: g })
-      }
-    )
-  ] });
-}, Zt = w(Xt), Jt = ({ transaction: t, viewOnly: n = !1 }) => {
-  const { updateTransaction: l } = M(), { common: a, transactions: r } = E(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ne(), [s, d] = c.useState(!1), [u, g] = c.useState(""), p = c.useRef(null);
-  c.useEffect(() => {
-    s && (g(t.description), p?.current?.focus());
-  }, [s]);
-  const h = () => {
-    d(!0), o(f.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
-  }, D = async () => {
-    o(j.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
-      transaction_guid: t.guid
-    }), await l({ ...t, description: u }), d(!1), i(`${r.payee_title}: ${u}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
-  };
-  return /* @__PURE__ */ m(Y, { className: "mx-txn-transaction-description", children: [
-    _,
-    s ? /* @__PURE__ */ m(Xe, { row: !0, children: [
-      /* @__PURE__ */ e(
-        $e,
-        {
-          "aria-label": r.payee_title,
-          id: "transaction-description-input",
-          label: r.payee_title,
-          name: r.payee_title,
-          onChange: (O) => g(O.target.value),
-          ref: p,
-          slotProps: { htmlInput: { maxLength: 140 } },
-          sx: {
-            backgroundColor: "background.paper",
-            ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
-            ".MuiOutlinedInput-input": { p: 11 },
-            width: 250
-          },
-          value: u
-        }
-      ),
-      /* @__PURE__ */ e(
-        ue,
-        {
-          disabled: !u,
-          onClick: D,
-          sx: {
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0
-          },
-          variant: "outlined",
-          children: a.save_button
-        }
-      )
-    ] }) : /* @__PURE__ */ m(L, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
-      /* @__PURE__ */ e(x, { bold: !0, children: t.description }),
-      !n && /* @__PURE__ */ e(
-        de,
-        {
-          "aria-label": r.payee_edit,
-          id: "transaction-description-edit-button",
-          onClick: h,
-          sx: { color: "action.active" },
-          children: /* @__PURE__ */ e(Te, { name: "create", size: 22 })
-        }
-      )
-    ] })
-  ] });
-}, ea = w(Jt), ta = ({ transaction: t }) => {
-  const { updateTransaction: n } = M(), { transactions: l } = E(), { onEvent: a } = G(), r = H(), o = r.palette.mode === "dark", i = async () => {
-    a(j.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
-  };
-  return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
-    lt,
-    {
-      "aria-label": l.flag_btn_aria,
-      "aria-pressed": t.is_flagged,
-      color: o ? "primary" : "warning",
-      onClick: i,
-      selected: t.is_flagged,
-      sx: {
-        borderRadius: 6,
-        color: o ? "common.white" : "secondary.main",
-        "&.Mui-selected": {
-          color: o ? "primary.main" : "common.white",
-          backgroundColor: o ? Ie(r.palette.primary.main, 0.25) : "warning.dark",
-          ":hover": {
-            color: o ? "primary.main" : "common.white",
-            backgroundColor: o ? Ie(r.palette.primary.main, 0.2) : "warning.main"
-          }
-        },
-        ":hover": {
-          color: o ? "common.white" : "warning.contrastText",
-          backgroundColor: o ? Ie(r.palette.primary.main, 0.2) : "warning.light"
-        }
-      },
-      value: "flagged",
-      children: /* @__PURE__ */ e(ut, { color: "inherit" })
-    }
-  ) });
-}, aa = w(ta), he = (t, n, l, a = !0, r = "inset") => a ? /* @__PURE__ */ m(c.Fragment, { children: [
-  /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
-    /* @__PURE__ */ e(
-      W,
-      {
-        primary: n,
-        secondary: l,
-        slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(be, { variant: r })
-] }) : null, na = ({ transaction: t }) => {
-  const { transactions: n } = E(), { tags: l } = M(), a = c.useMemo(() => {
-    const r = new Map(l.map((o) => [o.guid, o.name]));
-    return t.tags.map((o) => r.get(o)).filter(Boolean).join(" / ");
-  }, [l, t.tags]);
-  return /* @__PURE__ */ m(Ce, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
-    he(
-      /* @__PURE__ */ e(
-        Oe,
-        {
-          categoryGuid: t.top_level_category_guid,
-          size: 24,
-          sx: { color: "text.primary" },
-          variant: Ge.Transparent
-        }
-      ),
-      n.category_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.category ?? n.actions_select_a_category })
-    ),
-    he(
-      /* @__PURE__ */ e(Te, { name: "calendar_month", sx: { color: "text.primary" } }),
-      n.date_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: Me(Se(t.date), Re.YEAR_MONTH_DAY) })
-    ),
-    he(
-      /* @__PURE__ */ e(Te, { name: "article", sx: { color: "text.primary" } }),
-      n.memo_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.memo ?? n.memo_desc }),
-      !!t.memo,
-      t.tags?.length > 0 ? "inset" : "fullWidth"
-    ),
-    he(
-      /* @__PURE__ */ e(Te, { name: "local_offer", sx: { color: "text.primary" } }),
-      n.tags_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.tags?.length ? a : n.tags_desc }),
-      !!t.tags?.length,
-      "fullWidth"
-    )
-  ] });
-}, ra = w(na), oa = ({
-  data: t,
-  color: n,
-  width: l = 85,
-  height: a = 65
-}) => {
-  const r = H(), o = {
-    series: [
-      {
-        data: t.map(({ value: s }) => s),
-        type: "bar"
-      }
-    ],
-    xAxis: [
-      {
-        data: t.map(({ label: s }) => s),
-        scaleType: "band",
-        categoryGapRatio: 0.3
-      }
-    ]
-  }, i = t.map(
-    (s, d) => d === t.length - 1 ? n(r) : `${n(r)}80`
-  ), _ = (s, d) => {
-    if (s <= 0 || d <= 0) return "";
-    const u = Math.min(6, s / 2, d / 2);
-    return `M${u},0 L${s - u},0 Q${s},0 ${s},${u} L${s},${d} L0,${d} L0,${u} Q0,0 ${u},0 Z`;
-  };
-  return /* @__PURE__ */ e(
-    L,
-    {
-      sx: {
-        width: l,
-        height: a
-      },
-      children: /* @__PURE__ */ e(
-        mt,
-        {
-          axisHighlight: {
-            x: "none",
-            y: "none"
-          },
-          height: a,
-          margin: {
-            bottom: -10,
-            left: 0,
-            right: 0,
-            top: 10
-          },
-          series: o.series,
-          slots: {
-            bar: ({ ownerState: s, ...d }) => {
-              const { ariaLabel: u } = t[s.dataIndex];
-              return /* @__PURE__ */ e("g", { "aria-label": u, children: /* @__PURE__ */ e(
-                "path",
-                {
-                  d: _(d.width, d.height),
-                  fill: i[s.dataIndex],
-                  transform: `translate(${d.x}, ${d.y})`
-                }
-              ) });
-            },
-            axisTickLabel: ({ text: s, ...d }) => {
-              const u = t[t.length - 1]?.label;
-              return /* @__PURE__ */ e(
-                "text",
-                {
-                  ...d,
-                  style: {
-                    ...d.style,
-                    fontSize: 6.75,
-                    lineHeight: "9px",
-                    fontWeight: u === s ? "bold" : 400
-                  },
-                  children: s
-                }
-              );
-            }
-          },
-          sx: {
-            "& .MuiChartsAxis-bottom .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick": {
-              display: "none"
-            }
-          },
-          width: l,
-          xAxis: o.xAxis,
-          yAxis: [{ width: 0, position: "none" }]
-        }
-      )
-    }
-  );
-}, ia = {
-  BILL_AMOUNT_NOT_STANDARD: "BillAmountNotStandard"
-}, sa = (t, n) => {
-  if (n)
-    switch (n.template) {
-      case ia.BILL_AMOUNT_NOT_STANDARD: {
-        const l = n.data_series ? et(n.data_series) : [], a = tt(l, n.payload?.merchant_name);
-        return {
-          instanceSlot: /* @__PURE__ */ e(
-            oa,
-            {
-              color: (r) => r.palette.categories.billsUtilities,
-              data: a.slice(-3)
-            }
-          ),
-          dataSeries: l,
-          chartData: a,
-          callToAction: t.view_history
-        };
-      }
-      default:
-        return null;
-    }
-  return null;
-}, la = ({
-  bottomActions: t = St,
-  canFlagTransaction: n = !0,
-  topActions: l = ft,
-  transaction: a
-}) => {
-  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: s, insights_feed: d } = E(), { detailedCategories: u } = we(), {
-    alert: g,
-    associatedBeats: p,
-    detailedTransactions: h,
-    cachedStartDate: D,
-    loadEmbeddedInstanceTransactions: O,
-    setAlert: K
-  } = M(), [P, y] = c.useState(!1), [N, C] = c.useState(!1), [J, se] = c.useState(!1), le = H(), te = a?.number && a.number.length > 4, B = c.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(s, B), [F, re] = c.useState(
-    b ? b.dataSeries.length - 1 : 0
-  );
-  c.useEffect(
-    () => r(j.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
-    []
-  ), c.useEffect(() => {
-    if (!b || b.dataSeries.length === 0) return;
-    const { date: T } = b.dataSeries[F], v = ve(T);
-    Ye(v, D) && (C(!0), O(v).finally(() => {
-      C(!1);
-    }));
-  }, [F, b, D]);
-  const U = t.includes(ie.MerchantBudget) && !a?.merchant_guid ? t.filter((T) => T !== ie.MerchantBudget) : t, A = ke(() => {
-    if (b) {
-      const T = u.find(
-        (pe) => pe.guid === a.top_level_category_guid
-      ), v = B?.payload?.average_amount ?? 0, oe = a.amount;
-      let _e = d.general.increased_text;
-      oe - v < 0 && (_e = d.general.decreased_text);
-      const ge = v === 0 ? 0 : Math.round(Math.abs(oe - v) / v * 100);
-      return { category: T, percentageAmount: ge, changetype: _e };
-    }
-    return null;
-  }, [b, u]), $ = ke(() => {
-    if (!b?.dataSeries?.length)
-      return [];
-    const { guid: T, date: v } = b.dataSeries[F], oe = ve(v), _e = Be(v);
-    return h.filter((ge) => {
-      const pe = Se(ge.date);
-      return pe >= oe && pe <= _e && ge.guid === T;
-    });
-  }, [F, b, h, N]);
-  if (!o)
-    return /* @__PURE__ */ e(_t, {});
-  const S = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), R = le.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(Y, { className: "mx-txn-transaction-details", width: "100%", children: [
-    a && /* @__PURE__ */ m(L, { children: [
-      /* @__PURE__ */ m(L, { gap: 12, p: 24, children: [
-        /* @__PURE__ */ e(ye, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
-          fe,
-          {
-            categoryGuid: a.top_level_category_guid || "",
-            merchantGuid: a.merchant_guid || "",
-            size: 64
-          }
-        ) }),
-        /* @__PURE__ */ e(ea, { transaction: a, viewOnly: S }),
-        /* @__PURE__ */ m(L, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
-          /* @__PURE__ */ m(ee, { color: a.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
-            a.isIncome ? "+" : "",
-            V(a.amount, "0,0.00")
-          ] }),
-          !S && n && /* @__PURE__ */ e(aa, { transaction: a })
-        ] }),
-        b?.instanceSlot && /* @__PURE__ */ e(
-          at,
-          {
-            callToAction: b.callToAction,
-            description: I(
-              d.general.embedded_description,
-              A.changetype,
-              /* @__PURE__ */ e("strong", { children: A.percentageAmount })
-            ),
-            instanceSlot: b.instanceSlot,
-            onCtaClick: () => {
-              y(!0);
-            },
-            title: B.html_micro_title
-          }
-        ),
-        /* @__PURE__ */ m(L, { sx: { bgcolor: R, borderRadius: "4px", gap: 4, p: 8 }, children: [
-          /* @__PURE__ */ e(x, { bold: !0, children: `${a.account}
-                ${te ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
-          /* @__PURE__ */ e(x, { bold: !0, truncate: !0, variant: "tiny", children: a.feed_description })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(ye, { square: !0, sx: { boxShadow: "none" }, children: S ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(Ce, { children: l.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
-        T === ce.Category && /* @__PURE__ */ e(Dt, { transaction: a }),
-        T === ce.Date && /* @__PURE__ */ e(vt, { transaction: a }),
-        T === ce.Memo && /* @__PURE__ */ e(Pt, { transaction: a }),
-        T === ce.Tags && /* @__PURE__ */ e(Zt, { transaction: a }),
-        /* @__PURE__ */ e(
-          be,
-          {
-            component: "li",
-            variant: v < l.length - 1 ? "inset" : "fullWidth"
-          }
-        )
-      ] }, T)) }) }),
-      !S && U.length > 0 && /* @__PURE__ */ m(c.Fragment, { children: [
-        /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: _.actions }),
-        /* @__PURE__ */ e(ye, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ m(Ce, { children: [
-          U.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
-            T === ie.MerchantBudget && /* @__PURE__ */ e(It, { transaction: a }),
-            T === ie.SplitTransaction && /* @__PURE__ */ e(Ht, { transaction: a }),
-            T === ie.HideTransaction && /* @__PURE__ */ e(Rt, { transaction: a }),
-            T === ie.MerchantLogo && /* @__PURE__ */ e(wt, { transaction: a }),
-            /* @__PURE__ */ e(
-              be,
-              {
-                component: "li",
-                variant: v < U.length - 1 ? "inset" : "fullWidth"
-              }
-            )
-          ] }, T)),
-          a.is_manual && !a.parent_guid && !a.has_been_split && /* @__PURE__ */ e(Ot, { transaction: a })
-        ] }) })
-      ] })
-    ] }),
-    B && b && /* @__PURE__ */ e(
-      nt,
-      {
-        ariaLabel: Me(
-          b?.dataSeries[F]?.date,
-          Re.MONTH
-        ),
-        barChartProps: {
-          amounts: {
-            average: B.payload.average_amount,
-            formattedAverage: V(B.payload.average_amount, "0,0")
-          },
-          color: A.category?.color || "",
-          data: b.chartData,
-          margin: { bottom: 10, left: 24, right: 24, top: 20 },
-          monthlyAmountLabel: d.general.monthly_amount,
-          onBarClick: (T) => {
-            re(T);
-          },
-          trendAmountLabel: d.general.trend,
-          legendPosition: "top"
-        },
-        beat: {
-          heading: B.html_title,
-          subHeading: {
-            category_guid: a.category_guid ?? "",
-            merchant_guid: a.merchant_guid ?? "",
-            description: a.description ?? ""
-          }
-        },
-        data: b.chartData,
-        defaultSelectedIndex: F,
-        icon: /* @__PURE__ */ e(
-          fe,
-          {
-            alt: a.description ?? "",
-            categoryGuid: a.category_guid ?? "",
-            merchantGuid: a.merchant_guid ?? "",
-            size: 16
-          }
-        ),
-        isOpen: P,
-        onClose: () => {
-          y(!1), re(b.dataSeries.length - 1);
-        },
-        onTabChange: (T) => {
-          re(T);
-        },
-        tipSection: J ? void 0 : {
-          message: I(
-            d.general.tip_section_message,
-            /* @__PURE__ */ e("strong", { children: d.general.tip_section_title }),
-            /* @__PURE__ */ e("strong", { children: B.primary_transaction?.description })
-          ),
-          onDismiss: () => se(!0)
-        },
-        title: d.general.transaction_history_title,
-        transactionListProps: {
-          showLoader: N,
-          showInsights: !0,
-          transaction: $
-        }
-      }
-    ),
-    /* @__PURE__ */ e(
-      ze,
-      {
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        autoHideDuration: 3500,
-        onClose: () => K(""),
-        open: !!g,
-        children: /* @__PURE__ */ e(Ue, { closeText: "", onClose: () => K(""), severity: "success", variant: "filled", children: g })
-      }
-    )
-  ] });
-}, nn = w(la);
-export {
-  ie as B,
-  Dt as C,
-  vt as D,
-  Pt as M,
-  nn as T,
-  Zt as a,
-  ce as b,
-  At as c
-};
-//# sourceMappingURL=TransactionDetails-naGZa2sb.mjs.map