@0xsequence/marketplace-sdk 0.8.9 → 0.8.11

package/src/react/ui/modals/_internal/components/currencyOptionsSelect/index.tsx

@@ -6,7 +6,7 @@ import { observer } from '@legendapp/state/react';
 import { useEffect } from 'react';
 import type { Hex } from 'viem';
 import type { Currency } from '../../../../../_internal';
-import { useCurrencies } from '../../../../../hooks';
+import { useMarketCurrencies } from '../../../../../hooks';
 import {
 	CustomSelect,
 	type SelectItem,
@@ -28,11 +28,12 @@ const CurrencyOptionsSelect = observer(function CurrencyOptionsSelect({
 	includeNativeCurrency,
 }: CurrencyOptionsSelectProps) {
 	const currency = selectedCurrency$.get();
-	const { data: currencies, isLoading: currenciesLoading } = useCurrencies({
-		chainId,
-		collectionAddress,
-		includeNativeCurrency,
-	});
+	const { data: currencies, isLoading: currenciesLoading } =
+		useMarketCurrencies({
+			chainId,
+			collectionAddress,
+			includeNativeCurrency,
+		});
 
 	// set default currency
 	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>

package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/__tests__/SelectWaasFeeOptions.test.tsx

@@ -84,12 +84,18 @@ describe('SelectWaasFeeOptions', () => {
 		expect(container.firstChild).toBeNull();
 	});
 
-	it('should not render on testnet', () => {
+	it('should not render when fees are sponsored (empty options array)', () => {
+		const sponsoredFeeOptionConfirmation: WaasFeeOptionConfirmation = {
+			id: 'fee-confirmation-id',
+			options: [], // Empty array indicates sponsored fees
+			chainId: 1,
+		};
+
 		vi.spyOn(useWaasFeeOptionManagerModule, 'default').mockReturnValue({
-			selectedFeeOption$: observable<FeeOption | undefined>(mockFeeOption),
-			selectedFeeOption: mockFeeOption,
+			selectedFeeOption$: observable<FeeOption | undefined>(undefined),
+			selectedFeeOption: undefined,
 			// @ts-expect-error - types are not compatible
-			pendingFeeOptionConfirmation: mockPendingFeeOptionConfirmation,
+			pendingFeeOptionConfirmation: sponsoredFeeOptionConfirmation,
 			currencyBalance: mockCurrencyBalance,
 			currencyBalanceLoading: false,
 			insufficientBalance: false,
@@ -98,14 +104,14 @@ describe('SelectWaasFeeOptions', () => {
 		});
 
 		vi.spyOn(useNetworkModule, 'getNetwork').mockReturnValue({
-			type: NetworkType.TESTNET,
+			type: NetworkType.MAINNET,
 			chainId: 1,
-			name: 'Testnet',
+			name: 'Mainnet',
 			nativeToken: TEST_CURRENCY,
 		});
 		vi.spyOn(useWaasFeeOptionsModule, 'useWaasFeeOptions').mockReturnValue([
 			// @ts-expect-error - types are not compatible
-			mockPendingFeeOptionConfirmation,
+			sponsoredFeeOptionConfirmation,
 			vi.fn(),
 		]);
 

package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/index.tsx

@@ -1,8 +1,6 @@
 'use client';
 
-import { getNetwork } from '@0xsequence/connect';
 import { Divider, Skeleton, Text } from '@0xsequence/design-system';
-import { NetworkType } from '@0xsequence/network';
 import { observer } from '@legendapp/state/react';
 import type { FeeOption } from '../../../../../../types/waas-types';
 import { cn } from '../../../../../../utils';
@@ -26,8 +24,6 @@ const SelectWaasFeeOptions = observer(
 		titleOnConfirm,
 		className,
 	}: SelectWaasFeeOptionsProps) => {
-		const network = getNetwork(chainId);
-		const isTestnet = network.type === NetworkType.TESTNET;
 		const {
 			selectedFeeOption$,
 			selectedFeeOption,
@@ -47,9 +43,11 @@ const SelectWaasFeeOptions = observer(
 			onCancel?.();
 		};
 
+		const isSponsored = pendingFeeOptionConfirmation?.options?.length === 0;
+
 		if (
 			!selectWaasFeeOptions$.isVisible.get() ||
-			isTestnet ||
+			isSponsored ||
 			!selectedFeeOption
 		) {
 			return null;

package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/useWaasFeeOptionManager.tsx

@@ -25,9 +25,11 @@ const useWaasFeeOptionManager = (chainId: number) => {
 	// biome-ignore lint/correctness/useExhaustiveDependencies: it causes a loop
 	useEffect(() => {
 		if (!selectedFeeOption && pendingFeeOptionConfirmation) {
-			selectedFeeOption$.set(
-				pendingFeeOptionConfirmation.options[0] as FeeOption,
-			);
+			if (pendingFeeOptionConfirmation.options.length > 0) {
+				selectedFeeOption$.set(
+					pendingFeeOptionConfirmation.options[0] as FeeOption,
+				);
+			}
 		}
 	}, [pendingFeeOptionConfirmation]);
 

package/src/react/ui/modals/_internal/components/transactionDetails/index.tsx

@@ -30,8 +30,8 @@ export default function TransactionDetails({
 	const { data, isLoading: marketplaceConfigLoading } = useMarketplaceConfig();
 
 	const marketplaceFeePercentage = includeMarketplaceFee
-		? data?.collections.find(
-				(collection) => collection.address === collectionAddress,
+		? data?.market.collections.find(
+				(collection) => collection.itemsAddress === collectionAddress,
 			)?.feePercentage || DEFAULT_MARKETPLACE_FEE_PERCENTAGE
 		: 0;
 	// royaltyPercentage is an array of [recipient, percentage]

package/src/react/ui/modals/_internal/hooks/useSelectWaasFeeOptions.ts

@@ -1,32 +1,23 @@
-import { getNetwork } from '@0xsequence/connect';
-import { NetworkType } from '@0xsequence/network';
 import type { FeeOption } from '../../../../../types/waas-types';
 import { useWallet } from '../../../../_internal/wallet/useWallet';
 
 interface UseSelectWaasFeeOptionsProps {
-	chainId: string | number;
 	isProcessing: boolean;
 	feeOptionsVisible: boolean;
 	selectedFeeOption: FeeOption;
 }
 
 export const useSelectWaasFeeOptions = ({
-	chainId,
 	isProcessing,
 	feeOptionsVisible,
 	selectedFeeOption,
 }: UseSelectWaasFeeOptionsProps) => {
 	const { wallet } = useWallet();
-	const network = chainId ? getNetwork(Number(chainId)) : undefined;
-	const isTestnet = network?.type === NetworkType.TESTNET;
 	const isWaaS = wallet?.isWaaS;
 	const isProcessingWithWaaS = isProcessing && isWaaS;
 
 	const shouldHideActionButton =
-		!isTestnet &&
-		isProcessingWithWaaS &&
-		feeOptionsVisible === true &&
-		!!selectedFeeOption;
+		isProcessingWithWaaS && feeOptionsVisible === true && !!selectedFeeOption;
 
 	const waasFeeOptionsShown =
 		wallet?.isWaaS && isProcessing && feeOptionsVisible;
@@ -36,14 +27,13 @@ export const useSelectWaasFeeOptions = ({
 		loadingLabel = 'Loading fee options',
 	) => {
 		if (isProcessing) {
-			return isWaaS && !isTestnet ? loadingLabel : defaultLabel;
+			return isWaaS ? loadingLabel : defaultLabel;
 		}
 		return defaultLabel;
 	};
 
 	return {
 		isWaaS,
-		isTestnet,
 		feeOptionsVisible,
 		shouldHideActionButton,
 		waasFeeOptionsShown,

package/src/types/index.ts

@@ -1,10 +1,5 @@
 export * from './api-types';
 export * from './sdk-config';
 export * from './types';
-export type * from '../react/_internal/api/builder.gen';
 export type * from './../react/queries/marketplaceConfig';
-export {
-	MarketplaceWallet,
-	FilterCondition,
-	MarketplaceType,
-} from '../react/_internal/api/builder.gen';
+export { FilterCondition } from '../react/_internal/api/builder.gen';

package/src/types/new-marketplace-types.ts

@@ -0,0 +1,119 @@
+import type {
+	FilterCondition,
+	MarketplaceWallet,
+	MarketplaceWalletType,
+	OpenIdProvider,
+} from '../react/_internal/api/builder.gen';
+import type { ContractType, OrderbookKind } from './api-types';
+
+export interface MarketplaceConfig {
+	projectId: number;
+	settings: NewMarketplaceSettings;
+	market: MarketPage;
+	shop: ShopPage;
+}
+
+export interface NewMarketplaceSettings {
+	publisherId: string;
+	title: string;
+	socials: MarketplaceSocials;
+	faviconUrl: string;
+	walletOptions: MarketplaceWallet;
+	logoUrl: string;
+	fontUrl?: string;
+	accessKey?: string;
+}
+
+interface MarketplacePage {
+	enabled: boolean;
+	bannerUrl: string;
+	ogImage?: string;
+}
+
+export interface MarketPage extends MarketplacePage {
+	collections: MarketCollection[];
+}
+
+export interface ShopPage extends MarketplacePage {
+	collections: ShopCollection[];
+}
+
+export interface MarketplaceSocials {
+	twitter: string;
+	discord: string;
+	website: string;
+	tiktok: string;
+	instagram: string;
+	youtube: string;
+}
+
+export interface MarketplaceWalletEcosystem {
+	walletUrl: string;
+	walletAppName: string;
+	logoLightUrl?: string;
+	logoDarkUrl?: string;
+}
+
+export interface MarketplaceWalletEmbedded {
+	tenantKey: string;
+	emailEnabled: boolean;
+	providers: Array<OpenIdProvider>;
+}
+
+export enum MarketplaceType {
+	SHOP = 'SHOP',
+	MARKET = 'MARKET',
+}
+
+interface MarketplaceCollection {
+	contractType: ContractType;
+	chainId: number;
+	bannerUrl: string;
+	itemsAddress: string;
+	filterSettings?: CollectionFilterSettings;
+}
+
+export interface MarketCollection extends MarketplaceCollection {
+	marketplaceType: MarketplaceType.MARKET;
+	feePercentage: number;
+	destinationMarketplace: OrderbookKind;
+	currencyOptions: Array<string>;
+}
+
+export interface ShopCollection extends MarketplaceCollection {
+	marketplaceType: MarketplaceType.SHOP;
+	saleAddress: string;
+}
+
+export interface EcosystemWalletSettings {
+	walletUrl: string;
+	walletAppName: string;
+	logoLightUrl?: string;
+	logoDarkUrl?: string;
+}
+
+export interface MarketplaceWalletOptions {
+	walletType: MarketplaceWalletType;
+	oidcIssuers: { [key: string]: string };
+	connectors: Array<string>;
+	includeEIP6963Wallets: boolean;
+	ecosystem?: EcosystemWalletSettings;
+	waas?: MarketplaceWalletWaasSettings;
+}
+
+export interface MarketplaceWalletWaasSettings {
+	tenantKey: string;
+	emailEnabled: boolean;
+	providers: Array<OpenIdProvider>;
+}
+
+export interface MetadataFilterRule {
+	key: string;
+	condition: FilterCondition;
+	value?: string;
+}
+
+export interface CollectionFilterSettings {
+	filterOrder: Array<string>;
+	exclusions: Array<MetadataFilterRule>;
+}

package/src/types/sdk-config.ts

@@ -1,13 +1,29 @@
-import type { MarketplaceSettings } from '../react/_internal/api/builder.gen';
+import type { LookupMarketplaceReturn } from '../react/_internal/api/builder.gen';
+import type { ContractType } from './api-types';
 
 export type Env = 'development' | 'next' | 'production';
 
+export type ShopConfig = {
+	title: string;
+	bannerUrl: string;
+	ogImage?: string;
+	collections: {
+		address: string;
+		contractType: ContractType;
+		bannerUrl: string;
+		chainId: number;
+		primarySalesContractAddress: string;
+		tokenIds: string[];
+	}[];
+};
+
 export type SdkConfig = {
 	projectAccessKey: string;
 	projectId: string;
 	walletConnectProjectId?: string;
+	tmpShopConfig?: ShopConfig;
 	_internal?: {
-		prefetchedMarketplaceSettings?: MarketplaceSettings;
+		prefetchedMarketplaceSettings?: LookupMarketplaceReturn;
 		devAccessKey?: string;
 		nextAccessKey?: string;
 		builderEnv?: Env;
@@ -15,6 +31,7 @@ export type SdkConfig = {
 		nodeGatewayEnv?: Env;
 		metadataEnv?: Env;
 		indexerEnv?: Env;
+		sequenceApiEnv?: Env;
 		sequenceWalletEnv?: Env;
 	};
 };

package/src/types/types.ts

@@ -1,4 +1,5 @@
 import type { Currency } from './api-types';
+export * from './new-marketplace-types';
 
 export type Price = {
 	amountRaw: string;

package/src/utils/abi/index.ts

@@ -1,2 +1,3 @@
 export * from './marketplace';
 export * from './token';
+export * from './primary-sale';

package/src/utils/abi/primary-sale/index.ts

@@ -0,0 +1,2 @@
+export * from './sequence-1155-sales-contract';
+export * from './sequence-721-sales-contract';