@0xsequence/checkout 0.0.0-20250314205219

package/dist/cjs/views/PendingCreditCardTransaction.js

@@ -0,0 +1,295 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PendingCreditCardTransactionSardine = exports.PendingCreditCardTransactionTransak = exports.PendingCreditCardTransaction = 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 network_1 = require("@0xsequence/network");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const pako_1 = __importDefault(require("pako"));
+const react_1 = require("react");
+const viem_1 = require("viem");
+const api_1 = require("../api");
+const constants_1 = require("../constants");
+const hooks_1 = require("../hooks");
+const transak_1 = require("../utils/transak");
+const POLLING_TIME = 10 * 1000;
+const PendingCreditCardTransaction = () => {
+    const nav = (0, hooks_1.useNavigation)();
+    const { params: { creditCardCheckout: { provider, onClose = () => { } } } } = nav.navigation;
+    const { skipOnCloseCallback } = (0, hooks_1.useSkipOnCloseCallback)(onClose);
+    switch (provider) {
+        case 'transak':
+            return (0, jsx_runtime_1.jsx)(exports.PendingCreditCardTransactionTransak, { skipOnCloseCallback: skipOnCloseCallback });
+        case 'sardine':
+        default:
+            return (0, jsx_runtime_1.jsx)(exports.PendingCreditCardTransactionSardine, { skipOnCloseCallback: skipOnCloseCallback });
+    }
+};
+exports.PendingCreditCardTransaction = PendingCreditCardTransaction;
+const PendingCreditCardTransactionTransak = ({ skipOnCloseCallback }) => {
+    const { analytics } = (0, connect_1.useAnalyticsContext)();
+    const { openTransactionStatusModal } = (0, hooks_1.useTransactionStatusModal)();
+    const nav = (0, hooks_1.useNavigation)();
+    const { settings, closeCheckout } = (0, hooks_1.useCheckoutModal)();
+    const { params: { creditCardCheckout } } = nav.navigation;
+    const { setNavigation } = nav;
+    const { data: tokensMetadata, isLoading: isLoadingTokenMetadata, isError: isErrorTokenMetadata } = (0, react_hooks_1.useGetTokenMetadata)({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress,
+        tokenIDs: [creditCardCheckout.nftId]
+    });
+    const { data: collectionInfo, isLoading: isLoadingCollectionInfo, isError: isErrorCollectionInfo } = (0, react_hooks_1.useGetContractInfo)({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress
+    });
+    const network = (0, network_1.findSupportedNetwork)(creditCardCheckout.chainId);
+    const tokenMetadata = tokensMetadata ? tokensMetadata[0] : undefined;
+    const transakConfig = settings?.creditCardCheckout?.transakConfig;
+    const baseUrl = connect_1.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_1.TRANSAK_PROXY_ADDRESS.toLowerCase().substring(2));
+    const pakoData = Array.from(pako_1.default.deflate(calldataWithProxy));
+    const transakCallData = encodeURIComponent(btoa(String.fromCharCode.apply(null, pakoData)));
+    const price = Number((0, viem_1.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;
+    (0, react_1.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: constants_1.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 ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: (0, jsx_runtime_1.jsx)("div", { children: !transakConfig ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "Error: No Transak configuration found" })) : ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "An error has occurred" })) }) }));
+    }
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { size: "lg" }) }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: (0, jsx_runtime_1.jsx)("iframe", { id: "transakIframe", allow: "camera;microphone;payment", src: transakLink, style: {
+                maxHeight: '650px',
+                height: '100%',
+                maxWidth: '380px',
+                width: '100%'
+            } }) }));
+};
+exports.PendingCreditCardTransactionTransak = PendingCreditCardTransactionTransak;
+const PendingCreditCardTransactionSardine = ({ skipOnCloseCallback }) => {
+    const { analytics } = (0, connect_1.useAnalyticsContext)();
+    const { openTransactionStatusModal } = (0, hooks_1.useTransactionStatusModal)();
+    const nav = (0, hooks_1.useNavigation)();
+    const { closeCheckout } = (0, hooks_1.useCheckoutModal)();
+    const { params: { creditCardCheckout } } = nav.navigation;
+    const { setNavigation } = nav;
+    const projectAccessKey = (0, connect_1.useProjectAccessKey)();
+    const { data: tokensMetadata, isLoading: isLoadingTokenMetadata } = (0, react_hooks_1.useGetTokenMetadata)({
+        chainID: String(creditCardCheckout.chainId),
+        contractAddress: creditCardCheckout.nftAddress,
+        tokenIDs: [creditCardCheckout.nftId]
+    });
+    const tokenMetadata = tokensMetadata ? tokensMetadata[0] : undefined;
+    const disableSardineClientTokenFetch = isLoadingTokenMetadata;
+    const { data, isLoading, isError } = (0, hooks_1.useSardineClientToken)({
+        order: creditCardCheckout,
+        projectAccessKey: projectAccessKey,
+        tokenMetadata: tokenMetadata
+    }, disableSardineClientTokenFetch);
+    const authToken = data?.token;
+    const url = connect_1.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 (0, api_1.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: constants_1.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
+                }
+            });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        const interval = setInterval(() => {
+            pollForOrderStatus();
+        }, POLLING_TIME);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [isLoading]);
+    if (isError) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "An error has occurred" }) }) }));
+    }
+    if (isLoading || !authToken) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-6", style: {
+                height: '650px',
+                width: '380px'
+            }, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { size: "lg" }) }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: (0, jsx_runtime_1.jsx)("iframe", { src: url, style: {
+                maxHeight: '650px',
+                height: '100%',
+                maxWidth: '380px',
+                width: '100%'
+            } }) }));
+};
+exports.PendingCreditCardTransactionSardine = PendingCreditCardTransactionSardine;
+//# sourceMappingURL=PendingCreditCardTransaction.js.map

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

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

package/dist/cjs/views/Swap/index.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Swap = 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 network_1 = require("@0xsequence/network");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const Swap = () => {
+    const { openTransactionStatusModal } = (0, hooks_1.useTransactionStatusModal)();
+    const { swapModalSettings, closeSwapModal } = (0, hooks_1.useSwapModal)();
+    const { currencyAddress, currencyAmount, chainId, disableMainCurrency = true, description, postSwapTransactions, blockConfirmations, onSuccess = () => { } } = swapModalSettings;
+    const { address: userAddress, connector } = (0, wagmi_1.useAccount)();
+    const [isTxsPending, setIsTxsPending] = (0, react_1.useState)(false);
+    const [isError, setIsError] = (0, react_1.useState)(false);
+    const [selectedCurrency, setSelectedCurrency] = (0, react_1.useState)();
+    const publicClient = (0, wagmi_1.usePublicClient)({ chainId });
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)({ chainId });
+    const buyCurrencyAddress = currencyAddress;
+    const sellCurrencyAddress = selectedCurrency || '';
+    const { data: currencyInfoData, isLoading: isLoadingCurrencyInfo, isError: isErrorCurrencyInfo } = (0, react_hooks_1.useGetContractInfo)({ chainID: String(chainId), contractAddress: currencyAddress });
+    const { data: swapPrices = [], isLoading: swapPricesIsLoading, isError: isErrorPrices } = (0, react_hooks_1.useGetSwapPrices)({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: currencyAmount,
+        withContractInfo: true
+    });
+    (0, react_1.useEffect)(() => {
+        if (!disableMainCurrency) {
+            setSelectedCurrency(currencyAddress);
+        }
+        else if (!swapPricesIsLoading) {
+            const firstOptionAddress = swapPrices?.[0]?.info?.address;
+            setSelectedCurrency(firstOptionAddress);
+        }
+    }, [swapPricesIsLoading]);
+    const isNativeCurrency = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
+    const network = (0, network_1.findSupportedNetwork)(chainId);
+    const mainCurrencyName = isNativeCurrency ? network?.nativeToken.name : currencyInfoData?.name;
+    const mainCurrencyLogo = isNativeCurrency ? network?.logoURI : currencyInfoData?.logoURI;
+    const mainCurrencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfoData?.symbol;
+    const mainCurrencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfoData?.decimals;
+    const disableSwapQuote = !selectedCurrency || (0, connect_1.compareAddress)(selectedCurrency, buyCurrencyAddress);
+    const { data: swapQuote, isLoading: isLoadingSwapQuote, isError: isErrorSwapQuote } = (0, react_hooks_1.useGetSwapQuote)({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress: currencyAddress,
+        buyAmount: currencyAmount,
+        chainId: chainId,
+        sellCurrencyAddress,
+        includeApprove: true
+    }, {
+        disabled: disableSwapQuote
+    });
+    const indexerClient = (0, react_hooks_1.useIndexerClient)(chainId);
+    const isMainCurrencySelected = (0, connect_1.compareAddress)(selectedCurrency || '', currencyAddress);
+    const quoteFetchInProgress = isLoadingSwapQuote && !isMainCurrencySelected;
+    const isLoading = isLoadingCurrencyInfo || swapPricesIsLoading;
+    const onClickProceed = async () => {
+        if (!userAddress || !publicClient || !walletClient || !connector) {
+            return;
+        }
+        setIsError(false);
+        setIsTxsPending(true);
+        try {
+            const swapPrice = swapPrices?.find(price => price.info?.address === selectedCurrency);
+            const isSwapNativeToken = (0, connect_1.compareAddress)(viem_1.zeroAddress, swapPrice?.price.currencyAddress || '');
+            const getSwapTransactions = () => {
+                if (isMainCurrencySelected || !swapQuote || !swapPrice) {
+                    return [];
+                }
+                const swapTransactions = [
+                    // 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)
+                            }
+                            : {})
+                    }
+                ];
+                return swapTransactions;
+            };
+            const walletClientChainId = await walletClient.getChainId();
+            if (walletClientChainId !== chainId) {
+                await walletClient.switchChain({ id: chainId });
+            }
+            const txHash = await (0, connect_1.sendTransactions)({
+                connector,
+                walletClient,
+                publicClient,
+                chainId,
+                indexerClient,
+                senderAddress: userAddress,
+                transactionConfirmations: blockConfirmations,
+                transactions: [...getSwapTransactions(), ...(postSwapTransactions ?? [])]
+            });
+            closeSwapModal();
+            openTransactionStatusModal({
+                chainId,
+                txHash,
+                onSuccess: () => {
+                    onSuccess(txHash);
+                }
+            });
+        }
+        catch (e) {
+            setIsTxsPending(false);
+            setIsError(true);
+            console.error('Failed to send transactions', e);
+        }
+    };
+    const isErrorFetchingPrices = isErrorPrices || isErrorCurrencyInfo;
+    const noOptionsFound = disableMainCurrency && swapPrices.length === 0;
+    const SwapContent = () => {
+        if (isLoading) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) }));
+        }
+        else if (isErrorFetchingPrices) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "negative", children: "An error occurred while fetching the swap options." }) }));
+        }
+        else if (noOptionsFound) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: "No swap option found!" }) }));
+        }
+        else {
+            const formattedPrice = (0, viem_1.formatUnits)(BigInt(currencyAmount), mainCurrencyDecimals || 0);
+            const displayPrice = (0, connect_1.formatDisplay)(formattedPrice, {
+                disableScientificNotation: true,
+                disableCompactNotation: true,
+                significantDigits: 6
+            });
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full gap-3 flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: description }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [!disableMainCurrency && ((0, jsx_runtime_1.jsx)(connect_1.CryptoOption, { chainId: chainId, currencyName: mainCurrencyName || mainCurrencySymbol || '', price: displayPrice, iconUrl: mainCurrencyLogo, symbol: mainCurrencySymbol || '', isSelected: (0, connect_1.compareAddress)(selectedCurrency || '', currencyAddress), onClick: () => {
+                                    setIsError(false);
+                                    setSelectedCurrency(currencyAddress);
+                                }, disabled: isTxsPending }, currencyAddress)), swapPrices.map(swapPrice => {
+                                const sellCurrencyAddress = swapPrice.info?.address || '';
+                                const formattedPrice = (0, viem_1.formatUnits)(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 0);
+                                const displayPrice = (0, connect_1.formatDisplay)(formattedPrice, {
+                                    disableScientificNotation: true,
+                                    disableCompactNotation: true,
+                                    significantDigits: 6
+                                });
+                                return ((0, jsx_runtime_1.jsx)(connect_1.CryptoOption, { chainId: chainId, currencyName: swapPrice.info?.name || swapPrice.info?.symbol || '', symbol: swapPrice.info?.symbol || '', isSelected: (0, connect_1.compareAddress)(selectedCurrency || '', sellCurrencyAddress), iconUrl: swapPrice.info?.logoURI, price: displayPrice, onClick: () => {
+                                        setIsError(false);
+                                        setSelectedCurrency(sellCurrencyAddress);
+                                    }, disabled: isTxsPending }, sellCurrencyAddress));
+                            })] }), isError && ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "negative", variant: "small", children: "A problem occurred while executing the transaction." }) })), isErrorSwapQuote && ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "negative", variant: "small", children: "A problem occurred while fetching the swap quote." }) })), (0, jsx_runtime_1.jsx)(design_system_1.Button, { disabled: noOptionsFound || !selectedCurrency || quoteFetchInProgress || isTxsPending || isErrorSwapQuote, variant: "primary", label: quoteFetchInProgress ? 'Preparing swap...' : 'Proceed', onClick: onClickProceed })] }));
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2 items-start pb-6 px-6", style: {
+            paddingTop: constants_1.HEADER_HEIGHT
+        }, children: (0, jsx_runtime_1.jsx)(SwapContent, {}) }));
+};
+exports.Swap = Swap;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/Swap/index.js.map

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

package/dist/cjs/views/TransactionError.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationErrorIcon = exports.TransactionError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const TransactionError = () => {
+    const { closeCheckout, settings } = (0, hooks_1.useCheckoutModal)();
+    const nav = (0, hooks_1.useNavigation)();
+    const navigation = nav.navigation;
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            closeCheckout();
+            settings?.creditCardCheckout?.onError?.(navigation.params.error, settings?.creditCardCheckout);
+        }, 3000);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '650px' }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center absolute", style: { top: '50%', right: '50%', transform: 'translate(50%, -50%)' }, children: [(0, jsx_runtime_1.jsx)(exports.NotificationErrorIcon, {}), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", children: "Error" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center", variant: "normal", color: "secondary", children: "An error occurred while processing the transaction." })] }) }));
+};
+exports.TransactionError = TransactionError;
+const NotificationErrorIcon = () => ((0, jsx_runtime_1.jsx)("div", { className: "flex text-white items-center justify-center w-16 h-16 rounded-full mb-2 bg-negative", children: (0, jsx_runtime_1.jsx)(design_system_1.CloseIcon, { size: "xl" }) }));
+exports.NotificationErrorIcon = NotificationErrorIcon;
+//# sourceMappingURL=TransactionError.js.map

package/dist/cjs/views/TransactionError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionError.js","sourceRoot":"","sources":["../../../src/views/TransactionError.tsx"],"names":[],"mappings":";;;;AAAA,6DAA2D;AAC3D,iCAAwC;AAGxC,oCAA0D;AAEnD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAA;IACtD,MAAM,GAAG,GAAG,IAAA,qBAAa,GAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,GAAG,CAAC,UAAwC,CAAA;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,EAAE,CAAA;YACf,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;QAChG,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,iCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,aAEtE,uBAAC,6BAAqB,KAAG,EACzB,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,sBAAa,EACnC,uBAAC,oBAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,oEAEzD,IACH,GACF,CACP,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,gBAAgB,oBA0B5B;AAEM,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,gCAAK,SAAS,EAAC,qFAAqF,YAClG,uBAAC,yBAAS,IAAC,IAAI,EAAC,IAAI,GAAG,GACnB,CACP,CAAA;AAJY,QAAA,qBAAqB,yBAIjC"}