@mx-cartographer/experiences 7.9.6-alpha.mm0 → 7.9.6

package/dist/{TransactionDetails-BdR4hm3y.mjs → TransactionDetails-DhEr3tAj.mjs}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import _ from "react";
 import { observer as x } from "mobx-react-lite";
 import { useVirtualizer as Ge } from "@tanstack/react-virtual";
-import O from "@mui/material/Box";
+import w from "@mui/material/Box";
 import ee from "@mui/material/Divider";
 import te from "@mui/material/List";
 import { MerchantLogo as he, Icon as f, Text as T, useTokens as ne, CategoryIcon as Te, CategoryIconVariants as xe, IconWeight as v, P as J, TextField as ye } from "@mxenabled/mxui";
@@ -10,14 +10,14 @@ import $ from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemText";
 import b from "@mui/material/Stack";
 import { T as Me, L as Ke, O as h, C as $e, b as Be, i as Fe } from "./User-B0LnmiKO.mjs";
-import { G as He, h as D, u as I, g as w, m as Ne, b as ze, o as Ue } from "./hooks-ZMp65DFz.mjs";
+import { G as He, h as D, u as I, g as O, m as Ne, b as ze, o as Ue } from "./hooks-ZMp65DFz.mjs";
 import { f as re } from "./NumberFormatting-DjTD0t3W.mjs";
 import { Receipt as Xe, Delete as le, ChevronRight as Ve, Cancel as ce, Search as We, Edit as Ye, Flag as je } from "@mxenabled/mx-icons";
 import { fromUnixTime as j } from "date-fns/fromUnixTime";
 import { isSameDay as Ie } from "date-fns/isSameDay";
 import { h as qe } from "./DateUtil-D7U-nc1Y.mjs";
 import { L as ve } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-DaQvpZHu.mjs";
+import { A as P } from "./WidgetContainer-to34uDrh.mjs";
 import ie from "@mui/material/Paper";
 import de from "@mui/material/Button";
 import Ze from "@mui/material/FormGroup";
@@ -28,7 +28,7 @@ import Je from "@mui/material/ToggleButton";
 import Ee from "@mui/material/styles/useTheme";
 import z from "@mui/material/Avatar";
 import B from "@mui/material/ListItem";
-import { a as W, f as Oe, D as we } from "./Dialog-B4PI-_bL.mjs";
+import { a as W, f as we, D as Oe } from "./Dialog-B4PI-_bL.mjs";
 import U from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
 import { a as Le } from "./CategorySelectorDrawer-cQKX5dZb.mjs";
@@ -140,7 +140,7 @@ const lt = ({ transaction: t, onClick: r }) => {
 }, ct = x(lt), dt = ({
   bgcolor: t = "background.default",
   children: r
-}) => /* @__PURE__ */ e(O, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(T, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), _t = ({ showIcon: t = !0, showSubtitle: r = !0 }) => {
+}) => /* @__PURE__ */ e(w, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(T, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), _t = ({ showIcon: t = !0, showSubtitle: r = !0 }) => {
   const i = ne(), { transactions: a } = I();
   return /* @__PURE__ */ l(b, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
     t && /* @__PURE__ */ e(Xe, { color: "secondary", sx: { fontSize: 32 } }),
@@ -169,7 +169,7 @@ const lt = ({ transaction: t, onClick: r }) => {
   const { isLoading: p, sortedTransactions: S } = D(), g = _.useMemo(() => {
     const R = r ? S.filter(r) : S, k = d ?? R;
     return s ? k : k.filter((V) => !V.is_hidden);
-  }, [S, s]), { clearExpandedSplits: C, setShowInsights: L, toggleSplit: y } = G(), { onEvent: N } = w(), F = (R) => {
+  }, [S, s]), { clearExpandedSplits: C, setShowInsights: L, toggleSplit: y } = G(), { onEvent: N } = O(), F = (R) => {
     const k = g.find((V) => V.guid === R);
     if (k?.has_been_split) {
       y(k.guid);
@@ -185,8 +185,8 @@ const lt = ({ transaction: t, onClick: r }) => {
     estimateSize: (R) => be + (fe(R, g) ? Ae : 0),
     overscan: 5
   });
-  return _.useEffect(() => K.measure(), [g]), _.useEffect(() => L(n), [n]), _.useEffect(() => () => C(), []), /* @__PURE__ */ e(te, { sx: { width: u }, children: /* @__PURE__ */ e(O, { height: i, overflow: "auto", ref: q, width: u, children: /* @__PURE__ */ l(
-    O,
+  return _.useEffect(() => K.measure(), [g]), _.useEffect(() => L(n), [n]), _.useEffect(() => () => C(), []), /* @__PURE__ */ e(te, { sx: { width: u }, children: /* @__PURE__ */ e(w, { height: i, overflow: "auto", ref: q, width: u, children: /* @__PURE__ */ l(
+    w,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
@@ -200,7 +200,7 @@ const lt = ({ transaction: t, onClick: r }) => {
         !p && !c && K.getVirtualItems().length > 0 && K.getVirtualItems().map((R) => {
           const k = g[R.index], V = fe(R.index, g), ue = mt(R.index, g), me = be + (V ? Ae : 0);
           return /* @__PURE__ */ l(
-            O,
+            w,
             {
               sx: {
                 height: me,
@@ -228,7 +228,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     }
   ) }) });
 }, Ga = x(pt), gt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: i } = D(), { categories: a } = Ne(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: n, updateManualTransaction: c } = G(), { transactions: s } = I(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = async (y) => {
+  const { addOrUpdateTransactionRule: r, updateTransaction: i } = D(), { categories: a } = Ne(), { onEvent: o } = O(), { setShouldDisableDrawerScroll: n, updateManualTransaction: c } = G(), { transactions: s } = I(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = async (y) => {
     await i({ ...t, category_guid: m }), y && await r(m, t), p(""), o(P.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
@@ -313,7 +313,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     )
   ] });
 }, ht = ({ transaction: t }) => {
-  const r = ne(), { onEvent: i } = w(), { updateTransaction: a } = D(), { updateManualTransaction: o } = G(), { common: n, transactions: c } = I(), [s, d] = _.useState(!1), [u, m] = _.useState(t.date), p = (g) => {
+  const r = ne(), { onEvent: i } = O(), { updateTransaction: a } = D(), { updateManualTransaction: o } = G(), { common: n, transactions: c } = I(), [s, d] = _.useState(!1), [u, m] = _.useState(t.date), p = (g) => {
     m(Qe(g));
   }, S = async () => {
     if (t.is_manual && !t.guid) {
@@ -322,7 +322,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     }
     await a({ ...t, date: u }), i(P.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), d(!1);
   };
-  return /* @__PURE__ */ l(O, { className: "mx-txn-date-action", children: [
+  return /* @__PURE__ */ l(w, { className: "mx-txn-date-action", children: [
     /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       U,
       {
@@ -336,7 +336,7 @@ const lt = ({ transaction: t, onClick: r }) => {
             {
               primary: c.date_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: Oe(j(t.date), we.YEAR_MONTH_DAY) })
+              secondary: /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: we(j(t.date), Oe.YEAR_MONTH_DAY) })
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(f, { name: "chevron_right", weight: v.Dark }) })
@@ -370,10 +370,10 @@ const lt = ({ transaction: t, onClick: r }) => {
     )
   ] });
 }, Tt = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { removeTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = async () => {
+  const { onEvent: r } = O(), { removeTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = async () => {
     await i(t.guid), r(h.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ l(O, { className: "mx-txn-delete", children: [
+  return /* @__PURE__ */ l(w, { className: "mx-txn-delete", children: [
     t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       U,
       {
@@ -410,12 +410,12 @@ const lt = ({ transaction: t, onClick: r }) => {
     )
   ] });
 }, yt = x(Tt), St = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = async () => {
+  const { onEvent: r } = O(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = async () => {
     await i({ ...t, merchant_guid: "" }), r(P.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
   };
-  return /* @__PURE__ */ l(O, { className: "mx-txn-delete-logo", children: [
+  return /* @__PURE__ */ l(w, { className: "mx-txn-delete-logo", children: [
     t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       U,
       {
@@ -450,12 +450,12 @@ const lt = ({ transaction: t, onClick: r }) => {
     )
   ] });
 }, Ct = x(St), ft = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = t.is_hidden, u = async () => {
+  const { onEvent: r } = O(), { updateTransaction: i } = D(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), d = t.is_hidden, u = async () => {
     await i({ ...t, is_hidden: !t.is_hidden }), r(
       d ? h.ON_TRANSACTION_UNHIDDEN : h.ON_TRANSACTION_HIDDEN
     );
   };
-  return /* @__PURE__ */ l(O, { className: "mx-txn-hide-transaction", children: [
+  return /* @__PURE__ */ l(w, { className: "mx-txn-hide-transaction", children: [
     t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       U,
       {
@@ -539,7 +539,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     ] })
   ] });
 }, At = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { updateTransaction: i } = D(), { updateManualTransaction: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), [d, u] = _.useState("");
+  const { onEvent: r } = O(), { updateTransaction: i } = D(), { updateManualTransaction: a } = G(), { common: o, transactions: n } = I(), [c, s] = _.useState(!1), [d, u] = _.useState("");
   _.useEffect(() => {
     c && u(t.memo ? t.memo : "");
   }, [c]);
@@ -594,13 +594,12 @@ const lt = ({ transaction: t, onClick: r }) => {
             {
               "aria-label": n.memo_desc_aria,
               focused: !0,
-              fullWidth: !0,
               multiline: !0,
               name: "memo",
               onChange: (p) => u(p.target.value),
               placeholder: n.memo_desc,
               rows: 4,
-              sx: { px: 16 },
+              sx: { mx: 16, width: "calc(100% - 32px)" },
               value: d
             }
           )
@@ -615,11 +614,11 @@ const lt = ({ transaction: t, onClick: r }) => {
   onUpdateAmount: a,
   split: o
 }) => {
-  const n = ne(), { onEvent: c } = w(), { transactions: s } = I(), [d, u] = _.useState(`${o.amount}`), [m, p] = _.useState(!1), S = t === 0, g = (C) => {
+  const n = ne(), { onEvent: c } = O(), { transactions: s } = I(), [d, u] = _.useState(`${o.amount}`), [m, p] = _.useState(!1), S = t === 0, g = (C) => {
     isNaN(Number(C)) || (u(C), a(t, Number(C)));
   };
   return /* @__PURE__ */ l(
-    O,
+    w,
     {
       bgcolor: "background.paper",
       className: "mx-txn-split-manager-row",
@@ -638,7 +637,7 @@ const lt = ({ transaction: t, onClick: r }) => {
                 children: o.category
               }
             ),
-            /* @__PURE__ */ e(O, { children: !o.category_guid && /* @__PURE__ */ l(
+            /* @__PURE__ */ e(w, { children: !o.category_guid && /* @__PURE__ */ l(
               b,
               {
                 color: "error.main",
@@ -718,7 +717,7 @@ const lt = ({ transaction: t, onClick: r }) => {
   splits: o,
   transaction: n
 }) => {
-  const c = ne(), { transactions: s } = I(), { onEvent: d } = w(), [u, m] = _.useState(""), { announce: p, ariaLive: S } = Se();
+  const c = ne(), { transactions: s } = I(), { onEvent: d } = O(), [u, m] = _.useState(""), { announce: p, ariaLive: S } = Se();
   return _.useEffect(() => {
     if (o.length <= 1)
       m(s.split_transaction_errors_min_splits), p(s.split_transaction_errors_min_splits);
@@ -730,7 +729,7 @@ const lt = ({ transaction: t, onClick: r }) => {
       m(g), p(g);
     } else
       m(""), p("");
-  }, [o]), /* @__PURE__ */ l(O, { className: "mx-txn-split-manager", children: [
+  }, [o]), /* @__PURE__ */ l(w, { className: "mx-txn-split-manager", children: [
     S,
     o.map((g, C) => /* @__PURE__ */ e(
       It,
@@ -756,7 +755,7 @@ const lt = ({ transaction: t, onClick: r }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(O, { p: c.Spacing.Medium, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(w, { p: c.Spacing.Medium, children: /* @__PURE__ */ e(
       de,
       {
         "aria-label": s.split_transaction_add_split_btn,
@@ -768,7 +767,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     ) })
   ] });
 }, Dt = x(vt), Et = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { announce: i, ariaLive: a } = Se(), { splitTransaction: o, unSplitTransaction: n } = D(), { common: c, transactions: s } = I(), { setShouldDisableDrawerScroll: d } = G(), { categories: u } = Ne(), m = {
+  const { onEvent: r } = O(), { announce: i, ariaLive: a } = Se(), { splitTransaction: o, unSplitTransaction: n } = D(), { common: c, transactions: s } = I(), { setShouldDisableDrawerScroll: d } = G(), { categories: u } = Ne(), m = {
     ...t,
     amount: t.amount - 1,
     guid: "",
@@ -901,8 +900,8 @@ const lt = ({ transaction: t, onClick: r }) => {
       }
     )
   ] });
-}, Ot = x(Et), wt = () => {
-  const t = Ee(), { onEvent: r } = w(), { addTag: i } = D(), { transactions: a } = I(), [o, n] = _.useState(!1), [c, s] = _.useState(""), [d, u] = _.useState(""), m = _.useRef(null);
+}, wt = x(Et), Ot = () => {
+  const t = Ee(), { onEvent: r } = O(), { addTag: i } = D(), { transactions: a } = I(), [o, n] = _.useState(!1), [c, s] = _.useState(""), [d, u] = _.useState(""), m = _.useRef(null);
   _.useEffect(() => {
     o && m?.current?.focus();
   }, [o]);
@@ -915,7 +914,7 @@ const lt = ({ transaction: t, onClick: r }) => {
   };
   return _.useEffect(() => {
     u(c.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [c]), /* @__PURE__ */ l(O, { className: "mx-txn-tag-manager-header", children: [
+  }, [c]), /* @__PURE__ */ l(w, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ l(
       b,
       {
@@ -964,7 +963,7 @@ const lt = ({ transaction: t, onClick: r }) => {
       }
     )
   ] });
-}, Lt = x(wt), Rt = ({ onSearchValueChanged: t, searchValue: r }) => {
+}, Lt = x(Ot), Rt = ({ onSearchValueChanged: t, searchValue: r }) => {
   const { common: i, transactions: a } = I(), o = ne(), n = /* @__PURE__ */ e(
     ae,
     {
@@ -973,7 +972,7 @@ const lt = ({ transaction: t, onClick: r }) => {
       children: /* @__PURE__ */ e(ce, {})
     }
   );
-  return /* @__PURE__ */ e(O, { className: "mx-txn-tag-manager-search", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(w, { className: "mx-txn-tag-manager-search", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
     ye,
     {
       InputProps: {
@@ -989,7 +988,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     }
   ) });
 }, kt = x(Rt), Pt = ({ onTagChecked: t, selectedTags: r, tag: i }) => {
-  const { onEvent: a } = w(), { removeTag: o, updateTag: n } = D(), { common: c, transactions: s } = I(), [d, u] = _.useState(!1), [m, p] = _.useState(!1), [S, g] = _.useState(""), [C, L] = _.useState(""), y = async () => {
+  const { onEvent: a } = O(), { removeTag: o, updateTag: n } = D(), { common: c, transactions: s } = I(), [d, u] = _.useState(!1), [m, p] = _.useState(!1), [S, g] = _.useState(""), [C, L] = _.useState(""), y = async () => {
     a(h.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await n({ ...i, name: S }), u(!1);
   }, N = async () => {
     a(h.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), p(!1);
@@ -1101,7 +1100,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     ] }, c.guid)) }) })
   ] });
 }, Kt = x(Mt), $t = ({ transaction: t }) => {
-  const { onEvent: r } = w(), { tags: i, updateTaggings: a, updateTransaction: o } = D(), { common: n, transactions: c } = I(), { updateManualTransaction: s } = G(), [d, u] = _.useState(!1), [m, p] = _.useState(t.tags);
+  const { onEvent: r } = O(), { tags: i, updateTaggings: a, updateTransaction: o } = D(), { common: n, transactions: c } = I(), { updateManualTransaction: s } = G(), [d, u] = _.useState(!1), [m, p] = _.useState(t.tags);
   _.useEffect(() => {
     p(t.tags);
   }, [d, t]);
@@ -1156,7 +1155,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     )
   ] });
 }, Bt = x($t), Ft = ({ transaction: t, viewOnly: r = !1 }) => {
-  const { updateTransaction: i } = D(), { common: a, transactions: o } = I(), { onEvent: n } = w(), { announce: c, ariaLive: s } = Se(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = _.useRef(null);
+  const { updateTransaction: i } = D(), { common: a, transactions: o } = I(), { onEvent: n } = O(), { announce: c, ariaLive: s } = Se(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = _.useRef(null);
   _.useEffect(() => {
     d && (p(t.description), S?.current?.focus());
   }, [d]);
@@ -1167,7 +1166,7 @@ const lt = ({ transaction: t, onClick: r }) => {
       transaction_guid: t.guid
     }), await i({ ...t, description: m }), u(!1), c(`${o.payee_title}: ${m}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
   };
-  return /* @__PURE__ */ l(O, { className: "mx-txn-transaction-description", children: [
+  return /* @__PURE__ */ l(w, { className: "mx-txn-transaction-description", children: [
     s,
     d ? /* @__PURE__ */ l(Ze, { row: !0, children: [
       /* @__PURE__ */ e(
@@ -1216,7 +1215,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     ] })
   ] });
 }, Ht = x(Ft), zt = ({ transaction: t }) => {
-  const { updateTransaction: r } = D(), { transactions: i } = I(), { onEvent: a } = w(), o = Ee(), n = async () => {
+  const { updateTransaction: r } = D(), { transactions: i } = I(), { onEvent: a } = O(), o = Ee(), n = async () => {
     a(P.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await r({ ...t, is_flagged: !t.is_flagged });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
@@ -1282,7 +1281,7 @@ const lt = ({ transaction: t, onClick: r }) => {
     oe(
       /* @__PURE__ */ e(f, { name: "calendar_month", sx: { color: "text.primary" }, weight: v.Dark }),
       r.date_title,
-      /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: Oe(j(t.date), we.YEAR_MONTH_DAY) })
+      /* @__PURE__ */ e(T, { bold: !0, variant: "Body", children: we(j(t.date), Oe.YEAR_MONTH_DAY) })
     ),
     oe(
       /* @__PURE__ */ e(f, { name: "article", sx: { color: "text.primary" }, weight: v.Dark }),
@@ -1305,14 +1304,14 @@ const lt = ({ transaction: t, onClick: r }) => {
   topActions: i = nt,
   transaction: a
 }) => {
-  const { onEvent: o } = w(), { isCopyLoaded: n } = ze(), { userFeatures: c } = Ue(), s = a?.number && a.number.length > 4;
+  const { onEvent: o } = O(), { isCopyLoaded: n } = ze(), { userFeatures: c } = Ue(), s = a?.number && a.number.length > 4;
   if (_.useEffect(
     () => o(P.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
     []
   ), !n)
     return /* @__PURE__ */ e(ve, {});
   const d = Fe(c, "MX_TXN_DETAILS_VIEW_ONLY");
-  return /* @__PURE__ */ e(O, { className: "mx-txn-transaction-details", width: "100%", children: a && /* @__PURE__ */ l(b, { children: [
+  return /* @__PURE__ */ e(w, { className: "mx-txn-transaction-details", width: "100%", children: a && /* @__PURE__ */ l(b, { children: [
     /* @__PURE__ */ l(b, { gap: 12, p: 24, children: [
       /* @__PURE__ */ e(ie, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
         he,
@@ -1347,7 +1346,7 @@ const lt = ({ transaction: t, onClick: r }) => {
       /* @__PURE__ */ e(T, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
       /* @__PURE__ */ e(ie, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ l(te, { children: [
         t.map((u, m) => /* @__PURE__ */ l(_.Fragment, { children: [
-          u === se.SplitTransaction && /* @__PURE__ */ e(Ot, { transaction: a }),
+          u === se.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: a }),
           u === se.HideTransaction && /* @__PURE__ */ e(bt, { transaction: a }),
           u === se.MerchantLogo && /* @__PURE__ */ e(Ct, { transaction: a }),
           /* @__PURE__ */ e(ee, { variant: m < t.length - 1 ? "inset" : "fullWidth" })