@0xsequence/marketplace-sdk 0.10.0 → 1.0.0

package/src/react/hooks/useList721ShopCardData.tsx

@@ -1,165 +0,0 @@
-import type { Address } from 'viem';
-import { useReadContract } from 'wagmi';
-import { ERC721_SALE_ABI } from '../../utils';
-import { ContractType, OrderSide, type TokenMetadata } from '../_internal';
-import type { ShopCollectibleCardProps } from '../ui';
-import { useFilterState } from './useFilterState';
-import { useListCollectibles } from './useListCollectibles';
-import { useListPrimarySaleItems } from './useListPrimarySaleItems';
-
-interface UseList721ShopCardDataProps {
-	tokenIds: string[];
-	chainId: number;
-	contractAddress: Address;
-	salesContractAddress: Address;
-	enabled?: boolean;
-}
-
-export function useList721ShopCardData({
-	tokenIds,
-	chainId,
-	contractAddress,
-	salesContractAddress,
-	enabled = true,
-}: UseList721ShopCardDataProps) {
-	const { showListedOnly } = useFilterState();
-
-	const {
-		data: primarySaleItems,
-		isLoading: primarySaleItemsLoading,
-		error: primarySaleItemsError,
-	} = useListPrimarySaleItems({
-		chainId,
-		primarySaleContractAddress: salesContractAddress,
-		filter: {
-			includeEmpty: !showListedOnly,
-		},
-	});
-
-	// Check if we have minted tokens by looking at the first available token ID
-	const firstAvailableTokenId =
-		primarySaleItems?.pages[0]?.primarySaleItems[0]?.primarySaleItem.tokenId?.toString();
-	const hasMintedTokens: boolean =
-		Boolean(firstAvailableTokenId) && Number(firstAvailableTokenId) > 0;
-
-	// Fetch metadata for minted tokens
-	const { data: mintedTokensMetadata, isLoading: mintedTokensMetadataLoading } =
-		useListCollectibles({
-			chainId,
-			collectionAddress: contractAddress,
-			side: OrderSide.listing,
-			filter: {
-				includeEmpty: true,
-			},
-			query: {
-				enabled: enabled && hasMintedTokens,
-			},
-		});
-
-	// For ERC721, we'll fetch the sale details directly from the contract
-	const {
-		data: saleDetails,
-		isLoading: saleDetailsLoading,
-		error: saleDetailsError,
-	} = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: ERC721_SALE_ABI,
-		functionName: 'saleDetails',
-		query: {
-			enabled,
-		},
-	});
-
-	const isLoading =
-		saleDetailsLoading ||
-		primarySaleItemsLoading ||
-		mintedTokensMetadataLoading;
-
-	// Create a map of token metadata from minted tokens
-	const mintedTokensMetadataMap = new Map<string, TokenMetadata>();
-	for (const page of mintedTokensMetadata?.pages ?? []) {
-		for (const collectible of page.collectibles) {
-			mintedTokensMetadataMap.set(
-				collectible.metadata.tokenId,
-				collectible.metadata,
-			);
-		}
-	}
-
-	const collectibleCards = tokenIds.map((tokenId) => {
-		const minted =
-			hasMintedTokens && Number(tokenId) < Number(firstAvailableTokenId);
-
-		const matchingPrimarySaleItem = primarySaleItems?.pages
-			.find((item) =>
-				item.primarySaleItems.find(
-					(primarySaleItem) =>
-						primarySaleItem.primarySaleItem.tokenId?.toString() === tokenId,
-				),
-			)
-			?.primarySaleItems.find(
-				(primarySaleItem) =>
-					primarySaleItem.primarySaleItem.tokenId?.toString() === tokenId,
-			);
-
-		const saleData = matchingPrimarySaleItem?.primarySaleItem;
-		let tokenMetadata = matchingPrimarySaleItem?.metadata;
-
-		// If token is minted, prefer metadata from mintedTokensMetadata
-		if (minted && mintedTokensMetadataMap.has(tokenId)) {
-			tokenMetadata = mintedTokensMetadataMap.get(tokenId);
-		}
-		// Fallback to empty metadata if none found
-		tokenMetadata = tokenMetadata || ({} as TokenMetadata);
-
-		const salePrice = saleData
-			? {
-					amount: saleData.priceAmount?.toString() || '',
-					currencyAddress: saleData.currencyAddress as Address,
-				}
-			: {
-					amount: saleDetails?.cost?.toString() || '',
-					currencyAddress: saleDetails?.paymentToken ?? ('0x' as Address),
-				};
-
-		const quantityInitial =
-			saleData?.supply?.toString() ??
-			(saleDetails?.supplyCap ? saleDetails.supplyCap.toString() : undefined);
-
-		const quantityRemaining = minted ? undefined : '1';
-
-		const saleStartsAt =
-			saleData?.startDate?.toString() ?? saleDetails?.startTime?.toString();
-
-		const saleEndsAt =
-			saleData?.endDate?.toString() ?? saleDetails?.endTime?.toString();
-
-		return {
-			collectibleId: tokenId,
-			chainId,
-			collectionAddress: contractAddress,
-			collectionType: ContractType.ERC721,
-			tokenMetadata,
-			cardLoading: isLoading,
-			salesContractAddress: salesContractAddress,
-			salePrice,
-			quantityInitial,
-			quantityRemaining,
-			quantityDecimals: 0,
-			saleStartsAt,
-			saleEndsAt,
-			marketplaceType: 'shop',
-		} satisfies ShopCollectibleCardProps;
-	});
-
-	return {
-		salePrice: collectibleCards[0]?.salePrice,
-		collectibleCards,
-		saleDetailsError,
-		primarySaleItemsError,
-		saleDetails,
-		primarySaleItems,
-		isLoading,
-	};
-}

package/src/react/hooks/useListShopCardData.tsx

@@ -1,70 +0,0 @@
-import type { Address } from 'viem';
-import { ContractType } from '../_internal';
-import { useList721ShopCardData } from './useList721ShopCardData';
-import { useList1155ShopCardData } from './useList1155ShopCardData';
-
-interface UseListShopCardDataProps {
-	tokenIds: string[];
-	chainId: number;
-	contractAddress: Address;
-	salesContractAddress: Address;
-	contractType: ContractType | undefined;
-	enabled?: boolean;
-}
-
-export function useListShopCardData({
-	tokenIds,
-	chainId,
-	contractAddress,
-	salesContractAddress,
-	contractType,
-	enabled = true,
-}: UseListShopCardDataProps) {
-	const shouldUse721 = contractType === ContractType.ERC721;
-	const shouldUse1155 = contractType === ContractType.ERC1155;
-
-	const erc721Data = useList721ShopCardData({
-		tokenIds,
-		chainId,
-		contractAddress,
-		salesContractAddress,
-		enabled: enabled && shouldUse721,
-	});
-
-	const erc1155Data = useList1155ShopCardData({
-		tokenIds,
-		chainId,
-		contractAddress,
-		salesContractAddress,
-		enabled: enabled && shouldUse1155,
-	});
-
-	if (shouldUse721) {
-		return erc721Data;
-	}
-
-	if (shouldUse1155) {
-		// Map ERC1155 data to match ERC721 structure
-		return {
-			collectibleCards: erc1155Data.collectibleCards,
-			isLoading: erc1155Data.isLoading,
-			saleDetailsError: erc1155Data.tokenSaleDetailsError,
-			primarySaleItemsError: erc1155Data.tokenMetadataError,
-			saleDetails: undefined,
-			primarySaleItems: undefined,
-			salePrice: erc1155Data.collectibleCards[0]?.salePrice,
-		};
-	}
-
-	// Return a default state when contract type is not determined yet
-	return {
-		collectibleCards: [],
-		isLoading: !contractType,
-		collectionDetailsError: null,
-		saleDetailsError: null,
-		primarySaleItemsError: null,
-		saleDetails: undefined,
-		primarySaleItems: undefined,
-		salePrice: undefined,
-	};
-}

package/src/react/hooks/useListTokenMetadata.ts

@@ -1,71 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
-import {
-	type FetchListTokenMetadataParams,
-	type ListTokenMetadataQueryOptions,
-	listTokenMetadataQueryOptions,
-} from '../queries/listTokenMetadata';
-import { useConfig } from './useConfig';
-
-export type UseListTokenMetadataParams = Optional<
-	ListTokenMetadataQueryOptions,
-	'config'
->;
-
-/**
- * Hook to fetch token metadata from the metadata API
- *
- * Retrieves metadata for a batch of tokens from a specific contract.
- * Useful for getting token names, descriptions, images, and other attributes.
- *
- * @param params - Configuration parameters
- * @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
- * @param params.contractAddress - The contract address containing the tokens
- * @param params.tokenIds - Array of token IDs to fetch metadata for
- * @param params.query - Optional React Query configuration
- *
- * @returns Query result containing token metadata array
- *
- * @example
- * Basic usage:
- * ```typescript
- * const { data, isLoading } = useListTokenMetadata({
- *   chainId: 137,
- *   contractAddress: '0x...',
- *   tokenIds: ['1', '2', '3']
- * })
- * ```
- *
- * @example
- * With conditional fetching:
- * ```typescript
- * const { data, isLoading } = useListTokenMetadata({
- *   chainId: 1,
- *   contractAddress: '0x...',
- *   tokenIds: selectedTokenIds,
- *   query: {
- *     enabled: selectedTokenIds.length > 0
- *   }
- * })
- * ```
- */
-export function useListTokenMetadata(params: UseListTokenMetadataParams) {
-	const defaultConfig = useConfig();
-
-	const { config = defaultConfig, ...rest } = params;
-
-	const queryOptions = listTokenMetadataQueryOptions({
-		config,
-		...rest,
-	});
-
-	return useQuery({
-		...queryOptions,
-	});
-}
-
-export { listTokenMetadataQueryOptions };
-
-export type { FetchListTokenMetadataParams, ListTokenMetadataQueryOptions };

package/src/react/hooks/useShopCollectibleSaleData.tsx

@@ -1,349 +0,0 @@
-import { useMemo } from 'react';
-
-import type { Address } from 'viem';
-import { useReadContract } from 'wagmi';
-import {
-	ERC721_ABI,
-	ERC721_SALE_ABI,
-	ERC1155_SALES_CONTRACT_ABI,
-	SEQUENCE_1155_ITEMS_ABI,
-} from '../../utils';
-import { ContractType } from '../_internal';
-
-interface ShopCollectibleSaleData {
-	salePrice: { amount: string; currencyAddress: Address } | null;
-	paymentToken: Address | null;
-	supplyCap: string;
-	totalMinted: string;
-	quantityRemaining: string;
-	startTime: number | null;
-	endTime: number | null;
-	isActive: boolean;
-	isLoading: boolean;
-	error: Error | null;
-	isAvailable: boolean;
-}
-
-interface BaseShopCollectibleSaleDataProps {
-	chainId: number;
-	salesContractAddress: Address;
-	itemsContractAddress: Address;
-	enabled?: boolean;
-}
-
-interface ERC721ShopCollectibleSaleDataProps
-	extends BaseShopCollectibleSaleDataProps {
-	collectionType: ContractType.ERC721;
-	tokenId?: string;
-}
-
-interface ERC1155ShopCollectibleSaleDataProps
-	extends BaseShopCollectibleSaleDataProps {
-	collectionType: ContractType.ERC1155;
-	tokenId: string;
-}
-
-type UseShopCollectibleSaleDataProps =
-	| ERC721ShopCollectibleSaleDataProps
-	| ERC1155ShopCollectibleSaleDataProps;
-
-export function useShopCollectibleSaleData({
-	chainId,
-	salesContractAddress,
-	itemsContractAddress,
-	tokenId,
-	collectionType,
-	enabled = true,
-}: UseShopCollectibleSaleDataProps): ShopCollectibleSaleData {
-	// ERC721 Sales Contract Calls
-	const {
-		data: erc721SaleDetails,
-		isLoading: erc721SaleLoading,
-		error: erc721SaleError,
-	} = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: ERC721_SALE_ABI,
-		functionName: 'saleDetails',
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC721,
-		},
-	});
-
-	const {
-		data: erc721TotalSupply,
-		isLoading: erc721SupplyLoading,
-		error: erc721SupplyError,
-	} = useReadContract({
-		chainId,
-		address: itemsContractAddress,
-		abi: ERC721_ABI,
-		functionName: 'totalSupply',
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC721,
-		},
-	});
-
-	// ERC1155 Sales Contract Calls
-	const {
-		data: erc1155TokenSaleDetails,
-		isLoading: erc1155TokenSaleLoading,
-		error: erc1155TokenSaleError,
-	} = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: ERC1155_SALES_CONTRACT_ABI,
-		functionName: 'tokenSaleDetails',
-		args:
-			collectionType === ContractType.ERC1155 ? [BigInt(tokenId)] : undefined,
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC1155,
-		},
-	});
-
-	const {
-		data: erc1155GlobalSaleDetails,
-		isLoading: erc1155GlobalSaleLoading,
-		error: erc1155GlobalSaleError,
-	} = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: ERC1155_SALES_CONTRACT_ABI,
-		functionName: 'globalSaleDetails',
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC1155,
-		},
-	});
-
-	const {
-		data: erc1155PaymentToken,
-		isLoading: erc1155PaymentTokenLoading,
-		error: erc1155PaymentTokenError,
-	} = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: ERC1155_SALES_CONTRACT_ABI,
-		functionName: 'paymentToken',
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC1155,
-		},
-	});
-
-	const {
-		data: erc1155TotalSupply,
-		isLoading: erc1155SupplyLoading,
-		error: erc1155SupplyError,
-	} = useReadContract({
-		chainId,
-		address: itemsContractAddress,
-		abi: SEQUENCE_1155_ITEMS_ABI,
-		functionName: 'totalSupply',
-		query: {
-			enabled: enabled && collectionType === ContractType.ERC1155,
-		},
-	});
-
-	return useMemo(() => {
-		const isLoading =
-			collectionType === ContractType.ERC721
-				? erc721SaleLoading || erc721SupplyLoading
-				: erc1155TokenSaleLoading ||
-					erc1155GlobalSaleLoading ||
-					erc1155PaymentTokenLoading ||
-					erc1155SupplyLoading;
-
-		const error =
-			collectionType === ContractType.ERC721
-				? erc721SaleError || erc721SupplyError
-				: erc1155TokenSaleError ||
-					erc1155GlobalSaleError ||
-					erc1155PaymentTokenError ||
-					erc1155SupplyError;
-
-		if (isLoading) {
-			return {
-				salePrice: null,
-				paymentToken: null,
-				supplyCap: '0',
-				totalMinted: '0',
-				quantityRemaining: '0',
-				startTime: null,
-				endTime: null,
-				isActive: false,
-				isLoading: true,
-				error: null,
-				isAvailable: false,
-			};
-		}
-
-		if (error) {
-			return {
-				salePrice: null,
-				paymentToken: null,
-				supplyCap: '0',
-				totalMinted: '0',
-				quantityRemaining: '0',
-				startTime: null,
-				endTime: null,
-				isActive: false,
-				isLoading: false,
-				error: error as Error,
-				isAvailable: false,
-			};
-		}
-
-		if (
-			collectionType === ContractType.ERC721 &&
-			erc721SaleDetails &&
-			erc721TotalSupply !== undefined
-		) {
-			const saleDetails = erc721SaleDetails as {
-				supplyCap: bigint;
-				cost: bigint;
-				paymentToken: Address;
-				startTime: bigint;
-				endTime: bigint;
-				merkleRoot: string;
-			};
-
-			const supplyCap = saleDetails.supplyCap.toString();
-			const totalMinted = erc721TotalSupply.toString();
-			const quantityRemaining = (
-				saleDetails.supplyCap - erc721TotalSupply
-			).toString();
-
-			const now = Math.floor(Date.now() / 1000);
-			const startTime = Number(saleDetails.startTime);
-			const endTime = Number(saleDetails.endTime);
-			const isActive = now >= startTime && now <= endTime;
-
-			return {
-				salePrice: {
-					amount: saleDetails.cost.toString(),
-					currencyAddress: saleDetails.paymentToken,
-				},
-				paymentToken: saleDetails.paymentToken,
-				supplyCap,
-				totalMinted,
-				quantityRemaining,
-				startTime,
-				endTime,
-				isActive,
-				isLoading: false,
-				error: null,
-				isAvailable: BigInt(quantityRemaining) > 0 && isActive,
-			};
-		}
-
-		if (
-			collectionType === ContractType.ERC1155 &&
-			erc1155PaymentToken &&
-			erc1155TotalSupply !== undefined &&
-			(erc1155TokenSaleDetails || erc1155GlobalSaleDetails)
-		) {
-			// Type the sale details structures
-			type SaleDetails = {
-				cost: bigint;
-				supplyCap: bigint;
-				startTime: bigint;
-				endTime: bigint;
-				merkleRoot: string;
-			};
-
-			const tokenSaleDetails = erc1155TokenSaleDetails as
-				| SaleDetails
-				| undefined;
-			const globalSaleDetails = erc1155GlobalSaleDetails as
-				| SaleDetails
-				| undefined;
-
-			// If token-specific details have zero values, use global as fallback
-			const useGlobal = tokenSaleDetails && tokenSaleDetails.supplyCap === 0n;
-			const finalSaleDetails = useGlobal
-				? globalSaleDetails
-				: tokenSaleDetails || globalSaleDetails;
-
-			if (!finalSaleDetails) {
-				return {
-					salePrice: null,
-					paymentToken: null,
-					supplyCap: '0',
-					totalMinted: '0',
-					quantityRemaining: '0',
-					startTime: null,
-					endTime: null,
-					isActive: false,
-					isLoading: false,
-					error: null,
-					isAvailable: false,
-				};
-			}
-
-			const supplyCap = finalSaleDetails.supplyCap.toString();
-			const totalMintedBigInt = erc1155TotalSupply
-				? BigInt(erc1155TotalSupply as bigint)
-				: 0n;
-			const totalMinted = totalMintedBigInt.toString();
-			const quantityRemaining = (
-				finalSaleDetails.supplyCap - totalMintedBigInt
-			).toString();
-
-			const now = Math.floor(Date.now() / 1000);
-			const startTime = Number(finalSaleDetails.startTime);
-			const endTime = Number(finalSaleDetails.endTime);
-			const isActive = now >= startTime && now <= endTime;
-
-			return {
-				salePrice: {
-					amount: finalSaleDetails.cost.toString(),
-					currencyAddress: erc1155PaymentToken,
-				},
-				paymentToken: erc1155PaymentToken,
-				supplyCap,
-				totalMinted,
-				quantityRemaining,
-				startTime,
-				endTime,
-				isActive,
-				isLoading: false,
-				error: null,
-				isAvailable: BigInt(quantityRemaining) > 0 && isActive,
-			};
-		}
-
-		// No valid data found
-		return {
-			salePrice: null,
-			paymentToken: null,
-			supplyCap: '0',
-			totalMinted: '0',
-			quantityRemaining: '0',
-			startTime: null,
-			endTime: null,
-			isActive: false,
-			isLoading: false,
-			error: null,
-			isAvailable: false,
-		};
-	}, [
-		collectionType,
-		erc721SaleDetails,
-		erc721TotalSupply,
-		erc721SaleLoading,
-		erc721SupplyLoading,
-		erc721SaleError,
-		erc721SupplyError,
-		erc1155TokenSaleDetails,
-		erc1155GlobalSaleDetails,
-		erc1155PaymentToken,
-		erc1155TotalSupply,
-		erc1155TokenSaleLoading,
-		erc1155GlobalSaleLoading,
-		erc1155PaymentTokenLoading,
-		erc1155SupplyLoading,
-		erc1155TokenSaleError,
-		erc1155GlobalSaleError,
-		erc1155PaymentTokenError,
-		erc1155SupplyError,
-	]);
-}