@matchain/matchid-sdk-react 0.1.56 → 0.1.57-alpha.2

package/dist/{chunk-KFB23MLQ.mjs → chunk-6RNCNC65.mjs}

@@ -44,10 +44,12 @@ import {
   InfoLineIcon,
   InfoRoundIcon,
   InputLengthIcon,
+  KakaoIcon,
   LeatherIcon,
   LinkedinIcon,
   LoadingIcon_default,
   LoginIcon_default,
+  MatchIdIcon_default,
   OKXIcon,
   OpenEyeIcon,
   PhantomIcon,
@@ -66,7 +68,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-GD7URBBZ.mjs";
+} from "./chunk-7SUDHG7S.mjs";
 import {
   confirm_default,
   connecting_default,
@@ -399,9 +401,12 @@ function StepEmail(props) {
         value: emailVal
       }
     ) }),
-    /* @__PURE__ */ jsx6(Button, { disabled: !canContinue, style: {
+    /* @__PURE__ */ jsxs4(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
-    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx6(FormattedMessage, { id: "continue" }) })
+    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: [
+      "99999",
+      /* @__PURE__ */ jsx6(FormattedMessage, { id: "continue" })
+    ] })
   ] });
 }
 
@@ -1983,6 +1988,8 @@ import { useQuery as useQuery4 } from "@tanstack/react-query";
 var EMAIL_INTERVAL = 60;
 var EMAIL_CODE_LENGTH = 6;
 var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+var TERMS_OF_SERVICE_URL = "https://docs.google.com/document/d/1QbagOOBhi50niC2mn4pJAd9pyNlvm1MSwcKWuP9YB80/edit?usp=sharing";
+var PRIVACY_POLICY_URL = "https://docs.google.com/document/d/1YOUUOmNXbA7qy79YckxhPMLWBj_WDiUp6mkJPNq_XCk/edit?usp=sharing";
 
 // src/hooks/useMatchWallet.tsx
 import { erc20Abi as erc20Abi2, formatUnits as formatUnits2 } from "viem";
@@ -2997,6 +3004,12 @@ var useWalletModalStore = create5((set) => ({
   open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
   close: () => set({ isOpen: false })
 }));
+var useEmailModalStore = create5((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 
 // src/components/CEXBindModal/index.tsx
 import { useEffect as useEffect16, useMemo as useMemo7, useState as useState16 } from "react";
@@ -3017,7 +3030,7 @@ function CEXBindModal({
   const [secret, setSecret] = useState16("");
   const [error, setError] = useState16("");
   const needPassphrase = useMemo7(() => {
-    return ["bitget", "okx"].includes(type.toLowerCase());
+    return ["bitget", "okx", "kucoin"].includes(type.toLowerCase());
   }, [type]);
   useEffect16(() => {
     if (isOpen) {
@@ -3113,7 +3126,25 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 import { useQuery as useQuery7 } from "@tanstack/react-query";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// src/components/BindEmailModal/index.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var BindEmailModal = ({ isOpen, onClose, onBack, onLogin }) => {
+  return /* @__PURE__ */ jsx25(
+    EmailModal,
+    {
+      type: "bind",
+      isOpen,
+      onClose,
+      onBack,
+      onLogin
+    }
+  );
+};
+var BindEmailModal_default = BindEmailModal;
+
+// src/context/BusinessProvider.tsx
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
@@ -3121,6 +3152,7 @@ function BusinessProvider({ children }) {
   const { type: TRONType, isOpen: TRONIsOpen, close: TRONClose } = useTRONModalStore();
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
   const { type: CEXType, isOpen: CEXIsOpen, close: CEXClose } = useCEXBindModalStore();
+  const { type: EmailType, isOpen: EmailIsOpen, close: EmailClose } = useEmailModalStore();
   const WalletModalStore = useWalletModalStore();
   const { tgAppAuthCode, setTgAppAuthCode } = useStore_default();
   const { login } = useMatch();
@@ -3148,7 +3180,7 @@ function BusinessProvider({ children }) {
     refetchInterval: 1e3 * 5
   });
   return /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       EVMModal,
       {
         isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
@@ -3158,7 +3190,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -3168,7 +3200,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -3178,7 +3210,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -3188,7 +3220,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -3197,7 +3229,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -3207,14 +3239,22 @@ function BusinessProvider({ children }) {
         zIndex: 150
       }
     ),
+    /* @__PURE__ */ jsx26(
+      BindEmailModal_default,
+      {
+        isOpen: EmailIsOpen && (EmailType == "bind" && !!token && !!overview),
+        onClose: EmailClose,
+        onLogin: EmailClose
+      }
+    ),
     children
   ] });
 }
 
 // src/context/index.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ jsx26(ToastProvider, { children: /* @__PURE__ */ jsx26(ModalProvider, { children: /* @__PURE__ */ jsx26(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ jsx27(ToastProvider, { children: /* @__PURE__ */ jsx27(ModalProvider, { children: /* @__PURE__ */ jsx27(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
@@ -3687,7 +3727,9 @@ var en_default = {
   noRequests: "No Requests yet",
   noMore: "No more",
   Remove: "Remove",
-  removeSuccess: "Remove Successfully"
+  removeSuccess: "Remove Successfully",
+  loginAgreement: "By login, you agree to our <termsLink>Terms of Service</termsLink> and <privacyLink>Privacy Policy</privacyLink>",
+  poweredBy: "Powered by"
 };
 
 // src/i18n/zh.json
@@ -3775,7 +3817,9 @@ var zh_default = {
   noRequests: "\u6682\u65E0\u8BF7\u6C42",
   noMore: "\u6CA1\u6709\u66F4\u591A",
   Remove: "\u79FB\u9664",
-  removeSuccess: "\u79FB\u9664\u6210\u529F"
+  removeSuccess: "\u79FB\u9664\u6210\u529F",
+  loginAgreement: "\u767B\u5F55\u5373\u8868\u793A\u60A8\u540C\u610F\u6211\u4EEC\u7684<termsLink>\u670D\u52A1\u6761\u6B3E</termsLink>\u548C<privacyLink>\u9690\u79C1\u653F\u7B56</privacyLink>",
+  poweredBy: "\u7531"
 };
 
 // src/i18n/tw.json
@@ -3863,7 +3907,9 @@ var tw_default = {
   noRequests: "\u66AB\u7121\u8ACB\u6C42",
   noMore: "\u6C92\u6709\u66F4\u591A",
   Remove: "\u79FB\u9664",
-  removeSuccess: "\u79FB\u9664\u6210\u529F"
+  removeSuccess: "\u79FB\u9664\u6210\u529F",
+  loginAgreement: "\u767B\u5165\u5373\u8868\u793A\u60A8\u540C\u610F\u6211\u5011\u7684<termsLink>\u670D\u52D9\u689D\u6B3E</termsLink>\u548C<privacyLink>\u96B1\u79C1\u6B0A\u653F\u7B56</privacyLink>",
+  poweredBy: "\u7531"
 };
 
 // src/i18n/fr.json
@@ -3951,7 +3997,9 @@ var fr_default = {
   noRequests: "Pas encore de demandes",
   noMore: "Plus rien",
   Remove: "Supprimer",
-  removeSuccess: "Suppression r\xE9ussie"
+  removeSuccess: "Suppression r\xE9ussie",
+  loginAgreement: "En vous connectant, vous acceptez nos <termsLink>Conditions G\xE9n\xE9rales d'Utilisation</termsLink> et notre <privacyLink>Politique de Confidentialit\xE9</privacyLink>",
+  poweredBy: "Par"
 };
 
 // src/i18n/ja.json
@@ -4039,7 +4087,9 @@ var ja_default = {
   noRequests: "\u307E\u3060\u30EA\u30AF\u30A8\u30B9\u30C8\u304C\u3042\u308A\u307E\u305B\u3093",
   noMore: "\u3053\u308C\u4EE5\u4E0A\u3042\u308A\u307E\u305B\u3093",
   Remove: "\u524A\u9664",
-  removeSuccess: "\u524A\u9664\u306B\u6210\u529F\u3057\u307E\u3057\u305F"
+  removeSuccess: "\u524A\u9664\u306B\u6210\u529F\u3057\u307E\u3057\u305F",
+  loginAgreement: "\u30ED\u30B0\u30A4\u30F3\u3059\u308B\u3053\u3068\u306B\u3088\u308A\u3001\u5F53\u793E\u306E<termsLink>\u5229\u7528\u898F\u7D04</termsLink>\u304A\u3088\u3073<privacyLink>\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC</termsLink>\u306B\u540C\u610F\u3057\u305F\u3082\u306E\u3068\u307F\u306A\u3055\u308C\u307E\u3059",
+  poweredBy: "\u88FD\u9020\u5143"
 };
 
 // src/i18n/ko.json
@@ -4127,7 +4177,9 @@ var ko_default = {
   noRequests: "\uC544\uC9C1 \uC694\uCCAD\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
   noMore: "\uB354 \uC774\uC0C1 \uC5C6\uC74C",
   Remove: "\uC0AD\uC81C",
-  removeSuccess: "\uC0AD\uC81C \uC131\uACF5"
+  removeSuccess: "\uC0AD\uC81C \uC131\uACF5",
+  loginAgreement: "\uB85C\uADF8\uC778\uD568\uC73C\uB85C\uC368 \uB2F9\uC0AC\uC758 <termsLink>\uC11C\uBE44\uC2A4 \uC57D\uAD00</termsLink> \uBC0F <privacyLink>\uAC1C\uC778\uC815\uBCF4 \uCC98\uB9AC\uBC29\uCE68</privacyLink>\uC5D0 \uB3D9\uC758\uD558\uB294 \uAC83\uC73C\uB85C \uAC04\uC8FC\uB429\uB2C8\uB2E4",
+  poweredBy: "\uC81C\uC791"
 };
 
 // src/i18n/vi.json
@@ -4215,7 +4267,9 @@ var vi_default = {
   noRequests: "Ch\u01B0a c\xF3 y\xEAu c\u1EA7u n\xE0o",
   noMore: "Kh\xF4ng c\xF2n n\u1EEFa",
   Remove: "X\xF3a",
-  removeSuccess: "X\xF3a th\xE0nh c\xF4ng"
+  removeSuccess: "X\xF3a th\xE0nh c\xF4ng",
+  loginAgreement: "B\u1EB1ng c\xE1ch \u0111\u0103ng nh\u1EADp, b\u1EA1n \u0111\u1ED3ng \xFD v\u1EDBi <termsLink>\u0110i\u1EC1u kho\u1EA3n d\u1ECBch v\u1EE5</termsLink> v\xE0 <privacyLink>Ch\xEDnh s\xE1ch quy\u1EC1n ri\xEAng t\u01B0</privacyLink> c\u1EE7a ch\xFAng t\xF4i",
+  poweredBy: "B\u1EDFi"
 };
 
 // src/i18n/es.json
@@ -4303,7 +4357,9 @@ var es_default = {
   noRequests: "A\xFAn no hay solicitudes",
   noMore: "No hay m\xE1s",
   Remove: "Eliminar",
-  removeSuccess: "Eliminado con \xE9xito"
+  removeSuccess: "Eliminado con \xE9xito",
+  loginAgreement: "Al iniciar sesi\xF3n, aceptas nuestros <termsLink>T\xE9rminos de servicio</termsLink> y nuestra <privacyLink>Pol\xEDtica de privacidad</privacyLink>",
+  poweredBy: "Por"
 };
 
 // src/i18n/pt.json
@@ -4391,7 +4447,9 @@ var pt_default = {
   noRequests: "Ainda sem solicita\xE7\xF5es",
   noMore: "N\xE3o h\xE1 mais",
   Remove: "Remover",
-  removeSuccess: "Removido com sucesso"
+  removeSuccess: "Removido com sucesso",
+  loginAgreement: "Ao fazer login, voc\xEA concorda com nossos <termsLink>Termos de Servi\xE7o</termsLink> e nossa <privacyLink>Pol\xEDtica de Privacidade</privacyLink>",
+  poweredBy: "Por"
 };
 
 // src/i18n/index.ts
@@ -4418,7 +4476,7 @@ import {
 } from "@rainbow-me/rainbowkit/wallets";
 import { arbitrum, base, bsc, mainnet, optimism, polygon } from "wagmi/chains";
 import { WagmiProvider } from "wagmi";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var wagmiConfig = getDefaultConfig({
   appName: "MatchID",
@@ -4457,7 +4515,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ jsx27(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx27(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx27(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx28(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx28(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx28(
     MatchContext.Provider,
     {
       value: {
@@ -4468,7 +4526,7 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ jsx27(context_default, { children })
+      children: /* @__PURE__ */ jsx28(context_default, { children })
     }
   ) }) }) });
 };
@@ -4504,6 +4562,7 @@ function useUserInfo() {
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const emailModalStore = useEmailModalStore();
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
@@ -4597,6 +4656,7 @@ function useUserInfo() {
       case "github":
       case "linkedin":
       case "facebook":
+      case "kakao":
         return await loginByMethod(method);
       default:
         throw new Error("unsupported method");
@@ -4681,6 +4741,8 @@ function useUserInfo() {
         return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
+      case "email":
+        return emailModalStore.open("bind");
       case "telegram":
         return await bindTelegram();
       case "twitter":
@@ -4690,6 +4752,7 @@ function useUserInfo() {
       case "linkedin":
       case "facebook":
       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(
@@ -4704,6 +4767,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 && 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)) {
@@ -4772,6 +4860,7 @@ function useUserInfo() {
     auth,
     login: loginMethod,
     bind,
+    bindByEmail,
     getAuthInfo,
     invite
   };
@@ -4780,10 +4869,10 @@ function useUserInfo() {
 // src/components/EmailModal/StepVerify.tsx
 import { useEffect as useEffect20, useMemo as useMemo9, useRef as useRef6, useState as useState18 } from "react";
 import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "react-intl";
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function StepVerify(props) {
   const intl = useIntl7();
-  const { getLoginEmailCode, loginByEmail } = useUserInfo();
+  const { getLoginEmailCode, loginByEmail, bindByEmail } = useUserInfo();
   const [error, setError] = useState18("");
   const [code, setCode] = useState18("");
   const [sending, setSending] = useState18(false);
@@ -4843,7 +4932,10 @@ function StepVerify(props) {
     try {
       setError("");
       setSubmitting(true);
-      const res = await loginByEmail({
+      const res = props.type === "bind" ? await bindByEmail({
+        email: props.email,
+        code
+      }) : await loginByEmail({
         email: props.email,
         code
       });
@@ -4859,15 +4951,15 @@ function StepVerify(props) {
   };
   return /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-box", children: [
     /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx28(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ jsx29("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx29(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
       /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx28(FormattedMessage6, { id: "sendEmailTips" }) })
+        /* @__PURE__ */ jsx29("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ jsx29("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx29(FormattedMessage6, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx28(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx29(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ jsx28(
+    }), error, children: /* @__PURE__ */ jsx29(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -4877,7 +4969,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ jsx28(
+        after: /* @__PURE__ */ jsx29(
           Button,
           {
             highlight: true,
@@ -4896,19 +4988,20 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx28(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx28(FormattedMessage6, { id: "continue" }) })
+    /* @__PURE__ */ jsx29(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx29(FormattedMessage6, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 import { useIntl as useIntl8 } from "react-intl";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function EmailModal({
   isOpen = false,
   width = 480,
   onClose,
   onBack,
-  onLogin
+  onLogin,
+  type = "login"
 }) {
   const [step, setStep] = useState19("input");
   const [emailVal, setEmailVal] = useState19("");
@@ -4919,7 +5012,7 @@ function EmailModal({
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ModalWithHeader,
     {
       isOpen,
@@ -4929,10 +5022,10 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ jsx29(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ jsx30(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ jsx29(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ jsx30(StepVerify, { type, email: emailVal, onSuccess: onLogin })
     }
   );
 }
@@ -4962,7 +5055,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 var RecommendItem = ({
   icon,
   name,
@@ -4974,17 +5067,17 @@ var RecommendItem = ({
   return /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method", children: [
     /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method-item", onClick, children: [
       /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ jsx30("span", { className: "matchid-login-recommend-method-name", children: name })
+        /* @__PURE__ */ jsx31("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ jsx31("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ jsx30(
+      footer ? footer : children ? /* @__PURE__ */ jsx31(
         ArrowDownIcon,
         {
           className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
           size: 20,
           color: "var(--matchid-arrow-color)"
         }
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx31(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -4993,7 +5086,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ jsx30(
+    children && /* @__PURE__ */ jsx31(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -5058,64 +5151,69 @@ function LoginBox({
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ jsx30(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ jsx30(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ jsx30(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ jsx30(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ jsx30(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ jsx30(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ jsx30(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ jsx30(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ jsx30(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ jsx30(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx31(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
+    },
+    kakao: {
+      icon: /* @__PURE__ */ jsx31(KakaoIcon, { size: isDownMd ? 36 : 40 }),
+      name: "Kakao",
+      onClick: () => login("kakao")
     }
   };
   const { walletMap } = useWalletConfig();
   return /* @__PURE__ */ jsxs16(Fragment5, { children: [
     (!inModal || !emailOpen) && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ jsx31(
           RecommendItem,
           {
             icon: methodMap[m]?.icon,
@@ -5123,8 +5221,8 @@ function LoginBox({
             onClick: methodMap[m]?.onClick,
             showChildren: m == "wallet" && showWallet,
             children: m == "wallet" && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+              /* @__PURE__ */ jsx31("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ jsx31("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
                 return /* @__PURE__ */ jsxs16(
                   "div",
@@ -5135,15 +5233,15 @@ function LoginBox({
                     },
                     children: [
                       /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ jsx31(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -5151,7 +5249,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx31(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -5169,10 +5267,48 @@ function LoginBox({
           m
         );
       }) }),
+      /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy", children: [
+        /* @__PURE__ */ jsx31("div", { className: "matchid-privacy-policy-content", children: /* @__PURE__ */ jsx31(
+          FormattedMessage7,
+          {
+            id: "loginAgreement",
+            values: {
+              termsLink: (chunks) => /* @__PURE__ */ jsx31(
+                "a",
+                {
+                  href: TERMS_OF_SERVICE_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              ),
+              privacyLink: (chunks) => /* @__PURE__ */ jsx31(
+                "a",
+                {
+                  href: PRIVACY_POLICY_URL,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "matchid-privacy-policy-content-link",
+                  children: chunks
+                }
+              )
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs16("div", { className: "matchid-privacy-policy-powered-by", children: [
+          /* @__PURE__ */ jsx31(FormattedMessage7, { id: "poweredBy" }),
+          /* @__PURE__ */ jsx31(MatchIdIcon_default, {})
+        ] })
+      ] }),
       methodConfig.methods.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx30(FormattedMessage7, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other-line-box", children: [
+          /* @__PURE__ */ jsx31("div", { className: "matchid-login-other-line" }),
+          /* @__PURE__ */ jsx31("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx31(FormattedMessage7, { id: "otherLoginMethods" }) }),
+          /* @__PURE__ */ jsx31("div", { className: "matchid-login-other-line" })
+        ] }),
+        /* @__PURE__ */ jsx31("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ jsx31(
             "div",
             {
               className: "matchid-login-method-item",
@@ -5185,7 +5321,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -5205,7 +5341,7 @@ import { useState as useState22 } from "react";
 
 // src/components/LoginPanel/index.tsx
 import { FormattedMessage as FormattedMessage8 } from "react-intl";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function LoginPanel({
   header,
   onClose,
@@ -5215,30 +5351,30 @@ function LoginPanel({
   return /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel", children: [
     header ? header : /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel-header", children: [
       /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx31(FormattedMessage8, { id: "loginTitle" }) }),
-        /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx31(FormattedMessage8, { id: "loginTips" }) })
+        /* @__PURE__ */ jsx32("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx32(FormattedMessage8, { id: "loginTitle" }) }),
+        /* @__PURE__ */ jsx32("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx32(FormattedMessage8, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx31(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ jsx32("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx32(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ jsx31(LoginBox, { ...props }) })
+    /* @__PURE__ */ jsx32("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ jsx32("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ jsx32(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ jsx32(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ jsx33(LoginPanel, { ...props, inModal: true })
     }
   );
 }
@@ -5247,10 +5383,10 @@ function LoginModal({
 import { useState as useState21 } from "react";
 
 // src/assets/icon/ProfileIcon.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 function ProfileIcon({ size = 24, color = "black", ...props }) {
   return /* @__PURE__ */ jsxs18("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "path",
       {
         fillRule: "evenodd",
@@ -5259,7 +5395,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "path",
       {
         fillRule: "evenodd",
@@ -5273,7 +5409,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 import { FormattedMessage as FormattedMessage9, useIntl as useIntl10 } from "react-intl";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address, username } = useUserInfo();
   const [logouting, setLogouting] = useState21(false);
@@ -5297,31 +5433,31 @@ function UserContent() {
     return /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-item", onClick, children: [
       /* @__PURE__ */ jsxs19("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ jsx34("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ jsx35("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ jsx34("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ jsx35("div", { className: `matchid-user-popover-divider` });
   };
   const [usernameOpen, setUsernameOpen] = useState21(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = useIntl10();
   return /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ jsx34(UserItem, { onClick: () => {
+      /* @__PURE__ */ jsx35(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ jsx34(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx34(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx34(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ jsx34(UserDivider, {}),
-      /* @__PURE__ */ jsx34(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ jsx35(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx35(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx35(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ jsx35(UserDivider, {}),
+      /* @__PURE__ */ jsx35(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ jsx34(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx34(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ jsx35(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx35(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ jsx34(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx34(FormattedMessage9, { id: "disconnect" }) }),
-    /* @__PURE__ */ jsx34(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ jsx35(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx35(FormattedMessage9, { id: "disconnect" }) }),
+    /* @__PURE__ */ jsx35(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -5332,12 +5468,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(Popover, { ...props, content: /* @__PURE__ */ jsx34(UserContent, {}), children });
+  return /* @__PURE__ */ jsx35(Popover, { ...props, content: /* @__PURE__ */ jsx35(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 import { FormattedMessage as FormattedMessage10, useIntl as useIntl11 } from "react-intl";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 function LoginButton({
   loginRender,
   methods,
@@ -5354,7 +5490,7 @@ function LoginButton({
   const [loginOpen, setLoginOpen] = useState22(false);
   if (!isLogin) {
     return /* @__PURE__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         LoginModal,
         {
           methods,
@@ -5365,14 +5501,14 @@ function LoginButton({
         }
       ),
       /* @__PURE__ */ jsxs20(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ jsx35(UnLoginIcon_default, {}),
-        /* @__PURE__ */ jsx35("span", { children: /* @__PURE__ */ jsx35(FormattedMessage10, { id: "login" }) })
+        /* @__PURE__ */ jsx36(UnLoginIcon_default, {}),
+        /* @__PURE__ */ jsx36("span", { children: /* @__PURE__ */ jsx36(FormattedMessage10, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ jsx35(Fragment6, { children: loginRender }) : /* @__PURE__ */ jsx35(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs20(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ jsx35(LoginIcon_default, {}),
-    /* @__PURE__ */ jsx35("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ jsx36(Fragment6, { children: loginRender }) : /* @__PURE__ */ jsx36(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs20(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ jsx36(LoginIcon_default, {}),
+    /* @__PURE__ */ jsx36("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
@@ -5381,15 +5517,15 @@ function LoginButton({
 // src/components/UsernameModal/index.tsx
 import { useEffect as useEffect22, useMemo as useMemo11, useState as useState23 } from "react";
 import { FormattedMessage as FormattedMessage11, useIntl as useIntl12 } from "react-intl";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
   return /* @__PURE__ */ jsxs21("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ jsx36(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx36(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ jsx36("span", { children: text })
+    success ? /* @__PURE__ */ jsx37(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx37(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ jsx37("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -5437,12 +5573,12 @@ function UsernameModal({
     }
   };
   const intl = useIntl12();
-  return /* @__PURE__ */ jsx36(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ jsx37(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
   }), children: /* @__PURE__ */ jsxs21("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ jsx36(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx37(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ jsx36(
+    }), error, children: /* @__PURE__ */ jsx37(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -5456,7 +5592,7 @@ function UsernameModal({
       }
     ) }),
     /* @__PURE__ */ jsxs21("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37(
         ValidItem,
         {
           success: isValid,
@@ -5465,16 +5601,16 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ jsx36(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ jsx37(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ jsx36(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ jsx37(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx36(FormattedMessage11, { id: "confirm" }) }),
-    /* @__PURE__ */ jsx36(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx37(FormattedMessage11, { id: "confirm" }) }),
+    /* @__PURE__ */ jsx37(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx36(FormattedMessage11, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx37(FormattedMessage11, { id: "cancel" }) })
   ] }) });
 }
 
@@ -5493,7 +5629,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function WalletModalContent({
   status,
   error,
@@ -5563,15 +5699,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ jsx37("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
+  return /* @__PURE__ */ jsx38("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx38(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ jsx37("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ jsx38("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Button,
       {
         block: true,
@@ -5647,15 +5783,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ jsx37("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
+  return /* @__PURE__ */ jsx38("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx38(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ jsx37("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ jsx38("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Button,
       {
         block: true,
@@ -5719,7 +5855,7 @@ import { useWalletClient } from "wagmi";
 import { providers } from "ethers";
 
 // node_modules/@wagmi/core/dist/esm/version.js
-var version = "2.16.5";
+var version = "2.17.1";
 
 // node_modules/@wagmi/core/dist/esm/utils/getVersion.js
 var getVersion2 = () => `@wagmi/core@${version}`;
@@ -5937,7 +6073,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 import { SiweMessage } from "siwe";
 import "@rainbow-me/rainbowkit/styles.css";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function WalletContent({
   onSuccess,
   type
@@ -6095,7 +6231,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     WalletModalContentV2,
     {
       status,
@@ -6113,14 +6249,14 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = useIntl13();
-  return /* @__PURE__ */ jsx38(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx39(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ jsx38(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ jsx39(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx38(RainbowKitProvider2, { children: /* @__PURE__ */ jsx38(EVMConnectModal, { ...props }) });
+  return props.isOpen && /* @__PURE__ */ jsx39(RainbowKitProvider2, { children: /* @__PURE__ */ jsx39(EVMConnectModal, { ...props }) });
 }
 
 // src/components/TRONModal/index.tsx
@@ -6235,7 +6371,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -6245,9 +6381,9 @@ function TRONConnectModal({
   const intl = useIntl14();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ jsx39(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ jsx39(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ jsx39(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ jsx40(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ jsx40(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ jsx40(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = useState28("");
@@ -6339,11 +6475,11 @@ function TRONConnectModal({
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ jsx39(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx40(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx39(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx40(
     WalletModalContent,
     {
       error,
@@ -6356,9 +6492,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx39("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs23("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx40("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs23("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -6371,14 +6507,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ jsx39(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ jsx40(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -6388,7 +6524,7 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx39(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ jsx40(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
@@ -6401,7 +6537,7 @@ import {
   useTonConnectUI,
   useTonWallet
 } from "@tonconnect/ui-react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function WalletContent2({
   onSuccess,
   type
@@ -6528,7 +6664,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     WalletModalContent,
     {
       connected,
@@ -6562,20 +6698,20 @@ function TONConnectModal({
   const intl = useIntl15();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
-  return /* @__PURE__ */ jsx40(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx41(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ jsx40(
+  }), children: /* @__PURE__ */ jsx41(
     TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ jsx40(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ jsx41(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx40(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx41(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
@@ -6804,7 +6940,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -6814,10 +6950,10 @@ function BTCConnectModal({
   const intl = useIntl16();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ jsx41(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ jsx41(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ jsx41(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ jsx41(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ jsx42(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ jsx42(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ jsx42(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ jsx42(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
   const [status, setStatus] = useState31("");
@@ -6917,11 +7053,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ jsx41(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx42(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx41(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx42(
     WalletModalContent,
     {
       error,
@@ -6934,9 +7070,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx41("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs24("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx42("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs24("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -6949,14 +7085,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ jsx41(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ jsx42(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -6966,13 +7102,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx41(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx42(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
 import { useMemo as useMemo16 } from "react";
 import { useIntl as useIntl17 } from "react-intl";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -6990,13 +7126,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ jsx42(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx43(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ jsx42("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsx42("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ jsx43("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsx43("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       RecommendItem,
       {
         icon: m?.icon,
@@ -7010,12 +7146,12 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx42(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx43(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
 import { useEffect as useEffect30, useState as useState32 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = useState32(void 0);
   useEffect30(() => {
@@ -7024,7 +7160,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ jsx43("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ jsx44("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -7032,7 +7168,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -7042,7 +7178,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ jsx45("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 = () => {
@@ -7061,7 +7197,7 @@ function WalletAsset({
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
       /* @__PURE__ */ jsxs25("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ jsx44("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ jsx44(
+        n.icon ? /* @__PURE__ */ jsx45("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ jsx45(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -7069,12 +7205,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ jsx44("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ jsx45("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
       /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        /* @__PURE__ */ jsx45("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
         "price" in n && /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ jsx45(
             NumberFormatter,
             {
               value: n.price,
@@ -7082,7 +7218,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ jsx45(
             NumberFormatter,
             {
               value: n.value,
@@ -7092,14 +7228,14 @@ function WalletAsset({
           ) })
         ] }),
         /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ jsx45(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ jsx44(
+          "price_change_24h" in n && /* @__PURE__ */ jsx45("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ jsx45(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -7118,7 +7254,7 @@ function WalletAsset({
 import { useEffect as useEffect31, useMemo as useMemo17, useState as useState33 } from "react";
 import { defineChain as defineChain4, encodeFunctionData as encodeFunctionData2, erc20Abi as erc20Abi3, http as http8, parseUnits as parseUnits2 } from "viem";
 import { FormattedMessage as FormattedMessage12, useIntl as useIntl18 } from "react-intl";
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 function Input2({
   onChange,
   placeholder,
@@ -7129,7 +7265,7 @@ function Input2({
   size = "df"
 }) {
   return /* @__PURE__ */ jsxs26("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx46(
       "input",
       {
         placeholder,
@@ -7140,7 +7276,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ jsx45("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ jsx46("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -7268,24 +7404,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ jsx45(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs26("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ jsx46(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx46(FormattedMessage12, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs26("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ jsxs26("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ jsx45("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "amount" }) }),
+          /* @__PURE__ */ jsx46("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx46(FormattedMessage12, { id: "amount" }) }),
           /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ jsx45(
+            token.icon ? /* @__PURE__ */ jsx46(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ jsx45(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ jsx45("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ jsx46(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ jsx46("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           Input2,
           {
             type: "text",
@@ -7300,16 +7436,16 @@ function TokenSend({
         ),
         /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ jsx45(FormattedMessage12, { id: "balance" }),
+            /* @__PURE__ */ jsx46(FormattedMessage12, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ jsx45("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ jsx45(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ jsx46("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ jsx46(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ jsx45(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ jsx46(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ jsxs26("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ jsx45("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx45("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx46("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx46(FormattedMessage12, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ jsx46(
           Input2,
           {
             type: "text",
@@ -7325,7 +7461,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx46(
       Button,
       {
         size: "lg",
@@ -7334,7 +7470,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "next" })
+        children: /* @__PURE__ */ jsx46(FormattedMessage12, { id: "next" })
       }
     )
   ] }) });
@@ -7342,7 +7478,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 import { FormattedMessage as FormattedMessage13, useIntl as useIntl19 } from "react-intl";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
 function TokenDetail({
   onClose,
   token
@@ -7352,41 +7488,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ jsx46(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ jsx47(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = useIntl19();
-  return /* @__PURE__ */ jsx46(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ jsx47(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
   }), onClose, children: /* @__PURE__ */ jsxs27("div", { className: `matchid-token-detail`, children: [
     /* @__PURE__ */ jsxs27("div", { className: `matchid-token-main`, children: [
       /* @__PURE__ */ jsxs27("div", { className: `matchid-token-info`, children: [
         /* @__PURE__ */ jsxs27("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ jsx46("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ jsx46(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ jsx46("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+          token.icon ? /* @__PURE__ */ jsx47("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ jsx47(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ jsx47("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
         /* @__PURE__ */ jsxs27("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ jsx46(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+          /* @__PURE__ */ jsx47(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
       token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ jsxs27("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ jsx46("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ jsx46("div", { className: "matchid-token-contract-address", children: token.address })
+        /* @__PURE__ */ jsx47("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ jsx47("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ jsx46(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx46(FormattedMessage13, { id: "send" }) })
+    /* @__PURE__ */ jsx47(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx47(FormattedMessage13, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 import { useState as useState34 } from "react";
 import { FormattedMessage as FormattedMessage14 } from "react-intl";
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -7398,14 +7534,14 @@ function TokenSendList({ close }) {
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ jsx47(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ jsx48(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
   return /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ jsx47("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+    /* @__PURE__ */ jsx48("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__ */ jsxs28(
         "div",
@@ -7415,10 +7551,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ jsx47(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ jsx48(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
             /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-content", children: [
               /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ jsx47("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ jsx47(
+                n.icon ? /* @__PURE__ */ jsx48("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ jsx48(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -7426,7 +7562,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ jsx47(
+                chain?.iconUrl && /* @__PURE__ */ jsx48(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -7436,8 +7572,8 @@ function TokenSendList({ close }) {
                 )
               ] }),
               /* @__PURE__ */ jsxs28("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ jsx47("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ jsx47("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ jsx47(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+                /* @__PURE__ */ jsx48("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ jsx48("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ jsx48(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -7445,7 +7581,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ jsx47(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx47(FormattedMessage14, { id: "next" }) })
+    /* @__PURE__ */ jsx48(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx48(FormattedMessage14, { id: "next" }) })
   ] });
 }
 
@@ -7455,7 +7591,7 @@ import { useEffect as useEffect32, useMemo as useMemo18, useState as useState35
 import { decodeFunctionData, defineChain as defineChain5, formatUnits as formatUnits3 } from "viem";
 import { erc20Abi as erc20Abi4 } from "viem";
 import { FormattedMessage as FormattedMessage15 } from "react-intl";
-import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
@@ -7550,10 +7686,10 @@ var Item = ({ data }) => {
       className: `matchid-transaction-item`,
       children: [
         /* @__PURE__ */ jsxs29("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ jsx48("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ jsx48(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ jsx49("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ jsx49(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
           /* @__PURE__ */ jsxs29("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ jsx48("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ jsx48(
+            /* @__PURE__ */ jsx49("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ jsx49(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -7563,10 +7699,10 @@ var Item = ({ data }) => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs29("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ jsx48(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ jsx48(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ jsx48(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ jsx48(InfoRoundIcon, { size: 16 })
+          /* @__PURE__ */ jsx49(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ jsx49(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ jsx49(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ jsx49(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -7576,7 +7712,7 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     InfiniteScroll,
     {
       scrollableTarget,
@@ -7584,11 +7720,11 @@ function TransactionList({
       next: fetchMoreData,
       hasMore,
       loader: /* @__PURE__ */ jsxs29("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ jsx48(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+        /* @__PURE__ */ jsx49(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ jsx48("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx48(FormattedMessage15, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx48("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx48(FormattedMessage15, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ jsx48("div", { className: "mt-[150px]" }) : /* @__PURE__ */ jsx48("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ jsx48(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ jsx49("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx49(FormattedMessage15, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx49("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx49(FormattedMessage15, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ jsx49("div", { className: "mt-[150px]" }) : /* @__PURE__ */ jsx49("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ jsx49(Item, { data: item }, index)) })
     }
   );
 }
@@ -7663,4 +7799,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-KFB23MLQ.mjs.map
+//# sourceMappingURL=chunk-6RNCNC65.mjs.map