@mx-cartographer/experiences 6.26.18-alpha.mega1 → 6.26.18-alpha.mega3

package/dist/transactions/components/shared/TransactionDetails/actions/CategoryAction/index.es.js

@@ -0,0 +1,105 @@
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import A from "@mui/material/Avatar";
+import v from "@mui/material/ListItem";
+import x from "@mui/material/ListItemAvatar";
+import L from "@mui/material/ListItemButton";
+import D from "@mui/material/ListItemIcon";
+import E from "@mui/material/ListItemText";
+import { CategoryIcon as N, CategoryIconVariants as O, Text as b, Icon as w, IconWeight as G, P as R } from "@mxenabled/mxui";
+import P from "../../../../../../categories/components/CategorySelectorDrawer/index.es.js";
+import { ON_CLICK_EVENTS as B } from "../../../../../constants/OnClickEvents/index.es.js";
+import { useTransactionsUiStore as K } from "../../../../../context/hooks/index.es.js";
+import { useTransactionStore as V, useCategoryStore as Y, useEvent as j, useGlobalCopyStore as k } from "../../../../../../common/context/hooks/index.es.js";
+import M from "../../../../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as y } from "../../../../../../common/utils/Localization/index.es.js";
+import { ANALYTICS_EVENTS as U } from "../../../../../../common/constants/Analytics/index.es.js";
+const ne = ({ transaction: e }) => {
+  const { addOrUpdateTransactionRule: g, updateTransaction: u } = V(), { categories: s } = Y(), { onEvent: c } = j(), { setShouldDisableDrawerScroll: f, updateManualTransaction: C } = K(), { transactions: r } = k(), [h, l] = i.useState(!1), [a, n] = i.useState(""), d = async (o) => {
+    await u({ ...e, category_guid: a }), o && await g(a, e), n(""), c(U.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+      transaction_guid: e.guid
+    });
+  }, S = (o) => {
+    if (e.is_manual && !e.guid) {
+      const p = s.find((I) => I.guid === o);
+      C({
+        ...e,
+        category: p?.name,
+        category_guid: o,
+        top_level_category_guid: p?.parent_guid || o
+      });
+    } else
+      n(o);
+    m();
+  }, m = () => {
+    l(!1), f(!1);
+  }, T = i.useMemo(
+    () => s.find((o) => o.guid === a),
+    [a]
+  );
+  return /* @__PURE__ */ _(i.Fragment, { children: [
+    /* @__PURE__ */ t(v, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
+      L,
+      {
+        onClick: () => {
+          c(B.ON_TRANSACTION_CATEGORY_CLICK), l(!0);
+        },
+        children: [
+          /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(A, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(
+            N,
+            {
+              categoryGuid: e.top_level_category_guid,
+              size: 24,
+              sx: { color: "text.primary" },
+              variant: O.Transparent
+            }
+          ) }) }),
+          /* @__PURE__ */ t(
+            E,
+            {
+              primary: "Category",
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ t(b, { bold: !0, variant: "Body", children: e.category ?? r.actions_select_a_category })
+            }
+          ),
+          /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(w, { name: "chevron_right", weight: G.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      P,
+      {
+        initialSelected: e.category_guid,
+        onClose: m,
+        onSelect: S,
+        showDrawer: h,
+        title: r.actions_select_a_category
+      }
+    ),
+    /* @__PURE__ */ t(
+      M,
+      {
+        copy: {
+          title: y(
+            r.actions_apply_to_all_transaction_types,
+            e.description
+          )
+        },
+        isOpen: !!a,
+        onClose: () => n(""),
+        onPrimaryAction: () => d(!0),
+        onSecondaryAction: () => d(!1),
+        primaryText: r.actions_apply_to_all,
+        secondaryText: r.actions_this_time_only,
+        children: /* @__PURE__ */ t(R, { variant: "Paragraph", children: y(
+          r.actions_all_past_and_future,
+          e.description,
+          T?.name
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  ne as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/DateAction/index.es.js

@@ -0,0 +1,81 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import s from "react";
+import { fromUnixTime as c } from "date-fns/fromUnixTime";
+import { getUnixTime as A } from "date-fns/getUnixTime";
+import g from "@mui/material/Avatar";
+import x from "@mui/material/Box";
+import I from "@mui/material/Stack";
+import C from "@mui/material/ListItem";
+import D from "@mui/material/ListItemAvatar";
+import L from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemIcon";
+import N from "@mui/material/ListItemText";
+import { useTokens as E, Icon as l, IconWeight as d, Text as b } from "@mxenabled/mxui";
+import { useTransactionsUiStore as O } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as k } from "../../../../../constants/OnClickEvents/index.es.js";
+import R, { CalendarSelectionTypes as w } from "../../../../../../common/components/calendar/Calendar/index.es.js";
+import { useEvent as B, useTransactionStore as K, useGlobalCopyStore as M } from "../../../../../../common/context/hooks/index.es.js";
+import { formatDate as P, DATE_FORMATS_INTL as U } from "../../../../../../common/constants/DateFormats/index.es.js";
+import X from "../../../../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as Y } from "../../../../../../common/constants/Analytics/index.es.js";
+const se = ({ transaction: t }) => {
+  const p = E(), { onEvent: n } = B(), { updateTransaction: _ } = K(), { updateManualTransaction: f } = O(), { common: r, transactions: o } = M(), [T, a] = s.useState(!1), [i, u] = s.useState(t.date), S = (y) => {
+    u(A(y));
+  }, h = async () => {
+    if (t.is_manual && !t.guid) {
+      f({ ...t, date: i }), a(!1);
+      return;
+    }
+    await _({ ...t, date: i }), n(Y.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), a(!1);
+  };
+  return /* @__PURE__ */ m(x, { className: "mx-txn-date-action", children: [
+    /* @__PURE__ */ e(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
+      L,
+      {
+        onClick: () => {
+          n(k.ON_TRANSACTION_DATE_CLICK), a(!0);
+        },
+        children: [
+          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(g, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(l, { name: "calendar_month", sx: { color: "text.primary" }, weight: d.Dark }) }) }),
+          /* @__PURE__ */ e(
+            N,
+            {
+              primary: o.date_title,
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: P(c(t.date), U.YEAR_MONTH_DAY) })
+            }
+          ),
+          /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { name: "chevron_right", weight: d.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      X,
+      {
+        ariaLabelClose: r.close_aria,
+        isOpen: T,
+        onClose: () => a(!1),
+        onPrimaryAction: h,
+        primaryText: r.save_button,
+        secondaryText: r.cancel_button,
+        title: o.date_edit_title,
+        children: /* @__PURE__ */ e(I, { alignItems: "center", mt: p.Spacing.XXLarge, children: /* @__PURE__ */ e(
+          R,
+          {
+            beginDate: c(i),
+            copy: {
+              nextAria: o.date_next_aria,
+              prevAria: o.date_prev_aria,
+              today: r.date_range_picker.today
+            },
+            onDateSelected: S,
+            selectionType: w.Single
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  se as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/DeleteAction/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import _ from "react";
+import { observer as u } from "mobx-react-lite";
+import l from "@mui/icons-material/DeleteOutlined";
+import f from "@mui/material/Avatar";
+import T from "@mui/material/Box";
+import E from "@mui/material/ListItem";
+import A from "@mui/material/ListItemAvatar";
+import C from "@mui/material/ListItemButton";
+import N from "@mui/material/ListItemIcon";
+import S from "@mui/material/ListItemText";
+import { Text as h } from "@mxenabled/mxui";
+import { useTransactionsUiStore as y } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as r } from "../../../../../constants/OnClickEvents/index.es.js";
+import { useEvent as D, useTransactionStore as I, useGlobalCopyStore as L } from "../../../../../../common/context/hooks/index.es.js";
+import x from "../../../../../../common/components/dialog/Dialog/index.es.js";
+const O = ({ transaction: n }) => {
+  const { onEvent: o } = D(), { removeTransaction: c } = I(), { setShouldDisableDrawerScroll: a } = y(), { common: i, transactions: e } = L(), [d, m] = _.useState(!1), p = async () => {
+    await c(n.guid), o(r.ON_TRANSACTION_DELETE_DELETED);
+  };
+  return /* @__PURE__ */ s(T, { className: "mx-txn-delete", children: [
+    n && /* @__PURE__ */ t(E, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
+      C,
+      {
+        onClick: () => {
+          o(r.ON_TRANSACTION_DELETE_CLICK), a(!0), m(!0);
+        },
+        children: [
+          /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(f, { variant: "rounded", children: /* @__PURE__ */ t(l, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ t(
+            S,
+            {
+              primary: e.manual_transaction_delete_title,
+              secondary: e.manual_transaction_delete_subtitle
+            }
+          ),
+          /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(l, {}) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      x,
+      {
+        copy: { title: e.manual_transaction_delete_title },
+        isOpen: d,
+        onClose: () => {
+          a(!1), m(!1);
+        },
+        onPrimaryAction: p,
+        onSecondaryAction: () => o(r.ON_TRANSACTION_DELETE_CANCEL),
+        primaryText: i.delete_button,
+        secondaryText: i.cancel_button,
+        children: /* @__PURE__ */ t(h, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: e.manual_transaction_delete_description })
+      }
+    )
+  ] });
+}, F = u(O);
+export {
+  F as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/DeleteLogoAction/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import g from "react";
+import { observer as u } from "mobx-react-lite";
+import f from "@mui/material/Avatar";
+import L from "@mui/material/Box";
+import T from "@mui/material/ListItem";
+import E from "@mui/material/ListItemAvatar";
+import A from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemIcon";
+import I from "@mui/material/ListItemText";
+import { Icon as m, IconWeight as c, Text as l } from "@mxenabled/mxui";
+import { useTransactionsUiStore as S } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as s } from "../../../../../constants/OnClickEvents/index.es.js";
+import { useEvent as x, useTransactionStore as N, useGlobalCopyStore as O } from "../../../../../../common/context/hooks/index.es.js";
+import y from "../../../../../../common/components/dialog/Dialog/index.es.js";
+import { ANALYTICS_EVENTS as D } from "../../../../../../common/constants/Analytics/index.es.js";
+const b = ({ transaction: e }) => {
+  const { onEvent: r } = x(), { updateTransaction: d } = N(), { setShouldDisableDrawerScroll: _ } = S(), { common: n, transactions: t } = O(), [p, i] = g.useState(!1), h = async () => {
+    await d({ ...e, merchant_guid: "" }), r(D.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
+      transaction_guid: e.guid
+    });
+  };
+  return /* @__PURE__ */ a(L, { className: "mx-txn-delete-logo", children: [
+    e && /* @__PURE__ */ o(T, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ a(
+      A,
+      {
+        onClick: () => {
+          r(s.ON_TRANSACTION_DELETE_LOGO_CLICK), i(!0);
+        },
+        children: [
+          /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(f, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ o(m, { name: "delete", sx: { color: "text.primary" }, weight: c.Dark }) }) }),
+          /* @__PURE__ */ o(I, { primary: t.merchant_logo_title, secondary: t.merchant_logo_desc }),
+          /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(m, { name: "chevron_right", weight: c.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      y,
+      {
+        copy: { title: t.merchant_logo_modal_title },
+        isOpen: p,
+        onClose: () => {
+          _(!1), i(!1);
+        },
+        onPrimaryAction: h,
+        onSecondaryAction: () => r(s.ON_TRANSACTION_DELETE_LOGO_CANCEL),
+        primaryText: n.delete_button,
+        secondaryText: n.cancel_button,
+        title: t.merchant_logo_modal_title,
+        children: [
+          /* @__PURE__ */ o(l, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: t.merchant_logo_modal_desc }),
+          /* @__PURE__ */ o(l, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${t.merchant_logo_modal_desc_bold}` })
+        ]
+      }
+    )
+  ] });
+}, F = u(b);
+export {
+  F as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/HideAction/index.es.js

@@ -0,0 +1,90 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import p from "react";
+import { observer as x } from "mobx-react-lite";
+import N from "@mui/material/Avatar";
+import I from "@mui/material/Box";
+import C from "@mui/material/ListItem";
+import f from "@mui/material/ListItemAvatar";
+import A from "@mui/material/ListItemButton";
+import T from "@mui/material/ListItemIcon";
+import b from "@mui/material/ListItemText";
+import g from "@mui/material/Switch";
+import { Icon as c, IconWeight as _, Text as O } from "@mxenabled/mxui";
+import { useTransactionsUiStore as y } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as r } from "../../../../../constants/OnClickEvents/index.es.js";
+import { useEvent as S, useTransactionStore as D, useGlobalCopyStore as E } from "../../../../../../common/context/hooks/index.es.js";
+import L from "../../../../../../common/components/dialog/Dialog/index.es.js";
+const H = ({ transaction: n }) => {
+  const { onEvent: o } = S(), { updateTransaction: m } = D(), { setShouldDisableDrawerScroll: h } = y(), { common: s, transactions: e } = E(), [l, a] = p.useState(!1), t = n.is_hidden, u = async () => {
+    await m({ ...n, is_hidden: !n.is_hidden }), o(
+      t ? r.ON_TRANSACTION_UNHIDDEN : r.ON_TRANSACTION_HIDDEN
+    );
+  };
+  return /* @__PURE__ */ d(I, { className: "mx-txn-hide-transaction", children: [
+    n && /* @__PURE__ */ i(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ d(
+      A,
+      {
+        "aria-checked": t,
+        onClick: () => {
+          o(
+            t ? r.ON_TRANSACTION_UNHIDE_CLICK : r.ON_TRANSACTION_HIDE_CLICK
+          ), o(
+            t ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
+            {
+              transaction_guid: n.guid
+            }
+          ), a(!0);
+        },
+        role: "switch",
+        children: [
+          /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(N, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t ? /* @__PURE__ */ i(
+            c,
+            {
+              name: "visibilityOff",
+              sx: { color: "text.primary" },
+              weight: _.Dark
+            }
+          ) : /* @__PURE__ */ i(c, { name: "visibility", sx: { color: "text.primary" }, weight: _.Dark }) }) }),
+          /* @__PURE__ */ i(
+            b,
+            {
+              primary: t ? e.hide_trnx_subtitle_unhide_trnx : e.hide_trnx_subtitle_hide_trnx,
+              secondary: t ? e.hide_trnx_desc_unhiding : e.hide_trnx_desc_hiding
+            }
+          ),
+          /* @__PURE__ */ i(T, { children: /* @__PURE__ */ i(
+            g,
+            {
+              checked: t,
+              id: "hide-transaction",
+              name: "hide-transaction",
+              tabIndex: -1
+            }
+          ) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      L,
+      {
+        copy: {
+          title: t ? e.hide_trnx_subtitle_unhide_trnx : e.hide_trnx_subtitle_hide_trnx
+        },
+        isOpen: l,
+        onClose: () => {
+          h(!1), a(!1);
+        },
+        onPrimaryAction: u,
+        onSecondaryAction: () => o(
+          t ? r.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : r.ON_TRANSACTION_HIDE_CANCEL_CLICK
+        ),
+        primaryText: t ? s.unhide_button : s.hide_button,
+        secondaryText: s.cancel_button,
+        children: /* @__PURE__ */ i(O, { truncate: !1, variant: "Paragraph", children: t ? e.hide_trnx_desc_unhiding : e.hide_trnx_desc_hiding })
+      }
+    )
+  ] });
+}, J = x(H);
+export {
+  J as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/MemoAction/index.es.js

@@ -0,0 +1,91 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import s from "react";
+import { observer as _ } from "mobx-react-lite";
+import x from "@mui/material/Avatar";
+import C from "@mui/material/ListItem";
+import I from "@mui/material/ListItemAvatar";
+import v from "@mui/material/ListItemButton";
+import S from "@mui/material/ListItemIcon";
+import g from "@mui/material/ListItemText";
+import A from "@mui/material/TextField";
+import { Icon as c, IconWeight as p, Text as y } from "@mxenabled/mxui";
+import { useTransactionsUiStore as L } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as b } from "../../../../../constants/OnClickEvents/index.es.js";
+import E from "../../TransactionAmountHeader/index.es.js";
+import { useEvent as N, useTransactionStore as w, useGlobalCopyStore as M } from "../../../../../../common/context/hooks/index.es.js";
+import O from "../../../../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as k } from "../../../../../../common/constants/Analytics/index.es.js";
+const D = ({ transaction: e }) => {
+  const { onEvent: n } = N(), { updateTransaction: d } = w(), { updateManualTransaction: u } = L(), { common: f, transactions: r } = M(), [m, t] = s.useState(!1), [i, l] = s.useState("");
+  s.useEffect(() => {
+    m && l(e.memo ? e.memo : "");
+  }, [m]);
+  const h = async () => {
+    if (e.is_manual && !e.guid) {
+      u({ ...e, memo: i }), t(!1);
+      return;
+    }
+    await d({ ...e, memo: i }), n(k.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: e.guid }), t(!1);
+  };
+  return /* @__PURE__ */ a("div", { className: "mx-txn-memo-action", children: [
+    /* @__PURE__ */ o(C, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ a(
+      v,
+      {
+        onClick: () => {
+          n(b.ON_TRANSACTION_MEMO_CLICK), t(!0);
+        },
+        children: [
+          /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(x, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ o(c, { name: "article", sx: { color: "text.primary" }, weight: p.Dark }) }) }),
+          /* @__PURE__ */ o(
+            g,
+            {
+              primary: r.memo_title,
+              primaryTypographyProps: { variant: "XSmall" },
+              secondary: /* @__PURE__ */ o(
+                y,
+                {
+                  bold: !0,
+                  sx: { overflowWrap: "break-word", whiteSpace: "wrap" },
+                  variant: "Body",
+                  children: e.memo ? e.memo : r.memo_desc
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(c, { name: "chevron_right", weight: p.Dark }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      O,
+      {
+        ariaLabelClose: f.close_aria,
+        isOpen: m,
+        onClose: () => t(!1),
+        onPrimaryAction: h,
+        title: r.memo_title,
+        children: [
+          /* @__PURE__ */ o(E, { transaction: e }),
+          /* @__PURE__ */ o(
+            A,
+            {
+              "aria-label": r.memo_desc_aria,
+              focused: !0,
+              fullWidth: !0,
+              multiline: !0,
+              name: "memo",
+              onChange: (T) => l(T.target.value),
+              placeholder: r.memo_desc,
+              rows: 4,
+              sx: { px: 16 },
+              value: i
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Q = _(D);
+export {
+  Q as default
+};

package/dist/transactions/components/shared/TransactionDetails/actions/SplitAction/index.es.js

@@ -0,0 +1,143 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import c from "react";
+import { observer as M } from "mobx-react-lite";
+import V from "@mui/material/Avatar";
+import j from "@mui/material/ListItem";
+import Y from "@mui/material/ListItemAvatar";
+import B from "@mui/material/ListItemButton";
+import F from "@mui/material/ListItemIcon";
+import H from "@mui/material/ListItemText";
+import { Icon as S, IconWeight as h, P as W } from "@mxenabled/mxui";
+import { useTransactionsUiStore as $ } from "../../../../../context/hooks/index.es.js";
+import { ON_CLICK_EVENTS as C } from "../../../../../constants/OnClickEvents/index.es.js";
+import q from "../../TransactionAmountHeader/index.es.js";
+import z from "../../../../splitmanager/SplitManager/index.es.js";
+import { useEvent as G, useTransactionStore as J, useGlobalCopyStore as Q, useCategoryStore as X } from "../../../../../../common/context/hooks/index.es.js";
+import Z from "../../../../../../common/components/drawer/Drawer/index.es.js";
+import tt from "../../../../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as et } from "../../../../../../common/utils/Localization/index.es.js";
+import { ANALYTICS_EVENTS as f } from "../../../../../../common/constants/Analytics/index.es.js";
+const ot = ({ transaction: t }) => {
+  const { onEvent: l } = G(), { splitTransaction: y, unSplitTransaction: A } = J(), { common: p, transactions: s } = Q(), { setShouldDisableDrawerScroll: L } = $(), { categories: b } = X(), T = {
+    ...t,
+    amount: t.amount - 1,
+    guid: "",
+    has_been_split: !1,
+    parent_guid: t.guid
+  }, m = {
+    ...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
+  }, [N, d] = c.useState(!1), [D, I] = c.useState(!1), [r, a] = c.useState([]), E = () => {
+    const e = [...r];
+    e.push({ ...m }), e[0].amount -= 1, a(e);
+  }, O = (e) => {
+    if (e > 0) {
+      const n = r[e], o = [...r];
+      o.splice(e, 1), o[0].amount += n.amount, a(o);
+    }
+  }, v = (e, n) => {
+    const o = [...r];
+    o[e].amount = n, o[0].amount = t.amount - o.reduce(
+      (_, u, K) => _ + (K !== 0 ? u.amount : 0),
+      0
+    ), a(o);
+  }, P = (e, n) => {
+    const o = [...r], _ = b.find((u) => u.guid === n);
+    _ && (o[e] = {
+      ...o[e],
+      category_guid: n,
+      category: _.name,
+      top_level_category_guid: _.parent_guid || n
+    }, a(o));
+  }, w = () => {
+    if (t.parent_guid || t.has_been_split) {
+      I(!0);
+      return;
+    }
+    a([{ ...T }, { ...m }]), l(f.TRANSACTION_DETAILS_CLICK_SPLIT, {
+      transaction_guid: t.guid
+    }), d(!0);
+  }, x = async () => {
+    l(C.ON_TRANSACTION_SPLIT_SAVE_CLICK), await y({ ...t, has_been_split: !0 }, r), d(!1);
+  }, R = async () => {
+    l(C.ON_TRANSACTION_SPLIT_CANCEL_CLICK), a([{ ...T }, { ...m }]), d(!1);
+  }, U = async () => {
+    l(f.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
+      transaction_guid: t.guid
+    });
+    const e = t.parent_guid ?? t.guid;
+    await A(e);
+  }, k = c.useMemo(() => {
+    const e = r.some((o) => !o.category_guid), n = r.some((o) => o.amount <= 0);
+    return e || n;
+  }, [r]);
+  return /* @__PURE__ */ g(c.Fragment, { children: [
+    t && /* @__PURE__ */ i(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ g(B, { onClick: w, children: [
+      /* @__PURE__ */ i(Y, { children: /* @__PURE__ */ i(V, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ i(S, { name: "call_split", sx: { color: "text.primary" }, weight: h.Dark }) }) }),
+      /* @__PURE__ */ i(
+        H,
+        {
+          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__ */ i(F, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ i(S, { name: "delete", weight: h.Dark }) : /* @__PURE__ */ i(S, { name: "chevron_right", weight: h.Dark }) })
+    ] }) }),
+    /* @__PURE__ */ g(
+      Z,
+      {
+        ariaLabelClose: p.close_aria,
+        isOpen: N,
+        isPrimaryDisabled: k,
+        onClose: R,
+        onPrimaryAction: x,
+        primaryText: p.save_button,
+        secondaryText: p.cancel_button,
+        title: s.split_transaction_title,
+        children: [
+          /* @__PURE__ */ i(q, { transaction: t }),
+          /* @__PURE__ */ i(
+            z,
+            {
+              onAddSplit: E,
+              onCategoryChanged: P,
+              onDeleteSplit: O,
+              onUpdateAmount: v,
+              splits: r,
+              transaction: t
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      tt,
+      {
+        copy: { title: s.split_transaction_unsplit_title },
+        isOpen: D,
+        onClose: () => {
+          L(!1), I(!1);
+        },
+        onPrimaryAction: U,
+        onSecondaryAction: () => {
+          l(C.ON_TRANSACTION_UNSPLIT_CANCEL);
+        },
+        primaryText: p.delete_button,
+        secondaryText: p.cancel_button,
+        children: /* @__PURE__ */ i(W, { variant: "Paragraph", children: et(
+          s.split_transaction_unsplit_description,
+          t.description
+        ) })
+      }
+    )
+  ] });
+}, yt = M(ot);
+export {
+  yt as default
+};