@0xsequence/marketplace-sdk 0.5.4 → 0.5.5

package/src/react/hooks/useConvertPriceToUSD.tsx

@@ -0,0 +1,102 @@
+import { queryOptions, useQuery } from '@tanstack/react-query';
+import { formatUnits } from 'viem';
+import { z } from 'zod';
+import type { SdkConfig } from '../../types';
+import {
+	AddressSchema,
+	ChainIdSchema,
+	QueryArgSchema,
+	currencyKeys,
+	getQueryClient,
+} from '../_internal';
+import { useConfig } from './useConfig';
+import { currenciesOptions } from './useCurrencies';
+
+const ChainIdCoerce = ChainIdSchema.transform((val) => val.toString());
+
+const UseConvertPriceToUSDArgsSchema = z.object({
+	chainId: ChainIdCoerce,
+	currencyAddress: AddressSchema,
+	amountRaw: z.string(),
+	query: QueryArgSchema,
+});
+
+export type UseConvertPriceToUSDArgs = z.input<
+	typeof UseConvertPriceToUSDArgsSchema
+>;
+
+export type UseConvertPriceToUSDReturn = {
+	usdAmount: number;
+	usdAmountFormatted: string;
+};
+
+export const convertPriceToUSD = async (
+	args: UseConvertPriceToUSDArgs,
+	config: SdkConfig,
+): Promise<UseConvertPriceToUSDReturn> => {
+	const parsedArgs = UseConvertPriceToUSDArgsSchema.parse(args);
+	const queryClient = getQueryClient();
+	const currencies = await queryClient.fetchQuery(
+		currenciesOptions(
+			{
+				chainId: parsedArgs.chainId,
+			},
+			config,
+		),
+	);
+	const currencyDetails = currencies.find(
+		(c) =>
+			c.contractAddress.toLowerCase() ===
+			parsedArgs.currencyAddress.toLowerCase(),
+	);
+
+	if (!currencyDetails) {
+		throw new Error('Currency not found');
+	}
+
+	const amountDecimal = Number(
+		formatUnits(BigInt(parsedArgs.amountRaw), currencyDetails.decimals),
+	);
+	const usdAmount = amountDecimal * currencyDetails.exchangeRate;
+
+	return {
+		usdAmount,
+		usdAmountFormatted: usdAmount.toFixed(2),
+	};
+};
+
+export const convertPriceToUSDOptions = (
+	args: UseConvertPriceToUSDArgs,
+	config: SdkConfig,
+) => {
+	return queryOptions({
+		...args.query,
+		queryKey: [
+			...currencyKeys.conversion,
+			args.chainId,
+			args.currencyAddress,
+			args.amountRaw,
+		],
+		queryFn: () => convertPriceToUSD(args, config),
+	});
+};
+
+/**
+ * Hook to convert a price amount from a specific currency to USD
+ * @returns The price amount in USD and formatted USD amount
+ * @example
+ * ```ts
+ * const { data } = useConvertPriceToUSD({
+ *   chainId: 1,
+ *   currencyAddress: "0x0000000000000000000000000000000000000000",
+ *   amountRaw: "1000000000000000000",
+ * });
+ *
+ * console.log(data);
+ * // { usdAmount: 1000, usdAmountFormatted: "1000.00" }
+ * ```
+ */
+export const useConvertPriceToUSD = (args: UseConvertPriceToUSDArgs) => {
+	const config = useConfig();
+	return useQuery(convertPriceToUSDOptions(args, config));
+};

package/src/react/ui/components/collectible-card/CollectibleCard.tsx

@@ -184,6 +184,7 @@ export function CollectibleCard({
 						lowestListingPriceAmount={lowestListing?.order?.priceAmount}
 						lowestListingCurrency={lowestListingCurrency}
 						balance={balance}
+						decimals={collectibleMetadata?.decimals}
 					/>
 
 					{(highestOffer || lowestListing) && (

package/src/react/ui/components/collectible-card/Footer.tsx

@@ -15,6 +15,7 @@ const formatPrice = (amount: string, currency: Currency): string => {
 type FooterProps = {
 	name: string;
 	type?: ContractType;
+	decimals?: number;
 	onOfferClick?: () => void;
 	highestOffer?: Order;
 	lowestListingPriceAmount?: string;
@@ -25,6 +26,7 @@ type FooterProps = {
 export const Footer = ({
 	name,
 	type,
+	decimals,
 	onOfferClick,
 	highestOffer,
 	lowestListingPriceAmount,
@@ -104,7 +106,11 @@ export const Footer = ({
 				</Text>
 			</Box>
 
-			<TokenTypeBalancePill balance={balance} type={type as ContractType} />
+			<TokenTypeBalancePill
+				balance={balance}
+				type={type as ContractType}
+				decimals={decimals}
+			/>
 		</Box>
 	);
 };
@@ -112,14 +118,16 @@ export const Footer = ({
 const TokenTypeBalancePill = ({
 	balance,
 	type,
+	decimals,
 }: {
 	balance?: string;
 	type: ContractType;
+	decimals?: number;
 }) => {
 	const displayText =
 		type === ContractType.ERC1155
 			? balance
-				? `Owned: ${balance}`
+				? `Owned: ${formatUnits(BigInt(balance), decimals ?? 0)}`
 				: 'ERC-1155'
 			: 'ERC-721';
 

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

@@ -1,9 +1,10 @@
 import { useSelectPaymentModal } from '@0xsequence/kit-checkout';
 import type { QueryKey } from '@tanstack/react-query';
-import type { Hash, Hex } from 'viem';
+import { type Hash, type Hex, zeroAddress } from 'viem';
 import {
 	type CheckoutOptions,
 	type MarketplaceKind,
+	StepType,
 	WalletKind,
 	balanceQueries,
 	collectableKeys,
@@ -92,11 +93,37 @@ export const useBuyCollectable = ({
 				walletType: WalletKind.unknown,
 			});
 
+			const order = await marketplaceClient.getOrders({
+				input: [
+					{
+						orderId: input.orderId,
+						contractAddress: collectionAddress,
+						marketplace: input.marketplace,
+					},
+				],
+			});
+
 			// these states are necessary to manage appearance of the quantity modal
 			setCheckoutModalLoaded(true);
 			setCheckoutModalIsLoading(false);
 
-			const step = steps[0];
+			const step = steps.find((step) => step.id === StepType.buy);
+
+			if (!step) {
+				throw new Error('Buy step not found');
+			}
+
+			const feesBps = BigInt(fees.amount);
+			let price = String(
+				(BigInt(order.orders[0].priceAmount) *
+					BigInt(input.quantity) *
+					(10000n + feesBps)) /
+					10000n,
+			);
+
+			if (order.orders[0].priceCurrencyAddress !== zeroAddress) {
+				price = '0';
+			}
 
 			openSelectPaymentModal({
 				chain: chainId,
@@ -108,7 +135,7 @@ export const useBuyCollectable = ({
 					},
 				],
 				currencyAddress: priceCurrencyAddress,
-				price: step.value,
+				price,
 				targetContractAddress: step.to,
 				txData: step.data as Hex,
 				collectionAddress,

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

@@ -1,8 +1,7 @@
 import { Text } from '@0xsequence/design-system';
 import type { Hex } from 'viem';
 import type { Price } from '../../../../../../types';
-import { calculatePriceDifferencePercentage } from '../../../../../../utils';
-import { useLowestListing } from '../../../../../hooks';
+import { useComparePrices, useLowestListing } from '../../../../../hooks';
 
 export default function FloorPriceText({
 	chainId,
@@ -26,20 +25,39 @@ export default function FloorPriceText({
 
 	const floorPriceRaw = listing?.order?.priceAmount;
 
-	if (!floorPriceRaw || listingLoading || price.amountRaw === '0') {
+	const { data: priceComparison, isLoading: comparisonLoading } =
+		useComparePrices({
+			chainId,
+			priceAmountRaw: price.amountRaw || '0',
+			priceCurrencyAddress: price.currency.contractAddress,
+			compareToPriceAmountRaw: floorPriceRaw || '0',
+			compareToPriceCurrencyAddress:
+				listing?.order?.priceCurrencyAddress || price.currency.contractAddress,
+			query: {
+				enabled: !!floorPriceRaw && !listingLoading && price.amountRaw !== '0',
+			},
+		});
+
+	if (
+		!floorPriceRaw ||
+		listingLoading ||
+		price.amountRaw === '0' ||
+		comparisonLoading
+	) {
 		return null;
 	}
 
-	const floorPriceDifference = calculatePriceDifferencePercentage({
-		inputPriceRaw: BigInt(price.amountRaw),
-		basePriceRaw: BigInt(floorPriceRaw),
-		decimals: price.currency.decimals,
-	});
+	let floorPriceDifferenceText = 'Same as floor price';
 
-	const floorPriceDifferenceText =
-		floorPriceRaw === price.amountRaw
-			? 'Same as floor price'
-			: `${floorPriceDifference}% ${floorPriceRaw > price.amountRaw ? 'below' : 'above'} floor price`;
+	if (priceComparison) {
+		if (priceComparison.status === 'same') {
+			floorPriceDifferenceText = 'Same as floor price';
+		} else {
+			floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% ${
+				priceComparison.status === 'below' ? 'below' : 'above'
+			} floor price`;
+		}
+	}
 
 	return (
 		<Text

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

@@ -1,14 +1,16 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { observable } from '@legendapp/state';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import PriceInput from '..';
 import type { Currency, Price } from '../../../../../../../types';
+import { CurrencyStatus } from '../../../../../../_internal';
 import {
-	render,
-	screen,
+	act,
 	cleanup,
 	fireEvent,
+	render,
+	screen,
+	waitFor,
 } from '../../../../../../_internal/test-utils';
-import { CurrencyStatus } from '../../../../../../_internal';
 
 vi.mock('../hooks/usePriceInput', () => ({
 	usePriceInput: vi.fn(({ onPriceChange }) => ({
@@ -34,6 +36,7 @@ vi.mock('../../../../../hooks/useCurrencyBalance', () => ({
 	})),
 }));
 
+// TODO: Remove local mocks
 // Mock currency data
 const MOCK_CURRENCY: Currency = {
 	symbol: 'USDC',
@@ -50,6 +53,15 @@ const MOCK_CURRENCY: Currency = {
 	updatedAt: new Date().toISOString(),
 };
 
+// Mock currency with different decimals
+const MOCK_CURRENCY_HIGH_DECIMALS: Currency = {
+	...MOCK_CURRENCY,
+	symbol: 'aPOL',
+	contractAddress: '0x5678' as `0x${string}`,
+	name: 'aPOL Token',
+	decimals: 18,
+};
+
 // Mock price data
 const createMockPrice = (amount = '0'): Price => ({
 	amountRaw: amount,
@@ -121,4 +133,39 @@ describe('PriceInput', () => {
 
 		expect(onPriceChange).not.toHaveBeenCalled();
 	});
+
+	it('should adjust raw amount when currency decimals change', async () => {
+		// Create a price observable with initial currency (6 decimals)
+		const price$ = observable<Price | undefined>(createMockPrice());
+		const onPriceChange = vi.fn();
+
+		render(
+			<PriceInput
+				{...defaultProps}
+				$price={price$}
+				onPriceChange={onPriceChange}
+			/>,
+		);
+
+		// Enter a price value
+		const input = screen.getByRole('textbox', { name: /price/i });
+
+		act(() => {
+			fireEvent.change(input, { target: { value: '1000' } });
+		});
+
+		// Verify initial raw amount (with 6 decimals)
+		expect(price$.get()?.amountRaw).toBe('1000000000');
+
+		// Change currency to one with 18 decimals
+		act(() => {
+			price$.currency.set(MOCK_CURRENCY_HIGH_DECIMALS);
+		});
+
+		// Wait for the effect to process
+		await waitFor(() => {
+			// The raw amount should be adjusted for the new currency's decimals
+			expect(price$.get()?.amountRaw).toBe('1000000000000000000000');
+		});
+	});
 });

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

@@ -1,14 +1,14 @@
 import { Box, NumericInput, Text } from '@0xsequence/design-system';
 import type { Observable } from '@legendapp/state';
+import { use$ } from '@legendapp/state/react';
+import { useEffect, useRef, useState } from 'react';
 import { type Hex, parseUnits } from 'viem';
 import { useAccount } from 'wagmi';
 import type { Price } from '../../../../../../types';
+import { useCurrencyBalance } from '../../../../../hooks/useCurrencyBalance';
 import CurrencyImage from '../currencyImage';
 import CurrencyOptionsSelect from '../currencyOptionsSelect';
 import { priceInputCurrencyImage, priceInputWrapper } from './styles.css';
-import { use$ } from '@legendapp/state/react';
-import { useCurrencyBalance } from '../../../../../hooks/useCurrencyBalance';
-import { useState } from 'react';
 
 type PriceInputProps = {
 	collectionAddress: Hex;
@@ -55,6 +55,27 @@ export default function PriceInput({
 	}
 
 	const [value, setValue] = useState('0');
+	const prevCurrencyDecimals = useRef(currencyDecimals);
+
+	// Handle currency changes and adjust the raw amount accordingly
+	useEffect(() => {
+		if (prevCurrencyDecimals.current !== currencyDecimals && value !== '0') {
+			try {
+				// If the user has entered a value and the currency decimals have changed,
+				// we need to adjust the raw amount to maintain the same displayed value
+				const parsedAmount = parseUnits(value, Number(currencyDecimals));
+				$price.amountRaw.set(parsedAmount.toString());
+
+				if (onPriceChange && parsedAmount !== 0n) {
+					onPriceChange();
+				}
+			} catch {
+				$price.amountRaw.set('0');
+			}
+		}
+
+		prevCurrencyDecimals.current = currencyDecimals;
+	}, [currencyDecimals, $price.amountRaw, value, onPriceChange]);
 
 	const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
 		const newValue = event.target.value;

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/consts.ts","./src/index.ts","./src/react/index.ts","./src/react/provider.tsx","./src/react/__tests__/provider.test.tsx","./src/react/_internal/consts.ts","./src/react/_internal/get-provider.ts","./src/react/_internal/index.ts","./src/react/_internal/logger.ts","./src/react/_internal/test-utils.tsx","./src/react/_internal/types.ts","./src/react/_internal/utils.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/api/__mocks__/indexer.msw.ts","./src/react/_internal/api/__mocks__/marketplace.msw.ts","./src/react/_internal/api/__mocks__/metadata.msw.ts","./src/react/_internal/databeat/index.ts","./src/react/_internal/databeat/types.ts","./src/react/_internal/test/setup.ts","./src/react/_internal/test/mocks/publicclient.ts","./src/react/_internal/test/mocks/wagmi.ts","./src/react/_internal/test/mocks/wallet.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/_internal/wagmi/__tests__/create-config.test.ts","./src/react/_internal/wallet/usewallet.ts","./src/react/_internal/wallet/wallet.ts","./src/react/hooks/index.ts","./src/react/hooks/useautoselectfeeoption.tsx","./src/react/hooks/usebalanceofcollectible.tsx","./src/react/hooks/usecancelorder.tsx","./src/react/hooks/usecanceltransactionsteps.tsx","./src/react/hooks/usecheckoutoptions.tsx","./src/react/hooks/usecollectible.tsx","./src/react/hooks/usecollection.tsx","./src/react/hooks/usecollectionbalancedetails.tsx","./src/react/hooks/usecollectiondetails.tsx","./src/react/hooks/usecollectiondetailspolling.tsx","./src/react/hooks/useconfig.tsx","./src/react/hooks/usecountlistingsforcollectible.tsx","./src/react/hooks/usecountofcollectables.tsx","./src/react/hooks/usecountoffersforcollectible.tsx","./src/react/hooks/usecurrencies.tsx","./src/react/hooks/usecurrency.tsx","./src/react/hooks/usecurrencybalance.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/usegetreceiptfromhash.tsx","./src/react/hooks/usehighestoffer.tsx","./src/react/hooks/uselistbalances.tsx","./src/react/hooks/uselistcollectibleactivities.tsx","./src/react/hooks/uselistcollectibles.tsx","./src/react/hooks/uselistcollectiblespaginated.tsx","./src/react/hooks/uselistcollectionactivities.tsx","./src/react/hooks/uselistcollections.tsx","./src/react/hooks/uselistlistingsforcollectible.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/__tests__/useautoselectfeeoption.test.tsx","./src/react/hooks/__tests__/usebalanceofcollectible.test.tsx","./src/react/hooks/__tests__/usecancelorder.test.tsx","./src/react/hooks/__tests__/usecanceltransactionsteps.test.tsx","./src/react/hooks/__tests__/usecollectible.test.tsx","./src/react/hooks/__tests__/usecollection.test.tsx","./src/react/hooks/__tests__/usecollectionbalancedetails.test.tsx","./src/react/hooks/__tests__/usecollectiondetails.test.tsx","./src/react/hooks/__tests__/usecollectiondetailspolling.test.tsx","./src/react/hooks/__tests__/usecountlistingsforcollectible.test.tsx","./src/react/hooks/__tests__/usecountofcollectables.test.tsx","./src/react/hooks/__tests__/usecountoffersforcollectible.test.tsx","./src/react/hooks/__tests__/usecurrencies.test.tsx","./src/react/hooks/__tests__/usecurrency.test.tsx","./src/react/hooks/__tests__/usecurrencybalance.test.tsx","./src/react/hooks/__tests__/usefilters.test.tsx","./src/react/hooks/__tests__/usefloororder.test.tsx","./src/react/hooks/__tests__/usegeneratebuytransaction.test.tsx","./src/react/hooks/__tests__/usegeneratecanceltransaction.test.tsx","./src/react/hooks/__tests__/usegeneratelistingtransaction.test.tsx","./src/react/hooks/__tests__/usegenerateoffertransaction.test.tsx","./src/react/hooks/__tests__/usegenerateselltransaction.test.tsx","./src/react/hooks/__tests__/usehighestoffer.test.tsx","./src/react/hooks/__tests__/uselistbalances.test.tsx","./src/react/hooks/__tests__/uselistcollectibleactivities.test.tsx","./src/react/hooks/__tests__/uselistcollectibles.test.tsx","./src/react/hooks/__tests__/uselistcollectiblespaginated.test.tsx","./src/react/hooks/__tests__/uselistcollectionactivities.test.tsx","./src/react/hooks/__tests__/uselistcollections.test.tsx","./src/react/hooks/__tests__/uselistlistingsforcollectible.test.tsx","./src/react/hooks/__tests__/uselistoffersforcollectible.test.tsx","./src/react/hooks/__tests__/uselowestlisting.test.tsx","./src/react/hooks/__tests__/usemarketplaceconfig.test.tsx","./src/react/hooks/__tests__/useroyaltypercentage.test.tsx","./src/react/hooks/options/marketplaceconfigoptions.ts","./src/react/hooks/options/__mocks__/marketplaceconfig.msw.ts","./src/react/hooks/options/__tests__/marketplaceconfigoptions.test.tsx","./src/react/ssr/create-ssr-client.ts","./src/react/ssr/index.ts","./src/react/ui/index.ts","./src/react/ui/components/_internals/action-button/actionbutton.tsx","./src/react/ui/components/_internals/action-button/store.ts","./src/react/ui/components/_internals/action-button/styles.css.ts","./src/react/ui/components/_internals/action-button/types.ts","./src/react/ui/components/_internals/action-button/components/actionbuttonbody.tsx","./src/react/ui/components/_internals/action-button/components/nonowneractions.tsx","./src/react/ui/components/_internals/action-button/components/owneractions.tsx","./src/react/ui/components/_internals/action-button/hooks/useactionbuttonlogic.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/custom-select/__tests__/customselect.test.tsx","./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/index.ts","./src/react/ui/components/collectible-card/styles.css.ts","./src/react/ui/components/marketplace-logos/index.ts","./src/react/ui/components/marketplace-logos/marketplace-logos.tsx","./src/react/ui/icons/arrowup.tsx","./src/react/ui/icons/bell.tsx","./src/react/ui/icons/calendaricon.tsx","./src/react/ui/icons/carticon.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/buymodal/modal.tsx","./src/react/ui/modals/buymodal/index.tsx","./src/react/ui/modals/buymodal/store.ts","./src/react/ui/modals/buymodal/__tests__/modal.test.tsx","./src/react/ui/modals/buymodal/__tests__/store.test.ts","./src/react/ui/modals/buymodal/hooks/usebuycollectable.ts","./src/react/ui/modals/buymodal/hooks/usecheckoutoptions.ts","./src/react/ui/modals/buymodal/hooks/usefees.ts","./src/react/ui/modals/buymodal/hooks/useloaddata.ts","./src/react/ui/modals/buymodal/hooks/__tests__/usebuycollectable.test.tsx","./src/react/ui/modals/buymodal/hooks/__tests__/usecheckoutoptions.test.tsx","./src/react/ui/modals/buymodal/hooks/__tests__/usefees.test.tsx","./src/react/ui/modals/buymodal/hooks/__tests__/useloaddata.test.tsx","./src/react/ui/modals/buymodal/modals/checkoutmodal.tsx","./src/react/ui/modals/buymodal/modals/modal1155.tsx","./src/react/ui/modals/buymodal/modals/__tests__/checkoutmodal.test.tsx","./src/react/ui/modals/buymodal/modals/__tests__/modal1155.test.tsx","./src/react/ui/modals/createlistingmodal/modal.tsx","./src/react/ui/modals/createlistingmodal/index.tsx","./src/react/ui/modals/createlistingmodal/store.ts","./src/react/ui/modals/createlistingmodal/__tests__/modal.test.tsx","./src/react/ui/modals/createlistingmodal/hooks/usecreatelisting.tsx","./src/react/ui/modals/createlistingmodal/hooks/usegettokenapproval.ts","./src/react/ui/modals/createlistingmodal/hooks/usetransactionsteps.tsx","./src/react/ui/modals/makeoffermodal/modal.tsx","./src/react/ui/modals/makeoffermodal/index.tsx","./src/react/ui/modals/makeoffermodal/store.ts","./src/react/ui/modals/makeoffermodal/__tests__/modal.test.tsx","./src/react/ui/modals/makeoffermodal/hooks/usegettokenapproval.tsx","./src/react/ui/modals/makeoffermodal/hooks/usemakeoffer.tsx","./src/react/ui/modals/makeoffermodal/hooks/usetransactionsteps.tsx","./src/react/ui/modals/sellmodal/modal.tsx","./src/react/ui/modals/sellmodal/index.tsx","./src/react/ui/modals/sellmodal/store.ts","./src/react/ui/modals/sellmodal/utils.ts","./src/react/ui/modals/sellmodal/__tests__/modal.test.tsx","./src/react/ui/modals/sellmodal/hooks/usegettokenapproval.tsx","./src/react/ui/modals/sellmodal/hooks/usesell.tsx","./src/react/ui/modals/sellmodal/hooks/usetransactionsteps.tsx","./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/successfulpurchasemodal/__tests__/modal.test.tsx","./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/currencyoptionsselect/__tests__/index.test.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/priceinput/__tests__/index.test.tsx","./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/switchchainmodal/__tests__/switchchainmodal.test.tsx","./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/__tests__/transactionstatusmodal.test.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/__tests__/utils.test.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/hooks/usetransactionstatus.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/builder-types.ts","./src/types/custom.d.ts","./src/types/index.ts","./src/types/messages.ts","./src/types/sdk-config.ts","./src/types/types.ts","./src/utils/address.ts","./src/utils/date.ts","./src/utils/get-public-rpc-client.ts","./src/utils/getmarketplacedetails.ts","./src/utils/index.ts","./src/utils/network.ts","./src/utils/price.ts","./src/utils/__tests__/address.test.ts","./src/utils/__tests__/date.test.ts","./src/utils/__tests__/get-public-rpc-client.test.ts","./src/utils/__tests__/getmarketplacedetails.test.ts","./src/utils/__tests__/price.test.ts","./src/utils/_internal/error/base.ts","./src/utils/_internal/error/config.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.3"}
+{"root":["./src/consts.ts","./src/index.ts","./src/react/index.ts","./src/react/provider.tsx","./src/react/__tests__/provider.test.tsx","./src/react/_internal/consts.ts","./src/react/_internal/get-provider.ts","./src/react/_internal/index.ts","./src/react/_internal/logger.ts","./src/react/_internal/test-utils.tsx","./src/react/_internal/types.ts","./src/react/_internal/utils.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/api/__mocks__/indexer.msw.ts","./src/react/_internal/api/__mocks__/marketplace.msw.ts","./src/react/_internal/api/__mocks__/metadata.msw.ts","./src/react/_internal/databeat/index.ts","./src/react/_internal/databeat/types.ts","./src/react/_internal/test/setup.ts","./src/react/_internal/test/mocks/publicclient.ts","./src/react/_internal/test/mocks/wagmi.ts","./src/react/_internal/test/mocks/wallet.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/_internal/wagmi/__tests__/create-config.test.ts","./src/react/_internal/wallet/usewallet.ts","./src/react/_internal/wallet/wallet.ts","./src/react/hooks/index.ts","./src/react/hooks/useautoselectfeeoption.tsx","./src/react/hooks/usebalanceofcollectible.tsx","./src/react/hooks/usecancelorder.tsx","./src/react/hooks/usecanceltransactionsteps.tsx","./src/react/hooks/usecheckoutoptions.tsx","./src/react/hooks/usecollectible.tsx","./src/react/hooks/usecollection.tsx","./src/react/hooks/usecollectionbalancedetails.tsx","./src/react/hooks/usecollectiondetails.tsx","./src/react/hooks/usecollectiondetailspolling.tsx","./src/react/hooks/usecompareprices.tsx","./src/react/hooks/useconfig.tsx","./src/react/hooks/useconvertpricetousd.tsx","./src/react/hooks/usecountlistingsforcollectible.tsx","./src/react/hooks/usecountofcollectables.tsx","./src/react/hooks/usecountoffersforcollectible.tsx","./src/react/hooks/usecurrencies.tsx","./src/react/hooks/usecurrency.tsx","./src/react/hooks/usecurrencybalance.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/usegetreceiptfromhash.tsx","./src/react/hooks/usehighestoffer.tsx","./src/react/hooks/uselistbalances.tsx","./src/react/hooks/uselistcollectibleactivities.tsx","./src/react/hooks/uselistcollectibles.tsx","./src/react/hooks/uselistcollectiblespaginated.tsx","./src/react/hooks/uselistcollectionactivities.tsx","./src/react/hooks/uselistcollections.tsx","./src/react/hooks/uselistlistingsforcollectible.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/__tests__/useautoselectfeeoption.test.tsx","./src/react/hooks/__tests__/usebalanceofcollectible.test.tsx","./src/react/hooks/__tests__/usecancelorder.test.tsx","./src/react/hooks/__tests__/usecanceltransactionsteps.test.tsx","./src/react/hooks/__tests__/usecollectible.test.tsx","./src/react/hooks/__tests__/usecollection.test.tsx","./src/react/hooks/__tests__/usecollectionbalancedetails.test.tsx","./src/react/hooks/__tests__/usecollectiondetails.test.tsx","./src/react/hooks/__tests__/usecollectiondetailspolling.test.tsx","./src/react/hooks/__tests__/usecompareprices.test.tsx","./src/react/hooks/__tests__/useconvertpricetousd.test.tsx","./src/react/hooks/__tests__/usecountlistingsforcollectible.test.tsx","./src/react/hooks/__tests__/usecountofcollectables.test.tsx","./src/react/hooks/__tests__/usecountoffersforcollectible.test.tsx","./src/react/hooks/__tests__/usecurrencies.test.tsx","./src/react/hooks/__tests__/usecurrency.test.tsx","./src/react/hooks/__tests__/usecurrencybalance.test.tsx","./src/react/hooks/__tests__/usefilters.test.tsx","./src/react/hooks/__tests__/usefloororder.test.tsx","./src/react/hooks/__tests__/usegeneratebuytransaction.test.tsx","./src/react/hooks/__tests__/usegeneratecanceltransaction.test.tsx","./src/react/hooks/__tests__/usegeneratelistingtransaction.test.tsx","./src/react/hooks/__tests__/usegenerateoffertransaction.test.tsx","./src/react/hooks/__tests__/usegenerateselltransaction.test.tsx","./src/react/hooks/__tests__/usehighestoffer.test.tsx","./src/react/hooks/__tests__/uselistbalances.test.tsx","./src/react/hooks/__tests__/uselistcollectibleactivities.test.tsx","./src/react/hooks/__tests__/uselistcollectibles.test.tsx","./src/react/hooks/__tests__/uselistcollectiblespaginated.test.tsx","./src/react/hooks/__tests__/uselistcollectionactivities.test.tsx","./src/react/hooks/__tests__/uselistcollections.test.tsx","./src/react/hooks/__tests__/uselistlistingsforcollectible.test.tsx","./src/react/hooks/__tests__/uselistoffersforcollectible.test.tsx","./src/react/hooks/__tests__/uselowestlisting.test.tsx","./src/react/hooks/__tests__/usemarketplaceconfig.test.tsx","./src/react/hooks/__tests__/useroyaltypercentage.test.tsx","./src/react/hooks/options/marketplaceconfigoptions.ts","./src/react/hooks/options/__mocks__/marketplaceconfig.msw.ts","./src/react/hooks/options/__tests__/marketplaceconfigoptions.test.tsx","./src/react/ssr/create-ssr-client.ts","./src/react/ssr/index.ts","./src/react/ui/index.ts","./src/react/ui/components/_internals/action-button/actionbutton.tsx","./src/react/ui/components/_internals/action-button/store.ts","./src/react/ui/components/_internals/action-button/styles.css.ts","./src/react/ui/components/_internals/action-button/types.ts","./src/react/ui/components/_internals/action-button/components/actionbuttonbody.tsx","./src/react/ui/components/_internals/action-button/components/nonowneractions.tsx","./src/react/ui/components/_internals/action-button/components/owneractions.tsx","./src/react/ui/components/_internals/action-button/hooks/useactionbuttonlogic.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/custom-select/__tests__/customselect.test.tsx","./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/index.ts","./src/react/ui/components/collectible-card/styles.css.ts","./src/react/ui/components/marketplace-logos/index.ts","./src/react/ui/components/marketplace-logos/marketplace-logos.tsx","./src/react/ui/icons/arrowup.tsx","./src/react/ui/icons/bell.tsx","./src/react/ui/icons/calendaricon.tsx","./src/react/ui/icons/carticon.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/buymodal/modal.tsx","./src/react/ui/modals/buymodal/index.tsx","./src/react/ui/modals/buymodal/store.ts","./src/react/ui/modals/buymodal/__tests__/modal.test.tsx","./src/react/ui/modals/buymodal/__tests__/store.test.ts","./src/react/ui/modals/buymodal/hooks/usebuycollectable.ts","./src/react/ui/modals/buymodal/hooks/usecheckoutoptions.ts","./src/react/ui/modals/buymodal/hooks/usefees.ts","./src/react/ui/modals/buymodal/hooks/useloaddata.ts","./src/react/ui/modals/buymodal/hooks/__tests__/usecheckoutoptions.test.tsx","./src/react/ui/modals/buymodal/hooks/__tests__/usefees.test.tsx","./src/react/ui/modals/buymodal/hooks/__tests__/useloaddata.test.tsx","./src/react/ui/modals/buymodal/modals/checkoutmodal.tsx","./src/react/ui/modals/buymodal/modals/modal1155.tsx","./src/react/ui/modals/buymodal/modals/__tests__/checkoutmodal.test.tsx","./src/react/ui/modals/buymodal/modals/__tests__/modal1155.test.tsx","./src/react/ui/modals/createlistingmodal/modal.tsx","./src/react/ui/modals/createlistingmodal/index.tsx","./src/react/ui/modals/createlistingmodal/store.ts","./src/react/ui/modals/createlistingmodal/__tests__/modal.test.tsx","./src/react/ui/modals/createlistingmodal/hooks/usecreatelisting.tsx","./src/react/ui/modals/createlistingmodal/hooks/usegettokenapproval.ts","./src/react/ui/modals/createlistingmodal/hooks/usetransactionsteps.tsx","./src/react/ui/modals/makeoffermodal/modal.tsx","./src/react/ui/modals/makeoffermodal/index.tsx","./src/react/ui/modals/makeoffermodal/store.ts","./src/react/ui/modals/makeoffermodal/__tests__/modal.test.tsx","./src/react/ui/modals/makeoffermodal/hooks/usegettokenapproval.tsx","./src/react/ui/modals/makeoffermodal/hooks/usemakeoffer.tsx","./src/react/ui/modals/makeoffermodal/hooks/usetransactionsteps.tsx","./src/react/ui/modals/sellmodal/modal.tsx","./src/react/ui/modals/sellmodal/index.tsx","./src/react/ui/modals/sellmodal/store.ts","./src/react/ui/modals/sellmodal/utils.ts","./src/react/ui/modals/sellmodal/__tests__/modal.test.tsx","./src/react/ui/modals/sellmodal/hooks/usegettokenapproval.tsx","./src/react/ui/modals/sellmodal/hooks/usesell.tsx","./src/react/ui/modals/sellmodal/hooks/usetransactionsteps.tsx","./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/successfulpurchasemodal/__tests__/modal.test.tsx","./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/currencyoptionsselect/__tests__/index.test.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/priceinput/__tests__/index.test.tsx","./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/switchchainmodal/__tests__/switchchainmodal.test.tsx","./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/__tests__/transactionstatusmodal.test.tsx","./src/react/ui/modals/_internal/components/transactionstatusmodal/__tests__/utils.test.ts","./src/react/ui/modals/_internal/components/transactionstatusmodal/hooks/usetransactionstatus.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/builder-types.ts","./src/types/custom.d.ts","./src/types/index.ts","./src/types/messages.ts","./src/types/sdk-config.ts","./src/types/types.ts","./src/utils/address.ts","./src/utils/date.ts","./src/utils/get-public-rpc-client.ts","./src/utils/getmarketplacedetails.ts","./src/utils/index.ts","./src/utils/network.ts","./src/utils/price.ts","./src/utils/__tests__/address.test.ts","./src/utils/__tests__/date.test.ts","./src/utils/__tests__/get-public-rpc-client.test.ts","./src/utils/__tests__/getmarketplacedetails.test.ts","./src/utils/__tests__/price.test.ts","./src/utils/_internal/error/base.ts","./src/utils/_internal/error/config.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.3"}