Fix lockfile

Author: dgca

packages/onchainkit/src/signature/components/SignatureProvider.test.tsx

@@ -41,21 +41,25 @@ describe('SignatureProvider', () => {
   let mockOnSuccess: Mock;
   let mockSignMessage: Mock;
   let mockSignTypedData: Mock;
+  let mockResetMessage: Mock;
+  let mockResetTypedData: Mock;
 
   beforeEach(() => {
     mockOnError = vi.fn();
     mockOnStatus = vi.fn();
     mockOnSuccess = vi.fn();
     mockSignMessage = vi.fn();
     mockSignTypedData = vi.fn();
+    mockResetMessage = vi.fn();
+    mockResetTypedData = vi.fn();
 
     (useSignMessage as Mock).mockReturnValue({
       signMessageAsync: mockSignMessage,
-      reset: vi.fn(),
+      reset: mockResetMessage,
     });
     (useSignTypedData as Mock).mockReturnValue({
       signTypedDataAsync: mockSignTypedData,
-      reset: vi.fn(),
+      reset: mockResetTypedData,
     });
   });
 
@@ -161,8 +165,8 @@ describe('SignatureProvider', () => {
     });
 
     await waitFor(() => {
-      expect(useSignMessage().reset).toHaveBeenCalled();
-      expect(useSignTypedData().reset).toHaveBeenCalled();
+      expect(mockResetMessage).toHaveBeenCalled();
+      expect(mockResetTypedData).toHaveBeenCalled();
     });
   });
 
@@ -251,4 +255,37 @@ describe('SignatureProvider', () => {
       );
     });
   });
+
+  it('should not reset after unmount', async () => {
+    vi.useFakeTimers();
+    mockSignMessage.mockResolvedValue('0x456');
+
+    const { unmount } = render(
+      <SignatureProvider
+        message="Test message"
+        onSuccess={mockOnSuccess}
+        resetAfter={1000}
+      >
+        <TestComponent />
+      </SignatureProvider>,
+    );
+
+    fireEvent.click(screen.getByText('sign'));
+
+    // RTL waitFor will never resolve with fake timers
+    await vi.waitFor(() => {
+      if (vi.getTimerCount() !== 1) {
+        throw new Error('setTimeout was not called');
+      }
+    });
+
+    unmount();
+
+    vi.advanceTimersByTime(1000);
+
+    expect(mockResetMessage).not.toHaveBeenCalled();
+    expect(mockResetTypedData).not.toHaveBeenCalled();
+
+    vi.useRealTimers();
+  });
 });

packages/onchainkit/src/signature/components/SignatureProvider.tsx

@@ -60,14 +60,16 @@ export function SignatureProvider({
 
   useEffect(() => {
     if (lifecycleStatus.statusName === 'success' && resetAfter) {
-      setTimeout(() => {
+      const timeoutId = setTimeout(() => {
         resetSignMessage();
         resetSignTypedData();
         updateLifecycleStatus({
           statusName: 'init',
           statusData: null,
         });
       }, resetAfter);
+
+      return () => clearTimeout(timeoutId);
     }
   }, [
     updateLifecycleStatus,

packages/playground/app/mint/hooks/useEarningsData.ts

@@ -1,8 +1,10 @@
 import { useCollection } from '@/lib/nft/useCollection';
 import { useToken } from '@/lib/nft/useToken';
-import type { ContractType } from '@/onchainkit/esm/nft/types';
 import { useMemo } from 'react';
 
+type ContractType = 'ERC721' | 'ERC1155';
+
+// eslint-disable-next-line complexity
 export function useEarningsData(contractAddress: string, tokenId?: string) {
   const { data: collection } = useCollection(contractAddress);
 

packages/playground/components/demo/FundCard.tsx

@@ -1,5 +1,6 @@
 import { FundCard } from '@coinbase/onchainkit/fund';
-import type { PresetAmountInputs } from '../../onchainkit/esm/fund/types';
+
+type PresetAmountInputs = readonly [string, string, string];
 
 export default function FundCardDemo() {
   const presetAmountInputs: PresetAmountInputs = ['10', '20', '100'];

packages/playground/components/demo/Transaction.tsx

@@ -3,8 +3,6 @@ import {
   clickContracts,
   heterogeneousClickCalls,
 } from '@/lib/transactions';
-import type { Call } from '@/onchainkit/esm/transaction/types';
-import type { LifecycleStatus } from '@/onchainkit/src/transaction';
 import { TransactionTypes } from '@/types/onchainkit';
 import {
   Transaction,
@@ -17,11 +15,14 @@ import {
   TransactionToastAction,
   TransactionToastIcon,
   TransactionToastLabel,
+  LifecycleStatus,
 } from '@coinbase/onchainkit/transaction';
 import { useCallback, useContext, useEffect, useMemo } from 'react';
-import type { ContractFunctionParameters } from 'viem';
+import type { ContractFunctionParameters, Hex } from 'viem';
 import { AppContext } from '../AppProvider';
 
+type Call = { to: Hex; data?: Hex; value?: bigint };
+
 function TransactionDemo() {
   const { chainId, transactionType, isSponsored } = useContext(AppContext);
   const contracts = clickContracts as ContractFunctionParameters[];

packages/playground/lib/nft/buildMintTransaction.ts

@@ -1,7 +1,11 @@
-import type { BuildMintTransactionDataProps } from '@/onchainkit/esm/nft/types';
-import type { Call } from '@/onchainkit/esm/transaction/types';
+import type { BuildMintTransaction } from '@coinbase/onchainkit/nft';
 import type { definitions } from '@reservoir0x/reservoir-sdk';
 import { ENVIRONMENT_VARIABLES } from '../constants';
+import { Hex } from 'viem';
+
+type BuildMintTransactionDataProps = Parameters<BuildMintTransaction>[0];
+
+type Call = { to: Hex; data?: Hex; value?: bigint };
 
 const ERROR_MAP = {
   'Unable to mint requested quantity (max mints per wallet possibly exceeded)':

packages/playground/lib/nft/useReservoirMintData.ts

@@ -1,9 +1,11 @@
-import type { ContractType } from '@/onchainkit/esm/nft/types';
 import { useMemo } from 'react';
 import { useCollection } from './useCollection';
 import { useOwners } from './useOwners';
 import { useToken } from './useToken';
 
+type ContractType = 'ERC721' | 'ERC1155';
+
+// eslint-disable-next-line complexity
 export function useReservoirMintData(
   contractAddress: string,
   tokenId?: string,

packages/playground/lib/nft/useReservoirNFTData.ts

@@ -1,7 +1,9 @@
-import type { ContractType } from '@/onchainkit/esm/nft/types';
 import { useMemo } from 'react';
 import { useToken } from './useToken';
 
+type ContractType = 'ERC721' | 'ERC1155';
+
+// eslint-disable-next-line complexity
 export function useReservoirNFTData(contractAddress: string, tokenId = '0') {
   const { data: token } = useToken(contractAddress, tokenId);
 

packages/playground/package.json

@@ -25,7 +25,7 @@
     "graphql": "^14 || ^15 || ^16",
     "graphql-request": "^6.1.0",
     "lucide-react": "^0.416.0",
-    "next": "^14.2.5",
+    "next": "^14.2.26",
     "react": "^18",
     "react-dom": "^18",
     "tailwind-merge": "^2.4.0",