@0xsequence/marketplace-sdk 0.9.0 → 0.10.0

package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/TransactionStatusModal.test.tsx

@@ -4,7 +4,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { TransactionType } from '../../../../../../_internal/types';
 import type { ShowTransactionStatusModalArgs } from '../index';
 import TransactionStatusModal from '../index';
-import { transactionStatusModal$ } from '../store';
+import { transactionStatusModalStore } from '../store';
 
 const mockTransactionArgs: ShowTransactionStatusModalArgs = {
 	hash: '0x123' as `0x${string}`,
@@ -26,7 +26,7 @@ describe('TransactionStatusModal', () => {
 	});
 
 	beforeEach(() => {
-		transactionStatusModal$.close();
+		transactionStatusModalStore.send({ type: 'close' });
 		vi.clearAllMocks();
 		vi.mocked(useTransactionStatus).mockReturnValue('PENDING');
 	});
@@ -40,7 +40,12 @@ describe('TransactionStatusModal', () => {
 
 	it('should show processing state when transaction is processing', async () => {
 		vi.mocked(useTransactionStatus).mockReturnValue('PENDING');
-		transactionStatusModal$.open(mockTransactionArgs);
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
+		});
 		render(<TransactionStatusModal />);
 
 		await waitFor(() => {
@@ -56,7 +61,12 @@ describe('TransactionStatusModal', () => {
 
 	it('should show success state when transaction is successful', async () => {
 		vi.mocked(useTransactionStatus).mockReturnValue('SUCCESS');
-		transactionStatusModal$.open(mockTransactionArgs);
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
+		});
 		render(<TransactionStatusModal />);
 
 		await waitFor(() => {
@@ -72,7 +82,12 @@ describe('TransactionStatusModal', () => {
 
 	it('should show failed state when transaction fails', async () => {
 		vi.mocked(useTransactionStatus).mockReturnValue('FAILED');
-		transactionStatusModal$.open(mockTransactionArgs);
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
+		});
 		render(<TransactionStatusModal />);
 
 		await waitFor(() => {
@@ -86,7 +101,12 @@ describe('TransactionStatusModal', () => {
 
 	it('should show timeout state when transaction times out', async () => {
 		vi.mocked(useTransactionStatus).mockReturnValue('TIMEOUT');
-		transactionStatusModal$.open(mockTransactionArgs);
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
+		});
 		render(<TransactionStatusModal />);
 
 		await waitFor(() => {
@@ -107,8 +127,11 @@ describe('TransactionStatusModal', () => {
 			return 'SUCCESS';
 		});
 
-		transactionStatusModal$.open({
-			...mockTransactionArgs,
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
 			callbacks: { onSuccess },
 		});
 		render(<TransactionStatusModal />);
@@ -128,8 +151,11 @@ describe('TransactionStatusModal', () => {
 			return 'FAILED';
 		});
 
-		transactionStatusModal$.open({
-			...mockTransactionArgs,
+		const { type: transactionType, ...rest } = mockTransactionArgs;
+		transactionStatusModalStore.send({
+			type: 'open',
+			transactionType,
+			...rest,
 			callbacks: { onError },
 		});
 		render(<TransactionStatusModal />);

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

@@ -2,20 +2,23 @@
 
 import { Modal, Skeleton, Text } from '@0xsequence/design-system';
 import type { ChainId } from '@0xsequence/network';
-import { use$ } from '@legendapp/state/react';
 import type { QueryKey } from '@tanstack/react-query';
-import type { Hex } from 'viem';
+import type { Address, Hex } from 'viem';
 import type { Price } from '../../../../../../types';
 import { getQueryClient } from '../../../../../_internal';
 import type { TransactionType } from '../../../../../_internal/types';
 import { useCollectible } from '../../../../../hooks';
 import type { ModalCallbacks } from '../../types';
 import { MODAL_OVERLAY_PROPS } from '../consts';
-import { selectWaasFeeOptions$ } from '../selectWaasFeeOptions/store';
+import { selectWaasFeeOptionsStore } from '../selectWaasFeeOptions/store';
 import TransactionFooter from '../transaction-footer';
 import TransactionPreview from '../transactionPreview';
 import useTransactionStatus from './hooks/useTransactionStatus';
-import { transactionStatusModal$ } from './store';
+import {
+	transactionStatusModalStore,
+	useIsOpen,
+	useTransactionModalState,
+} from './store';
 import { getTransactionStatusModalMessage } from './util/getMessage';
 import { getTransactionStatusModalTitle } from './util/getTitle';
 
@@ -23,7 +26,7 @@ export type ShowTransactionStatusModalArgs = {
 	hash?: Hex;
 	orderId?: string;
 	price?: Price;
-	collectionAddress: Hex;
+	collectionAddress: Address;
 	chainId: number;
 	collectibleId: string;
 	type: TransactionType;
@@ -46,20 +49,27 @@ const invalidateQueries = async (queriesToInvalidate?: QueryKey[]) => {
 export const useTransactionStatusModal = () => {
 	return {
 		show: (args: ShowTransactionStatusModalArgs) => {
-			transactionStatusModal$.open(args);
+			const { type: transactionType, ...rest } = args;
+			transactionStatusModalStore.send({
+				type: 'open',
+				transactionType,
+				...rest,
+			});
+		},
+		close: () => {
+			transactionStatusModalStore.send({ type: 'close' });
 		},
-		close: () => transactionStatusModal$.close(),
 	};
 };
 
 const TransactionStatusModal = () => {
-	const isOpen = use$(transactionStatusModal$.isOpen);
+	const isOpen = useIsOpen();
 	return isOpen ? <TransactionStatusModalContent /> : null;
 };
 
 function TransactionStatusModalContent() {
 	const {
-		type,
+		transactionType: type,
 		hash,
 		orderId,
 		price,
@@ -68,7 +78,7 @@ function TransactionStatusModalContent() {
 		collectibleId,
 		callbacks,
 		queriesToInvalidate,
-	} = use$(transactionStatusModal$.state);
+	} = useTransactionModalState();
 
 	const { data: collectible, isLoading: collectibleLoading } = useCollectible({
 		collectionAddress,
@@ -84,21 +94,23 @@ function TransactionStatusModalContent() {
 		orderId,
 	});
 
-	const message = getTransactionStatusModalMessage({
-		transactionStatus,
-		transactionType: type,
-		collectibleName: collectible?.name || '',
-		orderId,
-		price,
-	});
+	const message = type
+		? getTransactionStatusModalMessage({
+				transactionStatus,
+				transactionType: type,
+				collectibleName: collectible?.name || '',
+				orderId,
+				price,
+			})
+		: '';
 
 	const handleClose = () => {
 		invalidateQueries(queriesToInvalidate);
-		if (selectWaasFeeOptions$.isVisible.get()) {
-			selectWaasFeeOptions$.hide();
+		if (selectWaasFeeOptionsStore.getSnapshot().context.isVisible) {
+			selectWaasFeeOptionsStore.send({ type: 'hide' });
 		}
 
-		transactionStatusModal$.close();
+		transactionStatusModalStore.send({ type: 'close' });
 	};
 
 	return (

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

@@ -1,6 +1,7 @@
-import { observable } from '@legendapp/state';
 import type { QueryKey } from '@tanstack/react-query';
-import type { Hex } from 'viem';
+import { createStore } from '@xstate/store';
+import { useSelector } from '@xstate/store/react';
+import type { Address, Hex } from 'viem';
 import type { Price } from '../../../../../../types';
 import type { TransactionType } from '../../../../../_internal/types';
 import type { ModalCallbacks } from '../../types';
@@ -15,69 +16,97 @@ export type ConfirmationStatus = {
 
 export type TransactionStatus = 'PENDING' | 'SUCCESS' | 'FAILED' | 'TIMEOUT';
 
-export interface TransactionStatusModalState {
+interface TransactionStatusModalContext {
 	isOpen: boolean;
-	open: (args: ShowTransactionStatusModalArgs) => void;
-	close: () => void;
-	state: {
-		hash: Hex | undefined;
-		orderId: string | undefined;
-		status: TransactionStatus;
-		type: TransactionType;
-		price: Price | undefined;
-		collectionAddress: Hex;
-		chainId: number;
-		collectibleId: string;
-		callbacks?: ModalCallbacks;
-		queriesToInvalidate?: QueryKey[];
-	};
+	hash: Hex | undefined;
+	orderId: string | undefined;
+	status: TransactionStatus;
+	transactionType: TransactionType | undefined;
+	price: Price | undefined;
+	collectionAddress: Address;
+	chainId: number;
+	collectibleId: string;
+	callbacks?: ModalCallbacks;
+	queriesToInvalidate?: QueryKey[];
 }
 
-export const initialState: TransactionStatusModalState = {
+const initialContext: TransactionStatusModalContext = {
 	isOpen: false,
-	open: ({
-		hash,
-		orderId,
-		price,
-		collectionAddress,
-		chainId,
-		collectibleId,
-		type,
-		callbacks,
-		queriesToInvalidate,
-	}) => {
-		transactionStatusModal$.state.set({
-			...transactionStatusModal$.state.get(),
-			hash,
-			orderId,
-			price,
-			collectionAddress,
-			chainId,
-			collectibleId,
-			type,
-			callbacks,
-			queriesToInvalidate,
-		});
-		transactionStatusModal$.isOpen.set(true);
-	},
-	close: () => {
-		transactionStatusModal$.isOpen.set(false);
-		transactionStatusModal$.state.set({
-			...initialState.state,
-		});
-	},
-	state: {
-		hash: undefined,
-		orderId: undefined,
-		status: 'PENDING',
-		price: undefined,
-		collectionAddress: '' as Hex,
-		chainId: 0,
-		collectibleId: '',
-		type: undefined as unknown as TransactionType,
-		callbacks: undefined,
-		queriesToInvalidate: [],
-	},
+	hash: undefined,
+	orderId: undefined,
+	status: 'PENDING',
+	transactionType: undefined,
+	price: undefined,
+	collectionAddress: '' as Address,
+	chainId: 0,
+	collectibleId: '',
+	callbacks: undefined,
+	queriesToInvalidate: [],
 };
 
-export const transactionStatusModal$ = observable(initialState);
+export const transactionStatusModalStore = createStore({
+	context: initialContext,
+	on: {
+		open: (
+			context,
+			event: Omit<ShowTransactionStatusModalArgs, 'type'> & {
+				transactionType: TransactionType;
+			},
+		) => ({
+			...context,
+			isOpen: true,
+			hash: event.hash,
+			orderId: event.orderId,
+			price: event.price,
+			collectionAddress: event.collectionAddress,
+			chainId: event.chainId,
+			collectibleId: event.collectibleId,
+			transactionType: event.transactionType,
+			callbacks: event.callbacks,
+			queriesToInvalidate: event.queriesToInvalidate,
+			status: 'PENDING' as TransactionStatus,
+		}),
+
+		close: () => ({
+			...initialContext,
+		}),
+
+		updateStatus: (context, event: { status: TransactionStatus }) => ({
+			...context,
+			status: event.status,
+		}),
+	},
+});
+
+// Selector hooks
+export const useIsOpen = () =>
+	useSelector(transactionStatusModalStore, (state) => state.context.isOpen);
+
+export const useTransactionModalState = () =>
+	useSelector(transactionStatusModalStore, (state) => state.context);
+
+export const useTransactionHash = () =>
+	useSelector(transactionStatusModalStore, (state) => state.context.hash);
+
+export const useTransactionType = () =>
+	useSelector(
+		transactionStatusModalStore,
+		(state) => state.context.transactionType,
+	);
+
+export const useTransactionDetails = () =>
+	useSelector(transactionStatusModalStore, (state) => ({
+		hash: state.context.hash,
+		orderId: state.context.orderId,
+		transactionType: state.context.transactionType,
+		status: state.context.status,
+		chainId: state.context.chainId,
+	}));
+
+export const useCollectibleInfo = () =>
+	useSelector(transactionStatusModalStore, (state) => ({
+		collectionAddress: state.context.collectionAddress,
+		collectibleId: state.context.collectibleId,
+		chainId: state.context.chainId,
+		price: state.context.price,
+	}));

package/src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx

@@ -1,61 +1,60 @@
 'use client';
 
 import { Image, Select, Text } from '@0xsequence/design-system';
-import type { Observable } from '@legendapp/state';
-import { observer } from '@legendapp/state/react';
 import { useEffect } from 'react';
 import { formatUnits, zeroAddress } from 'viem';
 import type { FeeOption } from '../../../../../../types/waas-types';
 import type { SelectItem } from '../../../../components/_internals/custom-select/CustomSelect';
 
-const WaasFeeOptionsSelect = observer(
-	({
-		options,
-		selectedFeeOption$,
-	}: {
-		options: FeeOption[];
-		selectedFeeOption$: Observable<FeeOption | undefined>;
-	}) => {
-		options = options.map((option) => ({
-			...option,
-			token: {
-				...option.token,
-				contractAddress: option.token.contractAddress || zeroAddress,
-			},
-		}));
+const WaasFeeOptionsSelect = ({
+	options,
+	selectedFeeOption,
+	onSelectedFeeOptionChange,
+}: {
+	options: FeeOption[];
+	selectedFeeOption: FeeOption | undefined;
+	onSelectedFeeOptionChange: (option: FeeOption | undefined) => void;
+}) => {
+	options = options.map((option) => ({
+		...option,
+		token: {
+			...option.token,
+			contractAddress: option.token.contractAddress || zeroAddress,
+		},
+	}));
 
-		const feeOptions = options.map((option) => {
-			const value = option.token.contractAddress ?? '';
+	const feeOptions = options.map((option) => {
+		const value = option.token.contractAddress ?? '';
 
-			return FeeOptionSelectItem({ value, option });
-		});
+		return FeeOptionSelectItem({ value, option });
+	});
 
-		useEffect(() => {
-			if (options.length > 0 && !selectedFeeOption$.get())
-				selectedFeeOption$.set(options[0]);
-		}, [options]);
+	useEffect(() => {
+		if (options.length > 0 && !selectedFeeOption) {
+			onSelectedFeeOptionChange(options[0]);
+		}
+	}, [options, selectedFeeOption, onSelectedFeeOptionChange]);
 
-		if (options.length === 0 || !selectedFeeOption$.get()?.token) return null;
+	if (options.length === 0 || !selectedFeeOption?.token) return null;
 
-		return (
-			<Select
-				name="fee-option"
-				options={feeOptions.map((option) => ({
-					label: option.content,
-					value: option.value,
-				}))}
-				onValueChange={(value) => {
-					const selectedOption = options.find(
-						(option) => option.token.contractAddress === value,
-					);
+	return (
+		<Select
+			name="fee-option"
+			options={feeOptions.map((option) => ({
+				label: option.content,
+				value: option.value,
+			}))}
+			onValueChange={(value) => {
+				const selectedOption = options.find(
+					(option) => option.token.contractAddress === value,
+				);
 
-					selectedFeeOption$.set(selectedOption);
-				}}
-				defaultValue={options[0].token.contractAddress ?? undefined}
-			/>
-		);
-	},
-);
+				onSelectedFeeOptionChange(selectedOption);
+			}}
+			defaultValue={options[0].token.contractAddress ?? undefined}
+		/>
+	);
+};
 
 function FeeOptionSelectItem({
 	value,

package/src/react/ui/modals/_internal/types.ts

@@ -1,4 +1,4 @@
-import type { Hash, Hex } from 'viem';
+import type { Address, Hash } from 'viem';
 
 export type ModalCallbacks = {
 	onSuccess?: ({ hash, orderId }: { hash?: Hash; orderId?: string }) => void;
@@ -9,6 +9,6 @@ export type ModalCallbacks = {
 export type BaseModalState = {
 	isOpen: boolean;
 	chainId: number;
-	collectionAddress: Hex;
+	collectionAddress: Address;
 	callbacks?: ModalCallbacks;
 };

package/src/types/sdk-config.ts

@@ -1,4 +1,5 @@
 import type { LookupMarketplaceReturn } from '../react/_internal/api/builder.gen';
+import type { DatabeatAnalytics } from '../react/_internal/databeat';
 import type { MarketplaceConfig } from './types';
 
 export type Env = 'development' | 'production' | 'next';
@@ -17,7 +18,6 @@ export type SdkConfig = {
 		prefetchedMarketplaceSettings?: LookupMarketplaceReturn;
 		overrides?: {
 			marketplaceConfig?: Partial<MarketplaceConfig>;
-
 			api?: {
 				builder?: ApiConfig;
 				marketplace?: ApiConfig;
@@ -30,3 +30,8 @@ export type SdkConfig = {
 		};
 	};
 };
+
+export type MarketplaceSdkContext = {
+	openConnectModal: () => void;
+	analytics: DatabeatAnalytics;
+} & SdkConfig;

package/src/utils/network.ts

@@ -1,4 +1,19 @@
 import { networks } from '@0xsequence/network';
+import { MissingConfigError } from './_internal/error/transaction';
+
+type ChainNameOrId = string | number;
+
+export const getNetwork = (nameOrId: ChainNameOrId) => {
+	for (const network of Object.values(networks)) {
+		if (
+			network.name === String(nameOrId).toLowerCase() ||
+			network.chainId === Number(nameOrId)
+		) {
+			return network;
+		}
+	}
+	throw new MissingConfigError(`Network configuration for chain ${nameOrId}`);
+};
 
 export const getPresentableChainName = (chainId: number) => {
 	return networks[chainId as keyof typeof networks]?.title ?? 'Unknown Network';

package/test/test-utils.tsx

@@ -20,6 +20,7 @@ import { type Config, createConfig, http, WagmiProvider } from 'wagmi';
 import { mock } from 'wagmi/connectors';
 import { handlers as marketplaceConfigHandlers } from '../src/react/_internal/api/__mocks__/builder.msw';
 import { handlers as indexerHandlers } from '../src/react/_internal/api/__mocks__/indexer.msw';
+import { laosHandlers } from '../src/react/_internal/api/__mocks__/laos.msw';
 import { handlers as marketplaceHandlers } from '../src/react/_internal/api/__mocks__/marketplace.msw';
 import { handlers as metadataHandlers } from '../src/react/_internal/api/__mocks__/metadata.msw';
 import { TEST_ACCOUNTS, TEST_CHAIN, TEST_PRIVATE_KEYS } from './const';
@@ -36,6 +37,7 @@ export const server = setupServer(
 	...metadataHandlers,
 	...indexerHandlers,
 	...marketplaceConfigHandlers,
+	...laosHandlers,
 	tickHandler,
 );
 

package/vitest.shims.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="@vitest/browser/providers/playwright" />
+

package/vitest.storybook.config.js

@@ -0,0 +1,33 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { defineConfig } from 'vitest/config';
+
+const dirname =
+	typeof __dirname !== 'undefined'
+		? __dirname
+		: path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+	plugins: [
+		tsconfigPaths(),
+		storybookTest({
+			configDir: path.join(dirname, '.storybook'),
+		}),
+	],
+	test: {
+		name: 'storybook',
+		browser: {
+			enabled: true,
+			headless: true,
+			provider: 'playwright',
+			instances: [
+				{
+					browser: 'chromium',
+				},
+			],
+		},
+		setupFiles: ['.storybook/vitest.setup.ts'],
+	},
+});

package/dist/CalendarIcon-DbQ7Vxcw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarIcon-DbQ7Vxcw.js","names":["Svg","props: SVGProps<SVGSVGElement>","Svg","props: SVGProps<SVGSVGElement>","Svg","props: SVGProps<SVGSVGElement>","props: SVGProps<SVGSVGElement>"],"sources":["../src/react/ui/icons/iconVariants.ts","../src/react/ui/icons/InfoIcon.tsx","../src/react/ui/icons/CartIcon.tsx","../src/react/ui/icons/BellIcon.tsx","../src/react/ui/icons/CalendarIcon.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const iconVariants = cva('block shrink-0', {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: 'w-4 h-4',\n\t\t\tsm: 'w-5 h-5',\n\t\t\tmd: 'w-6 h-6',\n\t\t\tlg: 'w-7 h-7',\n\t\t\txl: 'w-9 h-9',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'md',\n\t},\n});\n","'use client';\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-label=\"Information\"\n\t\t{...props}\n\t>\n\t\t<title>Information icon</title>\n\t\t<path d=\"M10.75 8.75V13.75H9.25V8.75H10.75Z\" fill=\"white\" />\n\t\t<path\n\t\t\td=\"M9.37508 7.47656C9.55997 7.65885 9.78263 7.75 10.043 7.75C10.2097 7.75 10.3634 7.70833 10.504 7.625C10.6446 7.53906 10.7579 7.42578 10.8438 7.28516C10.9324 7.14193 10.9779 6.98438 10.9805 6.8125C10.9779 6.55729 10.8829 6.33854 10.6954 6.15625C10.5079 5.97396 10.2904 5.88281 10.043 5.88281C9.78263 5.88281 9.55997 5.97396 9.37508 6.15625C9.19279 6.33854 9.10294 6.55729 9.10555 6.8125C9.10294 7.07031 9.19279 7.29167 9.37508 7.47656Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgInfoIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgInfoIcon;\n","'use client';\n\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-labelledby=\"cart-title\"\n\t\t{...props}\n\t>\n\t\t<title id=\"cart-title\">Cart Icon</title>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M2.5 3.46836C2.5 3.20969 2.72366 3 2.99955 3H5.16925C5.88938 3 6.5077 3.48022 6.64172 4.14359L8.33188 12.5093C8.37655 12.7304 8.58266 12.8905 8.8227 12.8905H16.987C17.2629 12.8905 17.4866 13.1002 17.4866 13.3589C17.4866 13.6175 17.2629 13.8272 16.987 13.8272H8.8227C8.10257 13.8272 7.48425 13.347 7.35023 12.6836L5.66007 4.31793C5.6154 4.0968 5.40929 3.93673 5.16925 3.93673H2.99955C2.72366 3.93673 2.5 3.72704 2.5 3.46836Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M18.0003 5.34182H6.40946L7.49564 10.8234H17.0736C17.3133 10.8234 17.5193 10.6637 17.5643 10.443L18.491 5.89813C18.5498 5.60942 18.3138 5.34182 18.0003 5.34182Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M10.0889 15.8559C10.0889 16.4878 9.54259 17 8.86866 17C8.19473 17 7.64841 16.4878 7.64841 15.8559C7.64841 15.2241 8.19473 14.7119 8.86866 14.7119C9.54259 14.7119 10.0889 15.2241 10.0889 15.8559Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M16.6268 15.8559C16.6268 16.4878 16.0804 17 15.4065 17C14.7326 17 14.1863 16.4878 14.1863 15.8559C14.1863 15.2241 14.7326 14.7119 15.4065 14.7119C16.0804 14.7119 16.6268 15.2241 16.6268 15.8559Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgCartIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgCartIcon;\n","'use client';\n\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-17 w-17\"\n\t\tviewBox=\"0 0 17 17\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-labelledby=\"bell-title\"\n\t\t{...props}\n\t>\n\t\t<title id=\"bell-title\">Notification Bell</title>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M12.3127 7.45705V9.74274C12.3127 10.3805 12.6293 10.6971 12.9647 11.0326L12.9652 11.033L12.9679 11.0358C13.3205 11.3893 13.6843 11.754 13.6843 12.4854C13.6843 12.5491 13.6335 12.5998 13.57 12.5998H3.51277C3.44959 12.5998 3.39844 12.5489 3.39844 12.4854C3.39844 11.7539 3.76242 11.389 4.11507 11.0354L4.11754 11.033C4.45305 10.6975 4.76984 10.3807 4.76984 9.74245V7.45676C4.76984 5.6932 5.98854 4.21248 7.62704 3.802V3.11399C7.62704 2.60926 8.03659 2.19971 8.54132 2.19971C9.04606 2.19971 9.45561 2.60926 9.45561 3.11399V3.802C11.094 4.21286 12.3127 5.69335 12.3127 7.45705ZM10.3698 13.1711C10.3698 14.1809 9.55099 14.9997 8.54121 14.9997C7.53128 14.9997 6.71272 14.181 6.71272 13.1711H10.3698ZM8.758 7.70501C9.30005 7.85574 9.6696 7.99832 9.86302 8.13224C10.1776 8.35015 10.3374 8.67657 10.338 9.106C10.338 9.7284 10.1359 10.1706 9.72956 10.4326C9.50571 10.5778 9.18295 10.6723 8.75846 10.7195V11.4005H8.42657V10.7195C7.74604 10.6746 7.28244 10.4349 7.04094 9.99812C6.90703 9.76157 6.83984 9.44246 6.83984 9.04019H7.46277C7.48004 9.35983 7.53041 9.59501 7.6135 9.74163C7.75837 10.0063 8.0303 10.1548 8.42664 10.1861V8.27703C7.9177 8.18078 7.54357 8.01963 7.30116 7.79532C7.0605 7.57102 6.93929 7.25914 6.93929 6.86234C6.93929 6.50686 7.06917 6.18768 7.32977 5.90212C7.58991 5.61657 7.95581 5.47132 8.42619 5.46675V5.00049H8.75808V5.45861C9.22343 5.4927 9.58119 5.62981 9.82863 5.87039C10.0787 6.11144 10.2086 6.43062 10.2204 6.82651H9.60569C9.5907 6.64899 9.54299 6.49507 9.4631 6.36884C9.31595 6.13183 9.08076 6.00697 8.758 5.99518V7.70501ZM7.80143 7.36315C7.95574 7.49478 8.16369 7.58608 8.42611 7.63691L8.42619 5.98886C8.11651 5.99936 7.89723 6.09424 7.76651 6.2681C7.63572 6.4447 7.57036 6.62815 7.57036 6.82019C7.57036 7.05081 7.64705 7.23289 7.80143 7.36315ZM8.75747 10.2033C9.15883 10.1847 9.43305 10.0394 9.58606 9.76522C9.66504 9.62408 9.70415 9.46285 9.70399 9.27948C9.70399 8.98624 9.59686 8.76376 9.38123 8.61121C9.2582 8.52219 9.05079 8.4391 8.75747 8.35921V10.2033Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgBellIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgBellIcon;\n","'use client';\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-label=\"Calendar icon\"\n\t\t{...props}\n\t>\n\t\t<title>Calendar icon</title>\n\t\t<path\n\t\t\td=\"M4.57634 17.5C3.73146 17.5 3.08946 17.2816 2.65034 16.8449C2.21678 16.4081 2 15.7586 2 14.8965V5.10352C2 4.24135 2.21678 3.59189 2.65034 3.15513C3.08946 2.71838 3.73146 2.5 4.57634 2.5H15.4237C16.2741 2.5 16.9161 2.72121 17.3497 3.16364C17.7832 3.6004 18 4.24702 18 5.10352V14.8965C18 15.753 17.7832 16.3996 17.3497 16.8364C16.9161 17.2788 16.2741 17.5 15.4237 17.5H4.57634ZM4.55133 15.9515H15.4403C15.7738 15.9515 16.0295 15.8636 16.2074 15.6877C16.3908 15.5062 16.4825 15.2396 16.4825 14.888V7.44328C16.4825 7.08593 16.3908 6.81934 16.2074 6.64351C16.0295 6.46767 15.7738 6.37975 15.4403 6.37975H4.55133C4.21782 6.37975 3.96213 6.46767 3.78426 6.64351C3.61195 6.81934 3.52579 7.08593 3.52579 7.44328V14.888C3.52579 15.2396 3.61195 15.5062 3.78426 15.6877C3.96213 15.8636 4.21782 15.9515 4.55133 15.9515ZM8.48671 9.17896C8.34775 9.17896 8.25048 9.15343 8.19489 9.10238C8.13931 9.05133 8.11152 8.95207 8.11152 8.80459V8.33664C8.11152 8.19484 8.13931 8.09841 8.19489 8.04736C8.25048 7.99064 8.34775 7.96228 8.48671 7.96228H8.94528C9.0898 7.96228 9.18708 7.99064 9.2371 8.04736C9.29269 8.09841 9.32048 8.19484 9.32048 8.33664V8.80459C9.32048 8.95207 9.29269 9.05133 9.2371 9.10238C9.18708 9.15343 9.0898 9.17896 8.94528 9.17896H8.48671ZM11.0714 9.17896C10.9269 9.17896 10.8268 9.15343 10.7712 9.10238C10.7212 9.05133 10.6962 8.95207 10.6962 8.80459V8.33664C10.6962 8.19484 10.7212 8.09841 10.7712 8.04736C10.8268 7.99064 10.9269 7.96228 11.0714 7.96228H11.5383C11.6773 7.96228 11.7745 7.99064 11.8301 8.04736C11.8857 8.09841 11.9135 8.19484 11.9135 8.33664V8.80459C11.9135 8.95207 11.8857 9.05133 11.8301 9.10238C11.7745 9.15343 11.6773 9.17896 11.5383 9.17896H11.0714ZM13.6477 9.17896C13.5088 9.17896 13.4115 9.15343 13.3559 9.10238C13.3003 9.05133 13.2725 8.95207 13.2725 8.80459V8.33664C13.2725 8.19484 13.3003 8.09841 13.3559 8.04736C13.4115 7.99064 13.5088 7.96228 13.6477 7.96228H14.1146C14.2592 7.96228 14.3564 7.99064 14.4065 8.04736C14.462 8.09841 14.4898 8.19484 14.4898 8.33664V8.80459C14.4898 8.95207 14.462 9.05133 14.4065 9.10238C14.3564 9.15343 14.2592 9.17896 14.1146 9.17896H13.6477ZM5.90203 11.7825C5.75751 11.7825 5.65746 11.7541 5.60188 11.6974C5.55185 11.6407 5.52684 11.5442 5.52684 11.4081V10.9317C5.52684 10.7842 5.55185 10.6849 5.60188 10.6339C5.65746 10.5828 5.75751 10.5573 5.90203 10.5573H6.36894C6.5079 10.5573 6.60518 10.5828 6.66076 10.6339C6.71635 10.6849 6.74414 10.7842 6.74414 10.9317V11.4081C6.74414 11.5442 6.71635 11.6407 6.66076 11.6974C6.60518 11.7541 6.5079 11.7825 6.36894 11.7825H5.90203ZM8.48671 11.7825C8.34775 11.7825 8.25048 11.7541 8.19489 11.6974C8.13931 11.6407 8.11152 11.5442 8.11152 11.4081V10.9317C8.11152 10.7842 8.13931 10.6849 8.19489 10.6339C8.25048 10.5828 8.34775 10.5573 8.48671 10.5573H8.94528C9.0898 10.5573 9.18708 10.5828 9.2371 10.6339C9.29269 10.6849 9.32048 10.7842 9.32048 10.9317V11.4081C9.32048 11.5442 9.29269 11.6407 9.2371 11.6974C9.18708 11.7541 9.0898 11.7825 8.94528 11.7825H8.48671ZM11.0714 11.7825C10.9269 11.7825 10.8268 11.7541 10.7712 11.6974C10.7212 11.6407 10.6962 11.5442 10.6962 11.4081V10.9317C10.6962 10.7842 10.7212 10.6849 10.7712 10.6339C10.8268 10.5828 10.9269 10.5573 11.0714 10.5573H11.5383C11.6773 10.5573 11.7745 10.5828 11.8301 10.6339C11.8857 10.6849 11.9135 10.7842 11.9135 10.9317V11.4081C11.9135 11.5442 11.8857 11.6407 11.8301 11.6974C11.7745 11.7541 11.6773 11.7825 11.5383 11.7825H11.0714ZM13.6477 11.7825C13.5088 11.7825 13.4115 11.7541 13.3559 11.6974C13.3003 11.6407 13.2725 11.5442 13.2725 11.4081V10.9317C13.2725 10.7842 13.3003 10.6849 13.3559 10.6339C13.4115 10.5828 13.5088 10.5573 13.6477 10.5573H14.1146C14.2592 10.5573 14.3564 10.5828 14.4065 10.6339C14.462 10.6849 14.4898 10.7842 14.4898 10.9317V11.4081C14.4898 11.5442 14.462 11.6407 14.4065 11.6974C14.3564 11.7541 14.2592 11.7825 14.1146 11.7825H13.6477ZM5.90203 14.369C5.75751 14.369 5.65746 14.3434 5.60188 14.2924C5.55185 14.2414 5.52684 14.1421 5.52684 13.9946V13.5267C5.52684 13.3849 5.55185 13.2884 5.60188 13.2374C5.65746 13.1807 5.75751 13.1523 5.90203 13.1523H6.36894C6.5079 13.1523 6.60518 13.1807 6.66076 13.2374C6.71635 13.2884 6.74414 13.3849 6.74414 13.5267V13.9946C6.74414 14.1421 6.71635 14.2414 6.66076 14.2924C6.60518 14.3434 6.5079 14.369 6.36894 14.369H5.90203ZM8.48671 14.369C8.34775 14.369 8.25048 14.3434 8.19489 14.2924C8.13931 14.2414 8.11152 14.1421 8.11152 13.9946V13.5267C8.11152 13.3849 8.13931 13.2884 8.19489 13.2374C8.25048 13.1807 8.34775 13.1523 8.48671 13.1523H8.94528C9.0898 13.1523 9.18708 13.1807 9.2371 13.2374C9.29269 13.2884 9.32048 13.3849 9.32048 13.5267V13.9946C9.32048 14.1421 9.29269 14.2414 9.2371 14.2924C9.18708 14.3434 9.0898 14.369 8.94528 14.369H8.48671ZM11.0714 14.369C10.9269 14.369 10.8268 14.3434 10.7712 14.2924C10.7212 14.2414 10.6962 14.1421 10.6962 13.9946V13.5267C10.6962 13.3849 10.7212 13.2884 10.7712 13.2374C10.8268 13.1807 10.9269 13.1523 11.0714 13.1523H11.5383C11.6773 13.1523 11.7745 13.1807 11.8301 13.2374C11.8857 13.2884 11.9135 13.3849 11.9135 13.5267V13.9946C11.9135 14.1421 11.8857 14.2414 11.8301 14.2924C11.7745 14.3434 11.6773 14.369 11.5383 14.369H11.0714Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgCalendarIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgCalendarIcon;\n"],"mappings":";;;;;AAEA,MAAa,eAAe,IAAI,kBAAkB;CACjD,UAAU,EACT,MAAM;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACJ,EACD;CACD,iBAAiB,EAChB,MAAM,KACN;AACD,EAAC;;;;ACTF,MAAMA,QAAM,CAACC,0BACZ,KAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,cAAW;CACX,GAAI;;kBAEJ,IAAC,qBAAM,qBAAwB;kBAC/B,IAAC;GAAK,GAAE;GAAqC,MAAK;IAAU;kBAC5D,IAAC;GACA,GAAE;GACF,MAAK;IACJ;kBACF,IAAC;GACA,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;IACJ;;EACG;AAGP,MAAM,cAAc,CAAC,EAAE,WAAW,OAAO,KAAM,GAAG,OAAkB,qBACnE,IAACD;CACA,WAAW,GACV,aAAa,EACZ,KACA,EAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe;;;;ACpCf,MAAME,QAAM,CAACC,0BACZ,KAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,mBAAgB;CAChB,GAAI;;kBAEJ,IAAC;GAAM,IAAG;aAAa;IAAiB;kBACxC,IAAC;GACA,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;IACJ;kBACF,IAAC;GACA,GAAE;GACF,MAAK;IACJ;kBACF,IAAC;GACA,GAAE;GACF,MAAK;IACJ;kBACF,IAAC;GACA,GAAE;GACF,MAAK;IACJ;;EACG;AAGP,MAAM,cAAc,CAAC,EAAE,WAAW,OAAO,KAAM,GAAG,OAAkB,qBACnE,IAACD;CACA,WAAW,GACV,aAAa,EACZ,KACA,EAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe;;;;AC5Cf,MAAME,QAAM,CAACC,0BACZ,KAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,mBAAgB;CAChB,GAAI;4BAEJ,IAAC;EAAM,IAAG;YAAa;GAAyB,kBAChD,IAAC;EACA,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;GACJ;EACG;AAGP,MAAM,cAAc,CAAC,EAAE,WAAW,OAAO,KAAM,GAAG,OAAkB,qBACnE,IAACD;CACA,WAAW,GACV,aAAa,EACZ,KACA,EAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe;;;;ACjCf,MAAM,MAAM,CAACE,0BACZ,KAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,cAAW;CACX,GAAI;4BAEJ,IAAC,qBAAM,kBAAqB,kBAC5B,IAAC;EACA,GAAE;EACF,MAAK;GACJ;EACG;AAGP,MAAM,kBAAkB,CAAC,EAAE,WAAW,OAAO,KAAM,GAAG,OAAkB,qBACvE,IAAC;CACA,WAAW,GACV,aAAa,EACZ,KACA,EAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,2BAAe"}

package/dist/_internal-BgWcRIak.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_internal-BgWcRIak.js","names":[],"sources":["../src/react/_internal/get-provider.ts","../src/react/_internal/types.ts"],"sourcesContent":["export const PROVIDER_ID = 'sdk-provider';\n\nexport function getProviderEl() {\n\tif (!globalThis.document) return null;\n\treturn document.getElementById(PROVIDER_ID);\n}\n","import type { ContractType, CreateReq } from '../../types';\nimport type { MarketplaceKind } from './api';\n\nexport interface QueryArg {\n\tenabled?: boolean;\n}\n\nexport type CollectableId = string | number;\n\nexport type CollectionType = ContractType.ERC1155 | ContractType.ERC721;\n\ntype TransactionStep = {\n\texist: boolean;\n\tisExecuting: boolean;\n\texecute: () => Promise<void>;\n};\n\nexport type TransactionSteps = {\n\tapproval: TransactionStep;\n\ttransaction: TransactionStep;\n};\n\nexport enum TransactionType {\n\tBUY = 'BUY',\n\tSELL = 'SELL',\n\tLISTING = 'LISTING',\n\tOFFER = 'OFFER',\n\tTRANSFER = 'TRANSFER',\n\tCANCEL = 'CANCEL',\n}\n\nexport interface BuyInput {\n\torderId: string;\n\tcollectableDecimals: number;\n\tmarketplace: MarketplaceKind;\n\tquantity: string;\n}\n\nexport interface SellInput {\n\torderId: string;\n\tmarketplace: MarketplaceKind;\n\tquantity?: string;\n}\n\nexport interface ListingInput {\n\tcontractType: ContractType;\n\tlisting: CreateReq;\n}\n\nexport interface OfferInput {\n\tcontractType: ContractType;\n\toffer: CreateReq;\n}\n\nexport interface CancelInput {\n\torderId: string;\n\tmarketplace: MarketplaceKind;\n}\n\nexport type ValuesOptional<T> = {\n\t[K in keyof T]: T[K] | undefined;\n};\n\nexport type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n"],"mappings":";AAAA,MAAa,cAAc;AAE3B,SAAgB,gBAAgB;AAC/B,MAAK,WAAW,SAAU,QAAO;AACjC,QAAO,SAAS,eAAe,YAAY;AAC3C;;;;ACiBD,IAAY,8DAAL;AACN;AACA;AACA;AACA;AACA;AACA;;AACA"}