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

package/dist/{chunk-PV5YB7PG.mjs → chunk-AZCOCC5H.mjs}

@@ -11,7 +11,7 @@ import {
   useUserInfo,
   verifyPohApi,
   wallet_exports
-} from "./chunk-IKLQAPKE.mjs";
+} from "./chunk-ZHBFW26I.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -94,4 +94,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-PV5YB7PG.mjs.map
+//# sourceMappingURL=chunk-AZCOCC5H.mjs.map

package/dist/{chunk-IKLQAPKE.mjs → chunk-ZHBFW26I.mjs}

@@ -1293,7 +1293,7 @@ function useMatchChain() {
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
 import { useEffect as useEffect7, useMemo as useMemo5, useRef, useState as useState8 } from "react";
-import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 
 // src/config/index.tsx
 var EMAIL_INTERVAL = 60;
@@ -1366,7 +1366,33 @@ import { FormattedMessage as FormattedMessage3, useIntl as useIntl3 } from "reac
 import { useEffect as useEffect6, useMemo as useMemo4, useState as useState7 } from "react";
 import { FormattedMessage as FormattedMessage2, useIntl as useIntl2 } from "react-intl";
 import { useQueryClient } from "@tanstack/react-query";
-import { erc20Abi } from "viem";
+import { defineChain, erc20Abi } from "viem";
+
+// src/hooks/useIsContract.ts
+import { createPublicClient as createPublicClient3, http as http3 } from "viem";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+function useIsContract({
+  address,
+  chain,
+  enabled
+}) {
+  return useQuery2({
+    queryKey: ["is_contract", chain?.id, address],
+    queryFn: async () => {
+      if (!chain) return false;
+      if (!address) return false;
+      const publicClient = createPublicClient3({
+        chain,
+        transport: http3()
+      });
+      const res = await publicClient.getCode({ address });
+      return res !== null && res !== void 0;
+    },
+    enabled
+  });
+}
+
+// src/components/ImportToken/index.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ImportToken({ close }) {
   const [status, setStatus] = useState7("");
@@ -1375,7 +1401,7 @@ function ImportToken({ close }) {
   const [symbol, setSymbol] = useState7("");
   const [decimals, setDecimals] = useState7("");
   const [error, setError] = useState7({});
-  const { publicClient, chainId } = useMatchChain();
+  const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
     const calls = [
@@ -1471,7 +1497,12 @@ function ImportToken({ close }) {
     }
     return true;
   }, [error, address, symbol, decimals]);
-  console.log("status", status);
+  const isContractQuery = useIsContract({
+    //@ts-ignore
+    chain: defineChain(chain),
+    address,
+    enabled: canImport
+  });
   if (status == "success" || status == "fail") {
     return /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
@@ -1485,7 +1516,7 @@ function ImportToken({ close }) {
     /* @__PURE__ */ jsxs5("div", { className: "matchid-import-token-form", children: [
       /* @__PURE__ */ jsx6(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address, children: /* @__PURE__ */ jsx6(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ jsx6(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -1529,8 +1560,8 @@ function ImportToken({ close }) {
         size: "lg",
         onClick: onImport,
         block: true,
-        loading,
-        disabled: !canImport,
+        loading: loading || isContractQuery.isLoading,
+        disabled: !canImport || !isContractQuery.data,
         highlight: true,
         children: /* @__PURE__ */ jsx6(FormattedMessage2, { id: "import" })
       }
@@ -1810,7 +1841,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = useQuery2({
+  const nativeBalanceQuery = useQuery3({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -1830,7 +1861,7 @@ function useMatchWalletAssetList({
     // Retry up to 3 times if failed
   });
   const erc20Tokens = useMemo5(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20BalanceQuery = useQuery2({
+  const erc20BalanceQuery = useQuery3({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
@@ -1864,11 +1895,12 @@ 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(formatUnits2(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(formatUnits2(erc20Balances[index].result, decimals));
           balanceValue = erc20Balances[index].result?.toString() || "0";
@@ -1904,8 +1936,8 @@ function useMatchWalletAssetList({
 
 // src/hooks/useReceipt.tsx
 import { useState as useState9, useCallback as useCallback4, useEffect as useEffect8 } from "react";
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { createPublicClient as createPublicClient3, defineChain, http as http3 } from "viem";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { createPublicClient as createPublicClient4, defineChain as defineChain2, http as http4 } from "viem";
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
@@ -2013,7 +2045,7 @@ function useReceipt({
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = useState9(true);
-  const query = useQuery3({
+  const query = useQuery4({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -2022,9 +2054,9 @@ function useReceipt({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = createPublicClient3({
-          chain: defineChain(chain),
-          transport: http3()
+        const publicClient = createPublicClient4({
+          chain: defineChain2(chain),
+          transport: http4()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -2048,8 +2080,8 @@ function useReceipt({
 
 // src/hooks/useTransaction.tsx
 import { useState as useState10, useCallback as useCallback5, useEffect as useEffect9 } from "react";
-import { useQuery as useQuery4 } from "@tanstack/react-query";
-import { createPublicClient as createPublicClient4, defineChain as defineChain2, http as http4 } from "viem";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { createPublicClient as createPublicClient5, defineChain as defineChain3, http as http5 } from "viem";
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
@@ -2157,7 +2189,7 @@ function useTransaction({
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = useState10(true);
-  const query = useQuery4({
+  const query = useQuery5({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -2166,9 +2198,9 @@ function useTransaction({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = createPublicClient4({
-          chain: defineChain2(chain),
-          transport: http4()
+        const publicClient = createPublicClient5({
+          chain: defineChain3(chain),
+          transport: http5()
         });
         const transaction = await publicClient.getTransaction({ hash });
         if (!transaction) {
@@ -4024,9 +4056,9 @@ import { useMemo as useMemo9, useState as useState15 } from "react";
 import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "react-intl";
 
 // src/hooks/useAppConfig.ts
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 function useAppConfig() {
-  const query = useQuery5({
+  const query = useQuery6({
     queryKey: ["appConfig"],
     queryFn: async () => {
       const res = await getAppConfigApi();
@@ -5825,7 +5857,7 @@ function WalletAsset({
 
 // src/components/TokenSend/index.tsx
 import { useEffect as useEffect24, useMemo as useMemo15, useState as useState26 } from "react";
-import { defineChain as defineChain3, encodeFunctionData as encodeFunctionData2, http as http5, parseUnits as parseUnits2 } from "viem";
+import { defineChain as defineChain4, encodeFunctionData as encodeFunctionData2, erc20Abi as erc20Abi3, http as http6, parseUnits as parseUnits2 } from "viem";
 import { FormattedMessage as FormattedMessage11, useIntl as useIntl16 } from "react-intl";
 import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function Input2({
@@ -5868,8 +5900,8 @@ function TokenSend({
   const walletClient = useMemo15(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: defineChain3(chain),
-      transport: http5()
+      chain: defineChain4(chain),
+      transport: http6()
     });
   }, [chain]);
   const [amount, setAmount] = useState26("");
@@ -5878,39 +5910,15 @@ function TokenSend({
   const [sending, setSending] = useState26(false);
   const [txError, setTxError] = useState26("");
   const transaction = useMemo15(() => {
-    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 = defineChain3(chain);
+    const viemChain = defineChain4(chain);
     const to = isNative ? address : token.address;
     const value = isNative ? parseUnits2(amount, parseInt(token?.decimals || "18")) : BigInt(0);
     const data = isNative ? "0x" : encodeFunctionData2({
-      abi,
+      abi: erc20Abi3,
       functionName: "transfer",
       args: [address, parseUnits2(amount, parseInt(token?.decimals || "18"))]
     });
@@ -6184,8 +6192,8 @@ function TokenSendList({ close }) {
 // src/components/TransactionList/index.tsx
 import InfiniteScroll from "react-infinite-scroll-component";
 import { useEffect as useEffect25, useMemo as useMemo16, useState as useState28 } from "react";
-import { decodeFunctionData, defineChain as defineChain4, formatUnits as formatUnits3 } from "viem";
-import { erc20Abi as erc20Abi3 } from "viem";
+import { decodeFunctionData, defineChain as defineChain5, formatUnits as formatUnits3 } from "viem";
+import { erc20Abi as erc20Abi4 } from "viem";
 import { FormattedMessage as FormattedMessage14 } from "react-intl";
 import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 var Item = ({ data }) => {
@@ -6205,19 +6213,22 @@ var Item = ({ data }) => {
     return "unknown";
   }, [data.input]);
   const to = useMemo16(() => {
+    if (!isOut) {
+      return data.from;
+    }
     if (transferType == "erc20_transfer") {
       const decodeData = decodeFunctionData({
-        abi: erc20Abi3,
+        abi: erc20Abi4,
         data: data.input
       });
       return decodeData.args[0];
     }
     return data.to;
-  }, [data.input, transferType, data.to]);
+  }, [data.input, transferType, data.to, isOut]);
   const amount = useMemo16(() => {
     if (transferType == "erc20_transfer") {
       const decodeData = decodeFunctionData({
-        abi: erc20Abi3,
+        abi: erc20Abi4,
         data: data.input
       });
       const value = decodeData.args[1];
@@ -6228,9 +6239,9 @@ var Item = ({ data }) => {
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
-    chain: defineChain4(chain),
+    chain: defineChain5(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
-    enabled: shouldRefetch
+    enabled: shouldRefetch && data.source == "local"
   });
   const status = useMemo16(() => {
     if (data.source == "matchain") {
@@ -6368,4 +6379,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-IKLQAPKE.mjs.map
+//# sourceMappingURL=chunk-ZHBFW26I.mjs.map