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

package/dist/{chunk-KJQKG6RI.mjs → chunk-6QTW3KXN.mjs}

@@ -11,7 +11,7 @@ import {
   useUserInfo,
   verifyPohApi,
   wallet_exports
-} from "./chunk-OL4R4SZU.mjs";
+} from "./chunk-2DVC6WCN.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -94,4 +94,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-KJQKG6RI.mjs.map
+//# sourceMappingURL=chunk-6QTW3KXN.mjs.map

package/dist/components/index.js

@@ -1903,7 +1903,9 @@ var useStore = (0, import_zustand2.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;
 
@@ -2545,10 +2547,12 @@ function useImportTokenListQuery({
 // src/hooks/useMatchChain.tsx
 var import_react13 = require("react");
 var import_viem5 = require("viem");
+var import_react_intl2 = require("react-intl");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
+  const intl = (0, import_react_intl2.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
   const chainId = (0, import_react13.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
@@ -2596,12 +2600,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_intl2.FormattedMessage, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
     modal.open({
-      title: "Change Network",
+      title: intl.formatMessage({ id: "changeNetwork" }),
       content: ChangeNetwork
     });
   };
@@ -2701,11 +2705,11 @@ var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtoo
 var useContractStore_default = useContractStore;
 
 // src/hooks/useMatchWallet.tsx
-var import_react_intl3 = require("react-intl");
+var import_react_intl4 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
 var import_react14 = require("react");
-var import_react_intl2 = require("react-intl");
+var import_react_intl3 = require("react-intl");
 var import_react_query4 = require("@tanstack/react-query");
 var import_viem7 = require("viem");
 
@@ -3109,7 +3113,7 @@ var useWalletModalStore = (0, import_zustand5.create)((set) => ({
 
 // src/components/CEXBindModal/index.tsx
 var import_react18 = require("react");
-var import_react_intl4 = require("react-intl");
+var import_react_intl5 = require("react-intl");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -3128,7 +3132,7 @@ var import_react20 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_react_intl5 = require("react-intl");
+var import_react_intl6 = require("react-intl");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var queryClient = new import_react_query9.QueryClient();
 var MatchContext = (0, import_react21.createContext)(void 0);
@@ -3155,7 +3159,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();
@@ -3233,7 +3237,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":
@@ -3257,7 +3261,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);
@@ -3269,7 +3273,7 @@ function useUserInfo() {
     try {
       const obj = {
         email,
-        verification_key: window.sessionStorage.getItem("loginkey"),
+        verification_key: emailLoginKey,
         verification_code: code
       };
       const res = await verifyEmailCodeApi(obj);
@@ -3421,10 +3425,10 @@ function useUserInfo() {
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react23 = require("react");
-var import_react_intl6 = require("react-intl");
+var import_react_intl7 = require("react-intl");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function StepVerify(props) {
-  const intl = (0, import_react_intl6.useIntl)();
+  const intl = (0, import_react_intl7.useIntl)();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
   const [error, setError] = (0, import_react23.useState)("");
   const [code, setCode] = (0, import_react23.useState)("");
@@ -3504,7 +3508,7 @@ function StepVerify(props) {
       /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "matchid-email-verify-header-content", children: [
         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl6.FormattedMessage, { id: "sendEmailTips" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl7.FormattedMessage, { id: "sendEmailTips" }) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Field, { label: intl.formatMessage({
@@ -3538,12 +3542,12 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl6.FormattedMessage, { id: "continue" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { disabled: !canContinue, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_intl7.FormattedMessage, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/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 EmailModal({
   isOpen = false,
@@ -3554,7 +3558,7 @@ function EmailModal({
 }) {
   const [step, setStep] = (0, import_react24.useState)("input");
   const [emailVal, setEmailVal] = (0, import_react24.useState)("");
-  const intl = (0, import_react_intl7.useIntl)();
+  const intl = (0, import_react_intl8.useIntl)();
   (0, import_react24.useEffect)(() => {
     if (!isOpen) {
       setStep("input");
@@ -3581,7 +3585,7 @@ function EmailModal({
 
 // src/components/LoginBox/index.tsx
 var import_react25 = require("react");
-var import_react_intl8 = require("react-intl");
+var import_react_intl9 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
 var import_react_query10 = require("@tanstack/react-query");
@@ -3696,7 +3700,7 @@ function LoginBox({
   const [emailOpen, setEmailOpen] = (0, import_react25.useState)(false);
   const { login } = useUserInfo();
   const [showWallet, setShowWallet] = (0, import_react25.useState)(false);
-  const intl = (0, import_react_intl8.useIntl)();
+  const intl = (0, import_react_intl9.useIntl)();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
@@ -3812,7 +3816,7 @@ function LoginBox({
         );
       }) }),
       methodConfig.methods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl8.FormattedMessage, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_intl9.FormattedMessage, { id: "otherLoginMethods" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
           return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "div",
@@ -3846,7 +3850,7 @@ function LoginBox({
 var import_react27 = require("react");
 
 // src/components/LoginPanel/index.tsx
-var import_react_intl9 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function LoginPanel({
   header,
@@ -3857,8 +3861,8 @@ function LoginPanel({
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel", children: [
     header ? header : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl9.FormattedMessage, { id: "loginTitle" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl9.FormattedMessage, { id: "loginTips" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl10.FormattedMessage, { id: "loginTitle" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_intl10.FormattedMessage, { id: "loginTips" }) })
       ] }),
       onClose && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
@@ -3914,7 +3918,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 }
 
 // src/components/UserPopover/index.tsx
-var import_react_intl10 = require("react-intl");
+var import_react_intl11 = require("react-intl");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function UserContent() {
   const { logout, address, username } = useUserInfo();
@@ -3949,7 +3953,7 @@ function UserContent() {
   };
   const [usernameOpen, setUsernameOpen] = (0, import_react26.useState)(false);
   const [copied, setCopied] = useCopyClipboard();
-  const intl = (0, import_react_intl10.useIntl)();
+  const intl = (0, import_react_intl11.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "matchid-user-popover-list", children: [
       /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UserItem, { onClick: () => {
@@ -3962,7 +3966,7 @@ function UserContent() {
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl10.FormattedMessage, { id: "disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_intl11.FormattedMessage, { id: "disconnect" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
@@ -3978,7 +3982,7 @@ function UserPopover({
 }
 
 // src/components/LoginButton/index.tsx
-var import_react_intl11 = require("react-intl");
+var import_react_intl12 = require("react-intl");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function LoginButton({
   loginRender,
@@ -3991,7 +3995,7 @@ function LoginButton({
   walletMethods,
   ...props
 }) {
-  const intl = (0, import_react_intl11.useIntl)();
+  const intl = (0, import_react_intl12.useIntl)();
   const { isLogin, username } = useUserInfo();
   const [loginOpen, setLoginOpen] = (0, import_react27.useState)(false);
   if (!isLogin) {
@@ -4008,7 +4012,7 @@ function LoginButton({
       ),
       /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(UnLoginIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl11.FormattedMessage, { id: "login" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_intl12.FormattedMessage, { id: "login" }) })
       ] })
     ] });
   }
@@ -4022,7 +4026,7 @@ function LoginButton({
 
 // src/components/UsernameModal/index.tsx
 var import_react28 = require("react");
-var import_react_intl12 = require("react-intl");
+var import_react_intl13 = require("react-intl");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var ValidItem = ({
   success = false,
@@ -4078,7 +4082,7 @@ function UsernameModal({
       setIsSubmitting(false);
     }
   };
-  const intl = (0, import_react_intl12.useIntl)();
+  const intl = (0, import_react_intl13.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
   }), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-username-box", children: [
@@ -4113,10 +4117,10 @@ function UsernameModal({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl12.FormattedMessage, { id: "confirm" }) }),
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl13.FormattedMessage, { id: "confirm" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl12.FormattedMessage, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl13.FormattedMessage, { id: "cancel" }) })
   ] }) });
 }
 
@@ -4137,7 +4141,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_intl13 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react29 = require("react");
@@ -4382,7 +4386,7 @@ function SOLConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl13.useIntl)();
+  const intl = (0, import_react_intl14.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
@@ -4395,7 +4399,7 @@ function SOLModal(props) {
 
 // src/components/TRONModal/index.tsx
 var import_react32 = __toESM(require("react"));
-var import_react_intl14 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 
 // src/lib/tron/TronLinkAdapter.ts
 var TronLinkAdapter = class {
@@ -4512,7 +4516,7 @@ function TRONConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl14.useIntl)();
+  const intl = (0, import_react_intl15.useIntl)();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
     tronlink: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
@@ -4663,7 +4667,7 @@ function TRONModal(props) {
 
 // src/components/TONModal/index.tsx
 var import_react33 = __toESM(require("react"));
-var import_react_intl15 = require("react-intl");
+var import_react_intl16 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function WalletContent2({
@@ -4823,7 +4827,7 @@ function TONConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl15.useIntl)();
+  const intl = (0, import_react_intl16.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_runtime86.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
@@ -4844,7 +4848,7 @@ function TONModal(props) {
 
 // src/components/BTCModal/index.tsx
 var import_react35 = __toESM(require("react"));
-var import_react_intl16 = require("react-intl");
+var import_react_intl17 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -5034,7 +5038,7 @@ function BTCConnectModal({
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl16.useIntl)();
+  const intl = (0, import_react_intl17.useIntl)();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
     leather: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
@@ -5193,14 +5197,14 @@ function BTCModal(props) {
 
 // src/components/WalletModal/index.tsx
 var import_react36 = require("react");
-var import_react_intl17 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
   ...props
 }) {
-  const intl = (0, import_react_intl17.useIntl)();
+  const intl = (0, import_react_intl18.useIntl)();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
@@ -5339,7 +5343,7 @@ function WalletAsset({
 // src/components/TokenSend/index.tsx
 var import_react38 = require("react");
 var import_viem11 = require("viem");
-var import_react_intl18 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function Input2({
   onChange,
@@ -5372,7 +5376,7 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl18.useIntl)();
+  const intl = (0, import_react_intl19.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
   const chain = (0, import_react38.useMemo)(() => {
@@ -5490,11 +5494,11 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "amount" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
             token.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
               "img",
@@ -5522,7 +5526,7 @@ function TokenSend({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "balance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "balance" }),
             ":"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
@@ -5530,7 +5534,7 @@ function TokenSend({
         /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "receiveTitle" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           Input2,
           {
@@ -5556,14 +5560,14 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl18.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl19 = require("react-intl");
+var import_react_intl20 = require("react-intl");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
@@ -5580,7 +5584,7 @@ function TokenDetail({
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
   }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-detail`, children: [
@@ -5601,13 +5605,13 @@ function TokenDetail({
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl19.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl20.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
 var import_react39 = require("react");
-var import_react_intl20 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
@@ -5667,7 +5671,7 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "next" }) })
   ] });
 }
 
@@ -5676,7 +5680,7 @@ var import_react_infinite_scroll_component = __toESM(require("react-infinite-scr
 var import_react40 = require("react");
 var import_viem12 = require("viem");
 var import_viem13 = require("viem");
-var import_react_intl21 = require("react-intl");
+var import_react_intl22 = require("react-intl");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
@@ -5809,7 +5813,7 @@ function TransactionList({
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "noRecords" }) }),
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl22.FormattedMessage, { id: "noRecords" }) }),
       children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Item, { data: item }, index)) })
     }
   );