@0xsequence/checkout 5.1.1 → 5.2.1

package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts

@@ -0,0 +1,53 @@
+import { ContractInfo, TokenMetadata } from '@0xsequence/metadata';
+import { Hex } from 'viem';
+import { Collectible } from '../../contexts/SelectPaymentModal';
+export interface UseCryptoPaymentArgs {
+    chain: string | number;
+    currencyAddress: string;
+    totalPriceRaw: string;
+    collectible: Collectible;
+    collectionAddress: string;
+    recipientAddress: string;
+    targetContractAddress: string;
+    txData: Hex;
+    transactionConfirmations?: number;
+    onSuccess?: (txHash: string) => void;
+    onError?: (error: Error) => void;
+    currencyInfo: ContractInfo | undefined;
+    tokenMetadatas: TokenMetadata[] | undefined;
+    dataCollectionInfo: ContractInfo | undefined;
+    isLoadingCollectionInfo: boolean;
+    errorCollectionInfo: Error | null;
+    isLoadingTokenMetadatas: boolean;
+    errorTokenMetadata: Error | null;
+    isLoadingCurrencyInfo: boolean;
+    errorCurrencyInfo: Error | null;
+}
+export interface UseCryptoPaymentReturn {
+    cryptoOptions: {
+        data: CryptoOptions[];
+        isLoading: boolean;
+        error: Error | null;
+    };
+    purchaseAction: {
+        action: () => Promise<string>;
+        isReady: boolean;
+        selectedCurrencyAddress: string | undefined;
+        setSelectedCurrencyAddress: (currencyAddress: string) => void;
+    };
+}
+interface CryptoOptions {
+    chainId: number;
+    currencyAddress: string;
+    currencyName: string;
+    totalPriceRaw: string;
+    symbol: string;
+    decimals: number;
+    totalPriceDisplay: string;
+    currrencyLogoUrl?: string;
+    isInsufficientFunds: boolean;
+    isSelected: boolean;
+}
+export declare const useCryptoPayment: ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo }: UseCryptoPaymentArgs) => UseCryptoPaymentReturn;
+export {};
+//# sourceMappingURL=useCryptoPayment.d.ts.map

package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCryptoPayment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCryptoPayment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGlE,OAAO,EAAE,GAAG,EAAgD,MAAM,MAAM,CAAA;AAIxE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IACtC,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IAC3C,kBAAkB,EAAE,YAAY,GAAG,SAAS,CAAA;IAC5C,uBAAuB,EAAE,OAAO,CAAA;IAChC,mBAAmB,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE;QACb,IAAI,EAAE,aAAa,EAAE,CAAA;QACrB,SAAS,EAAE,OAAO,CAAA;QAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KACpB,CAAA;IACD,cAAc,EAAE;QACd,MAAM,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;QAC7B,OAAO,EAAE,OAAO,CAAA;QAChB,uBAAuB,EAAE,MAAM,GAAG,SAAS,CAAA;QAC3C,0BAA0B,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;KAC9D,CAAA;CACF;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,gLAY9B,oBAAoB,KAAG,sBA0SzB,CAAA"}

package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js

@@ -0,0 +1,273 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCryptoPayment = void 0;
+const connect_1 = require("@0xsequence/connect");
+const hooks_1 = require("@0xsequence/hooks");
+const network_1 = require("@0xsequence/network");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const abi_1 = require("../../constants/abi");
+const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
+    const [selectedCurrencyAddress, setSelectedCurrencyAddress] = (0, react_1.useState)(undefined);
+    const { address: userAddress, connector } = (0, wagmi_1.useAccount)();
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const isNativeCurrency = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
+    const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol;
+    const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals;
+    const isMainCurrencySelected = (0, connect_1.compareAddress)(selectedCurrencyAddress || '', currencyAddress);
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)({
+        chainId
+    });
+    const publicClient = (0, wagmi_1.usePublicClient)({
+        chainId
+    });
+    const indexerClient = (0, hooks_1.useIndexerClient)(chainId);
+    const { data: allowanceData, isLoading: allowanceIsLoading } = (0, wagmi_1.useReadContract)({
+        abi: abi_1.ERC_20_CONTRACT_ABI,
+        functionName: 'allowance',
+        chainId: chainId,
+        address: currencyAddress,
+        args: [userAddress, targetContractAddress],
+        query: {
+            enabled: !!userAddress && !isNativeCurrency
+        }
+    });
+    const isApproved = allowanceData >= BigInt(totalPriceRaw) || isNativeCurrency;
+    const { data: currencyBalanceDataPaginated, isLoading: currencyBalanceIsLoading } = (0, hooks_1.useGetTokenBalancesSummary)({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: userAddress ? [userAddress] : [],
+            contractStatus: connect_1.ContractVerificationStatus.ALL,
+            contractWhitelist: [currencyAddress],
+            omitNativeBalances: false
+        },
+        omitMetadata: true
+    });
+    const currencyBalanceData = currencyBalanceDataPaginated?.pages?.flatMap(page => page.balances);
+    const buyCurrencyAddress = currencyAddress;
+    const sellCurrencyAddress = selectedCurrencyAddress || '';
+    const { data: swapPrices = [], isLoading: swapPricesIsLoading, error: swapPricesError } = (0, hooks_1.useGetSwapPrices)({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: totalPriceRaw,
+        withContractInfo: true
+    });
+    const disableSwapQuote = !selectedCurrencyAddress || (0, connect_1.compareAddress)(selectedCurrencyAddress, buyCurrencyAddress);
+    const { data: swapQuote, isLoading: isLoadingSwapQuote } = (0, hooks_1.useGetSwapQuote)({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress: currencyAddress,
+        buyAmount: totalPriceRaw,
+        chainId: chainId,
+        sellCurrencyAddress,
+        includeApprove: true
+    }, {
+        disabled: disableSwapQuote
+    });
+    const mainCurrencyBalance = currencyBalanceData?.[0]?.balance || '0';
+    const priceFormatted = (0, viem_1.formatUnits)(BigInt(totalPriceRaw), currencyInfo?.decimals || 0);
+    const priceDisplay = (0, connect_1.formatDisplay)(priceFormatted, {
+        disableScientificNotation: true,
+        disableCompactNotation: true,
+        significantDigits: 6
+    });
+    const mainCurrencyOption = !currencyBalanceIsLoading
+        ? [
+            {
+                chainId,
+                currencyAddress,
+                currencyName: currencyInfo?.name || 'unknown',
+                totalPriceRaw: totalPriceRaw,
+                decimals: currencyDecimals || 18,
+                totalPriceDisplay: priceDisplay,
+                currrencyLogoUrl: currencyInfo?.logoURI,
+                symbol: currencySymbol || '',
+                isInsufficientFunds: Number(mainCurrencyBalance) < Number(totalPriceRaw),
+                isSelected: (0, connect_1.compareAddress)(currencyAddress, selectedCurrencyAddress || '')
+            }
+        ]
+        : [];
+    const swapOptions = swapPrices.map(swapPrice => {
+        const swapQuotePriceFormatted = (0, viem_1.formatUnits)(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 18);
+        const swapQuoteAddress = swapPrice.info?.address || '';
+        const swapQuotePriceDisplay = (0, connect_1.formatDisplay)(swapQuotePriceFormatted, {
+            disableScientificNotation: true,
+            disableCompactNotation: true,
+            significantDigits: 6
+        });
+        return {
+            chainId,
+            currencyAddress: swapQuoteAddress,
+            currencyName: swapPrice.info?.name || 'unknown',
+            totalPriceRaw: swapPrice.price.price,
+            totalPriceDisplay: swapQuotePriceDisplay,
+            currrencyLogoUrl: swapPrice.info?.logoURI,
+            symbol: swapPrice.info?.symbol || '',
+            decimals: swapPrice.info?.decimals || 18,
+            // The balance check is done at the API level
+            isInsufficientFunds: false,
+            isSelected: (0, connect_1.compareAddress)(swapQuoteAddress, selectedCurrencyAddress || '')
+        };
+    });
+    const purchaseAction = async () => {
+        if (!selectedCurrencyAddress) {
+            throw new Error('No currency selected');
+        }
+        if (!walletClient) {
+            throw new Error('No wallet client');
+        }
+        if (!userAddress) {
+            throw new Error('User address is not connected');
+        }
+        if (!publicClient) {
+            throw new Error('Public client is not connected');
+        }
+        if (!connector) {
+            throw new Error('Connector is not connected');
+        }
+        try {
+            if (isMainCurrencySelected) {
+                const walletClientChainId = await walletClient.getChainId();
+                if (walletClientChainId !== chainId) {
+                    await walletClient.switchChain({ id: chainId });
+                }
+                const approveTxData = (0, viem_1.encodeFunctionData)({
+                    abi: abi_1.ERC_20_CONTRACT_ABI,
+                    functionName: 'approve',
+                    args: [targetContractAddress, totalPriceRaw]
+                });
+                const transactions = [
+                    ...(isApproved
+                        ? []
+                        : [
+                            {
+                                to: currencyAddress,
+                                data: approveTxData,
+                                chainId
+                            }
+                        ]),
+                    {
+                        to: targetContractAddress,
+                        data: txData,
+                        chainId,
+                        ...(isNativeCurrency
+                            ? {
+                                value: BigInt(totalPriceRaw)
+                            }
+                            : {})
+                    }
+                ];
+                const txHash = await (0, connect_1.sendTransactions)({
+                    chainId,
+                    senderAddress: userAddress,
+                    publicClient,
+                    walletClient,
+                    indexerClient,
+                    connector,
+                    transactions,
+                    transactionConfirmations,
+                    waitConfirmationForLastTransaction: false
+                });
+                onSuccess?.(txHash);
+                return txHash;
+            }
+            else {
+                const swapPrice = swapPrices.find(swapPrice => (0, connect_1.compareAddress)(swapPrice.info?.address || '', selectedCurrencyAddress));
+                if (!swapPrice) {
+                    throw new Error('No swap price found');
+                }
+                if (!swapQuote) {
+                    throw new Error('No swap quote found');
+                }
+                const walletClientChainId = await walletClient.getChainId();
+                if (walletClientChainId !== chainId) {
+                    await walletClient.switchChain({ id: chainId });
+                }
+                const approveTxData = (0, viem_1.encodeFunctionData)({
+                    abi: abi_1.ERC_20_CONTRACT_ABI,
+                    functionName: 'approve',
+                    args: [targetContractAddress, totalPriceRaw]
+                });
+                const isSwapNativeToken = (0, connect_1.compareAddress)(viem_1.zeroAddress, swapPrice.price.currencyAddress);
+                const transactions = [
+                    // Swap quote optional approve step
+                    ...(swapQuote?.approveData && !isSwapNativeToken
+                        ? [
+                            {
+                                to: swapPrice.price.currencyAddress,
+                                data: swapQuote.approveData,
+                                chain: chainId
+                            }
+                        ]
+                        : []),
+                    // Swap quote tx
+                    {
+                        to: swapQuote.to,
+                        data: swapQuote.transactionData,
+                        chain: chainId,
+                        ...(isSwapNativeToken
+                            ? {
+                                value: BigInt(swapQuote.transactionValue)
+                            }
+                            : {})
+                    },
+                    // Actual transaction optional approve step
+                    ...(isApproved || isNativeCurrency
+                        ? []
+                        : [
+                            {
+                                to: currencyAddress,
+                                data: approveTxData,
+                                chainId: chainId
+                            }
+                        ]),
+                    // transaction on the contract
+                    {
+                        to: targetContractAddress,
+                        data: txData,
+                        chainId,
+                        ...(isNativeCurrency
+                            ? {
+                                value: BigInt(totalPriceRaw)
+                            }
+                            : {})
+                    }
+                ];
+                const txHash = await (0, connect_1.sendTransactions)({
+                    chainId,
+                    senderAddress: userAddress,
+                    publicClient,
+                    walletClient,
+                    indexerClient,
+                    connector,
+                    transactions,
+                    transactionConfirmations,
+                    waitConfirmationForLastTransaction: false
+                });
+                onSuccess?.(txHash);
+                return txHash;
+            }
+        }
+        catch (error) {
+            onError?.(error);
+            throw error;
+        }
+    };
+    return {
+        cryptoOptions: {
+            data: [...mainCurrencyOption, ...swapOptions],
+            isLoading: isLoadingCurrencyInfo || swapPricesIsLoading || currencyBalanceIsLoading,
+            error: errorCurrencyInfo || swapPricesError
+        },
+        purchaseAction: {
+            action: purchaseAction,
+            isReady: !!selectedCurrencyAddress && (!isLoadingSwapQuote || isMainCurrencySelected) && (!allowanceIsLoading || isNativeCurrency),
+            selectedCurrencyAddress,
+            setSelectedCurrencyAddress
+        }
+    };
+};
+exports.useCryptoPayment = useCryptoPayment;
+//# sourceMappingURL=useCryptoPayment.js.map

package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCryptoPayment.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCryptoPayment.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts

@@ -0,0 +1,45 @@
+import { ContractInfo, TokenMetadata } from '@0xsequence/metadata';
+import { ReactNode } from 'react';
+import { Collectible } from '../../contexts/SelectPaymentModal';
+export interface UseOrderSummaryArgs {
+    chain: string | number;
+    currencyAddress: string;
+    totalPriceRaw: string;
+    collectible: Collectible;
+    collectionAddress: string;
+    currencyInfo: ContractInfo | undefined;
+    tokenMetadatas: TokenMetadata[] | undefined;
+    dataCollectionInfo: ContractInfo | undefined;
+    isLoadingCollectionInfo: boolean;
+    errorCollectionInfo: Error | null;
+    isLoadingTokenMetadatas: boolean;
+    errorTokenMetadata: Error | null;
+    isLoadingCurrencyInfo: boolean;
+    errorCurrencyInfo: Error | null;
+}
+export interface UseOrderSummaryConfig {
+}
+export interface CollectibleItem {
+    quantityRaw: string;
+    quantityFormatted: string;
+    collectionName: string;
+    collectibleName: string;
+    collectibleImageUrl: string;
+}
+export interface UseOrderSummaryData {
+    formattedCryptoPrice: string;
+    cryptoSymbol: string;
+    cryptoImageUrl?: string;
+    totalPriceFiat: string;
+    networkName: string;
+    networkImageUrl: string;
+    NetworkBadge: ReactNode;
+    collectibleItem: CollectibleItem;
+}
+export interface UseOrderSummaryReturn {
+    error: Error | null;
+    data: UseOrderSummaryData | null;
+    isLoading: boolean;
+}
+export declare const useOrderSummary: ({ chain, currencyAddress, totalPriceRaw, collectible, currencyInfo, tokenMetadatas, dataCollectionInfo, isLoadingCollectionInfo, errorCollectionInfo, isLoadingTokenMetadatas, errorTokenMetadata, isLoadingCurrencyInfo, errorCurrencyInfo }: UseOrderSummaryArgs) => UseOrderSummaryReturn;
+//# sourceMappingURL=useOrderSummary.d.ts.map

package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderSummary.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useOrderSummary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IACtC,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IAC3C,kBAAkB,EAAE,YAAY,GAAG,SAAS,CAAA;IAC5C,uBAAuB,EAAE,OAAO,CAAA;IAChC,mBAAmB,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,qBAAqB;CAAG;AAEzC,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,oBAAoB,EAAE,MAAM,CAAA;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,SAAS,CAAA;IACvB,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,+OAc7B,mBAAmB,KAAG,qBAwDxB,CAAA"}

package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOrderSummary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const network_1 = require("@0xsequence/network");
+const viem_1 = require("viem");
+const useOrderSummary = ({ chain, currencyAddress, totalPriceRaw, collectible, currencyInfo, tokenMetadatas, dataCollectionInfo, isLoadingCollectionInfo, errorCollectionInfo, isLoadingTokenMetadatas, errorTokenMetadata, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const isNativeCurrency = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
+    const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol;
+    const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals;
+    const cryptoImageUrl = isNativeCurrency ? network?.logoURI : currencyInfo?.logoURI;
+    const { data: dataCoinPrices, isLoading: isLoadingCoinPrices, error: errorCoinPrices } = (0, hooks_1.useGetCoinPrices)([
+        {
+            chainId,
+            contractAddress: currencyAddress
+        }
+    ]);
+    const isLoading = isLoadingCurrencyInfo || isLoadingTokenMetadatas || isLoadingCoinPrices || isLoadingCollectionInfo;
+    const error = errorTokenMetadata || errorCurrencyInfo || errorCoinPrices || errorCollectionInfo;
+    let data = null;
+    if (!isLoading && !error) {
+        const formattedPrice = (0, viem_1.formatUnits)(BigInt(totalPriceRaw), currencyDecimals || 18);
+        const displayPrice = (0, connect_1.formatDisplay)(formattedPrice, {
+            disableScientificNotation: true,
+            disableCompactNotation: true,
+            significantDigits: 6
+        });
+        const fiatExchangeRate = dataCoinPrices?.[0].price?.value || 0;
+        const priceFiat = (fiatExchangeRate * Number(formattedPrice)).toFixed(2);
+        const tokenMetadata = tokenMetadatas?.find(t => t.tokenId === collectible.tokenId);
+        const formattedQuantity = (0, viem_1.formatUnits)(BigInt(collectible.quantity), tokenMetadata?.decimals || 0);
+        data = {
+            formattedCryptoPrice: displayPrice,
+            cryptoSymbol: currencySymbol || 'POL',
+            cryptoImageUrl: cryptoImageUrl,
+            networkName: network?.name || 'Polygon',
+            networkImageUrl: (0, design_system_1.networkImageUrl)(network?.chainId || 137),
+            NetworkBadge: (0, jsx_runtime_1.jsx)(connect_1.NetworkBadge, { chainId: chainId }),
+            totalPriceFiat: priceFiat,
+            collectibleItem: {
+                quantityRaw: collectible.quantity,
+                quantityFormatted: formattedQuantity,
+                collectionName: dataCollectionInfo?.name || 'Unknown Collection',
+                collectibleName: tokenMetadata?.name || 'Unknown Item',
+                collectibleImageUrl: tokenMetadata?.image || ''
+            }
+        };
+    }
+    return { isLoading, error, data };
+};
+exports.useOrderSummary = useOrderSummary;
+//# sourceMappingURL=useOrderSummary.js.map

package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderSummary.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useOrderSummary.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useSwapModal.d.ts

@@ -7,6 +7,7 @@ import { SwapModalSettings } from '../contexts/SwapModal';
  * @property {SwapModalSettings|undefined} swapModalSettings - Current settings for the Swap modal
  */
 type UseSwapModalReturnType = {
+    isSwapModalOpen: boolean;
     openSwapModal: (settings: SwapModalSettings) => void;
     closeSwapModal: () => void;
     swapModalSettings: SwapModalSettings | undefined;

package/dist/cjs/hooks/useSwapModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,uBAAuB,CAAA;AAE9E;;;;;;GAMG;AACH,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAA;CACjD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,YAAY,QAAO,sBAI/B,CAAA"}
+{"version":3,"file":"useSwapModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,uBAAuB,CAAA;AAE9E;;;;;;GAMG;AACH,KAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAA;CACjD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,YAAY,QAAO,sBAI/B,CAAA"}

package/dist/cjs/hooks/useSwapModal.js

@@ -62,8 +62,8 @@ const SwapModal_1 = require("../contexts/SwapModal");
  * ```
  */
 const useSwapModal = () => {
-    const { openSwapModal, closeSwapModal, swapModalSettings } = (0, SwapModal_1.useSwapModalContext)();
-    return { openSwapModal, closeSwapModal, swapModalSettings };
+    const { isSwapModalOpen, openSwapModal, closeSwapModal, swapModalSettings } = (0, SwapModal_1.useSwapModalContext)();
+    return { isSwapModalOpen, openSwapModal, closeSwapModal, swapModalSettings };
 };
 exports.useSwapModal = useSwapModal;
 //# sourceMappingURL=useSwapModal.js.map

package/dist/cjs/hooks/useSwapModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapModal.js","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":";;;AAAA,qDAA8E;AAe9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACI,MAAM,YAAY,GAAG,GAA2B,EAAE;IACvD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,+BAAmB,GAAE,CAAA;IAElF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAC7D,CAAC,CAAA;AAJY,QAAA,YAAY,gBAIxB"}
+{"version":3,"file":"useSwapModal.js","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":";;;AAAA,qDAA8E;AAgB9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACI,MAAM,YAAY,GAAG,GAA2B,EAAE;IACvD,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,+BAAmB,GAAE,CAAA;IAEnG,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAC9E,CAAC,CAAA;AAJY,QAAA,YAAY,gBAIxB"}

package/dist/cjs/index.d.ts

@@ -6,10 +6,12 @@ export { useTransferFundsModal } from './hooks/useTransferFundsModal';
 export { useCheckoutWhitelistStatus } from './hooks/useCheckoutWhitelistStatus';
 export { useSwapModal } from './hooks/useSwapModal';
 export { useERC1155SaleContractCheckout, useERC1155SaleContractPaymentModal } from './hooks/useERC1155SaleContractCheckout';
+export { useCheckoutUI } from './hooks/useCheckoutUI';
 export { type CheckoutSettings } from './contexts/CheckoutModal';
 export { type AddFundsSettings } from './contexts/AddFundsModal';
 export { type SelectPaymentSettings } from './contexts/SelectPaymentModal';
 export { type SwapModalSettings } from './contexts/SwapModal';
+export { type CreditCardProviders } from './contexts/SelectPaymentModal';
 export { fetchTransakSupportedCountries, getTransakLink } from './utils/transak';
 export { TransactionOnRampProvider } from '@0xsequence/marketplace';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAE3H,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAG7D,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAC3H,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAExE,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransactionOnRampProvider = exports.getTransakLink = exports.fetchTransakSupportedCountries = exports.useERC1155SaleContractPaymentModal = exports.useERC1155SaleContractCheckout = exports.useSwapModal = exports.useCheckoutWhitelistStatus = exports.useTransferFundsModal = exports.useSelectPaymentModal = exports.useAddFundsModal = exports.useCheckoutModal = exports.SequenceCheckoutProvider = void 0;
+exports.TransactionOnRampProvider = exports.getTransakLink = exports.fetchTransakSupportedCountries = exports.useCheckoutUI = exports.useERC1155SaleContractPaymentModal = exports.useERC1155SaleContractCheckout = exports.useSwapModal = exports.useCheckoutWhitelistStatus = exports.useTransferFundsModal = exports.useSelectPaymentModal = exports.useAddFundsModal = exports.useCheckoutModal = exports.SequenceCheckoutProvider = void 0;
 // Provider
 var SequenceCheckoutProvider_1 = require("./components/SequenceCheckoutProvider");
 Object.defineProperty(exports, "SequenceCheckoutProvider", { enumerable: true, get: function () { return SequenceCheckoutProvider_1.SequenceCheckoutProvider; } });
@@ -20,6 +20,8 @@ Object.defineProperty(exports, "useSwapModal", { enumerable: true, get: function
 var useERC1155SaleContractCheckout_1 = require("./hooks/useERC1155SaleContractCheckout");
 Object.defineProperty(exports, "useERC1155SaleContractCheckout", { enumerable: true, get: function () { return useERC1155SaleContractCheckout_1.useERC1155SaleContractCheckout; } });
 Object.defineProperty(exports, "useERC1155SaleContractPaymentModal", { enumerable: true, get: function () { return useERC1155SaleContractCheckout_1.useERC1155SaleContractPaymentModal; } });
+var useCheckoutUI_1 = require("./hooks/useCheckoutUI");
+Object.defineProperty(exports, "useCheckoutUI", { enumerable: true, get: function () { return useCheckoutUI_1.useCheckoutUI; } });
 // utils
 var transak_1 = require("./utils/transak");
 Object.defineProperty(exports, "fetchTransakSupportedCountries", { enumerable: true, get: function () { return transak_1.fetchTransakSupportedCountries; } });

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,WAAW;AACX,kFAA6G;AAApG,oIAAA,wBAAwB,OAAA;AAEjC,QAAQ;AACR,6DAA2D;AAAlD,oHAAA,gBAAgB,OAAA;AACzB,6DAA2D;AAAlD,oHAAA,gBAAgB,OAAA;AACzB,uEAAqE;AAA5D,8HAAA,qBAAqB,OAAA;AAC9B,uEAAqE;AAA5D,8HAAA,qBAAqB,OAAA;AAC9B,iFAA+E;AAAtE,wIAAA,0BAA0B,OAAA;AACnC,qDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,yFAA2H;AAAlH,gJAAA,8BAA8B,OAAA;AAAE,oJAAA,kCAAkC,OAAA;AAO3E,QAAQ;AACR,2CAAgF;AAAvE,yHAAA,8BAA8B,OAAA;AAAE,yGAAA,cAAc,OAAA;AAEvD,iBAAiB;AACjB,uDAAmE;AAA1D,wHAAA,yBAAyB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,WAAW;AACX,kFAA6G;AAApG,oIAAA,wBAAwB,OAAA;AAEjC,QAAQ;AACR,6DAA2D;AAAlD,oHAAA,gBAAgB,OAAA;AACzB,6DAA2D;AAAlD,oHAAA,gBAAgB,OAAA;AACzB,uEAAqE;AAA5D,8HAAA,qBAAqB,OAAA;AAC9B,uEAAqE;AAA5D,8HAAA,qBAAqB,OAAA;AAC9B,iFAA+E;AAAtE,wIAAA,0BAA0B,OAAA;AACnC,qDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,yFAA2H;AAAlH,gJAAA,8BAA8B,OAAA;AAAE,oJAAA,kCAAkC,OAAA;AAC3E,uDAAqD;AAA5C,8GAAA,aAAa,OAAA;AAOtB,QAAQ;AACR,2CAAgF;AAAvE,yHAAA,8BAA8B,OAAA;AAAE,yGAAA,cAAc,OAAA;AAEvD,iBAAiB;AACjB,uDAAmE;AAA1D,wHAAA,yBAAyB,OAAA"}

package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.js

@@ -7,17 +7,17 @@ const design_system_1 = require("@0xsequence/design-system");
 const hooks_1 = require("@0xsequence/hooks");
 const viem_1 = require("viem");
 const OrderSummaryItem = ({ contractAddress, tokenId, quantityRaw, chainId }) => {
-    const { data: tokenMetadata, isPending: isPendingTokenMetadata } = (0, hooks_1.useGetTokenMetadata)({
+    const { data: tokenMetadata, isLoading: isLoadingTokenMetadata } = (0, hooks_1.useGetTokenMetadata)({
         chainID: String(chainId),
         contractAddress,
         tokenIDs: [tokenId]
     });
-    const { data: contractInfo, isPending: isPendingContractInfo } = (0, hooks_1.useGetContractInfo)({
+    const { data: contractInfo, isLoading: isLoadingContractInfo } = (0, hooks_1.useGetContractInfo)({
         chainID: String(chainId),
         contractAddress
     });
-    const isPending = isPendingTokenMetadata || isPendingContractInfo;
-    if (isPending) {
+    const isLoading = isLoadingTokenMetadata || isLoadingContractInfo;
+    if (isLoading) {
         return (0, jsx_runtime_1.jsx)(exports.OrderSummarySkeleton, {});
     }
     const { name = 'unknown', image, decimals = 0 } = tokenMetadata?.[0] ?? {};

package/dist/cjs/views/CheckoutSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CheckoutSelection/index.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,iBAAiB,+CAyL7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CheckoutSelection/index.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,iBAAiB,+CAsM7B,CAAA"}