@mx-cartographer/experiences 8.0.0-alpha.sms1 → 8.0.0-alpha.sms2

package/dist/transactions/index.es.js

@@ -1,60 +1,60 @@
 import { T as Sa } from "../TransactionApi-CjBoLleL.mjs";
-import { b as P, C as Pe, D as $e, M as Ve, d as Ge, u as We, T as Ue, a as Fe } from "../TransactionDetails-5M2vfr59.mjs";
-import { B as wa, e as va, c as Ia } from "../TransactionDetails-5M2vfr59.mjs";
-import { T as M } from "../User-wXzDI4M8.mjs";
-import { O as Na } from "../User-wXzDI4M8.mjs";
-import { S as ae, D as ze } from "../TransactionStore-D-Q3BU9Z.mjs";
-import { T as Oa } from "../TransactionStore-D-Q3BU9Z.mjs";
-import { e as Ke } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
-import { E as ka } from "../ExportCsvAction-DzTrtPzk.mjs";
+import { b as P, C as Pe, D as Ve, M as $e, d as Ge, u as We, T as Ue, a as Fe } from "../TransactionDetails-Duv1X9ec.mjs";
+import { B as wa, e as va, c as Ia } from "../TransactionDetails-Duv1X9ec.mjs";
+import { T as M } from "../User-DqNX2GAK.mjs";
+import { O as Na } from "../User-DqNX2GAK.mjs";
+import { S as ae, D as ze } from "../TransactionStore-DgLrYW4C.mjs";
+import { T as Oa } from "../TransactionStore-DgLrYW4C.mjs";
+import { e as Ke } from "../exportTransactionsToCSV-BFpuIAXW.mjs";
+import { E as ka } from "../ExportCsvAction-CQ1grpwo.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as x } from "mobx-react-lite";
 import qe from "@mui/material/Paper";
 import { DataGridPro as je } from "@mui/x-data-grid-pro";
-import A from "@mui/material/Box";
-import { useTheme as Xe } from "@mui/material/styles";
-import { Text as C, Icon as B, MerchantLogo as Ye, TextField as ne, P as Je } from "@mxenabled/mxui";
-import { h as $, u as w, b as q, d as se, m as Qe, a as Ze, g as et, p as tt } from "../hooks-C41HAxM5.mjs";
+import { L as q } from "../Loader-BSWSYqvn.mjs";
+import { Text as C, Icon as B, MerchantLogo as Xe, TextField as ne, P as Ye } from "@mxenabled/mxui";
+import A from "@mui/material/Stack";
+import { h as V, u as w, b as j, d as se, m as Je, a as Qe, g as Ze, p as et } from "../hooks-C41HAxM5.mjs";
+import { f as ie } from "../NumberFormatting-DjTD0t3W.mjs";
+import S from "@mui/material/Box";
+import { useTheme as tt } from "@mui/material/styles";
 import { fromUnixTime as at } from "date-fns/fromUnixTime";
-import { f as nt, a as ot, D as ie } from "../Dialog-BPTr3qHE.mjs";
-import S from "@mui/material/Stack";
-import { f as ce } from "../NumberFormatting-DjTD0t3W.mjs";
-import { L as j } from "../Loader-DUaFpDGv.mjs";
+import { f as nt, a as ot, D as ce } from "../Dialog-CDV0kKxj.mjs";
 import { endOfMonth as rt } from "date-fns/endOfMonth";
 import { getUnixTime as st } from "date-fns/getUnixTime";
 import { startOfMonth as it } from "date-fns/startOfMonth";
 import { startOfToday as z } from "date-fns/startOfToday";
 import ct from "@mui/material/styles/useTheme";
-import { l as lt } from "../ConnectDrawer-BIbTqYOH.mjs";
+import { l as lt } from "../ConnectDrawer-Dn1MlqLz.mjs";
 import dt from "@mui/material/Divider";
 import ut from "@mui/material/MenuItem";
 import mt from "@mui/material/RadioGroup";
 import { ExpandMore as _t } from "@mxenabled/mx-icons";
-import { C as pt } from "../CurrencyInput-BFKcs-_K.mjs";
-import { a as gt, u as ht } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import { C as pt } from "../CurrencyInput-BrGvhgVK.mjs";
+import { a as gt, u as ht } from "../CategorySelectorDrawer-DqDAA_5I.mjs";
 import { b as K } from "../Localization-2MODESHW.mjs";
 import { S as ft } from "../SkeletonLoader-BaNboJjD.mjs";
-import { A as T, W as Ct } from "../WidgetContainer-BhQ1Kx2z.mjs";
+import { A as T, W as Ct } from "../WidgetContainer-B1Jzb4XA.mjs";
+import { D as oe } from "../Drawer-Dqe5EqvA.mjs";
 import { u as yt } from "../useScreenSize-B6JyS_Lj.mjs";
 import { S as bt } from "../SearchBox-B2_zLv8-.mjs";
-import { D as oe } from "../Drawer-BEtCk82g.mjs";
 const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), At = (t) => {
-  const { associatedBeats: s } = $(), { showInsights: r } = P(), { amount: a, transaction_type: i } = t.row, l = s.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
-  return /* @__PURE__ */ _(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+  const { associatedBeats: s } = V(), { showInsights: r } = P(), { amount: a, transaction_type: i } = t.row, l = s.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
+  return /* @__PURE__ */ _(A, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
     /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
-      ce(a, "0,0.00")
+      ie(a, "0,0.00")
     ] }),
     l && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
 }, St = (t) => {
   const { transactions: s } = w(), [r, a] = u.useState(!1);
   return /* @__PURE__ */ _(
-    S,
+    A,
     {
       alignItems: "center",
       direction: "row",
@@ -71,9 +71,9 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     }
   );
 }, xt = x(St), wt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: nt(at(t.row.date), ot.MONTH_DAY) }), vt = (t) => {
-  const s = Xe(), { transactions: r } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, h = !l && !!!d;
+  const s = tt(), { transactions: r } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, h = !l && !!!d;
   return /* @__PURE__ */ _(
-    A,
+    S,
     {
       "aria-label": i ? r.is_hidden : r.is_flagged,
       tabIndex: t.tabIndex,
@@ -98,9 +98,9 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, It = x(vt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", gap: 8, children: [
+}, It = x(vt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ _(A, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    Ye,
+    Xe,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
@@ -112,7 +112,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   onCategoryClick: s,
   onRowClick: r
 }) => {
-  const { transactions: a } = w(), { isCopyLoaded: i } = q(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: h } = P();
+  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = V(), { clearExpandedSplits: p, toggleSplit: h } = P();
   u.useEffect(() => () => p(), []);
   const f = u.useMemo(
     () => d.map((n) => ({
@@ -123,7 +123,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     [d]
   ), m = ({ row: { id: n, guid: g, has_been_split: I }, field: E }) => I ? h(n) : E === "category" ? s?.(g) : r?.(g);
   if (!i)
-    return /* @__PURE__ */ e(j, {});
+    return /* @__PURE__ */ e(q, {});
   const v = [
     {
       field: "flag",
@@ -199,9 +199,9 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     }
   ) });
 }, Et = x(Nt), Ot = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
-  const { common: i, transactions: l } = w(), { isCopyLoaded: d } = q();
+  const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
   return d ? /* @__PURE__ */ _(
-    ie,
+    ce,
     {
       copy: {
         title: t.title
@@ -216,13 +216,13 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: l.add_account_modal_cta })
       ]
     }
-  ) : /* @__PURE__ */ e(j, {});
+  ) : /* @__PURE__ */ e(q, {});
 }, Mt = x(Ot), kt = () => {
   const { visibleAccounts: t } = se(), { common: s, transactions: r } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = P(), [d, p] = u.useState(""), [h, f] = u.useState(""), m = u.useMemo(
     () => t.filter((o) => o.is_manual),
     [t]
   ).map((o) => ({
-    label: `${o.name} | ${ce(o.balance, "0,0.00")}`,
+    label: `${o.name} | ${ie(o.balance, "0,0.00")}`,
     value: o.guid
   })), v = {
     error_amount_is_invalid: s.currency_input.error_amount_is_invalid,
@@ -238,10 +238,10 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   }, E = (o) => {
     l({ ...a, account_guid: o });
   };
-  return /* @__PURE__ */ _(A, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(S, { gap: 40, mx: 24, my: 32, children: [
+  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ _(A, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
-        S,
+        A,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
@@ -263,7 +263,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(mt, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(mt, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ _(A, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ae,
                 {
@@ -312,21 +312,21 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       )
     ] }),
     /* @__PURE__ */ e(dt, { light: !0 }),
-    /* @__PURE__ */ _(A, { bgcolor: "background.paper", children: [
+    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Pe, { transaction: a }),
-      /* @__PURE__ */ e($e, { transaction: a }),
       /* @__PURE__ */ e(Ve, { transaction: a }),
+      /* @__PURE__ */ e($e, { transaction: a }),
       /* @__PURE__ */ e(Ge, { transaction: a })
     ] })
   ] });
 }, Lt = x(kt), Rt = ({ onClose: t, transaction: s }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Qe(), [d, p] = u.useState(""), h = u.useMemo(
+  const { addOrUpdateTransactionRule: r, updateTransaction: a } = V(), { transactions: i } = w(), { categories: l } = Je(), [d, p] = u.useState(""), h = u.useMemo(
     () => l.find((m) => m.guid === d),
     [d]
   ), f = async (m) => {
     await a({ ...s, category_guid: d }), m && await r(d, s), p(""), t();
   };
-  return /* @__PURE__ */ _(A, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
       gt,
       {
@@ -338,7 +338,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
         copy: {
           title: K(
@@ -352,7 +352,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         onSecondaryAction: () => f(!1),
         primaryText: i.actions_apply_to_all,
         secondaryText: i.actions_this_time_only,
-        children: /* @__PURE__ */ e(Je, { variant: "Paragraph", children: K(
+        children: /* @__PURE__ */ e(Ye, { variant: "Paragraph", children: K(
           i.actions_all_past_and_future,
           s.description,
           h?.name
@@ -366,25 +366,25 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   showInsights: r = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: h } = Ze(), { setSearchValue: f } = ht(), { onEvent: m } = et(), { common: v, transactions: n } = w(), {
+  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: h } = Qe(), { setSearchValue: f } = ht(), { onEvent: m } = Ze(), { common: v, transactions: n } = w(), {
     displayedDateRange: g,
     isCopyLoaded: I,
     isInitialized: E,
     selectedAccountGuids: o,
     setDisplayedDate: k,
     setSelectedAccounts: le
-  } = q(), { isDesktop: de, isTablet: ue } = yt(), L = ct(), {
+  } = j(), { isDesktop: de, isTablet: ue } = yt(), L = ct(), {
     addTransaction: me,
     filter: X,
     isTransactionDataLoaded: Y,
     loadAssociatedBeats: _e,
     loadTransactionData: pe,
-    setFilter: V,
+    setFilter: $,
     sortedTransactionsWithSplits: G,
     tags: ge,
     detailedTransactions: he,
     updateTransaction: fe
-  } = $(), {
+  } = V(), {
     clearExpandedSplits: Ce,
     isAmountValid: ye,
     manualTransaction: R,
@@ -392,18 +392,18 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     setSearchValue: Te,
     setShowInsights: Ae,
     updateManualTransaction: Se
-  } = P(), { userProfile: xe } = tt(), [W, y] = u.useState(""), [J, H] = u.useState(""), [we, U] = u.useState(!1), [ve, Q] = u.useState(!1), { announce: Ie, ariaLive: De } = We(), D = p?.transactions?.selected_account_guid;
+  } = P(), { userProfile: xe } = et(), [W, y] = u.useState(""), [J, H] = u.useState(""), [we, U] = u.useState(!1), [ve, Q] = u.useState(!1), { announce: Ie, ariaLive: De } = We(), D = p?.transactions?.selected_account_guid;
   u.useEffect(() => {
     Y || pe().finally();
   }, []), u.useEffect(() => {
     const c = D ? [{ guid: D }] : i.filter((N) => !N.is_hidden), ee = it(z()), te = rt(z());
-    D || le(c), k(ee, te), V({
+    D || le(c), k(ee, te), $({
       accounts: c.map((N) => N.guid),
       custom: (N) => !N.accountIsClosed && !N.accountIsHidden,
       dateRange: { start: ee, end: te }
     }), m(T.TRANSACTIONS_VIEW);
   }, [i]), u.useEffect(() => {
-    V({
+    $({
       ...X,
       accounts: D ? [D] : o,
       dateRange: { start: g.start, end: g.end }
@@ -424,7 +424,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   ), b = J ? he.find((c) => c.guid === J) : void 0, Z = ye && !!R.payee && !!R.account_guid && !!R.category_guid, Ee = (c) => {
     Ce(), k(c[0], c[1]);
   }, Oe = (c) => {
-    Te(c), V({
+    Te(c), $({
       ...X,
       searchTerm: c
     }), m(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
@@ -449,7 +449,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     b && !b.has_been_viewed && await fe({ ...b, has_been_viewed: !0 }), y("");
   };
   if (!E)
-    return /* @__PURE__ */ e(j, {});
+    return /* @__PURE__ */ e(q, {});
   const F = [];
   return !d && (de || ue) && F.push({
     iconName: "open_in_new",
@@ -472,9 +472,9 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       sx: a,
       title: n.transactions_title,
       children: [
-        Y ? /* @__PURE__ */ _(S, { children: [
+        Y ? /* @__PURE__ */ _(A, { children: [
           De,
-          /* @__PURE__ */ e(A, { mt: 16, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
             bt,
             {
               onChange: Oe,
@@ -483,7 +483,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
             }
           ) }),
           /* @__PURE__ */ e(
-            A,
+            S,
             {
               sx: {
                 [L.breakpoints.down("md")]: { display: "none" },
@@ -510,7 +510,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
             }
           ),
           /* @__PURE__ */ e(
-            A,
+            S,
             {
               sx: {
                 [L.breakpoints.down("md")]: { display: "block" },