@0xsequence/marketplace-sdk 1.1.1 → 1.2.0

package/dist/{react-DE852KeT.js → react-CBsgOdVP.js}

@@ -1,40 +1,40 @@
 'use client';
 import { DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from "./src-Dz2CfBL0.js";
-import { BaseError as BaseError$1, ChainSwitchError, InvalidContractTypeError, NoWalletConnectedError, TransactionExecutionError, TransactionSignatureError, UserRejectedRequestError as UserRejectedRequestError$1 } from "./transaction-DZUW5RHu.js";
-import { balanceQueries, collectableKeys, getMarketplaceClient, getQueryClient, getSequenceApiClient, marketplaceApiURL } from "./api-BoO0V5aJ.js";
-import { CollectionStatus, ContractType, ExecuteType, OrderSide, OrderbookKind, PropertyType, StepType, WalletKind } from "./marketplace.gen-ksUafDqS.js";
-import { getNetwork, getPresentableChainName } from "./network-DtmiMhcg.js";
+import { BaseError, ChainSwitchError, InvalidContractTypeError, NoWalletConnectedError, TransactionExecutionError, TransactionSignatureError, UserRejectedRequestError } from "./transaction-DZUW5RHu.js";
+import { balanceQueries, collectableKeys, getMarketplaceClient, getQueryClient, marketplaceApiURL } from "./api-GwTR0dBA.js";
+import { CollectionStatus$1 as CollectionStatus, ContractType$1 as ContractType, ExecuteType$1 as ExecuteType, OfferType$1 as OfferType, OrderSide$1 as OrderSide, OrderbookKind$1 as OrderbookKind, PropertyType$1 as PropertyType, StepType$1 as StepType, WalletKind$1 as WalletKind } from "./marketplace.gen-906FrJQJ.js";
+import { getNetwork$1 as getNetwork, getPresentableChainName$1 as getPresentableChainName } from "./network-DwdZ_5-7.js";
 import { PROVIDER_ID, TransactionType } from "./_internal-DkS2VUn5.js";
 import { CollectibleCardAction } from "./types-B_-cnkcP.js";
 import { EIP2981_ABI, SequenceMarketplaceV1_ABI } from "./marketplace-NQB-sEQL.js";
 import { ERC721_SALE_ABI_V0, ERC721_SALE_ABI_V1 } from "./primary-sale-1u4QlPdA.js";
 import { ERC1155_ABI, ERC721_ABI } from "./token-Cv7l2ZaL.js";
-import { calculateEarningsAfterFees, cn as cn$1, compareAddress, formatPriceWithFee, truncateMiddle } from "./utils-BfpDVibN.js";
-import { marketplaceConfigOptions } from "./marketplaceConfig-UHQMM9fq.js";
-import { SalesContractVersion, useSalesContractABI } from "./contracts-BP_0vX48.js";
-import { balanceOfCollectibleOptions, collectibleQueryOptions, countOfCollectablesQueryOptions, listCollectibleActivitiesQueryOptions, listCollectiblesPaginatedQueryOptions, listCollectiblesQueryOptions } from "./collectibles-C_H8jMGH.js";
-import { listBalancesOptions } from "./listBalances-BxpxBCvn.js";
-import { collectionBalanceDetailsQueryOptions, collectionDetailsQueryOptions, collectionQueryOptions, listCollectionActivitiesQueryOptions, listCollectionsQueryOptions } from "./collections-CKummc-R.js";
-import { checkoutOptionsQueryOptions, checkoutOptionsSalesContractQueryOptions, currencyQueryOptions, filtersQueryOptions } from "./market-C3HV-awQ.js";
-import { marketCurrenciesQueryOptions } from "./marketCurrencies-sKrTX0og.js";
-import { countItemsOrdersForCollectionQueryOptions, countListingsForCollectibleQueryOptions, countOffersForCollectibleQueryOptions, floorOrderQueryOptions, getCountOfFilteredOrdersQueryOptions, highestOfferQueryOptions, listItemsOrdersForCollectionPaginatedQueryOptions, listItemsOrdersForCollectionQueryOptions, listListingsForCollectibleQueryOptions, listOffersForCollectibleQueryOptions, lowestListingQueryOptions } from "./orders-DnFfZAXV.js";
-import { inventoryOptions } from "./inventory-Dd7TazvZ.js";
-import { countOfPrimarySaleItemsOptions, listPrimarySaleItemsQueryOptions, primarySaleItemsCountQueryOptions } from "./primary-sales-Dmsi6bqj.js";
-import { getTokenRangesQueryOptions, listTokenMetadataQueryOptions, searchTokenMetadataQueryOptions, tokenSuppliesQueryOptions } from "./tokens-cGxMadd8.js";
-import { comparePricesQueryOptions, convertPriceToUSDQueryOptions } from "./utils-BCgNhBFR.js";
-import { waitForTransactionReceipt } from "./waitForTransactionReceipt-DieAnV52.js";
-import { CalendarIcon_default, CartIcon_default, InfoIcon_default } from "./CartIcon-Bt3rQYGk.js";
-import { FooterName, PriceDisplay, SaleDetailsPill, TokenTypeBalancePill } from "./components-CosnX7F9.js";
+import { calculateEarningsAfterFees, calculateTotalOfferCost, cn, compareAddress, formatPriceWithFee, truncateMiddle, validateOpenseaOfferDecimals } from "./utils-9ToOvt-c.js";
+import { marketplaceConfigOptions$1 as marketplaceConfigOptions } from "./marketplaceConfig-Bqjo7NYO.js";
+import { SalesContractVersion, useSalesContractABI } from "./contracts-DRJHF89h.js";
+import { balanceOfCollectibleOptions, collectibleQueryOptions, countOfCollectablesQueryOptions, listCollectibleActivitiesQueryOptions, listCollectiblesPaginatedQueryOptions, listCollectiblesQueryOptions } from "./collectibles-CZ6i8sXK.js";
+import { collectionActiveListingsCurrenciesQueryOptions, collectionActiveOffersCurrenciesQueryOptions, collectionBalanceDetailsQueryOptions, collectionDetailsQueryOptions, collectionQueryOptions, listCollectionActivitiesQueryOptions, listCollectionsQueryOptions } from "./collections-5NcU-7ZR.js";
+import { checkoutOptionsQueryOptions, checkoutOptionsSalesContractQueryOptions, currencyQueryOptions, filtersQueryOptions } from "./market-DuBpFsDg.js";
+import { marketCurrenciesQueryOptions } from "./marketCurrencies-Bolonndy.js";
+import { countItemsOrdersForCollectionQueryOptions, countListingsForCollectibleQueryOptions, countOffersForCollectibleQueryOptions, floorOrderQueryOptions, getCountOfFilteredOrdersQueryOptions, highestOfferQueryOptions, listItemsOrdersForCollectionPaginatedQueryOptions, listItemsOrdersForCollectionQueryOptions, listListingsForCollectibleQueryOptions, listOffersForCollectibleQueryOptions, lowestListingQueryOptions } from "./orders-DH76ym2e.js";
+import { inventoryOptions } from "./inventory--t6Zu55O.js";
+import { countOfPrimarySaleItemsOptions, listPrimarySaleItemsQueryOptions, primarySaleItemQueryOptions, primarySaleItemsCountQueryOptions } from "./primary-sales-CECrqatg.js";
+import { getTokenRangesQueryOptions, listBalancesOptions, listTokenMetadataQueryOptions, searchTokenMetadataQueryOptions, tokenSuppliesQueryOptions } from "./tokens-BvIRUCGG.js";
+import { comparePricesQueryOptions, convertPriceToUSDQueryOptions } from "./utils-BCYTEOvy.js";
+import { waitForTransactionReceipt } from "./waitForTransactionReceipt-CbSeUSXe.js";
+import { CalendarIcon_default, CartIcon_default, InfoIcon_default } from "./CartIcon-UyB4NYKt.js";
+import { FooterName, PriceDisplay, SaleDetailsPill, TokenTypeBalancePill } from "./components-CY8kx2kb.js";
 import { NetworkType, networks } from "@0xsequence/network";
 import { useAccount, useBalance, useChainId, usePublicClient, useReadContract, useReadContracts, useSendTransaction, useSignMessage, useSignTypedData, useSwitchChain, useWriteContract } from "wagmi";
 import { useChain, useOpenConnectModal, useWaasFeeOptions } from "@0xsequence/connect";
 import { Suspense, createContext, lazy, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { QueryClientProvider, queryOptions, skipToken, useInfiniteQuery, useMutation, useQuery } from "@tanstack/react-query";
 import { TransactionStatus } from "@0xsequence/indexer";
-import { AddIcon, Button, CheckmarkIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Divider, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, ExternalLinkIcon, IconButton, Image, Modal, NetworkImage, NumericInput, Select, Skeleton, Spinner, SubtractIcon, Text, TextInput, ThemeProvider, TimeIcon, TokenImage, Tooltip, WarningIcon, cn } from "@0xsequence/design-system";
+import { AddIcon, Button, CheckmarkIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Divider, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, ExternalLinkIcon, IconButton, Image, InfoIcon, Modal, NetworkImage, NumericInput, Select, Skeleton, Spinner, SubtractIcon, Text, TextInput, ThemeProvider, TimeIcon, TokenImage, Tooltip, WarningIcon, cn as cn$1 } from "@0xsequence/design-system";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as dn from "dnum";
-import { BaseError, UserRejectedRequestError, WaitForTransactionReceiptTimeoutError, decodeFunctionData, encodeFunctionData, erc20Abi, erc721Abi, formatUnits, hexToBigInt, isAddress, isHex, maxUint256, parseEventLogs, parseUnits, toHex, zeroAddress } from "viem";
+import * as dnum from "dnum";
+import { BaseError as BaseError$1, UserRejectedRequestError as UserRejectedRequestError$1, WaitForTransactionReceiptTimeoutError, decodeFunctionData, encodeFunctionData, erc20Abi, erc721Abi, formatUnits, hexToBigInt, isAddress, isHex, maxUint256, parseEventLogs, parseUnits, toHex, zeroAddress } from "viem";
 import { Databeat } from "@databeat/tracker";
 import { observable } from "@legendapp/state";
 import { createStore } from "@xstate/store";
@@ -49,7 +49,7 @@ import { addDays as addDays$1 } from "date-fns/addDays";
 import { createPortal } from "react-dom";
 
 //#region src/utils/_internal/error/context.ts
-var MarketplaceSdkProviderNotFoundError = class extends BaseError$1 {
+var MarketplaceSdkProviderNotFoundError = class extends BaseError {
 	name = "MarketplaceSDKProviderNotFoundError";
 	constructor() {
 		super("`useConfig` must be used within `MarketplaceSdkProvider`.");
@@ -58,7 +58,7 @@ var MarketplaceSdkProviderNotFoundError = class extends BaseError$1 {
 
 //#endregion
 //#region src/utils/_internal/error/config.ts
-var ConfigError = class extends BaseError$1 {
+var ConfigError = class extends BaseError {
 	name = "ConfigError";
 };
 var InvalidProjectAccessKeyError = class extends ConfigError {
@@ -107,7 +107,8 @@ var DatabeatAnalytics = class extends Databeat {
 	}
 };
 const useAnalytics = () => {
-	return useContext(MarketplaceSdkContext).analytics;
+	const context = useContext(MarketplaceSdkContext);
+	return context.analytics;
 };
 
 //#endregion
@@ -258,12 +259,7 @@ const useMarketplaceConfig = () => {
 */
 function useBalanceOfCollectible(args) {
 	const config = useConfig();
-	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const isLaos721 = (marketplaceConfig?.market.collections.find((collection) => collection.itemsAddress === args.collectionAddress))?.contractType === ContractType.LAOS_ERC_721;
-	return useQuery(balanceOfCollectibleOptions({
-		...args,
-		isLaos721
-	}, config));
+	return useQuery(balanceOfCollectibleOptions({ ...args }, config));
 }
 
 //#endregion
@@ -433,14 +429,13 @@ function useListCollectibleActivities(params) {
 * Hook to fetch a list of collectibles with infinite pagination support
 *
 * Fetches collectibles from the marketplace with support for filtering, pagination,
-* and special handling for shop marketplace types and LAOS721 contracts.
+* and special handling for shop marketplace types.
 *
 * @param params - Configuration parameters
 * @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
 * @param params.collectionAddress - The collection contract address
 * @param params.side - Order side (listing or bid)
 * @param params.filter - Optional filtering parameters
-* @param params.isLaos721 - Whether the collection is a LAOS721 contract
 * @param params.marketplaceType - Type of marketplace (shop, etc.)
 * @param params.query - Optional React Query configuration
 *
@@ -470,20 +465,6 @@ function useListCollectibleActivities(params) {
 *   }
 * })
 * ```
-*
-* @example
-* For LAOS721 collections:
-* ```typescript
-* const { data } = useListCollectibles({
-*   chainId: 137,
-*   collectionAddress: '0x...',
-*   side: OrderSide.listing,
-*   isLaos721: true,
-*   filter: {
-*     inAccounts: ['0x...']
-*   }
-* })
-* ```
 */
 function useListCollectibles(params) {
 	const defaultConfig = useConfig();
@@ -614,6 +595,100 @@ function useCollection(params) {
 	return useQuery({ ...queryOptions$1 });
 }
 
+//#endregion
+//#region src/react/hooks/data/collections/useCollectionActiveListingsCurrencies.tsx
+/**
+* Hook to fetch the active listings currencies for a collection
+*
+* Retrieves all currencies that are currently being used in active listings
+* for a specific collection from the marketplace.
+*
+* @param params - Configuration parameters
+* @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
+* @param params.collectionAddress - The collection contract address
+* @param params.query - Optional React Query configuration
+*
+* @returns Query result containing the array of currencies used in active listings
+*
+* @example
+* Basic usage:
+* ```typescript
+* const { data, isLoading } = useCollectionActiveListingsCurrencies({
+*   chainId: 137,
+*   collectionAddress: '0x...'
+* })
+* ```
+*
+* @example
+* With custom query options:
+* ```typescript
+* const { data, isLoading } = useCollectionActiveListingsCurrencies({
+*   chainId: 1,
+*   collectionAddress: '0x...',
+*   query: {
+*     refetchInterval: 30000,
+*     enabled: hasCollectionAddress
+*   }
+* })
+* ```
+*/
+function useCollectionActiveListingsCurrencies(params) {
+	const defaultConfig = useConfig();
+	const { config = defaultConfig,...rest } = params;
+	const queryOptions$1 = collectionActiveListingsCurrenciesQueryOptions({
+		config,
+		...rest
+	});
+	return useQuery({ ...queryOptions$1 });
+}
+
+//#endregion
+//#region src/react/hooks/data/collections/useCollectionActiveOffersCurrencies.tsx
+/**
+* Hook to fetch the active offers currencies for a collection
+*
+* Retrieves all currencies that are currently being used in active offers
+* for a specific collection from the marketplace.
+*
+* @param params - Configuration parameters
+* @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
+* @param params.collectionAddress - The collection contract address
+* @param params.query - Optional React Query configuration
+*
+* @returns Query result containing the array of currencies used in active offers
+*
+* @example
+* Basic usage:
+* ```typescript
+* const { data, isLoading } = useCollectionActiveOffersCurrencies({
+*   chainId: 137,
+*   collectionAddress: '0x...'
+* })
+* ```
+*
+* @example
+* With custom query options:
+* ```typescript
+* const { data, isLoading } = useCollectionActiveOffersCurrencies({
+*   chainId: 1,
+*   collectionAddress: '0x...',
+*   query: {
+*     refetchInterval: 30000,
+*     enabled: hasCollectionAddress
+*   }
+* })
+* ```
+*/
+function useCollectionActiveOffersCurrencies(params) {
+	const defaultConfig = useConfig();
+	const { config = defaultConfig,...rest } = params;
+	const queryOptions$1 = collectionActiveOffersCurrenciesQueryOptions({
+		config,
+		...rest
+	});
+	return useQuery({ ...queryOptions$1 });
+}
+
 //#endregion
 //#region src/react/hooks/data/collections/useCollectionBalanceDetails.tsx
 /**
@@ -748,7 +823,8 @@ const collectionDetailsPollingOptions = (args, config) => {
 			if (data && isTerminalState(data.status)) return false;
 			const currentAttempt = (query.state.dataUpdateCount || 0) + 1;
 			if (currentAttempt >= MAX_ATTEMPTS) return false;
-			return Math.min(INITIAL_POLLING_INTERVAL * 1.5 ** currentAttempt, MAX_POLLING_INTERVAL);
+			const interval = Math.min(INITIAL_POLLING_INTERVAL * 1.5 ** currentAttempt, MAX_POLLING_INTERVAL);
+			return interval;
 		},
 		refetchOnWindowFocus: false,
 		retry: false,
@@ -998,56 +1074,58 @@ function useListMarketCardData({ collectionAddress, chainId, orderbookKind, coll
 		if (!collectiblesList?.pages) return [];
 		return collectiblesList.pages.flatMap((page) => page.collectibles);
 	}, [collectiblesList?.pages]);
-	return {
-		collectibleCards: useMemo(() => {
-			return allCollectibles.map((collectible) => {
-				const balance = collectionBalance?.balances.find((balance$1) => balance$1.tokenID === collectible.metadata.tokenId)?.balance;
-				return {
-					collectibleId: collectible.metadata.tokenId,
-					chainId,
-					collectionAddress,
-					collectionType,
-					cardLoading: collectiblesListIsLoading || balanceLoading,
-					cardType: "market",
-					orderbookKind,
-					collectible,
-					onCollectibleClick,
-					balance,
-					balanceIsLoading: balanceLoading,
-					onCannotPerformAction,
-					prioritizeOwnerActions,
-					assetSrcPrefixUrl,
-					hideQuantitySelector,
-					onOfferClick: ({ order }) => {
-						if (!accountAddress) return;
-						if (balance) {
-							showSellModal({
-								chainId,
-								collectionAddress,
-								tokenId: collectible.metadata.tokenId,
-								order
-							});
-							return;
-						}
+	const collectibleCards = useMemo(() => {
+		return allCollectibles.map((collectible) => {
+			const balance = collectionBalance?.balances.find((balance$1) => balance$1.tokenID === collectible.metadata.tokenId)?.balance;
+			const cardProps = {
+				collectibleId: collectible.metadata.tokenId,
+				chainId,
+				collectionAddress,
+				collectionType,
+				cardLoading: collectiblesListIsLoading || balanceLoading,
+				cardType: "market",
+				orderbookKind,
+				collectible,
+				onCollectibleClick,
+				balance,
+				balanceIsLoading: balanceLoading,
+				onCannotPerformAction,
+				prioritizeOwnerActions,
+				assetSrcPrefixUrl,
+				hideQuantitySelector,
+				onOfferClick: ({ order }) => {
+					if (!accountAddress) return;
+					if (balance) {
+						showSellModal({
+							chainId,
+							collectionAddress,
+							tokenId: collectible.metadata.tokenId,
+							order
+						});
+						return;
 					}
-				};
-			});
-		}, [
-			allCollectibles,
-			chainId,
-			collectionAddress,
-			collectionType,
-			collectiblesListIsLoading,
-			balanceLoading,
-			orderbookKind,
-			onCollectibleClick,
-			collectionBalance?.balances,
-			onCannotPerformAction,
-			prioritizeOwnerActions,
-			assetSrcPrefixUrl,
-			accountAddress,
-			showSellModal
-		]),
+				}
+			};
+			return cardProps;
+		});
+	}, [
+		allCollectibles,
+		chainId,
+		collectionAddress,
+		collectionType,
+		collectiblesListIsLoading,
+		balanceLoading,
+		orderbookKind,
+		onCollectibleClick,
+		collectionBalance?.balances,
+		onCannotPerformAction,
+		prioritizeOwnerActions,
+		assetSrcPrefixUrl,
+		accountAddress,
+		showSellModal
+	]);
+	return {
+		collectibleCards,
 		isLoading: collectiblesListIsLoading || balanceLoading,
 		error: collectiblesListError,
 		hasNextPage,
@@ -1698,11 +1776,15 @@ function useErc721SaleDetails({ chainId, salesContractAddress, itemsContractAddr
 		itemsContractAddress,
 		enabled: enabled && !versionLoading && version === SalesContractVersion.V1
 	});
+	const saleDetails = saleDetailsV0 || saleDetailsV1;
+	const quantityMinted = quantityMintedV0 || quantityMintedV1;
+	const quantityTotal = quantityTotalV0 || quantityTotalV1;
+	const quantityRemaining = quantityRemainingV0 || quantityRemainingV1;
 	return {
-		saleDetails: saleDetailsV0 || saleDetailsV1,
-		quantityMinted: quantityMintedV0 || quantityMintedV1,
-		quantityTotal: quantityTotalV0 || quantityTotalV1,
-		quantityRemaining: quantityRemainingV0 || quantityRemainingV1,
+		saleDetails,
+		quantityMinted,
+		quantityTotal,
+		quantityRemaining,
 		isLoading: versionLoading || saleDetailsLoadingV0 || saleDetailsLoadingV1,
 		error: versionError || saleDetailsErrorV0 || saleDetailsErrorV1
 	};
@@ -1875,12 +1957,7 @@ function useGetTokenRanges(params) {
 */
 function useListBalances(args) {
 	const config = useConfig();
-	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const isLaos721 = marketplaceConfig?.market?.collections?.find((c) => c.itemsAddress === args.contractAddress && c.chainId === args.chainId)?.contractType === ContractType.LAOS_ERC_721;
-	return useInfiniteQuery(listBalancesOptions({
-		...args,
-		isLaos721
-	}, config));
+	return useInfiniteQuery(listBalancesOptions({ ...args }, config));
 }
 
 //#endregion
@@ -1937,15 +2014,13 @@ function useListTokenMetadata(params) {
 //#endregion
 //#region src/react/hooks/data/tokens/useTokenSupplies.ts
 /**
-* Hook to fetch token supplies from the indexer or LAOS API
+* Hook to fetch token supplies from the indexer
 *
 * Retrieves supply information for tokens from a specific collection.
-* Automatically chooses between indexer and LAOS APIs based on the isLaos721 flag.
 *
 * @param params - Configuration parameters
 * @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
 * @param params.collectionAddress - The collection contract address
-* @param params.isLaos721 - Whether to use LAOS API instead of indexer
 * @param params.includeMetadata - Whether to include token metadata
 * @param params.page - Pagination options
 * @param params.query - Optional React Query configuration
@@ -1962,16 +2037,6 @@ function useListTokenMetadata(params) {
 * ```
 *
 * @example
-* With LAOS API:
-* ```typescript
-* const { data, isLoading } = useTokenSupplies({
-*   chainId: 1,
-*   collectionAddress: '0x...',
-*   isLaos721: true
-* })
-* ```
-*
-* @example
 * With conditional fetching:
 * ```typescript
 * const { data, isLoading } = useTokenSupplies({
@@ -2127,13 +2192,14 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 	});
 	const config = useConfig();
 	const tokenSuppliesEnabled = Boolean(chainId && contractAddress && config && (enabled ?? true));
-	const { data: tokenSuppliesData, fetchNextPage: fetchNextTokenSuppliesPage, hasNextPage: hasNextSuppliesPage, isFetchingNextPage: isFetchingNextSuppliesPage, isLoading: tokenSuppliesLoading } = useInfiniteQuery({ ...tokenSuppliesQueryOptions({
+	const tokenSuppliesQuery = useInfiniteQuery({ ...tokenSuppliesQueryOptions({
 		chainId,
 		collectionAddress: contractAddress,
 		includeMetadata: true,
 		config,
 		query: { enabled: tokenSuppliesEnabled }
 	}) });
+	const { data: tokenSuppliesData, fetchNextPage: fetchNextTokenSuppliesPage, hasNextPage: hasNextSuppliesPage, isFetchingNextPage: isFetchingNextSuppliesPage, isLoading: tokenSuppliesLoading } = tokenSuppliesQuery;
 	useEffect(() => {
 		async function fetchAllPages() {
 			if (!tokenSuppliesEnabled) return;
@@ -2161,7 +2227,8 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 		functionName: "saleDetails",
 		query: { enabled: enabled && !versionLoading && !!abi }
 	});
-	const primarySaleItemsCollectibleCards = primarySaleItemsWithMetadata.filter((item) => !matchingTokenSupplies?.some((supply) => supply.tokenID === item.metadata.tokenId)).map((item) => {
+	const unmintedPrimarySaleItems = primarySaleItemsWithMetadata.filter((item) => !matchingTokenSupplies?.some((supply) => supply.tokenID === item.metadata.tokenId));
+	const primarySaleItemsCollectibleCards = unmintedPrimarySaleItems.map((item) => {
 		const { metadata, primarySaleItem } = item;
 		const salePrice = {
 			amount: primarySaleItem.priceAmount?.toString(),
@@ -2242,33 +2309,34 @@ function useList1155ShopCardData({ primarySaleItemsWithMetadata, chainId, contra
 		query: { enabled: enabled && !versionLoading && !!abi }
 	});
 	const isLoading = versionLoading || collectionLoading || paymentTokenLoading;
+	const collectibleCards = primarySaleItemsWithMetadata.map((item) => {
+		const { metadata, primarySaleItem: saleData } = item;
+		const salePrice = {
+			amount: saleData?.priceAmount?.toString() || "",
+			currencyAddress: saleData?.currencyAddress || paymentToken || "0x"
+		};
+		const supply = saleData?.supply?.toString();
+		const unlimitedSupply = saleData?.unlimitedSupply;
+		return {
+			collectibleId: metadata.tokenId,
+			chainId,
+			collectionAddress: contractAddress,
+			collectionType: ContractType.ERC1155,
+			tokenMetadata: metadata,
+			cardLoading: isLoading,
+			salesContractAddress,
+			salePrice,
+			quantityInitial: supply,
+			quantityDecimals: collection?.decimals || 0,
+			quantityRemaining: supply,
+			unlimitedSupply,
+			saleStartsAt: saleData?.startDate?.toString(),
+			saleEndsAt: saleData?.endDate?.toString(),
+			cardType: "shop"
+		};
+	});
 	return {
-		collectibleCards: primarySaleItemsWithMetadata.map((item) => {
-			const { metadata, primarySaleItem: saleData } = item;
-			const salePrice = {
-				amount: saleData?.priceAmount?.toString() || "",
-				currencyAddress: saleData?.currencyAddress || paymentToken || "0x"
-			};
-			const supply = saleData?.supply?.toString();
-			const unlimitedSupply = saleData?.unlimitedSupply;
-			return {
-				collectibleId: metadata.tokenId,
-				chainId,
-				collectionAddress: contractAddress,
-				collectionType: ContractType.ERC1155,
-				tokenMetadata: metadata,
-				cardLoading: isLoading,
-				salesContractAddress,
-				salePrice,
-				quantityInitial: supply,
-				quantityDecimals: collection?.decimals || 0,
-				quantityRemaining: supply,
-				unlimitedSupply,
-				saleStartsAt: saleData?.startDate?.toString(),
-				saleEndsAt: saleData?.endDate?.toString(),
-				cardType: "shop"
-			};
-		}),
+		collectibleCards,
 		tokenMetadataError: null,
 		tokenSaleDetailsError: null,
 		isLoading: enabled && isLoading
@@ -2325,16 +2393,60 @@ function useListPrimarySaleItems(params) {
 	return useInfiniteQuery(queryOptions$1);
 }
 
+//#endregion
+//#region src/react/hooks/data/primary-sales/usePrimarySaleItem.tsx
+/**
+* Hook to fetch a single primary sale item
+*
+* Retrieves details for a specific primary sale item from a primary sale contract.
+*
+* @param params - Configuration parameters
+* @param params.chainId - The chain ID (must be number, e.g., 1 for Ethereum, 137 for Polygon)
+* @param params.primarySaleContractAddress - The primary sale contract address
+* @param params.tokenId - The token ID of the primary sale item
+* @param params.query - Optional React Query configuration
+*
+* @returns Query result containing the primary sale item data
+*
+* @example
+* Basic usage:
+* ```typescript
+* const { data: item, isLoading } = usePrimarySaleItem({
+*   chainId: 137,
+*   primarySaleContractAddress: '0x...',
+*   tokenId: '1',
+* })
+* ```
+*
+* @example
+* With custom query options:
+* ```typescript
+* const { data } = usePrimarySaleItem({
+*   chainId: 1,
+*   primarySaleContractAddress: '0x...',
+*   tokenId: '42',
+*   query: {
+*     enabled: Boolean(primarySaleContractAddress && tokenId),
+*     staleTime: 30_000
+*   }
+* })
+* ```
+*/
+function usePrimarySaleItem(params) {
+	const defaultConfig = useConfig();
+	const { config = defaultConfig,...rest } = params;
+	const queryOptions$1 = primarySaleItemQueryOptions({
+		config,
+		...rest
+	});
+	return useQuery({ ...queryOptions$1 });
+}
+
 //#endregion
 //#region src/react/hooks/data/inventory/useInventory.tsx
 function useInventory(args) {
 	const config = useConfig();
-	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const isLaos721 = marketplaceConfig?.market?.collections?.find((c) => c.itemsAddress === args.collectionAddress && c.chainId === args.chainId)?.contractType === ContractType.LAOS_ERC_721;
-	return useQuery(inventoryOptions({
-		...args,
-		isLaos721
-	}, config));
+	return useQuery(inventoryOptions({ ...args }, config));
 }
 
 //#endregion
@@ -2437,7 +2549,7 @@ function useAutoSelectFeeOption({ pendingFeeOptionConfirmation, enabled }) {
 	useEffect(() => {
 		if (combinedBalances) console.debug("currency balances", combinedBalances);
 	}, [combinedBalances]);
-	return useCallback(async () => {
+	const autoSelectedOption = useCallback(async () => {
 		if (!userAddress) return {
 			selectedOption: null,
 			error: AutoSelectFeeOptionError.UserNotConnected
@@ -2475,7 +2587,8 @@ function useAutoSelectFeeOption({ pendingFeeOptionConfirmation, enabled }) {
 		isBalanceDetailsLoading,
 		isBalanceDetailsError,
 		combinedBalances
-	])();
+	]);
+	return autoSelectedOption();
 }
 
 //#endregion
@@ -2684,22 +2797,23 @@ const useEnsureCorrectChain = () => {
 		switchChainAsync,
 		showSwitchChainErrorModal
 	]);
+	const ensureCorrectChain = useCallback((targetChainId, callbacks) => {
+		if (currentChainId === targetChainId) {
+			callbacks?.onSuccess?.();
+			return;
+		}
+		switchChain({ chainId: targetChainId }, {
+			onSuccess: callbacks?.onSuccess,
+			onError: () => showSwitchChainErrorModal({ chainIdToSwitchTo: targetChainId })
+		});
+	}, [
+		currentChainId,
+		isWaaS,
+		switchChain,
+		showSwitchChainErrorModal
+	]);
 	return {
-		ensureCorrectChain: useCallback((targetChainId, callbacks) => {
-			if (currentChainId === targetChainId) {
-				callbacks?.onSuccess?.();
-				return;
-			}
-			switchChain({ chainId: targetChainId }, {
-				onSuccess: callbacks?.onSuccess,
-				onError: () => showSwitchChainErrorModal({ chainIdToSwitchTo: targetChainId })
-			});
-		}, [
-			currentChainId,
-			isWaaS,
-			switchChain,
-			showSwitchChainErrorModal
-		]),
+		ensureCorrectChain,
 		ensureCorrectChainAsync,
 		currentChainId
 	};
@@ -2708,7 +2822,8 @@ const useEnsureCorrectChain = () => {
 //#endregion
 //#region src/react/hooks/transactions/useGenerateCancelTransaction.tsx
 const generateCancelTransaction = async (args, config) => {
-	return getMarketplaceClient(config).generateCancelTransaction({
+	const marketplaceClient = getMarketplaceClient(config);
+	return marketplaceClient.generateCancelTransaction({
 		...args,
 		chainId: String(args.chainId)
 	}).then((data) => data.steps);
@@ -2752,9 +2867,8 @@ const useProcessStep = () => {
 	const config = useConfig();
 	const marketplaceClient = getMarketplaceClient(config);
 	const processStep = async (step, chainId) => {
-		if (isTransactionStep(step)) return {
-			type: "transaction",
-			hash: await sendTransactionAsync({
+		if (isTransactionStep(step)) {
+			const hash = await sendTransactionAsync({
 				chainId,
 				to: step.to,
 				data: step.data,
@@ -2762,8 +2876,12 @@ const useProcessStep = () => {
 				...step.maxFeePerGas && { maxFeePerGas: hexToBigInt(step.maxFeePerGas) },
 				...step.maxPriorityFeePerGas && { maxPriorityFeePerGas: hexToBigInt(step.maxPriorityFeePerGas) },
 				...step.gas && { gas: hexToBigInt(step.gas) }
-			})
-		};
+			});
+			return {
+				type: "transaction",
+				hash
+			};
+		}
 		if (isSignatureStep(step)) {
 			let signature;
 			if (step.id === StepType.signEIP191) {
@@ -2779,17 +2897,20 @@ const useProcessStep = () => {
 				});
 			}
 			if (!signature) throw new Error("Failed to sign message");
-			if (step.post) return {
-				type: "signature",
-				orderId: (await marketplaceClient.execute({
+			if (step.post) {
+				const result = await marketplaceClient.execute({ params: {
 					chainId: String(chainId),
 					signature,
 					method: step.post.method,
 					endpoint: step.post.endpoint,
 					body: step.post.body,
 					executeType: ExecuteType.order
-				})).orderId
-			};
+				} });
+				return {
+					type: "signature",
+					orderId: result.orderId
+				};
+			}
 			return {
 				type: "signature",
 				signature
@@ -2812,13 +2933,14 @@ const useCancelTransactionSteps = ({ collectionAddress, chainId, callbacks, setS
 		try {
 			if (!address) throw new NoWalletConnectedError();
 			if (!address) throw new Error("Wallet address not found");
-			return await generateCancelTransactionAsync({
+			const steps$2 = await generateCancelTransactionAsync({
 				chainId,
 				collectionAddress,
 				maker: address,
 				marketplace,
 				orderId
 			});
+			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -2973,7 +3095,8 @@ const generateListingTransaction = async (params, config) => {
 			expiry: dateToUnixTime(params.listing.expiry)
 		}
 	};
-	return (await getMarketplaceClient(config).generateListingTransaction(args)).steps;
+	const marketplaceClient = getMarketplaceClient(config);
+	return (await marketplaceClient.generateListingTransaction(args)).steps;
 };
 const useGenerateListingTransaction = (params) => {
 	const config = useConfig();
@@ -3003,7 +3126,8 @@ const generateOfferTransaction = async (params, config, walletKind) => {
 		},
 		walletType: walletKind
 	};
-	return (await getMarketplaceClient(config).generateOfferTransaction(args)).steps;
+	const marketplaceClient = getMarketplaceClient(config);
+	return (await marketplaceClient.generateOfferTransaction(args)).steps;
 };
 const useGenerateOfferTransaction = (params) => {
 	const config = useConfig();
@@ -3101,7 +3225,7 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Chain switch failed", error);
-			if (error.name === "UserRejectedRequestError") throw new UserRejectedRequestError$1();
+			if (error.name === "UserRejectedRequestError") throw new UserRejectedRequestError();
 			throw new ChainSwitchError(0, chainId);
 		}
 	};
@@ -3127,8 +3251,9 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Signature failed", error);
-			if (error.cause instanceof BaseError) {
-				if (error.cause instanceof UserRejectedRequestError) throw new UserRejectedRequestError$1();
+			if (error.cause instanceof BaseError$1) {
+				const viemError = error.cause;
+				if (viemError instanceof UserRejectedRequestError$1) throw new UserRejectedRequestError();
 			}
 			throw new TransactionSignatureError(stepItem.id, error);
 		}
@@ -3152,8 +3277,9 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Transaction failed", error);
-			if (error.cause instanceof BaseError) {
-				if (error.cause instanceof UserRejectedRequestError) throw new UserRejectedRequestError$1();
+			if (error.cause instanceof BaseError$1) {
+				const viemError = error.cause;
+				if (viemError instanceof UserRejectedRequestError$1) throw new UserRejectedRequestError();
 			}
 			throw new TransactionExecutionError(stepItem.id || "unknown", error);
 		}
@@ -3537,7 +3663,8 @@ function useFiltersProgressive(params) {
 //#endregion
 //#region src/react/hooks/ui/useOpenConnectModal.tsx
 const useOpenConnectModal$1 = () => {
-	return { openConnectModal: useConfig().openConnectModal };
+	const context = useConfig();
+	return { openConnectModal: context.openConnectModal };
 };
 
 //#endregion
@@ -3815,10 +3942,12 @@ function useConvertPriceToUSD(params) {
 */
 const useGetReceiptFromHash = () => {
 	const publicClient = usePublicClient();
-	return { waitForReceipt: useCallback(async (transactionHash) => {
+	const waitForReceipt = useCallback(async (transactionHash) => {
 		if (!publicClient) throw new Error("Public client not found");
-		return await publicClient.waitForTransactionReceipt({ hash: transactionHash });
-	}, [publicClient]) };
+		const receipt = await publicClient.waitForTransactionReceipt({ hash: transactionHash });
+		return receipt;
+	}, [publicClient]);
+	return { waitForReceipt };
 };
 
 //#endregion
@@ -4133,7 +4262,7 @@ const TransactionPreview = ({ orderId, price, collectionAddress, chainId, collec
 					chainId: Number(chainId),
 					size: "xs"
 				}),
-				isConfirming && /* @__PURE__ */ jsx(TimeAgo, { date: /* @__PURE__ */ new Date() })
+				isConfirming && /* @__PURE__ */ jsx(TimeAgo, { date: new Date() })
 			]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "mt-2 flex items-center",
@@ -4221,7 +4350,7 @@ const useTransactionStatus = (hash, chainId, callbacks) => {
 			return;
 		}
 		setStatus("FAILED");
-		callbacks?.onError?.(/* @__PURE__ */ new Error("Transaction failed"));
+		callbacks?.onError?.(new Error("Transaction failed"));
 	}, [
 		confirmationResult,
 		error,
@@ -4301,7 +4430,8 @@ const useTransactionStatusModal = () => {
 	};
 };
 const TransactionStatusModal = () => {
-	return useIsOpen$3() ? /* @__PURE__ */ jsx(TransactionStatusModalContent, {}) : null;
+	const isOpen = useIsOpen$3();
+	return isOpen ? /* @__PURE__ */ jsx(TransactionStatusModalContent, {}) : null;
 };
 function TransactionStatusModalContent() {
 	const { transactionType: type, hash, orderId, price, collectionAddress, chainId, collectibleId, callbacks, queriesToInvalidate } = useTransactionModalState();
@@ -4419,8 +4549,8 @@ const initialContext$2 = {
 	isOpen: false,
 	props: null,
 	buyAnalyticsId: "",
-	onError: (() => {}),
-	onSuccess: (() => {}),
+	onError: () => {},
+	onSuccess: () => {},
 	quantity: null,
 	modalState: "idle",
 	paymentModalState: "idle",
@@ -4614,7 +4744,8 @@ const useMarketPlatformFee = (params) => {
 	};
 	const { chainId, collectionAddress } = params;
 	const marketCollection = marketplaceConfig?.market?.collections?.find((col) => compareAddress(col.itemsAddress, collectionAddress) && String(col.chainId) === String(chainId));
-	const receiver = chainId === avalanche.id || chainId === optimism.id ? avalancheAndOptimismPlatformFeeRecipient : defaultPlatformFeeRecipient;
+	const avalancheOrOptimism = chainId === avalanche.id || chainId === optimism.id;
+	const receiver = avalancheOrOptimism ? avalancheAndOptimismPlatformFeeRecipient : defaultPlatformFeeRecipient;
 	const percentageToBPS = (percentage) => Number(percentage) * 1e4 / 100;
 	const feePercentage = marketCollection?.feePercentage ?? defaultFee;
 	return {
@@ -4652,14 +4783,15 @@ const useCheckoutOptions = (input) => {
 				}],
 				additionalFee: Number(fees.amount)
 			});
-			const order = (await marketplaceClient.getOrders({
+			const orderResponse = await marketplaceClient.getOrders({
 				chainId: String(input.chainId),
 				input: [{
 					contractAddress: input.collectionAddress,
 					orderId: input.orderId,
 					marketplace: input.marketplace
 				}]
-			})).orders[0];
+			});
+			const order = orderResponse.orders[0];
 			return {
 				...response.options,
 				order
@@ -4805,7 +4937,8 @@ function decodeERC20Approval(calldata) {
 //#endregion
 //#region src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts
 const getBuyCollectableParams = async ({ chainId, collectionAddress, collectibleId, callbacks, priceCurrencyAddress, customCreditCardProviderCallback, config, address, marketplace, orderId, quantity, collectable, checkoutOptions, fee, skipNativeBalanceCheck, nativeTokenAddress, buyAnalyticsId, onRampProvider }) => {
-	const { steps: steps$2 } = await getMarketplaceClient(config).generateBuyTransaction({
+	const marketplaceClient = getMarketplaceClient(config);
+	const { steps: steps$2 } = await marketplaceClient.generateBuyTransaction({
 		chainId: String(chainId),
 		collectionAddress,
 		buyer: address,
@@ -4823,15 +4956,6 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 	const approvedSpenderAddress = approveStep ? decodeERC20Approval(approveStep.data).spender : void 0;
 	if (!buyStep) throw new Error("Buy step not found");
 	const creditCardProviders = customCreditCardProviderCallback ? ["custom"] : checkoutOptions.nftCheckout || [];
-	const isTransakSupported = creditCardProviders.includes("transak");
-	let transakContractId;
-	if (isTransakSupported) {
-		const transakContractIdResponse = await getSequenceApiClient(config).checkoutOptionsGetTransakContractID({
-			chainId,
-			contractAddress: buyStep.to
-		});
-		if (transakContractIdResponse.contractId !== "") transakContractId = transakContractIdResponse.contractId;
-	}
 	return {
 		chain: chainId,
 		collectibles: [{
@@ -4858,7 +4982,8 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 		},
 		onError: callbacks?.onError,
 		onClose: () => {
-			getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
+			const queryClient = getQueryClient();
+			queryClient.invalidateQueries({ predicate: (query) => !query.meta?.persistent });
 			buyModalStore.send({ type: "close" });
 		},
 		skipNativeBalanceCheck,
@@ -4867,7 +4992,6 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 			customCreditCardProviderCallback(buyStep);
 			buyModalStore.send({ type: "close" });
 		} },
-		...transakContractId && { transakConfig: { contractId: transakContractId } },
 		onRampProvider,
 		successActionButtons: callbacks?.successActionButtons
 	};
@@ -4887,6 +5011,7 @@ const usePaymentModalParams = (args) => {
 	const onSuccess = useOnSuccess();
 	const onError = useOnError();
 	const buyAnalyticsId = useBuyAnalyticsId();
+	const queryEnabled = !!address && !!marketplace && !!collectable && !!checkoutOptions && !!priceCurrencyAddress && !!quantity && enabled;
 	return useQuery({
 		queryKey: [
 			"buyCollectableParams",
@@ -4894,7 +5019,7 @@ const usePaymentModalParams = (args) => {
 			args,
 			fee
 		],
-		queryFn: !!address && !!marketplace && !!collectable && !!checkoutOptions && !!priceCurrencyAddress && !!quantity && enabled ? () => getBuyCollectableParams({
+		queryFn: queryEnabled ? () => getBuyCollectableParams({
 			chainId,
 			config,
 			address,
@@ -5118,7 +5243,8 @@ const getERC721SalePaymentParams = async ({ chainId, address, salesContractAddre
 			},
 			onError: callbacks?.onError,
 			onClose: () => {
-				getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
+				const queryClient = getQueryClient();
+				queryClient.invalidateQueries({ predicate: (query) => !query.meta?.persistent });
 				buyModalStore.send({ type: "close" });
 			},
 			skipNativeBalanceCheck,
@@ -5141,9 +5267,10 @@ const useERC721SalePaymentParams = (args) => {
 	const onSuccess = useOnSuccess();
 	const onError = useOnError();
 	const buyModalProps = useBuyModalProps();
+	const queryEnabled = enabled && !!address && !!salesContractAddress && !!collectionAddress && !!price && !!currencyAddress;
 	return useQuery({
 		queryKey: ["erc721SalePaymentParams", args],
-		queryFn: enabled && !!address && !!salesContractAddress && !!collectionAddress && !!price && !!currencyAddress ? () => getERC721SalePaymentParams({
+		queryFn: queryEnabled ? () => getERC721SalePaymentParams({
 			chainId,
 			address,
 			salesContractAddress,
@@ -5252,7 +5379,8 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 		}
 		const dnValue = dn.from(value, decimals);
 		const isBiggerThanMax = dn.greaterThan(dnValue, dnMaxQuantity);
-		if (dn.lessThan(dnValue, dnMin)) {
+		const isLessThanMin = dn.lessThan(dnValue, dnMin);
+		if (isLessThanMin) {
 			setQuantity({
 				value,
 				isValid: false
@@ -5294,7 +5422,7 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 		});
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("flex w-full flex-col [&>label>div>div>div:has(:disabled):hover]:opacity-100 [&>label>div>div>div:has(:disabled)]:opacity-100 [&>label>div>div>div>input]:text-xs [&>label>div>div>div]:h-9 [&>label>div>div>div]:rounded [&>label>div>div>div]:pr-0 [&>label>div>div>div]:pl-3 [&>label>div>div>div]:text-xs [&>label]:gap-[2px]", className, disabled && "pointer-events-none opacity-50"),
+		className: cn("flex w-full flex-col [&>label>div>div>div:has(:disabled):hover]:opacity-100 [&>label>div>div>div:has(:disabled)]:opacity-100 [&>label>div>div>div>input]:text-xs [&>label>div>div>div]:h-9 [&>label>div>div>div]:rounded [&>label>div>div>div]:pr-0 [&>label>div>div>div]:pl-3 [&>label>div>div>div]:text-xs [&>label]:gap-[2px]", className, disabled && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(NumericInput, {
 			className: "w-full pl-1",
 			name: "quantity",
@@ -5384,7 +5512,8 @@ const TotalPrice = ({ order, quantityStr, salePrice, chainId, cardType, quantity
 	let formattedPrice = "0";
 	const quantityForCalculation = parseUnits(quantityStr, quantityDecimals);
 	if (isMarket && currency && order) try {
-		const marketplaceFeePercentage = (marketplaceConfig?.market?.collections?.find((col) => col.itemsAddress.toLowerCase() === order.collectionContractAddress.toLowerCase() && col.chainId === chainId))?.feePercentage ?? DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
+		const marketCollection = marketplaceConfig?.market?.collections?.find((col) => col.itemsAddress.toLowerCase() === order.collectionContractAddress.toLowerCase() && col.chainId === chainId);
+		const marketplaceFeePercentage = marketCollection?.feePercentage ?? DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
 		const totalPriceRaw = BigInt(order ? order.priceAmount : "0") * quantityForCalculation;
 		formattedPrice = formatPriceWithFee(totalPriceRaw, currency.decimals, marketplaceFeePercentage);
 	} catch (e) {
@@ -5538,41 +5667,42 @@ const useERC1155Checkout = ({ chainId, salesContractAddress, collectionAddress,
 	const onError = useOnError();
 	const saleAnalyticsId = useBuyAnalyticsId();
 	const buyModalProps = useBuyModalProps();
+	const checkout = useERC1155SaleContractCheckout({
+		chain: chainId,
+		contractAddress: salesContractAddress,
+		collectionAddress,
+		items: [{
+			...items[0],
+			quantity: quantity?.toString() || "1"
+		}],
+		wallet: accountAddress ?? "",
+		...checkoutOptions && { checkoutOptions },
+		onSuccess: (txHash) => {
+			if (txHash) onSuccess({ hash: txHash });
+		},
+		onError: (error) => {
+			onError(error);
+		},
+		onClose: () => {
+			const queryClient = getQueryClient();
+			queryClient.invalidateQueries({ queryKey: balanceQueries.inventory });
+			queryClient.invalidateQueries({
+				queryKey: [...collectableKeys.userBalances],
+				refetchType: "inactive"
+			});
+			queryClient.invalidateQueries({ queryKey: collectableKeys.listPrimarySaleItems });
+			buyModalStore.send({ type: "close" });
+		},
+		customProviderCallback,
+		supplementaryAnalyticsInfo: {
+			marketplaceType: "shop",
+			saleAnalyticsId
+		},
+		successActionButtons: buyModalProps.successActionButtons,
+		...buyModalProps.onRampProvider && { onRampProvider: buyModalProps.onRampProvider }
+	});
 	return {
-		...useERC1155SaleContractCheckout({
-			chain: chainId,
-			contractAddress: salesContractAddress,
-			collectionAddress,
-			items: [{
-				...items[0],
-				quantity: quantity?.toString() || "1"
-			}],
-			wallet: accountAddress ?? "",
-			...checkoutOptions && { checkoutOptions },
-			onSuccess: (txHash) => {
-				if (txHash) onSuccess({ hash: txHash });
-			},
-			onError: (error) => {
-				onError(error);
-			},
-			onClose: () => {
-				const queryClient = getQueryClient();
-				queryClient.invalidateQueries({ queryKey: balanceQueries.inventory });
-				queryClient.invalidateQueries({
-					queryKey: [...collectableKeys.userBalances],
-					refetchType: "inactive"
-				});
-				queryClient.invalidateQueries({ queryKey: collectableKeys.listPrimarySaleItems });
-				buyModalStore.send({ type: "close" });
-			},
-			customProviderCallback,
-			supplementaryAnalyticsInfo: {
-				marketplaceType: "shop",
-				saleAnalyticsId
-			},
-			successActionButtons: buyModalProps.successActionButtons,
-			...buyModalProps.onRampProvider && { onRampProvider: buyModalProps.onRampProvider }
-		}),
+		...checkout,
 		isEnabled: Boolean(enabled && accountAddress)
 	};
 };
@@ -5724,7 +5854,7 @@ const BuyModalRouter = () => {
 			});
 		}
 	}
-	onError(/* @__PURE__ */ new Error(`Unsupported configuration: ${collection.type} in ${isShop ? "shop" : "market"} mode`));
+	onError(new Error(`Unsupported configuration: ${collection.type} in ${isShop ? "shop" : "market"} mode`));
 	return /* @__PURE__ */ jsx(ErrorModal, {
 		isOpen: true,
 		chainId,
@@ -5736,7 +5866,8 @@ const BuyModalRouter = () => {
 //#endregion
 //#region src/react/ui/modals/BuyModal/components/Modal.tsx
 const BuyModal = () => {
-	if (!useIsOpen$2()) return null;
+	const isOpen = useIsOpen$2();
+	if (!isOpen) return null;
 	return /* @__PURE__ */ jsx(BuyModalRouter, {});
 };
 
@@ -5745,7 +5876,7 @@ const BuyModal = () => {
 function Calendar({ ...props }) {
 	const { selectedDate, setSelectedDate } = props;
 	return /* @__PURE__ */ jsx(DayPicker, {
-		disabled: { before: /* @__PURE__ */ new Date() },
+		disabled: { before: new Date() },
 		selected: selectedDate,
 		onDayClick: setSelectedDate,
 		defaultMonth: selectedDate,
@@ -5793,14 +5924,15 @@ function TimeSelector({ selectedDate, onTimeChange }) {
 	const currentMinutes = getMinutes(selectedDate);
 	const commitChange = () => {
 		if (!draft) return;
-		const now = /* @__PURE__ */ new Date();
+		const now = new Date();
 		const parse = (val, fallback) => {
 			const n = Number.parseInt(val, 10);
 			return Number.isNaN(n) ? fallback : n;
 		};
 		let h = clamp(parse(draft.hours, currentHours), 0, 23);
 		let m = clamp(parse(draft.minutes, currentMinutes), 0, 59);
-		if (setMinutes(setHours(selectedDate, h), m) < now) {
+		const newDate = setMinutes(setHours(selectedDate, h), m);
+		if (newDate < now) {
 			h = getHours(now);
 			m = getMinutes(now);
 		}
@@ -5875,7 +6007,7 @@ function TimeSelector({ selectedDate, onTimeChange }) {
 * Determines if the selected date matches a preset range
 */
 function getMatchingPreset(selectedDate) {
-	const today = startOfDay(/* @__PURE__ */ new Date());
+	const today = startOfDay(new Date());
 	const selectedDay = startOfDay(selectedDate);
 	const daysDifference = differenceInDays(selectedDay, today);
 	if (isSameDay(selectedDay, today)) return PRESET_RANGES.TODAY.value;
@@ -5931,7 +6063,7 @@ function CalendarDropdown({ selectedDate, setSelectedDate, onSelectPreset, isOpe
 						selectedDate,
 						setSelectedDate: (date) => {
 							const newDate = new Date(date);
-							const today = startOfDay(/* @__PURE__ */ new Date());
+							const today = startOfDay(new Date());
 							const selectedDay = startOfDay(newDate);
 							if (isSameDay(selectedDay, today)) setSelectedDate(endOfDay(newDate));
 							else {
@@ -5984,7 +6116,7 @@ const ExpirationDateSelect = function ExpirationDateSelect$1({ className, date,
 	function handleSelectPresetRange(range) {
 		const presetRange = Object.values(PRESET_RANGES).find((preset) => preset.value === range);
 		if (!presetRange) return;
-		const baseDate = /* @__PURE__ */ new Date();
+		const baseDate = new Date();
 		const targetDate = presetRange.value === "today" ? baseDate : addDays(baseDate, presetRange.offset);
 		const newDate = presetRange.value === "today" ? endOfDay(targetDate) : (() => {
 			const preservedTimeDate = new Date(targetDate);
@@ -5998,7 +6130,7 @@ const ExpirationDateSelect = function ExpirationDateSelect$1({ className, date,
 	}
 	if (!date) return /* @__PURE__ */ jsx(Skeleton, { className: "mr-3 h-7 w-20 rounded-2xl" });
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("relative w-full", disabled && "pointer-events-none opacity-50"),
+		className: cn("relative w-full", disabled && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(Text, {
 			className: "w-full text-left font-body font-medium text-xs",
 			fontWeight: "medium",
@@ -6049,7 +6181,7 @@ function FloorPriceText({ chainId, collectionAddress, tokenId, price, onBuyNow }
 		showBuyNowButton = true;
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-2",
+		className: "flex w-full flex-wrap items-center justify-between gap-2",
 		children: [/* @__PURE__ */ jsx(Text, {
 			className: "text-left font-body font-medium text-muted text-xs",
 			children: floorPriceDifferenceText
@@ -6250,394 +6382,6 @@ const CustomSelect = ({ items, onValueChange, defaultValue, placeholder = "Selec
 	}) })] });
 };
 
-//#endregion
-//#region src/react/ui/modals/_internal/constants/opensea-currencies.ts
-const OPENSEA_CHAIN_CURRENCIES = {
-	"1": {
-		chainId: 1,
-		openseaId: "ethereum",
-		name: "Ethereum",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"10": {
-		chainId: 10,
-		openseaId: "optimism",
-		name: "Optimism",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"137": {
-		chainId: 137,
-		openseaId: "matic",
-		name: "Polygon",
-		nativeCurrency: {
-			symbol: "POL",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x0d500b1d8e8ef31e21c99d1db9a6444d3adf1270" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
-		},
-		listingCurrency: {
-			symbol: "WETH",
-			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
-		}
-	},
-	"360": {
-		chainId: 360,
-		openseaId: "shape",
-		name: "Shape",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"998": {
-		chainId: 998,
-		openseaId: "hyperevm",
-		name: "HyperEVM",
-		nativeCurrency: {
-			symbol: "HYPE",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x5555555555555555555555555555555555555555" },
-		offerCurrency: {
-			symbol: "WHYPE",
-			address: "0x5555555555555555555555555555555555555555"
-		},
-		listingCurrency: {
-			symbol: "HYPE",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"130": {
-		chainId: 130,
-		openseaId: "unichain",
-		name: "Unichain",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"1329": {
-		chainId: 1329,
-		openseaId: "sei",
-		name: "Sei",
-		nativeCurrency: {
-			symbol: "SEI",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7" },
-		offerCurrency: {
-			symbol: "WSEI",
-			address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7"
-		},
-		listingCurrency: {
-			symbol: "SEI",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"1868": {
-		chainId: 1868,
-		openseaId: "soneium",
-		name: "Soneium",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"2020": {
-		chainId: 2020,
-		openseaId: "ronin",
-		name: "Ronin",
-		nativeCurrency: {
-			symbol: "RON",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4" },
-		offerCurrency: {
-			symbol: "WRON",
-			address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4"
-		},
-		listingCurrency: {
-			symbol: "RON",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"2741": {
-		chainId: 2741,
-		openseaId: "abstract",
-		name: "Abstract",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x3439153eb7af838ad19d56e1571fbd09333c2809" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x3439153eb7af838ad19d56e1571fbd09333c2809"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"8333": {
-		chainId: 8333,
-		openseaId: "b3",
-		name: "B3",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"8453": {
-		chainId: 8453,
-		openseaId: "base",
-		name: "Base",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"33139": {
-		chainId: 33139,
-		openseaId: "ape_chain",
-		name: "ApeChain",
-		nativeCurrency: {
-			symbol: "APE",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x48b62137edfa95a428d35c09e44256a739f6b557" },
-		offerCurrency: {
-			symbol: "WAPE",
-			address: "0x48b62137edfa95a428d35c09e44256a739f6b557"
-		},
-		listingCurrency: {
-			symbol: "APE",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"42161": {
-		chainId: 42161,
-		openseaId: "arbitrum",
-		name: "Arbitrum",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"42170": {
-		chainId: 42170,
-		openseaId: "arbitrum_nova",
-		name: "Arbitrum Nova",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x722e8bdd2ce80a4422e880164f2079488e115365" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x722e8bdd2ce80a4422e880164f2079488e115365"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"43114": {
-		chainId: 43114,
-		openseaId: "avalanche",
-		name: "Avalanche",
-		nativeCurrency: {
-			symbol: "AVAX",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7" },
-		offerCurrency: {
-			symbol: "WAVAX",
-			address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7"
-		},
-		listingCurrency: {
-			symbol: "AVAX",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"43419": {
-		chainId: 43419,
-		openseaId: "gunzilla",
-		name: "GUNZ",
-		nativeCurrency: {
-			symbol: "GUN",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1" },
-		offerCurrency: {
-			symbol: "WGUN",
-			address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1"
-		},
-		listingCurrency: {
-			symbol: "GUN",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"50311": {
-		chainId: 50311,
-		openseaId: "somnia",
-		name: "Somnia",
-		nativeCurrency: {
-			symbol: "SOMI",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab" },
-		offerCurrency: {
-			symbol: "WSOMI",
-			address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab"
-		},
-		listingCurrency: {
-			symbol: "SOMI",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"80094": {
-		chainId: 80094,
-		openseaId: "bera_chain",
-		name: "Berachain",
-		nativeCurrency: {
-			symbol: "BERA",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x6969696969696969696969696969696969696969" },
-		offerCurrency: {
-			symbol: "WBERA",
-			address: "0x6969696969696969696969696969696969696969"
-		},
-		listingCurrency: {
-			symbol: "BERA",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"81457": {
-		chainId: 81457,
-		openseaId: "blast",
-		name: "Blast",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4300000000000000000000000000000000000004" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4300000000000000000000000000000000000004"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	},
-	"7777777": {
-		chainId: 7777777,
-		openseaId: "zora",
-		name: "Zora",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: "0x0000000000000000000000000000000000000000"
-		}
-	}
-};
-function getOpenseaCurrencyForChain(chainId, modalType) {
-	const config = OPENSEA_CHAIN_CURRENCIES[chainId.toString()];
-	if (!config) return;
-	return modalType === "listing" ? config.listingCurrency : config.offerCurrency;
-}
-
 //#endregion
 //#region src/react/ui/modals/_internal/components/currencyOptionsSelect/index.tsx
 function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDefault, selectedCurrency, onCurrencyChange, includeNativeCurrency, orderbookKind, modalType }) {
@@ -6647,10 +6391,11 @@ function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDef
 		includeNativeCurrency
 	});
 	let filteredCurrencies = currencies;
-	if (currencies && orderbookKind === OrderbookKind.opensea && modalType) {
-		const openseaCurrency = getOpenseaCurrencyForChain(chainId, modalType);
-		if (openseaCurrency) filteredCurrencies = currencies.filter((currency) => compareAddress(currency.contractAddress, openseaCurrency.address));
-	}
+	if (currencies && orderbookKind === OrderbookKind.opensea && modalType) filteredCurrencies = currencies.filter((currency) => {
+		if (modalType === "listing") return currency.openseaListing;
+		if (modalType === "offer") return currency.openseaOffer;
+		return false;
+	});
 	useEffect(() => {
 		if (filteredCurrencies && filteredCurrencies.length > 0 && !selectedCurrency?.contractAddress) if (secondCurrencyAsDefault && filteredCurrencies.length > 1) onCurrencyChange(filteredCurrencies[1]);
 		else onCurrencyChange(filteredCurrencies[0]);
@@ -6670,6 +6415,7 @@ function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDef
 		const selectedCurrency$1 = filteredCurrencies.find((currency) => currency.contractAddress === value);
 		if (selectedCurrency$1) onCurrencyChange(selectedCurrency$1);
 	};
+	const isDropdownDisabled = orderbookKind === OrderbookKind.opensea;
 	return /* @__PURE__ */ jsx(CustomSelect, {
 		items: options,
 		onValueChange: onChange,
@@ -6677,6 +6423,7 @@ function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDef
 			value: selectedCurrency.contractAddress,
 			content: selectedCurrency.symbol
 		},
+		disabled: isDropdownDisabled,
 		testId: "currency-select"
 	});
 }
@@ -6684,7 +6431,7 @@ var currencyOptionsSelect_default = CurrencyOptionsSelect;
 
 //#endregion
 //#region src/react/ui/modals/_internal/components/priceInput/index.tsx
-function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurrencyChange, checkBalance, secondCurrencyAsDefault, includeNativeCurrency, disabled, orderbookKind, setOpenseaLowestPriceCriteriaMet, modalType }) {
+function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurrencyChange, checkBalance, secondCurrencyAsDefault, includeNativeCurrency, disabled, orderbookKind, setOpenseaLowestPriceCriteriaMet, modalType, feeData }) {
 	const { address: accountAddress } = useAccount();
 	const inputRef = useRef(null);
 	const currency = price?.currency;
@@ -6708,12 +6455,47 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		chainId,
 		userAddress: accountAddress
 	});
-	const balanceError = !!checkBalance?.enabled && !!isBalanceSuccess && !!priceAmountRaw && !!currencyDecimals && BigInt(priceAmountRaw) > BigInt(balance?.value || 0n);
+	const getTotalRequiredBalance = () => {
+		if (!priceAmountRaw || !currencyDecimals) return BigInt(0);
+		const offerAmountRaw = BigInt(priceAmountRaw);
+		if (modalType === "offer" && feeData) return calculateTotalOfferCost(offerAmountRaw, currencyDecimals, feeData.royaltyPercentage || 0);
+		return offerAmountRaw;
+	};
+	const balanceError = !!checkBalance?.enabled && !!isBalanceSuccess && !!priceAmountRaw && !!currencyDecimals && 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(1e4);
+		return formatUnits(royaltyFeeAmount, currencyDecimals);
+	};
+	const royaltyFeeFormatted = getRoyaltyFeeAmount();
+	const RoyaltyFeeTooltip = ({ children }) => /* @__PURE__ */ jsx(Tooltip, {
+		message: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					className: "font-body font-medium text-xs",
+					children: "A royalty fee is a percentage of each resale"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "font-body font-medium text-xs",
+					children: "price that automatically compensates the original"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "font-body font-medium text-xs",
+					children: "creator every time their collectible changes hands."
+				})
+			]
+		}),
+		children
+	});
 	const openseaLowestPriceCriteriaMet = orderbookKind === OrderbookKind.opensea && !!conversion?.usdAmount && conversion.usdAmount >= .01;
 	if (checkBalance?.enabled) checkBalance.callback(balanceError);
 	if (setOpenseaLowestPriceCriteriaMet) setOpenseaLowestPriceCriteriaMet(openseaLowestPriceCriteriaMet);
 	const [value, setValue] = useState("0");
 	const prevCurrencyDecimals = useRef(currencyDecimals);
+	const [openseaDecimalError, setOpenseaDecimalError] = useState(null);
 	useEffect(() => {
 		if (prevCurrencyDecimals.current !== currencyDecimals && value !== "0" && price && onPriceChange) try {
 			const parsedAmount = parseUnits(value, Number(currencyDecimals));
@@ -6740,6 +6522,28 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		const newValue = event.target.value;
 		setValue(newValue);
 		if (!price || !onPriceChange) return;
+		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 = {
@@ -6756,7 +6560,7 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("price-input relative flex w-full flex-col", disabled && "pointer-events-none opacity-50"),
+		className: cn("price-input relative flex w-full flex-col", disabled && "pointer-events-none opacity-50"),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "absolute top-8 left-2 flex items-center",
@@ -6785,15 +6589,58 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 					onChange: handleChange
 				})
 			}),
-			balanceError && /* @__PURE__ */ jsx(Text, {
-				className: "-bottom-5 absolute font-body font-medium text-xs",
-				color: "negative",
-				children: "Insufficient balance"
+			balanceError && /* @__PURE__ */ jsx("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "font-body font-medium text-xs",
+					color: "negative",
+					children: modalType === "offer" && hasEnoughForBaseOffer && royaltyFeeFormatted && Number(royaltyFeeFormatted) > 0 ? /* @__PURE__ */ jsx(RoyaltyFeeTooltip, { children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4 text-negative" }), /* @__PURE__ */ jsxs(Text, {
+							className: "font-body font-medium text-xs",
+							color: "negative",
+							children: [
+								"You need ",
+								royaltyFeeFormatted,
+								" ",
+								currency?.symbol,
+								" for royalty fees"
+							]
+						})]
+					}) }) : "Insufficient balance"
+				})
 			}),
-			!balanceError && priceAmountRaw !== "0" && !openseaLowestPriceCriteriaMet && orderbookKind === OrderbookKind.opensea && !isConversionLoading && modalType === "offer" && /* @__PURE__ */ jsx(Text, {
+			!balanceError && modalType === "offer" && royaltyFeeFormatted && Number(royaltyFeeFormatted) > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ jsx(RoyaltyFeeTooltip, { children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4 text-text-50" }), /* @__PURE__ */ jsxs(Text, {
+						className: "font-body font-medium text-xs",
+						color: "text50",
+						children: [
+							"Total:",
+							" ",
+							(Number(value) + Number(royaltyFeeFormatted)).toFixed(6).replace(/\.?0+$/, ""),
+							" ",
+							currency?.symbol,
+							" (includes ",
+							royaltyFeeFormatted,
+							" ",
+							currency?.symbol,
+							" royalty fee)"
+						]
+					})]
+				}) })
+			}),
+			!balanceError && priceAmountRaw !== "0" && !openseaLowestPriceCriteriaMet && orderbookKind === OrderbookKind.opensea && !isConversionLoading && modalType === "offer" && !openseaDecimalError && /* @__PURE__ */ jsx(Text, {
 				className: "-bottom-5 absolute font-body font-medium text-xs",
 				color: "negative",
 				children: "Lowest price must be at least $0.01"
+			}),
+			!balanceError && openseaDecimalError && orderbookKind === OrderbookKind.opensea && modalType === "offer" && /* @__PURE__ */ jsx(Text, {
+				className: "font-body font-medium text-xs",
+				color: "negative",
+				children: openseaDecimalError
 			})
 		]
 	});
@@ -7015,7 +6862,7 @@ const SelectWaasFeeOptions = ({ chainId, onCancel, titleOnConfirm, className })
 	const isSponsored = pendingFeeOptionConfirmation?.options?.length === 0;
 	if (!isVisible || isSponsored || !selectedFeeOption) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-0 backdrop-blur-md", className),
+		className: cn("flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-0 backdrop-blur-md", className),
 		children: [
 			/* @__PURE__ */ jsx(Divider, { className: "mt-0 mb-4" }),
 			/* @__PURE__ */ jsx(Text, {
@@ -7024,7 +6871,7 @@ const SelectWaasFeeOptions = ({ chainId, onCancel, titleOnConfirm, className })
 			}),
 			!feeOptionsConfirmed && !pendingFeeOptionConfirmation && /* @__PURE__ */ jsx(Skeleton, { className: "h-[52px] w-full animate-shimmer rounded-xl" }),
 			(feeOptionsConfirmed || pendingFeeOptionConfirmation) && /* @__PURE__ */ jsx("div", {
-				className: cn$1("[&>label>button>span]:overflow-hidden [&>label>button]:w-full [&>label>button]:text-xs [&>label>div]:w-full [&>label]:flex [&>label]:w-full", feeOptionsConfirmed && "pointer-events-none opacity-70"),
+				className: cn("[&>label>button>span]:overflow-hidden [&>label>button]:w-full [&>label>button]:text-xs [&>label>div]:w-full [&>label]:flex [&>label]:w-full", feeOptionsConfirmed && "pointer-events-none opacity-70"),
 				children: /* @__PURE__ */ jsx(WaasFeeOptionsSelect_default, {
 					options: pendingFeeOptionConfirmation?.options || [selectedFeeOption],
 					selectedFeeOption,
@@ -7149,7 +6996,7 @@ function TransactionDetails({ collectibleId, collectionAddress, chainId, include
 					color: "text100",
 					children: ["0 ", price.currency.symbol]
 				}) : overflow.status ? /* @__PURE__ */ jsx(Tooltip, {
-					message: formattedAmount + " " + price.currency.symbol,
+					message: `${formattedAmount} ${price.currency.symbol}`,
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center",
 						children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-text-100" }), /* @__PURE__ */ jsxs(Text, {
@@ -7199,7 +7046,7 @@ const useSelectWaasFeeOptions = ({ isProcessing, feeOptionsVisible, selectedFeeO
 
 //#endregion
 //#region src/react/ui/modals/CreateListingModal/hooks/useGetTokenApproval.ts
-const ONE_DAY_IN_SECONDS$1 = 3600 * 24;
+const ONE_DAY_IN_SECONDS$1 = 60 * 60 * 24;
 const useGetTokenApprovalData$2 = (params) => {
 	const config = useConfig();
 	const { walletKind } = useConnectorMetadata();
@@ -7210,7 +7057,7 @@ const useGetTokenApprovalData$2 = (params) => {
 		quantity: "1",
 		currencyAddress: params.currencyAddress,
 		pricePerToken: "100000",
-		expiry: String(Number(dateToUnixTime(/* @__PURE__ */ new Date())) + ONE_DAY_IN_SECONDS$1)
+		expiry: String(Number(dateToUnixTime(new Date())) + ONE_DAY_IN_SECONDS$1)
 	};
 	const isEnabled = address && (params.query?.enabled ?? true) && !!params.currencyAddress;
 	const { data, isLoading, isSuccess, isError, error } = useQuery({
@@ -7230,7 +7077,8 @@ const useGetTokenApprovalData$2 = (params) => {
 				listing,
 				additionalFees: []
 			};
-			const tokenApprovalStep = (await marketplaceClient.generateListingTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
+			const steps$2 = await marketplaceClient.generateListingTransaction(args).then((resp) => resp.steps);
+			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken
@@ -7249,12 +7097,13 @@ const useGetTokenApprovalData$2 = (params) => {
 const getSequenceMarketplaceRequestId = async (hash, publicClient, walletAddress) => {
 	try {
 		const receipt = await publicClient.getTransactionReceipt({ hash });
-		return parseEventLogs({
+		const logs = parseEventLogs({
 			abi: SequenceMarketplaceV1_ABI,
 			eventName: "RequestCreated",
 			args: { creator: walletAddress },
 			logs: receipt.logs
-		})[0].args.requestId.toString();
+		});
+		return logs[0].args.requestId.toString();
 	} catch (error) {
 		console.error(error);
 	}
@@ -7281,7 +7130,7 @@ const useTransactionSteps$2 = ({ listingInput, chainId, collectionAddress, order
 	const getListingSteps = async () => {
 		if (!address) return;
 		try {
-			return await generateListingTransactionAsync({
+			const steps$2 = await generateListingTransactionAsync({
 				collectionAddress,
 				owner: address,
 				walletType: walletKind,
@@ -7289,10 +7138,11 @@ const useTransactionSteps$2 = ({ listingInput, chainId, collectionAddress, order
 				orderbook: orderbookKind,
 				listing: {
 					...listingInput.listing,
-					expiry: /* @__PURE__ */ new Date(Number(listingInput.listing.expiry) * 1e3)
+					expiry: new Date(Number(listingInput.listing.expiry) * 1e3)
 				},
 				additionalFees: []
 			});
+			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -7470,7 +7320,7 @@ const initialState$1 = {
 	listingPrice: { ...listingPrice },
 	quantity: "1",
 	invalidQuantity: false,
-	expiry: new Date(addDays$1(/* @__PURE__ */ new Date(), 7).toJSON()),
+	expiry: new Date(addDays$1(new Date(), 7).toJSON()),
 	callbacks: void 0,
 	steps: { ...steps$1 },
 	listingIsBeingProcessed: false
@@ -7511,7 +7361,8 @@ const CreateListingModal = () => {
 	});
 };
 const Modal$3 = observer(() => {
-	const { collectionAddress, chainId, listingPrice: listingPrice$1, collectibleId, orderbookKind: orderbookKindProp, callbacks, listingIsBeingProcessed } = createListingModal$.get();
+	const state = createListingModal$.get();
+	const { collectionAddress, chainId, listingPrice: listingPrice$1, collectibleId, orderbookKind: orderbookKindProp, callbacks, listingIsBeingProcessed } = state;
 	const { data: marketplaceConfig } = useMarketplaceConfig();
 	const [error, setError] = useState(void 0);
 	const collectionConfig = marketplaceConfig?.market.collections.find((c) => c.itemsAddress === collectionAddress);
@@ -7546,7 +7397,7 @@ const Modal$3 = observer(() => {
 		collectableId: collectibleId,
 		userAddress: address ?? void 0
 	});
-	const balanceWithDecimals = balance?.balance ? dn.toNumber(dn.from([BigInt(balance.balance), collectible?.decimals || 0])) : 0;
+	const balanceWithDecimals = balance?.balance ? dnum.toNumber(dnum.from([BigInt(balance.balance), collectible?.decimals || 0])) : 0;
 	const { isLoading, executeApproval, createListing, tokenApprovalIsLoading, isError: tokenApprovalIsError } = useCreateListing({
 		listingInput: {
 			contractType: collection?.type,
@@ -7709,7 +7560,7 @@ const useBuyModal = (callbacks) => {
 
 //#endregion
 //#region src/react/ui/modals/MakeOfferModal/hooks/useGetTokenApproval.tsx
-const ONE_DAY_IN_SECONDS = 3600 * 24;
+const ONE_DAY_IN_SECONDS = 60 * 60 * 24;
 const useGetTokenApprovalData$1 = (params) => {
 	const config = useConfig();
 	const { address } = useAccount();
@@ -7720,7 +7571,7 @@ const useGetTokenApprovalData$1 = (params) => {
 		quantity: "1",
 		currencyAddress: params.currencyAddress,
 		pricePerToken: "1",
-		expiry: String(Number(dateToUnixTime(/* @__PURE__ */ new Date())) + ONE_DAY_IN_SECONDS)
+		expiry: String(Number(dateToUnixTime(new Date())) + ONE_DAY_IN_SECONDS)
 	};
 	const isEnabled = address && params.query?.enabled !== false;
 	const { data, isLoading, isSuccess, isError, error } = useQuery({
@@ -7734,9 +7585,11 @@ const useGetTokenApprovalData$1 = (params) => {
 				contractType: params.contractType,
 				orderbook: params.orderbook,
 				offer,
-				additionalFees: []
+				additionalFees: [],
+				offerType: OfferType.item
 			};
-			const tokenApprovalStep = (await marketplaceClient.generateOfferTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
+			const steps$2 = await marketplaceClient.generateOfferTransaction(args).then((resp) => resp.steps);
+			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken,
@@ -7774,7 +7627,7 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 	const getOfferSteps = async () => {
 		if (!address) return;
 		try {
-			return await generateOfferTransactionAsync({
+			const steps$2 = await generateOfferTransactionAsync({
 				collectionAddress,
 				maker: address,
 				walletType: walletKind,
@@ -7782,10 +7635,12 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 				orderbook: orderbookKind,
 				offer: {
 					...offerInput.offer,
-					expiry: /* @__PURE__ */ new Date(Number(offerInput.offer.expiry) * 1e3)
+					expiry: new Date(Number(offerInput.offer.expiry) * 1e3)
 				},
-				additionalFees: []
+				additionalFees: [],
+				offerType: OfferType.item
 			});
+			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -7851,6 +7706,10 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 				steps$.transaction.isExecuting.set(false);
 				steps$.transaction.exist.set(false);
 			}
+			if (orderId) {
+				steps$.transaction.isExecuting.set(false);
+				steps$.transaction.exist.set(false);
+			}
 			if (hash || orderId) {
 				const currencyDecimal = currency?.decimals || 0;
 				const currencyValueRaw = Number(offerInput.offer.pricePerToken);
@@ -7951,7 +7810,7 @@ const initialState = {
 	offerPriceChanged: false,
 	quantity: "1",
 	invalidQuantity: false,
-	expiry: new Date(addDays$1(/* @__PURE__ */ new Date(), 7).toJSON()),
+	expiry: new Date(addDays$1(new Date(), 7).toJSON()),
 	collectionType: void 0,
 	steps: { ...steps },
 	offerIsBeingProcessed: false
@@ -7990,7 +7849,8 @@ const MakeOfferModal = () => {
 	});
 };
 const Modal$2 = observer(() => {
-	const { collectionAddress, chainId, offerPrice: offerPrice$1, offerPriceChanged, invalidQuantity, collectibleId, orderbookKind: orderbookKindProp, callbacks } = makeOfferModal$.get();
+	const state = makeOfferModal$.get();
+	const { collectionAddress, chainId, offerPrice: offerPrice$1, offerPriceChanged, invalidQuantity, collectibleId, orderbookKind: orderbookKindProp, callbacks } = state;
 	const { data: marketplaceConfig } = useMarketplaceConfig();
 	const [error, setError] = useState(void 0);
 	const collectionConfig = marketplaceConfig?.market.collections.find((c) => c.itemsAddress === collectionAddress);
@@ -8017,9 +7877,15 @@ const Modal$2 = observer(() => {
 	});
 	const { data: currencies, isLoading: currenciesLoading, isError: currenciesIsError } = useMarketCurrencies({
 		chainId,
+		collectionAddress,
 		includeNativeCurrency: false
 	});
-	const modalLoading = collectableIsLoading || collectionIsLoading || currenciesLoading;
+	const { data: royalty, isLoading: royaltyLoading } = useRoyalty({
+		chainId,
+		collectionAddress,
+		collectibleId
+	});
+	const modalLoading = collectableIsLoading || collectionIsLoading || currenciesLoading || royaltyLoading;
 	const { isLoading, executeApproval, makeOffer, isError: approvalIsError } = useMakeOffer({
 		offerInput: {
 			contractType: collection?.type,
@@ -8051,7 +7917,8 @@ const Modal$2 = observer(() => {
 		onClose: makeOfferModal$.close,
 		title: "Make an offer"
 	});
-	if (!modalLoading && (!currencies || currencies.length === 0)) return /* @__PURE__ */ jsx(ErrorModal, {
+	const shouldShowNoERC20Error = !currenciesLoading && !currenciesIsError && (!currencies || currencies.length === 0);
+	if (shouldShowNoERC20Error) return /* @__PURE__ */ jsx(ErrorModal, {
 		isOpen: makeOfferModal$.isOpen.get(),
 		chainId: Number(chainId),
 		onClose: makeOfferModal$.close,
@@ -8125,12 +7992,13 @@ const Modal$2 = observer(() => {
 				includeNativeCurrency: false,
 				checkBalance: {
 					enabled: true,
-					callback: (state) => setInsufficientBalance(state)
+					callback: (state$1) => setInsufficientBalance(state$1)
 				},
-				setOpenseaLowestPriceCriteriaMet: (state) => setOpenseaLowestPriceCriteriaMet(state),
+				setOpenseaLowestPriceCriteriaMet: (state$1) => setOpenseaLowestPriceCriteriaMet(state$1),
 				orderbookKind,
 				modalType: "offer",
-				disabled: shouldHideOfferButton
+				disabled: shouldHideOfferButton,
+				feeData: { royaltyPercentage: royalty ? Number(royalty.percentage) : 0 }
 			}),
 			collection?.type === ContractType.ERC1155 && /* @__PURE__ */ jsx(QuantityInput, {
 				quantity: use$(makeOfferModal$.quantity),
@@ -8231,7 +8099,8 @@ const useGetTokenApprovalData = (params) => {
 					receiver
 				}]
 			};
-			const tokenApprovalStep = (await marketplaceClient.generateSellTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
+			const steps$2 = await marketplaceClient.generateSellTransaction(args).then((resp) => resp.steps);
+			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken,
@@ -8269,7 +8138,7 @@ const useTransactionSteps = ({ collectibleId, chainId, collectionAddress, market
 	const getSellSteps = async () => {
 		if (!address) return;
 		try {
-			return await generateSellTransactionAsync({
+			const steps$2 = await generateSellTransactionAsync({
 				collectionAddress,
 				walletType: walletKind,
 				marketplace,
@@ -8280,6 +8149,7 @@ const useTransactionSteps = ({ collectibleId, chainId, collectionAddress, market
 				}],
 				seller: address
 			});
+			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -8445,7 +8315,8 @@ const Modal$1 = observer(() => {
 	});
 	const { isWaaS } = useConnectorMetadata();
 	const { isVisible: feeOptionsVisible, selectedFeeOption } = useSelectWaasFeeOptionsStore();
-	const isTestnet = getNetwork(Number(chainId)).type === NetworkType.TESTNET;
+	const network = getNetwork(Number(chainId));
+	const isTestnet = network.type === NetworkType.TESTNET;
 	const isProcessing = sellModal$.sellIsBeingProcessed.get();
 	const { shouldHideActionButton: shouldHideSellButton } = useSelectWaasFeeOptions({
 		isProcessing,
@@ -8799,12 +8670,13 @@ const TokenQuantityInput = ({ balanceAmount, collection, isProcessingWithWaaS })
 	const [invalidQuantity, setInvalidQuantity] = useState(false);
 	let insufficientBalance = true;
 	if (balanceAmount !== void 0 && modalState.quantity) try {
-		insufficientBalance = BigInt(modalState.quantity) > balanceAmount;
+		const quantityBigInt = BigInt(modalState.quantity);
+		insufficientBalance = quantityBigInt > balanceAmount;
 	} catch (_e) {
 		insufficientBalance = true;
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-3", isProcessingWithWaaS && "pointer-events-none opacity-50"),
+		className: cn$1("flex flex-col gap-3", isProcessingWithWaaS && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(QuantityInput, {
 			quantity: modalState.quantity,
 			invalidQuantity,
@@ -8877,7 +8749,8 @@ const MAX_WALLET_ADDRESS_LENGTH = 42;
 const WalletAddressInput = () => {
 	const { address: connectedAddress } = useAccount();
 	const { receiverAddress, transferIsProcessing } = useModalState();
-	const isSelfTransfer = isAddress(receiverAddress) && connectedAddress && receiverAddress.toLowerCase() === connectedAddress.toLowerCase();
+	const isWalletAddressValid = isAddress(receiverAddress);
+	const isSelfTransfer = isWalletAddressValid && connectedAddress && receiverAddress.toLowerCase() === connectedAddress.toLowerCase();
 	const handleChangeWalletAddress = (event) => {
 		transferModalStore.send({
 			type: "updateTransferDetails",
@@ -8990,7 +8863,8 @@ const EnterWalletAddressView = () => {
 	const balanceAmount = tokenBalance?.pages[0].balances[0].balance;
 	let insufficientBalance = true;
 	if (balanceAmount !== void 0 && quantity) try {
-		insufficientBalance = BigInt(quantity) > BigInt(balanceAmount);
+		const quantityBigInt = BigInt(quantity);
+		insufficientBalance = quantityBigInt > BigInt(balanceAmount);
 	} catch (_e) {
 		insufficientBalance = true;
 	}
@@ -9008,7 +8882,8 @@ const EnterWalletAddressView = () => {
 			console.error("Transfer failed:", error);
 		}
 	};
-	const showQuantityInput = collection?.type === ContractType.ERC1155 && !!balanceAmount;
+	const isErc1155 = collection?.type === ContractType.ERC1155;
+	const showQuantityInput = isErc1155 && !!balanceAmount;
 	const isTransferDisabled = transferIsProcessing || !isWalletAddressValid || insufficientBalance || !quantity || Number(quantity) === 0 || isSelfTransfer;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "grid grow gap-6",
@@ -9136,7 +9011,7 @@ const TransferModal = () => {
 			onCancel: () => {
 				transferModalStore.send({
 					type: "failTransfer",
-					error: /* @__PURE__ */ new Error("Transfer cancelled")
+					error: new Error("Transfer cancelled")
 				});
 			},
 			titleOnConfirm: "Processing transfer...",
@@ -9176,7 +9051,7 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   --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 {
@@ -12714,7 +12589,7 @@ const useActionButtonStore = () => {
 			if (!pendingAction) return;
 			const { timestamp, callback } = pendingAction;
 			if (timestamp && callback) {
-				if (Date.now() - timestamp < 300 * 1e3 && typeof callback === "function") callback();
+				if (Date.now() - timestamp < 5 * 60 * 1e3 && typeof callback === "function") callback();
 			}
 		}
 	};
@@ -12930,7 +12805,7 @@ function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, acti
 		orderbookKind,
 		highestOffer
 	});
-	return /* @__PURE__ */ jsx(NonOwnerActions, { ...cardType === "shop" && salesContractAddress && salePrice ? {
+	const nonOwnerProps = cardType === "shop" && salesContractAddress && salePrice ? {
 		cardType: "shop",
 		salesContractAddress,
 		salePrice,
@@ -12953,7 +12828,8 @@ function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, acti
 		quantityDecimals,
 		quantityRemaining,
 		hideQuantitySelector
-	} });
+	};
+	return /* @__PURE__ */ jsx(NonOwnerActions, { ...nonOwnerProps });
 }
 
 //#endregion
@@ -12994,7 +12870,7 @@ function ActionButtonWrapper({ show, chainId, collectionAddress, tokenId, orderb
 function fetchContentType(url) {
 	return new Promise((resolve, reject) => {
 		if (typeof XMLHttpRequest === "undefined") {
-			reject(/* @__PURE__ */ new Error("XMLHttpRequest is not supported in this environment."));
+			reject(new Error("XMLHttpRequest is not supported in this environment."));
 			return;
 		}
 		if (!url) return;
@@ -13104,22 +12980,26 @@ function MediaSkeleton() {
 //#endregion
 //#region src/react/ui/components/media/utils.ts
 const isImage = (fileName) => {
-	return /.*\.(png|jpg|jpeg|gif|svg|webp)$/.test(fileName?.toLowerCase() || "");
+	const isImage$1 = /.*\.(png|jpg|jpeg|gif|svg|webp)$/.test(fileName?.toLowerCase() || "");
+	return isImage$1;
 };
 const isHtml = (fileName) => {
-	return /.*\.(html\?.+|html)$/.test(fileName?.toLowerCase() || "");
+	const isHtml$1 = /.*\.(html\?.+|html)$/.test(fileName?.toLowerCase() || "");
+	return isHtml$1;
 };
 const isVideo = (fileName) => {
-	return /.*\.(mp4|ogg|webm)$/.test(fileName?.toLowerCase() || "");
+	const isVideo$1 = /.*\.(mp4|ogg|webm)$/.test(fileName?.toLowerCase() || "");
+	return isVideo$1;
 };
 const is3dModel = (fileName) => {
-	return /.*\.(gltf|glb|obj|fbx|stl|usdz)$/.test(fileName?.toLowerCase() || "");
+	const is3dFile = /.*\.(gltf|glb|obj|fbx|stl|usdz)$/.test(fileName?.toLowerCase() || "");
+	return is3dFile;
 };
 const getContentType = (url) => {
 	return new Promise((resolve, reject) => {
 		const type = isHtml(url) ? "html" : isVideo(url) ? "video" : isImage(url) ? "image" : is3dModel(url) ? "3d-model" : null;
 		if (type) resolve(type);
-		else reject(/* @__PURE__ */ new Error("Unsupported file type"));
+		else reject(new Error("Unsupported file type"));
 	});
 };
 
@@ -13153,9 +13033,10 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	useEffect(() => {
 		setIsSafari(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
 	}, []);
-	const assetUrl = assets.filter((asset) => !!asset)[currentAssetIndex];
+	const validAssets = assets.filter((asset) => !!asset);
+	const assetUrl = validAssets[currentAssetIndex];
 	const proxiedAssetUrl = assetUrl ? assetSrcPrefixUrl ? `${assetSrcPrefixUrl}${assetUrl}` : assetUrl : "";
-	const containerClassNames = cn$1("relative aspect-square overflow-hidden bg-background-secondary", containerClassName || className);
+	const containerClassNames = cn("relative aspect-square overflow-hidden bg-background-secondary", containerClassName || className);
 	useEffect(() => {
 		if (!assetUrl) {
 			setContentType({
@@ -13206,11 +13087,11 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	};
 	const renderFallback = () => {
 		if (fallbackContent) return /* @__PURE__ */ jsx("div", {
-			className: cn$1("flex h-full w-full items-center justify-center", containerClassNames),
+			className: cn("flex h-full w-full items-center justify-center", containerClassNames),
 			children: fallbackContent
 		});
 		return /* @__PURE__ */ jsx("div", {
-			className: cn$1("h-full w-full", containerClassNames),
+			className: cn("h-full w-full", containerClassNames),
 			children: /* @__PURE__ */ jsx("img", {
 				src: chess_tile_default,
 				alt: name || "Collectible",
@@ -13224,10 +13105,10 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	};
 	if (assetLoadFailed || !isLoading && contentType.failed || !assetUrl) return renderFallback();
 	if (contentType.type === "html" && !assetLoadFailed) return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("flex w-full items-center justify-center rounded-lg", containerClassNames),
+		className: cn("flex w-full items-center justify-center rounded-lg", containerClassNames),
 		children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("iframe", {
 			title: name || "Collectible",
-			className: cn$1("aspect-square w-full", mediaClassname),
+			className: cn("aspect-square w-full", mediaClassname),
 			src: proxiedAssetUrl,
 			allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
 			sandbox: "allow-scripts",
@@ -13237,7 +13118,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		})]
 	});
 	if (contentType.type === "3d-model" && !assetLoadFailed) return /* @__PURE__ */ jsx("div", {
-		className: cn$1("h-full w-full", containerClassNames),
+		className: cn("h-full w-full", containerClassNames),
 		children: /* @__PURE__ */ jsx(ModelViewer_default, {
 			src: proxiedAssetUrl,
 			posterSrc: chess_tile_default,
@@ -13246,7 +13127,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		})
 	});
 	if (contentType.type === "video" && !assetLoadFailed) {
-		const videoClassNames = cn$1("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || isLoading ? "invisible" : "visible", isSafari && "pointer-events-none", mediaClassname);
+		const videoClassNames = cn("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || isLoading ? "invisible" : "visible", isSafari && "pointer-events-none", mediaClassname);
 		return /* @__PURE__ */ jsxs("div", {
 			className: containerClassNames,
 			children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("video", {
@@ -13266,7 +13147,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		});
 	}
 	const imgSrc = assetLoadFailed || contentType.failed ? chess_tile_default : proxiedAssetUrl;
-	const imgClassNames = cn$1("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || contentType.loading || isLoading ? "invisible" : "visible", mediaClassname);
+	const imgClassNames = cn("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || contentType.loading || isLoading ? "invisible" : "visible", mediaClassname);
 	return /* @__PURE__ */ jsxs("div", {
 		className: containerClassNames,
 		children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("img", {
@@ -13338,7 +13219,7 @@ function BaseCard({ name, image, video, animationUrl, onClick, onKeyDown, assetS
 						animationUrl
 					],
 					assetSrcPrefixUrl,
-					mediaClassname: cn("object-contain", mediaClassName)
+					mediaClassname: cn$1("object-contain", mediaClassName)
 				}), children]
 			})
 		})
@@ -13347,23 +13228,17 @@ function BaseCard({ name, image, video, animationUrl, onClick, onKeyDown, assetS
 
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/components/footer/Footer.tsx
-const Footer = ({ chainId, collectionAddress, collectibleId, name, type, decimals, onOfferClick, highestOffer, balance, quantityInitial, quantityRemaining, unlimitedSupply, cardType, salePriceAmount, salePriceCurrency }) => {
+const Footer = ({ chainId, name, type, decimals, onOfferClick, highestOffer, lowestListing, balance, quantityInitial, quantityRemaining, unlimitedSupply, cardType, salePriceAmount, salePriceCurrency }) => {
 	const isShop = cardType === "shop";
 	const isMarket = cardType === "market";
 	const isInventoryNonTradable = cardType === "inventory-non-tradable";
-	const { data: lowestListing, isLoading: isLowestListingLoading } = useLowestListing({
-		chainId,
-		collectionAddress,
-		tokenId: collectibleId,
-		query: { enabled: isMarket }
-	});
 	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
 		chainId,
 		currencyAddress: lowestListing?.priceCurrencyAddress,
 		query: { enabled: isMarket && !!lowestListing?.priceCurrencyAddress }
 	});
 	const listed = !!lowestListing?.priceAmount && !!lowestListing?.priceCurrencyAddress;
-	const isPriceLoading = isMarket && (isLowestListingLoading || !!lowestListing?.priceCurrencyAddress && isCurrencyLoading);
+	const isPriceLoading = isMarket && !!lowestListing?.priceCurrencyAddress && isCurrencyLoading;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative flex flex-col items-start gap-2 whitespace-nowrap bg-background-primary p-4",
 		children: [
@@ -13377,7 +13252,7 @@ const Footer = ({ chainId, collectionAddress, collectibleId, name, type, decimal
 				balance
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: cn$1("flex items-center gap-1", isShop && type === ContractType.ERC721 && "hidden"),
+				className: cn("flex items-center gap-1", isShop && type === ContractType.ERC721 && "hidden"),
 				children: [
 					isPriceLoading && /* @__PURE__ */ jsx(Skeleton, {
 						size: "sm",
@@ -13439,6 +13314,7 @@ const NonTradableInventoryFooter = ({ name, balance, decimals, type }) => {
 function MarketCard({ collectibleId, chainId, collectionAddress, collectionType, assetSrcPrefixUrl, cardLoading, orderbookKind, collectible, onCollectibleClick, onOfferClick, balance, balanceIsLoading = false, onCannotPerformAction, prioritizeOwnerActions, hideQuantitySelector }) {
 	const collectibleMetadata = collectible?.metadata;
 	const highestOffer = collectible?.offer;
+	const lowestListing = collectible?.listing;
 	if (!collectibleMetadata) {
 		console.error("Collectible metadata is undefined");
 		return null;
@@ -13467,8 +13343,6 @@ function MarketCard({ collectibleId, chainId, collectionAddress, collectionType,
 		hideQuantitySelector,
 		children: [/* @__PURE__ */ jsx(Footer, {
 			chainId,
-			collectionAddress,
-			collectibleId,
 			name: collectibleMetadata.name || "",
 			type: collectionType,
 			onOfferClick: (e) => onOfferClick?.({
@@ -13476,6 +13350,7 @@ function MarketCard({ collectibleId, chainId, collectionAddress, collectionType,
 				e
 			}),
 			highestOffer,
+			lowestListing,
 			balance,
 			decimals: collectibleMetadata.decimals,
 			quantityInitial: highestOffer?.quantityInitial !== void 0 ? highestOffer.quantityInitial : collectible?.listing?.quantityInitial !== void 0 ? collectible.listing.quantityInitial : void 0,
@@ -13560,8 +13435,6 @@ function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, a
 		hideQuantitySelector,
 		children: [/* @__PURE__ */ jsx(Footer, {
 			chainId,
-			collectionAddress,
-			collectibleId,
 			name: tokenMetadata.name || "",
 			type: collectionType,
 			decimals: tokenMetadata.decimals,
@@ -13599,5 +13472,5 @@ function CollectibleCard(props) {
 }
 
 //#endregion
-export { ActionModal, CollectibleCard, DatabeatAnalytics, Footer, MarketplaceProvider, MarketplaceQueryClientProvider, MarketplaceSdkContext, Media, ModalProvider, NonTradableInventoryFooter, collectionDetailsPollingOptions, generateCancelTransaction, generateListingTransaction, generateOfferTransaction, generateSellTransaction, useAnalytics, useAutoSelectFeeOption, useBalanceOfCollectible, useBuyModal, useCancelOrder, useCancelTransactionSteps, useCheckoutOptions$1 as useCheckoutOptions, useCheckoutOptionsSalesContract, useCollectible, useCollection, useCollectionBalanceDetails, useCollectionDetails, useCollectionDetailsPolling, useComparePrices, useConfig, useConnectorMetadata, useConvertPriceToUSD, useCountItemsOrdersForCollection, useCountListingsForCollectible, useCountOfCollectables, useCountOfPrimarySaleItems, useCountOffersForCollectible, useCreateListingModal, useCurrency, useEnsureCorrectChain, useErc721SaleDetails, useFilterState, useFilters, useFiltersProgressive, useFloorOrder, useGenerateCancelTransaction, useGenerateListingTransaction, useGenerateOfferTransaction, useGenerateSellTransaction, useGetCountOfFilteredOrders, useGetCountOfPrimarySaleItems, useGetReceiptFromHash, useGetTokenRanges, useHighestOffer, useInventory, useList1155ShopCardData, useList721ShopCardData, useListBalances, useListCollectibleActivities, useListCollectibles, useListCollectiblesPaginated, useListCollectionActivities, useListCollections, useListItemsOrdersForCollection, useListItemsOrdersForCollectionPaginated, useListListingsForCollectible, useListMarketCardData, useListOffersForCollectible, useListPrimarySaleItems, useListTokenMetadata, useLowestListing, useMakeOfferModal, useMarketCurrencies, useMarketplaceConfig, useOpenConnectModal$1 as useOpenConnectModal, useOrderSteps, useProcessStep, useRoyalty, useSearchTokenMetadata, useSellModal, useSuccessfulPurchaseModal, useTokenSupplies, useTransferModal, useTransferTokens };
-//# sourceMappingURL=react-DE852KeT.js.map
+export { ActionModal, CollectibleCard, DatabeatAnalytics, Footer, MarketplaceProvider, MarketplaceQueryClientProvider, MarketplaceSdkContext, Media, ModalProvider, NonTradableInventoryFooter, collectionDetailsPollingOptions, generateCancelTransaction, generateListingTransaction, generateOfferTransaction, generateSellTransaction, useAnalytics, useAutoSelectFeeOption, useBalanceOfCollectible, useBuyModal, useCancelOrder, useCancelTransactionSteps, useCheckoutOptions$1 as useCheckoutOptions, useCheckoutOptionsSalesContract, useCollectible, useCollection, useCollectionActiveListingsCurrencies, useCollectionActiveOffersCurrencies, useCollectionBalanceDetails, useCollectionDetails, useCollectionDetailsPolling, useComparePrices, useConfig, useConnectorMetadata, useConvertPriceToUSD, useCountItemsOrdersForCollection, useCountListingsForCollectible, useCountOfCollectables, useCountOfPrimarySaleItems, useCountOffersForCollectible, useCreateListingModal, useCurrency, useEnsureCorrectChain, useErc721SaleDetails, useFilterState, useFilters, useFiltersProgressive, useFloorOrder, useGenerateCancelTransaction, useGenerateListingTransaction, useGenerateOfferTransaction, useGenerateSellTransaction, useGetCountOfFilteredOrders, useGetCountOfPrimarySaleItems, useGetReceiptFromHash, useGetTokenRanges, useHighestOffer, useInventory, useList1155ShopCardData, useList721ShopCardData, useListBalances, useListCollectibleActivities, useListCollectibles, useListCollectiblesPaginated, useListCollectionActivities, useListCollections, useListItemsOrdersForCollection, useListItemsOrdersForCollectionPaginated, useListListingsForCollectible, useListMarketCardData, useListOffersForCollectible, useListPrimarySaleItems, useListTokenMetadata, useLowestListing, useMakeOfferModal, useMarketCurrencies, useMarketplaceConfig, useOpenConnectModal$1 as useOpenConnectModal, useOrderSteps, usePrimarySaleItem, useProcessStep, useRoyalty, useSearchTokenMetadata, useSellModal, useSuccessfulPurchaseModal, useTokenSupplies, useTransferModal, useTransferTokens };
+//# sourceMappingURL=react-CBsgOdVP.js.map