@matchain/matchid-sdk-react 0.1.53-alpha.8 → 0.1.54

package/dist/hooks/api/index.js

@@ -439,7 +439,7 @@ var delContactsApi = (data) => {
 };
 var getContractsInfoApi = () => {
   return retryRequest({
-    url: `/api/v1/contracts/info`,
+    url: `/api/v1/contacts/info`,
     method: "GET"
   });
 };
@@ -506,10 +506,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/MatchContext.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react = require("react");
@@ -559,7 +559,7 @@ var isInTgApp = () => {
 };
 
 // src/hooks/useWallet.tsx
-var import_viem2 = require("viem");
+var import_viem5 = require("viem");
 
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
@@ -575,12 +575,12 @@ var useStore_default = useStore;
 
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
-var import_viem3 = require("viem");
-var import_react9 = require("react");
-var import_viem4 = require("viem");
+var import_viem6 = require("viem");
+var import_react31 = require("react");
+var import_viem7 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react8 = require("react");
+var import_react30 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // src/assets/icon/BackIcon.tsx
@@ -747,7 +747,7 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_react4 = require("react");
+var import_react28 = require("react");
 
 // src/hooks/useLayout.tsx
 var import_react3 = require("react");
@@ -766,531 +766,456 @@ function useDownMd() {
 }
 
 // src/ui/Modal/index.tsx
+var import_react27 = require("react");
+
+// src/components/EmailModal/index.tsx
+var import_react7 = require("react");
+
+// src/components/EmailModal/StepEmail.tsx
+var import_react5 = require("react");
+
+// src/ui/Input/index.tsx
+var import_react4 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 
-// src/ui/ModalDrawer/index.tsx
+// src/components/EmailModal/StepEmail.tsx
+var import_react_intl = require("react-intl");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 
-// src/hooks/useHash.ts
-var import_react_query = require("@tanstack/react-query");
-var import_viem = require("viem");
-
-// src/ui/HashPanel/index.tsx
+// src/components/EmailModal/StepVerify.tsx
+var import_react6 = require("react");
+var import_react_intl2 = require("react-intl");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
-// src/ui/Input/index.tsx
-var import_react5 = require("react");
+// src/components/EmailModal/index.tsx
+var import_react_intl3 = require("react-intl");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
-// src/ui/Switch/index.tsx
+// src/components/LoginBox/index.tsx
+var import_react9 = require("react");
+var import_react_intl4 = require("react-intl");
+
+// src/hooks/useConfig.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
+var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
-// src/ui/AlphaAvatar/index.tsx
-var import_react7 = require("react");
+// src/hooks/useAppConfig.ts
+var import_react_query = require("@tanstack/react-query");
+
+// src/components/LoginBox/index.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 
-// src/ui/Radio/index.tsx
+// src/components/LoginButton/index.tsx
+var import_react11 = require("react");
+
+// src/components/LoginPanel/index.tsx
+var import_react_intl5 = require("react-intl");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 
-// src/ui/Skeleton/index.tsx
+// src/components/LoginModal/index.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
-// src/ui/Tabs/index.tsx
+// src/components/UserPopover/index.tsx
+var import_react10 = require("react");
+
+// src/assets/icon/ProfileIcon.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
-// src/context/ModalContext.tsx
+// src/components/UserPopover/index.tsx
+var import_react_intl6 = require("react-intl");
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var ModalContext = (0, import_react8.createContext)(null);
 
-// src/store/useTransactionStore.ts
+// src/components/LoginButton/index.tsx
+var import_react_intl7 = require("react-intl");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+
+// src/components/UsernameModal/index.tsx
+var import_react12 = require("react");
+var import_react_intl8 = require("react-intl");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+
+// src/components/EVMModal/index.tsx
+var import_react15 = require("react");
+var import_react_intl9 = require("react-intl");
+
+// src/components/WalletModalContent/index.tsx
+var import_react13 = require("react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+
+// src/components/EVMModal/index.tsx
+var import_rainbowkit = require("@rainbow-me/rainbowkit");
+var import_wagmi2 = require("wagmi");
+
+// src/hooks/useWalletBox.ts
+var import_react14 = require("react");
+
+// src/hooks/useEthersSigner.ts
+var React4 = __toESM(require("react"));
+var import_wagmi = require("wagmi");
+var import_ethers = require("ethers");
+
+// src/components/EVMModal/index.tsx
+var import_siwe = require("siwe");
+var import_styles = require("@rainbow-me/rainbowkit/styles.css");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/components/TRONModal/index.tsx
+var import_react17 = __toESM(require("react"));
+var import_react_intl10 = require("react-intl");
+
+// src/hooks/useTRONWallet.ts
+var import_react16 = require("react");
+
+// src/components/TRONModal/index.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+
+// src/components/TONModal/index.tsx
+var import_react18 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
+var import_ui_react = require("@tonconnect/ui-react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+
+// src/components/BTCModal/index.tsx
+var import_react20 = __toESM(require("react"));
+var import_react_intl12 = require("react-intl");
+
+// src/lib/btc/XverseAdapter.ts
+var import_sats_connect = require("sats-connect");
+
+// src/hooks/useBTCWallet.ts
+var import_react19 = require("react");
+
+// src/components/BTCModal/index.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
+// src/components/WalletModal/index.tsx
+var import_react21 = require("react");
+var import_react_intl13 = require("react-intl");
+var import_jsx_runtime74 = require("react/jsx-runtime");
+
+// src/components/AlphaAvatar/index.tsx
+var import_react22 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+
+// src/components/WalletAsset/index.tsx
+var import_jsx_runtime76 = require("react/jsx-runtime");
+
+// src/components/TokenSend/index.tsx
+var import_react23 = require("react");
+var import_viem = require("viem");
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+
+// src/components/TokenDetail/index.tsx
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+
+// src/components/TokenSendList/index.tsx
+var import_react24 = require("react");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+
+// src/components/TransactionList/index.tsx
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_react25 = require("react");
+var import_viem3 = require("viem");
+var import_viem4 = require("viem");
+
+// src/store/useContractStore.ts
 var import_zustand3 = require("zustand");
 var import_middleware2 = require("zustand/middleware");
 var persistedState2 = (0, import_middleware2.persist)(
   (set, get) => ({
-    transactions: {},
-    addTransaction: (data) => {
+    contracts: {},
+    getContract: (chainId, contractAddress) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
+      return get().contracts[key];
+    },
+    setContractName: (chainId, contractAddress, name) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       set((state) => {
-        const updatedTransactions = {
-          ...state.transactions,
-          [`${data.chainId}-${data.address}`]: [data.info, ...state.transactions[`${data.chainId}-${data.address}`] || []]
+        const updatedContracts = {
+          ...state.contracts,
+          [key]: { ...state.contracts[key], name }
         };
-        return { transactions: updatedTransactions };
+        return { contracts: updatedContracts };
       });
     },
-    removeTransaction: (data) => {
+    setContractSymbol: (chainId, contractAddress, symbol) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       set((state) => {
-        const updatedTransactions = {
-          ...state.transactions,
-          [`${data.chainId}-${data.address}`]: (state.transactions[`${data.chainId}-${data.address}`] || []).filter((tx) => tx.hash !== data.hash)
+        const updatedContracts = {
+          ...state.contracts,
+          [key]: { ...state.contracts[key], symbol }
         };
-        return { transactions: updatedTransactions };
+        return { contracts: updatedContracts };
+      });
+    },
+    setContractDecimals: (chainId, contractAddress, decimals) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
+      set((state) => {
+        const updatedContracts = {
+          ...state.contracts,
+          [key]: { ...state.contracts[key], decimals }
+        };
+        return { contracts: updatedContracts };
+      });
+    },
+    setContracts: (data) => {
+      set((state) => {
+        const newContracts = { ...state.contracts };
+        data.forEach(({ chainId, contractAddress, info }) => {
+          const key = `${chainId}-${contractAddress.toLowerCase()}`;
+          newContracts[key] = { ...newContracts[key], ...info };
+        });
+        return { contracts: newContracts };
       });
     }
   }),
-  { name: "match-transactions-local" }
+  { name: "match-contract-local" }
 );
-var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
+var useContractStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
 
-// src/hooks/useWallet.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var AppClientId = "react-sdk-" + getVersion();
+// src/hooks/useHash.ts
+var import_react_query2 = require("@tanstack/react-query");
+var import_viem2 = require("viem");
 
-// src/hooks/useCopyClipboard.ts
-var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react10 = require("react");
+// src/components/TransactionList/index.tsx
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
-// src/context/ToastContext.tsx
-var import_react11 = require("react");
-var import_react_dom2 = require("react-dom");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ToastContext = (0, import_react11.createContext)(null);
+// src/components/ContactList/index.tsx
+var import_react_virtuoso = require("react-virtuoso");
+var import_react26 = require("react");
+var import_react_intl18 = require("react-intl");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
-// src/hooks/api/wallet.ts
-var wallet_exports = {};
-__export(wallet_exports, {
-  USER_IMPORT_TOKEN_LIST_KEY: () => USER_IMPORT_TOKEN_LIST_KEY,
-  getUserWalletTransactionsApi: () => getUserWalletTransactionsApi,
-  getWalletAssetListApi: () => getWalletAssetListApi,
-  getWalletListApi: () => getWalletListApi,
-  useAssetListQuery: () => useAssetListQuery,
-  useChainListQuery: () => useChainListQuery,
-  useImportTokenListQuery: () => useImportTokenListQuery,
-  useWalletAssetListQuery: () => useWalletAssetListQuery,
-  useWalletChainListQuery: () => useWalletChainListQuery,
-  useWalletNftListQuery: () => useWalletNftListQuery,
-  userImportTokenApi: () => userImportTokenApi
-});
-var import_react_query2 = require("@tanstack/react-query");
-function useChainListQuery(options) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["match-user-chain-list", token],
-    queryFn: async () => {
-      const res = await getUserChainListApi();
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data;
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-function useAssetListQuery({
-  chainId,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["match-user-asset-list", token, chainId],
-    queryFn: async () => {
-      const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data || [];
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
-function useImportTokenListQuery({
-  chainId,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
-    queryFn: async () => {
-      const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data || [];
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-function useWalletChainListQuery(options) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["match-wallet-chain-list", token],
-    queryFn: async () => {
-      const res = await getWalletChainListApi();
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data;
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-function useWalletNftListQuery({
-  chainId,
-  address,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["match-wallet-nft-list", token, chainId, address],
-    queryFn: async () => {
-      const res = await getWalletNftListApi({
-        chain_id: chainId.toString(),
-        address
-      });
-      if (!isSuccess(res)) {
-        return [];
-      }
-      return res.data;
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-function useWalletAssetListQuery({
-  chainId,
-  address,
-  ...options
-}) {
-  const { isLogin, token } = useUserInfo();
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["match-wallet-asset-list", token, chainId, address],
-    queryFn: async () => {
-      const res = await getWalletAssetListApi({
-        chain_id: chainId,
-        address
-      });
-      if (!isSuccess(res)) {
-        return null;
-      }
-      return res.data;
-    },
-    enabled: isLogin,
-    ...options
-  });
-}
-
-// src/hooks/useMatchChain.tsx
-var import_react12 = require("react");
-var import_viem5 = require("viem");
-var import_react_intl = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-
-// src/components/EmailModal/index.tsx
-var import_react15 = require("react");
-
-// src/components/EmailModal/StepEmail.tsx
-var import_react13 = require("react");
-var import_react_intl2 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-
-// src/components/EmailModal/StepVerify.tsx
-var import_react14 = require("react");
-var import_react_intl3 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-
-// src/components/EmailModal/index.tsx
-var import_react_intl4 = require("react-intl");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-
-// src/components/LoginBox/index.tsx
-var import_react16 = require("react");
-var import_react_intl5 = require("react-intl");
-
-// src/hooks/useConfig.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
-
-// src/hooks/useAppConfig.ts
-var import_react_query3 = require("@tanstack/react-query");
-
-// src/components/LoginBox/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-
-// src/components/LoginButton/index.tsx
-var import_react18 = require("react");
-
-// src/components/LoginPanel/index.tsx
-var import_react_intl6 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-
-// src/components/LoginModal/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
-
-// src/components/UserPopover/index.tsx
-var import_react17 = require("react");
-
-// src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-
-// src/components/UserPopover/index.tsx
-var import_react_intl7 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-
-// src/components/LoginButton/index.tsx
-var import_react_intl8 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-
-// src/components/UsernameModal/index.tsx
-var import_react19 = require("react");
-var import_react_intl9 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-
-// src/components/EVMModal/index.tsx
-var import_react22 = require("react");
-var import_react_intl10 = require("react-intl");
-
-// src/components/WalletModalContent/index.tsx
-var import_react20 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-
-// src/components/EVMModal/index.tsx
-var import_chains = require("wagmi/chains");
-var import_rainbowkit = require("@rainbow-me/rainbowkit");
-var import_wagmi2 = require("wagmi");
-var import_wallets = require("@rainbow-me/rainbowkit/wallets");
-
-// src/config/chains/MatchMain.ts
-var import_viem6 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem6.defineChain)({
-  //定义match链
-  id: 698,
-  name: "Matchain",
-  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
-  rpcUrls: {
-    default: {
-      http: ["https://rpc.matchain.io"]
-    }
-  },
-  blockExplorers: {
-    default: {
-      name: "Matchscan",
-      url: "https://matchscan.io/",
-      apiUrl: "https://matchscan.io/api"
-    }
-  },
-  iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
-  contracts: {
-    multicall3: {
-      address: "0xca11bde05977b3631167028862be2a173976ca11"
-    }
-  }
-  // testnet: true,
-});
-
-// src/config/chains/MatchTest.ts
-var import_viem7 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem7.defineChain)({
-  //定义matchTest链
-  id: 699,
-  name: "MatchTest",
-  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
-  rpcUrls: {
-    default: {
-      http: ["https://testnet-rpc.matchain.io"]
-    }
-  },
-  blockExplorers: {
-    default: {
-      name: "Matchscan",
-      url: "https://testnet.matchscan.io/",
-      apiUrl: "https://testnet.matchscan.io/api"
-    }
-  },
-  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
-  contracts: {
-    multicall3: {
-      address: "0xca11bde05977b3631167028862be2a173976ca11",
-      blockCreated: 751532
-    },
-    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
-    ensUniversalResolver: {
-      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
-      blockCreated: 5317080
-    }
-  }
-  // testnet: true,
-});
-
-// src/hooks/useWalletBox.ts
-var import_react21 = require("react");
-
-// src/hooks/useEthersSigner.ts
-var React5 = __toESM(require("react"));
-var import_wagmi = require("wagmi");
-var import_ethers = require("ethers");
-
-// src/components/EVMModal/index.tsx
-var import_siwe = require("siwe");
-var import_styles = require("@rainbow-me/rainbowkit/styles.css");
+// src/ui/Modal/index.tsx
+var import_react_intl19 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
-  appName: "MatchID",
-  projectId: "9ac6ea7e07860f04616fb311b447dee9",
-  wallets: [
-    {
-      groupName: "Recommended",
-      wallets: [
-        import_wallets.metaMaskWallet,
-        import_wallets.walletConnectWallet,
-        import_wallets.okxWallet,
-        import_wallets.bitgetWallet,
-        import_wallets.injectedWallet
-      ]
-    }
-  ],
-  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
-});
-
-// src/components/TRONModal/index.tsx
-var import_react24 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
-
-// src/hooks/useTRONWallet.ts
-var import_react23 = require("react");
 
-// src/components/TRONModal/index.tsx
+// src/ui/ModalDrawer/index.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
-// src/components/TONModal/index.tsx
-var import_react25 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
-var import_ui_react = require("@tonconnect/ui-react");
+// src/ui/HashPanel/index.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
-// src/components/BTCModal/index.tsx
-var import_react27 = __toESM(require("react"));
-var import_react_intl13 = require("react-intl");
-
-// src/lib/btc/XverseAdapter.ts
-var import_sats_connect = require("sats-connect");
-
-// src/hooks/useBTCWallet.ts
-var import_react26 = require("react");
-
-// src/components/BTCModal/index.tsx
+// src/ui/Switch/index.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
-// src/components/WalletModal/index.tsx
-var import_react28 = require("react");
-var import_react_intl14 = require("react-intl");
+// src/ui/AlphaAvatar/index.tsx
+var import_react29 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
-// src/components/AlphaAvatar/index.tsx
-var import_react29 = require("react");
+// src/ui/Radio/index.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
 
-// src/components/WalletAsset/index.tsx
+// src/ui/Skeleton/index.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 
-// src/components/TokenSend/index.tsx
-var import_react30 = require("react");
-var import_viem8 = require("viem");
-var import_react_intl15 = require("react-intl");
+// src/ui/Tabs/index.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 
-// src/components/TokenDetail/index.tsx
-var import_react_intl16 = require("react-intl");
+// src/context/ModalContext.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
+var ModalContext = (0, import_react30.createContext)(null);
 
-// src/components/TokenSendList/index.tsx
-var import_react31 = require("react");
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
-
-// src/components/TransactionList/index.tsx
-var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react32 = require("react");
-var import_viem9 = require("viem");
-var import_viem10 = require("viem");
-
-// src/store/useContractStore.ts
+// src/store/useTransactionStore.ts
 var import_zustand4 = require("zustand");
 var import_middleware3 = require("zustand/middleware");
 var persistedState3 = (0, import_middleware3.persist)(
   (set, get) => ({
-    contracts: {},
-    getContract: (chainId, contractAddress) => {
-      const key = `${chainId}-${contractAddress.toLowerCase()}`;
-      return get().contracts[key];
+    transactions: {},
+    addTransaction: (data) => {
+      set((state) => {
+        const updatedTransactions = {
+          ...state.transactions,
+          [`${data.chainId}-${data.address}`]: [data.info, ...state.transactions[`${data.chainId}-${data.address}`] || []]
+        };
+        return { transactions: updatedTransactions };
+      });
+    },
+    removeTransaction: (data) => {
+      set((state) => {
+        const updatedTransactions = {
+          ...state.transactions,
+          [`${data.chainId}-${data.address}`]: (state.transactions[`${data.chainId}-${data.address}`] || []).filter((tx) => tx.hash !== data.hash)
+        };
+        return { transactions: updatedTransactions };
+      });
+    }
+  }),
+  { name: "match-transactions-local" }
+);
+var useTransactionStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
+
+// src/hooks/useWallet.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var AppClientId = "react-sdk-" + getVersion();
+
+// src/hooks/useCopyClipboard.ts
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_react32 = require("react");
+
+// src/context/ToastContext.tsx
+var import_react33 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var ToastContext = (0, import_react33.createContext)(null);
+
+// src/hooks/api/wallet.ts
+var wallet_exports = {};
+__export(wallet_exports, {
+  USER_IMPORT_TOKEN_LIST_KEY: () => USER_IMPORT_TOKEN_LIST_KEY,
+  getUserWalletTransactionsApi: () => getUserWalletTransactionsApi,
+  getWalletAssetListApi: () => getWalletAssetListApi,
+  getWalletListApi: () => getWalletListApi,
+  useAssetListQuery: () => useAssetListQuery,
+  useChainListQuery: () => useChainListQuery,
+  useImportTokenListQuery: () => useImportTokenListQuery,
+  useWalletAssetListQuery: () => useWalletAssetListQuery,
+  useWalletChainListQuery: () => useWalletChainListQuery,
+  useWalletNftListQuery: () => useWalletNftListQuery,
+  userImportTokenApi: () => userImportTokenApi
+});
+var import_react_query3 = require("@tanstack/react-query");
+function useChainListQuery(options) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["match-user-chain-list", token],
+    queryFn: async () => {
+      const res = await getUserChainListApi();
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
     },
-    setContractName: (chainId, contractAddress, name) => {
-      const key = `${chainId}-${contractAddress.toLowerCase()}`;
-      set((state) => {
-        const updatedContracts = {
-          ...state.contracts,
-          [key]: { ...state.contracts[key], name }
-        };
-        return { contracts: updatedContracts };
-      });
+    enabled: isLogin,
+    ...options
+  });
+}
+function useAssetListQuery({
+  chainId,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["match-user-asset-list", token, chainId],
+    queryFn: async () => {
+      const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data || [];
     },
-    setContractSymbol: (chainId, contractAddress, symbol) => {
-      const key = `${chainId}-${contractAddress.toLowerCase()}`;
-      set((state) => {
-        const updatedContracts = {
-          ...state.contracts,
-          [key]: { ...state.contracts[key], symbol }
-        };
-        return { contracts: updatedContracts };
-      });
+    enabled: isLogin,
+    ...options
+  });
+}
+var USER_IMPORT_TOKEN_LIST_KEY = "match-user-import-token-list";
+function useImportTokenListQuery({
+  chainId,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
+    queryFn: async () => {
+      const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data || [];
     },
-    setContractDecimals: (chainId, contractAddress, decimals) => {
-      const key = `${chainId}-${contractAddress.toLowerCase()}`;
-      set((state) => {
-        const updatedContracts = {
-          ...state.contracts,
-          [key]: { ...state.contracts[key], decimals }
-        };
-        return { contracts: updatedContracts };
+    enabled: isLogin,
+    ...options
+  });
+}
+function useWalletChainListQuery(options) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["match-wallet-chain-list", token],
+    queryFn: async () => {
+      const res = await getWalletChainListApi();
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
+function useWalletNftListQuery({
+  chainId,
+  address,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["match-wallet-nft-list", token, chainId, address],
+    queryFn: async () => {
+      const res = await getWalletNftListApi({
+        chain_id: chainId.toString(),
+        address
       });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
     },
-    setContracts: (data) => {
-      set((state) => {
-        const newContracts = { ...state.contracts };
-        data.forEach(({ chainId, contractAddress, info }) => {
-          const key = `${chainId}-${contractAddress.toLowerCase()}`;
-          newContracts[key] = { ...newContracts[key], ...info };
-        });
-        return { contracts: newContracts };
+    enabled: isLogin,
+    ...options
+  });
+}
+function useWalletAssetListQuery({
+  chainId,
+  address,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return (0, import_react_query3.useQuery)({
+    queryKey: ["match-wallet-asset-list", token, chainId, address],
+    queryFn: async () => {
+      const res = await getWalletAssetListApi({
+        chain_id: chainId,
+        address
       });
-    }
-  }),
-  { name: "match-contract-local" }
-);
-var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
-
-// src/components/TransactionList/index.tsx
-var import_react_intl18 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+      if (!isSuccess(res)) {
+        return null;
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
 
-// src/components/ContactList/index.tsx
-var import_react_virtuoso = require("react-virtuoso");
-var import_react33 = require("react");
-var import_react_intl19 = require("react-intl");
+// src/hooks/useMatchChain.tsx
+var import_react34 = require("react");
+var import_viem8 = require("viem");
+var import_react_intl20 = require("react-intl");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
-var import_viem13 = require("viem");
-var import_react_intl21 = require("react-intl");
+var import_viem11 = require("viem");
+var import_react_intl22 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react34 = require("react");
-var import_react_intl20 = require("react-intl");
+var import_react35 = require("react");
+var import_react_intl21 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
-var import_viem12 = require("viem");
+var import_viem10 = require("viem");
 
 // src/hooks/useIsContract.ts
-var import_viem11 = require("viem");
+var import_viem9 = require("viem");
 var import_react_query4 = require("@tanstack/react-query");
 
 // src/components/ImportToken/index.tsx
@@ -1300,15 +1225,15 @@ var import_jsx_runtime94 = require("react/jsx-runtime");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/hooks/useReceipt.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
-var import_viem14 = require("viem");
+var import_viem12 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 
 // src/hooks/useTransaction.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
-var import_viem15 = require("viem");
+var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 
 // src/store/useModalStore.ts
@@ -1352,8 +1277,8 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-var import_react38 = require("react");
-var import_react_intl22 = require("react-intl");
+var import_react39 = require("react");
+var import_react_intl23 = require("react-intl");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -1364,20 +1289,105 @@ var import_jsx_runtime97 = require("react/jsx-runtime");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react39 = require("react");
+var import_react40 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query10 = require("@tanstack/react-query");
-var import_react_intl23 = require("react-intl");
+var import_react_intl24 = require("react-intl");
+var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
+var import_wallets = require("@rainbow-me/rainbowkit/wallets");
+var import_chains = require("wagmi/chains");
+
+// src/config/chains/MatchMain.ts
+var import_viem14 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem14.defineChain)({
+  //定义match链
+  id: 698,
+  name: "Matchain",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://matchscan.io/",
+      apiUrl: "https://matchscan.io/api"
+    }
+  },
+  iconUrl: "https://matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11"
+    }
+  }
+  // testnet: true,
+});
+
+// src/config/chains/MatchTest.ts
+var import_viem15 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem15.defineChain)({
+  //定义matchTest链
+  id: 699,
+  name: "MatchTest",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://testnet-rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://testnet.matchscan.io/",
+      apiUrl: "https://testnet.matchscan.io/api"
+    }
+  },
+  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11",
+      blockCreated: 751532
+    },
+    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
+    ensUniversalResolver: {
+      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
+      blockCreated: 5317080
+    }
+  }
+  // testnet: true,
+});
+
+// src/MatchContext.tsx
+var import_wagmi3 = require("wagmi");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
-var MatchContext = (0, import_react41.createContext)(void 0);
+var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
+  appName: "MatchID",
+  projectId: "9ac6ea7e07860f04616fb311b447dee9",
+  wallets: [
+    {
+      groupName: "Recommended",
+      wallets: [
+        import_wallets.metaMaskWallet,
+        import_wallets.walletConnectWallet,
+        import_wallets.okxWallet,
+        import_wallets.bitgetWallet,
+        import_wallets.injectedWallet
+      ]
+    }
+  ],
+  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
+});
+var MatchContext = (0, import_react42.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react41.useContext)(MatchContext);
+  const context = (0, import_react42.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1411,7 +1421,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react42.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react43.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1746,13 +1756,12 @@ __export(contact_exports, {
 });
 var import_react_query13 = require("@tanstack/react-query");
 var import_last = __toESM(require("lodash/last"));
-var import_react43 = require("react");
+var import_react44 = require("react");
 function useContactList(page_size = 10, type = "Friend") {
-  const { token } = useLocalStore_default();
-  const limitIdRef = (0, import_react43.useRef)(0);
-  const queryClient2 = (0, import_react_query13.useQueryClient)();
+  const { address } = useUserInfo();
+  const limitIdRef = (0, import_react44.useRef)(0);
   const contactQuery = (0, import_react_query13.useInfiniteQuery)({
-    queryKey: ["matchid-contacts-list", type, token],
+    queryKey: ["matchid-contacts-list", type, address],
     initialPageParam: 1,
     queryFn: async (args) => {
       console.log(args);
@@ -1771,7 +1780,7 @@ function useContactList(page_size = 10, type = "Friend") {
       return allPages.length >= lastPageNum ? void 0 : allPages.length + 1;
     }
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!contactQuery.data?.pages || contactQuery.data?.pages.length == 0) {
       limitIdRef.current = 0;
     } else {
@@ -1785,13 +1794,19 @@ function useContactList(page_size = 10, type = "Friend") {
       limitIdRef.current = lastItem?.limit_id || 0;
     }
   }, [contactQuery.data?.pages]);
-  return {
-    data: (contactQuery.data?.pages ?? []).reduce(
+  (0, import_react44.useEffect)(() => {
+    console.log("contactQuery.data", contactQuery.data);
+  }, [contactQuery.data]);
+  const data = (0, import_react44.useMemo)(() => {
+    return (contactQuery.data?.pages ?? []).reduce(
       (a, b) => {
         return a.concat(b?.items ?? []);
       },
       []
-    ),
+    );
+  }, [contactQuery.data]);
+  return {
+    data,
     totalCount: contactQuery.hasNextPage ? ((0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0) + 1 : (0, import_last.default)(contactQuery.data?.pages ?? [])?.meta.total ?? 0,
     loading: contactQuery.isLoading,
     loadingNextPage: contactQuery.isFetchingNextPage,
@@ -1812,10 +1827,10 @@ function useContactSearch(keyword, options) {
   });
 }
 function useContactInfo(options) {
-  const { token } = useUserInfo();
+  const { address } = useUserInfo();
   return (0, import_react_query13.useQuery)({
-    queryKey: ["matchid-contacts-info", token],
-    enabled: !!token,
+    queryKey: ["matchid-contacts-info", address],
+    enabled: !!address,
     queryFn: async () => {
       return (await getContractsInfoApi()).data;
     },