fix: Updates playground to remove outdated imports (#2294)

Author: dgca

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);