thirdweb 5.105.9 → 5.105.10
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/dist/cjs/chains/chain-definitions/t-rex-testnet.js +20 -0
- package/dist/cjs/chains/chain-definitions/t-rex-testnet.js.map +1 -0
- package/dist/cjs/exports/chains.js +3 -1
- package/dist/cjs/exports/chains.js.map +1 -1
- package/dist/cjs/insight/common.js +0 -5
- package/dist/cjs/insight/common.js.map +1 -1
- package/dist/cjs/pay/buyWithCrypto/getStatus.js.map +1 -1
- package/dist/cjs/pay/buyWithFiat/isSwapRequiredPostOnramp.js +0 -44
- package/dist/cjs/pay/buyWithFiat/isSwapRequiredPostOnramp.js.map +1 -1
- package/dist/cjs/pay/utils/commonTypes.js +1 -2
- package/dist/cjs/pay/utils/commonTypes.js.map +1 -1
- package/dist/cjs/react/core/hooks/useBridgeQuote.js +3 -1
- package/dist/cjs/react/core/hooks/useBridgeQuote.js.map +1 -1
- package/dist/cjs/react/core/hooks/usePaymentMethods.js +6 -1
- package/dist/cjs/react/core/hooks/usePaymentMethods.js.map +1 -1
- package/dist/cjs/react/core/utils/storage.js +1 -2
- package/dist/cjs/react/core/utils/storage.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js +7 -2
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js +3 -2
- package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-selection/TokenSelection.js +4 -3
- package/dist/cjs/react/web/ui/Bridge/payment-selection/TokenSelection.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js +11 -6
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/MenuButton.js +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/MenuButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js +1 -7
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js +0 -112
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js +0 -9
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/ReceiveFunds.js +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/ReceiveFunds.js.map +1 -1
- package/dist/cjs/react/web/ui/PayEmbed.js +1 -30
- package/dist/cjs/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js +0 -1
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/components/Modal.js +3 -3
- package/dist/cjs/react/web/ui/components/Modal.js.map +1 -1
- package/dist/cjs/react/web/ui/components/buttons.js +0 -2
- package/dist/cjs/react/web/ui/components/buttons.js.map +1 -1
- package/dist/cjs/react/web/ui/components/text.js +0 -1
- package/dist/cjs/react/web/ui/components/text.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js +0 -1
- package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js +0 -1
- package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/chains/chain-definitions/t-rex-testnet.js +17 -0
- package/dist/esm/chains/chain-definitions/t-rex-testnet.js.map +1 -0
- package/dist/esm/exports/chains.js +1 -0
- package/dist/esm/exports/chains.js.map +1 -1
- package/dist/esm/insight/common.js +0 -4
- package/dist/esm/insight/common.js.map +1 -1
- package/dist/esm/pay/buyWithCrypto/getStatus.js.map +1 -1
- package/dist/esm/pay/buyWithFiat/isSwapRequiredPostOnramp.js +0 -43
- package/dist/esm/pay/buyWithFiat/isSwapRequiredPostOnramp.js.map +1 -1
- package/dist/esm/pay/utils/commonTypes.js +2 -1
- package/dist/esm/pay/utils/commonTypes.js.map +1 -1
- package/dist/esm/react/core/hooks/useBridgeQuote.js +3 -1
- package/dist/esm/react/core/hooks/useBridgeQuote.js.map +1 -1
- package/dist/esm/react/core/hooks/usePaymentMethods.js +6 -1
- package/dist/esm/react/core/hooks/usePaymentMethods.js.map +1 -1
- package/dist/esm/react/core/utils/storage.js +0 -1
- package/dist/esm/react/core/utils/storage.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js +7 -2
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js +3 -2
- package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-selection/TokenSelection.js +4 -3
- package/dist/esm/react/web/ui/Bridge/payment-selection/TokenSelection.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Details.js +12 -7
- package/dist/esm/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/MenuButton.js +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/MenuButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js +1 -7
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js +1 -110
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js +0 -8
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/ReceiveFunds.js +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/ReceiveFunds.js.map +1 -1
- package/dist/esm/react/web/ui/PayEmbed.js +3 -32
- package/dist/esm/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js +0 -1
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
- package/dist/esm/react/web/ui/components/Modal.js +1 -1
- package/dist/esm/react/web/ui/components/Modal.js.map +1 -1
- package/dist/esm/react/web/ui/components/buttons.js +0 -2
- package/dist/esm/react/web/ui/components/buttons.js.map +1 -1
- package/dist/esm/react/web/ui/components/text.js +0 -1
- package/dist/esm/react/web/ui/components/text.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/GetStartedScreen.js +0 -1
- package/dist/esm/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/OTPLoginUI.js +0 -1
- package/dist/esm/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/types/chains/chain-definitions/t-rex-testnet.d.ts +7 -0
- package/dist/types/chains/chain-definitions/t-rex-testnet.d.ts.map +1 -0
- package/dist/types/exports/chains.d.ts +1 -0
- package/dist/types/exports/chains.d.ts.map +1 -1
- package/dist/types/insight/common.d.ts +0 -1
- package/dist/types/insight/common.d.ts.map +1 -1
- package/dist/types/pay/buyWithCrypto/getStatus.d.ts +0 -3
- package/dist/types/pay/buyWithCrypto/getStatus.d.ts.map +1 -1
- package/dist/types/pay/buyWithFiat/isSwapRequiredPostOnramp.d.ts +0 -7
- package/dist/types/pay/buyWithFiat/isSwapRequiredPostOnramp.d.ts.map +1 -1
- package/dist/types/pay/utils/commonTypes.d.ts +2 -1
- package/dist/types/pay/utils/commonTypes.d.ts.map +1 -1
- package/dist/types/react/core/hooks/useBridgeQuote.d.ts +2 -1
- package/dist/types/react/core/hooks/useBridgeQuote.d.ts.map +1 -1
- package/dist/types/react/core/hooks/usePaymentMethods.d.ts.map +1 -1
- package/dist/types/react/core/utils/storage.d.ts +0 -1
- package/dist/types/react/core/utils/storage.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts +5 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts +2 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Details.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/MenuButton.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/NetworkSelector.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts +0 -29
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.d.ts +0 -26
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts +0 -6
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts.map +1 -1
- package/dist/types/react/web/ui/PayEmbed.d.ts +1 -1
- package/dist/types/react/web/ui/PayEmbed.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/Modal.d.ts +0 -4
- package/dist/types/react/web/ui/components/Modal.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/buttons.d.ts +2 -1
- package/dist/types/react/web/ui/components/buttons.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/text.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/dist/types/version.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/chains/chain-definitions/t-rex-testnet.ts +17 -0
- package/src/exports/chains.ts +1 -0
- package/src/insight/common.ts +0 -5
- package/src/pay/buyWithCrypto/getStatus.ts +0 -5
- package/src/pay/buyWithFiat/isSwapRequiredPostOnramp.ts +0 -56
- package/src/pay/utils/commonTypes.ts +1 -1
- package/src/react/core/hooks/useBridgeQuote.ts +4 -0
- package/src/react/core/hooks/usePaymentMethods.ts +8 -1
- package/src/react/core/utils/storage.ts +0 -1
- package/src/react/web/ui/Bridge/BridgeOrchestrator.tsx +9 -1
- package/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx +8 -0
- package/src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx +6 -0
- package/src/react/web/ui/ConnectWallet/Details.tsx +52 -43
- package/src/react/web/ui/ConnectWallet/MenuButton.tsx +0 -1
- package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +5 -9
- package/src/react/web/ui/ConnectWallet/WalletSelector.tsx +0 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts +0 -39
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.ts +0 -160
- package/src/react/web/ui/ConnectWallet/screens/Buy/utils.ts +0 -9
- package/src/react/web/ui/ConnectWallet/screens/ReceiveFunds.tsx +0 -1
- package/src/react/web/ui/PayEmbed.tsx +3 -66
- package/src/react/web/ui/TransactionButton/DepositScreen.tsx +0 -1
- package/src/react/web/ui/components/Modal.tsx +1 -1
- package/src/react/web/ui/components/buttons.tsx +1 -3
- package/src/react/web/ui/components/text.tsx +0 -1
- package/src/react/web/wallets/shared/GetStartedScreen.tsx +0 -1
- package/src/react/web/wallets/shared/OTPLoginUI.tsx +0 -1
- package/src/version.ts +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +0 -468
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js +0 -116
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.js +0 -29
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.js +0 -11
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.js +0 -28
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +0 -26
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js +0 -58
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/Stepper.js +0 -59
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/Stepper.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +0 -118
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +0 -32
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js +0 -108
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +0 -45
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +0 -532
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.js +0 -21
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +0 -39
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -134
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.js +0 -11
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js +0 -106
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.js +0 -23
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js +0 -50
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +0 -68
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +0 -225
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js +0 -12
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +0 -39
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +0 -55
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js +0 -49
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.js +0 -176
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +0 -69
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js +0 -34
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.js +0 -194
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js +0 -344
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.js +0 -15
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.js +0 -198
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.js +0 -15
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.js +0 -54
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.js.map +0 -1
- package/dist/cjs/react/web/ui/components/Drawer.js +0 -123
- package/dist/cjs/react/web/ui/components/Drawer.js.map +0 -1
- package/dist/cjs/react/web/ui/components/StepBar.js +0 -16
- package/dist/cjs/react/web/ui/components/StepBar.js.map +0 -1
- package/dist/cjs/react/web/ui/components/SwitchNetwork.js +0 -19
- package/dist/cjs/react/web/ui/components/SwitchNetwork.js.map +0 -1
- package/dist/cjs/react/web/ui/components/token/TokenRow.js +0 -43
- package/dist/cjs/react/web/ui/components/token/TokenRow.js.map +0 -1
- package/dist/cjs/react/web/utils/errors.js +0 -44
- package/dist/cjs/react/web/utils/errors.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +0 -465
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js +0 -113
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.js +0 -26
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.js +0 -8
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.js +0 -24
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +0 -23
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js +0 -55
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/Stepper.js +0 -55
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/Stepper.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js +0 -115
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +0 -29
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js +0 -105
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +0 -42
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js +0 -529
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.js +0 -18
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +0 -36
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -129
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.js +0 -8
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js +0 -103
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.js +0 -20
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js +0 -47
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +0 -65
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +0 -221
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js +0 -9
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js +0 -35
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +0 -52
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js +0 -46
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.js +0 -173
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js +0 -66
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js +0 -31
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.js +0 -191
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js +0 -341
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.js +0 -12
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.js +0 -195
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.js +0 -11
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.js +0 -51
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.js.map +0 -1
- package/dist/esm/react/web/ui/components/Drawer.js +0 -119
- package/dist/esm/react/web/ui/components/Drawer.js.map +0 -1
- package/dist/esm/react/web/ui/components/StepBar.js +0 -13
- package/dist/esm/react/web/ui/components/StepBar.js.map +0 -1
- package/dist/esm/react/web/ui/components/SwitchNetwork.js +0 -16
- package/dist/esm/react/web/ui/components/SwitchNetwork.js.map +0 -1
- package/dist/esm/react/web/ui/components/token/TokenRow.js +0 -40
- package/dist/esm/react/web/ui/components/token/TokenRow.js.map +0 -1
- package/dist/esm/react/web/utils/errors.js +0 -41
- package/dist/esm/react/web/utils/errors.js.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.d.ts +0 -26
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.d.ts +0 -18
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.d.ts +0 -6
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.d.ts +0 -3
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.d.ts +0 -12
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts +0 -14
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.d.ts +0 -16
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/Stepper.d.ts +0 -10
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/Stepper.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.d.ts +0 -18
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.d.ts +0 -6
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.d.ts +0 -26
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts +0 -8
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.d.ts +0 -20
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.d.ts +0 -10
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts +0 -15
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts +0 -55
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.d.ts +0 -2
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.d.ts +0 -14
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.d.ts +0 -10
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.d.ts +0 -16
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.d.ts +0 -18
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.d.ts +0 -32
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.d.ts +0 -5
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.d.ts +0 -15
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.d.ts +0 -23
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.d.ts +0 -21
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.d.ts +0 -32
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.d.ts +0 -18
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.d.ts +0 -15
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.d.ts +0 -22
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.d.ts +0 -25
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.d.ts +0 -26
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.d.ts +0 -25
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.d.ts +0 -14
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.d.ts +0 -6
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.d.ts.map +0 -1
- package/dist/types/react/web/ui/components/Drawer.d.ts +0 -25
- package/dist/types/react/web/ui/components/Drawer.d.ts.map +0 -1
- package/dist/types/react/web/ui/components/StepBar.d.ts +0 -5
- package/dist/types/react/web/ui/components/StepBar.d.ts.map +0 -1
- package/dist/types/react/web/ui/components/SwitchNetwork.d.ts +0 -6
- package/dist/types/react/web/ui/components/SwitchNetwork.d.ts.map +0 -1
- package/dist/types/react/web/ui/components/token/TokenRow.d.ts +0 -14
- package/dist/types/react/web/ui/components/token/TokenRow.d.ts.map +0 -1
- package/dist/types/react/web/utils/errors.d.ts +0 -8
- package/dist/types/react/web/utils/errors.d.ts.map +0 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +0 -1075
- package/src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx +0 -286
- package/src/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.tsx +0 -85
- package/src/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.tsx +0 -13
- package/src/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.tsx +0 -68
- package/src/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.tsx +0 -48
- package/src/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.tsx +0 -104
- package/src/react/web/ui/ConnectWallet/screens/Buy/Stepper.tsx +0 -91
- package/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx +0 -395
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx +0 -61
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.tsx +0 -263
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +0 -85
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx +0 -775
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/Providers.tsx +0 -54
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.ts +0 -65
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.ts +0 -193
- package/src/react/web/ui/ConnectWallet/screens/Buy/openOnRamppopup.tsx +0 -12
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/SwapDetailsScreen.tsx +0 -294
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TokenInfoRow.tsx +0 -56
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.test.ts +0 -80
- package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/statusMeta.ts +0 -77
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.tsx +0 -154
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx +0 -377
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.tsx +0 -20
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.tsx +0 -109
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx +0 -114
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.tsx +0 -117
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.tsx +0 -359
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapStatusScreen.tsx +0 -232
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.tsx +0 -111
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/TokenSelectorScreen.tsx +0 -448
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.tsx +0 -558
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferFlow.tsx +0 -56
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/fetchBalancesForWallet.tsx +0 -282
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.ts +0 -23
- package/src/react/web/ui/ConnectWallet/screens/Buy/usePayerSetup.tsx +0 -61
- package/src/react/web/ui/components/Drawer.tsx +0 -171
- package/src/react/web/ui/components/StepBar.tsx +0 -25
- package/src/react/web/ui/components/SwitchNetwork.tsx +0 -35
- package/src/react/web/ui/components/token/TokenRow.tsx +0 -135
- package/src/react/web/utils/errors.ts +0 -52
@@ -1,116 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.DirectPaymentModeScreen = DirectPaymentModeScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_query_1 = require("@tanstack/react-query");
|
6
|
-
const pay_js_1 = require("../../../../../../analytics/track/pay.js");
|
7
|
-
const addresses_js_1 = require("../../../../../../constants/addresses.js");
|
8
|
-
const contract_js_1 = require("../../../../../../contract/contract.js");
|
9
|
-
const decimals_js_1 = require("../../../../../../extensions/erc20/read/decimals.js");
|
10
|
-
const address_js_1 = require("../../../../../../utils/address.js");
|
11
|
-
const formatNumber_js_1 = require("../../../../../../utils/formatNumber.js");
|
12
|
-
const units_js_1 = require("../../../../../../utils/units.js");
|
13
|
-
const CustomThemeProvider_js_1 = require("../../../../../core/design-system/CustomThemeProvider.js");
|
14
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
15
|
-
const useChainQuery_js_1 = require("../../../../../core/hooks/others/useChainQuery.js");
|
16
|
-
const useActiveWallet_js_1 = require("../../../../../core/hooks/wallets/useActiveWallet.js");
|
17
|
-
const wallet_js_1 = require("../../../../../core/utils/wallet.js");
|
18
|
-
const LoadingScreen_js_1 = require("../../../../wallets/shared/LoadingScreen.js");
|
19
|
-
const basic_js_1 = require("../../../components/basic.js");
|
20
|
-
const buttons_js_1 = require("../../../components/buttons.js");
|
21
|
-
const ChainIcon_js_1 = require("../../../components/ChainIcon.js");
|
22
|
-
const Img_js_1 = require("../../../components/Img.js");
|
23
|
-
const Spacer_js_1 = require("../../../components/Spacer.js");
|
24
|
-
const TokenIcon_js_1 = require("../../../components/TokenIcon.js");
|
25
|
-
const text_js_1 = require("../../../components/text.js");
|
26
|
-
const WalletImage_js_1 = require("../../../components/WalletImage.js");
|
27
|
-
const ConnectButton_js_1 = require("../../ConnectButton.js");
|
28
|
-
const PoweredByTW_js_1 = require("../../PoweredByTW.js");
|
29
|
-
const nativeToken_js_1 = require("../nativeToken.js");
|
30
|
-
function DirectPaymentModeScreen(props) {
|
31
|
-
const { payUiOptions, supportedDestinations, client, onContinue, payerAccount, } = props;
|
32
|
-
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
33
|
-
const activeWallet = (0, useActiveWallet_js_1.useActiveWallet)();
|
34
|
-
const metadata = payUiOptions.metadata;
|
35
|
-
const paymentInfo = payUiOptions.paymentInfo;
|
36
|
-
const { data: chainData } = (0, useChainQuery_js_1.useChainMetadata)(paymentInfo.chain);
|
37
|
-
const { data: sellerEns } = (0, wallet_js_1.useEnsName)({
|
38
|
-
address: paymentInfo.sellerAddress,
|
39
|
-
client,
|
40
|
-
});
|
41
|
-
const totalCostQuery = (0, react_query_1.useQuery)({
|
42
|
-
queryFn: async () => {
|
43
|
-
let tokenDecimals = 18;
|
44
|
-
if (paymentInfo.token && !(0, nativeToken_js_1.isNativeToken)(paymentInfo.token)) {
|
45
|
-
tokenDecimals = await (0, decimals_js_1.decimals)({
|
46
|
-
contract: (0, contract_js_1.getContract)({
|
47
|
-
address: paymentInfo.token.address,
|
48
|
-
chain: paymentInfo.chain,
|
49
|
-
client,
|
50
|
-
}),
|
51
|
-
});
|
52
|
-
}
|
53
|
-
let cost;
|
54
|
-
if ("amountWei" in paymentInfo) {
|
55
|
-
cost = (0, units_js_1.toTokens)(paymentInfo.amountWei, tokenDecimals);
|
56
|
-
}
|
57
|
-
else {
|
58
|
-
cost = paymentInfo.amount;
|
59
|
-
}
|
60
|
-
return cost;
|
61
|
-
},
|
62
|
-
queryKey: ["amount", paymentInfo],
|
63
|
-
});
|
64
|
-
const totalCost = totalCostQuery.data;
|
65
|
-
if (!chainData || totalCost === undefined) {
|
66
|
-
return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
|
67
|
-
}
|
68
|
-
const token = paymentInfo.token
|
69
|
-
? {
|
70
|
-
address: paymentInfo.token.address || addresses_js_1.NATIVE_TOKEN_ADDRESS,
|
71
|
-
icon: paymentInfo.token?.icon ||
|
72
|
-
supportedDestinations
|
73
|
-
.find((c) => c.chain.id === paymentInfo.chain.id)
|
74
|
-
?.tokens.find((t) => t.address.toLowerCase() ===
|
75
|
-
paymentInfo.token?.address.toLowerCase())?.icon,
|
76
|
-
name: paymentInfo.token.name || chainData.nativeCurrency.name,
|
77
|
-
symbol: paymentInfo.token.symbol || chainData.nativeCurrency.symbol,
|
78
|
-
}
|
79
|
-
: {
|
80
|
-
address: addresses_js_1.NATIVE_TOKEN_ADDRESS,
|
81
|
-
icon: chainData.icon?.url,
|
82
|
-
name: chainData.nativeCurrency.name,
|
83
|
-
symbol: chainData.nativeCurrency.symbol,
|
84
|
-
};
|
85
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { px: "lg", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: metadata?.name || "Payment Details" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [metadata?.image ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { client: client, src: metadata?.image, style: {
|
86
|
-
backgroundColor: theme.colors.tertiaryBg,
|
87
|
-
borderRadius: index_js_1.spacing.md,
|
88
|
-
width: "100%",
|
89
|
-
} })) : activeWallet ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "both", flex: "row", style: {
|
90
|
-
backgroundColor: theme.colors.tertiaryBg,
|
91
|
-
borderRadius: index_js_1.spacing.md,
|
92
|
-
marginBottom: index_js_1.spacing.md,
|
93
|
-
padding: index_js_1.spacing.md,
|
94
|
-
}, children: [(0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { client: client, id: activeWallet.id, size: index_js_1.iconSize.xl }), (0, jsx_runtime_1.jsx)("div", { style: {
|
95
|
-
borderBottom: "6px dotted",
|
96
|
-
borderColor: theme.colors.secondaryIconColor,
|
97
|
-
flexGrow: 1,
|
98
|
-
marginLeft: index_js_1.spacing.md,
|
99
|
-
marginRight: index_js_1.spacing.md,
|
100
|
-
} }), (0, jsx_runtime_1.jsx)(ChainIcon_js_1.ChainIcon, { chainIconUrl: chainData.icon?.url, client: client, size: index_js_1.iconSize.xl })] })) : null, (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: "Price" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { chain: paymentInfo.chain, client: props.client, size: "sm", token: token }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: [String((0, formatNumber_js_1.formatNumber)(Number(totalCost), 6)), " ", token.symbol] })] }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "Network" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(ChainIcon_js_1.ChainIcon, { chainIconUrl: chainData.icon?.url, client: props.client, size: "xs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", style: { textAlign: "right" }, children: chainData.name })] }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "Seller" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", style: { textAlign: "right" }, children: sellerEns || (0, address_js_1.shortenAddress)(paymentInfo.sellerAddress) }) }) })] })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), payerAccount ? ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: () => {
|
101
|
-
(0, pay_js_1.trackPayEvent)({
|
102
|
-
client,
|
103
|
-
event: "choose_payment_method_direct_payment_mode",
|
104
|
-
toChainId: paymentInfo.chain.id,
|
105
|
-
toToken: paymentInfo.token?.address,
|
106
|
-
walletAddress: payerAccount.address,
|
107
|
-
walletType: activeWallet?.id,
|
108
|
-
});
|
109
|
-
onContinue(totalCost, paymentInfo.chain, token);
|
110
|
-
}, variant: "accent", children: "Choose Payment Method" })) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ConnectButton_js_1.ConnectButton, { ...props.connectOptions, client: client, connectButton: {
|
111
|
-
style: {
|
112
|
-
width: "100%",
|
113
|
-
},
|
114
|
-
}, theme: theme }) })), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), payUiOptions.showThirdwebBranding !== false && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PoweredByTW_js_1.PoweredByThirdweb, { link: "https://playground.thirdweb.com/connect/pay?utm_source=ub_text" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" })] }))] }));
|
115
|
-
}
|
116
|
-
//# sourceMappingURL=DirectPaymentModeScreen.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"DirectPaymentModeScreen.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx"],"names":[],"mappings":"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"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.EstimatedTimeAndFees = EstimatedTimeAndFees;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_icons_1 = require("@radix-ui/react-icons");
|
6
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
7
|
-
const basic_js_1 = require("../../../components/basic.js");
|
8
|
-
const buttons_js_1 = require("../../../components/buttons.js");
|
9
|
-
const Skeleton_js_1 = require("../../../components/Skeleton.js");
|
10
|
-
const text_js_1 = require("../../../components/text.js");
|
11
|
-
const formatSeconds_js_1 = require("./swap/formatSeconds.js");
|
12
|
-
function EstimatedTimeAndFees(props) {
|
13
|
-
const { estimatedSeconds, quoteIsLoading } = props;
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", borderColor: "borderColor", flex: "row", style: {
|
15
|
-
alignItems: "center",
|
16
|
-
borderRadius: index_js_1.radius.md,
|
17
|
-
borderStyle: "solid",
|
18
|
-
borderTopLeftRadius: 0,
|
19
|
-
borderTopRightRadius: 0,
|
20
|
-
borderWidth: "1px",
|
21
|
-
justifyContent: "space-between",
|
22
|
-
}, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", color: "accentText", flex: "row", gap: "xxs", p: "sm", children: [(0, jsx_runtime_1.jsx)(react_icons_1.ClockIcon, { height: index_js_1.iconSize.sm, width: index_js_1.iconSize.sm }), quoteIsLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { color: "borderColor", height: index_js_1.fontSize.xs, width: "50px" })) : ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: estimatedSeconds !== undefined
|
23
|
-
? `~${(0, formatSeconds_js_1.formatSeconds)(estimatedSeconds)}`
|
24
|
-
: "--" }))] }), (0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { gap: "xs", onClick: props.onViewFees, variant: "ghost", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", color: "accentText", flex: "row", children: (0, jsx_runtime_1.jsx)(ViewFeeIcon, { size: index_js_1.iconSize.sm }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "View Fees" })] })] }));
|
25
|
-
}
|
26
|
-
const ViewFeeIcon = (props) => {
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", fill: "none", height: props.size, viewBox: "0 0 12 12", width: props.size, xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M9.5 1.5H2.5C1.94772 1.5 1.5 1.94772 1.5 2.5V9.5C1.5 10.0523 1.94772 10.5 2.5 10.5H9.5C10.0523 10.5 10.5 10.0523 10.5 9.5V2.5C10.5 1.94772 10.0523 1.5 9.5 1.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.5 7.5L7.5 4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
28
|
-
};
|
29
|
-
//# sourceMappingURL=EstimatedTimeAndFees.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"EstimatedTimeAndFees.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/EstimatedTimeAndFees.tsx"],"names":[],"mappings":";;AAaA,oDA6CC;;AA1DD,uDAAkD;AAClD,yEAIoD;AACpD,2DAAyD;AACzD,+DAAwD;AACxD,iEAA2D;AAC3D,yDAAmD;AAEnD,8DAAwD;AAExD,SAAgB,oBAAoB,CAAC,KAIpC;IACC,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACL,wBAAC,oBAAS,IACR,EAAE,EAAC,YAAY,EACf,WAAW,EAAC,aAAa,EACzB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,iBAAM,CAAC,EAAE;YACvB,WAAW,EAAE,OAAO;YACpB,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,eAAe;SAChC,aAED,wBAAC,oBAAS,IAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,aAClE,uBAAC,uBAAS,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,EACrD,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,sBAAQ,IAAC,KAAK,EAAC,aAAa,EAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CACnE,CAAC,CAAC,CAAC,CACF,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,YAClC,gBAAgB,KAAK,SAAS;4BAC7B,CAAC,CAAC,IAAI,IAAA,gCAAa,EAAC,gBAAgB,CAAC,EAAE;4BACvC,CAAC,CAAC,IAAI,GACH,CACR,IACS,EAEZ,wBAAC,mBAAM,IAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAC,OAAO,aACzD,uBAAC,oBAAS,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,KAAK,YACpD,uBAAC,WAAW,IAAC,IAAI,EAAE,mBAAQ,CAAC,EAAE,GAAI,GACxB,EACZ,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,0BAE9B,IACA,IACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAW,CAAC,KAAK,EAAE,EAAE;IACpC,OAAO,CACL,gDACc,MAAM,EAClB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,KAAK,EAAC,4BAA4B,aAElC,iCACE,CAAC,EAAC,iKAAiK,EACnK,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,iCACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.LazyBuyScreen = LazyBuyScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_1 = require("react");
|
6
|
-
const LoadingScreen_js_1 = require("../../../../wallets/shared/LoadingScreen.js");
|
7
|
-
const BuyScreen = (0, react_1.lazy)(() => Promise.resolve().then(() => require("./BuyScreen.js")));
|
8
|
-
function LazyBuyScreen(props) {
|
9
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {}), children: (0, jsx_runtime_1.jsx)(BuyScreen, { ...props }) }));
|
10
|
-
}
|
11
|
-
//# sourceMappingURL=LazyBuyScreen.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"LazyBuyScreen.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/LazyBuyScreen.tsx"],"names":[],"mappings":";;AAMA,sCAMC;;AAZD,iCAAuC;AACvC,kFAA4E;AAG5E,MAAM,SAAS,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,sCAAQ,gBAAgB,EAAC,CAAC,CAAC;AAEvD,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CACL,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,gCAAa,KAAG,YACnC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACf,CACZ,CAAC;AACJ,CAAC"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.PayProviderSelection = void 0;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const react_icons_1 = require("@radix-ui/react-icons");
|
6
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
7
|
-
const basic_js_1 = require("../../../components/basic.js");
|
8
|
-
const buttons_js_1 = require("../../../components/buttons.js");
|
9
|
-
const text_js_1 = require("../../../components/text.js");
|
10
|
-
const utils_js_1 = require("./utils.js");
|
11
|
-
/**
|
12
|
-
* Shows the selected payment provider based on the preferred provider OR the quoted provider.
|
13
|
-
* @internal
|
14
|
-
*/
|
15
|
-
const PayProviderSelection = (props) => {
|
16
|
-
const ProviderItem = ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", color: "secondaryText", flex: "row", gap: "xxs", style: { padding: index_js_1.spacing.md }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", children: (0, utils_js_1.getProviderLabel)(props.preferredProvider ?? props.quotedProvider ?? "") }), props.supportedProviders.length > 1 && ((0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { height: index_js_1.iconSize.sm, width: index_js_1.iconSize.sm }))] }));
|
17
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", borderColor: "borderColor", flex: "row", style: {
|
18
|
-
alignItems: "center",
|
19
|
-
borderBottom: "none",
|
20
|
-
borderStyle: "solid",
|
21
|
-
borderWidth: "1px",
|
22
|
-
justifyContent: "space-between",
|
23
|
-
paddingLeft: index_js_1.spacing.md,
|
24
|
-
}, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "Provider" }), props.supportedProviders.length > 1 ? ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { onClick: props.onShowProviders, style: { padding: 0 }, variant: "ghost" // Padding is managed within children as the button is conditional
|
25
|
-
, children: ProviderItem })) : (ProviderItem)] }));
|
26
|
-
};
|
27
|
-
exports.PayProviderSelection = PayProviderSelection;
|
28
|
-
//# sourceMappingURL=PayProviderSelection.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PayProviderSelection.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PayProviderSelection.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwD;AAExD,yEAA+E;AAC/E,2DAAyD;AACzD,+DAAwD;AACxD,yDAAmD;AACnD,yCAA8C;AAE9C;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,KAKpC,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CACnB,wBAAC,oBAAS,IACR,MAAM,EAAC,GAAG,EACV,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,EAAE,OAAO,EAAE,kBAAO,CAAC,EAAE,EAAE,aAE9B,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,YACZ,IAAA,2BAAgB,EACf,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,IAAI,EAAE,CACtD,GACI,EACN,KAAK,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,uBAAC,6BAAe,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,CAC7D,IACS,CACb,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAS,IACR,EAAE,EAAC,YAAY,EACf,WAAW,EAAC,aAAa,EACzB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,eAAe;YAC/B,WAAW,EAAE,kBAAO,CAAC,EAAE;SACxB,aAED,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,yBAE9B,EACN,KAAK,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,uBAAC,mBAAM,IACL,OAAO,EAAE,KAAK,CAAC,eAAe,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACrB,OAAO,EAAC,OAAO,CAAC,kEAAkE;4BAEjF,YAAY,GACN,CACV,CAAC,CAAC,CAAC,CACF,YAAY,CACb,IACS,CACb,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,oBAAoB,wBAuD/B"}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.PayTokenIcon = PayTokenIcon;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const address_js_1 = require("../../../../../../utils/address.js");
|
6
|
-
const TokenIcon_js_1 = require("../../../components/TokenIcon.js");
|
7
|
-
const nativeToken_js_1 = require("../nativeToken.js");
|
8
|
-
const useSwapSupportedChains_js_1 = require("./swap/useSwapSupportedChains.js");
|
9
|
-
// This is a temporary solution to get the token icon working for ERC20 tokens
|
10
|
-
// TODO: The proper solutioon is to include the token icon in the quotes / status response objects, currently it is missing.
|
11
|
-
function PayTokenIcon(props) {
|
12
|
-
const supportedDestinationsQuery = (0, useSwapSupportedChains_js_1.useBuySupportedDestinations)(props.client);
|
13
|
-
const token = props.token;
|
14
|
-
const tokenIcon = !(0, nativeToken_js_1.isNativeToken)(token)
|
15
|
-
? supportedDestinationsQuery.data
|
16
|
-
?.find((c) => c.chain.id === props.chain.id)
|
17
|
-
?.tokens.find((t) => (0, address_js_1.getAddress)(t.address) === (0, address_js_1.getAddress)(token.address))?.icon
|
18
|
-
: undefined;
|
19
|
-
return ((0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { chain: props.chain, client: props.client, size: props.size, token: (0, nativeToken_js_1.isNativeToken)(token)
|
20
|
-
? { nativeToken: true }
|
21
|
-
: {
|
22
|
-
address: token.address,
|
23
|
-
icon: token.icon || tokenIcon,
|
24
|
-
} }));
|
25
|
-
}
|
26
|
-
//# sourceMappingURL=PayTokenIcon.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PayTokenIcon.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.tsx"],"names":[],"mappings":";;AAWA,oCAoCC;;AA7CD,mEAAgE;AAEhE,mEAA6D;AAC7D,sDAAoE;AACpE,gFAA+E;AAE/E,8EAA8E;AAC9E,4HAA4H;AAE5H,SAAgB,YAAY,CAAC,KAU5B;IACC,MAAM,0BAA0B,GAAG,IAAA,uDAA2B,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,SAAS,GAAG,CAAC,IAAA,8BAAa,EAAC,KAAK,CAAC;QACrC,CAAC,CAAC,0BAA0B,CAAC,IAAI;YAC7B,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5C,EAAE,MAAM,CAAC,IAAI,CACX,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,uBAAU,EAAC,CAAC,CAAC,OAAO,CAAC,KAAK,IAAA,uBAAU,EAAC,KAAK,CAAC,OAAO,CAAC,CAC3D,EAAE,IAAI;QACX,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,uBAAC,wBAAS,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EACH,IAAA,8BAAa,EAAC,KAAK,CAAC;YAClB,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE;YACvB,CAAC,CAAC;gBACE,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS;aAC9B,GAEP,CACH,CAAC;AACJ,CAAC"}
|
@@ -1,58 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.PayWithCreditCard = PayWithCreditCard;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const styled_1 = require("@emotion/styled");
|
6
|
-
const react_icons_1 = require("@radix-ui/react-icons");
|
7
|
-
const formatNumber_js_1 = require("../../../../../../utils/formatNumber.js");
|
8
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
9
|
-
const basic_js_1 = require("../../../components/basic.js");
|
10
|
-
const buttons_js_1 = require("../../../components/buttons.js");
|
11
|
-
const Skeleton_js_1 = require("../../../components/Skeleton.js");
|
12
|
-
const text_js_1 = require("../../../components/text.js");
|
13
|
-
const currencies_js_1 = require("./fiat/currencies.js");
|
14
|
-
/**
|
15
|
-
* Shows an amount "value" and renders the selected token and chain
|
16
|
-
* It also renders the buttons to select the token and chain
|
17
|
-
* It also renders the balance of active wallet for the selected token in selected chain
|
18
|
-
* @internal
|
19
|
-
*/
|
20
|
-
function PayWithCreditCard(props) {
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", borderColor: "borderColor", flex: "row", style: {
|
22
|
-
alignItems: "center",
|
23
|
-
borderBottom: "none",
|
24
|
-
borderBottomLeftRadius: 0,
|
25
|
-
borderBottomRightRadius: 0,
|
26
|
-
borderRadius: index_js_1.radius.md,
|
27
|
-
borderStyle: "solid",
|
28
|
-
borderWidth: "1px",
|
29
|
-
flexWrap: "nowrap",
|
30
|
-
justifyContent: "space-between",
|
31
|
-
}, children: [(0, jsx_runtime_1.jsxs)(CurrencyButton, { gap: "sm", onClick: props.onSelectCurrency, style: {
|
32
|
-
justifyContent: "flex-start",
|
33
|
-
minHeight: "64px",
|
34
|
-
minWidth: "50%",
|
35
|
-
}, variant: "ghost", children: [(0, currencies_js_1.getFiatIcon)(props.currency, "md"), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", color: "secondaryText", flex: "row", gap: "xxs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", children: props.currency.shorthand }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { height: index_js_1.iconSize.sm, width: index_js_1.iconSize.sm })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
36
|
-
alignItems: "flex-end",
|
37
|
-
display: "flex",
|
38
|
-
flexDirection: "column",
|
39
|
-
flexGrow: 1,
|
40
|
-
flexShrink: 1,
|
41
|
-
gap: index_js_1.spacing.xxs,
|
42
|
-
justifyContent: "center",
|
43
|
-
overflow: "hidden",
|
44
|
-
paddingRight: index_js_1.spacing.sm,
|
45
|
-
textOverflow: "ellipsis",
|
46
|
-
whiteSpace: "nowrap",
|
47
|
-
}, children: props.isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: index_js_1.fontSize.lg, width: "100px" })) : ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: props.value ? "primaryText" : "secondaryText", size: "lg", children: props.value
|
48
|
-
? `${props.currency.symbol}${(0, formatNumber_js_1.formatNumber)(Number(props.value), 2)}`
|
49
|
-
: "--" })) })] }));
|
50
|
-
}
|
51
|
-
const CurrencyButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)(() => {
|
52
|
-
return {
|
53
|
-
"&[disabled]:hover": {
|
54
|
-
borderColor: "transparent",
|
55
|
-
},
|
56
|
-
};
|
57
|
-
});
|
58
|
-
//# sourceMappingURL=PayWIthCreditCard.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PayWIthCreditCard.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.tsx"],"names":[],"mappings":";;AAsBA,8CAyEC;;AA/FD,4CAAqC;AACrC,uDAAwD;AAExD,6EAAuE;AACvE,yEAKoD;AACpD,2DAAyD;AACzD,+DAAwD;AACxD,iEAA2D;AAC3D,yDAAmD;AACnD,wDAAsE;AAEtE;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAC,KAMjC;IACC,OAAO,CACL,wBAAC,oBAAS,IACR,EAAE,EAAC,YAAY,EACf,WAAW,EAAC,aAAa,EACzB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,MAAM;YACpB,sBAAsB,EAAE,CAAC;YACzB,uBAAuB,EAAE,CAAC;YAC1B,YAAY,EAAE,iBAAM,CAAC,EAAE;YACvB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;YAClB,QAAQ,EAAE,QAAQ;YAClB,cAAc,EAAE,eAAe;SAChC,aAGD,wBAAC,cAAc,IACb,GAAG,EAAC,IAAI,EACR,OAAO,EAAE,KAAK,CAAC,gBAAgB,EAC/B,KAAK,EAAE;oBACL,cAAc,EAAE,YAAY;oBAC5B,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,KAAK;iBAChB,EACD,OAAO,EAAC,OAAO,aAEd,IAAA,2BAAW,EAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EAClC,wBAAC,oBAAS,IAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,aAC9D,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,YAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAQ,EAC3D,uBAAC,6BAAe,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,IAClD,IACG,EAGjB,gCACE,KAAK,EAAE;oBACL,UAAU,EAAE,UAAU;oBACtB,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,CAAC;oBACb,GAAG,EAAE,kBAAO,CAAC,GAAG;oBAChB,cAAc,EAAE,QAAQ;oBACxB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,kBAAO,CAAC,EAAE;oBACxB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YAEA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,uBAAC,sBAAQ,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,uBAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAAE,IAAI,EAAC,IAAI,YAClE,KAAK,CAAC,KAAK;wBACV,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAA,8BAAY,EACrC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EACnB,CAAC,CACF,EAAE;wBACL,CAAC,CAAC,IAAI,GACH,CACR,GACG,IACI,CACb,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC,GAAG,EAAE;IACzD,OAAO;QACL,mBAAmB,EAAE;YACnB,WAAW,EAAE,aAAa;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
@@ -1,59 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.StepIcon = StepIcon;
|
4
|
-
exports.Step = Step;
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
6
|
-
const react_1 = require("@emotion/react");
|
7
|
-
const react_icons_1 = require("@radix-ui/react-icons");
|
8
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
9
|
-
const basic_js_1 = require("../../../components/basic.js");
|
10
|
-
const elements_js_1 = require("../../../design-system/elements.js");
|
11
|
-
function StepIcon(props) {
|
12
|
-
return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", color: props.isDone
|
13
|
-
? "success"
|
14
|
-
: props.isActive
|
15
|
-
? "accentText"
|
16
|
-
: "secondaryText", flex: "row", children: (0, jsx_runtime_1.jsx)(Circle, { children: props.isDone ? ((0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { height: index_js_1.iconSize.sm, width: index_js_1.iconSize.sm })) : ((0, jsx_runtime_1.jsx)(PulsingDot, { "data-active": props.isActive })) }) }));
|
17
|
-
}
|
18
|
-
function Step(props) {
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", color: props.isDone
|
20
|
-
? "success"
|
21
|
-
: props.isActive
|
22
|
-
? "accentText"
|
23
|
-
: "secondaryText", flex: "row", gap: "xs", style: {
|
24
|
-
fontSize: index_js_1.fontSize.sm,
|
25
|
-
}, children: [(0, jsx_runtime_1.jsx)(StepIcon, { isActive: props.isActive, isDone: props.isDone }), props.label] }));
|
26
|
-
}
|
27
|
-
const pulseAnimation = (0, react_1.keyframes) `
|
28
|
-
0% {
|
29
|
-
opacity: 1;
|
30
|
-
transform: scale(0.5);
|
31
|
-
}
|
32
|
-
100% {
|
33
|
-
opacity: 0;
|
34
|
-
transform: scale(1.5);
|
35
|
-
}
|
36
|
-
`;
|
37
|
-
const PulsingDot = /* @__PURE__ */ (0, elements_js_1.StyledDiv)(() => {
|
38
|
-
return {
|
39
|
-
'&[data-active="true"]': {
|
40
|
-
animation: `${pulseAnimation} 1s infinite`,
|
41
|
-
},
|
42
|
-
background: "currentColor",
|
43
|
-
borderRadius: "50%",
|
44
|
-
height: "10px",
|
45
|
-
width: "10px",
|
46
|
-
};
|
47
|
-
});
|
48
|
-
const Circle = /* @__PURE__ */ (0, elements_js_1.StyledDiv)(() => {
|
49
|
-
return {
|
50
|
-
alignItems: "center",
|
51
|
-
border: "1px solid currentColor",
|
52
|
-
borderRadius: "50%",
|
53
|
-
display: "flex",
|
54
|
-
height: "20px",
|
55
|
-
justifyContent: "center",
|
56
|
-
width: "20px",
|
57
|
-
};
|
58
|
-
});
|
59
|
-
//# sourceMappingURL=Stepper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/Stepper.tsx"],"names":[],"mappings":";;AAMA,4BAsBC;AAED,oBAyBC;;AAvDD,0CAA2C;AAC3C,uDAAkD;AAClD,yEAAgF;AAChF,2DAAyD;AACzD,oEAA+D;AAE/D,SAAgB,QAAQ,CAAC,KAA6C;IACpE,OAAO,CACL,uBAAC,oBAAS,IACR,MAAM,EAAC,MAAM,EACb,KAAK,EACH,KAAK,CAAC,MAAM;YACV,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,QAAQ;gBACd,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,eAAe,EAEvB,IAAI,EAAC,KAAK,YAEV,uBAAC,MAAM,cACJ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAS,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,uBAAC,UAAU,mBAAc,KAAK,CAAC,QAAQ,GAAI,CAC5C,GACM,GACC,CACb,CAAC;AACJ,CAAC;AAED,SAAgB,IAAI,CAAC,KAIpB;IACC,OAAO,CACL,wBAAC,oBAAS,IACR,MAAM,EAAC,GAAG,EACV,KAAK,EACH,KAAK,CAAC,MAAM;YACV,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,QAAQ;gBACd,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,eAAe,EAEvB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;YACL,QAAQ,EAAE,mBAAQ,CAAC,EAAE;SACtB,aAED,uBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EAC3D,KAAK,CAAC,KAAK,IACF,CACb,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,IAAA,iBAAS,EAAA;;;;;;;;;CAS/B,CAAC;AAEF,MAAM,UAAU,GAAG,eAAe,CAAC,IAAA,uBAAS,EAAC,GAAG,EAAE;IAChD,OAAO;QACL,uBAAuB,EAAE;YACvB,SAAS,EAAE,GAAG,cAAc,cAAc;SAC3C;QACD,UAAU,EAAE,cAAc;QAC1B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,eAAe,CAAC,IAAA,uBAAS,EAAC,GAAG,EAAE;IAC5C,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,wBAAwB;QAChC,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
@@ -1,118 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.TransactionModeScreen = TransactionModeScreen;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const pay_js_1 = require("../../../../../../analytics/track/pay.js");
|
6
|
-
const addresses_js_1 = require("../../../../../../constants/addresses.js");
|
7
|
-
const formatNumber_js_1 = require("../../../../../../utils/formatNumber.js");
|
8
|
-
const units_js_1 = require("../../../../../../utils/units.js");
|
9
|
-
const is_smart_wallet_js_1 = require("../../../../../../wallets/smart/is-smart-wallet.js");
|
10
|
-
const CustomThemeProvider_js_1 = require("../../../../../core/design-system/CustomThemeProvider.js");
|
11
|
-
const index_js_1 = require("../../../../../core/design-system/index.js");
|
12
|
-
const useChainQuery_js_1 = require("../../../../../core/hooks/others/useChainQuery.js");
|
13
|
-
const useWalletBalance_js_1 = require("../../../../../core/hooks/others/useWalletBalance.js");
|
14
|
-
const useActiveAccount_js_1 = require("../../../../../core/hooks/wallets/useActiveAccount.js");
|
15
|
-
const useActiveWallet_js_1 = require("../../../../../core/hooks/wallets/useActiveWallet.js");
|
16
|
-
const ErrorState_js_1 = require("../../../../wallets/shared/ErrorState.js");
|
17
|
-
const LoadingScreen_js_1 = require("../../../../wallets/shared/LoadingScreen.js");
|
18
|
-
const basic_js_1 = require("../../../components/basic.js");
|
19
|
-
const buttons_js_1 = require("../../../components/buttons.js");
|
20
|
-
const ChainIcon_js_1 = require("../../../components/ChainIcon.js");
|
21
|
-
const Img_js_1 = require("../../../components/Img.js");
|
22
|
-
const Skeleton_js_1 = require("../../../components/Skeleton.js");
|
23
|
-
const Spacer_js_1 = require("../../../components/Spacer.js");
|
24
|
-
const TokenIcon_js_1 = require("../../../components/TokenIcon.js");
|
25
|
-
const text_js_1 = require("../../../components/text.js");
|
26
|
-
const TokenSymbol_js_1 = require("../../../components/token/TokenSymbol.js");
|
27
|
-
const ConnectButton_js_1 = require("../../ConnectButton.js");
|
28
|
-
const OutlineWalletIcon_js_1 = require("../../icons/OutlineWalletIcon.js");
|
29
|
-
const PoweredByTW_js_1 = require("../../PoweredByTW.js");
|
30
|
-
const formatTokenBalance_js_1 = require("../formatTokenBalance.js");
|
31
|
-
const nativeToken_js_1 = require("../nativeToken.js");
|
32
|
-
const useBuyTxStates_js_1 = require("./main/useBuyTxStates.js");
|
33
|
-
const WalletRow_js_1 = require("./swap/WalletRow.js");
|
34
|
-
function TransactionModeScreen(props) {
|
35
|
-
const { payUiOptions, client, payerAccount, supportedDestinations, onContinue, } = props;
|
36
|
-
const { data: chainData, error: chainDataError, isLoading: chainDataLoading, refetch: chainDataRefetch, } = (0, useChainQuery_js_1.useChainMetadata)(payUiOptions.transaction.chain);
|
37
|
-
const metadata = payUiOptions.metadata;
|
38
|
-
const { data: transactionCostAndData, error: transactionCostAndDataError, isLoading: transactionCostAndDataLoading, refetch: transactionCostAndDataRefetch, } = (0, useBuyTxStates_js_1.useTransactionCostAndData)({
|
39
|
-
account: payerAccount,
|
40
|
-
supportedDestinations,
|
41
|
-
transaction: payUiOptions.transaction,
|
42
|
-
});
|
43
|
-
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
44
|
-
const activeWallet = (0, useActiveWallet_js_1.useActiveWallet)();
|
45
|
-
const activeAccount = (0, useActiveAccount_js_1.useActiveAccount)();
|
46
|
-
const sponsoredTransactionsEnabled = (0, is_smart_wallet_js_1.hasSponsoredTransactionsEnabled)(activeWallet);
|
47
|
-
const balanceQuery = (0, useWalletBalance_js_1.useWalletBalance)({
|
48
|
-
address: activeAccount?.address,
|
49
|
-
chain: payUiOptions.transaction.chain,
|
50
|
-
client: props.client,
|
51
|
-
tokenAddress: (0, nativeToken_js_1.isNativeToken)(transactionCostAndData?.token || nativeToken_js_1.NATIVE_TOKEN)
|
52
|
-
? undefined
|
53
|
-
: transactionCostAndData?.token.address,
|
54
|
-
}, {
|
55
|
-
enabled: !!transactionCostAndData,
|
56
|
-
});
|
57
|
-
if (transactionCostAndDataLoading || chainDataLoading) {
|
58
|
-
return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
|
59
|
-
}
|
60
|
-
if (!activeAccount) {
|
61
|
-
return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", flex: "row", fullHeight: true, style: {
|
62
|
-
minHeight: "350px",
|
63
|
-
}, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxl" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "x", flex: "row", children: (0, jsx_runtime_1.jsx)(OutlineWalletIcon_js_1.OutlineWalletIcon, { size: index_js_1.iconSize["3xl"] }) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "primaryText", size: "md", children: "Please connect a wallet to continue" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "x", flex: "row", style: { width: "100%" }, children: (0, jsx_runtime_1.jsx)(ConnectButton_js_1.ConnectButton, { client: client, theme: theme, ...props.connectOptions }) })] }) }));
|
64
|
-
}
|
65
|
-
if (transactionCostAndDataError || chainDataError) {
|
66
|
-
return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", flex: "row", fullHeight: true, style: {
|
67
|
-
minHeight: "350px",
|
68
|
-
}, children: (0, jsx_runtime_1.jsx)(ErrorState_js_1.ErrorState, { onTryAgain: transactionCostAndDataError
|
69
|
-
? transactionCostAndDataRefetch
|
70
|
-
: chainDataRefetch, title: transactionCostAndDataError?.message ||
|
71
|
-
chainDataError?.message ||
|
72
|
-
"Something went wrong" }) }));
|
73
|
-
}
|
74
|
-
if (!transactionCostAndData || !chainData) {
|
75
|
-
return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
|
76
|
-
}
|
77
|
-
const insufficientFunds = balanceQuery.data &&
|
78
|
-
balanceQuery.data.value < transactionCostAndData.transactionValueWei;
|
79
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { px: "lg", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: metadata?.name || "Transaction" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [metadata?.image ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { client: client, src: metadata?.image, style: {
|
80
|
-
backgroundColor: theme.colors.tertiaryBg,
|
81
|
-
border: `1px solid ${theme.colors.borderColor}`,
|
82
|
-
borderRadius: index_js_1.spacing.md,
|
83
|
-
width: "100%",
|
84
|
-
} })) : activeAccount ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "sm", children: [insufficientFunds && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "danger", multiline: true, size: "xs", children: "Insufficient Funds" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, multiline: true, size: "xs", children: "Select another token or pay with card." })] })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", style: {
|
85
|
-
backgroundColor: theme.colors.tertiaryBg,
|
86
|
-
border: `1px solid ${theme.colors.borderColor}`,
|
87
|
-
borderRadius: index_js_1.spacing.md,
|
88
|
-
justifyContent: "space-between",
|
89
|
-
marginBottom: index_js_1.spacing.sm,
|
90
|
-
padding: index_js_1.spacing.sm,
|
91
|
-
}, children: [(0, jsx_runtime_1.jsx)(WalletRow_js_1.WalletRow, { address: activeAccount?.address, client: client, iconSize: "md" }), balanceQuery.data ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", weight: 500, children: (0, formatTokenBalance_js_1.formatTokenBalance)(balanceQuery.data, false) }), (0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { chain: payUiOptions.transaction.chain, color: "secondaryText", size: "xs", token: transactionCostAndData.token })] })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: index_js_1.fontSize.xs, width: "70px" }))] })] })) : null, (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: "Price" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { chain: payUiOptions.transaction.chain, client: props.client, size: "sm", token: transactionCostAndData.token }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: [String((0, formatNumber_js_1.formatNumber)(Number((0, units_js_1.toTokens)(transactionCostAndData.transactionValueWei, transactionCostAndData.decimals)), 6)), " ", transactionCostAndData.token.symbol] })] }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "Gas Fees" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: sponsoredTransactionsEnabled ? "success" : "primaryText", size: "xs", children: sponsoredTransactionsEnabled
|
92
|
-
? "Sponsored"
|
93
|
-
: `${String((0, formatNumber_js_1.formatNumber)(Number((0, units_js_1.toTokens)(transactionCostAndData.gasCostWei, chainData.nativeCurrency.decimals)), 6))} ${chainData.nativeCurrency.symbol}` }) }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, flex: "column", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: "Network" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "xs", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(ChainIcon_js_1.ChainIcon, { chainIconUrl: chainData.icon?.url, client: props.client, size: "xs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", style: { textAlign: "right" }, children: chainData.name })] }) })] })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), payerAccount ? ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: () => {
|
94
|
-
let totalCostWei = insufficientFunds
|
95
|
-
? transactionCostAndData.transactionValueWei -
|
96
|
-
(balanceQuery.data?.value || 0n)
|
97
|
-
: transactionCostAndData.transactionValueWei;
|
98
|
-
if (transactionCostAndData.token.address === addresses_js_1.NATIVE_TOKEN_ADDRESS &&
|
99
|
-
!sponsoredTransactionsEnabled) {
|
100
|
-
totalCostWei += transactionCostAndData.gasCostWei;
|
101
|
-
}
|
102
|
-
(0, pay_js_1.trackPayEvent)({
|
103
|
-
amountWei: totalCostWei.toString(),
|
104
|
-
client,
|
105
|
-
event: "choose_payment_method_transaction_mode",
|
106
|
-
toChainId: payUiOptions.transaction.chain.id,
|
107
|
-
toToken: transactionCostAndData.token.address,
|
108
|
-
walletAddress: payerAccount.address,
|
109
|
-
walletType: activeWallet?.id,
|
110
|
-
});
|
111
|
-
onContinue((0, units_js_1.toTokens)(totalCostWei, transactionCostAndData.decimals), payUiOptions.transaction.chain, transactionCostAndData.token);
|
112
|
-
}, variant: "accent", children: "Choose Payment Method" })) : ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ConnectButton_js_1.ConnectButton, { ...props.connectOptions, client: client, connectButton: {
|
113
|
-
style: {
|
114
|
-
width: "100%",
|
115
|
-
},
|
116
|
-
}, theme: theme }) })), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), payUiOptions.showThirdwebBranding !== false && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PoweredByTW_js_1.PoweredByThirdweb, { link: "https://playground.thirdweb.com/connect/pay?utm_source=ub_text" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" })] }))] }));
|
117
|
-
}
|
118
|
-
//# sourceMappingURL=TransactionModeScreen.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TransactionModeScreen.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx"],"names":[],"mappings":"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"}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.CurrencySelection = CurrencySelection;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const styled_1 = require("@emotion/styled");
|
6
|
-
const CustomThemeProvider_js_1 = require("../../../../../../core/design-system/CustomThemeProvider.js");
|
7
|
-
const index_js_1 = require("../../../../../../core/design-system/index.js");
|
8
|
-
const basic_js_1 = require("../../../../components/basic.js");
|
9
|
-
const buttons_js_1 = require("../../../../components/buttons.js");
|
10
|
-
const Spacer_js_1 = require("../../../../components/Spacer.js");
|
11
|
-
const text_js_1 = require("../../../../components/text.js");
|
12
|
-
const currencies_js_1 = require("./currencies.js");
|
13
|
-
function CurrencySelection(props) {
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { p: "lg", children: (0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: props.onBack, title: "Pay with" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", gap: "xs", px: "lg", children: currencies_js_1.currencies.map((c) => {
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(SelectCurrencyButton, { fullWidth: true, gap: "sm", onClick: () => props.onSelect(c), variant: "secondary", children: [(0, currencies_js_1.getFiatIcon)(c, "lg"), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "xxs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", children: c.shorthand }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", children: c.name })] })] }, c.shorthand));
|
16
|
-
}) }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" })] }));
|
17
|
-
}
|
18
|
-
const SelectCurrencyButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)(() => {
|
19
|
-
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
20
|
-
return {
|
21
|
-
"&:hover": {
|
22
|
-
background: theme.colors.secondaryButtonBg,
|
23
|
-
transform: "scale(1.01)",
|
24
|
-
},
|
25
|
-
background: theme.colors.tertiaryBg,
|
26
|
-
gap: index_js_1.spacing.sm,
|
27
|
-
justifyContent: "flex-start",
|
28
|
-
padding: index_js_1.spacing.sm,
|
29
|
-
transition: "background 200ms ease, transform 150ms ease",
|
30
|
-
};
|
31
|
-
});
|
32
|
-
//# sourceMappingURL=CurrencySelection.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CurrencySelection.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx"],"names":[],"mappings":";;AASA,8CAoCC;;AA7CD,4CAAqC;AACrC,wGAA6F;AAC7F,4EAAwE;AACxE,8DAA+E;AAC/E,kEAA2D;AAC3D,gEAA0D;AAC1D,4DAAsD;AACtD,mDAA6E;AAE7E,SAAgB,iBAAiB,CAAC,KAGjC;IACC,OAAO,CACL,wBAAC,oBAAS,eACR,uBAAC,oBAAS,IAAC,CAAC,EAAC,IAAI,YACf,uBAAC,sBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,UAAU,GAAG,GAC5C,EAEZ,uBAAC,eAAI,KAAG,EACR,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEjB,uBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YACtC,0BAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACpB,OAAO,CACL,wBAAC,oBAAoB,IACnB,SAAS,QACT,GAAG,EAAC,IAAI,EAER,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAChC,OAAO,EAAC,WAAW,aAElB,IAAA,2BAAW,EAAC,CAAC,EAAE,IAAI,CAAC,EACrB,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAChC,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,YAAE,CAAC,CAAC,SAAS,GAAQ,EAC9C,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,YAAE,CAAC,CAAC,IAAI,GAAQ,IACrB,KARP,CAAC,CAAC,SAAS,CASK,CACxB,CAAC;gBACJ,CAAC,CAAC,GACQ,EAEZ,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IACP,CACb,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC,GAAG,EAAE;IAC/D,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,SAAS,EAAE;YACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;YAC1C,SAAS,EAAE,aAAa;SACzB;QACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACnC,GAAG,EAAE,kBAAO,CAAC,EAAE;QACf,cAAc,EAAE,YAAY;QAC5B,OAAO,EAAE,kBAAO,CAAC,EAAE;QACnB,UAAU,EAAE,6CAA6C;KAC1D,CAAC;AACJ,CAAC,CAAC,CAAC"}
|