@0xsequence/marketplace-sdk 0.8.10 → 0.8.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@0xsequence/marketplace-sdk",
   "private": false,
-  "version": "0.8.10",
+  "version": "0.8.11",
   "type": "module",
   "sideEffects": [
     "**/*.css"
@@ -41,22 +41,22 @@
   "dependencies": {
     "@databeat/tracker": "^0.9.3",
     "@legendapp/state": "^3.0.0-beta.30",
-    "@tailwindcss/postcss": "^4.1.6",
-    "@xstate/store": "^3.6.0",
+    "@tailwindcss/postcss": "^4.1.7",
+    "@xstate/store": "^3.6.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "dnum": "^2.14.0",
     "nuqs": "^2.4.3",
-    "react-day-picker": "^9.6.7",
+    "react-day-picker": "^9.7.0",
     "tailwind-merge": "^3.3.0",
-    "zod": "^3.24.4"
+    "zod": "^3.25.7"
   },
   "peerDependencies": {
     "0xsequence": "^2.3.12",
     "@0xsequence/api": "^2.3.12",
-    "@0xsequence/checkout": "^5.3.1",
-    "@0xsequence/connect": "^5.3.1",
+    "@0xsequence/checkout": "^5.3.3",
+    "@0xsequence/connect": "^5.3.3",
     "@0xsequence/design-system": "^2.1.12",
     "@0xsequence/indexer": "^2.3.12",
     "@0xsequence/metadata": "^2.3.12",
@@ -64,14 +64,14 @@
     "@tanstack/react-query": "^5.76.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "viem": "^2.29.2",
-    "wagmi": "^2.15.3",
+    "viem": "^2.30.0",
+    "wagmi": "^2.15.4",
     "@google/model-viewer": "^4.1.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@changesets/cli": "^2.29.4",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.27.0",
     "@testing-library/jest-dom": "6.4.7",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.4",
@@ -79,22 +79,22 @@
     "@vitest/coverage-v8": "3.0.9",
     "ctix": "^2.7.1",
     "esbuild-plugin-preserve-directives": "^0.0.11",
-    "eslint": "^9.26.0",
+    "eslint": "^9.27.0",
     "eslint-config-biome": "^1.9.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.1.0",
     "happy-dom": "^17.4.7",
     "jsdom": "^26.1.0",
-    "msw": "^2.8.2",
+    "msw": "^2.8.4",
     "postcss": "^8.5.3",
     "prool": "^0.0.24",
-    "tailwindcss": "^4.1.6",
-    "tsup": "^8.4.0",
+    "tailwindcss": "^4.1.7",
+    "tsup": "^8.5.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.3"
+    "vitest": "^3.1.4"
   },
   "scripts": {
     "build": "tsc -b && tsup",

package/src/react/_internal/api/__mocks__/builder.msw.ts

@@ -2,21 +2,20 @@ import { http, HttpResponse } from 'msw';
 import { zeroAddress } from 'viem';
 import {
 	FilterCondition,
-	type LookupMarketplaceConfigReturn,
-	type MarketplaceConfig,
-	MarketplaceType,
-	MarketplaceWallet,
-	OrderbookKind,
-} from '../../../../types';
+	type LookupMarketplaceReturn,
+	MarketplaceWalletType,
+} from '../builder.gen';
+import { OrderbookKind } from '../marketplace.gen';
 import { mockCurrencies } from './marketplace.msw';
 
-export const mockCollections = [
+export const mockMarketCollections = [
 	{
-		address: zeroAddress,
+		id: 1,
+		projectId: 1,
+		contractType: 'ERC721',
+		itemsAddress: zeroAddress,
 		chainId: 1,
-		marketplaceType: MarketplaceType.ORDERBOOK,
 		currencyOptions: mockCurrencies.map((c) => c.contractAddress),
-		exchanges: [],
 		bannerUrl: '',
 		feePercentage: 3.5,
 		destinationMarketplace: OrderbookKind.sequence_marketplace_v2,
@@ -30,13 +29,16 @@ export const mockCollections = [
 				},
 			],
 		},
+		createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
 	},
 	{
-		address: '0x1234567890123456789012345678901234567890',
+		id: 2,
+		projectId: 1,
+		contractType: 'ERC1155',
+		itemsAddress: '0x1234567890123456789012345678901234567890',
 		chainId: 137,
-		marketplaceType: MarketplaceType.ORDERBOOK,
 		currencyOptions: [mockCurrencies[0].contractAddress],
-		exchanges: [],
 		bannerUrl: 'https://example.com/collection-banner.png',
 		feePercentage: 2.5,
 		destinationMarketplace: OrderbookKind.opensea,
@@ -54,44 +56,133 @@ export const mockCollections = [
 				},
 			],
 		},
+		createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
 	},
 ];
 
-// Mock data
-export const mockConfig: MarketplaceConfig = {
-	projectId: 1,
-	publisherId: 'test-publisher',
-	title: 'Test Marketplace',
-	shortDescription: 'A test marketplace',
-	socials: {
-		twitter: 'https://twitter.com/test',
-		discord: 'https://discord.com/test',
-		instagram: 'https://instagram.com/test',
-		website: '',
-		tiktok: '',
-		youtube: '',
+export const mockShopCollections = [
+	{
+		id: 1,
+		projectId: 1,
+		chainId: 1,
+		itemsAddress: zeroAddress,
+		saleAddress: zeroAddress,
+		name: 'Mock Shop Collection',
+		bannerUrl: 'https://example.com/shop-banner.png',
+		saleBannerUrl: 'https://example.com/shop-sale-banner.png',
+		createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
 	},
-	faviconUrl: 'https://example.com/favicon.png',
-	landingBannerUrl: 'https://example.com/banner.png',
-	logoUrl: 'https://example.com/logo.png',
-	walletOptions: {
-		walletType: MarketplaceWallet.UNIVERSAL,
-		oidcIssuers: {},
-		connectors: ['coinbase', 'walletconnect'],
-		includeEIP6963Wallets: true,
+	{
+		id: 2,
+		projectId: 1,
+		chainId: 137,
+		itemsAddress: '0x1234567890123456789012345678901234567890',
+		saleAddress: '0x1234567890123456789012345678901234567890',
+		name: 'Polygon Shop Collection',
+		bannerUrl: 'https://example.com/polygon-shop-banner.png',
+		saleBannerUrl: 'https://example.com/polygon-shop-sale-banner.png',
+		createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
 	},
-	collections: mockCollections,
-	landingPageLayout: 'default',
-	cssString: '',
-	manifestUrl: '',
-	bannerUrl: '',
-};
+];
 
-export const mockStyles = `
-  .marketplace-theme {
-    --primary-color: #000000;
-  }
-`;
+export const mockConfig = {
+	marketplace: {
+		projectId: 1,
+		settings: {
+			style: {},
+			publisherId: 'publisher-1',
+			title: 'Mock Marketplace',
+			socials: {
+				twitter: 'https://twitter.com/mock',
+				discord: 'https://discord.gg/mock',
+				website: 'https://mock.com',
+				tiktok: 'https://tiktok.com/@mock',
+				instagram: 'https://instagram.com/mock',
+				youtube: 'https://youtube.com/mock',
+			},
+			faviconUrl: 'https://example.com/favicon.ico',
+			walletOptions: {
+				walletType: MarketplaceWalletType.UNIVERSAL,
+				oidcIssuers: {},
+				connectors: [],
+				includeEIP6963Wallets: true,
+			},
+			logoUrl: 'https://example.com/logo.png',
+			fontUrl: 'https://example.com/font.woff2',
+			accessKey: 'mock-access-key',
+		},
+		market: {
+			enabled: true,
+			title: 'Mock Market Page',
+			bannerUrl: 'https://example.com/market-banner.png',
+			ogImage: 'https://example.com/og-image.png',
+		},
+		shop: {
+			enabled: true,
+			title: 'Mock Shop Page',
+			bannerUrl: 'https://example.com/shop-banner.png',
+			ogImage: 'https://example.com/shop-og-image.png',
+		},
+		createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+	},
+	marketCollections: [
+		{
+			id: 1,
+			projectId: 1,
+			chainId: 1,
+			itemsAddress: zeroAddress,
+			contractType: 'ERC721',
+			bannerUrl: 'https://example.com/market-banner.png',
+			feePercentage: 3.5,
+			currencyOptions: mockCurrencies.map((c) => c.contractAddress),
+			destinationMarketplace: OrderbookKind.sequence_marketplace_v2,
+			filterSettings: {
+				filterOrder: ['Type', 'Rarity'],
+				exclusions: [
+					{
+						key: 'Type',
+						condition: FilterCondition.SPECIFIC_VALUE,
+						value: 'Sample',
+					},
+				],
+			},
+			createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+			updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		},
+		{
+			id: 2,
+			projectId: 1,
+			chainId: 137,
+			itemsAddress: '0x1234567890123456789012345678901234567890',
+			contractType: 'ERC1155',
+			bannerUrl: 'https://example.com/collection-banner.png',
+			feePercentage: 2.5,
+			currencyOptions: [mockCurrencies[0].contractAddress],
+			destinationMarketplace: OrderbookKind.opensea,
+			filterSettings: {
+				filterOrder: ['Category', 'Level', 'Element'],
+				exclusions: [
+					{
+						key: 'Category',
+						condition: FilterCondition.ENTIRE_KEY,
+					},
+					{
+						key: 'Level',
+						condition: FilterCondition.SPECIFIC_VALUE,
+						value: 'Legendary',
+					},
+				],
+			},
+			createdAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+			updatedAt: new Date('2025-03-16T13:04:16.098Z').toISOString(),
+		},
+	],
+	shopCollections: mockShopCollections,
+} satisfies LookupMarketplaceReturn;
 
 // Debug configuration
 export let isDebugEnabled = false;
@@ -102,53 +193,39 @@ export const disableDebug = () => {
 	isDebugEnabled = false;
 };
 
-// Debug logger function
-const debugLog = (endpoint: string, request: Request, response: Response) => {
-	if (isDebugEnabled) {
-		console.log(`[MSW Debug] ${endpoint}:`, {
-			request,
-			response,
-		});
-	}
-};
+// // Debug logger function
+// const debugLog = (endpoint: string, request: Request, response: Response) => {
+//   if (isDebugEnabled) {
+//     console.log(`[MSW Debug] ${endpoint}:`, {
+//       request,
+//       response,
+//     });
+//   }
+// };
 
-export const mockLookupMarketplaceConfigError = () => {
+export const mockLookupMarketplaceError = () => {
 	return HttpResponse.json(
 		{ code: 3000, msg: 'Project not found' },
 		{ status: 404 },
 	);
 };
 
-export const createLookupMarketplaceConfigHandler = (config = mockConfig) =>
-	http.post('*/rpc/Builder/LookupMarketplaceConfig', () => {
+export const createLookupMarketplaceHandler = (
+	config: LookupMarketplaceReturn = mockConfig,
+) =>
+	http.post('*/rpc/MarketplaceService/LookupMarketplace', () => {
 		return HttpResponse.json({
-			settings: config,
-		} satisfies LookupMarketplaceConfigReturn);
-	});
-
-export const createLookupMarketplaceConfigErrorHandler = () =>
-	http.post('*/rpc/Builder/LookupMarketplaceConfig', () => {
-		return mockLookupMarketplaceConfigError();
-	});
-
-export const createStylesHandler = (styles = mockStyles) =>
-	http.get('*/marketplace/*/styles.css', ({ request }) => {
-		const response = new HttpResponse(styles, {
-			headers: { 'Content-Type': 'text/css' },
-		});
-		debugLog('styles.css', request, response);
-		return response;
+			...config,
+		} satisfies LookupMarketplaceReturn);
 	});
 
-export const createStylesErrorHandler = () =>
-	http.get('*/marketplace/*/styles.css', () => {
-		return new HttpResponse('', { status: 500 });
+export const createLookupMarketplaceErrorHandler = () =>
+	http.post('*/rpc/MarketplaceService/LookupMarketplace', () => {
+		return mockLookupMarketplaceError();
 	});
 
 // Default handlers
 export const handlers = [
-	createLookupMarketplaceConfigHandler(),
-	createLookupMarketplaceConfigErrorHandler(),
-	createStylesHandler(),
-	createStylesErrorHandler(),
+	createLookupMarketplaceHandler(),
+	createLookupMarketplaceErrorHandler(),
 ];

package/src/react/_internal/api/builder-api.ts

@@ -1,6 +1,6 @@
-import { API } from './builder.gen';
+import { MarketplaceService } from './builder.gen';
 
-export class BuilderAPI extends API {
+export class BuilderAPI extends MarketplaceService {
 	constructor(
 		hostname: string,
 		public projectAccessKey?: string,