@matchain/matchid-sdk-react 0.1.48-alpha.26 → 0.1.48-alpha.28

package/dist/hooks/index.mjs

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

package/dist/index.js

@@ -5724,6 +5724,9 @@ var Item = ({ data }) => {
     return "unknown";
   }, [data.input]);
   const to = (0, import_react32.useMemo)(() => {
+    if (!isOut) {
+      return data.from;
+    }
     if (transferType == "erc20_transfer") {
       const decodeData = (0, import_viem7.decodeFunctionData)({
         abi: import_viem8.erc20Abi,
@@ -5732,7 +5735,7 @@ var Item = ({ data }) => {
       return decodeData.args[0];
     }
     return data.to;
-  }, [data.input, transferType, data.to]);
+  }, [data.input, transferType, data.to, isOut]);
   const amount = (0, import_react32.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const decodeData = (0, import_viem7.decodeFunctionData)({
@@ -5740,7 +5743,7 @@ var Item = ({ data }) => {
         data: data.input
       });
       const value = decodeData.args[1];
-      return (0, import_viem7.formatUnits)(value, contracts[`${chainId}-${data.to}`]?.decimals || 18);
+      return (0, import_viem7.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, contracts, chainId, data.to]);
@@ -5749,7 +5752,7 @@ var Item = ({ data }) => {
     //@ts-ignore
     chain: (0, import_viem7.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
-    enabled: shouldRefetch
+    enabled: shouldRefetch && data.source == "local"
   });
   const status = (0, import_react32.useMemo)(() => {
     if (data.source == "matchain") {
@@ -5785,8 +5788,8 @@ var Item = ({ data }) => {
   }, [status, data.hash]);
   const symbol = (0, import_react32.useMemo)(() => {
     if (transferType == "erc20_transfer") {
-      const contract = contracts[`${chainId}-${data.to}`];
-      return contracts?.symbol || contracts?.name || "unknown";
+      const contract = contracts[`${chainId}-${data.to.toLowerCase()}`];
+      return contract?.symbol || contract?.name || "unknown";
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
@@ -5844,15 +5847,41 @@ function TransactionList({
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
 var import_react34 = require("react");
-var import_react_query5 = require("@tanstack/react-query");
-var import_viem10 = require("viem");
+var import_react_query6 = require("@tanstack/react-query");
+var import_viem11 = require("viem");
 var import_react_intl19 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
 var import_react33 = require("react");
 var import_react_intl18 = require("react-intl");
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
+var import_viem10 = require("viem");
+
+// src/hooks/useIsContract.ts
 var import_viem9 = require("viem");
+var import_react_query4 = require("@tanstack/react-query");
+function useIsContract({
+  address,
+  chain,
+  enabled
+}) {
+  return (0, import_react_query4.useQuery)({
+    queryKey: ["is_contract", chain?.id, address],
+    queryFn: async () => {
+      if (!chain) return false;
+      if (!address) return false;
+      const publicClient = (0, import_viem9.createPublicClient)({
+        chain,
+        transport: (0, import_viem9.http)()
+      });
+      const res = await publicClient.getCode({ address });
+      return res !== null && res !== void 0;
+    },
+    enabled
+  });
+}
+
+// src/components/ImportToken/index.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function ImportToken({ close }) {
   const [status, setStatus] = (0, import_react33.useState)("");
@@ -5861,19 +5890,19 @@ function ImportToken({ close }) {
   const [symbol, setSymbol] = (0, import_react33.useState)("");
   const [decimals, setDecimals] = (0, import_react33.useState)("");
   const [error, setError] = (0, import_react33.useState)({});
-  const { publicClient, chainId } = useMatchChain();
+  const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
     const calls = [
       {
         address,
-        abi: import_viem9.erc20Abi,
+        abi: import_viem10.erc20Abi,
         functionName: "symbol",
         args: []
       },
       {
         address,
-        abi: import_viem9.erc20Abi,
+        abi: import_viem10.erc20Abi,
         functionName: "decimals",
         args: []
       }
@@ -5915,7 +5944,7 @@ function ImportToken({ close }) {
   }, [address, publicClient]);
   const [loading, setLoading] = (0, import_react33.useState)(false);
   const toast = useToast();
-  const queryClient2 = (0, import_react_query4.useQueryClient)();
+  const queryClient2 = (0, import_react_query5.useQueryClient)();
   const onImport = async () => {
     setLoading(true);
     try {
@@ -5957,7 +5986,12 @@ function ImportToken({ close }) {
     }
     return true;
   }, [error, address, symbol, decimals]);
-  console.log("status", status);
+  const isContractQuery = useIsContract({
+    //@ts-ignore
+    chain: (0, import_viem10.defineChain)(chain),
+    address,
+    enabled: canImport
+  });
   if (status == "success" || status == "fail") {
     return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
@@ -5971,7 +6005,7 @@ function ImportToken({ close }) {
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-import-token-form", children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -6015,8 +6049,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__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "import" })
       }
@@ -6138,13 +6172,13 @@ function useMatchWalletRecords() {
         for (const contract of contractUnique) {
           calls.push({
             address: contract,
-            abi: import_viem10.erc20Abi,
+            abi: import_viem11.erc20Abi,
             functionName: "symbol",
             args: []
           });
           calls.push({
             address: contract,
-            abi: import_viem10.erc20Abi,
+            abi: import_viem11.erc20Abi,
             functionName: "decimals",
             args: []
           });
@@ -6296,7 +6330,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = (0, import_react_query5.useQuery)({
+  const nativeBalanceQuery = (0, import_react_query6.useQuery)({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -6316,13 +6350,13 @@ function useMatchWalletAssetList({
     // Retry up to 3 times if failed
   });
   const erc20Tokens = (0, import_react34.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20BalanceQuery = (0, import_react_query5.useQuery)({
+  const erc20BalanceQuery = (0, import_react_query6.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_viem10.erc20Abi,
+        abi: import_viem11.erc20Abi,
         functionName: "balanceOf",
         args: [address]
       }));
@@ -6350,13 +6384,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_viem10.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
+        balance = nativeBalanceQuery.data ? Number((0, import_viem11.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_viem10.formatUnits)(erc20Balances[index].result, decimals));
+          balance = Number((0, import_viem11.formatUnits)(erc20Balances[index].result, decimals));
           balanceValue = erc20Balances[index].result?.toString() || "0";
         }
       }
@@ -6390,8 +6425,8 @@ function useMatchWalletAssetList({
 
 // src/hooks/useReceipt.tsx
 var import_react35 = require("react");
-var import_react_query6 = require("@tanstack/react-query");
-var import_viem11 = require("viem");
+var import_react_query7 = require("@tanstack/react-query");
+var import_viem12 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
@@ -6499,7 +6534,7 @@ function useReceipt2({
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = (0, import_react35.useState)(true);
-  const query = (0, import_react_query6.useQuery)({
+  const query = (0, import_react_query7.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -6508,9 +6543,9 @@ function useReceipt2({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem11.createPublicClient)({
-          chain: (0, import_viem11.defineChain)(chain),
-          transport: (0, import_viem11.http)()
+        const publicClient = (0, import_viem12.createPublicClient)({
+          chain: (0, import_viem12.defineChain)(chain),
+          transport: (0, import_viem12.http)()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -6534,8 +6569,8 @@ function useReceipt2({
 
 // src/hooks/useTransaction.tsx
 var import_react36 = require("react");
-var import_react_query7 = require("@tanstack/react-query");
-var import_viem12 = require("viem");
+var import_react_query8 = require("@tanstack/react-query");
+var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
@@ -6643,7 +6678,7 @@ function useTransaction({
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = (0, import_react36.useState)(true);
-  const query = (0, import_react_query7.useQuery)({
+  const query = (0, import_react_query8.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -6652,9 +6687,9 @@ function useTransaction({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem12.createPublicClient)({
-          chain: (0, import_viem12.defineChain)(chain),
-          transport: (0, import_viem12.http)()
+        const publicClient = (0, import_viem13.createPublicClient)({
+          chain: (0, import_viem13.defineChain)(chain),
+          transport: (0, import_viem13.http)()
         });
         const transaction = await publicClient.getTransaction({ hash });
         if (!transaction) {
@@ -7225,7 +7260,7 @@ function useInit({
 }
 
 // src/MatchContext.tsx
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_react_intl21 = require("react-intl");
 
 // src/i18n/en.json
@@ -7963,7 +7998,7 @@ var messages = {
 
 // src/MatchContext.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var queryClient = new import_react_query8.QueryClient();
+var queryClient = new import_react_query9.QueryClient();
 var MatchContext = (0, import_react40.createContext)(void 0);
 var MatchProvider = ({
   children,
@@ -7984,7 +8019,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query8.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query9.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -8026,10 +8061,10 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query9.useQuery)({
+  return (0, import_react_query10.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -8041,7 +8076,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query9.useQuery)({
+  return (0, import_react_query10.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -8058,10 +8093,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -8087,8 +8122,8 @@ __export(chains_exports, {
 });
 
 // src/config/chains/MatchMain.ts
-var import_viem13 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem13.defineChain)({
+var import_viem14 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem14.defineChain)({
   //定义match链
   id: 698,
   name: "Matchain",
@@ -8115,8 +8150,8 @@ var matchMain = /* @__PURE__ */ (0, import_viem13.defineChain)({
 });
 
 // src/config/chains/MatchTest.ts
-var import_viem14 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem14.defineChain)({
+var import_viem15 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem15.defineChain)({
   //定义matchTest链
   id: 699,
   name: "MatchTest",