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

package/dist/transactions/TransactionWidget/index.es.js

@@ -0,0 +1,242 @@
+import { jsx as o, jsxs as pt } from "react/jsx-runtime";
+import e from "react";
+import { observer as Ct } from "mobx-react-lite";
+import { endOfMonth as ft } from "date-fns/endOfMonth";
+import { getUnixTime as At } from "date-fns/getUnixTime";
+import { startOfMonth as _t } from "date-fns/startOfMonth";
+import { startOfToday as h } from "date-fns/startOfToday";
+import g from "@mui/material/Box";
+import Tt from "@mui/material/styles/useTheme";
+import { useTransactionsUiStore as St } from "../context/hooks/index.es.js";
+import { DEFAULT_TRANSACTION as ht } from "../constants/Transaction/index.es.js";
+import { exportTransactionsToCSV as gt } from "../utils/exportTransactionsToCSV/index.es.js";
+import yt from "../../common/components/ConnectDrawer/index.es.js";
+import bt from "../components/shared/transactiondetails/ManualTransactionDetails/index.es.js";
+import Dt from "../components/shared/TransactionDetails/index.es.js";
+import It from "../components/shared/TransactionList/index.es.js";
+import Ot from "../components/shared/TransactionTable/index.es.js";
+import Nt from "../components/transactionwidget/AddAccountModal/index.es.js";
+import wt from "../components/transactionwidget/actions/EditCategoryAction/index.es.js";
+import { useCategoryUiStore as Et } from "../../categories/context/hooks/index.es.js";
+import { useAccountStore as Rt, useAppConfig as kt, useEvent as Lt, useGlobalCopyStore as xt, useGlobalUiStore as Mt, useTransactionStore as vt, useUserStore as Wt } from "../../common/context/hooks/index.es.js";
+import Ut from "../../common/components/WidgetContainer/index.es.js";
+import { useScreenSize as Vt } from "../../common/hooks/useScreenSize/index.es.js";
+import { ANALYTICS_EVENTS as r } from "../../common/constants/Analytics/index.es.js";
+import Bt from "../../common/components/Loader/index.es.js";
+import Gt from "../../common/components/SearchBox/index.es.js";
+import L from "../../common/components/drawer/Drawer/index.es.js";
+const x = 120, Ht = ({
+  onBackClick: M,
+  height: y = "100dvh",
+  showInsights: C = !1,
+  sx: v = {}
+}) => {
+  const { visibleAccounts: l, refreshAccounts: W } = Rt(), { is_mobile_webview: U } = kt(), { setSearchValue: V } = Et(), { onEvent: i } = Lt(), { common: b, transactions: a } = xt(), {
+    displayedDateRange: d,
+    isCopyLoaded: B,
+    isInitialized: G,
+    selectedAccountGuids: D,
+    setDisplayedDate: I,
+    setSelectedAccounts: H
+  } = Mt(), { isDesktop: K } = Vt(), u = Tt(), {
+    addTransaction: P,
+    filter: O,
+    loadAssociatedBeats: $,
+    setFilter: f,
+    sortedTransactionsWithSplits: z,
+    tags: F,
+    transactions: j,
+    updateTransaction: X
+  } = vt(), {
+    manualTransaction: m,
+    isAmountValid: Y,
+    searchValue: q,
+    setSearchValue: J,
+    setShowInsights: Q,
+    updateManualTransaction: Z
+  } = St(), { userProfile: tt } = Wt(), [A, n] = e.useState(""), [N, p] = e.useState(""), [ot, _] = e.useState(!1), [et, w] = e.useState(!1), [T, at] = e.useState(!1);
+  e.useEffect(() => {
+    const t = l.filter((c) => !c.is_hidden), R = _t(h()), k = ft(h());
+    H(t), I(R, k), f({
+      accounts: t.map((c) => c.guid),
+      custom: (c) => !c.accountIsClosed && !c.accountIsHidden,
+      dateRange: { start: R, end: k }
+    }), at(!0), i(r.TRANSACTIONS_VIEW);
+  }, [l]), e.useEffect(() => {
+    T && (f({
+      ...O,
+      accounts: D,
+      dateRange: { start: d.start, end: d.end }
+    }), $(d.start).finally());
+  }, [T, d, D]), e.useEffect(() => {
+    Q(C);
+  }, [C]);
+  const nt = e.useMemo(
+    () => l.filter((t) => t.is_manual),
+    [l]
+  ), s = N ? j.find((t) => t.guid === N) : void 0, E = Y && !!m.payee && !!m.account_guid && !!m.category_guid, st = (t) => {
+    I(t[0], t[1]);
+  }, it = (t) => {
+    J(t), f({
+      ...O,
+      searchTerm: t
+    }), i(r.TRANSACTIONS_CLICK_SEARCH, { search_term: t });
+  }, rt = () => {
+    gt(z, F), i(r.TRANSACTIONS_CLICK_EXPORT);
+  }, ct = () => {
+    nt.length > 0 ? (Z({
+      ...ht,
+      date: At(h()),
+      user_guid: tt?.user_guid || ""
+    }), n(
+      "addTransaction"
+      /* AddTransaction */
+    ), i(r.TRANSACTIONS_CLICK_ADD)) : (_(!0), i(r.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, lt = async () => {
+    E && await P(m), n("");
+  }, dt = () => {
+    _(!1), w(!0);
+  }, ut = async () => {
+    w(!1), await W();
+  }, mt = async () => {
+    s && !s.has_been_viewed && await X({ ...s, has_been_viewed: !0 }), n("");
+  };
+  if (!B || !G || !T)
+    return /* @__PURE__ */ o(Bt, {});
+  const S = [];
+  return !U && K && S.push({
+    iconName: "open_in_new",
+    label: a.export_csv_btn,
+    onClick: rt
+  }), S.push({
+    iconName: "add",
+    label: a.add_transaction_btn,
+    onClick: ct
+  }), /* @__PURE__ */ pt(
+    Ut,
+    {
+      accountOptions: l,
+      actions: S,
+      calendarActions: {
+        onRangeChanged: st
+      },
+      onAccountsFilterClick: () => i(r.ACCOUNTS_CLICK_FILTER),
+      onBackClick: M,
+      sx: v,
+      title: a.transactions_title,
+      children: [
+        /* @__PURE__ */ o(g, { mt: 16, children: /* @__PURE__ */ o(
+          Gt,
+          {
+            onChange: it,
+            placeholder: a.action_bar_search_placeholder,
+            searchValue: q
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          g,
+          {
+            sx: {
+              [u.breakpoints.down("md")]: { display: "none" },
+              [u.breakpoints.up("md")]: { display: "block" }
+            },
+            children: /* @__PURE__ */ o(
+              Ot,
+              {
+                height: `calc(${y} - ${x}px)`,
+                onCategoryClick: (t) => {
+                  p(t), n(
+                    "category"
+                    /* Category */
+                  );
+                },
+                onRowClick: (t) => {
+                  p(t), n(
+                    "transaction"
+                    /* Transaction */
+                  ), i(r.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: t });
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          g,
+          {
+            sx: {
+              [u.breakpoints.down("md")]: { display: "block" },
+              [u.breakpoints.up("md")]: { display: "none" }
+            },
+            children: /* @__PURE__ */ o(
+              It,
+              {
+                height: `calc(${y} - ${x}px)`,
+                onClick: (t) => {
+                  p(t), n(
+                    "transaction"
+                    /* Transaction */
+                  );
+                },
+                showHiddenTransactions: !0,
+                showInsights: C
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            ariaLabelClose: b.close_aria,
+            isOpen: A === "transaction" && !!s,
+            onClose: mt,
+            title: a.details_title,
+            children: s && /* @__PURE__ */ o(Dt, { transaction: s })
+          }
+        ),
+        s && A === "category" && /* @__PURE__ */ o(
+          wt,
+          {
+            onClose: () => {
+              V(""), n(""), p("");
+            },
+            transaction: s
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            ariaLabelClose: b.close_aria,
+            isOpen: A === "addTransaction",
+            isPrimaryDisabled: !E,
+            onClose: () => n(""),
+            onPrimaryAction: lt,
+            title: a.add_transaction_title,
+            children: /* @__PURE__ */ o(bt, {})
+          }
+        ),
+        /* @__PURE__ */ o(
+          Nt,
+          {
+            copy: { title: a.add_manual_account },
+            isOpen: ot,
+            onClose: () => {
+              _(!1);
+            },
+            onPrimaryAction: dt
+          }
+        ),
+        /* @__PURE__ */ o(
+          yt,
+          {
+            onClose: ut,
+            showConnectWidget: et,
+            title: a.add_manual_account
+          }
+        )
+      ]
+    }
+  );
+}, Ao = Ct(Ht);
+export {
+  Ao as default
+};

package/dist/transactions/analytics/index.es.js

@@ -0,0 +1,5 @@
+import { ANALYTICS_EVENTS as r } from "../constants/Analytics/index.es.js";
+const l = async (n, t) => !t || !r[n] ? null : t.sendAnalyticEvent(r[n]);
+export {
+  l as onAnalyticEvent
+};

package/dist/transactions/api/TransactionApi/index.es.js

@@ -0,0 +1,87 @@
+import { Fetch as h } from "../../../common/utils/Fetch/index.es.js";
+import { ApiEndpoints as e } from "../../../common/constants/ApiEndpoints/index.es.js";
+class y {
+  fetchInstance;
+  constructor(t, n) {
+    this.fetchInstance = new h(t, n);
+  }
+  addTag = async (t) => this.fetchInstance.post(e.TAGS, t).then((n) => n.tag);
+  addTagging = async (t) => this.fetchInstance.post(e.TAGGINGS, t).then((n) => n.tagging);
+  addTransaction = async (t) => this.fetchInstance.post(e.TRANSACTIONS, t).then((n) => n.transaction);
+  addTransactionRule = async (t) => this.fetchInstance.post(e.TRANSACTION_RULES, t).then((n) => n);
+  getTaggings = async () => this.fetchInstance.get(e.TAGGINGS).then((t) => t.map((n) => n.tagging));
+  getTags = async () => this.fetchInstance.get(e.TAGS).then((t) => t.map((n) => n.tag));
+  getTransactionRules = async () => this.fetchInstance.get(e.TRANSACTION_RULES).then((t) => t.transaction_rules);
+  getTransactionsByDateRange = async (t, n) => this.fetchInstance.get(`${e.TRANSACTIONS}/by_date/${t}/${n}`).then((c) => c.map((a) => a.transaction));
+  // DEPRECATED
+  getTransactionsByAccountsAndDateRange = async (t, n, c) => {
+    console.warn("DEPRECATED: getTransactionsByAccountsAndDateRange will be removed");
+    const a = t.reduce(
+      (o, s, r) => `${o}account_guids[]=${s}${r !== t.length - 1 ? "&" : ""}`,
+      ""
+    );
+    return this.fetchInstance.get(`${e.TRANSACTIONS}/by_date/${n}/${c}?${a}`).then((o) => o.map((s) => s.transaction));
+  };
+  // DEPRECATED
+  getTransactionsByGuids = async (t) => (console.warn("DEPRECATED: getTransactionsByGuids will be removed"), this.fetchInstance.post(`${e.TRANSACTIONS}/by_guids`, { guids: t.join("+") }).then((n) => n.map((c) => c.transaction)));
+  // DEPRECATED
+  getTransactionsByCategoryAndDate = async (t, n, c) => (console.warn("DEPRECATED: getTransactionsByCategoryAndDate will be removed"), this.fetchInstance.get(
+    `${e.TRANSACTIONS}/by_category_guid/${t}/by_date/${n}/${c}`
+  ).then((a) => a.map((o) => o.transaction)));
+  // DEPRECATED
+  getTransactionsByCategoryDateAndAccounts = async (t, n, c, a) => {
+    console.warn("DEPRECATED: getTransactionsByCategoryDateAndAccounts will be removed");
+    const o = a.reduce(
+      (s, r, i) => `${s}account_guids[]=${r}${i !== a.length - 1 ? "&" : ""}`,
+      ""
+    );
+    return this.fetchInstance.get(
+      `${e.TRANSACTIONS}/by_category_guid/${t}/by_date/${n}/${c}?${o}`
+    ).then((s) => s.map((r) => r.transaction));
+  };
+  // DEPRECATED
+  getTransactionsByCategoriesDateAndAccounts = async (t, n, c, a) => {
+    console.warn("DEPRECATED: getTransactionsByCategoriesDateAndAccounts will be removed");
+    const o = a.reduce(
+      (s, r, i) => `${s}account_guids[]=${r}${i !== a.length - 1 ? "&" : ""}`,
+      ""
+    );
+    return this.fetchInstance.get(
+      `${e.TRANSACTIONS}/by_category_guids/${t.join(
+        "+"
+      )}/by_date/${n}/${c}?${o}`
+    ).then((s) => s.map((r) => r.transaction));
+  };
+  /**
+   * DEPRECATED
+   * Get all transactions by the top level category, between begin date and end date, and optionally
+   * filtered by accounts
+   * @param categoryGuid The top level category guid
+   * @param beginDate the start date
+   * @param endDate the end date
+   * @param accountGuids an optional list of account guids
+   */
+  getTransactionsByTopLevelCategoryAndDate = async (t, n, c, a = []) => {
+    console.warn("DEPRECATED: getTransactionsByTopLevelCategoryAndDate will be removed");
+    let o = `${e.TRANSACTIONS}/by_top_level_category_guid/${t}/by_date/${n}/${c}`;
+    if (a.length > 0) {
+      const s = a.reduce(
+        (r, i, g) => `${r}account_guids[]=${i}${g !== a.length - 1 ? "&" : ""}`,
+        ""
+      );
+      o += `?${s}`;
+    }
+    return this.fetchInstance.get(o).then((s) => s.map((r) => r.transaction));
+  };
+  removeTag = async (t) => this.fetchInstance.delete(`${e.TAGS}/${t}`).then((n) => n);
+  removeTagging = async (t) => this.fetchInstance.delete(`${e.TAGGINGS}/${t}`).then((n) => n);
+  removeTransaction = async (t) => this.fetchInstance.delete(`${e.TRANSACTIONS}/${t}`).then((n) => n);
+  removeTransactionRule = async (t) => this.fetchInstance.delete(`${e.TRANSACTION_RULES}/${t}`);
+  removeTransactionSplit = async (t) => this.fetchInstance.delete(`${e.TRANSACTIONS}/${t}/unsplit`).then((n) => n);
+  updateTransactionRule = async (t) => this.fetchInstance.put(`${e.TRANSACTION_RULES}/${t.guid}`, t).then((n) => n);
+  updateTag = async (t) => this.fetchInstance.put(`${e.TAGS}/${t.guid}`, t).then((n) => n.tag);
+  updateTransaction = async (t) => this.fetchInstance.put(`${e.TRANSACTIONS}/${t.guid}`, t).then((n) => n.transaction);
+}
+export {
+  y as TransactionApi
+};

package/dist/transactions/components/shared/TransactionDetails/Description/index.es.js

@@ -0,0 +1,68 @@
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import e from "react";
+import { observer as I } from "mobx-react-lite";
+import _ from "@mui/material/Box";
+import C from "@mui/material/Button";
+import T from "@mui/material/FormGroup";
+import b from "@mui/material/IconButton";
+import g from "@mui/material/Stack";
+import S from "@mui/material/TextField";
+import { Text as E, Icon as R } from "@mxenabled/mxui";
+import { ON_CLICK_EVENTS as N } from "../../../../constants/OnClickEvents/index.es.js";
+import { useTransactionStore as h, useGlobalCopyStore as x, useEvent as v } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as O } from "../../../../../common/constants/Analytics/index.es.js";
+const A = ({ transaction: t }) => {
+  const { updateTransaction: m } = h(), { common: p, transactions: n } = x(), { onEvent: a } = v(), [r, s] = e.useState(!1), [i, c] = e.useState(""), d = e.useRef(null);
+  e.useEffect(() => {
+    r && (c(t.description), d?.current?.focus());
+  }, [r]);
+  const l = async () => {
+    a(O.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
+      transaction_guid: t.guid
+    }), await m({ ...t, description: i }), s(!1);
+  };
+  return /* @__PURE__ */ o(_, { className: "mx-txn-transaction-description", children: r ? /* @__PURE__ */ u(T, { row: !0, children: [
+    /* @__PURE__ */ o(
+      S,
+      {
+        "aria-label": n.description_add_a_subcategory,
+        name: "add-subcategory",
+        onChange: (f) => c(f.target.value),
+        ref: d,
+        sx: {
+          backgroundColor: "background.paper",
+          ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
+          ".MuiOutlinedInput-input": { p: 11 },
+          width: 250
+        },
+        value: i
+      }
+    ),
+    /* @__PURE__ */ o(
+      C,
+      {
+        disabled: !i,
+        onClick: l,
+        sx: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
+        variant: "outlined",
+        children: p.save_button
+      }
+    )
+  ] }) : /* @__PURE__ */ u(g, { alignItems: "center", direction: "row", gap: 4, children: [
+    /* @__PURE__ */ o(E, { bold: !0, children: t.description }),
+    /* @__PURE__ */ o(
+      b,
+      {
+        "aria-label": n.description_edit_transaction_name,
+        onClick: () => {
+          s(!0), a(N.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
+        },
+        sx: { color: "action.active" },
+        children: /* @__PURE__ */ o(R, { name: "create", size: 22 })
+      }
+    )
+  ] }) });
+}, z = I(A);
+export {
+  z as default
+};

package/dist/transactions/components/shared/TransactionDetails/FlagTransaction/index.es.js

@@ -0,0 +1,43 @@
+import { jsx as a } from "react/jsx-runtime";
+import { observer as i } from "mobx-react-lite";
+import s from "@mui/icons-material/FlagOutlined";
+import c from "@mui/material/ToggleButton";
+import g from "@mui/material/styles/useTheme";
+import { useTransactionStore as d, useGlobalCopyStore as m, useEvent as p } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as u } from "../../../../../common/constants/Analytics/index.es.js";
+const f = ({ transaction: e }) => {
+  const { updateTransaction: r } = d(), { transactions: t } = m(), { onEvent: n } = p(), o = g(), l = async () => {
+    n(u.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: e.guid }), await r({ ...e, is_flagged: !e.is_flagged });
+  };
+  return /* @__PURE__ */ a("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ a(
+    c,
+    {
+      "aria-label": t.flag_btn_aria,
+      "aria-pressed": e.is_flagged,
+      color: "warning",
+      onClick: l,
+      selected: e.is_flagged,
+      sx: {
+        borderRadius: 6,
+        color: o.palette.secondary.main,
+        "&.Mui-selected": {
+          color: o.palette.common.white,
+          backgroundColor: o.palette.warning.dark,
+          ":hover": {
+            color: o.palette.common.white,
+            backgroundColor: o.palette.warning.main
+          }
+        },
+        ":hover": {
+          color: o.palette.warning.contrastText,
+          backgroundColor: o.palette.warning.light
+        }
+      },
+      value: "flagged",
+      children: /* @__PURE__ */ a(s, { color: "inherit" })
+    }
+  ) });
+}, x = i(f);
+export {
+  x as default
+};

package/dist/transactions/components/shared/TransactionDetails/ManualTransactionDetails/index.es.js

@@ -0,0 +1,126 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { observer as D } from "mobx-react-lite";
+import u from "@mui/material/Box";
+import k from "@mui/material/Divider";
+import S from "@mui/material/MenuItem";
+import M from "@mui/material/RadioGroup";
+import s from "@mui/material/Stack";
+import w from "@mui/icons-material/ExpandMore";
+import { TextField as _ } from "@mxenabled/mxui";
+import { useTransactionsUiStore as E } from "../../../../context/hooks/index.es.js";
+import p from "../../../../../common/components/SelectionBox/index.es.js";
+import P from "../actions/CategoryAction/index.es.js";
+import q from "../actions/DateAction/index.es.js";
+import B from "../actions/MemoAction/index.es.js";
+import R from "../actions/TagsAction/index.es.js";
+import { useAccountStore as V, useGlobalCopyStore as N } from "../../../../../common/context/hooks/index.es.js";
+import { formatCurrency as $ } from "../../../../../common/utils/NumberFormatting/index.es.js";
+import j from "../../../../../common/components/CurrencyInput/index.es.js";
+import { TransactionType as l } from "../../../../../common/types/Transaction/index.es.js";
+const G = () => {
+  const { visibleAccounts: m } = V(), { common: r, transactions: a } = N(), { manualTransaction: e, setIsAmountValid: d, updateManualTransaction: i } = E(), [b, h] = c.useState(""), [f, g] = c.useState(""), y = c.useMemo(
+    () => m.filter((t) => t.is_manual),
+    [m]
+  ).map((t) => ({
+    label: `${t.name} | ${$(t.balance, "0,0.00")}`,
+    value: t.guid
+  })), x = {
+    error_amount_is_invalid: r.currency_input.error_amount_is_invalid,
+    error_amount_must_be_equal_to: r.currency_input.error_amount_must_be_equal_to,
+    error_amount_must_be_less_than_or_equal_to: r.currency_input.error_amount_must_be_less_than_or_equal_to,
+    enter_amount: r.currency_input.enter_amount
+  }, T = (t) => {
+    h(t), i({ ...e, amount: Number(t) });
+  }, C = (t, I) => {
+    i({ ...e, transaction_type: Number(I) });
+  }, v = (t) => {
+    g(t), i({ ...e, payee: t, description: t });
+  }, A = (t) => {
+    i({ ...e, account_guid: t });
+  };
+  return /* @__PURE__ */ n(u, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ n(s, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ n(
+        s,
+        {
+          direction: "row",
+          sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
+          children: [
+            /* @__PURE__ */ o(
+              j,
+              {
+                allowDecimals: !0,
+                amount: b,
+                ariaLabel: a.amount_title,
+                copy: x,
+                inputProps: {
+                  noValidate: !0
+                },
+                label: a.amount_title,
+                setAmount: T,
+                setHasValidInput: d,
+                sx: { bgcolor: "background.paper" },
+                type: "number"
+              }
+            ),
+            /* @__PURE__ */ o(M, { name: "TransactionType", onChange: C, row: !0, children: /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", children: [
+              /* @__PURE__ */ o(
+                p,
+                {
+                  checked: e.transaction_type === l.CREDIT,
+                  label: a.manual_transaction_credit_button_label,
+                  sx: { ml: { xs: 0, sm: 8 } },
+                  tooltip: a.manual_transaction_credit_button_tooltip,
+                  value: l.CREDIT
+                }
+              ),
+              /* @__PURE__ */ o(
+                p,
+                {
+                  checked: e.transaction_type === l.DEBIT,
+                  label: a.manual_transaction_debit_button_label,
+                  tooltip: a.manual_transaction_debit_button_tooltip,
+                  value: l.DEBIT
+                }
+              )
+            ] }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        _,
+        {
+          label: a.payee_title,
+          name: "payee",
+          onChange: (t) => v(t.target.value),
+          sx: { bgcolor: "background.paper" },
+          value: f
+        }
+      ),
+      /* @__PURE__ */ o(
+        _,
+        {
+          InputLabelProps: { shrink: !0 },
+          SelectProps: { defaultValue: -1, IconComponent: w },
+          label: a.manual_transaction_select_an_account,
+          onChange: (t) => A(t.target.value),
+          placeholder: a.manual_transaction_select,
+          select: !0,
+          sx: { bgcolor: "background.paper" },
+          children: y.map((t) => /* @__PURE__ */ o(S, { value: t.value, children: t.label }, t.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(k, { light: !0 }),
+    /* @__PURE__ */ n(u, { bgcolor: "background.paper", children: [
+      /* @__PURE__ */ o(P, { transaction: e }),
+      /* @__PURE__ */ o(q, { transaction: e }),
+      /* @__PURE__ */ o(B, { transaction: e }),
+      /* @__PURE__ */ o(R, { transaction: e })
+    ] })
+  ] });
+}, lt = D(G);
+export {
+  lt as default
+};

package/dist/transactions/components/shared/TransactionDetails/TransactionAmountHeader/index.es.js

@@ -0,0 +1,27 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import o from "@mui/material/Stack";
+import { MerchantLogo as u, Text as s, H1 as p } from "@mxenabled/mxui";
+import { formatCurrency as l } from "../../../../../common/utils/NumberFormatting/index.es.js";
+const g = ({ transaction: a }) => {
+  const { amount: n, description: c, isIncome: e, merchant_guid: i, payee: m, top_level_category_guid: d } = a;
+  return /* @__PURE__ */ r(o, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
+    /* @__PURE__ */ t(
+      u,
+      {
+        categoryGuid: d || "",
+        merchantGuid: i || "",
+        size: 64
+      }
+    ),
+    /* @__PURE__ */ r(o, { overflow: "hidden'", children: [
+      /* @__PURE__ */ t(s, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: c || m }),
+      /* @__PURE__ */ r(p, { color: e ? "success.main" : "text.primary", truncate: !0, children: [
+        e ? "+" : "",
+        l(n, "0,0.00")
+      ] })
+    ] })
+  ] });
+};
+export {
+  g as default
+};