@0xsequence/checkout 5.1.1 → 5.2.1

package/dist/esm/hooks/useCheckoutUI/useCreditCardPayment.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useProjectAccessKey } from '@0xsequence/connect';
+import { compareAddress } from '@0xsequence/connect';
+import { useConfig } from '@0xsequence/hooks';
+import { findSupportedNetwork } from '@0xsequence/network';
+import pako from 'pako';
+import { useEffect, useRef } from 'react';
+import { formatUnits, zeroAddress } from 'viem';
+import { fetchSardineOrderStatus } from '../../api';
+import { useEnvironmentContext } from '../../contexts';
+import { TRANSAK_PROXY_ADDRESS } from '../../utils/transak';
+import { useSardineClientToken } from '../useSardineClientToken';
+const POLLING_TIME = 10 * 1000;
+const TRANSAK_IFRAME_ID = 'credit-card-payment-transak-iframe';
+const SARDINE_IFRAME_ID = 'credit-card-payment-sardine-iframe';
+export const useCreditCardPayment = ({ chain, currencyAddress, totalPriceRaw, collectible, collectionAddress, recipientAddress, targetContractAddress, txData, creditCardProvider, transakConfig, onSuccess, onError, currencyInfo, tokenMetadatas, dataCollectionInfo, isLoadingCollectionInfo, errorCollectionInfo, isLoadingTokenMetadatas, errorTokenMetadata, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
+    const projectAccessKey = useProjectAccessKey();
+    const { env } = useConfig();
+    const disableSardineClientTokenFetch = isLoadingTokenMetadatas || isLoadingCurrencyInfo || isLoadingCollectionInfo || creditCardProvider !== 'sardine';
+    const { transakApiUrl, sardineCheckoutUrl: sardineProxyUrl } = useEnvironmentContext();
+    const network = findSupportedNetwork(chain);
+    const error = errorCollectionInfo || errorTokenMetadata || errorCurrencyInfo;
+    const isLoading = isLoadingCollectionInfo || isLoadingTokenMetadatas || isLoadingCurrencyInfo;
+    const isNativeCurrency = compareAddress(currencyAddress, zeroAddress);
+    const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol || 'POL';
+    const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals || 18;
+    const iframeRef = useRef(null);
+    const tokenMetadata = tokenMetadatas?.[0];
+    const { data: dataClientToken, isLoading: isLoadingClientToken, error: errorClientToken } = useSardineClientToken({
+        order: {
+            chainId: network?.chainId || 137,
+            contractAddress: targetContractAddress,
+            recipientAddress,
+            currencyQuantity: totalPriceRaw,
+            currencySymbol: currencyInfo?.symbol || 'POL',
+            currencyDecimals: String(currencyDecimals || 18),
+            currencyAddress,
+            nftId: collectible.tokenId,
+            nftAddress: collectionAddress,
+            nftQuantity: collectible.quantity,
+            nftDecimals: String(dataCollectionInfo?.decimals || 18),
+            calldata: txData
+        },
+        projectAccessKey: projectAccessKey,
+        apiClientUrl: env.apiUrl,
+        tokenMetadata: tokenMetadata
+    }, disableSardineClientTokenFetch);
+    const missingCreditCardProvider = !creditCardProvider;
+    const missingTransakConfig = !transakConfig && creditCardProvider === 'transak';
+    if (missingCreditCardProvider || missingTransakConfig) {
+        return {
+            error: new Error('Missing credit card provider or transak config'),
+            data: {
+                iframeId: '',
+                CreditCardIframe: () => null,
+                EventListener: () => null
+            },
+            isLoading: false
+        };
+    }
+    if (error || isLoading) {
+        return {
+            error,
+            data: {
+                iframeId: '',
+                CreditCardIframe: () => null,
+                EventListener: () => null
+            },
+            isLoading
+        };
+    }
+    if (creditCardProvider === 'transak') {
+        // Transak requires the recipient address to be the proxy address
+        // so we need to replace the recipient address with the proxy address in the calldata
+        // this is a weird hack so that credit card integrations are as simple as possible and should work 99% of the time
+        // If an issue arises, the user can override the calldata in the transak settings
+        const calldataWithProxy = transakConfig?.callDataOverride ??
+            txData.replace(recipientAddress.toLowerCase().substring(2), TRANSAK_PROXY_ADDRESS.toLowerCase().substring(2));
+        const pakoData = Array.from(pako.deflate(calldataWithProxy));
+        const transakCallData = encodeURIComponent(btoa(String.fromCharCode.apply(null, pakoData)));
+        const price = Number(formatUnits(BigInt(totalPriceRaw), Number(currencyDecimals || 18)));
+        const transakNftDataJson = JSON.stringify([
+            {
+                imageURL: tokenMetadata?.image || '',
+                nftName: tokenMetadata?.name || 'collectible',
+                collectionAddress: collectionAddress,
+                tokenID: [collectible.tokenId],
+                price: [price],
+                quantity: Number(collectible.quantity),
+                nftType: dataCollectionInfo?.type || 'ERC721'
+            }
+        ]);
+        const transakNftData = encodeURIComponent(btoa(transakNftDataJson));
+        const estimatedGasLimit = '500000';
+        const partnerOrderId = `${recipientAddress}-${new Date().getTime()}`;
+        // Note: the network name might not always line up with Transak. A conversion function might be necessary
+        const network = findSupportedNetwork(chain);
+        const networkName = network?.name.toLowerCase();
+        const transakLink = `${transakApiUrl}?apiKey=${transakConfig?.apiKey}&isNFT=true&calldata=${transakCallData}&contractId=${transakConfig?.contractId}&cryptoCurrencyCode=${currencySymbol}&estimatedGasLimit=${estimatedGasLimit}&nftData=${transakNftData}&walletAddress=${recipientAddress}&disableWalletAddressForm=true&partnerOrderId=${partnerOrderId}&network=${networkName}`;
+        return {
+            error: null,
+            data: {
+                iframeId: TRANSAK_IFRAME_ID,
+                paymentUrl: transakLink,
+                CreditCardIframe: () => (_jsx("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: _jsx("iframe", { id: "transakIframe", ref: iframeRef, allow: "camera;microphone;payment", src: transakLink, style: {
+                            maxHeight: '650px',
+                            height: '100%',
+                            maxWidth: '380px',
+                            width: '100%'
+                        }, referrerPolicy: "strict-origin-when-cross-origin" }) })),
+                EventListener: () => (_jsx(TransakEventListener, { onSuccess: onSuccess, onError: onError, isLoading: isLoading, iframeRef: iframeRef }))
+            },
+            isLoading: false
+        };
+    }
+    // Sardine credit card provider
+    const sardineApiUrl = sardineProxyUrl.replace('checkout', 'api');
+    const authToken = dataClientToken?.token;
+    const url = `${sardineProxyUrl}?api_url=${sardineApiUrl}&client_token=${authToken}&show_features=true`;
+    const isLoadingSardine = isLoadingClientToken || isLoading;
+    const errorSardine = errorClientToken || error;
+    const data = {
+        iframeId: SARDINE_IFRAME_ID,
+        paymentUrl: url,
+        CreditCardIframe: () => (_jsx("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: _jsx("iframe", { id: SARDINE_IFRAME_ID, src: url, style: {
+                    maxHeight: '650px',
+                    height: '100%',
+                    maxWidth: '380px',
+                    width: '100%'
+                } }) })),
+        EventListener: () => _jsx(SardineEventListener, { onSuccess: onSuccess, onError: onError, orderId: dataClientToken?.orderId || '' })
+    };
+    return {
+        error: errorSardine,
+        isLoading: isLoadingSardine,
+        data
+    };
+};
+const TransakEventListener = ({ onSuccess, onError, isLoading, iframeRef }) => {
+    useEffect(() => {
+        const transakIframe = iframeRef.current?.contentWindow;
+        if (!transakIframe) {
+            return;
+        }
+        const readMessage = async (message) => {
+            if (message.source !== transakIframe) {
+                return;
+            }
+            if (message?.data?.event_id === 'TRANSAK_ORDER_SUCCESSFUL' && message?.data?.data?.status === 'COMPLETED') {
+                console.log('Order Data: ', message?.data?.data);
+                const txHash = message?.data?.data?.transactionHash || '';
+                onSuccess?.(txHash);
+            }
+            if (message?.data?.event_id === 'TRANSAK_ORDER_FAILED') {
+                onError?.(new Error('Transak transaction failed'));
+            }
+        };
+        window.addEventListener('message', readMessage);
+        return () => window.removeEventListener('message', readMessage);
+    }, [isLoading]);
+    return null;
+};
+const SardineEventListener = ({ onSuccess, onError, orderId }) => {
+    const { env } = useConfig();
+    const projectAccessKey = useProjectAccessKey();
+    const pollForOrderStatus = async () => {
+        try {
+            console.log('Polling for transaction status');
+            const pollResponse = await fetchSardineOrderStatus(orderId, projectAccessKey, env.apiUrl);
+            const status = pollResponse.resp.status;
+            const transactionHash = pollResponse.resp?.transactionHash;
+            console.log('transaction status poll response:', status);
+            if (status === 'Complete') {
+                onSuccess?.(transactionHash);
+            }
+            if (status === 'Declined' || status === 'Cancelled') {
+                onError?.(new Error('Failed to transfer collectible'));
+            }
+        }
+        catch (e) {
+            console.error('An error occurred while fetching the transaction status');
+            onError?.(e);
+        }
+    };
+    useEffect(() => {
+        const interval = setInterval(() => {
+            pollForOrderStatus();
+        }, POLLING_TIME);
+        return () => {
+            clearInterval(interval);
+        };
+    }, []);
+    return null;
+};
+//# sourceMappingURL=useCreditCardPayment.js.map

package/dist/esm/hooks/useCheckoutUI/useCreditCardPayment.js.map

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

package/dist/esm/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/esm/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/esm/hooks/useCheckoutUI/useCryptoPayment.js

@@ -0,0 +1,269 @@
+import { compareAddress, ContractVerificationStatus, formatDisplay, sendTransactions } from '@0xsequence/connect';
+import { useIndexerClient, useGetTokenBalancesSummary, useGetSwapPrices, useGetSwapQuote } from '@0xsequence/hooks';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useState } from 'react';
+import { encodeFunctionData, formatUnits, zeroAddress } from 'viem';
+import { usePublicClient, useAccount, useReadContract, useWalletClient } from 'wagmi';
+import { ERC_20_CONTRACT_ABI } from '../../constants/abi';
+export const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
+    const [selectedCurrencyAddress, setSelectedCurrencyAddress] = useState(undefined);
+    const { address: userAddress, connector } = useAccount();
+    const network = findSupportedNetwork(chain);
+    const chainId = network?.chainId || 137;
+    const isNativeCurrency = compareAddress(currencyAddress, zeroAddress);
+    const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol;
+    const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals;
+    const isMainCurrencySelected = compareAddress(selectedCurrencyAddress || '', currencyAddress);
+    const { data: walletClient } = useWalletClient({
+        chainId
+    });
+    const publicClient = usePublicClient({
+        chainId
+    });
+    const indexerClient = useIndexerClient(chainId);
+    const { data: allowanceData, isLoading: allowanceIsLoading } = useReadContract({
+        abi: 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 } = useGetTokenBalancesSummary({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: userAddress ? [userAddress] : [],
+            contractStatus: 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 } = useGetSwapPrices({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: totalPriceRaw,
+        withContractInfo: true
+    });
+    const disableSwapQuote = !selectedCurrencyAddress || compareAddress(selectedCurrencyAddress, buyCurrencyAddress);
+    const { data: swapQuote, isLoading: isLoadingSwapQuote } = useGetSwapQuote({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress: currencyAddress,
+        buyAmount: totalPriceRaw,
+        chainId: chainId,
+        sellCurrencyAddress,
+        includeApprove: true
+    }, {
+        disabled: disableSwapQuote
+    });
+    const mainCurrencyBalance = currencyBalanceData?.[0]?.balance || '0';
+    const priceFormatted = formatUnits(BigInt(totalPriceRaw), currencyInfo?.decimals || 0);
+    const priceDisplay = 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: compareAddress(currencyAddress, selectedCurrencyAddress || '')
+            }
+        ]
+        : [];
+    const swapOptions = swapPrices.map(swapPrice => {
+        const swapQuotePriceFormatted = formatUnits(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 18);
+        const swapQuoteAddress = swapPrice.info?.address || '';
+        const swapQuotePriceDisplay = 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: 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 = encodeFunctionData({
+                    abi: 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 sendTransactions({
+                    chainId,
+                    senderAddress: userAddress,
+                    publicClient,
+                    walletClient,
+                    indexerClient,
+                    connector,
+                    transactions,
+                    transactionConfirmations,
+                    waitConfirmationForLastTransaction: false
+                });
+                onSuccess?.(txHash);
+                return txHash;
+            }
+            else {
+                const swapPrice = swapPrices.find(swapPrice => 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 = encodeFunctionData({
+                    abi: ERC_20_CONTRACT_ABI,
+                    functionName: 'approve',
+                    args: [targetContractAddress, totalPriceRaw]
+                });
+                const isSwapNativeToken = compareAddress(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 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
+        }
+    };
+};
+//# sourceMappingURL=useCryptoPayment.js.map

package/dist/esm/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/esm/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/esm/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"}