@0xsequence/checkout 5.3.7 → 5.3.8

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.tsx"],"names":[],"mappings":"AAUA,UAAU,yBAAyB;IACjC,mBAAmB,EAAE,MAAM,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,+CA6HtF,CAAA"}

package/dist/cjs/views/{PaymentSelection → Checkout/PaymentMethodSelect}/PayWithCreditCard/index.js

@@ -1,36 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PayWithCreditCard = void 0;
+exports.PayWithCreditCardTab = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const design_system_1 = require("@0xsequence/design-system");
 const hooks_1 = require("@0xsequence/hooks");
 const network_1 = require("@0xsequence/network");
-const react_1 = require("react");
 const wagmi_1 = require("wagmi");
-const index_js_1 = require("../../../hooks/index.js");
-const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallback }) => {
-    const { chain, currencyAddress, targetContractAddress, price, txData, collectibles, collectionAddress, sardineConfig, onSuccess = () => { }, onError = () => { }, onClose = () => { }, creditCardProviders = [], transakConfig, supplementaryAnalyticsInfo = {} } = settings;
+const index_js_1 = require("../../../../hooks/index.js");
+const PayWithCreditCardTab = ({ skipOnCloseCallback }) => {
+    const { closeSelectPaymentModal, selectPaymentSettings } = (0, index_js_1.useSelectPaymentModal)();
+    const { chain, currencyAddress, targetContractAddress, price, txData, collectibles, collectionAddress, sardineConfig, onSuccess = () => { }, onError = () => { }, onClose = () => { }, creditCardProviders = [], transakConfig, supplementaryAnalyticsInfo = {} } = selectPaymentSettings;
     const { address: userAddress } = (0, wagmi_1.useAccount)();
     const { clearCachedBalances } = (0, hooks_1.useClearCachedBalances)();
-    const { closeSelectPaymentModal } = (0, index_js_1.useSelectPaymentModal)();
     const { triggerCheckout } = (0, index_js_1.useCheckoutModal)();
     const network = (0, network_1.findSupportedNetwork)(chain);
     const chainId = network?.chainId || 137;
+    const selectedPaymentProvider = creditCardProviders?.[0];
     const { data: currencyInfoData, isLoading: isLoadingContractInfo } = (0, hooks_1.useGetContractInfo)({
         chainID: String(chainId),
-        contractAddress: currencyAddress
+        contractAddress: currencyAddress ?? ''
     });
-    const [selectedPaymentProvider, setSelectedPaymentProvider] = (0, react_1.useState)();
     const isLoading = isLoadingContractInfo;
-    (0, react_1.useEffect)(() => {
-        if (selectedPaymentProvider) {
-            payWithSelectedProvider();
-        }
-    }, [selectedPaymentProvider]);
     const payWithSelectedProvider = () => {
         switch (selectedPaymentProvider) {
             case 'custom':
-                if (settings.customProviderCallback) {
+                if (selectPaymentSettings?.customProviderCallback) {
                     onClickCustomProvider();
                 }
                 return;
@@ -43,9 +37,9 @@ const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallback }) =>
         }
     };
     const onClickCustomProvider = () => {
-        if (settings.customProviderCallback) {
+        if (selectPaymentSettings?.customProviderCallback) {
             closeSelectPaymentModal();
-            settings.customProviderCallback(onSuccess, onError, onClose);
+            selectPaymentSettings.customProviderCallback(onSuccess, onError, onClose);
         }
     };
     const onPurchase = () => {
@@ -83,30 +77,22 @@ const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallback }) =>
         closeSelectPaymentModal();
         triggerCheckout(checkoutSettings);
     };
-    const Options = () => {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-2 w-full", children: creditCardProviders
-                .slice(0, 1)
-                .filter(provider => {
-                // cannot display transak checkout if the settings aren't provided
-                if (provider === 'transak' && !settings.transakConfig) {
-                    return false;
-                }
-                return true;
-            })
-                .map(creditCardProvider => {
-                switch (creditCardProvider) {
-                    case 'sardine':
-                    case 'transak':
-                    case 'custom':
-                        return ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex justify-between items-center p-4 cursor-pointer", onClick: () => {
-                                setSelectedPaymentProvider(creditCardProvider);
-                            }, disabled: disableButtons, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.PaymentsIcon, { className: "text-white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "bold", children: "Pay with credit or debit card" })] }), (0, jsx_runtime_1.jsx)("div", { style: { transform: 'rotate(-45deg)' }, children: (0, jsx_runtime_1.jsx)(design_system_1.ArrowRightIcon, { className: "text-white" }) })] }, "sardine"));
-                    default:
-                        return null;
-                }
-            }) }));
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full w-full pt-5 justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) }));
+    }
+    const getProviderName = () => {
+        switch (selectedPaymentProvider) {
+            case 'sardine':
+                return 'Sardine';
+            case 'transak':
+                return 'Transak';
+            case 'forte':
+                return 'Forte';
+            default:
+                return null;
+        }
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full pt-5 justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) })) : ((0, jsx_runtime_1.jsx)(Options, {})) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 justify-between h-full", children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "text50", variant: "small", children: ["Buy directly with your debit or credit card ", getProviderName() ? `through ${getProviderName()}` : ''] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-2 w-full h-full", children: (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", shape: "square", onClick: payWithSelectedProvider, label: "Continue", variant: "primary" }) })] }));
 };
-exports.PayWithCreditCard = PayWithCreditCard;
+exports.PayWithCreditCardTab = PayWithCreditCardTab;
 //# sourceMappingURL=index.js.map

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js.map

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

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/providers/SardineLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SardineLogo.d.ts","sourceRoot":"","sources":["../../../../../../../src/views/Checkout/PaymentMethodSelect/PayWithCreditCard/providers/SardineLogo.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,+CAUvB,CAAA"}

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/providers/SardineLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SardineLogo.js","sourceRoot":"","sources":["../../../../../../../src/views/Checkout/PaymentMethodSelect/PayWithCreditCard/providers/SardineLogo.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACnH,iCAAM,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,GAAG,EAC7C,iCACE,CAAC,EAAC,gsCAAgsC,EAClsC,IAAI,EAAC,OAAO,GACZ,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,WAAW,eAUvB"}

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts

@@ -0,0 +1,6 @@
+interface PayWithCryptoTabProps {
+    skipOnCloseCallback: () => void;
+}
+export declare const PayWithCryptoTab: ({ skipOnCloseCallback }: PayWithCryptoTabProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx"],"names":[],"mappings":"AA8BA,UAAU,qBAAqB;IAC7B,mBAAmB,EAAE,MAAM,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,gBAAgB,GAAI,yBAAyB,qBAAqB,+CA2iB9E,CAAA"}

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js

@@ -0,0 +1,391 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayWithCryptoTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const marketplace_1 = require("@0xsequence/marketplace");
+const network_1 = require("@0xsequence/network");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const abi_js_1 = require("../../../../constants/abi.js");
+const index_js_1 = require("../../../../constants/index.js");
+const index_js_2 = require("../../../../hooks/index.js");
+const index_js_3 = require("../../../../hooks/index.js");
+const useNavigationCheckout_js_1 = require("../../../../hooks/useNavigationCheckout.js");
+const PayWithCryptoTab = ({ skipOnCloseCallback }) => {
+    const { triggerAddFunds } = (0, index_js_2.useAddFundsModal)();
+    const { clearCachedBalances } = (0, hooks_1.useClearCachedBalances)();
+    const [isPurchasing, setIsPurchasing] = (0, react_1.useState)(false);
+    const { openTransactionStatusModal } = (0, index_js_3.useTransactionStatusModal)();
+    const { selectPaymentSettings = {}, closeSelectPaymentModal } = (0, index_js_3.useSelectPaymentModal)();
+    const { analytics } = (0, connect_1.useAnalyticsContext)();
+    const [isError, setIsError] = (0, react_1.useState)(false);
+    const { navigation, setNavigation } = (0, useNavigationCheckout_js_1.useNavigationCheckout)();
+    const { chain, collectibles, collectionAddress, currencyAddress, targetContractAddress, approvedSpenderAddress, price, txData, transactionConfirmations = connect_1.TRANSACTION_CONFIRMATIONS_DEFAULT, onRampProvider, onSuccess = () => { }, onError = () => { }, onClose = () => { }, supplementaryAnalyticsInfo, slippageBps } = selectPaymentSettings;
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const { address: userAddress, connector } = (0, wagmi_1.useAccount)();
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)({
+        chainId: chainId
+    });
+    const publicClient = (0, wagmi_1.usePublicClient)({
+        chainId: chainId
+    });
+    const indexerClient = (0, hooks_1.useIndexerClient)(chainId);
+    const selectedCurrency = navigation.params?.selectedCurrency || {
+        address: currencyAddress,
+        chainId: chain
+    };
+    const isNativeToken = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
+    const isNativeTokenSelectedCurrency = (0, connect_1.compareAddress)(selectedCurrency.address, viem_1.zeroAddress);
+    const { data: tokenBalancesData, isLoading: tokenBalancesIsLoading } = (0, hooks_1.useGetTokenBalancesSummary)({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: userAddress ? [userAddress] : [],
+            contractStatus: connect_1.ContractVerificationStatus.ALL,
+            contractWhitelist: [selectedCurrency.address],
+            omitNativeBalances: !isNativeTokenSelectedCurrency
+        },
+        omitMetadata: true
+    });
+    const { data: coinPricesData, isLoading: isLoadingCoinPrice } = (0, hooks_1.useGetCoinPrices)([
+        {
+            chainId,
+            contractAddress: selectedCurrency.address
+        }
+    ]);
+    const { data: dataCurrencyInfo, isLoading: isLoadingCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const isSwapTransaction = !(0, connect_1.compareAddress)(selectedCurrency.address, currencyAddress);
+    const { data: dataSelectedCurrencyInfo, isLoading: isLoadingSelectedCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: selectedCurrency.address
+    }, {
+        disabled: !isSwapTransaction
+    });
+    const selectedCurrencyInfo = isSwapTransaction ? dataSelectedCurrencyInfo : dataCurrencyInfo;
+    const buyCurrencyAddress = currencyAddress;
+    const { data: swapQuote, isLoading: isLoadingSwapQuote } = (0, hooks_1.useGetSwapQuote)({
+        params: {
+            walletAddress: userAddress ?? '',
+            toTokenAddress: buyCurrencyAddress,
+            fromTokenAddress: selectedCurrency.address || '',
+            toTokenAmount: price,
+            chainId: chainId,
+            includeApprove: true,
+            slippageBps: slippageBps || 100
+        }
+    }, {
+        disabled: !isSwapTransaction
+    });
+    const selectedCurrencyPrice = isSwapTransaction ? swapQuote?.maxPrice || 0 : price || 0;
+    const { data: allowanceData, isLoading: allowanceIsLoading } = (0, wagmi_1.useReadContract)({
+        abi: abi_js_1.ERC_20_CONTRACT_ABI,
+        functionName: 'allowance',
+        chainId: chainId,
+        address: currencyAddress,
+        args: [userAddress, approvedSpenderAddress || targetContractAddress],
+        query: {
+            enabled: !!userAddress && !isNativeTokenSelectedCurrency
+        }
+    });
+    const isLoading = isLoadingCoinPrice ||
+        isLoadingCurrencyInfo ||
+        (allowanceIsLoading && !isNativeTokenSelectedCurrency) ||
+        isLoadingSwapQuote ||
+        tokenBalancesIsLoading ||
+        isLoadingSelectedCurrencyInfo;
+    const tokenBalance = tokenBalancesData?.pages?.[0]?.balances?.find(balance => (0, connect_1.compareAddress)(balance.contractAddress, selectedCurrency.address));
+    const isInsufficientBalance = tokenBalance?.balance && BigInt(tokenBalance.balance) < BigInt(selectedCurrencyPrice);
+    const isApproved = allowanceData >= BigInt(price) || isNativeToken;
+    const formattedPrice = (0, viem_1.formatUnits)(BigInt(selectedCurrencyPrice), selectedCurrencyInfo?.decimals || 0);
+    const displayPrice = (0, connect_1.formatDisplay)(formattedPrice, {
+        disableScientificNotation: true,
+        disableCompactNotation: true,
+        significantDigits: 6
+    });
+    const fiatExchangeRate = coinPricesData?.[0].price?.value || 0;
+    const priceFiat = (fiatExchangeRate * Number(formattedPrice)).toFixed(2);
+    const onPurchaseMainCurrency = async () => {
+        if (!walletClient || !userAddress || !publicClient || !indexerClient || !connector) {
+            return;
+        }
+        setIsPurchasing(true);
+        setIsError(false);
+        try {
+            const walletClientChainId = await walletClient.getChainId();
+            if (walletClientChainId !== chainId) {
+                await walletClient.switchChain({ id: chainId });
+            }
+            const approveTxData = (0, viem_1.encodeFunctionData)({
+                abi: abi_js_1.ERC_20_CONTRACT_ABI,
+                functionName: 'approve',
+                args: [approvedSpenderAddress || targetContractAddress, price]
+            });
+            const transactions = [
+                ...(isApproved
+                    ? []
+                    : [
+                        {
+                            to: currencyAddress,
+                            data: approveTxData,
+                            chainId
+                        }
+                    ]),
+                {
+                    to: targetContractAddress,
+                    data: txData,
+                    chainId,
+                    ...(isNativeTokenSelectedCurrency
+                        ? {
+                            value: BigInt(price)
+                        }
+                        : {})
+                }
+            ];
+            const txHash = await (0, connect_1.sendTransactions)({
+                chainId,
+                senderAddress: userAddress,
+                publicClient,
+                walletClient,
+                indexerClient,
+                connector,
+                transactions,
+                transactionConfirmations,
+                waitConfirmationForLastTransaction: false
+            });
+            analytics?.track({
+                event: 'SEND_TRANSACTION_REQUEST',
+                props: {
+                    ...supplementaryAnalyticsInfo,
+                    type: 'crypto',
+                    source: index_js_1.EVENT_SOURCE,
+                    chainId: String(chainId),
+                    listedCurrency: selectedCurrency.address,
+                    purchasedCurrency: selectedCurrency.address,
+                    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)),
+                    currencySymbol: dataCurrencyInfo?.symbol || '',
+                    collectionAddress,
+                    txHash
+                },
+                nums: {
+                    currencyValue: Number(price),
+                    currencyValueDecimal: Number((0, viem_1.formatUnits)(BigInt(price), dataCurrencyInfo?.decimals || 18))
+                }
+            });
+            closeSelectPaymentModal();
+            skipOnCloseCallback();
+            openTransactionStatusModal({
+                chainId,
+                currencyAddress: selectedCurrency.address,
+                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);
+        }
+        setIsPurchasing(false);
+    };
+    const onClickPurchaseSwap = async () => {
+        if (!walletClient || !userAddress || !publicClient || !userAddress || !connector || !swapQuote) {
+            return;
+        }
+        setIsPurchasing(true);
+        setIsError(false);
+        try {
+            const walletClientChainId = await walletClient.getChainId();
+            if (walletClientChainId !== chainId) {
+                await walletClient.switchChain({ id: chainId });
+            }
+            const approveTxData = (0, viem_1.encodeFunctionData)({
+                abi: abi_js_1.ERC_20_CONTRACT_ABI,
+                functionName: 'approve',
+                args: [approvedSpenderAddress || targetContractAddress, price]
+            });
+            const isSwapNativeToken = (0, connect_1.compareAddress)(viem_1.zeroAddress, selectedCurrency.address);
+            const transactions = [
+                // Swap quote optional approve step
+                ...(swapQuote?.approveData && !isSwapNativeToken
+                    ? [
+                        {
+                            to: selectedCurrency.address,
+                            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 || isNativeTokenSelectedCurrency
+                    ? []
+                    : [
+                        {
+                            to: currencyAddress,
+                            data: approveTxData,
+                            chainId: chainId
+                        }
+                    ]),
+                // transaction on the contract
+                {
+                    to: targetContractAddress,
+                    data: txData,
+                    chainId,
+                    ...(isNativeToken
+                        ? {
+                            value: BigInt(price)
+                        }
+                        : {})
+                }
+            ];
+            const txHash = await (0, connect_1.sendTransactions)({
+                chainId,
+                senderAddress: userAddress,
+                publicClient,
+                walletClient,
+                indexerClient,
+                connector,
+                transactions,
+                transactionConfirmations,
+                waitConfirmationForLastTransaction: false
+            });
+            analytics?.track({
+                event: 'SEND_TRANSACTION_REQUEST',
+                props: {
+                    ...supplementaryAnalyticsInfo,
+                    type: 'crypto',
+                    source: index_js_1.EVENT_SOURCE,
+                    chainId: String(chainId),
+                    listedCurrency: selectedCurrency.address,
+                    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)),
+                    currencySymbol: dataCurrencyInfo?.symbol || '',
+                    collectionAddress,
+                    txHash
+                },
+                nums: {
+                    currencyValue: Number(price),
+                    currencyValueDecimal: Number((0, viem_1.formatUnits)(BigInt(price), dataCurrencyInfo?.decimals || 18))
+                }
+            });
+            closeSelectPaymentModal();
+            skipOnCloseCallback();
+            openTransactionStatusModal({
+                chainId,
+                currencyAddress: selectedCurrency.address,
+                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);
+        }
+        setIsPurchasing(false);
+    };
+    const onClickPurchase = () => {
+        if ((0, connect_1.compareAddress)(selectedCurrency.address, currencyAddress)) {
+            onPurchaseMainCurrency();
+        }
+        else {
+            onClickPurchaseSwap();
+        }
+    };
+    const onClickAddFunds = () => {
+        const getNetworks = () => {
+            const network = (0, network_1.findSupportedNetwork)(chainId);
+            return network?.name?.toLowerCase();
+        };
+        skipOnCloseCallback();
+        closeSelectPaymentModal();
+        triggerAddFunds({
+            walletAddress: userAddress || '',
+            provider: onRampProvider || marketplace_1.TransactionOnRampProvider.sardine,
+            networks: getNetworks(),
+            defaultCryptoCurrency: dataCurrencyInfo?.symbol || '',
+            onClose: selectPaymentSettings?.onClose
+        });
+    };
+    const TokenSelector = () => {
+        return ((0, jsx_runtime_1.jsxs)("div", { onClick: () => {
+                setNavigation({
+                    location: 'token-selection',
+                    params: {
+                        selectedCurrency: {
+                            address: selectedCurrency.address,
+                            chainId: Number(selectedCurrency.chainId)
+                        }
+                    }
+                });
+            }, className: "flex flex-row gap-2 justify-between items-center p-2 bg-button-glass rounded-full cursor-pointer select-none", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { disableAnimation: true, size: "sm", src: selectedCurrencyInfo?.logoURI, withNetwork: Number(selectedCurrency.chainId) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "text100", fontWeight: "bold", children: selectedCurrencyInfo?.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-primary", children: (0, jsx_runtime_1.jsx)(design_system_1.ChevronDownIcon, { size: "md" }) })] }));
+    };
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 justify-center items-center h-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "text50", fontWeight: "medium", variant: "xsmall", children: "Fetching best crypto price for this purchase" })] }));
+    }
+    if (isInsufficientBalance) {
+        const formattedBalance = (0, viem_1.formatUnits)(BigInt(tokenBalance?.balance || '0'), selectedCurrencyInfo?.decimals || 18);
+        const displayBalance = (0, connect_1.formatDisplay)(formattedBalance, {
+            disableScientificNotation: true,
+            disableCompactNotation: true,
+            significantDigits: 6
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center h-full w-full gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0.5", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xsmall", color: "negative", fontWeight: "bold", style: {
+                                        fontSize: '24px'
+                                    }, children: displayPrice }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-negative", children: (0, jsx_runtime_1.jsx)(design_system_1.WarningIcon, { style: { width: '14px', height: '14px' } }) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "negative", variant: "xsmall", fontWeight: "normal", children: "Insufficient funds" })] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "negative", variant: "xsmall", fontWeight: "normal", children: ["Balance: ", displayBalance, " ", selectedCurrencyInfo?.symbol] })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TokenSelector, {}) })] }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { label: "Add Funds", className: "w-full", shape: "square", variant: "glass", leftIcon: () => (0, jsx_runtime_1.jsx)(design_system_1.AddIcon, { size: "md" }), onClick: onClickAddFunds })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center h-full w-full gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xsmall", color: "text100", fontWeight: "bold", style: {
+                                    fontSize: '24px'
+                                }, children: displayPrice }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "text50", variant: "xsmall", fontWeight: "normal", children: ["~$", priceFiat, " USD"] }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "text50", fontWeight: "bold", style: {
+                                            fontSize: '10px'
+                                        }, children: "\u00A0(fees included)" })] })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TokenSelector, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-start items-center w-full gap-1", children: [isError && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-start items-center w-full", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xsmall", color: "negative", children: "An error occurred. Please try again." }) })), (0, jsx_runtime_1.jsx)(design_system_1.Button, { disabled: isPurchasing, label: "Confirm payment", className: "w-full", shape: "square", variant: "primary", onClick: onClickPurchase })] })] }));
+};
+exports.PayWithCryptoTab = PayWithCryptoTab;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js.map

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

package/dist/cjs/views/Checkout/PaymentMethodSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Checkout/PaymentMethodSelect/index.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,kDAO5B,CAAA;AAED,eAAO,MAAM,sBAAsB,kDAElC,CAAA;AAID,eAAO,MAAM,uBAAuB,kDAkFnC,CAAA"}

package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentSelectionContent = exports.PaymentSelectionHeader = exports.PaymentSelection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const react_1 = require("react");
+const NavigationHeaderCheckout_js_1 = require("../../../components/NavigationHeaderCheckout.js");
+const index_js_1 = require("../../../constants/index.js");
+const index_js_2 = require("../../../hooks/index.js");
+const useSkipOnCloseCallback_js_1 = require("../../../hooks/useSkipOnCloseCallback.js");
+const index_js_3 = require("./OrderSummary/index.js");
+const index_js_4 = require("./PayWithCreditCard/index.js");
+const index_js_5 = require("./PayWithCrypto/index.js");
+const PaymentSelection = () => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.PaymentSelectionHeader, {}), (0, jsx_runtime_1.jsx)(exports.PaymentSelectionContent, {})] }));
+};
+exports.PaymentSelection = PaymentSelection;
+const PaymentSelectionHeader = () => {
+    return (0, jsx_runtime_1.jsx)(NavigationHeaderCheckout_js_1.NavigationHeaderCheckout, { primaryText: "Checkout" });
+};
+exports.PaymentSelectionHeader = PaymentSelectionHeader;
+const PaymentSelectionContent = () => {
+    const { selectPaymentSettings = {} } = (0, index_js_2.useSelectPaymentModal)();
+    const isFirstRender = (0, react_1.useRef)(true);
+    const { collectibles, creditCardProviders = [], onClose = () => { } } = selectPaymentSettings;
+    const { skipOnCloseCallback } = (0, useSkipOnCloseCallback_js_1.useSkipOnCloseCallback)(onClose);
+    const validCreditCardProviders = creditCardProviders.filter(provider => {
+        if (provider === 'transak') {
+            return !!selectPaymentSettings?.transakConfig;
+        }
+        return true;
+    });
+    const [selectedTab, setSelectedTab] = (0, react_1.useState)('crypto');
+    const { clearCachedBalances } = (0, hooks_1.useClearCachedBalances)();
+    (0, react_1.useEffect)(() => {
+        clearCachedBalances();
+    }, []);
+    const isTokenIdUnknown = collectibles.some(collectible => !collectible.tokenId);
+    const showCreditCardPayment = validCreditCardProviders.length > 0 && !isTokenIdUnknown;
+    const tabs = [
+        { label: 'Crypto', value: 'crypto' },
+        ...(showCreditCardPayment ? [{ label: 'Credit Card', value: 'credit-card' }] : [])
+    ];
+    const TabWrapper = ({ children }) => {
+        return (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-background-secondary mt-2 p-3 rounded-xl h-[128px]", children: children });
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 items-start w-full pb-0 px-3 h-full transition-opacity duration-200", style: {
+                paddingTop: index_js_1.HEADER_HEIGHT
+            }, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col w-full gap-2 pt-2", children: (0, jsx_runtime_1.jsx)(index_js_3.OrderSummary, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 bg-background-primary px-2", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xsmall", color: "text50", className: "relative top-[-2px]", fontWeight: "normal", children: "Pay with" }) }), (0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "w-full" })] }), (0, jsx_runtime_1.jsxs)(design_system_1.TabsRoot, { className: 'w-full', value: selectedTab, onValueChange: value => {
+                        // There is a bug with the tabs components which causes the tabs
+                        // to change to the credit card tab upon initial mount.
+                        if (isFirstRender.current) {
+                            isFirstRender.current = false;
+                            return;
+                        }
+                        else {
+                            setSelectedTab(value);
+                        }
+                    }, children: [(0, jsx_runtime_1.jsx)(design_system_1.TabsHeader, { tabs: tabs, value: selectedTab }), (0, jsx_runtime_1.jsx)(design_system_1.TabsContent, { value: "crypto", children: (0, jsx_runtime_1.jsx)(TabWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.PayWithCryptoTab, { skipOnCloseCallback: skipOnCloseCallback }) }) }), (0, jsx_runtime_1.jsx)(design_system_1.TabsContent, { value: "credit-card", children: (0, jsx_runtime_1.jsx)(TabWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.PayWithCreditCardTab, { skipOnCloseCallback: skipOnCloseCallback }) }) })] })] }) }));
+};
+exports.PaymentSelectionContent = PaymentSelectionContent;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js.map

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