@0xsequence/checkout 0.0.0-20250314205219

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

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CryptoOption, compareAddress, formatDisplay, sendTransactions } from '@0xsequence/connect';
+import { Button, Spinner, Text } from '@0xsequence/design-system';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useGetContractInfo, useGetSwapPrices, useGetSwapQuote, useIndexerClient } from '@0xsequence/react-hooks';
+import { useState, useEffect } from 'react';
+import { zeroAddress, formatUnits } from 'viem';
+import { useAccount, usePublicClient, useWalletClient } from 'wagmi';
+import { HEADER_HEIGHT } from '../../constants';
+import { useSwapModal, useTransactionStatusModal } from '../../hooks';
+export const Swap = () => {
+    const { openTransactionStatusModal } = useTransactionStatusModal();
+    const { swapModalSettings, closeSwapModal } = useSwapModal();
+    const { currencyAddress, currencyAmount, chainId, disableMainCurrency = true, description, postSwapTransactions, blockConfirmations, onSuccess = () => { } } = swapModalSettings;
+    const { address: userAddress, connector } = useAccount();
+    const [isTxsPending, setIsTxsPending] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [selectedCurrency, setSelectedCurrency] = useState();
+    const publicClient = usePublicClient({ chainId });
+    const { data: walletClient } = useWalletClient({ chainId });
+    const buyCurrencyAddress = currencyAddress;
+    const sellCurrencyAddress = selectedCurrency || '';
+    const { data: currencyInfoData, isLoading: isLoadingCurrencyInfo, isError: isErrorCurrencyInfo } = useGetContractInfo({ chainID: String(chainId), contractAddress: currencyAddress });
+    const { data: swapPrices = [], isLoading: swapPricesIsLoading, isError: isErrorPrices } = useGetSwapPrices({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: currencyAmount,
+        withContractInfo: true
+    });
+    useEffect(() => {
+        if (!disableMainCurrency) {
+            setSelectedCurrency(currencyAddress);
+        }
+        else if (!swapPricesIsLoading) {
+            const firstOptionAddress = swapPrices?.[0]?.info?.address;
+            setSelectedCurrency(firstOptionAddress);
+        }
+    }, [swapPricesIsLoading]);
+    const isNativeCurrency = compareAddress(currencyAddress, zeroAddress);
+    const network = 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 || compareAddress(selectedCurrency, buyCurrencyAddress);
+    const { data: swapQuote, isLoading: isLoadingSwapQuote, isError: isErrorSwapQuote } = useGetSwapQuote({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress: currencyAddress,
+        buyAmount: currencyAmount,
+        chainId: chainId,
+        sellCurrencyAddress,
+        includeApprove: true
+    }, {
+        disabled: disableSwapQuote
+    });
+    const indexerClient = useIndexerClient(chainId);
+    const isMainCurrencySelected = 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 = compareAddress(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 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 (_jsx("div", { className: "flex w-full justify-center items-center", children: _jsx(Spinner, {}) }));
+        }
+        else if (isErrorFetchingPrices) {
+            return (_jsx("div", { className: "flex w-full justify-center items-center", children: _jsx(Text, { variant: "normal", color: "negative", children: "An error occurred while fetching the swap options." }) }));
+        }
+        else if (noOptionsFound) {
+            return (_jsx("div", { className: "flex w-full justify-center items-center", children: _jsx(Text, { variant: "normal", color: "primary", children: "No swap option found!" }) }));
+        }
+        else {
+            const formattedPrice = formatUnits(BigInt(currencyAmount), mainCurrencyDecimals || 0);
+            const displayPrice = formatDisplay(formattedPrice, {
+                disableScientificNotation: true,
+                disableCompactNotation: true,
+                significantDigits: 6
+            });
+            return (_jsxs("div", { className: "flex w-full gap-3 flex-col", children: [_jsx(Text, { variant: "normal", color: "primary", children: description }), _jsxs("div", { className: "flex w-full flex-col gap-2", children: [!disableMainCurrency && (_jsx(CryptoOption, { chainId: chainId, currencyName: mainCurrencyName || mainCurrencySymbol || '', price: displayPrice, iconUrl: mainCurrencyLogo, symbol: mainCurrencySymbol || '', isSelected: compareAddress(selectedCurrency || '', currencyAddress), onClick: () => {
+                                    setIsError(false);
+                                    setSelectedCurrency(currencyAddress);
+                                }, disabled: isTxsPending }, currencyAddress)), swapPrices.map(swapPrice => {
+                                const sellCurrencyAddress = swapPrice.info?.address || '';
+                                const formattedPrice = formatUnits(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 0);
+                                const displayPrice = formatDisplay(formattedPrice, {
+                                    disableScientificNotation: true,
+                                    disableCompactNotation: true,
+                                    significantDigits: 6
+                                });
+                                return (_jsx(CryptoOption, { chainId: chainId, currencyName: swapPrice.info?.name || swapPrice.info?.symbol || '', symbol: swapPrice.info?.symbol || '', isSelected: compareAddress(selectedCurrency || '', sellCurrencyAddress), iconUrl: swapPrice.info?.logoURI, price: displayPrice, onClick: () => {
+                                        setIsError(false);
+                                        setSelectedCurrency(sellCurrencyAddress);
+                                    }, disabled: isTxsPending }, sellCurrencyAddress));
+                            })] }), isError && (_jsx("div", { className: "w-full", children: _jsx(Text, { color: "negative", variant: "small", children: "A problem occurred while executing the transaction." }) })), isErrorSwapQuote && (_jsx("div", { className: "w-full", children: _jsx(Text, { color: "negative", variant: "small", children: "A problem occurred while fetching the swap quote." }) })), _jsx(Button, { disabled: noOptionsFound || !selectedCurrency || quoteFetchInProgress || isTxsPending || isErrorSwapQuote, variant: "primary", label: quoteFetchInProgress ? 'Preparing swap...' : 'Proceed', onClick: onClickProceed })] }));
+        }
+    };
+    return (_jsx("div", { className: "flex flex-col gap-2 items-start pb-6 px-6", style: {
+            paddingTop: HEADER_HEIGHT
+        }, children: _jsx(SwapContent, {}) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/views/TransactionError.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionError.js","sourceRoot":"","sources":["../../../src/views/TransactionError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACtD,MAAM,GAAG,GAAG,aAAa,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,GAAG,CAAC,UAAwC,CAAA;IAE/D,SAAS,CAAC,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,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,aAEtE,KAAC,qBAAqB,KAAG,EACzB,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,sBAAa,EACnC,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,oEAEzD,IACH,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,qFAAqF,YAClG,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,GACnB,CACP,CAAA"}

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

@@ -0,0 +1,170 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CollectibleTileImage, formatDisplay, TRANSACTION_CONFIRMATIONS_DEFAULT, waitForTransactionReceipt } from '@0xsequence/connect';
+import { ArrowDownIcon, Card, NetworkImage, Spinner, Text, TokenImage, CheckmarkIcon, CloseIcon, truncateAddress } from '@0xsequence/design-system';
+import { TransactionStatus as TransactionStatusSequence } from '@0xsequence/indexer';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useGetTokenMetadata, useGetContractInfo, useIndexerClient } from '@0xsequence/react-hooks';
+import { useState, useEffect } from 'react';
+import TimeAgo from 'timeago-react';
+import { formatUnits } from 'viem';
+import { usePublicClient } from 'wagmi';
+import { HEADER_HEIGHT } from '../../constants';
+import { useTransactionStatusModal } from '../../hooks';
+export const TransactionStatusHeader = ({ status, noItemsToDisplay }) => {
+    const getHeaderText = () => {
+        if (noItemsToDisplay) {
+            switch (status) {
+                case 'success':
+                    return 'Your transaction has been processed';
+                case 'error':
+                    return 'Your transaction has failed';
+                case 'pending':
+                default:
+                    return 'Your transaction is processing';
+            }
+        }
+        else {
+            switch (status) {
+                case 'success':
+                    return 'Your purchase has been processed';
+                case 'error':
+                    return 'Your purchase has failed';
+                case 'pending':
+                default:
+                    return 'Your purchase is processing';
+            }
+        }
+    };
+    const headerText = getHeaderText();
+    return (_jsx("div", { className: "fixed", style: { top: '18px' }, children: _jsx(Text, { className: "text-xl", color: "white", variant: "normal", fontWeight: "bold", children: headerText }) }));
+};
+export const TransactionStatus = () => {
+    const { transactionStatusSettings } = useTransactionStatusModal();
+    const { collectionAddress, chainId, items, txHash, currencyAddress, blockConfirmations = TRANSACTION_CONFIRMATIONS_DEFAULT, onSuccess, onError, onClose = () => { } } = transactionStatusSettings;
+    const networkConfig = findSupportedNetwork(chainId);
+    const blockExplorerUrl = `${networkConfig?.blockExplorer?.rootUrl}tx/${txHash}`;
+    const [startTime] = useState(new Date());
+    const [status, setStatus] = useState('pending');
+    const noItemsToDisplay = !items || !collectionAddress;
+    const { data: tokenMetadatas, isLoading: isLoadingTokenMetadatas } = useGetTokenMetadata({
+        chainID: String(chainId),
+        contractAddress: collectionAddress || '',
+        tokenIDs: items?.map(i => i.tokenId) || []
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const publicClient = usePublicClient({
+        chainId
+    });
+    const indexerClient = useIndexerClient(chainId);
+    const waitForTransaction = async (publicClient, txnHash) => {
+        try {
+            const { txnStatus } = await waitForTransactionReceipt({
+                indexerClient,
+                txnHash: txnHash,
+                publicClient,
+                confirmations: blockConfirmations
+            });
+            if (txnStatus === TransactionStatusSequence.FAILED) {
+                throw new Error('Transaction failed');
+            }
+            setStatus('success');
+            onSuccess?.(txnHash);
+        }
+        catch (e) {
+            console.error('An error occurred while waiting for transaction confirmation', e);
+            setStatus('error');
+            onError?.(e);
+        }
+    };
+    useEffect(() => {
+        if (status === 'pending' && publicClient) {
+            waitForTransaction(publicClient, txHash);
+        }
+    }, [status, publicClient, txHash]);
+    useEffect(() => {
+        return () => {
+            onClose();
+        };
+    }, []);
+    const { data: dataCollectionInfo, isLoading: isLoadingCollectionInfo } = useGetContractInfo({
+        chainID: String(chainId),
+        contractAddress: collectionAddress || ''
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const { data: dataCurrencyInfo, isLoading: isLoadingCurrencyInfo } = useGetContractInfo({
+        chainID: String(chainId),
+        contractAddress: currencyAddress || ''
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const isLoading = isLoadingTokenMetadatas || isLoadingCollectionInfo || isLoadingCurrencyInfo;
+    const getInformationText = () => {
+        if (noItemsToDisplay) {
+            switch (status) {
+                case 'success':
+                    return 'The transaction has been confirmed on the blockchain!';
+                case 'error':
+                    return 'An error occurred while processing the transaction.';
+                case 'pending':
+                default:
+                    return `The transaction will be confirmed on the blockchain shortly.`;
+            }
+        }
+        else {
+            const tokenNames = tokenMetadatas
+                ?.map(metadata => {
+                return `${metadata.name} #${metadata.tokenId}`;
+            })
+                .join(', ') || '';
+            switch (status) {
+                case 'success':
+                    return `You just purchased ${tokenNames}. It’s been confirmed on the blockchain!`;
+                case 'error':
+                    return `You just purchased ${tokenNames}, but an error occurred.`;
+                case 'pending':
+                default:
+                    return `You just purchased ${tokenNames}. It should be confirmed on the blockchain shortly.`;
+            }
+        }
+    };
+    const StatusIndicator = () => {
+        switch (status) {
+            case 'success':
+                return (_jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx("div", { className: "w-6 h-6 rounded-full bg-positive", children: _jsx(CheckmarkIcon, { className: "text-white relative", style: { top: '3px', right: '-1px' } }) }), _jsx(Text, { variant: "normal", color: "muted", children: "Transaction complete" })] }));
+            case 'error':
+                return (_jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx("div", { className: "w-6 h-6 rounded-full bg-negative", children: _jsx(CloseIcon, { className: "text-white relative", style: { top: '2px', right: '-2px' } }) }), _jsx(Text, { variant: "normal", color: "muted", children: "Transaction failed" })] }));
+            case 'pending':
+            default:
+                return (_jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx(Spinner, {}), _jsx(Text, { variant: "normal", color: "muted", children: "Processing transaction" })] }));
+        }
+    };
+    const ItemsInfo = () => {
+        return (_jsx("div", { className: "flex gap-3 flex-col", children: items?.map(item => {
+                const collectibleQuantity = Number(formatUnits(BigInt(item.quantity), item?.decimals || 0));
+                const tokenMetadata = tokenMetadatas?.find(tokenMetadata => tokenMetadata.tokenId === item.tokenId);
+                const price = formatDisplay(formatUnits(BigInt(item.price), dataCurrencyInfo?.decimals || 0));
+                return (_jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { className: "flex flex-row gap-2", children: [_jsx("div", { className: "rounded-xl", style: {
+                                        height: '36px',
+                                        width: '36px'
+                                    }, children: _jsx(CollectibleTileImage, { imageUrl: tokenMetadata?.image }) }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(Text, { variant: "small", color: "secondary", fontWeight: "medium", children: dataCollectionInfo?.name || null }), _jsx(Text, { variant: "small", color: "primary", fontWeight: "bold", children: `${tokenMetadata?.name || 'Collectible'} #${item.tokenId} ${collectibleQuantity > 1 ? `x${collectibleQuantity}` : ''}` })] })] }), _jsxs("div", { className: "flex flex-row gap-1 items-center justify-center", children: [_jsx(TokenImage, { src: dataCurrencyInfo?.logoURI, size: "xs", symbol: dataCurrencyInfo?.symbol, disableAnimation: true }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "white", children: `${price} ${dataCurrencyInfo?.symbol}` })] })] }, item.tokenId));
+            }) }));
+    };
+    const TxInfo = () => {
+        const getStatusText = () => {
+            switch (status) {
+                case 'success':
+                    return 'Sent!';
+                case 'error':
+                    return 'Not sent';
+                case 'pending':
+                default:
+                    return 'Sending...';
+            }
+        };
+        return (_jsxs("div", { className: "flex mb-2 flex-row items-center justify-between", children: [_jsxs("div", { className: "flex flex-row gap-1 items-center justify-between", children: [_jsx(ArrowDownIcon, { className: "text-secondary", size: "xs", style: { transform: 'rotate(180deg)', marginRight: '-4px' } }), _jsx(Text, { color: "secondary", variant: "small", fontWeight: "medium", children: getStatusText() }), _jsx(NetworkImage, { chainId: chainId, size: "xs" })] }), _jsx("div", { children: _jsx(Text, { color: "muted", variant: "small", fontWeight: "medium", children: _jsx(TimeAgo, { datetime: startTime }) }) })] }));
+    };
+    return (_jsxs("div", { className: "w-full px-6 pb-6", children: [_jsx(TransactionStatusHeader, { status: status, noItemsToDisplay: noItemsToDisplay }), _jsx("div", { className: "flex flex-col gap-6 items-center justify-center h-full", style: { paddingTop: HEADER_HEIGHT }, children: isLoading ? (_jsx("div", { className: "flex w-full justify-center items-center", children: _jsx(Spinner, { size: "md" }) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex w-full justify-start", children: _jsx(Text, { variant: "normal", color: "primary", children: getInformationText() }) }), !noItemsToDisplay && (_jsxs(Card, { className: "p-4", children: [_jsx(TxInfo, {}), _jsx(ItemsInfo, {})] })), _jsxs("div", { className: "flex w-full justify-between items-center", children: [_jsx(StatusIndicator, {}), _jsx(Text, { className: "no-underline cursor-pointer", variant: "normal", style: { color: '#8E7EFF' }, asChild: true, children: _jsx("a", { href: blockExplorerUrl, target: "_blank", rel: "noreferrer", children: truncateAddress(txHash, 4, 4) }) })] })] })) })] }));
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/views/TransactionSuccess.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckmarkIcon, Text } from '@0xsequence/design-system';
+import { ChainId, allNetworks } from '@0xsequence/network';
+import { useEffect } from 'react';
+import { useCheckoutModal, useNavigation } from '../hooks';
+export const TransactionSuccess = () => {
+    const { settings } = useCheckoutModal();
+    const nav = useNavigation();
+    const navigation = nav.navigation;
+    const chainId = settings?.creditCardCheckout?.chainId || ChainId.POLYGON;
+    const network = allNetworks.find(n => n.chainId === chainId);
+    useEffect(() => {
+        settings?.creditCardCheckout?.onSuccess?.(navigation.params.transactionHash, settings?.creditCardCheckout);
+    }, []);
+    return (_jsx("div", { style: { height: '650px' }, children: _jsxs("div", { className: "flex flex-col items-center absolute", style: { top: '50%', right: '50%', transform: 'translate(50%, -50%)' }, children: [_jsx(NotificationSuccessIcon, {}), _jsx(Text, { variant: "xlarge", children: "Success!" }), _jsx(Text, { className: "text-center", variant: "normal", color: "secondary", children: "Purchase was successful, item was sent to your wallet." }), navigation.params.transactionHash && (_jsx(Text, { className: "mt-6", variant: "small", underline: true, color: "primary", asChild: true, children: _jsxs("a", { href: `${network?.blockExplorer?.rootUrl}/tx/${navigation.params.transactionHash}`, target: "_blank", rel: "noreferrer", children: ["View on ", network?.blockExplorer?.name] }) }))] }) }));
+};
+export const NotificationSuccessIcon = () => (_jsx("div", { className: "flex text-white bg-positive items-center justify-center w-16 h-16 rounded-full mb-2", children: _jsx(CheckmarkIcon, { size: "xl" }) }));
+//# sourceMappingURL=TransactionSuccess.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionSuccess.js","sourceRoot":"","sources":["../../../src/views/TransactionSuccess.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvC,MAAM,GAAG,GAAG,aAAa,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,GAAG,CAAC,UAA0C,CAAA;IAEjE,MAAM,OAAO,GAAG,QAAQ,EAAE,kBAAkB,EAAE,OAAO,IAAI,OAAO,CAAC,OAAO,CAAA;IACxE,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IAC5G,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,aAEtE,KAAC,uBAAuB,KAAG,EAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,yBAAgB,EACtC,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,uEAEzD,EACN,UAAU,CAAC,MAAM,CAAC,eAAe,IAAI,CACpC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,QAAC,KAAK,EAAC,SAAS,EAAC,OAAO,kBACtE,aACE,IAAI,EAAE,GAAG,OAAO,EAAE,aAAa,EAAE,OAAO,OAAO,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,EAClF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,yBAEP,OAAO,EAAE,aAAa,EAAE,IAAI,IACnC,GACC,CACR,IACG,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,cAAK,SAAS,EAAC,qFAAqF,YAClG,KAAC,aAAa,IAAC,IAAI,EAAC,IAAI,GAAG,GACvB,CACP,CAAA"}

package/dist/esm/views/TransferToWallet/CopyButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, CopyIcon, CheckmarkIcon } from '@0xsequence/design-system';
+import { useEffect, useState } from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+export const CopyButton = (props) => {
+    const { text, size = 'xs', inline = false, ...rest } = props;
+    const [isCopied, setCopy] = useState(false);
+    useEffect(() => {
+        if (isCopied) {
+            setTimeout(() => {
+                setCopy(false);
+            }, 4000);
+        }
+    }, [isCopied]);
+    const handleCopy = () => {
+        setCopy(true);
+    };
+    return (_jsx(CopyToClipboard, { text: text, onCopy: handleCopy, children: inline ? (_jsx(Button, { size: size, variant: "text", leftIcon: isCopied ? CheckmarkIcon : CopyIcon })) : (_jsx(Button, { size: size, leftIcon: isCopied ? CheckmarkIcon : CopyIcon, label: isCopied ? 'Copied' : 'Copy', ...rest })) }));
+};
+//# sourceMappingURL=CopyButton.js.map

package/dist/esm/views/TransferToWallet/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AASzD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5D,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,OAAO,CACL,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,YAC5C,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,GAAI,CACrF,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAM,IAAI,GAAI,CACrH,GACe,CACnB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/TransferToWallet/QRCode.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@0xsequence/design-system';
+import { QRCodeCanvas } from 'qrcode.react';
+import { CopyButton } from './CopyButton';
+export const QRCode = (props) => {
+    const { value } = props;
+    return (_jsxs("div", { className: "flex items-center flex-col gap-4", children: [value ? (_jsx("div", { className: "bg-white p-4 rounded-lg", style: { width: 232, height: 232 }, children: _jsx(QRCodeCanvas, { value: value, size: 200, bgColor: "white", fgColor: "black", "data-id": "qr-code" }) })) : (_jsx(Skeleton, { style: { width: 232, height: 232 } })), _jsx(CopyButton, { text: value || '', disabled: !value })] }));
+};
+//# sourceMappingURL=QRCode.js.map

package/dist/esm/views/TransferToWallet/QRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/QRCode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAMzC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC9C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACzE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,aAAS,SAAS,GAAG,GACvF,CACP,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CACjD,EACD,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,GAAI,IAC/C,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+import { useAccount } from 'wagmi';
+import { HEADER_HEIGHT } from '../../constants';
+import { useTransferFundsModal } from '../../hooks';
+import { QRCode } from './QRCode';
+export const TransferToWallet = () => {
+    const { address: userAddress } = useAccount();
+    const { transferFundsSettings } = useTransferFundsModal();
+    const address = transferFundsSettings?.walletAddress || userAddress || '';
+    return (_jsx("div", { className: "flex flex-col gap-2 items-center justify-center w-full px-4 pb-4 h-full", style: { paddingTop: HEADER_HEIGHT }, children: _jsx("div", { className: "flex flex-col items-center px-4 pb-4 min-h-full", children: _jsxs("div", { className: "flex flex-col items-center justify-center w-full", children: [_jsx(Text, { className: "text-center", variant: "normal", color: "muted", asChild: true, children: _jsx("p", { children: "Share your wallet address to receive coins" }) }), _jsx("div", { className: "my-4", children: _jsx(QRCode, { value: address, "data-id": "receiveQR" }) }), _jsx(Text, { className: "w-full text-center", variant: "normal", color: "muted", asChild: true, children: _jsx("div", { "data-id": "receiveAddress", children: address }) })] }) }) }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAA;IAC7C,MAAM,EAAE,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEzD,MAAM,OAAO,GAAG,qBAAqB,EAAE,aAAa,IAAI,WAAW,IAAI,EAAE,CAAA;IAEzE,OAAO,CACL,cACE,SAAS,EAAC,yEAAyE,EACnF,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YAEpC,cAAK,SAAS,EAAC,iDAAiD,YAC9D,eAAK,SAAS,EAAC,kDAAkD,aAC/D,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,kBAClE,qEAAiD,GAC5C,EACP,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,MAAM,IAAC,KAAK,EAAE,OAAO,aAAU,WAAW,GAAG,GAC1C,EAEN,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,kBACzE,yBAAa,gBAAgB,YAAE,OAAO,GAAO,GACxC,IACH,GACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/index.js

@@ -0,0 +1,10 @@
+export * from './PendingCreditCardTransaction';
+export * from './TransactionSuccess';
+export * from './TransactionError';
+export * from './CheckoutSelection';
+export * from './AddFunds';
+export * from './PaymentSelection';
+export * from './TransferToWallet';
+export * from './TransactionStatus';
+export * from './Swap';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA;AAC9C,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA"}

package/dist/types/api/data.d.ts

@@ -0,0 +1,21 @@
+import { TokenMetadata } from '@0xsequence/metadata';
+import { CreditCardCheckout } from '../contexts';
+export interface FetchSardineClientTokenReturn {
+    token: string;
+    orderId: string;
+}
+export interface MethodArguments {
+    [key: string]: any;
+}
+export interface FetchSardineClientTokenArgs {
+    order: CreditCardCheckout;
+    projectAccessKey: string;
+    tokenMetadata?: TokenMetadata;
+}
+export declare const fetchSardineClientToken: ({ order, projectAccessKey, tokenMetadata }: FetchSardineClientTokenArgs) => Promise<FetchSardineClientTokenReturn>;
+export declare const fetchSardineOrderStatus: (orderId: string, projectAccessKey: string) => Promise<any>;
+export interface Country {
+    code: string;
+}
+export declare const fetchSupportedCountryCodes: () => Promise<Country[]>;
+//# sourceMappingURL=data.d.ts.map

package/dist/types/api/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/api/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,kBAAkB,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,eAAO,MAAM,uBAAuB,GAAU,4CAI3C,2BAA2B,KAAG,OAAO,CAAC,6BAA6B,CA0CrE,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAU,SAAS,MAAM,EAAE,kBAAkB,MAAM,iBAoBtF,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,0BAA0B,QAAa,OAAO,CAAC,OAAO,EAAE,CAkGpE,CAAA"}

package/dist/types/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/types/components/CopyButton.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '@0xsequence/design-system';
+import { ComponentProps } from 'react';
+type ButtonProps = ComponentProps<typeof Button>;
+interface CopyButtonProps extends ButtonProps {
+    text: string;
+}
+export declare const CopyButton: (props: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/types/components/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,2BAA2B,CAAA;AAC3E,OAAc,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAA;AAGlE,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEhD,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAqBhD,CAAA"}

package/dist/types/components/DefaultIcon.d.ts

@@ -0,0 +1,6 @@
+interface DefaultIconProps {
+    size?: number;
+}
+export declare const DefaultIcon: ({ size }: DefaultIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DefaultIcon.d.ts.map

package/dist/types/components/DefaultIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DefaultIcon.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,GAAI,UAAe,gBAAgB,4CAc1D,CAAA"}

package/dist/types/components/NavigationHeader.d.ts

@@ -0,0 +1,8 @@
+interface NavigationHeaderProps {
+    primaryText?: string;
+    secondaryText?: string;
+    disableBack?: boolean;
+}
+export declare const NavigationHeader: ({ secondaryText, primaryText, disableBack }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NavigationHeader.d.ts.map

package/dist/types/components/NavigationHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationHeader.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAAqD,qBAAqB,4CA4C1G,CAAA"}

package/dist/types/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type SequenceCheckoutProvider = {
+    children: React.ReactNode;
+};
+export declare const SequenceCheckoutProvider: (props: SequenceCheckoutProvider) => import("react/jsx-runtime").JSX.Element;
+export declare const SequenceCheckoutContent: ({ children }: SequenceCheckoutProvider) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SequenceCheckoutProvider.d.ts.map

package/dist/types/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceCheckoutProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAgClD,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,wBAAwB,4CAQvE,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,cAAc,wBAAwB,4CAsT7E,CAAA"}

package/dist/types/components/SequenceCheckoutProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SequenceCheckoutProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/SequenceCheckoutProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SequenceCheckoutProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}