@matchain/matchid-sdk-react 0.1.48-alpha.6 → 0.1.48-alpha.7

package/dist/hooks/api/index.mjs

@@ -2,14 +2,14 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-55KYW35I.mjs";
+} from "../../chunk-YXPWZXPT.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "../../chunk-BPAPYY5P.mjs";
+} from "../../chunk-2CK7JQWH.mjs";
 import "../../chunk-UA6XHZHX.mjs";
-import "../../chunk-UHBVYFSP.mjs";
-import "../../chunk-YFJI4I5M.mjs";
+import "../../chunk-USKUYOYJ.mjs";
+import "../../chunk-7UTR37EJ.mjs";
 import "../../chunk-J5LGTIGS.mjs";
 export {
   bind_exports as bind,

package/dist/hooks/index.d.mts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, k as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, h as useMatchWalletRecords, d as useModal, j as useReceipt, e as useToast, u as useUserInfo, b as useWallet } from '../index-DKyt0for.mjs';
+export { c as useCopyClipboard, l as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, h as useMatchWalletRecords, d as useModal, j as useReceipt, e as useToast, k as useTransaction, u as useUserInfo, b as useWallet } from '../index-DktvxNJc.mjs';
 import '../types-CHkU0WHZ.mjs';
 import 'react';
 import 'viem';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, k as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, h as useMatchWalletRecords, d as useModal, j as useReceipt, e as useToast, u as useUserInfo, b as useWallet } from '../index-TkB89QxX.js';
+export { c as useCopyClipboard, l as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, h as useMatchWalletRecords, d as useModal, j as useReceipt, e as useToast, k as useTransaction, u as useUserInfo, b as useWallet } from '../index-DaEFoDv_.js';
 import '../types-CHkU0WHZ.js';
 import 'react';
 import 'viem';

package/dist/hooks/index.js

@@ -39,6 +39,7 @@ __export(hooks_exports, {
   useModal: () => useModal,
   useReceipt: () => useReceipt,
   useToast: () => useToast,
+  useTransaction: () => useTransaction,
   useUserInfo: () => useUserInfo,
   useWallet: () => useWallet2
 });
@@ -479,9 +480,12 @@ var import_jsx_runtime43 = require("react/jsx-runtime");
 // src/assets/icon/ErrorRoundIcon.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
-// src/assets/icon/InfoRoundIcon.tsx
+// src/assets/icon/InfoLineIcon.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
+// src/assets/icon/InfoRoundIcon.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -503,7 +507,7 @@ function useDownMd() {
 }
 
 // src/hooks/useConfig.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
 
 // src/store/useModalStore.ts
@@ -561,10 +565,10 @@ var import_react6 = require("react");
 
 // src/ui/Overlay/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/ui/Modal/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react4 = require("react");
@@ -581,7 +585,7 @@ function getAppClientId() {
 }
 
 // src/ui/Button/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Button({
   size = "df",
   disabled = false,
@@ -600,7 +604,7 @@ function Button({
       onClick && onClick();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "button",
     {
       type,
@@ -610,34 +614,34 @@ function Button({
         ...style
       },
       onClick: onAction,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
     }
   );
 }
 
 // src/ui/Input/index.tsx
 var import_react3 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/ui/Field/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react5 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/ui/Popover/index.tsx
 var import_react7 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react8 = require("react");
@@ -647,36 +651,36 @@ var import_react_intl4 = require("react-intl");
 var import_react_query = require("@tanstack/react-query");
 
 // src/components/LoginBox/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react10 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react9 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react11 = require("react");
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
 var import_react13 = __toESM(require("react"));
@@ -729,10 +733,10 @@ var import_react_intl9 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react12 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -783,13 +787,13 @@ var import_react_intl10 = require("react-intl");
 var import_react14 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/TONModal/index.tsx
 var import_react16 = __toESM(require("react"));
 var import_react_intl11 = require("react-intl");
 var import_ui_react = require("@tonconnect/ui-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/components/BTCModal/index.tsx
 var import_react18 = __toESM(require("react"));
@@ -802,17 +806,17 @@ var import_sats_connect = require("sats-connect");
 var import_react17 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/components/WalletModal/index.tsx
 var import_react19 = require("react");
 var import_react_intl13 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
 var import_react20 = require("react");
 var import_react_intl14 = require("react-intl");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
 var import_viem = require("viem");
@@ -820,30 +824,30 @@ var import_react21 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
 
 // src/ui/Drawer/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/ui/ModalDrawer/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/ui/HashPanel/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 
 // src/context/ModalContext.tsx
 var import_react23 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/ui/Switch/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 
 // src/ui/AlphaAvatar/index.tsx
 var import_react22 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/ui/Radio/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Radio({
   checked = false,
   onChange,
@@ -852,20 +856,20 @@ function Radio({
   className = "",
   style = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
     width: size,
     height: size,
     ...style,
     // @ts-ignore
     "--matchid-radio-checked": color
-  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `matchid-radio-content`, style: {
+  }, children: checked && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `matchid-radio-content`, style: {
     width: Math.floor(size * 0.7),
     height: Math.floor(size * 0.7)
   } }) });
 }
 
 // src/context/ModalContext.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ModalContext = (0, import_react23.createContext)(null);
 function useModal() {
   const context = (0, import_react23.useContext)(ModalContext);
@@ -878,7 +882,7 @@ function useModal() {
 // src/context/ToastContext.tsx
 var import_react24 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ToastContext = (0, import_react24.createContext)(null);
 function useToast() {
   const context = (0, import_react24.useContext)(ToastContext);
@@ -889,7 +893,7 @@ function useToast() {
 }
 
 // src/context/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react25 = require("react");
@@ -911,7 +915,7 @@ var import_react26 = require("react");
 // src/MatchContext.tsx
 var import_react_query3 = require("@tanstack/react-query");
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var queryClient = new import_react_query3.QueryClient();
 var MatchContext = (0, import_react27.createContext)(void 0);
 var useMatch = () => {
@@ -1448,7 +1452,7 @@ function useChainListQuery(options) {
 
 // src/hooks/useMatchChain.tsx
 var import_react32 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
   const modal = useModal();
@@ -1477,25 +1481,25 @@ function useMatchChain() {
   }) {
     const { chainId: storeChainId2, setChainId: setChainId2 } = useLocalStore_default();
     const [selectedChainId, setSelectedChainId] = (0, import_react32.useState)(storeChainId2);
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-change-network-box`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-change-network-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-change-network-list`, children: chainListQuery.data?.map((item, index) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
           "div",
           {
             onClick: () => setSelectedChainId(item.id),
             className: `matchid-change-network-item  ${selectedChainId == item.id ? "matchid-change-network-selected" : ""}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-change-network-item-content`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("img", { src: item.iconUrl, className: `matchid-change-network-item-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "matchid-change-network-item-name", children: item.name })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Radio, { checked: selectedChainId === item.id })
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Radio, { checked: selectedChainId === item.id })
             ]
           },
           index
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size: "lg", highlight: true, onClick: () => {
         setChainId2(selectedChainId || 0);
         close();
       }, block: true, children: "Confirm" })
@@ -1525,7 +1529,7 @@ var import_react33 = require("react");
 var address = "0x4143e29770fd63e24bb1f32d50bf8a590e34de4b";
 
 // src/hooks/useMatchWallet.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function useMatchWallet() {
   const modal = useModal();
   const { address: address2 } = useWallet2();
@@ -1539,10 +1543,10 @@ function useMatchWallet() {
   const showReceiveModal = () => {
     const chainLink = chain.explorerLink("address/" + address2);
     const ReceiveModal = () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `matchid-receive-modal`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "matchid-receive-container", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: `matchid-receive-modal`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "matchid-receive-container", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             import_react_qrcode.QRCode,
             {
               margin: "0",
@@ -1550,7 +1554,7 @@ function useMatchWallet() {
               value: address2
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "a",
             {
               href: chainLink,
@@ -1560,7 +1564,7 @@ function useMatchWallet() {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
       ] });
     };
     modal.open({
@@ -1578,8 +1582,9 @@ function useMatchWalletRecords({
   const [hasMore, setHasMore] = (0, import_react33.useState)(true);
   const [items, setItems] = (0, import_react33.useState)([]);
   const { chainId } = useMatchChain();
+  const hasMoreRef = (0, import_react33.useRef)(hasMore);
   const fetchMoreData = async () => {
-    if (!hasMore) {
+    if (!hasMoreRef.current) {
       return;
     }
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -1592,12 +1597,14 @@ function useMatchWalletRecords({
       if (res.data && res.data.transactions.length > 0) {
         setItems(items.concat(res.data.transactions));
       }
+      hasMoreRef.current = res.data && res.data.transactions.length >= pageSize;
       setHasMore(res.data && res.data.transactions.length >= pageSize);
     }
   };
   const onInit = async () => {
     setItems([]);
     setHasMore(true);
+    hasMoreRef.current = true;
     fetchMoreData();
   };
   (0, import_react33.useEffect)(() => {
@@ -1756,6 +1763,151 @@ function useReceipt({
   }, [query.data]);
   return query;
 }
+
+// src/hooks/useTransaction.tsx
+var import_react35 = require("react");
+var import_react_query6 = require("@tanstack/react-query");
+var import_viem6 = 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_react35.useState)(/* @__PURE__ */ new Map());
+  const isLocalStorageAvailable = (() => {
+    try {
+      const testKey = "__test__";
+      localStorage.setItem(testKey, "1");
+      localStorage.removeItem(testKey);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  })();
+  (0, import_react35.useEffect)(() => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY2);
+        if (storedData) {
+          try {
+            const parsed = JSON.parse(storedData);
+            const now = Date.now();
+            const validEntries = Object.entries(parsed).filter(([_, entry]) => typeof entry === "object" && entry !== null && "timestamp" in entry && now - entry.timestamp <= CACHE_TTL2).map(([key, entry]) => [key, entry]);
+            setCache(new Map(validEntries));
+          } catch (e) {
+            console.error("Failed to parse cache from localStorage:", e);
+          }
+        }
+      } catch (e) {
+        console.error("Failed to load cache from localStorage:", e);
+      }
+    }
+  }, []);
+  const updateLocalStorage = (0, import_react35.useCallback)((updatedCache) => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY2);
+        let parsed = {};
+        if (storedData) {
+          parsed = JSON.parse(storedData);
+        }
+        updatedCache.forEach((entry, key) => {
+          parsed[key] = entry;
+        });
+        localStorage.setItem(STORAGE_KEY2, JSON.stringify(parsed));
+      } catch (e) {
+        console.error("Failed to update localStorage:", e);
+      }
+    }
+  }, []);
+  const set = (0, import_react35.useCallback)((key, value) => {
+    const now = Date.now();
+    const newCache = new Map(cache);
+    newCache.forEach((entry, k) => {
+      if (now - entry.timestamp > CACHE_TTL2) {
+        newCache.delete(k);
+      }
+    });
+    if (newCache.size >= MAX_CACHE_SIZE2) {
+      const firstKey = newCache.keys().next().value;
+      if (firstKey !== void 0) {
+        newCache.delete(firstKey);
+      }
+    }
+    newCache.set(key, { value, timestamp: now });
+    setCache(newCache);
+    updateLocalStorage(newCache);
+  }, [cache, updateLocalStorage]);
+  const get = (0, import_react35.useCallback)((key) => {
+    const entry = cache.get(key);
+    if (entry) {
+      if (Date.now() - entry.timestamp > CACHE_TTL2) {
+        const newCache = new Map(cache);
+        newCache.delete(key);
+        setCache(newCache);
+        updateLocalStorage(newCache);
+        return void 0;
+      }
+      return entry.value;
+    }
+    return void 0;
+  }, [cache, updateLocalStorage]);
+  const del = (0, import_react35.useCallback)((key) => {
+    if (cache.has(key)) {
+      const newCache = new Map(cache);
+      newCache.delete(key);
+      setCache(newCache);
+      updateLocalStorage(newCache);
+    }
+  }, [cache, updateLocalStorage]);
+  const clear = (0, import_react35.useCallback)(() => {
+    setCache(/* @__PURE__ */ new Map());
+    if (isLocalStorageAvailable) {
+      localStorage.removeItem(STORAGE_KEY2);
+    }
+  }, [isLocalStorageAvailable]);
+  return { set, get, del, clear };
+}
+function useTransaction({
+  chainId,
+  hash
+}) {
+  const { list } = useMatchChain();
+  const cache = useTransactionCache();
+  const chain = list?.find((item) => item.id === chainId);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react35.useState)(true);
+  const query = (0, import_react_query6.useQuery)({
+    queryKey: ["match-tx-transaction", hash, chain],
+    queryFn: async () => {
+      if (!chain || !hash) return false;
+      const cacheKey = `${chain.id}-${hash}`;
+      if (cache.get(cacheKey)) {
+        return cache.get(cacheKey);
+      }
+      try {
+        const publicClient = (0, import_viem6.createPublicClient)({
+          //@ts-ignore
+          chain: (0, import_viem6.defineChain)(chain),
+          transport: (0, import_viem6.http)()
+        });
+        const transaction = await publicClient.getTransaction({ hash });
+        if (!transaction) {
+          return false;
+        }
+        cache.set(cacheKey, transaction);
+        return transaction;
+      } catch (e) {
+        return false;
+      }
+    },
+    refetchInterval: shouldRefetch ? 1e4 : false
+  });
+  (0, import_react35.useEffect)(() => {
+    if (query.data) {
+      setShouldRefetch(false);
+    }
+  }, [query.data]);
+  return query;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCopyClipboard,
@@ -1767,6 +1919,7 @@ function useReceipt({
   useModal,
   useReceipt,
   useToast,
+  useTransaction,
   useUserInfo,
   useWallet
 });