@0xsequence/checkout 6.0.0-beta.3 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/dist/esm/api/data.js +1 -1
- package/dist/esm/hooks/useCheckoutModal.d.ts +1 -1
- package/dist/esm/hooks/useCheckoutModal.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/index.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCreditCardPayment.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useOrderSummary.js +1 -1
- package/dist/esm/hooks/useERC1155SaleContractCheckout.js +1 -1
- package/dist/esm/hooks/useMarketplaceClient.js +1 -1
- package/dist/esm/utils/transak.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/OrderSummary/index.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js +1 -1
- package/dist/esm/views/Checkout/TokenSelection/index.js +1 -1
- package/dist/esm/views/PaymentSelection/PayWithCreditCard/index.js +1 -1
- package/dist/esm/views/PendingCreditCardTransaction.js +1 -1
- package/dist/esm/views/Swap/index.js +1 -1
- package/dist/esm/views/TransactionStatus/index.js +1 -1
- package/dist/esm/views/TransactionSuccess.js +1 -1
- package/package.json +16 -17
- package/dist/cjs/api/data.d.ts +0 -64
- package/dist/cjs/api/data.d.ts.map +0 -1
- package/dist/cjs/api/data.js +0 -221
- package/dist/cjs/api/data.js.map +0 -1
- package/dist/cjs/components/CopyButton.d.ts +0 -10
- package/dist/cjs/components/CopyButton.d.ts.map +0 -1
- package/dist/cjs/components/CopyButton.js +0 -13
- package/dist/cjs/components/CopyButton.js.map +0 -1
- package/dist/cjs/components/DefaultIcon.d.ts +0 -6
- package/dist/cjs/components/DefaultIcon.d.ts.map +0 -1
- package/dist/cjs/components/DefaultIcon.js +0 -13
- package/dist/cjs/components/DefaultIcon.js.map +0 -1
- package/dist/cjs/components/NavigationHeader.d.ts +0 -8
- package/dist/cjs/components/NavigationHeader.d.ts.map +0 -1
- package/dist/cjs/components/NavigationHeader.js +0 -23
- package/dist/cjs/components/NavigationHeader.js.map +0 -1
- package/dist/cjs/components/NavigationHeaderCheckout.d.ts +0 -8
- package/dist/cjs/components/NavigationHeaderCheckout.d.ts.map +0 -1
- package/dist/cjs/components/NavigationHeaderCheckout.js +0 -18
- package/dist/cjs/components/NavigationHeaderCheckout.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.d.ts +0 -4
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.js +0 -159
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts +0 -11
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +0 -251
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/index.d.ts +0 -2
- package/dist/cjs/components/SequenceCheckoutProvider/index.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/index.js +0 -6
- package/dist/cjs/components/SequenceCheckoutProvider/index.js.map +0 -1
- package/dist/cjs/constants/abi.d.ts +0 -46
- package/dist/cjs/constants/abi.d.ts.map +0 -1
- package/dist/cjs/constants/abi.js +0 -188
- package/dist/cjs/constants/abi.js.map +0 -1
- package/dist/cjs/constants/index.d.ts +0 -5
- package/dist/cjs/constants/index.d.ts.map +0 -1
- package/dist/cjs/constants/index.js +0 -8
- package/dist/cjs/constants/index.js.map +0 -1
- package/dist/cjs/contexts/AddFundsModal.d.ts +0 -28
- package/dist/cjs/contexts/AddFundsModal.d.ts.map +0 -1
- package/dist/cjs/contexts/AddFundsModal.js +0 -8
- package/dist/cjs/contexts/AddFundsModal.js.map +0 -1
- package/dist/cjs/contexts/CheckoutModal.d.ts +0 -79
- package/dist/cjs/contexts/CheckoutModal.d.ts.map +0 -1
- package/dist/cjs/contexts/CheckoutModal.js +0 -9
- package/dist/cjs/contexts/CheckoutModal.js.map +0 -1
- package/dist/cjs/contexts/Environment.d.ts +0 -7
- package/dist/cjs/contexts/Environment.d.ts.map +0 -1
- package/dist/cjs/contexts/Environment.js +0 -9
- package/dist/cjs/contexts/Environment.js.map +0 -1
- package/dist/cjs/contexts/FortePayment.d.ts +0 -13
- package/dist/cjs/contexts/FortePayment.d.ts.map +0 -1
- package/dist/cjs/contexts/FortePayment.js +0 -9
- package/dist/cjs/contexts/FortePayment.js.map +0 -1
- package/dist/cjs/contexts/Navigation.d.ts +0 -38
- package/dist/cjs/contexts/Navigation.d.ts.map +0 -1
- package/dist/cjs/contexts/Navigation.js +0 -9
- package/dist/cjs/contexts/Navigation.js.map +0 -1
- package/dist/cjs/contexts/NavigationCheckout.d.ts +0 -30
- package/dist/cjs/contexts/NavigationCheckout.d.ts.map +0 -1
- package/dist/cjs/contexts/NavigationCheckout.js +0 -9
- package/dist/cjs/contexts/NavigationCheckout.js.map +0 -1
- package/dist/cjs/contexts/SelectPaymentModal.d.ts +0 -52
- package/dist/cjs/contexts/SelectPaymentModal.d.ts.map +0 -1
- package/dist/cjs/contexts/SelectPaymentModal.js +0 -8
- package/dist/cjs/contexts/SelectPaymentModal.js.map +0 -1
- package/dist/cjs/contexts/SwapModal.d.ts +0 -28
- package/dist/cjs/contexts/SwapModal.d.ts.map +0 -1
- package/dist/cjs/contexts/SwapModal.js +0 -9
- package/dist/cjs/contexts/SwapModal.js.map +0 -1
- package/dist/cjs/contexts/TransactionStatusModal.d.ts +0 -29
- package/dist/cjs/contexts/TransactionStatusModal.d.ts.map +0 -1
- package/dist/cjs/contexts/TransactionStatusModal.js +0 -8
- package/dist/cjs/contexts/TransactionStatusModal.js.map +0 -1
- package/dist/cjs/contexts/TransferFundsModal.d.ts +0 -13
- package/dist/cjs/contexts/TransferFundsModal.d.ts.map +0 -1
- package/dist/cjs/contexts/TransferFundsModal.js +0 -8
- package/dist/cjs/contexts/TransferFundsModal.js.map +0 -1
- package/dist/cjs/contexts/genericContext.d.ts +0 -2
- package/dist/cjs/contexts/genericContext.d.ts.map +0 -1
- package/dist/cjs/contexts/genericContext.js +0 -20
- package/dist/cjs/contexts/genericContext.js.map +0 -1
- package/dist/cjs/contexts/index.d.ts +0 -11
- package/dist/cjs/contexts/index.d.ts.map +0 -1
- package/dist/cjs/contexts/index.js +0 -27
- package/dist/cjs/contexts/index.js.map +0 -1
- package/dist/cjs/hooks/index.d.ts +0 -15
- package/dist/cjs/hooks/index.d.ts.map +0 -1
- package/dist/cjs/hooks/index.js +0 -31
- package/dist/cjs/hooks/index.js.map +0 -1
- package/dist/cjs/hooks/useAddFundsModal.d.ts +0 -55
- package/dist/cjs/hooks/useAddFundsModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useAddFundsModal.js +0 -48
- package/dist/cjs/hooks/useAddFundsModal.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutModal.d.ts +0 -83
- package/dist/cjs/hooks/useCheckoutModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutModal.js +0 -77
- package/dist/cjs/hooks/useCheckoutModal.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.d.ts +0 -6
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.js +0 -20
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts +0 -30
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/index.js +0 -96
- package/dist/cjs/hooks/useCheckoutUI/index.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.d.ts +0 -42
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.js +0 -140
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts +0 -54
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js +0 -299
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts +0 -45
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js +0 -57
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js.map +0 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts +0 -107
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts.map +0 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js +0 -252
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js.map +0 -1
- package/dist/cjs/hooks/useFortePaymentIntent.d.ts +0 -7
- package/dist/cjs/hooks/useFortePaymentIntent.d.ts.map +0 -1
- package/dist/cjs/hooks/useFortePaymentIntent.js +0 -23
- package/dist/cjs/hooks/useFortePaymentIntent.js.map +0 -1
- package/dist/cjs/hooks/useMarketplaceClient.d.ts +0 -8
- package/dist/cjs/hooks/useMarketplaceClient.d.ts.map +0 -1
- package/dist/cjs/hooks/useMarketplaceClient.js +0 -28
- package/dist/cjs/hooks/useMarketplaceClient.js.map +0 -1
- package/dist/cjs/hooks/useModalTheme.d.ts +0 -2
- package/dist/cjs/hooks/useModalTheme.d.ts.map +0 -1
- package/dist/cjs/hooks/useModalTheme.js +0 -10
- package/dist/cjs/hooks/useModalTheme.js.map +0 -1
- package/dist/cjs/hooks/useNavigation.d.ts +0 -11
- package/dist/cjs/hooks/useNavigation.d.ts.map +0 -1
- package/dist/cjs/hooks/useNavigation.js +0 -24
- package/dist/cjs/hooks/useNavigation.js.map +0 -1
- package/dist/cjs/hooks/useNavigationCheckout.d.ts +0 -11
- package/dist/cjs/hooks/useNavigationCheckout.d.ts.map +0 -1
- package/dist/cjs/hooks/useNavigationCheckout.js +0 -24
- package/dist/cjs/hooks/useNavigationCheckout.js.map +0 -1
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts +0 -105
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useSelectPaymentModal.js +0 -99
- package/dist/cjs/hooks/useSelectPaymentModal.js.map +0 -1
- package/dist/cjs/hooks/useSkipOnCloseCallback.d.ts +0 -6
- package/dist/cjs/hooks/useSkipOnCloseCallback.d.ts.map +0 -1
- package/dist/cjs/hooks/useSkipOnCloseCallback.js +0 -22
- package/dist/cjs/hooks/useSkipOnCloseCallback.js.map +0 -1
- package/dist/cjs/hooks/useSwapModal.d.ts +0 -76
- package/dist/cjs/hooks/useSwapModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useSwapModal.js +0 -69
- package/dist/cjs/hooks/useSwapModal.js.map +0 -1
- package/dist/cjs/hooks/useTransactionCounter.d.ts +0 -9
- package/dist/cjs/hooks/useTransactionCounter.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransactionCounter.js +0 -30
- package/dist/cjs/hooks/useTransactionCounter.js.map +0 -1
- package/dist/cjs/hooks/useTransactionStatusModal.d.ts +0 -6
- package/dist/cjs/hooks/useTransactionStatusModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransactionStatusModal.js +0 -10
- package/dist/cjs/hooks/useTransactionStatusModal.js.map +0 -1
- package/dist/cjs/hooks/useTransakWidgetUrl.d.ts +0 -5
- package/dist/cjs/hooks/useTransakWidgetUrl.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransakWidgetUrl.js +0 -18
- package/dist/cjs/hooks/useTransakWidgetUrl.js.map +0 -1
- package/dist/cjs/hooks/useTransferFundsModal.d.ts +0 -6
- package/dist/cjs/hooks/useTransferFundsModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransferFundsModal.js +0 -10
- package/dist/cjs/hooks/useTransferFundsModal.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -20
- package/dist/cjs/index.d.ts.map +0 -1
- package/dist/cjs/index.js +0 -31
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/package.json +0 -1
- package/dist/cjs/utils/sizing.d.ts +0 -2
- package/dist/cjs/utils/sizing.d.ts.map +0 -1
- package/dist/cjs/utils/sizing.js +0 -12
- package/dist/cjs/utils/sizing.js.map +0 -1
- package/dist/cjs/utils/transak.d.ts +0 -10
- package/dist/cjs/utils/transak.d.ts.map +0 -1
- package/dist/cjs/utils/transak.js +0 -43
- package/dist/cjs/utils/transak.js.map +0 -1
- package/dist/cjs/views/AddFunds.d.ts +0 -3
- package/dist/cjs/views/AddFunds.d.ts.map +0 -1
- package/dist/cjs/views/AddFunds.js +0 -84
- package/dist/cjs/views/AddFunds.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.d.ts +0 -2
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js +0 -42
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.d.ts +0 -2
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.js +0 -68
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.d.ts +0 -11
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.js +0 -10
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.d.ts +0 -6
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js +0 -95
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts +0 -8
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js +0 -520
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.d.ts +0 -11
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.js +0 -110
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.d.ts +0 -4
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js +0 -60
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js.map +0 -1
- package/dist/cjs/views/Checkout/TokenSelection/index.d.ts +0 -2
- package/dist/cjs/views/Checkout/TokenSelection/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/TokenSelection/index.js +0 -110
- package/dist/cjs/views/Checkout/TokenSelection/index.js.map +0 -1
- package/dist/cjs/views/Checkout/index.d.ts +0 -3
- package/dist/cjs/views/Checkout/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/index.js +0 -19
- package/dist/cjs/views/Checkout/index.js.map +0 -1
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.d.ts +0 -10
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.d.ts.map +0 -1
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.js +0 -35
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.js.map +0 -1
- package/dist/cjs/views/CheckoutSelection/index.d.ts +0 -2
- package/dist/cjs/views/CheckoutSelection/index.d.ts.map +0 -1
- package/dist/cjs/views/CheckoutSelection/index.js +0 -76
- package/dist/cjs/views/CheckoutSelection/index.js.map +0 -1
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts +0 -9
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts.map +0 -1
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js +0 -104
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js.map +0 -1
- package/dist/cjs/views/PendingCreditCardTransaction.d.ts +0 -8
- package/dist/cjs/views/PendingCreditCardTransaction.d.ts.map +0 -1
- package/dist/cjs/views/PendingCreditCardTransaction.js +0 -247
- package/dist/cjs/views/PendingCreditCardTransaction.js.map +0 -1
- package/dist/cjs/views/Swap/index.d.ts +0 -2
- package/dist/cjs/views/Swap/index.d.ts.map +0 -1
- package/dist/cjs/views/Swap/index.js +0 -260
- package/dist/cjs/views/Swap/index.js.map +0 -1
- package/dist/cjs/views/TransactionError.d.ts +0 -3
- package/dist/cjs/views/TransactionError.d.ts.map +0 -1
- package/dist/cjs/views/TransactionError.js +0 -23
- package/dist/cjs/views/TransactionError.js.map +0 -1
- package/dist/cjs/views/TransactionStatus/index.d.ts +0 -9
- package/dist/cjs/views/TransactionStatus/index.d.ts.map +0 -1
- package/dist/cjs/views/TransactionStatus/index.js +0 -210
- package/dist/cjs/views/TransactionStatus/index.js.map +0 -1
- package/dist/cjs/views/TransactionSuccess.d.ts +0 -3
- package/dist/cjs/views/TransactionSuccess.d.ts.map +0 -1
- package/dist/cjs/views/TransactionSuccess.js +0 -23
- package/dist/cjs/views/TransactionSuccess.js.map +0 -1
- package/dist/cjs/views/TransferToWallet/QRCode.d.ts +0 -6
- package/dist/cjs/views/TransferToWallet/QRCode.d.ts.map +0 -1
- package/dist/cjs/views/TransferToWallet/QRCode.js +0 -13
- package/dist/cjs/views/TransferToWallet/QRCode.js.map +0 -1
- package/dist/cjs/views/TransferToWallet/index.d.ts +0 -2
- package/dist/cjs/views/TransferToWallet/index.d.ts.map +0 -1
- package/dist/cjs/views/TransferToWallet/index.js +0 -17
- package/dist/cjs/views/TransferToWallet/index.js.map +0 -1
- package/dist/cjs/views/index.d.ts +0 -10
- package/dist/cjs/views/index.d.ts.map +0 -1
- package/dist/cjs/views/index.js +0 -26
- package/dist/cjs/views/index.js.map +0 -1
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useInitialBalanceCheck = void 0;
|
|
4
|
-
const connect_1 = require("@0xsequence/connect");
|
|
5
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const viem_1 = require("viem");
|
|
8
|
-
const useNavigationCheckout_js_1 = require("../../../../hooks/useNavigationCheckout.js");
|
|
9
|
-
// Hook to check if the user has enough of a balance of the
|
|
10
|
-
// initial currency to purchase the item
|
|
11
|
-
// If not, a swap route for which he has enough balance will be selected
|
|
12
|
-
const useInitialBalanceCheck = ({ userAddress, buyCurrencyAddress, price, chainId, isInsufficientBalance, tokenBalancesIsLoading }) => {
|
|
13
|
-
const isFree = BigInt(price) === 0n;
|
|
14
|
-
const { navigation, setNavigation } = (0, useNavigationCheckout_js_1.useNavigationCheckout)();
|
|
15
|
-
const isInitialBalanceChecked = navigation.params.isInitialBalanceChecked;
|
|
16
|
-
const { data: swapRoutes = [], isLoading: swapRoutesIsLoading, isError: isErrorSwapRoutes } = (0, hooks_1.useGetSwapRoutes)({
|
|
17
|
-
walletAddress: userAddress ?? '',
|
|
18
|
-
toTokenAddress: buyCurrencyAddress,
|
|
19
|
-
toTokenAmount: price,
|
|
20
|
-
chainId: chainId
|
|
21
|
-
}, {
|
|
22
|
-
disabled: isInitialBalanceChecked || !isInsufficientBalance || isFree
|
|
23
|
-
});
|
|
24
|
-
const { data: swapRoutesTokenBalancesData, isLoading: swapRoutesTokenBalancesIsLoading, isError: isErrorSwapRoutesTokenBalances } = (0, hooks_1.useGetTokenBalancesSummary)({
|
|
25
|
-
chainIds: [chainId],
|
|
26
|
-
filter: {
|
|
27
|
-
accountAddresses: userAddress ? [userAddress] : [],
|
|
28
|
-
contractStatus: connect_1.ContractVerificationStatus.ALL,
|
|
29
|
-
contractWhitelist: swapRoutes
|
|
30
|
-
.flatMap(route => route.fromTokens)
|
|
31
|
-
.map(token => token.address)
|
|
32
|
-
.filter(address => (0, connect_1.compareAddress)(address, viem_1.zeroAddress)),
|
|
33
|
-
omitNativeBalances: false
|
|
34
|
-
},
|
|
35
|
-
omitMetadata: true
|
|
36
|
-
}, {
|
|
37
|
-
disabled: isInitialBalanceChecked || !isInsufficientBalance || swapRoutesIsLoading || isFree
|
|
38
|
-
});
|
|
39
|
-
const findSwapQuote = async () => {
|
|
40
|
-
let validSwapRoute;
|
|
41
|
-
const route = swapRoutes[0];
|
|
42
|
-
for (let j = 0; j < route.fromTokens.length; j++) {
|
|
43
|
-
const fromToken = route.fromTokens[j];
|
|
44
|
-
const balance = swapRoutesTokenBalancesData?.pages?.[0]?.balances?.find(balance => (0, connect_1.compareAddress)(balance.contractAddress, fromToken.address));
|
|
45
|
-
if (!balance) {
|
|
46
|
-
continue;
|
|
47
|
-
}
|
|
48
|
-
if (BigInt(balance.balance || '0') >= BigInt(fromToken.price || '0')) {
|
|
49
|
-
validSwapRoute = fromToken.address;
|
|
50
|
-
break;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
if (!validSwapRoute) {
|
|
54
|
-
setNavigation({
|
|
55
|
-
location: 'payment-method-selection',
|
|
56
|
-
params: {
|
|
57
|
-
...navigation.params,
|
|
58
|
-
isInitialBalanceChecked: true
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
setNavigation({
|
|
64
|
-
location: 'payment-method-selection',
|
|
65
|
-
params: {
|
|
66
|
-
...navigation.params,
|
|
67
|
-
selectedCurrency: {
|
|
68
|
-
address: validSwapRoute || buyCurrencyAddress,
|
|
69
|
-
chainId: chainId
|
|
70
|
-
},
|
|
71
|
-
isInitialBalanceChecked: true
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
(0, react_1.useEffect)(() => {
|
|
76
|
-
if (!isInitialBalanceChecked && !tokenBalancesIsLoading && !swapRoutesIsLoading && !swapRoutesTokenBalancesIsLoading) {
|
|
77
|
-
if (isErrorSwapRoutes || isErrorSwapRoutesTokenBalances) {
|
|
78
|
-
setNavigation({
|
|
79
|
-
location: 'payment-method-selection',
|
|
80
|
-
params: {
|
|
81
|
-
...navigation.params,
|
|
82
|
-
isInitialBalanceChecked: true
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
else if (isInsufficientBalance) {
|
|
87
|
-
findSwapQuote();
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
setNavigation({
|
|
91
|
-
location: 'payment-method-selection',
|
|
92
|
-
params: {
|
|
93
|
-
...navigation.params,
|
|
94
|
-
isInitialBalanceChecked: true
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}, [
|
|
100
|
-
isInitialBalanceChecked,
|
|
101
|
-
isInsufficientBalance,
|
|
102
|
-
tokenBalancesIsLoading,
|
|
103
|
-
swapRoutesIsLoading,
|
|
104
|
-
swapRoutesTokenBalancesIsLoading,
|
|
105
|
-
isErrorSwapRoutes,
|
|
106
|
-
isErrorSwapRoutesTokenBalances
|
|
107
|
-
]);
|
|
108
|
-
};
|
|
109
|
-
exports.useInitialBalanceCheck = useInitialBalanceCheck;
|
|
110
|
-
//# sourceMappingURL=useInitialBalanceCheck.js.map
|
package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useInitialBalanceCheck.js","sourceRoot":"","sources":["../../../../../../src/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export declare const PaymentSelection: () => import("react/jsx-runtime.js").JSX.Element;
|
|
2
|
-
export declare const PaymentSelectionHeader: () => import("react/jsx-runtime.js").JSX.Element;
|
|
3
|
-
export declare const PaymentSelectionContent: () => import("react/jsx-runtime.js").JSX.Element;
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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,kDAgFnC,CAAA"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaymentSelectionContent = exports.PaymentSelectionHeader = exports.PaymentSelection = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const design_system_1 = require("@0xsequence/design-system");
|
|
6
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const NavigationHeaderCheckout_js_1 = require("../../../components/NavigationHeaderCheckout.js");
|
|
9
|
-
const index_js_1 = require("../../../constants/index.js");
|
|
10
|
-
const index_js_2 = require("../../../hooks/index.js");
|
|
11
|
-
const useSkipOnCloseCallback_js_1 = require("../../../hooks/useSkipOnCloseCallback.js");
|
|
12
|
-
const index_js_3 = require("./OrderSummary/index.js");
|
|
13
|
-
const index_js_4 = require("./PayWithCreditCard/index.js");
|
|
14
|
-
const index_js_5 = require("./PayWithCrypto/index.js");
|
|
15
|
-
const PaymentSelection = () => {
|
|
16
|
-
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, {})] }));
|
|
17
|
-
};
|
|
18
|
-
exports.PaymentSelection = PaymentSelection;
|
|
19
|
-
const PaymentSelectionHeader = () => {
|
|
20
|
-
return (0, jsx_runtime_1.jsx)(NavigationHeaderCheckout_js_1.NavigationHeaderCheckout, { primaryText: "Checkout" });
|
|
21
|
-
};
|
|
22
|
-
exports.PaymentSelectionHeader = PaymentSelectionHeader;
|
|
23
|
-
const PaymentSelectionContent = () => {
|
|
24
|
-
const { selectPaymentSettings = {} } = (0, index_js_2.useSelectPaymentModal)();
|
|
25
|
-
const isSwitchingChainRef = (0, react_1.useRef)(false);
|
|
26
|
-
const isFirstRender = (0, react_1.useRef)(true);
|
|
27
|
-
const { collectibles, creditCardProviders = [], onClose = () => { }, price } = selectPaymentSettings;
|
|
28
|
-
const { skipOnCloseCallback } = (0, useSkipOnCloseCallback_js_1.useSkipOnCloseCallback)(onClose);
|
|
29
|
-
const isFree = Number(price) == 0;
|
|
30
|
-
const [selectedTab, setSelectedTab] = (0, react_1.useState)('crypto');
|
|
31
|
-
const { clearCachedBalances } = (0, hooks_1.useClearCachedBalances)();
|
|
32
|
-
(0, react_1.useEffect)(() => {
|
|
33
|
-
clearCachedBalances();
|
|
34
|
-
}, []);
|
|
35
|
-
const isTokenIdUnknown = collectibles.some(collectible => !collectible.tokenId);
|
|
36
|
-
const showCreditCardPayment = creditCardProviders.length > 0 && !isTokenIdUnknown && !isFree;
|
|
37
|
-
const tabs = [
|
|
38
|
-
{ label: 'Crypto', value: 'crypto' },
|
|
39
|
-
...(showCreditCardPayment ? [{ label: 'Credit Card', value: 'credit-card' }] : [])
|
|
40
|
-
];
|
|
41
|
-
const isSingleOption = tabs.length == 1;
|
|
42
|
-
const TabWrapper = ({ children }) => {
|
|
43
|
-
return (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-background-secondary mt-2 p-3 rounded-xl min-h-[128px]", children: children });
|
|
44
|
-
};
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 pb-3 items-start w-full px-3 h-full transition-opacity duration-200", style: {
|
|
46
|
-
paddingTop: index_js_1.HEADER_HEIGHT
|
|
47
|
-
}, 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${isSingleOption ? ' ' + tabs[0].label : ''}` }) }), (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 => {
|
|
48
|
-
// There is a bug with the tabs components which causes the tabs
|
|
49
|
-
// to change to the credit card tab upon initial mount.
|
|
50
|
-
if (isFirstRender.current) {
|
|
51
|
-
isFirstRender.current = false;
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
setSelectedTab(value);
|
|
56
|
-
}
|
|
57
|
-
}, children: [!isSingleOption && (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, { isSwitchingChainRef: isSwitchingChainRef, 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 }) }) })] })] }) }));
|
|
58
|
-
};
|
|
59
|
-
exports.PaymentSelectionContent = PaymentSelectionContent;
|
|
60
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/Checkout/PaymentMethodSelect/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAA4F;AAC5F,6CAA0D;AAC1D,iCAAmD;AAEnD,iGAA0F;AAC1F,0DAA2D;AAE3D,sDAA+D;AAC/D,wFAAiF;AAEjF,sDAAsD;AACtD,2DAAmE;AACnE,uDAA2D;AAEpD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,6DACE,uBAAC,8BAAsB,KAAG,EAC1B,uBAAC,+BAAuB,KAAG,IAC1B,CACJ,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B;AAEM,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,uBAAC,sDAAwB,IAAC,WAAW,EAAC,UAAU,GAAG,CAAA;AAC5D,CAAC,CAAA;AAFY,QAAA,sBAAsB,0BAElC;AAIM,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,qBAAqB,GAAG,EAA2B,EAAE,GAAG,IAAA,gCAAqB,GAAE,CAAA;IACvF,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAU,IAAI,CAAC,CAAA;IAC3C,MAAM,EAAE,YAAY,EAAE,mBAAmB,GAAG,EAAE,EAAE,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,GAAG,qBAAqB,CAAA;IACnG,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,kDAAsB,EAAC,OAAO,CAAC,CAAA;IAE/D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAM,QAAQ,CAAC,CAAA;IAC7D,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,8BAAsB,GAAE,CAAA;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAmB,EAAE,CAAA;IACvB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAE/E,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAA;IAE5F,MAAM,IAAI,GAAoC;QAC5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAe,EAAE;QAC3C,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1F,CAAA;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA;IAEvC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;QACjE,OAAO,gCAAK,SAAS,EAAC,kEAAkE,YAAE,QAAQ,GAAO,CAAA;IAC3G,CAAC,CAAA;IAED,OAAO,CACL,2DACE,iCACE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE;gBACL,UAAU,EAAE,wBAAa;aAC1B,aAED,gCAAK,SAAS,EAAC,iCAAiC,YAC9C,uBAAC,uBAAY,KAAG,GACZ,EACN,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,gCAAK,SAAS,EAAC,4FAA4F,YACzG,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,qBAAqB,EAAC,UAAU,EAAC,QAAQ,YACtF,WAAW,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,GAClD,GACH,EACN,uBAAC,uBAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC1B,EACN,wBAAC,wBAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,KAAK,CAAC,EAAE;wBACrB,gEAAgE;wBAChE,uDAAuD;wBACvD,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;4BAC1B,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;4BAC7B,OAAM;wBACR,CAAC;6BAAM,CAAC;4BACN,cAAc,CAAC,KAAY,CAAC,CAAA;wBAC9B,CAAC;oBACH,CAAC,aAEA,CAAC,cAAc,IAAI,uBAAC,0BAAU,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,GAAI,EAClE,uBAAC,2BAAW,IAAC,KAAK,EAAC,QAAQ,YACzB,uBAAC,UAAU,cACT,uBAAC,2BAAgB,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,GAC7F,GACD,EACd,uBAAC,2BAAW,IAAC,KAAK,EAAC,aAAa,YAC9B,uBAAC,UAAU,cACT,uBAAC,+BAAoB,IAAC,mBAAmB,EAAE,mBAAmB,GAAI,GACvD,GACD,IACL,IACP,GACL,CACJ,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,uBAAuB,2BAgFnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Checkout/TokenSelection/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,qBAAqB,kDAgKjC,CAAA"}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.TokenSelectionContent = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const connect_1 = require("@0xsequence/connect");
|
|
9
|
-
const design_system_1 = require("@0xsequence/design-system");
|
|
10
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
11
|
-
const network_1 = require("@0xsequence/network");
|
|
12
|
-
const fuse_js_1 = __importDefault(require("fuse.js"));
|
|
13
|
-
const react_1 = require("react");
|
|
14
|
-
const viem_1 = require("viem");
|
|
15
|
-
const index_js_1 = require("../../../constants/index.js");
|
|
16
|
-
const useNavigationCheckout_js_1 = require("../../../hooks/useNavigationCheckout.js");
|
|
17
|
-
const useSelectPaymentModal_js_1 = require("../../../hooks/useSelectPaymentModal.js");
|
|
18
|
-
const TokenSelectionContent = () => {
|
|
19
|
-
const [search, setSearch] = (0, react_1.useState)('');
|
|
20
|
-
const { navigation, setHistory } = (0, useNavigationCheckout_js_1.useNavigationCheckout)();
|
|
21
|
-
const { selectedCurrency } = navigation.params;
|
|
22
|
-
const { selectPaymentSettings } = (0, useSelectPaymentModal_js_1.useSelectPaymentModal)();
|
|
23
|
-
const { chain, currencyAddress, recipientAddress, price } = selectPaymentSettings;
|
|
24
|
-
const network = (0, network_1.findSupportedNetwork)(chain);
|
|
25
|
-
const chainId = network?.chainId || 137;
|
|
26
|
-
const { data: currencyInfoData, isLoading: isLoadingCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
|
|
27
|
-
chainID: String(chainId),
|
|
28
|
-
contractAddress: currencyAddress
|
|
29
|
-
});
|
|
30
|
-
const { data: swapRoutes = [], isLoading: swapRoutesIsLoading } = (0, hooks_1.useGetSwapRoutes)({
|
|
31
|
-
walletAddress: recipientAddress ?? '',
|
|
32
|
-
chainId,
|
|
33
|
-
toTokenAmount: price,
|
|
34
|
-
toTokenAddress: currencyAddress
|
|
35
|
-
}, { retry: 3 });
|
|
36
|
-
const { data: currencyBalanceDataPaginated, isLoading: currencyBalanceIsLoading } = (0, hooks_1.useGetTokenBalancesSummary)({
|
|
37
|
-
chainIds: [chainId],
|
|
38
|
-
filter: {
|
|
39
|
-
accountAddresses: recipientAddress ? [recipientAddress] : [],
|
|
40
|
-
contractStatus: connect_1.ContractVerificationStatus.ALL,
|
|
41
|
-
contractWhitelist: [currencyAddress, ...swapRoutes.flatMap(swapRoute => swapRoute.fromTokens.map(token => token.address))],
|
|
42
|
-
omitNativeBalances: false
|
|
43
|
-
},
|
|
44
|
-
omitMetadata: true
|
|
45
|
-
});
|
|
46
|
-
const currencyBalanceData = currencyBalanceDataPaginated?.pages?.flatMap(page => page.balances);
|
|
47
|
-
const isLoading = isLoadingCurrencyInfo || swapRoutesIsLoading || currencyBalanceIsLoading;
|
|
48
|
-
const allTokens = [
|
|
49
|
-
{
|
|
50
|
-
name: currencyInfoData?.name || '',
|
|
51
|
-
symbol: currencyInfoData?.symbol || '',
|
|
52
|
-
chainId,
|
|
53
|
-
contractAddress: currencyAddress
|
|
54
|
-
},
|
|
55
|
-
...(swapRoutes?.[0]?.fromTokens?.map(token => ({
|
|
56
|
-
name: token.name,
|
|
57
|
-
symbol: token.symbol,
|
|
58
|
-
chainId: token.chainId,
|
|
59
|
-
contractAddress: token.address
|
|
60
|
-
})) || [])
|
|
61
|
-
];
|
|
62
|
-
const fuzzyTokens = new fuse_js_1.default(allTokens, {
|
|
63
|
-
keys: ['name', 'symbol']
|
|
64
|
-
});
|
|
65
|
-
const foundTokens = fuzzyTokens.search(search);
|
|
66
|
-
const displayedTokens = search === '' ? allTokens : foundTokens.map(token => token.item);
|
|
67
|
-
const TokenOptions = () => {
|
|
68
|
-
if (displayedTokens.length == 0) {
|
|
69
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-[6px] mt-4 justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "text100", variant: "small", fontWeight: "normal", children: "No tokens found" }) }));
|
|
70
|
-
}
|
|
71
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-[6px]", children: displayedTokens.map(token => {
|
|
72
|
-
const isMainToken = (0, connect_1.compareAddress)(token.contractAddress, currencyAddress);
|
|
73
|
-
const tokenInfo = isMainToken
|
|
74
|
-
? currencyInfoData
|
|
75
|
-
: swapRoutes[0].fromTokens.find(t => (0, connect_1.compareAddress)(t.address, token.contractAddress));
|
|
76
|
-
const logoUrl = tokenInfo && 'logoURI' in tokenInfo ? tokenInfo.logoURI : tokenInfo?.logoUri;
|
|
77
|
-
const isSelected = chainId == selectedCurrency.chainId && (0, connect_1.compareAddress)(selectedCurrency.address, token.contractAddress);
|
|
78
|
-
const balanceRaw = currencyBalanceData?.find(balance => (0, connect_1.compareAddress)(balance.contractAddress, token.contractAddress))?.balance || '0';
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)(TokenOption, { tokenName: tokenInfo?.name || '', chainId: token.chainId, balanceRaw: balanceRaw, decimals: tokenInfo?.decimals || 0, logoUrl: logoUrl || '', symbol: tokenInfo?.symbol || '', isSelected: isSelected, onClick: () => {
|
|
80
|
-
setHistory([
|
|
81
|
-
{
|
|
82
|
-
location: 'payment-method-selection',
|
|
83
|
-
params: {
|
|
84
|
-
selectedCurrency: {
|
|
85
|
-
address: token.contractAddress,
|
|
86
|
-
chainId: token.chainId
|
|
87
|
-
},
|
|
88
|
-
isInitialBalanceChecked: true
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
]);
|
|
92
|
-
} }, token.contractAddress));
|
|
93
|
-
}) }));
|
|
94
|
-
};
|
|
95
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "px-3 pb-3 h-full w-full", style: {
|
|
96
|
-
paddingTop: index_js_1.HEADER_HEIGHT
|
|
97
|
-
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center mb-4", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "text100", variant: "normal", fontWeight: "bold", children: "Select token" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 h-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.SearchInput, { className: "w-full", width: "full", name: "search", placeholder: "Search", value: search, onChange: e => setSearch(e.target.value) }), isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full mt-4 flex justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) })), !isLoading && ((0, jsx_runtime_1.jsx)(design_system_1.Scroll, { shadows: false, className: "h-[206px] scrollbar-color-gray-black scrollbar-width-thin", children: (0, jsx_runtime_1.jsx)(TokenOptions, {}) }))] })] }));
|
|
98
|
-
};
|
|
99
|
-
exports.TokenSelectionContent = TokenSelectionContent;
|
|
100
|
-
const TokenOption = ({ tokenName, chainId, balanceRaw, decimals, logoUrl, symbol, onClick }) => {
|
|
101
|
-
const network = (0, network_1.findSupportedNetwork)(chainId);
|
|
102
|
-
const formattedBalance = (0, viem_1.formatUnits)(BigInt(balanceRaw), decimals);
|
|
103
|
-
const displayBalance = (0, connect_1.formatDisplay)(formattedBalance, {
|
|
104
|
-
disableScientificNotation: true,
|
|
105
|
-
disableCompactNotation: true,
|
|
106
|
-
significantDigits: 6
|
|
107
|
-
});
|
|
108
|
-
return ((0, jsx_runtime_1.jsx)(design_system_1.Card, { clickable: true, className: "select-none p-3 flex flex-row justify-between items-center cursor-pointer border-1 border-transparent hover:border-[var(--seq-color-border-normal)]", onClick: onClick, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { disableAnimation: true, src: logoUrl, withNetwork: chainId, className: "w-6 h-6" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "text80", variant: "small", fontWeight: "bold", children: tokenName }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "text50", variant: "xsmall", fontWeight: "bold", children: ["on ", network?.title] })] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "text50", variant: "xsmall", fontWeight: "normal", children: ["Balance: ", displayBalance, " ", symbol] })] })] }) }));
|
|
109
|
-
};
|
|
110
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/Checkout/TokenSelection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Checkout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./TokenSelection/index.js"), exports);
|
|
18
|
-
__exportStar(require("./PaymentMethodSelect/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Checkout/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAAyC;AACzC,iEAA8C"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface OrderSummaryItem {
|
|
2
|
-
contractAddress: string;
|
|
3
|
-
tokenId: string;
|
|
4
|
-
quantityRaw: string;
|
|
5
|
-
chainId: number;
|
|
6
|
-
}
|
|
7
|
-
export declare const OrderSummaryItem: ({ contractAddress, tokenId, quantityRaw, chainId }: OrderSummaryItem) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const OrderSummarySkeleton: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=OrderSummaryItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrderSummaryItem.d.ts","sourceRoot":"","sources":["../../../../../src/views/CheckoutSelection/component/OrderSummaryItem.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,gBAAgB,GAAI,oDAAoD,gBAAgB,4CAsDpG,CAAA;AAED,eAAO,MAAM,oBAAoB,+CAahC,CAAA"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.OrderSummarySkeleton = exports.OrderSummaryItem = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const connect_1 = require("@0xsequence/connect");
|
|
6
|
-
const design_system_1 = require("@0xsequence/design-system");
|
|
7
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
8
|
-
const viem_1 = require("viem");
|
|
9
|
-
const OrderSummaryItem = ({ contractAddress, tokenId, quantityRaw, chainId }) => {
|
|
10
|
-
const { data: tokenMetadata, isLoading: isLoadingTokenMetadata } = (0, hooks_1.useGetTokenMetadata)({
|
|
11
|
-
chainID: String(chainId),
|
|
12
|
-
contractAddress,
|
|
13
|
-
tokenIDs: [tokenId]
|
|
14
|
-
});
|
|
15
|
-
const { data: contractInfo, isLoading: isLoadingContractInfo } = (0, hooks_1.useGetContractInfo)({
|
|
16
|
-
chainID: String(chainId),
|
|
17
|
-
contractAddress
|
|
18
|
-
});
|
|
19
|
-
const isLoading = isLoadingTokenMetadata || isLoadingContractInfo;
|
|
20
|
-
if (isLoading) {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(exports.OrderSummarySkeleton, {});
|
|
22
|
-
}
|
|
23
|
-
const { name = 'unknown', image, decimals = 0 } = tokenMetadata?.[0] ?? {};
|
|
24
|
-
const { logoURI: collectionLogoURI, name: collectionName = 'Unknown Collection' } = contractInfo || {};
|
|
25
|
-
const balanceFormatted = (0, viem_1.formatUnits)(BigInt(quantityRaw), decimals);
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex flex-row items-start justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex aspect-square h-full justify-center items-center", style: { width: '80px' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "rounded-xl", src: image, style: { maxWidth: '80px', height: '80px', objectFit: 'cover' } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start justify-center gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: collectionLogoURI, size: "xs" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "ml-1", variant: "small", color: "secondary", fontWeight: "bold", children: collectionName }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start justify-center", style: {
|
|
27
|
-
width: '180px'
|
|
28
|
-
}, children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: name }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: `#${tokenId}` })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-full", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", fontWeight: "bold", children: `x${(0, connect_1.formatDisplay)(balanceFormatted)}` }) })] }));
|
|
29
|
-
};
|
|
30
|
-
exports.OrderSummaryItem = OrderSummaryItem;
|
|
31
|
-
const OrderSummarySkeleton = () => {
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex flex-row items-start justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '80px', height: '80px' } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '100px', height: '14px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '180px', height: '34px' } })] })] }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '14px', height: '14px' } })] }));
|
|
33
|
-
};
|
|
34
|
-
exports.OrderSummarySkeleton = OrderSummarySkeleton;
|
|
35
|
-
//# sourceMappingURL=OrderSummaryItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrderSummaryItem.js","sourceRoot":"","sources":["../../../../../src/views/CheckoutSelection/component/OrderSummaryItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CheckoutSelection/index.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,iBAAiB,kDAqL7B,CAAA"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CheckoutSelection = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const connect_1 = require("@0xsequence/connect");
|
|
6
|
-
const design_system_1 = require("@0xsequence/design-system");
|
|
7
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
8
|
-
const react_1 = require("react");
|
|
9
|
-
const viem_1 = require("viem");
|
|
10
|
-
const wagmi_1 = require("wagmi");
|
|
11
|
-
const index_js_1 = require("../../constants/index.js");
|
|
12
|
-
const index_js_2 = require("../../hooks/index.js");
|
|
13
|
-
const OrderSummaryItem_js_1 = require("./component/OrderSummaryItem.js");
|
|
14
|
-
const CheckoutSelection = () => {
|
|
15
|
-
const { chains } = (0, wagmi_1.useConfig)();
|
|
16
|
-
const { setNavigation } = (0, index_js_2.useNavigation)();
|
|
17
|
-
const { closeCheckout, settings } = (0, index_js_2.useCheckoutModal)();
|
|
18
|
-
const { address: accountAddress } = (0, wagmi_1.useConnection)();
|
|
19
|
-
const cryptoCheckoutSettings = settings?.cryptoCheckout;
|
|
20
|
-
const creditCardCheckoutSettings = settings?.creditCardCheckout;
|
|
21
|
-
const displayCreditCardCheckout = !!creditCardCheckoutSettings;
|
|
22
|
-
const displayCryptoCheckout = !!cryptoCheckoutSettings;
|
|
23
|
-
const { data: contractInfoData, isLoading: isLoadingContractInfo } = (0, hooks_1.useGetContractInfo)({
|
|
24
|
-
chainID: String(cryptoCheckoutSettings?.chainId || 1),
|
|
25
|
-
contractAddress: cryptoCheckoutSettings?.coinQuantity?.contractAddress || ''
|
|
26
|
-
});
|
|
27
|
-
const { data: balancesData, isLoading: isLoadingBalances, fetchNextPage: fetchNextBalances, hasNextPage: hasNextPageBalances, isFetchingNextPage: isFetchingNextPageBalances } = (0, hooks_1.useGetTokenBalancesSummary)({
|
|
28
|
-
chainIds: [cryptoCheckoutSettings?.chainId || 1],
|
|
29
|
-
filter: {
|
|
30
|
-
accountAddresses: accountAddress ? [accountAddress] : [],
|
|
31
|
-
contractStatus: connect_1.ContractVerificationStatus.ALL,
|
|
32
|
-
omitNativeBalances: false
|
|
33
|
-
},
|
|
34
|
-
page: { pageSize: 40 }
|
|
35
|
-
});
|
|
36
|
-
(0, react_1.useEffect)(() => {
|
|
37
|
-
if (hasNextPageBalances && !isFetchingNextPageBalances) {
|
|
38
|
-
fetchNextBalances();
|
|
39
|
-
}
|
|
40
|
-
}, [hasNextPageBalances, isFetchingNextPageBalances]);
|
|
41
|
-
const isLoading = (isLoadingContractInfo || isLoadingBalances || isFetchingNextPageBalances) && cryptoCheckoutSettings;
|
|
42
|
-
const isNativeToken = (0, connect_1.compareAddress)(cryptoCheckoutSettings?.coinQuantity?.contractAddress || '', viem_1.zeroAddress);
|
|
43
|
-
const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(cryptoCheckoutSettings?.chainId || 1, chains);
|
|
44
|
-
const coinDecimals = isNativeToken ? nativeTokenInfo.decimals : contractInfoData?.decimals || 0;
|
|
45
|
-
const coinSymbol = isNativeToken ? nativeTokenInfo.symbol : contractInfoData?.symbol || 'COIN';
|
|
46
|
-
const coinImageUrl = isNativeToken ? nativeTokenInfo.logoURI : contractInfoData?.logoURI || '';
|
|
47
|
-
const coinBalance = balancesData?.pages
|
|
48
|
-
?.flatMap(page => page.balances)
|
|
49
|
-
.find(balance => (0, connect_1.compareAddress)(balance.contractAddress, cryptoCheckoutSettings?.coinQuantity?.contractAddress || ''));
|
|
50
|
-
const userBalanceRaw = coinBalance ? coinBalance.balance : '0';
|
|
51
|
-
const requestedAmountRaw = cryptoCheckoutSettings?.coinQuantity?.amountRequiredRaw || '0';
|
|
52
|
-
const userBalance = (0, viem_1.formatUnits)(BigInt(userBalanceRaw), coinDecimals);
|
|
53
|
-
const requestAmount = (0, viem_1.formatUnits)(BigInt(requestedAmountRaw), coinDecimals);
|
|
54
|
-
const isInsufficientBalance = BigInt(userBalanceRaw) < BigInt(requestedAmountRaw);
|
|
55
|
-
const orderSummaryItems = settings?.orderSummaryItems || [];
|
|
56
|
-
const chainId = settings?.cryptoCheckout?.chainId || settings?.creditCardCheckout?.chainId || 1;
|
|
57
|
-
const onClickPayWithCard = () => {
|
|
58
|
-
setNavigation({
|
|
59
|
-
location: 'transaction-form'
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
const onClickPayWithCrypto = () => {
|
|
63
|
-
console.log('trigger transaction');
|
|
64
|
-
settings?.cryptoCheckout?.triggerTransaction?.();
|
|
65
|
-
closeCheckout();
|
|
66
|
-
};
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-5 pb-5 flex-col gap-3", style: {
|
|
68
|
-
marginTop: index_js_1.HEADER_HEIGHT
|
|
69
|
-
}, children: [orderSummaryItems.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Order summary" }), (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { vOffset: -2, side: "bottom", message: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Please note that NFTs are digital assets", (0, jsx_runtime_1.jsx)("br", {}), " ,and as such, cannot be delivered physically."] }), children: (0, jsx_runtime_1.jsx)("div", { className: "w-5 h-5", children: (0, jsx_runtime_1.jsx)(design_system_1.HelpIcon, { className: "text-secondary" }) }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: orderSummaryItems.map((orderSummaryItem, index) => {
|
|
70
|
-
return (0, jsx_runtime_1.jsx)(OrderSummaryItem_js_1.OrderSummaryItem, { ...orderSummaryItem, chainId: chainId }, index);
|
|
71
|
-
}) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: (0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "text-background-secondary", style: {
|
|
72
|
-
margin: '0px'
|
|
73
|
-
} }) })] })), displayCryptoCheckout && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Total" }), isLoading ? ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '100px', height: '17px' } })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "xs" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: `${(0, connect_1.formatDisplay)(requestAmount)} ${coinSymbol}` })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2", children: [displayCreditCardCheckout && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full h-14 rounded-xl", leftIcon: design_system_1.PaymentsIcon, variant: "primary", label: "Pay with credit card", rightIcon: design_system_1.ChevronRightIcon, onClick: onClickPayWithCard })), displayCryptoCheckout && !isInsufficientBalance && !isLoading && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full h-14 rounded-xl", leftIcon: () => (0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "sm" }), variant: "primary", label: `Pay with ${coinSymbol}`, rightIcon: design_system_1.ChevronRightIcon, onClick: onClickPayWithCrypto })), displayCryptoCheckout && (isInsufficientBalance || isLoading) && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", shape: "square", variant: "glass", label: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "sm" }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { children: ["Insufficient $", coinSymbol] })] }), onClick: onClickPayWithCrypto, disabled: true }))] }), displayCryptoCheckout && ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-end", children: isLoading ? ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '102px', height: '14px' } })) : ((0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "muted", children: ["Balance: ", `${(0, connect_1.formatDisplay)(userBalance)} ${coinSymbol}`] })) }))] }));
|
|
74
|
-
};
|
|
75
|
-
exports.CheckoutSelection = CheckoutSelection;
|
|
76
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/CheckoutSelection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { SelectPaymentSettings } from '../../../contexts/SelectPaymentModal.js';
|
|
2
|
-
interface PayWithCreditCardProps {
|
|
3
|
-
settings: SelectPaymentSettings;
|
|
4
|
-
disableButtons: boolean;
|
|
5
|
-
skipOnCloseCallback: () => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const PayWithCreditCard: ({ settings, disableButtons, skipOnCloseCallback }: PayWithCreditCardProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCreditCard/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAA;AAGpF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,cAAc,EAAE,OAAO,CAAA;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAA;CAChC;AAMD,eAAO,MAAM,iBAAiB,GAAI,mDAAmD,sBAAsB,+CAmJ1G,CAAA"}
|