@0xsequence/checkout 0.0.0-20250314205219

package/dist/esm/views/PaymentSelection/index.js

@@ -0,0 +1,326 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAnalyticsContext, compareAddress, TRANSACTION_CONFIRMATIONS_DEFAULT, sendTransactions, ContractVerificationStatus } from '@0xsequence/connect';
+import { Button, Divider, Text } from '@0xsequence/design-system';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useClearCachedBalances, useGetTokenBalancesSummary, useGetContractInfo, useGetSwapPrices, useGetSwapQuote, useIndexerClient } from '@0xsequence/react-hooks';
+import { useState, useEffect } from 'react';
+import { encodeFunctionData, zeroAddress } from 'viem';
+import { usePublicClient, useWalletClient, useReadContract, useAccount } from 'wagmi';
+import { NavigationHeader } from '../../components/NavigationHeader';
+import { HEADER_HEIGHT, NFT_CHECKOUT_SOURCE } from '../../constants';
+import { ERC_20_CONTRACT_ABI } from '../../constants/abi';
+import { useSelectPaymentModal, useTransactionStatusModal, useSkipOnCloseCallback } from '../../hooks';
+import { Footer } from './Footer';
+import { OrderSummary } from './OrderSummary';
+import { PayWithCreditCard } from './PayWithCreditCard';
+import { PayWithCrypto } from './PayWithCrypto/index';
+import { TransferFunds } from './TransferFunds';
+export const PaymentSelection = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(PaymentSelectionHeader, {}), _jsx(PaymentSelectionContent, {})] }));
+};
+export const PaymentSelectionHeader = () => {
+    return _jsx(NavigationHeader, { primaryText: "Checkout" });
+};
+export const PaymentSelectionContent = () => {
+    const { openTransactionStatusModal } = useTransactionStatusModal();
+    const { selectPaymentSettings } = useSelectPaymentModal();
+    const { analytics } = useAnalyticsContext();
+    const [disableButtons, setDisableButtons] = useState(false);
+    const [isError, setIsError] = useState(false);
+    if (!selectPaymentSettings) {
+        return null;
+    }
+    const { chain, collectibles, collectionAddress, currencyAddress, targetContractAddress, price, txData, enableTransferFunds = true, enableMainCurrencyPayment = true, enableSwapPayments = true, creditCardProviders = [], transactionConfirmations = TRANSACTION_CONFIRMATIONS_DEFAULT, onSuccess = () => { }, onError = () => { }, onClose = () => { }, supplementaryAnalyticsInfo } = selectPaymentSettings;
+    const isNativeToken = compareAddress(currencyAddress, zeroAddress);
+    const [selectedCurrency, setSelectedCurrency] = useState();
+    const network = findSupportedNetwork(chain);
+    const chainId = network?.chainId || 137;
+    const { address: userAddress, connector } = useAccount();
+    const { data: walletClient } = useWalletClient({
+        chainId
+    });
+    const publicClient = usePublicClient({
+        chainId
+    });
+    const indexerClient = useIndexerClient(chainId);
+    const { clearCachedBalances } = useClearCachedBalances();
+    const { closeSelectPaymentModal } = useSelectPaymentModal();
+    const { skipOnCloseCallback } = useSkipOnCloseCallback(onClose);
+    const { data: allowanceData, isLoading: allowanceIsLoading } = useReadContract({
+        abi: ERC_20_CONTRACT_ABI,
+        functionName: 'allowance',
+        chainId: chainId,
+        address: currencyAddress,
+        args: [userAddress, targetContractAddress],
+        query: {
+            enabled: !!userAddress && !isNativeToken
+        }
+    });
+    const { data: _currencyBalanceData, isLoading: currencyBalanceIsLoading } = useGetTokenBalancesSummary({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: userAddress ? [userAddress] : [],
+            contractStatus: ContractVerificationStatus.ALL,
+            contractWhitelist: [currencyAddress],
+            omitNativeBalances: false
+        },
+        // omitMetadata must be true to avoid a bug
+        omitMetadata: true
+    });
+    const { data: _currencyInfoData, isLoading: isLoadingCurrencyInfo } = useGetContractInfo({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const buyCurrencyAddress = currencyAddress;
+    const sellCurrencyAddress = selectedCurrency || '';
+    const { data: swapPrices = [], isLoading: _swapPricesIsLoading } = useGetSwapPrices({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: price,
+        withContractInfo: true
+    }, { disabled: !enableSwapPayments });
+    const disableSwapQuote = !selectedCurrency || compareAddress(selectedCurrency, buyCurrencyAddress);
+    const { data: swapQuote, isLoading: isLoadingSwapQuote } = useGetSwapQuote({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress: currencyAddress,
+        buyAmount: price,
+        chainId: chainId,
+        sellCurrencyAddress,
+        includeApprove: true
+    }, {
+        disabled: disableSwapQuote
+    });
+    const isLoading = (allowanceIsLoading && !isNativeToken) || currencyBalanceIsLoading || isLoadingCurrencyInfo;
+    const isApproved = allowanceData >= BigInt(price) || isNativeToken;
+    // const balanceInfo = currencyBalanceData?.find(balanceData => compareAddress(currencyAddress, balanceData.contractAddress))
+    // const balance: bigint = BigInt(balanceInfo?.balance || '0')
+    // let balanceFormatted = Number(formatUnits(balance, currencyInfoData?.decimals || 0))
+    // balanceFormatted = Math.trunc(Number(balanceFormatted) * 10000) / 10000
+    useEffect(() => {
+        clearCachedBalances();
+    }, []);
+    const onPurchaseMainCurrency = async () => {
+        if (!walletClient || !userAddress || !publicClient || !userAddress || !connector) {
+            return;
+        }
+        setIsError(false);
+        setDisableButtons(true);
+        try {
+            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, price]
+            });
+            const transactions = [
+                ...(isApproved
+                    ? []
+                    : [
+                        {
+                            to: currencyAddress,
+                            data: approveTxData,
+                            chainId
+                        }
+                    ]),
+                {
+                    to: targetContractAddress,
+                    data: txData,
+                    chainId,
+                    ...(isNativeToken
+                        ? {
+                            value: BigInt(price)
+                        }
+                        : {})
+                }
+            ];
+            const txHash = await sendTransactions({
+                chainId,
+                senderAddress: userAddress,
+                publicClient,
+                walletClient,
+                indexerClient,
+                connector,
+                transactions,
+                transactionConfirmations,
+                waitConfirmationForLastTransaction: false
+            });
+            analytics?.track({
+                event: 'SEND_TRANSACTION_REQUEST',
+                props: {
+                    ...supplementaryAnalyticsInfo,
+                    type: 'crypto',
+                    source: NFT_CHECKOUT_SOURCE,
+                    chainId: String(chainId),
+                    listedCurrency: currencyAddress,
+                    purchasedCurrency: currencyAddress,
+                    origin: window.location.origin,
+                    from: userAddress,
+                    to: targetContractAddress,
+                    item_ids: JSON.stringify(collectibles.map(c => c.tokenId)),
+                    item_quantities: JSON.stringify(collectibles.map(c => c.quantity)),
+                    txHash
+                }
+            });
+            closeSelectPaymentModal();
+            skipOnCloseCallback();
+            openTransactionStatusModal({
+                chainId,
+                currencyAddress,
+                collectionAddress,
+                txHash,
+                items: collectibles.map(collectible => ({
+                    tokenId: collectible.tokenId,
+                    quantity: collectible.quantity,
+                    decimals: collectible.decimals,
+                    price: collectible.price || price
+                })),
+                onSuccess: () => {
+                    clearCachedBalances();
+                    onSuccess(txHash);
+                },
+                onClose
+            });
+        }
+        catch (e) {
+            console.error('Failed to purchase...', e);
+            onError(e);
+            setIsError(true);
+        }
+        setDisableButtons(false);
+    };
+    const onClickPurchaseSwap = async (swapPrice) => {
+        if (!walletClient || !userAddress || !publicClient || !userAddress || !connector || !swapQuote) {
+            return;
+        }
+        setIsError(false);
+        setDisableButtons(true);
+        try {
+            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, price]
+            });
+            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 || isNativeToken
+                    ? []
+                    : [
+                        {
+                            to: currencyAddress,
+                            data: approveTxData,
+                            chainId: chainId
+                        }
+                    ]),
+                // transaction on the contract
+                {
+                    to: targetContractAddress,
+                    data: txData,
+                    chainId,
+                    ...(isNativeToken
+                        ? {
+                            value: BigInt(price)
+                        }
+                        : {})
+                }
+            ];
+            const txHash = await sendTransactions({
+                chainId,
+                senderAddress: userAddress,
+                publicClient,
+                walletClient,
+                indexerClient,
+                connector,
+                transactions,
+                transactionConfirmations,
+                waitConfirmationForLastTransaction: false
+            });
+            analytics?.track({
+                event: 'SEND_TRANSACTION_REQUEST',
+                props: {
+                    ...supplementaryAnalyticsInfo,
+                    type: 'crypto',
+                    source: NFT_CHECKOUT_SOURCE,
+                    chainId: String(chainId),
+                    listedCurrency: swapPrice.price.currencyAddress,
+                    purchasedCurrency: currencyAddress,
+                    origin: window.location.origin,
+                    from: userAddress,
+                    to: targetContractAddress,
+                    item_ids: JSON.stringify(collectibles.map(c => c.tokenId)),
+                    item_quantities: JSON.stringify(collectibles.map(c => c.quantity)),
+                    txHash
+                }
+            });
+            closeSelectPaymentModal();
+            skipOnCloseCallback();
+            openTransactionStatusModal({
+                chainId,
+                currencyAddress,
+                collectionAddress,
+                txHash,
+                items: collectibles.map(collectible => ({
+                    tokenId: collectible.tokenId,
+                    quantity: collectible.quantity,
+                    decimals: collectible.decimals,
+                    price: collectible.price || price
+                })),
+                onSuccess: () => {
+                    clearCachedBalances();
+                    onSuccess(txHash);
+                },
+                onClose
+            });
+        }
+        catch (e) {
+            console.error('Failed to purchase...', e);
+            onError(e);
+            setIsError(true);
+        }
+        setDisableButtons(false);
+    };
+    const onClickPurchase = () => {
+        if (compareAddress(selectedCurrency || '', currencyAddress)) {
+            onPurchaseMainCurrency();
+        }
+        else {
+            const foundSwap = swapPrices?.find(price => price.info?.address === selectedCurrency);
+            if (foundSwap) {
+                onClickPurchaseSwap(foundSwap);
+            }
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-2 items-start w-full pb-0 px-6 h-full", style: {
+                    paddingTop: HEADER_HEIGHT
+                }, children: [_jsx("div", { className: "flex flex-col w-full gap-2", children: _jsx(OrderSummary, {}) }), (enableMainCurrencyPayment || enableSwapPayments) && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "w-full my-3" }), _jsx(PayWithCrypto, { settings: selectPaymentSettings, disableButtons: disableButtons, selectedCurrency: selectedCurrency, setSelectedCurrency: setSelectedCurrency, isLoading: isLoading })] })), creditCardProviders?.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "w-full my-3" }), _jsx(PayWithCreditCard, { settings: selectPaymentSettings, disableButtons: disableButtons, skipOnCloseCallback: skipOnCloseCallback })] })), enableTransferFunds && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "w-full my-3" }), _jsx(TransferFunds, {})] })), (enableMainCurrencyPayment || enableSwapPayments) && (_jsxs(_Fragment, { children: [isError && (_jsx("div", { className: "w-full", style: { marginBottom: '-18px' }, children: _jsx(Text, { color: "negative", variant: "small", children: "A problem occurred while executing the transaction." }) })), _jsxs("div", { className: "w-full", children: [_jsx(Button, { className: "mt-6 w-full", onClick: onClickPurchase, disabled: isLoading || disableButtons || !selectedCurrency || (!disableSwapQuote && isLoadingSwapQuote), shape: "square", variant: "primary", label: "Complete Purchase" }), _jsxs("div", { className: "flex w-full justify-center items-center gap-0.5 my-2", children: [_jsx("svg", { width: "13", height: "12", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 12", fill: "none", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.82807 5.24497V3.52873C8.82807 2.24258 7.78549 1.19995 6.49934 1.19995C5.21319 1.19995 4.17057 2.24258 4.17057 3.52873L4.17057 5.24497H3.9832C3.32046 5.24497 2.7832 5.78223 2.7832 6.44497V9.49529C2.7832 10.158 3.32046 10.6953 3.9832 10.6953H9.01546C9.6782 10.6953 10.2155 10.158 10.2155 9.49529V6.44497C10.2155 5.78223 9.6782 5.24497 9.01546 5.24497H8.82807ZM6.49934 2.06705C5.69209 2.06705 5.03769 2.72144 5.03766 3.52867L5.03767 5.24497H7.96097V3.52867C7.96094 2.72144 7.30658 2.06705 6.49934 2.06705Z", fill: "#6D6D6D" }) }), _jsx(Text, { className: "mt-0.5", variant: "xsmall", color: "muted", children: "Secure Checkout" })] })] })] }))] }), _jsx(Divider, { className: "my-0" }), _jsx(Footer, {})] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/views/PaymentSelection/index.js.map

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

package/dist/esm/views/PendingCreditCardTransaction.js

@@ -0,0 +1,286 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAnalyticsContext, useProjectAccessKey, DEBUG } from '@0xsequence/connect';
+import { Spinner, Text } from '@0xsequence/design-system';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useGetTokenMetadata, useGetContractInfo } from '@0xsequence/react-hooks';
+import pako from 'pako';
+import { useEffect } from 'react';
+import { formatUnits } from 'viem';
+import { fetchSardineOrderStatus } from '../api';
+import { NFT_CHECKOUT_SOURCE } from '../constants';
+import { useNavigation, useCheckoutModal, useSardineClientToken, useTransactionStatusModal, useSkipOnCloseCallback } from '../hooks';
+import { TRANSAK_PROXY_ADDRESS } from '../utils/transak';
+const POLLING_TIME = 10 * 1000;
+export const PendingCreditCardTransaction = () => {
+    const nav = useNavigation();
+    const { params: { creditCardCheckout: { provider, onClose = () => { } } } } = nav.navigation;
+    const { skipOnCloseCallback } = useSkipOnCloseCallback(onClose);
+    switch (provider) {
+        case 'transak':
+            return _jsx(PendingCreditCardTransactionTransak, { skipOnCloseCallback: skipOnCloseCallback });
+        case 'sardine':
+        default:
+            return _jsx(PendingCreditCardTransactionSardine, { skipOnCloseCallback: skipOnCloseCallback });
+    }
+};
+export const PendingCreditCardTransactionTransak = ({ skipOnCloseCallback }) => {
+    const { analytics } = useAnalyticsContext();
+    const { openTransactionStatusModal } = useTransactionStatusModal();
+    const nav = useNavigation();
+    const { settings, closeCheckout } = useCheckoutModal();
+    const { params: { creditCardCheckout } } = nav.navigation;
+    const { setNavigation } = nav;
+    const { data: tokensMetadata, isLoading: isLoadingTokenMetadata, isError: isErrorTokenMetadata } = useGetTokenMetadata({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress,
+        tokenIDs: [creditCardCheckout.nftId]
+    });
+    const { data: collectionInfo, isLoading: isLoadingCollectionInfo, isError: isErrorCollectionInfo } = useGetContractInfo({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress
+    });
+    const network = findSupportedNetwork(creditCardCheckout.chainId);
+    const tokenMetadata = tokensMetadata ? tokensMetadata[0] : undefined;
+    const transakConfig = settings?.creditCardCheckout?.transakConfig;
+    const baseUrl = DEBUG ? 'https://global-stg.transak.com' : 'https://global.transak.com';
+    // 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 ??
+        creditCardCheckout.calldata.replace(creditCardCheckout.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(creditCardCheckout.currencyQuantity), Number(creditCardCheckout.currencyDecimals)));
+    const transakNftDataJson = JSON.stringify([
+        {
+            imageURL: tokenMetadata?.image || '',
+            nftName: tokenMetadata?.name || 'collectible',
+            collectionAddress: creditCardCheckout.nftAddress,
+            tokenID: [creditCardCheckout.nftId],
+            price: [price],
+            quantity: Number(creditCardCheckout.nftQuantity),
+            nftType: collectionInfo?.type || 'ERC721'
+        }
+    ]);
+    console.log('transakNftDataJson', JSON.parse(transakNftDataJson));
+    const transakNftData = encodeURIComponent(btoa(transakNftDataJson));
+    const estimatedGasLimit = '500000';
+    const partnerOrderId = `${creditCardCheckout.recipientAddress}-${new Date().getTime()}`;
+    // Note: the network name might not always line up with Transak. A conversion function might be necessary
+    const networkName = network?.name.toLowerCase();
+    const transakLink = `${baseUrl}?apiKey=${transakConfig?.apiKey}&isNFT=true&calldata=${transakCallData}&contractId=${transakConfig?.contractId}&cryptoCurrencyCode=${creditCardCheckout.currencySymbol}&estimatedGasLimit=${estimatedGasLimit}&nftData=${transakNftData}&walletAddress=${creditCardCheckout.recipientAddress}&disableWalletAddressForm=true&partnerOrderId=${partnerOrderId}&network=${networkName}`;
+    const isLoading = isLoadingTokenMetadata || isLoadingCollectionInfo;
+    const isError = isErrorTokenMetadata || isErrorCollectionInfo;
+    useEffect(() => {
+        const transakIframeElement = document.getElementById('transakIframe');
+        const transakIframe = transakIframeElement.contentWindow;
+        const readMessage = (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 || '';
+                skipOnCloseCallback();
+                analytics?.track({
+                    event: 'SEND_TRANSACTION_REQUEST',
+                    props: {
+                        ...creditCardCheckout.supplementaryAnalyticsInfo,
+                        type: 'credit_card',
+                        provider: 'transak',
+                        source: NFT_CHECKOUT_SOURCE,
+                        chainId: String(creditCardCheckout.chainId),
+                        listedCurrency: creditCardCheckout.currencyAddress,
+                        purchasedCurrency: creditCardCheckout.currencyAddress,
+                        origin: window.location.origin,
+                        from: creditCardCheckout.recipientAddress,
+                        to: creditCardCheckout.contractAddress,
+                        item_ids: JSON.stringify([creditCardCheckout.nftId]),
+                        item_quantities: JSON.stringify([JSON.stringify([creditCardCheckout.nftQuantity])]),
+                        txHash
+                    }
+                });
+                closeCheckout();
+                openTransactionStatusModal({
+                    chainId: creditCardCheckout.chainId,
+                    currencyAddress: creditCardCheckout.currencyAddress,
+                    collectionAddress: creditCardCheckout.nftAddress,
+                    txHash: txHash,
+                    items: [
+                        {
+                            tokenId: creditCardCheckout.nftId,
+                            quantity: creditCardCheckout.nftQuantity,
+                            decimals: creditCardCheckout.nftDecimals === undefined ? undefined : Number(creditCardCheckout.nftDecimals),
+                            price: creditCardCheckout.currencyQuantity
+                        }
+                    ],
+                    onSuccess: () => {
+                        if (creditCardCheckout.onSuccess) {
+                            creditCardCheckout.onSuccess(txHash, creditCardCheckout);
+                        }
+                    },
+                    onClose: creditCardCheckout?.onClose
+                });
+                return;
+            }
+            if (message?.data?.event_id === 'TRANSAK_ORDER_FAILED') {
+                setNavigation({
+                    location: 'transaction-error',
+                    params: {
+                        error: new Error('Transak transaction failed')
+                    }
+                });
+            }
+        };
+        window.addEventListener('message', readMessage);
+        return () => window.removeEventListener('message', readMessage);
+    }, [isLoading]);
+    if (isError || !transakConfig) {
+        return (_jsx("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: _jsx("div", { children: !transakConfig ? (_jsx(Text, { color: "primary", children: "Error: No Transak configuration found" })) : (_jsx(Text, { color: "primary", children: "An error has occurred" })) }) }));
+    }
+    if (isLoading) {
+        return (_jsx("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: _jsx("div", { children: _jsx(Spinner, { size: "lg" }) }) }));
+    }
+    return (_jsx("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: _jsx("iframe", { id: "transakIframe", allow: "camera;microphone;payment", src: transakLink, style: {
+                maxHeight: '650px',
+                height: '100%',
+                maxWidth: '380px',
+                width: '100%'
+            } }) }));
+};
+export const PendingCreditCardTransactionSardine = ({ skipOnCloseCallback }) => {
+    const { analytics } = useAnalyticsContext();
+    const { openTransactionStatusModal } = useTransactionStatusModal();
+    const nav = useNavigation();
+    const { closeCheckout } = useCheckoutModal();
+    const { params: { creditCardCheckout } } = nav.navigation;
+    const { setNavigation } = nav;
+    const projectAccessKey = useProjectAccessKey();
+    const { data: tokensMetadata, isLoading: isLoadingTokenMetadata } = useGetTokenMetadata({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress,
+        tokenIDs: [creditCardCheckout.nftId]
+    });
+    const tokenMetadata = tokensMetadata ? tokensMetadata[0] : undefined;
+    const disableSardineClientTokenFetch = isLoadingTokenMetadata;
+    const { data, isLoading, isError } = useSardineClientToken({
+        order: creditCardCheckout,
+        projectAccessKey: projectAccessKey,
+        tokenMetadata: tokenMetadata
+    }, disableSardineClientTokenFetch);
+    const authToken = data?.token;
+    const url = DEBUG
+        ? `https://sardine-checkout-sandbox.sequence.info?api_url=https://sardine-api-sandbox.sequence.info&client_token=${authToken}&show_features=true`
+        : `https://sardine-checkout.sequence.info?api_url=https://sardine-api.sequence.info&client_token=${authToken}&show_features=true`;
+    const pollForOrderStatus = async () => {
+        try {
+            if (!data) {
+                return;
+            }
+            const { orderId } = data;
+            console.log('Polling for transaction status');
+            const pollResponse = await fetchSardineOrderStatus(orderId, projectAccessKey);
+            const status = pollResponse.resp.status;
+            const transactionHash = pollResponse.resp?.transactionHash;
+            console.log('transaction status poll response:', status);
+            if (status === 'Draft') {
+                return;
+            }
+            if (status === 'Complete') {
+                skipOnCloseCallback();
+                analytics?.track({
+                    event: 'SEND_TRANSACTION_REQUEST',
+                    props: {
+                        ...creditCardCheckout.supplementaryAnalyticsInfo,
+                        type: 'credit_card',
+                        provider: 'sardine',
+                        source: NFT_CHECKOUT_SOURCE,
+                        chainId: String(creditCardCheckout.chainId),
+                        listedCurrency: creditCardCheckout.currencyAddress,
+                        purchasedCurrency: creditCardCheckout.currencyAddress,
+                        origin: window.location.origin,
+                        from: creditCardCheckout.recipientAddress,
+                        to: creditCardCheckout.contractAddress,
+                        item_ids: JSON.stringify([creditCardCheckout.nftId]),
+                        item_quantities: JSON.stringify([JSON.stringify([creditCardCheckout.nftQuantity])]),
+                        txHash: transactionHash
+                    }
+                });
+                closeCheckout();
+                openTransactionStatusModal({
+                    chainId: creditCardCheckout.chainId,
+                    currencyAddress: creditCardCheckout.currencyAddress,
+                    collectionAddress: creditCardCheckout.nftAddress,
+                    txHash: transactionHash,
+                    items: [
+                        {
+                            tokenId: creditCardCheckout.nftId,
+                            quantity: creditCardCheckout.nftQuantity,
+                            decimals: creditCardCheckout.nftDecimals === undefined ? undefined : Number(creditCardCheckout.nftDecimals),
+                            price: creditCardCheckout.currencyQuantity
+                        }
+                    ],
+                    onSuccess: () => {
+                        if (creditCardCheckout.onSuccess) {
+                            creditCardCheckout.onSuccess(transactionHash, creditCardCheckout);
+                        }
+                    },
+                    onClose: creditCardCheckout?.onClose
+                });
+                return;
+            }
+            if (status === 'Declined' || status === 'Cancelled') {
+                setNavigation({
+                    location: 'transaction-error',
+                    params: {
+                        error: new Error('Failed to transfer collectible')
+                    }
+                });
+                return;
+            }
+        }
+        catch (e) {
+            console.error('An error occurred while fetching the transaction status');
+            setNavigation({
+                location: 'transaction-error',
+                params: {
+                    error: e
+                }
+            });
+        }
+    };
+    useEffect(() => {
+        const interval = setInterval(() => {
+            pollForOrderStatus();
+        }, POLLING_TIME);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [isLoading]);
+    if (isError) {
+        return (_jsx("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: _jsx("div", { children: _jsx(Text, { color: "primary", children: "An error has occurred" }) }) }));
+    }
+    if (isLoading || !authToken) {
+        return (_jsx("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: _jsx("div", { children: _jsx(Spinner, { size: "lg" }) }) }));
+    }
+    return (_jsx("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: _jsx("iframe", { src: url, style: {
+                maxHeight: '650px',
+                height: '100%',
+                maxWidth: '380px',
+                width: '100%'
+            } }) }));
+};
+//# sourceMappingURL=PendingCreditCardTransaction.js.map

package/dist/esm/views/PendingCreditCardTransaction.js.map

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