@0xsequence/marketplace-sdk 0.8.9 → 0.8.11

package/src/react/_internal/api/services.ts

@@ -1,3 +1,4 @@
+import { SequenceAPIClient } from '@0xsequence/api';
 import { SequenceIndexer } from '@0xsequence/indexer';
 import { SequenceMetadata } from '@0xsequence/metadata';
 import { networks, stringTemplate } from '@0xsequence/network';
@@ -6,7 +7,7 @@ import { MissingConfigError } from '../../../utils/_internal/error/transaction';
 import { SequenceMarketplace } from './marketplace-api';
 
 const SERVICES = {
-	sequenceApi: 'https://api.sequence.app',
+	sequenceApi: 'https://${prefix}api.sequence.app',
 	metadata: 'https://${prefix}metadata.sequence.app',
 	indexer: 'https://${prefix}${network}-indexer.sequence.app',
 	marketplaceApi: 'https://${prefix}marketplace-api.sequence.app/${network}',
@@ -51,6 +52,11 @@ export const builderRpcApi = (env: Env = 'production') => {
 	return stringTemplate(SERVICES.builderRpcApi, { prefix });
 };
 
+export const sequenceApiUrl = (env: Env = 'production') => {
+	const prefix = getPrefix(env);
+	return stringTemplate(SERVICES.sequenceApi, { prefix });
+};
+
 export const builderMarketplaceApi = (
 	projectId: string,
 	env: Env = 'production',
@@ -82,6 +88,11 @@ export const getMarketplaceClient = (
 		projectAccessKey,
 	);
 };
+export const getSequenceApiClient = (config: SdkConfig) => {
+	const env = config._internal?.sequenceApiEnv || 'production';
+	const projectAccessKey = getAccessKey({ env, config });
+	return new SequenceAPIClient(sequenceApiUrl(env), projectAccessKey);
+};
 const getAccessKey = ({ env, config }: { env: Env; config: SdkConfig }) => {
 	switch (env) {
 		case 'development':

package/src/react/_internal/types.ts

@@ -1,9 +1,7 @@
 import type { Address } from 'viem';
-import type { Chain } from 'viem';
 import { z } from 'zod';
 import type { ContractType, CreateReq } from '../../types';
-import type { MarketplaceConfig, SdkConfig } from '../../types';
-import type { MarketplaceKind, OrderbookKind } from './api';
+import type { MarketplaceKind } from './api';
 
 export const QueryArgSchema = z
 	.object({
@@ -50,16 +48,6 @@ export enum TransactionType {
 	CANCEL = 'CANCEL',
 }
 
-export interface TransactionConfig {
-	type: TransactionType;
-	chainId: number;
-	chains: readonly Chain[];
-	collectionAddress: string;
-	sdkConfig: SdkConfig;
-	marketplaceConfig: MarketplaceConfig;
-	orderbookKind?: OrderbookKind;
-}
-
 export interface BuyInput {
 	orderId: string;
 	collectableDecimals: number;

package/src/react/_internal/wagmi/__tests__/create-config.test.ts

@@ -1,64 +1,72 @@
 import { polygon } from 'viem/chains';
 import { beforeEach, describe, expect, it } from 'vitest';
 import { type Config, cookieStorage } from 'wagmi';
+import type { SdkConfig } from '../../../../types';
+import { ContractType, OrderbookKind } from '../../../../types';
 import {
+	type MarketCollection,
 	type MarketplaceConfig,
 	MarketplaceType,
-	MarketplaceWallet,
-	OrderbookKind,
-	type SdkConfig,
-} from '../../../../types';
+} from '../../../../types/new-marketplace-types';
+import { MarketplaceWalletType } from '../../api/builder.gen';
 import { createWagmiConfig } from '../create-config';
 
 describe('createWagmiConfig', () => {
-	let baseMarketplaceConfig: MarketplaceConfig;
+	let baseMarketplace: MarketplaceConfig;
 	let baseSdkConfig: SdkConfig;
 
 	beforeEach(() => {
-		baseMarketplaceConfig = {
+		baseMarketplace = {
 			projectId: 1,
-			cssString: '',
-			manifestUrl: '',
-			publisherId: 'test-publisher',
-			title: 'Test Marketplace',
-			shortDescription: 'Test Description',
-			socials: {
-				twitter: '',
-				discord: '',
-				website: '',
-				tiktok: '',
-				instagram: '',
-				youtube: '',
+			settings: {
+				publisherId: 'test-publisher',
+				title: 'Test Marketplace',
+				socials: {
+					twitter: '',
+					discord: '',
+					website: '',
+					tiktok: '',
+					instagram: '',
+					youtube: '',
+				},
+				faviconUrl: 'https://test.com/favicon.ico',
+				walletOptions: {
+					walletType: MarketplaceWalletType.UNIVERSAL,
+					oidcIssuers: {},
+					connectors: [],
+					includeEIP6963Wallets: false,
+				},
+				logoUrl: '',
+				fontUrl: '',
+				accessKey: undefined,
 			},
-			faviconUrl: 'https://test.com/favicon.ico',
-			landingBannerUrl: 'https://test.com/banner.jpg',
-			walletOptions: {
-				walletType: MarketplaceWallet.UNIVERSAL,
-				oidcIssuers: {},
-				connectors: [],
-				includeEIP6963Wallets: false,
+			market: {
+				enabled: true,
+				bannerUrl: 'https://test.com/banner.jpg',
+				ogImage: '',
+				collections: [
+					{
+						contractType: ContractType.ERC721,
+						marketplaceType: MarketplaceType.MARKET,
+						chainId: polygon.id,
+						bannerUrl: '',
+						itemsAddress: '0x1234567890123456789012345678901234567890',
+						filterSettings: {
+							filterOrder: [],
+							exclusions: [],
+						},
+						feePercentage: 0,
+						destinationMarketplace: OrderbookKind.sequence_marketplace_v2,
+						currencyOptions: [],
+					} as MarketCollection,
+				],
+			},
+			shop: {
+				enabled: false,
+				bannerUrl: '',
+				ogImage: '',
+				collections: [],
 			},
-			collections: [
-				{
-					address: '0x1234567890123456789012345678901234567890',
-					chainId: polygon.id,
-					marketplaceType: MarketplaceType.ORDERBOOK,
-					currencyOptions: [],
-					destinationMarketplace: OrderbookKind.sequence_marketplace_v2,
-					filterSettings: {
-						filterOrder: [],
-						exclusions: [],
-					},
-					exchanges: [],
-					bannerUrl: '',
-					feePercentage: 0,
-				},
-			],
-			landingPageLayout: 'default',
-			logoUrl: '',
-			bannerUrl: '',
-			fontUrl: '',
-			ogImage: '',
 		};
 
 		baseSdkConfig = {
@@ -71,8 +79,9 @@ describe('createWagmiConfig', () => {
 		it('should create config with empty collections', () => {
 			const configWithEmptyCollections = createWagmiConfig(
 				{
-					...baseMarketplaceConfig,
-					collections: [],
+					...baseMarketplace,
+					market: { ...baseMarketplace.market, collections: [] },
+					shop: { ...baseMarketplace.shop, collections: [] },
 				},
 				baseSdkConfig,
 			);
@@ -85,12 +94,15 @@ describe('createWagmiConfig', () => {
 
 		it('should create config with universal wallet setup', () => {
 			const marketplaceConfig: MarketplaceConfig = {
-				...baseMarketplaceConfig,
-				walletOptions: {
-					connectors: ['walletconnect', 'coinbase'],
-					includeEIP6963Wallets: true,
-					walletType: MarketplaceWallet.UNIVERSAL,
-					oidcIssuers: {},
+				...baseMarketplace,
+				settings: {
+					...baseMarketplace.settings,
+					walletOptions: {
+						connectors: ['walletconnect', 'coinbase'],
+						includeEIP6963Wallets: true,
+						walletType: MarketplaceWalletType.UNIVERSAL,
+						oidcIssuers: {},
+					},
 				},
 			};
 
@@ -105,25 +117,22 @@ describe('createWagmiConfig', () => {
 		});
 
 		it('should create config with embedded wallet setup', () => {
-			// Valid waas tenant key format - base64 encoded JSON string containing the actual key
-			const waasTenantKey = btoa(
-				JSON.stringify({
-					key: 'valid-waas-tenant-key',
-					projectId: 'test-project-id',
-				}),
-			);
+			const waasTenantKey = 'test-waas-tenant-key';
 
 			const marketplaceConfig: MarketplaceConfig = {
-				...baseMarketplaceConfig,
-				walletOptions: {
-					connectors: ['walletconnect'],
-					includeEIP6963Wallets: false,
-					walletType: MarketplaceWallet.EMBEDDED,
-					oidcIssuers: {},
-					waas: {
-						tenantKey: waasTenantKey,
-						emailEnabled: false,
-						providers: [],
+				...baseMarketplace,
+				settings: {
+					...baseMarketplace.settings,
+					walletOptions: {
+						connectors: ['walletconnect'],
+						includeEIP6963Wallets: false,
+						walletType: MarketplaceWalletType.EMBEDDED,
+						oidcIssuers: {},
+						embedded: {
+							tenantKey: waasTenantKey,
+							emailEnabled: false,
+							providers: [],
+						},
 					},
 				},
 			};
@@ -140,12 +149,15 @@ describe('createWagmiConfig', () => {
 
 		it('should respect EIP6963 wallet inclusion setting', () => {
 			const marketplaceConfig: MarketplaceConfig = {
-				...baseMarketplaceConfig,
-				walletOptions: {
-					connectors: ['walletconnect'],
-					includeEIP6963Wallets: false,
-					walletType: MarketplaceWallet.UNIVERSAL,
-					oidcIssuers: {},
+				...baseMarketplace,
+				settings: {
+					...baseMarketplace.settings,
+					walletOptions: {
+						connectors: ['walletconnect'],
+						includeEIP6963Wallets: false,
+						walletType: MarketplaceWalletType.UNIVERSAL,
+						oidcIssuers: {},
+					},
 				},
 			};
 
@@ -156,7 +168,7 @@ describe('createWagmiConfig', () => {
 
 		it('should create SSR compatible config when ssr flag is true', async () => {
 			const config = createWagmiConfig(
-				baseMarketplaceConfig,
+				baseMarketplace,
 				baseSdkConfig,
 				true,
 			) as Config;
@@ -177,12 +189,15 @@ describe('createWagmiConfig', () => {
 	describe('failure cases', () => {
 		it('should still create config when walletConnectProjectId is missing', () => {
 			const marketplaceConfig: MarketplaceConfig = {
-				...baseMarketplaceConfig,
-				walletOptions: {
-					connectors: ['walletconnect'],
-					includeEIP6963Wallets: true,
-					walletType: MarketplaceWallet.UNIVERSAL,
-					oidcIssuers: {},
+				...baseMarketplace,
+				settings: {
+					...baseMarketplace.settings,
+					walletOptions: {
+						connectors: ['walletconnect'],
+						includeEIP6963Wallets: true,
+						walletType: MarketplaceWalletType.UNIVERSAL,
+						oidcIssuers: {},
+					},
 				},
 			};
 

package/src/react/_internal/wagmi/create-config.ts

@@ -3,7 +3,7 @@ import { allNetworks, findNetworkConfig } from '@0xsequence/network';
 import type { Chain, Transport } from 'viem';
 import { http, cookieStorage, createConfig, createStorage } from 'wagmi';
 import type { Env, SdkConfig } from '../../../types';
-import type { MarketplaceConfig } from '../../queries/marketplaceConfig';
+import type { MarketplaceConfig } from '../../../types/new-marketplace-types';
 import { DEFAULT_NETWORK } from '../consts';
 import { getConnectors } from './get-connectors';
 
@@ -20,7 +20,7 @@ export const createWagmiConfig = (
 		nodeGatewayEnv,
 	);
 
-	const walletType = marketplaceConfig.walletOptions.walletType;
+	const walletType = marketplaceConfig.settings.walletOptions.walletType;
 
 	const connectors = getConnectors({
 		marketplaceConfig,
@@ -29,7 +29,7 @@ export const createWagmiConfig = (
 	});
 
 	const multiInjectedProviderDiscovery =
-		marketplaceConfig.walletOptions.includeEIP6963Wallets;
+		marketplaceConfig.settings.walletOptions.includeEIP6963Wallets;
 
 	return createConfig({
 		connectors,
@@ -45,9 +45,13 @@ export const createWagmiConfig = (
 	});
 };
 
+function getAllCollections(marketConfig: MarketplaceConfig) {
+	return [...marketConfig.market.collections, ...marketConfig.shop.collections];
+}
+
 function getChainConfigs(marketConfig: MarketplaceConfig): [Chain, ...Chain[]] {
 	const supportedChainIds = new Set(
-		marketConfig.collections.map((c) => c.chainId),
+		getAllCollections(marketConfig).map((c) => c.chainId),
 	);
 
 	if (supportedChainIds.size === 0) {

package/src/react/_internal/wagmi/get-connectors.ts

@@ -18,9 +18,9 @@ import {
 import React, { type FunctionComponent } from 'react';
 import type { CreateConnectorFn } from 'wagmi';
 import type { Env, SdkConfig } from '../../../types';
+import type { MarketplaceConfig } from '../../../types/new-marketplace-types';
 import { MissingConfigError } from '../../../utils/_internal/error/transaction';
-import type { MarketplaceConfig } from '../../queries/marketplaceConfig';
-import { MarketplaceWallet } from '../api/builder.gen';
+import { MarketplaceWalletType } from '../api/builder.gen';
 import { DEFAULT_NETWORK } from '../consts';
 
 export function getConnectors({
@@ -30,15 +30,15 @@ export function getConnectors({
 }: {
 	marketplaceConfig: MarketplaceConfig;
 	sdkConfig: SdkConfig;
-	walletType: MarketplaceWallet;
+	walletType: MarketplaceWalletType;
 }): CreateConnectorFn[] {
 	const connectors = commonConnectors(marketplaceConfig, sdkConfig);
 
-	if (walletType === MarketplaceWallet.UNIVERSAL) {
+	if (walletType === MarketplaceWalletType.UNIVERSAL) {
 		connectors.push(...getUniversalWalletConfigs(sdkConfig, marketplaceConfig));
-	} else if (walletType === MarketplaceWallet.EMBEDDED) {
+	} else if (walletType === MarketplaceWalletType.EMBEDDED) {
 		connectors.push(...getWaasConnectors(sdkConfig, marketplaceConfig));
-	} else if (walletType === MarketplaceWallet.ECOSYSTEM) {
+	} else if (walletType === MarketplaceWalletType.ECOSYSTEM) {
 		connectors.push(getEcosystemConnector(marketplaceConfig, sdkConfig));
 	} else {
 		throw new Error('Invalid wallet type');
@@ -52,8 +52,8 @@ function commonConnectors(
 	sdkConfig: SdkConfig,
 ) {
 	const wallets = [];
-	const { title: appName } = marketplaceConfig;
-	const walletOptions = marketplaceConfig.walletOptions;
+	const { title: appName } = marketplaceConfig.settings;
+	const walletOptions = marketplaceConfig.settings.walletOptions;
 	const walletConnectProjectId = sdkConfig.walletConnectProjectId;
 
 	if (walletOptions.connectors.includes('coinbase')) {
@@ -90,9 +90,10 @@ function getUniversalWalletConfigs(
 		defaultNetwork: DEFAULT_NETWORK,
 		connect: {
 			projectAccessKey,
-			app: marketplaceConfig.title,
+			app: marketplaceConfig.settings.title,
 			settings: {
-				bannerUrl: marketplaceConfig.ogImage,
+				// TODO: make a separate config for this?
+				bannerUrl: marketplaceConfig.market.ogImage,
 			},
 		},
 	} satisfies SequenceOptions;
@@ -113,23 +114,25 @@ export function getWaasConnectors(
 ): Wallet[] {
 	const { projectAccessKey } = config;
 
-	const waasConfigKey = marketplaceConfig.walletOptions.waas?.tenantKey;
+	const waasConfigKey =
+		marketplaceConfig.settings.walletOptions.embedded?.tenantKey;
 
 	if (!waasConfigKey)
 		throw new MissingConfigError(
 			'Embedded wallet config is missing, please check your access key',
 		);
 
-	const waasOptions = marketplaceConfig.walletOptions.oidcIssuers;
+	const waasOptions = marketplaceConfig.settings.walletOptions.oidcIssuers;
 	const googleClientId = waasOptions.google;
 	const appleClientId = waasOptions.apple;
-	const appleRedirectURI = globalThis.window
-		? `https://${globalThis.window?.location?.origin}${globalThis.window?.location?.pathname}`
-		: undefined;
+	const appleRedirectURI =
+		typeof window !== 'undefined'
+			? `${window.location.origin}${window.location.pathname}`
+			: undefined;
 
 	const wallets: Wallet[] = [];
 
-	if (marketplaceConfig.walletOptions.waas?.emailEnabled) {
+	if (marketplaceConfig.settings.walletOptions.embedded?.emailEnabled) {
 		wallets.push(
 			emailWaas({
 				projectAccessKey,
@@ -168,7 +171,7 @@ export function getEcosystemConnector(
 	marketplaceConfig: MarketplaceConfig,
 	sdkConfig: SdkConfig,
 ): Wallet {
-	const ecosystemOptions = marketplaceConfig.walletOptions.ecosystem;
+	const ecosystemOptions = marketplaceConfig.settings.walletOptions.ecosystem;
 	if (!ecosystemOptions) throw new MissingConfigError('ecosystem');
 	const { walletAppName, walletUrl, logoDarkUrl, logoLightUrl } =
 		ecosystemOptions;
@@ -198,9 +201,11 @@ function getSequenceWalletURL(env: Env) {
 	switch (env) {
 		case 'development':
 			return 'https://dev.sequence.app';
-		case 'production':
-			return 'https://sequence.app';
 		case 'next':
 			return 'https://next.sequence.app';
+		// biome-ignore lint/complexity/noUselessSwitchCase: Production case kept for readability alongside other environments
+		case 'production':
+		default:
+			return 'https://sequence.app';
 	}
 }

package/src/react/hooks/__tests__/__snapshots__/useListCollections.test.tsx.snap

@@ -0,0 +1,114 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`useListCollections > should fetch collections successfully 1`] = `
+[
+  {
+    "address": "0x0000000000000000000000000000000000000000",
+    "bannerUrl": "https://example.com/market-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 1,
+    "contractType": "ERC721",
+    "currencyOptions": [
+      "0x0000000000000000000000000000000000000000",
+      "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    ],
+    "deployed": true,
+    "destinationMarketplace": "sequence_marketplace_v2",
+    "extensions": {
+      "blacklist": false,
+      "categories": [
+        "Mock",
+      ],
+      "description": "A mock collection for testing",
+      "featureIndex": 0,
+      "featured": true,
+      "link": "https://example.com",
+      "ogImage": "https://example.com/image.png",
+      "ogName": "Mock Collection",
+      "originAddress": "0x0000000000000000000000000000000000000000",
+      "originChainId": 1,
+      "verified": true,
+      "verifiedBy": "0x",
+    },
+    "feePercentage": 3.5,
+    "filterSettings": {
+      "exclusions": [
+        {
+          "condition": "SPECIFIC_VALUE",
+          "key": "Type",
+          "value": "Sample",
+        },
+      ],
+      "filterOrder": [
+        "Type",
+        "Rarity",
+      ],
+    },
+    "itemsAddress": "0x0000000000000000000000000000000000000000",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "MARKET",
+    "name": "Mock Collection",
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+  {
+    "address": "0x1234567890123456789012345678901234567890",
+    "bannerUrl": "https://example.com/collection-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 137,
+    "contractType": "ERC1155",
+    "currencyOptions": [
+      "0x0000000000000000000000000000000000000000",
+    ],
+    "deployed": true,
+    "destinationMarketplace": "opensea",
+    "extensions": {
+      "blacklist": false,
+      "categories": [
+        "Mock",
+      ],
+      "description": "A mock collection for testing",
+      "featureIndex": 0,
+      "featured": true,
+      "link": "https://example.com",
+      "ogImage": "https://example.com/image.png",
+      "ogName": "Mock Collection",
+      "originAddress": "0x0000000000000000000000000000000000000000",
+      "originChainId": 1,
+      "verified": true,
+      "verifiedBy": "0x",
+    },
+    "feePercentage": 2.5,
+    "filterSettings": {
+      "exclusions": [
+        {
+          "condition": "ENTIRE_KEY",
+          "key": "Category",
+        },
+        {
+          "condition": "SPECIFIC_VALUE",
+          "key": "Level",
+          "value": "Legendary",
+        },
+      ],
+      "filterOrder": [
+        "Category",
+        "Level",
+        "Element",
+      ],
+    },
+    "itemsAddress": "0x1234567890123456789012345678901234567890",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "MARKET",
+    "name": "Mock Collection",
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+]
+`;