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

package/dist/assets/icon/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-DQq17lf4.mjs';
+import { r as IconProps$1 } from '../../types-CHkU0WHZ.mjs';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/assets/icon/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-DQq17lf4.js';
+import { r as IconProps$1 } from '../../types-CHkU0WHZ.js';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/{chunk-6HRRPZPM.mjs → chunk-LPQROHSB.mjs}

@@ -11,7 +11,7 @@ import {
   useUserInfo,
   verifyPohApi,
   wallet_exports
-} from "./chunk-D6IUBR7S.mjs";
+} from "./chunk-V3WGYFWQ.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -94,4 +94,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-6HRRPZPM.mjs.map
+//# sourceMappingURL=chunk-LPQROHSB.mjs.map

package/dist/{chunk-D6IUBR7S.mjs → chunk-V3WGYFWQ.mjs}

@@ -592,6 +592,7 @@ __export(hooks_exports, {
   useMatchChain: () => useMatchChain,
   useMatchEvents: () => useMatchEvents,
   useMatchWallet: () => useMatchWallet,
+  useMatchWalletRecords: () => useMatchWalletRecords,
   useModal: () => useModal,
   useReceipt: () => useReceipt,
   useToast: () => useToast,
@@ -1238,6 +1239,11 @@ function useMatchChain() {
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
 import { useEffect as useEffect6, useState as useState7 } from "react";
+
+// example/src/config/contract.ts
+var address = "0x4143e29770fd63e24bb1f32d50bf8a590e34de4b";
+
+// src/hooks/useMatchWallet.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function useMatchWallet() {
   const modal = useModal();
@@ -1285,6 +1291,45 @@ function useMatchWallet() {
     showReceiveModal
   };
 }
+function useMatchWalletRecords({
+  pageSize = 10
+}) {
+  const [hasMore, setHasMore] = useState7(true);
+  const [items, setItems] = useState7([]);
+  const { chainId } = useMatchChain();
+  const chainIdStr = chainId.toString() || "";
+  const fetchMoreData = async () => {
+    if (!hasMore) {
+      return;
+    }
+    const res = await getUserWalletTransactionsApi({
+      chain_id: chainIdStr,
+      limit: pageSize,
+      offset: items.length
+    });
+    if (isSuccess(res)) {
+      if (res.data && res.data.transactions.length > 0) {
+        setItems(items.concat(res.data.transactions));
+      }
+      setHasMore(res.data && res.data.transactions.length >= pageSize);
+    }
+  };
+  const onInit = async () => {
+    setItems([]);
+    setHasMore(true);
+    fetchMoreData();
+  };
+  useEffect6(() => {
+    if (chainId && address) {
+      onInit();
+    }
+  }, [chainId, address]);
+  return {
+    items,
+    fetchMoreData,
+    hasMore
+  };
+}
 
 // src/hooks/useReceipt.tsx
 import { useState as useState8, useCallback as useCallback4, useEffect as useEffect7 } from "react";
@@ -4689,9 +4734,10 @@ export {
   WalletModal,
   components_exports,
   useMatchWallet,
+  useMatchWalletRecords,
   useReceipt,
   hooks_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-D6IUBR7S.mjs.map
+//# sourceMappingURL=chunk-V3WGYFWQ.mjs.map