@matchain/matchid-sdk-react 0.1.56-alpha.16 → 0.1.56-alpha.17

package/dist/components.js

@@ -3286,7 +3286,7 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 }));
 var useEmailModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
-  type: "login",
+  type: "",
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
@@ -3298,11 +3298,16 @@ var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
 var import_react_query8 = require("@tanstack/react-query");
+
+// src/components/BindEmailModal/index.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
-// src/context/index.tsx
+// src/context/BusinessProvider.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
+// src/context/index.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
+
 // src/hooks/useWalletInit.ts
 var import_react20 = require("react");
 var AppClientId2 = getAppClientId();
@@ -3316,8 +3321,72 @@ var import_react_intl7 = require("react-intl");
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
 var import_wallets = require("@rainbow-me/rainbowkit/wallets");
 var import_chains = require("wagmi/chains");
+
+// src/config/chains/MatchMain.ts
+var import_viem11 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem11.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_viem12 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem12.defineChain)({
+  //定义matchTest链
+  id: 699,
+  name: "MatchTest",
+  nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ["https://testnet-rpc.matchain.io"]
+    }
+  },
+  blockExplorers: {
+    default: {
+      name: "Matchscan",
+      url: "https://testnet.matchscan.io/",
+      apiUrl: "https://testnet.matchscan.io/api"
+    }
+  },
+  iconUrl: "https://testnet.matchscan.io/static/identicon_logos/blockies.png",
+  contracts: {
+    multicall3: {
+      address: "0xca11bde05977b3631167028862be2a173976ca11",
+      blockCreated: 751532
+    },
+    ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
+    ensUniversalResolver: {
+      address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC",
+      blockCreated: 5317080
+    }
+  }
+  // testnet: true,
+});
+
+// src/MatchContext.tsx
 var import_wagmi = require("wagmi");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
   appName: "MatchID",
@@ -3334,7 +3403,7 @@ var wagmiConfig = (0, import_rainbowkit.getDefaultConfig)({
       ]
     }
   ],
-  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, import_chains.matchain, import_chains.matchainTestnet, import_chains.bsc]
+  chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
 });
 var MatchContext = (0, import_react22.createContext)(void 0);
 var useMatch = () => {
@@ -3368,8 +3437,8 @@ function useUserInfo() {
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
-  const { open: EmailOpen } = useEmailModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -3462,8 +3531,8 @@ function useUserInfo() {
       case "discord":
       case "github":
       case "linkedin":
-      case "kakao":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -3503,34 +3572,6 @@ function useUserInfo() {
     }
     return false;
   };
-  const bindByEmail = async ({
-    email,
-    code
-  }) => {
-    try {
-      const obj = {
-        email,
-        verification_key: emailLoginKey,
-        verification_code: code
-      };
-      const res = await verifyEmailCodeApi(obj);
-      if (res && res.data && isSuccess(res)) {
-        events.onBind && events.onBind({
-          type: "email"
-        });
-        eventManager_default.emit("onBind", {
-          type: "email"
-        });
-        return true;
-      } else {
-        throw new Error(res.message);
-      }
-    } catch (error) {
-      console.error("bindByEmail", error);
-      throw error;
-    }
-    return false;
-  };
   const bindWallet = async () => {
     if (!token) {
       throw new Error("You must login first");
@@ -3576,18 +3617,18 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
-      case "email":
-        return EmailOpen("bind");
       case "twitter":
       case "google":
       case "discord":
       case "github":
       case "linkedin":
       case "facebook":
-      case "kakao":
       case "youtube":
+      case "kakao":
         const link = `${endpoints.back}api/v1/auth/${method == "youtube" ? "google" : method}?appid=${appid}&provider=${method == "youtube" ? "google" : method}&redirect=${encodeURIComponent(endpoints.auth + "bind/" + method)}&authorization=${token.includes("Bearer ") ? token.split(" ")[1] : token}${method == "youtube" ? "&auth_type=youtube" : ""}`;
         matchlog_default.log("link", link);
         return window.open(
@@ -3602,6 +3643,31 @@ function useUserInfo() {
   const bindCex = (type) => {
     return CEXBindOpen(type);
   };
+  const bindByEmail = async ({ email, code }) => {
+    try {
+      const obj = {
+        email,
+        verification_key: emailLoginKey,
+        verification_code: code
+      };
+      const res = await verifyEmailCodeApi(obj);
+      if (res && res.data && isSuccess(res)) {
+        events.onBind && events.onBind({
+          type: "email"
+        });
+        eventManager_default.emit("onBind", {
+          type: "email"
+        });
+        return true;
+      } else {
+        throw new Error(res.message);
+      }
+    } catch (error) {
+      console.error("bindByEmail", error);
+      throw error;
+    }
+    return false;
+  };
   const getAuthInfo = async (method) => {
     const element_id = "auth_iframe";
     if (document.getElementById(element_id)) {
@@ -3670,7 +3736,6 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
-    getBindEmailCode: getLoginEmailCode,
     bindByEmail,
     getAuthInfo,
     invite
@@ -3680,10 +3745,10 @@ function useUserInfo() {
 // src/components/EmailModal/StepVerify.tsx
 var import_react24 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function StepVerify(props) {
   const intl = (0, import_react_intl8.useIntl)();
-  const { getLoginEmailCode, bindByEmail, loginByEmail } = useUserInfo();
+  const { getLoginEmailCode, loginByEmail, bindByEmail } = useUserInfo();
   const [error, setError] = (0, import_react24.useState)("");
   const [code, setCode] = (0, import_react24.useState)("");
   const [sending, setSending] = (0, import_react24.useState)(false);
@@ -3760,17 +3825,17 @@ function StepVerify(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-email-verify-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl8.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -3780,7 +3845,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        after: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Button,
           {
             highlight: true,
@@ -3799,20 +3864,20 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl8.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
-  type = "login",
   width = 480,
   onClose,
   onBack,
-  onLogin
+  onLogin,
+  type = "login"
 }) {
   const [step, setStep] = (0, import_react25.useState)("input");
   const [emailVal, setEmailVal] = (0, import_react25.useState)("");
@@ -3823,14 +3888,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  const verifySuccess = () => {
-    if (onLogin) {
-      onLogin();
-    } else {
-      onClose && onClose();
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     ModalWithHeader,
     {
       isOpen,
@@ -3840,10 +3898,10 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(StepVerify, { email: emailVal, type, onSuccess: verifySuccess })
+      } }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepVerify, { type, email: emailVal, onSuccess: onLogin })
     }
   );
 }
@@ -3873,7 +3931,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var RecommendItem = ({
   icon,
   name,
@@ -3882,20 +3940,20 @@ var RecommendItem = ({
   children,
   footer
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-recommend-method", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-method-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      footer ? footer : children ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ArrowDownIcon,
         {
           className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
           size: 20,
           color: "var(--matchid-arrow-color)"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -3904,7 +3962,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -3941,7 +3999,7 @@ function LoginBox({
       }
       return p.toLowerCase();
     });
-    console.log("platform2", platform);
+    console.log("platform", platform);
     const walletMethodList = WALLET_METHODS.filter((m) => platform.includes(m));
     let recommendMethodList = walletMethodList.length > 0 ? ["wallet"] : [];
     let methodList = [];
@@ -3962,182 +4020,196 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const { isOpen: emailIsOpen, open: emailOpen } = useEmailModalStore();
+  const [emailOpen, setEmailOpen] = (0, import_react26.useState)(false);
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = (0, import_react26.useState)(false);
   const intl = (0, import_react_intl10.useIntl)();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
-        emailOpen("login");
+        setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
     },
     kakao: {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(KakaoIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(KakaoIcon, { size: isDownMd ? 36 : 40 }),
       name: "Kakao",
       onClick: () => login("kakao")
     }
   };
   const { walletMap } = useWalletConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: (!inModal || !emailIsOpen) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-        RecommendItem,
-        {
-          icon: methodMap[m]?.icon,
-          name: methodMap[m]?.name,
-          onClick: methodMap[m]?.onClick,
-          showChildren: m == "wallet" && showWallet,
-          children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
-              const m2 = walletMap[n];
-              return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-                "div",
-                {
-                  className: "matchid-login-recommend-wallet-item",
-                  onClick: () => {
-                    login(m2.method);
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-                        "div",
-                        {
-                          className: "matchid-login-recommend-wallet-item-hover-icon",
-                          children: m2.activeIcon
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-                        "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+    (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          RecommendItem,
+          {
+            icon: methodMap[m]?.icon,
+            name: methodMap[m]?.name,
+            onClick: methodMap[m]?.onClick,
+            showChildren: m == "wallet" && showWallet,
+            children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+                const m2 = walletMap[n];
+                return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                  "div",
+                  {
+                    className: "matchid-login-recommend-wallet-item",
+                    onClick: () => {
+                      login(m2.method);
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-wallet-item-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                          "div",
+                          {
+                            className: "matchid-login-recommend-wallet-item-hover-icon",
+                            children: m2.activeIcon
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                          "span",
+                          {
+                            className: "matchid-login-recommend-wallet-item-name",
+                            children: m2.name
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                        ArrowRightIcon,
                         {
-                          className: "matchid-login-recommend-wallet-item-name",
-                          children: m2.name
+                          className: "matchid-login-recommend-wallet-item-arrow",
+                          size: 20,
+                          color: "var(--matchid-arrow-color)"
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-                      ArrowRightIcon,
-                      {
-                        className: "matchid-login-recommend-wallet-item-arrow",
-                        size: 20,
-                        color: "var(--matchid-arrow-color)"
-                      }
-                    )
-                  ]
-                },
-                m2.name
-              );
-            }) })
-          ] })
-        },
-        m
-      );
-    }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-privacy-policy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-        import_react_intl10.FormattedMessage,
-        {
-          id: "loginAgreement",
-          values: {
-            termsLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-              "a",
-              {
-                href: TERMS_OF_SERVICE_URL,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "matchid-privacy-policy-content-link",
-                children: chunks
-              }
-            ),
-            privacyLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-              "a",
-              {
-                href: PRIVACY_POLICY_URL,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "matchid-privacy-policy-content-link",
-                children: chunks
-              }
-            )
-          }
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-privacy-policy-powered-by", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl10.FormattedMessage, { id: "poweredBy" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MatchIdIcon_default, {})
-      ] })
-    ] }),
-    methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-other", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-other-line-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-other-line" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-other-line" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-          "div",
-          {
-            className: "matchid-login-method-item",
-            onClick: methodMap[m]?.onClick,
-            title: methodMap[m]?.name,
-            children: methodMap[m]?.icon
+                    ]
+                  },
+                  m2.name
+                );
+              }) })
+            ] })
           },
           m
         );
-      }) })
-    ] })
-  ] }) });
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-privacy-policy", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          import_react_intl10.FormattedMessage,
+          {
+            id: "loginAgreement",
+            values: {
+              termsLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                "a",
+                {
+                  href: TERMS_OF_SERVICE_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              ),
+              privacyLink: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                "a",
+                {
+                  href: PRIVACY_POLICY_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              )
+            }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-privacy-policy-powered-by", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl10.FormattedMessage, { id: "poweredBy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MatchIdIcon_default, {})
+        ] })
+      ] }),
+      methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-other", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-other-line-box", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-line" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl10.FormattedMessage, { id: "otherLoginMethods" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-other-line" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            "div",
+            {
+              className: "matchid-login-method-item",
+              onClick: methodMap[m]?.onClick,
+              title: methodMap[m]?.name,
+              children: methodMap[m]?.icon
+            },
+            m
+          );
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      EmailModal,
+      {
+        isOpen: emailOpen,
+        onClose: () => {
+          setEmailOpen(false);
+        },
+        onBack: inModal ? () => {
+          setEmailOpen(false);
+        } : void 0
+      }
+    )
+  ] });
 }
 
 // src/components/LoginButton/index.tsx
@@ -4145,40 +4217,40 @@ var import_react28 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function LoginPanel({
   header,
   onClose,
   ...props
 }) {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-panel", children: [
-    header ? header : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel", children: [
+    header ? header : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl11.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl11.FormattedMessage, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LoginBox, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -4187,10 +4259,10 @@ function LoginModal({
 var import_react27 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ProfileIcon({ size = 24, color = "black", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -4199,7 +4271,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -4213,7 +4285,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = (0, import_react27.useState)(false);
@@ -4234,34 +4306,34 @@ function UserContent() {
     rightIcon,
     onClick
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-item", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react27.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = (0, import_react_intl12.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-user-popover-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UserItem, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-user-popover-list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UserDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl12.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -4272,12 +4344,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(UserContent, {}), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Popover, { ...props, content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
   methods,
@@ -4293,8 +4365,8 @@ function LoginButton({
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react28.useState)(false);
   if (!isLogin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         LoginModal,
         {
           methods,
@@ -4304,15 +4376,15 @@ function LoginButton({
           onClose: () => setLoginOpen(false)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(UnLoginIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl13.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(LoginIcon_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: loginRender }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LoginIcon_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
@@ -4321,15 +4393,15 @@ function LoginButton({
 // src/components/UsernameModal/index.tsx
 var import_react29 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
+    success ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -4377,12 +4449,12 @@ function UsernameModal({
     }
   };
   const intl = (0, import_react_intl14.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Field, { label: intl.formatMessage({
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-username-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    }), error, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -4395,8 +4467,8 @@ function UsernameModal({
         value: val
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-valid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         ValidItem,
         {
           success: isValid,
@@ -4405,16 +4477,16 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl14.FormattedMessage, { id: "confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl14.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
@@ -4433,7 +4505,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function WalletModalContent({
   status,
   error,
@@ -4503,15 +4575,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Button,
       {
         block: true,
@@ -4587,15 +4659,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-wallet-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-wallet-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Button,
       {
         block: true,
@@ -4801,7 +4873,7 @@ var ConnectorUnavailableReconnectingError = class extends BaseError {
 };
 
 // node_modules/@wagmi/core/dist/esm/actions/getConnectorClient.js
-var import_viem11 = require("viem");
+var import_viem13 = require("viem");
 var import_utils9 = require("viem/utils");
 async function getConnectorClient(config, parameters = {}) {
   let connection;
@@ -4846,16 +4918,16 @@ async function getConnectorClient(config, parameters = {}) {
     });
   const chain = config.chains.find((chain2) => chain2.id === chainId);
   const provider = await connection.connector.getProvider({ chainId });
-  return (0, import_viem11.createClient)({
+  return (0, import_viem13.createClient)({
     account,
     chain,
     name: "Connector Client",
-    transport: (opts) => (0, import_viem11.custom)(provider)({ ...opts, retryCount: 0 })
+    transport: (opts) => (0, import_viem13.custom)(provider)({ ...opts, retryCount: 0 })
   });
 }
 
 // node_modules/@wagmi/core/dist/esm/exports/index.js
-var import_viem12 = require("viem");
+var import_viem14 = require("viem");
 
 // src/hooks/useEthersSigner.ts
 function clientToSigner(client) {
@@ -4877,7 +4949,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 var import_siwe = require("siwe");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function WalletContent({
   onSuccess,
   type
@@ -5035,7 +5107,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     WalletModalContentV2,
     {
       status,
@@ -5053,14 +5125,14 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(EVMConnectModal, { ...props }) });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_rainbowkit2.RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(EVMConnectModal, { ...props }) });
 }
 
 // src/components/TRONModal/index.tsx
@@ -5175,7 +5247,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -5185,9 +5257,9 @@ function TRONConnectModal({
   const intl = (0, import_react_intl16.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react34.useState)("");
@@ -5279,11 +5351,11 @@ function TRONConnectModal({
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime95.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     WalletModalContent,
     {
       error,
@@ -5296,9 +5368,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5311,14 +5383,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5328,14 +5400,14 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
 var import_react35 = __toESM(require("react"));
 var import_react_intl17 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function WalletContent2({
   onSuccess,
   type
@@ -5462,7 +5534,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     WalletModalContent,
     {
       connected,
@@ -5496,20 +5568,20 @@ function TONConnectModal({
   const intl = (0, import_react_intl17.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_runtime96.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
@@ -5732,7 +5804,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -5742,10 +5814,10 @@ function BTCConnectModal({
   const intl = (0, import_react_intl18.useIntl)();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = (0, import_react37.useState)("");
@@ -5845,11 +5917,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime97.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     WalletModalContent,
     {
       error,
@@ -5862,9 +5934,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5877,14 +5949,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5894,13 +5966,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
 var import_react38 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -5918,13 +5990,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_runtime98.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -5938,12 +6010,12 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
 var import_react39 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = (0, import_react39.useState)(void 0);
   (0, import_react39.useEffect)(() => {
@@ -5952,7 +6024,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5960,7 +6032,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5970,7 +6042,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.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 = () => {
@@ -5985,11 +6057,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5997,12 +6069,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -6010,7 +6082,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -6019,15 +6091,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -6044,9 +6116,9 @@ function WalletAsset({
 
 // src/components/TokenSend/index.tsx
 var import_react40 = require("react");
-var import_viem13 = require("viem");
+var import_viem15 = require("viem");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -6056,8 +6128,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "input",
       {
         placeholder,
@@ -6068,7 +6140,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -6087,8 +6159,8 @@ function TokenSend({
   const walletClient = (0, import_react40.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
-      chain: (0, import_viem13.defineChain)(chain),
-      transport: (0, import_viem13.http)()
+      chain: (0, import_viem15.defineChain)(chain),
+      transport: (0, import_viem15.http)()
     });
   }, [chain]);
   const [amount, setAmount] = (0, import_react40.useState)("");
@@ -6101,13 +6173,13 @@ function TokenSend({
     if (!amount || !address || !reg.test(address)) {
       return;
     }
-    const viemChain = (0, import_viem13.defineChain)(chain);
+    const viemChain = (0, import_viem15.defineChain)(chain);
     const to = isNative ? address : token.address;
-    const value = isNative ? (0, import_viem13.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
-    const data = isNative ? "0x" : (0, import_viem13.encodeFunctionData)({
-      abi: import_viem13.erc20Abi,
+    const value = isNative ? (0, import_viem15.parseUnits)(amount, parseInt(token?.decimals || "18")) : BigInt(0);
+    const data = isNative ? "0x" : (0, import_viem15.encodeFunctionData)({
+      abi: import_viem15.erc20Abi,
       functionName: "transfer",
-      args: [address, (0, import_viem13.parseUnits)(amount, parseInt(token?.decimals || "18"))]
+      args: [address, (0, import_viem15.parseUnits)(amount, parseInt(token?.decimals || "18"))]
     });
     return {
       to,
@@ -6196,24 +6268,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-send-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "matchid-token-send-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-amount-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           Input2,
           {
             type: "text",
@@ -6226,18 +6298,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           Input2,
           {
             type: "text",
@@ -6253,7 +6325,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Button,
       {
         size: "lg",
@@ -6262,7 +6334,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl20.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
@@ -6270,7 +6342,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -6280,41 +6352,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = (0, import_react_intl21.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl21.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 var import_react41 = require("react");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -6326,16 +6398,16 @@ function TokenSendList({ close }) {
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime103.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -6343,10 +6415,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -6354,7 +6426,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -6363,9 +6435,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -6373,17 +6445,17 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl22.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
 var import_react42 = require("react");
-var import_viem14 = require("viem");
-var import_viem15 = require("viem");
+var import_viem16 = require("viem");
+var import_viem17 = require("viem");
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
@@ -6405,8 +6477,8 @@ var Item = ({ data }) => {
       return data.from;
     }
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem14.decodeFunctionData)({
-        abi: import_viem15.erc20Abi,
+      const decodeData = (0, import_viem16.decodeFunctionData)({
+        abi: import_viem17.erc20Abi,
         data: data.input
       });
       return decodeData.args[0];
@@ -6415,19 +6487,19 @@ var Item = ({ data }) => {
   }, [data.input, transferType, data.to, isOut]);
   const amount = (0, import_react42.useMemo)(() => {
     if (transferType == "erc20_transfer") {
-      const decodeData = (0, import_viem14.decodeFunctionData)({
-        abi: import_viem15.erc20Abi,
+      const decodeData = (0, import_viem16.decodeFunctionData)({
+        abi: import_viem17.erc20Abi,
         data: data.input
       });
       const value = decodeData.args[1];
-      return (0, import_viem14.formatUnits)(value, contracts[`${chainId}-${data.to.toLowerCase()}`]?.decimals || 18);
+      return (0, import_viem16.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_viem14.defineChain)(chain),
+    chain: (0, import_viem16.defineChain)(chain),
     refetchInterval: shouldRefetch ? 3e3 : false,
     enabled: shouldRefetch && data.source == "local"
   });
@@ -6470,18 +6542,18 @@ var Item = ({ data }) => {
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -6490,11 +6562,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -6504,19 +6576,19 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl23.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Item, { data: item }, index)) })
     }
   );
 }