@0xsequence/marketplace-sdk 0.8.11 → 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/wagmi/__tests__/create-config.test.ts

@@ -3,10 +3,9 @@ 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,
+import type {
+	MarketCollection,
+	MarketplaceConfig,
 } from '../../../../types/new-marketplace-types';
 import { MarketplaceWalletType } from '../../api/builder.gen';
 import { createWagmiConfig } from '../create-config';
@@ -19,6 +18,7 @@ describe('createWagmiConfig', () => {
 		baseMarketplace = {
 			projectId: 1,
 			settings: {
+				style: {},
 				publisherId: 'test-publisher',
 				title: 'Test Marketplace',
 				socials: {
@@ -47,7 +47,7 @@ describe('createWagmiConfig', () => {
 				collections: [
 					{
 						contractType: ContractType.ERC721,
-						marketplaceType: MarketplaceType.MARKET,
+						marketplaceType: 'market',
 						chainId: polygon.id,
 						bannerUrl: '',
 						itemsAddress: '0x1234567890123456789012345678901234567890',

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

@@ -13,10 +13,15 @@ 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,
 	);
 

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

@@ -82,8 +82,11 @@ 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),

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

@@ -8,6 +8,7 @@ exports[`useListCollections > should fetch collections successfully 1`] = `
     "bytecodeHash": "0x1234567890",
     "chainId": 1,
     "contractType": "ERC721",
+    "createdAt": "2025-03-16T13:04:16.098Z",
     "currencyOptions": [
       "0x0000000000000000000000000000000000000000",
       "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
@@ -44,10 +45,12 @@ exports[`useListCollections > should fetch collections successfully 1`] = `
         "Rarity",
       ],
     },
+    "id": 1,
     "itemsAddress": "0x0000000000000000000000000000000000000000",
     "logoURI": "https://example.com/logo.png",
-    "marketplaceType": "MARKET",
+    "marketplaceType": "market",
     "name": "Mock Collection",
+    "projectId": 1,
     "source": "https://example.com/source",
     "status": "AVAILABLE",
     "symbol": "MOCK",
@@ -60,6 +63,7 @@ exports[`useListCollections > should fetch collections successfully 1`] = `
     "bytecodeHash": "0x1234567890",
     "chainId": 137,
     "contractType": "ERC1155",
+    "createdAt": "2025-03-16T13:04:16.098Z",
     "currencyOptions": [
       "0x0000000000000000000000000000000000000000",
     ],
@@ -100,10 +104,165 @@ exports[`useListCollections > should fetch collections successfully 1`] = `
         "Element",
       ],
     },
+    "id": 2,
     "itemsAddress": "0x1234567890123456789012345678901234567890",
     "logoURI": "https://example.com/logo.png",
-    "marketplaceType": "MARKET",
+    "marketplaceType": "market",
     "name": "Mock Collection",
+    "projectId": 1,
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+  {
+    "address": "0x0000000000000000000000000000000000000000",
+    "bannerUrl": "https://example.com/shop-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 1,
+    "createdAt": "2025-03-16T13:04:16.098Z",
+    "deployed": true,
+    "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",
+    },
+    "id": 1,
+    "itemsAddress": "0x0000000000000000000000000000000000000000",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "shop",
+    "name": "Mock Collection",
+    "projectId": 1,
+    "saleAddress": "0x0000000000000000000000000000000000000000",
+    "saleBannerUrl": "https://example.com/shop-sale-banner.png",
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+  {
+    "address": "0x1234567890123456789012345678901234567890",
+    "bannerUrl": "https://example.com/polygon-shop-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 137,
+    "createdAt": "2025-03-16T13:04:16.098Z",
+    "deployed": true,
+    "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",
+    },
+    "id": 2,
+    "itemsAddress": "0x1234567890123456789012345678901234567890",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "shop",
+    "name": "Mock Collection",
+    "projectId": 1,
+    "saleAddress": "0x1234567890123456789012345678901234567890",
+    "saleBannerUrl": "https://example.com/polygon-shop-sale-banner.png",
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+]
+`;
+
+exports[`useListCollections > should handle empty collections 1`] = `
+[
+  {
+    "address": "0x0000000000000000000000000000000000000000",
+    "bannerUrl": "https://example.com/shop-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 1,
+    "createdAt": "2025-03-16T13:04:16.098Z",
+    "deployed": true,
+    "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",
+    },
+    "id": 1,
+    "itemsAddress": "0x0000000000000000000000000000000000000000",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "shop",
+    "name": "Mock Collection",
+    "projectId": 1,
+    "saleAddress": "0x0000000000000000000000000000000000000000",
+    "saleBannerUrl": "https://example.com/shop-sale-banner.png",
+    "source": "https://example.com/source",
+    "status": "AVAILABLE",
+    "symbol": "MOCK",
+    "type": "ERC721",
+    "updatedAt": "2025-05-01T04:39:56.936Z",
+  },
+  {
+    "address": "0x1234567890123456789012345678901234567890",
+    "bannerUrl": "https://example.com/polygon-shop-banner.png",
+    "bytecodeHash": "0x1234567890",
+    "chainId": 137,
+    "createdAt": "2025-03-16T13:04:16.098Z",
+    "deployed": true,
+    "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",
+    },
+    "id": 2,
+    "itemsAddress": "0x1234567890123456789012345678901234567890",
+    "logoURI": "https://example.com/logo.png",
+    "marketplaceType": "shop",
+    "name": "Mock Collection",
+    "projectId": 1,
+    "saleAddress": "0x1234567890123456789012345678901234567890",
+    "saleBannerUrl": "https://example.com/polygon-shop-sale-banner.png",
     "source": "https://example.com/source",
     "status": "AVAILABLE",
     "symbol": "MOCK",

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

@@ -9,6 +9,7 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
         "bannerUrl": "https://example.com/market-banner.png",
         "chainId": 1,
         "contractType": "ERC721",
+        "createdAt": "2025-03-16T13:04:16.098Z",
         "currencyOptions": [
           "0x0000000000000000000000000000000000000000",
           "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
@@ -28,13 +29,17 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
             "Rarity",
           ],
         },
+        "id": 1,
         "itemsAddress": "0x0000000000000000000000000000000000000000",
-        "marketplaceType": "MARKET",
+        "marketplaceType": "market",
+        "projectId": 1,
+        "updatedAt": "2025-03-16T13:04:16.098Z",
       },
       {
         "bannerUrl": "https://example.com/collection-banner.png",
         "chainId": 137,
         "contractType": "ERC1155",
+        "createdAt": "2025-03-16T13:04:16.098Z",
         "currencyOptions": [
           "0x0000000000000000000000000000000000000000",
         ],
@@ -58,12 +63,16 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
             "Element",
           ],
         },
+        "id": 2,
         "itemsAddress": "0x1234567890123456789012345678901234567890",
-        "marketplaceType": "MARKET",
+        "marketplaceType": "market",
+        "projectId": 1,
+        "updatedAt": "2025-03-16T13:04:16.098Z",
       },
     ],
     "enabled": true,
     "ogImage": "https://example.com/og-image.png",
+    "title": "Mock Market Page",
   },
   "projectId": NaN,
   "settings": {
@@ -80,6 +89,7 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
       "website": "https://mock.com",
       "youtube": "https://youtube.com/mock",
     },
+    "style": {},
     "title": "Mock Marketplace",
     "walletOptions": {
       "connectors": [],
@@ -89,10 +99,38 @@ exports[`useMarketplaceConfig > should fetch marketplace config and styles succe
     },
   },
   "shop": {
-    "bannerUrl": "",
-    "collections": [],
-    "enabled": false,
-    "ogImage": undefined,
+    "bannerUrl": "https://example.com/shop-banner.png",
+    "collections": [
+      {
+        "bannerUrl": "https://example.com/shop-banner.png",
+        "chainId": 1,
+        "createdAt": "2025-03-16T13:04:16.098Z",
+        "id": 1,
+        "itemsAddress": "0x0000000000000000000000000000000000000000",
+        "marketplaceType": "shop",
+        "name": "Mock Shop Collection",
+        "projectId": 1,
+        "saleAddress": "0x0000000000000000000000000000000000000000",
+        "saleBannerUrl": "https://example.com/shop-sale-banner.png",
+        "updatedAt": "2025-03-16T13:04:16.098Z",
+      },
+      {
+        "bannerUrl": "https://example.com/polygon-shop-banner.png",
+        "chainId": 137,
+        "createdAt": "2025-03-16T13:04:16.098Z",
+        "id": 2,
+        "itemsAddress": "0x1234567890123456789012345678901234567890",
+        "marketplaceType": "shop",
+        "name": "Polygon Shop Collection",
+        "projectId": 1,
+        "saleAddress": "0x1234567890123456789012345678901234567890",
+        "saleBannerUrl": "https://example.com/polygon-shop-sale-banner.png",
+        "updatedAt": "2025-03-16T13:04:16.098Z",
+      },
+    ],
+    "enabled": true,
+    "ogImage": "https://example.com/shop-og-image.png",
+    "title": "Mock Shop Page",
   },
 }
 `;

package/src/react/hooks/__tests__/useAutoSelectFeeOption.test.tsx

@@ -86,10 +86,13 @@ describe('useAutoSelectFeeOption', () => {
 		const { result } = renderHook(() => useAutoSelectFeeOption(defaultArgs));
 
 		// Wait for the hook to complete
-		await waitFor(async () => {
-			const response = await result.current;
-			expect(response.selectedOption).toBe(mockFeeOptions[0]);
-		});
+		await waitFor(
+			async () => {
+				const response = await result.current;
+				expect(response.selectedOption).toBe(mockFeeOptions[0]);
+			},
+			{ timeout: 5000 },
+		);
 
 		// Verify final state
 		const finalResponse = await result.current;