@0xsequence/marketplace-sdk 1.0.0 → 1.1.0

package/dist/{react-Ceq8mamy.js → react-BLJ4DkPx.js}

@@ -1,36 +1,36 @@
 'use client';
 import { DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from "./src-Dz2CfBL0.js";
-import { BaseError, ChainSwitchError, ChainSwitchUserRejectedError, InvalidContractTypeError, NoWalletConnectedError, TransactionExecutionError, TransactionSignatureError, UserRejectedRequestError } from "./transaction-CC2KxNF6.js";
-import { balanceQueries, collectableKeys, getMarketplaceClient, getQueryClient, getSequenceApiClient } from "./api-BmEQfSQa.js";
-import { CollectionStatus, ContractType, ExecuteType, OrderSide, OrderbookKind, PropertyType, StepType, WalletKind } from "./marketplace.gen-JzNYpM0U.js";
-import { getNetwork, getPresentableChainName } from "./network-DnBEe1Ur.js";
-import { PROVIDER_ID, TransactionType } from "./_internal-DslqcNC1.js";
-import { CollectibleCardAction } from "./types-G2PWxiJR.js";
-import { EIP2981_ABI, SequenceMarketplaceV1_ABI } from "./marketplace-B5Z8G03R.js";
-import { ERC721_SALE_ABI_V0, ERC721_SALE_ABI_V1 } from "./primary-sale-CLjXRrDj.js";
-import { ERC1155_ABI, ERC721_ABI } from "./token-D9gZVqbX.js";
-import { calculateEarningsAfterFees, cn, compareAddress, formatPriceWithFee, truncateMiddle } from "./utils-CKJd-CRf.js";
-import { marketplaceConfigOptions } from "./marketplaceConfig-sNh-MA5M.js";
-import { SalesContractVersion, useSalesContractABI } from "./contracts-DPHFT2TA.js";
-import { balanceOfCollectibleOptions, checkoutOptionsQueryOptions, checkoutOptionsSalesContractQueryOptions, collectibleQueryOptions, collectionBalanceDetailsQueryOptions, collectionDetailsQueryOptions, collectionQueryOptions, comparePricesQueryOptions, convertPriceToUSDQueryOptions, countListingsForCollectibleQueryOptions, countOfCollectablesQueryOptions, countOfPrimarySaleItemsOptions, countOffersForCollectibleQueryOptions, currencyQueryOptions, filtersQueryOptions, floorOrderQueryOptions, getTokenRangesQueryOptions, highestOfferQueryOptions, inventoryOptions, listBalancesOptions, listCollectibleActivitiesQueryOptions, listCollectiblesPaginatedQueryOptions, listCollectiblesQueryOptions, listCollectionActivitiesQueryOptions, listCollectionsQueryOptions, listListingsForCollectibleQueryOptions, listPrimarySaleItemsQueryOptions, listTokenMetadataQueryOptions, lowestListingQueryOptions, marketCurrenciesQueryOptions, primarySaleItemsCountQueryOptions, searchTokenMetadataQueryOptions, tokenSuppliesQueryOptions } from "./queries-BYT4GJw3.js";
-import { waitForTransactionReceipt } from "./waitForTransactionReceipt-DZxAuR9N.js";
-import { BellIcon_default, CalendarIcon_default, CartIcon_default, InfoIcon_default } from "./BellIcon-Cb9YEUzJ.js";
-import { formatPriceNumber, getSupplyStatusText } from "./utils-wquIhK6T.js";
-import { useChain, useOpenConnectModal, useWaasFeeOptions } from "@0xsequence/connect";
+import { BaseError as BaseError$1, ChainSwitchError, InvalidContractTypeError, NoWalletConnectedError, TransactionExecutionError, TransactionSignatureError, UserRejectedRequestError as UserRejectedRequestError$1 } from "./transaction-DZUW5RHu.js";
+import { balanceQueries, collectableKeys, getMarketplaceClient, getQueryClient, getSequenceApiClient } from "./api-DuLKn__v.js";
+import { CollectionStatus, ContractType, ExecuteType, OrderSide, OrderbookKind, PropertyType, StepType, WalletKind } from "./marketplace.gen-w2YvbEEo.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-BYY8OloA.js";
+import { ERC721_SALE_ABI_V0, ERC721_SALE_ABI_V1 } from "./primary-sale-DOmNDq2P.js";
+import { ERC1155_ABI, ERC721_ABI } from "./token-CcyLz8Z8.js";
+import { calculateEarningsAfterFees, cn as cn$1, compareAddress, formatPriceWithFee, truncateMiddle } from "./utils-BZEkdqWK.js";
+import { marketplaceConfigOptions } from "./marketplaceConfig-BTy75Mbf.js";
+import { SalesContractVersion, useSalesContractABI } from "./contracts-D72LBOX3.js";
+import { balanceOfCollectibleOptions, checkoutOptionsQueryOptions, checkoutOptionsSalesContractQueryOptions, collectibleQueryOptions, collectionBalanceDetailsQueryOptions, collectionDetailsQueryOptions, collectionQueryOptions, comparePricesQueryOptions, convertPriceToUSDQueryOptions, countListingsForCollectibleQueryOptions, countOfCollectablesQueryOptions, countOfPrimarySaleItemsOptions, countOffersForCollectibleQueryOptions, currencyQueryOptions, filtersQueryOptions, floorOrderQueryOptions, getTokenRangesQueryOptions, highestOfferQueryOptions, inventoryOptions, listBalancesOptions, listCollectibleActivitiesQueryOptions, listCollectiblesPaginatedQueryOptions, listCollectiblesQueryOptions, listCollectionActivitiesQueryOptions, listCollectionsQueryOptions, listListingsForCollectibleQueryOptions, listOffersForCollectibleQueryOptions, listPrimarySaleItemsQueryOptions, listTokenMetadataQueryOptions, lowestListingQueryOptions, marketCurrenciesQueryOptions, primarySaleItemsCountQueryOptions, searchTokenMetadataQueryOptions, tokenSuppliesQueryOptions } from "./queries-EMA5CcwY.js";
+import { waitForTransactionReceipt } from "./waitForTransactionReceipt-B08YZiDY.js";
+import { CalendarIcon_default, CartIcon_default, InfoIcon_default } from "./CartIcon-C8zbor8H.js";
+import { FooterName, PriceDisplay, SaleDetailsPill, TokenTypeBalancePill } from "./components-CUv-wQr8.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, ChevronLeftIcon, ChevronRightIcon, Divider, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, ExternalLinkIcon, IconButton, Image, Modal, NetworkImage, NumericInput, Select, Skeleton, Spinner, SubtractIcon, Text, TextInput, ThemeProvider, TokenImage, Tooltip, WarningIcon, cn as cn$1 } from "@0xsequence/design-system";
+import { AddIcon, Button, CheckmarkIcon, ChevronDownIcon, Divider, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger, ExternalLinkIcon, IconButton, Image, Modal, NetworkImage, NumericInput, Select, Skeleton, Spinner, SubtractIcon, Text, TextInput, ThemeProvider, TokenImage, Tooltip, WarningIcon, cn } from "@0xsequence/design-system";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as dn from "dnum";
-import { BaseError as BaseError$1, UserRejectedRequestError as UserRejectedRequestError$1, WaitForTransactionReceiptTimeoutError, decodeFunctionData, encodeFunctionData, erc20Abi, erc721Abi, formatUnits, hexToBigInt, isAddress, isHex, maxUint256, parseEventLogs, parseUnits, toHex, zeroAddress } from "viem";
+import { BaseError, UserRejectedRequestError, WaitForTransactionReceiptTimeoutError, decodeFunctionData, encodeFunctionData, erc20Abi, erc721Abi, formatUnits, hexToBigInt, isAddress, isHex, maxUint256, parseEventLogs, parseUnits, toHex, zeroAddress } from "viem";
 import { Databeat } from "@databeat/tracker";
 import { observable } from "@legendapp/state";
-import { createSerializer, parseAsBoolean, parseAsJson, parseAsString, useQueryState } from "nuqs";
 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 { Show, observer, use$ } from "@legendapp/state/react";
 import { addDays, differenceInDays, format, formatDistanceToNow, isSameDay, startOfDay } from "date-fns";
@@ -40,7 +40,7 @@ import { addDays as addDays$1 } from "date-fns/addDays";
 import { createPortal } from "react-dom";
 
 //#region src/utils/_internal/error/context.ts
-var MarketplaceSdkProviderNotFoundError = class extends BaseError {
+var MarketplaceSdkProviderNotFoundError = class extends BaseError$1 {
 	name = "MarketplaceSDKProviderNotFoundError";
 	constructor() {
 		super("`useConfig` must be used within `MarketplaceSdkProvider`.");
@@ -49,7 +49,7 @@ var MarketplaceSdkProviderNotFoundError = class extends BaseError {
 
 //#endregion
 //#region src/utils/_internal/error/config.ts
-var ConfigError = class extends BaseError {
+var ConfigError = class extends BaseError$1 {
 	name = "ConfigError";
 };
 var InvalidProjectAccessKeyError = class extends ConfigError {
@@ -98,8 +98,7 @@ var DatabeatAnalytics = class extends Databeat {
 	}
 };
 const useAnalytics = () => {
-	const context = useContext(MarketplaceSdkContext);
-	return context.analytics;
+	return useContext(MarketplaceSdkContext).analytics;
 };
 
 //#endregion
@@ -119,6 +118,7 @@ const ThemeProvider$1 = ({ children, theme, root }) => {
 const MarketplaceSdkContext = createContext({});
 function MarketplaceProvider({ config, children, openConnectModal }) {
 	if (config.projectAccessKey === "" || !config.projectAccessKey) throw new InvalidProjectAccessKeyError(config.projectAccessKey);
+	const isWindowDefined = typeof window !== "undefined";
 	const analytics = useMemo(() => {
 		const server = "https://nodes.sequence.app";
 		const auth = {};
@@ -126,23 +126,23 @@ function MarketplaceProvider({ config, children, openConnectModal }) {
 		return new DatabeatAnalytics(server, auth, {
 			defaultEnabled: true,
 			initProps: () => {
-				return { origin: typeof window !== "undefined" ? window.location.origin : "" };
+				return { origin: isWindowDefined ? window.location.origin : "" };
 			}
 		});
-	}, [config.projectAccessKey, window]);
+	}, [config.projectAccessKey, isWindowDefined]);
 	if (openConnectModal) {
 		const context = {
 			...config,
 			openConnectModal,
 			analytics
 		};
-		return /* @__PURE__ */ jsx(MarketplaceQueryClientProvider, { children: /* @__PURE__ */ jsx(MarketplaceSdkContext.Provider, {
+		return /* @__PURE__ */ jsx(MarketplaceSdkContext.Provider, {
 			value: context,
 			children: /* @__PURE__ */ jsx(ThemeProvider$1, { children: /* @__PURE__ */ jsx("div", {
 				id: PROVIDER_ID,
 				children
 			}) })
-		}) });
+		});
 	}
 	return /* @__PURE__ */ jsx(MarketplaceProviderWithSequenceConnect, {
 		config,
@@ -164,13 +164,13 @@ function MarketplaceProviderWithSequenceConnect({ config, children, analytics })
 		openConnectModal: () => setOpenConnectModal(true),
 		analytics
 	};
-	return /* @__PURE__ */ jsx(MarketplaceQueryClientProvider, { children: /* @__PURE__ */ jsx(MarketplaceSdkContext.Provider, {
+	return /* @__PURE__ */ jsx(MarketplaceSdkContext.Provider, {
 		value: context,
 		children: /* @__PURE__ */ jsx("div", {
 			id: PROVIDER_ID,
 			children
 		})
-	}) });
+	});
 }
 
 //#endregion
@@ -227,8 +227,7 @@ const useMarketplaceConfig = () => {
 function useBalanceOfCollectible(args) {
 	const config = useConfig();
 	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const collection = marketplaceConfig?.market.collections.find((collection$1) => collection$1.itemsAddress === args.collectionAddress);
-	const isLaos721 = collection?.contractType === ContractType.LAOS_ERC_721;
+	const isLaos721 = (marketplaceConfig?.market.collections.find((collection) => collection.itemsAddress === args.collectionAddress))?.contractType === ContractType.LAOS_ERC_721;
 	return useQuery(balanceOfCollectibleOptions({
 		...args,
 		isLaos721
@@ -717,8 +716,7 @@ const collectionDetailsPollingOptions = (args, config) => {
 			if (data && isTerminalState(data.status)) return false;
 			const currentAttempt = (query.state.dataUpdateCount || 0) + 1;
 			if (currentAttempt >= MAX_ATTEMPTS) return false;
-			const interval = Math.min(INITIAL_POLLING_INTERVAL * 1.5 ** currentAttempt, MAX_POLLING_INTERVAL);
-			return interval;
+			return Math.min(INITIAL_POLLING_INTERVAL * 1.5 ** currentAttempt, MAX_POLLING_INTERVAL);
 		},
 		refetchOnWindowFocus: false,
 		retry: false,
@@ -967,57 +965,55 @@ function useListMarketCardData({ collectionAddress, chainId, orderbookKind, coll
 		if (!collectiblesList?.pages) return [];
 		return collectiblesList.pages.flatMap((page) => page.collectibles);
 	}, [collectiblesList?.pages]);
-	const collectibleCards = useMemo(() => {
-		return allCollectibles.map((collectible) => {
-			const balance = collectionBalance?.balances.find((balance$1) => balance$1.tokenID === collectible.metadata.tokenId)?.balance;
-			const cardProps = {
-				collectibleId: collectible.metadata.tokenId,
-				chainId,
-				collectionAddress,
-				collectionType,
-				cardLoading: collectiblesListIsLoading || balanceLoading,
-				marketplaceType: "market",
-				orderbookKind,
-				collectible,
-				onCollectibleClick,
-				balance,
-				balanceIsLoading: balanceLoading,
-				onCannotPerformAction,
-				prioritizeOwnerActions,
-				assetSrcPrefixUrl,
-				onOfferClick: ({ order }) => {
-					if (!accountAddress) return;
-					if (balance) {
-						showSellModal({
-							chainId,
-							collectionAddress,
-							tokenId: collectible.metadata.tokenId,
-							order
-						});
-						return;
-					}
-				}
-			};
-			return cardProps;
-		});
-	}, [
-		allCollectibles,
-		chainId,
-		collectionAddress,
-		collectionType,
-		collectiblesListIsLoading,
-		balanceLoading,
-		orderbookKind,
-		onCollectibleClick,
-		collectionBalance?.balances,
-		onCannotPerformAction,
-		prioritizeOwnerActions,
-		assetSrcPrefixUrl,
-		accountAddress,
-		showSellModal
-	]);
 	return {
-		collectibleCards,
+		collectibleCards: useMemo(() => {
+			return allCollectibles.map((collectible) => {
+				const balance = collectionBalance?.balances.find((balance$1) => balance$1.tokenID === collectible.metadata.tokenId)?.balance;
+				return {
+					collectibleId: collectible.metadata.tokenId,
+					chainId,
+					collectionAddress,
+					collectionType,
+					cardLoading: collectiblesListIsLoading || balanceLoading,
+					cardType: "market",
+					orderbookKind,
+					collectible,
+					onCollectibleClick,
+					balance,
+					balanceIsLoading: balanceLoading,
+					onCannotPerformAction,
+					prioritizeOwnerActions,
+					assetSrcPrefixUrl,
+					onOfferClick: ({ order }) => {
+						if (!accountAddress) return;
+						if (balance) {
+							showSellModal({
+								chainId,
+								collectionAddress,
+								tokenId: collectible.metadata.tokenId,
+								order
+							});
+							return;
+						}
+					}
+				};
+			});
+		}, [
+			allCollectibles,
+			chainId,
+			collectionAddress,
+			collectionType,
+			collectiblesListIsLoading,
+			balanceLoading,
+			orderbookKind,
+			onCollectibleClick,
+			collectionBalance?.balances,
+			onCannotPerformAction,
+			prioritizeOwnerActions,
+			assetSrcPrefixUrl,
+			accountAddress,
+			showSellModal
+		]),
 		isLoading: collectiblesListIsLoading || balanceLoading,
 		error: collectiblesListError,
 		hasNextPage,
@@ -1335,31 +1331,53 @@ function useListListingsForCollectible(params) {
 
 //#endregion
 //#region src/react/hooks/data/orders/useListOffersForCollectible.tsx
-const fetchListOffersForCollectible = async (config, args) => {
-	const arg = {
-		chainId: String(args.chainId),
-		contractAddress: args.collectionAddress,
-		tokenId: args.collectibleId,
-		filter: args.filter,
-		page: args.page
-	};
-	const marketplaceClient = getMarketplaceClient(config);
-	return marketplaceClient.listCollectibleOffers(arg);
-};
-const listOffersForCollectibleOptions = (args, config) => {
-	return queryOptions({
-		queryKey: [
-			...collectableKeys.offers,
-			args,
-			config
-		],
-		queryFn: () => fetchListOffersForCollectible(config, args)
+/**
+* Hook to fetch offers for a specific collectible
+*
+* Fetches offers for a specific collectible 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.collectibleId - The specific collectible ID to fetch offers for
+* @param params.filter - Optional filtering parameters
+* @param params.page - Optional pagination parameters
+* @param params.query - Optional React Query configuration
+*
+* @returns Query result containing offers data
+*
+* @example
+* Basic usage:
+* ```typescript
+* const { data, isLoading } = useListOffersForCollectible({
+*   chainId: 137,
+*   collectionAddress: '0x...',
+*   collectibleId: '1'
+* })
+* ```
+*
+* @example
+* With filtering:
+* ```typescript
+* const { data } = useListOffersForCollectible({
+*   chainId: 1,
+*   collectionAddress: '0x...',
+*   collectibleId: '1',
+*   filter: {
+*     marketplace: [MarketplaceKind.sequence_marketplace_v2]
+*   }
+* })
+* ```
+*/
+function useListOffersForCollectible(params) {
+	const defaultConfig = useConfig();
+	const { config = defaultConfig,...rest } = params;
+	const queryOptions$1 = listOffersForCollectibleQueryOptions({
+		config,
+		...rest
 	});
-};
-const useListOffersForCollectible = (args) => {
-	const config = useConfig();
-	return useQuery(listOffersForCollectibleOptions(args, config));
-};
+	return useQuery({ ...queryOptions$1 });
+}
 
 //#endregion
 //#region src/react/hooks/data/orders/useLowestListing.tsx
@@ -1439,15 +1457,11 @@ function useErc721SaleDetails({ chainId, salesContractAddress, itemsContractAddr
 		itemsContractAddress,
 		enabled: enabled && !versionLoading && version === SalesContractVersion.V1
 	});
-	const saleDetails = saleDetailsV0 || saleDetailsV1;
-	const quantityMinted = quantityMintedV0 || quantityMintedV1;
-	const quantityTotal = quantityTotalV0 || quantityTotalV1;
-	const quantityRemaining = quantityRemainingV0 || quantityRemainingV1;
 	return {
-		saleDetails,
-		quantityMinted,
-		quantityTotal,
-		quantityRemaining,
+		saleDetails: saleDetailsV0 || saleDetailsV1,
+		quantityMinted: quantityMintedV0 || quantityMintedV1,
+		quantityTotal: quantityTotalV0 || quantityTotalV1,
+		quantityRemaining: quantityRemainingV0 || quantityRemainingV1,
 		isLoading: versionLoading || saleDetailsLoadingV0 || saleDetailsLoadingV1,
 		error: versionError || saleDetailsErrorV0 || saleDetailsErrorV1
 	};
@@ -1815,7 +1829,7 @@ function useSearchTokenMetadata(params) {
 		chainId: params.chainId,
 		collectionAddress: params.collectionAddress,
 		includeMetadata: true,
-		query: { enabled: onlyMinted && (params.query?.enabled ?? true) }
+		query: { enabled: onlyMinted && !!params.collectionAddress && (params.query?.enabled ?? true) }
 	});
 	const queryOptions$1 = searchTokenMetadataQueryOptions({
 		config,
@@ -1871,15 +1885,17 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 		enabled
 	});
 	const config = useConfig();
-	const tokenSuppliesQuery = useInfiniteQuery({ ...tokenSuppliesQueryOptions({
+	const tokenSuppliesEnabled = Boolean(chainId && contractAddress && config && (enabled ?? true));
+	const { data: tokenSuppliesData, fetchNextPage: fetchNextTokenSuppliesPage, hasNextPage: hasNextSuppliesPage, isFetchingNextPage: isFetchingNextSuppliesPage, isLoading: tokenSuppliesLoading } = useInfiniteQuery({ ...tokenSuppliesQueryOptions({
 		chainId,
 		collectionAddress: contractAddress,
 		includeMetadata: true,
-		config
+		config,
+		query: { enabled: tokenSuppliesEnabled }
 	}) });
-	const { data: tokenSuppliesData, fetchNextPage: fetchNextTokenSuppliesPage, hasNextPage: hasNextSuppliesPage, isFetchingNextPage: isFetchingNextSuppliesPage, isLoading: tokenSuppliesLoading } = tokenSuppliesQuery;
 	useEffect(() => {
 		async function fetchAllPages() {
+			if (!tokenSuppliesEnabled) return;
 			if (!hasNextSuppliesPage && tokenSuppliesData) {
 				setAllTokenSuppliesFetched(true);
 				return;
@@ -1892,7 +1908,8 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 		hasNextSuppliesPage,
 		isFetchingNextSuppliesPage,
 		tokenSuppliesLoading,
-		fetchNextTokenSuppliesPage
+		fetchNextTokenSuppliesPage,
+		tokenSuppliesEnabled
 	]);
 	const allTokenSupplies = tokenSuppliesData?.pages.flatMap((page) => page.tokenIDs);
 	const matchingTokenSupplies = allTokenSupplies?.filter((item) => primarySaleItemsWithMetadata.some((primarySaleItem) => primarySaleItem.metadata.tokenId === item.tokenID));
@@ -1903,8 +1920,7 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 		functionName: "saleDetails",
 		query: { enabled: enabled && !versionLoading && !!abi }
 	});
-	const unmintedPrimarySaleItems = primarySaleItemsWithMetadata.filter((item) => !matchingTokenSupplies?.some((supply) => supply.tokenID === item.metadata.tokenId));
-	const primarySaleItemsCollectibleCards = unmintedPrimarySaleItems.map((item) => {
+	const primarySaleItemsCollectibleCards = primarySaleItemsWithMetadata.filter((item) => !matchingTokenSupplies?.some((supply) => supply.tokenID === item.metadata.tokenId)).map((item) => {
 		const { metadata, primarySaleItem } = item;
 		const salePrice = {
 			amount: primarySaleItem.priceAmount?.toString(),
@@ -1928,7 +1944,7 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 			quantityDecimals: 0,
 			saleStartsAt,
 			saleEndsAt,
-			marketplaceType: "shop"
+			cardType: "shop"
 		};
 	});
 	const mintedTokensCollectibleCards = allTokenSupplies?.map((item) => {
@@ -1949,7 +1965,7 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 			quantityDecimals: 0,
 			saleStartsAt: void 0,
 			saleEndsAt: void 0,
-			marketplaceType: "shop"
+			cardType: "shop"
 		};
 	});
 	const collectibleCards = showAvailableSales ? primarySaleItemsCollectibleCards : [...mintedTokensCollectibleCards ?? [], ...primarySaleItemsCollectibleCards];
@@ -1958,126 +1974,63 @@ function useList721ShopCardData({ primarySaleItemsWithMetadata, chainId, contrac
 		collectibleCards,
 		saleDetailsError,
 		saleDetails,
-		isLoading: saleDetailsLoading || tokenSuppliesLoading || !allTokenSuppliesFetched,
+		isLoading: enabled && (saleDetailsLoading || tokenSuppliesLoading || !allTokenSuppliesFetched),
 		tokenSuppliesData
 	};
 }
 
 //#endregion
-//#region src/react/hooks/ui/useFilterState.tsx
-const validateFilters = (value) => {
-	if (!Array.isArray(value)) return [];
-	return value.filter((f) => typeof f === "object" && typeof f.name === "string" && Object.values(PropertyType).includes(f.type));
-};
-const filtersParser = parseAsJson(validateFilters).withDefault([]);
-const searchParser = parseAsString.withDefault("");
-const listedOnlyParser = parseAsBoolean.withDefault(false);
-const serialize = createSerializer({
-	filters: filtersParser,
-	search: searchParser,
-	listedOnly: listedOnlyParser
-}, { urlKeys: {
-	filters: "f",
-	search: "q",
-	listedOnly: "l"
-} });
-function useFilterState() {
-	const [filterOptions, setFilterOptions] = useQueryState("filters", filtersParser);
-	const [searchText, setSearchText] = useQueryState("search", searchParser);
-	const [showListedOnly, setShowListedOnly] = useQueryState("listedOnly", listedOnlyParser);
-	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
+//#region src/react/hooks/data/primary-sales/useList1155ShopCardData.tsx
+function useList1155ShopCardData({ primarySaleItemsWithMetadata, chainId, contractAddress, salesContractAddress, enabled = true }) {
+	const { abi, isLoading: versionLoading } = useSalesContractABI({
+		contractAddress: salesContractAddress,
+		contractType: ContractType.ERC1155,
+		chainId,
+		enabled
+	});
+	const { data: collection, isLoading: collectionLoading } = useCollection({
+		chainId,
+		collectionAddress: contractAddress,
+		query: { enabled }
+	});
+	const { data: paymentToken, isLoading: paymentTokenLoading } = useReadContract({
+		chainId,
+		address: salesContractAddress,
+		abi: abi || [],
+		functionName: "paymentToken",
+		query: { enabled: enabled && !versionLoading && !!abi }
+	});
+	const isLoading = versionLoading || collectionLoading || paymentTokenLoading;
+	return {
+		collectibleCards: primarySaleItemsWithMetadata.map((item) => {
+			const { metadata, primarySaleItem: saleData } = item;
+			const salePrice = {
+				amount: saleData?.priceAmount?.toString() || "",
+				currencyAddress: saleData?.currencyAddress || paymentToken || "0x"
 			};
+			const supply = saleData?.supply?.toString();
+			const unlimitedSupply = saleData?.unlimitedSupply;
 			return {
-				type: PropertyType.STRING,
-				values: filter.values ?? []
+				collectibleId: metadata.tokenId,
+				chainId,
+				collectionAddress: contractAddress,
+				collectionType: ContractType.ERC1155,
+				tokenMetadata: metadata,
+				cardLoading: isLoading,
+				salesContractAddress,
+				salePrice,
+				quantityInitial: supply,
+				quantityDecimals: collection?.decimals || 0,
+				quantityRemaining: supply,
+				unlimitedSupply,
+				saleStartsAt: saleData?.startDate?.toString(),
+				saleEndsAt: saleData?.endDate?.toString(),
+				cardType: "shop"
 			};
-		},
-		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
-			}]);
-		},
-		clearAllFilters: () => {
-			setShowListedOnly(false);
-			setFilterOptions([]);
-			setSearchText("");
-		}
-	}), [
-		filterOptions,
-		setFilterOptions,
-		setShowListedOnly,
-		setSearchText
-	]);
-	return {
-		filterOptions,
-		searchText,
-		showListedOnly,
-		setFilterOptions,
-		setSearchText,
-		setShowListedOnly,
-		...helpers,
-		serialize
+		}),
+		tokenMetadataError: null,
+		tokenSaleDetailsError: null,
+		isLoading: enabled && isLoading
 	};
 }
 
@@ -2131,77 +2084,13 @@ function useListPrimarySaleItems(params) {
 	return useInfiniteQuery(queryOptions$1);
 }
 
-//#endregion
-//#region src/react/hooks/data/primary-sales/useList1155ShopCardData.tsx
-function useList1155ShopCardData({ tokenIds, chainId, contractAddress, salesContractAddress, enabled = true }) {
-	const { showListedOnly } = useFilterState();
-	const { abi, isLoading: versionLoading } = useSalesContractABI({
-		contractAddress: salesContractAddress,
-		contractType: ContractType.ERC1155,
-		chainId,
-		enabled
-	});
-	const { data: primarySaleItems, isLoading: primarySaleItemsLoading, error: primarySaleItemsError } = useListPrimarySaleItems({
-		chainId,
-		primarySaleContractAddress: salesContractAddress,
-		filter: { includeEmpty: !showListedOnly }
-	});
-	const { data: collection, isLoading: collectionLoading } = useCollection({
-		chainId,
-		collectionAddress: contractAddress
-	});
-	const { data: paymentToken, isLoading: paymentTokenLoading } = useReadContract({
-		chainId,
-		address: salesContractAddress,
-		abi: abi || [],
-		functionName: "paymentToken",
-		query: { enabled: enabled && !versionLoading && !!abi }
-	});
-	const isLoading = primarySaleItemsLoading || collectionLoading || paymentTokenLoading;
-	const allPrimarySaleItems = primarySaleItems?.pages.flatMap((page) => page.primarySaleItems) ?? [];
-	const collectibleCards = tokenIds.map((tokenId) => {
-		const matchingPrimarySaleItem = allPrimarySaleItems.find((item) => item.primarySaleItem.tokenId?.toString() === tokenId);
-		const saleData = matchingPrimarySaleItem?.primarySaleItem;
-		const tokenMetadata = matchingPrimarySaleItem?.metadata || {};
-		const salePrice = {
-			amount: saleData?.priceAmount?.toString() || "",
-			currencyAddress: saleData?.currencyAddress || paymentToken || "0x"
-		};
-		const supply = saleData?.supply?.toString();
-		const unlimitedSupply = saleData?.unlimitedSupply;
-		return {
-			collectibleId: tokenId,
-			chainId,
-			collectionAddress: contractAddress,
-			collectionType: ContractType.ERC1155,
-			tokenMetadata,
-			cardLoading: isLoading,
-			salesContractAddress,
-			salePrice,
-			quantityInitial: supply,
-			quantityDecimals: collection?.decimals || 0,
-			quantityRemaining: supply,
-			unlimitedSupply,
-			saleStartsAt: saleData?.startDate?.toString(),
-			saleEndsAt: saleData?.endDate?.toString(),
-			marketplaceType: "shop"
-		};
-	});
-	return {
-		collectibleCards,
-		tokenMetadataError: primarySaleItemsError,
-		tokenSaleDetailsError: null,
-		isLoading
-	};
-}
-
 //#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 useInfiniteQuery(inventoryOptions({
+	return useQuery(inventoryOptions({
 		...args,
 		isLaos721
 	}, config));
@@ -2307,7 +2196,7 @@ function useAutoSelectFeeOption({ pendingFeeOptionConfirmation, enabled }) {
 	useEffect(() => {
 		if (combinedBalances) console.debug("currency balances", combinedBalances);
 	}, [combinedBalances]);
-	const autoSelectedOption = useCallback(async () => {
+	return useCallback(async () => {
 		if (!userAddress) return {
 			selectedOption: null,
 			error: AutoSelectFeeOptionError.UserNotConnected
@@ -2345,8 +2234,7 @@ function useAutoSelectFeeOption({ pendingFeeOptionConfirmation, enabled }) {
 		isBalanceDetailsLoading,
 		isBalanceDetailsError,
 		combinedBalances
-	]);
-	return autoSelectedOption();
+	])();
 }
 
 //#endregion
@@ -2462,92 +2350,51 @@ const MODAL_CONTENT_PROPS = { style: {
 } };
 
 //#endregion
-//#region src/react/ui/modals/_internal/components/switchChainModal/store.ts
+//#region src/react/ui/modals/_internal/components/switchChainErrorModal/store.ts
 const initialContext$4 = {
 	isOpen: false,
 	chainIdToSwitchTo: void 0,
-	isSwitching: false,
-	onSuccess: void 0,
-	onError: void 0,
-	onClose: void 0
+	isSwitching: false
 };
-const switchChainModalStore = createStore({
+const switchChainErrorModalStore = createStore({
 	context: initialContext$4,
 	on: {
 		open: (context, event) => ({
 			...context,
 			isOpen: true,
-			chainIdToSwitchTo: event.chainIdToSwitchTo,
-			onSuccess: event.onSuccess,
-			onError: event.onError,
-			onClose: event.onClose
+			chainIdToSwitchTo: event.chainIdToSwitchTo
 		}),
 		close: (context) => ({
 			...context,
 			isOpen: false,
 			chainIdToSwitchTo: void 0,
-			isSwitching: false,
-			onSuccess: void 0,
-			onError: void 0,
-			onClose: void 0
-		}),
-		setSwitching: (context, event) => ({
-			...context,
-			isSwitching: event.isSwitching
+			isSwitching: false
 		})
 	}
 });
-const useIsOpen$4 = () => useSelector(switchChainModalStore, (state) => state.context.isOpen);
-const useChainIdToSwitchTo = () => useSelector(switchChainModalStore, (state) => state.context.chainIdToSwitchTo);
-const useIsSwitching = () => useSelector(switchChainModalStore, (state) => state.context.isSwitching);
-const useOnSuccess$1 = () => useSelector(switchChainModalStore, (state) => state.context.onSuccess);
-const useOnError$1 = () => useSelector(switchChainModalStore, (state) => state.context.onError);
-const useOnClose = () => useSelector(switchChainModalStore, (state) => state.context.onClose);
+const useIsOpen$4 = () => useSelector(switchChainErrorModalStore, (state) => state.context.isOpen);
+const useChainIdToSwitchTo = () => useSelector(switchChainErrorModalStore, (state) => state.context.chainIdToSwitchTo);
 
 //#endregion
-//#region src/react/ui/modals/_internal/components/switchChainModal/index.tsx
-const useSwitchChainModal = () => {
+//#region src/react/ui/modals/_internal/components/switchChainErrorModal/index.tsx
+const useSwitchChainErrorModal = () => {
 	return {
-		show: (args) => switchChainModalStore.send({
+		show: (args) => switchChainErrorModalStore.send({
 			type: "open",
 			...args
 		}),
-		close: () => switchChainModalStore.send({ type: "close" })
+		close: () => switchChainErrorModalStore.send({ type: "close" })
 	};
 };
-const SwitchChainModal = () => {
+const SwitchChainErrorModal = () => {
+	const { chainId: currentChainId } = useAccount();
 	const isOpen = useIsOpen$4();
 	const chainIdToSwitchTo = useChainIdToSwitchTo();
-	const isSwitching = useIsSwitching();
-	const onSuccess = useOnSuccess$1();
-	const onError = useOnError$1();
-	const onClose = useOnClose();
 	const chainName = chainIdToSwitchTo ? getPresentableChainName(chainIdToSwitchTo) : "";
-	const { switchChainAsync } = useSwitchChain();
-	async function handleSwitchChain() {
-		switchChainModalStore.send({
-			type: "setSwitching",
-			isSwitching: true
-		});
-		try {
-			if (!chainIdToSwitchTo) return;
-			await switchChainAsync({ chainId: Number(chainIdToSwitchTo) });
-			if (onSuccess && typeof onSuccess === "function") onSuccess();
-			switchChainModalStore.send({ type: "close" });
-		} catch (error) {
-			if (error instanceof Error && onError && typeof onError === "function") onError(error);
-		} finally {
-			switchChainModalStore.send({
-				type: "setSwitching",
-				isSwitching: false
-			});
-		}
-	}
 	const handleClose = () => {
-		if (onClose && typeof onClose === "function") onClose();
-		switchChainModalStore.send({ type: "close" });
+		switchChainErrorModalStore.send({ type: "close" });
 	};
-	if (!isOpen || !chainIdToSwitchTo) return null;
+	if (!isOpen || !chainIdToSwitchTo || currentChainId === chainIdToSwitchTo) return null;
 	return /* @__PURE__ */ jsx(Modal, {
 		isDismissible: true,
 		onClose: handleClose,
@@ -2556,88 +2403,62 @@ const SwitchChainModal = () => {
 		overlayProps: MODAL_OVERLAY_PROPS,
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "grid flex-col gap-6 p-7",
-			children: [
-				/* @__PURE__ */ jsx(Text, {
-					className: "text-xl",
-					fontWeight: "bold",
-					color: "text100",
-					children: "Wrong network"
-				}),
-				/* @__PURE__ */ jsx(AlertMessage, {
-					type: "warning",
-					message: `You need to switch to ${chainName} network before completing the transaction`
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					className: `${isSwitching ? "flex w-[147px] items-center justify-center [&>div]:justify-center" : "w-[147px]"} flex justify-self-end`,
-					name: "switch-chain",
-					id: "switch-chain-button",
-					size: "sm",
-					label: isSwitching ? /* @__PURE__ */ jsx("div", {
-						"data-testid": "switch-chain-spinner",
-						children: /* @__PURE__ */ jsx(Spinner, { className: "spinner" })
-					}) : "Switch Network",
-					variant: "primary",
-					pending: isSwitching,
-					shape: "square",
-					onClick: handleSwitchChain,
-					"data-testid": "switch-chain-button"
-				})
-			]
+			children: [/* @__PURE__ */ jsx(Text, {
+				className: "text-xl",
+				fontWeight: "bold",
+				color: "text100",
+				children: "Switching network failed"
+			}), /* @__PURE__ */ jsx(AlertMessage, {
+				type: "warning",
+				message: `There was an error switching to ${chainName}. Please try changing the network in your wallet manually.`
+			})]
 		})
 	});
 };
-var switchChainModal_default = SwitchChainModal;
+var switchChainErrorModal_default = SwitchChainErrorModal;
 
 //#endregion
 //#region src/react/hooks/utils/useEnsureCorrectChain.ts
 const useEnsureCorrectChain = () => {
 	const { chainId: currentChainId } = useAccount();
 	const { switchChain, switchChainAsync } = useSwitchChain();
-	const { show: showSwitchChainModal } = useSwitchChainModal();
+	const { show: showSwitchChainErrorModal, close: closeSwitchChainErrorModal } = useSwitchChainErrorModal();
+	const chainIdToSwitchTo = useChainIdToSwitchTo();
 	const { isWaaS } = useConnectorMetadata();
+	useEffect(() => {
+		if (currentChainId && chainIdToSwitchTo && currentChainId === chainIdToSwitchTo) closeSwitchChainErrorModal();
+	}, [
+		currentChainId,
+		chainIdToSwitchTo,
+		closeSwitchChainErrorModal
+	]);
 	const ensureCorrectChainAsync = useCallback(async (targetChainId) => {
 		if (currentChainId === targetChainId) return Promise.resolve();
-		if (isWaaS) return switchChainAsync({ chainId: targetChainId });
-		return new Promise((resolve, reject) => {
-			showSwitchChainModal({
-				chainIdToSwitchTo: targetChainId,
-				onSuccess: () => resolve(targetChainId),
-				onError: (error) => reject(error),
-				onClose: () => reject(new ChainSwitchUserRejectedError())
-			});
+		return switchChainAsync({ chainId: targetChainId }).catch(() => {
+			showSwitchChainErrorModal({ chainIdToSwitchTo: targetChainId });
 		});
 	}, [
 		currentChainId,
 		isWaaS,
 		switchChainAsync,
-		showSwitchChainModal
+		showSwitchChainErrorModal
 	]);
-	const ensureCorrectChain = useCallback((targetChainId, callbacks) => {
-		if (currentChainId === targetChainId) {
-			callbacks?.onSuccess?.();
-			return;
-		}
-		if (isWaaS) {
+	return {
+		ensureCorrectChain: useCallback((targetChainId, callbacks) => {
+			if (currentChainId === targetChainId) {
+				callbacks?.onSuccess?.();
+				return;
+			}
 			switchChain({ chainId: targetChainId }, {
 				onSuccess: callbacks?.onSuccess,
-				onError: callbacks?.onError
+				onError: () => showSwitchChainErrorModal({ chainIdToSwitchTo: targetChainId })
 			});
-			return;
-		}
-		showSwitchChainModal({
-			chainIdToSwitchTo: targetChainId,
-			onSuccess: callbacks?.onSuccess,
-			onError: callbacks?.onError,
-			onClose: callbacks?.onClose
-		});
-	}, [
-		currentChainId,
-		isWaaS,
-		switchChain,
-		showSwitchChainModal
-	]);
-	return {
-		ensureCorrectChain,
+		}, [
+			currentChainId,
+			isWaaS,
+			switchChain,
+			showSwitchChainErrorModal
+		]),
 		ensureCorrectChainAsync,
 		currentChainId
 	};
@@ -2646,8 +2467,7 @@ const useEnsureCorrectChain = () => {
 //#endregion
 //#region src/react/hooks/transactions/useGenerateCancelTransaction.tsx
 const generateCancelTransaction = async (args, config) => {
-	const marketplaceClient = getMarketplaceClient(config);
-	return marketplaceClient.generateCancelTransaction({
+	return getMarketplaceClient(config).generateCancelTransaction({
 		...args,
 		chainId: String(args.chainId)
 	}).then((data) => data.steps);
@@ -2690,8 +2510,9 @@ const useProcessStep = () => {
 	const config = useConfig();
 	const marketplaceClient = getMarketplaceClient(config);
 	const processStep = async (step, chainId) => {
-		if (isTransactionStep(step)) {
-			const hash = await sendTransactionAsync({
+		if (isTransactionStep(step)) return {
+			type: "transaction",
+			hash: await sendTransactionAsync({
 				chainId,
 				to: step.to,
 				data: step.data,
@@ -2699,12 +2520,8 @@ const useProcessStep = () => {
 				...step.maxFeePerGas && { maxFeePerGas: hexToBigInt(step.maxFeePerGas) },
 				...step.maxPriorityFeePerGas && { maxPriorityFeePerGas: hexToBigInt(step.maxPriorityFeePerGas) },
 				...step.gas && { gas: hexToBigInt(step.gas) }
-			});
-			return {
-				type: "transaction",
-				hash
-			};
-		}
+			})
+		};
 		if (isSignatureStep(step)) {
 			let signature;
 			if (step.id === StepType.signEIP191) {
@@ -2720,20 +2537,17 @@ const useProcessStep = () => {
 				});
 			}
 			if (!signature) throw new Error("Failed to sign message");
-			if (step.post) {
-				const result = await marketplaceClient.execute({
+			if (step.post) return {
+				type: "signature",
+				orderId: (await marketplaceClient.execute({
 					chainId: String(chainId),
 					signature,
 					method: step.post.method,
 					endpoint: step.post.endpoint,
 					body: step.post.body,
 					executeType: ExecuteType.order
-				});
-				return {
-					type: "signature",
-					orderId: result.orderId
-				};
-			}
+				})).orderId
+			};
 			return {
 				type: "signature",
 				signature
@@ -2756,14 +2570,13 @@ const useCancelTransactionSteps = ({ collectionAddress, chainId, callbacks, setS
 		try {
 			if (!address) throw new NoWalletConnectedError();
 			if (!address) throw new Error("Wallet address not found");
-			const steps$2 = await generateCancelTransactionAsync({
+			return await generateCancelTransactionAsync({
 				chainId,
 				collectionAddress,
 				maker: address,
 				marketplace,
 				orderId
 			});
-			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -2918,8 +2731,7 @@ const generateListingTransaction = async (params, config) => {
 			expiry: dateToUnixTime(params.listing.expiry)
 		}
 	};
-	const marketplaceClient = getMarketplaceClient(config);
-	return (await marketplaceClient.generateListingTransaction(args)).steps;
+	return (await getMarketplaceClient(config).generateListingTransaction(args)).steps;
 };
 const useGenerateListingTransaction = (params) => {
 	const config = useConfig();
@@ -2949,8 +2761,7 @@ const generateOfferTransaction = async (params, config, walletKind) => {
 		},
 		walletType: walletKind
 	};
-	const marketplaceClient = getMarketplaceClient(config);
-	return (await marketplaceClient.generateOfferTransaction(args)).steps;
+	return (await getMarketplaceClient(config).generateOfferTransaction(args)).steps;
 };
 const useGenerateOfferTransaction = (params) => {
 	const config = useConfig();
@@ -3048,7 +2859,7 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Chain switch failed", error);
-			if (error.name === "UserRejectedRequestError") throw new UserRejectedRequestError();
+			if (error.name === "UserRejectedRequestError") throw new UserRejectedRequestError$1();
 			throw new ChainSwitchError(0, chainId);
 		}
 	};
@@ -3074,9 +2885,8 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Signature failed", error);
-			if (error.cause instanceof BaseError$1) {
-				const viemError = error.cause;
-				if (viemError instanceof UserRejectedRequestError$1) throw new UserRejectedRequestError();
+			if (error.cause instanceof BaseError) {
+				if (error.cause instanceof UserRejectedRequestError) throw new UserRejectedRequestError$1();
 			}
 			throw new TransactionSignatureError(stepItem.id, error);
 		}
@@ -3100,9 +2910,8 @@ const useTransactionOperations = () => {
 		} catch (e) {
 			const error = e;
 			logger.error("Transaction failed", error);
-			if (error.cause instanceof BaseError$1) {
-				const viemError = error.cause;
-				if (viemError instanceof UserRejectedRequestError$1) throw new UserRejectedRequestError();
+			if (error.cause instanceof BaseError) {
+				if (error.cause instanceof UserRejectedRequestError) throw new UserRejectedRequestError$1();
 			}
 			throw new TransactionExecutionError(stepItem.id || "unknown", error);
 		}
@@ -3140,53 +2949,171 @@ const useOrderSteps = () => {
 				console.error(_exhaustiveCheck);
 			}
 		}
-		return result;
-	};
-	return { executeStep };
-};
-
-//#endregion
-//#region src/react/hooks/transactions/useTransferTokens.tsx
-const prepareTransferConfig = (params, accountAddress) => {
-	if (params.contractType === "ERC721") return {
-		abi: erc721Abi,
-		address: params.collectionAddress,
-		functionName: "safeTransferFrom",
-		args: [
-			accountAddress,
-			params.receiverAddress,
-			BigInt(params.tokenId)
-		]
-	};
-	return {
-		abi: ERC1155_ABI,
-		address: params.collectionAddress,
-		functionName: "safeTransferFrom",
-		args: [
-			accountAddress,
-			params.receiverAddress,
-			BigInt(params.tokenId),
-			params.quantity,
-			"0x"
-		]
-	};
-};
-const useTransferTokens = () => {
-	const { address: accountAddress } = useAccount();
-	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 result;
+	};
+	return { executeStep };
+};
+
+//#endregion
+//#region src/react/hooks/transactions/useTransferTokens.tsx
+const prepareTransferConfig = (params, accountAddress) => {
+	if (params.contractType === "ERC721") return {
+		abi: erc721Abi,
+		address: params.collectionAddress,
+		functionName: "safeTransferFrom",
+		args: [
+			accountAddress,
+			params.receiverAddress,
+			BigInt(params.tokenId)
+		]
+	};
+	return {
+		abi: ERC1155_ABI,
+		address: params.collectionAddress,
+		functionName: "safeTransferFrom",
+		args: [
+			accountAddress,
+			params.receiverAddress,
+			BigInt(params.tokenId),
+			params.quantity,
+			"0x"
+		]
+	};
+};
+const useTransferTokens = () => {
+	const { address: accountAddress } = useAccount();
+	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 {
+		transferTokensAsync,
+		hash,
+		transferring: isPending,
+		transferFailed: isError,
+		transferSuccess: isSuccess
+	};
+};
+
+//#endregion
+//#region src/react/hooks/ui/useFilterState.tsx
+const validateFilters = (value) => {
+	if (!Array.isArray(value)) return [];
+	return value.filter((f) => typeof f === "object" && typeof f.name === "string" && Object.values(PropertyType).includes(f.type));
+};
+const filtersParser = parseAsJson(validateFilters).withDefault([]);
+const searchParser = parseAsString.withDefault("");
+const listedOnlyParser = parseAsBoolean.withDefault(false);
+const serialize = createSerializer({
+	filters: filtersParser,
+	search: searchParser,
+	listedOnly: listedOnlyParser
+}, { urlKeys: {
+	filters: "f",
+	search: "q",
+	listedOnly: "l"
+} });
+function useFilterState() {
+	const [filterOptions, setFilterOptions] = useQueryState("filters", filtersParser);
+	const [searchText, setSearchText] = useQueryState("search", searchParser);
+	const [showListedOnly, setShowListedOnly] = useQueryState("listedOnly", listedOnlyParser);
+	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
+			}]);
+		},
+		clearAllFilters: () => {
+			setShowListedOnly(false);
+			setFilterOptions([]);
+			setSearchText("");
+		}
+	}), [
+		filterOptions,
+		setFilterOptions,
+		setShowListedOnly,
+		setSearchText
+	]);
 	return {
-		transferTokensAsync,
-		hash,
-		transferring: isPending,
-		transferFailed: isError,
-		transferSuccess: isSuccess
+		filterOptions,
+		searchText,
+		showListedOnly,
+		setFilterOptions,
+		setSearchText,
+		setShowListedOnly,
+		...helpers,
+		serialize
 	};
-};
+}
 
 //#endregion
 //#region src/react/hooks/ui/useFilters.tsx
@@ -3328,8 +3255,7 @@ function useFiltersProgressive(params) {
 //#endregion
 //#region src/react/hooks/ui/useOpenConnectModal.tsx
 const useOpenConnectModal$1 = () => {
-	const context = useConfig();
-	return { openConnectModal: context.openConnectModal };
+	return { openConnectModal: useConfig().openConnectModal };
 };
 
 //#endregion
@@ -3607,12 +3533,10 @@ function useConvertPriceToUSD(params) {
 */
 const useGetReceiptFromHash = () => {
 	const publicClient = usePublicClient();
-	const waitForReceipt = useCallback(async (transactionHash) => {
+	return { waitForReceipt: useCallback(async (transactionHash) => {
 		if (!publicClient) throw new Error("Public client not found");
-		const receipt = await publicClient.waitForTransactionReceipt({ hash: transactionHash });
-		return receipt;
-	}, [publicClient]);
-	return { waitForReceipt };
+		return await publicClient.waitForTransactionReceipt({ hash: transactionHash });
+	}, [publicClient]) };
 };
 
 //#endregion
@@ -3683,27 +3607,6 @@ function useRoyalty(args) {
 	};
 }
 
-//#endregion
-//#region src/react/hooks/utils/useSwitchChainWithModal.ts
-const useSwitchChainWithModal = () => {
-	const { show: showSwitchChainModal } = useSwitchChainModal();
-	const { isWaaS } = useConnectorMetadata();
-	const { switchChainAsync } = useSwitchChain();
-	return { switchChainWithModal: async (currentChainId, targetChainId) => {
-		const chainIdMismatch = currentChainId !== Number(targetChainId);
-		return new Promise((resolve, reject) => {
-			if (chainIdMismatch) if (isWaaS) switchChainAsync({ chainId: targetChainId }).then(resolve).catch(reject);
-			else showSwitchChainModal({
-				chainIdToSwitchTo: targetChainId,
-				onSuccess: () => resolve({ chainId: targetChainId }),
-				onError: (error) => reject(error),
-				onClose: () => reject(new ChainSwitchUserRejectedError())
-			});
-			else resolve({ chainId: targetChainId });
-		});
-	} };
-};
-
 //#endregion
 //#region src/react/ui/modals/_internal/components/selectWaasFeeOptions/store.ts
 const selectWaasFeeOptionsStore = createStore({
@@ -4116,8 +4019,7 @@ const useTransactionStatusModal = () => {
 	};
 };
 const TransactionStatusModal = () => {
-	const isOpen = useIsOpen$3();
-	return isOpen ? /* @__PURE__ */ jsx(TransactionStatusModalContent, {}) : null;
+	return useIsOpen$3() ? /* @__PURE__ */ jsx(TransactionStatusModalContent, {}) : null;
 };
 function TransactionStatusModalContent() {
 	const { transactionType: type, hash, orderId, price, collectionAddress, chainId, collectibleId, callbacks, queriesToInvalidate } = useTransactionModalState();
@@ -4226,10 +4128,10 @@ function isPojo(val) {
 //#endregion
 //#region src/react/ui/modals/BuyModal/store.ts
 function isShopProps(props) {
-	return props.marketplaceType === "shop";
+	return props.cardType === "shop";
 }
 function isMarketProps(props) {
-	return !props.marketplaceType || props.marketplaceType === "market";
+	return !props.cardType || props.cardType === "market";
 }
 const initialContext$2 = {
 	isOpen: false,
@@ -4430,8 +4332,7 @@ const useMarketPlatformFee = (params) => {
 	};
 	const { chainId, collectionAddress } = params;
 	const marketCollection = marketplaceConfig?.market?.collections?.find((col) => compareAddress(col.itemsAddress, collectionAddress) && String(col.chainId) === String(chainId));
-	const avalancheOrOptimism = chainId === avalanche.id || chainId === optimism.id;
-	const receiver = avalancheOrOptimism ? avalancheAndOptimismPlatformFeeRecipient : defaultPlatformFeeRecipient;
+	const receiver = chainId === avalanche.id || chainId === optimism.id ? avalancheAndOptimismPlatformFeeRecipient : defaultPlatformFeeRecipient;
 	const percentageToBPS = (percentage) => Number(percentage) * 1e4 / 100;
 	const feePercentage = marketCollection?.feePercentage ?? defaultFee;
 	return {
@@ -4469,15 +4370,14 @@ const useCheckoutOptions = (input) => {
 				}],
 				additionalFee: Number(fees.amount)
 			});
-			const orderResponse = await marketplaceClient.getOrders({
+			const order = (await marketplaceClient.getOrders({
 				chainId: String(input.chainId),
 				input: [{
 					contractAddress: input.collectionAddress,
 					orderId: input.orderId,
 					marketplace: input.marketplace
 				}]
-			});
-			const order = orderResponse.orders[0];
+			})).orders[0];
 			return {
 				...response.options,
 				order
@@ -4564,8 +4464,7 @@ function decodeERC20Approval(calldata) {
 //#endregion
 //#region src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts
 const getBuyCollectableParams = async ({ chainId, collectionAddress, collectibleId, callbacks, priceCurrencyAddress, customCreditCardProviderCallback, config, address, marketplace, orderId, quantity, collectable, checkoutOptions, fee, skipNativeBalanceCheck, nativeTokenAddress, buyAnalyticsId }) => {
-	const marketplaceClient = getMarketplaceClient(config);
-	const { steps: steps$2 } = await marketplaceClient.generateBuyTransaction({
+	const { steps: steps$2 } = await getMarketplaceClient(config).generateBuyTransaction({
 		chainId: String(chainId),
 		collectionAddress,
 		buyer: address,
@@ -4586,8 +4485,7 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 	const isTransakSupported = creditCardProviders.includes("transak");
 	let transakContractId;
 	if (isTransakSupported) {
-		const sequenceApiClient = getSequenceApiClient(config);
-		const transakContractIdResponse = await sequenceApiClient.checkoutOptionsGetTransakContractID({
+		const transakContractIdResponse = await getSequenceApiClient(config).checkoutOptionsGetTransakContractID({
 			chainId,
 			contractAddress: buyStep.to
 		});
@@ -4619,8 +4517,7 @@ const getBuyCollectableParams = async ({ chainId, collectionAddress, collectible
 		},
 		onError: callbacks?.onError,
 		onClose: () => {
-			const queryClient = getQueryClient();
-			queryClient.invalidateQueries({ predicate: (query) => !query.meta?.persistent });
+			getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
 			buyModalStore.send({ type: "close" });
 		},
 		skipNativeBalanceCheck,
@@ -4648,7 +4545,6 @@ const usePaymentModalParams = (args) => {
 	const onSuccess = useOnSuccess();
 	const onError = useOnError();
 	const buyAnalyticsId = useBuyAnalyticsId();
-	const queryEnabled = !!address && !!marketplace && !!collectable && !!checkoutOptions && !!priceCurrencyAddress && !!quantity && enabled;
 	return useQuery({
 		queryKey: [
 			"buyCollectableParams",
@@ -4656,7 +4552,7 @@ const usePaymentModalParams = (args) => {
 			args,
 			fee
 		],
-		queryFn: queryEnabled ? () => getBuyCollectableParams({
+		queryFn: !!address && !!marketplace && !!collectable && !!checkoutOptions && !!priceCurrencyAddress && !!quantity && enabled ? () => getBuyCollectableParams({
 			chainId,
 			config,
 			address,
@@ -4859,8 +4755,7 @@ const getERC721SalePaymentParams = async ({ chainId, address, salesContractAddre
 			},
 			onError: callbacks?.onError,
 			onClose: () => {
-				const queryClient = getQueryClient();
-				queryClient.invalidateQueries({ predicate: (query) => !query.meta?.persistent });
+				getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
 				buyModalStore.send({ type: "close" });
 			},
 			skipNativeBalanceCheck,
@@ -4882,10 +4777,9 @@ const useERC721SalePaymentParams = (args) => {
 	const onSuccess = useOnSuccess();
 	const onError = useOnError();
 	const buyModalProps = useBuyModalProps();
-	const queryEnabled = enabled && !!address && !!salesContractAddress && !!collectionAddress && !!price && !!currencyAddress;
 	return useQuery({
 		queryKey: ["erc721SalePaymentParams", args],
-		queryFn: queryEnabled ? () => getERC721SalePaymentParams({
+		queryFn: enabled && !!address && !!salesContractAddress && !!collectionAddress && !!price && !!currencyAddress ? () => getERC721SalePaymentParams({
 			chainId,
 			address,
 			salesContractAddress,
@@ -4993,8 +4887,7 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 		}
 		const dnValue = dn.from(value, decimals);
 		const isBiggerThanMax = dn.greaterThan(dnValue, dnMaxQuantity);
-		const isLessThanMin = dn.lessThan(dnValue, dnMin);
-		if (isLessThanMin) {
+		if (dn.lessThan(dnValue, dnMin)) {
 			setQuantity({
 				value,
 				isValid: false
@@ -5036,7 +4929,7 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 		});
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full flex-col [&>label>div>div>div:has(:disabled):hover]:opacity-100 [&>label>div>div>div:has(:disabled)]:opacity-100 [&>label>div>div>div>input]:text-xs [&>label>div>div>div]:h-9 [&>label>div>div>div]:rounded [&>label>div>div>div]:pr-0 [&>label>div>div>div]:pl-3 [&>label>div>div>div]:text-xs [&>label]:gap-[2px]", className, disabled && "pointer-events-none opacity-50"),
+		className: cn$1("flex w-full flex-col [&>label>div>div>div:has(:disabled):hover]:opacity-100 [&>label>div>div>div:has(:disabled)]:opacity-100 [&>label>div>div>div>input]:text-xs [&>label>div>div>div]:h-9 [&>label>div>div>div]:rounded [&>label>div>div>div]:pr-0 [&>label>div>div>div]:pl-3 [&>label>div>div>div]:text-xs [&>label]:gap-[2px]", className, disabled && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(NumericInput, {
 			className: "w-full pl-1",
 			name: "quantity",
@@ -5070,7 +4963,7 @@ function QuantityInput({ quantity, invalidQuantity, onQuantityChange, onInvalidQ
 //#endregion
 //#region src/react/ui/modals/BuyModal/components/ERC1155QuantityModal.tsx
 const INFINITY_STRING = maxUint256.toString();
-const ERC1155QuantityModal = ({ order, quantityDecimals, quantityRemaining, unlimitedSupply, salePrice, chainId, marketplaceType }) => {
+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);
@@ -5108,15 +5001,15 @@ const ERC1155QuantityModal = ({ order, quantityDecimals, quantityRemaining, unli
 				quantityStr: localQuantity,
 				salePrice,
 				chainId,
-				marketplaceType,
+				cardType,
 				quantityDecimals
 			})]
 		})
 	});
 };
-const TotalPrice = ({ order, quantityStr, salePrice, chainId, marketplaceType, quantityDecimals }) => {
-	const isShop = marketplaceType === "shop";
-	const isMarket = marketplaceType === "market";
+const TotalPrice = ({ order, quantityStr, salePrice, chainId, cardType, quantityDecimals }) => {
+	const isShop = cardType === "shop";
+	const isMarket = cardType === "market";
 	const { data: marketplaceConfig } = useMarketplaceConfig();
 	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
 		chainId,
@@ -5126,8 +5019,7 @@ const TotalPrice = ({ order, quantityStr, salePrice, chainId, marketplaceType, q
 	let formattedPrice = "0";
 	const quantityForCalculation = parseUnits(quantityStr, quantityDecimals);
 	if (isMarket && currency && order) try {
-		const marketCollection = marketplaceConfig?.market?.collections?.find((col) => col.itemsAddress.toLowerCase() === order.collectionContractAddress.toLowerCase() && col.chainId === chainId);
-		const marketplaceFeePercentage = marketCollection?.feePercentage ?? DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
+		const 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);
 	} catch (e) {
@@ -5179,13 +5071,13 @@ const TotalPrice = ({ order, quantityStr, salePrice, chainId, marketplaceType, q
 const ERC1155BuyModal = ({ collectable, order, address, checkoutOptions, chainId }) => {
 	const quantity = useQuantity();
 	const modalProps = useBuyModalProps();
-	const marketplaceType = modalProps.marketplaceType || "market";
+	const cardType = modalProps.cardType || "market";
 	const isShop = isShopProps(modalProps);
 	const quantityDecimals = isShop ? modalProps.quantityDecimals : collectable.decimals || 0;
 	const quantityRemaining = isShop ? modalProps.quantityRemaining?.toString() : order?.quantityRemaining;
 	if (!quantity) return /* @__PURE__ */ jsx(ERC1155QuantityModal, {
 		order,
-		marketplaceType,
+		cardType,
 		quantityDecimals,
 		quantityRemaining,
 		chainId
@@ -5239,36 +5131,40 @@ const useERC1155Checkout = ({ chainId, salesContractAddress, collectionAddress,
 	const onError = useOnError();
 	const saleAnalyticsId = useBuyAnalyticsId();
 	const buyModalProps = useBuyModalProps();
-	const checkout = useERC1155SaleContractCheckout({
-		chain: chainId,
-		contractAddress: salesContractAddress,
-		collectionAddress,
-		items: [{
-			...items[0],
-			quantity: quantity?.toString() || "1"
-		}],
-		wallet: accountAddress ?? "",
-		...checkoutOptions && { checkoutOptions },
-		onSuccess: (hash) => {
-			onSuccess({ hash });
-		},
-		onError: (error) => {
-			onError(error);
-		},
-		onClose: () => {
-			const queryClient = getQueryClient();
-			queryClient.invalidateQueries({ predicate: (query) => !query.meta?.persistent });
-			buyModalStore.send({ type: "close" });
-		},
-		customProviderCallback,
-		supplementaryAnalyticsInfo: {
-			marketplaceType: "shop",
-			saleAnalyticsId
-		},
-		successActionButtons: buyModalProps.successActionButtons
-	});
 	return {
-		...checkout,
+		...useERC1155SaleContractCheckout({
+			chain: chainId,
+			contractAddress: salesContractAddress,
+			collectionAddress,
+			items: [{
+				...items[0],
+				quantity: quantity?.toString() || "1"
+			}],
+			wallet: accountAddress ?? "",
+			...checkoutOptions && { checkoutOptions },
+			onSuccess: (hash) => {
+				onSuccess({ hash });
+			},
+			onError: (error) => {
+				onError(error);
+			},
+			onClose: () => {
+				const queryClient = getQueryClient();
+				queryClient.invalidateQueries({ queryKey: balanceQueries.inventory });
+				queryClient.invalidateQueries({
+					queryKey: [...collectableKeys.userBalances],
+					refetchType: "inactive"
+				});
+				queryClient.invalidateQueries({ queryKey: collectableKeys.listPrimarySaleItems });
+				buyModalStore.send({ type: "close" });
+			},
+			customProviderCallback,
+			supplementaryAnalyticsInfo: {
+				marketplaceType: "shop",
+				saleAnalyticsId
+			},
+			successActionButtons: buyModalProps.successActionButtons
+		}),
 		isEnabled: Boolean(enabled && accountAddress)
 	};
 };
@@ -5287,7 +5183,7 @@ const ERC1155ShopModal = ({ collection, shopData, chainId }) => {
 			amount: shopData.salePrice?.amount ?? "0",
 			currencyAddress: shopData.salePrice?.currencyAddress ?? zeroAddress
 		},
-		marketplaceType: "shop",
+		cardType: "shop",
 		quantityDecimals,
 		quantityRemaining,
 		unlimitedSupply,
@@ -5334,7 +5230,7 @@ const ERC1155SaleContractCheckoutModalOpener = ({ chainId, salesContractAddress,
 		isOpen: true,
 		chainId,
 		onClose: () => buyModalStore.send({ type: "close" }),
-		title: "Loading Sequence Pay"
+		title: "Loading payment options"
 	});
 	return null;
 };
@@ -5357,7 +5253,7 @@ const BuyModalRouter = () => {
 		isOpen: true,
 		chainId,
 		onClose: () => buyModalStore.send({ type: "close" }),
-		title: "Loading Sequence Pay"
+		title: "Loading payment options"
 	});
 	if (isShop) {
 		if (collection.type === "ERC721") {
@@ -5365,7 +5261,7 @@ const BuyModalRouter = () => {
 				isOpen: true,
 				chainId,
 				onClose: () => buyModalStore.send({ type: "close" }),
-				title: "Loading Sequence Pay"
+				title: "Loading payment options"
 			});
 			return /* @__PURE__ */ jsx(ERC721ShopModal, {
 				collection,
@@ -5378,7 +5274,7 @@ const BuyModalRouter = () => {
 				isOpen: true,
 				chainId,
 				onClose: () => buyModalStore.send({ type: "close" }),
-				title: "Loading Sequence Pay"
+				title: "Loading payment options"
 			});
 			return /* @__PURE__ */ jsx(ERC1155ShopModal, {
 				collection,
@@ -5392,7 +5288,7 @@ const BuyModalRouter = () => {
 				isOpen: true,
 				chainId,
 				onClose: () => buyModalStore.send({ type: "close" }),
-				title: "Loading Sequence Pay"
+				title: "Loading payment options"
 			});
 			return /* @__PURE__ */ jsx(ERC721BuyModal, {
 				collection,
@@ -5408,7 +5304,7 @@ const BuyModalRouter = () => {
 				isOpen: true,
 				chainId,
 				onClose: () => buyModalStore.send({ type: "close" }),
-				title: "Loading Sequence Pay"
+				title: "Loading payment options"
 			});
 			return /* @__PURE__ */ jsx(ERC1155BuyModal, {
 				collection,
@@ -5432,8 +5328,7 @@ const BuyModalRouter = () => {
 //#endregion
 //#region src/react/ui/modals/BuyModal/components/Modal.tsx
 const BuyModal = () => {
-	const isOpen = useIsOpen$2();
-	if (!isOpen) return null;
+	if (!useIsOpen$2()) return null;
 	return /* @__PURE__ */ jsx(BuyModalRouter, {});
 };
 
@@ -5592,7 +5487,7 @@ const ExpirationDateSelect = function ExpirationDateSelect$1({ className, date,
 	}
 	if (!date) return /* @__PURE__ */ jsx(Skeleton, { className: "mr-3 h-7 w-20 rounded-2xl" });
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative w-full", disabled && "pointer-events-none opacity-50"),
+		className: cn$1("relative w-full", disabled && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(Text, {
 			className: "w-full text-left font-body font-medium text-xs",
 			fontWeight: "medium",
@@ -5949,17 +5844,17 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("price-input relative flex w-full flex-col", disabled && "pointer-events-none opacity-50"),
+		className: cn$1("price-input relative flex w-full flex-col", disabled && "pointer-events-none opacity-50"),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "absolute top-8 left-2 flex items-center",
 				children: /* @__PURE__ */ jsx(currencyImage_default, { price })
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "[&>label>div>div>.rounded-xl]:h-9 [&>label>div>div>.rounded-xl]:rounded-sm [&>label>div>div>.rounded-xl]:px-2 [&>label]:gap-1",
+				className: "[&>label]:gap-1",
 				children: /* @__PURE__ */ jsx(NumericInput, {
 					ref: inputRef,
-					className: "ml-5 w-full text-xs",
+					className: "h-9 w-full rounded-sm px-2 [&>input]:pl-5 [&>input]:text-xs",
 					name: "price-input",
 					decimals: currencyDecimals,
 					label: "Enter price",
@@ -6201,7 +6096,7 @@ const SelectWaasFeeOptions = ({ chainId, onCancel, titleOnConfirm, className })
 	const isSponsored = pendingFeeOptionConfirmation?.options?.length === 0;
 	if (!isVisible || isSponsored || !selectedFeeOption) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-0 backdrop-blur-md", className),
+		className: cn$1("flex w-full flex-col gap-2 rounded-2xl bg-button-emphasis p-0 backdrop-blur-md", className),
 		children: [
 			/* @__PURE__ */ jsx(Divider, { className: "mt-0 mb-4" }),
 			/* @__PURE__ */ jsx(Text, {
@@ -6210,7 +6105,7 @@ const SelectWaasFeeOptions = ({ chainId, onCancel, titleOnConfirm, className })
 			}),
 			!feeOptionsConfirmed && !pendingFeeOptionConfirmation && /* @__PURE__ */ jsx(Skeleton, { className: "h-[52px] w-full animate-shimmer rounded-xl" }),
 			(feeOptionsConfirmed || pendingFeeOptionConfirmation) && /* @__PURE__ */ jsx("div", {
-				className: cn("[&>label>button>span]:overflow-hidden [&>label>button]:w-full [&>label>button]:text-xs [&>label>div]:w-full [&>label]:flex [&>label]:w-full", feeOptionsConfirmed && "pointer-events-none opacity-70"),
+				className: cn$1("[&>label>button>span]:overflow-hidden [&>label>button]:w-full [&>label>button]:text-xs [&>label>div]:w-full [&>label]:flex [&>label]:w-full", feeOptionsConfirmed && "pointer-events-none opacity-70"),
 				children: /* @__PURE__ */ jsx(WaasFeeOptionsSelect_default, {
 					options: pendingFeeOptionConfirmation?.options || [selectedFeeOption],
 					selectedFeeOption,
@@ -6371,8 +6266,7 @@ const useGetTokenApprovalData$2 = (params) => {
 				orderbook: params.orderbook,
 				listing
 			};
-			const steps$2 = await marketplaceClient.generateListingTransaction(args).then((resp) => resp.steps);
-			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
+			const tokenApprovalStep = (await marketplaceClient.generateListingTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken
@@ -6389,13 +6283,12 @@ const useGetTokenApprovalData$2 = (params) => {
 const getSequenceMarketplaceRequestId = async (hash, publicClient, walletAddress) => {
 	try {
 		const receipt = await publicClient.getTransactionReceipt({ hash });
-		const logs = parseEventLogs({
+		return parseEventLogs({
 			abi: SequenceMarketplaceV1_ABI,
 			eventName: "RequestCreated",
 			args: { creator: walletAddress },
 			logs: receipt.logs
-		});
-		return logs[0].args.requestId.toString();
+		})[0].args.requestId.toString();
 	} catch (error) {
 		console.error(error);
 	}
@@ -6422,7 +6315,7 @@ const useTransactionSteps$2 = ({ listingInput, chainId, collectionAddress, order
 	const getListingSteps = async () => {
 		if (!address) return;
 		try {
-			const steps$2 = await generateListingTransactionAsync({
+			return await generateListingTransactionAsync({
 				collectionAddress,
 				owner: address,
 				walletType: walletKind,
@@ -6433,7 +6326,6 @@ const useTransactionSteps$2 = ({ listingInput, chainId, collectionAddress, order
 					expiry: /* @__PURE__ */ new Date(Number(listingInput.listing.expiry) * 1e3)
 				}
 			});
-			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -6650,8 +6542,7 @@ const CreateListingModal = () => {
 	});
 };
 const Modal$3 = observer(() => {
-	const state = createListingModal$.get();
-	const { collectionAddress, chainId, listingPrice: listingPrice$1, collectibleId, orderbookKind, callbacks, listingIsBeingProcessed } = state;
+	const { collectionAddress, chainId, listingPrice: listingPrice$1, collectibleId, orderbookKind, callbacks, listingIsBeingProcessed } = createListingModal$.get();
 	const steps$ = createListingModal$.steps;
 	const { isWaaS } = useConnectorMetadata();
 	const { isVisible: feeOptionsVisible, selectedFeeOption } = useSelectWaasFeeOptionsStore();
@@ -6857,8 +6748,7 @@ const useGetTokenApprovalData$1 = (params) => {
 				orderbook: params.orderbook,
 				offer
 			};
-			const steps$2 = await marketplaceClient.generateOfferTransaction(args).then((resp) => resp.steps);
-			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
+			const tokenApprovalStep = (await marketplaceClient.generateOfferTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken,
@@ -6894,7 +6784,7 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 	const getOfferSteps = async () => {
 		if (!address) return;
 		try {
-			const steps$2 = await generateOfferTransactionAsync({
+			return await generateOfferTransactionAsync({
 				collectionAddress,
 				maker: address,
 				walletType: walletKind,
@@ -6905,7 +6795,6 @@ const useTransactionSteps$1 = ({ offerInput, chainId, collectionAddress, orderbo
 					expiry: /* @__PURE__ */ new Date(Number(offerInput.offer.expiry) * 1e3)
 				}
 			});
-			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -7112,8 +7001,7 @@ const MakeOfferModal = () => {
 	});
 };
 const Modal$2 = observer(() => {
-	const state = makeOfferModal$.get();
-	const { collectionAddress, chainId, offerPrice: offerPrice$1, offerPriceChanged, invalidQuantity, collectibleId, orderbookKind, callbacks } = state;
+	const { collectionAddress, chainId, offerPrice: offerPrice$1, offerPriceChanged, invalidQuantity, collectibleId, orderbookKind, callbacks } = makeOfferModal$.get();
 	const steps$ = makeOfferModal$.steps;
 	const [insufficientBalance, setInsufficientBalance] = useState(false);
 	const { data: collectible, isLoading: collectableIsLoading, isError: collectableIsError } = useCollectible({
@@ -7202,7 +7090,7 @@ const Modal$2 = observer(() => {
 		pending: steps$?.transaction.isExecuting.get() || makeOfferModal$.offerIsBeingProcessed.get(),
 		disabled: steps$.approval.isExecuting.get() || steps$.approval.exist.get() || offerPrice$1.amountRaw === "0" || insufficientBalance || isLoading || invalidQuantity
 	}];
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ActionModal, {
+	return /* @__PURE__ */ jsxs(ActionModal, {
 		isOpen: makeOfferModal$.isOpen.get(),
 		chainId: Number(chainId),
 		onClose: () => {
@@ -7236,7 +7124,7 @@ const Modal$2 = observer(() => {
 				includeNativeCurrency: false,
 				checkBalance: {
 					enabled: true,
-					callback: (state$1) => setInsufficientBalance(state$1)
+					callback: (state) => setInsufficientBalance(state)
 				},
 				disabled: shouldHideOfferButton
 			}),
@@ -7279,7 +7167,7 @@ const Modal$2 = observer(() => {
 				titleOnConfirm: "Processing offer..."
 			})
 		]
-	}) });
+	});
 });
 
 //#endregion
@@ -7334,8 +7222,7 @@ const useGetTokenApprovalData = (params) => {
 					receiver
 				}]
 			};
-			const steps$2 = await marketplaceClient.generateSellTransaction(args).then((resp) => resp.steps);
-			const tokenApprovalStep = steps$2.find((step) => step.id === StepType.tokenApproval);
+			const tokenApprovalStep = (await marketplaceClient.generateSellTransaction(args).then((resp) => resp.steps)).find((step) => step.id === StepType.tokenApproval);
 			if (!tokenApprovalStep) return { step: null };
 			return { step: tokenApprovalStep };
 		} : skipToken,
@@ -7371,7 +7258,7 @@ const useTransactionSteps = ({ collectibleId, chainId, collectionAddress, market
 	const getSellSteps = async () => {
 		if (!address) return;
 		try {
-			const steps$2 = await generateSellTransactionAsync({
+			return await generateSellTransactionAsync({
 				collectionAddress,
 				walletType: walletKind,
 				marketplace,
@@ -7382,7 +7269,6 @@ const useTransactionSteps = ({ collectibleId, chainId, collectionAddress, market
 				}],
 				seller: address
 			});
-			return steps$2;
 		} catch (error) {
 			if (callbacks?.onError) callbacks.onError(error);
 			else console.debug("onError callback not provided:", error);
@@ -7545,8 +7431,7 @@ const Modal$1 = observer(() => {
 	});
 	const { isWaaS } = useConnectorMetadata();
 	const { isVisible: feeOptionsVisible, selectedFeeOption } = useSelectWaasFeeOptionsStore();
-	const network = getNetwork(Number(chainId));
-	const isTestnet = network.type === NetworkType.TESTNET;
+	const isTestnet = getNetwork(Number(chainId)).type === NetworkType.TESTNET;
 	const isProcessing = sellModal$.sellIsBeingProcessed.get();
 	const { shouldHideActionButton: shouldHideSellButton } = useSelectWaasFeeOptions({
 		isProcessing,
@@ -7889,13 +7774,12 @@ const TokenQuantityInput = ({ balanceAmount, collection, isProcessingWithWaaS })
 	const [invalidQuantity, setInvalidQuantity] = useState(false);
 	let insufficientBalance = true;
 	if (balanceAmount !== void 0 && modalState.quantity) try {
-		const quantityBigInt = BigInt(modalState.quantity);
-		insufficientBalance = quantityBigInt > balanceAmount;
+		insufficientBalance = BigInt(modalState.quantity) > balanceAmount;
 	} catch (_e) {
 		insufficientBalance = true;
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("flex flex-col gap-3", isProcessingWithWaaS && "pointer-events-none opacity-50"),
+		className: cn("flex flex-col gap-3", isProcessingWithWaaS && "pointer-events-none opacity-50"),
 		children: [/* @__PURE__ */ jsx(QuantityInput, {
 			quantity: modalState.quantity,
 			invalidQuantity,
@@ -7968,8 +7852,7 @@ const MAX_WALLET_ADDRESS_LENGTH = 42;
 const WalletAddressInput = () => {
 	const { address: connectedAddress } = useAccount();
 	const { receiverAddress, transferIsProcessing } = useModalState();
-	const isWalletAddressValid = isAddress(receiverAddress);
-	const isSelfTransfer = isWalletAddressValid && connectedAddress && receiverAddress.toLowerCase() === connectedAddress.toLowerCase();
+	const isSelfTransfer = isAddress(receiverAddress) && connectedAddress && receiverAddress.toLowerCase() === connectedAddress.toLowerCase();
 	const handleChangeWalletAddress = (event) => {
 		transferModalStore.send({
 			type: "updateTransferDetails",
@@ -8082,8 +7965,7 @@ const EnterWalletAddressView = () => {
 	const balanceAmount = tokenBalance?.pages[0].balances[0].balance;
 	let insufficientBalance = true;
 	if (balanceAmount !== void 0 && quantity) try {
-		const quantityBigInt = BigInt(quantity);
-		insufficientBalance = quantityBigInt > BigInt(balanceAmount);
+		insufficientBalance = BigInt(quantity) > BigInt(balanceAmount);
 	} catch (_e) {
 		insufficientBalance = true;
 	}
@@ -8101,8 +7983,7 @@ const EnterWalletAddressView = () => {
 			console.error("Transfer failed:", error);
 		}
 	};
-	const isErc1155 = collection?.type === ContractType.ERC1155;
-	const showQuantityInput = isErc1155 && !!balanceAmount;
+	const showQuantityInput = collection?.type === ContractType.ERC1155 && !!balanceAmount;
 	const isTransferDisabled = transferIsProcessing || !isWalletAddressValid || insufficientBalance || !quantity || Number(quantity) === 0 || isSelfTransfer;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "grid grow gap-6",
@@ -8270,7 +8151,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.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -8474,6 +8355,9 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -8914,9 +8798,6 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   .w-\[124px\] {
     width: 124px;
   }
-  .w-\[147px\] {
-    width: 147px;
-  }
   .w-\[148px\] {
     width: 148px;
   }
@@ -9300,6 +9181,12 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   .bg-background-primary {
     background-color: var(--seq-color-background-primary);
   }
+  .bg-background-primary\/25 {
+    background-color: var(--seq-color-background-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--seq-color-background-primary) 25%, transparent);
+    }
+  }
   .bg-background-raised {
     background-color: var(--seq-color-background-raised);
   }
@@ -9843,7 +9730,7 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -10206,7 +10093,6 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   }
   .after\:content-\[\"\"\] {
     &::after {
-      content: var(--tw-content);
       --tw-content: "";
       content: var(--tw-content);
     }
@@ -10249,6 +10135,13 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
       }
     }
   }
+  .hover\:animate-none {
+    &:hover {
+      @media (hover: hover) {
+        animation: none;
+      }
+    }
+  }
   .hover\:bg-button-glass {
     &:hover {
       @media (hover: hover) {
@@ -10263,6 +10156,13 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
       }
     }
   }
+  .hover\:opacity-50 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 50%;
+      }
+    }
+  }
   .hover\:opacity-80 {
     &:hover {
       @media (hover: hover) {
@@ -10624,6 +10524,17 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
       justify-self: center;
     }
   }
+  .\[\&\>input\]\:pl-5 {
+    &>input {
+      padding-left: calc(var(--spacing) * 5);
+    }
+  }
+  .\[\&\>input\]\:text-xs {
+    &>input {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
   .\[\&\>label\]\:flex {
     &>label {
       display: flex;
@@ -10665,21 +10576,6 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
       width: 100%;
     }
   }
-  .\[\&\>label\>div\>div\>\.rounded-xl\]\:h-9 {
-    &>label>div>div>.rounded-xl {
-      height: calc(var(--spacing) * 9);
-    }
-  }
-  .\[\&\>label\>div\>div\>\.rounded-xl\]\:rounded-sm {
-    &>label>div>div>.rounded-xl {
-      border-radius: var(--radius-sm);
-    }
-  }
-  .\[\&\>label\>div\>div\>\.rounded-xl\]\:px-2 {
-    &>label>div>div>.rounded-xl {
-      padding-inline: calc(var(--spacing) * 2);
-    }
-  }
   .\[\&\>label\>div\>div\>div\]\:h-9 {
     &>label>div>div>div {
       height: calc(var(--spacing) * 9);
@@ -10899,9 +10795,17 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   --rdp-range_middle-background-color: var(--rdp-accent-background-color);
   --rdp-range_middle-color: inherit;
   --rdp-range_start-color: white;
-  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
+  --rdp-range_start-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    transparent 50%,
+    var(--rdp-range_middle-background-color) 50%
+  );
   --rdp-range_start-date-background-color: var(--rdp-accent-color);
-  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
+  --rdp-range_end-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    var(--rdp-range_middle-background-color) 50%,
+    transparent 50%
+  );
   --rdp-range_end-color: white;
   --rdp-range_end-date-background-color: var(--rdp-accent-color);
   --rdp-week_number-border-radius: 100%;
@@ -11122,7 +11026,6 @@ const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with shadow
   background-color: var(--rdp-range_middle-background-color);
 }
 .rdp-range_middle .rdp-day_button {
-  border-color: transparent;
   border: unset;
   border-radius: unset;
   color: var(--rdp-range_middle-color);
@@ -11571,7 +11474,7 @@ const ModalProvider = observer(({ children }) => {
 			/* @__PURE__ */ jsx(SellModal, {}),
 			/* @__PURE__ */ jsx(BuyModal, {}),
 			/* @__PURE__ */ jsx(SuccessfulPurchaseModal_default, {}),
-			/* @__PURE__ */ jsx(switchChainModal_default, {}),
+			/* @__PURE__ */ jsx(switchChainErrorModal_default, {}),
 			/* @__PURE__ */ jsx(transactionStatusModal_default, {})
 		]
 	}) })] });
@@ -11660,10 +11563,10 @@ function ActionButtonBody({ tokenId, label, onClick, icon, action }) {
 //#endregion
 //#region src/react/ui/components/_internals/action-button/components/NonOwnerActions.tsx
 function NonOwnerActions(props) {
-	const { action, tokenId, collectionAddress, chainId, quantityDecimals, quantityRemaining, unlimitedSupply, marketplaceType } = props;
+	const { action, tokenId, collectionAddress, chainId, quantityDecimals, quantityRemaining, unlimitedSupply, cardType } = props;
 	const { show: showBuyModal } = useBuyModal();
 	const { show: showMakeOfferModal } = useMakeOfferModal();
-	if (marketplaceType === "shop") {
+	if (cardType === "shop") {
 		const { salesContractAddress, salePrice } = props;
 		return /* @__PURE__ */ jsx(ActionButtonBody, {
 			action: CollectibleCardAction.BUY,
@@ -11677,7 +11580,7 @@ function NonOwnerActions(props) {
 					tokenId,
 					quantity: "1"
 				}],
-				marketplaceType: "shop",
+				cardType: "shop",
 				salePrice: {
 					amount: salePrice.amount,
 					currencyAddress: salePrice.currencyAddress
@@ -11702,7 +11605,7 @@ function NonOwnerActions(props) {
 				collectibleId: tokenId,
 				orderId: lowestListing.orderId,
 				marketplace: lowestListing.marketplace,
-				marketplaceType: "market"
+				cardType: "market"
 			}),
 			icon: CartIcon_default
 		});
@@ -11824,7 +11727,7 @@ const useActionButtonLogic = ({ tokenId, owned, action, onCannotPerformAction })
 
 //#endregion
 //#region src/react/ui/components/_internals/action-button/ActionButton.tsx
-function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, action, owned, highestOffer, lowestListing, onCannotPerformAction, marketplaceType, salesContractAddress, prioritizeOwnerActions, salePrice, quantityDecimals, quantityRemaining, unlimitedSupply }) {
+function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, action, owned, highestOffer, lowestListing, onCannotPerformAction, cardType, salesContractAddress, prioritizeOwnerActions, salePrice, quantityDecimals, quantityRemaining, unlimitedSupply }) {
 	const { shouldShowAction, isOwnerAction } = useActionButtonLogic({
 		tokenId,
 		owned,
@@ -11840,8 +11743,8 @@ function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, acti
 		orderbookKind,
 		highestOffer
 	});
-	const nonOwnerProps = marketplaceType === "shop" && salesContractAddress && salePrice ? {
-		marketplaceType: "shop",
+	return /* @__PURE__ */ jsx(NonOwnerActions, { ...cardType === "shop" && salesContractAddress && salePrice ? {
+		cardType: "shop",
 		salesContractAddress,
 		salePrice,
 		action,
@@ -11852,7 +11755,7 @@ function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, acti
 		quantityRemaining,
 		unlimitedSupply
 	} : {
-		marketplaceType: "market",
+		cardType: "market",
 		orderbookKind,
 		lowestListing,
 		action,
@@ -11861,13 +11764,12 @@ function ActionButton({ collectionAddress, chainId, tokenId, orderbookKind, acti
 		chainId,
 		quantityDecimals,
 		quantityRemaining
-	};
-	return /* @__PURE__ */ jsx(NonOwnerActions, { ...nonOwnerProps });
+	} });
 }
 
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/components/ActionButtonWrapper.tsx
-function ActionButtonWrapper({ show, chainId, collectionAddress, tokenId, orderbookKind, action, highestOffer, lowestListing, owned, onCannotPerformAction, marketplaceType, salesContractAddress, prioritizeOwnerActions, salePrice, quantityDecimals, quantityRemaining, unlimitedSupply }) {
+function ActionButtonWrapper({ show, chainId, collectionAddress, tokenId, orderbookKind, action, highestOffer, lowestListing, owned, onCannotPerformAction, cardType, salesContractAddress, prioritizeOwnerActions, salePrice, quantityDecimals, quantityRemaining, unlimitedSupply }) {
 	if (!show) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "-bottom-16 absolute flex w-full origin-bottom items-center justify-center bg-overlay-light p-2 backdrop-blur transition-transform duration-200 ease-in-out group-hover:translate-y-[-64px]",
@@ -11881,7 +11783,7 @@ function ActionButtonWrapper({ show, chainId, collectionAddress, tokenId, orderb
 			lowestListing,
 			owned,
 			onCannotPerformAction,
-			marketplaceType,
+			cardType,
 			salesContractAddress,
 			prioritizeOwnerActions,
 			salePrice,
@@ -12012,20 +11914,16 @@ function MediaSkeleton() {
 //#endregion
 //#region src/react/ui/components/media/utils.ts
 const isImage = (fileName) => {
-	const isImage$1 = /.*\.(png|jpg|jpeg|gif|svg|webp)$/.test(fileName?.toLowerCase() || "");
-	return isImage$1;
+	return /.*\.(png|jpg|jpeg|gif|svg|webp)$/.test(fileName?.toLowerCase() || "");
 };
 const isHtml = (fileName) => {
-	const isHtml$1 = /.*\.(html\?.+|html)$/.test(fileName?.toLowerCase() || "");
-	return isHtml$1;
+	return /.*\.(html\?.+|html)$/.test(fileName?.toLowerCase() || "");
 };
 const isVideo = (fileName) => {
-	const isVideo$1 = /.*\.(mp4|ogg|webm)$/.test(fileName?.toLowerCase() || "");
-	return isVideo$1;
+	return /.*\.(mp4|ogg|webm)$/.test(fileName?.toLowerCase() || "");
 };
 const is3dModel = (fileName) => {
-	const is3dFile = /.*\.(gltf|glb|obj|fbx|stl|usdz)$/.test(fileName?.toLowerCase() || "");
-	return is3dFile;
+	return /.*\.(gltf|glb|obj|fbx|stl|usdz)$/.test(fileName?.toLowerCase() || "");
 };
 const getContentType = (url) => {
 	return new Promise((resolve, reject) => {
@@ -12065,10 +11963,9 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	useEffect(() => {
 		setIsSafari(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
 	}, []);
-	const validAssets = assets.filter((asset) => !!asset);
-	const assetUrl = validAssets[currentAssetIndex];
+	const assetUrl = assets.filter((asset) => !!asset)[currentAssetIndex];
 	const proxiedAssetUrl = assetUrl ? assetSrcPrefixUrl ? `${assetSrcPrefixUrl}${assetUrl}` : assetUrl : "";
-	const containerClassNames = cn("relative aspect-square overflow-hidden bg-background-secondary", containerClassName || className);
+	const containerClassNames = cn$1("relative aspect-square overflow-hidden bg-background-secondary", containerClassName || className);
 	useEffect(() => {
 		if (!assetUrl) {
 			setContentType({
@@ -12119,11 +12016,11 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	};
 	const renderFallback = () => {
 		if (fallbackContent) return /* @__PURE__ */ jsx("div", {
-			className: cn("flex h-full w-full items-center justify-center", containerClassNames),
+			className: cn$1("flex h-full w-full items-center justify-center", containerClassNames),
 			children: fallbackContent
 		});
 		return /* @__PURE__ */ jsx("div", {
-			className: cn("h-full w-full", containerClassNames),
+			className: cn$1("h-full w-full", containerClassNames),
 			children: /* @__PURE__ */ jsx("img", {
 				src: chess_tile_default,
 				alt: name || "Collectible",
@@ -12137,10 +12034,10 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 	};
 	if (assetLoadFailed || !isLoading && contentType.failed || !assetUrl) return renderFallback();
 	if (contentType.type === "html" && !assetLoadFailed) return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full items-center justify-center rounded-lg", containerClassNames),
+		className: cn$1("flex w-full items-center justify-center rounded-lg", containerClassNames),
 		children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("iframe", {
 			title: name || "Collectible",
-			className: cn("aspect-square w-full", mediaClassname),
+			className: cn$1("aspect-square w-full", mediaClassname),
 			src: proxiedAssetUrl,
 			allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
 			sandbox: "allow-scripts",
@@ -12150,7 +12047,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		})]
 	});
 	if (contentType.type === "3d-model" && !assetLoadFailed) return /* @__PURE__ */ jsx("div", {
-		className: cn("h-full w-full", containerClassNames),
+		className: cn$1("h-full w-full", containerClassNames),
 		children: /* @__PURE__ */ jsx(ModelViewer_default, {
 			src: proxiedAssetUrl,
 			posterSrc: chess_tile_default,
@@ -12159,7 +12056,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		})
 	});
 	if (contentType.type === "video" && !assetLoadFailed) {
-		const videoClassNames = cn("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || isLoading ? "invisible" : "visible", isSafari && "pointer-events-none", mediaClassname);
+		const videoClassNames = cn$1("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || isLoading ? "invisible" : "visible", isSafari && "pointer-events-none", mediaClassname);
 		return /* @__PURE__ */ jsxs("div", {
 			className: containerClassNames,
 			children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("video", {
@@ -12179,7 +12076,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 		});
 	}
 	const imgSrc = assetLoadFailed || contentType.failed ? chess_tile_default : proxiedAssetUrl;
-	const imgClassNames = cn("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || contentType.loading || isLoading ? "invisible" : "visible", mediaClassname);
+	const imgClassNames = cn$1("absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover", assetLoading || contentType.loading || isLoading ? "invisible" : "visible", mediaClassname);
 	return /* @__PURE__ */ jsxs("div", {
 		className: containerClassNames,
 		children: [(assetLoading || contentType.loading || isLoading) && /* @__PURE__ */ jsx(MediaSkeleton, {}), /* @__PURE__ */ jsx("img", {
@@ -12194,7 +12091,7 @@ function Media({ name, assets, assetSrcPrefixUrl, className = "", containerClass
 
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/CollectibleCardSkeleton.tsx
-function MarketplaceCollectibleCardSkeleton() {
+function MarketplaceCollectibleCardSkeleton({ contractType, isShop }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "collectible-card-skeleton",
 		className: "w-card-width overflow-hidden rounded-xl border border-border-base focus-visible:border-border-focus focus-visible:shadow-none focus-visible:outline-focus active:border-border-focus active:shadow-none",
@@ -12207,21 +12104,31 @@ function MarketplaceCollectibleCardSkeleton() {
 			})
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "mt-2 flex flex-col gap-2 px-4 pb-4",
-			children: [/* @__PURE__ */ jsx(Skeleton, {
-				size: "lg",
-				className: "animate-shimmer"
-			}), /* @__PURE__ */ jsx(Skeleton, {
-				size: "sm",
-				className: "animate-shimmer"
-			})]
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, {
+					size: "lg",
+					className: "animate-shimmer"
+				}),
+				/* @__PURE__ */ jsx(Skeleton, {
+					size: "sm",
+					className: "h-5 w-16 animate-shimmer"
+				}),
+				isShop && contractType === ContractType.ERC1155 && /* @__PURE__ */ jsx(Skeleton, {
+					size: "lg",
+					className: "h-6 w-20 animate-shimmer"
+				})
+			]
 		})]
 	});
 }
 
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/components/BaseCard.tsx
-function BaseCard({ isLoading, name, image, video, animationUrl, onClick, onKeyDown, assetSrcPrefixUrl, children, mediaClassName }) {
-	if (isLoading) return /* @__PURE__ */ jsx(MarketplaceCollectibleCardSkeleton, {});
+function BaseCard({ name, image, video, animationUrl, onClick, onKeyDown, assetSrcPrefixUrl, children, mediaClassName, cardLoading, contractType, isShop }) {
+	if (cardLoading) return /* @__PURE__ */ jsx(MarketplaceCollectibleCardSkeleton, {
+		contractType,
+		isShop
+	});
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "collectible-card",
 		className: "w-card-width min-w-card-min-width overflow-hidden rounded-xl border border-border-base bg-background-primary focus-visible:border-border-focus focus-visible:shadow-focus-ring focus-visible:outline-focus active:border-border-focus active:shadow-active-ring",
@@ -12241,7 +12148,7 @@ function BaseCard({ isLoading, name, image, video, animationUrl, onClick, onKeyD
 						animationUrl
 					],
 					assetSrcPrefixUrl,
-					mediaClassname: cn$1("object-contain", mediaClassName)
+					mediaClassname: cn("object-contain", mediaClassName)
 				}), children]
 			})
 		})
@@ -12249,75 +12156,58 @@ function BaseCard({ isLoading, name, image, video, animationUrl, onClick, onKeyD
 }
 
 //#endregion
-//#region src/react/ui/components/marketplace-collectible-card/Footer.tsx
-const formatPrice = (amount, currency) => {
-	const { formattedNumber, isUnderflow, isOverflow } = formatPriceNumber(amount, currency.decimals);
-	const isFree = amount === "0";
-	if (isFree) return /* @__PURE__ */ jsx(Text, { children: "Free" });
-	if (isUnderflow) return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center",
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-3 w-3 text-text-100" }), /* @__PURE__ */ jsx(Text, { children: `${formattedNumber} ${currency.symbol}` })]
+//#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 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 }
 	});
-	if (isOverflow) return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center",
-		children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-text-100" }), /* @__PURE__ */ jsx(Text, { children: `${formattedNumber} ${currency.symbol}` })]
+	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
+		chainId,
+		currencyAddress: lowestListing?.priceCurrencyAddress,
+		query: { enabled: isMarket && !!lowestListing?.priceCurrencyAddress }
 	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex items-center gap-1",
-		children: /* @__PURE__ */ jsxs(Text, { children: [
-			formattedNumber,
-			" ",
-			currency.symbol
-		] })
-	});
-};
-const Footer = ({ name, type, decimals, onOfferClick, highestOffer, lowestListingPriceAmount, lowestListingCurrency, balance, quantityInitial, quantityRemaining, unlimitedSupply, marketplaceType, salePriceAmount, salePriceCurrency }) => {
-	const listed = !!lowestListingPriceAmount && !!lowestListingCurrency;
-	const isShop = marketplaceType === "shop";
-	const isMarketplace = marketplaceType === "market";
-	const displayName = (() => {
-		if (name.length > 15 && highestOffer && !isShop) return `${name.substring(0, 13)}...`;
-		if (name.length > 17 && !highestOffer && !isShop) return `${name.substring(0, 17)}...`;
-		return name;
-	})();
+	const listed = !!lowestListing?.priceAmount && !!lowestListing?.priceCurrencyAddress;
+	const isPriceLoading = isMarket && (isLowestListingLoading || !!lowestListing?.priceCurrencyAddress && isCurrencyLoading);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative flex flex-col items-start gap-2 whitespace-nowrap bg-background-primary p-4",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "relative flex w-full items-center justify-between",
-				children: [/* @__PURE__ */ jsx(Text, {
-					className: cn$1("overflow-hidden text-ellipsis text-left font-body font-bold text-sm text-text-100", isShop && (quantityInitial === void 0 || quantityRemaining === void 0) && "text-text-50"),
-					children: displayName || "Untitled"
-				}), highestOffer && onOfferClick && !isShop && /* @__PURE__ */ jsx(IconButton, {
-					className: "absolute top-0 right-0 h-[22px] w-[22px] hover:animate-bell-ring",
-					size: "xs",
-					variant: "primary",
-					onClick: (e) => {
-						onOfferClick?.(e);
-					},
-					icon: (props) => /* @__PURE__ */ jsx(BellIcon_default, {
-						...props,
-						size: "xs"
-					})
-				})]
+			/* @__PURE__ */ jsx(FooterName, {
+				name,
+				isShop,
+				highestOffer,
+				onOfferClick,
+				quantityInitial,
+				quantityRemaining,
+				balance
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: cn$1("flex items-center gap-1", isShop && !salePriceAmount && "hidden", isShop && type === ContractType.ERC721 && "hidden"),
-				children: [(isMarketplace && listed && lowestListingCurrency?.imageUrl || isShop && salePriceCurrency && salePriceCurrency.imageUrl) && /* @__PURE__ */ jsx(Image, {
-					alt: lowestListingCurrency?.symbol || salePriceCurrency?.symbol,
-					className: "h-3 w-3",
-					src: lowestListingCurrency?.imageUrl || salePriceCurrency?.imageUrl,
-					onError: (e) => {
-						e.currentTarget.style.display = "none";
-					}
-				}), /* @__PURE__ */ jsxs(Text, {
-					className: cn$1("text-left font-body font-bold text-sm", listed && isMarketplace ? "text-text-100" : "text-text-50", isShop && salePriceAmount && salePriceCurrency && type === ContractType.ERC1155 && "text-text-100"),
-					children: [
-						listed && isMarketplace && formatPrice(lowestListingPriceAmount, lowestListingCurrency),
-						!listed && isMarketplace && "Not listed yet",
-						isShop && salePriceAmount && salePriceCurrency && type === ContractType.ERC1155 && formatPrice(salePriceAmount, salePriceCurrency)
-					]
-				})]
+				className: cn$1("flex items-center gap-1", isShop && type === ContractType.ERC721 && "hidden"),
+				children: [
+					isPriceLoading && /* @__PURE__ */ jsx(Skeleton, {
+						size: "sm",
+						className: "h-5 w-20 animate-shimmer"
+					}),
+					!isPriceLoading && listed && isMarket && lowestListing && currency && /* @__PURE__ */ jsx(PriceDisplay, {
+						amount: lowestListing.priceAmount,
+						currency,
+						className: "text-text-100"
+					}),
+					!isPriceLoading && !listed && isMarket && /* @__PURE__ */ jsx(Text, {
+						className: "text-left font-body font-bold text-sm text-text-50",
+						children: "Not listed yet"
+					}),
+					isShop && salePriceAmount && salePriceCurrency && type === ContractType.ERC1155 && /* @__PURE__ */ jsx(PriceDisplay, {
+						amount: salePriceAmount,
+						currency: salePriceCurrency,
+						className: "text-text-100"
+					})
+				]
 			}),
 			isShop && /* @__PURE__ */ jsx(SaleDetailsPill, {
 				quantityRemaining,
@@ -12325,7 +12215,7 @@ const Footer = ({ name, type, decimals, onOfferClick, highestOffer, lowestListin
 				unlimitedSupply
 			}),
 			isShop && !salePriceAmount && /* @__PURE__ */ jsx("div", { className: "h-5 w-full" }),
-			isMarketplace && /* @__PURE__ */ jsx(TokenTypeBalancePill, {
+			(isMarket || isInventoryNonTradable) && /* @__PURE__ */ jsx(TokenTypeBalancePill, {
 				balance,
 				type,
 				decimals
@@ -12333,22 +12223,24 @@ const Footer = ({ name, type, decimals, onOfferClick, highestOffer, lowestListin
 		]
 	});
 };
-const TokenTypeBalancePill = ({ balance, type, decimals }) => {
-	const displayText = type === ContractType.ERC1155 ? balance ? `Owned: ${formatUnits(BigInt(balance), decimals ?? 0)}` : "ERC-1155" : "ERC-721";
-	return /* @__PURE__ */ jsx(Text, {
-		className: "rounded-lg bg-background-secondary px-2 py-1 text-left font-medium text-text-80 text-xs",
-		children: displayText
-	});
-};
-const SaleDetailsPill = ({ quantityRemaining, collectionType, unlimitedSupply }) => {
-	const supplyText = getSupplyStatusText({
-		quantityRemaining,
-		collectionType,
-		unlimitedSupply
-	});
-	return /* @__PURE__ */ jsx(Text, {
-		className: "rounded-lg bg-background-secondary px-2 py-1 text-left font-medium text-text-80 text-xs",
-		children: supplyText
+const NonTradableInventoryFooter = ({ name, balance, decimals, type }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex flex-col items-start gap-2 whitespace-nowrap bg-background-primary p-4",
+		children: [
+			/* @__PURE__ */ jsx(FooterName, { name }),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-1",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-left font-body font-bold text-sm text-text-50",
+					children: "Not listed yet"
+				})
+			}),
+			/* @__PURE__ */ jsx(TokenTypeBalancePill, {
+				balance,
+				type,
+				decimals
+			})
+		]
 	});
 };
 
@@ -12357,12 +12249,6 @@ const SaleDetailsPill = ({ quantityRemaining, collectionType, unlimitedSupply })
 function MarketCard({ collectibleId, chainId, collectionAddress, collectionType, assetSrcPrefixUrl, cardLoading, orderbookKind, collectible, onCollectibleClick, onOfferClick, balance, balanceIsLoading = false, onCannotPerformAction, prioritizeOwnerActions }) {
 	const collectibleMetadata = collectible?.metadata;
 	const highestOffer = collectible?.offer;
-	const { data: lowestListingCurrency, isLoading: lowestListingCurrencyLoading } = useCurrency({
-		chainId,
-		currencyAddress: collectible?.listing?.priceCurrencyAddress,
-		query: { enabled: !!collectible?.listing?.priceCurrencyAddress }
-	});
-	const isLoading = cardLoading || lowestListingCurrencyLoading;
 	if (!collectibleMetadata) {
 		console.error("Collectible metadata is undefined");
 		return null;
@@ -12379,15 +12265,19 @@ function MarketCard({ collectibleId, chainId, collectionAddress, collectionType,
 		collectionType,
 		assetSrcPrefixUrl,
 		cardLoading,
-		marketplaceType: "market",
-		isLoading,
+		cardType: "market",
 		name: collectibleMetadata.name || "",
 		image: collectibleMetadata.image,
 		video: collectibleMetadata.video,
 		animationUrl: collectibleMetadata.animation_url,
+		contractType: collectionType,
+		isShop: false,
 		onClick: () => onCollectibleClick?.(collectibleId),
 		onKeyDown: handleKeyDown,
 		children: [/* @__PURE__ */ jsx(Footer, {
+			chainId,
+			collectionAddress,
+			collectibleId,
 			name: collectibleMetadata.name || "",
 			type: collectionType,
 			onOfferClick: (e) => onOfferClick?.({
@@ -12395,15 +12285,13 @@ function MarketCard({ collectibleId, chainId, collectionAddress, collectionType,
 				e
 			}),
 			highestOffer,
-			lowestListingPriceAmount: collectible?.listing?.priceAmount,
-			lowestListingCurrency,
 			balance,
 			decimals: collectibleMetadata.decimals,
 			quantityInitial: highestOffer?.quantityInitial !== void 0 ? highestOffer.quantityInitial : collectible?.listing?.quantityInitial !== void 0 ? collectible.listing.quantityInitial : void 0,
 			quantityRemaining: highestOffer?.quantityRemaining !== void 0 ? highestOffer.quantityRemaining : collectible?.listing?.quantityRemaining !== void 0 ? collectible.listing.quantityRemaining : void 0,
-			marketplaceType: "market"
+			cardType: "market"
 		}), /* @__PURE__ */ jsx(ActionButtonWrapper, {
-			show: showActionButton,
+			show: showActionButton ?? false,
 			chainId,
 			collectionAddress,
 			tokenId: collectibleId,
@@ -12413,21 +12301,45 @@ function MarketCard({ collectibleId, chainId, collectionAddress, collectionType,
 			lowestListing: collectible?.listing,
 			owned: !!balance,
 			onCannotPerformAction,
-			marketplaceType: "market",
+			cardType: "market",
 			prioritizeOwnerActions
 		})]
 	});
 }
 
+//#endregion
+//#region src/react/ui/components/marketplace-collectible-card/variants/NonTradableInventoryCard.tsx
+function NonTradableInventoryCard({ collectibleId, chainId, collectionAddress, collectionType, assetSrcPrefixUrl, cardLoading, balance, balanceIsLoading, collectibleMetadata }) {
+	return /* @__PURE__ */ jsx(BaseCard, {
+		collectibleId,
+		image: collectibleMetadata.image,
+		video: collectibleMetadata.video,
+		animationUrl: collectibleMetadata.animation_url,
+		chainId,
+		collectionAddress,
+		collectionType,
+		assetSrcPrefixUrl,
+		cardLoading: cardLoading || balanceIsLoading,
+		contractType: collectionType,
+		isShop: false,
+		name: collectibleMetadata.name,
+		children: /* @__PURE__ */ jsx(NonTradableInventoryFooter, {
+			name: collectibleMetadata.name || "",
+			type: collectionType,
+			balance,
+			decimals: collectibleMetadata.decimals
+		})
+	});
+}
+
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/variants/ShopCard.tsx
-function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, assetSrcPrefixUrl, cardLoading, marketplaceType, salesContractAddress, tokenMetadata, salePrice, quantityDecimals, quantityInitial, quantityRemaining, unlimitedSupply }) {
+function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, assetSrcPrefixUrl, cardLoading, cardType, salesContractAddress, tokenMetadata, salePrice, quantityDecimals, quantityInitial, quantityRemaining, unlimitedSupply }) {
 	const { data: saleCurrency, isLoading: saleCurrencyLoading } = useCurrency({
 		chainId,
 		currencyAddress: salePrice?.currencyAddress,
 		query: { enabled: !!salePrice?.currencyAddress && !!salesContractAddress && collectionType === ContractType.ERC1155 }
 	});
-	const isLoading = cardLoading || saleCurrencyLoading;
 	if (!tokenMetadata || !salePrice) {
 		console.error("Token metadata or sale price is undefined", {
 			tokenMetadata,
@@ -12437,29 +12349,33 @@ function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, a
 	}
 	const showActionButton = salesContractAddress && collectionType === ContractType.ERC1155 && (unlimitedSupply || quantityRemaining !== void 0 && Number(quantityRemaining) > 0);
 	const action = CollectibleCardAction.BUY;
-	const mediaClassName = quantityRemaining === "0" || quantityRemaining === void 0 ? "opacity-50" : "opacity-100";
+	const mediaClassName = unlimitedSupply ? "opacity-100" : quantityRemaining === "0" || quantityRemaining === void 0 ? "opacity-50" : "opacity-100";
 	return /* @__PURE__ */ jsxs(BaseCard, {
 		collectibleId,
 		chainId,
 		collectionAddress,
 		collectionType,
 		assetSrcPrefixUrl,
-		cardLoading,
-		marketplaceType,
-		isLoading,
+		cardLoading: cardLoading || saleCurrencyLoading,
+		cardType,
 		name: tokenMetadata.name || "",
 		image: tokenMetadata.image,
 		video: tokenMetadata.video,
 		animationUrl: tokenMetadata.animation_url,
 		mediaClassName,
+		contractType: collectionType,
+		isShop: true,
 		children: [/* @__PURE__ */ jsx(Footer, {
+			chainId,
+			collectionAddress,
+			collectibleId,
 			name: tokenMetadata.name || "",
 			type: collectionType,
 			decimals: tokenMetadata.decimals,
 			quantityInitial,
 			quantityRemaining,
 			unlimitedSupply,
-			marketplaceType,
+			cardType,
 			salePriceAmount: salePrice?.amount,
 			salePriceCurrency: saleCurrency
 		}), /* @__PURE__ */ jsx(ActionButtonWrapper, {
@@ -12469,7 +12385,7 @@ function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, a
 			tokenId: collectibleId,
 			action,
 			owned: false,
-			marketplaceType,
+			cardType,
 			salesContractAddress,
 			salePrice,
 			quantityDecimals,
@@ -12482,13 +12398,13 @@ function ShopCard({ collectibleId, chainId, collectionAddress, collectionType, a
 //#endregion
 //#region src/react/ui/components/marketplace-collectible-card/CollectibleCard.tsx
 function CollectibleCard(props) {
-	switch (props.marketplaceType) {
+	switch (props.cardType) {
 		case "shop": return /* @__PURE__ */ jsx(ShopCard, { ...props });
-		case "market":
-		default: return /* @__PURE__ */ jsx(MarketCard, { ...props });
+		case "market": return /* @__PURE__ */ jsx(MarketCard, { ...props });
+		case "inventory-non-tradable": return /* @__PURE__ */ jsx(NonTradableInventoryCard, { ...props });
 	}
 }
 
 //#endregion
-export { ActionModal, CollectibleCard, DatabeatAnalytics, MarketplaceProvider, MarketplaceQueryClientProvider, MarketplaceSdkContext, Media, ModalProvider, collectionDetailsPollingOptions, generateCancelTransaction, generateListingTransaction, generateOfferTransaction, generateSellTransaction, listOffersForCollectibleOptions, useAnalytics, useAutoSelectFeeOption, useBalanceOfCollectible, useBuyModal, useCancelOrder, useCancelTransactionSteps, useCheckoutOptions$1 as useCheckoutOptions, useCheckoutOptionsSalesContract, useCollectible, useCollection, useCollectionBalanceDetails, useCollectionDetails, useCollectionDetailsPolling, useComparePrices, useConfig, useConnectorMetadata, useConvertPriceToUSD, useCountListingsForCollectible, useCountOfCollectables, useCountOfPrimarySaleItems, useCountOffersForCollectible, useCreateListingModal, useCurrency, useEnsureCorrectChain, useErc721SaleDetails, useFilterState, useFilters, useFiltersProgressive, useFloorOrder, useGenerateCancelTransaction, useGenerateListingTransaction, useGenerateOfferTransaction, useGenerateSellTransaction, useGetCountOfPrimarySaleItems, useGetReceiptFromHash, useGetTokenRanges, useHighestOffer, useInventory, useList1155ShopCardData, useList721ShopCardData, useListBalances, useListCollectibleActivities, useListCollectibles, useListCollectiblesPaginated, useListCollectionActivities, useListCollections, useListListingsForCollectible, useListMarketCardData, useListOffersForCollectible, useListPrimarySaleItems, useListTokenMetadata, useLowestListing, useMakeOfferModal, useMarketCurrencies, useMarketplaceConfig, useOpenConnectModal$1 as useOpenConnectModal, useOrderSteps, useProcessStep, useRoyalty, useSearchTokenMetadata, useSellModal, useSuccessfulPurchaseModal, useSwitchChainWithModal, useTokenSupplies, useTransferModal, useTransferTokens };
-//# sourceMappingURL=react-Ceq8mamy.js.map
+export { ActionModal, CollectibleCard, DatabeatAnalytics, Footer, MarketplaceProvider, MarketplaceQueryClientProvider, MarketplaceSdkContext, Media, ModalProvider, NonTradableInventoryFooter, collectionDetailsPollingOptions, generateCancelTransaction, generateListingTransaction, generateOfferTransaction, generateSellTransaction, useAnalytics, useAutoSelectFeeOption, useBalanceOfCollectible, useBuyModal, useCancelOrder, useCancelTransactionSteps, useCheckoutOptions$1 as useCheckoutOptions, useCheckoutOptionsSalesContract, useCollectible, useCollection, useCollectionBalanceDetails, useCollectionDetails, useCollectionDetailsPolling, useComparePrices, useConfig, useConnectorMetadata, useConvertPriceToUSD, useCountListingsForCollectible, useCountOfCollectables, useCountOfPrimarySaleItems, useCountOffersForCollectible, useCreateListingModal, useCurrency, useEnsureCorrectChain, useErc721SaleDetails, useFilterState, useFilters, useFiltersProgressive, useFloorOrder, useGenerateCancelTransaction, useGenerateListingTransaction, useGenerateOfferTransaction, useGenerateSellTransaction, useGetCountOfPrimarySaleItems, useGetReceiptFromHash, useGetTokenRanges, useHighestOffer, useInventory, useList1155ShopCardData, useList721ShopCardData, useListBalances, useListCollectibleActivities, useListCollectibles, useListCollectiblesPaginated, useListCollectionActivities, useListCollections, useListListingsForCollectible, useListMarketCardData, useListOffersForCollectible, useListPrimarySaleItems, useListTokenMetadata, useLowestListing, useMakeOfferModal, useMarketCurrencies, useMarketplaceConfig, useOpenConnectModal$1 as useOpenConnectModal, useOrderSteps, useProcessStep, useRoyalty, useSearchTokenMetadata, useSellModal, useSuccessfulPurchaseModal, useTokenSupplies, useTransferModal, useTransferTokens };
+//# sourceMappingURL=react-BLJ4DkPx.js.map