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

package/dist/hooks.js

@@ -357,10 +357,10 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/MatchContext.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
@@ -1188,7 +1188,7 @@ function HashPanel({
           /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lottie, { animationData: statusValue.lottie, style: {
+          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
@@ -1266,17 +1266,22 @@ var import_jsx_runtime75 = require("react/jsx-runtime");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/ui/Lottie/index.tsx
-var import_lottie_react = __toESM(require("lottie-react"));
+var import_react15 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-function Lottie(props) {
-  console.log("Lottie", props);
-  const result = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lottie_react.default, { loop: true, autoplay: true, ...props });
-  console.log("result", result);
-  return result;
-}
+var LazyLottie = (props) => {
+  const [LottieReact, setLottieReact] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
+    import("lottie-react").then((mod) => {
+      setLottieReact(mod.default || mod);
+    });
+  }, []);
+  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: "Loading..." });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
+};
+var Lottie_default = LazyLottie;
 
 // src/components/EVMModal/index.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/hooks/eventManager.ts
 var EventManager = class {
@@ -1310,7 +1315,7 @@ var eventManager_default = eventManager;
 var import_react_intl10 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/EVMModal/index.tsx
@@ -1318,7 +1323,7 @@ var import_rainbowkit = require("@rainbow-me/rainbowkit");
 var import_wagmi2 = require("wagmi");
 
 // src/hooks/useWalletBox.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/hooks/useEthersSigner.ts
 var React5 = __toESM(require("react"));
@@ -1331,45 +1336,45 @@ var import_styles = require("@rainbow-me/rainbowkit/styles.css");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/TRONModal/index.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 
 // src/hooks/useTRONWallet.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/components/TRONModal/index.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_intl12 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_intl13 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/BTCModal/index.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_react_intl14 = require("react-intl");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/AlphaAvatar/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function AlphaAvatar2({ name, size = 40, className = "" }) {
-  const [avatar, setAvatar] = (0, import_react24.useState)(void 0);
-  (0, import_react24.useEffect)(() => {
+  const [avatar, setAvatar] = (0, import_react25.useState)(void 0);
+  (0, import_react25.useEffect)(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -1386,7 +1391,7 @@ function AlphaAvatar2({ name, size = 40, className = "" }) {
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/TokenSend/index.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_viem2 = require("viem");
 var import_react_intl15 = require("react-intl");
 var import_jsx_runtime86 = require("react/jsx-runtime");
@@ -1424,22 +1429,22 @@ function TokenSend({
   const intl = (0, import_react_intl15.useIntl)();
   const { createWalletClient: createWalletClient2 } = useWallet();
   const isNative = token.address.toLowerCase() == NATIVE_TOKEN_ADDRESS;
-  const chain = (0, import_react25.useMemo)(() => {
+  const chain = (0, import_react26.useMemo)(() => {
     return chainList?.find((m) => m.id.toString() === token.chain_id);
   }, [chainList, token.chain_id]);
-  const walletClient = (0, import_react25.useMemo)(() => {
+  const walletClient = (0, import_react26.useMemo)(() => {
     return createWalletClient2({
       // @ts-ignore
       chain: (0, import_viem2.defineChain)(chain),
       transport: (0, import_viem2.http)()
     });
   }, [chain]);
-  const [amount, setAmount] = (0, import_react25.useState)("");
-  const [address, setAddress] = (0, import_react25.useState)("");
-  const [loading, setLoading] = (0, import_react25.useState)(false);
-  const [sending, setSending] = (0, import_react25.useState)(false);
-  const [txError, setTxError] = (0, import_react25.useState)("");
-  const transaction = (0, import_react25.useMemo)(() => {
+  const [amount, setAmount] = (0, import_react26.useState)("");
+  const [address, setAddress] = (0, import_react26.useState)("");
+  const [loading, setLoading] = (0, import_react26.useState)(false);
+  const [sending, setSending] = (0, import_react26.useState)(false);
+  const [txError, setTxError] = (0, import_react26.useState)("");
+  const transaction = (0, import_react26.useMemo)(() => {
     const reg = /^0x[a-fA-F0-9]{40}$/;
     if (!amount || !address || !reg.test(address)) {
       return;
@@ -1470,7 +1475,7 @@ function TokenSend({
       setLoading(false);
     }
   };
-  const error = (0, import_react25.useMemo)(() => {
+  const error = (0, import_react26.useMemo)(() => {
     setTxError("");
     let amountError = "";
     let addressError = "";
@@ -1513,7 +1518,7 @@ function TokenSend({
       setAmount(value);
     }
   };
-  const canSend = (0, import_react25.useMemo)(() => {
+  const canSend = (0, import_react26.useMemo)(() => {
     return !error.amount && !error.address && amount && address;
   }, [error]);
   const onNext = async () => {
@@ -1523,7 +1528,7 @@ function TokenSend({
     }
     onClose();
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -1616,7 +1621,7 @@ var import_react_intl16 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/TokenSendList/index.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_react_intl17 = require("react-intl");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 function TokenSendList({ close }) {
@@ -1626,7 +1631,7 @@ function TokenSendList({ close }) {
     list: walletAssets.mergedAssets
   });
   const { list } = useMatchChain();
-  const [checked, setChecked] = (0, import_react26.useState)();
+  const [checked, setChecked] = (0, import_react27.useState)();
   const modal = useModal();
   const onNext = () => {
     checked && modal.show((props) => {
@@ -1683,7 +1688,7 @@ function TokenSendList({ close }) {
 
 // src/components/TransactionList/index.tsx
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_viem3 = require("viem");
 var import_viem4 = require("viem");
 
@@ -1748,7 +1753,7 @@ var import_react_intl18 = require("react-intl");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_intl19 = require("react-intl");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 
@@ -1771,12 +1776,12 @@ var useStore_default = useStore;
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
-var import_react29 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var import_jsx_runtime92 = require("react/jsx-runtime");
-var ModalContext = (0, import_react29.createContext)(null);
+var ModalContext = (0, import_react30.createContext)(null);
 function useModal() {
-  const context = (0, import_react29.useContext)(ModalContext);
+  const context = (0, import_react30.useContext)(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
@@ -1784,12 +1789,12 @@ function useModal() {
 }
 
 // src/context/ToastContext.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime93 = require("react/jsx-runtime");
-var ToastContext = (0, import_react30.createContext)(null);
+var ToastContext = (0, import_react31.createContext)(null);
 function useToast() {
-  const context = (0, import_react30.useContext)(ToastContext);
+  const context = (0, import_react31.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -1800,11 +1805,11 @@ function useToast() {
 var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query4 = require("@tanstack/react-query");
@@ -1896,9 +1901,9 @@ 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_react33.createContext)(void 0);
+var MatchContext = (0, import_react34.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react33.useContext)(MatchContext);
+  const context = (0, import_react34.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -1932,7 +1937,7 @@ function useUserInfo() {
   const getRedirectUri = () => {
     return encodeURIComponent(window.location.href);
   };
-  const isLogin = (0, import_react34.useMemo)(() => !!token && !!overview, [token, overview]);
+  const isLogin = (0, import_react35.useMemo)(() => !!token && !!overview, [token, overview]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -2203,9 +2208,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -2225,7 +2230,7 @@ function useMatchEvents(handlers) {
 var import_viem7 = require("viem");
 var import_accounts = require("viem/accounts");
 var import_viem8 = require("viem");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_viem9 = require("viem");
 
 // src/store/useTransactionStore.ts
@@ -2310,7 +2315,7 @@ function useWallet() {
       throw error;
     }
   };
-  const evmAccount = (0, import_react36.useMemo)(() => {
+  const evmAccount = (0, import_react37.useMemo)(() => {
     try {
       return address ? (0, import_accounts.toAccount)({
         address,
@@ -2349,7 +2354,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -2492,14 +2497,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react37 = require("react");
+var import_react38 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react37.useState)(false);
-  const staticCopy = (0, import_react37.useCallback)((text) => {
+  const [isCopied, setIsCopied] = (0, import_react38.useState)(false);
+  const staticCopy = (0, import_react38.useCallback)((text) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -2569,7 +2574,7 @@ function useImportTokenListQuery({
 }
 
 // src/hooks/useMatchChain.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_viem10 = require("viem");
 var import_react_intl21 = require("react-intl");
 var import_jsx_runtime97 = require("react/jsx-runtime");
@@ -2578,7 +2583,7 @@ function useMatchChain() {
   const modal = useModal();
   const intl = (0, import_react_intl21.useIntl)();
   const { chainId: storeChainId, setChainId } = useLocalStore_default();
-  const chainId = (0, import_react38.useMemo)(() => {
+  const chainId = (0, import_react39.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2587,7 +2592,7 @@ function useMatchChain() {
     }
     return chainListQuery.data[0].id;
   }, [storeChainId, chainListQuery.data]);
-  const chain = (0, import_react38.useMemo)(() => {
+  const chain = (0, import_react39.useMemo)(() => {
     if (!chainListQuery.data || !chainListQuery.data.length) {
       return null;
     }
@@ -2601,7 +2606,7 @@ function useMatchChain() {
     close
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
-    const [selectedChainId, setSelectedChainId] = (0, import_react38.useState)(storeChainId2);
+    const [selectedChainId, setSelectedChainId] = (0, import_react39.useState)(storeChainId2);
     const isDownMd = useDownMd();
     return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: `matchid-change-network-box`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
@@ -2633,7 +2638,7 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
-  const publicClient = (0, import_react38.useMemo)(() => {
+  const publicClient = (0, import_react39.useMemo)(() => {
     if (!chain) {
       return null;
     }
@@ -2661,13 +2666,13 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_query8 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var import_react_intl23 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_react_intl22 = require("react-intl");
 var import_react_query7 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
@@ -2699,12 +2704,12 @@ function useIsContract({
 // src/components/ImportToken/index.tsx
 var import_jsx_runtime98 = require("react/jsx-runtime");
 function ImportToken({ close }) {
-  const [status, setStatus] = (0, import_react39.useState)("");
+  const [status, setStatus] = (0, import_react40.useState)("");
   const { token } = useUserInfo();
-  const [address, setAddress] = (0, import_react39.useState)("");
-  const [symbol, setSymbol] = (0, import_react39.useState)("");
-  const [decimals, setDecimals] = (0, import_react39.useState)("");
-  const [error, setError] = (0, import_react39.useState)({});
+  const [address, setAddress] = (0, import_react40.useState)("");
+  const [symbol, setSymbol] = (0, import_react40.useState)("");
+  const [decimals, setDecimals] = (0, import_react40.useState)("");
+  const [error, setError] = (0, import_react40.useState)({});
   const { publicClient, chainId, chain } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
@@ -2738,7 +2743,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = (0, import_react_intl22.useIntl)();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2757,7 +2762,7 @@ function ImportToken({ close }) {
       }
     }
   }, [address, publicClient]);
-  const [loading, setLoading] = (0, import_react39.useState)(false);
+  const [loading, setLoading] = (0, import_react40.useState)(false);
   const toast = useToast();
   const queryClient2 = (0, import_react_query7.useQueryClient)();
   const onImport = async () => {
@@ -2785,7 +2790,7 @@ function ImportToken({ close }) {
       setLoading(false);
     }
   };
-  const canImport = (0, import_react39.useMemo)(() => {
+  const canImport = (0, import_react40.useMemo)(() => {
     if (!address) {
       return false;
     }
@@ -2810,7 +2815,7 @@ function ImportToken({ close }) {
   if (status == "success" || status == "fail") {
     return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Lottie, { animationData: status == "success" ? success_default : fail_default, style: {
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `matchid-import-token-result-img`, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Lottie_default, { animationData: status == "success" ? success_default : fail_default, style: {
           width: "96px",
           height: "96px"
         } }) }),
@@ -2954,12 +2959,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react40.useState)(true);
-  const [items, setItems] = (0, import_react40.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react41.useState)(true);
+  const [items, setItems] = (0, import_react41.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = (0, import_react40.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react40.useRef)(void 0);
+  const hasMoreRef = (0, import_react41.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react41.useRef)(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2986,7 +2991,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
@@ -3042,7 +3047,7 @@ function useMatchWalletRecords() {
       setContracts(contractMap);
     }
   };
-  const list = (0, import_react40.useMemo)(() => {
+  const list = (0, import_react41.useMemo)(() => {
     const localTransactions = transactions[`${chainId}-${address}`] || [];
     const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
@@ -3084,7 +3089,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react40.useMemo)(() => {
+  const mergedAssets = (0, import_react41.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -3171,7 +3176,7 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react40.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Tokens = (0, import_react41.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
   const erc20BalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
@@ -3199,7 +3204,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react40.useMemo)(() => {
+  const enrichedAssets = (0, import_react41.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -3221,7 +3226,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -3246,14 +3251,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_react_query9 = 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_react41.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react42.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3264,7 +3269,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3283,7 +3288,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react41.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react42.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3300,7 +3305,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const set = (0, import_react41.useCallback)((key, value) => {
+  const set = (0, import_react42.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3318,7 +3323,7 @@ function useReceiptCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react41.useCallback)((key) => {
+  const get = (0, import_react42.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL) {
@@ -3332,7 +3337,7 @@ function useReceiptCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react41.useCallback)((key) => {
+  const del = (0, import_react42.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3340,7 +3345,7 @@ function useReceiptCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react41.useCallback)(() => {
+  const clear = (0, import_react42.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY);
@@ -3355,7 +3360,7 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react41.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react42.useState)(true);
   const query = (0, import_react_query9.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
@@ -3381,7 +3386,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -3390,14 +3395,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_query10 = 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_react42.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react43.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3408,7 +3413,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3427,7 +3432,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react42.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react43.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3444,7 +3449,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react42.useCallback)((key, value) => {
+  const set = (0, import_react43.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3462,7 +3467,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react42.useCallback)((key) => {
+  const get = (0, import_react43.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -3476,7 +3481,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react42.useCallback)((key) => {
+  const del = (0, import_react43.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3484,7 +3489,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react42.useCallback)(() => {
+  const clear = (0, import_react43.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -3499,7 +3504,7 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react42.useState)(true);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react43.useState)(true);
   const query = (0, import_react_query10.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
@@ -3525,7 +3530,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }