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

package/dist/components/index.js

@@ -43,7 +43,6 @@ __export(components_exports, {
   ModalWithHeader: () => ModalWithHeader,
   Overlay: () => Overlay,
   Popover: () => Popover,
-  SOLModal: () => SOLModal,
   TONModal: () => TONModal,
   TRONModal: () => TRONModal,
   TokenDetail: () => TokenDetail,
@@ -3073,12 +3072,6 @@ function useWalletConfig() {
 }
 
 // src/store/useModalStore.ts
-var useSOLModalStore = (0, import_zustand5.create)((set) => ({
-  isOpen: false,
-  type: "",
-  open: (type) => set({ isOpen: true, type }),
-  close: () => set({ isOpen: false })
-}));
 var useTRONModalStore = (0, import_zustand5.create)((set) => ({
   isOpen: false,
   type: "",
@@ -3160,13 +3153,16 @@ function useUserInfo() {
     refreshOverview
   } = useLocalStore_default();
   const { setTgAppAuthCode, emailLoginKey, setEmailLoginKey } = useStore_default();
+  const isDownMd = useDownMd();
   const { events, login } = useMatch();
-  const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
   const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const walletModalStore = useWalletModalStore();
+  const getRedirectUri = () => {
+    return encodeURIComponent(window.location.href);
+  };
   const isLogin = (0, import_react22.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
@@ -3237,6 +3233,9 @@ function useUserInfo() {
       case "evm":
         return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
       case "sol":
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}login/sol?appid=${appid}&locale=${locale}&redirect_uri=${getRedirectUri()}`;
+        }
         return window.open(`${endpoints.auth}login/sol?appid=${appid}&locale=${locale}`);
       case "tron":
         return TRONOpen("login");
@@ -3279,7 +3278,7 @@ function useUserInfo() {
       const res = await verifyEmailCodeApi(obj);
       if (res && res.data && isSuccess(res)) {
         await login({
-          mid: res.data.mid,
+          // mid: res.data.mid,
           token: `${res.data.token_type} ${res.data.access_token}`
         });
         return true;
@@ -3326,7 +3325,10 @@ function useUserInfo() {
       case "evm":
         return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&locale=${locale}&st=` + encodeURIComponent(encodeBase64(token)));
       case "sol":
-        return SOLOpen("bind");
+        if (isDownMd) {
+          return window.location.href = `${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}&redirect_uri=${getRedirectUri()}`;
+        }
+        return window.open(`${endpoints.auth}bind/sol?appid=${appid}&locale=${locale}&st=${encodeURIComponent(encodeBase64(token))}`);
       case "tron":
         return TRONOpen("bind");
       case "ton":
@@ -4124,23 +4126,8 @@ function UsernameModal({
   ] }) });
 }
 
-// src/components/SOLModal/index.tsx
-var import_react30 = __toESM(require("react"));
-var import_web3 = require("@solana/web3.js");
-var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
-var import_wallet_adapter_react_ui = require("@solana/wallet-adapter-react-ui");
-
-// node_modules/@solana/wallet-adapter-base/lib/esm/types.js
-var WalletAdapterNetwork;
-(function(WalletAdapterNetwork2) {
-  WalletAdapterNetwork2["Mainnet"] = "mainnet-beta";
-  WalletAdapterNetwork2["Testnet"] = "testnet";
-  WalletAdapterNetwork2["Devnet"] = "devnet";
-})(WalletAdapterNetwork || (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");
+// src/components/TRONModal/index.tsx
+var import_react31 = __toESM(require("react"));
 var import_react_intl14 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
@@ -4243,164 +4230,6 @@ function WalletModalContent({
   ] }) });
 }
 
-// src/components/SOLModal/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
-function WalletContent({
-  onSuccess,
-  type
-}) {
-  const { setVisible, visible } = (0, import_wallet_adapter_react_ui.useWalletModal)();
-  const wallet = (0, import_wallet_adapter_react.useWallet)();
-  const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react30.useState)("");
-  const statusRef = import_react30.default.useRef(status);
-  const [error, setError] = (0, import_react30.useState)("");
-  (0, import_react30.useEffect)(() => {
-    const init = async () => {
-      await wallet.disconnect();
-      setVisible(true);
-    };
-    init();
-  }, []);
-  (0, import_react30.useEffect)(() => {
-    if (wallet.connected) {
-      console.log("wallet.connected", wallet.connected);
-      toLoginInWallet();
-    }
-  }, [wallet.connected]);
-  const toLoginInWallet = async () => {
-    if (statusRef.current) return;
-    const address = wallet.publicKey?.toBase58() || "";
-    try {
-      setStatus("nonce");
-      statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({
-        address,
-        type: "SOL"
-      }) : await getWalletNonceApi({ address, type: "SOL" });
-      if (!isSuccess(res)) {
-        throw new Error(res.message);
-      }
-      const nonce = res.code >= 0 ? res.data.nonce : null;
-      if (nonce) {
-        setStatus("signer");
-        statusRef.current = "signer";
-        const message = "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.Nonce:" + res.data.nonce;
-        const encodedMessage = new TextEncoder().encode(message);
-        const signedMessage = await wallet.signMessage(encodedMessage);
-        let obj = {
-          type: "SOL",
-          address,
-          signature: Buffer.from(signedMessage).toString("base64"),
-          message,
-          connector_type: "SOL",
-          wallet_client_type: wallet.wallet?.adapter.name || ""
-        };
-        const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
-        if (res1) {
-          if (!isSuccess(res1)) {
-            throw new Error(res1.message);
-          }
-          matchlog_default.log(res1);
-          setStatus("success");
-          statusRef.current = "success";
-          if (type == "bind") {
-            events.onBind && events.onBind({
-              type: "sol"
-            });
-            eventManager_default.emit("onBind", {
-              type: "sol"
-            });
-          } else {
-            await login({
-              mid: res1.data.mid,
-              token: `${res1.data.token_type} ${res1.data.access_token}`
-            });
-          }
-          onSuccess && onSuccess();
-        }
-      }
-    } catch (error2) {
-      setStatus("error");
-      setError(error2.message);
-      statusRef.current = "";
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-    WalletModalContent,
-    {
-      connected: wallet.connected,
-      disconnect: wallet.disconnect,
-      address: wallet.publicKey?.toBase58(),
-      visible,
-      setVisible,
-      error,
-      setError,
-      status
-    }
-  );
-}
-var wallets = [
-  new import_wallet_adapter_wallets.PhantomWalletAdapter(),
-  new import_wallet_adapter_wallets.SolflareWalletAdapter(),
-  new import_wallet_adapter_wallets.WalletConnectWalletAdapter({
-    network: WalletAdapterNetwork.Mainnet,
-    options: {
-      relayUrl: "wss://relay.walletconnect.com"
-    }
-  }),
-  new import_wallet_adapter_wallets.AlphaWalletAdapter(),
-  new import_wallet_adapter_wallets.AvanaWalletAdapter(),
-  new import_wallet_adapter_wallets.BitgetWalletAdapter(),
-  new import_wallet_adapter_wallets.BitpieWalletAdapter(),
-  new import_wallet_adapter_wallets.CloverWalletAdapter(),
-  new import_wallet_adapter_wallets.Coin98WalletAdapter(),
-  new import_wallet_adapter_wallets.CoinbaseWalletAdapter(),
-  new import_wallet_adapter_wallets.CoinhubWalletAdapter(),
-  new import_wallet_adapter_wallets.FractalWalletAdapter(),
-  new import_wallet_adapter_wallets.HuobiWalletAdapter(),
-  new import_wallet_adapter_wallets.HyperPayWalletAdapter(),
-  new import_wallet_adapter_wallets.KeystoneWalletAdapter(),
-  new import_wallet_adapter_wallets.KrystalWalletAdapter(),
-  new import_wallet_adapter_wallets.LedgerWalletAdapter(),
-  new import_wallet_adapter_wallets.MathWalletAdapter(),
-  new import_wallet_adapter_wallets.NekoWalletAdapter(),
-  new import_wallet_adapter_wallets.NightlyWalletAdapter(),
-  new import_wallet_adapter_wallets.NufiWalletAdapter(),
-  new import_wallet_adapter_wallets.OntoWalletAdapter(),
-  new import_wallet_adapter_wallets.ParticleAdapter(),
-  new import_wallet_adapter_wallets.SafePalWalletAdapter(),
-  new import_wallet_adapter_wallets.SaifuWalletAdapter(),
-  new import_wallet_adapter_wallets.SalmonWalletAdapter(),
-  new import_wallet_adapter_wallets.SkyWalletAdapter(),
-  new import_wallet_adapter_wallets.SolongWalletAdapter(),
-  new import_wallet_adapter_wallets.SpotWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenaryWalletAdapter(),
-  new import_wallet_adapter_wallets.TokenPocketWalletAdapter(),
-  new import_wallet_adapter_wallets.TorusWalletAdapter(),
-  new import_wallet_adapter_wallets.TrustWalletAdapter(),
-  new import_wallet_adapter_wallets.XDEFIWalletAdapter()
-];
-function SOLConnectModal({
-  type = "login",
-  onSuccess,
-  ...props
-}) {
-  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"
-  }, {
-    name: "SOL"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
-}
-function SOLModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SOLConnectModal, { ...props });
-}
-
-// src/components/TRONModal/index.tsx
-var import_react32 = __toESM(require("react"));
-var import_react_intl15 = require("react-intl");
-
 // src/lib/tron/TronLinkAdapter.ts
 var TronLinkAdapter = class {
   constructor() {
@@ -4432,7 +4261,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-var import_react31 = require("react");
+var import_react30 = require("react");
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -4476,12 +4305,12 @@ var OKXAdapter = class {
 
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
-  const wallets2 = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react31.useState)([]);
-  const [address, setAddress] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
+  const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
+  const [installedWallets, setInstalledWallets] = (0, import_react30.useState)([]);
+  const [address, setAddress] = (0, import_react30.useState)(null);
+  (0, import_react30.useEffect)(() => {
     const getInstalled = async () => {
-      const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
         isInstalled
       }))));
@@ -4489,18 +4318,18 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react31.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react30.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
   }, [wallet]);
   return {
     installedWallets,
-    wallets: wallets2,
+    wallets,
     chooseWallet,
     wallet,
     address,
@@ -4509,25 +4338,25 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function TRONConnectModal({
   type = "login",
   onSuccess,
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl15.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
+  const intl = (0, import_react_intl14.useIntl)();
+  const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react32.useState)("");
-  const statusRef = import_react32.default.useRef(status);
-  const [error, setError] = (0, import_react32.useState)("");
-  const connected = (0, import_react32.useMemo)(() => {
+  const [status, setStatus] = (0, import_react31.useState)("");
+  const statusRef = import_react31.default.useRef(status);
+  const [error, setError] = (0, import_react31.useState)("");
+  const connected = (0, import_react31.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -4582,7 +4411,7 @@ function TRONConnectModal({
             });
           } else {
             await login({
-              mid: res1.data.mid,
+              // mid: res1.data.mid,
               token: `${res1.data.token_type} ${res1.data.access_token}`
             });
           }
@@ -4595,7 +4424,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -4603,21 +4432,21 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     WalletModalContent,
     {
       error,
@@ -4630,9 +4459,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -4644,15 +4473,15 @@ function TRONConnectModal({
         wallet2.walletKey
       );
     }),
-    wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -4662,28 +4491,28 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
-var import_react33 = __toESM(require("react"));
-var import_react_intl16 = require("react-intl");
+var import_react32 = __toESM(require("react"));
+var import_react_intl15 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-function WalletContent2({
+var import_jsx_runtime85 = require("react/jsx-runtime");
+function WalletContent({
   onSuccess,
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = (0, import_react33.useState)(false);
+  const [connected, setConnected] = (0, import_react32.useState)(false);
   const wallet = (0, import_ui_react.useTonWallet)();
   const userFriendlyAddress = (0, import_ui_react.useTonAddress)();
   const [tonConnectUI] = (0, import_ui_react.useTonConnectUI)();
   const { state, open, close } = (0, import_ui_react.useTonConnectModal)();
-  const [status, setStatus] = (0, import_react33.useState)("");
-  const statusRef = import_react33.default.useRef(status);
-  const [error, setError] = (0, import_react33.useState)("");
-  (0, import_react33.useEffect)(() => {
+  const [status, setStatus] = (0, import_react32.useState)("");
+  const statusRef = import_react32.default.useRef(status);
+  const [error, setError] = (0, import_react32.useState)("");
+  (0, import_react32.useEffect)(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -4740,7 +4569,7 @@ function WalletContent2({
                 });
               } else {
                 await login({
-                  mid: res1.data.mid,
+                  // mid: res1.data.mid,
                   token: `${res1.data.token_type} ${res1.data.access_token}`
                 });
               }
@@ -4756,7 +4585,7 @@ function WalletContent2({
       }
     });
   }, []);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -4767,7 +4596,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     console.log({
       state,
       wallet
@@ -4796,7 +4625,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     WalletModalContent,
     {
       connected,
@@ -4827,28 +4656,28 @@ function TONConnectModal({
   onSuccess,
   ...props
 }) {
-  const intl = (0, import_react_intl16.useIntl)();
+  const intl = (0, import_react_intl15.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({
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     import_ui_react.TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(WalletContent, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
-var import_react35 = __toESM(require("react"));
-var import_react_intl17 = require("react-intl");
+var import_react34 = __toESM(require("react"));
+var import_react_intl16 = require("react-intl");
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -4996,14 +4825,14 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-var import_react34 = require("react");
+var import_react33 = require("react");
 var useBTCWallet = () => {
-  const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
-  const [installedWallets, setInstalledWallets] = (0, import_react34.useState)([]);
-  const [address, setAddress] = (0, import_react34.useState)(null);
-  (0, import_react34.useEffect)(() => {
+  const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
+  const [installedWallets, setInstalledWallets] = (0, import_react33.useState)([]);
+  const [address, setAddress] = (0, import_react33.useState)(null);
+  (0, import_react33.useEffect)(() => {
     const getInstalled = async () => {
-      const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+      const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
         isInstalled
       }))));
@@ -5011,18 +4840,18 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = (0, import_react34.useState)(null);
+  const [wallet, chooseWallet] = (0, import_react33.useState)(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!wallet) {
       setAddress(null);
     }
   }, [wallet]);
   return {
     installedWallets,
-    wallets: wallets2,
+    wallets,
     chooseWallet,
     wallet,
     address,
@@ -5031,25 +4860,25 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function BTCConnectModal({
   type = "login",
   onSuccess,
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = (0, import_react_intl17.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
+  const intl = (0, import_react_intl16.useIntl)();
+  const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(XverseIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = (0, import_react35.useState)("");
-  const statusRef = import_react35.default.useRef(status);
-  const [error, setError] = (0, import_react35.useState)("");
-  const connected = (0, import_react35.useMemo)(() => {
+  const [status, setStatus] = (0, import_react34.useState)("");
+  const statusRef = import_react34.default.useRef(status);
+  const [error, setError] = (0, import_react34.useState)("");
+  const connected = (0, import_react34.useMemo)(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
@@ -5099,7 +4928,7 @@ function BTCConnectModal({
             });
           } else {
             await login({
-              mid: res1.data.mid,
+              // mid: res1.data.mid,
               token: `${res1.data.token_type} ${res1.data.access_token}`
             });
           }
@@ -5113,7 +4942,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -5126,12 +4955,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -5143,11 +4972,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     WalletModalContent,
     {
       error,
@@ -5160,9 +4989,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -5174,15 +5003,15 @@ function BTCConnectModal({
         wallet2.walletKey
       );
     }),
-    wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -5192,23 +5021,23 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
-var import_react36 = require("react");
-var import_react_intl18 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function WalletConnectModal({
   type,
   methods: _methods,
   ...props
 }) {
-  const intl = (0, import_react_intl18.useIntl)();
+  const intl = (0, import_react_intl17.useIntl)();
   const { walletMap } = useWalletConfig();
   const { bind, login } = useUserInfo();
   const config = useAppConfig();
-  const methods = (0, import_react36.useMemo)(() => {
+  const methods = (0, import_react35.useMemo)(() => {
     if (_methods) return _methods;
     if (!config.platform) {
       return [];
@@ -5216,13 +5045,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-box", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       RecommendItem,
       {
         icon: m?.icon,
@@ -5236,21 +5065,21 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
-var import_react37 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react37.useState)(void 0);
-  (0, import_react37.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react36.useState)(void 0);
+  (0, import_react36.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -5258,7 +5087,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -5268,7 +5097,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
     const clickFunc = onAssetClick && onAssetClick(n);
     const chain = list?.find((m) => m.id.toString() === n.chain_id);
     const getFooterColor = () => {
@@ -5283,11 +5112,11 @@ function WalletAsset({
       }
       return "";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-wallet-asset-item`, onClick: clickFunc, style: {
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
+        n.icon ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -5295,12 +5124,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
-        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-wallet-asset-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        "price" in n && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-wallet-asset-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             NumberFormatter,
             {
               value: n.price,
@@ -5308,7 +5137,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             NumberFormatter,
             {
               value: n.value,
@@ -5317,15 +5146,15 @@ function WalletAsset({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `matchid-wallet-asset-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "price_change_24h" in n && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -5341,10 +5170,10 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_viem11 = require("viem");
-var import_react_intl19 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react_intl18 = require("react-intl");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function Input2({
   onChange,
   placeholder,
@@ -5354,8 +5183,8 @@ function Input2({
   error,
   size = "df"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "input",
       {
         placeholder,
@@ -5366,7 +5195,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -5376,25 +5205,25 @@ function TokenSend({
   onBack
 }) {
   const { list: chainList } = useMatchChain();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl18.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react38.useMemo)(() => {
+  const chain = (0, import_react37.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react38.useMemo)(() => {
+  const walletClient = (0, import_react37.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
       chain: (0, import_viem11.defineChain)(chain),
       transport: (0, import_viem11.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react38.useState)("");
-  const [address, setAddress] = (0, import_react38.useState)("");
-  const [loading, setLoading] = (0, import_react38.useState)(false);
-  const [sending, setSending] = (0, import_react38.useState)(false);
-  const [txError, setTxError] = (0, import_react38.useState)("");
-  const transaction = (0, import_react38.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react37.useState)("");
+  const [address, setAddress] = (0, import_react37.useState)("");
+  const [loading, setLoading] = (0, import_react37.useState)(false);
+  const [sending, setSending] = (0, import_react37.useState)(false);
+  const [txError, setTxError] = (0, import_react37.useState)("");
+  const transaction = (0, import_react37.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
@@ -5425,7 +5254,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react38.useMemo)(() => {
+  const error = (0, import_react37.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -5468,7 +5297,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react38.useMemo)(() => {
+  const canSend = (0, import_react37.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -5478,7 +5307,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -5494,24 +5323,24 @@ 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_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_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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl18.FormattedMessage, { id: "send" }), onBack, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-send-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "matchid-token-send-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-amount-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-amount-header`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl18.FormattedMessage, { id: "amount" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-amount-chain`, children: [
+            token.icon ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           Input2,
           {
             type: "text",
@@ -5524,18 +5353,18 @@ function TokenSend({
             error: error.amount || txError
           }
         ),
-        /* @__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_intl19.FormattedMessage, { id: "balance" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-amount-footer`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-amount-title`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl18.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 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.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_intl19.FormattedMessage, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `matchid-token-address-content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl18.FormattedMessage, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           Input2,
           {
             type: "text",
@@ -5551,7 +5380,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       Button,
       {
         size: "lg",
@@ -5560,15 +5389,15 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "next" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_intl18.FormattedMessage, { id: "next" })
       }
     )
   ] }) });
 }
 
 // src/components/TokenDetail/index.tsx
-var import_react_intl20 = require("react-intl");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react_intl19 = require("react-intl");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function TokenDetail({
   onClose,
   token
@@ -5578,41 +5407,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
-  const intl = (0, import_react_intl20.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  const intl = (0, import_react_intl19.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
-  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-detail`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-main`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-info`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+  }), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-detail`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-main`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-info`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-logo`, children: [
+          token.icon ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-name`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
-      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-contract-address", children: token.address })
+      token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `matchid-token-contract`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.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_intl20.FormattedMessage, { id: "send" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_intl19.FormattedMessage, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
-var import_react39 = require("react");
-var import_react_intl21 = require("react-intl");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_react_intl20 = require("react-intl");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -5620,20 +5449,20 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react39.useState)();
+  const [checked, setChecked] = (0, import_react38.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-token-send-list-box", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
         "div",
         {
           className: `matchid-token-send-item ${checked?.address == n.address ? "matchid-token-send-chekced" : ""}`,
@@ -5641,10 +5470,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-token-send-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "matchid-token-send-logo", children: [
+                n.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -5652,7 +5481,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                chain?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -5661,9 +5490,9 @@ function TokenSendList({ close }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: `matchid-token-send-info`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -5671,24 +5500,24 @@ 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_intl21.FormattedMessage, { id: "next" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react_intl20.FormattedMessage, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_viem12 = require("viem");
 var import_viem13 = require("viem");
-var import_react_intl22 = require("react-intl");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react_intl21 = require("react-intl");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
   const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { contracts } = useContractStore_default();
-  const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
-  const transferType = (0, import_react40.useMemo)(() => {
+  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
+  const transferType = (0, import_react39.useMemo)(() => {
     const methodId = data.input.substring(2, 10);
     if (methodId == "095ea7b3") {
       return "erc20_approve";
@@ -5698,7 +5527,7 @@ var Item = ({ data }) => {
     }
     return "unknown";
   }, [data.input]);
-  const to = (0, import_react40.useMemo)(() => {
+  const to = (0, import_react39.useMemo)(() => {
     if (!isOut) {
       return data.from;
     }
@@ -5711,7 +5540,7 @@ var Item = ({ data }) => {
     }
     return data.to;
   }, [data.input, transferType, data.to, isOut]);
-  const amount = (0, import_react40.useMemo)(() => {
+  const amount = (0, import_react39.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const decodeData = (0, import_viem12.decodeFunctionData)({
         abi: import_viem13.erc20Abi,
@@ -5729,7 +5558,7 @@ var Item = ({ data }) => {
     refetchInterval: shouldRefetch ? 3e3 : false,
     enabled: shouldRefetch && data.source == "local"
   });
-  const status = (0, import_react40.useMemo)(() => {
+  const status = (0, import_react39.useMemo)(() => {
     if (data.source == "matchain") {
       switch (data.extra.status) {
         case "ok":
@@ -5756,30 +5585,30 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
   }, [status, data.hash]);
-  const symbol = (0, import_react40.useMemo)(() => {
+  const symbol = (0, import_react39.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       const contract = contracts[`${chainId}-${data.to.toLowerCase()}`];
       return contract?.symbol || contract?.name || "unknown";
     }
     return chain?.nativeCurrency.symbol || chain?.nativeCurrency.name;
   }, [transferType, chain, contracts, chainId, data.to]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "a",
     {
       href: explorerLink(`tx/${data.hash}`),
       target: "_blank",
       className: `matchid-transaction-item`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-transacton-item-container`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-transaction-item-details`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -5788,11 +5617,11 @@ var Item = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InfoRoundIcon, { size: 16 })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -5802,19 +5631,19 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     import_react_infinite_scroll_component.default,
     {
       scrollableTarget,
       dataLength: items.length,
       next: fetchMoreData,
       hasMore,
-      loader: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+      loader: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-list-nomore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.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_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)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "noMoreRecords" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl21.FormattedMessage, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mt-[150px]" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Item, { data: item }, index)) })
     }
   );
 }
@@ -5833,7 +5662,6 @@ function TransactionList({
   ModalWithHeader,
   Overlay,
   Popover,
-  SOLModal,
   TONModal,
   TRONModal,
   TokenDetail,