@mx-cartographer/experiences 7.4.7 → 7.4.8-alpha.mm0

package/dist/transactions/index.es.js

@@ -1,12 +1,12 @@
-import { T as Ta } from "../TransactionApi-CjBoLleL.mjs";
-import { b as P, C as Pe, D as $e, M as Ve, d as We, u as Ge, T as Ue, a as Fe } from "../TransactionDetails-COH0OKNG.mjs";
-import { B as Sa, e as xa, c as wa } from "../TransactionDetails-COH0OKNG.mjs";
-import { T as M } from "../User-wXzDI4M8.mjs";
-import { O as va } from "../User-wXzDI4M8.mjs";
-import { S as ae, D as ze } from "../TransactionStore-Dz-G8Wd0.mjs";
-import { T as Na } from "../TransactionStore-Dz-G8Wd0.mjs";
-import { e as Ke } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
-import { E as Oa } from "../ExportCsvAction-DzTrtPzk.mjs";
+import { T as Sa } from "../TransactionApi-CjBoLleL.mjs";
+import { b as W, C as Pe, D as We, M as $e, d as Ve, u as Ge, T as Ue, a as Fe } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { B as wa, e as Ia, c as va } from "../TransactionDetails-BA_E5nQ-.mjs";
+import { T as M } from "../User-Cnlegl1N.mjs";
+import { O as Na } from "../User-Cnlegl1N.mjs";
+import { S as ae, D as ze } from "../TransactionStore-PRlwE-TF.mjs";
+import { T as Oa } from "../TransactionStore-PRlwE-TF.mjs";
+import { e as Ke } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
+import { E as ka } from "../ExportCsvAction-Cglo8Mca.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as x } from "mobx-react-lite";
@@ -14,8 +14,8 @@ import qe from "@mui/material/Paper";
 import { DataGridPro as je } from "@mui/x-data-grid-pro";
 import S 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 j, d as se, m as Qe, a as Ze, g as et, p as tt } from "../hooks-C41HAxM5.mjs";
+import { Text as C, Icon as P, MerchantLogo as Ye, TextField as ne, P as Je } from "@mxenabled/mxui";
+import { h as $, u as w, b as j, d as se, m as Qe, a as Ze, g as et, o as tt } from "../hooks-ZMp65DFz.mjs";
 import { fromUnixTime as at } from "date-fns/fromUnixTime";
 import { f as nt, a as ot, D as ie } from "../Dialog-BPTr3qHE.mjs";
 import N from "@mui/material/Stack";
@@ -26,23 +26,24 @@ import { getUnixTime as st } from "date-fns/getUnixTime";
 import { startOfMonth as it } from "date-fns/startOfMonth";
 import { startOfToday as K } from "date-fns/startOfToday";
 import ct from "@mui/material/styles/useTheme";
-import { l as lt } from "../ConnectDrawer-CuUj16NH.mjs";
+import { l as lt } from "../ConnectDrawer-KL8t1qSC.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-itK0R3wV.mjs";
+import { a as gt, u as ht } from "../CategorySelectorDrawer-SUgfE5GN.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
-import { A, W as ft } from "../WidgetContainer-6dsjtOVg.mjs";
+import { A, W as ft } from "../WidgetContainer-CaPjoWeE.mjs";
 import { u as Ct } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as yt } from "../SearchBox-B2_zLv8-.mjs";
+import { u as yt } from "../useWidgetLoadTimer-C1NBkyLd.mjs";
+import { S as bt } from "../SearchBox-B2_zLv8-.mjs";
 import { D as oe } from "../Drawer-BEtCk82g.mjs";
-const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
+const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), Tt = (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;
+] }), At = (t) => {
+  const { associatedBeats: s } = $(), { showInsights: r } = W(), { amount: a, transaction_type: i } = t.row, l = s.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
   return /* @__PURE__ */ _(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
     /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
@@ -50,7 +51,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     ] }),
     l && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
-}, At = (t) => {
+}, St = (t) => {
   const { transactions: s } = w(), [r, a] = u.useState(!1);
   return /* @__PURE__ */ _(
     N,
@@ -63,13 +64,13 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        t.row.has_been_split && /* @__PURE__ */ e(B, { name: "call_split", size: 16 }),
+        t.row.has_been_split && /* @__PURE__ */ e(P, { name: "call_split", size: 16 }),
         /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && r && /* @__PURE__ */ e(B, { name: "edit", sx: { color: "action.active" } })
+        !t.row.has_been_split && r && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, St = x(At), xt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: nt(at(t.row.date), ot.MONTH_DAY) }), wt = (t) => {
+}, xt = x(St), wt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: nt(at(t.row.date), ot.MONTH_DAY) }), It = (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;
   return /* @__PURE__ */ _(
     S,
@@ -77,8 +78,8 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       "aria-label": i ? r.is_hidden : r.is_flagged,
       tabIndex: t.tabIndex,
       children: [
-        a && /* @__PURE__ */ e(B, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && i && /* @__PURE__ */ e(B, { name: "visibility_off", size: 16 }),
+        a && /* @__PURE__ */ e(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+        !a && i && /* @__PURE__ */ e(P, { name: "visibility_off", size: 16 }),
         h && /* @__PURE__ */ e(
           "svg",
           {
@@ -97,7 +98,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, It = x(wt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), vt = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
+}, vt = x(It), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     Ye,
     {
@@ -106,12 +107,12 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     }
   ),
   /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), Dt = ({
+] }), Nt = ({
   height: t = "100dvh",
   onCategoryClick: s,
   onRowClick: r
 }) => {
-  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: h } = P();
+  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: h } = W();
   u.useEffect(() => () => p(), []);
   const f = u.useMemo(
     () => d.map((n) => ({
@@ -130,7 +131,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (n) => /* @__PURE__ */ e(It, { ...n }),
+      renderCell: (n) => /* @__PURE__ */ e(vt, { ...n }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
@@ -138,7 +139,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.date_title,
       width: 103,
       renderHeader: O,
-      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...n }),
+      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(wt, { ...n }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -147,7 +148,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.payee_title,
       flex: 0.33,
       renderHeader: O,
-      renderCell: vt,
+      renderCell: Dt,
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -155,7 +156,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.category_title,
       flex: 0.25,
       renderHeader: O,
-      renderCell: (n) => /* @__PURE__ */ e(St, { ...n }),
+      renderCell: (n) => /* @__PURE__ */ e(xt, { ...n }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -163,7 +164,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.account_title,
       flex: 0.33,
       renderHeader: O,
-      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...n }),
+      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(Tt, { ...n }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -171,7 +172,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.amount_title,
       flex: 0.25,
       renderHeader: O,
-      renderCell: Tt,
+      renderCell: At,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
@@ -197,7 +198,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Nt = x(Dt), Et = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
+}, Et = x(Nt), Ot = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
   const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
   return d ? /* @__PURE__ */ _(
     ie,
@@ -216,8 +217,8 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   ) : /* @__PURE__ */ e(X, {});
-}, Ot = x(Et), Mt = () => {
-  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(
+}, Mt = x(Ot), kt = () => {
+  const { visibleAccounts: t } = se(), { common: s, transactions: r } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = W(), [d, p] = u.useState(""), [h, f] = u.useState(""), m = u.useMemo(
     () => t.filter((o) => o.is_manual),
     [t]
   ).map((o) => ({
@@ -313,12 +314,12 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     /* @__PURE__ */ e(dt, { light: !0 }),
     /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Pe, { transaction: a }),
+      /* @__PURE__ */ e(We, { transaction: a }),
       /* @__PURE__ */ e($e, { transaction: a }),
-      /* @__PURE__ */ e(Ve, { transaction: a }),
-      /* @__PURE__ */ e(We, { transaction: a })
+      /* @__PURE__ */ e(Ve, { transaction: a })
     ] })
   ] });
-}, kt = x(Mt), Lt = ({ onClose: t, transaction: s }) => {
+}, 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(
     () => l.find((m) => m.guid === d),
     [d]
@@ -359,7 +360,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     )
   ] });
-}, Rt = x(Lt), re = 120, Ht = ({
+}, Ht = x(Rt), re = 120, Bt = ({
   onBackClick: t,
   height: s = "100dvh",
   showInsights: r = !1,
@@ -377,7 +378,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     filter: Y,
     loadAssociatedBeats: _e,
     setFilter: V,
-    sortedTransactionsWithSplits: W,
+    sortedTransactionsWithSplits: G,
     tags: pe,
     transactions: ge,
     updateTransaction: he
@@ -389,8 +390,11 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     setSearchValue: be,
     setShowInsights: Te,
     updateManualTransaction: Ae
-  } = P(), { userProfile: Se } = tt(), [G, y] = u.useState(""), [J, H] = u.useState(""), [xe, U] = u.useState(!1), [we, Q] = u.useState(!1), [F, Ie] = u.useState(!1), { announce: ve, ariaLive: De } = Ge(), v = p?.transactions?.selected_account_guid;
-  u.useEffect(() => {
+  } = W(), { userProfile: Se } = tt(), [U, y] = u.useState(""), [J, H] = u.useState(""), [xe, F] = u.useState(!1), [we, Q] = u.useState(!1), [B, Ie] = u.useState(!1), { announce: ve, ariaLive: De } = Ge(), v = p?.transactions?.selected_account_guid;
+  yt({
+    widgetName: "TransactionWidget",
+    isLoaded: B
+  }), u.useEffect(() => {
     const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), ee = it(K()), te = rt(K());
     v || le(c), k(ee, te), V({
       accounts: c.map((D) => D.guid),
@@ -398,21 +402,21 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       dateRange: { start: ee, end: te }
     }), Ie(!0), m(A.TRANSACTIONS_VIEW);
   }, [i]), u.useEffect(() => {
-    F && (V({
+    B && (V({
       ...Y,
       accounts: v ? [v] : o,
       dateRange: { start: g.start, end: g.end }
     }), _e(g.start).finally());
-  }, [F, g, o]), u.useEffect(() => {
+  }, [B, g, o]), u.useEffect(() => {
     Te(r);
   }, [r]), u.useEffect(() => {
     T && n.showing_transactions_count && ve(
       q(
         n.showing_transactions_count,
-        W.length
+        G.length
       )
     );
-  }, [T, g, o, W, n]);
+  }, [T, g, o, G, n]);
   const Ne = u.useMemo(
     () => i.filter((c) => c.is_manual),
     [i]
@@ -424,7 +428,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       searchTerm: c
     }), m(A.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
   }, Me = () => {
-    Ke(W, pe), m(A.TRANSACTIONS_CLICK_EXPORT);
+    Ke(G, pe), m(A.TRANSACTIONS_CLICK_EXPORT);
   }, ke = () => {
     Ne.length > 0 ? (Ae({
       ...ze,
@@ -433,17 +437,17 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), m(A.TRANSACTIONS_CLICK_ADD)) : (U(!0), m(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), m(A.TRANSACTIONS_CLICK_ADD)) : (F(!0), m(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Le = async () => {
     Z && await me(R), y("");
   }, Re = () => {
-    U(!1), Q(!0);
+    F(!1), Q(!0);
   }, He = async () => {
     Q(!1), await l();
   }, Be = async () => {
     b && !b.has_been_viewed && await he({ ...b, has_been_viewed: !0 }), y("");
   };
-  if (!T || !E || !F)
+  if (!T || !E || !B)
     return /* @__PURE__ */ e(X, {});
   const z = [];
   return !d && (de || ue) && z.push({
@@ -469,7 +473,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       children: [
         De,
         /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
-          yt,
+          bt,
           {
             onChange: Oe,
             placeholder: n.action_bar_search_placeholder,
@@ -484,7 +488,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
               [L.breakpoints.up("md")]: { display: "block" }
             },
             children: /* @__PURE__ */ e(
-              Nt,
+              Et,
               {
                 height: `calc(${s} - ${re}px)`,
                 onCategoryClick: (c) => {
@@ -530,14 +534,14 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           oe,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: G === "transaction" && !!b,
+            isOpen: U === "transaction" && !!b,
             onClose: Be,
             title: n.details_title,
             children: b && /* @__PURE__ */ e(Fe, { transaction: b })
           }
         ),
-        b && G === "category" && /* @__PURE__ */ e(
-          Rt,
+        b && U === "category" && /* @__PURE__ */ e(
+          Ht,
           {
             onClose: () => {
               f(""), y(""), H("");
@@ -549,21 +553,21 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           oe,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: G === "addTransaction",
+            isOpen: U === "addTransaction",
             isPrimaryDisabled: !Z,
             onClose: () => y(""),
             onPrimaryAction: Le,
             title: n.add_transaction_title,
-            children: /* @__PURE__ */ e(kt, {})
+            children: /* @__PURE__ */ e(Lt, {})
           }
         ),
         /* @__PURE__ */ e(
-          Ot,
+          Mt,
           {
             copy: { title: n.add_manual_account },
             isOpen: xe,
             onClose: () => {
-              U(!1);
+              F(!1);
             },
             onPrimaryAction: Re
           }
@@ -579,20 +583,20 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, Ca = x(Ht);
+}, ba = x(Bt);
 export {
-  Ot as AddAccountModal,
-  Sa as BottomActions,
-  Oa as ExportCsvAction,
-  va as TRANSACTION_EVENTS,
-  xa as TopActions,
-  Ta as TransactionApi,
+  Mt as AddAccountModal,
+  wa as BottomActions,
+  ka as ExportCsvAction,
+  Na as TRANSACTION_EVENTS,
+  Ia as TopActions,
+  Sa as TransactionApi,
   Fe as TransactionDetails,
   Ue as TransactionList,
-  wa as TransactionRow,
-  Na as TransactionStore,
-  Nt as TransactionTable,
-  Ca as TransactionWidget,
+  va as TransactionRow,
+  Oa as TransactionStore,
+  Et as TransactionTable,
+  ba as TransactionWidget,
   Ke as exportTransactionsToCSV,
-  P as useTransactionsUiStore
+  W as useTransactionsUiStore
 };