@0xsequence/marketplace-sdk 2.0.1 → 2.0.2

package/dist/react.js

@@ -1,13 +1,13 @@
 'use client'
 
 import { n as SEQUENCE_MARKET_V1_ADDRESS, r as SEQUENCE_MARKET_V2_ADDRESS, t as DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from "./consts.js";
-import { S as WalletKind, c as CollectionStatus, d as MarketplaceKind, f as MetadataStatus, g as OrderbookKind, m as OrderSide, p as OfferType, s as isTransactionStep, t as ContractType$1, u as ExecuteType, y as StepType } from "./dist.js";
+import { f as ExecuteType, g as OrderSide, h as OfferType, l as isTransactionStep, m as MetadataStatus, o as findApprovalStep, p as MarketplaceKind, s as findBuyStep, t as ContractType$1, u as CollectionStatus, v as OrderbookKind, w as WalletKind, x as StepType } from "./dist.js";
 import { a as TransactionSignatureError, i as TransactionExecutionError$1, o as UserRejectedRequestError$1, r as NoWalletConnectedError, s as BaseError$1, t as ChainSwitchError } from "./transaction.js";
 import { i as TransactionType$2, t as CollectibleCardAction } from "./types.js";
 import { n as SequenceMarketplaceV1_ABI, r as EIP2981_ABI } from "./marketplace.js";
 import { i as ERC721_SALE_ABI_V0, r as ERC721_SALE_ABI_V1 } from "./primary-sale.js";
 import { i as ERC20_ABI, n as ERC1155_ABI, r as ERC721_ABI } from "./token.js";
-import { a as formatPriceWithFee, c as findMarketCollection, i as formatPrice, l as cn$1, o as validateOpenseaOfferDecimals, r as calculateTotalOfferCost, t as calculateEarningsAfterFees, u as compareAddress } from "./utils.js";
+import { a as formatPriceWithFee, c as isOpenSeaOrderbook, d as findMarketCollection, f as cn$1, i as formatPrice, l as normalizeMarketplaceKind, o as validateOpenseaOfferDecimals, p as compareAddress, r as calculateTotalOfferCost, t as calculateEarningsAfterFees, u as normalizeOrderbookKind } from "./utils.js";
 import { n as getPresentableChainName } from "./network.js";
 import { c as getSequenceNodeGatewayUrl, g as getQueryClient, l as getTrailsApiUrl, n as getIndexerClient, o as getSequenceApiUrl, r as getMarketplaceClient, s as getSequenceIndexerUrl } from "./api.js";
 import { a as PROVIDER_ID, r as buildQueryOptions, t as TransactionType$1 } from "./_internal.js";
@@ -34,7 +34,7 @@ import { n as expirationDateSelect_default } from "./expirationDateSelect.js";
 import { t as currencyImage_default } from "./currencyImage.js";
 import { t as useERC20Allowance } from "./hooks2.js";
 import { ContractVerificationStatus } from "@0xsequence/indexer";
-import { ChainNotConfiguredError, ConnectorAccountNotFoundError, ConnectorAlreadyConnectedError, ConnectorChainMismatchError, ConnectorNotFoundError, ConnectorUnavailableReconnectingError, ProviderNotFoundError, SwitchChainNotSupportedError, WagmiProviderNotFoundError, useAccount, useBalance, useChainId, useConnections, usePublicClient, useReadContract, useReadContracts, useSendTransaction, useSignMessage, useSignTypedData, useSwitchChain, useWalletClient, useWriteContract } from "wagmi";
+import { ChainNotConfiguredError, ConnectorAccountNotFoundError, ConnectorAlreadyConnectedError, ConnectorChainMismatchError, ConnectorNotFoundError, ConnectorUnavailableReconnectingError, ProviderNotFoundError, SwitchChainNotSupportedError, WagmiProviderNotFoundError, useAccount, useBalance, useChainId, useConfig, useConnections, usePublicClient, useReadContract, useReadContracts, useSendTransaction, useSignMessage, useSignTypedData, useSwitchChain, useWalletClient, useWriteContract } from "wagmi";
 import { sendTransactions, useChain, useOpenConnectModal, useWaasFeeOptions } from "@0xsequence/connect";
 import { Component, createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Button, CartIcon, CheckmarkIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Dialog, DialogContent, DialogOverlay, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuTrigger, Field, FieldLabel, Image, InfoIcon, Modal, NetworkImage, NumericInput, Select, Separator, Skeleton, Spinner, Text, TextInput, ThemeProvider, TokenImage, Tooltip, WarningIcon, cn } from "@0xsequence/design-system";
@@ -48,8 +48,9 @@ import { useSelector } from "@xstate/store/react";
 import { avalanche, optimism } from "viem/chains";
 import { readContract } from "viem/actions";
 import { SequenceCheckoutProvider, useSelectPaymentModal } from "@0xsequence/checkout";
-import { TrailsWidget } from "0xtrails/widget";
-import { useSupportedChains } from "0xtrails";
+import { wagmiAdapter } from "@0xtrails/adapter-wagmi";
+import { TrailsProvider, TrailsWidget } from "0xtrails/widget";
+import { buildErc20Approve, encodeDestinationCalls, self, useSupportedChains } from "0xtrails";
 import { createPortal } from "react-dom";
 
 //#region src/utils/_internal/error/context.ts
@@ -149,7 +150,7 @@ function AnalyticsProvider({ config, children }) {
 //#endregion
 //#region src/react/providers/theme-provider.tsx
 const ThemeProvider$1 = ({ children, theme, root }) => {
-	const { shadowDom } = useConfig();
+	const { shadowDom } = useConfig$1();
 	if (!shadowDom) return /* @__PURE__ */ jsx(ThemeProvider, {
 		defaultTheme: theme,
 		root,
@@ -212,7 +213,7 @@ function MarketplaceProviderWithSequenceConnect({ config, children, analytics })
 
 //#endregion
 //#region src/react/hooks/config/useConfig.tsx
-function useConfig() {
+function useConfig$1() {
 	const context = useContext(MarketplaceSdkContext);
 	if (!context) throw new MarketplaceSdkProviderNotFoundError();
 	return context;
@@ -264,7 +265,7 @@ function useConfig() {
 */
 function usePrimarySaleCheckoutOptions(params) {
 	const { address } = useAccount();
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	return useQuery({ ...primarySaleCheckoutOptionsQueryOptions(params === skipToken || !address ? {
 		config: defaultConfig,
 		walletAddress: address ?? zeroAddress,
@@ -303,7 +304,7 @@ function usePrimarySaleCheckoutOptions(params) {
 * ```
 */
 function useCollectibleBalance(args) {
-	const config = useConfig();
+	const config = useConfig$1();
 	return useQuery(balanceOfCollectibleOptions({
 		...args,
 		config
@@ -434,7 +435,7 @@ const useErc721SaleDetailsV1 = ({ chainId, salesContractAddress, itemsContractAd
 * ```
 */
 function useCollectibleMarketCount(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...countOfCollectablesQueryOptions({
 		config,
@@ -483,7 +484,7 @@ function useCollectibleMarketCount(params) {
 * ```
 */
 function useCollectibleMarketHighestOffer(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...highestOfferQueryOptions({
 		config,
@@ -535,7 +536,7 @@ function useCollectibleMarketHighestOffer(params) {
 * ```
 */
 function useCollectibleMarketList(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useInfiniteQuery({ ...listCollectiblesQueryOptions({
 		config,
@@ -606,7 +607,7 @@ function useCollectibleMarketList(params) {
 * ```
 */
 function useCollectibleMarketListPaginated(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...listCollectiblesPaginatedQueryOptions({
 		config,
@@ -671,7 +672,7 @@ function useCollectibleMarketListPaginated(params) {
 * ```
 */
 function useCollectibleMarketListings(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...listListingsForCollectibleQueryOptions({
 		config,
@@ -718,7 +719,7 @@ function useCollectibleMarketListings(params) {
 * ```
 */
 function useCollectibleMarketListingsCount(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...countListingsForCollectibleQueryOptions({
 		config,
@@ -767,7 +768,7 @@ function useCollectibleMarketListingsCount(params) {
 * ```
 */
 function useCollectibleMarketLowestListing(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...lowestListingQueryOptions({
 		config,
@@ -816,7 +817,7 @@ function useCollectibleMarketLowestListing(params) {
 * ```
 */
 function useCollectibleMarketOffers(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...listOffersForCollectibleQueryOptions({
 		config,
@@ -863,7 +864,7 @@ function useCollectibleMarketOffers(params) {
 * ```
 */
 function useCollectibleMarketOffersCount(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...countOffersForCollectibleQueryOptions({
 		config,
@@ -912,7 +913,7 @@ function useCollectibleMarketOffersCount(params) {
 * ```
 */
 function useCollectibleMetadata(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...collectibleQueryOptions({
 		config,
@@ -959,7 +960,7 @@ function useCollectibleMetadata(params) {
 * ```
 */
 function usePrimarySaleItem(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...primarySaleItemQueryOptions({
 		config,
@@ -1008,7 +1009,7 @@ function usePrimarySaleItem(params) {
 * ```
 */
 function usePrimarySaleItems(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useInfiniteQuery(primarySaleItemsQueryOptions({
 		config,
@@ -1019,7 +1020,7 @@ function usePrimarySaleItems(params) {
 //#endregion
 //#region src/react/hooks/collectible/primary-sale-items-count.tsx
 function usePrimarySaleItemsCount(args) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = args;
 	return useQuery(primarySaleItemsCountQueryOptions({
 		config,
@@ -1049,7 +1050,7 @@ function usePrimarySaleItemsCount(args) {
 * ```
 */
 function useCollectibleTokenBalances(args) {
-	const config = useConfig();
+	const config = useConfig$1();
 	return useQuery(tokenBalancesOptions({
 		...args,
 		config
@@ -1110,7 +1111,7 @@ function useCollectibleTokenBalances(args) {
 * ```
 */
 function useCollectionBalanceDetails(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...collectionBalanceDetailsQueryOptions({
 		config,
@@ -1121,7 +1122,7 @@ function useCollectionBalanceDetails(params) {
 //#endregion
 //#region src/react/hooks/config/useMarketplaceConfig.tsx
 const useMarketplaceConfig = () => {
-	return useQuery(marketplaceConfigOptions(useConfig()));
+	return useQuery(marketplaceConfigOptions(useConfig$1()));
 };
 
 //#endregion
@@ -1166,7 +1167,7 @@ const useMarketplaceConfig = () => {
 * ```
 */
 function useCollectionList(params = {}) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { data: marketplaceConfig } = useMarketplaceConfig();
 	const { config = defaultConfig, marketplaceConfig: paramMarketplaceConfig, ...rest } = params;
 	return useQuery({ ...listCollectionsQueryOptions({
@@ -1208,13 +1209,13 @@ const collectionMarketDetailPollingOptions = (args, config) => {
 	});
 };
 const useCollectionMarketDetailPolling = (args) => {
-	return useQuery(collectionMarketDetailPollingOptions(args, useConfig()));
+	return useQuery(collectionMarketDetailPollingOptions(args, useConfig$1()));
 };
 
 //#endregion
 //#region src/react/hooks/collection/market-filtered-count.tsx
 function useCollectionMarketFilteredCount(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...getCountOfFilteredOrdersQueryOptions({
 		config,
@@ -1264,7 +1265,7 @@ function useCollectionMarketFilteredCount(params) {
 * ```
 */
 function useCollectionMarketFloor(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...floorOrderQueryOptions({
 		config,
@@ -1322,7 +1323,7 @@ function useCollectionMarketFloor(params) {
 * ```
 */
 function useCollectionMarketItems(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useInfiniteQuery({ ...listItemsOrdersForCollectionQueryOptions({
 		config,
@@ -1384,7 +1385,7 @@ function useCollectionMarketItems(params) {
 * ```
 */
 function useCollectionMarketItemsCount(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...countItemsOrdersForCollectionQueryOptions({
 		config,
@@ -1456,7 +1457,7 @@ function useCollectionMarketItemsCount(params) {
 * ```
 */
 function useCollectionMarketItemsPaginated(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...listItemsOrdersForCollectionPaginatedQueryOptions({
 		config,
@@ -1502,7 +1503,7 @@ function useCollectionMarketItemsPaginated(params) {
 * ```
 */
 function useCollectionMetadata(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...collectionQueryOptions({
 		config,
@@ -1579,7 +1580,7 @@ function collectionActiveListingsCurrenciesQueryOptions(params) {
 * ```
 */
 function useCollectionActiveListingsCurrencies(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...collectionActiveListingsCurrenciesQueryOptions({
 		config,
@@ -1656,7 +1657,7 @@ function collectionActiveOffersCurrenciesQueryOptions(params) {
 * ```
 */
 function useCollectionActiveOffersCurrencies(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...collectionActiveOffersCurrenciesQueryOptions({
 		config,
@@ -1716,7 +1717,7 @@ function useCollectionActiveOffersCurrencies(params) {
 * ```
 */
 function useCurrencyComparePrices(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...comparePricesQueryOptions({
 		config,
@@ -1771,7 +1772,7 @@ function useCurrencyComparePrices(params) {
 * ```
 */
 function useCurrencyConvertToUSD(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...convertPriceToUSDQueryOptions({
 		config,
@@ -1816,7 +1817,7 @@ function useCurrencyConvertToUSD(params) {
 * ```
 */
 function useCurrency(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...currencyQueryOptions({
 		config,
@@ -1858,7 +1859,7 @@ function useCurrency(params) {
 * ```
 */
 function useCurrencyList(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...marketCurrenciesQueryOptions({
 		config,
@@ -1869,7 +1870,7 @@ function useCurrencyList(params) {
 //#endregion
 //#region src/react/hooks/inventory/inventory.tsx
 function useInventory(args) {
-	const config = useConfig();
+	const config = useConfig$1();
 	return useQuery(inventoryOptions({
 		...args,
 		config
@@ -1919,7 +1920,7 @@ function useInventory(args) {
 * ```
 */
 function useTokenBalances(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useInfiniteQuery(listBalancesOptions({
 		config,
@@ -2069,7 +2070,7 @@ function useTokenCurrencyBalance(args) {
 * ```
 */
 function useTokenMetadata(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...listTokenMetadataQueryOptions({
 		config,
@@ -2148,7 +2149,7 @@ function useTokenMetadata(params) {
 * ```
 */
 function useTokenMetadataSearch(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, onlyMinted, ...rest } = params;
 	const { data: suppliesData, hasNextPage: hasNextSuppliesPage, isFetching: isSuppliesFetching, isLoading: isSuppliesLoading, error: suppliesError, fetchNextPage: fetchNextSuppliesPage } = useInfiniteQuery(tokenSuppliesQueryOptions({
 		chainId: params.chainId,
@@ -2246,7 +2247,7 @@ function useTokenMetadataSearch(params) {
 * ```
 */
 function useTokenRanges(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...getTokenRangesQueryOptions({
 		config,
@@ -2686,17 +2687,11 @@ function createFeeGuard(params) {
 * https://etherscan.io/address/0x1e0049783f008a0085193e00003d00cd54003c71
 */
 const OPENSEA_SEAPORT_CONDUIT_ADDRESS = "0x1E0049783F008A0085193E00003D00cd54003c71";
-/**
-* Magic Eden Conduit address
-* https://etherscan.io/address/0x2052f8A2Ff46283B30084e5d84c89A2fdBE7f74b
-*/
-const MAGICEDEN_CONDUIT_ADDRESS = "0x2052f8A2Ff46283B30084e5d84c89A2fdBE7f74b";
 function getConduitAddressForOrderbook(orderbookKind) {
-	switch (orderbookKind) {
+	switch (normalizeOrderbookKind(orderbookKind)) {
 		case OrderbookKind.sequence_marketplace_v1: return SEQUENCE_MARKET_V1_ADDRESS;
 		case OrderbookKind.sequence_marketplace_v2: return SEQUENCE_MARKET_V2_ADDRESS;
 		case OrderbookKind.opensea: return OPENSEA_SEAPORT_CONDUIT_ADDRESS;
-		case OrderbookKind.magic_eden: return MAGICEDEN_CONDUIT_ADDRESS;
 		default: return SEQUENCE_MARKET_V2_ADDRESS;
 	}
 }
@@ -2899,7 +2894,7 @@ const useConnectorMetadata = () => {
 //#endregion
 //#region src/react/ui/modals/_internal/components/transactionStatusModal/hooks/useTransactionStatus.ts
 const useTransactionStatus = (hash, chainId) => {
-	const sdkConfig = useConfig();
+	const sdkConfig = useConfig$1();
 	const [status, setStatus] = useState(hash ? "PENDING" : "SUCCESS");
 	const { data: confirmationResult, error } = useQuery({
 		queryKey: [
@@ -3139,7 +3134,7 @@ const useSellModalState = () => {
 //#endregion
 //#region src/react/ui/modals/SellModal/internal/sell-mutations.ts
 const useSellMutations = ({ tx, collectionAddress, chainId, contractType, orderbookKind, nftApprovalEnabled }) => {
-	const sdkConfig = useConfig();
+	const sdkConfig = useConfig$1();
 	const { show: showTxModal } = useTransactionStatusModal();
 	const analytics = useAnalytics();
 	const state = useSellModalState();
@@ -3268,7 +3263,7 @@ const generateSellTransaction$1 = async (args, config) => {
 	};
 };
 const useGenerateSellTransaction$1 = (params) => {
-	const client = useConfig();
+	const client = useConfig$1();
 	const { chainId, collectionAddress, seller, marketplace, ordersData } = params;
 	const enabled = !!chainId && !!collectionAddress && !!seller && !!marketplace && !!ordersData;
 	const additionalFees = params.additionalFees ? params.additionalFees : [];
@@ -3297,7 +3292,7 @@ const useGenerateSellTransaction$1 = (params) => {
 function useSellModalContext() {
 	const state = useSellModalState();
 	const { address } = useAccount();
-	const config = useConfig();
+	const config = useConfig$1();
 	const collectibleQuery = useCollectibleMetadata({
 		chainId: state.chainId,
 		collectionAddress: state.collectionAddress,
@@ -3694,6 +3689,9 @@ const getWagmiErrorMessage = (error) => {
 //#endregion
 //#region src/utils/getWebRPCErrorMessage.ts
 const getWebRPCErrorMessage = (error) => {
+	const causeMessage = typeof error.cause === "string" ? error.cause : error.cause instanceof Error ? error.cause.message : "";
+	const rawDetails = [error.message, causeMessage].join(" ").toLowerCase();
+	if (rawDetails.includes("outoffund") || rawDetails.includes("out of fund") || rawDetails.includes("insufficient funds") || rawDetails.includes("insufficient balance") || rawDetails.includes("not enough balance")) return "Insufficient balance to complete this transaction.";
 	switch (error.code) {
 		case -1: return "Connection failed. Please check your internet and try again.";
 		case -2: return "Invalid request. Please try again.";
@@ -4248,7 +4246,7 @@ function useCurrencyBalance(args) {
 //#endregion
 //#region src/react/ui/modals/_internal/components/selectWaasFeeOptions/useWaasFeeOptionManager.tsx
 const useWaasFeeOptionManager = (chainId) => {
-	const config = useConfig();
+	const config = useConfig$1();
 	const { address: userAddress } = useAccount();
 	const { selectedFeeOption, setSelectedFeeOption } = useSelectWaasFeeOptionsStore();
 	const { pendingFeeOptionConfirmation, confirmPendingFeeOption, rejectPendingFeeOption } = useWaasFeeOptions$1(chainId, config);
@@ -4829,7 +4827,7 @@ function usePrimarySale721CardData({ primarySaleItemsWithMetadata, chainId, cont
 		chainId,
 		collectionAddress: contractAddress,
 		includeMetadata: true,
-		config: useConfig()
+		config: useConfig$1()
 	}) });
 	useEffect(() => {
 		async function fetchAllPages() {
@@ -5024,7 +5022,7 @@ function usePrimarySale1155CardData({ primarySaleItemsWithMetadata, chainId, con
 * ```
 */
 function useFilters(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...filtersQueryOptions({
 		config,
@@ -5075,7 +5073,7 @@ function useFilters(params) {
 * ```
 */
 function useFiltersProgressive(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	const namesQuery = useQuery(filtersQueryOptions({
 		config,
@@ -5101,7 +5099,7 @@ function useFiltersProgressive(params) {
 //#endregion
 //#region src/react/hooks/ui/useOpenConnectModal.tsx
 const useOpenConnectModal$1 = () => {
-	return { openConnectModal: useConfig().openConnectModal };
+	return { openConnectModal: useConfig$1().openConnectModal };
 };
 
 //#endregion
@@ -5210,7 +5208,7 @@ const useQuantity = () => useSelector(buyModalStore, (state) => state.context.qu
 * This directly calls the marketplace API without using generators
 */
 function useMarketTransactionSteps({ chainId, collectionAddress, buyer, marketplace, orderId, tokenId, quantity, additionalFees = [], enabled = true }) {
-	const config = useConfig();
+	const config = useConfig$1();
 	const queryClient = useQueryClient();
 	const marketplaceClient = useMemo(() => getMarketplaceClient(config), [config]);
 	const useWithTrails = config.checkoutMode === "trails" || config.checkoutMode === void 0;
@@ -5688,9 +5686,10 @@ const useEnsureCorrectChain = () => {
 		closeSwitchChainErrorModal
 	]);
 	const ensureCorrectChainAsync = useCallback(async (targetChainId) => {
-		if (currentChainId === targetChainId) return Promise.resolve();
-		return switchChainAsync({ chainId: targetChainId }).catch(() => {
+		if (currentChainId === targetChainId) return true;
+		return switchChainAsync({ chainId: targetChainId }).then(() => true).catch(() => {
 			showSwitchChainErrorModal({ chainIdToSwitchTo: targetChainId });
+			return false;
 		});
 	}, [
 		currentChainId,
@@ -5725,7 +5724,7 @@ const generateCancelTransaction = async (args, config) => {
 	return getMarketplaceClient(config).generateCancelTransaction(args).then((data) => data.steps);
 };
 const useGenerateCancelTransaction = (params) => {
-	const config = useConfig();
+	const config = useConfig$1();
 	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: (data) => {
 			if (params.onSuccess) params.onSuccess(data);
@@ -5745,7 +5744,7 @@ const useProcessStep = () => {
 	const { sendTransactionAsync } = useSendTransaction();
 	const { signMessageAsync } = useSignMessage();
 	const { signTypedDataAsync } = useSignTypedData();
-	const marketplaceClient = getMarketplaceClient(useConfig());
+	const marketplaceClient = getMarketplaceClient(useConfig$1());
 	const processStep = async (step, chainId) => {
 		if (isTransactionStep(step)) return {
 			type: "transaction",
@@ -5801,7 +5800,7 @@ const useProcessStep = () => {
 const useCancelTransactionSteps = ({ collectionAddress, chainId, setSteps, onSuccess, onError }) => {
 	const { address } = useAccount();
 	const { ensureCorrectChainAsync } = useEnsureCorrectChain();
-	const sdkConfig = useConfig();
+	const sdkConfig = useConfig$1();
 	const { generateCancelTransactionAsync } = useGenerateCancelTransaction({ chainId });
 	const { processStep } = useProcessStep();
 	const getCancelSteps = async ({ orderId, marketplace }) => {
@@ -5823,7 +5822,7 @@ const useCancelTransactionSteps = ({ collectionAddress, chainId, setSteps, onSuc
 		const queryClient = getQueryClient();
 		if (!address) throw new NoWalletConnectedError();
 		try {
-			await ensureCorrectChainAsync(Number(chainId));
+			if (!await ensureCorrectChainAsync(Number(chainId))) return;
 			setSteps((prev) => ({
 				...prev,
 				isExecuting: true
@@ -5969,7 +5968,7 @@ const generateListingTransaction = async (params, config) => {
 	return (await getMarketplaceClient(config).generateListingTransaction(args)).steps;
 };
 const useGenerateListingTransaction = (params) => {
-	const config = useConfig();
+	const config = useConfig$1();
 	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: (data) => {
 			if (params.onSuccess) params.onSuccess(data);
@@ -6001,7 +6000,7 @@ const generateOfferTransaction = async (params, config, walletKind) => {
 	return (await getMarketplaceClient(config).generateOfferTransaction(args)).steps;
 };
 const useGenerateOfferTransaction = (params) => {
-	const config = useConfig();
+	const config = useConfig$1();
 	const { walletKind } = useConnectorMetadata();
 	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: params.onSuccess,
@@ -6023,7 +6022,7 @@ const generateSellTransaction = async (args, config) => {
 	return getMarketplaceClient(config).generateSellTransaction(args).then((data) => data.steps);
 };
 const useGenerateSellTransaction = (params) => {
-	const config = useConfig();
+	const config = useConfig$1();
 	const { mutate, mutateAsync, ...result } = useMutation({
 		onSuccess: (data) => {
 			if (params.onSuccess) params.onSuccess(data);
@@ -6466,7 +6465,7 @@ function ordersQueryOptions(params) {
 * ```
 */
 function useOrders(params) {
-	const defaultConfig = useConfig();
+	const defaultConfig = useConfig$1();
 	const { config = defaultConfig, ...rest } = params;
 	return useQuery({ ...ordersQueryOptions({
 		config,
@@ -6545,1911 +6544,2201 @@ const useBuyModalData = () => {
 };
 
 //#endregion
-//#region src/react/ui/modals/BuyModal/internal/determineCheckoutMode.ts
-function determineCheckoutMode({ checkoutModeConfig, isChainSupported, canBeUsedWithTrails }) {
-	if (checkoutModeConfig === "trails" && isChainSupported && canBeUsedWithTrails) return "trails";
-	if (checkoutModeConfig === "trails" && isChainSupported && !canBeUsedWithTrails) return "crypto";
-	if (checkoutModeConfig === "trails" && !isChainSupported) return "crypto";
-	if (typeof checkoutModeConfig === "object" && checkoutModeConfig.mode === "sequence-checkout") return {
-		mode: "sequence-checkout",
-		options: checkoutModeConfig.options
-	};
-	if (checkoutModeConfig === "crypto") return "crypto";
-}
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/internal/buyModalContext.ts
-function useBuyModalContext() {
-	const config = useConfig();
-	const modalProps = useBuyModalProps();
-	const checkoutModeConfig = config.checkoutMode ?? "trails";
-	const { close } = useBuyModal();
-	const transactionStatusModal = useTransactionStatusModal();
-	const { supportedChains, isLoadingChains } = useSupportedChains();
-	const { collectible, collection, currency, marketOrder, collectionAddress, primarySaleItem, isLoading: isBuyModalDataLoading, isMarket, isShop, error, refetchQueries } = useBuyModalData();
-	const transactionData = useBuyTransaction({
-		modalProps,
-		primarySalePrice: {
-			amount: primarySaleItem?.priceAmount,
-			currencyAddress: primarySaleItem?.currencyAddress
+//#region src/react/ui/modals/_internal/constants/opensea-currencies.ts
+const OPENSEA_CHAIN_CURRENCIES = {
+	"1": {
+		chainId: 1,
+		openseaId: "ethereum",
+		name: "Ethereum",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		},
-		contractType: collection?.type === ContractType$1.ERC1155 ? ContractType$1.ERC1155 : ContractType$1.ERC721
-	});
-	const steps = transactionData.data?.steps;
-	const canBeUsedWithTrails = transactionData.data?.canBeUsedWithTrails ?? false;
-	const isLoadingSteps = transactionData.isLoading;
-	const { pendingFeeOptionConfirmation, rejectPendingFeeOption } = useWaasFeeOptions$1(modalProps.chainId, config);
-	const isChainSupported = supportedChains.some((chain) => chain.id === modalProps.chainId);
-	const isLoading = isLoadingSteps || isLoadingChains || isBuyModalDataLoading;
-	const buyStep = steps?.find((step) => step.id === "buy");
-	const checkoutMode = determineCheckoutMode({
-		checkoutModeConfig,
-		isChainSupported,
-		canBeUsedWithTrails
-	});
-	const formattedAmount = currency?.decimals && buyStep?.price ? formatUnits(BigInt(buyStep.price), currency.decimals) : void 0;
-	const handleTransactionSuccess = (hash) => {
-		if (!collectible) throw new Error("Collectible not found");
-		if (isMarket && !marketOrder) throw new Error("Order not found");
-		if (!currency) throw new Error("Currency not found");
-		const amountRaw = isMarket ? marketOrder?.priceAmount : primarySaleItem?.priceAmount;
-		if (amountRaw == null) throw new Error("Price amount not found");
-		close();
-		transactionStatusModal.show({
-			hash,
-			orderId: isMarket ? marketOrder?.orderId : void 0,
-			price: {
-				amountRaw,
-				currency
-			},
-			collectionAddress,
-			chainId: modalProps.chainId,
-			tokenId: collectible.tokenId,
-			type: TransactionType$1.BUY
-		});
-	};
-	const handleTrailsSuccess = (data) => {
-		handleTransactionSuccess(data.txHash);
-	};
-	const handleClose = () => {
-		if (pendingFeeOptionConfirmation?.id) {
-			console.log("rejecting pending fee option", pendingFeeOptionConfirmation?.id);
-			rejectPendingFeeOption(pendingFeeOptionConfirmation?.id);
+		wrappedNativeCurrency: { address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-		close();
-	};
-	const refetchAll = async () => {
-		await refetchQueries();
-		await transactionData.refetch();
-	};
-	return {
-		config,
-		modalProps,
-		close: handleClose,
-		steps,
-		collectible,
-		collection,
-		primarySaleItem,
-		marketOrder,
-		isShop,
-		buyStep,
-		isLoading,
-		checkoutMode,
-		formattedAmount,
-		handleTransactionSuccess,
-		handleTrailsSuccess,
-		error: error || transactionData.error,
-		refetchAll
-	};
-}
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/components/CollectibleMetadataSummary.tsx
-const CollectibleMetadataSummary = ({ checkoutMode, collectible, collection, chainId, currency, formattedPrice, renderCurrencyPrice, renderPriceUSD, isMarket }) => {
-	if (!collectible) return null;
-	const isTrails = checkoutMode === "trails";
-	const isCryptoPayment = checkoutMode === "crypto";
-	const imageSize = isTrails ? "h-12 w-12" : "h-[84px] w-[84px]";
-	return /* @__PURE__ */ jsxs("div", {
-		className: isTrails ? "flex w-full items-start gap-4 p-6 pb-0" : "flex items-start gap-4",
-		children: [/* @__PURE__ */ jsx(Media, {
-			assets: [
-				collectible.video,
-				collectible.animation_url,
-				collectible.image
-			],
-			name: collectible.name,
-			containerClassName: `${imageSize} shrink-0 rounded-lg overflow-hidden object-cover`
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex min-w-0 flex-1 flex-col gap-2",
-			children: [isTrails ? /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Text, {
-						className: "truncate font-semibold text-sm text-text-100",
-						children: collectible.name || "Unnamed"
-					}), collectible.tokenId !== void 0 && /* @__PURE__ */ jsxs(Text, {
-						className: "shrink-0 font-bold text-text-50 text-xs",
-						children: ["#", collectible.tokenId.toString()]
-					})]
-				}), collection && /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [collection.logoURI && /* @__PURE__ */ jsx("img", {
-						src: collection.logoURI,
-						alt: collection.name,
-						className: "h-4 w-4 shrink-0 rounded-full"
-					}), /* @__PURE__ */ jsx(Text, {
-						className: "truncate font-bold text-text-50 text-xs",
-						children: collection.name
-					})]
-				})]
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Text, {
-					className: "truncate font-semibold text-sm text-text-100",
-					children: collectible.name
-				}), collectible.tokenId !== void 0 && /* @__PURE__ */ jsxs(Text, {
-					className: "shrink-0 font-bold text-text-50 text-xs",
-					children: ["#", collectible.tokenId.toString()]
-				})]
-			}), collection && /* @__PURE__ */ jsx(Text, {
-				className: "truncate font-bold text-text-50 text-xs",
-				children: collection.name
-			})] }), isCryptoPayment && renderCurrencyPrice && /* @__PURE__ */ jsxs("div", {
-				className: "mt-2 flex flex-col",
-				children: [/* @__PURE__ */ jsx(Tooltip, {
-					message: `${formattedPrice || ""} ${currency?.symbol || ""}`,
-					side: "right",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
-						children: [currency?.imageUrl ? /* @__PURE__ */ jsx("img", {
-							src: currency.imageUrl,
-							alt: currency.symbol,
-							className: "h-5 w-5 rounded-full"
-						}) : chainId ? /* @__PURE__ */ jsx(NetworkImage, {
-							chainId,
-							size: "sm"
-						}) : null, /* @__PURE__ */ jsx(Text, {
-							className: "font-bold text-md",
-							children: renderCurrencyPrice()
-						})]
-					})
-				}), isMarket && renderPriceUSD && renderPriceUSD() && /* @__PURE__ */ jsx(Text, {
-					className: "font-bold text-text-50 text-xs",
-					children: renderPriceUSD()
-				})]
-			})]
-		})]
-	});
-};
-
-//#endregion
-//#region src/react/ui/components/_internals/ErrorLogBox.tsx
-const ErrorLogBox = ({ title, message, error, onDismiss }) => {
-	const [showFullError, setShowFullError] = useState(false);
-	const toggleFullError = () => {
-		setShowFullError(!showFullError);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: "wrap-anywhere relative max-h-96 overflow-y-auto rounded-lg border border-red-900 bg-[#2b0000] p-3",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-3",
-			children: [
-				/* @__PURE__ */ jsx(WarningIcon, {
-					className: "absolute mt-0.5 flex-shrink-0 text-red-500",
-					size: "sm"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "relative ml-10 flex flex-col",
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "font-bold text-red-400 text-sm",
-							children: title
-						}), /* @__PURE__ */ jsx(Text, {
-							className: "mt-1 text-red-300 text-xs",
-							children: message
-						})]
-					}), error && /* @__PURE__ */ jsxs("div", {
-						className: "mt-2",
-						children: [
-							/* @__PURE__ */ jsxs("button", {
-								onClick: toggleFullError,
-								className: "flex items-center gap-1 text-red-400 text-xs transition-colors hover:text-red-300",
-								type: "button",
-								children: [showFullError ? "Hide full error" : "Show full error", showFullError ? /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" })]
-							}),
-							showFullError && /* @__PURE__ */ jsx("div", { className: "mt-2 h-px bg-red-900" }),
-							showFullError && /* @__PURE__ */ jsx("div", {
-								className: "mt-2 overflow-auto rounded-md bg-red-950 p-2",
-								children: /* @__PURE__ */ jsxs(Text, {
-									className: "whitespace-pre-wrap break-words font-mono text-red-100 text-xs",
-									children: [
-										error.message,
-										error.stack && /* @__PURE__ */ jsxs(Fragment, { children: ["\n\nStack trace:\n", error.stack] }),
-										JSON.stringify(error, null, 2)
-									]
-								})
-							})
-						]
-					})]
-				}),
-				onDismiss && /* @__PURE__ */ jsx("button", {
-					onClick: onDismiss,
-					className: "absolute right-4 flex-shrink-0 text-red-400 transition-colors hover:text-red-300",
-					type: "button",
-					"aria-label": "Dismiss error",
-					children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/hooks/useExecuteBundledTransactions.ts
-var FeeOptionInsufficientFundsError = class extends Error {
-	feeOptions;
-	constructor(message, feeOptions) {
-		super(message);
-		this.name = "FeeOptionInsufficientFundsError";
-		this.feeOptions = feeOptions;
-	}
-};
-const useExecuteBundledTransactions = ({ chainId, approvalStep, priceAmount }) => {
-	const config = useConfig();
-	const [isExecuting, setIsExecuting] = useState(false);
-	const { address, connector } = useAccount();
-	const publicClient = usePublicClient();
-	const { data: walletClient } = useWalletClient();
-	const indexerClient = getIndexerClient(chainId, config);
-	const { collection, currency } = useBuyModalData();
-	const isReady = !!address && !!publicClient && !!walletClient && !!indexerClient && !!connector && !!collection?.address && priceAmount != null;
-	const executeBundledTransactions = async ({ step, onBalanceInsufficientForFeeOption, onTransactionFailed }) => {
-		setIsExecuting(true);
-		try {
-			if (!address) throw new Error("Address not found");
-			if (!publicClient) throw new Error("Public client not found");
-			if (!walletClient) throw new Error("Wallet client not found");
-			if (!indexerClient) throw new Error("Indexer client not found");
-			if (!connector) throw new Error("Connector not found");
-			if (!collection?.address) throw new Error("Collection address not found");
-			if (priceAmount == null) throw new Error("Price amount not found");
-			const approvalData = approvalStep ? {
-				to: approvalStep.to,
-				data: approvalStep.data,
-				chainId
-			} : void 0;
-			const transactionData = {
-				to: step.to,
-				data: step.data,
-				chainId,
-				...currency?.nativeCurrency ? { value: priceAmount } : {}
-			};
-			const sendTransactionFns = await sendTransactions({
-				chainId,
-				senderAddress: address,
-				publicClient,
-				walletClient,
-				indexerClient,
-				connector,
-				transactions: [...approvalData ? [approvalData] : [], transactionData],
-				transactionConfirmations: 1,
-				waitConfirmationForLastTransaction: false
-			});
-			if (!sendTransactionFns.length) throw new Error("No transactions returned");
-			let txHash;
-			for (const sendTransaction of sendTransactionFns) txHash = await sendTransaction();
-			if (!txHash) throw new Error("Transaction hash not found");
-			return txHash;
-		} catch (error) {
-			if (error instanceof FeeOptionInsufficientFundsError) {
-				if (onBalanceInsufficientForFeeOption) onBalanceInsufficientForFeeOption(error);
-				throw error;
-			}
-			if (onTransactionFailed) onTransactionFailed(error);
-			throw error;
-		} finally {
-			setIsExecuting(false);
+	},
+	"10": {
+		chainId: 10,
+		openseaId: "optimism",
+		name: "Optimism",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-	};
-	return {
-		executeBundledTransactions,
-		isExecuting,
-		isReady
-	};
-};
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/hooks/useHasSufficientBalance.ts
-const useHasSufficientBalance = ({ chainId, value, tokenAddress }) => {
-	const { address } = useAccount();
-	const { data: balanceData, isLoading } = useTokenCurrencyBalance({
-		currencyAddress: tokenAddress,
-		chainId,
-		userAddress: address
-	});
-	const balance = balanceData?.value ?? 0n;
-	return {
-		data: {
-			hasSufficientBalance: balance >= value || value === 0n,
-			balance
+	},
+	"137": {
+		chainId: 137,
+		openseaId: "matic",
+		name: "Polygon",
+		nativeCurrency: {
+			symbol: "POL",
+			address: zeroAddress
 		},
-		isLoading
-	};
-};
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/internal/cryptoPaymentModalContext.tsx
-function useCryptoPaymentModalContext({ chainId, steps, onSuccess }) {
-	const [isExecuting, setIsExecuting] = useState(false);
-	const [isApproving, setIsApproving] = useState(false);
-	const [error, setError] = useState(null);
-	const { isSequence: isSequenceConnector, isWaaS } = useConnectorMetadata();
-	const buyStep = steps.find((step) => step.id === StepType.buy);
-	if (!buyStep) throw new Error("Buy step not found");
-	const { collectible, currency, marketOrder, primarySaleItem, isMarket, isShop, collection, isLoading: isLoadingBuyModalData } = useBuyModalData();
-	const sdkConfig = useConfig();
-	const { ensureCorrectChainAsync, currentChainId } = useEnsureCorrectChain();
-	const isOnCorrectChain = currentChainId === chainId;
-	const priceAmount = isMarket ? marketOrder?.priceAmount : primarySaleItem?.priceAmount;
-	const priceCurrencyAddress = isMarket ? marketOrder?.priceCurrencyAddress : primarySaleItem?.currencyAddress;
-	const isAnyTransactionPending = isApproving || isExecuting;
-	const { data, isLoading: isLoadingBalance } = useHasSufficientBalance({
-		chainId,
-		value: BigInt(priceAmount || 0),
-		tokenAddress: priceCurrencyAddress
-	});
-	const hasSufficientBalance = data?.hasSufficientBalance ?? false;
-	const { sendTransactionAsync } = useSendTransaction();
-	const [approvalStep, setApprovalStep] = useState(steps.find((step) => step.id === StepType.tokenApproval));
-	const { executeBundledTransactions, isExecuting: isExecutingBundledTransactions, isReady: isBundledTransactionsReady } = useExecuteBundledTransactions({
-		chainId,
-		approvalStep,
-		priceAmount: BigInt(priceAmount || 0)
-	});
-	const waas = useSelectWaasFeeOptionsStore();
-	const { pendingFeeOptionConfirmation, rejectPendingFeeOption } = useWaasFeeOptions$1(chainId, sdkConfig);
-	const isSponsored = pendingFeeOptionConfirmation?.options?.length === 0;
-	const isFeeSelectionVisible = waas.isVisible || !isSponsored && !!pendingFeeOptionConfirmation?.options;
-	const executeTransaction = async (step) => {
-		const data$1 = step.data;
-		const to = step.to;
-		const value = BigInt(step.value);
-		if (!data$1 || !to) {
-			const errorDetails = /* @__PURE__ */ new Error(`Invalid step: 'data' and 'to' are required:
-				data: ${data$1}
-				to: ${to}
-
-				${JSON.stringify(step)}`);
-			setError({
-				title: "Invalid step",
-				message: "`data` and `to` are required",
-				details: errorDetails
-			});
-			throw errorDetails;
+		wrappedNativeCurrency: { address: "0x0d500b1d8e8ef31e21c99d1db9a6444d3adf1270" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
+		},
+		listingCurrency: {
+			symbol: "WETH",
+			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
 		}
-		await ensureCorrectChainAsync(chainId);
-		const hash = await sendTransactionAsync({
-			to,
-			data: data$1,
-			value
-		});
-		await waitForTransactionReceipt({
-			txHash: hash,
-			chainId,
-			sdkConfig
-		});
-		return hash;
-	};
-	const executeApproval = async () => {
-		if (!approvalStep) throw new Error("Approval step not found");
-		setError(null);
-		setIsApproving(true);
-		try {
-			await executeTransaction(approvalStep);
-			setApprovalStep(void 0);
-		} catch (error$1) {
-			const errorObj = error$1 instanceof Error ? error$1 : new Error(String(error$1));
-			setError({
-				title: "Approval failed",
-				message: errorObj.message || "Failed to approve token. Please try again.",
-				details: errorObj
-			});
-			console.error("Approval transaction failed:", error$1);
-		} finally {
-			setIsApproving(false);
+	},
+	"360": {
+		chainId: 360,
+		openseaId: "shape",
+		name: "Shape",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-	};
-	const handleBalanceInsufficientForWaasFeeOption = (error$1) => {
-		setError({
-			title: "Insufficient balance for fee option",
-			message: "You do not have enough balance to purchase this item.",
-			details: error$1
-		});
-		console.error("Balance insufficient for fee option:", error$1);
-	};
-	const handleTransactionFailed = (error$1) => {
-		setError({
-			title: "Transaction failed",
-			message: error$1.message,
-			details: error$1
-		});
-		console.error("Transaction failed:", error$1);
-	};
-	const executeBuy = async () => {
-		setError(null);
-		setIsExecuting(true);
-		try {
-			onSuccess(await executeBundledTransactions({
-				step: buyStep,
-				onBalanceInsufficientForFeeOption: handleBalanceInsufficientForWaasFeeOption,
-				onTransactionFailed: handleTransactionFailed
-			}));
-		} catch (error$1) {
-			const errorObj = error$1 instanceof Error ? error$1 : new Error(String(error$1));
-			setError({
-				title: "Purchase failed",
-				message: errorObj.message || "Failed to complete purchase. Please try again.",
-				details: errorObj
-			});
-			console.error("Buy transaction failed:", error$1);
-		} finally {
-			setIsExecuting(false);
+	},
+	"998": {
+		chainId: 998,
+		openseaId: "hyperevm",
+		name: "HyperEVM",
+		nativeCurrency: {
+			symbol: "HYPE",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x5555555555555555555555555555555555555555" },
+		offerCurrency: {
+			symbol: "WHYPE",
+			address: "0x5555555555555555555555555555555555555555"
+		},
+		listingCurrency: {
+			symbol: "HYPE",
+			address: zeroAddress
 		}
-	};
-	const dismissError = () => {
-		setError(null);
-	};
-	const formattedPrice = formatPrice(BigInt(priceAmount || 0), currency?.decimals || 0);
-	const isFree = formattedPrice === "0";
-	const renderPriceUSD = () => {
-		const priceUSD = marketOrder?.priceUSDFormatted || marketOrder?.priceUSD;
-		if (!priceUSD) return "";
-		if ((typeof priceUSD === "string" ? Number.parseFloat(priceUSD) : priceUSD) < 1e-4) return /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center",
-			children: [
-				/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "w-3" }),
-				" ",
-				/* @__PURE__ */ jsx(Text, { children: "$0.0001" })
-			]
-		});
-		return `~$${priceUSD}`;
-	};
-	const renderCurrencyPrice = () => {
-		if (isFree) return "Free";
-		if (Number.parseFloat(formattedPrice) < 1e-4) return /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center",
-			children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "w-4" }), /* @__PURE__ */ jsxs(Text, { children: ["0.0001 ", currency?.symbol] })]
-		});
-		return `${formattedPrice} ${currency?.symbol}`;
-	};
-	const feeStep = isWaaS ? {
-		label: "Select Fee",
-		status: isSponsored || !!waas.selectedFeeOption ? "success" : isFeeSelectionVisible ? "selecting" : "idle",
-		isSponsored,
-		isSelecting: isFeeSelectionVisible,
-		selectedOption: waas.selectedFeeOption,
-		show: () => waas.show(),
-		cancel: () => {
-			waas.hide();
-			if (pendingFeeOptionConfirmation?.id) rejectPendingFeeOption(pendingFeeOptionConfirmation.id);
+	},
+	"130": {
+		chainId: 130,
+		openseaId: "unichain",
+		name: "Unichain",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-	} : void 0;
-	return {
-		data: {
-			collectible,
-			currency,
-			marketOrder,
-			collection
+	},
+	"1329": {
+		chainId: 1329,
+		openseaId: "sei",
+		name: "Sei",
+		nativeCurrency: {
+			symbol: "SEI",
+			address: zeroAddress
 		},
-		loading: {
-			isLoadingBuyModalData,
-			isLoadingBalance
+		wrappedNativeCurrency: { address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7" },
+		offerCurrency: {
+			symbol: "WSEI",
+			address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7"
 		},
-		chain: {
-			isOnCorrectChain,
-			currentChainId
+		listingCurrency: {
+			symbol: "SEI",
+			address: zeroAddress
+		}
+	},
+	"1868": {
+		chainId: 1868,
+		openseaId: "soneium",
+		name: "Soneium",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		},
-		balance: { hasSufficientBalance },
-		transaction: {
-			isApproving,
-			isExecuting,
-			isExecutingBundledTransactions
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
 		},
-		error: {
-			error,
-			dismissError
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		}
+	},
+	"2020": {
+		chainId: 2020,
+		openseaId: "ronin",
+		name: "Ronin",
+		nativeCurrency: {
+			symbol: "RON",
+			address: zeroAddress
 		},
-		steps: {
-			approvalStep,
-			feeStep
+		wrappedNativeCurrency: { address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4" },
+		offerCurrency: {
+			symbol: "WRON",
+			address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4"
 		},
-		connector: {
-			isSequenceConnector,
-			isWaaS
+		listingCurrency: {
+			symbol: "RON",
+			address: zeroAddress
+		}
+	},
+	"2741": {
+		chainId: 2741,
+		openseaId: "abstract",
+		name: "Abstract",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		},
-		flags: { isMarket },
-		permissions: {
-			canApprove: hasSufficientBalance && !isLoadingBalance && !isLoadingBuyModalData && !isAnyTransactionPending && !isFeeSelectionVisible,
-			canBuy: hasSufficientBalance && !isLoadingBalance && !isLoadingBuyModalData && (isSequenceConnector ? true : !approvalStep) && !isAnyTransactionPending && !isFeeSelectionVisible && (isShop && !!approvalStep ? isBundledTransactionsReady : true)
+		wrappedNativeCurrency: { address: "0x3439153eb7af838ad19d56e1571fbd09333c2809" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x3439153eb7af838ad19d56e1571fbd09333c2809"
 		},
-		price: {
-			formattedPrice,
-			renderCurrencyPrice,
-			renderPriceUSD
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		}
+	},
+	"8333": {
+		chainId: 8333,
+		openseaId: "b3",
+		name: "B3",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		},
-		actions: {
-			executeApproval,
-			executeBuy
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-	};
-}
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/components/CryptoPaymentModalSkeleton.tsx
-const CryptoPaymentModalSkeleton = ({ networkMismatch }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex w-full flex-col",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 p-4",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[84px] w-[84px] rounded-lg" }), /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-1 flex-col",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })]
-							}),
-							/* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-24" }),
-							/* @__PURE__ */ jsxs("div", {
-								className: "mt-2 flex flex-col",
-								children: [/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-28" })]
-								}), /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-16" })]
-							})
-						]
-					})]
-				}),
-				networkMismatch && /* @__PURE__ */ jsx(Skeleton, { className: "h-[98px] w-full rounded-lg" }),
-				networkMismatch && /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-full" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-full" })
-			]
-		})
-	});
-};
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/components/CryptoPaymentModal.tsx
-const CryptoPaymentModal = ({ chainId, steps, onSuccess }) => {
-	const { data: { collectible, currency, collection }, loading: { isLoadingBuyModalData, isLoadingBalance }, chain: { isOnCorrectChain, currentChainId }, balance: { hasSufficientBalance }, transaction: { isApproving, isExecuting, isExecutingBundledTransactions }, error: { error, dismissError }, steps: { approvalStep, feeStep }, connector: { isSequenceConnector }, flags: { isMarket }, permissions: { canApprove, canBuy }, price: { formattedPrice, renderCurrencyPrice, renderPriceUSD }, actions: { executeApproval, executeBuy } } = useCryptoPaymentModalContext({
-		chainId,
-		steps,
-		onSuccess
-	});
-	const { ensureCorrectChainAsync } = useEnsureCorrectChain();
-	const [chainSwitchError, setChainSwitchError] = useState(null);
-	const handleChainSwitchError = (error$1) => {
-		setChainSwitchError({
-			title: "Chain switch failed",
-			message: `Failed to switch to ${getPresentableChainName(chainId)}. Please try changing the network in your wallet manually.`,
-			details: error$1
-		});
-	};
-	const dismissChainSwitchError = () => {
-		setChainSwitchError(null);
-	};
-	const executeWithChainSwitch = async (action) => {
-		dismissChainSwitchError();
-		try {
-			await ensureCorrectChainAsync(chainId);
-		} catch (error$1) {
-			if (error$1 instanceof Error) handleChainSwitchError(error$1);
+	},
+	"8453": {
+		chainId: 8453,
+		openseaId: "base",
+		name: "Base",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-		if (action === "approval") await executeApproval();
-		else await executeBuy();
-	};
-	const approvalButtonLabel = isApproving ? /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Approving Token..."]
-	}) : "Approve Token";
-	const buyButtonLabel = isExecuting || isExecutingBundledTransactions ? /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Confirming Purchase..."]
-	}) : "Buy now";
-	if (isLoadingBuyModalData || isLoadingBalance) return /* @__PURE__ */ jsx(CryptoPaymentModalSkeleton, { networkMismatch: !isOnCorrectChain && currentChainId !== void 0 });
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex w-full flex-col",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 p-4",
-			children: [
-				/* @__PURE__ */ jsx(CollectibleMetadataSummary, {
-					checkoutMode: "crypto",
-					collectible,
-					collection,
-					chainId,
-					currency,
-					formattedPrice,
-					renderCurrencyPrice,
-					renderPriceUSD,
-					isMarket
-				}),
-				!isLoadingBalance && !isLoadingBuyModalData && !hasSufficientBalance && /* @__PURE__ */ jsxs(Text, {
-					className: "text-sm text-warning",
-					children: [
-						"You do not have enough",
-						" ",
-						/* @__PURE__ */ jsx(Text, {
-							className: "font-bold",
-							children: currency?.name
-						}),
-						" to purchase this item"
-					]
-				}),
-				approvalStep && !isSequenceConnector && /* @__PURE__ */ jsx(Button, {
-					onClick: async () => {
-						await executeWithChainSwitch("approval");
-					},
-					disabled: !canApprove,
-					variant: "primary",
-					size: "lg",
-					className: "w-full",
-					children: approvalButtonLabel
-				}),
-				!isLoadingBalance && !isLoadingBuyModalData && /* @__PURE__ */ jsx(Button, {
-					onClick: async () => {
-						await executeWithChainSwitch("buy");
-					},
-					disabled: !canBuy,
-					variant: "primary",
-					size: "lg",
-					className: "w-full",
-					children: buyButtonLabel
-				}),
-				feeStep?.isSelecting && /* @__PURE__ */ jsx(selectWaasFeeOptions_default, {
-					chainId,
-					onCancel: feeStep.cancel,
-					titleOnConfirm: "Processing purchase..."
-				}),
-				(chainSwitchError || error) && /* @__PURE__ */ jsx(ErrorLogBox, {
-					title: chainSwitchError?.title ?? error?.title ?? "",
-					message: chainSwitchError?.message ?? error?.message ?? "",
-					error: chainSwitchError?.details ?? error?.details,
-					onDismiss: () => {
-						dismissChainSwitchError();
-						dismissError();
-					}
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-//#region src/react/ui/modals/_internal/components/baseModal/ErrorBoundary.tsx
-var ErrorBoundary = class extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			hasError: false,
-			error: null,
-			errorInfo: null
-		};
-	}
-	resetErrorBoundary = () => {
-		this.setState({
-			hasError: false,
-			error: null,
-			errorInfo: null
-		});
-	};
-	static getDerivedStateFromError(error) {
-		return {
-			hasError: true,
-			error
-		};
-	}
-	componentDidCatch(error, errorInfo) {
-		console.error("ErrorBoundary caught an error:", error, errorInfo);
-		this.setState({ errorInfo });
-		this.props.onError?.(error, errorInfo);
-	}
-	render() {
-		if (this.state.hasError && this.state.error) {
-			if (this.props.fallback) {
-				if (this.state.errorInfo) return this.props.fallback(this.state.error, this.state.errorInfo);
-				return null;
-			}
-			return /* @__PURE__ */ jsx("div", {
-				className: this.props.className,
-				"data-testid": "error-boundary",
-				children: /* @__PURE__ */ jsx(SmartErrorHandler, {
-					error: this.state.error,
-					onAction: this.props.onAction
-				})
-			});
+	},
+	"33139": {
+		chainId: 33139,
+		openseaId: "ape_chain",
+		name: "ApeChain",
+		nativeCurrency: {
+			symbol: "APE",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x48b62137edfa95a428d35c09e44256a739f6b557" },
+		offerCurrency: {
+			symbol: "WAPE",
+			address: "0x48b62137edfa95a428d35c09e44256a739f6b557"
+		},
+		listingCurrency: {
+			symbol: "APE",
+			address: zeroAddress
 		}
-		return this.props.children;
-	}
-};
-
-//#endregion
-//#region src/react/ui/modals/_internal/components/baseModal/ErrorModal.tsx
-/**
-* ErrorModal - Specialized modal for error states
-*
-* Improvements over the original wrapper:
-* - Built on BaseModal foundation
-* - Smart error handling integration
-* - Optional retry functionality
-* - Fallback to simple message display
-*/
-const ErrorModal = ({ onClose, title, chainId, error, message, onRetry, onErrorAction }) => /* @__PURE__ */ jsx(BaseModal, {
-	onClose,
-	title,
-	chainId,
-	children: /* @__PURE__ */ jsx("div", {
-		className: "flex items-center justify-center p-4",
-		"data-testid": "error-modal",
-		children: error ? /* @__PURE__ */ jsx(SmartErrorHandler, {
-			error,
-			onAction: onErrorAction || (onRetry ? () => onRetry() : void 0)
-		}) : /* @__PURE__ */ jsx(Text, {
-			className: "font-body",
-			color: "text80",
-			children: message || "Error loading item details"
-		})
-	})
-});
-
-//#endregion
-//#region src/react/ui/modals/_internal/components/baseModal/LoadingModal.tsx
-const LoadingModal = ({ onClose, title, chainId, disableAnimation = true, message }) => /* @__PURE__ */ jsx(BaseModal, {
-	onClose,
-	title,
-	chainId,
-	disableAnimation,
-	children: /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center justify-center gap-4 p-4",
-		"data-testid": "loading-modal",
-		children: [/* @__PURE__ */ jsx(Spinner, { size: "lg" }), message && /* @__PURE__ */ jsx("p", {
-			className: "text-center text-sm text-text-80",
-			children: message
-		})]
-	})
-});
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/components/sequence-checkout/ERC1155QuantityModal.tsx
-const ERC1155QuantityModal = ({ order, quantityRemaining, unlimitedSupply, salePrice, chainId, cardType }) => {
-	const minQuantity = 1n;
-	const [quantity, setQuantity] = useState(minQuantity);
-	const [localInvalidQuantity, setLocalInvalidQuantity] = useState(false);
-	const maxQuantity = unlimitedSupply ? maxUint256 : quantityRemaining;
-	const invalidQuantity = maxQuantity < minQuantity || localInvalidQuantity;
-	const handleSetQuantity = () => {
-		buyModalStore.send({
-			type: "setQuantity",
-			quantity: Number(quantity)
-		});
-		buyModalStore.send({ type: "openPaymentModal" });
-	};
-	return /* @__PURE__ */ jsx(ActionModal, {
-		chainId,
-		onClose: () => buyModalStore.send({ type: "close" }),
-		title: "Select Quantity",
-		disableAnimation: true,
-		type: "buy",
-		queries: {},
-		primaryAction: {
-			label: "Buy now",
-			onClick: handleSetQuantity,
-			disabled: invalidQuantity
+	},
+	"42161": {
+		chainId: 42161,
+		openseaId: "arbitrum",
+		name: "Arbitrum",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		},
-		secondaryAction: {
-			label: "Cancel",
-			variant: "secondary",
-			onClick: () => buyModalStore.send({ type: "close" })
+		wrappedNativeCurrency: { address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1"
 		},
-		children: () => {
-			return /* @__PURE__ */ jsxs("div", {
-				className: "flex w-full flex-col gap-4",
-				children: [/* @__PURE__ */ jsx(QuantityInput, {
-					quantity,
-					invalidQuantity,
-					onQuantityChange: setQuantity,
-					onInvalidQuantityChange: setLocalInvalidQuantity,
-					maxQuantity
-				}), /* @__PURE__ */ jsx(TotalPrice, {
-					order,
-					quantity,
-					salePrice,
-					chainId,
-					cardType
-				})]
-			});
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
 		}
-	});
-};
-const TotalPrice = ({ order, quantity, salePrice, chainId, cardType }) => {
-	const isShop = cardType === "shop";
-	const isMarket = cardType === "market";
-	const { data: marketplaceConfig } = useMarketplaceConfig();
-	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
-		chainId,
-		currencyAddress: order ? order.priceCurrencyAddress : salePrice?.currencyAddress
-	});
-	let error = null;
-	let formattedPrice = "0";
-	if (isMarket && currency && order) try {
-		const marketplaceFeePercentage = (marketplaceConfig?.market?.collections?.find((col) => col.itemsAddress.toLowerCase() === order.collectionContractAddress.toLowerCase() && col.chainId === chainId))?.feePercentage ?? DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
-		formattedPrice = formatPriceWithFee(BigInt(order.priceAmount) * quantity, currency.decimals, marketplaceFeePercentage);
-	} catch (e) {
-		console.error("Error formatting price", e);
-		error = "Unable to calculate total price";
-	}
-	if (isShop && salePrice && currency) formattedPrice = formatPriceWithFee(BigInt(salePrice.amount) * quantity, currency.decimals, 0);
-	return error ? /* @__PURE__ */ jsx(Text, {
-		className: "font-body font-medium text-xs",
-		color: "text50",
-		children: error
-	}) : /* @__PURE__ */ jsxs("div", {
-		className: "flex justify-between",
-		children: [/* @__PURE__ */ jsx(Text, {
-			className: "font-body font-medium text-xs",
-			color: "text50",
-			children: "Total Price"
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-0.5",
-			children: !currency || isCurrencyLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				currency?.imageUrl && /* @__PURE__ */ jsx(TokenImage, {
-					src: currency.imageUrl,
-					size: "xs"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					className: "font-body font-bold text-text-100 text-xs",
-					children: formattedPrice
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					className: "font-body font-bold text-text-80 text-xs",
-					children: currency?.symbol
-				})
-			] })
-		})]
-	});
+	},
+	"42170": {
+		chainId: 42170,
+		openseaId: "arbitrum_nova",
+		name: "Arbitrum Nova",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x722e8bdd2ce80a4422e880164f2079488e115365" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x722e8bdd2ce80a4422e880164f2079488e115365"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		}
+	},
+	"43114": {
+		chainId: 43114,
+		openseaId: "avalanche",
+		name: "Avalanche",
+		nativeCurrency: {
+			symbol: "AVAX",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7" },
+		offerCurrency: {
+			symbol: "WAVAX",
+			address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7"
+		},
+		listingCurrency: {
+			symbol: "AVAX",
+			address: zeroAddress
+		}
+	},
+	"43419": {
+		chainId: 43419,
+		openseaId: "gunzilla",
+		name: "GUNZ",
+		nativeCurrency: {
+			symbol: "GUN",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1" },
+		offerCurrency: {
+			symbol: "WGUN",
+			address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1"
+		},
+		listingCurrency: {
+			symbol: "GUN",
+			address: zeroAddress
+		}
+	},
+	"50311": {
+		chainId: 50311,
+		openseaId: "somnia",
+		name: "Somnia",
+		nativeCurrency: {
+			symbol: "SOMI",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab" },
+		offerCurrency: {
+			symbol: "WSOMI",
+			address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab"
+		},
+		listingCurrency: {
+			symbol: "SOMI",
+			address: zeroAddress
+		}
+	},
+	"80094": {
+		chainId: 80094,
+		openseaId: "bera_chain",
+		name: "Berachain",
+		nativeCurrency: {
+			symbol: "BERA",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x6969696969696969696969696969696969696969" },
+		offerCurrency: {
+			symbol: "WBERA",
+			address: "0x6969696969696969696969696969696969696969"
+		},
+		listingCurrency: {
+			symbol: "BERA",
+			address: zeroAddress
+		}
+	},
+	"81457": {
+		chainId: 81457,
+		openseaId: "blast",
+		name: "Blast",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4300000000000000000000000000000000000004" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4300000000000000000000000000000000000004"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		}
+	},
+	"7777777": {
+		chainId: 7777777,
+		openseaId: "zora",
+		name: "Zora",
+		nativeCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		},
+		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
+		offerCurrency: {
+			symbol: "WETH",
+			address: "0x4200000000000000000000000000000000000006"
+		},
+		listingCurrency: {
+			symbol: "ETH",
+			address: zeroAddress
+		}
+	}
 };
+function getOpenseaCurrencyForChain(chainId, modalType) {
+	const config = OPENSEA_CHAIN_CURRENCIES[chainId.toString()];
+	if (!config) return;
+	return modalType === "listing" ? config.listingCurrency : config.offerCurrency;
+}
 
 //#endregion
-//#region ../api/src/adapters/marketplace/marketplace.gen.ts
-let StepType$1 = /* @__PURE__ */ function(StepType$2) {
-	StepType$2["unknown"] = "unknown";
-	StepType$2["tokenApproval"] = "tokenApproval";
-	StepType$2["buy"] = "buy";
-	StepType$2["sell"] = "sell";
-	StepType$2["createListing"] = "createListing";
-	StepType$2["createOffer"] = "createOffer";
-	StepType$2["signEIP712"] = "signEIP712";
-	StepType$2["signEIP191"] = "signEIP191";
-	StepType$2["cancel"] = "cancel";
-	return StepType$2;
-}({});
-
-//#endregion
-//#region src/utils/decode/erc20.ts
-function decodeERC20Approval(calldata) {
-	const decoded = decodeFunctionData({
-		abi: erc20Abi,
-		data: calldata
+//#region src/react/ui/modals/BuyModal/internal/buildTrailsMarketBuyActions.ts
+const WETH_ABI = [{
+	type: "function",
+	name: "withdraw",
+	stateMutability: "nonpayable",
+	inputs: [{
+		name: "wad",
+		type: "uint256"
+	}],
+	outputs: []
+}];
+const ERC721_TRANSFER_FROM_ABI = [{
+	type: "function",
+	name: "transferFrom",
+	stateMutability: "nonpayable",
+	inputs: [
+		{
+			name: "from",
+			type: "address"
+		},
+		{
+			name: "to",
+			type: "address"
+		},
+		{
+			name: "tokenId",
+			type: "uint256"
+		}
+	],
+	outputs: []
+}];
+const ERC1155_SAFE_TRANSFER_FROM_ABI = [{
+	type: "function",
+	name: "safeTransferFrom",
+	stateMutability: "nonpayable",
+	inputs: [
+		{
+			name: "from",
+			type: "address"
+		},
+		{
+			name: "to",
+			type: "address"
+		},
+		{
+			name: "id",
+			type: "uint256"
+		},
+		{
+			name: "amount",
+			type: "uint256"
+		},
+		{
+			name: "data",
+			type: "bytes"
+		}
+	],
+	outputs: []
+}];
+const OPENSEA_FULFILL_WITHOUT_RECIPIENT_SELECTORS = new Set(["0xfb0f3ee1", "0xb1b747c3"]);
+const isNativeCurrency = (currencyAddress) => currencyAddress.toLowerCase() === zeroAddress;
+const getPaymentAmount = ({ buyStep, marketOrder, isErc20Payment }) => {
+	if (isErc20Payment) return buyStep.price > 0n ? buyStep.price : marketOrder.priceAmount;
+	if (buyStep.value > 0n) return buyStep.value;
+	return buyStep.price > 0n ? buyStep.price : marketOrder.priceAmount;
+};
+const getWrappedNativeCurrencyAddress = (chainId) => OPENSEA_CHAIN_CURRENCIES[chainId.toString()]?.wrappedNativeCurrency.address;
+const buildWrappedNativeWithdrawCall = ({ wrappedNativeAddress, amount }) => ({
+	to: wrappedNativeAddress,
+	data: encodeFunctionData({
+		abi: WETH_ABI,
+		functionName: "withdraw",
+		args: [amount]
+	})
+});
+const isOpenSeaFulfillWithoutRecipient = (calldata) => OPENSEA_FULFILL_WITHOUT_RECIPIENT_SELECTORS.has(calldata.slice(0, 10).toLowerCase());
+const buildOpenSeaNftTransferCall = ({ marketOrder, contractType, recipientAddress, quantity }) => {
+	if (marketOrder.tokenId === void 0) return;
+	const collectionAddress = marketOrder.collectionContractAddress;
+	const executorAddress = self();
+	if (contractType === ContractType$1.ERC1155) return {
+		to: collectionAddress,
+		data: encodeFunctionData({
+			abi: ERC1155_SAFE_TRANSFER_FROM_ABI,
+			functionName: "safeTransferFrom",
+			args: [
+				executorAddress,
+				recipientAddress,
+				marketOrder.tokenId,
+				quantity,
+				"0x"
+			]
+		})
+	};
+	return {
+		to: collectionAddress,
+		data: encodeFunctionData({
+			abi: ERC721_TRANSFER_FROM_ABI,
+			functionName: "transferFrom",
+			args: [
+				executorAddress,
+				recipientAddress,
+				marketOrder.tokenId
+			]
+		})
+	};
+};
+function buildTrailsMarketBuyActions({ chainId, buyStep, marketOrder, contractType, recipientAddress, approvalStep, quantity = 1n }) {
+	const calls = [];
+	const currencyAddress = marketOrder.priceCurrencyAddress;
+	const isErc20Payment = !isNativeCurrency(currencyAddress);
+	const paymentAmount = getPaymentAmount({
+		buyStep,
+		marketOrder,
+		isErc20Payment
 	});
-	if (decoded.functionName !== "approve") throw new Error("Not an ERC20 approval transaction");
-	const [spender, value] = decoded.args;
+	let paymentTokenAddress = currencyAddress;
+	if (isErc20Payment && paymentAmount > 0n) if (approvalStep) calls.push({
+		to: approvalStep.to,
+		data: approvalStep.data
+	});
+	else {
+		const spenderAddress = getConduitAddressForOrderbook(marketOrder.marketplace);
+		if (spenderAddress) calls.push(buildErc20Approve({
+			tokenAddress: currencyAddress,
+			spender: spenderAddress,
+			amount: paymentAmount
+		}));
+	}
+	else if (!isErc20Payment) {
+		const wrappedNativeAddress = getWrappedNativeCurrencyAddress(chainId);
+		if (!wrappedNativeAddress) return;
+		paymentTokenAddress = wrappedNativeAddress;
+		if (paymentAmount > 0n) calls.push(buildWrappedNativeWithdrawCall({
+			wrappedNativeAddress,
+			amount: paymentAmount
+		}));
+	}
+	calls.push({
+		to: buyStep.to,
+		data: buyStep.data,
+		...!isErc20Payment && paymentAmount > 0n ? {
+			value: paymentAmount,
+			sweepTokens: [zeroAddress]
+		} : {}
+	});
+	if (normalizeMarketplaceKind(marketOrder.marketplace) === MarketplaceKind.opensea && isOpenSeaFulfillWithoutRecipient(buyStep.data)) {
+		const nftTransferCall = buildOpenSeaNftTransferCall({
+			marketOrder,
+			contractType,
+			recipientAddress,
+			quantity
+		});
+		if (nftTransferCall) calls.push(nftTransferCall);
+	}
 	return {
-		spender,
-		value
+		calls,
+		paymentTokenAddress,
+		paymentAmount
 	};
 }
 
 //#endregion
-//#region src/react/ui/modals/BuyModal/components/sequence-checkout/usePaymentModalParams.ts
-const getBuyCollectableParams = async ({ address, chainId, collectionAddress, tokenId, successActionButtons, priceCurrencyAddress, customCreditCardProviderCallback, marketplaceKind, orderId, quantity, skipNativeBalanceCheck, nativeTokenAddress, buyAnalyticsId, onRampProvider, checkoutMode, steps, marketplaceType }) => {
-	const checkoutOptions = typeof checkoutMode === "object" ? checkoutMode.options : void 0;
-	const buyStep = steps?.find((step) => step.id === StepType$1.buy);
-	const approveStep = steps?.find((step) => step.id === StepType$1.tokenApproval);
-	const approvedSpenderAddress = approveStep ? decodeERC20Approval(approveStep.data).spender : void 0;
-	if (!buyStep) throw new Error("Buy step not found");
-	const creditCardProviders = customCreditCardProviderCallback ? ["custom"] : checkoutOptions?.nftCheckout || [];
-	const supplementaryAnalyticsInfo = marketplaceType === "market" ? {
-		requestId: orderId,
-		...marketplaceKind && { marketplaceKind },
-		buyAnalyticsId
-	} : { marketplaceType: "shop" };
-	const totalPrice = BigInt(buyStep.price) * BigInt(quantity);
-	return {
-		chain: chainId,
-		collectibles: [{
-			tokenId: tokenId?.toString() ?? "",
-			quantity: quantity.toString()
-		}],
-		currencyAddress: priceCurrencyAddress,
-		price: totalPrice.toString(),
-		targetContractAddress: buyStep.to,
-		approvedSpenderAddress,
-		txData: buyStep.data,
-		collectionAddress,
-		recipientAddress: address,
-		creditCardProviders,
-		supplementaryAnalyticsInfo,
-		onClose: () => {
-			getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
-			buyModalStore.send({ type: "close" });
-		},
-		skipNativeBalanceCheck,
-		nativeTokenAddress,
-		...customCreditCardProviderCallback && { customProviderCallback: () => {
-			customCreditCardProviderCallback(buyStep);
-			buyModalStore.send({ type: "close" });
-		} },
-		onRampProvider,
-		successActionButtons
-	};
-};
-const usePaymentModalParams = (args) => {
-	const { marketplaceKind, priceCurrencyAddress, quantity, steps, marketplaceType } = args;
-	const buyModalProps = useBuyModalProps();
-	const { checkoutMode } = useBuyModalContext();
-	const { chainId, collectionAddress, skipNativeBalanceCheck, nativeTokenAddress, onRampProvider, successActionButtons } = buyModalProps;
-	const tokenId = isMarketProps(buyModalProps) ? buyModalProps.tokenId : buyModalProps.item.tokenId;
-	const orderId = isMarketProps(buyModalProps) ? buyModalProps.orderId : "";
-	const customCreditCardProviderCallback = isMarketProps(buyModalProps) ? buyModalProps.customCreditCardProviderCallback : void 0;
-	const buyAnalyticsId = useBuyAnalyticsId();
-	const { address } = useAccount();
-	return useQuery({
-		queryKey: [
-			"buyCollectableParams",
-			buyModalProps,
-			args
-		],
-		queryFn: !!address && !!priceCurrencyAddress && !!quantity && !!steps && (marketplaceType === "market" ? !!marketplaceKind : true) ? () => getBuyCollectableParams({
-			chainId,
-			address,
-			collectionAddress,
-			tokenId,
-			marketplaceKind,
-			orderId,
-			quantity,
-			priceCurrencyAddress,
-			successActionButtons,
-			customCreditCardProviderCallback,
-			skipNativeBalanceCheck,
-			nativeTokenAddress,
-			buyAnalyticsId,
-			onRampProvider,
-			checkoutMode,
-			steps,
-			marketplaceType
-		}) : skipToken,
-		retry: false
-	});
-};
+//#region src/react/ui/modals/BuyModal/internal/determineCheckoutMode.ts
+function determineCheckoutMode({ checkoutModeConfig, isChainSupported, canBeUsedWithTrails }) {
+	if (checkoutModeConfig === "trails" && isChainSupported && canBeUsedWithTrails) return "trails";
+	if (checkoutModeConfig === "trails" && isChainSupported && !canBeUsedWithTrails) return "crypto";
+	if (checkoutModeConfig === "trails" && !isChainSupported) return "crypto";
+	if (typeof checkoutModeConfig === "object" && checkoutModeConfig.mode === "sequence-checkout") return {
+		mode: "sequence-checkout",
+		options: checkoutModeConfig.options
+	};
+	if (checkoutModeConfig === "crypto") return "crypto";
+}
 
 //#endregion
-//#region src/react/ui/modals/BuyModal/components/sequence-checkout/SequenceCheckoutNew.tsx
-const SequenceCheckout = ({ steps, contractType, primarySaleItem }) => {
+//#region src/react/ui/modals/BuyModal/internal/buyModalContext.ts
+function useBuyModalContext() {
+	const config = useConfig$1();
 	const modalProps = useBuyModalProps();
-	const isMarket = isMarketProps(modalProps);
-	const isShop = isShopProps(modalProps);
-	const paymentModalState = usePaymentModalState();
-	const { chainId, collectionAddress, hideQuantitySelector } = modalProps;
-	const orderId = isMarket ? modalProps.orderId : "";
-	const marketplaceKind = isMarket ? modalProps.marketplace : void 0;
-	const { data: marketOrders } = useOrders({
-		chainId,
-		input: marketplaceKind && orderId ? [{
-			contractAddress: collectionAddress,
-			orderId,
-			marketplace: marketplaceKind
-		}] : [],
-		query: { enabled: isMarket && !!orderId && !!marketplaceKind }
-	});
-	const marketOrder = marketOrders?.orders[0];
-	const paymentModalParams = usePaymentModalParams({
-		quantity: useQuantity(),
-		marketplaceKind,
-		priceCurrencyAddress: isMarket ? marketOrder?.priceCurrencyAddress : primarySaleItem?.currencyAddress,
-		steps,
-		marketplaceType: isMarket ? "market" : "shop"
+	const checkoutModeConfig = config.checkoutMode ?? "trails";
+	const { close } = useBuyModal();
+	const transactionStatusModal = useTransactionStatusModal();
+	const { address: userWalletAddress } = useAccount();
+	const { data: supportedChains = [], isLoading: isLoadingChains } = useSupportedChains();
+	const { collectible, collection, currency, marketOrder, collectionAddress, primarySaleItem, isLoading: isBuyModalDataLoading, isMarket, isShop, error, refetchQueries } = useBuyModalData();
+	const contractType = collection?.type === ContractType$1.ERC1155 ? ContractType$1.ERC1155 : ContractType$1.ERC721;
+	const transactionData = useBuyTransaction({
+		modalProps,
+		primarySalePrice: {
+			amount: primarySaleItem?.priceAmount,
+			currencyAddress: primarySaleItem?.currencyAddress
+		},
+		contractType
 	});
-	if (!hideQuantitySelector && contractType === ContractType$1.ERC1155 && paymentModalState === "idle") {
-		const quantityRemaining = isMarket ? marketOrder?.quantityRemaining : primarySaleItem?.supply;
-		const unlimitedSupply = isShop && primarySaleItem?.unlimitedSupply ? primarySaleItem?.unlimitedSupply : false;
-		return /* @__PURE__ */ jsx(ERC1155QuantityModal, {
-			order: marketOrder,
-			cardType: isMarket ? "market" : "shop",
-			salePrice: isShop ? {
-				amount: primarySaleItem?.priceAmount || 0n,
-				currencyAddress: primarySaleItem?.currencyAddress
-			} : void 0,
-			quantityRemaining: quantityRemaining ?? 0n,
-			unlimitedSupply,
-			chainId
+	const steps = transactionData.data?.steps;
+	const canBeUsedWithTrails = transactionData.data?.canBeUsedWithTrails ?? false;
+	const isLoadingSteps = transactionData.isLoading;
+	const { pendingFeeOptionConfirmation, rejectPendingFeeOption } = useWaasFeeOptions$1(modalProps.chainId, config);
+	const isChainSupported = supportedChains.some((chain) => chain.id === modalProps.chainId);
+	const isLoading = isLoadingSteps || isLoadingChains || isBuyModalDataLoading;
+	const buyStep = steps ? findBuyStep(steps) : void 0;
+	const approvalStep = steps ? findApprovalStep(steps) : void 0;
+	const trailsDestination = useMemo(() => {
+		if (!isMarket || !marketOrder || !buyStep || !userWalletAddress) return;
+		const trailsMarketBuyActions = buildTrailsMarketBuyActions({
+			chainId: modalProps.chainId,
+			buyStep,
+			marketOrder,
+			contractType,
+			recipientAddress: userWalletAddress,
+			approvalStep
 		});
-	}
-	if (paymentModalState === "closed") return null;
-	return /* @__PURE__ */ jsx(ActionModal, {
-		onClose: () => {
-			buyModalStore.send({ type: "close" });
-		},
-		type: "buy",
-		chainId,
-		queries: { paymentModalParams },
-		title: "Checkout",
-		onErrorDismiss: () => {
-			buyModalStore.send({ type: "close" });
-		},
-		onErrorAction: () => {
-			buyModalStore.send({ type: "close" });
-		},
-		children: ({ paymentModalParams: paymentModalParams$1 }) => {
-			if (!steps) return /* @__PURE__ */ jsxs("div", {
-				className: "flex h-24 items-center justify-center gap-4",
-				children: [/* @__PURE__ */ jsx(Spinner, { size: "lg" }), /* @__PURE__ */ jsx(Text, {
-					className: "pulse",
-					children: "Loading checkout"
-				})]
-			});
-			return /* @__PURE__ */ jsx(PaymentModalOpener, { paymentModalParams: paymentModalParams$1 });
-		}
+		if (!trailsMarketBuyActions) return;
+		const destination = encodeDestinationCalls({
+			calls: trailsMarketBuyActions.calls,
+			tokenAddress: trailsMarketBuyActions.paymentTokenAddress,
+			sweepTarget: userWalletAddress
+		});
+		return {
+			recipient: destination.recipient,
+			destinationCalldata: destination.destinationCalldata,
+			paymentTokenAddress: trailsMarketBuyActions.paymentTokenAddress,
+			paymentAmount: trailsMarketBuyActions.paymentAmount
+		};
+	}, [
+		approvalStep,
+		buyStep,
+		contractType,
+		isMarket,
+		marketOrder,
+		modalProps.chainId,
+		userWalletAddress
+	]);
+	const checkoutMode = determineCheckoutMode({
+		checkoutModeConfig,
+		isChainSupported,
+		canBeUsedWithTrails
 	});
-};
-const PaymentModalOpener = ({ paymentModalParams }) => {
-	const { openSelectPaymentModal } = useSelectPaymentModal();
-	useEffect(() => {
-		if (paymentModalParams) {
-			openSelectPaymentModal(paymentModalParams);
-			buyModalStore.send({ type: "openPaymentModal" });
+	const paymentAmount = trailsDestination?.paymentAmount ?? (buyStep ? buyStep.price > 0n ? buyStep.price : buyStep.value : void 0);
+	const formattedAmount = currency?.decimals !== void 0 && paymentAmount !== void 0 ? formatUnits(paymentAmount, currency.decimals) : void 0;
+	const handleTransactionSuccess = (hash) => {
+		if (!collectible) throw new Error("Collectible not found");
+		if (isMarket && !marketOrder) throw new Error("Order not found");
+		if (!currency) throw new Error("Currency not found");
+		const amountRaw = isMarket ? marketOrder?.priceAmount : primarySaleItem?.priceAmount;
+		if (amountRaw == null) throw new Error("Price amount not found");
+		close();
+		transactionStatusModal.show({
+			hash,
+			orderId: isMarket ? marketOrder?.orderId : void 0,
+			price: {
+				amountRaw,
+				currency
+			},
+			collectionAddress,
+			chainId: modalProps.chainId,
+			tokenId: collectible.tokenId,
+			type: TransactionType$1.BUY
+		});
+	};
+	const handleTrailsSuccess = (data) => {
+		handleTransactionSuccess(data.txHash);
+	};
+	const handleClose = () => {
+		if (pendingFeeOptionConfirmation?.id) {
+			console.log("rejecting pending fee option", pendingFeeOptionConfirmation?.id);
+			rejectPendingFeeOption(pendingFeeOptionConfirmation?.id);
 		}
-	}, [paymentModalParams, openSelectPaymentModal]);
-	return null;
-};
-var SequenceCheckoutNew_default = SequenceCheckout;
-
-//#endregion
-//#region src/react/ui/modals/BuyModal/components/TrailsCss.ts
-/**
-* Custom CSS to style the Trails widget to match the Sequence Marketplace SDK design system.
-*
-* This CSS overrides the Trails widget's default theme variables with Sequence design tokens.
-* The CSS is injected into the Trails widget's shadow DOM via the customCss prop.
-*
-* Note: The ShadowPortal wraps CSS variables in :root/:host selectors, but we provide
-* the full CSS string here including both variable declarations and class overrides.
-*
-* Color mapping (Sequence Design System -> Trails Variables):
-* - seq-color-background-primary (#000000 black) -> trails-bg-primary
-* - seq-color-background-secondary (#18181b zinc-900) -> trails-bg-secondary
-* - seq-color-background-raised (#27272a zinc-800) -> trails-bg-card, trails-bg-tertiary
-* - seq-color-background-muted (#09090b zinc-950) -> used for inputs/dropdowns
-* - seq-color-border-normal (#3f3f46 zinc-700) -> trails-border-primary
-* - seq-color-border-hover (#52525b zinc-600) -> trails-border-secondary
-* - seq-color-border-focus (#8b5cf6 violet-500) -> focus borders
-*/
-const TRAILS_CUSTOM_CSS = `
+		close();
+	};
+	const refetchAll = async () => {
+		await refetchQueries();
+		await transactionData.refetch();
+	};
+	return {
+		config,
+		modalProps,
+		close: handleClose,
+		steps,
+		collectible,
+		collection,
+		primarySaleItem,
+		marketOrder,
+		isMarket,
+		isShop,
+		buyStep,
+		trailsDestination,
+		isLoading,
+		checkoutMode,
+		formattedAmount,
+		handleTransactionSuccess,
+		handleTrailsSuccess,
+		error: error || transactionData.error,
+		refetchAll
+	};
 }
 
-/* ========================================
- * CSS Variable Overrides - Match Sequence Design System
- * These are wrapped in :root/:host by ShadowPortal
- * ======================================== */
-
-:root, :host, [data-theme="dark"] {
-  /* Background Colors */
-  --trails-bg-primary: rgb(0 0 0) !important;
-  --trails-bg-secondary: rgb(24 24 27) !important;
-  --trails-bg-secondary-hover: rgb(39 39 42) !important;
-  --trails-bg-secondary-focus-border: rgb(63 63 70) !important;
-  --trails-bg-tertiary: rgb(39 39 42) !important;
-  --trails-bg-card: rgb(24 24 27) !important;
-  --trails-bg-overlay: rgb(0 0 0) !important;
-  
-  /* Text Colors */
-  --trails-text-primary: rgb(255 255 255) !important;
-  --trails-text-secondary: rgba(255 255 255 / 0.8) !important;
-  --trails-text-tertiary: rgba(255 255 255 / 0.6) !important;
-  --trails-text-muted: rgb(113 113 122) !important;
-  --trails-text-inverse: rgb(0 0 0) !important;
-  
-  /* Border Colors */
-  --trails-border-primary: rgb(63 63 70) !important;
-  --trails-border-secondary: rgb(82 82 91) !important;
-  --trails-border-tertiary: rgb(39 39 42) !important;
-  
-  /* Interactive Colors */
-  --trails-hover-bg: rgb(24 24 27) !important;
-  --trails-hover-text: rgb(255 255 255) !important;
-  
-  /* Input Field Colors */
-  --trails-input-bg: rgb(0 0 0) !important;
-  --trails-input-border: rgb(39 39 42) !important;
-  --trails-input-text: rgb(255 255 255) !important;
-  --trails-input-placeholder: rgb(113 113 122) !important;
-  --trails-input-focus-border: rgb(139 92 246) !important;
-  
-  /* Dropdown Colors */
-  --trails-dropdown-bg: rgb(0 0 0) !important;
-  --trails-dropdown-border: rgb(39 39 42) !important;
-  --trails-dropdown-text: rgb(255 255 255) !important;
-  --trails-dropdown-hover-bg: rgb(24 24 27) !important;
-  --trails-dropdown-selected-bg: rgb(39 39 42) !important;
-  --trails-dropdown-selected-text: rgb(255 255 255) !important;
-  --trails-dropdown-focus-border: rgb(139 92 246) !important;
-  
-  /* Modal Button Colors */
-  --trails-modal-button-bg: transparent !important;
-  --trails-modal-button-hover-bg: rgba(255 255 255 / 0.1) !important;
-  --trails-modal-button-text: rgb(255 255 255) !important;
-  --trails-modal-button-shadow: 0 1px 2px 0 rgba(0 0 0 / 0.1) !important;
-  
-  /* Token List Colors */
-  --trails-list-bg: rgb(0 0 0) !important;
-  --trails-list-border: rgb(39 39 42) !important;
-  --trails-list-hover-bg: rgb(24 24 27) !important;
-  --trails-list-item-bg: transparent !important;
-  --trails-list-item-selected-bg: rgb(39 39 42) !important;
-  
-  /* Widget Border and Radius */
-  --trails-widget-border: none !important;
-  --trails-border-radius-widget: 24px !important;
-  --trails-border-radius-button: 8px !important;
-  --trails-border-radius-input: 8px !important;
-  --trails-border-radius-dropdown: 8px !important;
-  --trails-border-radius-container: 8px !important;
-  --trails-border-radius-list: 8px !important;
-  --trails-border-radius-list-button: 8px !important;
-  --trails-border-radius-large-button: 8px !important;
-  
-  /* Status Colors */
-  --trails-success-bg: rgba(34 197 94 / 0.2) !important;
-  --trails-success-text: rgb(34 197 94) !important;
-  --trails-success-border: rgba(34 197 94 / 0.3) !important;
-  
-  --trails-warning-bg: rgba(234 179 8 / 0.2) !important;
-  --trails-warning-text: rgb(234 179 8) !important;
-  --trails-warning-border: rgba(234 179 8 / 0.3) !important;
-  
-  --trails-error-bg: rgba(239 68 68 / 0.2) !important;
-  --trails-error-text: rgb(239 68 68) !important;
-  --trails-error-border: rgba(239 68 68 / 0.3) !important;
-  
-  /* Shadow */
-  --trails-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -1px rgba(0 0 0 / 0.06) !important;
-  
-  /* Primary Button */
-  --trails-primary: rgb(255 255 255) !important;
-  --trails-primary-hover: rgba(255 255 255 / 0.9) !important;
-  --trails-primary-disabled: rgb(63 63 70) !important;
-  --trails-primary-disabled-text: rgb(113 113 122) !important;
-  
-  /* Percentage Button Colors */
-  --trails-percentage-button-bg: rgb(24 24 27) !important;
-  --trails-percentage-button-text: rgb(161 161 170) !important;
-  --trails-percentage-button-hover-bg: rgb(39 39 42) !important;
-  
-  /* Font Family */
-  --trails-font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
-}
-
-/* ========================================
- * Direct Tailwind Class Overrides
- * Override hard-coded Tailwind classes used in Trails components
- * ======================================== */
-
-/* White backgrounds -> black */
-.bg-white,
-.dark\\:bg-gray-900 {
-  background-color: rgb(0 0 0) !important;
-}
-
-/* Gray-800 backgrounds -> black */
-.bg-gray-800,
-.dark\\:bg-gray-800 {
-  background-color: rgb(0 0 0) !important;
-}
-
-/* Gray-700 backgrounds -> zinc-800 */
-.bg-gray-700,
-.dark\\:bg-gray-700 {
-  background-color: rgb(39 39 42) !important;
-}
-
-/* Hover states */
-.hover\\:bg-gray-50:hover {
-  background-color: rgb(24 24 27) !important;
-}
-
-.dark\\:hover\\:bg-gray-800:hover {
-  background-color: rgb(24 24 27) !important;
-}
-
-.dark\\:hover\\:bg-gray-700:hover {
-  background-color: rgb(39 39 42) !important;
-}
-
-/* Focus states */
-.focus-within\\:\\!bg-white:focus-within {
-  background-color: rgb(0 0 0) !important;
-}
-
-.dark\\:focus-within\\:\\!bg-gray-800:focus-within {
-  background-color: rgb(0 0 0) !important;
-}
-
-/* Border colors */
-.border-gray-200 {
-  border-color: rgb(39 39 42) !important;
-}
-
-.dark\\:border-gray-700 {
-  border-color: rgb(39 39 42) !important;
-}
-
-.border-gray-300 {
-  border-color: rgb(63 63 70) !important;
-}
-
-.dark\\:border-gray-600 {
-  border-color: rgb(63 63 70) !important;
-}
-
-/* Text colors */
-.text-gray-900 {
-  color: rgb(255 255 255) !important;
-}
-
-.dark\\:text-white {
-  color: rgb(255 255 255) !important;
-}
-
-.text-gray-500,
-.dark\\:text-gray-400 {
-  color: rgb(161 161 170) !important;
-}
-
-.text-black,
-.dark\\:text-blue-300 {
-  color: rgb(255 255 255) !important;
-}
-
-/* Primary button gradient - Match Sequence design */
-.bg-blue-500 {
-  background: linear-gradient(89.69deg, #4411e1 0.27%, #7537f9 99.73%) !important;
-}
-
-.hover\\:bg-blue-600:hover {
-  background: linear-gradient(89.69deg, #3a0ec7 0.27%, #6229e0 99.73%) !important;
-  opacity: 0.9;
-}
-
-{
-`;
-
 //#endregion
-//#region src/react/ui/modals/BuyModal/components/BuyModalContent.tsx
-const BuyModalContent = () => {
-	const { config, modalProps, close, steps, primarySaleItem, marketOrder, collectible, buyStep, isLoading, collection, checkoutMode, formattedAmount, isShop, handleTrailsSuccess, handleTransactionSuccess, error, refetchAll } = useBuyModalContext();
-	const currencyAddress = isShop ? primarySaleItem?.currencyAddress : marketOrder?.priceCurrencyAddress;
-	const trailsApiUrl = getTrailsApiUrl(config);
-	const sequenceIndexerUrl = getSequenceIndexerUrl(config);
-	const sequenceNodeGatewayUrl = getSequenceNodeGatewayUrl(config);
-	const sequenceApiUrl = getSequenceApiUrl(config);
-	if (error) return /* @__PURE__ */ jsx(Modal, {
-		isDismissible: true,
-		onClose: close,
-		overlayProps: MODAL_OVERLAY_PROPS,
-		contentProps: {
-			style: {
-				width: "400px",
-				height: "auto"
-			},
-			className: "overflow-y-auto"
-		},
-		children: /* @__PURE__ */ jsx(ModalInitializationError, {
-			error,
-			onTryAgain: refetchAll,
-			onClose: close
-		})
-	});
-	if (typeof checkoutMode === "object" && checkoutMode.mode === "sequence-checkout") return /* @__PURE__ */ jsx(SequenceCheckoutNew_default, {
-		steps,
-		contractType: collection?.type,
-		primarySaleItem
-	});
-	return /* @__PURE__ */ jsxs(Dialog, {
-		open: true,
-		onOpenChange: (open) => !open && close(),
-		children: [/* @__PURE__ */ jsx(DialogOverlay, { style: MODAL_OVERLAY_PROPS.style }), /* @__PURE__ */ jsx(DialogContent, {
-			className: "h-auto w-[450px] overflow-y-auto overflow-x-hidden",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "relative flex grow flex-col items-center",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						className: "w-full text-center font-body font-bold text-large text-text-100",
-						children: "Complete Your Purchase"
-					}),
-					isLoading && /* @__PURE__ */ jsx("div", {
-						className: "flex w-full items-center justify-center py-8",
-						children: /* @__PURE__ */ jsx(ProgressiveLoadingMessage, {})
-					}),
-					!isLoading && (checkoutMode === "crypto" || isShop && primarySaleItem?.priceAmount === 0n) && steps && steps.length > 0 && /* @__PURE__ */ jsx(CryptoPaymentModal, {
-						chainId: modalProps.chainId,
-						steps,
-						onSuccess: handleTransactionSuccess
-					}),
-					!isLoading && checkoutMode === "trails" && buyStep && !(isShop && primarySaleItem?.priceAmount === 0n) && /* @__PURE__ */ jsxs("div", {
-						className: "pointer-events-auto w-full",
-						children: [collectible && /* @__PURE__ */ jsx(CollectibleMetadataSummary, {
-							checkoutMode: "trails",
-							collectible,
-							collection
-						}), /* @__PURE__ */ jsx(TrailsWidget, {
-							apiKey: config.projectAccessKey,
-							trailsApiUrl,
-							sequenceIndexerUrl,
-							sequenceNodeGatewayUrl,
-							sequenceApiUrl,
-							walletConnectProjectId: config.walletConnectProjectId,
-							toChainId: modalProps.chainId,
-							toAddress: buyStep.to,
-							toToken: currencyAddress,
-							toCalldata: buyStep.data,
-							toAmount: formattedAmount,
-							renderInline: true,
-							theme: "dark",
-							mode: "pay",
-							customCss: TRAILS_CUSTOM_CSS,
-							onDestinationConfirmation: handleTrailsSuccess,
-							payMessage: "{TO_TOKEN_IMAGE}{TO_AMOUNT}{TO_TOKEN_SYMBOL}{TO_AMOUNT_USD}"
+//#region src/react/ui/modals/BuyModal/components/CollectibleMetadataSummary.tsx
+const CollectibleMetadataSummary = ({ checkoutMode, collectible, collection, chainId, currency, formattedPrice, renderCurrencyPrice, renderPriceUSD, isMarket }) => {
+	if (!collectible) return null;
+	const isTrails = checkoutMode === "trails";
+	const isCryptoPayment = checkoutMode === "crypto";
+	const imageSize = isTrails ? "h-12 w-12" : "h-[84px] w-[84px]";
+	return /* @__PURE__ */ jsxs("div", {
+		className: isTrails ? "flex w-full items-start gap-4 p-6 pb-0" : "flex items-start gap-4",
+		children: [/* @__PURE__ */ jsx(Media, {
+			assets: [
+				collectible.video,
+				collectible.animation_url,
+				collectible.image
+			],
+			name: collectible.name,
+			containerClassName: `${imageSize} shrink-0 rounded-lg overflow-hidden object-cover`
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [isTrails ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Text, {
+						className: "truncate font-semibold text-sm text-text-100",
+						children: collectible.name || "Unnamed"
+					}), collectible.tokenId !== void 0 && /* @__PURE__ */ jsxs(Text, {
+						className: "shrink-0 font-bold text-text-50 text-xs",
+						children: ["#", collectible.tokenId.toString()]
+					})]
+				}), collection && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [collection.logoURI && /* @__PURE__ */ jsx("img", {
+						src: collection.logoURI,
+						alt: collection.name,
+						className: "h-4 w-4 shrink-0 rounded-full"
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "truncate font-bold text-text-50 text-xs",
+						children: collection.name
+					})]
+				})]
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "truncate font-semibold text-sm text-text-100",
+					children: collectible.name
+				}), collectible.tokenId !== void 0 && /* @__PURE__ */ jsxs(Text, {
+					className: "shrink-0 font-bold text-text-50 text-xs",
+					children: ["#", collectible.tokenId.toString()]
+				})]
+			}), collection && /* @__PURE__ */ jsx(Text, {
+				className: "truncate font-bold text-text-50 text-xs",
+				children: collection.name
+			})] }), isCryptoPayment && renderCurrencyPrice && /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-col",
+				children: [/* @__PURE__ */ jsx(Tooltip, {
+					message: `${formattedPrice || ""} ${currency?.symbol || ""}`,
+					side: "right",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [currency?.imageUrl ? /* @__PURE__ */ jsx("img", {
+							src: currency.imageUrl,
+							alt: currency.symbol,
+							className: "h-5 w-5 rounded-full"
+						}) : chainId ? /* @__PURE__ */ jsx(NetworkImage, {
+							chainId,
+							size: "sm"
+						}) : null, /* @__PURE__ */ jsx(Text, {
+							className: "font-bold text-md",
+							children: renderCurrencyPrice()
 						})]
 					})
-				]
-			})
-		})]
-	});
-};
-const ProgressiveLoadingMessage = () => {
-	const [showSecondaryMessage, setShowSecondaryMessage] = useState(false);
-	const timerRef = useRef(null);
-	if (!timerRef.current) timerRef.current = setTimeout(() => {
-		setShowSecondaryMessage(true);
-	}, 3e3);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: cn$1("transition-all duration-300", showSecondaryMessage ? "h-10 w-10" : "h-5 w-5"),
-			children: /* @__PURE__ */ jsx(Spinner, { className: "h-full w-full transition-all duration-150" })
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "animate-pulse text-text-100",
-				children: "Loading payment options..."
-			}), showSecondaryMessage && /* @__PURE__ */ jsx("p", {
-				className: "text-small text-text-50",
-				children: "This is taking longer than expected."
+				}), isMarket && renderPriceUSD && renderPriceUSD() && /* @__PURE__ */ jsx(Text, {
+					className: "font-bold text-text-50 text-xs",
+					children: renderPriceUSD()
+				})]
 			})]
 		})]
 	});
 };
 
 //#endregion
-//#region src/react/ui/modals/BuyModal/components/Modal.tsx
-const BuyModal = () => {
-	if (!useIsOpen()) return null;
-	return /* @__PURE__ */ jsx(BuyModalContent, {});
-};
-
-//#endregion
-//#region src/react/ui/modals/_internal/components/floorPriceText/index.tsx
-function FloorPriceText({ chainId, collectionAddress, tokenId, price, onBuyNow }) {
-	const { data: listing, isLoading: listingLoading } = useCollectibleMarketLowestListing({
-		tokenId,
-		chainId,
-		collectionAddress,
-		filter: { currencies: [price.currency.contractAddress] }
-	});
-	const floorPriceRaw = listing?.priceAmount;
-	const floorPriceFormatted = listing?.priceAmountFormatted;
-	const { data: priceComparison, isLoading: comparisonLoading } = useCurrencyComparePrices({
-		chainId,
-		priceAmountRaw: price.amountRaw?.toString() || "0",
-		priceCurrencyAddress: price.currency.contractAddress,
-		compareToPriceAmountRaw: floorPriceRaw?.toString() || "0",
-		compareToPriceCurrencyAddress: listing?.priceCurrencyAddress || price.currency.contractAddress,
-		query: { enabled: !!floorPriceRaw && !listingLoading && price.amountRaw !== 0n }
-	});
-	if (!floorPriceRaw || listingLoading || price.amountRaw === 0n || comparisonLoading) return null;
-	let floorPriceDifferenceText = "Same as floor price";
-	let showBuyNowButton = false;
-	if (priceComparison) if (priceComparison.status === "same") {
-		floorPriceDifferenceText = "Same as floor price";
-		showBuyNowButton = true;
-	} else if (priceComparison.status === "below") floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% below floor price`;
-	else {
-		floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% above floor price`;
-		showBuyNowButton = true;
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-wrap items-center justify-between gap-2",
-		children: [/* @__PURE__ */ jsx(Text, {
-			className: "text-left font-body font-medium text-muted text-xs",
-			children: floorPriceDifferenceText
-		}), showBuyNowButton && onBuyNow && /* @__PURE__ */ jsxs(Button, {
-			size: "xs",
-			variant: "text",
-			className: "text-indigo-400 text-xs",
-			onClick: onBuyNow,
+//#region src/react/ui/components/_internals/ErrorLogBox.tsx
+const ErrorLogBox = ({ title, message, error, onDismiss }) => {
+	const [showFullError, setShowFullError] = useState(false);
+	const toggleFullError = () => {
+		setShowFullError(!showFullError);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "wrap-anywhere relative max-h-96 overflow-y-auto rounded-lg border border-red-900 bg-[#2b0000] p-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
 			children: [
-				"Buy for ",
-				floorPriceFormatted,
-				" ",
-				price.currency.symbol
+				/* @__PURE__ */ jsx(WarningIcon, {
+					className: "absolute mt-0.5 flex-shrink-0 text-red-500",
+					size: "sm"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative ml-10 flex flex-col",
+						children: [/* @__PURE__ */ jsx(Text, {
+							className: "font-bold text-red-400 text-sm",
+							children: title
+						}), /* @__PURE__ */ jsx(Text, {
+							className: "mt-1 text-red-300 text-xs",
+							children: message
+						})]
+					}), error && /* @__PURE__ */ jsxs("div", {
+						className: "mt-2",
+						children: [
+							/* @__PURE__ */ jsxs("button", {
+								onClick: toggleFullError,
+								className: "flex items-center gap-1 text-red-400 text-xs transition-colors hover:text-red-300",
+								type: "button",
+								children: [showFullError ? "Hide full error" : "Show full error", showFullError ? /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" })]
+							}),
+							showFullError && /* @__PURE__ */ jsx("div", { className: "mt-2 h-px bg-red-900" }),
+							showFullError && /* @__PURE__ */ jsx("div", {
+								className: "mt-2 overflow-auto rounded-md bg-red-950 p-2",
+								children: /* @__PURE__ */ jsxs(Text, {
+									className: "whitespace-pre-wrap break-words font-mono text-red-100 text-xs",
+									children: [
+										error.message,
+										error.stack && /* @__PURE__ */ jsxs(Fragment, { children: ["\n\nStack trace:\n", error.stack] }),
+										JSON.stringify(error, null, 2)
+									]
+								})
+							})
+						]
+					})]
+				}),
+				onDismiss && /* @__PURE__ */ jsx("button", {
+					onClick: onDismiss,
+					className: "absolute right-4 flex-shrink-0 text-red-400 transition-colors hover:text-red-300",
+					type: "button",
+					"aria-label": "Dismiss error",
+					children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
+				})
 			]
-		})]
+		})
 	});
-}
+};
 
 //#endregion
-//#region src/react/ui/components/_internals/custom-select/CustomSelect.tsx
-const CustomSelect = ({ items, onValueChange, defaultValue, placeholder = "Select an option", disabled = false, className, testId = "custom-select" }) => {
-	const [selectedItem, setSelectedItem] = useState(defaultValue);
-	const handleValueChange = (item) => {
-		setSelectedItem(item);
-		onValueChange?.(item.value);
-	};
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		disabled,
-		children: /* @__PURE__ */ jsx(Button, {
-			size: "xs",
-			shape: "circle",
-			className: `py-1.5 pl-3 hover:bg-overlay-light ${className || ""}`,
-			"data-testid": `${testId}-trigger`,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-center gap-1 truncate pr-3",
-				children: [/* @__PURE__ */ jsx(Text, {
-					variant: "xsmall",
-					color: "text100",
-					fontWeight: "bold",
-					children: selectedItem ? selectedItem.content : placeholder
-				}), /* @__PURE__ */ jsx(ChevronDownIcon, { size: "xs" })]
-			})
-		})
-	}), /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuContent, {
-		align: "end",
-		side: "bottom",
-		sideOffset: 8,
-		className: "z-[1000] overflow-hidden rounded-xl border border-border-base bg-color-overlay-glass shadow-lg backdrop-blur-md",
-		"data-testid": `${testId}-content`,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "max-h-[240px] overflow-auto",
-			children: items.map((item) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
-				checked: selectedItem?.value === item.value,
-				onCheckedChange: () => handleValueChange(item),
-				disabled: item.disabled,
-				className: "group relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 outline-none transition-colors hover:bg-background-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>span[data-state='checked']]:hidden",
-				"data-testid": `${testId}-option-${item.value}`,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "flex w-full items-center justify-between",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "flex items-center gap-2 truncate",
-						children: typeof item.content === "string" ? /* @__PURE__ */ jsx(Text, {
-							variant: "small",
-							color: selectedItem?.value === item.value ? "text100" : "text80",
-							className: `truncate ${selectedItem?.value === item.value ? "font-bold" : ""}`,
-							"data-testid": `${testId}-option-text-${item.value}`,
-							children: item.content
-						}) : /* @__PURE__ */ jsx("div", {
-							className: "truncate",
-							"data-testid": `${testId}-option-content-${item.value}`,
-							children: item.content
-						})
-					})
-				})
-			}, item.value))
-		})
-	}) })] });
+//#region src/react/ui/modals/BuyModal/hooks/useExecuteBundledTransactions.ts
+var FeeOptionInsufficientFundsError = class extends Error {
+	feeOptions;
+	constructor(message, feeOptions) {
+		super(message);
+		this.name = "FeeOptionInsufficientFundsError";
+		this.feeOptions = feeOptions;
+	}
+};
+const useExecuteBundledTransactions = ({ chainId, approvalStep }) => {
+	const config = useConfig$1();
+	const [isExecuting, setIsExecuting] = useState(false);
+	const { address, connector } = useAccount();
+	const publicClient = usePublicClient({ chainId });
+	const { data: walletClient } = useWalletClient();
+	const indexerClient = getIndexerClient(chainId, config);
+	const isReady = !!address && !!publicClient && !!walletClient && !!indexerClient && !!connector;
+	const executeBundledTransactions = async ({ step, onBalanceInsufficientForFeeOption, onTransactionFailed }) => {
+		setIsExecuting(true);
+		try {
+			if (!address) throw new Error("Address not found");
+			if (!publicClient) throw new Error("Public client not found");
+			if (!walletClient) throw new Error("Wallet client not found");
+			if (!indexerClient) throw new Error("Indexer client not found");
+			if (!connector) throw new Error("Connector not found");
+			const buildTransaction = (step$1) => {
+				const value = step$1.value ? BigInt(step$1.value) : 0n;
+				return {
+					to: step$1.to,
+					data: step$1.data,
+					chainId,
+					...value > 0n ? { value } : {}
+				};
+			};
+			const approvalData = approvalStep ? buildTransaction(approvalStep) : void 0;
+			const transactionData = buildTransaction(step);
+			const sendTransactionFns = await sendTransactions({
+				chainId,
+				senderAddress: address,
+				publicClient,
+				walletClient,
+				indexerClient,
+				connector,
+				transactions: [...approvalData ? [approvalData] : [], transactionData],
+				transactionConfirmations: 1,
+				waitConfirmationForLastTransaction: false
+			});
+			if (!sendTransactionFns.length) throw new Error("No transactions returned");
+			let txHash;
+			for (const sendTransaction of sendTransactionFns) txHash = await sendTransaction();
+			if (!txHash) throw new Error("Transaction hash not found");
+			return txHash;
+		} catch (error) {
+			if (error instanceof FeeOptionInsufficientFundsError) {
+				if (onBalanceInsufficientForFeeOption) onBalanceInsufficientForFeeOption(error);
+				throw error;
+			}
+			if (onTransactionFailed) onTransactionFailed(error);
+			throw error;
+		} finally {
+			setIsExecuting(false);
+		}
+	};
+	return {
+		executeBundledTransactions,
+		isExecuting,
+		isReady
+	};
 };
 
 //#endregion
-//#region src/react/ui/modals/_internal/constants/opensea-currencies.ts
-const OPENSEA_CHAIN_CURRENCIES = {
-	"1": {
-		chainId: 1,
-		openseaId: "ethereum",
-		name: "Ethereum",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"10": {
-		chainId: 10,
-		openseaId: "optimism",
-		name: "Optimism",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"137": {
-		chainId: 137,
-		openseaId: "matic",
-		name: "Polygon",
-		nativeCurrency: {
-			symbol: "POL",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x0d500b1d8e8ef31e21c99d1db9a6444d3adf1270" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
-		},
-		listingCurrency: {
-			symbol: "WETH",
-			address: "0x7ceb23fd6bc0add59e62ac25578270cff1b9f619"
-		}
-	},
-	"360": {
-		chainId: 360,
-		openseaId: "shape",
-		name: "Shape",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"998": {
-		chainId: 998,
-		openseaId: "hyperevm",
-		name: "HyperEVM",
-		nativeCurrency: {
-			symbol: "HYPE",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x5555555555555555555555555555555555555555" },
-		offerCurrency: {
-			symbol: "WHYPE",
-			address: "0x5555555555555555555555555555555555555555"
+//#region src/react/ui/modals/BuyModal/hooks/useHasSufficientBalance.ts
+const useHasSufficientBalance = ({ chainId, value, tokenAddress }) => {
+	const { address } = useAccount();
+	const { data: balanceData, isLoading } = useTokenCurrencyBalance({
+		currencyAddress: tokenAddress,
+		chainId,
+		userAddress: address
+	});
+	const balance = balanceData?.value ?? 0n;
+	return {
+		data: {
+			hasSufficientBalance: balance >= value || value === 0n,
+			balance
 		},
-		listingCurrency: {
-			symbol: "HYPE",
-			address: zeroAddress
+		isLoading
+	};
+};
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/internal/cryptoPaymentModalContext.tsx
+const toErrorWithDetails = (error) => {
+	if (error instanceof Error) return error;
+	if (typeof error === "object" && error !== null) {
+		const errorLike = error;
+		let message = "An unexpected error occurred.";
+		if (typeof errorLike.message === "string") message = errorLike.message;
+		else try {
+			message = JSON.stringify(errorLike);
+		} catch {
+			message = "An unexpected error occurred.";
 		}
-	},
-	"130": {
-		chainId: 130,
-		openseaId: "unichain",
-		name: "Unichain",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+		return Object.assign(new Error(message), errorLike);
+	}
+	return new Error(String(error));
+};
+function useCryptoPaymentModalContext({ chainId, steps, onSuccess }) {
+	const [isExecuting, setIsExecuting] = useState(false);
+	const [isApproving, setIsApproving] = useState(false);
+	const [error, setError] = useState(null);
+	const { isSequence: isSequenceConnector, isWaaS } = useConnectorMetadata();
+	const buyStep = steps.find((step) => step.id === StepType.buy);
+	if (!buyStep) throw new Error("Buy step not found");
+	const { collectible, currency, marketOrder, primarySaleItem, isMarket, collection, isLoading: isLoadingBuyModalData } = useBuyModalData();
+	const sdkConfig = useConfig$1();
+	const { ensureCorrectChainAsync, currentChainId } = useEnsureCorrectChain();
+	const isOnCorrectChain = currentChainId === chainId;
+	const priceAmount = isMarket ? marketOrder?.priceAmount : primarySaleItem?.priceAmount;
+	const priceCurrencyAddress = isMarket ? marketOrder?.priceCurrencyAddress : primarySaleItem?.currencyAddress;
+	const listedPriceAmount = BigInt(priceAmount || 0);
+	const buyStepPriceAmount = buyStep.price ? BigInt(buyStep.price) : listedPriceAmount;
+	const buyStepValue = buyStep.value ? BigInt(buyStep.value) : buyStepPriceAmount;
+	const requiredBalance = priceCurrencyAddress === zeroAddress ? buyStepValue : buyStepPriceAmount;
+	const isAnyTransactionPending = isApproving || isExecuting;
+	const { data, isLoading: isLoadingBalance } = useHasSufficientBalance({
+		chainId,
+		value: requiredBalance,
+		tokenAddress: priceCurrencyAddress
+	});
+	const hasSufficientBalance = data?.hasSufficientBalance ?? false;
+	const { sendTransactionAsync } = useSendTransaction();
+	const [approvalStep, setApprovalStep] = useState(steps.find((step) => step.id === StepType.tokenApproval));
+	const { executeBundledTransactions, isExecuting: isExecutingBundledTransactions, isReady: isBundledTransactionsReady } = useExecuteBundledTransactions({
+		chainId,
+		approvalStep
+	});
+	const waas = useSelectWaasFeeOptionsStore();
+	const { pendingFeeOptionConfirmation, rejectPendingFeeOption } = useWaasFeeOptions$1(chainId, sdkConfig);
+	const isSponsored = pendingFeeOptionConfirmation?.options?.length === 0;
+	const isFeeSelectionVisible = waas.isVisible || !isSponsored && !!pendingFeeOptionConfirmation?.options;
+	const executeTransaction = async (step) => {
+		const data$1 = step.data;
+		const to = step.to;
+		const value = BigInt(step.value);
+		if (!data$1 || !to) {
+			const errorDetails = /* @__PURE__ */ new Error(`Invalid step: 'data' and 'to' are required:
+				data: ${data$1}
+				to: ${to}
+
+				${JSON.stringify(step)}`);
+			setError({
+				title: "Invalid step",
+				message: "`data` and `to` are required",
+				details: errorDetails
+			});
+			throw errorDetails;
 		}
-	},
-	"1329": {
-		chainId: 1329,
-		openseaId: "sei",
-		name: "Sei",
-		nativeCurrency: {
-			symbol: "SEI",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7" },
-		offerCurrency: {
-			symbol: "WSEI",
-			address: "0xe30fedd158a2e3b13e9badaeabafc5516e95e8c7"
-		},
-		listingCurrency: {
-			symbol: "SEI",
-			address: zeroAddress
+		if (!await ensureCorrectChainAsync(chainId)) throw new Error("Failed to switch to the required network.");
+		const hash = await sendTransactionAsync({
+			to,
+			data: data$1,
+			value
+		});
+		await waitForTransactionReceipt({
+			txHash: hash,
+			chainId,
+			sdkConfig
+		});
+		return hash;
+	};
+	const executeApproval = async () => {
+		if (!approvalStep) throw new Error("Approval step not found");
+		setError(null);
+		setIsApproving(true);
+		try {
+			await executeTransaction(approvalStep);
+			setApprovalStep(void 0);
+		} catch (error$1) {
+			const errorObj = toErrorWithDetails(error$1);
+			setError({
+				title: "Approval failed",
+				message: getErrorMessage(errorObj),
+				details: errorObj
+			});
+			console.error("Approval transaction failed:", error$1);
+		} finally {
+			setIsApproving(false);
 		}
-	},
-	"1868": {
-		chainId: 1868,
-		openseaId: "soneium",
-		name: "Soneium",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+	};
+	const handleBalanceInsufficientForWaasFeeOption = (error$1) => {
+		setError({
+			title: "Insufficient balance for fee option",
+			message: "You do not have enough balance to purchase this item.",
+			details: error$1
+		});
+		console.error("Balance insufficient for fee option:", error$1);
+	};
+	const handleTransactionFailed = (error$1) => {
+		setError({
+			title: "Transaction failed",
+			message: getErrorMessage(error$1),
+			details: error$1
+		});
+		console.error("Transaction failed:", error$1);
+	};
+	const executeBuy = async () => {
+		setError(null);
+		setIsExecuting(true);
+		try {
+			onSuccess(await executeBundledTransactions({
+				step: buyStep,
+				onBalanceInsufficientForFeeOption: handleBalanceInsufficientForWaasFeeOption,
+				onTransactionFailed: handleTransactionFailed
+			}));
+		} catch (error$1) {
+			const errorObj = toErrorWithDetails(error$1);
+			setError({
+				title: "Purchase failed",
+				message: getErrorMessage(errorObj),
+				details: errorObj
+			});
+			console.error("Buy transaction failed:", error$1);
+		} finally {
+			setIsExecuting(false);
 		}
-	},
-	"2020": {
-		chainId: 2020,
-		openseaId: "ronin",
-		name: "Ronin",
-		nativeCurrency: {
-			symbol: "RON",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4" },
-		offerCurrency: {
-			symbol: "WRON",
-			address: "0xe514d9deb7966c8be0ca922de8a064264ea6bcd4"
-		},
-		listingCurrency: {
-			symbol: "RON",
-			address: zeroAddress
+	};
+	const dismissError = () => {
+		setError(null);
+	};
+	const formattedPrice = formatPrice(buyStepPriceAmount, currency?.decimals || 0);
+	const isFree = formattedPrice === "0";
+	const renderPriceUSD = () => {
+		const priceUSD = marketOrder?.priceUSDFormatted || marketOrder?.priceUSD;
+		if (!priceUSD) return "";
+		if ((typeof priceUSD === "string" ? Number.parseFloat(priceUSD) : priceUSD) < 1e-4) return /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center",
+			children: [
+				/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "w-3" }),
+				" ",
+				/* @__PURE__ */ jsx(Text, { children: "$0.0001" })
+			]
+		});
+		return `~$${priceUSD}`;
+	};
+	const renderCurrencyPrice = () => {
+		if (isFree) return "Free";
+		if (Number.parseFloat(formattedPrice) < 1e-4) return /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center",
+			children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "w-4" }), /* @__PURE__ */ jsxs(Text, { children: ["0.0001 ", currency?.symbol] })]
+		});
+		return `${formattedPrice} ${currency?.symbol}`;
+	};
+	const feeStep = isWaaS ? {
+		label: "Select Fee",
+		status: isSponsored || !!waas.selectedFeeOption ? "success" : isFeeSelectionVisible ? "selecting" : "idle",
+		isSponsored,
+		isSelecting: isFeeSelectionVisible,
+		selectedOption: waas.selectedFeeOption,
+		show: () => waas.show(),
+		cancel: () => {
+			waas.hide();
+			if (pendingFeeOptionConfirmation?.id) rejectPendingFeeOption(pendingFeeOptionConfirmation.id);
 		}
-	},
-	"2741": {
-		chainId: 2741,
-		openseaId: "abstract",
-		name: "Abstract",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x3439153eb7af838ad19d56e1571fbd09333c2809" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x3439153eb7af838ad19d56e1571fbd09333c2809"
+	} : void 0;
+	return {
+		data: {
+			collectible,
+			currency,
+			marketOrder,
+			collection
 		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"8333": {
-		chainId: 8333,
-		openseaId: "b3",
-		name: "B3",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+		loading: {
+			isLoadingBuyModalData,
+			isLoadingBalance
 		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
+		chain: {
+			isOnCorrectChain,
+			currentChainId
 		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"8453": {
-		chainId: 8453,
-		openseaId: "base",
-		name: "Base",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+		balance: { hasSufficientBalance },
+		transaction: {
+			isApproving,
+			isExecuting,
+			isExecutingBundledTransactions
 		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
+		error: {
+			error,
+			dismissError
 		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	},
-	"33139": {
-		chainId: 33139,
-		openseaId: "ape_chain",
-		name: "ApeChain",
-		nativeCurrency: {
-			symbol: "APE",
-			address: zeroAddress
+		steps: {
+			approvalStep,
+			feeStep
 		},
-		wrappedNativeCurrency: { address: "0x48b62137edfa95a428d35c09e44256a739f6b557" },
-		offerCurrency: {
-			symbol: "WAPE",
-			address: "0x48b62137edfa95a428d35c09e44256a739f6b557"
+		connector: {
+			isSequenceConnector,
+			isWaaS
 		},
-		listingCurrency: {
-			symbol: "APE",
-			address: zeroAddress
-		}
-	},
-	"42161": {
-		chainId: 42161,
-		openseaId: "arbitrum",
-		name: "Arbitrum",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+		flags: { isMarket },
+		permissions: {
+			canApprove: hasSufficientBalance && !isLoadingBalance && !isLoadingBuyModalData && !isAnyTransactionPending && !isFeeSelectionVisible,
+			canBuy: hasSufficientBalance && !isLoadingBalance && !isLoadingBuyModalData && (isSequenceConnector ? true : !approvalStep) && !isAnyTransactionPending && !isFeeSelectionVisible && isBundledTransactionsReady
 		},
-		wrappedNativeCurrency: { address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x82af49447d8a07e3bd95bd0d56f35241523fbab1"
+		price: {
+			formattedPrice,
+			renderCurrencyPrice,
+			renderPriceUSD
 		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+		actions: {
+			executeApproval,
+			executeBuy
 		}
-	},
-	"42170": {
-		chainId: 42170,
-		openseaId: "arbitrum_nova",
-		name: "Arbitrum Nova",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x722e8bdd2ce80a4422e880164f2079488e115365" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x722e8bdd2ce80a4422e880164f2079488e115365"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+	};
+}
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/CryptoPaymentModalSkeleton.tsx
+const CryptoPaymentModalSkeleton = ({ networkMismatch }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex w-full flex-col",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-4",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[84px] w-[84px] rounded-lg" }), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-1 flex-col",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })]
+							}),
+							/* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-24" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-2 flex flex-col",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-28" })]
+								}), /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-16" })]
+							})
+						]
+					})]
+				}),
+				networkMismatch && /* @__PURE__ */ jsx(Skeleton, { className: "h-[98px] w-full rounded-lg" }),
+				networkMismatch && /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-full" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-full" })
+			]
+		})
+	});
+};
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/CryptoPaymentModal.tsx
+const CryptoPaymentModal = ({ chainId, steps, onSuccess }) => {
+	const { data: { collectible, currency, collection }, loading: { isLoadingBuyModalData, isLoadingBalance }, chain: { isOnCorrectChain, currentChainId }, balance: { hasSufficientBalance }, transaction: { isApproving, isExecuting, isExecutingBundledTransactions }, error: { error, dismissError }, steps: { approvalStep, feeStep }, connector: { isSequenceConnector }, flags: { isMarket }, permissions: { canApprove, canBuy }, price: { formattedPrice, renderCurrencyPrice, renderPriceUSD }, actions: { executeApproval, executeBuy } } = useCryptoPaymentModalContext({
+		chainId,
+		steps,
+		onSuccess
+	});
+	const { ensureCorrectChainAsync } = useEnsureCorrectChain();
+	const [pendingAction, setPendingAction] = useState(null);
+	const [chainSwitchError, setChainSwitchError] = useState(null);
+	const isPendingApprovalReady = pendingAction === "approval" && isOnCorrectChain && canApprove;
+	const isPendingBuyReady = pendingAction === "buy" && isOnCorrectChain && canBuy;
+	const isPendingAction = pendingAction !== null;
+	useEffect(() => {
+		if (!isPendingApprovalReady && !isPendingBuyReady) return;
+		setPendingAction(null);
+		pendingAction === "approval" ? executeApproval() : executeBuy();
+	}, [
+		executeApproval,
+		executeBuy,
+		isPendingApprovalReady,
+		isPendingBuyReady,
+		pendingAction
+	]);
+	const handleChainSwitchError = (error$1) => {
+		setChainSwitchError({
+			title: "Chain switch failed",
+			message: `Failed to switch to ${getPresentableChainName(chainId)}. Please try changing the network in your wallet manually.`,
+			details: error$1
+		});
+	};
+	const dismissChainSwitchError = () => {
+		setChainSwitchError(null);
+	};
+	const executeAction = async (action) => {
+		setPendingAction(null);
+		if (action === "approval") {
+			await executeApproval();
+			return;
 		}
-	},
-	"43114": {
-		chainId: 43114,
-		openseaId: "avalanche",
-		name: "Avalanche",
-		nativeCurrency: {
-			symbol: "AVAX",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7" },
-		offerCurrency: {
-			symbol: "WAVAX",
-			address: "0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7"
-		},
-		listingCurrency: {
-			symbol: "AVAX",
-			address: zeroAddress
+		await executeBuy();
+	};
+	const executeWithChainSwitch = async (action) => {
+		dismissChainSwitchError();
+		if (isOnCorrectChain) {
+			await executeAction(action);
+			return;
 		}
-	},
-	"43419": {
-		chainId: 43419,
-		openseaId: "gunzilla",
-		name: "GUNZ",
-		nativeCurrency: {
-			symbol: "GUN",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1" },
-		offerCurrency: {
-			symbol: "WGUN",
-			address: "0x5aad7bba61d95c2c4e525a35f4062040264611f1"
-		},
-		listingCurrency: {
-			symbol: "GUN",
-			address: zeroAddress
+		setPendingAction(action);
+		try {
+			if (!await ensureCorrectChainAsync(chainId)) {
+				setPendingAction(null);
+				handleChainSwitchError();
+			}
+		} catch (error$1) {
+			setPendingAction(null);
+			if (error$1 instanceof Error) handleChainSwitchError(error$1);
+			else handleChainSwitchError();
 		}
-	},
-	"50311": {
-		chainId: 50311,
-		openseaId: "somnia",
-		name: "Somnia",
-		nativeCurrency: {
-			symbol: "SOMI",
-			address: zeroAddress
+	};
+	const isWaitingForChainSwitch = isPendingAction && !isOnCorrectChain;
+	const isPreparingPendingAction = isPendingAction && isOnCorrectChain;
+	const approvalButtonLabel = isApproving ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Approving Token..."]
+	}) : isWaitingForChainSwitch && pendingAction === "approval" ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Switching Network..."]
+	}) : isPreparingPendingAction && pendingAction === "approval" ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Preparing Approval..."]
+	}) : "Approve Token";
+	const buyButtonLabel = isExecuting || isExecutingBundledTransactions ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Confirming Purchase..."]
+	}) : isWaitingForChainSwitch && pendingAction === "buy" ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Switching Network..."]
+	}) : isPreparingPendingAction && pendingAction === "buy" ? /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), " Preparing Purchase..."]
+	}) : "Buy now";
+	if (isLoadingBuyModalData || isLoadingBalance) return /* @__PURE__ */ jsx(CryptoPaymentModalSkeleton, { networkMismatch: !isOnCorrectChain && currentChainId !== void 0 });
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex w-full flex-col",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: [
+				/* @__PURE__ */ jsx(CollectibleMetadataSummary, {
+					checkoutMode: "crypto",
+					collectible,
+					collection,
+					chainId,
+					currency,
+					formattedPrice,
+					renderCurrencyPrice,
+					renderPriceUSD,
+					isMarket
+				}),
+				!isLoadingBalance && !isLoadingBuyModalData && !hasSufficientBalance && /* @__PURE__ */ jsxs(Text, {
+					className: "text-sm text-warning",
+					children: [
+						"You do not have enough",
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							className: "font-bold",
+							children: currency?.name
+						}),
+						" to purchase this item"
+					]
+				}),
+				approvalStep && !isSequenceConnector && /* @__PURE__ */ jsx(Button, {
+					onClick: async () => {
+						await executeWithChainSwitch("approval");
+					},
+					disabled: !canApprove || isPendingAction,
+					variant: "primary",
+					size: "lg",
+					className: "w-full",
+					children: approvalButtonLabel
+				}),
+				!isLoadingBalance && !isLoadingBuyModalData && /* @__PURE__ */ jsx(Button, {
+					onClick: async () => {
+						await executeWithChainSwitch("buy");
+					},
+					disabled: !canBuy || isPendingAction,
+					variant: "primary",
+					size: "lg",
+					className: "w-full",
+					children: buyButtonLabel
+				}),
+				feeStep?.isSelecting && /* @__PURE__ */ jsx(selectWaasFeeOptions_default, {
+					chainId,
+					onCancel: feeStep.cancel,
+					titleOnConfirm: "Processing purchase..."
+				}),
+				(chainSwitchError || error) && /* @__PURE__ */ jsx(ErrorLogBox, {
+					title: chainSwitchError?.title ?? error?.title ?? "",
+					message: chainSwitchError?.message ?? error?.message ?? "",
+					error: chainSwitchError?.details ?? error?.details,
+					onDismiss: () => {
+						dismissChainSwitchError();
+						dismissError();
+					}
+				})
+			]
+		})
+	});
+};
+
+//#endregion
+//#region src/react/ui/modals/_internal/components/baseModal/ErrorBoundary.tsx
+var ErrorBoundary = class extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			hasError: false,
+			error: null,
+			errorInfo: null
+		};
+	}
+	resetErrorBoundary = () => {
+		this.setState({
+			hasError: false,
+			error: null,
+			errorInfo: null
+		});
+	};
+	static getDerivedStateFromError(error) {
+		return {
+			hasError: true,
+			error
+		};
+	}
+	componentDidCatch(error, errorInfo) {
+		console.error("ErrorBoundary caught an error:", error, errorInfo);
+		this.setState({ errorInfo });
+		this.props.onError?.(error, errorInfo);
+	}
+	render() {
+		if (this.state.hasError && this.state.error) {
+			if (this.props.fallback) {
+				if (this.state.errorInfo) return this.props.fallback(this.state.error, this.state.errorInfo);
+				return null;
+			}
+			return /* @__PURE__ */ jsx("div", {
+				className: this.props.className,
+				"data-testid": "error-boundary",
+				children: /* @__PURE__ */ jsx(SmartErrorHandler, {
+					error: this.state.error,
+					onAction: this.props.onAction
+				})
+			});
+		}
+		return this.props.children;
+	}
+};
+
+//#endregion
+//#region src/react/ui/modals/_internal/components/baseModal/ErrorModal.tsx
+/**
+* ErrorModal - Specialized modal for error states
+*
+* Improvements over the original wrapper:
+* - Built on BaseModal foundation
+* - Smart error handling integration
+* - Optional retry functionality
+* - Fallback to simple message display
+*/
+const ErrorModal = ({ onClose, title, chainId, error, message, onRetry, onErrorAction }) => /* @__PURE__ */ jsx(BaseModal, {
+	onClose,
+	title,
+	chainId,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center p-4",
+		"data-testid": "error-modal",
+		children: error ? /* @__PURE__ */ jsx(SmartErrorHandler, {
+			error,
+			onAction: onErrorAction || (onRetry ? () => onRetry() : void 0)
+		}) : /* @__PURE__ */ jsx(Text, {
+			className: "font-body",
+			color: "text80",
+			children: message || "Error loading item details"
+		})
+	})
+});
+
+//#endregion
+//#region src/react/ui/modals/_internal/components/baseModal/LoadingModal.tsx
+const LoadingModal = ({ onClose, title, chainId, disableAnimation = true, message }) => /* @__PURE__ */ jsx(BaseModal, {
+	onClose,
+	title,
+	chainId,
+	disableAnimation,
+	children: /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center gap-4 p-4",
+		"data-testid": "loading-modal",
+		children: [/* @__PURE__ */ jsx(Spinner, { size: "lg" }), message && /* @__PURE__ */ jsx("p", {
+			className: "text-center text-sm text-text-80",
+			children: message
+		})]
+	})
+});
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/sequence-checkout/ERC1155QuantityModal.tsx
+const ERC1155QuantityModal = ({ order, quantityRemaining, unlimitedSupply, salePrice, chainId, cardType }) => {
+	const minQuantity = 1n;
+	const [quantity, setQuantity] = useState(minQuantity);
+	const [localInvalidQuantity, setLocalInvalidQuantity] = useState(false);
+	const maxQuantity = unlimitedSupply ? maxUint256 : quantityRemaining;
+	const invalidQuantity = maxQuantity < minQuantity || localInvalidQuantity;
+	const handleSetQuantity = () => {
+		buyModalStore.send({
+			type: "setQuantity",
+			quantity: Number(quantity)
+		});
+		buyModalStore.send({ type: "openPaymentModal" });
+	};
+	return /* @__PURE__ */ jsx(ActionModal, {
+		chainId,
+		onClose: () => buyModalStore.send({ type: "close" }),
+		title: "Select Quantity",
+		disableAnimation: true,
+		type: "buy",
+		queries: {},
+		primaryAction: {
+			label: "Buy now",
+			onClick: handleSetQuantity,
+			disabled: invalidQuantity
 		},
-		wrappedNativeCurrency: { address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab" },
-		offerCurrency: {
-			symbol: "WSOMI",
-			address: "0x046ede9564a72571df6f5e44d0405360c0f4dcab"
+		secondaryAction: {
+			label: "Cancel",
+			variant: "secondary",
+			onClick: () => buyModalStore.send({ type: "close" })
 		},
-		listingCurrency: {
-			symbol: "SOMI",
-			address: zeroAddress
+		children: () => {
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex w-full flex-col gap-4",
+				children: [/* @__PURE__ */ jsx(QuantityInput, {
+					quantity,
+					invalidQuantity,
+					onQuantityChange: setQuantity,
+					onInvalidQuantityChange: setLocalInvalidQuantity,
+					maxQuantity
+				}), /* @__PURE__ */ jsx(TotalPrice, {
+					order,
+					quantity,
+					salePrice,
+					chainId,
+					cardType
+				})]
+			});
 		}
-	},
-	"80094": {
-		chainId: 80094,
-		openseaId: "bera_chain",
-		name: "Berachain",
-		nativeCurrency: {
-			symbol: "BERA",
-			address: zeroAddress
+	});
+};
+const TotalPrice = ({ order, quantity, salePrice, chainId, cardType }) => {
+	const isShop = cardType === "shop";
+	const isMarket = cardType === "market";
+	const { data: marketplaceConfig } = useMarketplaceConfig();
+	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
+		chainId,
+		currencyAddress: order ? order.priceCurrencyAddress : salePrice?.currencyAddress
+	});
+	let error = null;
+	let formattedPrice = "0";
+	if (isMarket && currency && order) try {
+		const marketplaceFeePercentage = (marketplaceConfig?.market?.collections?.find((col) => col.itemsAddress.toLowerCase() === order.collectionContractAddress.toLowerCase() && col.chainId === chainId))?.feePercentage ?? DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
+		formattedPrice = formatPriceWithFee(BigInt(order.priceAmount) * quantity, currency.decimals, marketplaceFeePercentage);
+	} catch (e) {
+		console.error("Error formatting price", e);
+		error = "Unable to calculate total price";
+	}
+	if (isShop && salePrice && currency) formattedPrice = formatPriceWithFee(BigInt(salePrice.amount) * quantity, currency.decimals, 0);
+	return error ? /* @__PURE__ */ jsx(Text, {
+		className: "font-body font-medium text-xs",
+		color: "text50",
+		children: error
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-between",
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "font-body font-medium text-xs",
+			color: "text50",
+			children: "Total Price"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-0.5",
+			children: !currency || isCurrencyLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				currency?.imageUrl && /* @__PURE__ */ jsx(TokenImage, {
+					src: currency.imageUrl,
+					size: "xs"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "font-body font-bold text-text-100 text-xs",
+					children: formattedPrice
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					className: "font-body font-bold text-text-80 text-xs",
+					children: currency?.symbol
+				})
+			] })
+		})]
+	});
+};
+
+//#endregion
+//#region ../api/src/adapters/marketplace/marketplace.gen.ts
+let StepType$1 = /* @__PURE__ */ function(StepType$2) {
+	StepType$2["unknown"] = "unknown";
+	StepType$2["tokenApproval"] = "tokenApproval";
+	StepType$2["buy"] = "buy";
+	StepType$2["sell"] = "sell";
+	StepType$2["createListing"] = "createListing";
+	StepType$2["createOffer"] = "createOffer";
+	StepType$2["signEIP712"] = "signEIP712";
+	StepType$2["signEIP191"] = "signEIP191";
+	StepType$2["cancel"] = "cancel";
+	return StepType$2;
+}({});
+
+//#endregion
+//#region src/utils/decode/erc20.ts
+function decodeERC20Approval(calldata) {
+	const decoded = decodeFunctionData({
+		abi: erc20Abi,
+		data: calldata
+	});
+	if (decoded.functionName !== "approve") throw new Error("Not an ERC20 approval transaction");
+	const [spender, value] = decoded.args;
+	return {
+		spender,
+		value
+	};
+}
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/sequence-checkout/usePaymentModalParams.ts
+const getBuyCollectableParams = async ({ address, chainId, collectionAddress, tokenId, successActionButtons, priceCurrencyAddress, customCreditCardProviderCallback, marketplaceKind, orderId, quantity, skipNativeBalanceCheck, nativeTokenAddress, buyAnalyticsId, onRampProvider, checkoutMode, steps, marketplaceType }) => {
+	const checkoutOptions = typeof checkoutMode === "object" ? checkoutMode.options : void 0;
+	const buyStep = steps?.find((step) => step.id === StepType$1.buy);
+	const approveStep = steps?.find((step) => step.id === StepType$1.tokenApproval);
+	const approvedSpenderAddress = approveStep ? decodeERC20Approval(approveStep.data).spender : void 0;
+	if (!buyStep) throw new Error("Buy step not found");
+	const creditCardProviders = customCreditCardProviderCallback ? ["custom"] : checkoutOptions?.nftCheckout || [];
+	const supplementaryAnalyticsInfo = marketplaceType === "market" ? {
+		requestId: orderId,
+		...marketplaceKind && { marketplaceKind },
+		buyAnalyticsId
+	} : { marketplaceType: "shop" };
+	const totalPrice = BigInt(buyStep.price) * BigInt(quantity);
+	return {
+		chain: chainId,
+		collectibles: [{
+			tokenId: tokenId?.toString() ?? "",
+			quantity: quantity.toString()
+		}],
+		currencyAddress: priceCurrencyAddress,
+		price: totalPrice.toString(),
+		targetContractAddress: buyStep.to,
+		approvedSpenderAddress,
+		txData: buyStep.data,
+		collectionAddress,
+		recipientAddress: address,
+		creditCardProviders,
+		supplementaryAnalyticsInfo,
+		onClose: () => {
+			getQueryClient().invalidateQueries({ predicate: (query) => !query.meta?.persistent });
+			buyModalStore.send({ type: "close" });
+		},
+		skipNativeBalanceCheck,
+		nativeTokenAddress,
+		...customCreditCardProviderCallback && { customProviderCallback: () => {
+			customCreditCardProviderCallback(buyStep);
+			buyModalStore.send({ type: "close" });
+		} },
+		onRampProvider,
+		successActionButtons
+	};
+};
+const usePaymentModalParams = (args) => {
+	const { marketplaceKind, priceCurrencyAddress, quantity, steps, marketplaceType } = args;
+	const buyModalProps = useBuyModalProps();
+	const { checkoutMode } = useBuyModalContext();
+	const { chainId, collectionAddress, skipNativeBalanceCheck, nativeTokenAddress, onRampProvider, successActionButtons } = buyModalProps;
+	const tokenId = isMarketProps(buyModalProps) ? buyModalProps.tokenId : buyModalProps.item.tokenId;
+	const orderId = isMarketProps(buyModalProps) ? buyModalProps.orderId : "";
+	const customCreditCardProviderCallback = isMarketProps(buyModalProps) ? buyModalProps.customCreditCardProviderCallback : void 0;
+	const buyAnalyticsId = useBuyAnalyticsId();
+	const { address } = useAccount();
+	return useQuery({
+		queryKey: [
+			"buyCollectableParams",
+			buyModalProps,
+			args
+		],
+		queryFn: !!address && !!priceCurrencyAddress && !!quantity && !!steps && (marketplaceType === "market" ? !!marketplaceKind : true) ? () => getBuyCollectableParams({
+			chainId,
+			address,
+			collectionAddress,
+			tokenId,
+			marketplaceKind,
+			orderId,
+			quantity,
+			priceCurrencyAddress,
+			successActionButtons,
+			customCreditCardProviderCallback,
+			skipNativeBalanceCheck,
+			nativeTokenAddress,
+			buyAnalyticsId,
+			onRampProvider,
+			checkoutMode,
+			steps,
+			marketplaceType
+		}) : skipToken,
+		retry: false
+	});
+};
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/sequence-checkout/SequenceCheckoutNew.tsx
+const SequenceCheckout = ({ steps, contractType, primarySaleItem }) => {
+	const modalProps = useBuyModalProps();
+	const isMarket = isMarketProps(modalProps);
+	const isShop = isShopProps(modalProps);
+	const paymentModalState = usePaymentModalState();
+	const { chainId, collectionAddress, hideQuantitySelector } = modalProps;
+	const orderId = isMarket ? modalProps.orderId : "";
+	const marketplaceKind = isMarket ? modalProps.marketplace : void 0;
+	const { data: marketOrders } = useOrders({
+		chainId,
+		input: marketplaceKind && orderId ? [{
+			contractAddress: collectionAddress,
+			orderId,
+			marketplace: marketplaceKind
+		}] : [],
+		query: { enabled: isMarket && !!orderId && !!marketplaceKind }
+	});
+	const marketOrder = marketOrders?.orders[0];
+	const paymentModalParams = usePaymentModalParams({
+		quantity: useQuantity(),
+		marketplaceKind,
+		priceCurrencyAddress: isMarket ? marketOrder?.priceCurrencyAddress : primarySaleItem?.currencyAddress,
+		steps,
+		marketplaceType: isMarket ? "market" : "shop"
+	});
+	if (!hideQuantitySelector && contractType === ContractType$1.ERC1155 && paymentModalState === "idle") {
+		const quantityRemaining = isMarket ? marketOrder?.quantityRemaining : primarySaleItem?.supply;
+		const unlimitedSupply = isShop && primarySaleItem?.unlimitedSupply ? primarySaleItem?.unlimitedSupply : false;
+		return /* @__PURE__ */ jsx(ERC1155QuantityModal, {
+			order: marketOrder,
+			cardType: isMarket ? "market" : "shop",
+			salePrice: isShop ? {
+				amount: primarySaleItem?.priceAmount || 0n,
+				currencyAddress: primarySaleItem?.currencyAddress
+			} : void 0,
+			quantityRemaining: quantityRemaining ?? 0n,
+			unlimitedSupply,
+			chainId
+		});
+	}
+	if (paymentModalState === "closed") return null;
+	return /* @__PURE__ */ jsx(ActionModal, {
+		onClose: () => {
+			buyModalStore.send({ type: "close" });
+		},
+		type: "buy",
+		chainId,
+		queries: { paymentModalParams },
+		title: "Checkout",
+		onErrorDismiss: () => {
+			buyModalStore.send({ type: "close" });
 		},
-		wrappedNativeCurrency: { address: "0x6969696969696969696969696969696969696969" },
-		offerCurrency: {
-			symbol: "WBERA",
-			address: "0x6969696969696969696969696969696969696969"
+		onErrorAction: () => {
+			buyModalStore.send({ type: "close" });
 		},
-		listingCurrency: {
-			symbol: "BERA",
-			address: zeroAddress
+		children: ({ paymentModalParams: paymentModalParams$1 }) => {
+			if (!steps) return /* @__PURE__ */ jsxs("div", {
+				className: "flex h-24 items-center justify-center gap-4",
+				children: [/* @__PURE__ */ jsx(Spinner, { size: "lg" }), /* @__PURE__ */ jsx(Text, {
+					className: "pulse",
+					children: "Loading checkout"
+				})]
+			});
+			return /* @__PURE__ */ jsx(PaymentModalOpener, { paymentModalParams: paymentModalParams$1 });
 		}
-	},
-	"81457": {
-		chainId: 81457,
-		openseaId: "blast",
-		name: "Blast",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		},
-		wrappedNativeCurrency: { address: "0x4300000000000000000000000000000000000004" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4300000000000000000000000000000000000004"
-		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+	});
+};
+const PaymentModalOpener = ({ paymentModalParams }) => {
+	const { openSelectPaymentModal } = useSelectPaymentModal();
+	useEffect(() => {
+		if (paymentModalParams) {
+			openSelectPaymentModal(paymentModalParams);
+			buyModalStore.send({ type: "openPaymentModal" });
 		}
-	},
-	"7777777": {
-		chainId: 7777777,
-		openseaId: "zora",
-		name: "Zora",
-		nativeCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
+	}, [paymentModalParams, openSelectPaymentModal]);
+	return null;
+};
+var SequenceCheckoutNew_default = SequenceCheckout;
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/TrailsCss.ts
+/**
+* Custom CSS to style the Trails widget to match the Sequence Marketplace SDK design system.
+*
+* This CSS overrides the Trails widget's default theme variables with Sequence design tokens.
+* The CSS is injected into the Trails widget's shadow DOM via the customCss prop.
+*
+* Note: The ShadowPortal wraps CSS variables in :root/:host selectors, but we provide
+* the full CSS string here including both variable declarations and class overrides.
+*
+* Color mapping (Sequence Design System -> Trails Variables):
+* - seq-color-background-primary (#000000 black) -> trails-bg-primary
+* - seq-color-background-secondary (#18181b zinc-900) -> trails-bg-secondary
+* - seq-color-background-raised (#27272a zinc-800) -> trails-bg-card, trails-bg-tertiary
+* - seq-color-background-muted (#09090b zinc-950) -> used for inputs/dropdowns
+* - seq-color-border-normal (#3f3f46 zinc-700) -> trails-border-primary
+* - seq-color-border-hover (#52525b zinc-600) -> trails-border-secondary
+* - seq-color-border-focus (#8b5cf6 violet-500) -> focus borders
+*/
+const TRAILS_CUSTOM_CSS = `
+}
+
+/* ========================================
+ * CSS Variable Overrides - Match Sequence Design System
+ * These are wrapped in :root/:host by ShadowPortal
+ * ======================================== */
+
+:root, :host, [data-theme="dark"] {
+  /* Background Colors */
+  --trails-bg-primary: rgb(0 0 0) !important;
+  --trails-bg-secondary: rgb(24 24 27) !important;
+  --trails-bg-secondary-hover: rgb(39 39 42) !important;
+  --trails-bg-secondary-focus-border: rgb(63 63 70) !important;
+  --trails-bg-tertiary: rgb(39 39 42) !important;
+  --trails-bg-card: rgb(24 24 27) !important;
+  --trails-bg-overlay: rgb(0 0 0) !important;
+  
+  /* Text Colors */
+  --trails-text-primary: rgb(255 255 255) !important;
+  --trails-text-secondary: rgba(255 255 255 / 0.8) !important;
+  --trails-text-tertiary: rgba(255 255 255 / 0.6) !important;
+  --trails-text-muted: rgb(113 113 122) !important;
+  --trails-text-inverse: rgb(0 0 0) !important;
+  
+  /* Border Colors */
+  --trails-border-primary: rgb(63 63 70) !important;
+  --trails-border-secondary: rgb(82 82 91) !important;
+  --trails-border-tertiary: rgb(39 39 42) !important;
+  
+  /* Interactive Colors */
+  --trails-hover-bg: rgb(24 24 27) !important;
+  --trails-hover-text: rgb(255 255 255) !important;
+  
+  /* Input Field Colors */
+  --trails-input-bg: rgb(0 0 0) !important;
+  --trails-input-border: rgb(39 39 42) !important;
+  --trails-input-text: rgb(255 255 255) !important;
+  --trails-input-placeholder: rgb(113 113 122) !important;
+  --trails-input-focus-border: rgb(139 92 246) !important;
+  
+  /* Dropdown Colors */
+  --trails-dropdown-bg: rgb(0 0 0) !important;
+  --trails-dropdown-border: rgb(39 39 42) !important;
+  --trails-dropdown-text: rgb(255 255 255) !important;
+  --trails-dropdown-hover-bg: rgb(24 24 27) !important;
+  --trails-dropdown-selected-bg: rgb(39 39 42) !important;
+  --trails-dropdown-selected-text: rgb(255 255 255) !important;
+  --trails-dropdown-focus-border: rgb(139 92 246) !important;
+  
+  /* Modal Button Colors */
+  --trails-modal-button-bg: transparent !important;
+  --trails-modal-button-hover-bg: rgba(255 255 255 / 0.1) !important;
+  --trails-modal-button-text: rgb(255 255 255) !important;
+  --trails-modal-button-shadow: 0 1px 2px 0 rgba(0 0 0 / 0.1) !important;
+  
+  /* Token List Colors */
+  --trails-list-bg: rgb(0 0 0) !important;
+  --trails-list-border: rgb(39 39 42) !important;
+  --trails-list-hover-bg: rgb(24 24 27) !important;
+  --trails-list-item-bg: transparent !important;
+  --trails-list-item-selected-bg: rgb(39 39 42) !important;
+  
+  /* Widget Border and Radius */
+  --trails-widget-border: none !important;
+  --trails-border-radius-widget: 24px !important;
+  --trails-border-radius-button: 8px !important;
+  --trails-border-radius-input: 8px !important;
+  --trails-border-radius-dropdown: 8px !important;
+  --trails-border-radius-container: 8px !important;
+  --trails-border-radius-list: 8px !important;
+  --trails-border-radius-list-button: 8px !important;
+  --trails-border-radius-large-button: 8px !important;
+  
+  /* Status Colors */
+  --trails-success-bg: rgba(34 197 94 / 0.2) !important;
+  --trails-success-text: rgb(34 197 94) !important;
+  --trails-success-border: rgba(34 197 94 / 0.3) !important;
+  
+  --trails-warning-bg: rgba(234 179 8 / 0.2) !important;
+  --trails-warning-text: rgb(234 179 8) !important;
+  --trails-warning-border: rgba(234 179 8 / 0.3) !important;
+  
+  --trails-error-bg: rgba(239 68 68 / 0.2) !important;
+  --trails-error-text: rgb(239 68 68) !important;
+  --trails-error-border: rgba(239 68 68 / 0.3) !important;
+  
+  /* Shadow */
+  --trails-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -1px rgba(0 0 0 / 0.06) !important;
+  
+  /* Primary Button */
+  --trails-primary: rgb(255 255 255) !important;
+  --trails-primary-hover: rgba(255 255 255 / 0.9) !important;
+  --trails-primary-disabled: rgb(63 63 70) !important;
+  --trails-primary-disabled-text: rgb(113 113 122) !important;
+  
+  /* Percentage Button Colors */
+  --trails-percentage-button-bg: rgb(24 24 27) !important;
+  --trails-percentage-button-text: rgb(161 161 170) !important;
+  --trails-percentage-button-hover-bg: rgb(39 39 42) !important;
+  
+  /* Font Family */
+  --trails-font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+}
+
+/* ========================================
+ * Direct Tailwind Class Overrides
+ * Override hard-coded Tailwind classes used in Trails components
+ * ======================================== */
+
+/* White backgrounds -> black */
+.bg-white,
+.dark\\:bg-gray-900 {
+  background-color: rgb(0 0 0) !important;
+}
+
+/* Gray-800 backgrounds -> black */
+.bg-gray-800,
+.dark\\:bg-gray-800 {
+  background-color: rgb(0 0 0) !important;
+}
+
+/* Gray-700 backgrounds -> zinc-800 */
+.bg-gray-700,
+.dark\\:bg-gray-700 {
+  background-color: rgb(39 39 42) !important;
+}
+
+/* Hover states */
+.hover\\:bg-gray-50:hover {
+  background-color: rgb(24 24 27) !important;
+}
+
+.dark\\:hover\\:bg-gray-800:hover {
+  background-color: rgb(24 24 27) !important;
+}
+
+.dark\\:hover\\:bg-gray-700:hover {
+  background-color: rgb(39 39 42) !important;
+}
+
+/* Focus states */
+.focus-within\\:\\!bg-white:focus-within {
+  background-color: rgb(0 0 0) !important;
+}
+
+.dark\\:focus-within\\:\\!bg-gray-800:focus-within {
+  background-color: rgb(0 0 0) !important;
+}
+
+/* Border colors */
+.border-gray-200 {
+  border-color: rgb(39 39 42) !important;
+}
+
+.dark\\:border-gray-700 {
+  border-color: rgb(39 39 42) !important;
+}
+
+.border-gray-300 {
+  border-color: rgb(63 63 70) !important;
+}
+
+.dark\\:border-gray-600 {
+  border-color: rgb(63 63 70) !important;
+}
+
+/* Text colors */
+.text-gray-900 {
+  color: rgb(255 255 255) !important;
+}
+
+.dark\\:text-white {
+  color: rgb(255 255 255) !important;
+}
+
+.text-gray-500,
+.dark\\:text-gray-400 {
+  color: rgb(161 161 170) !important;
+}
+
+.text-black,
+.dark\\:text-blue-300 {
+  color: rgb(255 255 255) !important;
+}
+
+/* Primary button gradient - Match Sequence design */
+.bg-blue-500 {
+  background: linear-gradient(89.69deg, #4411e1 0.27%, #7537f9 99.73%) !important;
+}
+
+.hover\\:bg-blue-600:hover {
+  background: linear-gradient(89.69deg, #3a0ec7 0.27%, #6229e0 99.73%) !important;
+  opacity: 0.9;
+}
+
+{
+`;
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/BuyModalContent.tsx
+const BuyModalContent = () => {
+	const { modalProps, close, steps, primarySaleItem, marketOrder, collectible, buyStep, trailsDestination, isLoading, collection, checkoutMode, formattedAmount, isMarket, isShop, handleTrailsSuccess, handleTransactionSuccess, error, refetchAll } = useBuyModalContext();
+	const currencyAddress = isShop ? primarySaleItem?.currencyAddress : marketOrder?.priceCurrencyAddress;
+	if (error) return /* @__PURE__ */ jsx(Modal, {
+		isDismissible: true,
+		onClose: close,
+		overlayProps: MODAL_OVERLAY_PROPS,
+		contentProps: {
+			style: {
+				width: "400px",
+				height: "auto"
+			},
+			className: "overflow-y-auto"
 		},
-		wrappedNativeCurrency: { address: "0x4200000000000000000000000000000000000006" },
-		offerCurrency: {
-			symbol: "WETH",
-			address: "0x4200000000000000000000000000000000000006"
+		children: /* @__PURE__ */ jsx(ModalInitializationError, {
+			error,
+			onTryAgain: refetchAll,
+			onClose: close
+		})
+	});
+	if (typeof checkoutMode === "object" && checkoutMode.mode === "sequence-checkout") return /* @__PURE__ */ jsx(SequenceCheckoutNew_default, {
+		steps,
+		contractType: collection?.type,
+		primarySaleItem
+	});
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && close(),
+		children: [/* @__PURE__ */ jsx(DialogOverlay, { style: MODAL_OVERLAY_PROPS.style }), /* @__PURE__ */ jsx(DialogContent, {
+			className: "h-auto w-[450px] overflow-y-auto overflow-x-hidden",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "relative flex grow flex-col items-center",
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						className: "w-full text-center font-body font-bold text-large text-text-100",
+						children: "Complete Your Purchase"
+					}),
+					isLoading && /* @__PURE__ */ jsx("div", {
+						className: "flex w-full items-center justify-center py-8",
+						children: /* @__PURE__ */ jsx(ProgressiveLoadingMessage, {})
+					}),
+					!isLoading && (checkoutMode === "crypto" || isShop && primarySaleItem?.priceAmount === 0n) && steps && steps.length > 0 && /* @__PURE__ */ jsx(CryptoPaymentModal, {
+						chainId: modalProps.chainId,
+						steps,
+						onSuccess: handleTransactionSuccess
+					}),
+					!isLoading && checkoutMode === "trails" && buyStep && (!isMarket || trailsDestination) && !(isShop && primarySaleItem?.priceAmount === 0n) && /* @__PURE__ */ jsxs("div", {
+						className: "pointer-events-auto w-full",
+						children: [collectible && /* @__PURE__ */ jsx(CollectibleMetadataSummary, {
+							checkoutMode: "trails",
+							collectible,
+							collection
+						}), isMarket && trailsDestination ? /* @__PURE__ */ jsx(TrailsWidget, {
+							toChainId: modalProps.chainId,
+							toAddress: trailsDestination.recipient,
+							toToken: trailsDestination.paymentTokenAddress,
+							toAmount: formattedAmount,
+							toCalldata: trailsDestination.destinationCalldata,
+							renderInline: true,
+							theme: "dark",
+							mode: "pay",
+							customCss: TRAILS_CUSTOM_CSS,
+							onDestinationConfirmation: handleTrailsSuccess,
+							payMessage: "{TO_TOKEN_IMAGE}{TO_AMOUNT}{TO_TOKEN_SYMBOL}{TO_AMOUNT_USD}"
+						}, `market-${marketOrder?.orderId}-${trailsDestination.destinationCalldata}`) : /* @__PURE__ */ jsx(TrailsWidget, {
+							toChainId: modalProps.chainId,
+							toAddress: buyStep.to,
+							toToken: currencyAddress,
+							toAmount: formattedAmount,
+							toCalldata: buyStep.data,
+							renderInline: true,
+							theme: "dark",
+							mode: "pay",
+							customCss: TRAILS_CUSTOM_CSS,
+							onDestinationConfirmation: handleTrailsSuccess,
+							payMessage: "{TO_TOKEN_IMAGE}{TO_AMOUNT}{TO_TOKEN_SYMBOL}{TO_AMOUNT_USD}"
+						}, `direct-${buyStep.to}-${buyStep.data}`)]
+					})
+				]
+			})
+		})]
+	});
+};
+const ProgressiveLoadingMessage = () => {
+	const [showSecondaryMessage, setShowSecondaryMessage] = useState(false);
+	const timerRef = useRef(null);
+	if (!timerRef.current) timerRef.current = setTimeout(() => {
+		setShowSecondaryMessage(true);
+	}, 3e3);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn$1("transition-all duration-300", showSecondaryMessage ? "h-10 w-10" : "h-5 w-5"),
+			children: /* @__PURE__ */ jsx(Spinner, { className: "h-full w-full transition-all duration-150" })
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "animate-pulse text-text-100",
+				children: "Loading payment options..."
+			}), showSecondaryMessage && /* @__PURE__ */ jsx("p", {
+				className: "text-small text-text-50",
+				children: "This is taking longer than expected."
+			})]
+		})]
+	});
+};
+
+//#endregion
+//#region src/react/ui/modals/BuyModal/components/Modal.tsx
+const BuyModal = () => {
+	if (!useIsOpen()) return null;
+	return /* @__PURE__ */ jsx(BuyModalWithTrailsProvider, {});
+};
+const useTrailsWaasFeeOptions = ({ chainIdOverride } = {}) => {
+	const config = useConfig$1();
+	const { pendingFeeOptionConfirmation, confirmPendingFeeOption, rejectPendingFeeOption } = useWaasFeeOptions$1(chainIdOverride ?? 0, config);
+	return [
+		pendingFeeOptionConfirmation,
+		confirmPendingFeeOption,
+		rejectPendingFeeOption
+	];
+};
+const BuyModalWithTrailsProvider = () => {
+	const config = useConfig$1();
+	const wagmiConfig = useConfig();
+	return /* @__PURE__ */ jsx(TrailsProvider, {
+		config: {
+			trailsApiKey: config.projectAccessKey,
+			trailsApiUrl: getTrailsApiUrl(config),
+			sequenceIndexerUrl: getSequenceIndexerUrl(config),
+			sequenceNodeGatewayUrl: getSequenceNodeGatewayUrl(config),
+			sequenceApiUrl: getSequenceApiUrl(config),
+			walletConnectProjectId: config.walletConnectProjectId,
+			adapters: [wagmiAdapter({
+				wagmiConfig,
+				sequence: { useWaasFeeOptions: useTrailsWaasFeeOptions }
+			})]
 		},
-		listingCurrency: {
-			symbol: "ETH",
-			address: zeroAddress
-		}
-	}
+		children: /* @__PURE__ */ jsx(BuyModalContent, {})
+	});
 };
-function getOpenseaCurrencyForChain(chainId, modalType) {
-	const config = OPENSEA_CHAIN_CURRENCIES[chainId.toString()];
-	if (!config) return;
-	return modalType === "listing" ? config.listingCurrency : config.offerCurrency;
+
+//#endregion
+//#region src/react/ui/modals/_internal/components/floorPriceText/index.tsx
+function FloorPriceText({ chainId, collectionAddress, tokenId, price, onBuyNow }) {
+	const { data: listing, isLoading: listingLoading } = useCollectibleMarketLowestListing({
+		tokenId,
+		chainId,
+		collectionAddress,
+		filter: { currencies: [price.currency.contractAddress] }
+	});
+	const floorPriceRaw = listing?.priceAmount;
+	const floorPriceFormatted = listing?.priceAmountFormatted;
+	const { data: priceComparison, isLoading: comparisonLoading } = useCurrencyComparePrices({
+		chainId,
+		priceAmountRaw: price.amountRaw?.toString() || "0",
+		priceCurrencyAddress: price.currency.contractAddress,
+		compareToPriceAmountRaw: floorPriceRaw?.toString() || "0",
+		compareToPriceCurrencyAddress: listing?.priceCurrencyAddress || price.currency.contractAddress,
+		query: { enabled: !!floorPriceRaw && !listingLoading && price.amountRaw !== 0n }
+	});
+	if (!floorPriceRaw || listingLoading || price.amountRaw === 0n || comparisonLoading) return null;
+	let floorPriceDifferenceText = "Same as floor price";
+	let showBuyNowButton = false;
+	if (priceComparison) if (priceComparison.status === "same") {
+		floorPriceDifferenceText = "Same as floor price";
+		showBuyNowButton = true;
+	} else if (priceComparison.status === "below") floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% below floor price`;
+	else {
+		floorPriceDifferenceText = `${priceComparison.percentageDifferenceFormatted}% above floor price`;
+		showBuyNowButton = true;
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-wrap items-center justify-between gap-2",
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "text-left font-body font-medium text-muted text-xs",
+			children: floorPriceDifferenceText
+		}), showBuyNowButton && onBuyNow && /* @__PURE__ */ jsxs(Button, {
+			size: "xs",
+			variant: "text",
+			className: "text-indigo-400 text-xs",
+			onClick: onBuyNow,
+			children: [
+				"Buy for ",
+				floorPriceFormatted,
+				" ",
+				price.currency.symbol
+			]
+		})]
+	});
 }
 
+//#endregion
+//#region src/react/ui/components/_internals/custom-select/CustomSelect.tsx
+const CustomSelect = ({ items, onValueChange, defaultValue, placeholder = "Select an option", disabled = false, className, testId = "custom-select" }) => {
+	const [selectedItem, setSelectedItem] = useState(defaultValue);
+	const handleValueChange = (item) => {
+		setSelectedItem(item);
+		onValueChange?.(item.value);
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		disabled,
+		children: /* @__PURE__ */ jsx(Button, {
+			size: "xs",
+			shape: "circle",
+			className: `py-1.5 pl-3 hover:bg-overlay-light ${className || ""}`,
+			"data-testid": `${testId}-trigger`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center gap-1 truncate pr-3",
+				children: [/* @__PURE__ */ jsx(Text, {
+					variant: "xsmall",
+					color: "text100",
+					fontWeight: "bold",
+					children: selectedItem ? selectedItem.content : placeholder
+				}), /* @__PURE__ */ jsx(ChevronDownIcon, { size: "xs" })]
+			})
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "end",
+		side: "bottom",
+		sideOffset: 8,
+		className: "z-[1000] overflow-hidden rounded-xl border border-border-base bg-color-overlay-glass shadow-lg backdrop-blur-md",
+		"data-testid": `${testId}-content`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "max-h-[240px] overflow-auto",
+			children: items.map((item) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
+				checked: selectedItem?.value === item.value,
+				onCheckedChange: () => handleValueChange(item),
+				disabled: item.disabled,
+				className: "group relative flex cursor-pointer select-none items-center rounded-lg px-2 py-1.5 outline-none transition-colors hover:bg-background-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>span[data-state='checked']]:hidden",
+				"data-testid": `${testId}-option-${item.value}`,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex w-full items-center justify-between",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2 truncate",
+						children: typeof item.content === "string" ? /* @__PURE__ */ jsx(Text, {
+							variant: "small",
+							color: selectedItem?.value === item.value ? "text100" : "text80",
+							className: `truncate ${selectedItem?.value === item.value ? "font-bold" : ""}`,
+							"data-testid": `${testId}-option-text-${item.value}`,
+							children: item.content
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "truncate",
+							"data-testid": `${testId}-option-content-${item.value}`,
+							children: item.content
+						})
+					})
+				})
+			}, item.value))
+		})
+	}) })] });
+};
+
 //#endregion
 //#region src/react/ui/modals/_internal/components/currencyOptionsSelect/index.tsx
 function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDefault, selectedCurrency, onCurrencyChange, includeNativeCurrency, orderbookKind, modalType }) {
@@ -8459,7 +8748,7 @@ function CurrencyOptionsSelect({ chainId, collectionAddress, secondCurrencyAsDef
 		includeNativeCurrency
 	});
 	let filteredCurrencies = currencies;
-	if (currencies && orderbookKind === OrderbookKind.opensea && modalType) {
+	if (currencies && isOpenSeaOrderbook(orderbookKind) && modalType) {
 		const openseaCurrency = getOpenseaCurrencyForChain(chainId, modalType);
 		if (openseaCurrency) filteredCurrencies = currencies.filter((currency) => compareAddress(currency.contractAddress, openseaCurrency.address));
 	}
@@ -8510,7 +8799,7 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		chainId,
 		currencyAddress: currencyAddress ?? zeroAddress,
 		amountRaw: priceAmountRaw?.toString(),
-		query: { enabled: orderbookKind === OrderbookKind.opensea && !!currencyAddress && !!priceAmountRaw }
+		query: { enabled: isOpenSeaOrderbook(orderbookKind) && !!currencyAddress && !!priceAmountRaw }
 	});
 	useEffect(() => {
 		if (inputRef.current) inputRef.current.focus();
@@ -8553,7 +8842,7 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		}),
 		children
 	});
-	const openseaLowestPriceCriteriaMet = orderbookKind === OrderbookKind.opensea && conversion?.usdAmount !== void 0 && conversion.usdAmount >= .01;
+	const openseaLowestPriceCriteriaMet = isOpenSeaOrderbook(orderbookKind) && conversion?.usdAmount !== void 0 && conversion.usdAmount >= .01;
 	if (checkBalance?.enabled) checkBalance.callback(balanceError);
 	const [value, setValue] = useState("0");
 	const prevCurrencyDecimals = useRef(currencyDecimals);
@@ -8582,7 +8871,7 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 		const newValue = event.target.value;
 		setValue(newValue);
 		if (!price || !onPriceChange) return;
-		if (orderbookKind === OrderbookKind.opensea && modalType === "offer") {
+		if (isOpenSeaOrderbook(orderbookKind) && modalType === "offer") {
 			const validation = validateOpenseaOfferDecimals(newValue);
 			if (!validation.isValid) {
 				setOpenseaDecimalError(validation.errorMessage || null);
@@ -8687,12 +8976,12 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 					})]
 				})
 			}),
-			!balanceError && priceAmountRaw !== 0n && !openseaLowestPriceCriteriaMet && orderbookKind === OrderbookKind.opensea && !isConversionLoading && modalType === "offer" && !openseaDecimalError && /* @__PURE__ */ jsx(Text, {
+			!balanceError && priceAmountRaw !== 0n && !openseaLowestPriceCriteriaMet && isOpenSeaOrderbook(orderbookKind) && !isConversionLoading && modalType === "offer" && !openseaDecimalError && /* @__PURE__ */ jsx(Text, {
 				className: "absolute -bottom-5 font-body font-medium text-xs",
 				color: "negative",
 				children: "Lowest price must be at least $0.01"
 			}),
-			!balanceError && openseaDecimalError && orderbookKind === OrderbookKind.opensea && modalType === "offer" && /* @__PURE__ */ jsx(Text, {
+			!balanceError && openseaDecimalError && isOpenSeaOrderbook(orderbookKind) && modalType === "offer" && /* @__PURE__ */ jsx(Text, {
 				className: "font-body font-medium text-xs",
 				color: "negative",
 				children: openseaDecimalError
@@ -8705,7 +8994,7 @@ function PriceInput({ chainId, collectionAddress, price, onPriceChange, onCurren
 //#region src/react/ui/modals/_internal/helpers/currency.ts
 function filterCurrenciesForOrderbook(currencies, orderbookKind, chainId, side) {
 	if (!currencies || currencies.length === 0) return [];
-	if (orderbookKind === OrderbookKind.opensea) {
+	if (isOpenSeaOrderbook(orderbookKind)) {
 		const openseaCurrency = getOpenseaCurrencyForChain(chainId, side);
 		if (openseaCurrency) return currencies.filter((currency) => compareAddress(currency.contractAddress, openseaCurrency.address));
 	}
@@ -8714,7 +9003,7 @@ function filterCurrenciesForOrderbook(currencies, orderbookKind, chainId, side)
 function getDefaultCurrency(currencies, orderbookKind, modalType) {
 	if (currencies.length === 0) return null;
 	if (modalType === "listing") return currencies[0];
-	return orderbookKind !== OrderbookKind.sequence_marketplace_v2 && currencies.length > 1 ? currencies[1] : currencies[0];
+	return normalizeOrderbookKind(orderbookKind) !== OrderbookKind.sequence_marketplace_v2 && currencies.length > 1 ? currencies[1] : currencies[0];
 }
 
 //#endregion
@@ -8885,7 +9174,7 @@ const useCreateListingModalState = () => {
 //#endregion
 //#region src/react/ui/modals/CreateListingModal/internal/listing-mutations.ts
 const useListingMutations = ({ chainId, collectionAddress, contractType, orderbookKind, listing, currencyDecimals, nftApprovalEnabled = true }) => {
-	const sdkConfig = useConfig();
+	const sdkConfig = useConfig$1();
 	const { address: ownerAddress } = useAccount();
 	const publicClient = usePublicClient();
 	const { show: showTxModal } = useTransactionStatusModal();
@@ -9017,7 +9306,7 @@ const useListingMutations = ({ chainId, collectionAddress, contractType, orderbo
 function useCreateListingModalContext() {
 	const state = useCreateListingModalState();
 	const { address } = useAccount();
-	const config = useConfig();
+	const config = useConfig$1();
 	const collectionQuery = useCollectionMetadata({
 		chainId: state.chainId,
 		collectionAddress: state.collectionAddress
@@ -9532,7 +9821,7 @@ const useMakeOfferModalState = () => {
 //#endregion
 //#region src/react/ui/modals/MakeOfferModal/internal/offer-mutations.ts
 const useOfferMutations = ({ chainId, collectionAddress, contractType, orderbookKind, offer, currencyDecimals, needsApproval }) => {
-	const sdkConfig = useConfig();
+	const sdkConfig = useConfig$1();
 	const { address: makerAddress } = useAccount();
 	const { show: showTxModal } = useTransactionStatusModal();
 	const analytics = useAnalytics();
@@ -9657,7 +9946,7 @@ const useOfferMutations = ({ chainId, collectionAddress, contractType, orderbook
 function useMakeOfferModalContext() {
 	const state = useMakeOfferModalState();
 	const { address } = useAccount();
-	const config = useConfig();
+	const config = useConfig$1();
 	const collectibleQuery = useCollectibleMetadata({
 		chainId: state.chainId,
 		collectionAddress: state.collectionAddress,
@@ -9704,7 +9993,7 @@ function useMakeOfferModalContext() {
 		chainId: state.chainId,
 		currencyAddress: selectedCurrency?.contractAddress ?? zeroAddress,
 		amountRaw: state.priceInput?.toString(),
-		query: { enabled: state.orderbookKind === OrderbookKind.opensea && !!selectedCurrency?.contractAddress && !!state.priceInput }
+		query: { enabled: isOpenSeaOrderbook(state.orderbookKind) && !!selectedCurrency?.contractAddress && !!state.priceInput }
 	});
 	const expiryDate = useMemo(() => new Date(Date.now() + state.expiryDays * 24 * 60 * 60 * 1e3), [state.expiryDays]);
 	const priceDnum = [state.priceInput ? BigInt(state.priceInput) : 0n, selectedCurrency?.decimals ?? 0];
@@ -10169,7 +10458,7 @@ function useTransferModalContext() {
 	const state = useTransferModalState();
 	const { closeModal } = state;
 	const { address } = useAccount();
-	const config = useConfig();
+	const config = useConfig$1();
 	const { isWaaS } = useConnectorMetadata();
 	const { show: showTransactionStatusModal } = useTransactionStatusModal();
 	const collectionQuery = useCollectionMetadata({
@@ -15643,7 +15932,7 @@ const ShadowRoot = (props) => {
 //#endregion
 //#region src/react/providers/modal-provider.tsx
 const ModalProvider = ({ children }) => {
-	const { shadowDom, experimentalShadowDomCssOverride } = useConfig();
+	const { shadowDom, experimentalShadowDomCssOverride } = useConfig$1();
 	return /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(SequenceCheckoutProvider, { children: /* @__PURE__ */ jsxs(ShadowRoot, {
 		enabled: shadowDom ?? true,
 		customCSS: experimentalShadowDomCssOverride,
@@ -16291,5 +16580,5 @@ function CollectibleCard(props) {
 }
 
 //#endregion
-export { useMarketCardDataPaged as $, useCollectibleBalance as $t, useOrderSteps as A, useCollectionMarketItems as At, generateCancelTransaction as B, usePrimarySaleItems as Bt, useBuyModalContext as C, useCollectionActiveOffersCurrencies as Ct, useGetReceiptFromHash as D, useCollectionMetadata as Dt, useRoyalty as E, collectionActiveListingsCurrenciesQueryOptions as Et, generateListingTransaction as F, useCollectionList as Ft, useTransactionType as G, useCollectibleMarketLowestListing as Gt, useEnsureCorrectChain as H, useCollectibleMetadata as Ht, useGenerateListingTransaction as I, useMarketplaceConfig as It, useOpenConnectModal$1 as J, useCollectibleMarketListPaginated as Jt, usePrimarySaleTransactionSteps as K, useCollectibleMarketListingsCount as Kt, useCancelOrder as L, useCollectionBalanceDetails as Lt, useGenerateSellTransaction as M, useCollectionMarketFilteredCount as Mt, generateOfferTransaction as N, collectionMarketDetailPollingOptions as Nt, useTransferTokens as O, useCollectionMarketItemsPaginated as Ot, useGenerateOfferTransaction as P, useCollectionMarketDetailPolling as Pt, usePrimarySale721CardData as Q, useErc721SaleDetails as Qt, useCancelTransactionSteps as R, useCollectibleTokenBalances as Rt, ErrorBoundary as S, useCurrencyComparePrices as St, royaltyQueryOptions as T, useCollectionActiveListingsCurrencies as Tt, useAutoSelectFeeOption as U, useCollectibleMarketOffersCount as Ut, useGenerateCancelTransaction as V, usePrimarySaleItem as Vt, useBuyTransaction as W, useCollectibleMarketOffers as Wt, useFiltersProgressive as X, useCollectibleMarketHighestOffer as Xt, useFilters as Y, useCollectibleMarketList as Yt, usePrimarySale1155CardData as Z, useCollectibleMarketCount as Zt, PriceInput as _, useTokenBalances as _t, MarketCard as a, DatabeatAnalytics as an, ActionModal as at, LoadingModal as b, useCurrency as bt, useCreateListingModal as c, useSellModal as ct, TransferModal as d, useConnectorMetadata as dt, usePrimarySaleCheckoutOptions as en, useMarketCardData as et, useTransferModalContext as f, transactionPreview_default as ft, useCreateListingModalContext as g, useTokenCurrencyBalance as gt, CreateListingModal as h, useTokenMetadata as ht, NonTradableInventoryCard as i, MarketplaceSdkContext as in, selectWaasFeeOptions_default as it, generateSellTransaction as j, useCollectionMarketFloor as jt, useTransactionExecution as k, useCollectionMarketItemsCount as kt, useMakeOfferModal as l, transactionStatusModal_default as lt, useMakeOfferModalContext as m, useTokenMetadataSearch as mt, ShopCard as n, MarketplaceProvider as nn, TransactionDetails as nt, MarketCardPresentation as o, useAnalytics as on, BaseModal as ot, useTransferModal as p, useTokenRanges as pt, useMarketTransactionSteps as q, useCollectibleMarketListings as qt, ShopCardPresentation as r, MarketplaceQueryClientProvider as rn, TokenPreview as rt, ActionButton as s, useSellModalContext as st, CollectibleCard as t, useConfig as tn, SellModal as tt, ModalProvider as u, useTransactionStatusModal as ut, currencyOptionsSelect_default as v, useInventory as vt, useBuyModal as w, collectionActiveOffersCurrenciesQueryOptions as wt, ErrorModal as x, useCurrencyConvertToUSD as xt, FloorPriceText as y, useCurrencyList as yt, useProcessStep as z, usePrimarySaleItemsCount as zt };
+export { useMarketCardDataPaged as $, useCollectibleBalance as $t, useOrderSteps as A, useCollectionMarketItems as At, generateCancelTransaction as B, usePrimarySaleItems as Bt, useBuyModalContext as C, useCollectionActiveOffersCurrencies as Ct, useGetReceiptFromHash as D, useCollectionMetadata as Dt, useRoyalty as E, collectionActiveListingsCurrenciesQueryOptions as Et, generateListingTransaction as F, useCollectionList as Ft, useTransactionType as G, useCollectibleMarketLowestListing as Gt, useEnsureCorrectChain as H, useCollectibleMetadata as Ht, useGenerateListingTransaction as I, useMarketplaceConfig as It, useOpenConnectModal$1 as J, useCollectibleMarketListPaginated as Jt, usePrimarySaleTransactionSteps as K, useCollectibleMarketListingsCount as Kt, useCancelOrder as L, useCollectionBalanceDetails as Lt, useGenerateSellTransaction as M, useCollectionMarketFilteredCount as Mt, generateOfferTransaction as N, collectionMarketDetailPollingOptions as Nt, useTransferTokens as O, useCollectionMarketItemsPaginated as Ot, useGenerateOfferTransaction as P, useCollectionMarketDetailPolling as Pt, usePrimarySale721CardData as Q, useErc721SaleDetails as Qt, useCancelTransactionSteps as R, useCollectibleTokenBalances as Rt, ErrorBoundary as S, useCurrencyComparePrices as St, royaltyQueryOptions as T, useCollectionActiveListingsCurrencies as Tt, useAutoSelectFeeOption as U, useCollectibleMarketOffersCount as Ut, useGenerateCancelTransaction as V, usePrimarySaleItem as Vt, useBuyTransaction as W, useCollectibleMarketOffers as Wt, useFiltersProgressive as X, useCollectibleMarketHighestOffer as Xt, useFilters as Y, useCollectibleMarketList as Yt, usePrimarySale1155CardData as Z, useCollectibleMarketCount as Zt, PriceInput as _, useTokenBalances as _t, MarketCard as a, DatabeatAnalytics as an, ActionModal as at, LoadingModal as b, useCurrency as bt, useCreateListingModal as c, useSellModal as ct, TransferModal as d, useConnectorMetadata as dt, usePrimarySaleCheckoutOptions as en, useMarketCardData as et, useTransferModalContext as f, transactionPreview_default as ft, useCreateListingModalContext as g, useTokenCurrencyBalance as gt, CreateListingModal as h, useTokenMetadata as ht, NonTradableInventoryCard as i, MarketplaceSdkContext as in, selectWaasFeeOptions_default as it, generateSellTransaction as j, useCollectionMarketFloor as jt, useTransactionExecution as k, useCollectionMarketItemsCount as kt, useMakeOfferModal as l, transactionStatusModal_default as lt, useMakeOfferModalContext as m, useTokenMetadataSearch as mt, ShopCard as n, MarketplaceProvider as nn, TransactionDetails as nt, MarketCardPresentation as o, useAnalytics as on, BaseModal as ot, useTransferModal as p, useTokenRanges as pt, useMarketTransactionSteps as q, useCollectibleMarketListings as qt, ShopCardPresentation as r, MarketplaceQueryClientProvider as rn, TokenPreview as rt, ActionButton as s, useSellModalContext as st, CollectibleCard as t, useConfig$1 as tn, SellModal as tt, ModalProvider as u, useTransactionStatusModal as ut, currencyOptionsSelect_default as v, useInventory as vt, useBuyModal as w, collectionActiveOffersCurrenciesQueryOptions as wt, ErrorModal as x, useCurrencyConvertToUSD as xt, FloorPriceText as y, useCurrencyList as yt, useProcessStep as z, usePrimarySaleItemsCount as zt };
 //# sourceMappingURL=react.js.map