@0xsequence/marketplace-sdk 0.7.0 → 0.8.1

package/src/react/hooks/__tests__/useCountOfCollectables.test.tsx

@@ -9,7 +9,7 @@ import { useCountOfCollectables } from '../useCountOfCollectables';
 
 describe('useCountOfCollectables', () => {
 	const defaultArgs: UseCountOfCollectablesArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		query: {},
 	};
@@ -110,7 +110,7 @@ describe('useCountOfCollectables', () => {
 
 	it('should handle undefined query params', async () => {
 		const argsWithoutQuery: UseCountOfCollectablesArgs = {
-			chainId: '1',
+			chainId: 1,
 			collectionAddress: zeroAddress,
 		};
 

package/src/react/hooks/__tests__/useCountOffersForCollectible.test.tsx

@@ -7,7 +7,7 @@ import { useCountOffersForCollectible } from '../useCountOffersForCollectible';
 
 describe('useCountOffersForCollectible', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		collectibleId: '1',
 		query: {},

package/src/react/hooks/__tests__/useCurrencies.test.tsx

@@ -11,7 +11,7 @@ import { useCurrencies } from '../useCurrencies';
 
 describe('useCurrencies', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 	};
 
 	it('should fetch currencies successfully', async () => {
@@ -100,7 +100,7 @@ describe('useCurrencies', () => {
 		// Change chainId and rerender
 		const newArgs = {
 			...defaultArgs,
-			chainId: '5',
+			chainId: 5,
 		};
 
 		rerender(() => useCurrencies(newArgs));

package/src/react/hooks/__tests__/useCurrency.test.tsx

@@ -9,7 +9,7 @@ import {
 import { useCurrency } from '../useCurrency';
 describe('useCurrency', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		currencyAddress: USDC_ADDRESS,
 	};
 
@@ -93,7 +93,7 @@ describe('useCurrency', () => {
 		// Change chainId and rerender
 		const newArgs = {
 			...defaultArgs,
-			chainId: '5',
+			chainId: 5,
 		};
 
 		rerender(() => useCurrency(newArgs));

package/src/react/hooks/__tests__/useFilters.test.tsx

@@ -8,7 +8,7 @@ import { useFilters } from '../useFilters';
 
 describe('useFilters', () => {
 	const defaultArgs: UseFiltersArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 	};
 
@@ -31,7 +31,7 @@ describe('useFilters', () => {
 	it('should handle error states', async () => {
 		// Override the handler for this test to return an error
 		server.use(
-			http.post(mockMetadataEndpoint('TokenCollectionFilters'), () => {
+			http.post(mockMetadataEndpoint('GetTokenMetadataPropertyFilters'), () => {
 				return HttpResponse.json(
 					{ error: { message: 'Failed to fetch filters' } },
 					{ status: 500 },

package/src/react/hooks/__tests__/useFloorOrder.test.tsx

@@ -11,7 +11,7 @@ import type { UseFloorOrderArgs } from '../useFloorOrder';
 
 describe('useFloorOrder', () => {
 	const defaultArgs: UseFloorOrderArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		query: {},
 	};
@@ -83,7 +83,7 @@ describe('useFloorOrder', () => {
 
 	it('should handle undefined query params', async () => {
 		const argsWithoutQuery: UseFloorOrderArgs = {
-			chainId: '1',
+			chainId: 1,
 			collectionAddress: zeroAddress,
 			query: {},
 		};

package/src/react/hooks/__tests__/useGenerateCancelTransaction.test.tsx

@@ -10,7 +10,7 @@ import { MarketplaceKind } from '../../_internal/api/marketplace.gen';
 import { useGenerateCancelTransaction } from '../useGenerateCancelTransaction';
 
 const defaultArgs = {
-	chainId: '1',
+	chainId: 1,
 	orderId: '0x9876543210987654321098765432109876543210',
 	marketplace: MarketplaceKind.sequence_marketplace_v2,
 	collectionAddress: zeroAddress,

package/src/react/hooks/__tests__/useGenerateListingTransaction.test.tsx

@@ -34,7 +34,7 @@ describe('useGenerateListingTransaction', () => {
 	};
 
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		onSuccess: mockOnSuccess,
 	};
 

package/src/react/hooks/__tests__/useGenerateOfferTransaction.test.tsx

@@ -29,7 +29,7 @@ describe('useGenerateOfferTransaction', () => {
 	};
 
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		onSuccess: mockOnSuccess,
 	};
 

package/src/react/hooks/__tests__/useGenerateSellTransaction.test.tsx

@@ -32,7 +32,7 @@ describe('useGenerateSellTransaction', () => {
 	};
 
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		onSuccess: mockOnSuccess,
 	};
 

package/src/react/hooks/__tests__/useListCollectibleActivities.test.tsx

@@ -11,7 +11,7 @@ import { useListCollectibleActivities } from '../useListCollectibleActivities';
 
 describe('useListCollectibleActivities', () => {
 	const defaultArgs: UseListCollectibleActivitiesArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		tokenId: '1',
 		query: {
@@ -99,7 +99,7 @@ describe('useListCollectibleActivities', () => {
 
 		// Change args and rerender
 		currentArgs = {
-			chainId: '1',
+			chainId: 1,
 			tokenId: '2',
 			collectionAddress:
 				'0x1234567890123456789012345678901234567890' as `0x${string}`,

package/src/react/hooks/__tests__/useListCollectibles.test.tsx

@@ -11,12 +11,13 @@ import {
 	MarketplaceKind,
 	OrderSide,
 } from '../../_internal/api/marketplace.gen';
-import type { UseListCollectiblesArgs } from '../useListCollectibles';
+
+import type { UseListCollectiblesArgs } from '../../queries/listCollectibles';
 import { useListCollectibles } from '../useListCollectibles';
 
 describe('useListCollectibles', () => {
 	const defaultArgs: UseListCollectiblesArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		side: OrderSide.listing,
 		query: {

package/src/react/hooks/__tests__/useListCollectiblesPaginated.test.tsx

@@ -13,7 +13,7 @@ import { useListCollectiblesPaginated } from '../useListCollectiblesPaginated';
 
 describe('useListCollectiblesPaginated', () => {
 	const defaultArgs: UseListCollectiblesPaginatedArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		side: OrderSide.listing,
 		query: {

package/src/react/hooks/__tests__/useListCollectionActivities.test.tsx

@@ -13,7 +13,7 @@ import { useListCollectionActivities } from '../useListCollectionActivities';
 
 describe('useListCollectionActivities', () => {
 	const defaultArgs: UseListCollectionActivitiesArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		query: {
 			enabled: true,

package/src/react/hooks/__tests__/useListListingsForCollectible.test.tsx

@@ -11,7 +11,7 @@ import { useListListingsForCollectible } from '../useListListingsForCollectible'
 
 describe('useListListingsForCollectible', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		collectibleId: '1',
 		page: {

package/src/react/hooks/__tests__/useListOffersForCollectible.test.tsx

@@ -11,7 +11,7 @@ import { useListOffersForCollectible } from '../useListOffersForCollectible';
 
 describe('useListOffersForCollectible', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress,
 		collectibleId: '1',
 		page: {

package/src/react/hooks/__tests__/useLowestListing.test.tsx

@@ -11,7 +11,7 @@ import { useLowestListing } from '../useLowestListing';
 
 describe('useLowestListing', () => {
 	const defaultArgs = {
-		chainId: '1',
+		chainId: 1,
 		collectionAddress: zeroAddress as `0x${string}`,
 		tokenId: '1',
 		query: {},

package/src/react/hooks/__tests__/useRoyalty.test.tsx

@@ -1,7 +1,6 @@
 import { renderHook, waitFor } from '@test';
 import { describe, expect, it } from 'vitest';
 import { TEST_COLLECTIBLE } from '../../../../test/const';
-import type { ChainId } from '../../_internal';
 import { useRoyalty } from '../useRoyalty';
 
 describe('useRoyaltyPercentage', () => {
@@ -30,7 +29,7 @@ describe('useRoyaltyPercentage', () => {
 	it('should handle invalid args', async () => {
 		const invalidArgs = {
 			collectionAddress: 'invalid-collection-address' as `0x${string}`,
-			chainId: 'invalid-chain-id' as ChainId,
+			chainId: 'invalid-chain-id',
 			collectibleId: '1',
 		};
 

package/src/react/hooks/index.ts

@@ -31,7 +31,6 @@ export * from './useGenerateCancelTransaction';
 export * from './useTransferTokens';
 export * from './useCheckoutOptions';
 export * from './useListCollections';
-export * from './useGenerateBuyTransaction';
 export * from './useCancelOrder';
 export * from './useCollectionDetails';
 export * from './useCollectionDetailsPolling';

package/src/react/hooks/options/collectionOptions.ts

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectionKeys,
 	getMetadataClient,
@@ -11,7 +10,7 @@ import {
 import type { UseCollectionArgs } from '../useCollection';
 
 export const UseCollectionSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	collectionAddress: AddressSchema,
 	query: QueryArgSchema,
 });
@@ -24,7 +23,7 @@ export const fetchCollection = async (
 	const metadataClient = getMetadataClient(config);
 	return metadataClient
 		.getContractInfo({
-			chainID: parsedArgs.chainId,
+			chainID: parsedArgs.chainId.toString(),
 			contractAddress: parsedArgs.collectionAddress,
 		})
 		.then((resp) => resp.contractInfo);

package/src/react/hooks/useAutoSelectFeeOption.tsx

@@ -3,7 +3,7 @@ import { type Address, zeroAddress } from 'viem';
 import { useChain } from '@0xsequence/connect';
 import { useCallback } from 'react';
 import { useAccount } from 'wagmi';
-import type { FeeOption } from '../ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect';
+import type { FeeOption } from '../../types/waas-types';
 import { useCollectionBalanceDetails } from './useCollectionBalanceDetails';
 
 enum AutoSelectFeeOptionError {

package/src/react/hooks/useCancelOrder.tsx

@@ -7,7 +7,7 @@ import { useCancelTransactionSteps } from './useCancelTransactionSteps';
 
 interface UseCancelOrderArgs {
 	collectionAddress: string;
-	chainId: string;
+	chainId: number;
 	onSuccess?: ({ hash, orderId }: { hash?: string; orderId?: string }) => void;
 	onError?: (error: Error) => void;
 }
@@ -47,12 +47,12 @@ export const useCancelOrder = ({
 							tokenID: opt.token.tokenID || null,
 						},
 					})),
-					chainId: Number(chainId),
+					chainId,
 				}
 			: {
 					id: '',
 					options: undefined,
-					chainId: Number(chainId),
+					chainId,
 				},
 	});
 

package/src/react/hooks/useCancelTransactionSteps.tsx

@@ -24,7 +24,7 @@ import { useGenerateCancelTransaction } from './useGenerateCancelTransaction';
 
 interface UseCancelTransactionStepsArgs {
 	collectionAddress: string;
-	chainId: string;
+	chainId: number;
 	callbacks?: ModalCallbacks;
 	setSteps: React.Dispatch<React.SetStateAction<TransactionStep>>;
 	onSuccess?: ({ hash, orderId }: { hash?: string; orderId?: string }) => void;

package/src/react/hooks/useCheckoutOptions.tsx

@@ -5,7 +5,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	MarketplaceKind,
 	QueryArgSchema,
 	getMarketplaceClient,
@@ -13,7 +12,7 @@ import {
 import { useConfig } from './useConfig';
 
 const UseCheckoutOptionsSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	orders: z.array(
 		z.object({
 			collectionAddress: AddressSchema,

package/src/react/hooks/useCollectible.tsx

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectableKeys,
 	getMetadataClient,
@@ -11,7 +10,7 @@ import {
 import { useConfig } from './useConfig';
 
 const UseCollectibleSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	collectionAddress: AddressSchema,
 	collectibleId: z.string().optional(),
 	query: QueryArgSchema,
@@ -31,7 +30,7 @@ const fetchCollectible = async (
 
 	return metadataClient
 		.getTokenMetadata({
-			chainID: parsedArgs.chainId,
+			chainID: parsedArgs.chainId.toString(),
 			contractAddress: parsedArgs.collectionAddress,
 			tokenIDs: tokenIds,
 		})

package/src/react/hooks/useCollectionBalanceDetails.tsx

@@ -4,7 +4,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	balanceQueries,
 	getIndexerClient,
@@ -18,7 +17,7 @@ const filterSchema = z.object({
 });
 
 const useCollectionBalanceDetailsArgsSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.number()),
+	chainId: z.number(),
 	filter: filterSchema,
 	query: QueryArgSchema.optional(),
 });

package/src/react/hooks/useComparePrices.tsx

@@ -1,19 +1,12 @@
 import { queryOptions, useQuery } from '@tanstack/react-query';
 import { z } from 'zod';
 import type { SdkConfig } from '../../types';
-import {
-	AddressSchema,
-	ChainIdSchema,
-	QueryArgSchema,
-	currencyKeys,
-} from '../_internal';
+import { AddressSchema, QueryArgSchema, currencyKeys } from '../_internal';
 import { useConfig } from './useConfig';
 import { convertPriceToUSD } from './useConvertPriceToUSD';
 
-const ChainIdCoerce = ChainIdSchema.transform((val) => val.toString());
-
 const UseComparePricesArgsSchema = z.object({
-	chainId: ChainIdCoerce,
+	chainId: z.number(),
 	// First price details
 	priceAmountRaw: z.string(),
 	priceCurrencyAddress: AddressSchema,

package/src/react/hooks/useConvertPriceToUSD.tsx

@@ -4,7 +4,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	currencyKeys,
 	getQueryClient,
@@ -12,10 +11,8 @@ import {
 import { useConfig } from './useConfig';
 import { currenciesOptions } from './useCurrencies';
 
-const ChainIdCoerce = ChainIdSchema.transform((val) => val.toString());
-
 const UseConvertPriceToUSDArgsSchema = z.object({
-	chainId: ChainIdCoerce,
+	chainId: z.number(),
 	currencyAddress: AddressSchema,
 	amountRaw: z.string(),
 	query: QueryArgSchema,

package/src/react/hooks/useCountListingsForCollectible.tsx

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectableKeys,
 	getMarketplaceClient,
@@ -20,7 +19,7 @@ const UseCountListingsForCollectibleArgsSchema =
 		.extend({
 			collectionAddress: AddressSchema,
 			collectibleId: z.string(),
-			chainId: ChainIdSchema.pipe(z.coerce.string()),
+			chainId: z.number(),
 			query: QueryArgSchema,
 		});
 

package/src/react/hooks/useCountOfCollectables.tsx

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	OrderSide,
 	QueryArgSchema,
 	collectableKeys,
@@ -13,7 +12,7 @@ import { collectiblesFilterSchema } from '../_internal/api/zod-schema';
 import { useConfig } from './useConfig';
 
 const BaseSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	collectionAddress: AddressSchema,
 	query: QueryArgSchema,
 });

package/src/react/hooks/useCountOffersForCollectible.tsx

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectableKeys,
 	getMarketplaceClient,
@@ -20,7 +19,7 @@ const UseCountOffersForCollectibleArgsSchema =
 		.extend({
 			collectionAddress: AddressSchema,
 			collectibleId: z.string(),
-			chainId: ChainIdSchema.pipe(z.coerce.string()),
+			chainId: z.number(),
 			query: QueryArgSchema,
 		});
 

package/src/react/hooks/useCurrencies.tsx

@@ -4,7 +4,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	currencyKeys,
 	getMarketplaceClient,
@@ -13,10 +12,8 @@ import {
 import { useConfig } from './useConfig';
 import { marketplaceConfigOptions } from './useMarketplaceConfig';
 
-const ChainIdCoerce = ChainIdSchema.transform((val) => val.toString());
-
 const UseCurrenciesArgsSchema = z.object({
-	chainId: ChainIdCoerce,
+	chainId: z.number(),
 	includeNativeCurrency: z.boolean().optional().default(true),
 	collectionAddress: AddressSchema.optional(),
 	query: QueryArgSchema,

package/src/react/hooks/useCurrency.tsx

@@ -3,8 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	type ChainId,
-	ChainIdSchema,
 	type Currency,
 	QueryArgSchema,
 	currencyKeys,
@@ -13,10 +11,8 @@ import {
 } from '../_internal';
 import { useConfig } from './useConfig';
 
-const ChainIdCoerce = ChainIdSchema.transform((val) => val.toString());
-
 const UseCurrencyArgsSchema = z.object({
-	chainId: ChainIdCoerce,
+	chainId: z.number(),
 	currencyAddress: AddressSchema.optional(),
 	query: QueryArgSchema,
 });
@@ -26,11 +22,10 @@ type UseCurrencyArgs = z.input<typeof UseCurrencyArgsSchema>;
 export type UseCurrencyReturn = Currency | undefined;
 
 const fetchCurrency = async (
-	chainId: ChainId,
+	chainId: number,
 	currencyAddress: string,
 	config: SdkConfig,
 ): Promise<Currency | undefined> => {
-	const parsedChainId = ChainIdCoerce.parse(chainId);
 	const queryClient = getQueryClient();
 
 	let currencies = queryClient.getQueryData([...currencyKeys.lists, chainId]) as
@@ -38,7 +33,7 @@ const fetchCurrency = async (
 		| undefined;
 
 	if (!currencies) {
-		const marketplaceClient = getMarketplaceClient(parsedChainId, config);
+		const marketplaceClient = getMarketplaceClient(chainId, config);
 		currencies = await marketplaceClient
 			.listCurrencies()
 			.then((resp) => resp.currencies);

package/src/react/hooks/useFilters.tsx

@@ -5,7 +5,6 @@ import { FilterCondition, type SdkConfig } from '../../types';
 import { compareAddress } from '../../utils';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectableKeys,
 	getMetadataClient,
@@ -15,7 +14,7 @@ import { useConfig } from './useConfig';
 import { marketplaceConfigOptions } from './useMarketplaceConfig';
 
 const UseFiltersSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	collectionAddress: AddressSchema,
 	showAllFilters: z.boolean().default(false).optional(),
 	query: QueryArgSchema,
@@ -28,10 +27,12 @@ export type UseFilterReturn = Awaited<ReturnType<typeof fetchFilters>>;
 export const fetchFilters = async (args: UseFiltersArgs, config: SdkConfig) => {
 	const parsedArgs = UseFiltersSchema.parse(args);
 	const metadataClient = getMetadataClient(config);
+
 	const filters = await metadataClient
-		.tokenCollectionFilters({
-			chainID: parsedArgs.chainId,
+		.getTokenMetadataPropertyFilters({
+			chainID: parsedArgs.chainId.toString(),
 			contractAddress: parsedArgs.collectionAddress,
+			excludeProperties: [], // TODO: We can leverage this for some of the exclusion logic
 		})
 		.then((resp) => resp.filters);
 

package/src/react/hooks/useFloorOrder.tsx

@@ -3,7 +3,6 @@ import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
 	AddressSchema,
-	ChainIdSchema,
 	QueryArgSchema,
 	collectableKeys,
 	getMarketplaceClient,
@@ -11,7 +10,7 @@ import {
 import { useConfig } from './useConfig';
 
 const UseFloorOrderSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	collectionAddress: AddressSchema,
 	query: QueryArgSchema,
 });

package/src/react/hooks/useGenerateCancelTransaction.tsx

@@ -2,8 +2,6 @@ import { useMutation } from '@tanstack/react-query';
 import { z } from 'zod';
 import type { SdkConfig } from '../../types';
 import {
-	type ChainId,
-	ChainIdSchema,
 	type GenerateCancelTransactionArgs,
 	getMarketplaceClient,
 } from '../_internal';
@@ -11,7 +9,7 @@ import { stepSchema } from '../_internal/api/zod-schema';
 import { useConfig } from './useConfig';
 
 const UserGenerateCancelTransactionArgsSchema = z.object({
-	chainId: ChainIdSchema.pipe(z.coerce.string()),
+	chainId: z.number(),
 	onSuccess: z.function().args(stepSchema.array().optional()).optional(),
 });
 
@@ -22,10 +20,9 @@ type UseGenerateCancelTransactionArgs = z.infer<
 export const generateCancelTransaction = async (
 	args: GenerateCancelTransactionArgs,
 	config: SdkConfig,
-	chainId: ChainId,
+	chainId: number,
 ) => {
-	const parsedChainId = ChainIdSchema.pipe(z.coerce.string()).parse(chainId);
-	const marketplaceClient = getMarketplaceClient(parsedChainId, config);
+	const marketplaceClient = getMarketplaceClient(chainId, config);
 	return marketplaceClient
 		.generateCancelTransaction(args)
 		.then((data) => data.steps);

package/src/react/hooks/useGenerateListingTransaction.tsx

@@ -2,14 +2,13 @@ import { useMutation } from '@tanstack/react-query';
 import { useConfig } from './useConfig';
 
 export type UseGenerateListingTransactionArgs = {
-	chainId: ChainId;
+	chainId: number;
 	onSuccess?: (data?: Step[]) => void;
 };
 
 import type { SdkConfig } from '../../types';
 import { dateToUnixTime } from '../../utils/date';
 import {
-	type ChainId,
 	type CreateReq,
 	type GenerateListingTransactionArgs,
 	type Step,
@@ -30,7 +29,7 @@ export type GenerateListingTransactionProps = Omit<
 export const generateListingTransaction = async (
 	params: GenerateListingTransactionProps,
 	config: SdkConfig,
-	chainId: ChainId,
+	chainId: number,
 ) => {
 	const args = {
 		...params,