@matchain/matchid-sdk-react 0.1.48-alpha.27 → 0.1.48-alpha.29

package/dist/components/index.js

@@ -2622,7 +2622,7 @@ function useMatchChain() {
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
 var import_react15 = require("react");
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 
 // src/config/index.tsx
 var EMAIL_INTERVAL = 60;
@@ -2630,7 +2630,7 @@ var EMAIL_CODE_LENGTH = 6;
 var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/hooks/useMatchWallet.tsx
-var import_viem7 = require("viem");
+var import_viem8 = require("viem");
 
 // src/store/useContractStore.ts
 var import_zustand4 = require("zustand");
@@ -2694,8 +2694,14 @@ var import_react_intl3 = require("react-intl");
 // src/components/ImportToken/index.tsx
 var import_react14 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
+var import_viem7 = require("viem");
+
+// src/hooks/useIsContract.ts
 var import_viem6 = require("viem");
+var import_react_query3 = require("@tanstack/react-query");
+
+// src/components/ImportToken/index.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
@@ -2737,13 +2743,13 @@ function useMatchWalletRecords() {
         for (const contract of contractUnique) {
           calls.push({
             address: contract,
-            abi: import_viem7.erc20Abi,
+            abi: import_viem8.erc20Abi,
             functionName: "symbol",
             args: []
           });
           calls.push({
             address: contract,
-            abi: import_viem7.erc20Abi,
+            abi: import_viem8.erc20Abi,
             functionName: "decimals",
             args: []
           });
@@ -2895,7 +2901,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = (0, import_react_query4.useQuery)({
+  const nativeBalanceQuery = (0, import_react_query5.useQuery)({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -2915,13 +2921,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 erc20BalanceQuery = (0, import_react_query4.useQuery)({
+  const erc20BalanceQuery = (0, import_react_query5.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
       const calls = erc20Tokens.map((token) => ({
         address: token.address,
-        abi: import_viem7.erc20Abi,
+        abi: import_viem8.erc20Abi,
         functionName: "balanceOf",
         args: [address]
       }));
@@ -2949,13 +2955,14 @@ function useMatchWalletAssetList({
       let balanceValue = "0";
       let balance = 0;
       const decimals = typeof asset.decimals === "string" ? parseInt(asset.decimals) : asset.decimals;
-      if (asset.address === NATIVE_TOKEN_ADDRESS) {
+      const assetAddress = asset.address.toLowerCase();
+      if (assetAddress === NATIVE_TOKEN_ADDRESS) {
         balanceValue = nativeBalanceQuery.data?.toString() || "0";
-        balance = nativeBalanceQuery.data ? Number((0, import_viem7.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
+        balance = nativeBalanceQuery.data ? Number((0, import_viem8.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
       } else {
-        const index = erc20Tokens.findIndex((t) => t.address === asset.address);
+        const index = erc20Tokens.findIndex((t) => t.address.toLowerCase() === assetAddress);
         if (index !== -1 && erc20Balances[index] && erc20Balances[index].status === "success") {
-          balance = Number((0, import_viem7.formatUnits)(erc20Balances[index].result, decimals));
+          balance = Number((0, import_viem8.formatUnits)(erc20Balances[index].result, decimals));
           balanceValue = erc20Balances[index].result?.toString() || "0";
         }
       }
@@ -2989,14 +2996,14 @@ function useMatchWalletAssetList({
 
 // src/hooks/useReceipt.tsx
 var import_react16 = require("react");
-var import_react_query5 = require("@tanstack/react-query");
-var import_viem8 = require("viem");
+var import_react_query6 = require("@tanstack/react-query");
+var import_viem9 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
 // src/hooks/useTransaction.tsx
 var import_react17 = require("react");
-var import_react_query6 = require("@tanstack/react-query");
-var import_viem9 = require("viem");
+var import_react_query7 = require("@tanstack/react-query");
+var import_viem10 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 
 // src/store/useModalStore.ts
@@ -3103,10 +3110,10 @@ var AppClientId2 = getAppClientId();
 var import_react20 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 var import_react_intl5 = require("react-intl");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var queryClient = new import_react_query7.QueryClient();
+var queryClient = new import_react_query8.QueryClient();
 var MatchContext = (0, import_react21.createContext)(void 0);
 var useMatch = () => {
   const context = (0, import_react21.useContext)(MatchContext);
@@ -3534,9 +3541,9 @@ var import_react25 = require("react");
 var import_react_intl8 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 function useAppConfig() {
-  const query = (0, import_react_query8.useQuery)({
+  const query = (0, import_react_query9.useQuery)({
     queryKey: ["appConfig"],
     queryFn: async () => {
       const res = await getAppConfigApi();
@@ -5288,7 +5295,7 @@ function WalletAsset({
 
 // src/components/TokenSend/index.tsx
 var import_react38 = require("react");
-var import_viem10 = require("viem");
+var import_viem11 = require("viem");
 var import_react_intl18 = require("react-intl");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function Input2({
@@ -5331,8 +5338,8 @@ function TokenSend({
   const walletClient = (0, import_react38.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: (0, import_viem10.defineChain)(chain),
-      transport: (0, import_viem10.http)()
+      chain: (0, import_viem11.defineChain)(chain),
+      transport: (0, import_viem11.http)()
     });
   }, [chain]);
   const [amount, setAmount] = (0, import_react38.useState)("");
@@ -5341,41 +5348,17 @@ function TokenSend({
   const [sending, setSending] = (0, import_react38.useState)(false);
   const [txError, setTxError] = (0, import_react38.useState)("");
   const transaction = (0, import_react38.useMemo)(() => {
-    if (!amount || !address) {
+    const reg = /^0x[a-fA-F0-9]{40}$/;
+    if (!amount || !address || !reg.test(address)) {
       return;
     }
-    const abi = [
-      {
-        "constant": false,
-        "inputs": [
-          {
-            "name": "_to",
-            "type": "address"
-          },
-          {
-            "name": "_value",
-            "type": "uint256"
-          }
-        ],
-        "name": "transfer",
-        "outputs": [
-          {
-            "name": "",
-            "type": "bool"
-          }
-        ],
-        "payable": false,
-        "stateMutability": "nonpayable",
-        "type": "function"
-      }
-    ];
-    const viemChain = (0, import_viem10.defineChain)(chain);
+    const viemChain = (0, import_viem11.defineChain)(chain);
     const to = isNative ? address : token.address;
-    const value = isNative ? (0, import_viem10.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
-    const data = isNative ? "0x" : (0, import_viem10.encodeFunctionData)({
-      abi,
+    const value = isNative ? (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
+    const data = isNative ? "0x" : (0, import_viem11.encodeFunctionData)({
+      abi: import_viem11.erc20Abi,
       functionName: "transfer",
-      args: [address, (0, import_viem10.parseUnits)(amount, parseInt(token?.decimals || "18"))]
+      args: [address, (0, import_viem11.parseUnits)(amount, parseInt(token?.decimals || "18"))]
     });
     return {
       to,
@@ -5647,8 +5630,8 @@ function TokenSendList({ close }) {
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
 var import_react40 = require("react");
-var import_viem11 = require("viem");
 var import_viem12 = require("viem");
+var import_viem13 = require("viem");
 var import_react_intl21 = require("react-intl");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var Item = ({ data }) => {
@@ -5668,32 +5651,35 @@ var Item = ({ data }) => {
     return "unknown";
   }, [data.input]);
   const to = (0, import_react40.useMemo)(() => {
+    if (!isOut) {
+      return data.from;
+    }
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem11.decodeFunctionData)({
-        abi: import_viem12.erc20Abi,
+      const decodeData = (0, import_viem12.decodeFunctionData)({
+        abi: import_viem13.erc20Abi,
         data: data.input
       });
       return decodeData.args[0];
     }
     return data.to;
-  }, [data.input, transferType, data.to]);
+  }, [data.input, transferType, data.to, isOut]);
   const amount = (0, import_react40.useMemo)(() => {
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem11.decodeFunctionData)({
-        abi: import_viem12.erc20Abi,
+      const decodeData = (0, import_viem12.decodeFunctionData)({
+        abi: import_viem13.erc20Abi,
         data: data.input
       });
       const value = decodeData.args[1];
-      return (0, import_viem11.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
+      return (0, import_viem12.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, contracts, chainId, data.to]);
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
-    chain: (0, import_viem11.defineChain)(chain),
+    chain: (0, import_viem12.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
-    enabled: shouldRefetch
+    enabled: shouldRefetch && data.source == "local"
   });
   const status = (0, import_react40.useMemo)(() => {
     if (data.source == "matchain") {