@0xsequence/marketplace-sdk 1.1.1 → 1.2.1

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

@@ -1,37 +1,36 @@
 '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 { 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 { t as DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from "./src.js";
+import { a as TransactionExecutionError, c as BaseError$1, i as NoWalletConnectedError, n as InvalidContractTypeError, o as TransactionSignatureError, s as UserRejectedRequestError$1, t as ChainSwitchError } from "./transaction.js";
+import { _ as getQueryClient, c as balanceQueries, o as marketplaceApiURL, r as getMarketplaceClient, u as collectableKeys } from "./api.js";
+import { A as PropertyType, P as StepType, S as OrderbookKind, U as WalletKind, b as OrderSide, l as ExecuteType, o as CollectionStatus, s as ContractType, y as OfferType } from "./marketplace.gen.js";
+import { n as getPresentableChainName, t as getNetwork } from "./network.js";
+import { n as PROVIDER_ID, t as TransactionType } from "./_internal.js";
+import { t as CollectibleCardAction } from "./types.js";
+import { n as SequenceMarketplaceV1_ABI, r as EIP2981_ABI } from "./marketplace.js";
+import { i as ERC721_SALE_ABI_V0, r as ERC721_SALE_ABI_V1 } from "./primary-sale.js";
+import { n as ERC1155_ABI, r as ERC721_ABI } from "./token.js";
+import { a as formatPriceWithFee, c as cn$1, d as truncateMiddle, l as compareAddress, o as validateOpenseaOfferDecimals, r as calculateTotalOfferCost, t as calculateEarningsAfterFees } from "./utils.js";
+import { n as marketplaceConfigOptions } from "./marketplaceConfig.js";
+import { n as useSalesContractABI, t as SalesContractVersion } from "./contracts.js";
+import { g as balanceOfCollectibleOptions, l as listCollectibleActivitiesQueryOptions, o as listCollectiblesQueryOptions, p as collectibleQueryOptions, r as listCollectiblesPaginatedQueryOptions, u as countOfCollectablesQueryOptions } from "./collectibles.js";
+import { _ as collectionActiveListingsCurrenciesQueryOptions, b as collectionQueryOptions, c as collectionDetailsQueryOptions, d as collectionBalanceDetailsQueryOptions, i as listCollectionsQueryOptions, m as collectionActiveOffersCurrenciesQueryOptions, s as listCollectionActivitiesQueryOptions } from "./collections.js";
+import { i as checkoutOptionsSalesContractQueryOptions, n as filtersQueryOptions, s as checkoutOptionsQueryOptions, u as currencyQueryOptions } from "./market.js";
+import { r as marketCurrenciesQueryOptions } from "./marketCurrencies.js";
+import { A as countItemsOrdersForCollectionQueryOptions, D as countListingsForCollectibleQueryOptions, S as floorOrderQueryOptions, _ as highestOfferQueryOptions, b as getCountOfFilteredOrdersQueryOptions, d as listItemsOrdersForCollectionPaginatedQueryOptions, l as listListingsForCollectibleQueryOptions, m as listItemsOrdersForCollectionQueryOptions, o as listOffersForCollectibleQueryOptions, r as lowestListingQueryOptions, w as countOffersForCollectibleQueryOptions } from "./orders.js";
+import { n as inventoryOptions } from "./inventory.js";
+import { l as primarySaleItemQueryOptions, o as listPrimarySaleItemsQueryOptions, r as primarySaleItemsCountQueryOptions, u as countOfPrimarySaleItemsOptions } from "./primary-sales.js";
+import { f as listBalancesOptions, h as getTokenRangesQueryOptions, l as listTokenMetadataQueryOptions, o as searchTokenMetadataQueryOptions, r as tokenSuppliesQueryOptions } from "./tokens.js";
+import { i as convertPriceToUSDQueryOptions, t as comparePricesQueryOptions } from "./utils2.js";
+import { t as waitForTransactionReceipt } from "./waitForTransactionReceipt.js";
+import { n as CalendarIcon_default, r as InfoIcon_default, t as CartIcon_default } from "./CartIcon.js";
+import { a as FooterName, n as SaleDetailsPill, r as PriceDisplay, t as TokenTypeBalancePill } from "./components.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 } 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";
@@ -40,7 +39,7 @@ import { observable } from "@legendapp/state";
 import { createStore } from "@xstate/store";
 import { useSelector } from "@xstate/store/react";
 import { createSerializer, parseAsBoolean, parseAsJson, parseAsString, useQueryState } from "nuqs";
-import { SequenceCheckoutProvider, useERC1155SaleContractCheckout, useSelectPaymentModal } from "@0xsequence/checkout";
+import { SequenceCheckoutProvider, useSelectPaymentModal } from "@0xsequence/checkout";
 import { Show, observer, use$ } from "@legendapp/state/react";
 import { addDays, differenceInDays, endOfDay, format, formatDistanceToNow, getHours, getMinutes, isSameDay, setHours, setMinutes, startOfDay } from "date-fns";
 import { avalanche, optimism } from "viem/chains";
@@ -183,9 +182,8 @@ function MarketplaceProvider({ config, children, openConnectModal }) {
 	});
 }
 function MarketplaceQueryClientProvider({ children }) {
-	const queryClient = getQueryClient();
 	return /* @__PURE__ */ jsx(QueryClientProvider, {
-		client: queryClient,
+		client: getQueryClient(),
 		children
 	});
 }
@@ -219,19 +217,17 @@ const useConnectorMetadata = () => {
 	const { connector } = useAccount();
 	const isWaaS = connector?.id.endsWith("waas") ?? false;
 	const isSequence = connector?.id.includes("sequence");
-	const walletKind = isSequence ? WalletKind.sequence : WalletKind.unknown;
 	return {
 		isWaaS,
 		isSequence,
-		walletKind
+		walletKind: isSequence ? WalletKind.sequence : WalletKind.unknown
 	};
 };
 
 //#endregion
 //#region src/react/hooks/config/useMarketplaceConfig.tsx
 const useMarketplaceConfig = () => {
-	const config = useConfig();
-	return useQuery(marketplaceConfigOptions(config));
+	return useQuery(marketplaceConfigOptions(useConfig()));
 };
 
 //#endregion
@@ -258,12 +254,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
@@ -308,12 +299,11 @@ function useBalanceOfCollectible(args) {
 */
 function useCollectible(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = collectibleQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...collectibleQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -356,12 +346,11 @@ function useCollectible(params) {
 */
 function useCountOfCollectables(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = countOfCollectablesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...countOfCollectablesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -419,12 +408,11 @@ function useCountOfCollectables(params) {
 */
 function useListCollectibleActivities(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listCollectibleActivitiesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listCollectibleActivitiesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -433,14 +421,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,29 +457,14 @@ 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();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listCollectiblesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useInfiniteQuery({ ...listCollectiblesQueryOptions({
 		config,
 		...rest
-	});
-	return useInfiniteQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -559,12 +531,11 @@ function useListCollectibles(params) {
 */
 function useListCollectiblesPaginated(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listCollectiblesPaginatedQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listCollectiblesPaginatedQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -606,12 +577,103 @@ function useListCollectiblesPaginated(params) {
 */
 function useCollection(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = collectionQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...collectionQueryOptions({
 		config,
 		...rest
-	});
-	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;
+	return useQuery({ ...collectionActiveListingsCurrenciesQueryOptions({
+		config,
+		...rest
+	}) });
+}
+
+//#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;
+	return useQuery({ ...collectionActiveOffersCurrenciesQueryOptions({
+		config,
+		...rest
+	}) });
 }
 
 //#endregion
@@ -669,12 +731,11 @@ function useCollection(params) {
 */
 function useCollectionBalanceDetails(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = collectionBalanceDetailsQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...collectionBalanceDetailsQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -716,12 +777,11 @@ function useCollectionBalanceDetails(params) {
 */
 function useCollectionDetails(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = collectionDetailsQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...collectionDetailsQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -756,8 +816,7 @@ const collectionDetailsPollingOptions = (args, config) => {
 	});
 };
 const useCollectionDetailsPolling = (args) => {
-	const config = useConfig();
-	return useQuery(collectionDetailsPollingOptions(args, config));
+	return useQuery(collectionDetailsPollingOptions(args, useConfig()));
 };
 
 //#endregion
@@ -811,12 +870,11 @@ const useCollectionDetailsPolling = (args) => {
 */
 function useListCollectionActivities(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listCollectionActivitiesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listCollectionActivitiesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -863,13 +921,12 @@ function useListCollectionActivities(params) {
 function useListCollections(params = {}) {
 	const defaultConfig = useConfig();
 	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const { config = defaultConfig, marketplaceConfig: paramMarketplaceConfig,...rest } = params;
-	const queryOptions$1 = listCollectionsQueryOptions({
+	const { config = defaultConfig, marketplaceConfig: paramMarketplaceConfig, ...rest } = params;
+	return useQuery({ ...listCollectionsQueryOptions({
 		config,
 		marketplaceConfig: paramMarketplaceConfig || marketplaceConfig,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -910,12 +967,11 @@ function useListCollections(params = {}) {
 */
 function useCurrency(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = currencyQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...currencyQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1092,12 +1148,11 @@ function useListMarketCardData({ collectionAddress, chainId, orderbookKind, coll
 */
 function useMarketCurrencies(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = marketCurrenciesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...marketCurrenciesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1155,12 +1210,11 @@ function useMarketCurrencies(params) {
 */
 function useCountItemsOrdersForCollection(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = countItemsOrdersForCollectionQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...countItemsOrdersForCollectionQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1203,12 +1257,11 @@ function useCountItemsOrdersForCollection(params) {
 */
 function useCountListingsForCollectible(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = countListingsForCollectibleQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...countListingsForCollectibleQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1251,12 +1304,11 @@ function useCountListingsForCollectible(params) {
 */
 function useCountOffersForCollectible(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = countOffersForCollectibleQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...countOffersForCollectibleQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1302,24 +1354,22 @@ function useCountOffersForCollectible(params) {
 */
 function useFloorOrder(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = floorOrderQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...floorOrderQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
 //#region src/react/hooks/data/orders/useGetCountOfFilteredOrders.tsx
 function useGetCountOfFilteredOrders(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = getCountOfFilteredOrdersQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...getCountOfFilteredOrdersQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1364,12 +1414,11 @@ function useGetCountOfFilteredOrders(params) {
 */
 function useHighestOffer(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = highestOfferQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...highestOfferQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1423,12 +1472,11 @@ function useHighestOffer(params) {
 */
 function useListItemsOrdersForCollection(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listItemsOrdersForCollectionQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useInfiniteQuery({ ...listItemsOrdersForCollectionQueryOptions({
 		config,
 		...rest
-	});
-	return useInfiniteQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1496,12 +1544,11 @@ function useListItemsOrdersForCollection(params) {
 */
 function useListItemsOrdersForCollectionPaginated(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listItemsOrdersForCollectionPaginatedQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listItemsOrdersForCollectionPaginatedQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1562,12 +1609,11 @@ function useListItemsOrdersForCollectionPaginated(params) {
 */
 function useListListingsForCollectible(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listListingsForCollectibleQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listListingsForCollectibleQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1612,12 +1658,11 @@ function useListListingsForCollectible(params) {
 */
 function useListOffersForCollectible(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listOffersForCollectibleQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listOffersForCollectibleQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1662,19 +1707,17 @@ function useListOffersForCollectible(params) {
 */
 function useLowestListing(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = lowestListingQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...lowestListingQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
 //#region src/react/hooks/data/primary-sales/useCountOfPrimarySaleItems.tsx
 function useCountOfPrimarySaleItems(args) {
-	const config = useConfig();
-	return useQuery(countOfPrimarySaleItemsOptions(args, config));
+	return useQuery(countOfPrimarySaleItemsOptions(args, useConfig()));
 }
 
 //#endregion
@@ -1788,12 +1831,11 @@ const useErc721SaleDetailsV1 = ({ chainId, salesContractAddress, itemsContractAd
 */
 function useGetCountOfPrimarySaleItems(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = primarySaleItemsCountQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery(primarySaleItemsCountQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery(queryOptions$1);
+	}));
 }
 
 //#endregion
@@ -1844,12 +1886,11 @@ function useGetCountOfPrimarySaleItems(params) {
 */
 function useGetTokenRanges(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = getTokenRangesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...getTokenRangesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -1875,12 +1916,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
@@ -1926,26 +1962,23 @@ function useListBalances(args) {
 */
 function useListTokenMetadata(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listTokenMetadataQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...listTokenMetadataQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#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 +1995,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({
@@ -1985,12 +2008,11 @@ function useListTokenMetadata(params) {
 */
 function useTokenSupplies(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = tokenSuppliesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useInfiniteQuery({ ...tokenSuppliesQueryOptions({
 		config,
 		...rest
-	});
-	return useInfiniteQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -2065,7 +2087,7 @@ function useTokenSupplies(params) {
 */
 function useSearchTokenMetadata(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig, onlyMinted,...rest } = params;
+	const { config = defaultConfig, onlyMinted, ...rest } = params;
 	const { data: suppliesData, hasNextPage: hasNextSuppliesPage, isFetching: isSuppliesFetching, isLoading: isSuppliesLoading, error: suppliesError, fetchNextPage: fetchNextSuppliesPage } = useTokenSupplies({
 		chainId: params.chainId,
 		collectionAddress: params.collectionAddress,
@@ -2317,24 +2339,66 @@ function useList1155ShopCardData({ primarySaleItemsWithMetadata, chainId, contra
 */
 function useListPrimarySaleItems(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = listPrimarySaleItemsQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useInfiniteQuery(listPrimarySaleItemsQueryOptions({
 		config,
 		...rest
-	});
-	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;
+	return useQuery({ ...primarySaleItemQueryOptions({
+		config,
+		...rest
+	}) });
 }
 
 //#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
@@ -2715,7 +2779,7 @@ const generateCancelTransaction = async (args, config) => {
 };
 const useGenerateCancelTransaction = (params) => {
 	const config = useConfig();
-	const { mutate, mutateAsync,...result } = useMutation({
+	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: params.onSuccess,
 		mutationFn: (args) => generateCancelTransaction(args, config)
 	});
@@ -2749,8 +2813,7 @@ const useProcessStep = () => {
 	const { sendTransactionAsync } = useSendTransaction();
 	const { signMessageAsync } = useSignMessage();
 	const { signTypedDataAsync } = useSignTypedData();
-	const config = useConfig();
-	const marketplaceClient = getMarketplaceClient(config);
+	const marketplaceClient = getMarketplaceClient(useConfig());
 	const processStep = async (step, chainId) => {
 		if (isTransactionStep(step)) return {
 			type: "transaction",
@@ -2766,10 +2829,8 @@ const useProcessStep = () => {
 		};
 		if (isSignatureStep(step)) {
 			let signature;
-			if (step.id === StepType.signEIP191) {
-				const message = isHex(step.data) ? { raw: step.data } : step.data;
-				signature = await signMessageAsync({ message });
-			} else if (step.id === StepType.signEIP712) {
+			if (step.id === StepType.signEIP191) signature = await signMessageAsync({ message: isHex(step.data) ? { raw: step.data } : step.data });
+			else if (step.id === StepType.signEIP712) {
 				if (!step.signature) throw new Error("EIP712 step missing signature data");
 				signature = await signTypedDataAsync({
 					domain: step.signature.domain,
@@ -2781,14 +2842,14 @@ const useProcessStep = () => {
 			if (!signature) throw new Error("Failed to sign message");
 			if (step.post) return {
 				type: "signature",
-				orderId: (await marketplaceClient.execute({
+				orderId: (await marketplaceClient.execute({ params: {
 					chainId: String(chainId),
 					signature,
 					method: step.post.method,
 					endpoint: step.post.endpoint,
 					body: step.post.body,
 					executeType: ExecuteType.order
-				})).orderId
+				} })).orderId
 			};
 			return {
 				type: "signature",
@@ -2977,7 +3038,7 @@ const generateListingTransaction = async (params, config) => {
 };
 const useGenerateListingTransaction = (params) => {
 	const config = useConfig();
-	const { mutate, mutateAsync,...result } = useMutation({
+	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: params.onSuccess,
 		mutationFn: (args) => generateListingTransaction({
 			...args,
@@ -3008,7 +3069,7 @@ const generateOfferTransaction = async (params, config, walletKind) => {
 const useGenerateOfferTransaction = (params) => {
 	const config = useConfig();
 	const { walletKind } = useConnectorMetadata();
-	const { mutate, mutateAsync,...result } = useMutation({
+	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: params.onSuccess,
 		mutationFn: (args) => generateOfferTransaction({
 			...args,
@@ -3034,7 +3095,7 @@ const generateSellTransaction = async (args, config) => {
 };
 const useGenerateSellTransaction = (params) => {
 	const config = useConfig();
-	const { mutate, mutateAsync,...result } = useMutation({
+	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: params.onSuccess,
 		mutationFn: (args) => generateSellTransaction({
 			...args,
@@ -3109,8 +3170,7 @@ const useTransactionOperations = () => {
 		try {
 			if (stepItem.id === StepType.signEIP191) {
 				logger.debug("Signing with EIP-191", { data: stepItem.data });
-				const message = isHex(stepItem.data) ? { raw: stepItem.data } : stepItem.data;
-				return await signMessageAsync({ message });
+				return await signMessageAsync({ message: isHex(stepItem.data) ? { raw: stepItem.data } : stepItem.data });
 			}
 			if (stepItem.id === StepType.signEIP712) {
 				logger.debug("Signing with EIP-712", {
@@ -3227,8 +3287,7 @@ const useTransferTokens = () => {
 	const { writeContractAsync, data: hash, isPending, isError, isSuccess } = useWriteContract();
 	const transferTokensAsync = async (params) => {
 		if (!accountAddress) throw new NoWalletConnectedError();
-		const config = prepareTransferConfig(params, accountAddress);
-		return await writeContractAsync(config);
+		return await writeContractAsync(prepareTransferConfig(params, accountAddress));
 	};
 	return {
 		transferTokensAsync,
@@ -3273,114 +3332,6 @@ function useFilterState() {
 	const [showListedOnly, setShowListedOnly] = useQueryState("listedOnly", listedOnlyParser);
 	const [showPriceFilter, setShowPriceFilter] = useQueryState("priceFilter", priceFilterParser);
 	const [priceFilters, setPriceFilters] = useQueryState("priceFilters", priceFiltersParser);
-	const helpers = useMemo(() => ({
-		getFilter: (name) => {
-			return filterOptions?.find((f) => f.name === name);
-		},
-		getFilterValues: (name) => {
-			const filter = filterOptions?.find((f) => f.name === name);
-			if (!filter) return void 0;
-			if (filter.type === PropertyType.INT) return {
-				type: PropertyType.INT,
-				min: filter.min ?? 0,
-				max: filter.max ?? 0
-			};
-			return {
-				type: PropertyType.STRING,
-				values: filter.values ?? []
-			};
-		},
-		isFilterActive: (name) => {
-			return !!filterOptions?.find((f) => f.name === name);
-		},
-		isStringValueSelected: (name, value) => {
-			const filter = filterOptions?.find((f) => f.name === name);
-			if (!filter || filter.type !== PropertyType.STRING) return false;
-			return filter.values?.includes(value) ?? false;
-		},
-		isIntFilterActive: (name) => {
-			const filter = filterOptions?.find((f) => f.name === name);
-			return !!filter && filter.type === PropertyType.INT;
-		},
-		getIntFilterRange: (name) => {
-			const filter = filterOptions?.find((f) => f.name === name);
-			if (!filter || filter.type !== PropertyType.INT) return void 0;
-			return [filter.min ?? 0, filter.max ?? 0];
-		},
-		deleteFilter: (name) => {
-			const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
-			setFilterOptions(otherFilters);
-		},
-		toggleStringFilterValue: (name, value) => {
-			const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
-			const filter = filterOptions?.find((f) => f.name === name);
-			const existingValues = filter?.type === PropertyType.STRING ? filter.values ?? [] : [];
-			if (existingValues.includes(value)) {
-				const newValues = existingValues.filter((v) => v !== value);
-				if (newValues.length === 0) {
-					setFilterOptions(otherFilters);
-					return;
-				}
-				setFilterOptions([...otherFilters, {
-					name,
-					type: PropertyType.STRING,
-					values: newValues
-				}]);
-			} else setFilterOptions([...otherFilters, {
-				name,
-				type: PropertyType.STRING,
-				values: [...existingValues, value]
-			}]);
-		},
-		setIntFilterValue: (name, min, max) => {
-			if (min === max && min === 0) {
-				const otherFilters$1 = filterOptions?.filter((f) => !(f.name === name)) ?? [];
-				setFilterOptions(otherFilters$1);
-				return;
-			}
-			const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
-			setFilterOptions([...otherFilters, {
-				name,
-				type: PropertyType.INT,
-				min,
-				max
-			}]);
-		},
-		setPriceFilter: (contractAddress, min, max) => {
-			const otherPriceFilters = priceFilters?.filter((f) => f.contractAddress !== contractAddress) ?? [];
-			if (!min && !max) {
-				setPriceFilters(otherPriceFilters);
-				return;
-			}
-			const newPriceFilter = {
-				contractAddress,
-				...min && { min },
-				...max && { max }
-			};
-			setPriceFilters([...otherPriceFilters, newPriceFilter]);
-		},
-		getPriceFilter: (contractAddress) => {
-			return priceFilters?.find((f) => f.contractAddress === contractAddress);
-		},
-		clearPriceFilters: () => {
-			setPriceFilters([]);
-		},
-		clearAllFilters: () => {
-			setShowListedOnly(false);
-			setShowPriceFilter(false);
-			setFilterOptions([]);
-			setSearchText("");
-			setPriceFilters([]);
-		}
-	}), [
-		filterOptions,
-		setFilterOptions,
-		setShowListedOnly,
-		setSearchText,
-		setShowPriceFilter,
-		priceFilters,
-		setPriceFilters
-	]);
 	return {
 		filterOptions,
 		searchText,
@@ -3392,7 +3343,111 @@ function useFilterState() {
 		setShowListedOnly,
 		setShowPriceFilter,
 		setPriceFilters,
-		...helpers,
+		...useMemo(() => ({
+			getFilter: (name) => {
+				return filterOptions?.find((f) => f.name === name);
+			},
+			getFilterValues: (name) => {
+				const filter = filterOptions?.find((f) => f.name === name);
+				if (!filter) return void 0;
+				if (filter.type === PropertyType.INT) return {
+					type: PropertyType.INT,
+					min: filter.min ?? 0,
+					max: filter.max ?? 0
+				};
+				return {
+					type: PropertyType.STRING,
+					values: filter.values ?? []
+				};
+			},
+			isFilterActive: (name) => {
+				return !!filterOptions?.find((f) => f.name === name);
+			},
+			isStringValueSelected: (name, value) => {
+				const filter = filterOptions?.find((f) => f.name === name);
+				if (!filter || filter.type !== PropertyType.STRING) return false;
+				return filter.values?.includes(value) ?? false;
+			},
+			isIntFilterActive: (name) => {
+				const filter = filterOptions?.find((f) => f.name === name);
+				return !!filter && filter.type === PropertyType.INT;
+			},
+			getIntFilterRange: (name) => {
+				const filter = filterOptions?.find((f) => f.name === name);
+				if (!filter || filter.type !== PropertyType.INT) return void 0;
+				return [filter.min ?? 0, filter.max ?? 0];
+			},
+			deleteFilter: (name) => {
+				setFilterOptions(filterOptions?.filter((f) => !(f.name === name)) ?? []);
+			},
+			toggleStringFilterValue: (name, value) => {
+				const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
+				const filter = filterOptions?.find((f) => f.name === name);
+				const existingValues = filter?.type === PropertyType.STRING ? filter.values ?? [] : [];
+				if (existingValues.includes(value)) {
+					const newValues = existingValues.filter((v) => v !== value);
+					if (newValues.length === 0) {
+						setFilterOptions(otherFilters);
+						return;
+					}
+					setFilterOptions([...otherFilters, {
+						name,
+						type: PropertyType.STRING,
+						values: newValues
+					}]);
+				} else setFilterOptions([...otherFilters, {
+					name,
+					type: PropertyType.STRING,
+					values: [...existingValues, value]
+				}]);
+			},
+			setIntFilterValue: (name, min, max) => {
+				if (min === max && min === 0) {
+					setFilterOptions(filterOptions?.filter((f) => !(f.name === name)) ?? []);
+					return;
+				}
+				setFilterOptions([...filterOptions?.filter((f) => !(f.name === name)) ?? [], {
+					name,
+					type: PropertyType.INT,
+					min,
+					max
+				}]);
+			},
+			setPriceFilter: (contractAddress, min, max) => {
+				const otherPriceFilters = priceFilters?.filter((f) => f.contractAddress !== contractAddress) ?? [];
+				if (!min && !max) {
+					setPriceFilters(otherPriceFilters);
+					return;
+				}
+				const newPriceFilter = {
+					contractAddress,
+					...min && { min },
+					...max && { max }
+				};
+				setPriceFilters([...otherPriceFilters, newPriceFilter]);
+			},
+			getPriceFilter: (contractAddress) => {
+				return priceFilters?.find((f) => f.contractAddress === contractAddress);
+			},
+			clearPriceFilters: () => {
+				setPriceFilters([]);
+			},
+			clearAllFilters: () => {
+				setShowListedOnly(false);
+				setShowPriceFilter(false);
+				setFilterOptions([]);
+				setSearchText("");
+				setPriceFilters([]);
+			}
+		}), [
+			filterOptions,
+			setFilterOptions,
+			setShowListedOnly,
+			setSearchText,
+			setShowPriceFilter,
+			priceFilters,
+			setPriceFilters
+		]),
 		serialize
 	};
 }
@@ -3460,12 +3515,11 @@ function useFilterState() {
 */
 function useFilters(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = filtersQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...filtersQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 /**
 * Hook to progressively load collection filters
@@ -3512,7 +3566,7 @@ function useFilters(params) {
 */
 function useFiltersProgressive(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
+	const { config = defaultConfig, ...rest } = params;
 	const namesQuery = useQuery(filtersQueryOptions({
 		config,
 		...rest,
@@ -3586,13 +3640,12 @@ const useOpenConnectModal$1 = () => {
 function useCheckoutOptions$1(params) {
 	const { address } = useAccount();
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = checkoutOptionsQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...checkoutOptionsQueryOptions({
 		config,
 		walletAddress: address,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -3642,7 +3695,7 @@ function useCheckoutOptions$1(params) {
 function useCheckoutOptionsSalesContract(params) {
 	const { address } = useAccount();
 	const defaultConfig = useConfig();
-	const queryOptions$1 = checkoutOptionsSalesContractQueryOptions(params === skipToken ? {
+	return useQuery({ ...checkoutOptionsSalesContractQueryOptions(params === skipToken ? {
 		config: defaultConfig,
 		walletAddress: address,
 		chainId: 0,
@@ -3654,8 +3707,7 @@ function useCheckoutOptionsSalesContract(params) {
 		config: defaultConfig,
 		walletAddress: address,
 		...params
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -3711,12 +3763,11 @@ function useCheckoutOptionsSalesContract(params) {
 */
 function useComparePrices(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = comparePricesQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...comparePricesQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -3767,12 +3818,11 @@ function useComparePrices(params) {
 */
 function useConvertPriceToUSD(params) {
 	const defaultConfig = useConfig();
-	const { config = defaultConfig,...rest } = params;
-	const queryOptions$1 = convertPriceToUSDQueryOptions({
+	const { config = defaultConfig, ...rest } = params;
+	return useQuery({ ...convertPriceToUSDQueryOptions({
 		config,
 		...rest
-	});
-	return useQuery({ ...queryOptions$1 });
+	}) });
 }
 
 //#endregion
@@ -3868,9 +3918,8 @@ const useGetReceiptFromHash = () => {
 */
 function useRoyalty(args) {
 	const { chainId, collectionAddress, collectibleId, query } = args;
-	const scopeKey = `${collectableKeys.royaltyPercentage.join(".")}-${chainId}-${collectionAddress}-${collectibleId}`;
 	const contractResult = useReadContract({
-		scopeKey,
+		scopeKey: `${collectableKeys.royaltyPercentage.join(".")}-${chainId}-${collectionAddress}-${collectibleId}`,
 		abi: EIP2981_ABI,
 		address: collectionAddress,
 		functionName: "royaltyInfo",
@@ -3918,13 +3967,10 @@ const selectWaasFeeOptionsStore = createStore({
 	}
 });
 const useSelectWaasFeeOptionsStore = () => {
-	const isVisible = useSelector(selectWaasFeeOptionsStore, (state) => state.context.isVisible);
-	const selectedFeeOption = useSelector(selectWaasFeeOptionsStore, (state) => state.context.selectedFeeOption);
-	const pendingFeeOptionConfirmation = useSelector(selectWaasFeeOptionsStore, (state) => state.context.pendingFeeOptionConfirmation);
 	return {
-		isVisible,
-		selectedFeeOption,
-		pendingFeeOptionConfirmation,
+		isVisible: useSelector(selectWaasFeeOptionsStore, (state) => state.context.isVisible),
+		selectedFeeOption: useSelector(selectWaasFeeOptionsStore, (state) => state.context.selectedFeeOption),
+		pendingFeeOptionConfirmation: useSelector(selectWaasFeeOptionsStore, (state) => state.context.pendingFeeOptionConfirmation),
 		show: () => selectWaasFeeOptionsStore.send({ type: "show" }),
 		hide: () => selectWaasFeeOptionsStore.send({ type: "hide" }),
 		setSelectedFeeOption: (feeOption) => selectWaasFeeOptionsStore.send({
@@ -4288,7 +4334,7 @@ const invalidateQueries = async (queriesToInvalidate) => {
 const useTransactionStatusModal = () => {
 	return {
 		show: (args) => {
-			const { type: transactionType,...rest } = args;
+			const { type: transactionType, ...rest } = args;
 			transactionStatusModalStore.send({
 				type: "open",
 				transactionType,
@@ -4512,7 +4558,6 @@ const useOnError = () => useSelector(buyModalStore, (state) => state.context.onE
 const useOnSuccess = () => useSelector(buyModalStore, (state) => state.context.onSuccess);
 const useQuantity = () => useSelector(buyModalStore, (state) => state.context.quantity);
 const usePaymentModalState = () => useSelector(buyModalStore, (state) => state.context.paymentModalState);
-const useCheckoutModalState = () => useSelector(buyModalStore, (state) => state.context.checkoutModalState);
 const useBuyAnalyticsId = () => useSelector(buyModalStore, (state) => state.context.buyAnalyticsId);
 
 //#endregion
@@ -4616,9 +4661,8 @@ const useMarketPlatformFee = (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 percentageToBPS = (percentage) => Number(percentage) * 1e4 / 100;
-	const feePercentage = marketCollection?.feePercentage ?? defaultFee;
 	return {
-		amount: percentageToBPS(feePercentage).toString(),
+		amount: percentageToBPS(marketCollection?.feePercentage ?? defaultFee).toString(),
 		receiver
 	};
 };
@@ -4823,15 +4867,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: [{
@@ -4867,7 +4902,6 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 			customCreditCardProviderCallback(buyStep);
 			buyModalStore.send({ type: "close" });
 		} },
-		...transakContractId && { transakConfig: { contractId: transakContractId } },
 		onRampProvider,
 		successActionButtons: callbacks?.successActionButtons
 	};
@@ -4962,9 +4996,9 @@ const ERC721BuyModal = ({ collectable, order, address, checkoutOptions }) => {
 	});
 	if (isPaymentModalParamsLoading || !paymentModalParams) return null;
 	if (isPaymentModalParamsError) throw new Error("Failed to load payment parameters for ERC721 marketplace purchase");
-	return /* @__PURE__ */ jsx(PaymentModalOpener$2, { paymentModalParams });
+	return /* @__PURE__ */ jsx(PaymentModalOpener$3, { paymentModalParams });
 };
-const PaymentModalOpener$2 = ({ paymentModalParams }) => {
+const PaymentModalOpener$3 = ({ paymentModalParams }) => {
 	const { openSelectPaymentModal } = useSelectPaymentModal();
 	const paymentModalState = usePaymentModalState();
 	useEffect(() => {
@@ -5075,9 +5109,8 @@ var BuyModalErrorFactory = class {
 
 //#endregion
 //#region src/react/ui/modals/BuyModal/hooks/useERC721SalePaymentParams.ts
-const DEFAULT_PROOF = [toHex(0, { size: 32 })];
-const encodeERC721MintData = ({ to, amount, paymentToken, price, proof = DEFAULT_PROOF }) => {
-	const totalPrice = price * amount;
+const DEFAULT_PROOF$1 = [toHex(0, { size: 32 })];
+const encodeERC721MintData = ({ to, amount, paymentToken, price, proof = DEFAULT_PROOF$1 }) => {
 	return encodeFunctionData({
 		abi: ERC721_SALE_ABI_V0,
 		functionName: "mint",
@@ -5085,7 +5118,7 @@ const encodeERC721MintData = ({ to, amount, paymentToken, price, proof = DEFAULT
 			to,
 			amount,
 			paymentToken,
-			totalPrice,
+			price * amount,
 			proof
 		]
 	});
@@ -5097,7 +5130,7 @@ const getERC721SalePaymentParams = async ({ chainId, address, salesContractAddre
 			amount: BigInt(quantity),
 			paymentToken: currencyAddress,
 			price,
-			proof: DEFAULT_PROOF
+			proof: DEFAULT_PROOF$1
 		});
 		const creditCardProviders = customCreditCardProviderCallback ? ["custom"] : checkoutProvider ? [checkoutProvider] : [];
 		return {
@@ -5180,9 +5213,9 @@ const ERC721ShopModal = ({ collection, shopData, chainId }) => {
 	});
 	if (isErc721PaymentParamsLoading || !erc721SalePaymentParams) return null;
 	if (isErc721PaymentParamsError) throw BuyModalErrorFactory.contractError(shopData.salesContractAddress, "Failed to load ERC721 sale parameters");
-	return /* @__PURE__ */ jsx(PaymentModalOpener$1, { paymentModalParams: erc721SalePaymentParams });
+	return /* @__PURE__ */ jsx(PaymentModalOpener$2, { paymentModalParams: erc721SalePaymentParams });
 };
-const PaymentModalOpener$1 = ({ paymentModalParams }) => {
+const PaymentModalOpener$2 = ({ paymentModalParams }) => {
 	const { openSelectPaymentModal } = useSelectPaymentModal();
 	const paymentModalState = usePaymentModalState();
 	const totalPrice = BigInt(paymentModalParams.price) * BigInt(paymentModalParams.collectibles[0].quantity);
@@ -5330,8 +5363,7 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 const INFINITY_STRING = maxUint256.toString();
 const ERC1155QuantityModal = ({ order, quantityDecimals, quantityRemaining, unlimitedSupply, salePrice, chainId, cardType }) => {
 	const isOpen = useIsOpen$2();
-	const minQuantity = quantityDecimals > 0 ? `0.${"1".padStart(quantityDecimals, "0")}` : "1";
-	const [localQuantity, setLocalQuantity] = useState(minQuantity);
+	const [localQuantity, setLocalQuantity] = useState(quantityDecimals > 0 ? `0.${"1".padStart(quantityDecimals, "0")}` : "1");
 	const [invalidQuantity, setInvalidQuantity] = useState(false);
 	const maxQuantity = unlimitedSupply ? INFINITY_STRING : quantityDecimals > 0 ? (Number(quantityRemaining) / 10 ** quantityDecimals).toString() : quantityRemaining;
 	const handleBuyNow = () => {
@@ -5385,16 +5417,12 @@ const TotalPrice = ({ order, quantityStr, salePrice, chainId, cardType, quantity
 	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 totalPriceRaw = BigInt(order ? order.priceAmount : "0") * quantityForCalculation;
-		formattedPrice = formatPriceWithFee(totalPriceRaw, currency.decimals, marketplaceFeePercentage);
+		formattedPrice = formatPriceWithFee(BigInt(order ? order.priceAmount : "0") * quantityForCalculation, currency.decimals, marketplaceFeePercentage);
 	} catch (e) {
 		console.error("Error formatting price", e);
 		error = "Unable to calculate total price";
 	}
-	if (isShop && salePrice && currency) {
-		const totalPriceRaw = BigInt(salePrice.amount) * quantityForCalculation;
-		formattedPrice = formatPriceWithFee(totalPriceRaw, currency.decimals, 0);
-	}
+	if (isShop && salePrice && currency) formattedPrice = formatPriceWithFee(BigInt(salePrice.amount) * quantityForCalculation, currency.decimals, 0);
 	return error ? /* @__PURE__ */ jsx(Text, {
 		className: "font-body font-medium text-xs",
 		color: "text50",
@@ -5510,9 +5538,9 @@ const Modal$4 = ({ address, quantity, order, collectable, checkoutOptions }) =>
 		title: "Loading checkout"
 	});
 	if (isPaymentModalParamsError) throw new Error("Failed to load payment parameters for ERC1155 marketplace purchase");
-	return /* @__PURE__ */ jsx(PaymentModalOpener, { paymentModalParams });
+	return /* @__PURE__ */ jsx(PaymentModalOpener$1, { paymentModalParams });
 };
-const PaymentModalOpener = ({ paymentModalParams }) => {
+const PaymentModalOpener$1 = ({ paymentModalParams }) => {
 	const { openSelectPaymentModal } = useSelectPaymentModal();
 	const paymentModalState = usePaymentModalState();
 	useEffect(() => {
@@ -5530,51 +5558,126 @@ const PaymentModalOpener = ({ paymentModalParams }) => {
 };
 
 //#endregion
-//#region src/react/ui/modals/BuyModal/hooks/useERC1155Checkout.ts
-const useERC1155Checkout = ({ chainId, salesContractAddress, collectionAddress, items, checkoutOptions, customProviderCallback, enabled = true }) => {
-	const { address: accountAddress } = useAccount();
-	const quantity = useQuantity();
-	const onSuccess = useOnSuccess();
-	const onError = useOnError();
-	const saleAnalyticsId = useBuyAnalyticsId();
-	const buyModalProps = useBuyModalProps();
-	return {
-		...useERC1155SaleContractCheckout({
+//#region src/react/ui/modals/BuyModal/hooks/useERC1155SalePaymentParams.ts
+const DEFAULT_PROOF = [toHex(0, { size: 32 })];
+const encodeERC1155MintData = ({ to, tokenIds, amounts, data = "0x", paymentToken, maxTotal, proof = DEFAULT_PROOF, abi }) => {
+	return encodeFunctionData({
+		abi,
+		functionName: "mint",
+		args: [
+			to,
+			tokenIds,
+			amounts,
+			data,
+			paymentToken,
+			maxTotal,
+			proof
+		]
+	});
+};
+const getERC1155SalePaymentParams = async ({ chainId, address, salesContractAddress, collectionAddress, tokenId, quantity, price, currencyAddress, callbacks, customCreditCardProviderCallback, skipNativeBalanceCheck, nativeTokenAddress, checkoutProvider, successActionButtons, onRampProvider, saleAnalyticsId, abi }) => {
+	try {
+		const totalPrice = price * BigInt(quantity);
+		const purchaseTransactionData = encodeERC1155MintData({
+			to: address,
+			tokenIds: [BigInt(tokenId)],
+			amounts: [BigInt(quantity)],
+			data: "0x",
+			paymentToken: currencyAddress,
+			maxTotal: totalPrice,
+			proof: DEFAULT_PROOF,
+			abi
+		});
+		const creditCardProviders = customCreditCardProviderCallback ? ["custom"] : checkoutProvider ? [checkoutProvider] : [];
+		return {
 			chain: chainId,
-			contractAddress: salesContractAddress,
+			collectibles: [{
+				quantity: quantity.toString(),
+				decimals: 0,
+				tokenId
+			}],
+			currencyAddress,
+			price: price.toString(),
+			targetContractAddress: salesContractAddress,
+			txData: purchaseTransactionData,
 			collectionAddress,
-			items: [{
-				...items[0],
-				quantity: quantity?.toString() || "1"
-			}],
-			wallet: accountAddress ?? "",
-			...checkoutOptions && { checkoutOptions },
+			recipientAddress: address,
+			creditCardProviders,
 			onSuccess: (txHash) => {
-				if (txHash) onSuccess({ hash: txHash });
-			},
-			onError: (error) => {
-				onError(error);
+				if (txHash) callbacks?.onSuccess?.({ hash: txHash });
 			},
+			onError: callbacks?.onError,
 			onClose: () => {
-				const queryClient = getQueryClient();
-				queryClient.invalidateQueries({ queryKey: balanceQueries.inventory });
-				queryClient.invalidateQueries({
-					queryKey: [...collectableKeys.userBalances],
-					refetchType: "inactive"
-				});
-				queryClient.invalidateQueries({ queryKey: collectableKeys.listPrimarySaleItems });
+				getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
 				buyModalStore.send({ type: "close" });
 			},
-			customProviderCallback,
+			skipNativeBalanceCheck,
 			supplementaryAnalyticsInfo: {
 				marketplaceType: "shop",
-				saleAnalyticsId
+				...saleAnalyticsId && { saleAnalyticsId }
+			},
+			nativeTokenAddress,
+			...customCreditCardProviderCallback && { customProviderCallback: () => {
+				customCreditCardProviderCallback(price.toString());
+				buyModalStore.send({ type: "close" });
+			} },
+			successActionButtons,
+			onRampProvider
+		};
+	} catch (error) {
+		throw BuyModalErrorFactory.priceCalculation("ERC1155 payment params calculation", [
+			price.toString(),
+			quantity.toString(),
+			tokenId
+		], error instanceof Error ? error.message : "Unknown error");
+	}
+};
+const useERC1155SalePaymentParams = (args) => {
+	const { salesContractAddress, collectionAddress, tokenId, price, currencyAddress, enabled = true, checkoutProvider, chainId } = args;
+	const { address } = useAccount();
+	const quantity = useQuantity();
+	const onSuccess = useOnSuccess();
+	const onError = useOnError();
+	const buyModalProps = useBuyModalProps();
+	const saleAnalyticsId = useBuyAnalyticsId();
+	const { abi, isLoading: isABILoading, version } = useSalesContractABI({
+		contractAddress: salesContractAddress,
+		contractType: ContractType.ERC1155,
+		chainId,
+		enabled: enabled && !!salesContractAddress
+	});
+	const queryEnabled = enabled && !!address && !!salesContractAddress && !!collectionAddress && !!tokenId && price !== void 0 && !!currencyAddress && !!quantity && !!abi && !isABILoading;
+	return useQuery({
+		queryKey: [
+			"erc1155SalePaymentParams",
+			args,
+			quantity,
+			version
+		],
+		queryFn: queryEnabled && abi ? () => getERC1155SalePaymentParams({
+			chainId,
+			address,
+			salesContractAddress,
+			collectionAddress,
+			tokenId,
+			quantity,
+			price: BigInt(price),
+			currencyAddress,
+			callbacks: {
+				onSuccess,
+				onError
 			},
+			customCreditCardProviderCallback: void 0,
+			skipNativeBalanceCheck: false,
+			nativeTokenAddress: void 0,
+			checkoutProvider,
 			successActionButtons: buyModalProps.successActionButtons,
-			...buyModalProps.onRampProvider && { onRampProvider: buyModalProps.onRampProvider }
-		}),
-		isEnabled: Boolean(enabled && accountAddress)
-	};
+			onRampProvider: buyModalProps.onRampProvider,
+			saleAnalyticsId,
+			abi
+		}) : skipToken,
+		enabled: queryEnabled
+	});
 };
 
 //#endregion
@@ -5586,6 +5689,17 @@ const ERC1155ShopModal = ({ collection, shopData, chainId }) => {
 	const quantityDecimals = isShop && modalProps.quantityDecimals ? modalProps.quantityDecimals : 0;
 	const quantityRemaining = isShop && modalProps.quantityRemaining ? modalProps.quantityRemaining.toString() : "0";
 	const unlimitedSupply = isShop && modalProps.unlimitedSupply ? modalProps.unlimitedSupply : false;
+	const tokenId = shopData.items[0]?.tokenId;
+	const checkoutProvider = shopData.checkoutOptions?.nftCheckout?.[0] ? String(shopData.checkoutOptions.nftCheckout[0]) : void 0;
+	const { data: erc1155SalePaymentParams } = useERC1155SalePaymentParams({
+		salesContractAddress: shopData.salesContractAddress,
+		collectionAddress: collection.address,
+		tokenId,
+		price: shopData.salePrice?.amount,
+		currencyAddress: shopData.salePrice?.currencyAddress,
+		chainId,
+		checkoutProvider
+	});
 	if (!quantity) return /* @__PURE__ */ jsx(ERC1155QuantityModal, {
 		salePrice: {
 			amount: shopData.salePrice?.amount ?? "0",
@@ -5597,49 +5711,26 @@ const ERC1155ShopModal = ({ collection, shopData, chainId }) => {
 		unlimitedSupply,
 		chainId
 	});
-	return /* @__PURE__ */ jsx(ERC1155SaleContractCheckoutModalOpener, {
-		chainId,
-		salesContractAddress: shopData.salesContractAddress,
-		collectionAddress: collection.address,
-		items: shopData.items.map((item) => ({
-			...item,
-			tokenId: item.tokenId ?? "0",
-			quantity: quantity.toString() ?? "1"
-		})),
-		checkoutOptions: shopData.checkoutOptions,
-		enabled: !!shopData.salesContractAddress && !!shopData.items
-	});
+	return /* @__PURE__ */ jsx(PaymentModalOpener, { paymentModalParams: erc1155SalePaymentParams });
 };
-const ERC1155SaleContractCheckoutModalOpener = ({ chainId, salesContractAddress, collectionAddress, items, checkoutOptions, enabled, customProviderCallback }) => {
-	const checkoutModalState = useCheckoutModalState();
-	const { openCheckoutModal, isLoading, isError, isEnabled } = useERC1155Checkout({
-		chainId,
-		salesContractAddress,
-		collectionAddress,
-		items,
-		checkoutOptions,
-		customProviderCallback,
-		enabled
-	});
+const PaymentModalOpener = ({ paymentModalParams }) => {
+	const { openSelectPaymentModal } = useSelectPaymentModal();
+	const paymentModalState = usePaymentModalState();
 	useEffect(() => {
-		if (checkoutModalState === "idle" && isEnabled && !isLoading && !isError) {
-			buyModalStore.send({ type: "openCheckoutModal" });
-			openCheckoutModal();
-			buyModalStore.send({ type: "checkoutModalOpened" });
-		}
+		if (paymentModalState !== "idle") return;
+		if (!paymentModalParams) return;
+		const totalPrice = BigInt(paymentModalParams.price) * BigInt(paymentModalParams.collectibles[0].quantity);
+		buyModalStore.send({ type: "openPaymentModal" });
+		openSelectPaymentModal({
+			...paymentModalParams,
+			price: String(totalPrice)
+		});
+		buyModalStore.send({ type: "paymentModalOpened" });
 	}, [
-		checkoutModalState,
-		isLoading,
-		isError,
-		isEnabled,
-		openCheckoutModal
+		paymentModalState,
+		paymentModalParams,
+		openSelectPaymentModal
 	]);
-	if (isLoading) return /* @__PURE__ */ jsx(LoadingModal, {
-		isOpen: true,
-		chainId,
-		onClose: () => buyModalStore.send({ type: "close" }),
-		title: "Loading payment options"
-	});
 	return null;
 };
 
@@ -5913,14 +6004,13 @@ function CalendarDropdown({ selectedDate, setSelectedDate, onSelectPreset, isOpe
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex flex-col",
 					children: Object.values(PRESET_RANGES).map((preset) => {
-						const isActive = matchingPreset === preset.value;
 						return /* @__PURE__ */ jsx(Button, {
 							onClick: () => {
 								onSelectPreset(preset.value);
 								setIsOpen(false);
 							},
 							variant: "text",
-							className: `w-full justify-start py-1.5 font-bold text-xs transition-colors ${isActive ? "text-text-100" : "text-text-50 hover:text-text-80"}`,
+							className: `w-full justify-start py-1.5 font-bold text-xs transition-colors ${matchingPreset === preset.value ? "text-text-100" : "text-text-50 hover:text-text-80"}`,
 							tabIndex: 0,
 							children: preset.label
 						}, preset.value);
@@ -5932,8 +6022,7 @@ function CalendarDropdown({ selectedDate, setSelectedDate, onSelectPreset, isOpe
 						setSelectedDate: (date) => {
 							const newDate = new Date(date);
 							const today = startOfDay(/* @__PURE__ */ new Date());
-							const selectedDay = startOfDay(newDate);
-							if (isSameDay(selectedDay, today)) setSelectedDate(endOfDay(newDate));
+							if (isSameDay(startOfDay(newDate), today)) setSelectedDate(endOfDay(newDate));
 							else {
 								newDate.setHours(selectedDate.getHours(), selectedDate.getMinutes(), 0, 0);
 								setSelectedDate(newDate);
@@ -5986,12 +6075,11 @@ const ExpirationDateSelect = function ExpirationDateSelect$1({ className, date,
 		if (!presetRange) return;
 		const baseDate = /* @__PURE__ */ new Date();
 		const targetDate = presetRange.value === "today" ? baseDate : addDays(baseDate, presetRange.offset);
-		const newDate = presetRange.value === "today" ? endOfDay(targetDate) : (() => {
+		onDateChange(presetRange.value === "today" ? endOfDay(targetDate) : (() => {
 			const preservedTimeDate = new Date(targetDate);
 			preservedTimeDate.setHours(date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
 			return preservedTimeDate;
-		})();
-		onDateChange(newDate);
+		})());
 	}
 	function handleDateValueChange(date$1) {
 		onDateChange(date$1);
@@ -6049,7 +6137,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 +6338,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 +6347,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 +6371,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 +6379,7 @@ function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDef
 			value: selectedCurrency.contractAddress,
 			content: selectedCurrency.symbol
 		},
+		disabled: isDropdownDisabled,
 		testId: "currency-select"
 	});
 }
@@ -6684,7 +6387,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,26 +6411,57 @@ 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;
+		return formatUnits(BigInt(priceAmountRaw) * BigInt(Math.round(feeData.royaltyPercentage * 100)) / BigInt(1e4), 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));
-			const updatedPrice = {
+			onPriceChange({
 				...price,
 				amountRaw: parsedAmount.toString()
-			};
-			onPriceChange(updatedPrice);
+			});
 		} catch {
-			const updatedPrice = {
+			onPriceChange({
 				...price,
 				amountRaw: "0"
-			};
-			onPriceChange(updatedPrice);
+			});
 		}
 		prevCurrencyDecimals.current = currencyDecimals;
 	}, [
@@ -6740,19 +6474,37 @@ 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));
+					onPriceChange({
+						...price,
+						amountRaw: parsedAmount.toString()
+					});
+				} catch {
+					onPriceChange({
+						...price,
+						amountRaw: "0"
+					});
+				}
+				return;
+			}
+			setOpenseaDecimalError(null);
+		}
 		try {
 			const parsedAmount = parseUnits(newValue, Number(currencyDecimals));
-			const updatedPrice = {
+			onPriceChange({
 				...price,
 				amountRaw: parsedAmount.toString()
-			};
-			onPriceChange(updatedPrice);
+			});
 		} catch {
-			const updatedPrice = {
+			onPriceChange({
 				...price,
 				amountRaw: "0"
-			};
-			onPriceChange(updatedPrice);
+			});
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -6785,15 +6537,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 && 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" && /* @__PURE__ */ jsx(Text, {
+			!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
 			})
 		]
 	});
@@ -6810,9 +6605,8 @@ const WaasFeeOptionsSelect = ({ options, selectedFeeOption, onSelectedFeeOptionC
 		}
 	}));
 	const feeOptions = options.map((option) => {
-		const value = option.token.contractAddress ?? "";
 		return FeeOptionSelectItem({
-			value,
+			value: option.token.contractAddress ?? "",
 			option
 		});
 	});
@@ -6831,8 +6625,7 @@ const WaasFeeOptionsSelect = ({ options, selectedFeeOption, onSelectedFeeOptionC
 			value: option.value
 		})),
 		onValueChange: (value) => {
-			const selectedOption = options.find((option) => option.token.contractAddress === value);
-			onSelectedFeeOptionChange(selectedOption);
+			onSelectedFeeOptionChange(options.find((option) => option.token.contractAddress === value));
 		},
 		defaultValue: options[0].token.contractAddress ?? void 0
 	});
@@ -7111,8 +6904,7 @@ function TransactionDetails({ collectibleId, collectionAddress, chainId, include
 		const fees = [];
 		if (royalty !== null) fees.push(Number(royalty.percentage));
 		if (marketplaceFeePercentage > 0) fees.push(marketplaceFeePercentage);
-		const newFormattedAmount = calculateEarningsAfterFees(BigInt(price.amountRaw), price.currency.decimals, fees);
-		setFormattedAmount(newFormattedAmount);
+		setFormattedAmount(calculateEarningsAfterFees(BigInt(price.amountRaw), price.currency.decimals, fees));
 	}, [
 		price,
 		royalty,
@@ -7149,7 +6941,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, {
@@ -7734,7 +7526,8 @@ 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);
 			if (!tokenApprovalStep) return { step: null };
@@ -7784,7 +7577,8 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 					...offerInput.offer,
 					expiry: /* @__PURE__ */ new Date(Number(offerInput.offer.expiry) * 1e3)
 				},
-				additionalFees: []
+				additionalFees: [],
+				offerType: OfferType.item
 			});
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
@@ -8017,9 +7811,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 +7851,7 @@ const Modal$2 = observer(() => {
 		onClose: makeOfferModal$.close,
 		title: "Make an offer"
 	});
-	if (!modalLoading && (!currencies || currencies.length === 0)) return /* @__PURE__ */ jsx(ErrorModal, {
+	if (!currenciesLoading && !currenciesIsError && (!currencies || currencies.length === 0)) return /* @__PURE__ */ jsx(ErrorModal, {
 		isOpen: makeOfferModal$.isOpen.get(),
 		chainId: Number(chainId),
 		onClose: makeOfferModal$.close,
@@ -8130,7 +7930,8 @@ const Modal$2 = observer(() => {
 				setOpenseaLowestPriceCriteriaMet: (state) => setOpenseaLowestPriceCriteriaMet(state),
 				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),
@@ -8686,10 +8487,9 @@ function SuccessfulPurchaseActions({ modalState }) {
 }
 function CollectiblesGrid({ collectibles }) {
 	const total = collectibles.length;
-	const shownCollectibles = total > 4 ? collectibles.slice(0, 4) : collectibles;
 	return /* @__PURE__ */ jsx("div", {
 		className: "grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] gap-2 [&:has(div:nth-child(4))>div]:col-[unset] [&>div:nth-child(1):only-child]:h-[312px] [&>div:nth-child(1):only-child]:w-[312px] [&>div:nth-child(3)]:col-[1/-1] [&>div:nth-child(3)]:justify-self-center",
-		children: shownCollectibles.map((collectible) => {
+		children: (total > 4 ? collectibles.slice(0, 4) : collectibles).map((collectible) => {
 			const showPlus = total > 4 && collectibles.indexOf(collectible) === 3;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "relative h-[150px] w-[150px]",
@@ -8987,7 +8787,7 @@ const EnterWalletAddressView = () => {
 		accountAddress: connectedAddress,
 		query: { enabled: !!connectedAddress }
 	});
-	const balanceAmount = tokenBalance?.pages[0].balances[0].balance;
+	const balanceAmount = tokenBalance?.pages[0]?.balances[0]?.balance;
 	let insufficientBalance = true;
 	if (balanceAmount !== void 0 && quantity) try {
 		insufficientBalance = BigInt(quantity) > BigInt(balanceAmount);
@@ -9078,17 +8878,24 @@ var followWalletInstructions_default = FollowWalletInstructionsView;
 
 //#endregion
 //#region src/react/ui/modals/TransferModal/index.tsx
-const useTransferModal = () => {
+const useTransferModal = (args) => {
 	const { ensureCorrectChain } = useEnsureCorrectChain();
-	const openModal = (args) => {
+	const { address: accountAddress } = useAccount();
+	useListBalances({
+		chainId: args?.prefetch?.chainId,
+		contractAddress: args?.prefetch?.collectionAddress,
+		tokenId: args?.prefetch?.collectibleId,
+		accountAddress,
+		query: { enabled: !!accountAddress && !!args?.prefetch }
+	});
+	const openModal = (args$1) => {
 		transferModalStore.send({
 			type: "open",
-			...args
+			...args$1
 		});
 	};
-	const handleShowModal = (args) => {
-		const targetChainId = Number(args.chainId);
-		ensureCorrectChain(targetChainId, { onSuccess: () => openModal(args) });
+	const handleShowModal = (args$1) => {
+		ensureCorrectChain(Number(args$1.chainId), { onSuccess: () => openModal(args$1) });
 	};
 	return {
 		show: handleShowModal,
@@ -9176,7 +8983,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.17 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -12645,9 +12452,8 @@ const ModalProvider = observer(({ children }) => {
 	const sdkConfig = useConfig();
 	const { shadowDom, experimentalShadowDomCssOverride } = sdkConfig;
 	const overrides = sdkConfig._internal?.overrides?.api?.marketplace;
-	const marketplaceApiUrl = overrides?.url || marketplaceApiURL(overrides?.env || "production");
 	return /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(SequenceCheckoutProvider, {
-		config: { env: { marketplaceApiUrl } },
+		config: { env: { marketplaceApiUrl: overrides?.url || marketplaceApiURL(overrides?.env || "production") } },
 		children: /* @__PURE__ */ jsxs(ShadowRoot, {
 			enabled: shadowDom ?? true,
 			customCSS: experimentalShadowDomCssOverride,
@@ -12899,16 +12705,14 @@ const useActionButtonLogic = ({ tokenId, owned, action, onCannotPerformAction })
 		executePendingAction,
 		clearPendingAction
 	]);
-	const shouldShowAction = !address ? [CollectibleCardAction.BUY, CollectibleCardAction.OFFER].includes(action) : true;
-	const isOwnerAction = address && owned && [
-		CollectibleCardAction.LIST,
-		CollectibleCardAction.TRANSFER,
-		CollectibleCardAction.SELL
-	].includes(action);
 	return {
 		address,
-		shouldShowAction,
-		isOwnerAction
+		shouldShowAction: !address ? [CollectibleCardAction.BUY, CollectibleCardAction.OFFER].includes(action) : true,
+		isOwnerAction: address && owned && [
+			CollectibleCardAction.LIST,
+			CollectibleCardAction.TRANSFER,
+			CollectibleCardAction.SELL
+		].includes(action)
 	};
 };
 
@@ -13167,17 +12971,15 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		}
 		const determineContentType = async () => {
 			try {
-				const type = await getContentType(proxiedAssetUrl);
 				setContentType({
-					type,
+					type: await getContentType(proxiedAssetUrl),
 					loading: false,
 					failed: false
 				});
 			} catch {
 				try {
-					const type = await fetchContentType(proxiedAssetUrl);
 					setContentType({
-						type,
+						type: await fetchContentType(proxiedAssetUrl),
 						loading: false,
 						failed: false
 					});
@@ -13347,23 +13149,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: [
@@ -13439,6 +13235,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 +13264,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 +13271,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 +13356,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 +13393,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 { useListItemsOrdersForCollectionPaginated as $, useCancelOrder as A, MarketplaceQueryClientProvider as At, useList1155ShopCardData as B, useOrderSteps as C, useCountOfCollectables as Ct, useGenerateOfferTransaction as D, useConnectorMetadata as Dt, generateOfferTransaction as E, useMarketplaceConfig as Et, useEnsureCorrectChain as F, useListBalances as G, useSearchTokenMetadata as H, useAutoSelectFeeOption as I, useErc721SaleDetails as J, useGetTokenRanges as K, useInventory as L, useProcessStep as M, DatabeatAnalytics as Mt, generateCancelTransaction as N, useAnalytics as Nt, generateListingTransaction as O, useConfig as Ot, useGenerateCancelTransaction as P, useListListingsForCollectible as Q, usePrimarySaleItem as R, useTransferTokens as S, useListCollectibleActivities as St, useGenerateSellTransaction as T, useBalanceOfCollectible as Tt, useTokenSupplies as U, useList721ShopCardData as V, useListTokenMetadata as W, useLowestListing as X, useCountOfPrimarySaleItems as Y, useListOffersForCollectible as Z, useCheckoutOptions$1 as _, useCollectionActiveOffersCurrencies as _t, useCreateListingModal as a, useCountListingsForCollectible as at, useFiltersProgressive as b, useListCollectiblesPaginated as bt, useTransferModal as c, useListMarketCardData as ct, ActionModal as d, useListCollections as dt, useListItemsOrdersForCollection as et, useRoyalty as f, useListCollectionActivities as ft, useCheckoutOptionsSalesContract as g, useCollectionBalanceDetails as gt, useComparePrices as h, useCollectionDetails as ht, Media as i, useCountOffersForCollectible as it, useCancelTransactionSteps as j, MarketplaceSdkContext as jt, useGenerateListingTransaction as k, MarketplaceProvider as kt, useSuccessfulPurchaseModal as l, useSellModal as lt, useConvertPriceToUSD as m, useCollectionDetailsPolling as mt, Footer as n, useGetCountOfFilteredOrders as nt, useMakeOfferModal as o, useCountItemsOrdersForCollection as ot, useGetReceiptFromHash as p, collectionDetailsPollingOptions as pt, useGetCountOfPrimarySaleItems as q, NonTradableInventoryFooter as r, useFloorOrder as rt, ModalProvider as s, useMarketCurrencies as st, CollectibleCard as t, useHighestOffer as tt, useBuyModal as u, useCurrency as ut, useOpenConnectModal$1 as v, useCollectionActiveListingsCurrencies as vt, generateSellTransaction as w, useCollectible as wt, useFilterState as x, useListCollectibles as xt, useFilters as y, useCollection as yt, useListPrimarySaleItems as z };
+//# sourceMappingURL=react.js.map