@mx-cartographer/experiences 6.26.18-alpha.mega4 → 6.26.18-alpha.sms2

package/dist/transactions/index.es.js

@@ -1,587 +0,0 @@
-import { T as _a } from "../TransactionApi-DbbcjI2L.mjs";
-import { u as H, C as Ee, D as Me, M as ke, c as Le, T as Re, a as He } from "../TransactionDetails-B5qfs9Zh.mjs";
-import { B as ga, d as ha, b as Ca } from "../TransactionDetails-B5qfs9Zh.mjs";
-import { T as E } from "../Transaction-C-5-Iuab.mjs";
-import { O as ya } from "../Transaction-C-5-Iuab.mjs";
-import { S as Z, D as Be } from "../TransactionStore-BWi6_2Ny.mjs";
-import { T as Ta } from "../TransactionStore-BWi6_2Ny.mjs";
-import { e as Pe } from "../exportTransactionsToCSV-j4g8bdVZ.mjs";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import m from "react";
-import { observer as S } from "mobx-react-lite";
-import $e from "@mui/material/Paper";
-import { DataGridPro as Ve } from "@mui/x-data-grid-pro";
-import A from "@mui/material/Box";
-import { useTheme as We } from "@mui/material/styles";
-import { Text as C, Icon as R, MerchantLogo as Ge, TextField as ee, P as Ue } from "@mxenabled/mxui";
-import { n as B, u as x, a as z, c as oe, k as Fe, j as ze, g as Ke, o as je } from "../hooks-ClhFlg78.mjs";
-import { fromUnixTime as qe } from "date-fns/fromUnixTime";
-import { f as Xe, D as Ye, a as re } from "../Dialog-CWW597AF.mjs";
-import N from "@mui/material/Stack";
-import { f as se } from "../NumberFormatting-CtWHhyBX.mjs";
-import { L as K } from "../Loader-Dp1P2gNw.mjs";
-import { endOfMonth as Je } from "date-fns/endOfMonth";
-import { getUnixTime as Qe } from "date-fns/getUnixTime";
-import { startOfMonth as Ze } from "date-fns/startOfMonth";
-import { startOfToday as F } from "date-fns/startOfToday";
-import et from "@mui/material/styles/useTheme";
-import { j as tt } from "../ConnectDrawer-DPnfeIfn.mjs";
-import at from "@mui/material/Divider";
-import nt from "@mui/material/MenuItem";
-import ot from "@mui/material/RadioGroup";
-import rt from "@mui/icons-material/ExpandMore";
-import { C as st } from "../CurrencyInput-DzsPiUsU.mjs";
-import { a as it, u as ct } from "../CategorySelectorDrawer-DgrePTRg.mjs";
-import { b as te } from "../Localization-2MODESHW.mjs";
-import { A as T, W as lt } from "../WidgetContainer-CmGNZW0M.mjs";
-import { u as dt } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as ut } from "../SearchBox-B2_zLv8-.mjs";
-import { D as ae } from "../Drawer-kEE73B87.mjs";
-const mt = (t) => /* @__PURE__ */ p(C, { tabIndex: t.tabIndex, variant: "Small", children: [
-  `${t.row.account}`,
-  t.row.number && ` | ${t.row.number}`
-] }), _t = (t) => {
-  const { associatedBeats: r } = B(), { showInsights: n } = H(), { amount: a, transaction_type: s } = t.row, l = r.find((g) => g.associated_transaction_guid === t.row.guid), d = s === E.CREDIT;
-  return /* @__PURE__ */ p(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ p(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
-      d ? "+" : "",
-      se(a, "0,0.00")
-    ] }),
-    l && n && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
-  ] });
-}, pt = (t) => {
-  const { transactions: r } = x(), [n, a] = m.useState(!1);
-  return /* @__PURE__ */ p(
-    N,
-    {
-      alignItems: "center",
-      direction: "row",
-      gap: 8,
-      height: "100%",
-      onMouseEnter: () => a(!0),
-      onMouseLeave: () => a(!1),
-      width: "100%",
-      children: [
-        t.row.has_been_split && /* @__PURE__ */ e(R, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && n && /* @__PURE__ */ e(R, { name: "edit", sx: { color: "action.active" } })
-      ]
-    }
-  );
-}, gt = S(pt), ht = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: Xe(qe(t.row.date), Ye.MONTH_DAY) }), Ct = (t) => {
-  const r = We(), { transactions: n } = x(), { is_flagged: a, is_hidden: s, has_been_viewed: l, parent_guid: d } = t.row, _ = !l && !!!d;
-  return /* @__PURE__ */ p(
-    A,
-    {
-      "aria-label": s ? n.is_hidden : n.is_flagged,
-      tabIndex: t.tabIndex,
-      children: [
-        a && /* @__PURE__ */ e(R, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && s && /* @__PURE__ */ e(R, { name: "visibility_off", size: 16 }),
-        _ && /* @__PURE__ */ e(
-          "svg",
-          {
-            "data-testid": "svg",
-            style: {
-              display: "inline-block",
-              height: 16,
-              fill: r.palette.primary.light,
-              verticalAlign: "middle",
-              width: 16
-            },
-            viewBox: "0 0 512 512",
-            children: /* @__PURE__ */ e("circle", { cx: "256", cy: "256", r: "60" })
-          }
-        )
-      ]
-    }
-  );
-}, ft = S(Ct), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), yt = (t) => /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", gap: 8, children: [
-  /* @__PURE__ */ e(
-    Ge,
-    {
-      categoryGuid: t.row.top_level_category_guid || "",
-      merchantGuid: t.row.merchant_guid || ""
-    }
-  ),
-  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), bt = ({
-  height: t = "100dvh",
-  onCategoryClick: r,
-  onRowClick: n
-}) => {
-  const { transactions: a } = x(), { isCopyLoaded: s } = z(), { isLoading: l, sortedTransactions: d } = B(), { clearExpandedSplits: g, toggleSplit: _ } = H();
-  m.useEffect(() => () => g(), []);
-  const h = m.useMemo(
-    () => d.map((i) => ({
-      id: i.guid,
-      isHovering: !1,
-      ...i
-    })),
-    [d]
-  ), u = ({ row: { id: i, guid: w, has_been_split: I }, field: v }) => I ? _(i) : v === "category" ? r?.(w) : n?.(w);
-  if (!s)
-    return /* @__PURE__ */ e(K, {});
-  const f = [
-    {
-      field: "flag",
-      headerName: "",
-      minWidth: 32,
-      width: 32,
-      sortable: !1,
-      renderCell: (i) => /* @__PURE__ */ e(ft, { ...i }),
-      renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
-    },
-    {
-      field: "date",
-      headerName: a.date_title,
-      width: 103,
-      renderHeader: O,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(ht, { ...i }),
-      sortingOrder: ["desc", "asc"]
-    },
-    {
-      cellClassName: "vertical-align-center",
-      field: "payee",
-      headerName: a.payee_title,
-      flex: 0.33,
-      renderHeader: O,
-      renderCell: yt,
-      sortingOrder: ["asc", "desc"]
-    },
-    {
-      field: "category",
-      headerName: a.category_title,
-      flex: 0.25,
-      renderHeader: O,
-      renderCell: (i) => /* @__PURE__ */ e(gt, { ...i }),
-      sortingOrder: ["asc", "desc"]
-    },
-    {
-      field: "account",
-      headerName: a.account_title,
-      flex: 0.33,
-      renderHeader: O,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(mt, { ...i }),
-      sortingOrder: ["asc", "desc"]
-    },
-    {
-      field: "amount",
-      headerName: a.amount_title,
-      flex: 0.25,
-      renderHeader: O,
-      renderCell: _t,
-      align: "right",
-      headerAlign: "right",
-      sortingOrder: ["asc", "desc"]
-    }
-  ];
-  return /* @__PURE__ */ e($e, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    Ve,
-    {
-      columns: f,
-      disableColumnFilter: !0,
-      disableColumnMenu: !0,
-      getCellClassName: (i) => i.row.parent_guid ? "split-row" : "",
-      hideFooter: !0,
-      initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
-      loading: l,
-      onCellClick: u,
-      rows: h,
-      slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
-      sx: {
-        "& .split-row": {
-          bgcolor: "background.default"
-        }
-      }
-    }
-  ) });
-}, Tt = S(bt), At = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
-  const { common: s, transactions: l } = x(), { isCopyLoaded: d } = z();
-  return d ? /* @__PURE__ */ p(
-    re,
-    {
-      copy: {
-        title: t.title
-      },
-      isOpen: r,
-      onClose: n,
-      onPrimaryAction: a,
-      primaryText: l.add_manual_account,
-      secondaryText: s.cancel_button,
-      children: [
-        /* @__PURE__ */ e(C, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
-        /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: l.add_account_modal_cta })
-      ]
-    }
-  ) : /* @__PURE__ */ e(K, {});
-}, St = S(At), xt = () => {
-  const { visibleAccounts: t } = oe(), { common: r, transactions: n } = x(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: l } = H(), [d, g] = m.useState(""), [_, h] = m.useState(""), u = m.useMemo(
-    () => t.filter((o) => o.is_manual),
-    [t]
-  ).map((o) => ({
-    label: `${o.name} | ${se(o.balance, "0,0.00")}`,
-    value: o.guid
-  })), f = {
-    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
-  }, i = (o) => {
-    g(o), l({ ...a, amount: Number(o) });
-  }, w = (o, P) => {
-    l({ ...a, transaction_type: Number(P) });
-  }, I = (o) => {
-    h(o), l({ ...a, payee: o, description: o });
-  }, v = (o) => {
-    l({ ...a, account_guid: o });
-  };
-  return /* @__PURE__ */ p(A, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ p(N, { gap: 40, mx: 24, my: 32, children: [
-      /* @__PURE__ */ p(
-        N,
-        {
-          direction: "row",
-          sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
-          children: [
-            /* @__PURE__ */ e(
-              st,
-              {
-                allowDecimals: !0,
-                amount: d,
-                ariaLabel: n.amount_title,
-                copy: f,
-                inputProps: {
-                  noValidate: !0
-                },
-                label: n.amount_title,
-                setAmount: i,
-                setHasValidInput: s,
-                sx: { bgcolor: "background.paper" },
-                type: "number"
-              }
-            ),
-            /* @__PURE__ */ e(ot, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", children: [
-              /* @__PURE__ */ e(
-                Z,
-                {
-                  checked: a.transaction_type === E.CREDIT,
-                  label: n.manual_transaction_credit_button_label,
-                  sx: { ml: { xs: 0, sm: 8 } },
-                  tooltip: n.manual_transaction_credit_button_tooltip,
-                  value: E.CREDIT
-                }
-              ),
-              /* @__PURE__ */ e(
-                Z,
-                {
-                  checked: a.transaction_type === E.DEBIT,
-                  label: n.manual_transaction_debit_button_label,
-                  tooltip: n.manual_transaction_debit_button_tooltip,
-                  value: E.DEBIT
-                }
-              )
-            ] }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        ee,
-        {
-          label: n.payee_title,
-          name: "payee",
-          onChange: (o) => I(o.target.value),
-          sx: { bgcolor: "background.paper" },
-          value: _
-        }
-      ),
-      /* @__PURE__ */ e(
-        ee,
-        {
-          InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: rt },
-          label: n.manual_transaction_select_an_account,
-          onChange: (o) => v(o.target.value),
-          placeholder: n.manual_transaction_select,
-          select: !0,
-          sx: { bgcolor: "background.paper" },
-          children: u.map((o) => /* @__PURE__ */ e(nt, { value: o.value, children: o.label }, o.value))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(at, { light: !0 }),
-    /* @__PURE__ */ p(A, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Ee, { transaction: a }),
-      /* @__PURE__ */ e(Me, { transaction: a }),
-      /* @__PURE__ */ e(ke, { transaction: a }),
-      /* @__PURE__ */ e(Le, { transaction: a })
-    ] })
-  ] });
-}, wt = S(xt), It = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: a } = B(), { transactions: s } = x(), { categories: l } = Fe(), [d, g] = m.useState(""), _ = m.useMemo(
-    () => l.find((u) => u.guid === d),
-    [d]
-  ), h = async (u) => {
-    await a({ ...r, category_guid: d }), u && await n(d, r), g(""), t();
-  };
-  return /* @__PURE__ */ p(A, { className: "mx-txn-edit-category-action", children: [
-    /* @__PURE__ */ e(
-      it,
-      {
-        initialSelected: r.category_guid,
-        onClose: t,
-        onSelect: (u) => g(u),
-        showDrawer: !!r,
-        title: s.actions_select_a_category
-      }
-    ),
-    /* @__PURE__ */ e(
-      re,
-      {
-        copy: {
-          title: te(
-            s.actions_apply_to_all_transaction_types,
-            r.description
-          )
-        },
-        isOpen: !!d,
-        onClose: () => h(!1),
-        onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => h(!1),
-        primaryText: s.actions_apply_to_all,
-        secondaryText: s.actions_this_time_only,
-        children: /* @__PURE__ */ e(Ue, { variant: "Paragraph", children: te(
-          s.actions_all_past_and_future,
-          r.description,
-          _?.name
-        ) })
-      }
-    )
-  ] });
-}, vt = S(It), ne = 120, Dt = ({
-  onBackClick: t,
-  height: r = "100dvh",
-  showInsights: n = !1,
-  sx: a = {}
-}) => {
-  const { visibleAccounts: s, refreshAccounts: l } = oe(), { is_mobile_webview: d } = ze(), { setSearchValue: g } = ct(), { onEvent: _ } = Ke(), { common: h, transactions: u } = x(), {
-    displayedDateRange: f,
-    isCopyLoaded: i,
-    isInitialized: w,
-    selectedAccountGuids: I,
-    setDisplayedDate: v,
-    setSelectedAccounts: o
-  } = z(), { isDesktop: P } = dt(), M = et(), {
-    addTransaction: ie,
-    filter: j,
-    loadAssociatedBeats: ce,
-    setFilter: $,
-    sortedTransactionsWithSplits: le,
-    tags: de,
-    transactions: ue,
-    updateTransaction: me
-  } = B(), {
-    manualTransaction: k,
-    isAmountValid: _e,
-    searchValue: pe,
-    setSearchValue: ge,
-    setShowInsights: he,
-    updateManualTransaction: Ce
-  } = H(), { userProfile: fe } = je(), [V, y] = m.useState(""), [q, L] = m.useState(""), [ye, W] = m.useState(!1), [be, X] = m.useState(!1), [G, Te] = m.useState(!1);
-  m.useEffect(() => {
-    const c = s.filter((D) => !D.is_hidden), J = Ze(F()), Q = Je(F());
-    o(c), v(J, Q), $({
-      accounts: c.map((D) => D.guid),
-      custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
-      dateRange: { start: J, end: Q }
-    }), Te(!0), _(T.TRANSACTIONS_VIEW);
-  }, [s]), m.useEffect(() => {
-    G && ($({
-      ...j,
-      accounts: I,
-      dateRange: { start: f.start, end: f.end }
-    }), ce(f.start).finally());
-  }, [G, f, I]), m.useEffect(() => {
-    he(n);
-  }, [n]);
-  const Ae = m.useMemo(
-    () => s.filter((c) => c.is_manual),
-    [s]
-  ), b = q ? ue.find((c) => c.guid === q) : void 0, Y = _e && !!k.payee && !!k.account_guid && !!k.category_guid, Se = (c) => {
-    v(c[0], c[1]);
-  }, xe = (c) => {
-    ge(c), $({
-      ...j,
-      searchTerm: c
-    }), _(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
-  }, we = () => {
-    Pe(le, de), _(T.TRANSACTIONS_CLICK_EXPORT);
-  }, Ie = () => {
-    Ae.length > 0 ? (Ce({
-      ...Be,
-      date: Qe(F()),
-      user_guid: fe?.user_guid || ""
-    }), y(
-      "addTransaction"
-      /* AddTransaction */
-    ), _(T.TRANSACTIONS_CLICK_ADD)) : (W(!0), _(T.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, ve = async () => {
-    Y && await ie(k), y("");
-  }, De = () => {
-    W(!1), X(!0);
-  }, Ne = async () => {
-    X(!1), await l();
-  }, Oe = async () => {
-    b && !b.has_been_viewed && await me({ ...b, has_been_viewed: !0 }), y("");
-  };
-  if (!i || !w || !G)
-    return /* @__PURE__ */ e(K, {});
-  const U = [];
-  return !d && P && U.push({
-    iconName: "open_in_new",
-    label: u.export_csv_btn,
-    onClick: we
-  }), U.push({
-    iconName: "add",
-    label: u.add_transaction_btn,
-    onClick: Ie
-  }), /* @__PURE__ */ p(
-    lt,
-    {
-      accountOptions: s,
-      actions: U,
-      calendarActions: {
-        onRangeChanged: Se
-      },
-      onAccountsFilterClick: () => _(T.ACCOUNTS_CLICK_FILTER),
-      onBackClick: t,
-      sx: a,
-      title: u.transactions_title,
-      children: [
-        /* @__PURE__ */ e(A, { mt: 16, children: /* @__PURE__ */ e(
-          ut,
-          {
-            onChange: xe,
-            placeholder: u.action_bar_search_placeholder,
-            searchValue: pe
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          A,
-          {
-            sx: {
-              [M.breakpoints.down("md")]: { display: "none" },
-              [M.breakpoints.up("md")]: { display: "block" }
-            },
-            children: /* @__PURE__ */ e(
-              Tt,
-              {
-                height: `calc(${r} - ${ne}px)`,
-                onCategoryClick: (c) => {
-                  L(c), y(
-                    "category"
-                    /* Category */
-                  );
-                },
-                onRowClick: (c) => {
-                  L(c), y(
-                    "transaction"
-                    /* Transaction */
-                  ), _(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          A,
-          {
-            sx: {
-              [M.breakpoints.down("md")]: { display: "block" },
-              [M.breakpoints.up("md")]: { display: "none" }
-            },
-            children: /* @__PURE__ */ e(
-              Re,
-              {
-                height: `calc(${r} - ${ne}px)`,
-                onClick: (c) => {
-                  L(c), y(
-                    "transaction"
-                    /* Transaction */
-                  );
-                },
-                showHiddenTransactions: !0,
-                showInsights: n
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          ae,
-          {
-            ariaLabelClose: h.close_aria,
-            isOpen: V === "transaction" && !!b,
-            onClose: Oe,
-            title: u.details_title,
-            children: b && /* @__PURE__ */ e(He, { transaction: b })
-          }
-        ),
-        b && V === "category" && /* @__PURE__ */ e(
-          vt,
-          {
-            onClose: () => {
-              g(""), y(""), L("");
-            },
-            transaction: b
-          }
-        ),
-        /* @__PURE__ */ e(
-          ae,
-          {
-            ariaLabelClose: h.close_aria,
-            isOpen: V === "addTransaction",
-            isPrimaryDisabled: !Y,
-            onClose: () => y(""),
-            onPrimaryAction: ve,
-            title: u.add_transaction_title,
-            children: /* @__PURE__ */ e(wt, {})
-          }
-        ),
-        /* @__PURE__ */ e(
-          St,
-          {
-            copy: { title: u.add_manual_account },
-            isOpen: ye,
-            onClose: () => {
-              W(!1);
-            },
-            onPrimaryAction: De
-          }
-        ),
-        /* @__PURE__ */ e(
-          tt,
-          {
-            onClose: Ne,
-            showConnectWidget: be,
-            title: u.add_manual_account
-          }
-        )
-      ]
-    }
-  );
-}, da = S(Dt);
-export {
-  St as AddAccountModal,
-  ga as BottomActions,
-  ya as TRANSACTION_EVENTS,
-  ha as TopActions,
-  _a as TransactionApi,
-  He as TransactionDetails,
-  Re as TransactionList,
-  Ca as TransactionRow,
-  Ta as TransactionStore,
-  Tt as TransactionTable,
-  da as TransactionWidget,
-  Pe as exportTransactionsToCSV,
-  H as useTransactionsUiStore
-};