@matchain/matchid-sdk-react 0.1.55-alpha.12 → 0.1.55-alpha.13

package/dist/{chunk-BZ2PI27T.mjs → chunk-BB4OTBUS.mjs}

@@ -107,7 +107,7 @@ __export(components_exports, {
 });
 
 // src/components/EmailModal/index.tsx
-import { useEffect as useEffect19, useState as useState19 } from "react";
+import { useEffect as useEffect20, useState as useState20 } from "react";
 
 // src/ui/Modal/index.tsx
 import { useEffect as useEffect3, useState as useState2 } from "react";
@@ -943,11 +943,11 @@ var useStore_default = useStore;
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
 import { createWalletClient } from "viem";
-import { useEffect as useEffect7, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3 } from "react";
 import { encodeDeployData } from "viem";
 
 // src/context/ModalContext.tsx
-import React3, { useState as useState7, useCallback, createContext, useContext } from "react";
+import React3, { useState as useState8, useCallback, createContext, useContext } from "react";
 import { createPortal } from "react-dom";
 
 // src/ui/index.ts
@@ -960,7 +960,7 @@ __export(ui_exports, {
   Field: () => Field,
   HashPanel: () => HashPanel_default,
   Input: () => Input,
-  Lottie: () => Lottie,
+  Lottie: () => Lottie_default,
   Modal: () => Modal,
   ModalDrawer: () => ModalDrawer,
   ModalWithHeader: () => ModalWithHeader,
@@ -1141,7 +1141,7 @@ function HashPanel({
           /* @__PURE__ */ jsx9("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie ? /* @__PURE__ */ jsx9(Lottie, { animationData: statusValue.lottie, style: {
+          statusValue.lottie ? /* @__PURE__ */ jsx9(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }) : /* @__PURE__ */ jsx9("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
@@ -1298,20 +1298,25 @@ function Tabs(props) {
 }
 
 // src/ui/Lottie/index.tsx
-import LottieReact from "lottie-react";
+import { useEffect as useEffect7, useState as useState7 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
-function Lottie(props) {
-  console.log("Lottie", props);
-  const result = /* @__PURE__ */ jsx16(LottieReact, { loop: true, autoplay: true, ...props });
-  console.log("result", result);
-  return result;
-}
+var LazyLottie = (props) => {
+  const [LottieReact, setLottieReact] = useState7(null);
+  useEffect7(() => {
+    import("lottie-react").then((mod) => {
+      setLottieReact(mod.default || mod);
+    });
+  }, []);
+  if (!LottieReact) return /* @__PURE__ */ jsx16("div", { children: "Loading..." });
+  return /* @__PURE__ */ jsx16(LottieReact, { loop: true, autoplay: true, ...props });
+};
+var Lottie_default = LazyLottie;
 
 // src/context/ModalContext.tsx
 import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var ModalContext = createContext(null);
 function ModalProvider({ children }) {
-  const [modalState, setModalState] = useState7({
+  const [modalState, setModalState] = useState8({
     modals: [],
     highestZIndex: 100
   });
@@ -1496,7 +1501,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  useEffect7(() => {
+  useEffect8(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -1639,14 +1644,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback as useCallback2, useEffect as useEffect8, useState as useState9 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect9, useState as useState10 } from "react";
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = useState9(false);
+  const [isCopied, setIsCopied] = useState10(false);
   const staticCopy = useCallback2((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -1661,12 +1666,12 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/context/ToastContext.tsx
-import { useState as useState10, useCallback as useCallback3, createContext as createContext2, useContext as useContext2 } from "react";
+import { useState as useState11, 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";
 var ToastContext = createContext2(null);
 function ToastProvider({ children, zIndex = 299 }) {
-  const [toasts, setToasts] = useState10([]);
+  const [toasts, setToasts] = useState11([]);
   const removeToast = useCallback3((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
@@ -1839,7 +1844,7 @@ function useWalletAssetListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-import { useMemo as useMemo4, useState as useState11 } from "react";
+import { useMemo as useMemo4, useState as useState12 } 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";
@@ -1871,7 +1876,7 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = useState11(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = useState12(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) => {
@@ -1931,7 +1936,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect11, useMemo as useMemo6, useRef, useState as useState13 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo6, useRef, useState as useState14 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 
 // src/config/index.tsx
@@ -2002,7 +2007,7 @@ var useContractStore_default = useContractStore;
 import { FormattedMessage as FormattedMessage4, useIntl as useIntl5 } from "react-intl";
 
 // src/components/ImportToken/index.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState12 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState13 } from "react";
 import { FormattedMessage as FormattedMessage3, useIntl as useIntl4 } from "react-intl";
 import { useQueryClient } from "@tanstack/react-query";
 import { defineChain, erc20Abi } from "viem";
@@ -2034,12 +2039,12 @@ function useIsContract({
 // src/components/ImportToken/index.tsx
 import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function ImportToken({ close }) {
-  const [status, setStatus] = useState12("");
+  const [status, setStatus] = useState13("");
   const { token } = useUserInfo();
-  const [address, setAddress] = useState12("");
-  const [symbol, setSymbol] = useState12("");
-  const [decimals, setDecimals] = useState12("");
-  const [error, setError] = useState12({});
+  const [address, setAddress] = useState13("");
+  const [symbol, setSymbol] = useState13("");
+  const [decimals, setDecimals] = useState13("");
+  const [error, setError] = useState13({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -2073,7 +2078,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = useIntl4();
-  useEffect10(() => {
+  useEffect11(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2092,7 +2097,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = useState12(false);
+  const [loading, setLoading] = useState13(false);
   const toast = useToast();
   const queryClient2 = useQueryClient();
   const onImport = async () => {
@@ -2145,7 +2150,7 @@ 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, { animationData: status == "success" ? success_default : fail_default, style: {
+        /* @__PURE__ */ jsx21("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ jsx21(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
@@ -2289,8 +2294,8 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = useState13(true);
-  const [items, setItems] = useState13([]);
+  const [hasMore, setHasMore] = useState14(true);
+  const [items, setItems] = useState14([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
   const hasMoreRef = useRef(hasMore);
@@ -2321,7 +2326,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (chainId && address) {
       onInit();
     }
@@ -2556,7 +2561,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  useEffect11(() => {
+  useEffect12(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -2581,14 +2586,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-import { useState as useState14, useCallback as useCallback4, useEffect as useEffect12 } from "react";
+import { useState as useState15, useCallback as useCallback4, useEffect as useEffect13 } 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] = useState14(/* @__PURE__ */ new Map());
+  const [cache, setCache] = useState15(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -2599,7 +2604,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  useEffect12(() => {
+  useEffect13(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -2690,7 +2695,7 @@ function useReceipt({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = useState14(true);
+  const [shouldRefetch, setShouldRefetch] = useState15(true);
   const query = useQuery5({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -2716,7 +2721,7 @@ function useReceipt({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2725,14 +2730,14 @@ function useReceipt({
 }
 
 // src/hooks/useTransaction.tsx
-import { useState as useState15, useCallback as useCallback5, useEffect as useEffect13 } from "react";
+import { useState as useState16, useCallback as useCallback5, useEffect as useEffect14 } 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] = useState15(/* @__PURE__ */ new Map());
+  const [cache, setCache] = useState16(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -2743,7 +2748,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  useEffect13(() => {
+  useEffect14(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -2834,7 +2839,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = useState15(true);
+  const [shouldRefetch, setShouldRefetch] = useState16(true);
   const query = useQuery6({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -2860,7 +2865,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect13(() => {
+  useEffect14(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2954,7 +2959,7 @@ var useWalletModalStore = create5((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect14, useMemo as useMemo7, useState as useState16 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo7, useState as useState17 } 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({
@@ -2965,16 +2970,16 @@ function CEXBindModal({
 }) {
   const intl = useIntl6();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState16("");
+  const [APIPassphrase, setAPIPassphrase] = useState17("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState16(false);
-  const [key, setKey] = useState16("");
-  const [secret, setSecret] = useState16("");
-  const [error, setError] = useState16("");
+  const [loading, setLoading] = useState17(false);
+  const [key, setKey] = useState17("");
+  const [secret, setSecret] = useState17("");
+  const [error, setError] = useState17("");
   const needPassphrase = useMemo7(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -3174,7 +3179,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect15, useRef as useRef2 } from "react";
+import { useEffect as useEffect16, useRef as useRef2 } from "react";
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -3208,10 +3213,10 @@ function useWalletInit({
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
   const iframeReadyRef = useRef2(walletReady);
-  useEffect15(() => {
+  useEffect16(() => {
     setWallet(config);
   }, [config]);
-  useEffect15(() => {
+  useEffect16(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -3228,7 +3233,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -3328,7 +3333,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  useEffect15(() => {
+  useEffect16(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -3409,7 +3414,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect16, useRef as useRef3 } from "react";
+import { useEffect as useEffect17, useRef as useRef3 } from "react";
 function useInit({
   theme,
   appid,
@@ -3434,19 +3439,19 @@ function useInit({
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect16(() => {
+  useEffect17(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect16(() => {
+  useEffect17(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect16(() => {
+  useEffect17(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect16(() => {
+  useEffect17(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3457,7 +3462,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -3487,7 +3492,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  useEffect16(() => {
+  useEffect17(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3524,7 +3529,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (token) {
       loadOverview();
     }
@@ -4733,18 +4738,18 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-import { useEffect as useEffect18, useMemo as useMemo9, useRef as useRef4, useState as useState18 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo9, useRef as useRef4, useState as useState19 } 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) {
   const intl = useIntl7();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
-  const [error, setError] = useState18("");
-  const [code, setCode] = useState18("");
-  const [sending, setSending] = useState18(false);
-  const [submitting, setSubmitting] = useState18(false);
+  const [error, setError] = useState19("");
+  const [code, setCode] = useState19("");
+  const [sending, setSending] = useState19(false);
+  const [submitting, setSubmitting] = useState19(false);
   const sendTimeRef = useRef4(0);
-  const [sendBtnText, setSendBtnText] = useState18(intl.formatMessage({
+  const [sendBtnText, setSendBtnText] = useState19(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
@@ -4780,7 +4785,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect18(() => {
+  useEffect19(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -4865,10 +4870,10 @@ function EmailModal({
   onBack,
   onLogin
 }) {
-  const [step, setStep] = useState19("input");
-  const [emailVal, setEmailVal] = useState19("");
+  const [step, setStep] = useState20("input");
+  const [emailVal, setEmailVal] = useState20("");
   const intl = useIntl8();
-  useEffect19(() => {
+  useEffect20(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
@@ -4893,7 +4898,7 @@ function EmailModal({
 }
 
 // src/components/LoginBox/index.tsx
-import { useMemo as useMemo10, useState as useState20 } from "react";
+import { useMemo as useMemo10, useState as useState21 } from "react";
 import { FormattedMessage as FormattedMessage7, useIntl as useIntl9 } from "react-intl";
 
 // src/hooks/useAppConfig.ts
@@ -5006,9 +5011,9 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const [emailOpen, setEmailOpen] = useState20(false);
+  const [emailOpen, setEmailOpen] = useState21(false);
   const { login } = useUserInfo();
-  const [showWallet, setShowWallet] = useState20(false);
+  const [showWallet, setShowWallet] = useState21(false);
   const intl = useIntl9();
   const isDownMd = useDownMd();
   const methodMap = {
@@ -5156,7 +5161,7 @@ function LoginBox({
 }
 
 // src/components/LoginButton/index.tsx
-import { useState as useState22 } from "react";
+import { useState as useState23 } from "react";
 
 // src/components/LoginPanel/index.tsx
 import { FormattedMessage as FormattedMessage8 } from "react-intl";
@@ -5199,7 +5204,7 @@ function LoginModal({
 }
 
 // src/components/UserPopover/index.tsx
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 
 // src/assets/icon/ProfileIcon.tsx
 import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -5231,7 +5236,7 @@ import { FormattedMessage as FormattedMessage9, useIntl as useIntl10 } from "rea
 import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address, username } = useUserInfo();
-  const [logouting, setLogouting] = useState21(false);
+  const [logouting, setLogouting] = useState22(false);
   const onLogout = async () => {
     if (logouting) return;
     try {
@@ -5260,7 +5265,7 @@ function UserContent() {
   const UserDivider = () => {
     return /* @__PURE__ */ jsx34("div", { className: `matchid-user-popover-divider` });
   };
-  const [usernameOpen, setUsernameOpen] = useState21(false);
+  const [usernameOpen, setUsernameOpen] = useState22(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = useIntl10();
   return /* @__PURE__ */ jsxs19("div", { className: "matchid-user-popover-content", children: [
@@ -5306,7 +5311,7 @@ function LoginButton({
 }) {
   const intl = useIntl11();
   const { isLogin, username } = useUserInfo();
-  const [loginOpen, setLoginOpen] = useState22(false);
+  const [loginOpen, setLoginOpen] = useState23(false);
   if (!isLogin) {
     return /* @__PURE__ */ jsxs20(Fragment6, { children: [
       /* @__PURE__ */ jsx35(
@@ -5334,7 +5339,7 @@ function LoginButton({
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect20, useMemo as useMemo11, useState as useState23 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo11, useState as useState24 } 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 = ({
@@ -5355,10 +5360,10 @@ function UsernameModal({
 }) {
   const { username, refreshOverview } = useUserInfo();
   const { isLogin } = useUserInfo();
-  const [val, setVal] = useState23(username);
-  const [error, setError] = useState23("");
+  const [val, setVal] = useState24(username);
+  const [error, setError] = useState24("");
   const isDownMd = useDownMd();
-  useEffect20(() => {
+  useEffect21(() => {
     if (isOpen) {
       setVal(username);
       setError("");
@@ -5371,7 +5376,7 @@ function UsernameModal({
     return val.length >= 2 && val.length <= 32;
   }, [val]);
   const isSafe = isValid && isLength;
-  const [isSubmitting, setIsSubmitting] = useState23(false);
+  const [isSubmitting, setIsSubmitting] = useState24(false);
   const onSubmit = async () => {
     if (isSubmitting) return;
     try {
@@ -5434,11 +5439,11 @@ function UsernameModal({
 }
 
 // src/components/EVMModal/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect22, useState as useState26 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect23, useState as useState27 } from "react";
 import { useIntl as useIntl13 } from "react-intl";
 
 // src/components/WalletModalContent/index.tsx
-import { useMemo as useMemo12, useState as useState24 } from "react";
+import { useMemo as useMemo12, useState as useState25 } from "react";
 
 // src/assets/wallet.ts
 var walletErrorImage = error_default;
@@ -5520,7 +5525,7 @@ function WalletModalContent({
   }, [visible, connected, status, error, address]);
   return /* @__PURE__ */ jsx37("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, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
@@ -5540,7 +5545,7 @@ function WalletModalContent({
   ] }) });
 }
 function WalletModalContentV2(props) {
-  const [submitting, setSubmitting] = useState24(false);
+  const [submitting, setSubmitting] = useState25(false);
   const pageData = useMemo12(() => {
     const { status } = props;
     if (status == "success") {
@@ -5604,7 +5609,7 @@ function WalletModalContentV2(props) {
   }, [props, submitting]);
   return /* @__PURE__ */ jsx37("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, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ jsx37(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
@@ -5629,14 +5634,14 @@ import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useAccount, useChainId, useConfig, useDisconnect } from "wagmi";
 
 // src/hooks/useWalletBox.ts
-import { useEffect as useEffect21, useRef as useRef5, useState as useState25 } from "react";
+import { useEffect as useEffect22, useRef as useRef5, useState as useState26 } from "react";
 function useWalletBox({
   onInit
 }) {
-  const [status, setStateStatus] = useState25("start");
-  const [error, setError] = useState25("");
+  const [status, setStateStatus] = useState26("start");
+  const [error, setError] = useState26("");
   const statusRef = useRef5(status);
-  const [nonce, setNonce] = useState25();
+  const [nonce, setNonce] = useState26();
   const setStatus = (status2) => {
     statusRef.current = status2;
     setStateStatus(status2);
@@ -5645,7 +5650,7 @@ function useWalletBox({
     setError("");
     setNonce(null);
   };
-  useEffect21(() => {
+  useEffect22(() => {
     init();
     onInit({
       setStatus
@@ -5903,16 +5908,16 @@ function WalletContent({
   const { disconnectAsync } = useDisconnect({ config });
   const chainId = useChainId();
   const { events, login } = useMatch();
-  const [inited, setInited] = useState26(false);
+  const [inited, setInited] = useState27(false);
   const { status, setStatus, error, setError, statusRef, nonce, setNonce, init } = useWalletBox({
     onInit: async ({ setStatus: setStatus2 }) => {
       setStatus2("start");
     }
   });
-  useEffect22(() => {
+  useEffect23(() => {
     matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
   }, [status, connectModalOpen, isConnected, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (connectModalOpen) {
       setStatus("connecting");
       return;
@@ -5925,7 +5930,7 @@ function WalletContent({
       setStatus("start");
     }
   }, [connectModalOpen, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (openConnectModal && !isConnected && !inited) {
       openConnectModal && openConnectModal();
       setInited(true);
@@ -6008,7 +6013,7 @@ function WalletContent({
       setError(error2.reason || error2.message);
     }
   }, [nonce, status, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (signature) {
       signature();
     }
@@ -6079,7 +6084,7 @@ function EVMModal(props) {
 }
 
 // src/components/TRONModal/index.tsx
-import React11, { useEffect as useEffect24, useMemo as useMemo14, useState as useState28 } from "react";
+import React11, { useEffect as useEffect25, useMemo as useMemo14, useState as useState29 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -6113,7 +6118,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-import { useEffect as useEffect23, useState as useState27 } from "react";
+import { useEffect as useEffect24, useState as useState28 } from "react";
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -6158,9 +6163,9 @@ var OKXAdapter = class {
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
   const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = useState27([]);
-  const [address, setAddress] = useState27(null);
-  useEffect23(() => {
+  const [installedWallets, setInstalledWallets] = useState28([]);
+  const [address, setAddress] = useState28(null);
+  useEffect24(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6170,11 +6175,11 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState27(null);
+  const [wallet, chooseWallet] = useState28(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect23(() => {
+  useEffect24(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6205,9 +6210,9 @@ function TRONConnectModal({
     okx: /* @__PURE__ */ jsx39(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState28("");
+  const [status, setStatus] = useState29("");
   const statusRef = React11.useRef(status);
-  const [error, setError] = useState28("");
+  const [error, setError] = useState29("");
   const connected = useMemo14(() => {
     return !!address;
   }, [address]);
@@ -6276,7 +6281,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect24(() => {
+  useEffect25(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -6284,12 +6289,12 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6347,7 +6352,7 @@ function TRONModal(props) {
 }
 
 // src/components/TONModal/index.tsx
-import React12, { useEffect as useEffect25, useState as useState29 } from "react";
+import React12, { useEffect as useEffect26, useState as useState30 } from "react";
 import { useIntl as useIntl15 } from "react-intl";
 import {
   TonConnectUIProvider,
@@ -6362,15 +6367,15 @@ function WalletContent2({
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = useState29(false);
+  const [connected, setConnected] = useState30(false);
   const wallet = useTonWallet();
   const userFriendlyAddress = useTonAddress();
   const [tonConnectUI] = useTonConnectUI();
   const { state, open, close } = useTonConnectModal();
-  const [status, setStatus] = useState29("");
+  const [status, setStatus] = useState30("");
   const statusRef = React12.useRef(status);
-  const [error, setError] = useState29("");
-  useEffect25(() => {
+  const [error, setError] = useState30("");
+  useEffect26(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -6443,7 +6448,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -6454,7 +6459,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect25(() => {
+  useEffect26(() => {
     console.log({
       state,
       wallet
@@ -6534,7 +6539,7 @@ function TONModal(props) {
 }
 
 // src/components/BTCModal/index.tsx
-import React13, { useEffect as useEffect27, useMemo as useMemo15, useState as useState31 } from "react";
+import React13, { useEffect as useEffect28, useMemo as useMemo15, useState as useState32 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -6689,7 +6694,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect26, useState as useState30 } from "react";
+import { useEffect as useEffect27, useState as useState31 } from "react";
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -6727,9 +6732,9 @@ var PhantomAdapter = class {
 // src/hooks/useBTCWallet.ts
 var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
-  const [installedWallets, setInstalledWallets] = useState30([]);
-  const [address, setAddress] = useState30(null);
-  useEffect26(() => {
+  const [installedWallets, setInstalledWallets] = useState31([]);
+  const [address, setAddress] = useState31(null);
+  useEffect27(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6739,11 +6744,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState30(null);
+  const [wallet, chooseWallet] = useState31(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6775,9 +6780,9 @@ function BTCConnectModal({
     phantom: /* @__PURE__ */ jsx41(PhantomIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState31("");
+  const [status, setStatus] = useState32("");
   const statusRef = React13.useRef(status);
-  const [error, setError] = useState31("");
+  const [error, setError] = useState32("");
   const connected = useMemo15(() => {
     return !!address;
   }, [address]);
@@ -6842,7 +6847,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect27(() => {
+  useEffect28(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -6855,12 +6860,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6969,11 +6974,11 @@ function WalletModal(props) {
 }
 
 // src/components/AlphaAvatar/index.tsx
-import { useEffect as useEffect28, useState as useState32 } from "react";
+import { useEffect as useEffect29, useState as useState33 } from "react";
 import { jsx as jsx43 } from "react/jsx-runtime";
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = useState32(void 0);
-  useEffect28(() => {
+  const [avatar, setAvatar] = useState33(void 0);
+  useEffect29(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -7070,7 +7075,7 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-import { useEffect as useEffect29, useMemo as useMemo17, useState as useState33 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo17, useState as useState34 } 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";
@@ -7118,11 +7123,11 @@ function TokenSend({
       transport: http8()
     });
   }, [chain]);
-  const [amount, setAmount] = useState33("");
-  const [address, setAddress] = useState33("");
-  const [loading, setLoading] = useState33(false);
-  const [sending, setSending] = useState33(false);
-  const [txError, setTxError] = useState33("");
+  const [amount, setAmount] = useState34("");
+  const [address, setAddress] = useState34("");
+  const [loading, setLoading] = useState34(false);
+  const [sending, setSending] = useState34(false);
+  const [txError, setTxError] = useState34("");
   const transaction = useMemo17(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
@@ -7207,7 +7212,7 @@ function TokenSend({
     }
     onClose();
   };
-  useEffect29(() => {
+  useEffect30(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -7339,7 +7344,7 @@ function TokenDetail({
 }
 
 // src/components/TokenSendList/index.tsx
-import { useState as useState34 } from "react";
+import { useState as useState35 } from "react";
 import { FormattedMessage as FormattedMessage14 } from "react-intl";
 import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 function TokenSendList({ close }) {
@@ -7349,7 +7354,7 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = useState34();
+  const [checked, setChecked] = useState35();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
@@ -7406,7 +7411,7 @@ function TokenSendList({ close }) {
 
 // src/components/TransactionList/index.tsx
 import InfiniteScroll from "react-infinite-scroll-component";
-import { useEffect as useEffect30, useMemo as useMemo18, useState as useState35 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo18, useState as useState36 } 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";
@@ -7416,7 +7421,7 @@ var Item = ({ data }) => {
   const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { contracts } = useContractStore_default();
-  const [shouldRefetch, setShouldRefetch] = useState35(true);
+  const [shouldRefetch, setShouldRefetch] = useState36(true);
   const transferType = useMemo18(() => {
     const methodId = data.input.substring(2, 10);
     if (methodId == "095ea7b3") {
@@ -7485,7 +7490,7 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
@@ -7595,7 +7600,7 @@ export {
   Radio,
   Skeleton_default,
   Tabs,
-  Lottie,
+  Lottie_default,
   ui_exports,
   ModalProvider,
   useModal,
@@ -7616,4 +7621,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-BZ2PI27T.mjs.map
+//# sourceMappingURL=chunk-BB4OTBUS.mjs.map