@mx-cartographer/experiences 8.1.5 → 8.1.6

package/dist/TransactionDetails-DLnK244l.mjs

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