@mx-cartographer/experiences 6.26.3-alpha.sms2 → 6.26.3-alpha.sms3

package/dist/index.es.js

@@ -5604,11 +5604,11 @@ class Dh {
       this.sortColumn,
       this.sortDirection,
       this.tags,
-      this.transactions
+      this.rawTransactions
     );
   }
   get sortedTransactionsWithSplits() {
-    return mh(this.sortedTransactions, this.transactions);
+    return mh(this.sortedTransactions, this.rawTransactions);
   }
   get transactions() {
     return this.augmentTransactions(this.rawTransactions);
@@ -5638,7 +5638,7 @@ class Dh {
   };
   addTransaction = async (n) => {
     const i = await this.api.addTransaction(n);
-    i && J(() => this.rawTransactions = [i, ...this.transactions]);
+    i && J(() => this.rawTransactions = [i, ...this.rawTransactions]);
   };
   augmentTransactions = (n) => _h(
     n,
@@ -5683,7 +5683,7 @@ class Dh {
     });
   };
   modifyTransactionByAccountGuid = (n, i) => {
-    this.rawTransactions = this.transactions.map(
+    this.rawTransactions = this.rawTransactions.map(
       (a) => a.account_guid === n ? { ...a, ...i } : a
     );
   };
@@ -5695,9 +5695,9 @@ class Dh {
   };
   removeTransaction = async (n) => {
     await this.api.removeTransaction(n);
-    const i = this.transactions.findIndex((a) => a.guid === n);
+    const i = this.rawTransactions.findIndex((a) => a.guid === n);
     if (i >= 0) {
-      const a = [...this.transactions];
+      const a = [...this.rawTransactions];
       a.splice(i, 1), J(() => this.rawTransactions = a);
     }
   };
@@ -5716,20 +5716,20 @@ class Dh {
       const c = await this.api.addTransaction(i[s]);
       o.push(c);
     }
-    const r = this.transactions.findIndex((s) => s.guid === n.guid);
+    const r = this.rawTransactions.findIndex((s) => s.guid === n.guid);
     r >= 0 && J(
       () => this.rawTransactions = [
-        ...this.transactions.slice(0, r),
+        ...this.rawTransactions.slice(0, r),
         a,
-        ...this.transactions.slice(r + 1),
+        ...this.rawTransactions.slice(r + 1),
         ...o
       ]
     );
   };
   unSplitTransaction = async (n) => {
-    const i = this.transactions.filter((s) => s.parent_guid === n);
+    const i = this.rawTransactions.filter((s) => s.parent_guid === n);
     await this.api.removeTransactionSplit(n);
-    const a = [...this.transactions];
+    const a = [...this.rawTransactions];
     i.forEach((s) => {
       const c = a.findIndex((d) => d.guid === s.guid);
       c >= 0 && a.splice(c, 1);
@@ -5755,12 +5755,12 @@ class Dh {
     await this.api.updateTag(n), await this.loadTags();
   };
   updateTransaction = async (n) => {
-    const i = await this.api.updateTransaction(n), a = this.transactions.findIndex((o) => o.guid === n.guid);
+    const i = await this.api.updateTransaction(n), a = this.rawTransactions.findIndex((o) => o.guid === n.guid);
     a >= 0 && J(
       () => this.rawTransactions = [
-        ...this.transactions.slice(0, a),
+        ...this.rawTransactions.slice(0, a),
         i,
-        ...this.transactions.slice(a + 1)
+        ...this.rawTransactions.slice(a + 1)
       ]
     );
   };
@@ -5877,54 +5877,52 @@ const Lh = ({ transaction: e, onClick: n }) => {
   width: c = "100%",
   zeroState: d = /* @__PURE__ */ t(kh, {})
 }) => {
-  const { isLoading: _, sortedTransactions: u, rawTransactions: h } = Me();
-  console.log("exp allTransactions", u), console.log("exp rawTransactions", h);
-  const m = g.useMemo(() => s ? u : u.filter((w) => !w.is_hidden), [u, _, s]), { clearExpandedSplits: p, setShowInsights: C, toggleSplit: E } = Ot(), { onEvent: y } = X(), S = (w) => {
-    const N = m.find((R) => R.guid === w);
-    if (N?.has_been_split) {
-      E(N.guid);
+  const { isLoading: _, sortedTransactions: u } = Me(), h = g.useMemo(() => s ? u : u.filter((v) => !v.is_hidden), [u, s]), { clearExpandedSplits: m, setShowInsights: p, toggleSplit: C } = Ot(), { onEvent: E } = X(), y = (v) => {
+    const w = h.find((N) => N.guid === v);
+    if (w?.has_been_split) {
+      C(w.guid);
       return;
     }
-    y(F.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: N?.account_guid,
-      transaction_guid: w
-    }), a?.(w);
-  }, I = g.useRef(null), v = $s({
-    count: m.length,
-    getScrollElement: () => I.current,
-    estimateSize: (w) => kr + (Mr(w, m) ? Gr : 0),
+    E(F.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: w?.account_guid,
+      transaction_guid: v
+    }), a?.(v);
+  }, S = g.useRef(null), I = $s({
+    count: h.length,
+    getScrollElement: () => S.current,
+    estimateSize: (v) => kr + (Mr(v, h) ? Gr : 0),
     overscan: 5
   });
-  return g.useEffect(() => v.measure(), [m]), g.useEffect(() => C(o), [o]), g.useEffect(() => () => p(), []), console.log("exp transactions", m), /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(O, { height: n, overflow: "auto", ref: I, width: c, children: /* @__PURE__ */ l(
+  return g.useEffect(() => I.measure(), [h]), g.useEffect(() => p(o), [o]), g.useEffect(() => () => m(), []), console.log("exp transactions", h), /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(O, { height: n, overflow: "auto", ref: S, width: c, children: /* @__PURE__ */ l(
     O,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
-        v.getVirtualItems().length === 0 ? "auto" : v.getTotalSize()
+        I.getVirtualItems().length === 0 ? "auto" : I.getTotalSize()
       ),
       position: "relative",
       width: "100%",
       children: [
         (_ || r) && i,
-        !_ && !r && v.getVirtualItems().length === 0 && d,
-        !_ && !r && v.getVirtualItems().length > 0 && v.getVirtualItems().map((w) => {
-          const N = m[w.index], R = Mr(w.index, m), M = Gh(w.index, m), k = kr + (R ? Gr : 0);
+        !_ && !r && I.getVirtualItems().length === 0 && d,
+        !_ && !r && I.getVirtualItems().length > 0 && I.getVirtualItems().map((v) => {
+          const w = h[v.index], N = Mr(v.index, h), R = Gh(v.index, h), M = kr + (N ? Gr : 0);
           return /* @__PURE__ */ l(
             O,
             {
               sx: {
-                height: k,
+                height: M,
                 position: "absolute",
-                transform: `translateY(${w.start}px)`,
+                transform: `translateY(${v.start}px)`,
                 width: "100%"
               },
               children: [
-                R && /* @__PURE__ */ t(Ta, { bgcolor: e, children: ba(N.date) }),
-                /* @__PURE__ */ t(Mo, { onClick: S, transaction: N }),
-                /* @__PURE__ */ t(P, { sx: { ml: M ? 24 : 0 } })
+                N && /* @__PURE__ */ t(Ta, { bgcolor: e, children: ba(w.date) }),
+                /* @__PURE__ */ t(Mo, { onClick: y, transaction: w }),
+                /* @__PURE__ */ t(P, { sx: { ml: R ? 24 : 0 } })
               ]
             },
-            N.guid
+            w.guid
           );
         })
       ]