@0xsequence/marketplace-sdk 0.5.7 → 0.6.0

package/src/react/ui/icons/ArrowUp.tsx

@@ -1,32 +0,0 @@
-import { Box, type IconProps } from '@0xsequence/design-system';
-import { iconVariants } from './styles.css';
-
-const Svg = () => (
-	<svg
-		width="12"
-		height="12"
-		viewBox="0 0 12 12"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		role="img"
-		aria-label="Arrow up"
-	>
-		<title>Arrow up icon</title>
-		<path
-			d="M8.65039 6.03638L9.28679 5.39999L5.96859 2.08179L2.65039 5.39999L3.28679 6.03638L5.51859 3.80458V9.91822H6.41859V3.80458L8.65039 6.03638Z"
-			fill="#D1D1D1"
-		/>
-	</svg>
-);
-
-const SvgArrowUpIcon = ({ size = 'sm', ...props }: IconProps) => (
-	<Box
-		as={Svg}
-		className={iconVariants({
-			size,
-		})}
-		{...props}
-	/>
-);
-
-export default SvgArrowUpIcon;

package/src/react/ui/icons/InventoryIcon.tsx

@@ -1,44 +0,0 @@
-import { Box, type IconProps } from '@0xsequence/design-system';
-import { iconVariants } from './styles.css';
-
-const Svg = () => (
-	<svg
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		role="img"
-		aria-label="Inventory"
-	>
-		<title>Inventory icon</title>
-		<path
-			d="M2 4C2 2.89543 2.85961 2 3.92 2H6.48C7.54039 2 8.4 2.89543 8.4 4V6.66667C8.4 7.77124 7.54039 8.66667 6.48 8.66667H3.92C2.85961 8.66667 2 7.77124 2 6.66667V4Z"
-			fill="white"
-		/>
-		<path
-			d="M11.6 4C11.6 2.89543 12.4596 2 13.52 2H16.08C17.1404 2 18 2.89543 18 4V6.66667C18 7.77124 17.1404 8.66667 16.08 8.66667H13.52C12.4596 8.66667 11.6 7.77124 11.6 6.66667V4Z"
-			fill="white"
-		/>
-		<path
-			d="M2 13.3333C2 12.2288 2.85961 11.3333 3.92 11.3333H6.48C7.54039 11.3333 8.4 12.2288 8.4 13.3333V16C8.4 17.1046 7.54039 18 6.48 18H3.92C2.85961 18 2 17.1046 2 16V13.3333Z"
-			fill="white"
-		/>
-		<path
-			d="M11.6 13.3333C11.6 12.2288 12.4596 11.3333 13.52 11.3333H16.08C17.1404 11.3333 18 12.2288 18 13.3333V16C18 17.1046 17.1404 18 16.08 18H13.52C12.4596 18 11.6 17.1046 11.6 16V13.3333Z"
-			fill="white"
-		/>
-	</svg>
-);
-
-const SvgInventoryIcon = ({ size = 'sm', ...props }: IconProps) => (
-	<Box
-		as={Svg}
-		className={iconVariants({
-			size,
-		})}
-		{...props}
-	/>
-);
-
-export default SvgInventoryIcon;

package/src/react/ui/icons/MinusIcon.tsx

@@ -1,34 +0,0 @@
-import { Box, type IconProps } from '@0xsequence/design-system';
-import { iconVariants } from './styles.css';
-
-const Svg = () => (
-	<svg
-		width="16"
-		height="16"
-		viewBox="0 0 16 16"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		role="img"
-		aria-labelledby="minus-title"
-	>
-		<title id="minus-title">Minus Icon</title>
-		<path
-			fillRule="evenodd"
-			clipRule="evenodd"
-			d="M13.2303 8.60039L3.4375 8.60039L3.4375 7.40039L13.2303 7.40039V8.60039Z"
-			fill="white"
-		/>
-	</svg>
-);
-
-const SvgMinusIcon = ({ size = 'sm', ...props }: IconProps) => (
-	<Box
-		as={Svg}
-		className={iconVariants({
-			size,
-		})}
-		{...props}
-	/>
-);
-
-export default SvgMinusIcon;

package/src/react/ui/icons/PlusIcon.tsx

@@ -1,32 +0,0 @@
-import { Box, type IconProps } from '@0xsequence/design-system';
-import { iconVariants } from './styles.css';
-
-const Svg = () => (
-	<svg
-		width="16"
-		height="16"
-		viewBox="0 0 16 16"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		role="img"
-		aria-labelledby="plus-title"
-	>
-		<title id="plus-title">Plus Icon</title>
-		<path
-			d="M8.65529 7.45725V2.40039H7.45529V7.45724H2.39844V8.65725H7.45529V13.7141H8.65529V8.65725H13.7121V7.45725H8.65529Z"
-			fill="white"
-		/>
-	</svg>
-);
-
-const SvgPlusIcon = ({ size = 'sm', ...props }: IconProps) => (
-	<Box
-		as={Svg}
-		className={iconVariants({
-			size,
-		})}
-		{...props}
-	/>
-);
-
-export default SvgPlusIcon;

package/src/react/ui/icons/PositiveCircleIcon.tsx

@@ -1,38 +0,0 @@
-import { Box, type IconProps } from '@0xsequence/design-system';
-import { iconVariants } from './styles.css';
-
-const Svg = () => (
-	<svg
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		role="img"
-		aria-labelledby="positive-circle-title"
-	>
-		<title id="positive-circle-title">Positive Circle Icon</title>
-		<path
-			d="M21.6004 11.9999C21.6004 17.3018 17.3023 21.5999 12.0004 21.5999C6.69846 21.5999 2.40039 17.3018 2.40039 11.9999C2.40039 6.69797 6.69846 2.3999 12.0004 2.3999C17.3023 2.3999 21.6004 6.69797 21.6004 11.9999Z"
-			fill="#14A554"
-		/>
-		<path
-			fillRule="evenodd"
-			clipRule="evenodd"
-			d="M16.5798 7.79868L10.8701 16.7999L7.20039 12.6764L8.03544 11.9332L10.7199 14.9497L15.6359 7.1999L16.5798 7.79868Z"
-			fill="white"
-		/>
-	</svg>
-);
-
-const SvgPositiveCircleIcon = ({ size = 'sm', ...props }: IconProps) => (
-	<Box
-		as={Svg}
-		className={iconVariants({
-			size,
-		})}
-		{...props}
-	/>
-);
-
-export default SvgPositiveCircleIcon;

package/src/react/ui/modals/BuyModal/hooks/__tests__/useBuyCollectable.test.tsx.bak

@@ -1,379 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { useBuyCollectable } from '../useBuyCollectable';
-import { useWallet } from '../../../../../_internal/wallet/useWallet';
-import { useSelectPaymentModal } from '@0xsequence/kit-checkout';
-import { useConfig } from '../../../../../hooks';
-import { useFees } from '../useFees';
-import {
-	MarketplaceKind,
-	TransactionCrypto,
-	WalletKind,
-	getMarketplaceClient,
-} from '../../../../../_internal';
-
-// Mock dependencies
-vi.mock('@0xsequence/kit-checkout', () => ({
-	useSelectPaymentModal: vi.fn(),
-}));
-
-vi.mock('../../../../../_internal/wallet/useWallet', () => ({
-	useWallet: vi.fn(),
-}));
-
-vi.mock('../../../../../hooks', () => ({
-	useConfig: vi.fn(),
-}));
-
-vi.mock('../useFees', () => ({
-	useFees: vi.fn(),
-}));
-
-// Mock the buyModal$ store
-const mockClose = vi.fn();
-vi.mock('../store', () => ({
-	buyModal$: {
-		close: mockClose,
-	},
-}));
-
-vi.mock('../../../../../_internal', async () => {
-	const actual = (await vi.importActual('../../../../../_internal')) as Record<
-		string,
-		unknown
-	>;
-	return {
-		...actual,
-		getMarketplaceClient: vi.fn(() => ({
-			generateBuyTransaction: vi.fn().mockResolvedValue({
-				steps: [
-					{
-						type: 'transaction',
-						value: '1000000000000000000',
-						to: '0x123',
-						data: '0x456',
-					},
-				],
-			}),
-		})),
-		collectableKeys: {
-			listings: ['listings'],
-			listingsCount: ['listingsCount'],
-			lists: ['lists'],
-			userBalances: ['userBalances'],
-		},
-		balanceQueries: {
-			all: ['balances'],
-		},
-	};
-});
-
-describe('useBuyCollectable', () => {
-	const defaultProps = {
-		chainId: '1',
-		collectionAddress: '0x123',
-		tokenId: '1',
-		priceCurrencyAddress: '0x0',
-		setCheckoutModalIsLoading: vi.fn(),
-		setCheckoutModalLoaded: vi.fn(),
-	};
-
-	beforeEach(() => {
-		vi.clearAllMocks();
-
-		// Setup default mock implementations
-		(
-			useSelectPaymentModal as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue({
-			openSelectPaymentModal: vi.fn(),
-		});
-
-		(useConfig as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			projectAccessKey: 'test-key',
-			projectId: 'test-id',
-		});
-
-		(useFees as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			amount: '250',
-			receiver: '0x123',
-		});
-	});
-
-	it('should return loading state initially', () => {
-		// Mock useWallet to return loading state
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: null,
-			isLoading: true,
-			isError: false,
-		});
-
-		const { result } = renderHook(() => useBuyCollectable(defaultProps));
-
-		expect(result.current).toEqual({
-			status: 'loading',
-			buy: null,
-			isLoading: true,
-			isError: false,
-		});
-	});
-
-	it('should return error state when wallet is not available', () => {
-		// Mock useWallet to return error state
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: null,
-			isLoading: false,
-			isError: true,
-		});
-
-		const { result } = renderHook(() => useBuyCollectable(defaultProps));
-
-		expect(result.current).toEqual({
-			status: 'error',
-			buy: null,
-			isLoading: false,
-			isError: true,
-		});
-
-		// Also test when wallet is undefined but no error
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: undefined,
-			isLoading: false,
-			isError: false,
-		});
-
-		const { result: result2 } = renderHook(() =>
-			useBuyCollectable(defaultProps),
-		);
-
-		expect(result2.current).toEqual({
-			status: 'error',
-			buy: null,
-			isLoading: false,
-			isError: true,
-		});
-	});
-
-	it('should call buy function with correct parameters', async () => {
-		// Mock useWallet to return a valid wallet
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: {
-				kind: WalletKind.sequence,
-				address: async () => '0x123',
-				chainId: '1',
-			},
-			isLoading: false,
-			isError: false,
-		});
-
-		const openSelectPaymentModalMock = vi.fn();
-		(
-			useSelectPaymentModal as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue({
-			openSelectPaymentModal: openSelectPaymentModalMock,
-		});
-
-		const generateBuyTransactionMock = vi.fn().mockResolvedValue({
-			steps: [
-				{
-					type: 'transaction',
-					value: '1000000000000000000',
-					to: '0x123',
-					data: '0x456',
-				},
-			],
-		});
-
-		const marketplaceClientMock = {
-			generateBuyTransaction: generateBuyTransactionMock,
-		};
-
-		(
-			getMarketplaceClient as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue(marketplaceClientMock);
-
-		const { result } = renderHook(() => useBuyCollectable(defaultProps));
-
-		if (result.current.status === 'ready') {
-			await result.current.buy({
-				orderId: '1',
-				quantity: '1',
-				collectableDecimals: 18,
-				marketplace: MarketplaceKind.sequence_marketplace_v2,
-				checkoutOptions: {
-					swap: [],
-					nftCheckout: [],
-					onRamp: [],
-					crypto: TransactionCrypto.all,
-				},
-			});
-		}
-
-		expect(generateBuyTransactionMock).toHaveBeenCalledWith({
-			collectionAddress: defaultProps.collectionAddress,
-			buyer: '0x123',
-			marketplace: MarketplaceKind.sequence_marketplace_v2,
-			ordersData: [
-				{
-					orderId: '1',
-					quantity: '1',
-				},
-			],
-			additionalFees: [
-				{
-					amount: '250',
-					receiver: '0x123',
-				},
-			],
-			walletType: WalletKind.unknown,
-		});
-
-		expect(openSelectPaymentModalMock).toHaveBeenCalledWith({
-			chain: defaultProps.chainId,
-			collectibles: [
-				{
-					tokenId: defaultProps.tokenId,
-					quantity: '1',
-					decimals: 18,
-				},
-			],
-			currencyAddress: defaultProps.priceCurrencyAddress,
-			price: '1000000000000000000',
-			targetContractAddress: '0x123',
-			txData: '0x456',
-			collectionAddress: defaultProps.collectionAddress,
-			recipientAddress: '0x123',
-			enableMainCurrencyPayment: true,
-			enableSwapPayments: true,
-			creditCardProviders: [],
-			onSuccess: expect.any(Function),
-			onError: undefined,
-			onClose: expect.any(Function),
-		});
-
-		expect(defaultProps.setCheckoutModalIsLoading).toHaveBeenCalledWith(true);
-		expect(defaultProps.setCheckoutModalLoaded).toHaveBeenCalledWith(true);
-	});
-
-	it('should handle success callback', async () => {
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: {
-				kind: WalletKind.sequence,
-				address: async () => '0x123',
-				chainId: '1',
-			},
-			isLoading: false,
-			isError: false,
-		});
-
-		const openSelectPaymentModalMock = vi.fn();
-		(
-			useSelectPaymentModal as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue({
-			openSelectPaymentModal: openSelectPaymentModalMock,
-		});
-
-		const generateBuyTransactionMock = vi.fn().mockResolvedValue({
-			steps: [
-				{
-					type: 'transaction',
-					value: '1000000000000000000',
-					to: '0x123',
-					data: '0x456',
-				},
-			],
-		});
-
-		const marketplaceClientMock = {
-			generateBuyTransaction: generateBuyTransactionMock,
-		};
-
-		(
-			getMarketplaceClient as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue(marketplaceClientMock);
-
-		const onSuccessMock = vi.fn();
-		const props = {
-			...defaultProps,
-			callbacks: {
-				onSuccess: onSuccessMock,
-			},
-		};
-
-		const { result } = renderHook(() => useBuyCollectable(props));
-
-		if (result.current.status === 'ready') {
-			await result.current.buy({
-				orderId: '1',
-				quantity: '1',
-				collectableDecimals: 18,
-				marketplace: MarketplaceKind.sequence_marketplace_v2,
-				checkoutOptions: {
-					swap: [],
-					nftCheckout: [],
-					onRamp: [],
-					crypto: TransactionCrypto.all,
-				},
-			});
-		}
-
-		const onSuccessCallback =
-			openSelectPaymentModalMock.mock.calls[0][0].onSuccess;
-
-		const txHash = '0x789';
-		await onSuccessCallback(txHash);
-
-		expect(onSuccessMock).toHaveBeenCalledWith({ hash: txHash });
-	});
-
-	it('should handle error callback', async () => {
-		// Mock useWallet to return a valid wallet
-		(useWallet as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-			wallet: {
-				kind: WalletKind.sequence,
-				address: async () => '0x123',
-				chainId: '1',
-			},
-			isLoading: false,
-			isError: false,
-		});
-
-		const openSelectPaymentModalMock = vi.fn();
-		(
-			useSelectPaymentModal as unknown as ReturnType<typeof vi.fn>
-		).mockReturnValue({
-			openSelectPaymentModal: openSelectPaymentModalMock,
-		});
-
-		const onErrorMock = vi.fn();
-		const props = {
-			...defaultProps,
-			callbacks: {
-				onError: onErrorMock,
-			},
-		};
-
-		const { result } = renderHook(() => useBuyCollectable(props));
-
-		if (result.current.status === 'ready') {
-			await result.current.buy({
-				orderId: '1',
-				quantity: '1',
-				collectableDecimals: 18,
-				marketplace: MarketplaceKind.sequence_marketplace_v2,
-				checkoutOptions: {
-					swap: [],
-					nftCheckout: [],
-					onRamp: [],
-					crypto: TransactionCrypto.all,
-				},
-			});
-		}
-
-		const onErrorCallback = openSelectPaymentModalMock.mock.calls[0][0].onError;
-
-		const error = new Error('Transaction failed');
-		onErrorCallback(error);
-
-		expect(onErrorMock).toHaveBeenCalledWith(error);
-	});
-});

package/dist/{types-BVD42zE_.d.ts → types-CPl0DH-A.d.ts}

@@ -1,6 +1,6 @@
 import { ChainId as ChainId$1 } from '@0xsequence/network';
-import { z } from 'zod';
 import { Chain } from 'viem';
+import { z } from 'zod';
 import { C as ContractType, O as OrderbookKind, M as MarketplaceKind, D as CreateReq } from './marketplace.gen-DLOcW6C4.js';
 import { S as SdkConfig } from './sdk-config-Bs3H_le_.js';
 import { g as MarketplaceConfig } from './builder-types-DgncJB3q.js';