@0xsequence/marketplace-sdk 1.1.1 → 1.2.1

package/src/react/hooks/transactions/useProcessStep.test.tsx

@@ -158,12 +158,14 @@ describe('useProcessStep', () => {
 				message: 'Sign this message',
 			});
 			expect(mockExecute).toHaveBeenCalledWith({
-				chainId: '1',
-				signature: mockSignature,
-				method: 'POST',
-				endpoint: '/api/order',
-				body: { test: 'data' },
-				executeType: ExecuteType.order,
+				params: {
+					chainId: '1',
+					signature: mockSignature,
+					method: 'POST',
+					endpoint: '/api/order',
+					body: { test: 'data' },
+					executeType: ExecuteType.order,
+				},
 			});
 		});
 

package/src/react/hooks/transactions/useProcessStep.ts

@@ -73,12 +73,14 @@ export const useProcessStep = () => {
 			// Call execute endpoint with signature
 			if (step.post) {
 				const result = await marketplaceClient.execute({
-					chainId: String(chainId),
-					signature,
-					method: step.post.method,
-					endpoint: step.post.endpoint,
-					body: step.post.body,
-					executeType: ExecuteType.order,
+					params: {
+						chainId: String(chainId),
+						signature,
+						method: step.post.method,
+						endpoint: step.post.endpoint,
+						body: step.post.body,
+						executeType: ExecuteType.order,
+					},
 				});
 
 				return { type: 'signature', orderId: result.orderId };

package/src/react/hooks/utils/useComparePrices.test.tsx

@@ -61,7 +61,7 @@ describe('useComparePrices', () => {
 		// 1 ETH vs 1 USDC = 2000 vs 1 = 199900% difference
 		expect(result.current.data).toEqual({
 			percentageDifference: 199900,
-			percentageDifferenceFormatted: '199900.00',
+			percentageDifferenceFormatted: '199,900.00',
 			status: 'above',
 		});
 	});

package/src/react/providers/modal-provider.tsx

@@ -22,7 +22,8 @@ export const ModalProvider = observer(({ children }: ModalProviderProps) => {
 	const { shadowDom, experimentalShadowDomCssOverride } = sdkConfig;
 
 	const overrides = sdkConfig._internal?.overrides?.api?.marketplace;
-	const marketplaceApiUrl = overrides?.url || marketplaceApiURL(overrides?.env || 'production');
+	const marketplaceApiUrl =
+		overrides?.url || marketplaceApiURL(overrides?.env || 'production');
 
 	return (
 		<>

package/src/react/queries/collectibles/balanceOfCollectible.ts

@@ -2,14 +2,13 @@ import { queryOptions, skipToken } from '@tanstack/react-query';
 import type { Address } from 'viem';
 import type { UseQueryParameters } from 'wagmi/query';
 import type { SdkConfig } from '../../../types';
-import { collectableKeys, getIndexerClient, LaosAPI } from '../../_internal';
+import { collectableKeys, getIndexerClient } from '../../_internal';
 
 export type UseBalanceOfCollectibleArgs = {
 	collectionAddress: Address;
 	collectableId: string;
 	userAddress: Address | undefined;
 	chainId: number;
-	isLaos721?: boolean;
 	includeMetadata?: boolean;
 	query?: UseQueryParameters;
 };
@@ -27,18 +26,6 @@ export async function fetchBalanceOfCollectible(
 	},
 	config: SdkConfig,
 ) {
-	if (args.isLaos721) {
-		const laosApi = new LaosAPI();
-		const response = await laosApi.getTokenBalances({
-			chainId: args.chainId.toString(),
-			contractAddress: args.collectionAddress,
-			accountAddress: args.userAddress,
-			includeMetadata: true,
-		});
-
-		return response.balances[0] || null;
-	}
-
 	const indexerClient = getIndexerClient(args.chainId, config);
 	return indexerClient
 		.getTokenBalances({
@@ -69,7 +56,6 @@ export function getBalanceOfCollectibleQueryKey(
 					includeContracts: [args.collectionAddress],
 				}
 			: undefined,
-		isLaos721: args.isLaos721,
 	};
 
 	return [...collectableKeys.userBalances, apiArgs] as const;

package/src/react/queries/collectibles/listCollectibles.ts

@@ -9,25 +9,14 @@ import type {
 	QueryKeyArgs,
 	ValuesOptional,
 } from '../../_internal';
-import {
-	type CollectibleOrder,
-	collectableKeys,
-	getMarketplaceClient,
-	MetadataStatus,
-	OrderSide,
-} from '../../_internal';
+import { collectableKeys, getMarketplaceClient } from '../../_internal';
 import type { StandardInfiniteQueryOptions } from '../../types/query';
 import { fetchMarketplaceConfig } from '../market/marketplaceConfig';
-import {
-	fetchBalances,
-	type UseListBalancesArgs,
-} from '../tokens/listBalances';
 
 export interface FetchListCollectiblesParams
 	extends Omit<ListCollectiblesArgs, 'chainId' | 'contractAddress'> {
 	chainId: number;
 	collectionAddress: Address;
-	isLaos721?: boolean;
 	cardType?: CardType;
 	config: SdkConfig;
 	enabled?: boolean;
@@ -66,47 +55,6 @@ export async function fetchListCollectibles(
 		...additionalApiParams,
 	};
 
-	if (params.isLaos721 && params.side === OrderSide.listing) {
-		try {
-			const fetchBalancesArgs = {
-				chainId: params.chainId,
-				accountAddress: params.filter?.inAccounts?.[0] as Address,
-				contractAddress: params.collectionAddress,
-				page: page,
-				includeMetadata: true,
-				isLaos721: true,
-			} satisfies UseListBalancesArgs;
-
-			const balances = await fetchBalances(fetchBalancesArgs, config, page);
-			const collectibles: CollectibleOrder[] = balances.balances.map(
-				(balance) => {
-					if (!balance.tokenMetadata)
-						throw new Error('Token metadata not found');
-					return {
-						metadata: {
-							tokenId: balance.tokenID ?? '',
-							attributes: balance.tokenMetadata.attributes,
-							image: balance.tokenMetadata.image,
-							name: balance.tokenMetadata.name,
-							description: balance.tokenMetadata.description,
-							video: balance.tokenMetadata.video,
-							audio: balance.tokenMetadata.audio,
-							status: MetadataStatus.AVAILABLE,
-						},
-					};
-				},
-			);
-			return {
-				collectibles: collectibles,
-				//@ts-expect-error
-				page: balances.page,
-			};
-		} catch (error) {
-			// If the request fails, ignore the error and return the collectibles from our indexer
-			console.error(error);
-		}
-	}
-
 	return await marketplaceClient.listCollectibles(apiArgs);
 }
 
@@ -153,7 +101,6 @@ export function listCollectiblesQueryOptions(
 					// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
 					side: params.side!,
 					filter: params.filter,
-					isLaos721: params.isLaos721,
 					cardType: params.cardType,
 				},
 				pageParam,

package/src/react/queries/collectibles/tokenBalances.ts

@@ -2,13 +2,12 @@ import { queryOptions, skipToken } from '@tanstack/react-query';
 import type { Address } from 'viem';
 import type { UseQueryParameters } from 'wagmi/query';
 import type { SdkConfig } from '../../../types';
-import { collectableKeys, getIndexerClient, LaosAPI } from '../../_internal';
+import { collectableKeys, getIndexerClient } from '../../_internal';
 
 export type UseTokenBalancesArgs = {
 	collectionAddress: Address;
 	userAddress: Address | undefined;
 	chainId: number;
-	isLaos721?: boolean;
 	includeMetadata?: boolean;
 	query?: UseQueryParameters;
 };
@@ -26,18 +25,6 @@ export async function fetchTokenBalances(
 	},
 	config: SdkConfig,
 ) {
-	if (args.isLaos721) {
-		const laosApi = new LaosAPI();
-		const response = await laosApi.getTokenBalances({
-			chainId: args.chainId.toString(),
-			contractAddress: args.collectionAddress,
-			accountAddress: args.userAddress,
-			includeMetadata: true,
-		});
-
-		return response.balances || [];
-	}
-
 	const indexerClient = getIndexerClient(args.chainId, config);
 	return indexerClient
 		.getTokenBalances({
@@ -64,7 +51,6 @@ export function getTokenBalancesQueryKey(args: UseTokenBalancesArgs) {
 					includeContracts: [args.collectionAddress],
 				}
 			: undefined,
-		isLaos721: args.isLaos721,
 	};
 
 	return [...collectableKeys.userBalances, apiArgs] as const;

package/src/react/queries/collections/activeListingsCurrencies.ts

@@ -0,0 +1,84 @@
+import { queryOptions } from '@tanstack/react-query';
+import type { SdkConfig } from '../../../types';
+import {
+	collectionKeys,
+	type GetCollectionActiveListingsCurrenciesArgs,
+	type GetCollectionActiveListingsCurrenciesReturn,
+	getMarketplaceClient,
+	type QueryKeyArgs,
+	type ValuesOptional,
+} from '../../_internal';
+import type { StandardQueryOptions } from '../../types/query';
+
+export interface FetchCollectionActiveListingsCurrenciesParams
+	extends Omit<
+		GetCollectionActiveListingsCurrenciesArgs,
+		'contractAddress' | 'chainId'
+	> {
+	collectionAddress: string;
+	chainId: number;
+	config: SdkConfig;
+}
+
+/**
+ * Fetches the active listings currencies for a collection from the marketplace API
+ */
+export async function fetchCollectionActiveListingsCurrencies(
+	params: FetchCollectionActiveListingsCurrenciesParams,
+): Promise<GetCollectionActiveListingsCurrenciesReturn['currencies']> {
+	const { collectionAddress, chainId, config, ...additionalApiParams } = params;
+
+	const marketplaceClient = getMarketplaceClient(config);
+
+	const apiArgs: GetCollectionActiveListingsCurrenciesArgs = {
+		contractAddress: collectionAddress,
+		chainId: String(chainId),
+		...additionalApiParams,
+	};
+
+	const result =
+		await marketplaceClient.getCollectionActiveListingsCurrencies(apiArgs);
+	return result.currencies;
+}
+
+export type CollectionActiveListingsCurrenciesQueryOptions =
+	ValuesOptional<FetchCollectionActiveListingsCurrenciesParams> & {
+		query?: StandardQueryOptions;
+	};
+
+export function getCollectionActiveListingsCurrenciesQueryKey(
+	params: CollectionActiveListingsCurrenciesQueryOptions,
+) {
+	const apiArgs = {
+		chainId: String(params.chainId),
+		contractAddress: params.collectionAddress,
+	} satisfies QueryKeyArgs<GetCollectionActiveListingsCurrenciesArgs>;
+
+	return [...collectionKeys.activeListingsCurrencies, apiArgs] as const;
+}
+
+export function collectionActiveListingsCurrenciesQueryOptions(
+	params: CollectionActiveListingsCurrenciesQueryOptions,
+) {
+	const enabled = Boolean(
+		params.collectionAddress &&
+			params.chainId &&
+			params.config &&
+			(params.query?.enabled ?? true),
+	);
+
+	return queryOptions({
+		queryKey: getCollectionActiveListingsCurrenciesQueryKey(params),
+		queryFn: () =>
+			fetchCollectionActiveListingsCurrencies({
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				chainId: params.chainId!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				collectionAddress: params.collectionAddress!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				config: params.config!,
+			}),
+		...params.query,
+		enabled,
+	});
+}

package/src/react/queries/collections/activeOffersCurrencies.ts

@@ -0,0 +1,84 @@
+import { queryOptions } from '@tanstack/react-query';
+import type { SdkConfig } from '../../../types';
+import {
+	collectionKeys,
+	type GetCollectionActiveOffersCurrenciesArgs,
+	type GetCollectionActiveOffersCurrenciesReturn,
+	getMarketplaceClient,
+	type QueryKeyArgs,
+	type ValuesOptional,
+} from '../../_internal';
+import type { StandardQueryOptions } from '../../types/query';
+
+export interface FetchCollectionActiveOffersCurrenciesParams
+	extends Omit<
+		GetCollectionActiveOffersCurrenciesArgs,
+		'contractAddress' | 'chainId'
+	> {
+	collectionAddress: string;
+	chainId: number;
+	config: SdkConfig;
+}
+
+/**
+ * Fetches the active offers currencies for a collection from the marketplace API
+ */
+export async function fetchCollectionActiveOffersCurrencies(
+	params: FetchCollectionActiveOffersCurrenciesParams,
+): Promise<GetCollectionActiveOffersCurrenciesReturn['currencies']> {
+	const { collectionAddress, chainId, config, ...additionalApiParams } = params;
+
+	const marketplaceClient = getMarketplaceClient(config);
+
+	const apiArgs: GetCollectionActiveOffersCurrenciesArgs = {
+		contractAddress: collectionAddress,
+		chainId: String(chainId),
+		...additionalApiParams,
+	};
+
+	const result =
+		await marketplaceClient.getCollectionActiveOffersCurrencies(apiArgs);
+	return result.currencies;
+}
+
+export type CollectionActiveOffersCurrenciesQueryOptions =
+	ValuesOptional<FetchCollectionActiveOffersCurrenciesParams> & {
+		query?: StandardQueryOptions;
+	};
+
+export function getCollectionActiveOffersCurrenciesQueryKey(
+	params: CollectionActiveOffersCurrenciesQueryOptions,
+) {
+	const apiArgs = {
+		chainId: String(params.chainId),
+		contractAddress: params.collectionAddress,
+	} satisfies QueryKeyArgs<GetCollectionActiveOffersCurrenciesArgs>;
+
+	return [...collectionKeys.activeOffersCurrencies, apiArgs] as const;
+}
+
+export function collectionActiveOffersCurrenciesQueryOptions(
+	params: CollectionActiveOffersCurrenciesQueryOptions,
+) {
+	const enabled = Boolean(
+		params.collectionAddress &&
+			params.chainId &&
+			params.config &&
+			(params.query?.enabled ?? true),
+	);
+
+	return queryOptions({
+		queryKey: getCollectionActiveOffersCurrenciesQueryKey(params),
+		queryFn: () =>
+			fetchCollectionActiveOffersCurrencies({
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				chainId: params.chainId!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				collectionAddress: params.collectionAddress!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				config: params.config!,
+			}),
+		...params.query,
+		enabled,
+	});
+}

package/src/react/queries/collections/index.ts

@@ -1,3 +1,5 @@
+export * from './activeListingsCurrencies';
+export * from './activeOffersCurrencies';
 export * from './collection';
 export * from './collectionBalanceDetails';
 export * from './collectionDetails';

package/src/react/queries/inventory/inventory.ts

@@ -15,7 +15,6 @@ export interface UseInventoryArgs {
 	accountAddress: Address;
 	collectionAddress: Address;
 	chainId: number;
-	isLaos721?: boolean;
 	includeNonTradable?: boolean;
 	query?: {
 		enabled?: boolean;
@@ -24,9 +23,7 @@ export interface UseInventoryArgs {
 	};
 }
 
-interface GetInventoryArgs extends Omit<UseInventoryArgs, 'query'> {
-	isLaos721: boolean;
-}
+type GetInventoryArgs = Omit<UseInventoryArgs, 'query'>;
 
 interface CollectibleWithBalance {
 	metadata: {
@@ -77,7 +74,6 @@ async function fetchIndexerTokens(
 	accountAddress: Address,
 	collectionAddress: Address,
 	config: SdkConfig,
-	isLaos721: boolean,
 ): Promise<{ collectibles: CollectibleWithBalance[] }> {
 	const queryClient = getQueryClient();
 	const balances = await queryClient.fetchQuery(
@@ -86,7 +82,6 @@ async function fetchIndexerTokens(
 				collectionAddress,
 				userAddress: accountAddress,
 				chainId,
-				isLaos721,
 				includeMetadata: true,
 			},
 			config,
@@ -107,7 +102,7 @@ export async function fetchInventory(
 	config: SdkConfig,
 	page: Page,
 ): Promise<CollectiblesResponse> {
-	const { accountAddress, collectionAddress, chainId, isLaos721 } = args;
+	const { accountAddress, collectionAddress, chainId } = args;
 	const marketplaceConfig = await fetchMarketplaceConfig({ config });
 
 	const marketCollections = marketplaceConfig?.market.collections || [];
@@ -125,7 +120,6 @@ export async function fetchInventory(
 		accountAddress,
 		collectionAddress,
 		config,
-		isLaos721,
 	);
 
 	return {
@@ -156,7 +150,6 @@ export function inventoryOptions(args: UseInventoryArgs, config: SdkConfig) {
 			fetchInventory(
 				{
 					...args,
-					isLaos721: args.isLaos721 ?? false,
 				},
 				config,
 				{

package/src/react/queries/market/marketCurrencies.ts

@@ -7,6 +7,7 @@ import {
 	getMarketplaceClient,
 	getQueryClient,
 	type ListCurrenciesArgs,
+	OrderbookKind,
 	type QueryKeyArgs,
 	type ValuesOptional,
 } from '../../_internal';
@@ -46,6 +47,11 @@ export async function fetchMarketCurrencies(
 		const marketplaceConfig = await queryClient.fetchQuery(
 			marketplaceConfigOptions(config),
 		);
+		const collection = marketplaceConfig.market.collections.find((collection) =>
+			compareAddress(collection.itemsAddress, collectionAddress),
+		);
+		const isOpensea =
+			collection?.destinationMarketplace === OrderbookKind.opensea;
 
 		const currenciesOptions = marketplaceConfig.market.collections.find(
 			(collection) =>
@@ -53,7 +59,8 @@ export async function fetchMarketCurrencies(
 		)?.currencyOptions;
 
 		// Filter currencies based on collection currency options
-		if (currenciesOptions) {
+		// Skip filtering for OpenSea as it uses API-based currency support flags
+		if (currenciesOptions && !isOpensea) {
 			currencies = currencies.filter((currency) =>
 				currenciesOptions.includes(currency.contractAddress),
 			);

package/src/react/queries/primary-sales/index.ts

@@ -1,3 +1,4 @@
 export * from './countOfPrimarySaleItems';
+export * from './primarySaleItem';
 export * from './primarySaleItems';
 export * from './primarySaleItemsCount';

package/src/react/queries/primary-sales/primarySaleItem.ts

@@ -0,0 +1,80 @@
+import { queryOptions } from '@tanstack/react-query';
+import type { SdkConfig } from '../../../types';
+import {
+	collectableKeys,
+	type GetPrimarySaleItemArgs,
+	getMarketplaceClient,
+	type QueryKeyArgs,
+	type ValuesOptional,
+} from '../../_internal';
+import type { StandardQueryOptions } from '../../types/query';
+
+export interface FetchPrimarySaleItemParams
+	extends Omit<GetPrimarySaleItemArgs, 'chainId'> {
+	chainId: number;
+	config: SdkConfig;
+}
+
+/**
+ * Fetches a single primary sale item from the marketplace API
+ */
+export async function fetchPrimarySaleItem(params: FetchPrimarySaleItemParams) {
+	const { chainId, primarySaleContractAddress, tokenId, config } = params;
+
+	const marketplaceClient = getMarketplaceClient(config);
+
+	const apiArgs: GetPrimarySaleItemArgs = {
+		chainId: String(chainId),
+		primarySaleContractAddress,
+		tokenId,
+	};
+
+	const result = await marketplaceClient.getPrimarySaleItem(apiArgs);
+	return result.item;
+}
+
+export type PrimarySaleItemQueryOptions =
+	ValuesOptional<FetchPrimarySaleItemParams> & {
+		query?: StandardQueryOptions;
+	};
+
+export function getPrimarySaleItemQueryKey(
+	params: PrimarySaleItemQueryOptions,
+) {
+	const apiArgs = {
+		chainId: String(params.chainId),
+		primarySaleContractAddress: params.primarySaleContractAddress,
+		tokenId: params.tokenId,
+	} satisfies QueryKeyArgs<GetPrimarySaleItemArgs>;
+
+	return [...collectableKeys.primarySaleItem, apiArgs] as const;
+}
+
+export function primarySaleItemQueryOptions(
+	params: PrimarySaleItemQueryOptions,
+) {
+	const enabled = Boolean(
+		params.chainId &&
+			params.primarySaleContractAddress &&
+			params.tokenId &&
+			params.config &&
+			(params.query?.enabled ?? true),
+	);
+
+	return queryOptions({
+		queryKey: getPrimarySaleItemQueryKey(params),
+		queryFn: () =>
+			fetchPrimarySaleItem({
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				chainId: params.chainId!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				primarySaleContractAddress: params.primarySaleContractAddress!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				tokenId: params.tokenId!,
+				// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
+				config: params.config!,
+			}),
+		...params.query,
+		enabled,
+	});
+}

package/src/react/queries/tokens/listBalances.ts

@@ -2,7 +2,7 @@ import type { GetTokenBalancesReturn, Page } from '@0xsequence/indexer';
 import { infiniteQueryOptions } from '@tanstack/react-query';
 import type { Address, Hex } from 'viem';
 import type { SdkConfig } from '../../../types';
-import { balanceQueries, getIndexerClient, LaosAPI } from '../../_internal';
+import { balanceQueries, getIndexerClient } from '../../_internal';
 
 export type UseListBalancesArgs = {
 	chainId: number;
@@ -17,7 +17,6 @@ export type UseListBalancesArgs = {
 	};
 	includeCollectionTokens?: boolean;
 	page?: Page;
-	isLaos721?: boolean;
 	//TODO: More options
 	query?: {
 		enabled?: boolean;
@@ -29,24 +28,6 @@ export async function fetchBalances(
 	config: SdkConfig,
 	page: Page,
 ): Promise<GetTokenBalancesReturn> {
-	if (args.isLaos721 && args.accountAddress) {
-		const laosClient = new LaosAPI();
-		return laosClient.getTokenBalances({
-			chainId: args.chainId.toString(),
-			accountAddress: args.accountAddress,
-			contractAddress: args.contractAddress as Address,
-			includeMetadata: args.includeMetadata,
-			page: {
-				sort: [
-					{
-						column: 'CREATED_AT',
-						order: 'DESC',
-					},
-				],
-			},
-		});
-	}
-
 	const indexerClient = getIndexerClient(args.chainId, config);
 	return indexerClient.getTokenBalances({
 		...args,
@@ -64,7 +45,6 @@ export function getListBalancesQueryKey(args: UseListBalancesArgs) {
 		includeMetadata: args.includeMetadata,
 		metadataOptions: args.metadataOptions,
 		includeCollectionTokens: args.includeCollectionTokens,
-		isLaos721: args.isLaos721,
 	};
 
 	return [...balanceQueries.lists, apiArgs] as const;