@matchain/matchid-sdk-react 0.1.48-alpha.1 → 0.1.48-alpha.2

package/dist/hooks/api/index.mjs

@@ -2,11 +2,11 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-AFZSANRV.mjs";
+} from "../../chunk-6HRRPZPM.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "../../chunk-A477SJHT.mjs";
+} from "../../chunk-D6IUBR7S.mjs";
 import "../../chunk-UA6XHZHX.mjs";
 import "../../chunk-LNSJ3ZXG.mjs";
 import "../../chunk-A5D3NKTK.mjs";

package/dist/hooks/index.d.mts

@@ -1,7 +1,8 @@
-export { c as useCopyClipboard, h as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, d as useModal, e as useToast, u as useUserInfo, b as useWallet } from '../index-DO5x10pN.mjs';
+export { c as useCopyClipboard, j as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, d as useModal, h as useReceipt, e as useToast, u as useUserInfo, b as useWallet } from '../index-BHVMQGZj.mjs';
 import '../types-DQq17lf4.mjs';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.mjs';
 import 'viem/types/misc';
 import 'abitype';
+import '@tanstack/react-query';

package/dist/hooks/index.d.ts

@@ -1,7 +1,8 @@
-export { c as useCopyClipboard, h as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, d as useModal, e as useToast, u as useUserInfo, b as useWallet } from '../index-Pssz41An.js';
+export { c as useCopyClipboard, j as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, d as useModal, h as useReceipt, e as useToast, u as useUserInfo, b as useWallet } from '../index-DgAnNnit.js';
 import '../types-DQq17lf4.js';
 import 'react';
 import 'viem';
 import '../mpc-CTbBWHld.js';
 import 'viem/types/misc';
 import 'abitype';
+import '@tanstack/react-query';

package/dist/hooks/index.js

@@ -36,6 +36,7 @@ __export(hooks_exports, {
   useMatchEvents: () => useMatchEvents,
   useMatchWallet: () => useMatchWallet,
   useModal: () => useModal,
+  useReceipt: () => useReceipt,
   useToast: () => useToast,
   useUserInfo: () => useUserInfo,
   useWallet: () => useWallet2
@@ -291,7 +292,7 @@ var persistedState = (0, import_middleware.persist)(
     setTheme: (theme) => set({ theme }),
     setEndpoints: (endpoints) => set({ endpoints }),
     address: "",
-    setAddress: (address) => set({ address }),
+    setAddress: (address2) => set({ address: address2 }),
     locale: "en",
     setLocale: (locale) => set({ locale }),
     wallet: {
@@ -925,7 +926,7 @@ function useUserInfo() {
     logout: logoutStore,
     setOverview,
     overview,
-    address,
+    address: address2,
     endpoints,
     locale,
     refreshOverview
@@ -1153,7 +1154,7 @@ function useUserInfo() {
     token,
     mid,
     did,
-    address,
+    address: address2,
     isLogin,
     logout,
     getLoginEmailCode,
@@ -1195,7 +1196,7 @@ var import_react30 = require("react");
 var import_viem4 = require("viem");
 var AppClientId2 = "react-sdk-" + getVersion();
 function useWallet2() {
-  const { address, wallet: walletConfig } = useLocalStore_default();
+  const { address: address2, wallet: walletConfig } = useLocalStore_default();
   const { walletReady } = useStore_default();
   const { open: openHashPanel } = useHashPanelStore();
   const isRecovered = async () => {
@@ -1243,8 +1244,8 @@ function useWallet2() {
     }
   };
   const evmAccount = (0, import_react30.useMemo)(() => {
-    return address ? (0, import_accounts.toAccount)({
-      address,
+    return address2 ? (0, import_accounts.toAccount)({
+      address: address2,
       async signMessage({ message }) {
         return await signMessage2({
           message,
@@ -1275,7 +1276,7 @@ function useWallet2() {
         return "0x";
       }
     }) : void 0;
-  }, [address]);
+  }, [address2]);
   (0, import_react30.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
@@ -1368,7 +1369,7 @@ function useWallet2() {
       });
     };
     const writeContract = async (parameters2) => {
-      const { abi, address: address2, args, dataSuffix, functionName, ...request3 } = parameters2;
+      const { abi, address: address3, args, dataSuffix, functionName, ...request3 } = parameters2;
       const data = (0, import_viem2.encodeFunctionData)({
         abi,
         args,
@@ -1376,7 +1377,7 @@ function useWallet2() {
       });
       return await sendTransaction({
         data: `${data}${dataSuffix ? dataSuffix.replace("0x", "") : ""}`,
-        to: address2,
+        to: address3,
         ...request3
       });
     };
@@ -1390,7 +1391,7 @@ function useWallet2() {
   return {
     walletReady,
     evmAccount,
-    address,
+    address: address2,
     signMessage: signMessage2,
     signTransaction,
     isRecovered,
@@ -1512,19 +1513,20 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
+var import_react33 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function useMatchWallet() {
   const modal = useModal();
-  const { address } = useWallet2();
+  const { address: address2 } = useWallet2();
   const chain = useMatchChain();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
   const onCopy = () => {
-    setCopied(address);
+    setCopied(address2);
     toast.success("Copied!");
   };
   const showReceiveModal = () => {
-    const chainLink = chain.explorerLink("address/" + address);
+    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: [
@@ -1534,7 +1536,7 @@ function useMatchWallet() {
             {
               margin: "0",
               className: `matchid-qr-code`,
-              value: address
+              value: address2
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
@@ -1543,7 +1545,7 @@ function useMatchWallet() {
               href: chainLink,
               target: "_blank",
               className: `matchid-receive-link`,
-              children: address
+              children: address2
             }
           )
         ] }),
@@ -1559,6 +1561,151 @@ function useMatchWallet() {
     showReceiveModal
   };
 }
+
+// src/hooks/useReceipt.tsx
+var import_react34 = require("react");
+var import_react_query5 = require("@tanstack/react-query");
+var import_viem5 = 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_react34.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_react34.useEffect)(() => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY);
+        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_TTL).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_react34.useCallback)((updatedCache) => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY);
+        let parsed = {};
+        if (storedData) {
+          parsed = JSON.parse(storedData);
+        }
+        updatedCache.forEach((entry, key) => {
+          parsed[key] = entry;
+        });
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(parsed));
+      } catch (e) {
+        console.error("Failed to update localStorage:", e);
+      }
+    }
+  }, []);
+  const set = (0, import_react34.useCallback)((key, value) => {
+    const now = Date.now();
+    const newCache = new Map(cache);
+    newCache.forEach((entry, k) => {
+      if (now - entry.timestamp > CACHE_TTL) {
+        newCache.delete(k);
+      }
+    });
+    if (newCache.size >= MAX_CACHE_SIZE) {
+      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_react34.useCallback)((key) => {
+    const entry = cache.get(key);
+    if (entry) {
+      if (Date.now() - entry.timestamp > CACHE_TTL) {
+        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_react34.useCallback)((key) => {
+    if (cache.has(key)) {
+      const newCache = new Map(cache);
+      newCache.delete(key);
+      setCache(newCache);
+      updateLocalStorage(newCache);
+    }
+  }, [cache, updateLocalStorage]);
+  const clear = (0, import_react34.useCallback)(() => {
+    setCache(/* @__PURE__ */ new Map());
+    if (isLocalStorageAvailable) {
+      localStorage.removeItem(STORAGE_KEY);
+    }
+  }, [isLocalStorageAvailable]);
+  return { set, get, del, clear };
+}
+function useReceipt({
+  chainId,
+  hash
+}) {
+  const { list } = useMatchChain();
+  const cache = useReceiptCache();
+  const chain = list?.find((item) => item.id === chainId);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react34.useState)(true);
+  const query = (0, import_react_query5.useQuery)({
+    queryKey: ["match-tx-receipt", 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_viem5.createPublicClient)({
+          //@ts-ignore
+          chain: (0, import_viem5.defineChain)(chain),
+          transport: (0, import_viem5.http)()
+        });
+        const receipt = await publicClient.getTransaction({ hash });
+        if (!receipt) {
+          return false;
+        }
+        cache.set(cacheKey, receipt);
+        return receipt;
+      } catch (e) {
+        return false;
+      }
+    },
+    refetchInterval: shouldRefetch ? 1e4 : false
+  });
+  (0, import_react34.useEffect)(() => {
+    if (query.data) {
+      setShouldRefetch(false);
+    }
+  }, [query.data]);
+  return query;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCopyClipboard,
@@ -1567,6 +1714,7 @@ function useMatchWallet() {
   useMatchEvents,
   useMatchWallet,
   useModal,
+  useReceipt,
   useToast,
   useUserInfo,
   useWallet