@0xsequence/marketplace-sdk 0.8.10 → 0.8.12

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

@@ -2,19 +2,17 @@ import { SequenceAPIClient } from '@0xsequence/api';
 import { SequenceIndexer } from '@0xsequence/indexer';
 import { SequenceMetadata } from '@0xsequence/metadata';
 import { networks, stringTemplate } from '@0xsequence/network';
-import type { Env, SdkConfig } from '../../../types/sdk-config';
+import type { ApiConfig, Env, SdkConfig } from '../../../types/sdk-config';
 import { MissingConfigError } from '../../../utils/_internal/error/transaction';
+import { BuilderAPI } from './builder-api';
 import { SequenceMarketplace } from './marketplace-api';
 
 const SERVICES = {
 	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}',
+	marketplaceApi: 'https://${prefix}marketplace-api.sequence.app',
 	builderRpcApi: 'https://${prefix}api.sequence.build',
-	//Used for fetching css and manifest
-	builderMarketplaceApi:
-		'https://${prefix}api.sequence.build/marketplace/${projectId}',
 };
 
 type ChainNameOrId = string | number;
@@ -35,19 +33,23 @@ const metadataURL = (env: Env = 'production') => {
 	const prefix = getPrefix(env);
 	return stringTemplate(SERVICES.metadata, { prefix });
 };
+
 const indexerURL = (chain: ChainNameOrId, env: Env = 'production') => {
 	const prefix = getPrefix(env);
 	const network = getNetwork(chain).name;
 	return stringTemplate(SERVICES.indexer, { network: network, prefix });
 };
 
-const marketplaceApiURL = (chain: ChainNameOrId, env: Env = 'production') => {
+const marketplaceApiURL = (env: Env = 'production') => {
+	// TODO: remove this once we have a production endpoint
+	if (env === 'development') {
+		return 'https://dev-marketplace-api-v2.sequence-dev.app';
+	}
 	const prefix = getPrefix(env);
-	const network = getNetwork(chain).name;
-	return stringTemplate(SERVICES.marketplaceApi, { network: network, prefix });
+	return stringTemplate(SERVICES.marketplaceApi, { prefix });
 };
 
-export const builderRpcApi = (env: Env = 'production') => {
+const builderRpcApiURL = (env: Env = 'production') => {
 	const prefix = getPrefix(env);
 	return stringTemplate(SERVICES.builderRpcApi, { prefix });
 };
@@ -57,58 +59,49 @@ export const sequenceApiUrl = (env: Env = 'production') => {
 	return stringTemplate(SERVICES.sequenceApi, { prefix });
 };
 
-export const builderMarketplaceApi = (
-	projectId: string,
-	env: Env = 'production',
-) => {
-	const prefix = getPrefix(env);
-	return stringTemplate(SERVICES.builderMarketplaceApi, {
-		projectId,
-		prefix,
-	});
+export const getBuilderClient = (config: SdkConfig) => {
+	const env = config._internal?.overrides?.api?.builder?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.builder?.accessKey ||
+		config.projectAccessKey;
+	return new BuilderAPI(builderRpcApiURL(env), projectAccessKey);
 };
+
 export const getMetadataClient = (config: SdkConfig) => {
-	const env = config._internal?.metadataEnv || 'production';
-	const projectAccessKey = getAccessKey({ env, config });
+	const env = config._internal?.overrides?.api?.metadata?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.metadata?.accessKey ||
+		config.projectAccessKey;
 	return new SequenceMetadata(metadataURL(env), projectAccessKey);
 };
+
 export const getIndexerClient = (chain: ChainNameOrId, config: SdkConfig) => {
-	const env = config._internal?.indexerEnv || 'production';
-	const projectAccessKey = getAccessKey({ env, config });
+	const env = config._internal?.overrides?.api?.indexer?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.indexer?.accessKey ||
+		config.projectAccessKey;
 	return new SequenceIndexer(indexerURL(chain, env), projectAccessKey);
 };
-export const getMarketplaceClient = (
-	chain: ChainNameOrId,
-	config: SdkConfig,
-) => {
-	const env = config._internal?.marketplaceEnv || 'production';
-	const projectAccessKey = getAccessKey({ env, config });
-	return new SequenceMarketplace(
-		marketplaceApiURL(chain, env),
-		projectAccessKey,
-	);
+
+export const getMarketplaceClient = (config: SdkConfig) => {
+	const env =
+		config._internal?.overrides?.api?.marketplace?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.marketplace?.accessKey ||
+		config.projectAccessKey;
+	return new SequenceMarketplace(marketplaceApiURL(env), projectAccessKey);
 };
+
 export const getSequenceApiClient = (config: SdkConfig) => {
-	const env = config._internal?.sequenceApiEnv || 'production';
-	const projectAccessKey = getAccessKey({ env, config });
+	const env =
+		config._internal?.overrides?.api?.sequenceApi?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.sequenceApi?.accessKey ||
+		config.projectAccessKey;
 	return new SequenceAPIClient(sequenceApiUrl(env), projectAccessKey);
 };
-const getAccessKey = ({ env, config }: { env: Env; config: SdkConfig }) => {
-	switch (env) {
-		case 'development':
-			if (!config._internal?.devAccessKey)
-				throw new MissingConfigError('devAccessKey for development env');
-			return config._internal?.devAccessKey;
-		case 'production':
-			return config.projectAccessKey;
-		case 'next':
-			if (!config._internal?.nextAccessKey)
-				throw new MissingConfigError('nextAccessKey for next env');
-			return config._internal?.nextAccessKey;
-	}
-};
 
-const getPrefix = (env: Env) => {
+const getPrefix = (env: ApiConfig['env']) => {
 	switch (env) {
 		case 'development':
 			return 'dev-';

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 MarketplaceConfig,
-	MarketplaceType,
-	MarketplaceWallet,
-	OrderbookKind,
-	type SdkConfig,
-} from '../../../../types';
+import type { SdkConfig } from '../../../../types';
+import { ContractType, OrderbookKind } from '../../../../types';
+import type {
+	MarketCollection,
+	MarketplaceConfig,
+} 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: {
+				style: {},
+				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: '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';
 
@@ -13,14 +13,19 @@ export const createWagmiConfig = (
 	ssr?: boolean,
 ) => {
 	const chains = getChainConfigs(marketplaceConfig);
-	const nodeGatewayEnv = sdkConfig._internal?.nodeGatewayEnv ?? 'production';
+	const nodeGatewayEnv =
+		sdkConfig._internal?.overrides?.api?.nodeGateway?.env ?? 'production';
+	const projectAccessKey =
+		sdkConfig._internal?.overrides?.api?.nodeGateway?.accessKey ??
+		sdkConfig.projectAccessKey;
+
 	const transports = getTransportConfigs(
 		chains,
-		sdkConfig.projectAccessKey,
+		projectAccessKey,
 		nodeGatewayEnv,
 	);
 
-	const walletType = marketplaceConfig.walletOptions.walletType;
+	const walletType = marketplaceConfig.settings.walletOptions.walletType;
 
 	const connectors = getConnectors({
 		marketplaceConfig,
@@ -29,7 +34,7 @@ export const createWagmiConfig = (
 	});
 
 	const multiInjectedProviderDiscovery =
-		marketplaceConfig.walletOptions.includeEIP6963Wallets;
+		marketplaceConfig.settings.walletOptions.includeEIP6963Wallets;
 
 	return createConfig({
 		connectors,
@@ -45,9 +50,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')) {
@@ -82,17 +82,21 @@ function getUniversalWalletConfigs(
 	config: SdkConfig,
 	marketplaceConfig: MarketplaceConfig,
 ): Wallet[] {
-	const { projectAccessKey } = config;
-	const sequenceWalletEnv = config._internal?.sequenceWalletEnv || 'production';
+	const sequenceWalletEnv =
+		config._internal?.overrides?.api?.sequenceWallet?.env || 'production';
+	const projectAccessKey =
+		config._internal?.overrides?.api?.sequenceWallet?.accessKey ||
+		config.projectAccessKey;
 
 	const sequenceWalletOptions = {
 		walletAppURL: getSequenceWalletURL(sequenceWalletEnv),
 		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 +117,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 +174,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 +204,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';
 	}
 }