@matchain/matchid-sdk-react 0.1.48-alpha.9 → 0.1.48

package/dist/hooks/api/index.js

@@ -47,7 +47,7 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -281,11 +281,11 @@ var unBindApi = ({ type }) => {
     data: { type }
   });
 };
-var unBindWalletApi = ({ address: address2 }) => {
+var unBindWalletApi = ({ address }) => {
   return request_default({
     url: `/api/v1/wallet/unbind`,
     method: "POST",
-    data: { address: address2 }
+    data: { address }
   });
 };
 var verifyPohApi = ({
@@ -428,11 +428,11 @@ var persistedState = (0, import_middleware.persist)(
     setToken: (token) => set({ token }),
     setAppid: (appid) => set({ appid }),
     setMid: (mid) => set({ mid }),
-    logout: () => set({ token: "", did: "", mid: "", address: "", overview: null }),
+    logout: () => set({ token: "", did: "", mid: "", address: "", overview: null, assets: [] }),
     setTheme: (theme) => set({ theme }),
     setEndpoints: (endpoints) => set({ endpoints }),
     address: "",
-    setAddress: (address2) => set({ address: address2 }),
+    setAddress: (address) => set({ address }),
     locale: "en",
     setLocale: (locale) => set({ locale }),
     wallet: {
@@ -440,7 +440,9 @@ var persistedState = (0, import_middleware.persist)(
     },
     setWallet: (wallet) => set({ wallet }),
     chainId: 698,
-    setChainId: (chainId) => set({ chainId })
+    setChainId: (chainId) => set({ chainId }),
+    assets: [],
+    setAssets: (assets) => set({ assets })
   }),
   { name: "match-local" }
 );
@@ -449,10 +451,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react35 = require("react");
+var import_react40 = require("react");
 
 // src/MatchContext.tsx
-var import_react34 = require("react");
+var import_react39 = require("react");
 
 // src/hooks/useMatchEvents.ts
 var import_react = require("react");
@@ -485,7 +487,9 @@ var EventManager = class {
 var eventManager = new EventManager();
 var eventManager_default = eventManager;
 
-// src/utils/index.ts
+// src/utils/index.tsx
+var import_moment = __toESM(require("moment"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var getVersion = () => {
   return "0.0.2";
 };
@@ -497,7 +501,7 @@ function getAppClientId() {
 }
 
 // src/hooks/useWallet.tsx
-var import_viem = require("viem");
+var import_viem2 = require("viem");
 
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
@@ -508,283 +512,266 @@ var useStore = (0, import_zustand2.create)((set) => ({
 
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
-var import_viem2 = require("viem");
-var import_react3 = require("react");
 var import_viem3 = require("viem");
+var import_react9 = require("react");
+var import_viem4 = require("viem");
 
-// src/store/useModalStore.ts
-var import_zustand3 = require("zustand");
+// src/context/ModalContext.tsx
+var import_react8 = require("react");
+var import_react_dom = require("react-dom");
 
 // src/assets/icon/BackIcon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-
-// src/assets/icon/CloseIcon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 
-// src/assets/icon/XIcon.tsx
+// src/assets/icon/CloseIcon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 
-// src/assets/icon/GoogleIcon.tsx
+// src/assets/icon/XIcon.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 
-// src/assets/icon/WalletIcon.tsx
+// src/assets/icon/GoogleIcon.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 
-// src/assets/icon/TelegramIcon.tsx
+// src/assets/icon/WalletIcon.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 
-// src/assets/icon/EmailIcon.tsx
+// src/assets/icon/TelegramIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 
-// src/assets/icon/ArrowRightIcon.tsx
+// src/assets/icon/EmailIcon.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 
-// src/assets/icon/CloseRoundIcon.tsx
+// src/assets/icon/ArrowRightIcon.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
-// src/assets/icon/LoadingIcon.tsx
+// src/assets/icon/CloseRoundIcon.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 
-// src/assets/icon/EmailLineIcon.tsx
+// src/assets/icon/LoadingIcon.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
-// src/assets/icon/UnLoginIcon.tsx
+// src/assets/icon/EmailLineIcon.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 
-// src/assets/icon/LoginIcon.tsx
+// src/assets/icon/UnLoginIcon.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 
-// src/assets/icon/CheckRoundIcon.tsx
+// src/assets/icon/LoginIcon.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 
-// src/assets/icon/PasswordRoundIcon.tsx
+// src/assets/icon/CheckRoundIcon.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 
-// src/assets/icon/CloseEyeIcon.tsx
+// src/assets/icon/PasswordRoundIcon.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 
-// src/assets/icon/OpenEyeIcon.tsx
+// src/assets/icon/CloseEyeIcon.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 
-// src/assets/icon/DeleteRoundIcon.tsx
+// src/assets/icon/OpenEyeIcon.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 
-// src/assets/icon/FacebookIcon.tsx
+// src/assets/icon/DeleteRoundIcon.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
 
-// src/assets/icon/ArrowLeftIcon.tsx
+// src/assets/icon/FacebookIcon.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 
-// src/assets/icon/GithubIcon.tsx
+// src/assets/icon/ArrowLeftIcon.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 
-// src/assets/icon/DiscordIcon.tsx
+// src/assets/icon/GithubIcon.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
-// src/assets/icon/CheckIcon.tsx
+// src/assets/icon/DiscordIcon.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 
-// src/assets/icon/CopyIcon.tsx
+// src/assets/icon/CheckIcon.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 
-// src/assets/icon/LinkedinIcon.tsx
+// src/assets/icon/CopyIcon.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 
-// src/assets/icon/YoutubeIcon.tsx
+// src/assets/icon/LinkedinIcon.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 
-// src/assets/icon/BTCDarkIcon.tsx
+// src/assets/icon/YoutubeIcon.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 
-// src/assets/icon/BTCLightIcon.tsx
+// src/assets/icon/BTCDarkIcon.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
-// src/assets/icon/EVMDarkIcon.tsx
+// src/assets/icon/BTCLightIcon.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
-// src/assets/icon/EVMLightIcon.tsx
+// src/assets/icon/EVMDarkIcon.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 
-// src/assets/icon/SOLDarkIcon.tsx
+// src/assets/icon/EVMLightIcon.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 
-// src/assets/icon/SOLLightIcon.tsx
+// src/assets/icon/SOLDarkIcon.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 
-// src/assets/icon/TRXDarkIcon.tsx
+// src/assets/icon/SOLLightIcon.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
 
-// src/assets/icon/TRXLightIcon.tsx
+// src/assets/icon/TRXDarkIcon.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 
-// src/assets/icon/ArrowDownIcon.tsx
+// src/assets/icon/TRXLightIcon.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 
-// src/assets/icon/LeatherIcon.tsx
+// src/assets/icon/ArrowDownIcon.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 
-// src/assets/icon/UnisatIcon.tsx
+// src/assets/icon/LeatherIcon.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
-// src/assets/icon/XverseIcon.tsx
+// src/assets/icon/UnisatIcon.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
-// src/assets/icon/TronLinkIcon.tsx
+// src/assets/icon/XverseIcon.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
-// src/assets/icon/OKXIcon.tsx
+// src/assets/icon/TronLinkIcon.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
-// src/assets/icon/BitgetIcon.tsx
+// src/assets/icon/OKXIcon.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
-// src/assets/icon/TonDarkIcon.tsx
+// src/assets/icon/BitgetIcon.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
-// src/assets/icon/TonLightIcon.tsx
+// src/assets/icon/TonDarkIcon.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
-// src/assets/icon/ErrorRoundIcon.tsx
+// src/assets/icon/TonLightIcon.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
-// src/assets/icon/InfoLineIcon.tsx
+// src/assets/icon/ErrorRoundIcon.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
-// src/assets/icon/InfoRoundIcon.tsx
+// src/assets/icon/InfoLineIcon.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
-// src/hooks/useLayout.tsx
-var import_react2 = require("react");
-
-// src/hooks/useConfig.tsx
+// src/assets/icon/InfoRoundIcon.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
-
-// src/store/useModalStore.ts
-var useSOLModalStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
-var useTRONModalStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
-var useTONModalStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
-var useBTCModalStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
-var useCEXBindModalStore = (0, import_zustand3.create)((set) => ({
-  type: "",
-  isOpen: false,
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
-var useHashPanelStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  hash: null,
-  chain: null,
-  open: (params) => set({
-    isOpen: true,
-    hash: params?.hash || null,
-    chain: params?.chain || null
-  }),
-  close: () => set({ isOpen: false })
-}));
-var useWalletModalStore = (0, import_zustand3.create)((set) => ({
-  isOpen: false,
-  type: "",
-  methods: [],
-  open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
-  close: () => set({ isOpen: false })
-}));
 
-// src/hooks/useWallet.tsx
-var AppClientId = "react-sdk-" + getVersion();
-
-// src/hooks/useCopyClipboard.ts
-var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react4 = require("react");
+// src/assets/icon/TransferIcon.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
-// src/context/ModalContext.tsx
-var import_react10 = require("react");
-var import_react_dom = require("react-dom");
+// src/assets/icon/ArrowSendIcon.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/ui/Overlay/index.tsx
-var import_react5 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react2 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_viem4 = require("viem");
-var import_react6 = require("react");
-var import_react_query = require("@tanstack/react-query");
+var import_react4 = require("react");
+
+// src/hooks/useLayout.tsx
+var import_react3 = require("react");
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = 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
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/ui/Input/index.tsx
-var import_react7 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_react5 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
-var import_react8 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
-var import_react9 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var ModalContext = (0, import_react10.createContext)(null);
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var ModalContext = (0, import_react8.createContext)(null);
+
+// src/store/useTransactionStore.ts
+var import_zustand3 = require("zustand");
+var import_middleware2 = require("zustand/middleware");
+var persistedState2 = (0, import_middleware2.persist)(
+  (set, get) => ({
+    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_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
+
+// src/hooks/useWallet.tsx
+var import_jsx_runtime63 = 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_react10 = require("react");
 
 // src/context/ToastContext.tsx
 var import_react11 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.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
@@ -793,7 +780,7 @@ var import_react_query2 = require("@tanstack/react-query");
 function useChainListQuery(options) {
   const { isLogin, token } = useUserInfo();
   return (0, import_react_query2.useQuery)({
-    queryKey: ["match-chain-list", token],
+    queryKey: ["match-user-chain-list", token],
     queryFn: async () => {
       const res = await getUserChainListApi();
       if (!isSuccess(res)) {
@@ -811,7 +798,7 @@ function useAssetListQuery({
 }) {
   const { isLogin, token } = useUserInfo();
   return (0, import_react_query2.useQuery)({
-    queryKey: ["match-wallet-asset-list", token, chainId],
+    queryKey: ["match-user-asset-list", token, chainId],
     queryFn: async () => {
       const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
       if (!isSuccess(res)) {
@@ -823,13 +810,14 @@ function useAssetListQuery({
     ...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: ["match-wallet-import-token-list", token, chainId],
+    queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
     queryFn: async () => {
       const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
       if (!isSuccess(res)) {
@@ -858,16 +846,16 @@ function useWalletChainListQuery(options) {
 }
 function useWalletNftListQuery({
   chainId,
-  address: address2,
+  address,
   ...options
 }) {
   const { isLogin, token } = useUserInfo();
   return (0, import_react_query2.useQuery)({
-    queryKey: ["match-wallet-nft-list", token, chainId, address2],
+    queryKey: ["match-wallet-nft-list", token, chainId, address],
     queryFn: async () => {
       const res = await getWalletNftListApi({
         chain_id: chainId.toString(),
-        address: address2
+        address
       });
       if (!isSuccess(res)) {
         return [];
@@ -878,11 +866,33 @@ function useWalletNftListQuery({
     ...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_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react15 = require("react");
@@ -890,55 +900,59 @@ var import_react15 = require("react");
 // src/components/EmailModal/StepEmail.tsx
 var import_react13 = require("react");
 var import_react_intl = require("react-intl");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react14 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react16 = require("react");
 var import_react_intl4 = require("react-intl");
 
+// src/hooks/useConfig.tsx
+var import_jsx_runtime69 = 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_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react18 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react17 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
 var import_react21 = __toESM(require("react"));
@@ -961,10 +975,10 @@ var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react20 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -1015,13 +1029,13 @@ var import_react_intl10 = require("react-intl");
 var import_react22 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react24 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react26 = __toESM(require("react"));
@@ -1034,56 +1048,201 @@ var import_sats_connect = require("sats-connect");
 var import_react25 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react27 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
-// src/hooks/useMatchWallet.tsx
-var import_react_qrcode = require("react-qrcode");
+// src/components/AlphaAvatar/index.tsx
 var import_react28 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
-// src/hooks/useReceipt.tsx
+// src/components/WalletAsset/index.tsx
+var import_jsx_runtime84 = require("react/jsx-runtime");
+
+// src/components/TokenSend/index.tsx
 var import_react29 = require("react");
-var import_react_query4 = require("@tanstack/react-query");
 var import_viem6 = require("viem");
-var CACHE_TTL = 86400 * 30 * 1e3;
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
-// src/hooks/useTransaction.tsx
+// src/components/TokenDetail/index.tsx
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime86 = require("react/jsx-runtime");
+
+// src/components/TokenSendList/index.tsx
 var import_react30 = require("react");
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime87 = require("react/jsx-runtime");
+
+// src/components/TransactionList/index.tsx
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_react31 = require("react");
 var import_viem7 = require("viem");
+var import_viem8 = require("viem");
+
+// src/store/useContractStore.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];
+    },
+    setContractName: (chainId, contractAddress, name) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
+      set((state) => {
+        const updatedContracts = {
+          ...state.contracts,
+          [key]: { ...state.contracts[key], name }
+        };
+        return { contracts: updatedContracts };
+      });
+    },
+    setContractSymbol: (chainId, contractAddress, symbol) => {
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
+      set((state) => {
+        const updatedContracts = {
+          ...state.contracts,
+          [key]: { ...state.contracts[key], symbol }
+        };
+        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-contract-local" }
+);
+var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
+
+// src/components/TransactionList/index.tsx
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime88 = require("react/jsx-runtime");
+
+// src/hooks/useMatchWallet.tsx
+var import_react_qrcode = require("react-qrcode");
+var import_react33 = require("react");
+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_react32 = require("react");
+var import_react_intl18 = require("react-intl");
+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");
+
+// src/components/ImportToken/index.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+
+// src/hooks/useMatchWallet.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+
+// src/hooks/useReceipt.tsx
+var import_react34 = require("react");
+var import_react_query7 = require("@tanstack/react-query");
+var import_viem12 = require("viem");
+var CACHE_TTL = 86400 * 30 * 1e3;
+
+// src/hooks/useTransaction.tsx
+var import_react35 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
+var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 
+// src/store/useModalStore.ts
+var import_zustand5 = require("zustand");
+var useSOLModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useTRONModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useTONModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useBTCModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useCEXBindModalStore = (0, import_zustand5.create)((set) => ({
+  type: "",
+  isOpen: false,
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
+var useWalletModalStore = (0, import_zustand5.create)((set) => ({
+  isOpen: false,
+  type: "",
+  methods: [],
+  open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
+  close: () => set({ isOpen: false })
+}));
+
 // src/components/CEXBindModal/index.tsx
-var import_react31 = require("react");
-var import_react_intl14 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_react_intl20 = require("react-intl");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react32 = require("react");
+var import_react37 = require("react");
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react33 = require("react");
+var import_react38 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query6 = require("@tanstack/react-query");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var queryClient = new import_react_query6.QueryClient();
-var MatchContext = (0, import_react34.createContext)(void 0);
+var import_react_query9 = require("@tanstack/react-query");
+var import_react_intl21 = require("react-intl");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var queryClient = new import_react_query9.QueryClient();
+var MatchContext = (0, import_react39.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react34.useContext)(MatchContext);
+  const context = (0, import_react39.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1100,7 +1259,7 @@ function useUserInfo() {
     logout: logoutStore,
     setOverview,
     overview,
-    address: address2,
+    address,
     endpoints,
     locale,
     refreshOverview
@@ -1112,7 +1271,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
-  const isLogin = (0, import_react35.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react40.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -1140,11 +1299,11 @@ function useUserInfo() {
     return loginByMethod("google");
   };
   const loginByWallet = async () => {
-    return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
+    return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
   };
   const loginByTelegram = async () => {
     return window.open(
-      `${endpoints.auth}login/telegram?appid=${appid}`,
+      `${endpoints.auth}login/telegram?appid=${appid}&locale=${locale}`,
       // Replace with the actual authorization URL
       "authWindow",
       "width=800,height=600"
@@ -1155,7 +1314,7 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("login", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
+        return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
       case "sol":
         return SOLOpen("login");
       case "tron":
@@ -1216,14 +1375,14 @@ function useUserInfo() {
     if (!token) {
       throw new Error("You must login first");
     }
-    return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
+    return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
   };
   const bindTelegram = async () => {
     if (!token) {
       throw new Error("You must login first");
     }
     const authWindow = window.open(
-      `${endpoints.auth}bind/telegram?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)),
+      `${endpoints.auth}bind/telegram?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)),
       // Replace with the actual authorization URL
       "authWindow",
       "width=800,height=600"
@@ -1244,7 +1403,7 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("bind", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
+        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
       case "sol":
         return SOLOpen("bind");
       case "tron":
@@ -1328,7 +1487,7 @@ function useUserInfo() {
     token,
     mid,
     did,
-    address: address2,
+    address,
     isLogin,
     logout,
     getLoginEmailCode,
@@ -1346,7 +1505,7 @@ function useUserInfo() {
 // src/hooks/api/bind.ts
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query7.useQuery)({
+  return (0, import_react_query10.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1358,7 +1517,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query7.useQuery)({
+  return (0, import_react_query10.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1375,10 +1534,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query8.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {