@matchain/matchid-sdk-react 0.1.56-alpha.4 → 0.1.56-alpha.6

package/dist/{chunk-2HVTQUPR.mjs → chunk-KFB23MLQ.mjs}

@@ -43,6 +43,7 @@ import {
   GoogleIcon,
   InfoLineIcon,
   InfoRoundIcon,
+  InputLengthIcon,
   LeatherIcon,
   LinkedinIcon,
   LoadingIcon_default,
@@ -65,7 +66,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-OSY7MTZY.mjs";
+} from "./chunk-GD7URBBZ.mjs";
 import {
   confirm_default,
   connecting_default,
@@ -109,7 +110,7 @@ __export(components_exports, {
 });
 
 // src/components/EmailModal/index.tsx
-import { useEffect as useEffect20, useState as useState19 } from "react";
+import { useEffect as useEffect21, useState as useState19 } from "react";
 
 // src/ui/Modal/index.tsx
 import { useEffect as useEffect3, useState as useState2 } from "react";
@@ -242,7 +243,7 @@ function ConfirmModal({
 }
 
 // src/components/EmailModal/StepEmail.tsx
-import { useEffect as useEffect4, useMemo, useState as useState4 } from "react";
+import { useEffect as useEffect5, useMemo, useState as useState4 } from "react";
 
 // src/ui/Button/index.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -282,24 +283,45 @@ function Button({
 }
 
 // src/ui/Input/index.tsx
-import { useState as useState3 } from "react";
+import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Input({
   onChange,
   type,
   after,
+  showLength = false,
+  showClear = true,
   className = "",
+  rows = 1,
+  maxRows = 4,
+  children,
   ...props
 }) {
   const [inputType, setInputType] = useState3(type);
   const isDownMd = useDownMd();
+  const textareaRef = useRef(null);
+  useEffect4(() => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "auto";
+      const lineHeight = 24;
+      const maxHeight = lineHeight * 4;
+      textarea.style.height = Math.min(textarea.scrollHeight, maxHeight) + "px";
+    }
+  }, [props.value]);
   return /* @__PURE__ */ jsxs2(
     "div",
     {
-      className: `matchid-input-box ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
+      className: `matchid-input-box matchid-input-${type} ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
+      style: {
+        // @ts-ignore
+        "--max-rows": maxRows
+      },
       children: [
-        /* @__PURE__ */ jsx4("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
-        props.value && props.value.length > 0 && /* @__PURE__ */ jsx4("div", { className: "matchid-input-delete-icon", onClick: (e) => {
+        children ?? (type == "textarea" ? /* @__PURE__ */ jsx4("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
+          maxHeight: maxRows * 24 + "px"
+        } }) : /* @__PURE__ */ jsx4("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
+        type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ jsx4("div", { className: "matchid-input-delete-icon", onClick: (e) => {
           if (onChange) {
             onChange({ target: { value: "" } });
           }
@@ -314,6 +336,14 @@ function Input({
         type === "password" && /* @__PURE__ */ jsx4("div", { className: "matchid-input-eye-icon", onClick: () => {
           setInputType(inputType === "password" ? "text" : "password");
         }, children: inputType === "password" ? /* @__PURE__ */ jsx4(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ jsx4(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
+        showLength && props.maxLength && /* @__PURE__ */ jsxs2("div", { className: `matchid-input-length`, children: [
+          /* @__PURE__ */ jsxs2("span", { children: [
+            props.value?.length || 0,
+            "/",
+            props.maxLength
+          ] }),
+          /* @__PURE__ */ jsx4(InputLengthIcon, { color: "var(--icon-color)" })
+        ] }),
         after
       ]
     }
@@ -345,7 +375,7 @@ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function StepEmail(props) {
   const intl = useIntl2();
   const [emailVal, setEmailVal] = useState4("");
-  useEffect4(() => {
+  useEffect5(() => {
     if (props.email) {
       setEmailVal(props.email);
     }
@@ -878,7 +908,7 @@ __export(hooks_exports, {
 });
 
 // src/hooks/useMatchEvents.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -910,7 +940,7 @@ var eventManager_default = eventManager;
 
 // src/hooks/useMatchEvents.ts
 function useMatchEvents(handlers) {
-  useEffect5(() => {
+  useEffect6(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -946,11 +976,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 useEffect9, useMemo as useMemo3 } from "react";
 import { encodeDeployData } from "viem";
 
 // src/context/ModalContext.tsx
-import { useState as useState7, useCallback, createContext, useContext, useRef } from "react";
+import { useState as useState7, useCallback, createContext, useContext, useRef as useRef2 } from "react";
 import { createPortal } from "react-dom";
 
 // src/ui/index.ts
@@ -1003,7 +1033,7 @@ function Drawer({
 }
 
 // src/ui/HashPanel/index.tsx
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState5 } from "react";
 
 // src/ui/ModalDrawer/index.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -1094,7 +1124,7 @@ function HashPanel({
   };
   const statusValue = error ? statusMaps.fail : statusMaps[status];
   const [shouldRefetch, setShouldRefetch] = useState5(true);
-  useEffect6(() => {
+  useEffect7(() => {
     if (hash) {
       setShouldRefetch(true);
       setStatus("pending");
@@ -1107,7 +1137,7 @@ function HashPanel({
     chain,
     refetchInterval: shouldRefetch ? 3e3 : false
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (hashQuery.data == 1 || hashQuery.data == -1) {
       setShouldRefetch(false);
     }
@@ -1328,7 +1358,7 @@ function ModalProvider({ children }) {
     modals: [],
     highestZIndex: 100
   });
-  const highestIndexRef = useRef(100);
+  const highestIndexRef = useRef2(100);
   const getNextIndex = useCallback(() => {
     highestIndexRef.current += 1;
     return highestIndexRef.current;
@@ -1511,7 +1541,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  useEffect8(() => {
+  useEffect9(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -1654,14 +1684,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback as useCallback2, useEffect as useEffect9, useState as useState9 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect10, useState as useState9 } from "react";
 function useCopyClipboard(timeout = 500) {
   const [isCopied, setIsCopied] = useState9(false);
   const staticCopy = useCallback2((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -1946,7 +1976,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef2, useState as useState13 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo6, useRef as useRef3, useState as useState13 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 
 // src/config/index.tsx
@@ -2017,7 +2047,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 useState12 } from "react";
+import { useEffect as useEffect12, 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";
@@ -2088,7 +2118,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = useIntl4();
-  useEffect11(() => {
+  useEffect12(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2308,8 +2338,8 @@ function useMatchWalletRecords() {
   const [items, setItems] = useState13([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = useRef2(hasMore);
-  const nextPageParamsRef = useRef2(void 0);
+  const hasMoreRef = useRef3(hasMore);
+  const nextPageParamsRef = useRef3(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2336,7 +2366,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  useEffect12(() => {
+  useEffect13(() => {
     if (chainId && address) {
       onInit();
     }
@@ -2571,7 +2601,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  useEffect12(() => {
+  useEffect13(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -2596,7 +2626,7 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-import { useState as useState14, useCallback as useCallback4, useEffect as useEffect13 } from "react";
+import { useState as useState14, useCallback as useCallback4, useEffect as useEffect14 } 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;
@@ -2614,7 +2644,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  useEffect13(() => {
+  useEffect14(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -2731,7 +2761,7 @@ function useReceipt({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect13(() => {
+  useEffect14(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2740,7 +2770,7 @@ function useReceipt({
 }
 
 // src/hooks/useTransaction.tsx
-import { useState as useState15, useCallback as useCallback5, useEffect as useEffect14 } from "react";
+import { useState as useState15, useCallback as useCallback5, useEffect as useEffect15 } 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;
@@ -2758,7 +2788,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  useEffect14(() => {
+  useEffect15(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -2875,7 +2905,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect14(() => {
+  useEffect15(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2969,7 +2999,7 @@ var useWalletModalStore = create5((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect15, useMemo as useMemo7, useState as useState16 } from "react";
+import { useEffect as useEffect16, 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";
 function CEXBindModal({
@@ -2989,7 +3019,7 @@ function CEXBindModal({
   const needPassphrase = useMemo7(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -3189,7 +3219,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect16, useRef as useRef3 } from "react";
+import { useEffect as useEffect17, useRef as useRef4 } from "react";
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -3222,11 +3252,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = useRef3(walletReady);
-  useEffect16(() => {
+  const iframeReadyRef = useRef4(walletReady);
+  useEffect17(() => {
     setWallet(config);
   }, [config]);
-  useEffect16(() => {
+  useEffect17(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -3243,7 +3273,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -3343,7 +3373,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  useEffect16(() => {
+  useEffect17(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -3424,7 +3454,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect17, useRef as useRef4 } from "react";
+import { useEffect as useEffect18, useRef as useRef5 } from "react";
 function useInit({
   theme,
   appid,
@@ -3444,24 +3474,24 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = useRef4(false);
+  const overviewLoadingRef = useRef5(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect17(() => {
+  useEffect18(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect17(() => {
+  useEffect18(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect17(() => {
+  useEffect18(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect17(() => {
+  useEffect18(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3472,7 +3502,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -3502,7 +3532,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  useEffect17(() => {
+  useEffect18(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3539,7 +3569,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (token) {
       loadOverview();
     }
@@ -4748,7 +4778,7 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-import { useEffect as useEffect19, useMemo as useMemo9, useRef as useRef5, useState as useState18 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo9, useRef as useRef6, 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";
 function StepVerify(props) {
@@ -4758,13 +4788,13 @@ function StepVerify(props) {
   const [code, setCode] = useState18("");
   const [sending, setSending] = useState18(false);
   const [submitting, setSubmitting] = useState18(false);
-  const sendTimeRef = useRef5(0);
+  const sendTimeRef = useRef6(0);
   const [sendBtnText, setSendBtnText] = useState18(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
   const codeLength = EMAIL_CODE_LENGTH;
-  const intervalRef = useRef5(null);
+  const intervalRef = useRef6(null);
   const isDownMd = useDownMd();
   const onSend = async () => {
     if (sendTimeRef.current > 0) {
@@ -4795,7 +4825,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect19(() => {
+  useEffect20(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -4883,7 +4913,7 @@ function EmailModal({
   const [step, setStep] = useState19("input");
   const [emailVal, setEmailVal] = useState19("");
   const intl = useIntl8();
-  useEffect20(() => {
+  useEffect21(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
@@ -5349,7 +5379,7 @@ function LoginButton({
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect21, useMemo as useMemo11, useState as useState23 } from "react";
+import { useEffect as useEffect22, 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";
 var ValidItem = ({
@@ -5373,7 +5403,7 @@ function UsernameModal({
   const [val, setVal] = useState23(username);
   const [error, setError] = useState23("");
   const isDownMd = useDownMd();
-  useEffect21(() => {
+  useEffect22(() => {
     if (isOpen) {
       setVal(username);
       setError("");
@@ -5449,7 +5479,7 @@ function UsernameModal({
 }
 
 // src/components/EVMModal/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect23, useState as useState26 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect24, useState as useState26 } from "react";
 import { useIntl as useIntl13 } from "react-intl";
 
 // src/components/WalletModalContent/index.tsx
@@ -5644,13 +5674,13 @@ import { RainbowKitProvider as RainbowKitProvider2, useConnectModal } from "@rai
 import { useAccount, useChainId, useConfig, useDisconnect } from "wagmi";
 
 // src/hooks/useWalletBox.ts
-import { useEffect as useEffect22, useRef as useRef6, useState as useState25 } from "react";
+import { useEffect as useEffect23, useRef as useRef7, useState as useState25 } from "react";
 function useWalletBox({
   onInit
 }) {
   const [status, setStateStatus] = useState25("start");
   const [error, setError] = useState25("");
-  const statusRef = useRef6(status);
+  const statusRef = useRef7(status);
   const [nonce, setNonce] = useState25();
   const setStatus = (status2) => {
     statusRef.current = status2;
@@ -5660,7 +5690,7 @@ function useWalletBox({
     setError("");
     setNonce(null);
   };
-  useEffect22(() => {
+  useEffect23(() => {
     init();
     onInit({
       setStatus
@@ -5924,10 +5954,10 @@ function WalletContent({
       setStatus2("start");
     }
   });
-  useEffect23(() => {
+  useEffect24(() => {
     matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
   }, [status, connectModalOpen, isConnected, address]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (connectModalOpen) {
       setStatus("connecting");
       return;
@@ -5940,7 +5970,7 @@ function WalletContent({
       setStatus("start");
     }
   }, [connectModalOpen, address]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (openConnectModal && !isConnected && !inited) {
       openConnectModal && openConnectModal();
       setInited(true);
@@ -6023,7 +6053,7 @@ function WalletContent({
       setError(error2.reason || error2.message);
     }
   }, [nonce, status, address]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (signature) {
       signature();
     }
@@ -6094,7 +6124,7 @@ function EVMModal(props) {
 }
 
 // src/components/TRONModal/index.tsx
-import React11, { useEffect as useEffect25, useMemo as useMemo14, useState as useState28 } from "react";
+import React11, { useEffect as useEffect26, useMemo as useMemo14, useState as useState28 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -6128,7 +6158,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-import { useEffect as useEffect24, useState as useState27 } from "react";
+import { useEffect as useEffect25, useState as useState27 } from "react";
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -6175,7 +6205,7 @@ var useTRONWallet = () => {
   const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
   const [installedWallets, setInstalledWallets] = useState27([]);
   const [address, setAddress] = useState27(null);
-  useEffect24(() => {
+  useEffect25(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6189,7 +6219,7 @@ var useTRONWallet = () => {
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect24(() => {
+  useEffect25(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6291,7 +6321,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect25(() => {
+  useEffect26(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -6299,12 +6329,12 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6362,7 +6392,7 @@ function TRONModal(props) {
 }
 
 // src/components/TONModal/index.tsx
-import React12, { useEffect as useEffect26, useState as useState29 } from "react";
+import React12, { useEffect as useEffect27, useState as useState29 } from "react";
 import { useIntl as useIntl15 } from "react-intl";
 import {
   TonConnectUIProvider,
@@ -6385,7 +6415,7 @@ function WalletContent2({
   const [status, setStatus] = useState29("");
   const statusRef = React12.useRef(status);
   const [error, setError] = useState29("");
-  useEffect26(() => {
+  useEffect27(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -6458,7 +6488,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -6469,7 +6499,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect26(() => {
+  useEffect27(() => {
     console.log({
       state,
       wallet
@@ -6549,7 +6579,7 @@ function TONModal(props) {
 }
 
 // src/components/BTCModal/index.tsx
-import React13, { useEffect as useEffect28, useMemo as useMemo15, useState as useState31 } from "react";
+import React13, { useEffect as useEffect29, useMemo as useMemo15, useState as useState31 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -6704,7 +6734,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect27, useState as useState30 } from "react";
+import { useEffect as useEffect28, useState as useState30 } from "react";
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -6744,7 +6774,7 @@ var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
   const [installedWallets, setInstalledWallets] = useState30([]);
   const [address, setAddress] = useState30(null);
-  useEffect27(() => {
+  useEffect28(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6758,7 +6788,7 @@ var useBTCWallet = () => {
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect27(() => {
+  useEffect28(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6857,7 +6887,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect28(() => {
+  useEffect29(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -6870,12 +6900,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6984,11 +7014,11 @@ function WalletModal(props) {
 }
 
 // src/components/AlphaAvatar/index.tsx
-import { useEffect as useEffect29, useState as useState32 } from "react";
+import { useEffect as useEffect30, useState as useState32 } from "react";
 import { jsx as jsx43 } from "react/jsx-runtime";
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = useState32(void 0);
-  useEffect29(() => {
+  useEffect30(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -7085,7 +7115,7 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-import { useEffect as useEffect30, useMemo as useMemo17, useState as useState33 } from "react";
+import { useEffect as useEffect31, 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";
@@ -7222,7 +7252,7 @@ function TokenSend({
     }
     onClose();
   };
-  useEffect30(() => {
+  useEffect31(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -7421,7 +7451,7 @@ function TokenSendList({ close }) {
 
 // src/components/TransactionList/index.tsx
 import InfiniteScroll from "react-infinite-scroll-component";
-import { useEffect as useEffect31, useMemo as useMemo18, useState as useState35 } from "react";
+import { useEffect as useEffect32, 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";
@@ -7500,7 +7530,7 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
@@ -7633,4 +7663,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-2HVTQUPR.mjs.map
+//# sourceMappingURL=chunk-KFB23MLQ.mjs.map