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

package/dist/index.es.js

@@ -5877,52 +5877,54 @@ const Lh = ({ transaction: e, onClick: n }) => {
   width: c = "100%",
   zeroState: d = /* @__PURE__ */ t(kh, {})
 }) => {
-  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);
+  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);
       return;
     }
-    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),
+    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),
     overscan: 5
   });
-  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(
+  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(
     O,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
-        I.getVirtualItems().length === 0 ? "auto" : I.getTotalSize()
+        v.getVirtualItems().length === 0 ? "auto" : v.getTotalSize()
       ),
       position: "relative",
       width: "100%",
       children: [
         (_ || r) && i,
-        !_ && !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);
+        !_ && !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);
           return /* @__PURE__ */ l(
             O,
             {
               sx: {
-                height: M,
+                height: k,
                 position: "absolute",
-                transform: `translateY(${v.start}px)`,
+                transform: `translateY(${w.start}px)`,
                 width: "100%"
               },
               children: [
-                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 } })
+                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 } })
               ]
             },
-            w.guid
+            N.guid
           );
         })
       ]