@matchain/matchid-sdk-react 0.1.53-alpha.3 → 0.1.53-alpha.4

package/dist/index.js

@@ -44,7 +44,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/MatchContext.tsx
-var import_react39 = require("react");
+var import_react41 = require("react");
 
 // src/hooks/index.tsx
 var hooks_exports = {};
@@ -1929,6 +1929,12 @@ var useBTCModalStore = (0, import_zustand2.create)((set) => ({
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
+var useEVMModalStore = (0, import_zustand2.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 var useCEXBindModalStore = (0, import_zustand2.create)((set) => ({
   type: "",
   isOpen: false,
@@ -1973,6 +1979,7 @@ function useUserInfo() {
   const { setTgAppAuthCode, emailLoginKey, setEmailLoginKey } = useStore_default();
   const isDownMd = useDownMd();
   const { events, login } = useMatch();
+  const { open: EVMOpen } = useEVMModalStore();
   const { open: TRONOpen } = useTRONModalStore();
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
@@ -2049,7 +2056,8 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("login", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
+        return EVMOpen("login");
+      // return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`)
       case "sol":
         if (isDownMd) {
           return window.location.href = `${endpoints.auth}login/sol?appid=${appid}&locale=${locale}&redirect_uri=${getRedirectUri()}`;
@@ -2141,7 +2149,8 @@ function useUserInfo() {
       case "wallet":
         return walletModalStore.open("bind", extra?.methods);
       case "evm":
-        return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
+        return EVMOpen("bind");
+      // return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)))
       case "sol":
         if (isDownMd) {
           return window.location.href = `${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}&redirect_uri=${getRedirectUri()}`;
@@ -3375,6 +3384,7 @@ var components_exports = {};
 __export(components_exports, {
   BTCModal: () => BTCModal,
   Button: () => Button,
+  EVMModal: () => EVMModal,
   EmailModal: () => EmailModal,
   Field: () => Field,
   Input: () => Input,
@@ -4145,8 +4155,8 @@ function UsernameModal({
   ] }) });
 }
 
-// src/components/TRONModal/index.tsx
-var import_react23 = __toESM(require("react"));
+// src/components/EVMModal/index.tsx
+var import_react23 = require("react");
 var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
@@ -4233,7 +4243,88 @@ function WalletModalContent({
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-content`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: pageData.statusImage }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: pageData.isError ? "text-[#F7585E]" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      Button,
+      {
+        block: true,
+        size: "lg",
+        onClick: pageData.btnClick,
+        loading: pageData.btnLoading,
+        disabled: pageData.btnDisabled,
+        children: pageData.btnText
+      }
+    )
+  ] }) });
+}
+function WalletModalContentV2(props) {
+  const [submitting, setSubmitting] = (0, import_react21.useState)(false);
+  const pageData = (0, import_react21.useMemo)(() => {
+    const { status } = props;
+    if (status == "success") {
+      return {
+        btnText: "Disconnect Wallet",
+        btnClick: async () => {
+          setSubmitting(true);
+          await props.onDisconnect?.();
+          setSubmitting(false);
+        },
+        text: "Wallet connection successful!",
+        statusImage: walletConnectedImage,
+        btnLoading: submitting
+      };
+    }
+    if (status == "error") {
+      return {
+        text: props.error || "Unknown Error",
+        btnText: "Reconnect Wallet",
+        btnClick: async () => {
+          setSubmitting(true);
+          await props.onError?.();
+          setSubmitting(false);
+        },
+        statusImage: walletErrorImage,
+        isError: true,
+        btnLoading: submitting
+      };
+    }
+    if (status == "nonce") {
+      return {
+        btnLoading: true,
+        text: "Connecting",
+        statusImage: walletConnectingImage
+      };
+    }
+    if (status == "signer") {
+      return {
+        btnLoading: true,
+        text: "Signing",
+        statusImage: walletSigningImage
+      };
+    }
+    if (status == "connecting") {
+      return {
+        btnLoading: true,
+        text: "Connecting",
+        statusImage: walletConnectingImage
+      };
+    }
+    return {
+      btnText: "Connect Wallet",
+      btnClick: async () => {
+        setSubmitting(true);
+        await props.onConnect?.();
+        setSubmitting(false);
+      },
+      text: "Please Connect your wallet",
+      statusImage: walletConnectImage
+    };
+  }, [props, submitting]);
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("img", { src: pageData.statusImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Button,
@@ -4249,133 +4340,653 @@ function WalletModalContent({
   ] }) });
 }
 
-// src/lib/tron/TronLinkAdapter.ts
-var TronLinkAdapter = class {
-  constructor() {
-    this.name = "TronLink Wallet";
-    this.website = "https://www.tronlink.org/";
-    this.walletKey = "tronlink";
-  }
-  async isInstalled() {
-    return typeof window.tronWeb !== "undefined" && typeof window.tronLink !== "undefined";
-  }
-  async connect() {
-    if (!await this.isInstalled()) throw new Error("TronLink Wallet is not installed");
-    if (!window.tronWeb.defaultAddress.base58) {
-      await window.tronWeb.request(
-        {
-          method: "tron_requestAccounts",
-          params: window.tronLink.tronlinkParams
-        }
-      );
+// 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"]
     }
-    if (!window.tronWeb.defaultAddress.base58) {
-      throw new Error("Your should unlink your wallet and try again");
+  },
+  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"
     }
-    return window.tronWeb.defaultAddress.base58;
   }
-  async signMessage(message) {
-    return await window.tronWeb.trx.signMessageV2(message);
+  // 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/useTRONWallet.ts
+// src/hooks/useWalletBox.ts
 var import_react22 = require("react");
+function useWalletBox({
+  onInit
+}) {
+  const [status, setStateStatus] = (0, import_react22.useState)("start");
+  const [error, setError] = (0, import_react22.useState)("");
+  const statusRef = (0, import_react22.useRef)(status);
+  const [nonce, setNonce] = (0, import_react22.useState)();
+  const setStatus = (status2) => {
+    statusRef.current = status2;
+    setStateStatus(status2);
+  };
+  const init = () => {
+    setError("");
+    setNonce(null);
+  };
+  (0, import_react22.useEffect)(() => {
+    init();
+    onInit({
+      setStatus
+    });
+    return () => {
+      setStatus("start");
+      setNonce(null);
+      setError("");
+    };
+  }, []);
+  return {
+    status,
+    statusRef,
+    setStatus,
+    error,
+    setError,
+    nonce,
+    setNonce,
+    init
+  };
+}
 
-// src/lib/tron/BitgetAdapter.ts
-var BitgetAdapter = class {
-  constructor() {
-    this.name = "Bitget Wallet";
-    this.website = "https://web3.bitget.com/zh-CN/wallet-download";
-    this.walletKey = "bitget";
+// src/hooks/useEthersSigner.ts
+var React5 = __toESM(require("react"));
+var import_wagmi = require("wagmi");
+var import_ethers = require("ethers");
+
+// node_modules/@wagmi/core/dist/esm/version.js
+var version = "2.16.3";
+
+// node_modules/@wagmi/core/dist/esm/utils/getVersion.js
+var getVersion2 = () => `@wagmi/core@${version}`;
+
+// node_modules/@wagmi/core/dist/esm/errors/base.js
+var __classPrivateFieldGet = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _BaseError_instances;
+var _BaseError_walk;
+var BaseError = class _BaseError extends Error {
+  get docsBaseUrl() {
+    return "https://wagmi.sh/core";
   }
-  async isInstalled() {
-    return typeof window.bitkeep !== "undefined" && typeof window.bitkeep.tronWeb !== "undefined" && typeof window.bitkeep.tronLink !== "undefined";
+  get version() {
+    return getVersion2();
   }
-  async connect() {
-    if (!await this.isInstalled()) throw new Error("Bitkeep Wallet is not installed");
-    await window.bitkeep.tronLink.request({ method: "tron_requestAccounts" });
-    return window.bitkeep.tronWeb.defaultAddress.base58;
+  constructor(shortMessage, options = {}) {
+    super();
+    _BaseError_instances.add(this);
+    Object.defineProperty(this, "details", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "docsPath", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "metaMessages", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "shortMessage", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "WagmiCoreError"
+    });
+    const details = options.cause instanceof _BaseError ? options.cause.details : options.cause?.message ? options.cause.message : options.details;
+    const docsPath = options.cause instanceof _BaseError ? options.cause.docsPath || options.docsPath : options.docsPath;
+    this.message = [
+      shortMessage || "An error occurred.",
+      "",
+      ...options.metaMessages ? [...options.metaMessages, ""] : [],
+      ...docsPath ? [
+        `Docs: ${this.docsBaseUrl}${docsPath}.html${options.docsSlug ? `#${options.docsSlug}` : ""}`
+      ] : [],
+      ...details ? [`Details: ${details}`] : [],
+      `Version: ${this.version}`
+    ].join("\n");
+    if (options.cause)
+      this.cause = options.cause;
+    this.details = details;
+    this.docsPath = docsPath;
+    this.metaMessages = options.metaMessages;
+    this.shortMessage = shortMessage;
   }
-  async signMessage(message) {
-    return await window.bitkeep.tronWeb.trx.signMessageV2(message);
+  walk(fn) {
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk).call(this, this, fn);
   }
 };
+_BaseError_instances = /* @__PURE__ */ new WeakSet(), _BaseError_walk = function _BaseError_walk2(err, fn) {
+  if (fn?.(err))
+    return err;
+  if (err.cause)
+    return __classPrivateFieldGet(this, _BaseError_instances, "m", _BaseError_walk2).call(this, err.cause, fn);
+  return err;
+};
 
-// src/lib/tron/OKXAdapter.ts
-var OKXAdapter = class {
+// node_modules/@wagmi/core/dist/esm/errors/config.js
+var ConnectorNotConnectedError = class extends BaseError {
   constructor() {
-    this.name = "OKX Wallet";
-    this.website = "https://www.okx.com/zh-hans/download";
-    this.walletKey = "okx";
+    super("Connector not connected.");
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorNotConnectedError"
+    });
   }
-  async isInstalled() {
-    return typeof window.okxwallet !== "undefined" && typeof window.okxwallet.tronWeb !== "undefined" && typeof window.okxwallet.tronLink !== "undefined";
+};
+var ConnectorAccountNotFoundError = class extends BaseError {
+  constructor({ address, connector }) {
+    super(`Account "${address}" not found for connector "${connector.name}".`);
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorAccountNotFoundError"
+    });
   }
-  async connect() {
-    if (!await this.isInstalled()) throw new Error("OKX Wallet is not installed");
-    await window.okxwallet.tronLink.request({ method: "tron_requestAccounts" });
-    return window.okxwallet.tronWeb.defaultAddress.base58;
+};
+var ConnectorChainMismatchError = class extends BaseError {
+  constructor({ connectionChainId, connectorChainId }) {
+    super(`The current chain of the connector (id: ${connectorChainId}) does not match the connection's chain (id: ${connectionChainId}).`, {
+      metaMessages: [
+        `Current Chain ID:  ${connectorChainId}`,
+        `Expected Chain ID: ${connectionChainId}`
+      ]
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorChainMismatchError"
+    });
   }
-  async signMessage(message) {
-    return await window.okxwallet.tronWeb.trx.signMessageV2(message);
+};
+var ConnectorUnavailableReconnectingError = class extends BaseError {
+  constructor({ connector }) {
+    super(`Connector "${connector.name}" unavailable while reconnecting.`, {
+      details: [
+        "During the reconnection step, the only connector methods guaranteed to be available are: `id`, `name`, `type`, `uid`.",
+        "All other methods are not guaranteed to be available until reconnection completes and connectors are fully restored.",
+        "This error commonly occurs for connectors that asynchronously inject after reconnection has already started."
+      ].join(" ")
+    });
+    Object.defineProperty(this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: "ConnectorUnavailableReconnectingError"
+    });
   }
 };
 
-// src/hooks/useTRONWallet.ts
-var useTRONWallet = () => {
-  const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react22.useState)([]);
-  const [address, setAddress] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
-    const getInstalled = async () => {
-      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
-        wallet: wallet2,
-        isInstalled
-      }))));
-      setInstalledWallets(installed.filter(({ isInstalled }) => isInstalled).map(({ wallet: wallet2 }) => wallet2));
+// node_modules/@wagmi/core/dist/esm/actions/getConnectorClient.js
+var import_viem8 = require("viem");
+var import_utils7 = require("viem/utils");
+async function getConnectorClient(config, parameters = {}) {
+  let connection;
+  if (parameters.connector) {
+    const { connector: connector2 } = parameters;
+    if (config.state.status === "reconnecting" && !connector2.getAccounts && !connector2.getChainId)
+      throw new ConnectorUnavailableReconnectingError({ connector: connector2 });
+    const [accounts, chainId2] = await Promise.all([
+      connector2.getAccounts(),
+      connector2.getChainId()
+    ]);
+    connection = {
+      accounts,
+      chainId: chainId2,
+      connector: connector2
     };
-    getInstalled();
-  }, []);
-  const [wallet, chooseWallet] = (0, import_react22.useState)(null);
-  const onConnect = async () => {
-    setAddress(await wallet.connect());
-  };
-  (0, import_react22.useEffect)(() => {
-    if (!wallet) {
-      setAddress(null);
-    }
-  }, [wallet]);
-  return {
-    installedWallets,
-    wallets,
-    chooseWallet,
-    wallet,
-    address,
-    onConnect
+  } else
+    connection = config.state.connections.get(config.state.current);
+  if (!connection)
+    throw new ConnectorNotConnectedError();
+  const chainId = parameters.chainId ?? connection.chainId;
+  const connectorChainId = await connection.connector.getChainId();
+  if (connectorChainId !== connection.chainId)
+    throw new ConnectorChainMismatchError({
+      connectionChainId: connection.chainId,
+      connectorChainId
+    });
+  const connector = connection.connector;
+  if (connector.getClient)
+    return connector.getClient({ chainId });
+  const account = (0, import_utils7.parseAccount)(parameters.account ?? connection.accounts[0]);
+  account.address = (0, import_utils7.getAddress)(account.address);
+  if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase()))
+    throw new ConnectorAccountNotFoundError({
+      address: account.address,
+      connector
+    });
+  const chain = config.chains.find((chain2) => chain2.id === chainId);
+  const provider = await connection.connector.getProvider({ chainId });
+  return (0, import_viem8.createClient)({
+    account,
+    chain,
+    name: "Connector Client",
+    transport: (opts) => (0, import_viem8.custom)(provider)({ ...opts, retryCount: 0 })
+  });
+}
+
+// node_modules/@wagmi/core/dist/esm/exports/index.js
+var import_viem9 = require("viem");
+
+// src/hooks/useEthersSigner.ts
+function clientToSigner(client) {
+  const { account, chain, transport } = client;
+  const network = {
+    chainId: chain.id,
+    name: chain.name,
+    ensAddress: chain.contracts?.ensRegistry?.address
   };
-};
+  const provider = new import_ethers.providers.Web3Provider(transport, network);
+  const signer = provider.getSigner(account.address);
+  return signer;
+}
+async function getEthersSigner(config, { chainId } = {}) {
+  const client = await getConnectorClient(config, { chainId });
+  return clientToSigner(client);
+}
 
-// src/components/TRONModal/index.tsx
+// src/components/EVMModal/index.tsx
+var import_siwe = require("siwe");
+var import_styles = require("@rainbow-me/rainbowkit/styles.css");
 var import_jsx_runtime79 = require("react/jsx-runtime");
-function TRONConnectModal({
-  type = "login",
+function WalletContent({
   onSuccess,
-  ...props
+  type
+}) {
+  const config = (0, import_wagmi2.useConfig)();
+  const { openConnectModal, connectModalOpen } = (0, import_rainbowkit.useConnectModal)();
+  const { address, connector, isConnected } = (0, import_wagmi2.useAccount)();
+  const { disconnectAsync } = (0, import_wagmi2.useDisconnect)({ config });
+  const chainId = (0, import_wagmi2.useChainId)();
+  const { events, login } = useMatch();
+  const { status, setStatus, error, setError, statusRef, nonce, setNonce, init } = useWalletBox({
+    onInit: async ({ setStatus: setStatus2 }) => {
+      setStatus2("start");
+    }
+  });
+  (0, import_react23.useEffect)(() => {
+    console.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
+  }, [status, connectModalOpen, isConnected, address]);
+  (0, import_react23.useEffect)(() => {
+    if (connectModalOpen) {
+      setStatus("connecting");
+      return;
+    }
+    if (!connectModalOpen && address) {
+      toLoginInWallet(address);
+      return;
+    }
+    if (!connectModalOpen && !address) {
+      setStatus("start");
+    }
+  }, [connectModalOpen, address]);
+  (0, import_react23.useEffect)(() => {
+    if (openConnectModal && !address) {
+      openConnectModal && openConnectModal();
+    }
+  }, [openConnectModal]);
+  const toLoginInWallet = async (address2) => {
+    if (statusRef.current != "start" && statusRef.current != "connecting") return;
+    try {
+      if (!address2) {
+        throw new Error("Wallet address is empty");
+      }
+      setStatus("nonce");
+      const res = type == "bind" ? await getWalletInitApi({
+        address: address2,
+        type: "EVM"
+      }) : await getWalletNonceApi({ address: address2, type: "EVM" });
+      if (!isSuccess(res)) {
+        throw new Error(res.message);
+      }
+      setNonce(res.data.nonce);
+    } catch (error2) {
+      console.error("toLoginInWallet", error2);
+      setStatus("error");
+      setError(error2.message);
+    }
+  };
+  const signature = (0, import_react23.useCallback)(async () => {
+    if (!nonce || status != "nonce") {
+      return;
+    }
+    try {
+      const signer = await getEthersSigner(config);
+      if (!signer) return;
+      matchlog_default.log("signature", nonce, status);
+      if (!address) {
+        throw new Error("Wallet address is empty");
+      }
+      setStatus("signer");
+      const params = {
+        domain: window.location.host,
+        address,
+        statement: "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.",
+        uri: window.location.origin,
+        nonce,
+        version: "1",
+        chainId
+      };
+      const message = new import_siwe.SiweMessage({ ...params });
+      const signature2 = await signer.signMessage(message.prepareMessage());
+      const obj = {
+        type: "EVM",
+        address,
+        signature: signature2,
+        message: `${message.prepareMessage()}`,
+        connector_type: connector?.type || "",
+        wallet_client_type: connector?.name || ""
+      };
+      const res = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
+      if (!isSuccess(res)) {
+        throw new Error(res.message);
+      }
+      matchlog_default.log(res);
+      setStatus("success");
+      if (type == "bind") {
+        events.onBind && events.onBind({
+          type: "evm"
+        });
+        eventManager_default.emit("onBind", {
+          type: "evm"
+        });
+      } else {
+        await login({
+          token: `${res.data.token_type} ${res.data.access_token}`
+        });
+      }
+      onSuccess && onSuccess();
+    } catch (error2) {
+      console.error("signature", error2);
+      setStatus("error");
+      setError(error2.message);
+    }
+  }, [nonce, status, address]);
+  (0, import_react23.useEffect)(() => {
+    if (signature) {
+      signature();
+    }
+  }, [signature]);
+  const onError = async () => {
+    if (isConnected) {
+      try {
+        await disconnectAsync();
+      } catch (error2) {
+        console.error("disconnectAsync", error2);
+      }
+    }
+    setError("");
+    setNonce(void 0);
+    setStatus("start");
+    openConnectModal?.();
+  };
+  const onConnect = async () => {
+    console.log("onConnect");
+    setError("");
+    setNonce(void 0);
+    openConnectModal?.();
+  };
+  const onDisconnect = async () => {
+    await disconnectAsync();
+    setError("");
+    setNonce(void 0);
+    setStatus("start");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    WalletModalContentV2,
+    {
+      status,
+      onSuccess: async () => onSuccess?.(),
+      error,
+      onError,
+      onConnect,
+      onDisconnect
+    }
+  );
+}
+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]
+});
+function EVMConnectModal({
+  type = "login",
+  onSuccess,
+  ...props
 }) {
-  const isDownMd = useDownMd();
   const intl = (0, import_react_intl10.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+    id: type == "bind" ? "bindWith" : "loginWith"
+  }, {
+    name: "EVM"
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_wagmi2.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_rainbowkit.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(WalletContent, { onSuccess, type }) }) }) });
+}
+function EVMModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(EVMConnectModal, { ...props });
+}
+
+// src/components/TRONModal/index.tsx
+var import_react25 = __toESM(require("react"));
+var import_react_intl11 = require("react-intl");
+
+// src/lib/tron/TronLinkAdapter.ts
+var TronLinkAdapter = class {
+  constructor() {
+    this.name = "TronLink Wallet";
+    this.website = "https://www.tronlink.org/";
+    this.walletKey = "tronlink";
+  }
+  async isInstalled() {
+    return typeof window.tronWeb !== "undefined" && typeof window.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("TronLink Wallet is not installed");
+    if (!window.tronWeb.defaultAddress.base58) {
+      await window.tronWeb.request(
+        {
+          method: "tron_requestAccounts",
+          params: window.tronLink.tronlinkParams
+        }
+      );
+    }
+    if (!window.tronWeb.defaultAddress.base58) {
+      throw new Error("Your should unlink your wallet and try again");
+    }
+    return window.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/hooks/useTRONWallet.ts
+var import_react24 = require("react");
+
+// src/lib/tron/BitgetAdapter.ts
+var BitgetAdapter = class {
+  constructor() {
+    this.name = "Bitget Wallet";
+    this.website = "https://web3.bitget.com/zh-CN/wallet-download";
+    this.walletKey = "bitget";
+  }
+  async isInstalled() {
+    return typeof window.bitkeep !== "undefined" && typeof window.bitkeep.tronWeb !== "undefined" && typeof window.bitkeep.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("Bitkeep Wallet is not installed");
+    await window.bitkeep.tronLink.request({ method: "tron_requestAccounts" });
+    return window.bitkeep.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.bitkeep.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/lib/tron/OKXAdapter.ts
+var OKXAdapter = class {
+  constructor() {
+    this.name = "OKX Wallet";
+    this.website = "https://www.okx.com/zh-hans/download";
+    this.walletKey = "okx";
+  }
+  async isInstalled() {
+    return typeof window.okxwallet !== "undefined" && typeof window.okxwallet.tronWeb !== "undefined" && typeof window.okxwallet.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("OKX Wallet is not installed");
+    await window.okxwallet.tronLink.request({ method: "tron_requestAccounts" });
+    return window.okxwallet.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.okxwallet.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/hooks/useTRONWallet.ts
+var useTRONWallet = () => {
+  const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
+  const [installedWallets, setInstalledWallets] = (0, import_react24.useState)([]);
+  const [address, setAddress] = (0, import_react24.useState)(null);
+  (0, import_react24.useEffect)(() => {
+    const getInstalled = async () => {
+      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+        wallet: wallet2,
+        isInstalled
+      }))));
+      setInstalledWallets(installed.filter(({ isInstalled }) => isInstalled).map(({ wallet: wallet2 }) => wallet2));
+    };
+    getInstalled();
+  }, []);
+  const [wallet, chooseWallet] = (0, import_react24.useState)(null);
+  const onConnect = async () => {
+    setAddress(await wallet.connect());
+  };
+  (0, import_react24.useEffect)(() => {
+    if (!wallet) {
+      setAddress(null);
+    }
+  }, [wallet]);
+  return {
+    installedWallets,
+    wallets,
+    chooseWallet,
+    wallet,
+    address,
+    onConnect
+  };
+};
+
+// src/components/TRONModal/index.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime");
+function TRONConnectModal({
+  type = "login",
+  onSuccess,
+  ...props
+}) {
+  const isDownMd = useDownMd();
+  const intl = (0, import_react_intl11.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react23.useState)("");
-  const statusRef = import_react23.default.useRef(status);
-  const [error, setError] = (0, import_react23.useState)("");
-  const connected = (0, import_react23.useMemo)(() => {
+  const [status, setStatus] = (0, import_react25.useState)("");
+  const statusRef = import_react25.default.useRef(status);
+  const [error, setError] = (0, import_react25.useState)("");
+  const connected = (0, import_react25.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -4443,7 +5054,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -4451,21 +5062,21 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     WalletModalContent,
     {
       error,
@@ -4478,9 +5089,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -4493,14 +5104,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -4510,28 +5121,28 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
-var import_react24 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
+var import_react26 = __toESM(require("react"));
+var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-function WalletContent({
+var import_jsx_runtime81 = require("react/jsx-runtime");
+function WalletContent2({
   onSuccess,
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = (0, import_react24.useState)(false);
+  const [connected, setConnected] = (0, import_react26.useState)(false);
   const wallet = (0, import_ui_react.useTonWallet)();
   const userFriendlyAddress = (0, import_ui_react.useTonAddress)();
   const [tonConnectUI] = (0, import_ui_react.useTonConnectUI)();
   const { state, open, close } = (0, import_ui_react.useTonConnectModal)();
-  const [status, setStatus] = (0, import_react24.useState)("");
-  const statusRef = import_react24.default.useRef(status);
-  const [error, setError] = (0, import_react24.useState)("");
-  (0, import_react24.useEffect)(() => {
+  const [status, setStatus] = (0, import_react26.useState)("");
+  const statusRef = import_react26.default.useRef(status);
+  const [error, setError] = (0, import_react26.useState)("");
+  (0, import_react26.useEffect)(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -4604,7 +5215,7 @@ function WalletContent({
       }
     });
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -4615,7 +5226,7 @@ function WalletContent({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     console.log({
       state,
       wallet
@@ -4644,7 +5255,7 @@ function WalletContent({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     WalletModalContent,
     {
       connected,
@@ -4675,28 +5286,28 @@ function TONConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl11.useIntl)();
+  const intl = (0, import_react_intl12.useIntl)();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(WalletContent, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
-var import_react26 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react28 = __toESM(require("react"));
+var import_react_intl13 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -4844,7 +5455,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-var import_react25 = require("react");
+var import_react27 = require("react");
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -4882,9 +5493,9 @@ var PhantomAdapter = class {
 // src/hooks/useBTCWallet.ts
 var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react25.useState)([]);
-  const [address, setAddress] = (0, import_react25.useState)(null);
-  (0, import_react25.useEffect)(() => {
+  const [installedWallets, setInstalledWallets] = (0, import_react27.useState)([]);
+  const [address, setAddress] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -4894,11 +5505,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react25.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react27.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -4914,26 +5525,26 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl12.useIntl)();
+  const intl = (0, import_react_intl13.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react26.useState)("");
-  const statusRef = import_react26.default.useRef(status);
-  const [error, setError] = (0, import_react26.useState)("");
-  const connected = (0, import_react26.useMemo)(() => {
+  const [status, setStatus] = (0, import_react28.useState)("");
+  const statusRef = import_react28.default.useRef(status);
+  const [error, setError] = (0, import_react28.useState)("");
+  const connected = (0, import_react28.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -4997,7 +5608,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -5010,12 +5621,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -5027,11 +5638,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     WalletModalContent,
     {
       error,
@@ -5044,9 +5655,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5059,14 +5670,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5076,23 +5687,23 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
-var import_react27 = require("react");
-var import_react_intl13 = require("react-intl");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_react_intl14 = require("react-intl");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
   ...props
 }) {
-  const intl = (0, import_react_intl13.useIntl)();
+  const intl = (0, import_react_intl14.useIntl)();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
-  const methods = (0, import_react27.useMemo)(() => {
+  const methods = (0, import_react29.useMemo)(() => {
     if (_methods) return _methods;
     if (!config.platform) {
       return [];
@@ -5100,13 +5711,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -5120,21 +5731,21 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
-var import_react28 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_react30 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react28.useState)(void 0);
-  (0, import_react28.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react30.useState)(void 0);
+  (0, import_react30.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5142,7 +5753,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5152,7 +5763,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
     const clickFunc = onAssetClick && onAssetClick(n);
     const chain = list?.find((m) => m.id.toString() === n.chain_id);
     const getFooterColor = () => {
@@ -5167,11 +5778,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5179,12 +5790,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -5192,7 +5803,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -5201,15 +5812,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -5225,10 +5836,10 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-var import_react29 = require("react");
-var import_viem6 = require("viem");
-var import_react_intl14 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_viem10 = require("viem");
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -5238,8 +5849,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "input",
       {
         placeholder,
@@ -5250,7 +5861,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -5260,36 +5871,36 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl14.useIntl)();
+  const intl = (0, import_react_intl15.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react29.useMemo)(() => {
+  const chain = (0, import_react31.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react29.useMemo)(() => {
+  const walletClient = (0, import_react31.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: (0, import_viem6.defineChain)(chain),
-      transport: (0, import_viem6.http)()
+      chain: (0, import_viem10.defineChain)(chain),
+      transport: (0, import_viem10.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react29.useState)("");
-  const [address, setAddress] = (0, import_react29.useState)("");
-  const [loading, setLoading] = (0, import_react29.useState)(false);
-  const [sending, setSending] = (0, import_react29.useState)(false);
-  const [txError, setTxError] = (0, import_react29.useState)("");
-  const transaction = (0, import_react29.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react31.useState)("");
+  const [address, setAddress] = (0, import_react31.useState)("");
+  const [loading, setLoading] = (0, import_react31.useState)(false);
+  const [sending, setSending] = (0, import_react31.useState)(false);
+  const [txError, setTxError] = (0, import_react31.useState)("");
+  const transaction = (0, import_react31.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
     }
-    const viemChain = (0, import_viem6.defineChain)(chain);
+    const viemChain = (0, import_viem10.defineChain)(chain);
     const to = isNative ? address : token.address;
-    const value = isNative ? (0, import_viem6.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
-    const data = isNative ? "0x" : (0, import_viem6.encodeFunctionData)({
-      abi: import_viem6.erc20Abi,
+    const value = isNative ? (0, import_viem10.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
+    const data = isNative ? "0x" : (0, import_viem10.encodeFunctionData)({
+      abi: import_viem10.erc20Abi,
       functionName: "transfer",
-      args: [address, (0, import_viem6.parseUnits)(amount, parseInt(token?.decimals || "18"))]
+      args: [address, (0, import_viem10.parseUnits)(amount, parseInt(token?.decimals || "18"))]
     });
     return {
       to,
@@ -5309,7 +5920,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react29.useMemo)(() => {
+  const error = (0, import_react31.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -5352,7 +5963,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react29.useMemo)(() => {
+  const canSend = (0, import_react31.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -5362,7 +5973,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -5378,24 +5989,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Input2,
           {
             type: "text",
@@ -5408,18 +6019,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Input2,
           {
             type: "text",
@@ -5435,7 +6046,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Button,
       {
         size: "lg",
@@ -5444,15 +6055,15 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -5462,41 +6073,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
-  const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  const intl = (0, import_react_intl16.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl16.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
-var import_react30 = require("react");
-var import_react_intl16 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react32 = require("react");
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -5504,20 +6115,20 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react30.useState)();
+  const [checked, setChecked] = (0, import_react32.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -5525,10 +6136,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -5536,7 +6147,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -5545,9 +6156,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -5555,15 +6166,15 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // 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");
+var import_react33 = require("react");
+var import_viem11 = require("viem");
+var import_viem12 = require("viem");
 
 // src/store/useContractStore.ts
 var import_zustand5 = require("zustand");
@@ -5622,15 +6233,15 @@ var useContractStore = (0, import_zustand5.create)((0, import_middleware3.devtoo
 var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react_intl18 = require("react-intl");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { contracts } = useContractStore_default();
-  const [shouldRefetch, setShouldRefetch] = (0, import_react31.useState)(true);
-  const transferType = (0, import_react31.useMemo)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react33.useState)(true);
+  const transferType = (0, import_react33.useMemo)(() => {
     const methodId = data.input.substring(2, 10);
     if (methodId == "095ea7b3") {
       return "erc20_approve";
@@ -5640,38 +6251,38 @@ var Item = ({ data }) => {
     }
     return "unknown";
   }, [data.input]);
-  const to = (0, import_react31.useMemo)(() => {
+  const to = (0, import_react33.useMemo)(() => {
     if (!isOut) {
       return data.from;
     }
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem7.decodeFunctionData)({
-        abi: import_viem8.erc20Abi,
+      const decodeData = (0, import_viem11.decodeFunctionData)({
+        abi: import_viem12.erc20Abi,
         data: data.input
       });
       return decodeData.args[0];
     }
     return data.to;
   }, [data.input, transferType, data.to, isOut]);
-  const amount = (0, import_react31.useMemo)(() => {
+  const amount = (0, import_react33.useMemo)(() => {
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem7.decodeFunctionData)({
-        abi: import_viem8.erc20Abi,
+      const decodeData = (0, import_viem11.decodeFunctionData)({
+        abi: import_viem12.erc20Abi,
         data: data.input
       });
       const value = decodeData.args[1];
-      return (0, import_viem7.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
+      return (0, import_viem11.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, contracts, chainId, data.to]);
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
-    chain: (0, import_viem7.defineChain)(chain),
+    chain: (0, import_viem11.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
     enabled: shouldRefetch && data.source == "local"
   });
-  const status = (0, import_react31.useMemo)(() => {
+  const status = (0, import_react33.useMemo)(() => {
     if (data.source == "matchain") {
       switch (data.extra.status) {
         case "ok":
@@ -5698,30 +6309,30 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
   }, [status, data.hash]);
-  const symbol = (0, import_react31.useMemo)(() => {
+  const symbol = (0, import_react33.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       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]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -5730,11 +6341,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -5744,38 +6355,38 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Item, { data: item }, index)) })
     }
   );
 }
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react33 = require("react");
+var import_react35 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
-var import_viem11 = require("viem");
-var import_react_intl19 = require("react-intl");
+var import_viem15 = require("viem");
+var import_react_intl20 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react32 = require("react");
-var import_react_intl18 = require("react-intl");
+var import_react34 = require("react");
+var import_react_intl19 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
-var import_viem10 = require("viem");
+var import_viem14 = require("viem");
 
 // src/hooks/useIsContract.ts
-var import_viem9 = require("viem");
+var import_viem13 = require("viem");
 var import_react_query4 = require("@tanstack/react-query");
 function useIsContract({
   address,
@@ -5787,9 +6398,9 @@ function useIsContract({
     queryFn: async () => {
       if (!chain) return false;
       if (!address) return false;
-      const publicClient = (0, import_viem9.createPublicClient)({
+      const publicClient = (0, import_viem13.createPublicClient)({
         chain,
-        transport: (0, import_viem9.http)()
+        transport: (0, import_viem13.http)()
       });
       const res = await publicClient.getCode({ address });
       return res !== null && res !== void 0;
@@ -5799,27 +6410,27 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react32.useState)("");
+  const [status, setStatus] = (0, import_react34.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react32.useState)("");
-  const [symbol, setSymbol] = (0, import_react32.useState)("");
-  const [decimals, setDecimals] = (0, import_react32.useState)("");
-  const [error, setError] = (0, import_react32.useState)({});
+  const [address, setAddress] = (0, import_react34.useState)("");
+  const [symbol, setSymbol] = (0, import_react34.useState)("");
+  const [decimals, setDecimals] = (0, import_react34.useState)("");
+  const [error, setError] = (0, import_react34.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
     const calls = [
       {
         address,
-        abi: import_viem10.erc20Abi,
+        abi: import_viem14.erc20Abi,
         functionName: "symbol",
         args: []
       },
       {
         address,
-        abi: import_viem10.erc20Abi,
+        abi: import_viem14.erc20Abi,
         functionName: "decimals",
         args: []
       }
@@ -5839,8 +6450,8 @@ function ImportToken({ close }) {
       });
     }
   };
-  const intl = (0, import_react_intl18.useIntl)();
-  (0, import_react32.useEffect)(() => {
+  const intl = (0, import_react_intl19.useIntl)();
+  (0, import_react34.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -5859,7 +6470,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react32.useState)(false);
+  const [loading, setLoading] = (0, import_react34.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query5.useQueryClient)();
   const onImport = async () => {
@@ -5887,7 +6498,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react32.useMemo)(() => {
+  const canImport = (0, import_react34.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -5905,24 +6516,24 @@ function ImportToken({ close }) {
   }, [error, address, symbol, decimals]);
   const isContractQuery = useIsContract({
     //@ts-ignore
-    chain: (0, import_viem10.defineChain)(chain),
+    chain: (0, import_viem14.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: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "importFail" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "back" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Field, { label: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), 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)(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -5933,9 +6544,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      }), error: error.symbol, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -5946,9 +6557,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      }), error: error.decimals, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -5960,7 +6571,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       Button,
       {
         size: "lg",
@@ -5969,20 +6580,20 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   const onCopy = () => {
     setCopied(address);
     toast.success(intl.formatMessage({
@@ -5990,10 +6601,10 @@ var ReceiveModal = () => {
     }));
   };
   const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         import_react_qrcode.QRCode,
         {
           margin: "0",
@@ -6001,7 +6612,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         "a",
         {
           href: chainLink,
@@ -6011,8 +6622,8 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-      import_react_intl19.FormattedMessage,
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      import_react_intl20.FormattedMessage,
       {
         id: "copyAddress"
       }
@@ -6021,7 +6632,7 @@ var ReceiveModal = () => {
 };
 function useMatchWallet() {
   const modal = useModal();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   const showReceiveModal = () => {
     modal.open({
       title: intl.formatMessage({
@@ -6053,12 +6664,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react33.useState)(true);
-  const [items, setItems] = (0, import_react33.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react35.useState)(true);
+  const [items, setItems] = (0, import_react35.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react33.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react33.useRef)(void 0);
+  const hasMoreRef = (0, import_react35.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react35.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -6085,7 +6696,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -6109,13 +6720,13 @@ function useMatchWalletRecords() {
     for (const contract of contractUnique) {
       calls.push({
         address: contract,
-        abi: import_viem11.erc20Abi,
+        abi: import_viem15.erc20Abi,
         functionName: "symbol",
         args: []
       });
       calls.push({
         address: contract,
-        abi: import_viem11.erc20Abi,
+        abi: import_viem15.erc20Abi,
         functionName: "decimals",
         args: []
       });
@@ -6141,7 +6752,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react33.useMemo)(() => {
+  const list = (0, import_react35.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -6183,7 +6794,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react33.useMemo)(() => {
+  const mergedAssets = (0, import_react35.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -6270,14 +6881,14 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react33.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react35.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   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_viem11.erc20Abi,
+        abi: import_viem15.erc20Abi,
         functionName: "balanceOf",
         args: [address]
       }));
@@ -6298,7 +6909,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react33.useMemo)(() => {
+  const enrichedAssets = (0, import_react35.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -6308,11 +6919,11 @@ function useMatchWalletAssetList({
       const assetAddress = asset.address.toLowerCase();
       if (assetAddress === NATIVE_TOKEN_ADDRESS) {
         balanceValue = nativeBalanceQuery.data?.toString() || "0";
-        balance = nativeBalanceQuery.data ? Number((0, import_viem11.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
+        balance = nativeBalanceQuery.data ? Number((0, import_viem15.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
       } else {
         const index = erc20Tokens.findIndex((t) => t.address.toLowerCase() === assetAddress);
         if (index !== -1 && erc20Balances[index] && erc20Balances[index].status === "success") {
-          balance = Number((0, import_viem11.formatUnits)(erc20Balances[index].result, decimals));
+          balance = Number((0, import_viem15.formatUnits)(erc20Balances[index].result, decimals));
           balanceValue = erc20Balances[index].result?.toString() || "0";
         }
       }
@@ -6320,7 +6931,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -6345,14 +6956,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react34 = require("react");
+var import_react36 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
-var import_viem12 = require("viem");
+var import_viem16 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react34.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react36.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -6363,7 +6974,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -6382,7 +6993,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react34.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react36.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -6399,7 +7010,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react34.useCallback)((key, value) => {
+  const set = (0, import_react36.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -6417,7 +7028,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react34.useCallback)((key) => {
+  const get = (0, import_react36.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -6431,7 +7042,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react34.useCallback)((key) => {
+  const del = (0, import_react36.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -6439,7 +7050,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react34.useCallback)(() => {
+  const clear = (0, import_react36.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -6454,7 +7065,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react34.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react36.useState)(true);
   const query = (0, import_react_query7.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -6464,9 +7075,9 @@ function useReceipt2({
         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_viem16.createPublicClient)({
+          chain: (0, import_viem16.defineChain)(chain),
+          transport: (0, import_viem16.http)()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -6480,7 +7091,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -6489,14 +7100,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
-var import_viem13 = require("viem");
+var import_viem17 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react35.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react37.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -6507,7 +7118,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -6526,7 +7137,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react35.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react37.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -6543,7 +7154,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react35.useCallback)((key, value) => {
+  const set = (0, import_react37.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -6561,7 +7172,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react35.useCallback)((key) => {
+  const get = (0, import_react37.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -6575,7 +7186,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react35.useCallback)((key) => {
+  const del = (0, import_react37.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -6583,7 +7194,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react35.useCallback)(() => {
+  const clear = (0, import_react37.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -6598,7 +7209,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react35.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react37.useState)(true);
   const query = (0, import_react_query8.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -6608,9 +7219,9 @@ function useTransaction({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem13.createPublicClient)({
-          chain: (0, import_viem13.defineChain)(chain),
-          transport: (0, import_viem13.http)()
+        const publicClient = (0, import_viem17.createPublicClient)({
+          chain: (0, import_viem17.defineChain)(chain),
+          transport: (0, import_viem17.http)()
         });
         const transaction = await publicClient.getTransaction({ hash });
         if (!transaction) {
@@ -6624,7 +7235,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -6633,27 +7244,27 @@ function useTransaction({
 }
 
 // src/components/CEXBindModal/index.tsx
-var import_react36 = require("react");
-var import_react_intl20 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_react_intl21 = require("react-intl");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function CEXBindModal({
   onClose,
   type,
   isOpen = false,
   ...props
 }) {
-  const intl = (0, import_react_intl20.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = (0, import_react36.useState)("");
+  const [APIPassphrase, setAPIPassphrase] = (0, import_react38.useState)("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = (0, import_react36.useState)(false);
-  const [key, setKey] = (0, import_react36.useState)("");
-  const [secret, setSecret] = (0, import_react36.useState)("");
-  const [error, setError] = (0, import_react36.useState)("");
-  const needPassphrase = (0, import_react36.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react38.useState)(false);
+  const [key, setKey] = (0, import_react38.useState)("");
+  const [secret, setSecret] = (0, import_react38.useState)("");
+  const [error, setError] = (0, import_react38.useState)("");
+  const needPassphrase = (0, import_react38.useMemo)(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -6690,20 +7301,20 @@ function CEXBindModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
     id: "CEXBindTitle"
   }, {
     type
-  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-cex-modal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips3" }) })
+  }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-cex-modal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips3" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Input,
       {
         value: key,
@@ -6711,9 +7322,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    }), error: !needPassphrase && error, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Input,
       {
         value: secret,
@@ -6721,9 +7332,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Input,
       {
         value: APIPassphrase,
@@ -6731,7 +7342,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Button,
       {
         onClick: SubmitApi,
@@ -6739,7 +7350,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "continue" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl21.FormattedMessage, { id: "continue" })
       }
     )
   ] }) });
@@ -6747,9 +7358,10 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
+  const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
   const { type: TONType, isOpen: TONIsOpen, close: TONClose } = useTONModalStore();
   const { type: TRONType, isOpen: TRONIsOpen, close: TRONClose } = useTRONModalStore();
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
@@ -6780,8 +7392,18 @@ function BusinessProvider({ children }) {
     enabled: !!tgAppAuthCode,
     refetchInterval: 1e3 * 5
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      EVMModal,
+      {
+        isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
+        onClose: EVMClose,
+        type: EVMType,
+        onSuccess: EVMClose,
+        zIndex: 199
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -6791,7 +7413,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -6801,7 +7423,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -6811,7 +7433,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -6820,7 +7442,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -6835,14 +7457,14 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-var import_react37 = require("react");
+var import_react39 = require("react");
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -6875,11 +7497,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = (0, import_react37.useRef)(walletReady);
-  (0, import_react37.useEffect)(() => {
+  const iframeReadyRef = (0, import_react39.useRef)(walletReady);
+  (0, import_react39.useEffect)(() => {
     setWallet(config);
   }, [config]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -6896,7 +7518,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -6996,7 +7618,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -7077,7 +7699,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-var import_react38 = require("react");
+var import_react40 = require("react");
 function useInit({
   theme,
   appid,
@@ -7097,24 +7719,24 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = (0, import_react38.useRef)(false);
+  const overviewLoadingRef = (0, import_react40.useRef)(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setTheme(theme);
   }, [theme]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setAppid(appid);
   }, [appid]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setLocale(locale || "en");
   }, [locale]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -7125,7 +7747,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -7155,7 +7777,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -7192,7 +7814,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (token) {
       loadOverview();
     }
@@ -7223,7 +7845,7 @@ function useInit({
 
 // src/MatchContext.tsx
 var import_react_query10 = require("@tanstack/react-query");
-var import_react_intl21 = require("react-intl");
+var import_react_intl22 = require("react-intl");
 
 // src/i18n/en.json
 var en_default = {
@@ -7968,9 +8590,9 @@ var messages = {
 };
 
 // src/MatchContext.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var queryClient = new import_react_query10.QueryClient();
-var MatchContext = (0, import_react39.createContext)(void 0);
+var MatchContext = (0, import_react41.createContext)(void 0);
 var MatchProvider = ({
   children,
   appid,
@@ -7990,7 +8612,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_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_intl22.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -8001,12 +8623,12 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(context_default, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(context_default, { children })
     }
   ) }) });
 };
 var useMatch = () => {
-  const context = (0, import_react39.useContext)(MatchContext);
+  const context = (0, import_react41.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -8092,68 +8714,6 @@ __export(chains_exports, {
   MatchTest: () => matchTest
 });
 
-// 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/types/index.ts
 var types_exports = {};
 __export(types_exports, {