@0xsequence/marketplace-sdk 0.10.0 → 1.1.0

package/src/react/hooks/{__tests__ → config}/__snapshots__/useMarketplaceConfig.test.tsx.snap

@@ -7,6 +7,7 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
     "collections": [
       {
         "bannerUrl": "https://example.com/market-banner.png",
+        "cardType": "market",
         "chainId": 1,
         "contractType": "ERC721",
         "createdAt": "2025-03-16T13:04:16.098Z",
@@ -31,12 +32,13 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
         },
         "id": 1,
         "itemsAddress": "0x0000000000000000000000000000000000000000",
-        "marketplaceType": "market",
+        "private": false,
         "projectId": 1,
         "updatedAt": "2025-03-16T13:04:16.098Z",
       },
       {
         "bannerUrl": "https://example.com/collection-banner.png",
+        "cardType": "market",
         "chainId": 137,
         "contractType": "ERC1155",
         "createdAt": "2025-03-16T13:04:16.098Z",
@@ -65,7 +67,7 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
         },
         "id": 2,
         "itemsAddress": "0x1234567890123456789012345678901234567890",
-        "marketplaceType": "market",
+        "private": false,
         "projectId": 1,
         "updatedAt": "2025-03-16T13:04:16.098Z",
       },
@@ -103,12 +105,14 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
     "collections": [
       {
         "bannerUrl": "https://example.com/shop-banner.png",
+        "cardType": "shop",
         "chainId": 1,
         "createdAt": "2025-03-16T13:04:16.098Z",
+        "customTokenIds": [],
         "id": 1,
         "itemsAddress": "0x0000000000000000000000000000000000000000",
-        "marketplaceType": "shop",
         "name": "Mock Shop Collection",
+        "private": false,
         "projectId": 1,
         "saleAddress": "0x0000000000000000000000000000000000000000",
         "saleBannerUrl": "https://example.com/shop-sale-banner.png",
@@ -121,12 +125,14 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
       },
       {
         "bannerUrl": "https://example.com/polygon-shop-banner.png",
+        "cardType": "shop",
         "chainId": 137,
         "createdAt": "2025-03-16T13:04:16.098Z",
+        "customTokenIds": [],
         "id": 2,
         "itemsAddress": "0x1234567890123456789012345678901234567890",
-        "marketplaceType": "shop",
         "name": "Polygon Shop Collection",
+        "private": false,
         "projectId": 1,
         "saleAddress": "0x1234567890123456789012345678901234567890",
         "saleBannerUrl": "https://example.com/polygon-shop-sale-banner.png",

package/src/react/hooks/config/index.ts

@@ -0,0 +1,3 @@
+export * from './useConfig';
+export * from './useConnectorMetadata';
+export * from './useMarketplaceConfig';

package/src/react/hooks/{useConfig.tsx → config/useConfig.tsx}

@@ -2,8 +2,8 @@
 
 import { useContext } from 'react';
 
-import { MarketplaceSdkProviderNotFoundError } from '../../utils/_internal/error/context';
-import { MarketplaceSdkContext } from '../provider';
+import { MarketplaceSdkProviderNotFoundError } from '../../../utils/_internal/error/context';
+import { MarketplaceSdkContext } from '../../providers';
 
 export function useConfig() {
 	const context = useContext(MarketplaceSdkContext);

package/src/react/hooks/config/useConnectorMetadata.tsx

@@ -0,0 +1,16 @@
+import { useAccount } from 'wagmi';
+import { WalletKind } from '../../_internal/api';
+
+export const useConnectorMetadata = () => {
+	const { connector } = useAccount();
+
+	const isWaaS = connector?.id.endsWith('waas') ?? false;
+	const isSequence = connector?.id.includes('sequence');
+	const walletKind = isSequence ? WalletKind.sequence : WalletKind.unknown;
+
+	return {
+		isWaaS,
+		isSequence,
+		walletKind,
+	};
+};

package/src/react/hooks/{__tests__ → config}/useMarketplaceConfig.test.tsx

@@ -2,7 +2,7 @@ import { renderHook, server, waitFor } from '@test';
 import { describe, expect, it } from 'vitest';
 import { createLookupMarketplaceErrorHandler } from '../../_internal/api/__mocks__/builder.msw';
 
-import { useMarketplaceConfig } from '../useMarketplaceConfig';
+import { useMarketplaceConfig } from './useMarketplaceConfig';
 
 describe('useMarketplaceConfig', () => {
 	it('should fetch marketplace config and styles successfully', async () => {

package/src/react/hooks/{useMarketplaceConfig.tsx → config/useMarketplaceConfig.tsx}

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
-import { marketplaceConfigOptions } from '../queries/marketplaceConfig';
-import { useConfig } from './useConfig';
+import { marketplaceConfigOptions } from '../../queries/marketplaceConfig';
+import { useConfig } from '../config/useConfig';
 
 export const useMarketplaceConfig = () => {
 	const config = useConfig();

package/src/react/hooks/contracts/index.ts

@@ -0,0 +1 @@
+export * from './useSalesContractABI';

package/src/react/hooks/contracts/useSalesContractABI.ts

@@ -0,0 +1,174 @@
+import { useMemo } from 'react';
+import type { Address } from 'viem';
+import { useReadContract } from 'wagmi';
+import {
+	ERC721_SALE_ABI_V0,
+	ERC721_SALE_ABI_V1,
+	ERC1155_SALES_CONTRACT_ABI_V0,
+	ERC1155_SALES_CONTRACT_ABI_V1,
+} from '../../../utils/abi';
+import { ContractType } from '../../_internal';
+
+export enum SalesContractVersion {
+	V0 = 'v0',
+	V1 = 'v1',
+}
+
+interface UseSalesContractABIProps {
+	contractAddress: Address;
+	contractType: ContractType.ERC721 | ContractType.ERC1155;
+	chainId: number;
+	enabled?: boolean;
+}
+
+type UseSalesContractABIResult =
+	| {
+			version: null;
+			abi: null;
+			contractType: null;
+			isLoading: true;
+			error: null;
+	  }
+	| {
+			version: SalesContractVersion.V0;
+			abi: typeof ERC721_SALE_ABI_V0;
+			contractType: ContractType.ERC721;
+			isLoading: false;
+			error: null;
+	  }
+	| {
+			version: SalesContractVersion.V0;
+			abi: typeof ERC1155_SALES_CONTRACT_ABI_V0;
+			contractType: ContractType.ERC1155;
+			isLoading: false;
+			error: null;
+	  }
+	| {
+			version: SalesContractVersion.V1;
+			abi: typeof ERC721_SALE_ABI_V1;
+			contractType: ContractType.ERC721;
+			isLoading: false;
+			error: null;
+	  }
+	| {
+			version: SalesContractVersion.V1;
+			abi: typeof ERC1155_SALES_CONTRACT_ABI_V1;
+			contractType: ContractType.ERC1155;
+			isLoading: false;
+			error: null;
+	  }
+	| {
+			version: null;
+			abi: null;
+			contractType: null;
+			isLoading: false;
+			error: Error;
+	  };
+
+export function useSalesContractABI({
+	contractAddress,
+	contractType,
+	chainId,
+	enabled = true,
+}: UseSalesContractABIProps): UseSalesContractABIResult {
+	const functionName =
+		contractType === ContractType.ERC721 ? 'saleDetails' : 'tokenSaleDetails';
+
+	const {
+		data: v1Data,
+		isLoading: v1Loading,
+		error: v1Error,
+	} = useReadContract({
+		address: contractAddress,
+		abi:
+			contractType === ContractType.ERC721
+				? ERC721_SALE_ABI_V1
+				: ERC1155_SALES_CONTRACT_ABI_V1,
+		functionName,
+		args: contractType === ContractType.ERC1155 ? [0n] : undefined,
+		chainId,
+		query: {
+			enabled,
+			retry: false,
+		},
+	});
+
+	// If V1 fails, try with V0 ABI, see enabled query
+	const {
+		data: v0Data,
+		isLoading: v0Loading,
+		error: v0Error,
+	} = useReadContract({
+		address: contractAddress,
+		abi:
+			contractType === ContractType.ERC721
+				? ERC721_SALE_ABI_V0
+				: ERC1155_SALES_CONTRACT_ABI_V0,
+		functionName,
+		args: contractType === ContractType.ERC1155 ? [0n] : undefined,
+		chainId,
+		query: {
+			enabled: enabled && !!v1Error && !v1Loading, // Only try V0 if V1 failed
+			retry: false,
+		},
+	});
+
+	return useMemo(() => {
+		if (v1Loading || (v1Error && v0Loading)) {
+			return {
+				version: null,
+				abi: null,
+				contractType: null,
+				isLoading: true,
+				error: null,
+			};
+		}
+
+		if (v1Data && !v1Error) {
+			if (contractType === ContractType.ERC721) {
+				return {
+					version: SalesContractVersion.V1,
+					abi: ERC721_SALE_ABI_V1,
+					contractType: ContractType.ERC721,
+					isLoading: false,
+					error: null,
+				};
+			}
+			return {
+				version: SalesContractVersion.V1,
+				abi: ERC1155_SALES_CONTRACT_ABI_V1,
+				contractType: ContractType.ERC1155,
+				isLoading: false,
+				error: null,
+			};
+		}
+
+		if (v0Data && !v0Error) {
+			if (contractType === ContractType.ERC721) {
+				return {
+					version: SalesContractVersion.V0,
+					abi: ERC721_SALE_ABI_V0,
+					contractType: ContractType.ERC721,
+					isLoading: false,
+					error: null,
+				};
+			}
+			return {
+				version: SalesContractVersion.V0,
+				abi: ERC1155_SALES_CONTRACT_ABI_V0,
+				contractType: ContractType.ERC1155,
+				isLoading: false,
+				error: null,
+			};
+		}
+
+		const error = v0Error || v1Error;
+		return {
+			version: null,
+			abi: null,
+			contractType: null,
+			isLoading: false,
+			error: error as Error,
+		};
+	}, [v1Data, v1Error, v1Loading, v0Data, v0Error, v0Loading, contractType]);
+}

package/src/react/hooks/data/collectibles/index.ts

@@ -0,0 +1,6 @@
+export * from './useBalanceOfCollectible';
+export * from './useCollectible';
+export * from './useCountOfCollectables';
+export * from './useListCollectibleActivities';
+export * from './useListCollectibles';
+export * from './useListCollectiblesPaginated';

package/src/react/hooks/{__tests__ → data/collectibles}/useBalanceOfCollectible.laos.test.tsx

@@ -1,16 +1,16 @@
 import { renderHook, server, waitFor } from '@test';
 import { HttpResponse, http } from 'msw';
 import { afterEach, describe, expect, it } from 'vitest';
-import { ContractType } from '../../_internal';
+import { ContractType } from '../../../_internal';
 import {
 	mockIndexerEndpoint,
 	mockTokenBalance,
-} from '../../_internal/api/__mocks__/indexer.msw';
+} from '../../../_internal/api/__mocks__/indexer.msw';
 import {
 	laosHandlers,
 	mockTokenBalancesResponse,
-} from '../../_internal/api/__mocks__/laos.msw';
-import { useBalanceOfCollectible } from '../useBalanceOfCollectible';
+} from '../../../_internal/api/__mocks__/laos.msw';
+import { useBalanceOfCollectible } from './useBalanceOfCollectible';
 
 describe('useBalanceOfCollectible with LAOS', () => {
 	const defaultArgs = {
@@ -112,7 +112,7 @@ describe('useBalanceOfCollectible with LAOS', () => {
 			expect(result.current.isSuccess).toBe(true);
 		});
 
-		// Should return LAOS API response (first balance)
+		// Should return LAOS API response (array of balances)
 		expect(result.current.data).toEqual(mockTokenBalancesResponse.balances[0]);
 		expect(result.current.data?.balance).toBe('5');
 		expect(result.current.data?.contractInfo?.type).toBe('LAOS-ERC-721');
@@ -195,7 +195,7 @@ describe('useBalanceOfCollectible with LAOS', () => {
 			expect(result.current.isSuccess).toBe(true);
 		});
 
-		expect(result.current.data).toBeNull();
+		expect(result.current.data).toEqual(null);
 	});
 
 	it('should auto-detect LAOS from marketplace config', async () => {

package/src/react/hooks/{__tests__ → data/collectibles}/useBalanceOfCollectible.test.tsx

@@ -5,8 +5,8 @@ import { describe, expect, it } from 'vitest';
 import {
 	mockIndexerEndpoint,
 	mockTokenBalance,
-} from '../../_internal/api/__mocks__/indexer.msw';
-import { useBalanceOfCollectible } from '../useBalanceOfCollectible';
+} from '../../../_internal/api/__mocks__/indexer.msw';
+import { useBalanceOfCollectible } from './useBalanceOfCollectible';
 
 describe('useBalanceOfCollectible', () => {
 	const defaultArgs = {

package/src/react/hooks/{useBalanceOfCollectible.tsx → data/collectibles/useBalanceOfCollectible.tsx}

@@ -1,11 +1,11 @@
 import { useQuery } from '@tanstack/react-query';
-import { ContractType } from '../_internal';
+import { ContractType } from '../../../_internal';
 import {
 	balanceOfCollectibleOptions,
 	type UseBalanceOfCollectibleArgs,
-} from '../queries/balanceOfCollectible';
-import { useConfig } from './useConfig';
-import { useMarketplaceConfig } from './useMarketplaceConfig';
+} from '../../../queries/balanceOfCollectible';
+import { useConfig } from '../../config/useConfig';
+import { useMarketplaceConfig } from '../../config/useMarketplaceConfig';
 
 /**
  * Hook to fetch the balance of a specific collectible for a user

package/src/react/hooks/{__tests__ → data/collectibles}/useCollectible.test.tsx

@@ -5,9 +5,9 @@ import { describe, expect, it } from 'vitest';
 import {
 	mockMetadataEndpoint,
 	mockTokenMetadata,
-} from '../../_internal/api/__mocks__/metadata.msw';
-import type { UseCollectibleParams } from '../useCollectible';
-import { useCollectible } from '../useCollectible';
+} from '../../../_internal/api/__mocks__/metadata.msw';
+import type { UseCollectibleParams } from './useCollectible';
+import { useCollectible } from './useCollectible';
 
 describe('useCollectible', () => {
 	const defaultArgs: UseCollectibleParams = {

package/src/react/hooks/{useCollectible.tsx → data/collectibles/useCollectible.tsx}

@@ -1,13 +1,13 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
+import type { Optional } from '../../../_internal';
 import {
 	type CollectibleQueryOptions,
 	collectibleQueryOptions,
 	type FetchCollectibleParams,
-} from '../queries/collectible';
-import { useConfig } from './useConfig';
+} from '../../../queries/collectible';
+import { useConfig } from '../../config/useConfig';
 
 export type UseCollectibleParams = Optional<CollectibleQueryOptions, 'config'>;
 

package/src/react/hooks/{__tests__ → data/collectibles}/useCountOfCollectables.test.tsx

@@ -2,10 +2,10 @@ import { renderHook, server, waitFor } from '@test';
 import { HttpResponse, http } from 'msw';
 import { zeroAddress } from 'viem';
 import { describe, expect, it } from 'vitest';
-import { OrderSide } from '../../_internal';
-import { mockMarketplaceEndpoint } from '../../_internal/api/__mocks__/marketplace.msw';
-import type { UseCountOfCollectablesParams } from '../useCountOfCollectables';
-import { useCountOfCollectables } from '../useCountOfCollectables';
+import { mockMarketplaceEndpoint } from '../../../_internal/api/__mocks__/marketplace.msw';
+import { OrderSide } from '../../../_internal/api/marketplace.gen';
+import type { UseCountOfCollectablesParams } from './useCountOfCollectables';
+import { useCountOfCollectables } from './useCountOfCollectables';
 
 describe('useCountOfCollectables', () => {
 	const defaultArgs: UseCountOfCollectablesParams = {

package/src/react/hooks/{useCountOfCollectables.tsx → data/collectibles/useCountOfCollectables.tsx}

@@ -1,13 +1,13 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
+import type { Optional } from '../../../_internal';
 import {
 	type CountOfCollectablesQueryOptions,
 	countOfCollectablesQueryOptions,
 	type FetchCountOfCollectablesParams,
-} from '../queries/countOfCollectables';
-import { useConfig } from './useConfig';
+} from '../../../queries/countOfCollectables';
+import { useConfig } from '../../config/useConfig';
 
 export type UseCountOfCollectablesParams = Optional<
 	CountOfCollectablesQueryOptions,

package/src/react/hooks/{__tests__ → data/collectibles}/useListCollectibleActivities.test.tsx

@@ -5,9 +5,9 @@ import { describe, expect, it } from 'vitest';
 import {
 	mockActivity,
 	mockMarketplaceEndpoint,
-} from '../../_internal/api/__mocks__/marketplace.msw';
-import type { UseListCollectibleActivitiesParams } from '../useListCollectibleActivities';
-import { useListCollectibleActivities } from '../useListCollectibleActivities';
+} from '../../../_internal/api/__mocks__/marketplace.msw';
+import type { UseListCollectibleActivitiesParams } from './useListCollectibleActivities';
+import { useListCollectibleActivities } from './useListCollectibleActivities';
 
 describe('useListCollectibleActivities', () => {
 	const defaultArgs: UseListCollectibleActivitiesParams = {

package/src/react/hooks/{useListCollectibleActivities.tsx → data/collectibles/useListCollectibleActivities.tsx}

@@ -1,14 +1,14 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
+import type { Optional } from '../../../_internal';
 import {
 	type FetchListCollectibleActivitiesParams,
 	type fetchListCollectibleActivities,
 	type ListCollectibleActivitiesQueryOptions,
 	listCollectibleActivitiesQueryOptions,
-} from '../queries/listCollectibleActivities';
-import { useConfig } from './useConfig';
+} from '../../../queries/listCollectibleActivities';
+import { useConfig } from '../../config/useConfig';
 
 export type UseListCollectibleActivitiesParams = Optional<
 	ListCollectibleActivitiesQueryOptions,

package/src/react/hooks/{__tests__ → data/collectibles}/useListCollectibles.test.tsx

@@ -2,18 +2,17 @@ import { renderHook, server, waitFor } from '@test';
 import { HttpResponse, http } from 'msw';
 import { zeroAddress } from 'viem';
 import { describe, expect, it } from 'vitest';
-import type { ListCollectiblesArgs } from '../../_internal';
+import type { ListCollectiblesArgs } from '../../../_internal';
 import {
 	mockCollectibleOrder,
 	mockMarketplaceEndpoint,
-} from '../../_internal/api/__mocks__/marketplace.msw';
+} from '../../../_internal/api/__mocks__/marketplace.msw';
 import {
 	MarketplaceKind,
 	OrderSide,
-} from '../../_internal/api/marketplace.gen';
-
-import type { UseListCollectiblesParams } from '../useListCollectibles';
-import { useListCollectibles } from '../useListCollectibles';
+} from '../../../_internal/api/marketplace.gen';
+import type { UseListCollectiblesParams } from './useListCollectibles';
+import { useListCollectibles } from './useListCollectibles';
 
 describe('useListCollectibles', () => {
 	const defaultArgs: UseListCollectiblesParams = {

package/src/react/hooks/{useListCollectibles.tsx → data/collectibles/useListCollectibles.tsx}

@@ -1,13 +1,13 @@
 'use client';
 
 import { useInfiniteQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
+import type { Optional } from '../../../_internal';
 import {
 	type FetchListCollectiblesParams,
 	type ListCollectiblesQueryOptions,
 	listCollectiblesQueryOptions,
-} from '../queries/listCollectibles';
-import { useConfig } from './useConfig';
+} from '../../../queries/listCollectibles';
+import { useConfig } from '../../config/useConfig';
 
 export type UseListCollectiblesParams = Optional<
 	ListCollectiblesQueryOptions,

package/src/react/hooks/{__tests__ → data/collectibles}/useListCollectiblesPaginated.test.tsx

@@ -6,10 +6,10 @@ import { describe, expect, it } from 'vitest';
 import {
 	mockCollectibleOrder,
 	mockMarketplaceEndpoint,
-} from '../../_internal/api/__mocks__/marketplace.msw';
-import { OrderSide } from '../../_internal/api/marketplace.gen';
-import type { UseListCollectiblesPaginatedParams } from '../useListCollectiblesPaginated';
-import { useListCollectiblesPaginated } from '../useListCollectiblesPaginated';
+} from '../../../_internal/api/__mocks__/marketplace.msw';
+import { OrderSide } from '../../../_internal/api/marketplace.gen';
+import type { UseListCollectiblesPaginatedParams } from './useListCollectiblesPaginated';
+import { useListCollectiblesPaginated } from './useListCollectiblesPaginated';
 
 describe('useListCollectiblesPaginated', () => {
 	const defaultArgs: UseListCollectiblesPaginatedParams = {

package/src/react/hooks/{useListCollectiblesPaginated.tsx → data/collectibles/useListCollectiblesPaginated.tsx}

@@ -1,14 +1,14 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import type { Optional } from '../_internal';
+import type { Optional } from '../../../_internal';
 import {
 	type FetchListCollectiblesPaginatedParams,
 	type fetchListCollectiblesPaginated,
 	type ListCollectiblesPaginatedQueryOptions,
 	listCollectiblesPaginatedQueryOptions,
-} from '../queries/listCollectiblesPaginated';
-import { useConfig } from './useConfig';
+} from '../../../queries/listCollectiblesPaginated';
+import { useConfig } from '../../config/useConfig';
 
 export type UseListCollectiblesPaginatedParams = Optional<
 	ListCollectiblesPaginatedQueryOptions,