@0xsequence/marketplace-sdk 0.9.0 → 1.0.0

package/src/react/ui/modals/_internal/components/actionModal/store.ts

@@ -1,57 +0,0 @@
-import { createStore } from '@xstate/store';
-import { useSelector } from '@xstate/store/react';
-import type { Address } from 'viem';
-
-export interface ActionModalState {
-	isOpen: boolean;
-	chainId: number | null;
-	collectionAddress: Address | null;
-}
-
-const initialContext: ActionModalState = {
-	isOpen: false,
-	chainId: null,
-	collectionAddress: null,
-};
-
-export const actionModalStore = createStore({
-	context: initialContext,
-	on: {
-		open: (
-			context,
-			event: { chainId: number; collectionAddress: Address },
-		) => ({
-			...context,
-			isOpen: true,
-			chainId: event.chainId,
-			collectionAddress: event.collectionAddress,
-		}),
-		close: (context) => ({
-			...context,
-			isOpen: false,
-			chainId: null,
-			collectionAddress: null,
-		}),
-	},
-});
-
-// Selector hooks
-export const useActionModalState = () =>
-	useSelector(actionModalStore, (state) => state.context);
-
-export const useIsActionModalOpen = () =>
-	useSelector(actionModalStore, (state) => state.context.isOpen);
-
-export const useActionModalChainId = () =>
-	useSelector(actionModalStore, (state) => state.context.chainId);
-
-export const useActionModalCollectionAddress = () =>
-	useSelector(actionModalStore, (state) => state.context.collectionAddress);
-
-export function openModal(chainId: number, collectionAddress: Address) {
-	actionModalStore.send({ type: 'open', chainId, collectionAddress });
-}
-
-export function closeModal() {
-	actionModalStore.send({ type: 'close' });
-}

package/src/react/ui/modals/_internal/components/quantityInput/QuantityInputBase.tsx

@@ -1,166 +0,0 @@
-'use client';
-
-import {
-	AddIcon,
-	IconButton,
-	NumericInput,
-	SubtractIcon,
-} from '@0xsequence/design-system';
-import * as dn from 'dnum';
-import { useState } from 'react';
-import { cn } from '../../../../../../utils';
-
-type QuantityInputBaseProps = {
-	value: string;
-	onChange: (value: string) => void;
-	isInvalid: boolean;
-	onInvalidChange: (isInvalid: boolean) => void;
-	decimals: number;
-	maxQuantity: string;
-	className?: string;
-	disabled?: boolean;
-};
-
-export function QuantityInputBase({
-	value,
-	onChange,
-	isInvalid,
-	onInvalidChange,
-	decimals,
-	maxQuantity,
-	className,
-	disabled,
-}: QuantityInputBaseProps) {
-	const dnMaxQuantity = dn.from(maxQuantity, decimals);
-	const dnOne = dn.from('1', decimals);
-	const min = decimals > 0 ? Number(`0.${'1'.padStart(decimals, '0')}`) : 0;
-	const dnMin = dn.from(min, decimals);
-
-	const [dnQuantity, setDnQuantity] = useState(dn.from(value, decimals));
-
-	const [localQuantity, setLocalQuantity] = useState(value);
-
-	const setQuantity = ({
-		value,
-		isValid,
-	}: {
-		value: string;
-		isValid: boolean;
-	}) => {
-		setLocalQuantity(value);
-		if (isValid) {
-			onChange(value);
-			setDnQuantity(dn.from(value, decimals));
-			onInvalidChange(false);
-		} else {
-			onInvalidChange(true);
-		}
-	};
-
-	function handleChangeQuantity(value: string) {
-		if (!value || Number.isNaN(Number(value)) || value.endsWith('.')) {
-			setQuantity({
-				value: value,
-				isValid: false,
-			});
-			return;
-		}
-		const dnValue = dn.from(value, decimals);
-		const isBiggerThanMax = dn.greaterThan(dnValue, dnMaxQuantity);
-		const isLessThanMin = dn.lessThan(dnValue, dnMin);
-
-		if (isLessThanMin) {
-			setQuantity({
-				value: value, // Trying to enter fraction starting with 0
-				isValid: false,
-			});
-			return;
-		}
-
-		if (isBiggerThanMax) {
-			setQuantity({
-				value: maxQuantity,
-				isValid: true, // Is vaid is true because we override the value
-			});
-			return;
-		}
-
-		setQuantity({
-			value: dn.toString(dnValue, decimals),
-			isValid: true,
-		});
-	}
-
-	function handleIncrement() {
-		const newValue = dn.add(dnQuantity, dnOne);
-		if (dn.greaterThanOrEqual(newValue, dnMaxQuantity)) {
-			setQuantity({
-				value: maxQuantity,
-				isValid: true,
-			});
-		} else {
-			setQuantity({
-				value: dn.toString(newValue, decimals),
-				isValid: true,
-			});
-		}
-	}
-
-	function handleDecrement() {
-		const newValue = dn.subtract(dnQuantity, dnOne);
-		if (dn.lessThanOrEqual(newValue, dnMin)) {
-			setQuantity({
-				value: String(min),
-				isValid: true,
-			});
-		} else {
-			setQuantity({
-				value: dn.toString(newValue, decimals),
-				isValid: true,
-			});
-		}
-	}
-
-	return (
-		<div
-			className={cn(
-				'flex w-full flex-col [&>label>div>div>div:has(:disabled):hover]:opacity-100 [&>label>div>div>div:has(:disabled)]:opacity-100 [&>label>div>div>div>input]:text-xs [&>label>div>div>div]:h-9 [&>label>div>div>div]:rounded [&>label>div>div>div]:pr-0 [&>label>div>div>div]:pl-3 [&>label>div>div>div]:text-xs [&>label]:gap-[2px]',
-				className,
-				disabled && 'pointer-events-none opacity-50',
-			)}
-		>
-			<NumericInput
-				className="w-full pl-1"
-				name={'quantity'}
-				decimals={decimals || 0}
-				label={'Enter quantity'}
-				labelLocation="top"
-				controls={
-					<div className="mr-2 flex items-center gap-1">
-						<IconButton
-							disabled={dn.lessThanOrEqual(dnQuantity, dnMin)}
-							onClick={handleDecrement}
-							size="xs"
-							icon={SubtractIcon}
-						/>
-
-						<IconButton
-							disabled={dn.greaterThanOrEqual(dnQuantity, dnMaxQuantity)}
-							onClick={handleIncrement}
-							size="xs"
-							icon={AddIcon}
-						/>
-					</div>
-				}
-				value={localQuantity}
-				onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-					handleChangeQuantity(e.target.value)
-				}
-				width={'full'}
-			/>
-			{isInvalid && (
-				<div className="text-negative text-sm">Invalid quantity</div>
-			)}
-		</div>
-	);
-}

package/src/react/ui/modals/_internal/stores/accountModal.ts

@@ -1,3 +0,0 @@
-import { observable } from '@legendapp/state';
-
-export const _accountModalOpen$ = observable(false);

package/src/react/ui/modals/modal-provider.tsx

@@ -1,25 +0,0 @@
-import { observer } from '@legendapp/state/react';
-import SwitchChainModal from './_internal/components/switchChainModal';
-import TransactionStatusModal from './_internal/components/transactionStatusModal';
-import { BuyModal } from './BuyModal/components/Modal';
-import { CreateListingModal } from './CreateListingModal/Modal';
-import { MakeOfferModal } from './MakeOfferModal/Modal';
-import { SellModal } from './SellModal/Modal';
-import SuccessfulPurchaseModal from './SuccessfulPurchaseModal';
-import { TransferModal } from './TransferModal';
-
-export const ModalProvider = observer(() => {
-	return (
-		<>
-			<CreateListingModal />
-			<MakeOfferModal />
-			<TransferModal />
-			<SellModal />
-			<BuyModal />
-			<SuccessfulPurchaseModal />
-			{/* Helper modals */}
-			<SwitchChainModal />
-			<TransactionStatusModal />
-		</>
-	);
-});

package/test/mocks/wallet.ts

@@ -1,63 +0,0 @@
-import type { TransactionReceipt } from '@0xsequence/indexer';
-import { custom, type Hex, type PublicClient } from 'viem';
-import { vi } from 'vitest';
-import { WalletKind } from '../../src';
-import type { WalletInstance } from '../../src/react/_internal/wallet/wallet';
-import { ChainSwitchUserRejectedError } from '../../src/utils/_internal/error/transaction';
-
-export type MockWallet = WalletInstance;
-
-/**
- * Creates a mock wallet with pre-configured mock functions for testing
- * @param overrides - Optional overrides for the default mock implementations
- * @returns A mock wallet instance with vitest mock functions
- */
-export function createMockWallet(overrides?: Partial<MockWallet>): MockWallet {
-	const defaultMockWallet: MockWallet = {
-		getChainId: vi.fn().mockResolvedValue(1),
-		switchChain: vi.fn().mockResolvedValue(undefined),
-		address: vi
-			.fn()
-			.mockResolvedValue('0x0000000000000000000000000000000000000000' as Hex),
-		handleSendTransactionStep: vi.fn().mockResolvedValue('0x123' as Hex),
-		handleSignMessageStep: vi.fn().mockResolvedValue('0xsignature' as Hex),
-		handleConfirmTransactionStep: vi
-			.fn()
-			.mockResolvedValue({} as TransactionReceipt),
-		isWaaS: false,
-		transport: custom({
-			request: vi.fn(),
-		}),
-		walletKind: WalletKind.unknown,
-		hasTokenApproval: vi.fn().mockResolvedValue(true),
-		// @ts-expect-error
-		publicClient: vi.fn().mockResolvedValue({} as PublicClient),
-	};
-
-	return {
-		...defaultMockWallet,
-		...overrides,
-	};
-}
-
-/**
- * Common mock implementations for wallet functions
- * These are the actual mock functions that can be used directly or as overrides
- */
-export const commonWalletMocks = {
-	successfulChainId: vi.fn().mockResolvedValue(1),
-	successfulAddress: vi
-		.fn()
-		.mockResolvedValue('0x0000000000000000000000000000000000000000' as Hex),
-	successfulTransaction: vi.fn().mockResolvedValue('0x123' as Hex),
-	successfulSignature: vi.fn().mockResolvedValue('0xsignature' as Hex),
-	successfulConfirmation: vi.fn().mockResolvedValue({} as TransactionReceipt),
-	successfulTokenApproval: vi.fn().mockResolvedValue(true),
-	chainSwitchRejection: vi
-		.fn()
-		.mockRejectedValue(new ChainSwitchUserRejectedError()),
-	transactionFailure: vi
-		.fn()
-		.mockRejectedValue(new Error('Transaction failed')),
-	signatureFailure: vi.fn().mockRejectedValue(new Error('Signature failed')),
-};