@0xsequence/marketplace-sdk 1.1.1 → 1.2.0

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;

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

@@ -3,7 +3,6 @@ import { infiniteQueryOptions } from '@tanstack/react-query';
 import type { SdkConfig } from '../../../types';
 import {
 	getIndexerClient,
-	LaosAPI,
 	tokenKeys,
 	type ValuesOptional,
 } from '../../_internal';
@@ -14,40 +13,14 @@ export interface FetchTokenSuppliesParams
 	chainId: number;
 	collectionAddress: string;
 	config: SdkConfig;
-	isLaos721?: boolean;
 	page?: Page;
 }
 
 /**
- * Fetches token supplies with support for both indexer and LAOS APIs
- * Uses the more efficient single-contract APIs from both services
+ * Fetches token supplies with support for indexer API
  */
 export async function fetchTokenSupplies(params: FetchTokenSuppliesParams) {
-	const { chainId, collectionAddress, config, isLaos721, ...rest } = params;
-
-	if (isLaos721) {
-		const laosApi = new LaosAPI();
-
-		// Convert indexer Page format to LAOS PaginationOptions format
-		const laosPage = rest.page
-			? {
-					sort:
-						rest.page.sort?.map((sortBy) => ({
-							column: sortBy.column,
-							order: sortBy.order,
-						})) || [],
-				}
-			: undefined;
-
-		const result = await laosApi.getTokenSupplies({
-			chainId: chainId.toString(),
-			contractAddress: collectionAddress,
-			includeMetadata: rest.includeMetadata,
-			page: laosPage,
-		});
-
-		return result;
-	}
+	const { chainId, collectionAddress, config, ...rest } = params;
 
 	const indexerClient = getIndexerClient(chainId, config);
 
@@ -71,7 +44,6 @@ export function getTokenSuppliesQueryKey(params: TokenSuppliesQueryOptions) {
 		contractAddress: params.collectionAddress!,
 		includeMetadata: params.includeMetadata,
 		metadataOptions: params.metadataOptions,
-		isLaos721: params.isLaos721,
 	};
 
 	return [...tokenKeys.supplies, apiArgs] as const;
@@ -95,7 +67,6 @@ export function tokenSuppliesQueryOptions(params: TokenSuppliesQueryOptions) {
 			collectionAddress: params.collectionAddress!,
 			// biome-ignore lint/style/noNonNullAssertion: The enabled check above ensures these are not undefined
 			config: params.config!,
-			isLaos721: params.isLaos721,
 			includeMetadata: params.includeMetadata,
 			metadataOptions: params.metadataOptions,
 			page: pageParam,

package/src/react/queries/utils/comparePrices.ts

@@ -1,4 +1,5 @@
 import { queryOptions } from '@tanstack/react-query';
+import * as dn from 'dnum';
 import type { Address } from 'viem';
 import type { SdkConfig } from '../../../types';
 import { currencyKeys, type ValuesOptional } from '../../_internal';
@@ -62,9 +63,20 @@ export async function fetchComparePrices(
 	const isAbove = percentageDifference > 0;
 	const isSame = percentageDifference === 0;
 
+	// proper comma separators
+	const absPercentage = Math.abs(percentageDifference);
+	const formattedPercentage = dn.format(
+		[BigInt(Math.round(absPercentage * 100)), 2],
+		{
+			digits: 2,
+			trailingZeros: true,
+			locale: 'en-US',
+		},
+	);
+
 	return {
 		percentageDifference,
-		percentageDifferenceFormatted: Math.abs(percentageDifference).toFixed(2),
+		percentageDifferenceFormatted: formattedPercentage,
 		status: isAbove ? 'above' : isSame ? 'same' : 'below',
 	};
 }

package/src/react/ui/components/_internals/action-button/ActionButton.stories.tsx

@@ -164,6 +164,7 @@ export const SellAction: Story = {
 			...MOCK_ORDER,
 			side: OrderSide.offer,
 			status: OrderStatus.active,
+			slug: 'test-order',
 		},
 		orderbookKind: OrderbookKind.sequence_marketplace_v1,
 	},
@@ -276,6 +277,7 @@ export const MarketBuyAction: Story = {
 			...MOCK_ORDER,
 			side: OrderSide.listing,
 			status: OrderStatus.active,
+			slug: 'test-order',
 		},
 		orderbookKind: OrderbookKind.sequence_marketplace_v1,
 		onCannotPerformAction: fn(),

package/src/react/ui/components/marketplace-collectible-card/components/footer/Footer.tsx

@@ -9,7 +9,7 @@ import {
 	type Currency,
 	type Order,
 } from '../../../../../_internal';
-import { useCurrency, useLowestListing } from '../../../../../hooks';
+import { useCurrency } from '../../../../../hooks';
 import {
 	FooterName,
 	PriceDisplay,
@@ -19,13 +19,12 @@ import {
 
 type FooterProps = {
 	chainId: number;
-	collectionAddress: Address;
-	collectibleId: string;
 	name: string;
 	type?: ContractType;
 	decimals?: number;
 	onOfferClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 	highestOffer?: Order;
+	lowestListing?: Order;
 	balance?: string;
 	quantityInitial?: string | undefined;
 	quantityRemaining?: string | undefined;
@@ -37,13 +36,12 @@ type FooterProps = {
 
 export const Footer = ({
 	chainId,
-	collectionAddress,
-	collectibleId,
 	name,
 	type,
 	decimals,
 	onOfferClick,
 	highestOffer,
+	lowestListing,
 	balance,
 	quantityInitial,
 	quantityRemaining,
@@ -56,16 +54,6 @@ export const Footer = ({
 	const isMarket = cardType === 'market';
 	const isInventoryNonTradable = cardType === 'inventory-non-tradable';
 
-	const { data: lowestListing, isLoading: isLowestListingLoading } =
-		useLowestListing({
-			chainId,
-			collectionAddress,
-			tokenId: collectibleId,
-			query: {
-				enabled: isMarket, // Only fetch for market cards
-			},
-		});
-
 	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
 		chainId,
 		currencyAddress: lowestListing?.priceCurrencyAddress as Address,
@@ -79,9 +67,7 @@ export const Footer = ({
 
 	// Show loading state when listing is loading, or when listing exists but currency is still loading
 	const isPriceLoading =
-		isMarket &&
-		(isLowestListingLoading ||
-			(!!lowestListing?.priceCurrencyAddress && isCurrencyLoading));
+		isMarket && !!lowestListing?.priceCurrencyAddress && isCurrencyLoading;
 
 	return (
 		<div className="relative flex flex-col items-start gap-2 whitespace-nowrap bg-background-primary p-4">

package/src/react/ui/components/marketplace-collectible-card/variants/MarketCard.tsx

@@ -26,6 +26,7 @@ export function MarketCard({
 }: MarketCollectibleCardProps) {
 	const collectibleMetadata = collectible?.metadata;
 	const highestOffer = collectible?.offer;
+	const lowestListing = collectible?.listing;
 
 	if (!collectibleMetadata) {
 		console.error('Collectible metadata is undefined');
@@ -71,12 +72,11 @@ export function MarketCard({
 		>
 			<Footer
 				chainId={chainId}
-				collectionAddress={collectionAddress}
-				collectibleId={collectibleId}
 				name={collectibleMetadata.name || ''}
 				type={collectionType}
 				onOfferClick={(e) => onOfferClick?.({ order: highestOffer, e })}
 				highestOffer={highestOffer}
+				lowestListing={lowestListing}
 				balance={balance}
 				decimals={collectibleMetadata.decimals}
 				quantityInitial={

package/src/react/ui/components/marketplace-collectible-card/variants/ShopCard.tsx

@@ -78,8 +78,6 @@ export function ShopCard({
 		>
 			<Footer
 				chainId={chainId}
-				collectionAddress={collectionAddress}
-				collectibleId={collectibleId}
 				name={tokenMetadata.name || ''}
 				type={collectionType}
 				decimals={tokenMetadata.decimals}

package/src/react/ui/modals/BuyModal/__tests__/BuyModalRouter.test.tsx

@@ -140,6 +140,7 @@ const mockOrder = {
 	blockNumber: 1234567,
 	createdAt: new Date().toISOString(),
 	updatedAt: new Date().toISOString(),
+	slug: 'test-order',
 };
 
 const mockCheckoutOptions = {
@@ -161,6 +162,8 @@ const mockCurrency = {
 	exchangeRate: 3000,
 	defaultChainCurrency: true,
 	nativeCurrency: true,
+	openseaListing: true,
+	openseaOffer: true,
 	createdAt: new Date().toISOString(),
 	updatedAt: new Date().toISOString(),
 };

package/src/react/ui/modals/BuyModal/__tests__/Modal1155.test.tsx

@@ -47,6 +47,7 @@ const testOrder: Order = {
 	validUntil: '',
 	blockNumber: 0,
 	updatedAt: '',
+	slug: 'test-order',
 };
 
 describe('ERC1155QuantityModal', () => {