@matchain/matchid-sdk-react 0.1.48-alpha.20 → 0.1.48-alpha.22

package/dist/hooks/api/index.mjs

@@ -2,14 +2,14 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-3UVHHJP6.mjs";
+} from "../../chunk-MUEDDGKX.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "../../chunk-WHZ3HI4R.mjs";
+} from "../../chunk-WPXA4QPX.mjs";
 import "../../chunk-UA6XHZHX.mjs";
-import "../../chunk-WXPVHKGJ.mjs";
 import "../../chunk-5JHHHLG4.mjs";
+import "../../chunk-FB5MHLWX.mjs";
 import "../../chunk-LHNKZISB.mjs";
 import "../../chunk-J5LGTIGS.mjs";
 export {

package/dist/hooks/index.js

@@ -1759,11 +1759,12 @@ var useContractStore = (0, import_zustand3.create)((0, import_middleware2.devtoo
 var useContractStore_default = useContractStore;
 
 // src/components/TransactionList/index.tsx
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
 var import_react26 = require("react");
-var import_react_intl17 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
@@ -1817,7 +1818,7 @@ var import_react30 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query3 = require("@tanstack/react-query");
-var import_react_intl18 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var queryClient = new import_react_query3.QueryClient();
 var MatchContext = (0, import_react31.createContext)(void 0);
@@ -2532,54 +2533,19 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
+var import_react38 = require("react");
+var import_react_query6 = require("@tanstack/react-query");
+var import_viem10 = require("viem");
+var import_react_intl21 = require("react-intl");
+
+// src/components/ImportToken/index.tsx
 var import_react37 = require("react");
+var import_react_intl20 = require("react-intl");
 var import_react_query5 = require("@tanstack/react-query");
 var import_viem9 = require("viem");
-var import_react_intl19 = require("react-intl");
 var import_jsx_runtime93 = require("react/jsx-runtime");
-var ReceiveModal = () => {
-  const chain = useMatchChain();
-  const { address } = useWallet2();
-  const [copied, setCopied] = useCopyClipboard();
-  const toast = useToast();
-  const intl = (0, import_react_intl19.useIntl)();
-  const onCopy = () => {
-    setCopied(address);
-    toast.success(intl.formatMessage({
-      id: "copied"
-    }));
-  };
-  const chainLink = chain.explorerLink("address/" + address);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-receive-modal`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-receive-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl19.FormattedMessage, { id: "receiveQrcode" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-        import_react_qrcode.QRCode,
-        {
-          margin: "0",
-          className: `matchid-qr-code`,
-          value: address
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-        "a",
-        {
-          href: chainLink,
-          target: "_blank",
-          className: `matchid-receive-link`,
-          children: address
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-      import_react_intl19.FormattedMessage,
-      {
-        id: "copyAddress"
-      }
-    ) })
-  ] });
-};
-var ImportTokenModal = ({ close }) => {
+function ImportToken({ close }) {
+  const [status, setStatus] = (0, import_react37.useState)("");
   const { token } = useUserInfo();
   const [address, setAddress] = (0, import_react37.useState)("");
   const [symbol, setSymbol] = (0, import_react37.useState)("");
@@ -2588,32 +2554,16 @@ var ImportTokenModal = ({ close }) => {
   const { publicClient, chainId } = useMatchChain();
   const getContractInfo = async () => {
     if (!publicClient) return;
-    const erc20Abi3 = [
-      {
-        name: "decimals",
-        type: "function",
-        stateMutability: "view",
-        inputs: [],
-        outputs: [{ name: "decimals", type: "uint8" }]
-      },
-      {
-        name: "symbol",
-        type: "function",
-        stateMutability: "view",
-        inputs: [],
-        outputs: [{ name: "symbol", type: "string" }]
-      }
-    ];
     const calls = [
       {
         address,
-        abi: erc20Abi3,
+        abi: import_viem9.erc20Abi,
         functionName: "symbol",
         args: []
       },
       {
         address,
-        abi: erc20Abi3,
+        abi: import_viem9.erc20Abi,
         functionName: "decimals",
         args: []
       }
@@ -2633,7 +2583,7 @@ var ImportTokenModal = ({ close }) => {
       });
     }
   };
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl20.useIntl)();
   (0, import_react37.useEffect)(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
@@ -2666,17 +2616,16 @@ var ImportTokenModal = ({ close }) => {
         decimals
       });
       if (isSuccess(res)) {
-        toast.success(intl.formatMessage({
-          id: "importSuccess"
-        }));
+        setStatus("success");
         queryClient2.invalidateQueries({
           queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId]
         });
-        close();
       } else {
+        setStatus("fail");
         toast.error(res.message);
       }
     } catch (error2) {
+      setStatus("fail");
       toast.error(error2.message);
     } finally {
       setLoading(false);
@@ -2698,6 +2647,16 @@ var ImportTokenModal = ({ close }) => {
     }
     return true;
   }, [error, address, symbol, decimals]);
+  console.log("status", status);
+  if (status == "success" || status == "fail") {
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result matchid-flex`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token-result-box matchid-flex`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: status == "success" ? success_default : fail_default, alt: status == "success" ? "success" : "fail", className: `matchid-import-token-result-img` }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-import-token-result-text matchid-import-token-result-text-${status}`, children: status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importSuccess" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "importFail" }) })
+      ] }),
+      status == "success" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: close, block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { size: "lg", onClick: () => setStatus(""), block: true, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "back" }) })
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: `matchid-import-token`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "matchid-import-token-form", children: [
       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Field, { label: intl.formatMessage({
@@ -2749,14 +2708,59 @@ var ImportTokenModal = ({ close }) => {
         loading,
         disabled: !canImport,
         highlight: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl19.FormattedMessage, { id: "import" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_intl20.FormattedMessage, { id: "import" })
       }
     )
   ] });
+}
+
+// src/hooks/useMatchWallet.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var ReceiveModal = () => {
+  const chain = useMatchChain();
+  const { address } = useWallet2();
+  const [copied, setCopied] = useCopyClipboard();
+  const toast = useToast();
+  const intl = (0, import_react_intl21.useIntl)();
+  const onCopy = () => {
+    setCopied(address);
+    toast.success(intl.formatMessage({
+      id: "copied"
+    }));
+  };
+  const chainLink = chain.explorerLink("address/" + address);
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-receive-text`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "receiveQrcode" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        import_react_qrcode.QRCode,
+        {
+          margin: "0",
+          className: `matchid-qr-code`,
+          value: address
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        "a",
+        {
+          href: chainLink,
+          target: "_blank",
+          className: `matchid-receive-link`,
+          children: address
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      import_react_intl21.FormattedMessage,
+      {
+        id: "copyAddress"
+      }
+    ) })
+  ] });
 };
 function useMatchWallet() {
   const modal = useModal();
-  const intl = (0, import_react_intl19.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const showReceiveModal = () => {
     modal.open({
       title: intl.formatMessage({
@@ -2768,9 +2772,9 @@ function useMatchWallet() {
   const showImportTokenModal = () => {
     modal.open({
       title: intl.formatMessage({
-        id: "Customized Token"
+        id: "customizedToken"
       }),
-      content: ImportTokenModal
+      content: ImportToken
     });
   };
   const showSendListModal = () => {
@@ -2788,12 +2792,12 @@ function useMatchWallet() {
   };
 }
 function useMatchWalletRecords() {
-  const [hasMore, setHasMore] = (0, import_react37.useState)(true);
-  const [items, setItems] = (0, import_react37.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react38.useState)(true);
+  const [items, setItems] = (0, import_react38.useState)([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet2();
-  const hasMoreRef = (0, import_react37.useRef)(hasMore);
-  const nextPageParamsRef = (0, import_react37.useRef)(void 0);
+  const hasMoreRef = (0, import_react38.useRef)(hasMore);
+  const nextPageParamsRef = (0, import_react38.useRef)(void 0);
   const { getContract, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2824,13 +2828,13 @@ function useMatchWalletRecords() {
         for (const contract of contractUnique) {
           calls.push({
             address: contract,
-            abi: import_viem9.erc20Abi,
+            abi: import_viem10.erc20Abi,
             functionName: "symbol",
             args: []
           });
           calls.push({
             address: contract,
-            abi: import_viem9.erc20Abi,
+            abi: import_viem10.erc20Abi,
             functionName: "decimals",
             args: []
           });
@@ -2869,17 +2873,15 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (chainId && address) {
       onInit();
     }
   }, [chainId, address]);
   const { getTransactions, removeTransaction } = useTransactionStore_default();
-  const localTransaction = (0, import_react37.useMemo)(() => {
-    return getTransactions(chainId || 0, address) || [];
-  }, [getTransactions, chainId]);
-  (0, import_react37.useEffect)(() => {
-    const removeList = localTransaction.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
+  const list = (0, import_react38.useMemo)(() => {
+    const localTransactions = getTransactions(chainId || 0, address) || [];
+    const removeList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) >= 0);
     removeList.forEach((item) => {
       removeTransaction({
         chainId: chainId || 0,
@@ -2887,16 +2889,18 @@ function useMatchWalletRecords() {
         address
       });
     });
-  }, [localTransaction, items]);
-  return {
-    items: [
-      ...getTransactions(chainId || 0, address) || [],
+    const saveList = localTransactions.filter((n) => items.findIndex((m) => m.hash == n.hash) < 0);
+    return [
+      ...saveList,
       ...items
     ].sort((a, b) => {
       const btimestamp = typeof b.timestamp === "string" ? parseInt(b.timestamp) : b.timestamp;
       const atimestamp = typeof a.timestamp === "string" ? parseInt(a.timestamp) : a.timestamp;
       return btimestamp - atimestamp;
-    }),
+    });
+  }, [getTransactions, chainId, items, address]);
+  return {
+    items: list,
     fetchMoreData,
     hasMore
   };
@@ -2914,7 +2918,7 @@ function useMatchWalletAssets({
     chainId: chainId || 0,
     ...assetListOptions
   });
-  const mergedAssets = (0, import_react37.useMemo)(() => {
+  const mergedAssets = (0, import_react38.useMemo)(() => {
     if (!assetListQuery.data && !importTokenQuery.data) return [];
     const assetList = (assetListQuery.data || []).map((asset) => ({
       ...asset,
@@ -2982,7 +2986,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = (0, import_react_query5.useQuery)({
+  const nativeBalanceQuery = (0, import_react_query6.useQuery)({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -3001,8 +3005,8 @@ function useMatchWalletAssetList({
     retry: 3
     // Retry up to 3 times if failed
   });
-  const erc20Tokens = (0, import_react37.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20Abi3 = [
+  const erc20Tokens = (0, import_react38.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
+  const erc20Abi4 = [
     {
       "constant": true,
       "inputs": [
@@ -3023,13 +3027,13 @@ function useMatchWalletAssetList({
       "type": "function"
     }
   ];
-  const erc20BalanceQuery = (0, import_react_query5.useQuery)({
+  const erc20BalanceQuery = (0, import_react_query6.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
       const calls = erc20Tokens.map((token) => ({
         address: token.address,
-        abi: erc20Abi3,
+        abi: erc20Abi4,
         functionName: "balanceOf",
         args: [address]
       }));
@@ -3050,7 +3054,7 @@ function useMatchWalletAssetList({
     // Refresh every 15 seconds
     retry: 3
   });
-  const enrichedAssets = (0, import_react37.useMemo)(() => {
+  const enrichedAssets = (0, import_react38.useMemo)(() => {
     if (!list) return [];
     const erc20Balances = erc20BalanceQuery.data || [];
     return list.map((asset) => {
@@ -3059,11 +3063,11 @@ function useMatchWalletAssetList({
       const decimals = typeof asset.decimals === "string" ? parseInt(asset.decimals) : asset.decimals;
       if (asset.address === NATIVE_TOKEN_ADDRESS) {
         balanceValue = nativeBalanceQuery.data?.toString() || "0";
-        balance = nativeBalanceQuery.data ? Number((0, import_viem9.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
+        balance = nativeBalanceQuery.data ? Number((0, import_viem10.formatUnits)(nativeBalanceQuery.data, decimals)) : 0;
       } else {
         const index = erc20Tokens.findIndex((t) => t.address === asset.address);
         if (index !== -1 && erc20Balances[index] && erc20Balances[index].status === "success") {
-          balance = Number((0, import_viem9.formatUnits)(erc20Balances[index].result, decimals));
+          balance = Number((0, import_viem10.formatUnits)(erc20Balances[index].result, decimals));
           balanceValue = erc20Balances[index].result?.toString() || "0";
         }
       }
@@ -3071,7 +3075,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -3093,14 +3097,14 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-var import_react38 = require("react");
-var import_react_query6 = require("@tanstack/react-query");
-var import_viem10 = require("viem");
+var import_react39 = require("react");
+var import_react_query7 = require("@tanstack/react-query");
+var import_viem11 = 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_react38.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react39.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3111,7 +3115,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3130,7 +3134,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react38.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -3147,7 +3151,7 @@ function useReceiptCache() {
       }
     }
   }, []);
-  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) => {
@@ -3165,7 +3169,7 @@ function useReceiptCache() {
     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_TTL) {
@@ -3179,7 +3183,7 @@ function useReceiptCache() {
     }
     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);
@@ -3187,7 +3191,7 @@ function useReceiptCache() {
       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_KEY);
@@ -3202,8 +3206,8 @@ function useReceipt2({
   const { list } = useMatchChain();
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react38.useState)(true);
-  const query = (0, import_react_query6.useQuery)({
+  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
+  const query = (0, import_react_query7.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -3212,9 +3216,9 @@ function useReceipt2({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem10.createPublicClient)({
-          chain: (0, import_viem10.defineChain)(chain),
-          transport: (0, import_viem10.http)()
+        const publicClient = (0, import_viem11.createPublicClient)({
+          chain: (0, import_viem11.defineChain)(chain),
+          transport: (0, import_viem11.http)()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -3228,7 +3232,7 @@ function useReceipt2({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -3237,14 +3241,14 @@ function useReceipt2({
 }
 
 // src/hooks/useTransaction.tsx
-var import_react39 = require("react");
-var import_react_query7 = require("@tanstack/react-query");
-var import_viem11 = require("viem");
+var import_react40 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
+var import_viem12 = 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_react39.useState)(/* @__PURE__ */ new Map());
+  const [cache, setCache] = (0, import_react40.useState)(/* @__PURE__ */ new Map());
   const isLocalStorageAvailable = (() => {
     try {
       const testKey = "__test__";
@@ -3255,7 +3259,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3274,7 +3278,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const updateLocalStorage = (0, import_react39.useCallback)((updatedCache) => {
+  const updateLocalStorage = (0, import_react40.useCallback)((updatedCache) => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -3291,7 +3295,7 @@ function useTransactionCache() {
       }
     }
   }, []);
-  const set = (0, import_react39.useCallback)((key, value) => {
+  const set = (0, import_react40.useCallback)((key, value) => {
     const now = Date.now();
     const newCache = new Map(cache);
     newCache.forEach((entry, k) => {
@@ -3309,7 +3313,7 @@ function useTransactionCache() {
     setCache(newCache);
     updateLocalStorage(newCache);
   }, [cache, updateLocalStorage]);
-  const get = (0, import_react39.useCallback)((key) => {
+  const get = (0, import_react40.useCallback)((key) => {
     const entry = cache.get(key);
     if (entry) {
       if (Date.now() - entry.timestamp > CACHE_TTL2) {
@@ -3323,7 +3327,7 @@ function useTransactionCache() {
     }
     return void 0;
   }, [cache, updateLocalStorage]);
-  const del = (0, import_react39.useCallback)((key) => {
+  const del = (0, import_react40.useCallback)((key) => {
     if (cache.has(key)) {
       const newCache = new Map(cache);
       newCache.delete(key);
@@ -3331,7 +3335,7 @@ function useTransactionCache() {
       updateLocalStorage(newCache);
     }
   }, [cache, updateLocalStorage]);
-  const clear = (0, import_react39.useCallback)(() => {
+  const clear = (0, import_react40.useCallback)(() => {
     setCache(/* @__PURE__ */ new Map());
     if (isLocalStorageAvailable) {
       localStorage.removeItem(STORAGE_KEY2);
@@ -3346,8 +3350,8 @@ function useTransaction({
   const { list } = useMatchChain();
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
-  const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
-  const query = (0, import_react_query7.useQuery)({
+  const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
+  const query = (0, import_react_query8.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -3356,9 +3360,9 @@ function useTransaction({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = (0, import_viem11.createPublicClient)({
-          chain: (0, import_viem11.defineChain)(chain),
-          transport: (0, import_viem11.http)()
+        const publicClient = (0, import_viem12.createPublicClient)({
+          chain: (0, import_viem12.defineChain)(chain),
+          transport: (0, import_viem12.http)()
         });
         const transaction = await publicClient.getTransaction({ hash });
         if (!transaction) {
@@ -3372,7 +3376,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (query.data) {
       setShouldRefetch(false);
     }