@0xsequence/marketplace-sdk 0.4.0 → 0.4.1

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

@@ -0,0 +1,146 @@
+import {
+	Box,
+	Button,
+	Skeleton,
+	Text,
+	WarningIcon,
+} from '@0xsequence/design-system';
+import { useWaasFeeOptions } from '@0xsequence/kit';
+import { observer } from '@legendapp/state/react';
+import { useEffect } from 'react';
+import { type Hex, zeroAddress } from 'viem';
+import { useAccount } from 'wagmi';
+import { useCurrencyBalance } from '../../../../../hooks/useCurrencyBalance';
+import WaasFeeOptionsSelect, {
+	type FeeOption,
+} from '../waasFeeOptionsSelect/WaasFeeOptionsSelect';
+import { waasFeeOptionsModal$ } from './store';
+import { feeOptionsWrapper } from './styles.css';
+
+type WaasFeeOptionsBoxProps = {
+	onFeeOptionsLoaded: () => void;
+	onFeeOptionConfirmed: () => void;
+	chainId: number;
+};
+
+const WaasFeeOptionsBox = observer(
+	({
+		onFeeOptionsLoaded,
+		onFeeOptionConfirmed,
+		chainId,
+	}: WaasFeeOptionsBoxProps) => {
+		const { address: userAddress } = useAccount();
+		const selectedFeeOption$ = waasFeeOptionsModal$.selectedFeeOption;
+		const [pendingFeeOptionConfirmation, confirmPendingFeeOption] =
+			useWaasFeeOptions();
+		const { data: currencyBalance, isLoading: currencyBalanceLoading } =
+			useCurrencyBalance({
+				chainId,
+				currencyAddress: (selectedFeeOption$.token.contractAddress.get() ||
+					zeroAddress) as Hex,
+				userAddress: userAddress as Hex,
+			});
+
+		// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+		useEffect(() => {
+			if (pendingFeeOptionConfirmation) {
+				onFeeOptionsLoaded();
+			}
+		}, [pendingFeeOptionConfirmation]);
+
+		const selectedFeeOption = selectedFeeOption$.get();
+		const insufficientBalance = (() => {
+			if (!selectedFeeOption?.value || !selectedFeeOption.token.decimals) {
+				return false;
+			}
+
+			if (!currencyBalance?.value && currencyBalance?.value !== 0n) {
+				return true;
+			}
+
+			try {
+				const feeValue = BigInt(selectedFeeOption.value);
+				return currencyBalance.value === 0n || currencyBalance.value < feeValue;
+			} catch {
+				return true;
+			}
+		})();
+
+		const handleConfirmFeeOption = () => {
+			if (!selectedFeeOption?.token || !pendingFeeOptionConfirmation?.id)
+				return;
+
+			confirmPendingFeeOption(
+				pendingFeeOptionConfirmation?.id,
+				selectedFeeOption.token.contractAddress || zeroAddress,
+			);
+
+			onFeeOptionConfirmed();
+		};
+
+		if (!pendingFeeOptionConfirmation) return null;
+
+		return (
+			<Box className={feeOptionsWrapper}>
+				<Text
+					fontSize="medium"
+					fontFamily="body"
+					fontWeight="bold"
+					marginBottom="2"
+				>
+					Select a fee option
+				</Text>
+
+				<WaasFeeOptionsSelect
+					options={(pendingFeeOptionConfirmation?.options as FeeOption[]) || []}
+					selectedFeeOption$={selectedFeeOption$}
+				/>
+
+				<Box
+					display="flex"
+					alignItems="center"
+					justifyContent="space-between"
+					width="full"
+				>
+					{currencyBalanceLoading ? (
+						<Skeleton style={{ height: 15 }} borderRadius="md" width="1/3" />
+					) : (
+						<Box display="flex" alignItems="center" gap="2">
+							{insufficientBalance && (
+								<WarningIcon color="negative" size="xs" />
+							)}
+							<Text
+								fontSize="small"
+								fontWeight="semibold"
+								fontFamily="body"
+								color={insufficientBalance ? 'negative' : 'text100'}
+							>
+								You have {currencyBalance?.formatted || '0'}{' '}
+								{selectedFeeOption?.token.symbol}
+							</Text>
+						</Box>
+					)}
+
+					<Button
+						disabled={
+							!selectedFeeOption?.token ||
+							insufficientBalance ||
+							currencyBalanceLoading
+						}
+						pending={currencyBalanceLoading}
+						onClick={handleConfirmFeeOption}
+						label={
+							<Box display="flex" alignItems="center" gap="2">
+								Confirm
+							</Box>
+						}
+						variant={insufficientBalance ? 'danger' : 'primary'}
+						size="xs"
+					/>
+				</Box>
+			</Box>
+		);
+	},
+);
+
+export default WaasFeeOptionsBox;

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

@@ -0,0 +1,12 @@
+import { observable } from '@legendapp/state';
+import type { FeeOption } from '../waasFeeOptionsSelect/WaasFeeOptionsSelect';
+
+type WaasFeeOptionsModalState = {
+	selectedFeeOption: FeeOption | undefined;
+};
+
+const initialState = {
+	selectedFeeOption: undefined,
+} as WaasFeeOptionsModalState;
+
+export const waasFeeOptionsModal$ = observable(initialState);

package/src/react/ui/modals/_internal/components/waasFeeOptionsBox/styles.css.ts

@@ -0,0 +1,53 @@
+import { atoms } from '@0xsequence/design-system';
+import { globalStyle, style } from '@vanilla-extract/css';
+
+export const feeOptionsWrapper = style([
+	atoms({
+		position: 'absolute',
+		background: 'buttonEmphasis',
+		backdropFilter: 'blur',
+		width: 'full',
+		left: '0',
+		borderRadius: 'lg',
+		display: 'flex',
+		flexDirection: 'column',
+		gap: '2',
+		padding: '4',
+	}),
+	{
+		bottom: '-140px',
+	},
+]);
+
+export const dialogOverlay = style([
+	atoms({
+		background: 'backgroundBackdrop',
+		position: 'fixed',
+		inset: '0',
+		zIndex: '50',
+	}),
+]);
+
+export const dialogContent = style([
+	atoms({
+		display: 'flex',
+		background: 'backgroundPrimary',
+		borderRadius: 'lg',
+		position: 'fixed',
+		zIndex: '50',
+	}),
+	{
+		top: '50%',
+		left: '50%',
+		transform: 'translate(-50%, -50%)',
+		padding: '24px',
+	},
+]);
+
+export const cta = style({
+	borderRadius: '12px !important',
+});
+
+globalStyle(`${cta} > div`, {
+	justifyContent: 'center !important',
+});

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

@@ -0,0 +1,117 @@
+import { Box, Image, Text } from '@0xsequence/design-system';
+import type { Observable } from '@legendapp/state';
+import { observer } from '@legendapp/state/react';
+import { useEffect } from 'react';
+import { formatUnits } from 'viem';
+import {
+	CustomSelect,
+	type SelectItem,
+} from '../../../../components/_internals/custom-select/CustomSelect';
+
+export type FeeOption = {
+	gasLimit: number;
+	to: string;
+	token: {
+		chainId: number;
+		contractAddress: string | null;
+		decimals: number;
+		logoURL: string;
+		name: string;
+		symbol: string;
+		tokenID: string | null;
+		type: string;
+	};
+	value: string;
+};
+
+const WaasFeeOptionsSelect = observer(
+	({
+		options,
+		selectedFeeOption$,
+	}: {
+		options: FeeOption[];
+		selectedFeeOption$: Observable<FeeOption | undefined>;
+	}) => {
+		const feeOptions = options
+			.filter((option) => option.token.contractAddress !== null)
+			.map((option) => {
+				const value = option.token.contractAddress ?? '';
+				return FeeOptionSelectItem({ value, option });
+			});
+
+		// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+		useEffect(() => {
+			if (options.length > 0 && !selectedFeeOption$.get())
+				selectedFeeOption$.set(options[0]);
+		}, [options]);
+
+		if (options.length === 0 || !selectedFeeOption$.get()?.token) return null;
+
+		return (
+			<CustomSelect
+				items={feeOptions}
+				onValueChange={(value) => {
+					const selectedOption = options.find(
+						(option) => option.token.contractAddress === value,
+					);
+
+					selectedFeeOption$.set(selectedOption);
+				}}
+				defaultValue={
+					selectedFeeOption$.get()?.token.contractAddress
+						? FeeOptionSelectItem({
+								value: selectedFeeOption$.get()?.token.contractAddress ?? '',
+								option: selectedFeeOption$.get() ?? options[0],
+							})
+						: undefined
+				}
+			/>
+		);
+	},
+);
+
+function FeeOptionSelectItem({
+	value,
+	option,
+}: {
+	value: string;
+	option: FeeOption;
+}) {
+	return {
+		value,
+		content: (
+			<Box display="flex" alignItems="center" gap="2">
+				<Image
+					src={option.token.logoURL}
+					alt={option.token.symbol}
+					width="3"
+					height="3"
+				/>
+
+				<Box display="flex" gap="1">
+					<Text color="text100" fontSize="small" fontFamily="body">
+						Fee
+					</Text>
+					<Text
+						color="text50"
+						fontSize="small"
+						fontFamily="body"
+						fontWeight="semibold"
+					>
+						(in {option.token.symbol})
+					</Text>
+
+					<Text color="text100" fontSize="small" fontFamily="body">
+						:
+					</Text>
+				</Box>
+
+				<Text fontSize="small" fontFamily="body">
+					{formatUnits(BigInt(option.value), option.token.decimals || 0)}
+				</Text>
+			</Box>
+		),
+	} as SelectItem;
+}
+
+export default WaasFeeOptionsSelect;

package/src/utils/_internal/error/transaction.ts

@@ -1,4 +1,4 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 import { BaseError } from './base';
 
 export type TransactionErrorType<name extends string = 'TransactionError'> =
@@ -263,7 +263,7 @@ export class InvalidCurrencyOptionsError extends TransactionError {
 export class ProjectNotFoundError extends TransactionError {
 	override name = 'ProjectNotFoundError';
 	constructor(projectId: string, url: string) {
-		super(`Project not found`, {
+		super('Project not found', {
 			details: `Project id: ${projectId} not found at ${url}`,
 		});
 	}

package/src/utils/price.ts

@@ -11,11 +11,10 @@ export const calculatePriceDifferencePercentage = ({
 	basePriceRaw,
 	decimals,
 }: CalculatePriceDifferencePercentageArgs) => {
-	const difference = Number(
-		formatUnits(inputPriceRaw - basePriceRaw, decimals),
-	);
+	const inputPrice = Number(formatUnits(inputPriceRaw, decimals));
 	const basePrice = Number(formatUnits(basePriceRaw, decimals));
+	const difference = inputPrice - basePrice;
 	const percentageDifference = (difference / basePrice) * 100;
 
-	return Math.abs(percentageDifference).toFixed(2);
+	return percentageDifference.toFixed(2);
 };

package/tsconfig.json

@@ -1,24 +1,4 @@
 {
-	"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
-	},
+	"extends": "../../tsconfig.json",
 	"include": ["src", "tsup.config.ts"]
 }

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/usecurrencybalance.tsx","./src/react/hooks/usecurrencyoptions.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/currencyimage/index.tsx","./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"}
+{"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/usecurrencybalance.tsx","./src/react/hooks/usecurrencyoptions.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/action-button/types.ts","./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/currencyimage/index.tsx","./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/components/waasfeeoptionsbox/index.tsx","./src/react/ui/modals/_internal/components/waasfeeoptionsbox/store.ts","./src/react/ui/modals/_internal/components/waasfeeoptionsbox/styles.css.ts","./src/react/ui/modals/_internal/components/waasfeeoptionsselect/waasfeeoptionsselect.tsx","./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"}