@matchain/matchid-sdk-react 0.1.48-alpha.22 → 0.1.48-alpha.24

package/dist/components/index.js

@@ -2198,7 +2198,6 @@ var import_middleware2 = require("zustand/middleware");
 var persistedState2 = (0, import_middleware2.persist)(
   (set, get) => ({
     transactions: {},
-    getTransactions: (chainId, address) => get().transactions[`${chainId}-${address}`] || [],
     addTransaction: (data) => {
       set((state) => {
         const updatedTransactions = {
@@ -2788,9 +2787,9 @@ function useMatchWalletRecords() {
       onInit();
     }
   }, [chainId, address]);
-  const { getTransactions, removeTransaction } = useTransactionStore_default();
+  const { transactions, removeTransaction } = useTransactionStore_default();
   const list = (0, import_react15.useMemo)(() => {
-    const localTransactions = getTransactions(chainId || 0, address) || [];
+    const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
       removeTransaction({
@@ -2808,7 +2807,7 @@ function useMatchWalletRecords() {
       const atimestamp = typeof a.timestamp === "string" ? parseInt(a.timestamp) : a.timestamp;
       return btimestamp - atimestamp;
     });
-  }, [getTransactions, chainId, items, address]);
+  }, [transactions, chainId, items, address]);
   return {
     items: list,
     fetchMoreData,
@@ -2916,34 +2915,13 @@ function useMatchWalletAssetList({
     // Retry up to 3 times if failed
   });
   const erc20Tokens = (0, import_react15.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20Abi4 = [
-    {
-      "constant": true,
-      "inputs": [
-        {
-          "name": "_owner",
-          "type": "address"
-        }
-      ],
-      "name": "balanceOf",
-      "outputs": [
-        {
-          "name": "balance",
-          "type": "uint256"
-        }
-      ],
-      "payable": false,
-      "stateMutability": "view",
-      "type": "function"
-    }
-  ];
   const erc20BalanceQuery = (0, import_react_query4.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
       const calls = erc20Tokens.map((token) => ({
         address: token.address,
-        abi: erc20Abi4,
+        abi: import_viem7.erc20Abi,
         functionName: "balanceOf",
         args: [address]
       }));
@@ -2959,7 +2937,7 @@ function useMatchWalletAssetList({
       }
       return balances;
     },
-    enabled: erc20Tokens.length > 0 && !!publicClient,
+    enabled: !!publicClient,
     refetchInterval: 15e3,
     // Refresh every 15 seconds
     retry: 3
@@ -3001,6 +2979,9 @@ function useMatchWalletAssetList({
   return {
     list: assets,
     isLoading: nativeBalanceQuery.isLoading || erc20BalanceQuery.isLoading,
+    isFetched: nativeBalanceQuery.isFetched && erc20BalanceQuery.isFetched,
+    nativeBalanceQuery,
+    erc20BalanceQuery,
     nativeBalance: nativeBalanceQuery.data,
     erc20Balances: erc20BalanceQuery.data
   };
@@ -5672,7 +5653,7 @@ var import_react_intl21 = require("react-intl");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
-  const isOut = data.from == address;
+  const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { getContract } = useContractStore_default();
   const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
@@ -5707,11 +5688,6 @@ var Item = ({ data }) => {
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, getContract, chainId, data.to]);
-  (0, import_react40.useEffect)(() => {
-    if (data.hash) {
-      setShouldRefetch(true);
-    }
-  }, [data.hash]);
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
@@ -5747,8 +5723,10 @@ var Item = ({ data }) => {
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
   (0, import_react40.useEffect)(() => {
-    setShouldRefetch(status == "loading");
-  }, [status]);
+    if (data.hash) {
+      setShouldRefetch(status == "loading");
+    }
+  }, [status, data.hash]);
   const symbol = (0, import_react40.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       return getContract(chainId || 0, data.to)?.symbol || getContract(chainId || 0, data.to)?.name || "unknown";