@matchain/matchid-sdk-react 0.1.55-alpha.15 → 0.1.55-alpha.17

package/dist/{chunk-BWGTZNIT.mjs → chunk-PAXASLBR.mjs}

@@ -1,8 +1,7 @@
-"use client";
 import {
   matchMain,
   matchTest
-} from "./chunk-2E4Y2HA7.mjs";
+} from "./chunk-JX73EY6V.mjs";
 import {
   NumberFormatter,
   bytesToBase64,
@@ -16,7 +15,7 @@ import {
   isValidEmail,
   isValidUsername,
   truncateAddress
-} from "./chunk-LA4YEM4O.mjs";
+} from "./chunk-IZOOVZAD.mjs";
 import {
   ArrowDownIcon,
   ArrowLeftIcon,
@@ -64,7 +63,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-RFAPTFVE.mjs";
+} from "./chunk-FKXS2XRG.mjs";
 import {
   confirm_default,
   connecting_default,
@@ -73,10 +72,10 @@ import {
   signing_default,
   success_default,
   wallet_default
-} from "./chunk-ZC36JTEM.mjs";
+} from "./chunk-XR24AYII.mjs";
 import {
   __export
-} from "./chunk-VO2OJADI.mjs";
+} from "./chunk-J5LGTIGS.mjs";
 
 // src/components/index.tsx
 var components_exports = {};
@@ -107,7 +106,7 @@ __export(components_exports, {
 });
 
 // src/components/EmailModal/index.tsx
-import { useEffect as useEffect20, useState as useState20 } from "react";
+import { useEffect as useEffect19, useState as useState19 } from "react";
 
 // src/ui/Modal/index.tsx
 import { useEffect as useEffect3, useState as useState2 } from "react";
@@ -943,11 +942,11 @@ var useStore_default = useStore;
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
 import { createWalletClient } from "viem";
-import { useEffect as useEffect8, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo3 } from "react";
 import { encodeDeployData } from "viem";
 
 // src/context/ModalContext.tsx
-import React3, { useState as useState8, useCallback, createContext, useContext } from "react";
+import React3, { useState as useState7, useCallback, createContext, useContext } from "react";
 import { createPortal } from "react-dom";
 
 // src/ui/index.ts
@@ -1298,25 +1297,23 @@ function Tabs(props) {
 }
 
 // src/ui/Lottie/index.tsx
-import { useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { useLottie } from "lottie-react";
 var LazyLottie = (props) => {
-  const [LottieReact, setLottieReact] = useState7(null);
-  useEffect7(() => {
-    import("./index.es-FMP4VX4N.mjs").then((mod) => {
-      setLottieReact(mod.default || mod);
-    });
-  }, []);
-  if (!LottieReact) return /* @__PURE__ */ jsx16("div", { children: "Loading..." });
-  return /* @__PURE__ */ jsx16(LottieReact, { loop: true, autoplay: true, ...props });
+  const options = {
+    animationData: props.animationData,
+    loop: true,
+    autoplay: true
+  };
+  const { View } = useLottie(options, props.style);
+  return View;
 };
 var Lottie_default = LazyLottie;
 
 // src/context/ModalContext.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var ModalContext = createContext(null);
 function ModalProvider({ children }) {
-  const [modalState, setModalState] = useState8({
+  const [modalState, setModalState] = useState7({
     modals: [],
     highestZIndex: 100
   });
@@ -1355,7 +1352,7 @@ function ModalProvider({ children }) {
           index: modalIndex,
           zIndex: newZIndex,
           close: () => closeModal(modalIndex),
-          content: ({ close, zIndex }) => /* @__PURE__ */ jsx17(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ jsx17(props.content, { close, zIndex }) })
+          content: ({ close, zIndex }) => /* @__PURE__ */ jsx16(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ jsx16(props.content, { close, zIndex }) })
         }],
         highestZIndex: newZIndex
       };
@@ -1411,7 +1408,7 @@ var useTransactionStore = create3(devtools2(persistedState2));
 var useTransactionStore_default = useTransactionStore;
 
 // src/hooks/useWallet.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
   const { address, wallet: walletConfig } = useLocalStore_default();
@@ -1501,7 +1498,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  useEffect8(() => {
+  useEffect7(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -1585,12 +1582,12 @@ function useWallet() {
             address: evmAccount.address
           });
           modal.show((props) => {
-            return /* @__PURE__ */ jsx18(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
+            return /* @__PURE__ */ jsx17(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, hash: txHash, chain: _chain });
           });
           return txHash;
         } catch (error) {
           modal.show((props) => {
-            return /* @__PURE__ */ jsx18(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
+            return /* @__PURE__ */ jsx17(HashPanel_default, { isOpen: true, onClose: props.close, zIndex: props.zIndex, error: typeof error == "string" ? error : error.details || error.message, chain: _chain });
           });
           throw error;
         }
@@ -1644,14 +1641,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback as useCallback2, useEffect as useEffect9, useState as useState10 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect8, useState as useState9 } from "react";
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = useState10(false);
+  const [isCopied, setIsCopied] = useState9(false);
   const staticCopy = useCallback2((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect9(() => {
+  useEffect8(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -1666,12 +1663,12 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/context/ToastContext.tsx
-import { useState as useState11, useCallback as useCallback3, createContext as createContext2, useContext as useContext2 } from "react";
+import { useState as useState10, useCallback as useCallback3, createContext as createContext2, useContext as useContext2 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var ToastContext = createContext2(null);
 function ToastProvider({ children, zIndex = 299 }) {
-  const [toasts, setToasts] = useState11([]);
+  const [toasts, setToasts] = useState10([]);
   const removeToast = useCallback3((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
@@ -1681,21 +1678,21 @@ function ToastProvider({ children, zIndex = 299 }) {
     setTimeout(() => removeToast(id), timeout);
   }, [removeToast]);
   const success = useCallback3((text, timeout) => {
-    show({ icon: /* @__PURE__ */ jsx19(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text, timeout });
+    show({ icon: /* @__PURE__ */ jsx18(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text, timeout });
   }, [show]);
   const error = useCallback3((text, timeout) => {
-    show({ icon: /* @__PURE__ */ jsx19(ErrorRoundIcon, { size: 24 }), text, timeout });
+    show({ icon: /* @__PURE__ */ jsx18(ErrorRoundIcon, { size: 24 }), text, timeout });
   }, [show]);
   const ToastComponent = createPortal2(
-    /* @__PURE__ */ jsx19("div", { className: "matchid-toast-box", style: {
+    /* @__PURE__ */ jsx18("div", { className: "matchid-toast-box", style: {
       zIndex
     }, children: toasts.reverse().map(({ id, icon, text }) => /* @__PURE__ */ jsxs9(
       "div",
       {
         className: "matchid-toast",
         children: [
-          icon && /* @__PURE__ */ jsx19("span", { children: icon }),
-          /* @__PURE__ */ jsx19("span", { children: text })
+          icon && /* @__PURE__ */ jsx18("span", { children: icon }),
+          /* @__PURE__ */ jsx18("span", { children: text })
         ]
       },
       id
@@ -1844,10 +1841,10 @@ function useWalletAssetListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-import { useMemo as useMemo4, useState as useState12 } from "react";
+import { useMemo as useMemo4, useState as useState11 } from "react";
 import { createPublicClient as createPublicClient3, formatUnits, http as http3, parseUnits } from "viem";
 import { FormattedMessage as FormattedMessage2, useIntl as useIntl3 } from "react-intl";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -1876,10 +1873,10 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = useState12(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = useState11(storeChainId2);
     const isDownMd = useDownMd();
     return /* @__PURE__ */ jsxs10("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ jsx20("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+      /* @__PURE__ */ jsx19("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
         return /* @__PURE__ */ jsxs10(
           "div",
           {
@@ -1887,19 +1884,19 @@ function useMatchChain() {
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
               /* @__PURE__ */ jsxs10("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ jsx20("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ jsx20("span", { className: "matchid-change-network-item-name", children: item.name })
+                /* @__PURE__ */ jsx19("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ jsx19("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ jsx20(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
+              /* @__PURE__ */ jsx19(Radio, { checked: selectedChainId === item.id, size: isDownMd ? 18 : 24 })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ jsx20(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ jsx19(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
-      }, block: true, children: /* @__PURE__ */ jsx20(FormattedMessage2, { id: "confirm" }) })
+      }, block: true, children: /* @__PURE__ */ jsx19(FormattedMessage2, { id: "confirm" }) })
     ] });
   }
   const showChangeNetwork = () => {
@@ -1936,7 +1933,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect12, useMemo as useMemo6, useRef, useState as useState14 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo6, useRef, useState as useState13 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 
 // src/config/index.tsx
@@ -2007,7 +2004,7 @@ var useContractStore_default = useContractStore;
 import { FormattedMessage as FormattedMessage4, useIntl as useIntl5 } from "react-intl";
 
 // src/components/ImportToken/index.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState13 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState12 } from "react";
 import { FormattedMessage as FormattedMessage3, useIntl as useIntl4 } from "react-intl";
 import { useQueryClient } from "@tanstack/react-query";
 import { defineChain, erc20Abi } from "viem";
@@ -2037,14 +2034,14 @@ function useIsContract({
 }
 
 // src/components/ImportToken/index.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function ImportToken({ close }) {
-  const [status, setStatus] = useState13("");
+  const [status, setStatus] = useState12("");
   const { token } = useUserInfo();
-  const [address, setAddress] = useState13("");
-  const [symbol, setSymbol] = useState13("");
-  const [decimals, setDecimals] = useState13("");
-  const [error, setError] = useState13({});
+  const [address, setAddress] = useState12("");
+  const [symbol, setSymbol] = useState12("");
+  const [decimals, setDecimals] = useState12("");
+  const [error, setError] = useState12({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -2078,7 +2075,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = useIntl4();
-  useEffect11(() => {
+  useEffect10(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2097,7 +2094,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = useState13(false);
+  const [loading, setLoading] = useState12(false);
   const toast = useToast();
   const queryClient2 = useQueryClient();
   const onImport = async () => {
@@ -2150,20 +2147,20 @@ function ImportToken({ close }) {
   if (status == "success" || status == "fail") {
     return /* @__PURE__ */ jsxs11("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ jsxs11("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ jsx21("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ jsx21(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
+        /* @__PURE__ */ jsx20("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ jsx20(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
-        /* @__PURE__ */ jsx21("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ jsx21(FormattedMessage3, { id: "importSuccess" }) : /* @__PURE__ */ jsx21(FormattedMessage3, { id: "importFail" }) })
+        /* @__PURE__ */ jsx20("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ jsx20(FormattedMessage3, { id: "importSuccess" }) : /* @__PURE__ */ jsx20(FormattedMessage3, { id: "importFail" }) })
       ] }),
-      status == "success" ? /* @__PURE__ */ jsx21(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ jsx21(FormattedMessage3, { id: "close" }) }) : /* @__PURE__ */ jsx21(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ jsx21(FormattedMessage3, { id: "back" }) })
+      status == "success" ? /* @__PURE__ */ jsx20(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ jsx20(FormattedMessage3, { id: "close" }) }) : /* @__PURE__ */ jsx20(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ jsx20(FormattedMessage3, { id: "back" }) })
     ] });
   }
   return /* @__PURE__ */ jsxs11("div", { className: `matchid-import-token`, children: [
     /* @__PURE__ */ jsxs11("div", { className: "matchid-import-token-form", children: [
-      /* @__PURE__ */ jsx21(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ jsx20(Field, { label: intl.formatMessage({
         id: "tokenSmartContract"
-      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ jsx21(
+      }), error: error.address ? error.address : isContractQuery.isFetched && !isContractQuery.isLoading && !isContractQuery.data && canImport ? "Address isn't a contract address" : "", children: /* @__PURE__ */ jsx20(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2174,9 +2171,9 @@ function ImportToken({ close }) {
           maxLength: 42
         }
       ) }),
-      /* @__PURE__ */ jsx21(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ jsx20(Field, { label: intl.formatMessage({
         id: "tokenSymbol"
-      }), error: error.symbol, children: /* @__PURE__ */ jsx21(
+      }), error: error.symbol, children: /* @__PURE__ */ jsx20(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2187,9 +2184,9 @@ function ImportToken({ close }) {
           maxLength: 16
         }
       ) }),
-      /* @__PURE__ */ jsx21(Field, { label: intl.formatMessage({
+      /* @__PURE__ */ jsx20(Field, { label: intl.formatMessage({
         id: "tokenDecimals"
-      }), error: error.decimals, children: /* @__PURE__ */ jsx21(
+      }), error: error.decimals, children: /* @__PURE__ */ jsx20(
         Input,
         {
           placeholder: intl.formatMessage({
@@ -2201,7 +2198,7 @@ function ImportToken({ close }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       Button,
       {
         size: "lg",
@@ -2210,14 +2207,14 @@ function ImportToken({ close }) {
         loading: loading || isContractQuery.isLoading,
         disabled: !canImport || !isContractQuery.data,
         highlight: true,
-        children: /* @__PURE__ */ jsx21(FormattedMessage3, { id: "import" })
+        children: /* @__PURE__ */ jsx20(FormattedMessage3, { id: "import" })
       }
     )
   ] });
 }
 
 // src/hooks/useMatchWallet.tsx
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var ReceiveModal = () => {
   const chain = useMatchChain();
   const { address } = useWallet();
@@ -2233,8 +2230,8 @@ var ReceiveModal = () => {
   const chainLink = chain.explorerLink("address/" + address);
   return /* @__PURE__ */ jsxs12("div", { className: `matchid-receive-modal`, children: [
     /* @__PURE__ */ jsxs12("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ jsx22("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ jsx22(FormattedMessage4, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ jsx22("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx21("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ jsx21(FormattedMessage4, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ jsx21("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ jsx21(
         QRCode,
         {
           margin: "0",
@@ -2242,7 +2239,7 @@ var ReceiveModal = () => {
           value: address
         }
       ) }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx21(
         "a",
         {
           href: chainLink,
@@ -2252,7 +2249,7 @@ var ReceiveModal = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx22(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx21(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ jsx21(
       FormattedMessage4,
       {
         id: "copyAddress"
@@ -2294,8 +2291,8 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = useState14(true);
-  const [items, setItems] = useState14([]);
+  const [hasMore, setHasMore] = useState13(true);
+  const [items, setItems] = useState13([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
   const hasMoreRef = useRef(hasMore);
@@ -2326,7 +2323,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  useEffect12(() => {
+  useEffect11(() => {
     if (chainId && address) {
       onInit();
     }
@@ -2561,7 +2558,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  useEffect12(() => {
+  useEffect11(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -2586,14 +2583,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-import { useState as useState15, useCallback as useCallback4, useEffect as useEffect13 } from "react";
+import { useState as useState14, useCallback as useCallback4, useEffect as useEffect12 } from "react";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { createPublicClient as createPublicClient5, defineChain as defineChain2, http as http5 } from "viem";
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = useState15(/* @__PURE__ */ new Map());
+  const [cache, setCache] = useState14(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -2604,7 +2601,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  useEffect13(() => {
+  useEffect12(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -2695,7 +2692,7 @@ function useReceipt({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = useState15(true);
+  const [shouldRefetch, setShouldRefetch] = useState14(true);
   const query = useQuery5({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -2721,7 +2718,7 @@ function useReceipt({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect13(() => {
+  useEffect12(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2730,14 +2727,14 @@ function useReceipt({
 }
 
 // src/hooks/useTransaction.tsx
-import { useState as useState16, useCallback as useCallback5, useEffect as useEffect14 } from "react";
+import { useState as useState15, useCallback as useCallback5, useEffect as useEffect13 } from "react";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { createPublicClient as createPublicClient6, defineChain as defineChain3, http as http6 } from "viem";
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = useState16(/* @__PURE__ */ new Map());
+  const [cache, setCache] = useState15(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -2748,7 +2745,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  useEffect14(() => {
+  useEffect13(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -2839,7 +2836,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = useState16(true);
+  const [shouldRefetch, setShouldRefetch] = useState15(true);
   const query = useQuery6({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -2865,7 +2862,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect14(() => {
+  useEffect13(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2877,39 +2874,39 @@ function useTransaction({
 import { create as create5 } from "zustand";
 
 // src/hooks/useConfig.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 var WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 function useWalletConfig() {
   const isDownMd = useDownMd();
   const walletMap = {
     evm: {
-      icon: /* @__PURE__ */ jsx23(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ jsx23(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx22(EVMDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx22(EVMLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "EVM",
       method: "evm"
     },
     sol: {
-      icon: /* @__PURE__ */ jsx23(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ jsx23(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx22(SOLDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx22(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       method: "sol"
     },
     btc: {
-      icon: /* @__PURE__ */ jsx23(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ jsx23(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx22(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx22(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       method: "btc"
     },
     tron: {
-      icon: /* @__PURE__ */ jsx23(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ jsx23(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx22(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx22(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       method: "tron"
     },
     ton: {
-      icon: /* @__PURE__ */ jsx23(TonLightIcon, { size: isDownMd ? 36 : 40 }),
-      activeIcon: /* @__PURE__ */ jsx23(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx22(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx22(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
       name: "TON",
       method: "ton"
     }
@@ -2959,9 +2956,9 @@ var useWalletModalStore = create5((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect15, useMemo as useMemo7, useState as useState17 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo7, useState as useState16 } from "react";
 import { FormattedMessage as FormattedMessage5, useIntl as useIntl6 } from "react-intl";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function CEXBindModal({
   onClose,
   type,
@@ -2970,16 +2967,16 @@ function CEXBindModal({
 }) {
   const intl = useIntl6();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState17("");
+  const [APIPassphrase, setAPIPassphrase] = useState16("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState17(false);
-  const [key, setKey] = useState17("");
-  const [secret, setSecret] = useState17("");
-  const [error, setError] = useState17("");
+  const [loading, setLoading] = useState16(false);
+  const [key, setKey] = useState16("");
+  const [secret, setSecret] = useState16("");
+  const [error, setError] = useState16("");
   const needPassphrase = useMemo7(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -3016,20 +3013,20 @@ function CEXBindModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx24(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
+  return /* @__PURE__ */ jsx23(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
     id: "CEXBindTitle"
   }, {
     type
   }), ...props, children: /* @__PURE__ */ jsxs13("div", { className: "matchid-cex-modal", children: [
     /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage5, { id: "CEXBindAttention" }) }),
-      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage5, { id: "CEXBindTips1" }) }),
-      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage5, { id: "CEXBindTips2" }) }),
-      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage5, { id: "CEXBindTips3" }) })
+      /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage5, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage5, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage5, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage5, { id: "CEXBindTips3" }) })
     ] }),
-    /* @__PURE__ */ jsx24(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
-    }), children: /* @__PURE__ */ jsx24(
+    }), children: /* @__PURE__ */ jsx23(
       Input,
       {
         value: key,
@@ -3037,9 +3034,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ jsx24(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: !needPassphrase && error, children: /* @__PURE__ */ jsx24(
+    }), error: !needPassphrase && error, children: /* @__PURE__ */ jsx23(
       Input,
       {
         value: secret,
@@ -3047,9 +3044,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    needPassphrase && /* @__PURE__ */ jsx24(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ jsx23(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
-    }), children: /* @__PURE__ */ jsx24(
+    }), children: /* @__PURE__ */ jsx23(
       Input,
       {
         value: APIPassphrase,
@@ -3057,7 +3054,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(
       Button,
       {
         onClick: SubmitApi,
@@ -3065,7 +3062,7 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ jsx24(FormattedMessage5, { id: "continue" })
+        children: /* @__PURE__ */ jsx23(FormattedMessage5, { id: "continue" })
       }
     )
   ] }) });
@@ -3073,7 +3070,7 @@ function CEXBindModal({
 
 // src/context/BusinessProvider.tsx
 import { useQuery as useQuery7 } from "@tanstack/react-query";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { type: EVMType, isOpen: EVMIsOpen, close: EVMClose } = useEVMModalStore();
@@ -3108,7 +3105,7 @@ function BusinessProvider({ children }) {
     refetchInterval: 1e3 * 5
   });
   return /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       EVMModal,
       {
         isOpen: EVMIsOpen && (EVMType == "login" && !overview && !token || EVMType == "bind" && !!token && !!overview),
@@ -3118,7 +3115,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -3128,7 +3125,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       TONModal,
       {
         isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
@@ -3138,7 +3135,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -3148,7 +3145,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -3157,7 +3154,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       WalletModal,
       {
         isOpen: WalletModalStore.isOpen && (WalletModalStore.type == "login" && !overview && !token || WalletModalStore.type == "bind" && !!token && !!overview),
@@ -3172,14 +3169,14 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
-  return /* @__PURE__ */ jsx26(ToastProvider, { children: /* @__PURE__ */ jsx26(ModalProvider, { children: /* @__PURE__ */ jsx26(BusinessProvider, { children }) }) });
+  return /* @__PURE__ */ jsx25(ToastProvider, { children: /* @__PURE__ */ jsx25(ModalProvider, { children: /* @__PURE__ */ jsx25(BusinessProvider, { children }) }) });
 };
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect16, useRef as useRef2 } from "react";
+import { useEffect as useEffect15, useRef as useRef2 } from "react";
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -3213,10 +3210,10 @@ function useWalletInit({
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
   const iframeReadyRef = useRef2(walletReady);
-  useEffect16(() => {
+  useEffect15(() => {
     setWallet(config);
   }, [config]);
-  useEffect16(() => {
+  useEffect15(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -3233,7 +3230,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -3333,7 +3330,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  useEffect16(() => {
+  useEffect15(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -3414,7 +3411,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect17, useRef as useRef3 } from "react";
+import { useEffect as useEffect16, useRef as useRef3 } from "react";
 function useInit({
   theme,
   appid,
@@ -3439,19 +3436,19 @@ function useInit({
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect17(() => {
+  useEffect16(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect17(() => {
+  useEffect16(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect17(() => {
+  useEffect16(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect17(() => {
+  useEffect16(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3462,7 +3459,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -3492,7 +3489,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  useEffect17(() => {
+  useEffect16(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3529,7 +3526,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect17(() => {
+  useEffect16(() => {
     if (token) {
       loadOverview();
     }
@@ -4378,7 +4375,7 @@ import {
 } from "@rainbow-me/rainbowkit/wallets";
 import { arbitrum, base, bsc, mainnet, optimism, polygon } from "wagmi/chains";
 import { WagmiProvider } from "wagmi";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var wagmiConfig = getDefaultConfig({
   appName: "MatchID",
@@ -4417,7 +4414,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ jsx27(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx27(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx27(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx27(RainbowKitProvider, { children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx26(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx26(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx26(RainbowKitProvider, { children: /* @__PURE__ */ jsx26(
     MatchContext.Provider,
     {
       value: {
@@ -4428,7 +4425,7 @@ var MatchProvider = ({
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ jsx27(context_default, { children })
+      children: /* @__PURE__ */ jsx26(context_default, { children })
     }
   ) }) }) }) });
 };
@@ -4738,18 +4735,18 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-import { useEffect as useEffect19, useMemo as useMemo9, useRef as useRef4, useState as useState19 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo9, useRef as useRef4, useState as useState18 } from "react";
 import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "react-intl";
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function StepVerify(props) {
   const intl = useIntl7();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
-  const [error, setError] = useState19("");
-  const [code, setCode] = useState19("");
-  const [sending, setSending] = useState19(false);
-  const [submitting, setSubmitting] = useState19(false);
+  const [error, setError] = useState18("");
+  const [code, setCode] = useState18("");
+  const [sending, setSending] = useState18(false);
+  const [submitting, setSubmitting] = useState18(false);
   const sendTimeRef = useRef4(0);
-  const [sendBtnText, setSendBtnText] = useState19(intl.formatMessage({
+  const [sendBtnText, setSendBtnText] = useState18(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
@@ -4785,7 +4782,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect19(() => {
+  useEffect18(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -4819,15 +4816,15 @@ function StepVerify(props) {
   };
   return /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-box", children: [
     /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-header", children: [
-      /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx28(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
+      /* @__PURE__ */ jsx27("div", { className: "matchid-email-verify-header-icon", children: /* @__PURE__ */ jsx27(EmailLineIcon, { size: isDownMd ? 19 : 24 }) }),
       /* @__PURE__ */ jsxs15("div", { className: "matchid-email-verify-header-content", children: [
-        /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-value", children: props.email }),
-        /* @__PURE__ */ jsx28("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx28(FormattedMessage6, { id: "sendEmailTips" }) })
+        /* @__PURE__ */ jsx27("div", { className: "matchid-email-verify-header-value", children: props.email }),
+        /* @__PURE__ */ jsx27("div", { className: "matchid-email-verify-header-tips", children: /* @__PURE__ */ jsx27(FormattedMessage6, { id: "sendEmailTips" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx28(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx27(Field, { label: intl.formatMessage({
       id: "verificationCode"
-    }), error, children: /* @__PURE__ */ jsx28(
+    }), error, children: /* @__PURE__ */ jsx27(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -4837,7 +4834,7 @@ function StepVerify(props) {
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
-        after: /* @__PURE__ */ jsx28(
+        after: /* @__PURE__ */ jsx27(
           Button,
           {
             highlight: true,
@@ -4856,13 +4853,13 @@ function StepVerify(props) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx28(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx28(FormattedMessage6, { id: "continue" }) })
+    /* @__PURE__ */ jsx27(Button, { disabled: !canContinue, loading: submitting, highlight: true, block: true, size: "lg", onClick: onContinue, children: /* @__PURE__ */ jsx27(FormattedMessage6, { id: "continue" }) })
   ] });
 }
 
 // src/components/EmailModal/index.tsx
 import { useIntl as useIntl8 } from "react-intl";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function EmailModal({
   isOpen = false,
   width = 480,
@@ -4870,16 +4867,16 @@ function EmailModal({
   onBack,
   onLogin
 }) {
-  const [step, setStep] = useState20("input");
-  const [emailVal, setEmailVal] = useState20("");
+  const [step, setStep] = useState19("input");
+  const [emailVal, setEmailVal] = useState19("");
   const intl = useIntl8();
-  useEffect20(() => {
+  useEffect19(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
     }
   }, [isOpen]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     ModalWithHeader,
     {
       isOpen,
@@ -4889,16 +4886,16 @@ function EmailModal({
         id: "email"
       }),
       onBack: step == "verify" ? () => setStep("input") : onBack,
-      children: step === "input" ? /* @__PURE__ */ jsx29(StepEmail, { email: emailVal, onContinue: (email) => {
+      children: step === "input" ? /* @__PURE__ */ jsx28(StepEmail, { email: emailVal, onContinue: (email) => {
         setEmailVal(email);
         setStep("verify");
-      } }) : /* @__PURE__ */ jsx29(StepVerify, { email: emailVal, onSuccess: onLogin })
+      } }) : /* @__PURE__ */ jsx28(StepVerify, { email: emailVal, onSuccess: onLogin })
     }
   );
 }
 
 // src/components/LoginBox/index.tsx
-import { useMemo as useMemo10, useState as useState21 } from "react";
+import { useMemo as useMemo10, useState as useState20 } from "react";
 import { FormattedMessage as FormattedMessage7, useIntl as useIntl9 } from "react-intl";
 
 // src/hooks/useAppConfig.ts
@@ -4922,7 +4919,7 @@ function useAppConfig() {
 }
 
 // src/components/LoginBox/index.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var RecommendItem = ({
   icon,
   name,
@@ -4934,17 +4931,17 @@ var RecommendItem = ({
   return /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method", children: [
     /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method-item", onClick, children: [
       /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-method-content", children: [
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-method-icon", children: icon }),
-        /* @__PURE__ */ jsx30("span", { className: "matchid-login-recommend-method-name", children: name })
+        /* @__PURE__ */ jsx29("div", { className: "matchid-login-recommend-method-icon", children: icon }),
+        /* @__PURE__ */ jsx29("span", { className: "matchid-login-recommend-method-name", children: name })
       ] }),
-      footer ? footer : children ? /* @__PURE__ */ jsx30(
+      footer ? footer : children ? /* @__PURE__ */ jsx29(
         ArrowDownIcon,
         {
           className: `matchid-login-recommend-method-arrow ${showChildren ? "matchid-login-recommend-method-arrow-active" : ""}`,
           size: 20,
           color: "var(--matchid-arrow-color)"
         }
-      ) : /* @__PURE__ */ jsx30(
+      ) : /* @__PURE__ */ jsx29(
         ArrowRightIcon,
         {
           className: "matchid-login-recommend-method-arrow",
@@ -4953,7 +4950,7 @@ var RecommendItem = ({
         }
       )
     ] }),
-    children && /* @__PURE__ */ jsx30(
+    children && /* @__PURE__ */ jsx29(
       "div",
       {
         className: `matchid-login-recommend-method-popover ${showChildren ? "matchid-login-recommend-method-popover-active" : ""}`,
@@ -5011,62 +5008,62 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const [emailOpen, setEmailOpen] = useState21(false);
+  const [emailOpen, setEmailOpen] = useState20(false);
   const { login } = useUserInfo();
-  const [showWallet, setShowWallet] = useState21(false);
+  const [showWallet, setShowWallet] = useState20(false);
   const intl = useIntl9();
   const isDownMd = useDownMd();
   const methodMap = {
     wallet: {
-      icon: /* @__PURE__ */ jsx30(WalletIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(WalletIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "wallet" }),
       onClick: () => setShowWallet(!showWallet),
       type: "wallet"
     },
     email: {
-      icon: /* @__PURE__ */ jsx30(EmailIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(EmailIcon, { size: isDownMd ? 36 : 40 }),
       name: intl.formatMessage({ id: "email" }),
       onClick: () => {
         setEmailOpen(true);
       }
     },
     google: {
-      icon: /* @__PURE__ */ jsx30(GoogleIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(GoogleIcon, { size: isDownMd ? 36 : 40 }),
       name: "Google",
       onClick: () => login("google")
     },
     twitter: {
-      icon: /* @__PURE__ */ jsx30(XIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(XIcon, { size: isDownMd ? 36 : 40 }),
       name: "X",
       onClick: () => login("twitter")
     },
     telegram: {
-      icon: /* @__PURE__ */ jsx30(TelegramIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(TelegramIcon, { size: isDownMd ? 36 : 40 }),
       name: "Telegram",
       onClick: () => login("telegram")
     },
     github: {
-      icon: /* @__PURE__ */ jsx30(GithubIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(GithubIcon, { size: isDownMd ? 36 : 40 }),
       name: "Github",
       onClick: () => login("github")
     },
     discord: {
-      icon: /* @__PURE__ */ jsx30(DiscordIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(DiscordIcon, { size: isDownMd ? 36 : 40 }),
       name: "Discord",
       onClick: () => login("discord")
     },
     linkedin: {
-      icon: /* @__PURE__ */ jsx30(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(LinkedinIcon, { size: isDownMd ? 36 : 40 }),
       name: "LinkedIn",
       onClick: () => login("linkedin")
     },
     facebook: {
-      icon: /* @__PURE__ */ jsx30(FacebookIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(FacebookIcon, { size: isDownMd ? 36 : 40 }),
       name: "Facebook",
       onClick: () => login("facebook")
     },
     youtube: {
-      icon: /* @__PURE__ */ jsx30(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
+      icon: /* @__PURE__ */ jsx29(YoutubeIcon, { size: isDownMd ? 36 : 40 }),
       name: "Youtube",
       onClick: () => login("youtube")
     }
@@ -5074,8 +5071,8 @@ function LoginBox({
   const { walletMap } = useWalletConfig();
   return /* @__PURE__ */ jsxs16(Fragment5, { children: [
     (!inModal || !emailOpen) && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-box", children: [
-      /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
-        return /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx29("div", { className: "matchid-login-recommend-list", children: methodConfig.recommendMethods.map((m) => {
+        return /* @__PURE__ */ jsx29(
           RecommendItem,
           {
             icon: methodMap[m]?.icon,
@@ -5083,8 +5080,8 @@ function LoginBox({
             onClick: methodMap[m]?.onClick,
             showChildren: m == "wallet" && showWallet,
             children: m == "wallet" && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
+              /* @__PURE__ */ jsx29("div", { className: "matchid-login-recommend-wallet-divider" }),
+              /* @__PURE__ */ jsx29("div", { className: "matchid-login-recommend-wallet-list", children: methodConfig.walletMethods.map((n) => {
                 const m2 = walletMap[n];
                 return /* @__PURE__ */ jsxs16(
                   "div",
@@ -5095,15 +5092,15 @@ function LoginBox({
                     },
                     children: [
                       /* @__PURE__ */ jsxs16("div", { className: "matchid-login-recommend-wallet-item-content", children: [
-                        /* @__PURE__ */ jsx30("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx29("div", { className: "matchid-login-recommend-wallet-item-icon", children: m2.icon }),
+                        /* @__PURE__ */ jsx29(
                           "div",
                           {
                             className: "matchid-login-recommend-wallet-item-hover-icon",
                             children: m2.activeIcon
                           }
                         ),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx29(
                           "span",
                           {
                             className: "matchid-login-recommend-wallet-item-name",
@@ -5111,7 +5108,7 @@ function LoginBox({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx29(
                         ArrowRightIcon,
                         {
                           className: "matchid-login-recommend-wallet-item-arrow",
@@ -5130,9 +5127,9 @@ function LoginBox({
         );
       }) }),
       methodConfig.methods.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "matchid-login-other", children: [
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx30(FormattedMessage7, { id: "otherLoginMethods" }) }),
-        /* @__PURE__ */ jsx30("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
-          return /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx29("div", { className: "matchid-login-other-text", children: /* @__PURE__ */ jsx29(FormattedMessage7, { id: "otherLoginMethods" }) }),
+        /* @__PURE__ */ jsx29("div", { className: "matchid-login-method-box", children: methodConfig.methods.map((m) => {
+          return /* @__PURE__ */ jsx29(
             "div",
             {
               className: "matchid-login-method-item",
@@ -5145,7 +5142,7 @@ function LoginBox({
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx29(
       EmailModal,
       {
         isOpen: emailOpen,
@@ -5161,11 +5158,11 @@ function LoginBox({
 }
 
 // src/components/LoginButton/index.tsx
-import { useState as useState23 } from "react";
+import { useState as useState22 } from "react";
 
 // src/components/LoginPanel/index.tsx
 import { FormattedMessage as FormattedMessage8 } from "react-intl";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 function LoginPanel({
   header,
   onClose,
@@ -5175,42 +5172,42 @@ function LoginPanel({
   return /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel", children: [
     header ? header : /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel-header", children: [
       /* @__PURE__ */ jsxs17("div", { className: "matchid-login-panel-header-content", children: [
-        /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx31(FormattedMessage8, { id: "loginTitle" }) }),
-        /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx31(FormattedMessage8, { id: "loginTips" }) })
+        /* @__PURE__ */ jsx30("div", { className: "matchid-login-panel-header-title", children: /* @__PURE__ */ jsx30(FormattedMessage8, { id: "loginTitle" }) }),
+        /* @__PURE__ */ jsx30("div", { className: "matchid-login-panel-header-subtilte", children: /* @__PURE__ */ jsx30(FormattedMessage8, { id: "loginTips" }) })
       ] }),
-      onClose && /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx31(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
+      onClose && /* @__PURE__ */ jsx30("div", { className: "matchid-login-panel-header-close", onClick: onClose, children: /* @__PURE__ */ jsx30(CloseRoundIcon, { size: isDownMd ? 24 : 30 }) })
     ] }),
-    /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-divide" }),
-    /* @__PURE__ */ jsx31("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ jsx31(LoginBox, { ...props }) })
+    /* @__PURE__ */ jsx30("div", { className: "matchid-login-panel-divide" }),
+    /* @__PURE__ */ jsx30("div", { className: "matchid-login-panel-box", children: /* @__PURE__ */ jsx30(LoginBox, { ...props }) })
   ] });
 }
 
 // src/components/LoginModal/index.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function LoginModal({
   isOpen = false,
   width = 480,
   ...props
 }) {
   const { isLogin } = useUserInfo();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     Modal,
     {
       isOpen: isOpen && !isLogin,
       width,
-      children: /* @__PURE__ */ jsx32(LoginPanel, { ...props, inModal: true })
+      children: /* @__PURE__ */ jsx31(LoginPanel, { ...props, inModal: true })
     }
   );
 }
 
 // src/components/UserPopover/index.tsx
-import { useState as useState22 } from "react";
+import { useState as useState21 } from "react";
 
 // src/assets/icon/ProfileIcon.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function ProfileIcon({ size = 24, color = "black", ...props }) {
   return /* @__PURE__ */ jsxs18("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       "path",
       {
         fillRule: "evenodd",
@@ -5219,7 +5216,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
         fill: color
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       "path",
       {
         fillRule: "evenodd",
@@ -5233,10 +5230,10 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 
 // src/components/UserPopover/index.tsx
 import { FormattedMessage as FormattedMessage9, useIntl as useIntl10 } from "react-intl";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address, username } = useUserInfo();
-  const [logouting, setLogouting] = useState22(false);
+  const [logouting, setLogouting] = useState21(false);
   const onLogout = async () => {
     if (logouting) return;
     try {
@@ -5257,31 +5254,31 @@ function UserContent() {
     return /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-item", onClick, children: [
       /* @__PURE__ */ jsxs19("div", { className: `matchid-user-popover-item-content`, children: [
         icon,
-        /* @__PURE__ */ jsx34("div", { className: "matchid-user-popover-item-text", children })
+        /* @__PURE__ */ jsx33("div", { className: "matchid-user-popover-item-text", children })
       ] }),
       rightIcon
     ] });
   };
   const UserDivider = () => {
-    return /* @__PURE__ */ jsx34("div", { className: `matchid-user-popover-divider` });
+    return /* @__PURE__ */ jsx33("div", { className: `matchid-user-popover-divider` });
   };
-  const [usernameOpen, setUsernameOpen] = useState22(false);
+  const [usernameOpen, setUsernameOpen] = useState21(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = useIntl10();
   return /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-list", children: [
-      /* @__PURE__ */ jsx34(UserItem, { onClick: () => {
+      /* @__PURE__ */ jsx33(UserItem, { onClick: () => {
         setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ jsx34(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx34(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx34(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
-      /* @__PURE__ */ jsx34(UserDivider, {}),
-      /* @__PURE__ */ jsx34(UserItem, { onClick: () => {
+      }, icon: copied ? /* @__PURE__ */ jsx33(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ jsx33(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx33(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+      /* @__PURE__ */ jsx33(UserDivider, {}),
+      /* @__PURE__ */ jsx33(UserItem, { onClick: () => {
         setUsernameOpen(true);
-      }, icon: /* @__PURE__ */ jsx34(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx34(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
+      }, icon: /* @__PURE__ */ jsx33(ProfileIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ jsx33(ArrowRightIcon, { size: 20, color: "var(--icon-color)" }), children: username || intl.formatMessage({
         id: "setUsername"
       }) })
     ] }),
-    /* @__PURE__ */ jsx34(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx34(FormattedMessage9, { id: "disconnect" }) }),
-    /* @__PURE__ */ jsx34(UsernameModal, { isOpen: usernameOpen, onClose: () => {
+    /* @__PURE__ */ jsx33(Button, { onClick: onLogout, loading: logouting, children: /* @__PURE__ */ jsx33(FormattedMessage9, { id: "disconnect" }) }),
+    /* @__PURE__ */ jsx33(UsernameModal, { isOpen: usernameOpen, onClose: () => {
       setUsernameOpen(false);
     }, onSuccess: () => {
       setUsernameOpen(false);
@@ -5292,12 +5289,12 @@ function UserPopover({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(Popover, { ...props, content: /* @__PURE__ */ jsx34(UserContent, {}), children });
+  return /* @__PURE__ */ jsx33(Popover, { ...props, content: /* @__PURE__ */ jsx33(UserContent, {}), children });
 }
 
 // src/components/LoginButton/index.tsx
 import { FormattedMessage as FormattedMessage10, useIntl as useIntl11 } from "react-intl";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function LoginButton({
   loginRender,
   methods,
@@ -5311,10 +5308,10 @@ function LoginButton({
 }) {
   const intl = useIntl11();
   const { isLogin, username } = useUserInfo();
-  const [loginOpen, setLoginOpen] = useState23(false);
+  const [loginOpen, setLoginOpen] = useState22(false);
   if (!isLogin) {
     return /* @__PURE__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         LoginModal,
         {
           methods,
@@ -5325,31 +5322,31 @@ function LoginButton({
         }
       ),
       /* @__PURE__ */ jsxs20(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
-        /* @__PURE__ */ jsx35(UnLoginIcon_default, {}),
-        /* @__PURE__ */ jsx35("span", { children: /* @__PURE__ */ jsx35(FormattedMessage10, { id: "login" }) })
+        /* @__PURE__ */ jsx34(UnLoginIcon_default, {}),
+        /* @__PURE__ */ jsx34("span", { children: /* @__PURE__ */ jsx34(FormattedMessage10, { id: "login" }) })
       ] })
     ] });
   }
-  return loginRender ? /* @__PURE__ */ jsx35(Fragment6, { children: loginRender }) : /* @__PURE__ */ jsx35(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs20(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
-    /* @__PURE__ */ jsx35(LoginIcon_default, {}),
-    /* @__PURE__ */ jsx35("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
+  return loginRender ? /* @__PURE__ */ jsx34(Fragment6, { children: loginRender }) : /* @__PURE__ */ jsx34(UserPopover, { position: popoverPosition, type: popoverType, gap: popoverGap, children: /* @__PURE__ */ jsxs20(Button, { onClick: onLoginClick, className: "matchid-login-btn", ...props, children: [
+    /* @__PURE__ */ jsx34(LoginIcon_default, {}),
+    /* @__PURE__ */ jsx34("span", { children: username ? truncateAddress(username) : "MatchID " + intl.formatMessage({
       id: "user"
     }) })
   ] }) });
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect21, useMemo as useMemo11, useState as useState24 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo11, useState as useState23 } from "react";
 import { FormattedMessage as FormattedMessage11, useIntl as useIntl12 } from "react-intl";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var ValidItem = ({
   success = false,
   text
 }) => {
   const isDownMd = useDownMd();
   return /* @__PURE__ */ jsxs21("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ jsx36(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx36(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
-    /* @__PURE__ */ jsx36("span", { children: text })
+    success ? /* @__PURE__ */ jsx35(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx35(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
+    /* @__PURE__ */ jsx35("span", { children: text })
   ] });
 };
 function UsernameModal({
@@ -5360,10 +5357,10 @@ function UsernameModal({
 }) {
   const { username, refreshOverview } = useUserInfo();
   const { isLogin } = useUserInfo();
-  const [val, setVal] = useState24(username);
-  const [error, setError] = useState24("");
+  const [val, setVal] = useState23(username);
+  const [error, setError] = useState23("");
   const isDownMd = useDownMd();
-  useEffect21(() => {
+  useEffect20(() => {
     if (isOpen) {
       setVal(username);
       setError("");
@@ -5376,7 +5373,7 @@ function UsernameModal({
     return val.length >= 2 && val.length <= 32;
   }, [val]);
   const isSafe = isValid && isLength;
-  const [isSubmitting, setIsSubmitting] = useState24(false);
+  const [isSubmitting, setIsSubmitting] = useState23(false);
   const onSubmit = async () => {
     if (isSubmitting) return;
     try {
@@ -5397,12 +5394,12 @@ function UsernameModal({
     }
   };
   const intl = useIntl12();
-  return /* @__PURE__ */ jsx36(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
+  return /* @__PURE__ */ jsx35(ModalWithHeader, { isOpen: isOpen && isLogin, ...props, title: title || intl.formatMessage({
     id: username ? "editUsernameTitle" : "setUsernameTitle"
   }), children: /* @__PURE__ */ jsxs21("div", { className: "matchid-username-box", children: [
-    /* @__PURE__ */ jsx36(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx35(Field, { label: intl.formatMessage({
       id: "username"
-    }), error, children: /* @__PURE__ */ jsx36(
+    }), error, children: /* @__PURE__ */ jsx35(
       Input,
       {
         placeholder: intl.formatMessage({
@@ -5416,7 +5413,7 @@ function UsernameModal({
       }
     ) }),
     /* @__PURE__ */ jsxs21("div", { className: "matchid-valid", children: [
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx35(
         ValidItem,
         {
           success: isValid,
@@ -5425,25 +5422,25 @@ function UsernameModal({
           })
         }
       ),
-      /* @__PURE__ */ jsx36(ValidItem, { success: isLength, text: intl.formatMessage({
+      /* @__PURE__ */ jsx35(ValidItem, { success: isLength, text: intl.formatMessage({
         id: "usernameLengthError"
       }) })
     ] }),
-    /* @__PURE__ */ jsx36(Button, { disabled: !isSafe, loading: isSubmitting, style: {
+    /* @__PURE__ */ jsx35(Button, { disabled: !isSafe, loading: isSubmitting, style: {
       marginTop: isDownMd ? "36px" : "64px"
-    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx36(FormattedMessage11, { id: "confirm" }) }),
-    /* @__PURE__ */ jsx36(Button, { style: {
+    }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx35(FormattedMessage11, { id: "confirm" }) }),
+    /* @__PURE__ */ jsx35(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx36(FormattedMessage11, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx35(FormattedMessage11, { id: "cancel" }) })
   ] }) });
 }
 
 // src/components/EVMModal/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect23, useState as useState27 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect22, useState as useState26 } from "react";
 import { useIntl as useIntl13 } from "react-intl";
 
 // src/components/WalletModalContent/index.tsx
-import { useMemo as useMemo12, useState as useState25 } from "react";
+import { useMemo as useMemo12, useState as useState24 } from "react";
 
 // src/assets/wallet.ts
 var walletErrorImage = error_default;
@@ -5453,7 +5450,7 @@ var walletConnectImage = wallet_default;
 var walletSigningImage = signing_default;
 
 // src/components/WalletModalContent/index.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function WalletModalContent({
   status,
   error,
@@ -5523,15 +5520,15 @@ function WalletModalContent({
       statusImage: walletConnectImage
     };
   }, [visible, connected, status, error, address]);
-  return /* @__PURE__ */ jsx37("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
+  return /* @__PURE__ */ jsx36("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx36(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ jsx37("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ jsx36("div", { className: pageData.isError ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx36(
       Button,
       {
         block: true,
@@ -5545,7 +5542,7 @@ function WalletModalContent({
   ] }) });
 }
 function WalletModalContentV2(props) {
-  const [submitting, setSubmitting] = useState25(false);
+  const [submitting, setSubmitting] = useState24(false);
   const pageData = useMemo12(() => {
     const { status } = props;
     if (status == "success") {
@@ -5607,15 +5604,15 @@ function WalletModalContentV2(props) {
       statusImage: walletConnectImage
     };
   }, [props, submitting]);
-  return /* @__PURE__ */ jsx37("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
+  return /* @__PURE__ */ jsx36("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ jsxs22("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx36(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
-      /* @__PURE__ */ jsx37("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
+      /* @__PURE__ */ jsx36("div", { className: props.status == "error" ? "matchid-error" : "", children: pageData.text })
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx36(
       Button,
       {
         block: true,
@@ -5634,14 +5631,14 @@ import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useAccount, useChainId, useConfig, useDisconnect } from "wagmi";
 
 // src/hooks/useWalletBox.ts
-import { useEffect as useEffect22, useRef as useRef5, useState as useState26 } from "react";
+import { useEffect as useEffect21, useRef as useRef5, useState as useState25 } from "react";
 function useWalletBox({
   onInit
 }) {
-  const [status, setStateStatus] = useState26("start");
-  const [error, setError] = useState26("");
+  const [status, setStateStatus] = useState25("start");
+  const [error, setError] = useState25("");
   const statusRef = useRef5(status);
-  const [nonce, setNonce] = useState26();
+  const [nonce, setNonce] = useState25();
   const setStatus = (status2) => {
     statusRef.current = status2;
     setStateStatus(status2);
@@ -5650,7 +5647,7 @@ function useWalletBox({
     setError("");
     setNonce(null);
   };
-  useEffect22(() => {
+  useEffect21(() => {
     init();
     onInit({
       setStatus
@@ -5897,7 +5894,7 @@ async function getEthersSigner(config, { chainId } = {}) {
 // src/components/EVMModal/index.tsx
 import { SiweMessage } from "siwe";
 import "@rainbow-me/rainbowkit/styles.css";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function WalletContent({
   onSuccess,
   type
@@ -5908,16 +5905,16 @@ function WalletContent({
   const { disconnectAsync } = useDisconnect({ config });
   const chainId = useChainId();
   const { events, login } = useMatch();
-  const [inited, setInited] = useState27(false);
+  const [inited, setInited] = useState26(false);
   const { status, setStatus, error, setError, statusRef, nonce, setNonce, init } = useWalletBox({
     onInit: async ({ setStatus: setStatus2 }) => {
       setStatus2("start");
     }
   });
-  useEffect23(() => {
+  useEffect22(() => {
     matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
   }, [status, connectModalOpen, isConnected, address]);
-  useEffect23(() => {
+  useEffect22(() => {
     if (connectModalOpen) {
       setStatus("connecting");
       return;
@@ -5930,7 +5927,7 @@ function WalletContent({
       setStatus("start");
     }
   }, [connectModalOpen, address]);
-  useEffect23(() => {
+  useEffect22(() => {
     if (openConnectModal && !isConnected && !inited) {
       openConnectModal && openConnectModal();
       setInited(true);
@@ -6013,7 +6010,7 @@ function WalletContent({
       setError(error2.reason || error2.message);
     }
   }, [nonce, status, address]);
-  useEffect23(() => {
+  useEffect22(() => {
     if (signature) {
       signature();
     }
@@ -6055,7 +6052,7 @@ function WalletContent({
     setNonce(void 0);
     setStatus("start");
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     WalletModalContentV2,
     {
       status,
@@ -6073,18 +6070,18 @@ function EVMConnectModal({
   ...props
 }) {
   const intl = useIntl13();
-  return /* @__PURE__ */ jsx38(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx37(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "EVM"
-  }), children: /* @__PURE__ */ jsx38(WalletContent, { onSuccess, type }) });
+  }), children: /* @__PURE__ */ jsx37(WalletContent, { onSuccess, type }) });
 }
 function EVMModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx38(EVMConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx37(EVMConnectModal, { ...props });
 }
 
 // src/components/TRONModal/index.tsx
-import React11, { useEffect as useEffect25, useMemo as useMemo14, useState as useState29 } from "react";
+import React11, { useEffect as useEffect24, useMemo as useMemo14, useState as useState28 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -6118,7 +6115,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-import { useEffect as useEffect24, useState as useState28 } from "react";
+import { useEffect as useEffect23, useState as useState27 } from "react";
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -6163,9 +6160,9 @@ var OKXAdapter = class {
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
   const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = useState28([]);
-  const [address, setAddress] = useState28(null);
-  useEffect24(() => {
+  const [installedWallets, setInstalledWallets] = useState27([]);
+  const [address, setAddress] = useState27(null);
+  useEffect23(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6175,11 +6172,11 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState28(null);
+  const [wallet, chooseWallet] = useState27(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect24(() => {
+  useEffect23(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6195,7 +6192,7 @@ var useTRONWallet = () => {
 };
 
 // src/components/TRONModal/index.tsx
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function TRONConnectModal({
   type = "login",
   onSuccess,
@@ -6205,14 +6202,14 @@ function TRONConnectModal({
   const intl = useIntl14();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
   const iconMaps = {
-    tronlink: /* @__PURE__ */ jsx39(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
-    bitget: /* @__PURE__ */ jsx39(BitgetIcon, { size: isDownMd ? 36 : 40 }),
-    okx: /* @__PURE__ */ jsx39(OKXIcon, { size: isDownMd ? 36 : 40 })
+    tronlink: /* @__PURE__ */ jsx38(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ jsx38(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ jsx38(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState29("");
+  const [status, setStatus] = useState28("");
   const statusRef = React11.useRef(status);
-  const [error, setError] = useState29("");
+  const [error, setError] = useState28("");
   const connected = useMemo14(() => {
     return !!address;
   }, [address]);
@@ -6281,7 +6278,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect25(() => {
+  useEffect24(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -6289,21 +6286,21 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect25(() => {
+  useEffect24(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect25(() => {
+  useEffect24(() => {
     if (!props.isOpen) {
       disconnect();
     }
   }, [props.isOpen]);
-  return /* @__PURE__ */ jsx39(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx38(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TRON"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx39(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx38(
     WalletModalContent,
     {
       error,
@@ -6316,9 +6313,9 @@ function TRONConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx39("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs23("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx38("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs23("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -6331,14 +6328,14 @@ function TRONConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx38(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ jsx39(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ jsx38(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -6348,11 +6345,11 @@ function TRONConnectModal({
   ] }) }) });
 }
 function TRONModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx39(TRONConnectModal, { ...props, type: props.type });
+  return props.isOpen && /* @__PURE__ */ jsx38(TRONConnectModal, { ...props, type: props.type });
 }
 
 // src/components/TONModal/index.tsx
-import React12, { useEffect as useEffect26, useState as useState30 } from "react";
+import React12, { useEffect as useEffect25, useState as useState29 } from "react";
 import { useIntl as useIntl15 } from "react-intl";
 import {
   TonConnectUIProvider,
@@ -6361,21 +6358,21 @@ import {
   useTonConnectUI,
   useTonWallet
 } from "@tonconnect/ui-react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function WalletContent2({
   onSuccess,
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = useState30(false);
+  const [connected, setConnected] = useState29(false);
   const wallet = useTonWallet();
   const userFriendlyAddress = useTonAddress();
   const [tonConnectUI] = useTonConnectUI();
   const { state, open, close } = useTonConnectModal();
-  const [status, setStatus] = useState30("");
+  const [status, setStatus] = useState29("");
   const statusRef = React12.useRef(status);
-  const [error, setError] = useState30("");
-  useEffect26(() => {
+  const [error, setError] = useState29("");
+  useEffect25(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -6448,7 +6445,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect26(() => {
+  useEffect25(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -6459,7 +6456,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect26(() => {
+  useEffect25(() => {
     console.log({
       state,
       wallet
@@ -6488,7 +6485,7 @@ function WalletContent2({
       }
     }
   }, [state]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     WalletModalContent,
     {
       connected,
@@ -6522,24 +6519,24 @@ function TONConnectModal({
   const intl = useIntl15();
   const { endpoints, appid } = useLocalStore_default();
   const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
-  return /* @__PURE__ */ jsx40(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx39(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "TON"
-  }), children: /* @__PURE__ */ jsx40(
+  }), children: /* @__PURE__ */ jsx39(
     TonConnectUIProvider,
     {
       manifestUrl,
-      children: /* @__PURE__ */ jsx40(WalletContent2, { onSuccess, type })
+      children: /* @__PURE__ */ jsx39(WalletContent2, { onSuccess, type })
     }
   ) });
 }
 function TONModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx40(TONConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx39(TONConnectModal, { ...props });
 }
 
 // src/components/BTCModal/index.tsx
-import React13, { useEffect as useEffect28, useMemo as useMemo15, useState as useState32 } from "react";
+import React13, { useEffect as useEffect27, useMemo as useMemo15, useState as useState31 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -6694,7 +6691,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect27, useState as useState31 } from "react";
+import { useEffect as useEffect26, useState as useState30 } from "react";
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -6732,9 +6729,9 @@ var PhantomAdapter = class {
 // src/hooks/useBTCWallet.ts
 var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
-  const [installedWallets, setInstalledWallets] = useState31([]);
-  const [address, setAddress] = useState31(null);
-  useEffect27(() => {
+  const [installedWallets, setInstalledWallets] = useState30([]);
+  const [address, setAddress] = useState30(null);
+  useEffect26(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6744,11 +6741,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState31(null);
+  const [wallet, chooseWallet] = useState30(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect27(() => {
+  useEffect26(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6764,7 +6761,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function BTCConnectModal({
   type = "login",
   onSuccess,
@@ -6774,15 +6771,15 @@ function BTCConnectModal({
   const intl = useIntl16();
   const { wallets, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ jsx41(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ jsx41(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ jsx41(XverseIcon, { size: isDownMd ? 36 : 40 }),
-    phantom: /* @__PURE__ */ jsx41(PhantomIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ jsx40(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ jsx40(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ jsx40(XverseIcon, { size: isDownMd ? 36 : 40 }),
+    phantom: /* @__PURE__ */ jsx40(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState32("");
+  const [status, setStatus] = useState31("");
   const statusRef = React13.useRef(status);
-  const [error, setError] = useState32("");
+  const [error, setError] = useState31("");
   const connected = useMemo15(() => {
     return !!address;
   }, [address]);
@@ -6847,7 +6844,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect28(() => {
+  useEffect27(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -6860,12 +6857,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect28(() => {
+  useEffect27(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect28(() => {
+  useEffect27(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6877,11 +6874,11 @@ function BTCConnectModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ jsx41(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx40(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx41(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx40(
     WalletModalContent,
     {
       error,
@@ -6894,9 +6891,9 @@ function BTCConnectModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx41("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs24("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx40("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs24("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx40(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -6909,14 +6906,14 @@ function BTCConnectModal({
       );
     }),
     wallets.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx40(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ jsx41(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ jsx40(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -6926,13 +6923,13 @@ function BTCConnectModal({
   ] }) }) });
 }
 function BTCModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx41(BTCConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx40(BTCConnectModal, { ...props });
 }
 
 // src/components/WalletModal/index.tsx
 import { useMemo as useMemo16 } from "react";
 import { useIntl as useIntl17 } from "react-intl";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function WalletConnectModal({
   type,
   methods: _methods,
@@ -6950,13 +6947,13 @@ function WalletConnectModal({
     const platform = config.platform.map((p) => p.toLowerCase());
     return WALLET_METHODS.filter((m) => platform.includes(m));
   }, [config.platform, _methods]);
-  return /* @__PURE__ */ jsx42(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx41(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: ""
-  }), children: /* @__PURE__ */ jsx42("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsx42("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
+  }), children: /* @__PURE__ */ jsx41("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsx41("div", { className: "matchid-login-recommend-list", children: methods.map((method, index) => {
     const m = walletMap[method];
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx41(
       RecommendItem,
       {
         icon: m?.icon,
@@ -6970,21 +6967,21 @@ function WalletConnectModal({
   }) }) }) });
 }
 function WalletModal(props) {
-  return props.isOpen && /* @__PURE__ */ jsx42(WalletConnectModal, { ...props });
+  return props.isOpen && /* @__PURE__ */ jsx41(WalletConnectModal, { ...props });
 }
 
 // src/components/AlphaAvatar/index.tsx
-import { useEffect as useEffect29, useState as useState33 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { useEffect as useEffect28, useState as useState32 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = useState33(void 0);
-  useEffect29(() => {
+  const [avatar, setAvatar] = useState32(void 0);
+  useEffect28(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
     }
   }, [name]);
-  return /* @__PURE__ */ jsx43("div", { className: `matchid-alpha-avatar ${className}`, style: {
+  return /* @__PURE__ */ jsx42("div", { className: `matchid-alpha-avatar ${className}`, style: {
     width: size,
     height: size,
     fontSize: Math.ceil(size / 2)
@@ -6992,7 +6989,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 }
 
 // src/components/WalletAsset/index.tsx
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function WalletAsset({
   onAssetClick,
   matchWalletAssetsOptions
@@ -7002,7 +6999,7 @@ function WalletAsset({
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  return /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-list", children: matchWalletAssetList.list.map((n, index) => {
+  return /* @__PURE__ */ jsx43("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 = () => {
@@ -7021,7 +7018,7 @@ function WalletAsset({
       cursor: clickFunc ? "pointer" : "default"
     }, children: [
       /* @__PURE__ */ jsxs25("div", { className: "matchid-wallet-asset-logo", title: n.symbol || n.name || "", children: [
-        n.icon ? /* @__PURE__ */ jsx44("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ jsx44(
+        n.icon ? /* @__PURE__ */ jsx43("img", { src: n.icon, alt: n.symbol, className: `matchid-wallet-asset-icon` }) : /* @__PURE__ */ jsx43(
           AlphaAvatar2,
           {
             className: `matchid-wallet-asset-icon`,
@@ -7029,12 +7026,12 @@ function WalletAsset({
             name: n.symbol || n.name || ""
           }
         ),
-        chain?.iconUrl && /* @__PURE__ */ jsx44("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
+        chain?.iconUrl && /* @__PURE__ */ jsx43("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-wallet-asset-chain` })
       ] }),
       /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-info`, children: [
-        /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
+        /* @__PURE__ */ jsx43("div", { className: `matchid-wallet-asset-name`, children: n.symbol }),
         "price" in n && /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-content`, children: [
-          /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx43("div", { className: "matchid-wallet-asset-price", children: /* @__PURE__ */ jsx43(
             NumberFormatter,
             {
               value: n.price,
@@ -7042,7 +7039,7 @@ function WalletAsset({
               tFixNum: 2
             }
           ) }),
-          /* @__PURE__ */ jsx44("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx43("div", { className: "matchid-wallet-asset-value", children: /* @__PURE__ */ jsx43(
             NumberFormatter,
             {
               value: n.value,
@@ -7052,14 +7049,14 @@ function WalletAsset({
           ) })
         ] }),
         /* @__PURE__ */ jsxs25("div", { className: `matchid-wallet-asset-footer`, children: [
-          /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx43("div", { className: `matchid-wallet-asset-balance`, children: /* @__PURE__ */ jsx43(
             NumberFormatter,
             {
               value: n.balance,
               tFixNum: 3
             }
           ) }),
-          "price_change_24h" in n && /* @__PURE__ */ jsx44("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ jsx44(
+          "price_change_24h" in n && /* @__PURE__ */ jsx43("div", { className: `matchid-wallet-asset-change ${getFooterColor()}`, children: /* @__PURE__ */ jsx43(
             NumberFormatter,
             {
               prefix: `${(n?.price_change_24h || 0) < 0 ? "-" : "+"} `,
@@ -7075,10 +7072,10 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-import { useEffect as useEffect30, useMemo as useMemo17, useState as useState34 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo17, useState as useState33 } from "react";
 import { defineChain as defineChain4, encodeFunctionData as encodeFunctionData2, erc20Abi as erc20Abi3, http as http8, parseUnits as parseUnits2 } from "viem";
 import { FormattedMessage as FormattedMessage12, useIntl as useIntl18 } from "react-intl";
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function Input2({
   onChange,
   placeholder,
@@ -7089,7 +7086,7 @@ function Input2({
   size = "df"
 }) {
   return /* @__PURE__ */ jsxs26("div", { className: `matchid-token-input-box ${"matchid-token-input-" + size}`, children: [
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx44(
       "input",
       {
         placeholder,
@@ -7100,7 +7097,7 @@ function Input2({
         className: `matchid-token-input ${error ? "matchid-token-input-error" : ""}`
       }
     ),
-    error && /* @__PURE__ */ jsx45("div", { className: "matchid-token-input-error-text", children: error })
+    error && /* @__PURE__ */ jsx44("div", { className: "matchid-token-input-error-text", children: error })
   ] });
 }
 function TokenSend({
@@ -7123,11 +7120,11 @@ function TokenSend({
       transport: http8()
     });
   }, [chain]);
-  const [amount, setAmount] = useState34("");
-  const [address, setAddress] = useState34("");
-  const [loading, setLoading] = useState34(false);
-  const [sending, setSending] = useState34(false);
-  const [txError, setTxError] = useState34("");
+  const [amount, setAmount] = useState33("");
+  const [address, setAddress] = useState33("");
+  const [loading, setLoading] = useState33(false);
+  const [sending, setSending] = useState33(false);
+  const [txError, setTxError] = useState33("");
   const transaction = useMemo17(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
@@ -7212,7 +7209,7 @@ function TokenSend({
     }
     onClose();
   };
-  useEffect30(() => {
+  useEffect29(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -7228,24 +7225,24 @@ function TokenSend({
       window.removeEventListener("message", receiveMessage);
     };
   }, []);
-  return /* @__PURE__ */ jsx45(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs26("div", { className: `matchid-token-send-box`, children: [
+  return /* @__PURE__ */ jsx44(ModalDrawer, { isOpen: true, onClose, zIndex, title: /* @__PURE__ */ jsx44(FormattedMessage12, { id: "send" }), onBack, children: /* @__PURE__ */ jsxs26("div", { className: `matchid-token-send-box`, children: [
     /* @__PURE__ */ jsxs26("div", { className: "matchid-token-send-content", children: [
       /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-content`, children: [
         /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-header`, children: [
-          /* @__PURE__ */ jsx45("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "amount" }) }),
+          /* @__PURE__ */ jsx44("div", { className: `matchid-token-amount-title`, children: /* @__PURE__ */ jsx44(FormattedMessage12, { id: "amount" }) }),
           /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-chain`, children: [
-            token.icon ? /* @__PURE__ */ jsx45(
+            token.icon ? /* @__PURE__ */ jsx44(
               "img",
               {
                 src: token?.icon,
                 alt: token?.symbol,
                 className: `matchid-token-amount-chain-icon`
               }
-            ) : /* @__PURE__ */ jsx45(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
-            /* @__PURE__ */ jsx45("span", { children: token?.symbol })
+            ) : /* @__PURE__ */ jsx44(AlphaAvatar, { name: token.symbol || token.name || "", size: 16 }),
+            /* @__PURE__ */ jsx44("span", { children: token?.symbol })
           ] })
         ] }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx44(
           Input2,
           {
             type: "text",
@@ -7260,16 +7257,16 @@ function TokenSend({
         ),
         /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-footer`, children: [
           /* @__PURE__ */ jsxs26("div", { className: `matchid-token-amount-title`, children: [
-            /* @__PURE__ */ jsx45(FormattedMessage12, { id: "balance" }),
+            /* @__PURE__ */ jsx44(FormattedMessage12, { id: "balance" }),
             ":"
           ] }),
-          /* @__PURE__ */ jsx45("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ jsx45(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
+          /* @__PURE__ */ jsx44("div", { className: `matchid-token-amount-value`, children: /* @__PURE__ */ jsx44(NumberFormatter, { value: token.balance, tFixNum: 10, suffix: " " + token.symbol }) })
         ] }),
-        /* @__PURE__ */ jsx45(TransferIcon, { className: "matchid-token-amount-transfer" })
+        /* @__PURE__ */ jsx44(TransferIcon, { className: "matchid-token-amount-transfer" })
       ] }),
       /* @__PURE__ */ jsxs26("div", { className: `matchid-token-address-content`, children: [
-        /* @__PURE__ */ jsx45("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx45("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "receiveTitle" }) }) }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx44("div", { className: `matchid-token-address-header`, children: /* @__PURE__ */ jsx44("div", { className: `matchid-token-address-title`, children: /* @__PURE__ */ jsx44(FormattedMessage12, { id: "receiveTitle" }) }) }),
+        /* @__PURE__ */ jsx44(
           Input2,
           {
             type: "text",
@@ -7285,7 +7282,7 @@ function TokenSend({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx44(
       Button,
       {
         size: "lg",
@@ -7294,7 +7291,7 @@ function TokenSend({
         disabled: !canSend || !!txError,
         onClick: onNext,
         loading: loading || sending,
-        children: /* @__PURE__ */ jsx45(FormattedMessage12, { id: "next" })
+        children: /* @__PURE__ */ jsx44(FormattedMessage12, { id: "next" })
       }
     )
   ] }) });
@@ -7302,7 +7299,7 @@ function TokenSend({
 
 // src/components/TokenDetail/index.tsx
 import { FormattedMessage as FormattedMessage13, useIntl as useIntl19 } from "react-intl";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 function TokenDetail({
   onClose,
   token
@@ -7312,41 +7309,41 @@ function TokenDetail({
   const chain = chainList?.find((m) => m.id.toString() === token.chain_id);
   const onSend = () => {
     modal.show((props) => {
-      return /* @__PURE__ */ jsx46(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ jsx45(TokenSend, { onClose: () => {
         props.close();
         onClose();
       }, onBack: props.close, zIndex: props.zIndex, token });
     });
   };
   const intl = useIntl19();
-  return /* @__PURE__ */ jsx46(ModalDrawer, { isOpen: true, title: intl.formatMessage({
+  return /* @__PURE__ */ jsx45(ModalDrawer, { isOpen: true, title: intl.formatMessage({
     id: "tokenDetails"
   }), onClose, children: /* @__PURE__ */ jsxs27("div", { className: `matchid-token-detail`, children: [
     /* @__PURE__ */ jsxs27("div", { className: `matchid-token-main`, children: [
       /* @__PURE__ */ jsxs27("div", { className: `matchid-token-info`, children: [
         /* @__PURE__ */ jsxs27("div", { className: `matchid-token-logo`, children: [
-          token.icon ? /* @__PURE__ */ jsx46("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ jsx46(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
-          chain?.iconUrl && /* @__PURE__ */ jsx46("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
+          token.icon ? /* @__PURE__ */ jsx45("img", { src: token.icon, alt: token.symbol, className: `matchid-token-icon` }) : /* @__PURE__ */ jsx45(AlphaAvatar, { className: `matchid-token-icon`, size: 48, name: token.symbol || token.name || "" }),
+          chain?.iconUrl && /* @__PURE__ */ jsx45("img", { src: chain.iconUrl, alt: chain.name, className: `matchid-token-chain` })
         ] }),
         /* @__PURE__ */ jsxs27("div", { className: `matchid-token-name`, children: [
-          /* @__PURE__ */ jsx46(NumberFormatter, { value: token.balance, tFixNum: 10 }),
+          /* @__PURE__ */ jsx45(NumberFormatter, { value: token.balance, tFixNum: 10 }),
           " ",
           token.symbol
         ] })
       ] }),
       token.address.toLowerCase() != NATIVE_TOKEN_ADDRESS && /* @__PURE__ */ jsxs27("div", { className: `matchid-token-contract`, children: [
-        /* @__PURE__ */ jsx46("div", { className: "matchid-token-contract-title", children: "Contract address" }),
-        /* @__PURE__ */ jsx46("div", { className: "matchid-token-contract-address", children: token.address })
+        /* @__PURE__ */ jsx45("div", { className: "matchid-token-contract-title", children: "Contract address" }),
+        /* @__PURE__ */ jsx45("div", { className: "matchid-token-contract-address", children: token.address })
       ] })
     ] }),
-    /* @__PURE__ */ jsx46(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx46(FormattedMessage13, { id: "send" }) })
+    /* @__PURE__ */ jsx45(Button, { size: "lg", block: true, highlight: true, onClick: onSend, children: /* @__PURE__ */ jsx45(FormattedMessage13, { id: "send" }) })
   ] }) });
 }
 
 // src/components/TokenSendList/index.tsx
-import { useState as useState35 } from "react";
+import { useState as useState34 } from "react";
 import { FormattedMessage as FormattedMessage14 } from "react-intl";
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 function TokenSendList({ close }) {
   const isDownMd = useDownMd();
   const walletAssets = useMatchWalletAssets();
@@ -7354,18 +7351,18 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = useState35();
+  const [checked, setChecked] = useState34();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
-      return /* @__PURE__ */ jsx47(TokenSend, { onClose: () => {
+      return /* @__PURE__ */ jsx46(TokenSend, { onClose: () => {
         props.close();
         close();
       }, onBack: props.close, zIndex: props.zIndex, token: checked });
     });
   };
   return /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-list-box", children: [
-    /* @__PURE__ */ jsx47("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
+    /* @__PURE__ */ jsx46("div", { className: "matchid-token-send-list", children: matchWalletAssetList.list.map((n, index) => {
       const chain = list?.find((m) => m.id.toString() === n.chain_id);
       return /* @__PURE__ */ jsxs28(
         "div",
@@ -7375,10 +7372,10 @@ function TokenSendList({ close }) {
             setChecked(n);
           },
           children: [
-            /* @__PURE__ */ jsx47(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
+            /* @__PURE__ */ jsx46(Radio, { checked: checked?.address == n.address, size: isDownMd ? 18 : 24 }),
             /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-content", children: [
               /* @__PURE__ */ jsxs28("div", { className: "matchid-token-send-logo", children: [
-                n.icon ? /* @__PURE__ */ jsx47("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ jsx47(
+                n.icon ? /* @__PURE__ */ jsx46("img", { src: n.icon, alt: n.symbol, className: `matchid-token-send-icon` }) : /* @__PURE__ */ jsx46(
                   AlphaAvatar2,
                   {
                     className: `matchid-token-send-icon`,
@@ -7386,7 +7383,7 @@ function TokenSendList({ close }) {
                     name: n.symbol || n.name || ""
                   }
                 ),
-                chain?.iconUrl && /* @__PURE__ */ jsx47(
+                chain?.iconUrl && /* @__PURE__ */ jsx46(
                   "img",
                   {
                     src: chain.iconUrl,
@@ -7396,8 +7393,8 @@ function TokenSendList({ close }) {
                 )
               ] }),
               /* @__PURE__ */ jsxs28("div", { className: `matchid-token-send-info`, children: [
-                /* @__PURE__ */ jsx47("div", { className: `matchid-token-send-name`, children: n.symbol }),
-                /* @__PURE__ */ jsx47("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ jsx47(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
+                /* @__PURE__ */ jsx46("div", { className: `matchid-token-send-name`, children: n.symbol }),
+                /* @__PURE__ */ jsx46("div", { className: `matchid-token-send-balance`, children: /* @__PURE__ */ jsx46(NumberFormatter, { value: n.balance, tFixNum: 3 }) })
               ] })
             ] })
           ]
@@ -7405,23 +7402,23 @@ function TokenSendList({ close }) {
         index
       );
     }) }),
-    /* @__PURE__ */ jsx47(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx47(FormattedMessage14, { id: "next" }) })
+    /* @__PURE__ */ jsx46(Button, { size: "lg", highlight: true, block: true, disabled: !checked, onClick: onNext, children: /* @__PURE__ */ jsx46(FormattedMessage14, { id: "next" }) })
   ] });
 }
 
 // src/components/TransactionList/index.tsx
 import InfiniteScroll from "react-infinite-scroll-component";
-import { useEffect as useEffect31, useMemo as useMemo18, useState as useState36 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo18, useState as useState35 } from "react";
 import { decodeFunctionData, defineChain as defineChain5, formatUnits as formatUnits3 } from "viem";
 import { erc20Abi as erc20Abi4 } from "viem";
 import { FormattedMessage as FormattedMessage15 } from "react-intl";
-import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs29 } from "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] = useState36(true);
+  const [shouldRefetch, setShouldRefetch] = useState35(true);
   const transferType = useMemo18(() => {
     const methodId = data.input.substring(2, 10);
     if (methodId == "095ea7b3") {
@@ -7490,7 +7487,7 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  useEffect31(() => {
+  useEffect30(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
@@ -7510,10 +7507,10 @@ var Item = ({ data }) => {
       className: `matchid-transaction-item`,
       children: [
         /* @__PURE__ */ jsxs29("div", { className: `matchid-transacton-item-container`, children: [
-          /* @__PURE__ */ jsx48("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ jsx48(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
+          /* @__PURE__ */ jsx47("div", { className: "matchid-transaction-item-icon", children: /* @__PURE__ */ jsx47(ArrowSendIcon, { className: !isOut ? "rotate-180" : "" }) }),
           /* @__PURE__ */ jsxs29("div", { className: `matchid-transaction-item-details`, children: [
-            /* @__PURE__ */ jsx48("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
-            /* @__PURE__ */ jsx48(
+            /* @__PURE__ */ jsx47("div", { className: `matchid-transaction-item-address`, children: formatAddress(to, 6, 4) }),
+            /* @__PURE__ */ jsx47(
               "div",
               {
                 className: `matchid-transaction-item-timestamp`,
@@ -7523,10 +7520,10 @@ var Item = ({ data }) => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs29("div", { className: `matchid-transaction-item-amount ${"matchid-transaction-item-" + status}`, children: [
-          /* @__PURE__ */ jsx48(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
-          status == "loading" && /* @__PURE__ */ jsx48(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
-          status == "success" && /* @__PURE__ */ jsx48(CheckRoundIcon, { size: 16 }),
-          status == "error" && /* @__PURE__ */ jsx48(InfoRoundIcon, { size: 16 })
+          /* @__PURE__ */ jsx47(NumberFormatter, { value: amount, tFixNum: 6, prefix: isOut ? "-" : "+", suffix: " " + symbol }),
+          status == "loading" && /* @__PURE__ */ jsx47(LoadingIcon_default, { color: "#000000", size: 16, rotate: true }),
+          status == "success" && /* @__PURE__ */ jsx47(CheckRoundIcon, { size: 16 }),
+          status == "error" && /* @__PURE__ */ jsx47(InfoRoundIcon, { size: 16 })
         ] })
       ]
     }
@@ -7536,7 +7533,7 @@ function TransactionList({
   scrollableTarget
 }) {
   const { fetchMoreData, hasMore, items } = useMatchWalletRecords();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx47(
     InfiniteScroll,
     {
       scrollableTarget,
@@ -7544,11 +7541,11 @@ function TransactionList({
       next: fetchMoreData,
       hasMore,
       loader: /* @__PURE__ */ jsxs29("div", { className: "matchid-list-nomore", children: [
-        /* @__PURE__ */ jsx48(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
+        /* @__PURE__ */ jsx47(LoadingIcon_default, { rotate: true, size: 16, color: "black" }),
         "Loading..."
       ] }),
-      endMessage: items.length > 0 ? /* @__PURE__ */ jsx48("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx48(FormattedMessage15, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx48("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx48(FormattedMessage15, { id: "noRecords" }) }),
-      children: items.length == 0 && !hasMore ? /* @__PURE__ */ jsx48("div", { className: "mt-[150px]" }) : /* @__PURE__ */ jsx48("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ jsx48(Item, { data: item }, index)) })
+      endMessage: items.length > 0 ? /* @__PURE__ */ jsx47("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx47(FormattedMessage15, { id: "noMoreRecords" }) }) : /* @__PURE__ */ jsx47("div", { className: `matchid-list-nomore`, children: /* @__PURE__ */ jsx47(FormattedMessage15, { id: "noRecords" }) }),
+      children: items.length == 0 && !hasMore ? /* @__PURE__ */ jsx47("div", { className: "mt-[150px]" }) : /* @__PURE__ */ jsx47("div", { className: `matchid-transaction-list`, children: items.map((item, index) => /* @__PURE__ */ jsx47(Item, { data: item }, index)) })
     }
   );
 }
@@ -7621,4 +7618,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-BWGTZNIT.mjs.map
+//# sourceMappingURL=chunk-PAXASLBR.mjs.map