@0xsequence/marketplace-sdk 0.1.0 → 0.2.0

package/src/react/ui/modals/TransferModal/_views/followWalletInstructions/index.tsx

@@ -2,104 +2,8 @@ import { observer } from '@legendapp/state/react';
 import AlertMessage from '../../../_internal/components/alertMessage';
 import getMessage from '../../messages';
 import { Box, Button, Text } from '@0xsequence/design-system';
-import { ContractType } from '@internal';
-import { transferModal$ } from '../../_store';
-import { useCollection } from '@react-hooks/useCollection';
-import { useTransferTokens } from '@react-hooks/useTransferTokens';
-import type { Hex } from 'viem';
-import { useTransactionStatusModal } from '../../../_internal/components/transactionStatusModal';
-import {
-	getTransferTransactionMessage,
-	getTransferTransactionTitle,
-} from '../../_utils/getTransferTransactionTitleMessage';
-import { useCollectible } from '@react-hooks/useCollectible';
-import { useEffect } from 'react';
 
 const FollowWalletInstructionsView = observer(() => {
-	const {
-		receiverAddress,
-		collectionAddress,
-		tokenId,
-		quantity,
-		chainId,
-		messages,
-	} = transferModal$.state.get();
-	const { transferTokensAsync, hash } = useTransferTokens();
-	const { show: showTransactionStatusModal } = useTransactionStatusModal();
-	const { data: collection, isSuccess: collectionSuccess } = useCollection({
-		collectionAddress,
-		chainId,
-	});
-	const { data: collectible, isSuccess: collectibleSuccess } = useCollectible({
-		collectionAddress,
-		collectibleId: tokenId,
-		chainId,
-	});
-
-	useEffect(() => {
-		if (!hash && collectionSuccess) {
-			transfer();
-		}
-	}, [collectionSuccess, collectibleSuccess, hash]);
-
-	async function transfer() {
-		if (collection!.type === ContractType.ERC721) {
-			try {
-				const hash = await transferTokensAsync({
-					receiverAddress: receiverAddress as Hex,
-					collectionAddress,
-					tokenId,
-					chainId,
-					contractType: ContractType.ERC721,
-				});
-
-				transferModal$.close();
-
-				showTransactionStatusModal({
-					hash: hash,
-					collectionAddress,
-					chainId,
-					tokenId,
-					price: undefined,
-					getTitle: getTransferTransactionTitle,
-					getMessage: (params) =>
-						getTransferTransactionMessage(params, collectible!.name),
-					type: 'transfer',
-				});
-			} catch (error) {
-				messages?.transferCollectibles?.onUnknownError &&
-					messages.transferCollectibles.onUnknownError(error);
-			}
-		}
-
-		try {
-			const hash = await transferTokensAsync({
-				receiverAddress: receiverAddress as Hex,
-				collectionAddress,
-				tokenId,
-				chainId,
-				contractType: ContractType.ERC1155,
-				quantity: String(quantity),
-			});
-
-			transferModal$.close();
-
-			showTransactionStatusModal({
-				hash: hash,
-				collectionAddress,
-				chainId,
-				tokenId,
-				price: undefined,
-				getTitle: getTransferTransactionTitle,
-				getMessage: (params) =>
-					getTransferTransactionMessage(params, collectible!.name),
-				type: 'transfer',
-			});
-		} catch (error) {
-			messages?.transferCollectibles?.onUnknownError &&
-				messages.transferCollectibles.onUnknownError(error);
-		}
-	}
 	return (
 		<Box display="grid" gap="6" flexGrow="1">
 			<Text color="white" fontSize="large" fontWeight="bold">

package/src/react/ui/modals/TransferModal/index.tsx

@@ -5,21 +5,24 @@ import { observer, Show } from '@legendapp/state/react';
 import { Close, Content, Overlay, Portal, Root } from '@radix-ui/react-dialog';
 import { useAccount } from 'wagmi';
 import { useSwitchChainModal } from '../_internal/components/switchChainModal';
-import type { Messages } from '../../../../types/messages';
 import type { Hex } from 'viem';
 import EnterWalletAddressView from './_views/enterWalletAddress';
 import FollowWalletInstructionsView from './_views/followWalletInstructions';
+import {
+	TransferErrorCallbacks,
+	TransferSuccessCallbacks,
+} from '../../../../types/callbacks';
 
 export type ShowTransferModalArgs = {
 	collectionAddress: Hex;
 	tokenId: string;
 	chainId: string;
-	messages?: Messages;
 };
 
 export const useTransferModal = () => {
 	const { chainId: accountChainId } = useAccount();
 	const { show: showSwitchNetworkModal } = useSwitchChainModal();
+	const { errorCallbacks, successCallbacks } = transferModal$.state.get();
 
 	const openModal = (args: ShowTransferModalArgs) => {
 		transferModal$.open(args);
@@ -32,7 +35,13 @@ export const useTransferModal = () => {
 			showSwitchNetworkModal({
 				chainIdToSwitchTo: Number(args.chainId),
 				onSwitchChain: () => openModal(args),
-				messages: args.messages?.switchChain,
+				callbacks: {
+					onSuccess: successCallbacks?.onSwitchChainSuccess,
+					onUnknownError: errorCallbacks?.onSwitchChainError,
+					onSwitchingNotSupported: errorCallbacks?.onSwitchingNotSupportedError,
+					onUserRejectedRequest:
+						errorCallbacks?.onUserRejectedSwitchingChainRequestError,
+				},
 			});
 			return;
 		}
@@ -43,6 +52,18 @@ export const useTransferModal = () => {
 	return {
 		show: handleShowModal,
 		close: () => transferModal$.close(),
+		onError: (callbacks: TransferErrorCallbacks) => {
+			transferModal$.state.set({
+				...transferModal$.state.get(),
+				errorCallbacks: callbacks,
+			});
+		},
+		onSuccess: (callbacks: TransferSuccessCallbacks) => {
+			transferModal$.state.set({
+				...transferModal$.state.get(),
+				successCallbacks: callbacks,
+			});
+		},
 	};
 };
 

package/src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx

@@ -10,10 +10,10 @@ import {
 	IconButton,
 	Text,
 } from '@0xsequence/design-system';
-import { getProviderEl } from '@internal';
 import type { Observable } from '@legendapp/state';
 import { observer } from '@legendapp/state/react';
 import { Close, Content, Overlay, Portal, Root } from '@radix-ui/react-dialog';
+import { getProviderEl } from '../../../../../_internal';
 import type { ActionModalState } from './store';
 import {
 	closeButton,

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

@@ -1,11 +1,10 @@
 import { Box, Select, Skeleton } from '@0xsequence/design-system';
-import type { ChainId } from '@internal';
 import type { Observable } from '@legendapp/state';
 import { observer } from '@legendapp/state/react';
-import { useCurrencies } from '@react-hooks/useCurrencies';
-import type { Currency } from '@types';
 import { useEffect, useState } from 'react';
 import type { Hex } from 'viem';
+import type { ChainId, Currency } from '../../../../../_internal';
+import { useCurrencies } from '../../../../../hooks';
 import { currencySelect } from './styles.css';
 
 // TODO: this should be exported from design system

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

@@ -1,8 +1,8 @@
 import { Text } from '@0xsequence/design-system';
-import { useLowestListing } from '@react-hooks/useLowestListing';
-import type { Price } from '@types';
 import type { Hex } from 'viem';
+import type { Price } from '../../../../../../types';
 import { calculatePriceDifferencePercentage } from '../../../../../../utils';
+import { useLowestListing } from '../../../../../hooks';
 
 export default function FloorPriceText({
 	chainId,

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

@@ -1,12 +1,12 @@
-import CurrencyOptionsSelect from '../currencyOptionsSelect';
-import { priceInputCurrencyImage, priceInputWrapper } from './styles.css';
 import { Box, NumericInput, TokenImage } from '@0xsequence/design-system';
 import type { Observable } from '@legendapp/state';
 import { observer } from '@legendapp/state/react';
-import type { Price } from '@types';
 import { useState } from 'react';
-import { erc20Abi, formatUnits, Hex, parseUnits } from 'viem';
+import { type Hex, erc20Abi, formatUnits, parseUnits } from 'viem';
 import { useAccount, useReadContract } from 'wagmi';
+import type { Price } from '../../../../../../types';
+import CurrencyOptionsSelect from '../currencyOptionsSelect';
+import { priceInputCurrencyImage, priceInputWrapper } from './styles.css';
 
 type PriceInputProps = {
 	collectionAddress: Hex;

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

@@ -1,7 +1,7 @@
 import { Box, IconButton, NumericInput } from '@0xsequence/design-system';
 import type { Observable } from '@legendapp/state';
-import { useCollectible } from '@react-hooks/useCollectible';
 import type { Hex } from 'viem';
+import { useCollectible } from '../../../../../hooks';
 import SvgMinusIcon from '../../../../icons/MinusIcon';
 import SvgPlusIcon from '../../../../icons/PlusIcon';
 import { quantityInputWrapper } from './styles.css';

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

@@ -21,12 +21,12 @@ import { getPresentableChainName } from '../../../../../../utils/network';
 
 import { UserRejectedRequestError } from 'viem';
 import { SwitchChainNotSupportedError } from 'wagmi';
-import type { SwitchChainMessageCallbacks } from '../../../../../../types/messages';
+import type { SwitchChainCallbacks } from '../../../../../../types/callbacks';
 
 export type ShowSwitchChainModalArgs = {
 	chainIdToSwitchTo: number;
 	onSwitchChain: () => void;
-	messages?: SwitchChainMessageCallbacks;
+	callbacks?: SwitchChainCallbacks;
 };
 
 export const useSwitchChainModal = () => {
@@ -47,8 +47,8 @@ const SwitchChainModal = observer(() => {
 		onUserRejectedRequest,
 		onUnknownError,
 		onSuccess,
-	}: Partial<SwitchChainMessageCallbacks> =
-		switchChainModal$.state.messages.get() || {};
+	}: Partial<SwitchChainCallbacks> =
+		switchChainModal$.state.callbacks.get() || {};
 
 	async function handleSwitchChain() {
 		isSwitching$.set(true);

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

@@ -1,6 +1,6 @@
 import { observable } from '@legendapp/state';
 import type { ShowSwitchChainModalArgs } from '.';
-import type { SwitchChainMessageCallbacks } from '../../../../../../types/messages';
+import type { SwitchChainCallbacks } from '../../../../../../types/callbacks';
 
 export interface SwitchChainModalState {
 	isOpen: boolean;
@@ -10,18 +10,18 @@ export interface SwitchChainModalState {
 		chainIdToSwitchTo?: number;
 		onSwitchChain?: () => void;
 		isSwitching: boolean;
-		messages?: SwitchChainMessageCallbacks;
+		callbacks?: SwitchChainCallbacks;
 	};
 }
 
 export const initialState: SwitchChainModalState = {
 	isOpen: false,
-	open: ({ chainIdToSwitchTo, onSwitchChain, messages }) => {
+	open: ({ chainIdToSwitchTo, onSwitchChain, callbacks }) => {
 		switchChainModal$.state.set({
 			...switchChainModal$.state.get(),
 			chainIdToSwitchTo,
 			onSwitchChain,
-			messages,
+			callbacks,
 		});
 		switchChainModal$.isOpen.set(true);
 	},

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

@@ -1,6 +1,6 @@
 import { Box, Image, Skeleton, Text } from '@0xsequence/design-system';
-import { useCollectible } from '@react-hooks/useCollectible';
 import type { Hex } from 'viem';
+import { useCollectible } from '../../../../../hooks';
 import { tokenPreview } from './styles.css';
 
 type TokenPreviewProps = {

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

@@ -1,8 +1,10 @@
 import { Box, NetworkImage, Skeleton, Text } from '@0xsequence/design-system';
-import { useMarketplaceConfig } from '@react-hooks/useMarketplaceConfig';
-import { useRoyaltyPercentage } from '@react-hooks/useRoyaltyPercentage';
-import type { Price } from '@types';
 import { type Hex, formatUnits } from 'viem';
+import type { Price } from '../../../../../../types';
+import {
+	useMarketplaceConfig,
+	useRoyaltyPercentage,
+} from '../../../../../hooks';
 
 type TransactionDetailsProps = {
 	collectibleId: string;

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

@@ -1,9 +1,9 @@
 import { Box, Image, NetworkImage, Text } from '@0xsequence/design-system';
-import type { TokenMetadata } from '@internal';
 import { observer } from '@legendapp/state/react';
-import { useCollection } from '@react-hooks/useCollection';
-import type { Price } from '@types';
 import { type Hex, formatUnits } from 'viem';
+import type { Price } from '../../../../../../types';
+import type { TokenMetadata } from '../../../../../_internal';
+import { useCollection } from '../../../../../hooks';
 import TimeAgo from '../timeAgo';
 import { transactionStatusModal$ } from '../transactionStatusModal/store';
 import { useTransactionPreviewTitle } from './useTransactionPreviewTitle';

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

@@ -6,10 +6,14 @@ import {
 } from '@0xsequence/design-system';
 import { observer } from '@legendapp/state/react';
 import { Close, Content, Overlay, Portal, Root } from '@radix-ui/react-dialog';
-import { useCollectible } from '@react-hooks/useCollectible';
-import type { Price, TokenMetadata } from '@types';
+import type { QueryKey } from '@tanstack/react-query';
+import { useEffect } from 'react';
 import type { Hex } from 'viem';
 import { useTransactionReceipt } from 'wagmi';
+import type { Price, TokenMetadata } 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 {
@@ -32,6 +36,8 @@ export type ShowTransactionStatusModalArgs = {
 	getTitle?: (props: ConfirmationStatus) => string;
 	getMessage?: (props: ConfirmationStatus) => string;
 	type: StatusOrderType;
+	callbacks?: BaseCallbacks;
+	queriesToInvalidate?: QueryKey[];
 };
 
 export const useTransactionStatusModal = () => {
@@ -51,6 +57,8 @@ const TransactionStatusModal = observer(() => {
 		tokenId,
 		getTitle,
 		getMessage,
+		callbacks,
+		queriesToInvalidate,
 	} = transactionStatusModal$.state.get();
 	const { data: collectible } = useCollectible({
 		collectionAddress,
@@ -61,10 +69,35 @@ const TransactionStatusModal = observer(() => {
 		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 queryClient = getQueryClient();
+
+	useEffect(() => {
+		if (!transactionStatusModal$.isOpen.get()) return;
+
+		let isSubscribed = true;
+
+		if (isConfirmed && isSubscribed && onSuccess) {
+			onSuccess();
+		}
+
+		if (isFailed && isSubscribed && onUnknownError) {
+			onUnknownError(error);
+		}
+
+		if (isSubscribed && queriesToInvalidate) {
+			queryClient.invalidateQueries({ queryKey: [...queriesToInvalidate] });
+		}
+
+		return () => {
+			isSubscribed = false;
+		};
+	}, [isConfirmed, isFailed, onSuccess, onUnknownError, error]);
 
 	return (
 		<Root open={transactionStatusModal$.isOpen.get()}>

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

@@ -1,9 +1,11 @@
 import type { TransactionStatus } from '@0xsequence/indexer';
-import type { StepType } from '@internal';
 import { observable } from '@legendapp/state';
-import type { Price } from '@types';
+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';
 
 export type ConfirmationStatus = {
 	isConfirming: boolean;
@@ -37,6 +39,8 @@ export interface TransactionStatusModalState {
 		tokenId: string;
 		getTitle?: (params: ConfirmationStatus) => string;
 		getMessage?: (params: ConfirmationStatus) => string;
+		callbacks?: BaseCallbacks;
+		queriesToInvalidate?: QueryKey[];
 	};
 }
 
@@ -51,6 +55,8 @@ export const initialState: TransactionStatusModalState = {
 		getTitle,
 		getMessage,
 		type,
+		callbacks,
+		queriesToInvalidate,
 	}) => {
 		transactionStatusModal$.state.set({
 			...transactionStatusModal$.state.get(),
@@ -62,6 +68,8 @@ export const initialState: TransactionStatusModalState = {
 			getTitle,
 			getMessage,
 			type,
+			callbacks,
+			queriesToInvalidate,
 		});
 		transactionStatusModal$.isOpen.set(true);
 	},

package/src/types/api-types.ts

@@ -14,7 +14,7 @@ export {
 	StepType,
 	TransactionCrypto,
 	ExecuteType,
-} from '@internal';
+} from '../react/_internal';
 export type {
 	TokenMetadata,
 	Asset,
@@ -45,4 +45,4 @@ export type {
 	CheckoutOptionsMarketplaceOrder,
 	CheckoutOptionsItem,
 	CheckoutOptions,
-} from '@internal';
+} from '../react/_internal';

package/src/types/callbacks.ts

@@ -0,0 +1,51 @@
+export type BaseCallbacks = {
+	onSuccess?: () => void;
+	onUnknownError?: (error: Error | unknown) => void;
+};
+
+export type SwitchChainCallbacks = BaseCallbacks & {
+	onSwitchingNotSupported?: () => void;
+	onUserRejectedRequest?: () => void;
+};
+
+export type OnApproveTokenError = (error: Error | unknown) => void;
+
+export type BaseErrorCallbacks = {
+	onApproveTokenError?: OnApproveTokenError;
+	onSwitchingNotSupportedError?: () => void;
+	onUserRejectedSwitchingChainRequestError?: () => void;
+	onSwitchChainError?: (error: Error | unknown) => void;
+};
+
+export type BaseSuccessCallbacks = {
+	onApproveTokenSuccess?: () => void;
+	onSwitchChainSuccess?: () => void;
+};
+
+export type CreateListingErrorCallbacks = BaseErrorCallbacks & {
+	onCreateListingError?: (error: Error | unknown) => void;
+};
+export type CreateListingSuccessCallbacks = BaseSuccessCallbacks & {
+	onCreateListingSuccess?: () => void;
+};
+
+export type MakeOfferErrorCallbacks = BaseErrorCallbacks & {
+	onMakeOfferError?: (error: Error | unknown) => void;
+};
+export type MakeOfferSuccessCallbacks = BaseSuccessCallbacks & {
+	onMakeOfferSuccess?: () => void;
+};
+
+export type SellErrorCallbacks = BaseErrorCallbacks & {
+	onSellError?: (error: Error | unknown) => void;
+};
+export type SellSuccessCallbacks = BaseSuccessCallbacks & {
+	onSellSuccess?: () => void;
+};
+
+export type TransferErrorCallbacks = BaseErrorCallbacks & {
+	onTransferError?: (error: Error | unknown) => void;
+};
+export type TransferSuccessCallbacks = BaseSuccessCallbacks & {
+	onTransferSuccess?: () => void;
+};

package/src/types/types.ts

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

package/src/utils/get-public-rpc-client.ts

@@ -1,6 +1,6 @@
 import { allNetworks, findNetworkConfig } from '@0xsequence/network';
-import type { ChainId } from '@internal';
 import { http, type PublicClient, createPublicClient } from 'viem';
+import type { ChainId } from '../react/_internal';
 
 export const getPublicRpcClient = (chainId: ChainId): PublicClient => {
 	const network = findNetworkConfig(allNetworks, chainId);

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"useDefineForClassFields": true,
+		"lib": ["dom", "dom.iterable", "esnext"],
+
+		"module": "ESNext",
+		"skipLibCheck": true,
+
+		"moduleResolution": "bundler",
+		"resolvePackageJsonImports": true,
+		"allowImportingTsExtensions": true,
+		"isolatedModules": true,
+		"moduleDetection": "force",
+		"noEmit": true,
+		"jsx": "react-jsx",
+
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"noFallthroughCasesInSwitch": true
+	},
+	"include": ["src", "tsup.config.ts"]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +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/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/usecheckoutoptions.tsx","./src/react/hooks/usecollectible.tsx","./src/react/hooks/usecollection.tsx","./src/react/hooks/useconfig.tsx","./src/react/hooks/usecountofcollectables.tsx","./src/react/hooks/usecurrencies.tsx","./src/react/hooks/usefilters.tsx","./src/react/hooks/usefloororder.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/uselistoffersforcollectible.tsx","./src/react/hooks/uselowestlisting.tsx","./src/react/hooks/usemarketplaceconfig.tsx","./src/react/hooks/useroyaltypercentage.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/icons/arrowup.tsx","./src/react/ui/icons/calendaricon.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/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/components/actionmodal/actionmodal.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/currencyoptionsselect/styles.css.ts","./src/react/ui/modals/_internal/components/expirationdateselect/index.tsx","./src/react/ui/modals/_internal/components/expirationdateselect/styles.css.ts","./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/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/abi/abi/standard/eip2981.ts","./src/utils/abi/abi/standard/index.ts","./src/utils/abi/abi/token/erc1155.ts","./src/utils/abi/abi/token/erc20.ts","./src/utils/abi/abi/token/erc721.ts","./src/utils/abi/abi/token/index.ts","./src/utils/abi/clients/erc1155.ts","./src/utils/abi/clients/erc20.ts","./src/utils/abi/clients/erc721.ts","./src/utils/abi/clients/index.ts","./tsup.config.ts"],"version":"5.6.3"}

package/tsup.config.ts

@@ -0,0 +1,35 @@
+import { vanillaExtractPlugin } from '@vanilla-extract/esbuild-plugin';
+import { defineConfig } from 'tsup';
+
+export default defineConfig([
+	{
+		entry: ['src/**/index.ts', '!src/react/**'],
+		dts: true,
+		sourcemap: true,
+		format: ['esm'],
+	},
+	{
+		entry: ['src/**/index.ts', '!src/react/ssr/index.ts'],
+		dts: true,
+		sourcemap: true,
+		format: ['esm'],
+		esbuildPlugins: [vanillaExtractPlugin()],
+		esbuildOptions(options) {
+			options.banner = {
+				js: '"use client"',
+			};
+		},
+	},
+	{
+		entry: { 'react/ssr/index': 'src/react/ssr/index.ts' },
+		dts: true,
+		sourcemap: true,
+		format: ['esm'],
+	},
+	{
+		entry: ['src/styles/index.ts'],
+		outDir: 'dist',
+		format: ['esm'],
+		esbuildPlugins: [vanillaExtractPlugin()],
+	},
+]);

package/README.md

@@ -1,8 +0,0 @@
-# Marketplace SDK
-`@0xsequence/marketplace-sdk` provides core functionality for integrators who wish to develop their own web3 Marketplaces using [Sequence's Aggregated Marketplace](https://sequence.xyz/marketplaces) technology.
-
-You can install with:
-
-`pnpm install @0xsequence/marketplace-sdk`
-
-For an example Marketplace implementation that leverages this SDK, see [Sequence Marketplace Boilerplate](https://github.com/0xsequence/marketplace-boilerplate).

package/dist/chunk-3TYUQEFM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/.pnpm/@vanilla-extract+recipes@0.5.5_@vanilla-extract+css@1.16.0/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../src/react/ui/icons/styles.css.ts"],"sourcesContent":["function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import 'src/react/ui/icons/styles.css.ts.vanilla.css?source=LnN0eWxlc19pY29uVmFyaWFudHNfXzF4MTJ0YmUwIHsKICBmbGV4LXNocmluazogMDsKfQouc3R5bGVzX2ljb25WYXJpYW50c19zaXplX3hzX18xeDEydGJlMSB7CiAgaGVpZ2h0OiB2YXIoLS1zZXEtbGluZS1oZWlnaHRzLTQpOwogIHdpZHRoOiB2YXIoLS1zZXEtbGluZS1oZWlnaHRzLTQpOwp9Ci5zdHlsZXNfaWNvblZhcmlhbnRzX3NpemVfc21fXzF4MTJ0YmUyIHsKICBoZWlnaHQ6IHZhcigtLXNlcS1saW5lLWhlaWdodHMtNSk7CiAgd2lkdGg6IHZhcigtLXNlcS1saW5lLWhlaWdodHMtNSk7Cn0KLnN0eWxlc19pY29uVmFyaWFudHNfc2l6ZV9tZF9fMXgxMnRiZTMgewogIGhlaWdodDogdmFyKC0tc2VxLWxpbmUtaGVpZ2h0cy02KTsKICB3aWR0aDogdmFyKC0tc2VxLWxpbmUtaGVpZ2h0cy02KTsKfQouc3R5bGVzX2ljb25WYXJpYW50c19zaXplX2xnX18xeDEydGJlNCB7CiAgaGVpZ2h0OiB2YXIoLS1zZXEtbGluZS1oZWlnaHRzLTcpOwogIHdpZHRoOiB2YXIoLS1zZXEtbGluZS1oZWlnaHRzLTcpOwp9Ci5zdHlsZXNfaWNvblZhcmlhbnRzX3NpemVfeGxfXzF4MTJ0YmU1IHsKICBoZWlnaHQ6IHZhcigtLXNlcS1saW5lLWhlaWdodHMtOSk7CiAgd2lkdGg6IHZhcigtLXNlcS1saW5lLWhlaWdodHMtOSk7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconVariants = _7a468({defaultClassName:'styles_iconVariants__1x12tbe0',variantClassNames:{size:{xs:'styles_iconVariants_size_xs__1x12tbe1',sm:'styles_iconVariants_size_sm__1x12tbe2',md:'styles_iconVariants_size_md__1x12tbe3',lg:'styles_iconVariants_size_lg__1x12tbe4',xl:'styles_iconVariants_size_xl__1x12tbe5'}},defaultVariants:{},compoundVariants:[]});"],"mappings":"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","names":["r"]}

package/dist/chunk-7CL54NCX.js.map

@@ -1 +0,0 @@
-{"version":3,"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 { ChainId as NetworkChainId } from '@0xsequence/network';\nimport type { ContractType } from '@types';\nimport type { Address } from 'viem';\nimport { z } from 'zod';\n\nexport const QueryArgSchema = z\n\t.object({\n\t\tenabled: z.boolean().optional(),\n\t})\n\t.optional();\n\nexport type QueryArg = z.infer<typeof QueryArgSchema>;\n\nexport const CollectableIdSchema = z.string().or(z.number());\n\nexport const ChainIdSchema = z.union([\n\tz.string(),\n\tz.number(),\n\tz.nativeEnum(NetworkChainId),\n]);\n\nexport const AddressSchema = z.string().transform((val, ctx) => {\n\tconst regex = /^0x[a-fA-F0-9]{40}$/;\n\n\tif (!regex.test(val)) {\n\t\tctx.addIssue({\n\t\t\tcode: z.ZodIssueCode.custom,\n\t\t\tmessage: `Invalid Address ${val}`,\n\t\t});\n\t}\n\n\treturn val as Address;\n});\n\nexport type ChainId = z.infer<typeof ChainIdSchema>;\n\nexport type CollectionType = ContractType.ERC1155 | ContractType.ERC721;\n"],"mappings":";;;AAAO,IAAM,cAAc;AAEpB,SAAS,gBAAgB;AAC/B,MAAI,CAAC,WAAW,SAAU,QAAO;AACjC,SAAO,SAAS,eAAe,WAAW;AAC3C;;;ACLA,SAAS,WAAW,sBAAsB;AAG1C,SAAS,SAAS;AAEX,IAAM,iBAAiB,EAC5B,OAAO;AAAA,EACP,SAAS,EAAE,QAAQ,EAAE,SAAS;AAC/B,CAAC,EACA,SAAS;AAIJ,IAAM,sBAAsB,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC;AAEpD,IAAM,gBAAgB,EAAE,MAAM;AAAA,EACpC,EAAE,OAAO;AAAA,EACT,EAAE,OAAO;AAAA,EACT,EAAE,WAAW,cAAc;AAC5B,CAAC;AAEM,IAAM,gBAAgB,EAAE,OAAO,EAAE,UAAU,CAAC,KAAK,QAAQ;AAC/D,QAAM,QAAQ;AAEd,MAAI,CAAC,MAAM,KAAK,GAAG,GAAG;AACrB,QAAI,SAAS;AAAA,MACZ,MAAM,EAAE,aAAa;AAAA,MACrB,SAAS,mBAAmB,GAAG;AAAA,IAChC,CAAC;AAAA,EACF;AAEA,SAAO;AACR,CAAC;","names":[]}