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

package/dist/components/index.js

@@ -2198,12 +2198,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 };
       });
@@ -2212,7 +2212,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 };
       });
@@ -2393,7 +2393,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 });
@@ -2780,22 +2781,27 @@ function useMatchWalletRecords() {
   }, [chainId, address]);
   const { getTransactions, removeTransaction } = useTransactionStore_default();
   const localTransaction = (0, import_react14.useMemo)(() => {
-    return getTransactions(chainId || 0) || [];
+    return getTransactions(chainId || 0, address) || [];
   }, [getTransactions, chainId]);
   (0, import_react14.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
   };
@@ -5569,7 +5575,7 @@ function TokenDetail({
           chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-name`, children: [
-          token.balance,
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
@@ -5701,13 +5707,8 @@ var Item = ({ data }) => {
     //@ts-ignore
     chain: (0, import_viem10.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
-    enabled: data.source == "local"
+    enabled: shouldRefetch
   });
-  (0, import_react39.useEffect)(() => {
-    if (hashQuery.data == 1 || hashQuery.data == -1) {
-      setShouldRefetch(false);
-    }
-  }, [hashQuery.data]);
   const status = (0, import_react39.useMemo)(() => {
     if (data.source == "matchain") {
       switch (data.extra.status) {
@@ -5735,6 +5736,9 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
+  (0, import_react39.useEffect)(() => {
+    setShouldRefetch(status == "loading");
+  }, [status]);
   const symbol = (0, import_react39.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       return getContract(chainId || 0, data.to)?.symbol || getContract(chainId || 0, data.to)?.name || "unknown";