@matchain/matchid-sdk-react 0.1.48-alpha.19 → 0.1.48-alpha.20

package/dist/hooks/index.mjs

@@ -12,7 +12,7 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-OFPCHQMQ.mjs";
+} from "../chunk-WHZ3HI4R.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import {
   useLayout_exports

package/dist/index.css

@@ -1673,7 +1673,8 @@ body {
     flex-direction: column;
     justify-content: space-between;
     gap: 48px;
-    padding-bottom: 200px;
+    overflow-y: scroll;
+    max-height: 70vh;
 
     @media (max-width: 768px) {
         padding-bottom: 0px;

package/dist/index.js

@@ -2754,12 +2754,12 @@ var import_middleware2 = require("zustand/middleware");
 var persistedState2 = (0, import_middleware2.persist)(
   (set, get) => ({
     transactions: {},
-    getTransactions: (chainId) => get().transactions[chainId] || [],
+    getTransactions: (chainId, address) => get().transactions[`${chainId}-${address}`] || [],
     addTransaction: (data) => {
       set((state) => {
         const updatedTransactions = {
           ...state.transactions,
-          [data.chainId]: [data.info, ...state.transactions[data.chainId] || []]
+          [`${data.chainId}-${data.address}`]: [data.info, ...state.transactions[`${data.chainId}-${data.address}`] || []]
         };
         return { transactions: updatedTransactions };
       });
@@ -2768,7 +2768,7 @@ var persistedState2 = (0, import_middleware2.persist)(
       set((state) => {
         const updatedTransactions = {
           ...state.transactions,
-          [data.chainId]: (state.transactions[data.chainId] || []).filter((tx) => tx.hash !== data.hash)
+          [`${data.chainId}-${data.address}`]: (state.transactions[`${data.chainId}-${data.address}`] || []).filter((tx) => tx.hash !== data.hash)
         };
         return { transactions: updatedTransactions };
       });
@@ -2949,7 +2949,8 @@ function useWallet() {
             timestamp: Math.floor(Date.now() / 1e3).toString(),
             hash: txHash,
             source: "local"
-          }
+          },
+          address: evmAccount.address
         });
         modal.show((props) => {
           return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
@@ -5563,7 +5564,7 @@ function TokenDetail({
           chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-name`, children: [
-          token.balance,
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
@@ -5753,13 +5754,8 @@ var Item = ({ data }) => {
     //@ts-ignore
     chain: (0, import_viem7.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
-    enabled: data.source == "local"
+    enabled: shouldRefetch
   });
-  (0, import_react32.useEffect)(() => {
-    if (hashQuery.data == 1 || hashQuery.data == -1) {
-      setShouldRefetch(false);
-    }
-  }, [hashQuery.data]);
   const status = (0, import_react32.useMemo)(() => {
     if (data.source == "matchain") {
       switch (data.extra.status) {
@@ -5787,6 +5783,9 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
+  (0, import_react32.useEffect)(() => {
+    setShouldRefetch(status == "loading");
+  }, [status]);
   const symbol = (0, import_react32.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       return getContract(chainId || 0, data.to)?.symbol || getContract(chainId || 0, data.to)?.name || "unknown";
@@ -6190,22 +6189,27 @@ function useMatchWalletRecords() {
   }, [chainId, address]);
   const { getTransactions, removeTransaction } = useTransactionStore_default();
   const localTransaction = (0, import_react33.useMemo)(() => {
-    return getTransactions(chainId || 0) || [];
+    return getTransactions(chainId || 0, address) || [];
   }, [getTransactions, chainId]);
   (0, import_react33.useEffect)(() => {
     const removeList = localTransaction.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
       removeTransaction({
         chainId: chainId || 0,
-        hash: item.hash
+        hash: item.hash,
+        address
       });
     });
   }, [localTransaction, items]);
   return {
     items: [
-      ...getTransactions(chainId || 0) || [],
+      ...getTransactions(chainId || 0, address) || [],
       ...items
-    ],
+    ].sort((a, b) => {
+      const btimestamp = typeof b.timestamp === "string" ? parseInt(b.timestamp) : b.timestamp;
+      const atimestamp = typeof a.timestamp === "string" ? parseInt(a.timestamp) : a.timestamp;
+      return btimestamp - atimestamp;
+    }),
     fetchMoreData,
     hasMore
   };