@0xsequence/marketplace-sdk 0.3.5 → 0.3.7

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

@@ -4,102 +4,119 @@ import {
 	Skeleton,
 	Text,
 } from '@0xsequence/design-system';
-import type { ChainId } from '@0xsequence/network';
 import { observer } from '@legendapp/state/react';
 import { Close, Content, Overlay, Portal, Root } from '@radix-ui/react-dialog';
-import type { QueryKey } from '@tanstack/react-query';
-import { useEffect } from 'react';
-import type { Hex } from 'viem';
-import { useTransactionReceipt } from 'wagmi';
+import { type QueryKey } from '@tanstack/react-query';
+import { useEffect, useState } from 'react';
+import { WaitForTransactionReceiptTimeoutError, type Hex } from 'viem';
 import type { Price } from '../../../../../../types';
-import type { BaseCallbacks } from '../../../../../../types/callbacks';
 import { getQueryClient } from '../../../../../_internal';
 import { useCollectible } from '../../../../../hooks';
 import TransactionFooter from '../transaction-footer';
 import TransactionPreview from '../transactionPreview';
-import {
-	type ConfirmationStatus,
-	type StatusOrderType,
-	transactionStatusModal$,
-} from './store';
+import { TransactionStatus, transactionStatusModal$ } from './store';
 import {
 	closeButton,
 	dialogOverlay,
 	transactionStatusModalContent,
 } from './styles.css';
+import { ChainId } from '@0xsequence/network';
+import { getPublicRpcClient } from '../../../../../../utils';
+import { TRANSACTION_CONFIRMATIONS_DEFAULT } from '@0xsequence/kit';
+import { TransactionType } from '../../../../../_internal/transaction-machine/execute-transaction';
+import { ModalCallbacks } from '../../types';
+import { getTransactionStatusModalTitle } from './util/getTitle';
+import { getTransactionStatusModalMessage } from './util/getMessage';
 
 export type ShowTransactionStatusModalArgs = {
 	hash: Hex;
 	price?: Price;
 	collectionAddress: Hex;
 	chainId: string;
-	tokenId: string;
-	getTitle?: (props: ConfirmationStatus) => string;
-	getMessage?: (props: ConfirmationStatus) => string;
-	type: StatusOrderType;
-	callbacks?: BaseCallbacks;
+	collectibleId: string;
+	type: TransactionType;
+	callbacks?: ModalCallbacks;
 	queriesToInvalidate?: QueryKey[];
+	confirmations?: number;
+	blocked?: boolean;
 };
 
 export const useTransactionStatusModal = () => {
 	return {
-		show: (args: ShowTransactionStatusModalArgs) =>
-			transactionStatusModal$.open(args),
+		show: (args: ShowTransactionStatusModalArgs) => {
+			if (args.blocked) return;
+
+			transactionStatusModal$.open(args);
+		},
 		close: () => transactionStatusModal$.close(),
 	};
 };
 
 const TransactionStatusModal = observer(() => {
 	const {
+		type,
 		hash,
 		price,
 		collectionAddress,
 		chainId,
-		tokenId,
-		getTitle,
-		getMessage,
+		collectibleId,
 		callbacks,
 		queriesToInvalidate,
+		confirmations,
 	} = transactionStatusModal$.state.get();
-	const { data: collectible } = useCollectible({
+	const { data: collectible, isLoading: collectibleLoading } = useCollectible({
 		collectionAddress,
 		chainId,
-		collectibleId: tokenId,
+		collectibleId,
 	});
-	const {
-		data: transaction,
-		isLoading: isConfirming,
-		isSuccess: isConfirmed,
-		isError: isFailed,
-		error,
-	} = useTransactionReceipt({ hash });
-	const title = getTitle && getTitle({ isConfirmed, isConfirming, isFailed });
-	const message =
-		getMessage && getMessage({ isConfirmed, isConfirming, isFailed });
-	const { onUnknownError, onSuccess }: BaseCallbacks = callbacks || {};
+	const [transactionStatus, setTransactionStatus] =
+		useState<TransactionStatus>('PENDING');
+	const title = getTransactionStatusModalTitle({
+		transactionStatus,
+		transactionType: type!,
+	});
+	const message = getTransactionStatusModalMessage({
+		transactionStatus,
+		transactionType: type!,
+		collectibleName: collectible?.name || '',
+	});
+	const { onError, onSuccess }: ModalCallbacks = callbacks || {};
 	const queryClient = getQueryClient();
+	const publicClient = chainId ? getPublicRpcClient(chainId) : null;
+	const waitForTransactionReceiptPromise =
+		publicClient?.waitForTransactionReceipt({
+			confirmations: confirmations || TRANSACTION_CONFIRMATIONS_DEFAULT,
+			hash: hash!,
+		});
 
 	useEffect(() => {
 		if (!transactionStatusModal$.isOpen.get()) return;
 
-		let isSubscribed = true;
-
-		if (isConfirmed && isSubscribed && onSuccess) {
-			onSuccess();
-		}
-
-		if (isFailed && isSubscribed && onUnknownError) {
-			onUnknownError(error);
-		}
-
-		if (isSubscribed && queriesToInvalidate) {
+		console.log('Waiting for transaction receipt ...');
+		waitForTransactionReceiptPromise
+			?.then((receipt) => {
+				if (receipt.status === 'success') {
+					console.log('receipt', receipt);
+					setTransactionStatus('SUCCESS');
+				}
+			})
+			.catch((error) => {
+				if (error instanceof WaitForTransactionReceiptTimeoutError) {
+					setTransactionStatus('TIMEOUT');
+					return;
+				}
+
+				setTransactionStatus('FAILED');
+			});
+
+		if (queriesToInvalidate) {
 			queryClient.invalidateQueries({ queryKey: [...queriesToInvalidate] });
 		}
 
 		return () => {
-			isSubscribed = false;
+			setTransactionStatus('PENDING');
 		};
-	}, [isConfirmed, isFailed, onSuccess, onUnknownError, error]);
+	}, [onSuccess, onError, transactionStatusModal$.isOpen.get()]);
 
 	return (
 		<Root open={transactionStatusModal$.isOpen.get()}>
@@ -128,24 +145,25 @@ const TransactionStatusModal = observer(() => {
 						<Skeleton width="20" height="4" />
 					)}
 
-					{collectible && (
-						<TransactionPreview
-							price={price}
-							collectionAddress={collectionAddress}
-							chainId={chainId}
-							collectible={collectible}
-							currencyImageUrl={price?.currency.imageUrl}
-							isConfirming={isConfirming}
-							isConfirmed={isConfirmed}
-							isFailed={isFailed || transaction?.status === 'reverted'}
-						/>
-					)}
+					<TransactionPreview
+						price={price}
+						collectionAddress={collectionAddress}
+						chainId={chainId}
+						collectible={collectible}
+						collectibleLoading={collectibleLoading}
+						currencyImageUrl={price?.currency.imageUrl}
+						isConfirming={transactionStatus === 'PENDING'}
+						isConfirmed={transactionStatus === 'SUCCESS'}
+						isFailed={transactionStatus === 'FAILED'}
+						isTimeout={transactionStatus === 'TIMEOUT'}
+					/>
 
 					<TransactionFooter
 						transactionHash={hash!}
-						isConfirming={isConfirming}
-						isConfirmed={isConfirmed}
-						isFailed={isFailed || transaction?.status === 'reverted'}
+						isConfirming={transactionStatus === 'PENDING'}
+						isConfirmed={transactionStatus === 'SUCCESS'}
+						isFailed={transactionStatus === 'FAILED'}
+						isTimeout={transactionStatus === 'TIMEOUT'}
 						chainId={chainId as unknown as ChainId}
 					/>
 

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

@@ -1,29 +1,19 @@
-import type { TransactionStatus } from '@0xsequence/indexer';
 import { observable } from '@legendapp/state';
 import type { QueryKey } from '@tanstack/react-query';
 import type { Hex } from 'viem';
 import type { ShowTransactionStatusModalArgs } from '.';
 import type { Price } from '../../../../../../types';
-import type { BaseCallbacks } from '../../../../../../types/callbacks';
-import type { StepType } from '../../../../../_internal';
+import { TransactionType } from '../../../../../_internal/transaction-machine/execute-transaction';
+import { ModalCallbacks } from '../../types';
 
 export type ConfirmationStatus = {
 	isConfirming: boolean;
 	isConfirmed: boolean;
 	isFailed: boolean;
+	isTimeout: boolean;
 };
 
-export type TransactionStatusExtended = TransactionStatus | 'PENDING';
-
-export type StatusOrderType =
-	| Pick<
-			typeof StepType,
-			'sell' | 'createListing' | 'createOffer' | 'buy'
-	  >[keyof Pick<
-			typeof StepType,
-			'sell' | 'createListing' | 'createOffer' | 'buy'
-	  >]
-	| 'transfer';
+export type TransactionStatus = 'PENDING' | 'SUCCESS' | 'FAILED' | 'TIMEOUT';
 
 export interface TransactionStatusModalState {
 	isOpen: boolean;
@@ -31,16 +21,16 @@ export interface TransactionStatusModalState {
 	close: () => void;
 	state: {
 		hash: Hex | undefined;
-		status: TransactionStatusExtended;
-		type: StatusOrderType | undefined;
+		status: TransactionStatus;
+		type: TransactionType | undefined;
 		price: Price | undefined;
 		collectionAddress: Hex;
 		chainId: string;
-		tokenId: string;
-		getTitle?: (params: ConfirmationStatus) => string;
-		getMessage?: (params: ConfirmationStatus) => string;
-		callbacks?: BaseCallbacks;
+		collectibleId: string;
+		callbacks?: ModalCallbacks;
 		queriesToInvalidate?: QueryKey[];
+		confirmations?: number;
+		blocked?: boolean;
 	};
 }
 
@@ -51,12 +41,12 @@ export const initialState: TransactionStatusModalState = {
 		price,
 		collectionAddress,
 		chainId,
-		tokenId,
-		getTitle,
-		getMessage,
+		collectibleId,
 		type,
 		callbacks,
 		queriesToInvalidate,
+		confirmations,
+		blocked,
 	}) => {
 		transactionStatusModal$.state.set({
 			...transactionStatusModal$.state.get(),
@@ -64,12 +54,12 @@ export const initialState: TransactionStatusModalState = {
 			price,
 			collectionAddress,
 			chainId,
-			tokenId,
-			getTitle,
-			getMessage,
+			collectibleId,
 			type,
 			callbacks,
 			queriesToInvalidate,
+			confirmations,
+			blocked,
 		});
 		transactionStatusModal$.isOpen.set(true);
 	},
@@ -85,10 +75,12 @@ export const initialState: TransactionStatusModalState = {
 		price: undefined,
 		collectionAddress: '' as Hex,
 		chainId: '',
-		tokenId: '',
-		getTitle: undefined,
-		getMessage: undefined,
+		collectibleId: '',
 		type: undefined,
+		callbacks: undefined,
+		queriesToInvalidate: [],
+		confirmations: -1,
+		blocked: false,
 	},
 };
 

package/src/react/ui/modals/_internal/components/transactionStatusModal/util/getFormattedType.ts

@@ -0,0 +1,23 @@
+import { TransactionType } from '../../../../../../_internal/transaction-machine/execute-transaction';
+
+export function getFormattedType(
+	transactionType: TransactionType,
+	verb: boolean = false,
+): string {
+	switch (transactionType) {
+		case TransactionType.TRANSFER:
+			return verb ? 'transferred' : 'transfer';
+		case TransactionType.LISTING:
+			return verb ? 'listed' : 'listing';
+		case TransactionType.BUY:
+			return verb ? 'purchased' : 'purchase';
+		case TransactionType.SELL:
+			return verb ? 'sold' : 'sale';
+		case TransactionType.CANCEL:
+			return verb ? 'cancelled' : 'cancellation';
+		case TransactionType.OFFER:
+			return verb ? 'offered' : 'offer';
+		default:
+			return 'transaction';
+	}
+}

package/src/react/ui/modals/_internal/components/transactionStatusModal/util/getMessage.ts

@@ -0,0 +1,29 @@
+import { TransactionType } from '../../../../../../_internal/transaction-machine/execute-transaction';
+import { TransactionStatus } from '../store';
+import { getFormattedType } from './getFormattedType';
+
+export function getTransactionStatusModalMessage({
+	transactionStatus,
+	transactionType,
+	collectibleName,
+}: {
+	transactionStatus: TransactionStatus;
+	transactionType: TransactionType;
+	collectibleName: string;
+}): string {
+	// without this, the text will be "Your cancellation CollectibleXXX has failed." which sounds weird
+	const hideCollectibleName = transactionType === 'CANCEL';
+
+	switch (transactionStatus) {
+		case 'PENDING':
+			return `You just ${getFormattedType(transactionType, true)}${!hideCollectibleName ? ` ${collectibleName}` : ''}. It should be confirmed on the blockchain shortly.`;
+		case 'SUCCESS':
+			return `You just ${getFormattedType(transactionType, true)}${!hideCollectibleName ? ` ${collectibleName}` : ''}. It’s been confirmed on the blockchain!`;
+		case 'FAILED':
+			return `Your ${getFormattedType(transactionType)} has failed.`;
+		case 'TIMEOUT':
+			return `Your ${getFormattedType(transactionType)} takes too long. Click the link below to track it on the explorer.`;
+		default:
+			return 'Your transaction is processing';
+	}
+}

package/src/react/ui/modals/_internal/components/transactionStatusModal/util/getTitle.ts

@@ -0,0 +1,43 @@
+import { TransactionType } from '../../../../../../_internal/transaction-machine/execute-transaction';
+import { TransactionStatus } from '../store';
+import { getFormattedType } from './getFormattedType';
+
+export function getTransactionStatusModalTitle({
+	transactionStatus,
+	transactionType,
+}: {
+	transactionStatus: TransactionStatus;
+	transactionType: TransactionType;
+}): string {
+	switch (transactionStatus) {
+		case 'PENDING':
+			return `Your ${getFormattedType(transactionType)} is processing`;
+		case 'SUCCESS':
+			return `Your ${getFormattedType(transactionType)} has processed`;
+		case 'FAILED':
+			return `Your ${getFormattedType(transactionType)} has failed`;
+		case 'TIMEOUT':
+			return `Your ${getFormattedType(transactionType)} takes too long`;
+		default:
+			return 'Your transaction is processing';
+	}
+}
+
+export function getTransactionStatusModalSpinnerTitle({
+	transactionStatus,
+}: {
+	transactionStatus: TransactionStatus;
+}): string {
+	switch (transactionStatus) {
+		case 'PENDING':
+			return 'Processing transaction';
+		case 'SUCCESS':
+			return 'Transaction completed';
+		case 'FAILED':
+			return 'Transaction failed';
+		case 'TIMEOUT':
+			return 'Taking too long';
+		default:
+			return 'Processing transaction';
+	}
+}

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/consts.ts","./src/index.ts","./src/react/index.ts","./src/react/provider.tsx","./src/react/_internal/consts.ts","./src/react/_internal/get-provider.ts","./src/react/_internal/index.ts","./src/react/_internal/types.ts","./src/react/_internal/api/get-query-client.ts","./src/react/_internal/api/index.ts","./src/react/_internal/api/marketplace-api.ts","./src/react/_internal/api/marketplace.gen.ts","./src/react/_internal/api/query-keys.ts","./src/react/_internal/api/services.ts","./src/react/_internal/api/zod-schema.ts","./src/react/_internal/transaction-machine/execute-transaction.ts","./src/react/_internal/transaction-machine/logger.ts","./src/react/_internal/transaction-machine/usetransactionmachine.ts","./src/react/_internal/wagmi/create-config.ts","./src/react/_internal/wagmi/embedded.ts","./src/react/_internal/wagmi/index.ts","./src/react/_internal/wagmi/universal.ts","./src/react/hooks/index.ts","./src/react/hooks/usebalanceofcollectible.tsx","./src/react/hooks/usebuycollectable.tsx","./src/react/hooks/usecancelorder.tsx","./src/react/hooks/usecheckoutoptions.tsx","./src/react/hooks/usecollectible.tsx","./src/react/hooks/usecollection.tsx","./src/react/hooks/useconfig.tsx","./src/react/hooks/usecountlistingsforcollectible.tsx","./src/react/hooks/usecountofcollectables.tsx","./src/react/hooks/usecountoffersforcollectible.tsx","./src/react/hooks/usecreatelisting.tsx","./src/react/hooks/usecurrencies.tsx","./src/react/hooks/usecurrency.tsx","./src/react/hooks/usefilters.tsx","./src/react/hooks/usefloororder.tsx","./src/react/hooks/usegeneratebuytransaction.tsx","./src/react/hooks/usegeneratecanceltransaction.tsx","./src/react/hooks/usegeneratelistingtransaction.tsx","./src/react/hooks/usegenerateoffertransaction.tsx","./src/react/hooks/usegenerateselltransaction.tsx","./src/react/hooks/usehighestoffer.tsx","./src/react/hooks/uselistbalances.tsx","./src/react/hooks/uselistcollectibles.tsx","./src/react/hooks/uselistcollections.tsx","./src/react/hooks/uselistlistingsforcollectible.tsx","./src/react/hooks/uselistoffersforcollectible.tsx","./src/react/hooks/uselowestlisting.tsx","./src/react/hooks/usemakeoffer.tsx","./src/react/hooks/usemarketplaceconfig.tsx","./src/react/hooks/useroyaltypercentage.tsx","./src/react/hooks/usesell.tsx","./src/react/hooks/usetransfertokens.tsx","./src/react/hooks/options/marketplaceconfigoptions.ts","./src/react/ssr/create-ssr-client.ts","./src/react/ssr/index.ts","./src/react/ui/index.ts","./src/react/ui/components/index.ts","./src/react/ui/components/_internals/action-button/actionbutton.tsx","./src/react/ui/components/_internals/custom-network-image/customnetworkimage.tsx","./src/react/ui/components/_internals/custom-network-image/styles.css.ts","./src/react/ui/components/_internals/custom-select/customselect.tsx","./src/react/ui/components/_internals/custom-select/styles.css.ts","./src/react/ui/components/_internals/pill/pill.tsx","./src/react/ui/components/collectible-card/collectiblecard.tsx","./src/react/ui/components/collectible-card/footer.tsx","./src/react/ui/components/collectible-card/styles.css.ts","./src/react/ui/icons/arrowup.tsx","./src/react/ui/icons/bell.tsx","./src/react/ui/icons/calendaricon.tsx","./src/react/ui/icons/diamondeye.tsx","./src/react/ui/icons/infoicon.tsx","./src/react/ui/icons/inventoryicon.tsx","./src/react/ui/icons/minusicon.tsx","./src/react/ui/icons/plusicon.tsx","./src/react/ui/icons/positivecircleicon.tsx","./src/react/ui/icons/index.ts","./src/react/ui/icons/styles.css.ts","./src/react/ui/modals/modal-provider.tsx","./src/react/ui/modals/account/index.tsx","./src/react/ui/modals/buymodal/_store.ts","./src/react/ui/modals/buymodal/index.tsx","./src/react/ui/modals/createlistingmodal/_store.ts","./src/react/ui/modals/createlistingmodal/index.tsx","./src/react/ui/modals/createlistingmodal/_utils/getcreatelistingtransactiontitlemessage.ts","./src/react/ui/modals/makeoffermodal/_store.ts","./src/react/ui/modals/makeoffermodal/index.tsx","./src/react/ui/modals/makeoffermodal/_utils/getmakeoffertransactiontitlemessage.ts","./src/react/ui/modals/sellmodal/_store.ts","./src/react/ui/modals/sellmodal/index.tsx","./src/react/ui/modals/sellmodal/utils.ts","./src/react/ui/modals/sellmodal/_utils/getselltransactiontitlemessage.ts","./src/react/ui/modals/successfulpurchasemodal/_store.ts","./src/react/ui/modals/successfulpurchasemodal/index.tsx","./src/react/ui/modals/successfulpurchasemodal/styles.css.ts","./src/react/ui/modals/transfermodal/_store.ts","./src/react/ui/modals/transfermodal/index.tsx","./src/react/ui/modals/transfermodal/messages.ts","./src/react/ui/modals/transfermodal/styles.css.ts","./src/react/ui/modals/transfermodal/_utils/gettransfertransactiontitlemessage.ts","./src/react/ui/modals/transfermodal/_views/enterwalletaddress/index.tsx","./src/react/ui/modals/transfermodal/_views/enterwalletaddress/usehandletransfer.tsx","./src/react/ui/modals/transfermodal/_views/followwalletinstructions/index.tsx","./src/react/ui/modals/_internal/types.ts","./src/react/ui/modals/_internal/components/actionmodal/actionmodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/errormodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/loadingmodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/index.ts","./src/react/ui/modals/_internal/components/actionmodal/store.ts","./src/react/ui/modals/_internal/components/actionmodal/styles.css.ts","./src/react/ui/modals/_internal/components/alertmessage/index.tsx","./src/react/ui/modals/_internal/components/alertmessage/styles.css.ts","./src/react/ui/modals/_internal/components/calendar/index.tsx","./src/react/ui/modals/_internal/components/calendarpopover/index.tsx","./src/react/ui/modals/_internal/components/calendarpopover/styles.css.ts","./src/react/ui/modals/_internal/components/currencyoptionsselect/index.tsx","./src/react/ui/modals/_internal/components/expirationdateselect/index.tsx","./src/react/ui/modals/_internal/components/floorpricetext/index.tsx","./src/react/ui/modals/_internal/components/priceinput/index.tsx","./src/react/ui/modals/_internal/components/priceinput/styles.css.ts","./src/react/ui/modals/_internal/components/priceinput/types.ts","./src/react/ui/modals/_internal/components/quantityinput/index.tsx","./src/react/ui/modals/_internal/components/quantityinput/styles.css.ts","./src/react/ui/modals/_internal/components/switchchainmodal/index.tsx","./src/react/ui/modals/_internal/components/switchchainmodal/store.ts","./src/react/ui/modals/_internal/components/switchchainmodal/styles.css.ts","./src/react/ui/modals/_internal/components/timeago/index.tsx","./src/react/ui/modals/_internal/components/tokenpreview/index.tsx","./src/react/ui/modals/_internal/components/tokenpreview/styles.css.ts","./src/react/ui/modals/_internal/components/transaction-footer/index.tsx","./src/react/ui/modals/_internal/components/transactiondetails/index.tsx","./src/react/ui/modals/_internal/components/transactionheader/index.tsx","./src/react/ui/modals/_internal/components/transactionpreview/consts.ts","./src/react/ui/modals/_internal/components/transactionpreview/index.tsx","./src/react/ui/modals/_internal/components/transactionpreview/usetransactionpreviewtitle.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/index.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/store.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/styles.css.ts","./src/react/ui/modals/_internal/stores/accountmodal.ts","./src/react/ui/styles/index.ts","./src/react/ui/styles/modal.css.ts","./src/styles/index.ts","./src/types/api-types.ts","./src/types/callbacks.ts","./src/types/custom.d.ts","./src/types/index.ts","./src/types/marketplace-config.ts","./src/types/messages.ts","./src/types/sdk-config.ts","./src/types/types.ts","./src/utils/address.ts","./src/utils/get-public-rpc-client.ts","./src/utils/index.ts","./src/utils/network.ts","./src/utils/price.ts","./src/utils/_internal/error/base.ts","./src/utils/_internal/error/context.ts","./src/utils/_internal/error/transaction.ts","./src/utils/abi/index.ts","./src/utils/abi/marketplace/eip2981.ts","./src/utils/abi/marketplace/index.ts","./src/utils/abi/marketplace/sequence-marketplace-v1.ts","./src/utils/abi/marketplace/sequence-marketplace-v2.ts","./src/utils/abi/token/erc1155.ts","./src/utils/abi/token/erc20.ts","./src/utils/abi/token/erc721.ts","./src/utils/abi/token/index.ts","./tsup.config.ts"],"version":"5.7.2"}
+{"root":["./src/consts.ts","./src/index.ts","./src/react/index.ts","./src/react/provider.tsx","./src/react/_internal/consts.ts","./src/react/_internal/get-provider.ts","./src/react/_internal/index.ts","./src/react/_internal/types.ts","./src/react/_internal/api/get-query-client.ts","./src/react/_internal/api/index.ts","./src/react/_internal/api/marketplace-api.ts","./src/react/_internal/api/marketplace.gen.ts","./src/react/_internal/api/query-keys.ts","./src/react/_internal/api/services.ts","./src/react/_internal/api/zod-schema.ts","./src/react/_internal/transaction-machine/execute-transaction.ts","./src/react/_internal/transaction-machine/logger.ts","./src/react/_internal/transaction-machine/usetransactionmachine.ts","./src/react/_internal/wagmi/create-config.ts","./src/react/_internal/wagmi/embedded.ts","./src/react/_internal/wagmi/index.ts","./src/react/_internal/wagmi/universal.ts","./src/react/hooks/index.ts","./src/react/hooks/usebalanceofcollectible.tsx","./src/react/hooks/usebuycollectable.tsx","./src/react/hooks/usecancelorder.tsx","./src/react/hooks/usecheckoutoptions.tsx","./src/react/hooks/usecollectible.tsx","./src/react/hooks/usecollection.tsx","./src/react/hooks/useconfig.tsx","./src/react/hooks/usecountlistingsforcollectible.tsx","./src/react/hooks/usecountofcollectables.tsx","./src/react/hooks/usecountoffersforcollectible.tsx","./src/react/hooks/usecreatelisting.tsx","./src/react/hooks/usecurrencies.tsx","./src/react/hooks/usecurrency.tsx","./src/react/hooks/usefilters.tsx","./src/react/hooks/usefloororder.tsx","./src/react/hooks/usegeneratebuytransaction.tsx","./src/react/hooks/usegeneratecanceltransaction.tsx","./src/react/hooks/usegeneratelistingtransaction.tsx","./src/react/hooks/usegenerateoffertransaction.tsx","./src/react/hooks/usegenerateselltransaction.tsx","./src/react/hooks/usehighestoffer.tsx","./src/react/hooks/uselistbalances.tsx","./src/react/hooks/uselistcollectibles.tsx","./src/react/hooks/uselistcollections.tsx","./src/react/hooks/uselistlistingsforcollectible.tsx","./src/react/hooks/uselistoffersforcollectible.tsx","./src/react/hooks/uselowestlisting.tsx","./src/react/hooks/usemakeoffer.tsx","./src/react/hooks/usemarketplaceconfig.tsx","./src/react/hooks/useroyaltypercentage.tsx","./src/react/hooks/usesell.tsx","./src/react/hooks/usetransfertokens.tsx","./src/react/hooks/options/marketplaceconfigoptions.ts","./src/react/ssr/create-ssr-client.ts","./src/react/ssr/index.ts","./src/react/ui/index.ts","./src/react/ui/components/index.ts","./src/react/ui/components/_internals/action-button/actionbutton.tsx","./src/react/ui/components/_internals/custom-network-image/customnetworkimage.tsx","./src/react/ui/components/_internals/custom-network-image/styles.css.ts","./src/react/ui/components/_internals/custom-select/customselect.tsx","./src/react/ui/components/_internals/custom-select/styles.css.ts","./src/react/ui/components/_internals/pill/pill.tsx","./src/react/ui/components/collectible-card/collectiblecard.tsx","./src/react/ui/components/collectible-card/footer.tsx","./src/react/ui/components/collectible-card/styles.css.ts","./src/react/ui/icons/arrowup.tsx","./src/react/ui/icons/bell.tsx","./src/react/ui/icons/calendaricon.tsx","./src/react/ui/icons/diamondeye.tsx","./src/react/ui/icons/infoicon.tsx","./src/react/ui/icons/inventoryicon.tsx","./src/react/ui/icons/minusicon.tsx","./src/react/ui/icons/plusicon.tsx","./src/react/ui/icons/positivecircleicon.tsx","./src/react/ui/icons/index.ts","./src/react/ui/icons/styles.css.ts","./src/react/ui/modals/modal-provider.tsx","./src/react/ui/modals/account/index.tsx","./src/react/ui/modals/buymodal/_store.ts","./src/react/ui/modals/buymodal/index.tsx","./src/react/ui/modals/createlistingmodal/_store.ts","./src/react/ui/modals/createlistingmodal/index.tsx","./src/react/ui/modals/makeoffermodal/_store.ts","./src/react/ui/modals/makeoffermodal/index.tsx","./src/react/ui/modals/sellmodal/_store.ts","./src/react/ui/modals/sellmodal/index.tsx","./src/react/ui/modals/sellmodal/utils.ts","./src/react/ui/modals/successfulpurchasemodal/_store.ts","./src/react/ui/modals/successfulpurchasemodal/index.tsx","./src/react/ui/modals/successfulpurchasemodal/styles.css.ts","./src/react/ui/modals/transfermodal/_store.ts","./src/react/ui/modals/transfermodal/index.tsx","./src/react/ui/modals/transfermodal/messages.ts","./src/react/ui/modals/transfermodal/styles.css.ts","./src/react/ui/modals/transfermodal/_views/enterwalletaddress/index.tsx","./src/react/ui/modals/transfermodal/_views/enterwalletaddress/usehandletransfer.tsx","./src/react/ui/modals/transfermodal/_views/followwalletinstructions/index.tsx","./src/react/ui/modals/_internal/types.ts","./src/react/ui/modals/_internal/components/actionmodal/actionmodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/errormodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/loadingmodal.tsx","./src/react/ui/modals/_internal/components/actionmodal/index.ts","./src/react/ui/modals/_internal/components/actionmodal/store.ts","./src/react/ui/modals/_internal/components/actionmodal/styles.css.ts","./src/react/ui/modals/_internal/components/alertmessage/index.tsx","./src/react/ui/modals/_internal/components/alertmessage/styles.css.ts","./src/react/ui/modals/_internal/components/calendar/index.tsx","./src/react/ui/modals/_internal/components/calendarpopover/index.tsx","./src/react/ui/modals/_internal/components/calendarpopover/styles.css.ts","./src/react/ui/modals/_internal/components/currencyoptionsselect/index.tsx","./src/react/ui/modals/_internal/components/expirationdateselect/index.tsx","./src/react/ui/modals/_internal/components/floorpricetext/index.tsx","./src/react/ui/modals/_internal/components/priceinput/index.tsx","./src/react/ui/modals/_internal/components/priceinput/styles.css.ts","./src/react/ui/modals/_internal/components/priceinput/types.ts","./src/react/ui/modals/_internal/components/quantityinput/index.tsx","./src/react/ui/modals/_internal/components/quantityinput/styles.css.ts","./src/react/ui/modals/_internal/components/switchchainmodal/index.tsx","./src/react/ui/modals/_internal/components/switchchainmodal/store.ts","./src/react/ui/modals/_internal/components/switchchainmodal/styles.css.ts","./src/react/ui/modals/_internal/components/timeago/index.tsx","./src/react/ui/modals/_internal/components/tokenpreview/index.tsx","./src/react/ui/modals/_internal/components/tokenpreview/styles.css.ts","./src/react/ui/modals/_internal/components/transaction-footer/index.tsx","./src/react/ui/modals/_internal/components/transactiondetails/index.tsx","./src/react/ui/modals/_internal/components/transactionheader/index.tsx","./src/react/ui/modals/_internal/components/transactionpreview/consts.ts","./src/react/ui/modals/_internal/components/transactionpreview/index.tsx","./src/react/ui/modals/_internal/components/transactionpreview/usetransactionpreviewtitle.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/index.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/store.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/styles.css.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/util/getformattedtype.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/util/getmessage.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/util/gettitle.ts","./src/react/ui/modals/_internal/stores/accountmodal.ts","./src/react/ui/styles/index.ts","./src/react/ui/styles/modal.css.ts","./src/styles/index.ts","./src/types/api-types.ts","./src/types/custom.d.ts","./src/types/index.ts","./src/types/marketplace-config.ts","./src/types/messages.ts","./src/types/sdk-config.ts","./src/types/types.ts","./src/utils/address.ts","./src/utils/get-public-rpc-client.ts","./src/utils/index.ts","./src/utils/network.ts","./src/utils/price.ts","./src/utils/_internal/error/base.ts","./src/utils/_internal/error/context.ts","./src/utils/_internal/error/transaction.ts","./src/utils/abi/index.ts","./src/utils/abi/marketplace/eip2981.ts","./src/utils/abi/marketplace/index.ts","./src/utils/abi/marketplace/sequence-marketplace-v1.ts","./src/utils/abi/marketplace/sequence-marketplace-v2.ts","./src/utils/abi/token/erc1155.ts","./src/utils/abi/token/erc20.ts","./src/utils/abi/token/erc721.ts","./src/utils/abi/token/index.ts","./tsup.config.ts"],"version":"5.7.2"}