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

package/dist/{chunk-OL4R4SZU.mjs → chunk-2DVC6WCN.mjs}

@@ -1,3 +1,15 @@
+import {
+  NumberFormatter,
+  encodeBase64,
+  formatAddress,
+  formatDate,
+  getAppClientId,
+  getVersion,
+  isInTgApp,
+  isValidEmail,
+  isValidUsername,
+  truncateAddress
+} from "./chunk-HLUFAIFV.mjs";
 import {
   AlphaAvatar,
   Button,
@@ -17,18 +29,6 @@ import {
   useHash,
   useLayout_exports
 } from "./chunk-FB5MHLWX.mjs";
-import {
-  NumberFormatter,
-  encodeBase64,
-  formatAddress,
-  formatDate,
-  getAppClientId,
-  getVersion,
-  isInTgApp,
-  isValidEmail,
-  isValidUsername,
-  truncateAddress
-} from "./chunk-HLUFAIFV.mjs";
 import {
   ArrowDownIcon,
   ArrowRightIcon,
@@ -684,7 +684,9 @@ var useStore = create2((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;
 
@@ -1221,10 +1223,12 @@ function useWalletAssetListQuery({
 // src/hooks/useMatchChain.tsx
 import { useMemo as useMemo3, useState as useState6 } from "react";
 import { createPublicClient as createPublicClient2, formatUnits, http as http2, parseUnits } from "viem";
+import { FormattedMessage as FormattedMessage2, useIntl as useIntl2 } from "react-intl";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
+  const intl = useIntl2();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
   const chainId = useMemo3(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
@@ -1272,12 +1276,12 @@ function useMatchChain() {
       /* @__PURE__ */ jsx5(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: "Confirm" })
+      }, block: true, children: /* @__PURE__ */ jsx5(FormattedMessage2, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
     modal.open({
-      title: "Change Network",
+      title: intl.formatMessage({ id: "changeNetwork" }),
       content: ChangeNetwork
     });
   };
@@ -1377,11 +1381,11 @@ var useContractStore = create4(devtools3(persistedState3));
 var useContractStore_default = useContractStore;
 
 // src/hooks/useMatchWallet.tsx
-import { FormattedMessage as FormattedMessage3, useIntl as useIntl3 } from "react-intl";
+import { FormattedMessage as FormattedMessage4, useIntl as useIntl4 } from "react-intl";
 
 // src/components/ImportToken/index.tsx
 import { useEffect as useEffect6, useMemo as useMemo4, useState as useState7 } from "react";
-import { FormattedMessage as FormattedMessage2, useIntl as useIntl2 } from "react-intl";
+import { FormattedMessage as FormattedMessage3, useIntl as useIntl3 } from "react-intl";
 import { useQueryClient } from "@tanstack/react-query";
 import { defineChain, erc20Abi } from "viem";
 
@@ -1450,7 +1454,7 @@ function ImportToken({ close }) {
       });
     }
   };
-  const intl = useIntl2();
+  const intl = useIntl3();
   useEffect6(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
@@ -1524,9 +1528,9 @@ function ImportToken({ close }) {
     return /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
         /* @__PURE__ */ jsx6("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
-        /* @__PURE__ */ jsx6("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ jsx6(FormattedMessage2, { id: "importSuccess" }) : /* @__PURE__ */ jsx6(FormattedMessage2, { id: "importFail" }) })
+        /* @__PURE__ */ jsx6("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ jsx6(FormattedMessage3, { id: "importSuccess" }) : /* @__PURE__ */ jsx6(FormattedMessage3, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ jsx6(FormattedMessage2, { id: "close" }) }) : /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ jsx6(FormattedMessage2, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ jsx6(FormattedMessage3, { id: "close" }) }) : /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ jsx6(FormattedMessage3, { id: "back" }) })
     ] });
   }
   return /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token`, children: [
@@ -1580,7 +1584,7 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ jsx6(FormattedMessage2, { id: "import" })
+        children: /* @__PURE__ */ jsx6(FormattedMessage3, { id: "import" })
       }
     )
   ] });
@@ -1593,7 +1597,7 @@ var ReceiveModal = () => {
   const { address } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
-  const intl = useIntl3();
+  const intl = useIntl4();
   const onCopy = () => {
     setCopied(address);
     toast.success(intl.formatMessage({
@@ -1603,7 +1607,7 @@ var ReceiveModal = () => {
   const chainLink = chain.explorerLink("address/" + address);
   return /* @__PURE__ */ jsxs6("div", { className: `matchid-receive-modal`, children: [
     /* @__PURE__ */ jsxs6("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ jsx7("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ jsx7(FormattedMessage3, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ jsx7("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ jsx7(FormattedMessage4, { id: "receiveQrcode" }) }),
       /* @__PURE__ */ jsx7("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ jsx7(
         QRCode,
         {
@@ -1623,7 +1627,7 @@ var ReceiveModal = () => {
       )
     ] }),
     /* @__PURE__ */ jsx7(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ jsx7(
-      FormattedMessage3,
+      FormattedMessage4,
       {
         id: "copyAddress"
       }
@@ -1632,7 +1636,7 @@ var ReceiveModal = () => {
 };
 function useMatchWallet() {
   const modal = useModal();
-  const intl = useIntl3();
+  const intl = useIntl4();
   const showReceiveModal = () => {
     modal.open({
       title: intl.formatMessage({
@@ -2330,7 +2334,7 @@ var useWalletModalStore = create5((set) => ({
 
 // src/components/CEXBindModal/index.tsx
 import { useEffect as useEffect10, useMemo as useMemo6, useState as useState11 } from "react";
-import { FormattedMessage as FormattedMessage4, useIntl as useIntl4 } from "react-intl";
+import { FormattedMessage as FormattedMessage5, useIntl as useIntl5 } from "react-intl";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function CEXBindModal({
   onClose,
@@ -2338,7 +2342,7 @@ function CEXBindModal({
   isOpen = false,
   ...props
 }) {
-  const intl = useIntl4();
+  const intl = useIntl5();
   const { events } = useMatch();
   const [APIPassphrase, setAPIPassphrase] = useState11("");
   const { refreshOverview } = useUserInfo();
@@ -2392,10 +2396,10 @@ function CEXBindModal({
     type
   }), ...props, children: /* @__PURE__ */ jsxs7("div", { className: "matchid-cex-modal", children: [
     /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage4, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage4, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage4, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage4, { id: "CEXBindTips3" }) })
+      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage5, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage5, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage5, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ jsx9("p", { children: /* @__PURE__ */ jsx9(FormattedMessage5, { id: "CEXBindTips3" }) })
     ] }),
     /* @__PURE__ */ jsx9(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
@@ -2435,7 +2439,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ jsx9(FormattedMessage4, { id: "continue" })
+        children: /* @__PURE__ */ jsx9(FormattedMessage5, { id: "continue" })
       }
     )
   ] }) });
@@ -2979,7 +2983,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
@@ -3059,7 +3064,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
@@ -3139,7 +3145,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
@@ -3219,7 +3226,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
@@ -3299,7 +3307,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
@@ -3379,7 +3388,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
@@ -3459,7 +3469,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
@@ -3539,7 +3550,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
@@ -3619,7 +3631,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
@@ -3696,7 +3709,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();
@@ -3774,7 +3787,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":
@@ -3798,7 +3811,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);
@@ -3810,7 +3823,7 @@ function useUserInfo() {
     try {
       const obj = {
         email,
-        verification_key: window.sessionStorage.getItem("loginkey"),
+        verification_key: emailLoginKey,
         verification_code: code
       };
       const res = await verifyEmailCodeApi(obj);
@@ -3962,10 +3975,10 @@ function useUserInfo() {
 
 // src/components/EmailModal/StepVerify.tsx
 import { useEffect as useEffect14, useMemo as useMemo8, useRef as useRef4, useState as useState13 } from "react";
-import { FormattedMessage as FormattedMessage5, useIntl as useIntl5 } from "react-intl";
+import { FormattedMessage as FormattedMessage6, useIntl as useIntl6 } from "react-intl";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function StepVerify(props) {
-  const intl = useIntl5();
+  const intl = useIntl6();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
   const [error, setError] = useState13("");
   const [code, setCode] = useState13("");
@@ -4045,7 +4058,7 @@ function StepVerify(props) {
       /* @__PURE__ */ jsx13("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx13(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
       /* @__PURE__ */ jsxs9("div", { className: "matchid-email-verify-header-content", children: [
         /* @__PURE__ */ jsx13("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ jsx13("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx13(FormattedMessage5, { id: "sendEmailTips" }) })
+        /* @__PURE__ */ jsx13("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx13(FormattedMessage6, { id: "sendEmailTips" }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx13(Field, { label: intl.formatMessage({
@@ -4079,12 +4092,12 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx13(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx13(FormattedMessage5, { id: "continue" }) })
+    /* @__PURE__ */ jsx13(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx13(FormattedMessage6, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
-import { useIntl as useIntl6 } from "react-intl";
+import { useIntl as useIntl7 } from "react-intl";
 import { jsx as jsx14 } from "react/jsx-runtime";
 function EmailModal({
   isOpen = false,
@@ -4095,7 +4108,7 @@ function EmailModal({
 }) {
   const [step, setStep] = useState14("input");
   const [emailVal, setEmailVal] = useState14("");
-  const intl = useIntl6();
+  const intl = useIntl7();
   useEffect15(() => {
     if (!isOpen) {
       setStep("input");
@@ -4122,7 +4135,7 @@ function EmailModal({
 
 // src/components/LoginBox/index.tsx
 import { useMemo as useMemo9, useState as useState15 } from "react";
-import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "react-intl";
+import { FormattedMessage as FormattedMessage7, useIntl as useIntl8 } from "react-intl";
 
 // src/hooks/useAppConfig.ts
 import { useQuery as useQuery7 } from "@tanstack/react-query";
@@ -4237,7 +4250,7 @@ function LoginBox({
   const [emailOpen, setEmailOpen] = useState15(false);
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = useState15(false);
-  const intl = useIntl7();
+  const intl = useIntl8();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
@@ -4353,7 +4366,7 @@ function LoginBox({
         );
       }) }),
       methodConfig.methods.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ jsx15("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx15(FormattedMessage6, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ jsx15("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx15(FormattedMessage7, { id: "otherLoginMethods" }) }),
         /* @__PURE__ */ jsx15("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
           return /* @__PURE__ */ jsx15(
             "div",
@@ -4387,7 +4400,7 @@ function LoginBox({
 import { useState as useState17 } from "react";
 
 // src/components/LoginPanel/index.tsx
-import { FormattedMessage as FormattedMessage7 } from "react-intl";
+import { FormattedMessage as FormattedMessage8 } from "react-intl";
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function LoginPanel({
   header,
@@ -4398,8 +4411,8 @@ function LoginPanel({
   return /* @__PURE__ */ jsxs11("div", { className: "matchid-login-panel", children: [
     header ? header : /* @__PURE__ */ jsxs11("div", { className: "matchid-login-panel-header", children: [
       /* @__PURE__ */ jsxs11("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ jsx16("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx16(FormattedMessage7, { id: "loginTitle" }) }),
-        /* @__PURE__ */ jsx16("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx16(FormattedMessage7, { id: "loginTips" }) })
+        /* @__PURE__ */ jsx16("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx16(FormattedMessage8, { id: "loginTitle" }) }),
+        /* @__PURE__ */ jsx16("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx16(FormattedMessage8, { id: "loginTips" }) })
       ] }),
       onClose && /* @__PURE__ */ jsx16("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx16(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
@@ -4455,7 +4468,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 }
 
 // src/components/UserPopover/index.tsx
-import { FormattedMessage as FormattedMessage8, useIntl as useIntl8 } from "react-intl";
+import { FormattedMessage as FormattedMessage9, useIntl as useIntl9 } from "react-intl";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address, username } = useUserInfo();
@@ -4490,7 +4503,7 @@ function UserContent() {
   };
   const [usernameOpen, setUsernameOpen] = useState16(false);
   const [copied, setCopied] = useCopyClipboard();
-  const intl = useIntl8();
+  const intl = useIntl9();
   return /* @__PURE__ */ jsxs13("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ jsxs13("div", { className: "matchid-user-popover-list", children: [
       /* @__PURE__ */ jsx19(UserItem, { onClick: () => {
@@ -4503,7 +4516,7 @@ function UserContent() {
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ jsx19(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx19(FormattedMessage8, { id: "disconnect" }) }),
+    /* @__PURE__ */ jsx19(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx19(FormattedMessage9, { id: "disconnect" }) }),
     /* @__PURE__ */ jsx19(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
@@ -4519,7 +4532,7 @@ function UserPopover({
 }
 
 // src/components/LoginButton/index.tsx
-import { FormattedMessage as FormattedMessage9, useIntl as useIntl9 } from "react-intl";
+import { FormattedMessage as FormattedMessage10, useIntl as useIntl10 } from "react-intl";
 import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function LoginButton({
   loginRender,
@@ -4532,7 +4545,7 @@ function LoginButton({
   walletMethods,
   ...props
 }) {
-  const intl = useIntl9();
+  const intl = useIntl10();
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = useState17(false);
   if (!isLogin) {
@@ -4549,7 +4562,7 @@ function LoginButton({
       ),
       /* @__PURE__ */ jsxs14(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
         /* @__PURE__ */ jsx20(UnLoginIcon_default, {}),
-        /* @__PURE__ */ jsx20("span", { children: /* @__PURE__ */ jsx20(FormattedMessage9, { id: "login" }) })
+        /* @__PURE__ */ jsx20("span", { children: /* @__PURE__ */ jsx20(FormattedMessage10, { id: "login" }) })
       ] })
     ] });
   }
@@ -4563,7 +4576,7 @@ function LoginButton({
 
 // src/components/UsernameModal/index.tsx
 import { useEffect as useEffect16, useMemo as useMemo10, useState as useState18 } from "react";
-import { FormattedMessage as FormattedMessage10, useIntl as useIntl10 } from "react-intl";
+import { FormattedMessage as FormattedMessage11, useIntl as useIntl11 } from "react-intl";
 import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var ValidItem = ({
   success = false,
@@ -4619,7 +4632,7 @@ function UsernameModal({
       setIsSubmitting(false);
     }
   };
-  const intl = useIntl10();
+  const intl = useIntl11();
   return /* @__PURE__ */ jsx21(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
   }), children: /* @__PURE__ */ jsxs15("div", { className: "matchid-username-box", children: [
@@ -4654,10 +4667,10 @@ function UsernameModal({
     ] }),
     /* @__PURE__ */ jsx21(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx21(FormattedMessage10, { id: "confirm" }) }),
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx21(FormattedMessage11, { id: "confirm" }) }),
     /* @__PURE__ */ jsx21(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx21(FormattedMessage10, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx21(FormattedMessage11, { id: "cancel" }) })
   ] }) });
 }
 
@@ -4713,7 +4726,7 @@ import {
   XDEFIWalletAdapter
 } from "@solana/wallet-adapter-wallets";
 import "@solana/wallet-adapter-react-ui/styles.css";
-import { useIntl as useIntl11 } from "react-intl";
+import { useIntl as useIntl12 } from "react-intl";
 
 // src/components/WalletModalContent/index.tsx
 import { useMemo as useMemo11 } from "react";
@@ -4958,7 +4971,7 @@ function SOLConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = useIntl11();
+  const intl = useIntl12();
   return /* @__PURE__ */ jsx23(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
@@ -4971,7 +4984,7 @@ function SOLModal(props) {
 
 // src/components/TRONModal/index.tsx
 import React8, { useEffect as useEffect19, useMemo as useMemo12, useState as useState21 } from "react";
-import { useIntl as useIntl12 } from "react-intl";
+import { useIntl as useIntl13 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
 var TronLinkAdapter = class {
@@ -5088,7 +5101,7 @@ function TRONConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = useIntl12();
+  const intl = useIntl13();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
     tronlink: /* @__PURE__ */ jsx24(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
@@ -5239,7 +5252,7 @@ function TRONModal(props) {
 
 // src/components/TONModal/index.tsx
 import React9, { useEffect as useEffect20, useState as useState22 } from "react";
-import { useIntl as useIntl13 } from "react-intl";
+import { useIntl as useIntl14 } from "react-intl";
 import {
   TonConnectUIProvider,
   useTonAddress,
@@ -5405,7 +5418,7 @@ function TONConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = useIntl13();
+  const intl = useIntl14();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
   return /* @__PURE__ */ jsx25(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
@@ -5426,7 +5439,7 @@ function TONModal(props) {
 
 // src/components/BTCModal/index.tsx
 import React10, { useEffect as useEffect22, useMemo as useMemo13, useState as useState24 } from "react";
-import { useIntl as useIntl14 } from "react-intl";
+import { useIntl as useIntl15 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -5622,7 +5635,7 @@ function BTCConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = useIntl14();
+  const intl = useIntl15();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
     leather: /* @__PURE__ */ jsx26(LeatherIcon, { size: isDownMd ? 36 : 40 }),
@@ -5781,14 +5794,14 @@ function BTCModal(props) {
 
 // src/components/WalletModal/index.tsx
 import { useMemo as useMemo14 } from "react";
-import { useIntl as useIntl15 } from "react-intl";
+import { useIntl as useIntl16 } from "react-intl";
 import { jsx as jsx27 } from "react/jsx-runtime";
 function WalletConnectModal({
   type,
   methods: _methods,
   ...props
 }) {
-  const intl = useIntl15();
+  const intl = useIntl16();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
@@ -5927,7 +5940,7 @@ function WalletAsset({
 // src/components/TokenSend/index.tsx
 import { useEffect as useEffect24, useMemo as useMemo15, useState as useState26 } from "react";
 import { defineChain as defineChain4, encodeFunctionData as encodeFunctionData2, erc20Abi as erc20Abi3, http as http6, parseUnits as parseUnits2 } from "viem";
-import { FormattedMessage as FormattedMessage11, useIntl as useIntl16 } from "react-intl";
+import { FormattedMessage as FormattedMessage12, useIntl as useIntl17 } from "react-intl";
 import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function Input2({
   onChange,
@@ -5960,7 +5973,7 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = useIntl16();
+  const intl = useIntl17();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
   const chain = useMemo15(() => {
@@ -6078,11 +6091,11 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ jsx30(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx30(FormattedMessage11, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs20("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ jsx30(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx30(FormattedMessage12, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs20("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ jsxs20("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ jsxs20("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ jsxs20("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ jsx30("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx30(FormattedMessage11, { id: "amount" }) }),
+          /* @__PURE__ */ jsx30("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx30(FormattedMessage12, { id: "amount" }) }),
           /* @__PURE__ */ jsxs20("div", { className: `matchid-token-amount-chain`, children: [
             token.icon ? /* @__PURE__ */ jsx30(
               "img",
@@ -6110,7 +6123,7 @@ function TokenSend({
         ),
         /* @__PURE__ */ jsxs20("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ jsxs20("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ jsx30(FormattedMessage11, { id: "balance" }),
+            /* @__PURE__ */ jsx30(FormattedMessage12, { id: "balance" }),
             ":"
           ] }),
           /* @__PURE__ */ jsx30("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ jsx30(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
@@ -6118,7 +6131,7 @@ function TokenSend({
         /* @__PURE__ */ jsx30(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ jsxs20("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ jsx30("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx30("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx30(FormattedMessage11, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ jsx30("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx30("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx30(FormattedMessage12, { id: "receiveTitle" }) }) }),
         /* @__PURE__ */ jsx30(
           Input2,
           {
@@ -6144,14 +6157,14 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ jsx30(FormattedMessage11, { id: "next" })
+        children: /* @__PURE__ */ jsx30(FormattedMessage12, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-import { FormattedMessage as FormattedMessage12, useIntl as useIntl17 } from "react-intl";
+import { FormattedMessage as FormattedMessage13, useIntl as useIntl18 } from "react-intl";
 import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function TokenDetail({
   onClose,
@@ -6168,7 +6181,7 @@ function TokenDetail({
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
-  const intl = useIntl17();
+  const intl = useIntl18();
   return /* @__PURE__ */ jsx31(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
   }), onClose, children: /* @__PURE__ */ jsxs21("div", { className: `matchid-token-detail`, children: [
@@ -6189,13 +6202,13 @@ function TokenDetail({
         /* @__PURE__ */ jsx31("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ jsx31(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx31(FormattedMessage12, { id: "send" }) })
+    /* @__PURE__ */ jsx31(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx31(FormattedMessage13, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 import { useState as useState27 } from "react";
-import { FormattedMessage as FormattedMessage13 } from "react-intl";
+import { FormattedMessage as FormattedMessage14 } from "react-intl";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
@@ -6255,7 +6268,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ jsx32(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx32(FormattedMessage13, { id: "next" }) })
+    /* @__PURE__ */ jsx32(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx32(FormattedMessage14, { id: "next" }) })
   ] });
 }
 
@@ -6264,7 +6277,7 @@ import InfiniteScroll from "react-infinite-scroll-component";
 import { useEffect as useEffect25, useMemo as useMemo16, useState as useState28 } from "react";
 import { decodeFunctionData, defineChain as defineChain5, formatUnits as formatUnits3 } from "viem";
 import { erc20Abi as erc20Abi4 } from "viem";
-import { FormattedMessage as FormattedMessage14 } from "react-intl";
+import { FormattedMessage as FormattedMessage15 } from "react-intl";
 import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 var Item = ({ data }) => {
   const { address } = useWallet();
@@ -6397,7 +6410,7 @@ function TransactionList({
         /* @__PURE__ */ jsx33(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ jsx33("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx33(FormattedMessage14, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx33("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx33(FormattedMessage14, { id: "noRecords" }) }),
+      endMessage: items.length > 0 ? /* @__PURE__ */ jsx33("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx33(FormattedMessage15, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx33("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx33(FormattedMessage15, { id: "noRecords" }) }),
       children: items.length == 0 && !hasMore ? /* @__PURE__ */ jsx33("div", { className: "mt-[150px]" }) : /* @__PURE__ */ jsx33("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ jsx33(Item, { data: item }, index)) })
     }
   );
@@ -6451,4 +6464,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-OL4R4SZU.mjs.map
+//# sourceMappingURL=chunk-2DVC6WCN.mjs.map