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

package/dist/index.js

@@ -48,7 +48,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/MatchContext.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/hooks/index.tsx
 var hooks_exports = {};
@@ -2430,11 +2430,11 @@ var RecoveryType = /* @__PURE__ */ ((RecoveryType3) => {
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
 var import_viem8 = require("viem");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_viem9 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react30 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // src/ui/index.ts
@@ -2447,7 +2447,7 @@ __export(ui_exports, {
   Field: () => Field,
   HashPanel: () => HashPanel_default,
   Input: () => Input,
-  Lottie: () => Lottie,
+  Lottie: () => Lottie_default,
   Modal: () => Modal,
   ModalDrawer: () => ModalDrawer,
   ModalWithHeader: () => ModalWithHeader,
@@ -3545,7 +3545,7 @@ function WalletModalContent({
   }, [visible, connected, status, error, address]);
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
@@ -3629,7 +3629,7 @@ function WalletModalContentV2(props) {
   }, [props, submitting]);
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `matchid-wallet-content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie, { animationData: pageData.statusImage, style: {
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lottie_default, { animationData: pageData.statusImage, style: {
         width: 128,
         height: 128
       } }),
@@ -3699,7 +3699,7 @@ var import_wagmi = require("wagmi");
 var import_ethers = require("ethers");
 
 // node_modules/@wagmi/core/dist/esm/version.js
-var version = "2.16.3";
+var version = "2.16.5";
 
 // node_modules/@wagmi/core/dist/esm/utils/getVersion.js
 var getVersion2 = () => `@wagmi/core@${version}`;
@@ -3850,7 +3850,11 @@ async function getConnectorClient(config, parameters = {}) {
     if (config.state.status === "reconnecting" && !connector2.getAccounts && !connector2.getChainId)
       throw new ConnectorUnavailableReconnectingError({ connector: connector2 });
     const [accounts, chainId2] = await Promise.all([
-      connector2.getAccounts(),
+      connector2.getAccounts().catch((e) => {
+        if (parameters.account === null)
+          return [];
+        throw e;
+      }),
       connector2.getChainId()
     ]);
     connection = {
@@ -3873,7 +3877,8 @@ async function getConnectorClient(config, parameters = {}) {
   if (connector.getClient)
     return connector.getClient({ chainId });
   const account = (0, import_utils6.parseAccount)(parameters.account ?? connection.accounts[0]);
-  account.address = (0, import_utils6.getAddress)(account.address);
+  if (account)
+    account.address = (0, import_utils6.getAddress)(account.address);
   if (parameters.account && !connection.accounts.some((x) => x.toLowerCase() === account.address.toLowerCase()))
     throw new ConnectorAccountNotFoundError({
       address: account.address,
@@ -5831,7 +5836,7 @@ function HashPanel({
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Lottie, { animationData: statusValue.lottie, style: {
+          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
@@ -5957,33 +5962,38 @@ function Tabs(props) {
 }
 
 // src/ui/Lottie/index.tsx
-var import_lottie_react = __toESM(require("lottie-react"));
+var import_react30 = require("react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
-function Lottie(props) {
-  console.log("Lottie", props);
-  const result = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lottie_react.default, { loop: true, autoplay: true, ...props });
-  console.log("result", result);
-  return result;
-}
+var LazyLottie = (props) => {
+  const [LottieReact, setLottieReact] = (0, import_react30.useState)(null);
+  (0, import_react30.useEffect)(() => {
+    import("lottie-react").then((mod) => {
+      setLottieReact(mod.default || mod);
+    });
+  }, []);
+  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: "Loading..." });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
+};
+var Lottie_default = LazyLottie;
 
 // src/context/ModalContext.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var ModalContext = (0, import_react30.createContext)(null);
+var ModalContext = (0, import_react31.createContext)(null);
 function ModalProvider({ children }) {
-  const [modalState, setModalState] = (0, import_react30.useState)({
+  const [modalState, setModalState] = (0, import_react31.useState)({
     modals: [],
     highestZIndex: 100
   });
-  const getNextIndex = (0, import_react30.useCallback)(() => {
+  const getNextIndex = (0, import_react31.useCallback)(() => {
     return Math.max(...modalState.modals.map((modal) => modal.index), 0) + 1 || 100;
   }, [modalState]);
-  const closeModal = (0, import_react30.useCallback)((index) => {
+  const closeModal = (0, import_react31.useCallback)((index) => {
     setModalState((prevState) => ({
       modals: prevState.modals.filter((modal) => modal.index !== index),
       highestZIndex: prevState.highestZIndex
     }));
   }, []);
-  const show = (0, import_react30.useCallback)((content, index) => {
+  const show = (0, import_react31.useCallback)((content, index) => {
     setModalState((prevState) => {
       const modalIndex = index !== void 0 ? index : getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
@@ -5999,7 +6009,7 @@ function ModalProvider({ children }) {
       };
     });
   }, [getNextIndex, closeModal]);
-  const open = (0, import_react30.useCallback)((props) => {
+  const open = (0, import_react31.useCallback)((props) => {
     setModalState((prevState) => {
       const modalIndex = props.index !== void 0 ? props.index : getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
@@ -6017,7 +6027,7 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const modalElements = modalState.modals.sort((a, b) => b.zIndex - a.zIndex).map(
     (modal) => modal.visible ? (0, import_react_dom.createPortal)(
-      import_react30.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
+      import_react31.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
       document.body
     ) : null
   );
@@ -6027,7 +6037,7 @@ function ModalProvider({ children }) {
   ] });
 }
 function useModal() {
-  const context = (0, import_react30.useContext)(ModalContext);
+  const context = (0, import_react31.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -6116,7 +6126,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react31.useMemo)(() => {
+  const evmAccount = (0, import_react32.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -6155,7 +6165,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -6298,14 +6308,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react32 = require("react");
+var import_react33 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react32.useState)(false);
-  const staticCopy = (0, import_react32.useCallback)((text) => {
+  const [isCopied, setIsCopied] = (0, import_react33.useState)(false);
+  const staticCopy = (0, import_react33.useCallback)((text) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -6320,24 +6330,24 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/context/ToastContext.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime92 = require("react/jsx-runtime");
-var ToastContext = (0, import_react33.createContext)(null);
+var ToastContext = (0, import_react34.createContext)(null);
 function ToastProvider({ children, zIndex = 299 }) {
-  const [toasts, setToasts] = (0, import_react33.useState)([]);
-  const removeToast = (0, import_react33.useCallback)((id) => {
+  const [toasts, setToasts] = (0, import_react34.useState)([]);
+  const removeToast = (0, import_react34.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  const show = (0, import_react33.useCallback)(({ icon, timeout = 3e3, text }) => {
+  const show = (0, import_react34.useCallback)(({ icon, timeout = 3e3, text }) => {
     const id = Date.now() + Math.random();
     setToasts((prev) => [...prev, { id, icon, text }]);
     setTimeout(() => removeToast(id), timeout);
   }, [removeToast]);
-  const success = (0, import_react33.useCallback)((text, timeout) => {
+  const success = (0, import_react34.useCallback)((text, timeout) => {
     show({ icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CheckRoundIcon, { color: "#2FCC00", size: 24 }), text, timeout });
   }, [show]);
-  const error = (0, import_react33.useCallback)((text, timeout) => {
+  const error = (0, import_react34.useCallback)((text, timeout) => {
     show({ icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ErrorRoundIcon, { size: 24 }), text, timeout });
   }, [show]);
   const ToastComponent = (0, import_react_dom2.createPortal)(
@@ -6362,7 +6372,7 @@ function ToastProvider({ children, zIndex = 299 }) {
   ] });
 }
 function useToast() {
-  const context = (0, import_react33.useContext)(ToastContext);
+  const context = (0, import_react34.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -6498,7 +6508,7 @@ function useWalletAssetListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl19 = require("react-intl");
 var import_jsx_runtime93 = require("react/jsx-runtime");
@@ -6507,7 +6517,7 @@ function useMatchChain() {
   const modal = useModal();
   const intl = (0, import_react_intl19.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react34.useMemo)(() => {
+  const chainId = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -6516,7 +6526,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react34.useMemo)(() => {
+  const chain = (0, import_react35.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -6530,7 +6540,7 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react34.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react35.useState)(storeChainId2);
     const isDownMd = useDownMd();
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-change-network-box`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
@@ -6562,7 +6572,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react34.useMemo)(() => {
+  const publicClient = (0, import_react35.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -6590,13 +6600,13 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_query6 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var import_react_intl21 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_intl20 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
@@ -6628,12 +6638,12 @@ function useIsContract({
 // src/components/ImportToken/index.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react35.useState)("");
+  const [status, setStatus] = (0, import_react36.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react35.useState)("");
-  const [symbol, setSymbol] = (0, import_react35.useState)("");
-  const [decimals, setDecimals] = (0, import_react35.useState)("");
-  const [error, setError] = (0, import_react35.useState)({});
+  const [address, setAddress] = (0, import_react36.useState)("");
+  const [symbol, setSymbol] = (0, import_react36.useState)("");
+  const [decimals, setDecimals] = (0, import_react36.useState)("");
+  const [error, setError] = (0, import_react36.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -6667,7 +6677,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = (0, import_react_intl20.useIntl)();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -6686,7 +6696,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react35.useState)(false);
+  const [loading, setLoading] = (0, import_react36.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query5.useQueryClient)();
   const onImport = async () => {
@@ -6714,7 +6724,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react35.useMemo)(() => {
+  const canImport = (0, import_react36.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -6739,7 +6749,7 @@ function ImportToken({ close }) {
   if (status == "success" || status == "fail") {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie, { animationData: status == "success" ? success_default : fail_default, style: {
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
@@ -6883,12 +6893,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react36.useState)(true);
-  const [items, setItems] = (0, import_react36.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react37.useState)(true);
+  const [items, setItems] = (0, import_react37.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react36.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react36.useRef)(void 0);
+  const hasMoreRef = (0, import_react37.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react37.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -6915,7 +6925,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -6971,7 +6981,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react36.useMemo)(() => {
+  const list = (0, import_react37.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -7013,7 +7023,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react36.useMemo)(() => {
+  const mergedAssets = (0, import_react37.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -7100,7 +7110,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react36.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react37.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query6.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -7128,7 +7138,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react36.useMemo)(() => {
+  const enrichedAssets = (0, import_react37.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -7150,7 +7160,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -7175,14 +7185,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem14 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
 function useReceiptCache() {
-  const [cache, setCache] = (0, import_react37.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react38.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -7193,7 +7203,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -7212,7 +7222,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react37.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react38.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -7229,7 +7239,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react37.useCallback)((key, value) => {
+  const set = (0, import_react38.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -7247,7 +7257,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react37.useCallback)((key) => {
+  const get = (0, import_react38.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -7261,7 +7271,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react37.useCallback)((key) => {
+  const del = (0, import_react38.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -7269,7 +7279,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react37.useCallback)(() => {
+  const clear = (0, import_react38.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -7284,7 +7294,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react37.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react38.useState)(true);
   const query = (0, import_react_query7.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -7310,7 +7320,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -7319,14 +7329,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem15 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
 var STORAGE_KEY2 = "match_transaction_logs";
 function useTransactionCache() {
-  const [cache, setCache] = (0, import_react38.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -7337,7 +7347,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -7356,7 +7366,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react38.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -7373,7 +7383,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react38.useCallback)((key, value) => {
+  const set = (0, import_react39.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -7391,7 +7401,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react38.useCallback)((key) => {
+  const get = (0, import_react39.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -7405,7 +7415,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react38.useCallback)((key) => {
+  const del = (0, import_react39.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -7413,7 +7423,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react38.useCallback)(() => {
+  const clear = (0, import_react39.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -7428,7 +7438,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react38.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
   const query = (0, import_react_query8.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -7454,7 +7464,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -7463,7 +7473,7 @@ function useTransaction({
 }
 
 // src/components/CEXBindModal/index.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_react_intl22 = require("react-intl");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 function CEXBindModal({
@@ -7474,16 +7484,16 @@ function CEXBindModal({
 }) {
   const intl = (0, import_react_intl22.useIntl)();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = (0, import_react39.useState)("");
+  const [APIPassphrase, setAPIPassphrase] = (0, import_react40.useState)("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = (0, import_react39.useState)(false);
-  const [key, setKey] = (0, import_react39.useState)("");
-  const [secret, setSecret] = (0, import_react39.useState)("");
-  const [error, setError] = (0, import_react39.useState)("");
-  const needPassphrase = (0, import_react39.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react40.useState)(false);
+  const [key, setKey] = (0, import_react40.useState)("");
+  const [secret, setSecret] = (0, import_react40.useState)("");
+  const [error, setError] = (0, import_react40.useState)("");
+  const needPassphrase = (0, import_react40.useMemo)(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -7683,7 +7693,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -7716,11 +7726,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = (0, import_react40.useRef)(walletReady);
-  (0, import_react40.useEffect)(() => {
+  const iframeReadyRef = (0, import_react41.useRef)(walletReady);
+  (0, import_react41.useEffect)(() => {
     setWallet(config);
   }, [config]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -7737,7 +7747,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -7837,7 +7847,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -7918,7 +7928,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 function useInit({
   theme,
   appid,
@@ -7938,24 +7948,24 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = (0, import_react41.useRef)(false);
+  const overviewLoadingRef = (0, import_react42.useRef)(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setTheme(theme);
   }, [theme]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setAppid(appid);
   }, [appid]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     setLocale(locale || "en");
   }, [locale]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -7966,7 +7976,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -7996,7 +8006,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -8033,7 +8043,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (token) {
       loadOverview();
     }
@@ -8959,7 +8969,7 @@ var wagmiConfig = (0, import_rainbowkit2.getDefaultConfig)({
   ],
   chains: [import_chains.mainnet, import_chains.polygon, import_chains.optimism, import_chains.arbitrum, import_chains.base, matchMain, matchTest, import_chains.bsc]
 });
-var MatchContext = (0, import_react42.createContext)(void 0);
+var MatchContext = (0, import_react43.createContext)(void 0);
 var MatchProvider = ({
   children,
   appid,
@@ -8995,7 +9005,7 @@ var MatchProvider = ({
   ) }) }) }) });
 };
 var useMatch = () => {
-  const context = (0, import_react42.useContext)(MatchContext);
+  const context = (0, import_react43.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }