@0xsequence/marketplace-sdk 1.1.1 → 1.2.0

package/src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts

@@ -8,7 +8,6 @@ import {
 	type AdditionalFee,
 	getMarketplaceClient,
 	getQueryClient,
-	getSequenceApiClient,
 	type MarketplaceKind,
 	type Step,
 	StepType,
@@ -100,23 +99,6 @@ export const getBuyCollectableParams = async ({
 		? ['custom']
 		: checkoutOptions.nftCheckout || [];
 
-	const isTransakSupported = creditCardProviders.includes('transak');
-
-	let transakContractId: string | undefined;
-
-	if (isTransakSupported) {
-		const sequenceApiClient = getSequenceApiClient(config);
-		const transakContractIdResponse =
-			await sequenceApiClient.checkoutOptionsGetTransakContractID({
-				chainId,
-				contractAddress: buyStep.to,
-			});
-
-		if (transakContractIdResponse.contractId !== '') {
-			transakContractId = transakContractIdResponse.contractId;
-		}
-	}
-
 	return {
 		chain: chainId,
 		collectibles: [
@@ -161,11 +143,6 @@ export const getBuyCollectableParams = async ({
 				buyModalStore.send({ type: 'close' });
 			},
 		}),
-		...(transakContractId && {
-			transakConfig: {
-				contractId: transakContractId,
-			},
-		}),
 		onRampProvider,
 		successActionButtons: callbacks?.successActionButtons,
 	} satisfies SelectPaymentSettings;

package/src/react/ui/modals/MakeOfferModal/Modal.tsx

@@ -16,6 +16,7 @@ import {
 	useMarketplaceConfig,
 } from '../../../hooks';
 import { useConnectorMetadata } from '../../../hooks/config/useConnectorMetadata';
+import { useRoyalty } from '../../../hooks/utils/useRoyalty';
 import { ErrorLogBox } from '../../components/_internals/ErrorLogBox';
 import { ActionModal } from '../_internal/components/actionModal/ActionModal';
 import { ErrorModal } from '../_internal/components/actionModal/ErrorModal';
@@ -100,10 +101,21 @@ const Modal = observer(() => {
 		isError: currenciesIsError,
 	} = useMarketCurrencies({
 		chainId,
+		collectionAddress,
 		includeNativeCurrency: false,
 	});
+
+	const { data: royalty, isLoading: royaltyLoading } = useRoyalty({
+		chainId,
+		collectionAddress,
+		collectibleId,
+	});
+
 	const modalLoading =
-		collectableIsLoading || collectionIsLoading || currenciesLoading;
+		collectableIsLoading ||
+		collectionIsLoading ||
+		currenciesLoading ||
+		royaltyLoading;
 
 	const {
 		isLoading,
@@ -159,7 +171,12 @@ const Modal = observer(() => {
 		);
 	}
 
-	if (!modalLoading && (!currencies || currencies.length === 0)) {
+	const shouldShowNoERC20Error =
+		!currenciesLoading &&
+		!currenciesIsError &&
+		(!currencies || currencies.length === 0);
+
+	if (shouldShowNoERC20Error) {
 		return (
 			<ErrorModal
 				isOpen={makeOfferModal$.isOpen.get()}
@@ -280,6 +297,9 @@ const Modal = observer(() => {
 				orderbookKind={orderbookKind}
 				modalType="offer"
 				disabled={shouldHideOfferButton}
+				feeData={{
+					royaltyPercentage: royalty ? Number(royalty.percentage) : 0,
+				}}
 			/>
 
 			{collection?.type === ContractType.ERC1155 && (

package/src/react/ui/modals/MakeOfferModal/__tests__/Modal.test.tsx

@@ -31,6 +31,8 @@ const mockCurrency = {
 	nativeCurrency: false,
 	createdAt: new Date().toISOString(),
 	updatedAt: new Date().toISOString(),
+	openseaListing: true,
+	openseaOffer: true,
 };
 
 describe('MakeOfferModal', () => {

package/src/react/ui/modals/MakeOfferModal/hooks/useGetTokenApproval.tsx

@@ -6,6 +6,7 @@ import {
 	type CreateReq,
 	type GenerateOfferTransactionArgs,
 	getMarketplaceClient,
+	OfferType,
 	type OrderbookKind,
 	type QueryArg,
 	StepType,
@@ -55,6 +56,7 @@ export const useGetTokenApprovalData = (
 						orderbook: params.orderbook,
 						offer,
 						additionalFees: [],
+						offerType: OfferType.item,
 					} satisfies GenerateOfferTransactionArgs;
 					const steps = await marketplaceClient
 						.generateOfferTransaction(args)

package/src/react/ui/modals/MakeOfferModal/hooks/useTransactionSteps.tsx

@@ -6,6 +6,7 @@ import { getSequenceMarketplaceRequestId } from '../../../../../utils/getSequenc
 import {
 	balanceQueries,
 	collectableKeys,
+	OfferType,
 	StepType,
 	type TransactionSteps,
 } from '../../../../_internal';
@@ -78,6 +79,7 @@ export const useTransactionSteps = ({
 					expiry: new Date(Number(offerInput.offer.expiry) * 1000),
 				},
 				additionalFees: [],
+				offerType: OfferType.item,
 			});
 
 			return steps;

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

@@ -3,14 +3,12 @@
 import { Skeleton } from '@0xsequence/design-system';
 import { useEffect } from 'react';
 import type { Address } from 'viem';
-import { compareAddress } from '../../../../../../utils';
 import { type Currency, OrderbookKind } from '../../../../../_internal';
 import { useMarketCurrencies } from '../../../../../hooks/data/market/useMarketCurrencies';
 import {
 	CustomSelect,
 	type SelectItem,
 } from '../../../../components/_internals/custom-select/CustomSelect';
-import { getOpenseaCurrencyForChain } from '../../constants/opensea-currencies';
 
 type CurrencyOptionsSelectProps = {
 	collectionAddress: Address;
@@ -42,17 +40,18 @@ function CurrencyOptionsSelect({
 
 	// Filter currencies for OpenSea
 	let filteredCurrencies = currencies;
+
 	if (currencies && orderbookKind === OrderbookKind.opensea && modalType) {
-		const openseaCurrency = getOpenseaCurrencyForChain(chainId, modalType);
-		if (openseaCurrency) {
-			// Filter to only show the OpenSea-supported currency
-			filteredCurrencies = currencies.filter((currency) =>
-				compareAddress(
-					currency.contractAddress,
-					openseaCurrency.address as Address,
-				),
-			);
-		}
+		// Filter currencies based on OpenSea support flags from API
+		filteredCurrencies = currencies.filter((currency) => {
+			if (modalType === 'listing') {
+				return currency.openseaListing;
+			}
+			if (modalType === 'offer') {
+				return currency.openseaOffer;
+			}
+			return false;
+		});
 	}
 
 	// set default currency
@@ -99,6 +98,9 @@ function CurrencyOptionsSelect({
 		}
 	};
 
+	// Disable dropdown for OpenSea since there's typically only one currency
+	const isDropdownDisabled = orderbookKind === OrderbookKind.opensea;
+
 	return (
 		<CustomSelect
 			items={options}
@@ -107,6 +109,7 @@ function CurrencyOptionsSelect({
 				value: selectedCurrency.contractAddress,
 				content: selectedCurrency.symbol,
 			}}
+			disabled={isDropdownDisabled}
 			testId="currency-select"
 		/>
 	);

package/src/react/ui/modals/_internal/components/floorPriceText/__tests__/FloorPriceText.test.tsx

@@ -19,6 +19,8 @@ describe('FloorPriceText', () => {
 		nativeCurrency: true,
 		createdAt: '',
 		updatedAt: '',
+		openseaListing: true,
+		openseaOffer: true,
 	};
 
 	const mockProps = {

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

@@ -68,7 +68,7 @@ export default function FloorPriceText({
 	}
 
 	return (
-		<div className="flex w-full items-center justify-between gap-2">
+		<div className="flex w-full flex-wrap items-center justify-between gap-2">
 			<Text className="text-left font-body font-medium text-muted text-xs">
 				{floorPriceDifferenceText}
 			</Text>

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

@@ -1,15 +1,21 @@
 'use client';
 
-import { NumericInput, Text } from '@0xsequence/design-system';
+import {
+	InfoIcon,
+	NumericInput,
+	Text,
+	Tooltip,
+} from '@0xsequence/design-system';
 import { useEffect, useRef, useState } from 'react';
-import { type Address, parseUnits } from 'viem';
+import { type Address, formatUnits, parseUnits } from 'viem';
 import { useAccount } from 'wagmi';
 import {
 	type Currency,
 	OrderbookKind,
 	type Price,
 } from '../../../../../../types';
-import { cn } from '../../../../../../utils';
+import { calculateTotalOfferCost, cn } from '../../../../../../utils';
+import { validateOpenseaOfferDecimals } from '../../../../../../utils/price';
 import { useConvertPriceToUSD } from '../../../../../hooks';
 import { useCurrencyBalance } from '../../../../../hooks/data/tokens/useCurrencyBalance';
 import CurrencyImage from '../currencyImage';
@@ -31,6 +37,10 @@ type PriceInputProps = {
 	orderbookKind?: OrderbookKind;
 	setOpenseaLowestPriceCriteriaMet?: (state: boolean) => void;
 	modalType?: 'listing' | 'offer';
+	// Fee data for enhanced balance checking in offers
+	feeData?: {
+		royaltyPercentage?: number;
+	};
 };
 
 export default function PriceInput({
@@ -46,6 +56,7 @@ export default function PriceInput({
 	orderbookKind,
 	setOpenseaLowestPriceCriteriaMet,
 	modalType,
+	feeData,
 }: PriceInputProps) {
 	const { address: accountAddress } = useAccount();
 	const inputRef = useRef<HTMLInputElement>(null);
@@ -85,13 +96,69 @@ export default function PriceInput({
 		chainId,
 		userAddress: accountAddress,
 	});
+	const getTotalRequiredBalance = () => {
+		if (!priceAmountRaw || !currencyDecimals) return BigInt(0);
+
+		const offerAmountRaw = BigInt(priceAmountRaw);
+
+		// For offers, include fees in balance calculation
+		if (modalType === 'offer' && feeData) {
+			return calculateTotalOfferCost(
+				offerAmountRaw,
+				currencyDecimals,
+				feeData.royaltyPercentage || 0,
+			);
+		}
+
+		return offerAmountRaw;
+	};
 
 	const balanceError =
 		!!checkBalance?.enabled &&
 		!!isBalanceSuccess &&
 		!!priceAmountRaw &&
 		!!currencyDecimals &&
-		BigInt(priceAmountRaw) > BigInt(balance?.value || 0n);
+		getTotalRequiredBalance() > BigInt(balance?.value || 0n);
+
+	const hasEnoughForBaseOffer =
+		!!isBalanceSuccess &&
+		!!priceAmountRaw &&
+		BigInt(priceAmountRaw) <= BigInt(balance?.value || 0n);
+
+	const getRoyaltyFeeAmount = () => {
+		if (!priceAmountRaw || !currencyDecimals || !feeData?.royaltyPercentage) {
+			return null;
+		}
+
+		const offerAmount = BigInt(priceAmountRaw);
+		const royaltyFeeAmount =
+			(offerAmount * BigInt(Math.round(feeData.royaltyPercentage * 100))) /
+			BigInt(10000);
+
+		return formatUnits(royaltyFeeAmount, currencyDecimals);
+	};
+
+	const royaltyFeeFormatted = getRoyaltyFeeAmount();
+
+	const RoyaltyFeeTooltip = ({ children }: { children: React.ReactNode }) => (
+		<Tooltip
+			message={
+				<div className="flex flex-col gap-1">
+					<Text className="font-body font-medium text-xs">
+						A royalty fee is a percentage of each resale
+					</Text>
+					<Text className="font-body font-medium text-xs">
+						price that automatically compensates the original
+					</Text>
+					<Text className="font-body font-medium text-xs">
+						creator every time their collectible changes hands.
+					</Text>
+				</div>
+			}
+		>
+			{children}
+		</Tooltip>
+	);
 
 	const openseaLowestPriceCriteriaMet =
 		orderbookKind === OrderbookKind.opensea &&
@@ -108,6 +175,9 @@ export default function PriceInput({
 
 	const [value, setValue] = useState('0');
 	const prevCurrencyDecimals = useRef(currencyDecimals);
+	const [openseaDecimalError, setOpenseaDecimalError] = useState<string | null>(
+		null,
+	);
 
 	// Handle currency changes and adjust the raw amount accordingly
 	useEffect(() => {
@@ -139,6 +209,24 @@ export default function PriceInput({
 
 		if (!price || !onPriceChange) return;
 
+		// Validate OpenSea decimal constraints for offers
+		if (orderbookKind === OrderbookKind.opensea && modalType === 'offer') {
+			const validation = validateOpenseaOfferDecimals(newValue);
+			if (!validation.isValid) {
+				setOpenseaDecimalError(validation.errorMessage || null);
+				try {
+					const parsedAmount = parseUnits(newValue, Number(currencyDecimals));
+					const updatedPrice = { ...price, amountRaw: parsedAmount.toString() };
+					onPriceChange(updatedPrice);
+				} catch {
+					const updatedPrice = { ...price, amountRaw: '0' };
+					onPriceChange(updatedPrice);
+				}
+				return;
+			}
+			setOpenseaDecimalError(null);
+		}
+
 		try {
 			const parsedAmount = parseUnits(newValue, Number(currencyDecimals));
 			const updatedPrice = { ...price, amountRaw: parsedAmount.toString() };
@@ -187,20 +275,60 @@ export default function PriceInput({
 			</div>
 
 			{balanceError && (
-				<Text
-					className="-bottom-5 absolute font-body font-medium text-xs"
-					color="negative"
-				>
-					Insufficient balance
-				</Text>
+				<div className="mt-2">
+					<Text className="font-body font-medium text-xs" color="negative">
+						{modalType === 'offer' &&
+						hasEnoughForBaseOffer &&
+						royaltyFeeFormatted &&
+						Number(royaltyFeeFormatted) > 0 ? (
+							<RoyaltyFeeTooltip>
+								<div className="flex items-center gap-1">
+									<InfoIcon className="h-4 w-4 text-negative" />
+									<Text
+										className="font-body font-medium text-xs"
+										color="negative"
+									>
+										You need {royaltyFeeFormatted} {currency?.symbol} for
+										royalty fees
+									</Text>
+								</div>
+							</RoyaltyFeeTooltip>
+						) : (
+							'Insufficient balance'
+						)}
+					</Text>
+				</div>
 			)}
 
+			{!balanceError &&
+				modalType === 'offer' &&
+				royaltyFeeFormatted &&
+				Number(royaltyFeeFormatted) > 0 && (
+					<div className="mt-2">
+						<RoyaltyFeeTooltip>
+							<div className="flex items-center gap-1">
+								<InfoIcon className="h-4 w-4 text-text-50" />
+
+								<Text className="font-body font-medium text-xs" color="text50">
+									Total:{' '}
+									{(Number(value) + Number(royaltyFeeFormatted))
+										.toFixed(6)
+										.replace(/\.?0+$/, '')}{' '}
+									{currency?.symbol} (includes {royaltyFeeFormatted}{' '}
+									{currency?.symbol} royalty fee)
+								</Text>
+							</div>
+						</RoyaltyFeeTooltip>
+					</div>
+				)}
+
 			{!balanceError &&
 				priceAmountRaw !== '0' &&
 				!openseaLowestPriceCriteriaMet &&
 				orderbookKind === OrderbookKind.opensea &&
 				!isConversionLoading &&
-				modalType === 'offer' && (
+				modalType === 'offer' &&
+				!openseaDecimalError && (
 					<Text
 						className="-bottom-5 absolute font-body font-medium text-xs"
 						color="negative"
@@ -208,6 +336,15 @@ export default function PriceInput({
 						Lowest price must be at least $0.01
 					</Text>
 				)}
+
+			{!balanceError &&
+				openseaDecimalError &&
+				orderbookKind === OrderbookKind.opensea &&
+				modalType === 'offer' && (
+					<Text className="font-body font-medium text-xs" color="negative">
+						{openseaDecimalError}
+					</Text>
+				)}
 		</div>
 	);
 }

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

@@ -109,7 +109,7 @@ export default function TransactionDetails({
 								0 {price.currency.symbol}
 							</Text>
 						) : overflow.status ? (
-							<Tooltip message={formattedAmount + ' ' + price.currency.symbol}>
+							<Tooltip message={`${formattedAmount} ${price.currency.symbol}`}>
 								<div className="flex items-center">
 									<ChevronRightIcon className="h-3 w-3 text-text-100" />
 									<Text

package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/utils.test.ts

@@ -113,6 +113,8 @@ describe('Transaction Status Modal Utils', () => {
 							createdAt: '2024-01-21T00:00:00Z',
 							updatedAt: '2024-01-21T00:00:00Z',
 							status: CurrencyStatus.active,
+							openseaListing: true,
+							openseaOffer: true,
 						},
 					},
 				}),

package/src/styles/styles.ts

@@ -27,7 +27,7 @@ export const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with
   --tw-gradient-via-position: 50%;
   --tw-gradient-to-position: 100%;
 }
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {

package/src/utils/networkconfigToWagmiChain.ts

@@ -14,4 +14,11 @@ export const networkToWagmiChain = (network: NetworkConfig): Chain => ({
 			http: [network.rpcUrl],
 		},
 	},
+	contracts: network.ensAddress
+		? {
+				ensRegistry: {
+					address: network.ensAddress as `0x${string}`,
+				},
+			}
+		: undefined,
 });

package/src/utils/price.ts

@@ -129,3 +129,61 @@ export const formatPriceWithFee = (
 		return '0';
 	}
 };
+
+export const calculateTotalOfferCost = (
+	offerAmountRaw: bigint,
+	decimals: number,
+	royaltyPercentage = 0,
+): bigint => {
+	try {
+		const dnumAmount = [offerAmountRaw, decimals] as dn.Dnum;
+		let totalCost = dn.from(dnumAmount);
+
+		if (royaltyPercentage > 0) {
+			const royaltyFee = dn.multiply(
+				totalCost,
+				dn.from((royaltyPercentage / 100).toString(), decimals),
+			);
+			totalCost = dn.add(totalCost, royaltyFee);
+		}
+
+		const totalCostString = dn.format(totalCost, {
+			digits: decimals,
+			trailingZeros: true,
+		});
+
+		const cleanAmount = totalCostString.replace(/,/g, '');
+
+		return BigInt(Math.round(Number(cleanAmount) * 10 ** decimals));
+	} catch (error) {
+		console.error('Error calculating total offer cost:', error);
+		return offerAmountRaw;
+	}
+};
+
+/**
+ * Validates if a price value meets OpenSea's decimal constraints for offers
+ * OpenSea allows maximum 4 decimal places for offers and minimum 0.0001
+ * @param value - The price value as a string
+ * @returns Object containing validation result and error message
+ * @example
+ * ```ts
+ * const result = validateOpenseaOfferDecimals('0.12345');
+ * // Returns { isValid: false, errorMessage: "Offer amount must be at least 0.0001" }
+ * ```
+ */
+export const validateOpenseaOfferDecimals = (
+	value: string,
+): { isValid: boolean; errorMessage?: string } => {
+	if (!value || value === '0') return { isValid: true };
+
+	const [_, decimals = ''] = value.split('.');
+	if (decimals.length > 4) {
+		return {
+			isValid: false,
+			errorMessage: 'Offer amount must be at least 0.0001',
+		};
+	}
+
+	return { isValid: true };
+};

package/test/const.ts

@@ -61,6 +61,8 @@ export const TEST_CURRENCY: Currency = {
 	nativeCurrency: false,
 	createdAt: '2021-01-01T00:00:00.000Z',
 	updatedAt: '2021-01-01T00:00:00.000Z',
+	openseaListing: true,
+	openseaOffer: true,
 };
 
 export const TEST_CURRENCY_2: Currency = {

package/test/server-setup.ts

@@ -2,7 +2,6 @@ import { HttpResponse, http as mswHttp } from 'msw';
 import { setupServer } from 'msw/node';
 import { handlers as marketplaceConfigHandlers } from '../src/react/_internal/api/__mocks__/builder.msw';
 import { handlers as indexerHandlers } from '../src/react/_internal/api/__mocks__/indexer.msw';
-import { laosHandlers } from '../src/react/_internal/api/__mocks__/laos.msw';
 import { handlers as marketplaceHandlers } from '../src/react/_internal/api/__mocks__/marketplace.msw';
 import { handlers as metadataHandlers } from '../src/react/_internal/api/__mocks__/metadata.msw';
 
@@ -18,6 +17,5 @@ export const server = setupServer(
 	...metadataHandlers,
 	...indexerHandlers,
 	...marketplaceConfigHandlers,
-	...laosHandlers,
 	tickHandler,
 );

package/.changeset/honest-peas-arrive.md

@@ -1,5 +0,0 @@
----
-"@0xsequence/marketplace-sdk": patch
----
-
-Added price filter functionality with new components, badges, and state management, improving filtering and user experience.

package/.changeset/real-tips-stick.md

@@ -1,8 +0,0 @@
----
-"@0xsequence/marketplace-sdk": patch
----
-
-fix(calendar): set selected date to end of day for ‘Today’ selection
-
-Selecting ‘Today’ previously set the time to 00:00, which could correspond to a past time and cause order errors. 
-Added `setToEndOfDay` utility and updated `setSelectedDate` to ensure the selected date is set to 23:59:59.999.

package/.changeset/tall-pandas-wear.md

@@ -1,8 +0,0 @@
----
-"@0xsequence/marketplace-sdk": patch
----
-
-feat(payment): show loading modal while fetching payment params
-
-Previously, null was returned while waiting for payment parameters to load between quantity selection and the checkout modal. 
-Now, a LoadingModal is displayed, giving users visual feedback and preventing actions outside the checkout flow during this state.

package/dist/BellIcon-ByhygxBO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BellIcon-ByhygxBO.js","names":[],"sources":["../src/react/ui/icons/iconVariants.ts","../src/react/ui/icons/BellIcon.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const iconVariants = cva('block shrink-0', {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: 'w-4 h-4',\n\t\t\tsm: 'w-5 h-5',\n\t\t\tmd: 'w-6 h-6',\n\t\t\tlg: 'w-7 h-7',\n\t\t\txl: 'w-9 h-9',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'md',\n\t},\n});\n","'use client';\n\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-17 w-17\"\n\t\tviewBox=\"0 0 17 17\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-labelledby=\"bell-title\"\n\t\t{...props}\n\t>\n\t\t<title id=\"bell-title\">Notification Bell</title>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M12.3127 7.45705V9.74274C12.3127 10.3805 12.6293 10.6971 12.9647 11.0326L12.9652 11.033L12.9679 11.0358C13.3205 11.3893 13.6843 11.754 13.6843 12.4854C13.6843 12.5491 13.6335 12.5998 13.57 12.5998H3.51277C3.44959 12.5998 3.39844 12.5489 3.39844 12.4854C3.39844 11.7539 3.76242 11.389 4.11507 11.0354L4.11754 11.033C4.45305 10.6975 4.76984 10.3807 4.76984 9.74245V7.45676C4.76984 5.6932 5.98854 4.21248 7.62704 3.802V3.11399C7.62704 2.60926 8.03659 2.19971 8.54132 2.19971C9.04606 2.19971 9.45561 2.60926 9.45561 3.11399V3.802C11.094 4.21286 12.3127 5.69335 12.3127 7.45705ZM10.3698 13.1711C10.3698 14.1809 9.55099 14.9997 8.54121 14.9997C7.53128 14.9997 6.71272 14.181 6.71272 13.1711H10.3698ZM8.758 7.70501C9.30005 7.85574 9.6696 7.99832 9.86302 8.13224C10.1776 8.35015 10.3374 8.67657 10.338 9.106C10.338 9.7284 10.1359 10.1706 9.72956 10.4326C9.50571 10.5778 9.18295 10.6723 8.75846 10.7195V11.4005H8.42657V10.7195C7.74604 10.6746 7.28244 10.4349 7.04094 9.99812C6.90703 9.76157 6.83984 9.44246 6.83984 9.04019H7.46277C7.48004 9.35983 7.53041 9.59501 7.6135 9.74163C7.75837 10.0063 8.0303 10.1548 8.42664 10.1861V8.27703C7.9177 8.18078 7.54357 8.01963 7.30116 7.79532C7.0605 7.57102 6.93929 7.25914 6.93929 6.86234C6.93929 6.50686 7.06917 6.18768 7.32977 5.90212C7.58991 5.61657 7.95581 5.47132 8.42619 5.46675V5.00049H8.75808V5.45861C9.22343 5.4927 9.58119 5.62981 9.82863 5.87039C10.0787 6.11144 10.2086 6.43062 10.2204 6.82651H9.60569C9.5907 6.64899 9.54299 6.49507 9.4631 6.36884C9.31595 6.13183 9.08076 6.00697 8.758 5.99518V7.70501ZM7.80143 7.36315C7.95574 7.49478 8.16369 7.58608 8.42611 7.63691L8.42619 5.98886C8.11651 5.99936 7.89723 6.09424 7.76651 6.2681C7.63572 6.4447 7.57036 6.62815 7.57036 6.82019C7.57036 7.05081 7.64705 7.23289 7.80143 7.36315ZM8.75747 10.2033C9.15883 10.1847 9.43305 10.0394 9.58606 9.76522C9.66504 9.62408 9.70415 9.46285 9.70399 9.27948C9.70399 8.98624 9.59686 8.76376 9.38123 8.61121C9.2582 8.52219 9.05079 8.4391 8.75747 8.35921V10.2033Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgBellIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgBellIcon;\n"],"mappings":";;;;;AAEA,MAAa,eAAe,IAAI,kBAAkB;CACjD,UAAU,EACT,MAAM;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,EACD;CACD,iBAAiB,EAChB,MAAM,MACN;CACD,CAAC;;;;ACRF,MAAM,OAAO,UACZ,qBAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,mBAAgB;CAChB,GAAI;YAEJ,oBAAC;EAAM,IAAG;YAAa;GAAyB,EAChD,oBAAC;EACA,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;GACJ;EACG;AAGP,MAAM,eAAe,EAAE,WAAW,OAAO,KAAM,GAAG,YACjD,oBAAC;CACA,WAAW,GACV,aAAa,EACZ,MACA,CAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe"}

package/dist/CartIcon-Bt3rQYGk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartIcon-Bt3rQYGk.js","names":["Svg","Svg"],"sources":["../src/react/ui/icons/InfoIcon.tsx","../src/react/ui/icons/CalendarIcon.tsx","../src/react/ui/icons/CartIcon.tsx"],"sourcesContent":["'use client';\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-label=\"Information\"\n\t\t{...props}\n\t>\n\t\t<title>Information icon</title>\n\t\t<path d=\"M10.75 8.75V13.75H9.25V8.75H10.75Z\" fill=\"white\" />\n\t\t<path\n\t\t\td=\"M9.37508 7.47656C9.55997 7.65885 9.78263 7.75 10.043 7.75C10.2097 7.75 10.3634 7.70833 10.504 7.625C10.6446 7.53906 10.7579 7.42578 10.8438 7.28516C10.9324 7.14193 10.9779 6.98438 10.9805 6.8125C10.9779 6.55729 10.8829 6.33854 10.6954 6.15625C10.5079 5.97396 10.2904 5.88281 10.043 5.88281C9.78263 5.88281 9.55997 5.97396 9.37508 6.15625C9.19279 6.33854 9.10294 6.55729 9.10555 6.8125C9.10294 7.07031 9.19279 7.29167 9.37508 7.47656Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgInfoIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgInfoIcon;\n","'use client';\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-label=\"Calendar icon\"\n\t\t{...props}\n\t>\n\t\t<title>Calendar icon</title>\n\t\t<path\n\t\t\td=\"M4.57634 17.5C3.73146 17.5 3.08946 17.2816 2.65034 16.8449C2.21678 16.4081 2 15.7586 2 14.8965V5.10352C2 4.24135 2.21678 3.59189 2.65034 3.15513C3.08946 2.71838 3.73146 2.5 4.57634 2.5H15.4237C16.2741 2.5 16.9161 2.72121 17.3497 3.16364C17.7832 3.6004 18 4.24702 18 5.10352V14.8965C18 15.753 17.7832 16.3996 17.3497 16.8364C16.9161 17.2788 16.2741 17.5 15.4237 17.5H4.57634ZM4.55133 15.9515H15.4403C15.7738 15.9515 16.0295 15.8636 16.2074 15.6877C16.3908 15.5062 16.4825 15.2396 16.4825 14.888V7.44328C16.4825 7.08593 16.3908 6.81934 16.2074 6.64351C16.0295 6.46767 15.7738 6.37975 15.4403 6.37975H4.55133C4.21782 6.37975 3.96213 6.46767 3.78426 6.64351C3.61195 6.81934 3.52579 7.08593 3.52579 7.44328V14.888C3.52579 15.2396 3.61195 15.5062 3.78426 15.6877C3.96213 15.8636 4.21782 15.9515 4.55133 15.9515ZM8.48671 9.17896C8.34775 9.17896 8.25048 9.15343 8.19489 9.10238C8.13931 9.05133 8.11152 8.95207 8.11152 8.80459V8.33664C8.11152 8.19484 8.13931 8.09841 8.19489 8.04736C8.25048 7.99064 8.34775 7.96228 8.48671 7.96228H8.94528C9.0898 7.96228 9.18708 7.99064 9.2371 8.04736C9.29269 8.09841 9.32048 8.19484 9.32048 8.33664V8.80459C9.32048 8.95207 9.29269 9.05133 9.2371 9.10238C9.18708 9.15343 9.0898 9.17896 8.94528 9.17896H8.48671ZM11.0714 9.17896C10.9269 9.17896 10.8268 9.15343 10.7712 9.10238C10.7212 9.05133 10.6962 8.95207 10.6962 8.80459V8.33664C10.6962 8.19484 10.7212 8.09841 10.7712 8.04736C10.8268 7.99064 10.9269 7.96228 11.0714 7.96228H11.5383C11.6773 7.96228 11.7745 7.99064 11.8301 8.04736C11.8857 8.09841 11.9135 8.19484 11.9135 8.33664V8.80459C11.9135 8.95207 11.8857 9.05133 11.8301 9.10238C11.7745 9.15343 11.6773 9.17896 11.5383 9.17896H11.0714ZM13.6477 9.17896C13.5088 9.17896 13.4115 9.15343 13.3559 9.10238C13.3003 9.05133 13.2725 8.95207 13.2725 8.80459V8.33664C13.2725 8.19484 13.3003 8.09841 13.3559 8.04736C13.4115 7.99064 13.5088 7.96228 13.6477 7.96228H14.1146C14.2592 7.96228 14.3564 7.99064 14.4065 8.04736C14.462 8.09841 14.4898 8.19484 14.4898 8.33664V8.80459C14.4898 8.95207 14.462 9.05133 14.4065 9.10238C14.3564 9.15343 14.2592 9.17896 14.1146 9.17896H13.6477ZM5.90203 11.7825C5.75751 11.7825 5.65746 11.7541 5.60188 11.6974C5.55185 11.6407 5.52684 11.5442 5.52684 11.4081V10.9317C5.52684 10.7842 5.55185 10.6849 5.60188 10.6339C5.65746 10.5828 5.75751 10.5573 5.90203 10.5573H6.36894C6.5079 10.5573 6.60518 10.5828 6.66076 10.6339C6.71635 10.6849 6.74414 10.7842 6.74414 10.9317V11.4081C6.74414 11.5442 6.71635 11.6407 6.66076 11.6974C6.60518 11.7541 6.5079 11.7825 6.36894 11.7825H5.90203ZM8.48671 11.7825C8.34775 11.7825 8.25048 11.7541 8.19489 11.6974C8.13931 11.6407 8.11152 11.5442 8.11152 11.4081V10.9317C8.11152 10.7842 8.13931 10.6849 8.19489 10.6339C8.25048 10.5828 8.34775 10.5573 8.48671 10.5573H8.94528C9.0898 10.5573 9.18708 10.5828 9.2371 10.6339C9.29269 10.6849 9.32048 10.7842 9.32048 10.9317V11.4081C9.32048 11.5442 9.29269 11.6407 9.2371 11.6974C9.18708 11.7541 9.0898 11.7825 8.94528 11.7825H8.48671ZM11.0714 11.7825C10.9269 11.7825 10.8268 11.7541 10.7712 11.6974C10.7212 11.6407 10.6962 11.5442 10.6962 11.4081V10.9317C10.6962 10.7842 10.7212 10.6849 10.7712 10.6339C10.8268 10.5828 10.9269 10.5573 11.0714 10.5573H11.5383C11.6773 10.5573 11.7745 10.5828 11.8301 10.6339C11.8857 10.6849 11.9135 10.7842 11.9135 10.9317V11.4081C11.9135 11.5442 11.8857 11.6407 11.8301 11.6974C11.7745 11.7541 11.6773 11.7825 11.5383 11.7825H11.0714ZM13.6477 11.7825C13.5088 11.7825 13.4115 11.7541 13.3559 11.6974C13.3003 11.6407 13.2725 11.5442 13.2725 11.4081V10.9317C13.2725 10.7842 13.3003 10.6849 13.3559 10.6339C13.4115 10.5828 13.5088 10.5573 13.6477 10.5573H14.1146C14.2592 10.5573 14.3564 10.5828 14.4065 10.6339C14.462 10.6849 14.4898 10.7842 14.4898 10.9317V11.4081C14.4898 11.5442 14.462 11.6407 14.4065 11.6974C14.3564 11.7541 14.2592 11.7825 14.1146 11.7825H13.6477ZM5.90203 14.369C5.75751 14.369 5.65746 14.3434 5.60188 14.2924C5.55185 14.2414 5.52684 14.1421 5.52684 13.9946V13.5267C5.52684 13.3849 5.55185 13.2884 5.60188 13.2374C5.65746 13.1807 5.75751 13.1523 5.90203 13.1523H6.36894C6.5079 13.1523 6.60518 13.1807 6.66076 13.2374C6.71635 13.2884 6.74414 13.3849 6.74414 13.5267V13.9946C6.74414 14.1421 6.71635 14.2414 6.66076 14.2924C6.60518 14.3434 6.5079 14.369 6.36894 14.369H5.90203ZM8.48671 14.369C8.34775 14.369 8.25048 14.3434 8.19489 14.2924C8.13931 14.2414 8.11152 14.1421 8.11152 13.9946V13.5267C8.11152 13.3849 8.13931 13.2884 8.19489 13.2374C8.25048 13.1807 8.34775 13.1523 8.48671 13.1523H8.94528C9.0898 13.1523 9.18708 13.1807 9.2371 13.2374C9.29269 13.2884 9.32048 13.3849 9.32048 13.5267V13.9946C9.32048 14.1421 9.29269 14.2414 9.2371 14.2924C9.18708 14.3434 9.0898 14.369 8.94528 14.369H8.48671ZM11.0714 14.369C10.9269 14.369 10.8268 14.3434 10.7712 14.2924C10.7212 14.2414 10.6962 14.1421 10.6962 13.9946V13.5267C10.6962 13.3849 10.7212 13.2884 10.7712 13.2374C10.8268 13.1807 10.9269 13.1523 11.0714 13.1523H11.5383C11.6773 13.1523 11.7745 13.1807 11.8301 13.2374C11.8857 13.2884 11.9135 13.3849 11.9135 13.5267V13.9946C11.9135 14.1421 11.8857 14.2414 11.8301 14.2924C11.7745 14.3434 11.6773 14.369 11.5383 14.369H11.0714Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgCalendarIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgCalendarIcon;\n","'use client';\n\nimport type { IconProps } from '@0xsequence/design-system';\nimport type { SVGProps } from 'react';\nimport { cn } from '../../../utils';\nimport { iconVariants } from './iconVariants';\n\nconst Svg = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\tclassName=\"h-20 w-20\"\n\t\tviewBox=\"0 0 20 20\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\trole=\"img\"\n\t\taria-labelledby=\"cart-title\"\n\t\t{...props}\n\t>\n\t\t<title id=\"cart-title\">Cart Icon</title>\n\t\t<path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M2.5 3.46836C2.5 3.20969 2.72366 3 2.99955 3H5.16925C5.88938 3 6.5077 3.48022 6.64172 4.14359L8.33188 12.5093C8.37655 12.7304 8.58266 12.8905 8.8227 12.8905H16.987C17.2629 12.8905 17.4866 13.1002 17.4866 13.3589C17.4866 13.6175 17.2629 13.8272 16.987 13.8272H8.8227C8.10257 13.8272 7.48425 13.347 7.35023 12.6836L5.66007 4.31793C5.6154 4.0968 5.40929 3.93673 5.16925 3.93673H2.99955C2.72366 3.93673 2.5 3.72704 2.5 3.46836Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M18.0003 5.34182H6.40946L7.49564 10.8234H17.0736C17.3133 10.8234 17.5193 10.6637 17.5643 10.443L18.491 5.89813C18.5498 5.60942 18.3138 5.34182 18.0003 5.34182Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M10.0889 15.8559C10.0889 16.4878 9.54259 17 8.86866 17C8.19473 17 7.64841 16.4878 7.64841 15.8559C7.64841 15.2241 8.19473 14.7119 8.86866 14.7119C9.54259 14.7119 10.0889 15.2241 10.0889 15.8559Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M16.6268 15.8559C16.6268 16.4878 16.0804 17 15.4065 17C14.7326 17 14.1863 16.4878 14.1863 15.8559C14.1863 15.2241 14.7326 14.7119 15.4065 14.7119C16.0804 14.7119 16.6268 15.2241 16.6268 15.8559Z\"\n\t\t\tfill=\"white\"\n\t\t/>\n\t</svg>\n);\n\nconst SvgCartIcon = ({ className, size = 'sm', ...props }: IconProps) => (\n\t<Svg\n\t\tclassName={cn(\n\t\t\ticonVariants({\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport default SvgCartIcon;\n"],"mappings":";;;;;AAMA,MAAMA,SAAO,UACZ,qBAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,cAAW;CACX,GAAI;;EAEJ,oBAAC,qBAAM,qBAAwB;EAC/B,oBAAC;GAAK,GAAE;GAAqC,MAAK;IAAU;EAC5D,oBAAC;GACA,GAAE;GACF,MAAK;IACJ;EACF,oBAAC;GACA,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;IACJ;;EACG;AAGP,MAAM,eAAe,EAAE,WAAW,OAAO,KAAM,GAAG,YACjD,oBAACA;CACA,WAAW,GACV,aAAa,EACZ,MACA,CAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe;;;;ACrCf,MAAMC,SAAO,UACZ,qBAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,cAAW;CACX,GAAI;YAEJ,oBAAC,qBAAM,kBAAqB,EAC5B,oBAAC;EACA,GAAE;EACF,MAAK;GACJ;EACG;AAGP,MAAM,mBAAmB,EAAE,WAAW,OAAO,KAAM,GAAG,YACrD,oBAACA;CACA,WAAW,GACV,aAAa,EACZ,MACA,CAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,2BAAe;;;;AC7Bf,MAAM,OAAO,UACZ,qBAAC;CACA,WAAU;CACV,SAAQ;CACR,MAAK;CACL,OAAM;CACN,MAAK;CACL,mBAAgB;CAChB,GAAI;;EAEJ,oBAAC;GAAM,IAAG;aAAa;IAAiB;EACxC,oBAAC;GACA,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;IACJ;EACF,oBAAC;GACA,GAAE;GACF,MAAK;IACJ;EACF,oBAAC;GACA,GAAE;GACF,MAAK;IACJ;EACF,oBAAC;GACA,GAAE;GACF,MAAK;IACJ;;EACG;AAGP,MAAM,eAAe,EAAE,WAAW,OAAO,KAAM,GAAG,YACjD,oBAAC;CACA,WAAW,GACV,aAAa,EACZ,MACA,CAAC,EACF,UACA;CACD,GAAI;EACH;AAGH,uBAAe"}

package/dist/CollectibleCard-CVpdgXA8.d.ts

@@ -1,8 +0,0 @@
-import { CollectibleCardProps } from "./types-D2TJ1dwv.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-
-//#region src/react/ui/components/marketplace-collectible-card/CollectibleCard.d.ts
-declare function CollectibleCard(props: CollectibleCardProps): react_jsx_runtime30.JSX.Element | undefined;
-//#endregion
-export { CollectibleCard };
-//# sourceMappingURL=CollectibleCard-CVpdgXA8.d.ts.map