@matchain/matchid-sdk-react 0.1.52 → 0.1.53-alpha.1

package/dist/index.js

@@ -1931,7 +1931,9 @@ var useStore = (0, import_zustand3.create)((set) => ({
   walletReady: false,
   setWalletReady: (inited) => set({ walletReady: inited }),
   tgAppAuthCode: "",
-  setTgAppAuthCode: (code) => set({ tgAppAuthCode: code })
+  setTgAppAuthCode: (code) => set({ tgAppAuthCode: code }),
+  emailLoginKey: "",
+  setEmailLoginKey: (key) => set({ emailLoginKey: key })
 }));
 var useStore_default = useStore;
 
@@ -1950,7 +1952,7 @@ function useUserInfo() {
     locale,
     refreshOverview
   } = useLocalStore_default();
-  const { setTgAppAuthCode } = useStore_default();
+  const { setTgAppAuthCode, emailLoginKey, setEmailLoginKey } = useStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
@@ -2028,7 +2030,7 @@ function useUserInfo() {
       case "evm":
         return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
       case "sol":
-        return SOLOpen("login");
+        return window.open(`${endpoints.auth}login/sol?appid=${appid}&locale=${locale}`);
       case "tron":
         return TRONOpen("login");
       case "ton":
@@ -2052,7 +2054,7 @@ function useUserInfo() {
   const getLoginEmailCode = async (email) => {
     const res = await getEmailCodeApi(email);
     if (isSuccess(res)) {
-      window.sessionStorage.setItem("loginkey", res.data.key);
+      setEmailLoginKey(res.data.key);
       return res.data.key;
     }
     throw new Error(res.message);
@@ -2064,7 +2066,7 @@ function useUserInfo() {
     try {
       const obj = {
         email,
-        verification_key: window.sessionStorage.getItem("loginkey"),
+        verification_key: emailLoginKey,
         verification_code: code
       };
       const res = await verifyEmailCodeApi(obj);
@@ -3253,10 +3255,12 @@ function useWalletAssetListQuery({
 // src/hooks/useMatchChain.tsx
 var import_react13 = require("react");
 var import_viem5 = require("viem");
+var import_react_intl = require("react-intl");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
+  const intl = (0, import_react_intl.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
   const chainId = (0, import_react13.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
@@ -3304,12 +3308,12 @@ function useMatchChain() {
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: "Confirm" })
+      }, block: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_intl.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
     modal.open({
-      title: "Change Network",
+      title: intl.formatMessage({ id: "changeNetwork" }),
       content: ChangeNetwork
     });
   };
@@ -3372,10 +3376,10 @@ var import_react16 = require("react");
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react14 = require("react");
-var import_react_intl = require("react-intl");
+var import_react_intl2 = require("react-intl");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function StepEmail(props) {
-  const intl = (0, import_react_intl.useIntl)();
+  const intl = (0, import_react_intl2.useIntl)();
   const [emailVal, setEmailVal] = (0, import_react14.useState)("");
   (0, import_react14.useEffect)(() => {
     if (props.email) {
@@ -3403,7 +3407,7 @@ function StepEmail(props) {
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { disabled: !canContinue, style: {
       marginTop: "64px"
-    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_intl.FormattedMessage, { id: "continue" }) })
+    }, onClick: onContinue, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
@@ -3416,10 +3420,10 @@ var EMAIL_CODE_LENGTH = 6;
 var NATIVE_TOKEN_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 
 // src/components/EmailModal/StepVerify.tsx
-var import_react_intl2 = require("react-intl");
+var import_react_intl3 = require("react-intl");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function StepVerify(props) {
-  const intl = (0, import_react_intl2.useIntl)();
+  const intl = (0, import_react_intl3.useIntl)();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
   const [error, setError] = (0, import_react15.useState)("");
   const [code, setCode] = (0, import_react15.useState)("");
@@ -3499,7 +3503,7 @@ function StepVerify(props) {
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl2.FormattedMessage, { id: "sendEmailTips" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl3.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Field, { label: intl.formatMessage({
@@ -3533,12 +3537,12 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl2.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_intl3.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
-var import_react_intl3 = require("react-intl");
+var import_react_intl4 = require("react-intl");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function EmailModal({
   isOpen = false,
@@ -3549,7 +3553,7 @@ function EmailModal({
 }) {
   const [step, setStep] = (0, import_react16.useState)("input");
   const [emailVal, setEmailVal] = (0, import_react16.useState)("");
-  const intl = (0, import_react_intl3.useIntl)();
+  const intl = (0, import_react_intl4.useIntl)();
   (0, import_react16.useEffect)(() => {
     if (!isOpen) {
       setStep("input");
@@ -3576,7 +3580,7 @@ function EmailModal({
 
 // src/components/LoginBox/index.tsx
 var import_react17 = require("react");
-var import_react_intl4 = require("react-intl");
+var import_react_intl5 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
 var import_react_query3 = require("@tanstack/react-query");
@@ -3691,7 +3695,7 @@ function LoginBox({
   const [emailOpen, setEmailOpen] = (0, import_react17.useState)(false);
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = (0, import_react17.useState)(false);
-  const intl = (0, import_react_intl4.useIntl)();
+  const intl = (0, import_react_intl5.useIntl)();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
@@ -3807,7 +3811,7 @@ function LoginBox({
         );
       }) }),
       methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl4.FormattedMessage, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_intl5.FormattedMessage, { id: "otherLoginMethods" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
           return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "div",
@@ -3841,7 +3845,7 @@ function LoginBox({
 var import_react19 = require("react");
 
 // src/components/LoginPanel/index.tsx
-var import_react_intl5 = require("react-intl");
+var import_react_intl6 = require("react-intl");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function LoginPanel({
   header,
@@ -3852,8 +3856,8 @@ function LoginPanel({
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "matchid-login-panel", children: [
     header ? header : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "matchid-login-panel-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_intl5.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_intl5.FormattedMessage, { id: "loginTips" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_intl6.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_intl6.FormattedMessage, { id: "loginTips" }) })
       ] }),
       onClose && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
@@ -3909,7 +3913,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 }
 
 // src/components/UserPopover/index.tsx
-var import_react_intl6 = require("react-intl");
+var import_react_intl7 = require("react-intl");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
@@ -3944,7 +3948,7 @@ function UserContent() {
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react18.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
-  const intl = (0, import_react_intl6.useIntl)();
+  const intl = (0, import_react_intl7.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-user-popover-list", children: [
       /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(UserItem, { onClick: () => {
@@ -3957,7 +3961,7 @@ function UserContent() {
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl6.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl7.FormattedMessage, { id: "disconnect" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
@@ -3973,7 +3977,7 @@ function UserPopover({
 }
 
 // src/components/LoginButton/index.tsx
-var import_react_intl7 = require("react-intl");
+var import_react_intl8 = require("react-intl");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
@@ -3986,7 +3990,7 @@ function LoginButton({
   walletMethods,
   ...props
 }) {
-  const intl = (0, import_react_intl7.useIntl)();
+  const intl = (0, import_react_intl8.useIntl)();
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react19.useState)(false);
   if (!isLogin) {
@@ -4003,7 +4007,7 @@ function LoginButton({
       ),
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
         /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_intl7.FormattedMessage, { id: "login" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_intl8.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
@@ -4017,7 +4021,7 @@ function LoginButton({
 
 // src/components/UsernameModal/index.tsx
 var import_react20 = require("react");
-var import_react_intl8 = require("react-intl");
+var import_react_intl9 = require("react-intl");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
@@ -4073,7 +4077,7 @@ function UsernameModal({
       setIsSubmitting(false);
     }
   };
-  const intl = (0, import_react_intl8.useIntl)();
+  const intl = (0, import_react_intl9.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
   }), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-username-box", children: [
@@ -4108,10 +4112,10 @@ function UsernameModal({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl8.FormattedMessage, { id: "confirm" }) }),
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl9.FormattedMessage, { id: "confirm" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl8.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl9.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
@@ -4132,7 +4136,7 @@ var WalletAdapterNetwork;
 // src/components/SOLModal/index.tsx
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
 var import_styles = require("@solana/wallet-adapter-react-ui/styles.css");
-var import_react_intl9 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react21 = require("react");
@@ -4377,7 +4381,7 @@ function SOLConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl9.useIntl)();
+  const intl = (0, import_react_intl10.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
@@ -4390,7 +4394,7 @@ function SOLModal(props) {
 
 // src/components/TRONModal/index.tsx
 var import_react24 = __toESM(require("react"));
-var import_react_intl10 = require("react-intl");
+var import_react_intl11 = require("react-intl");
 
 // src/lib/tron/TronLinkAdapter.ts
 var TronLinkAdapter = class {
@@ -4507,7 +4511,7 @@ function TRONConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl10.useIntl)();
+  const intl = (0, import_react_intl11.useIntl)();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
     tronlink: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
@@ -4658,7 +4662,7 @@ function TRONModal(props) {
 
 // src/components/TONModal/index.tsx
 var import_react25 = __toESM(require("react"));
-var import_react_intl11 = require("react-intl");
+var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function WalletContent2({
@@ -4818,7 +4822,7 @@ function TONConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl11.useIntl)();
+  const intl = (0, import_react_intl12.useIntl)();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
@@ -4839,7 +4843,7 @@ function TONModal(props) {
 
 // src/components/BTCModal/index.tsx
 var import_react27 = __toESM(require("react"));
-var import_react_intl12 = require("react-intl");
+var import_react_intl13 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -5029,7 +5033,7 @@ function BTCConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl12.useIntl)();
+  const intl = (0, import_react_intl13.useIntl)();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
     leather: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
@@ -5188,14 +5192,14 @@ function BTCModal(props) {
 
 // src/components/WalletModal/index.tsx
 var import_react28 = require("react");
-var import_react_intl13 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
   ...props
 }) {
-  const intl = (0, import_react_intl13.useIntl)();
+  const intl = (0, import_react_intl14.useIntl)();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
@@ -5334,7 +5338,7 @@ function WalletAsset({
 // src/components/TokenSend/index.tsx
 var import_react30 = require("react");
 var import_viem6 = require("viem");
-var import_react_intl14 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Input2({
   onChange,
@@ -5367,7 +5371,7 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl14.useIntl)();
+  const intl = (0, import_react_intl15.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
   const chain = (0, import_react30.useMemo)(() => {
@@ -5485,11 +5489,11 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "amount" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
             token.icon ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "img",
@@ -5517,7 +5521,7 @@ function TokenSend({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "balance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
@@ -5525,7 +5529,7 @@ function TokenSend({
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "receiveTitle" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           Input2,
           {
@@ -5551,14 +5555,14 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl14.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_intl15.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl15 = require("react-intl");
+var import_react_intl16 = require("react-intl");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
@@ -5575,7 +5579,7 @@ function TokenDetail({
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
-  const intl = (0, import_react_intl15.useIntl)();
+  const intl = (0, import_react_intl16.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
   }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `matchid-token-detail`, children: [
@@ -5596,13 +5600,13 @@ function TokenDetail({
         /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl15.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_intl16.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 var import_react31 = require("react");
-var import_react_intl16 = require("react-intl");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
@@ -5662,7 +5666,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl16.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_intl17.FormattedMessage, { id: "next" }) })
   ] });
 }
 
@@ -5729,7 +5733,7 @@ var useContractStore = (0, import_zustand5.create)((0, import_middleware3.devtoo
 var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
-var import_react_intl17 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
@@ -5862,7 +5866,7 @@ function TransactionList({
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl17.FormattedMessage, { id: "noRecords" }) }),
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl18.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_intl18.FormattedMessage, { id: "noRecords" }) }),
       children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Item, { data: item }, index)) })
     }
   );
@@ -5873,11 +5877,11 @@ var import_react_qrcode = require("react-qrcode");
 var import_react34 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem11 = require("viem");
-var import_react_intl19 = require("react-intl");
+var import_react_intl20 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
 var import_react33 = require("react");
-var import_react_intl18 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem10 = require("viem");
 
@@ -5946,7 +5950,7 @@ function ImportToken({ close }) {
       });
     }
   };
-  const intl = (0, import_react_intl18.useIntl)();
+  const intl = (0, import_react_intl19.useIntl)();
   (0, import_react33.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
@@ -6020,9 +6024,9 @@ function ImportToken({ close }) {
     return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "importFail" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl19.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl19.FormattedMessage, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl19.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl19.FormattedMessage, { id: "back" }) })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-import-token`, children: [
@@ -6076,7 +6080,7 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl18.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_intl19.FormattedMessage, { id: "import" })
       }
     )
   ] });
@@ -6089,7 +6093,7 @@ var ReceiveModal = () => {
   const { address } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   const onCopy = () => {
     setCopied(address);
     toast.success(intl.formatMessage({
@@ -6099,7 +6103,7 @@ var ReceiveModal = () => {
   const chainLink = chain.explorerLink("address/" + address);
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-receive-modal`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl19.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl20.FormattedMessage, { id: "receiveQrcode" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         import_react_qrcode.QRCode,
         {
@@ -6119,7 +6123,7 @@ var ReceiveModal = () => {
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-      import_react_intl19.FormattedMessage,
+      import_react_intl20.FormattedMessage,
       {
         id: "copyAddress"
       }
@@ -6128,7 +6132,7 @@ var ReceiveModal = () => {
 };
 function useMatchWallet() {
   const modal = useModal();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   const showReceiveModal = () => {
     modal.open({
       title: intl.formatMessage({
@@ -6741,7 +6745,7 @@ function useTransaction({
 
 // src/components/CEXBindModal/index.tsx
 var import_react37 = require("react");
-var import_react_intl20 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function CEXBindModal({
   onClose,
@@ -6749,7 +6753,7 @@ function CEXBindModal({
   isOpen = false,
   ...props
 }) {
-  const intl = (0, import_react_intl20.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const { events } = useMatch();
   const [APIPassphrase, setAPIPassphrase] = (0, import_react37.useState)("");
   const { refreshOverview } = useUserInfo();
@@ -6803,10 +6807,10 @@ function CEXBindModal({
     type
   }), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-cex-modal", children: [
     /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "CEXBindTips3" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl21.FormattedMessage, { id: "CEXBindTips3" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
@@ -6846,7 +6850,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl20.FormattedMessage, { id: "continue" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl21.FormattedMessage, { id: "continue" })
       }
     )
   ] }) });
@@ -7311,7 +7315,7 @@ function useInit({
 
 // src/MatchContext.tsx
 var import_react_query10 = require("@tanstack/react-query");
-var import_react_intl21 = require("react-intl");
+var import_react_intl22 = require("react-intl");
 
 // src/i18n/en.json
 var en_default = {
@@ -7390,7 +7394,8 @@ var en_default = {
   close: "Close",
   back: "Back",
   importSuccess: "Import Token Successfully",
-  importFail: "Failed to import Token"
+  importFail: "Failed to import Token",
+  changeNetwork: "Change Network"
 };
 
 // src/i18n/zh.json
@@ -7470,7 +7475,8 @@ var zh_default = {
   close: "\u5173\u95ED",
   back: "\u8FD4\u56DE",
   importSuccess: "\u6210\u529F\u5BFC\u5165\u4EE3\u5E01",
-  importFail: "\u5BFC\u5165\u4EE3\u5E01\u5931\u8D25"
+  importFail: "\u5BFC\u5165\u4EE3\u5E01\u5931\u8D25",
+  changeNetwork: "\u5207\u6362\u7F51\u7EDC"
 };
 
 // src/i18n/tw.json
@@ -7550,7 +7556,8 @@ var tw_default = {
   close: "\u95DC\u9589",
   back: "\u8FD4\u56DE",
   importSuccess: "\u6210\u529F\u532F\u5165\u4EE3\u5E63",
-  importFail: "\u532F\u5165\u4EE3\u5E63\u5931\u6557"
+  importFail: "\u532F\u5165\u4EE3\u5E63\u5931\u6557",
+  changeNetwork: "\u5207\u63DB\u7DB2\u7D61"
 };
 
 // src/i18n/fr.json
@@ -7630,7 +7637,8 @@ var fr_default = {
   close: "Fermer",
   back: "Retour",
   importSuccess: "Importation du jeton r\xE9ussie",
-  importFail: "\xC9chec de l'importation du jeton"
+  importFail: "\xC9chec de l'importation du jeton",
+  changeNetwork: "Changer de r\xE9seau"
 };
 
 // src/i18n/ja.json
@@ -7710,7 +7718,8 @@ var ja_default = {
   close: "\u9589\u3058\u308B",
   back: "\u623B\u308B",
   importSuccess: "\u30C8\u30FC\u30AF\u30F3\u306E\u30A4\u30F3\u30DD\u30FC\u30C8\u306B\u6210\u529F\u3057\u307E\u3057\u305F",
-  importFail: "\u30C8\u30FC\u30AF\u30F3\u306E\u30A4\u30F3\u30DD\u30FC\u30C8\u306B\u5931\u6557\u3057\u307E\u3057\u305F"
+  importFail: "\u30C8\u30FC\u30AF\u30F3\u306E\u30A4\u30F3\u30DD\u30FC\u30C8\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+  changeNetwork: "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u3092\u5909\u66F4"
 };
 
 // src/i18n/ko.json
@@ -7790,7 +7799,8 @@ var ko_default = {
   close: "\uB2EB\uAE30",
   back: "\uB4A4\uB85C",
   importSuccess: "\uD1A0\uD070\uC744 \uC131\uACF5\uC801\uC73C\uB85C \uAC00\uC838\uC654\uC2B5\uB2C8\uB2E4",
-  importFail: "\uD1A0\uD070 \uAC00\uC838\uC624\uAE30\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4"
+  importFail: "\uD1A0\uD070 \uAC00\uC838\uC624\uAE30\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4",
+  changeNetwork: "\uB124\uD2B8\uC6CC\uD06C \uBCC0\uACBD"
 };
 
 // src/i18n/vi.json
@@ -7870,7 +7880,8 @@ var vi_default = {
   close: "\u0110\xF3ng",
   back: "Quay l\u1EA1i",
   importSuccess: "Nh\u1EADp Token th\xE0nh c\xF4ng",
-  importFail: "Kh\xF4ng th\u1EC3 nh\u1EADp Token"
+  importFail: "Kh\xF4ng th\u1EC3 nh\u1EADp Token",
+  changeNetwork: "Thay \u0111\u1ED5i m\u1EA1ng"
 };
 
 // src/i18n/es.json
@@ -7950,7 +7961,8 @@ var es_default = {
   close: "Cerrar",
   back: "Atr\xE1s",
   importSuccess: "Token importado con \xE9xito",
-  importFail: "Error al importar el token"
+  importFail: "Error al importar el token",
+  changeNetwork: "Cambiar red"
 };
 
 // src/i18n/pt.json
@@ -8030,7 +8042,8 @@ var pt_default = {
   close: "Fechar",
   back: "Voltar",
   importSuccess: "Token importado com sucesso",
-  importFail: "Falha ao importar o token"
+  importFail: "Falha ao importar o token",
+  changeNetwork: "Alterar rede"
 };
 
 // src/i18n/index.ts
@@ -8069,7 +8082,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     MatchContext.Provider,
     {
       value: {