thirdweb 5.108.6 → 5.108.8
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/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/cjs/react/core/hooks/usePaymentMethods.js +1 -2
- package/dist/cjs/react/core/hooks/usePaymentMethods.js.map +1 -1
- package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js +1 -1
- package/dist/cjs/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js +185 -99
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js +210 -56
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/DirectPayment.js +7 -7
- package/dist/cjs/react/web/ui/Bridge/DirectPayment.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/FundWallet.js +233 -105
- package/dist/cjs/react/web/ui/Bridge/FundWallet.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js +1 -7
- package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/TransactionPayment.js +16 -12
- package/dist/cjs/react/web/ui/Bridge/TransactionPayment.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js +199 -36
- package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js +2 -2
- package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/common/WithHeader.js +4 -5
- package/dist/cjs/react/web/ui/Bridge/common/WithHeader.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/common/active-wallet-details.js +52 -0
- package/dist/cjs/react/web/ui/Bridge/common/active-wallet-details.js.map +1 -0
- package/dist/cjs/react/web/ui/Bridge/common/decimal-input.js +36 -0
- package/dist/cjs/react/web/ui/Bridge/common/decimal-input.js.map +1 -0
- package/dist/cjs/react/web/ui/Bridge/common/selected-token-button.js +58 -0
- package/dist/cjs/react/web/ui/Bridge/common/selected-token-button.js.map +1 -0
- package/dist/cjs/react/web/ui/Bridge/common/token-balance.js +20 -0
- package/dist/cjs/react/web/ui/Bridge/common/token-balance.js.map +1 -0
- package/dist/cjs/react/web/ui/Bridge/common/token-query.js +34 -0
- package/dist/cjs/react/web/ui/Bridge/common/token-query.js.map +1 -0
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js +3 -3
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentOverview.js +7 -7
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentOverview.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js +1 -4
- 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.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js +3 -3
- package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js +8 -11
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js +19 -147
- package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/types.js +3 -0
- package/dist/cjs/react/web/ui/Bridge/types.js.map +1 -0
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js +4 -2
- package/dist/cjs/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/formatTokenBalance.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js +17 -10
- package/dist/cjs/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
- package/dist/cjs/react/web/ui/components/CopyIcon.js +1 -1
- package/dist/cjs/react/web/ui/components/CopyIcon.js.map +1 -1
- package/dist/cjs/stories/Bridge/CheckoutWidget.stories.js +115 -0
- package/dist/cjs/stories/Bridge/CheckoutWidget.stories.js.map +1 -0
- package/dist/cjs/stories/Bridge/ErrorBanner.stories.js +7 -111
- package/dist/cjs/stories/Bridge/ErrorBanner.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/PaymentDetails.stories.js +27 -306
- package/dist/cjs/stories/Bridge/PaymentDetails.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/PaymentSelection.stories.js +21 -128
- package/dist/cjs/stories/Bridge/PaymentSelection.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/StepRunner.stories.js +13 -39
- package/dist/cjs/stories/Bridge/StepRunner.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/SuccessScreen.stories.js +13 -101
- package/dist/cjs/stories/Bridge/SuccessScreen.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js +49 -0
- package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js.map +1 -0
- package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js +53 -0
- package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js.map +1 -0
- package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js +11 -79
- package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/fixtures.js +21 -62
- package/dist/cjs/stories/Bridge/fixtures.js.map +1 -1
- package/dist/cjs/stories/BuyWidget.stories.js +44 -8
- package/dist/cjs/stories/BuyWidget.stories.js.map +1 -1
- package/dist/cjs/stories/utils.js +5 -2
- package/dist/cjs/stories/utils.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/x402/common.js +3 -5
- package/dist/cjs/x402/common.js.map +1 -1
- package/dist/cjs/x402/facilitator.js +3 -4
- package/dist/cjs/x402/facilitator.js.map +1 -1
- package/dist/cjs/x402/schemas.js +4 -0
- package/dist/cjs/x402/schemas.js.map +1 -1
- package/dist/cjs/x402/settle-payment.js +6 -5
- package/dist/cjs/x402/settle-payment.js.map +1 -1
- package/dist/cjs/x402/sign.js +2 -6
- package/dist/cjs/x402/sign.js.map +1 -1
- package/dist/cjs/x402/types.js.map +1 -1
- package/dist/cjs/x402/verify-payment.js +6 -5
- package/dist/cjs/x402/verify-payment.js.map +1 -1
- package/dist/esm/react/core/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/esm/react/core/hooks/usePaymentMethods.js +1 -2
- package/dist/esm/react/core/hooks/usePaymentMethods.js.map +1 -1
- package/dist/esm/react/web/hooks/transaction/useSendTransaction.js +1 -1
- package/dist/esm/react/web/hooks/transaction/useSendTransaction.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js +185 -99
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js +211 -57
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/DirectPayment.js +7 -7
- package/dist/esm/react/web/ui/Bridge/DirectPayment.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/FundWallet.js +237 -109
- package/dist/esm/react/web/ui/Bridge/FundWallet.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/QuoteLoader.js +1 -7
- package/dist/esm/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/TransactionPayment.js +16 -12
- package/dist/esm/react/web/ui/Bridge/TransactionPayment.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/TransactionWidget.js +198 -36
- package/dist/esm/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js +2 -2
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/common/WithHeader.js +4 -5
- package/dist/esm/react/web/ui/Bridge/common/WithHeader.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js +49 -0
- package/dist/esm/react/web/ui/Bridge/common/active-wallet-details.js.map +1 -0
- package/dist/esm/react/web/ui/Bridge/common/decimal-input.js +33 -0
- package/dist/esm/react/web/ui/Bridge/common/decimal-input.js.map +1 -0
- package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js +55 -0
- package/dist/esm/react/web/ui/Bridge/common/selected-token-button.js.map +1 -0
- package/dist/esm/react/web/ui/Bridge/common/token-balance.js +17 -0
- package/dist/esm/react/web/ui/Bridge/common/token-balance.js.map +1 -0
- package/dist/esm/react/web/ui/Bridge/common/token-query.js +31 -0
- package/dist/esm/react/web/ui/Bridge/common/token-query.js.map +1 -0
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js +3 -3
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentOverview.js +7 -7
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentOverview.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js +1 -4
- 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.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js +3 -3
- package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js +8 -11
- package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js +16 -144
- package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/types.js +2 -0
- package/dist/esm/react/web/ui/Bridge/types.js.map +1 -0
- package/dist/esm/react/web/ui/ConnectWallet/Details.js +4 -2
- package/dist/esm/react/web/ui/ConnectWallet/Details.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/formatTokenBalance.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js +1 -1
- package/dist/esm/react/web/ui/TransactionButton/DepositScreen.js.map +1 -1
- package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js +17 -10
- package/dist/esm/react/web/ui/TransactionButton/TransactionModal.js.map +1 -1
- package/dist/esm/react/web/ui/components/CopyIcon.js +1 -1
- package/dist/esm/react/web/ui/components/CopyIcon.js.map +1 -1
- package/dist/esm/stories/Bridge/CheckoutWidget.stories.js +112 -0
- package/dist/esm/stories/Bridge/CheckoutWidget.stories.js.map +1 -0
- package/dist/esm/stories/Bridge/ErrorBanner.stories.js +7 -111
- package/dist/esm/stories/Bridge/ErrorBanner.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/PaymentDetails.stories.js +28 -307
- package/dist/esm/stories/Bridge/PaymentDetails.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/PaymentSelection.stories.js +22 -129
- package/dist/esm/stories/Bridge/PaymentSelection.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/StepRunner.stories.js +12 -38
- package/dist/esm/stories/Bridge/StepRunner.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/SuccessScreen.stories.js +14 -102
- package/dist/esm/stories/Bridge/SuccessScreen.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/Transaction/TransactionWidget.stories.js +46 -0
- package/dist/esm/stories/Bridge/Transaction/TransactionWidget.stories.js.map +1 -0
- package/dist/esm/stories/Bridge/Transaction/useSendTransactionModal.stories.js +50 -0
- package/dist/esm/stories/Bridge/Transaction/useSendTransactionModal.stories.js.map +1 -0
- package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js +12 -80
- package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/fixtures.js +15 -56
- package/dist/esm/stories/Bridge/fixtures.js.map +1 -1
- package/dist/esm/stories/BuyWidget.stories.js +37 -9
- package/dist/esm/stories/BuyWidget.stories.js.map +1 -1
- package/dist/esm/stories/utils.js +6 -3
- package/dist/esm/stories/utils.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/x402/common.js +3 -5
- package/dist/esm/x402/common.js.map +1 -1
- package/dist/esm/x402/facilitator.js +3 -4
- package/dist/esm/x402/facilitator.js.map +1 -1
- package/dist/esm/x402/schemas.js +5 -1
- package/dist/esm/x402/schemas.js.map +1 -1
- package/dist/esm/x402/settle-payment.js +6 -5
- package/dist/esm/x402/settle-payment.js.map +1 -1
- package/dist/esm/x402/sign.js +2 -6
- package/dist/esm/x402/sign.js.map +1 -1
- package/dist/esm/x402/types.js.map +1 -1
- package/dist/esm/x402/verify-payment.js +6 -5
- package/dist/esm/x402/verify-payment.js.map +1 -1
- package/dist/scripts/bridge-widget.d.ts +3 -3
- package/dist/scripts/bridge-widget.js +113 -150
- package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts +6 -0
- package/dist/types/react/core/hooks/transaction/useSendTransaction.d.ts.map +1 -1
- package/dist/types/react/core/hooks/usePaymentMethods.d.ts +1 -2
- package/dist/types/react/core/hooks/usePaymentMethods.d.ts.map +1 -1
- package/dist/types/react/web/hooks/transaction/useSendTransaction.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts +7 -12
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts +5 -8
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts +15 -12
- package/dist/types/react/web/ui/Bridge/DirectPayment.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/FundWallet.d.ts +33 -15
- package/dist/types/react/web/ui/Bridge/FundWallet.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts +9 -12
- package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/StepRunner.d.ts +7 -7
- package/dist/types/react/web/ui/Bridge/StepRunner.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts +14 -7
- package/dist/types/react/web/ui/Bridge/TransactionPayment.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts +3 -5
- package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts +4 -3
- package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts +3 -3
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/common/WithHeader.d.ts +4 -4
- package/dist/types/react/web/ui/Bridge/common/WithHeader.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/common/active-wallet-details.d.ts +8 -0
- package/dist/types/react/web/ui/Bridge/common/active-wallet-details.d.ts.map +1 -0
- package/dist/types/react/web/ui/Bridge/common/decimal-input.d.ts +6 -0
- package/dist/types/react/web/ui/Bridge/common/decimal-input.d.ts.map +1 -0
- package/dist/types/react/web/ui/Bridge/common/selected-token-button.d.ts +13 -0
- package/dist/types/react/web/ui/Bridge/common/selected-token-button.d.ts.map +1 -0
- package/dist/types/react/web/ui/Bridge/common/token-balance.d.ts +8 -0
- package/dist/types/react/web/ui/Bridge/common/token-balance.d.ts.map +1 -0
- package/dist/types/react/web/ui/Bridge/common/token-query.d.ts +15 -0
- package/dist/types/react/web/ui/Bridge/common/token-query.d.ts.map +1 -0
- package/dist/types/react/web/ui/Bridge/payment-details/PaymentDetails.d.ts +13 -11
- package/dist/types/react/web/ui/Bridge/payment-details/PaymentDetails.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-details/PaymentOverview.d.ts +8 -3
- package/dist/types/react/web/ui/Bridge/payment-details/PaymentOverview.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts +12 -16
- 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 +1 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts +6 -6
- package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/types.d.ts +39 -0
- package/dist/types/react/web/ui/Bridge/types.d.ts.map +1 -0
- package/dist/types/react/web/ui/ConnectWallet/Details.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/formatTokenBalance.d.ts +2 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/formatTokenBalance.d.ts.map +1 -1
- package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts +0 -1
- package/dist/types/react/web/ui/TransactionButton/DepositScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts +3 -1
- package/dist/types/react/web/ui/TransactionButton/TransactionModal.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/CopyIcon.d.ts +1 -0
- package/dist/types/react/web/ui/components/CopyIcon.d.ts.map +1 -1
- package/dist/types/script-exports/bridge-widget-script.d.ts +3 -3
- package/dist/types/script-exports/bridge-widget-script.d.ts.map +1 -1
- package/dist/types/stories/Bridge/CheckoutWidget.stories.d.ts +25 -0
- package/dist/types/stories/Bridge/CheckoutWidget.stories.d.ts.map +1 -0
- package/dist/types/stories/Bridge/ErrorBanner.stories.d.ts +3 -47
- package/dist/types/stories/Bridge/ErrorBanner.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/PaymentDetails.stories.d.ts +3 -56
- package/dist/types/stories/Bridge/PaymentDetails.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/PaymentSelection.stories.d.ts +5 -63
- package/dist/types/stories/Bridge/PaymentSelection.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/StepRunner.stories.d.ts +4 -52
- package/dist/types/stories/Bridge/StepRunner.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/SuccessScreen.stories.d.ts +4 -54
- package/dist/types/stories/Bridge/SuccessScreen.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/Transaction/TransactionWidget.stories.d.ts +11 -0
- package/dist/types/stories/Bridge/Transaction/TransactionWidget.stories.d.ts.map +1 -0
- package/dist/types/stories/Bridge/Transaction/useSendTransactionModal.stories.d.ts +18 -0
- package/dist/types/stories/Bridge/Transaction/useSendTransactionModal.stories.d.ts.map +1 -0
- package/dist/types/stories/Bridge/UnsupportedTokenScreen.stories.d.ts +3 -34
- package/dist/types/stories/Bridge/UnsupportedTokenScreen.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/fixtures.d.ts +19 -17
- package/dist/types/stories/Bridge/fixtures.d.ts.map +1 -1
- package/dist/types/stories/BuyWidget.stories.d.ts +9 -1
- package/dist/types/stories/BuyWidget.stories.d.ts.map +1 -1
- package/dist/types/stories/utils.d.ts +0 -2
- package/dist/types/stories/utils.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/dist/types/x402/common.d.ts.map +1 -1
- package/dist/types/x402/facilitator.d.ts +4 -5
- package/dist/types/x402/facilitator.d.ts.map +1 -1
- package/dist/types/x402/schemas.d.ts +21 -0
- package/dist/types/x402/schemas.d.ts.map +1 -1
- package/dist/types/x402/settle-payment.d.ts.map +1 -1
- package/dist/types/x402/types.d.ts +5 -4
- package/dist/types/x402/types.d.ts.map +1 -1
- package/dist/types/x402/verify-payment.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/react/core/hooks/transaction/useSendTransaction.ts +6 -0
- package/src/react/core/hooks/usePaymentMethods.ts +1 -4
- package/src/react/web/hooks/transaction/useSendTransaction.tsx +1 -0
- package/src/react/web/ui/Bridge/BuyWidget.tsx +355 -160
- package/src/react/web/ui/Bridge/CheckoutWidget.tsx +384 -107
- package/src/react/web/ui/Bridge/DirectPayment.tsx +34 -26
- package/src/react/web/ui/Bridge/FundWallet.tsx +610 -266
- package/src/react/web/ui/Bridge/QuoteLoader.tsx +10 -20
- package/src/react/web/ui/Bridge/StepRunner.tsx +7 -7
- package/src/react/web/ui/Bridge/TransactionPayment.tsx +35 -25
- package/src/react/web/ui/Bridge/TransactionWidget.tsx +395 -71
- package/src/react/web/ui/Bridge/UnsupportedTokenScreen.tsx +3 -3
- package/src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx +16 -14
- package/src/react/web/ui/Bridge/common/WithHeader.tsx +13 -19
- package/src/react/web/ui/Bridge/common/active-wallet-details.tsx +103 -0
- package/src/react/web/ui/Bridge/common/decimal-input.tsx +61 -0
- package/src/react/web/ui/Bridge/common/selected-token-button.tsx +168 -0
- package/src/react/web/ui/Bridge/common/token-balance.tsx +23 -0
- package/src/react/web/ui/Bridge/common/token-query.ts +49 -0
- package/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx +23 -14
- package/src/react/web/ui/Bridge/payment-details/PaymentOverview.tsx +36 -22
- package/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx +11 -22
- package/src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx +1 -1
- package/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx +7 -8
- package/src/react/web/ui/Bridge/swap-widget/SwapWidget.tsx +14 -12
- package/src/react/web/ui/Bridge/swap-widget/swap-ui.tsx +19 -332
- package/src/react/web/ui/Bridge/types.ts +47 -0
- package/src/react/web/ui/ConnectWallet/Details.tsx +3 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.tsx +1 -5
- package/src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts +5 -1
- package/src/react/web/ui/TransactionButton/DepositScreen.tsx +1 -2
- package/src/react/web/ui/TransactionButton/TransactionModal.tsx +44 -27
- package/src/react/web/ui/components/CopyIcon.tsx +11 -2
- package/src/script-exports/bridge-widget-script.tsx +3 -3
- package/src/script-exports/readme.md +1 -8
- package/src/stories/Bridge/CheckoutWidget.stories.tsx +147 -0
- package/src/stories/Bridge/ErrorBanner.stories.tsx +13 -138
- package/src/stories/Bridge/PaymentDetails.stories.tsx +34 -349
- package/src/stories/Bridge/PaymentSelection.stories.tsx +28 -156
- package/src/stories/Bridge/StepRunner.stories.tsx +18 -65
- package/src/stories/Bridge/SuccessScreen.stories.tsx +21 -130
- package/src/stories/Bridge/Transaction/TransactionWidget.stories.tsx +63 -0
- package/src/stories/Bridge/Transaction/useSendTransactionModal.stories.tsx +68 -0
- package/src/stories/Bridge/UnsupportedTokenScreen.stories.tsx +19 -108
- package/src/stories/Bridge/fixtures.ts +36 -63
- package/src/stories/BuyWidget.stories.tsx +103 -8
- package/src/stories/utils.tsx +16 -9
- package/src/version.ts +1 -1
- package/src/x402/common.ts +2 -5
- package/src/x402/facilitator.ts +8 -8
- package/src/x402/schemas.ts +10 -0
- package/src/x402/settle-payment.ts +7 -6
- package/src/x402/sign.ts +3 -8
- package/src/x402/types.ts +5 -4
- package/src/x402/verify-payment.ts +7 -6
- package/dist/cjs/react/core/machines/paymentMachine.js +0 -191
- package/dist/cjs/react/core/machines/paymentMachine.js.map +0 -1
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js +0 -129
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js.map +0 -1
- package/dist/cjs/stories/Bridge/BridgeOrchestrator.stories.js +0 -258
- package/dist/cjs/stories/Bridge/BridgeOrchestrator.stories.js.map +0 -1
- package/dist/cjs/stories/Bridge/DirectPayment.stories.js +0 -222
- package/dist/cjs/stories/Bridge/DirectPayment.stories.js.map +0 -1
- package/dist/cjs/stories/Bridge/FundWallet.stories.js +0 -201
- package/dist/cjs/stories/Bridge/FundWallet.stories.js.map +0 -1
- package/dist/cjs/stories/Bridge/TransactionPayment.stories.js +0 -168
- package/dist/cjs/stories/Bridge/TransactionPayment.stories.js.map +0 -1
- package/dist/esm/react/core/machines/paymentMachine.js +0 -188
- package/dist/esm/react/core/machines/paymentMachine.js.map +0 -1
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js +0 -126
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js.map +0 -1
- package/dist/esm/stories/Bridge/BridgeOrchestrator.stories.js +0 -255
- package/dist/esm/stories/Bridge/BridgeOrchestrator.stories.js.map +0 -1
- package/dist/esm/stories/Bridge/DirectPayment.stories.js +0 -219
- package/dist/esm/stories/Bridge/DirectPayment.stories.js.map +0 -1
- package/dist/esm/stories/Bridge/FundWallet.stories.js +0 -198
- package/dist/esm/stories/Bridge/FundWallet.stories.js.map +0 -1
- package/dist/esm/stories/Bridge/TransactionPayment.stories.js +0 -165
- package/dist/esm/stories/Bridge/TransactionPayment.stories.js.map +0 -1
- package/dist/types/react/core/machines/paymentMachine.d.ts +0 -89
- package/dist/types/react/core/machines/paymentMachine.d.ts.map +0 -1
- package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts +0 -99
- package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts.map +0 -1
- package/dist/types/stories/Bridge/BridgeOrchestrator.stories.d.ts +0 -97
- package/dist/types/stories/Bridge/BridgeOrchestrator.stories.d.ts.map +0 -1
- package/dist/types/stories/Bridge/DirectPayment.stories.d.ts +0 -69
- package/dist/types/stories/Bridge/DirectPayment.stories.d.ts.map +0 -1
- package/dist/types/stories/Bridge/FundWallet.stories.d.ts +0 -67
- package/dist/types/stories/Bridge/FundWallet.stories.d.ts.map +0 -1
- package/dist/types/stories/Bridge/TransactionPayment.stories.d.ts +0 -60
- package/dist/types/stories/Bridge/TransactionPayment.stories.d.ts.map +0 -1
- package/src/react/core/machines/paymentMachine.test.ts +0 -519
- package/src/react/core/machines/paymentMachine.ts +0 -295
- package/src/react/web/ui/Bridge/BridgeOrchestrator.tsx +0 -425
- package/src/stories/Bridge/BridgeOrchestrator.stories.tsx +0 -298
- package/src/stories/Bridge/DirectPayment.stories.tsx +0 -256
- package/src/stories/Bridge/FundWallet.stories.tsx +0 -227
- package/src/stories/Bridge/TransactionPayment.stories.tsx +0 -202
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.TransactionWidget = TransactionWidget;
|
|
5
|
+
exports.TransactionWidgetContentWrapper = TransactionWidgetContentWrapper;
|
|
5
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
7
|
const react_query_1 = require("@tanstack/react-query");
|
|
8
|
+
const react_1 = require("react");
|
|
7
9
|
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
8
10
|
const addresses_js_1 = require("../../../../constants/addresses.js");
|
|
9
11
|
const get_token_js_1 = require("../../../../pay/convert/get-token.js");
|
|
@@ -13,6 +15,7 @@ const json_js_1 = require("../../../../utils/json.js");
|
|
|
13
15
|
const units_js_1 = require("../../../../utils/units.js");
|
|
14
16
|
const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
|
|
15
17
|
const index_js_1 = require("../../../core/design-system/index.js");
|
|
18
|
+
const WindowAdapter_js_1 = require("../../adapters/WindowAdapter.js");
|
|
16
19
|
const AccentFailIcon_js_1 = require("../ConnectWallet/icons/AccentFailIcon.js");
|
|
17
20
|
const getConnectLocale_js_1 = require("../ConnectWallet/locale/getConnectLocale.js");
|
|
18
21
|
const ConnectEmbed_js_1 = require("../ConnectWallet/Modal/ConnectEmbed.js");
|
|
@@ -20,7 +23,14 @@ const DynamicHeight_js_1 = require("../components/DynamicHeight.js");
|
|
|
20
23
|
const Spacer_js_1 = require("../components/Spacer.js");
|
|
21
24
|
const Spinner_js_1 = require("../components/Spinner.js");
|
|
22
25
|
const text_js_1 = require("../components/text.js");
|
|
23
|
-
const
|
|
26
|
+
const ExecutingScreen_js_1 = require("../TransactionButton/ExecutingScreen.js");
|
|
27
|
+
const ErrorBanner_js_1 = require("./ErrorBanner.js");
|
|
28
|
+
const PaymentDetails_js_1 = require("./payment-details/PaymentDetails.js");
|
|
29
|
+
const PaymentSelection_js_1 = require("./payment-selection/PaymentSelection.js");
|
|
30
|
+
const SuccessScreen_js_1 = require("./payment-success/SuccessScreen.js");
|
|
31
|
+
const QuoteLoader_js_1 = require("./QuoteLoader.js");
|
|
32
|
+
const StepRunner_js_1 = require("./StepRunner.js");
|
|
33
|
+
const TransactionPayment_js_1 = require("./TransactionPayment.js");
|
|
24
34
|
const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
|
|
25
35
|
/**
|
|
26
36
|
* Widget a prebuilt UI for purchasing a specific token.
|
|
@@ -135,8 +145,9 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
|
|
|
135
145
|
* @bridge
|
|
136
146
|
*/
|
|
137
147
|
function TransactionWidget(props) {
|
|
138
|
-
|
|
139
|
-
|
|
148
|
+
return ((0, jsx_runtime_1.jsx)(TransactionWidgetContainer, { theme: props.theme, className: props.className, style: props.style, children: (0, jsx_runtime_1.jsx)(TransactionWidgetContentWrapper, { ...props }) }));
|
|
149
|
+
}
|
|
150
|
+
function TransactionWidgetContentWrapper(props) {
|
|
140
151
|
(0, react_query_1.useQuery)({
|
|
141
152
|
queryFn: () => {
|
|
142
153
|
(0, pay_js_1.trackPayEvent)({
|
|
@@ -149,7 +160,8 @@ function TransactionWidget(props) {
|
|
|
149
160
|
},
|
|
150
161
|
queryKey: ["transaction_widget:render"],
|
|
151
162
|
});
|
|
152
|
-
const
|
|
163
|
+
const localQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
|
|
164
|
+
const txQuery = (0, react_query_1.useQuery)({
|
|
153
165
|
queryFn: async () => {
|
|
154
166
|
let erc20Value = props.transaction.erc20Value;
|
|
155
167
|
if (props.amount) {
|
|
@@ -163,8 +175,6 @@ function TransactionWidget(props) {
|
|
|
163
175
|
});
|
|
164
176
|
if (!token) {
|
|
165
177
|
return {
|
|
166
|
-
chain: props.transaction.chain,
|
|
167
|
-
tokenAddress: (0, address_js_1.checksumAddress)(tokenAddress),
|
|
168
178
|
type: "unsupported_token",
|
|
169
179
|
};
|
|
170
180
|
}
|
|
@@ -178,55 +188,208 @@ function TransactionWidget(props) {
|
|
|
178
188
|
erc20Value,
|
|
179
189
|
});
|
|
180
190
|
return {
|
|
181
|
-
|
|
182
|
-
currency: props.currency || "USD",
|
|
183
|
-
buttonLabel: props.buttonLabel,
|
|
184
|
-
metadata: {
|
|
185
|
-
description: props.description,
|
|
186
|
-
image: props.image,
|
|
187
|
-
title: props.title,
|
|
188
|
-
},
|
|
189
|
-
mode: "transaction",
|
|
190
|
-
transaction,
|
|
191
|
-
},
|
|
191
|
+
transaction,
|
|
192
192
|
type: "success",
|
|
193
193
|
};
|
|
194
194
|
},
|
|
195
|
-
queryKey: ["
|
|
195
|
+
queryKey: ["transaction-query", (0, json_js_1.stringify)(props)],
|
|
196
196
|
retry: 1,
|
|
197
197
|
});
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
198
|
+
// if branding is disabled for widget, disable it for connect options too
|
|
199
|
+
const connectOptions = (0, react_1.useMemo)(() => {
|
|
200
|
+
if (props.showThirdwebBranding === false) {
|
|
201
|
+
return {
|
|
202
|
+
...props.connectOptions,
|
|
203
|
+
connectModal: {
|
|
204
|
+
...props.connectOptions?.connectModal,
|
|
205
|
+
showThirdwebBranding: props.showThirdwebBranding,
|
|
206
|
+
},
|
|
207
|
+
};
|
|
208
|
+
}
|
|
209
|
+
return props.connectOptions;
|
|
210
|
+
}, [props.connectOptions, props.showThirdwebBranding]);
|
|
211
|
+
if (txQuery.isPending || !localQuery.data) {
|
|
212
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
201
213
|
alignItems: "center",
|
|
202
214
|
display: "flex",
|
|
203
215
|
justifyContent: "center",
|
|
204
216
|
minHeight: "350px",
|
|
205
217
|
}, children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { color: "secondaryText", size: "xl" }) }));
|
|
206
218
|
}
|
|
207
|
-
else if (
|
|
208
|
-
|
|
219
|
+
else if (txQuery.error) {
|
|
220
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
209
221
|
alignItems: "center",
|
|
210
222
|
display: "flex",
|
|
211
223
|
flexDirection: "column",
|
|
212
224
|
justifyContent: "center",
|
|
213
225
|
minHeight: "350px",
|
|
214
|
-
}, children: [(0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { 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, { color: "secondaryText", size: "md", children:
|
|
226
|
+
}, children: [(0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { 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, { color: "secondaryText", size: "md", children: txQuery.error.message })] }));
|
|
227
|
+
}
|
|
228
|
+
else if (txQuery.data?.type === "unsupported_token") {
|
|
229
|
+
return ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: props.transaction.chain, client: props.client, tokenAddress: props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS }));
|
|
230
|
+
}
|
|
231
|
+
else if (txQuery.data?.type === "success") {
|
|
232
|
+
return ((0, jsx_runtime_1.jsx)(TransactionWidgetContent, { ...props, connectOptions: connectOptions, connectLocale: localQuery.data, transaction: txQuery.data.transaction, currency: props.currency || "USD", paymentMethods: props.paymentMethods || ["crypto", "card"], showThirdwebBranding: props.showThirdwebBranding === undefined
|
|
233
|
+
? true
|
|
234
|
+
: props.showThirdwebBranding }));
|
|
235
|
+
}
|
|
236
|
+
return null;
|
|
237
|
+
}
|
|
238
|
+
function TransactionWidgetContent(props) {
|
|
239
|
+
const [screen, setScreen] = (0, react_1.useState)({
|
|
240
|
+
id: "init-ui",
|
|
241
|
+
});
|
|
242
|
+
const handleError = (0, react_1.useCallback)((error) => {
|
|
243
|
+
console.error(error);
|
|
244
|
+
props.onError?.(error);
|
|
245
|
+
setScreen({
|
|
246
|
+
id: "error",
|
|
247
|
+
error,
|
|
248
|
+
});
|
|
249
|
+
}, [props.onError]);
|
|
250
|
+
if (screen.id === "init-ui") {
|
|
251
|
+
return ((0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { client: props.client, metadata: {
|
|
252
|
+
title: props.title,
|
|
253
|
+
description: props.description,
|
|
254
|
+
image: props.image,
|
|
255
|
+
}, connectOptions: props.connectOptions, onContinue: (destinationAmount, destinationToken, receiverAddress) => {
|
|
256
|
+
setScreen({
|
|
257
|
+
id: "buy:1.methodSelection",
|
|
258
|
+
destinationAmount,
|
|
259
|
+
destinationToken,
|
|
260
|
+
transaction: props.transaction,
|
|
261
|
+
receiverAddress,
|
|
262
|
+
});
|
|
263
|
+
}, onExecuteTransaction: () => {
|
|
264
|
+
setScreen({
|
|
265
|
+
id: "execute-tx",
|
|
266
|
+
transaction: props.transaction,
|
|
267
|
+
});
|
|
268
|
+
}, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, buttonLabel: props.buttonLabel, transaction: props.transaction }));
|
|
269
|
+
}
|
|
270
|
+
if (screen.id === "buy:1.methodSelection") {
|
|
271
|
+
return ((0, jsx_runtime_1.jsx)(PaymentSelection_js_1.PaymentSelection
|
|
272
|
+
// from props
|
|
273
|
+
, {
|
|
274
|
+
// from props
|
|
275
|
+
client: props.client, connectLocale: props.connectLocale, connectOptions: props.connectOptions, paymentMethods: props.paymentMethods, currency: props.currency, supportedTokens: props.supportedTokens, country: props.country,
|
|
276
|
+
// others
|
|
277
|
+
feePayer: undefined, destinationToken: screen.destinationToken, destinationAmount: screen.destinationAmount, receiverAddress: screen.receiverAddress, onBack: () => {
|
|
278
|
+
setScreen({ id: "init-ui" });
|
|
279
|
+
}, onError: (error) => {
|
|
280
|
+
handleError(error);
|
|
281
|
+
}, onPaymentMethodSelected: (paymentMethod) => {
|
|
282
|
+
setScreen({
|
|
283
|
+
...screen,
|
|
284
|
+
id: "buy:2.load-quote",
|
|
285
|
+
paymentMethod,
|
|
286
|
+
});
|
|
287
|
+
} }));
|
|
215
288
|
}
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
289
|
+
if (screen.id === "buy:2.load-quote") {
|
|
290
|
+
return ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.QuoteLoader
|
|
291
|
+
// from props
|
|
292
|
+
, {
|
|
293
|
+
// from props
|
|
294
|
+
paymentLinkId: props.paymentLinkId, purchaseData: props.purchaseData, client: props.client,
|
|
295
|
+
// others
|
|
296
|
+
feePayer: undefined, sender: undefined, mode: "transaction", amount: screen.destinationAmount, destinationToken: screen.destinationToken, onBack: () => {
|
|
297
|
+
setScreen({
|
|
298
|
+
...screen,
|
|
299
|
+
id: "buy:1.methodSelection",
|
|
300
|
+
});
|
|
301
|
+
}, onError: (error) => {
|
|
302
|
+
handleError(error);
|
|
303
|
+
}, onQuoteReceived: (preparedQuote, request) => {
|
|
304
|
+
setScreen({
|
|
305
|
+
...screen,
|
|
306
|
+
id: "buy:3.preview",
|
|
307
|
+
preparedQuote,
|
|
308
|
+
request,
|
|
309
|
+
});
|
|
310
|
+
}, paymentMethod: screen.paymentMethod, receiver: screen.receiverAddress }));
|
|
311
|
+
}
|
|
312
|
+
if (screen.id === "buy:3.preview") {
|
|
313
|
+
return ((0, jsx_runtime_1.jsx)(PaymentDetails_js_1.PaymentDetails
|
|
314
|
+
// from props
|
|
315
|
+
, {
|
|
316
|
+
// from props
|
|
317
|
+
client: props.client, currency: props.currency, metadata: {
|
|
318
|
+
title: props.title,
|
|
319
|
+
description: props.description,
|
|
320
|
+
},
|
|
321
|
+
// others
|
|
322
|
+
confirmButtonLabel: undefined, onBack: () => {
|
|
323
|
+
setScreen({
|
|
324
|
+
...screen,
|
|
325
|
+
id: "buy:1.methodSelection",
|
|
326
|
+
});
|
|
327
|
+
}, onConfirm: () => {
|
|
328
|
+
setScreen({
|
|
329
|
+
...screen,
|
|
330
|
+
id: "buy:4.execute-buy",
|
|
331
|
+
});
|
|
332
|
+
}, onError: (error) => {
|
|
333
|
+
handleError(error);
|
|
334
|
+
}, paymentMethod: screen.paymentMethod, preparedQuote: screen.preparedQuote, modeInfo: {
|
|
335
|
+
mode: "transaction",
|
|
336
|
+
transaction: screen.transaction,
|
|
337
|
+
} }));
|
|
338
|
+
}
|
|
339
|
+
if (screen.id === "buy:4.execute-buy") {
|
|
340
|
+
return ((0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner
|
|
341
|
+
// from props
|
|
342
|
+
, {
|
|
343
|
+
// from props
|
|
344
|
+
client: props.client,
|
|
345
|
+
// others
|
|
346
|
+
title: undefined, preparedQuote: screen.preparedQuote, autoStart: true, onBack: () => {
|
|
347
|
+
setScreen({
|
|
348
|
+
...screen,
|
|
349
|
+
id: "buy:3.preview",
|
|
350
|
+
});
|
|
351
|
+
}, onCancel: () => {
|
|
352
|
+
props.onCancel?.();
|
|
353
|
+
}, onComplete: (completedStatuses) => {
|
|
354
|
+
setScreen({
|
|
355
|
+
...screen,
|
|
356
|
+
id: "buy:5.success",
|
|
357
|
+
completedStatuses,
|
|
358
|
+
});
|
|
359
|
+
}, request: screen.request, wallet: screen.paymentMethod.payerWallet, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
|
|
219
360
|
}
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
361
|
+
if (screen.id === "buy:5.success") {
|
|
362
|
+
return ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen
|
|
363
|
+
// from props
|
|
364
|
+
, {
|
|
365
|
+
// from props
|
|
366
|
+
client: props.client, hasPaymentId: !!props.paymentLinkId,
|
|
367
|
+
// others
|
|
368
|
+
completedStatuses: screen.completedStatuses, onDone: () => {
|
|
369
|
+
setScreen({ id: "execute-tx", transaction: screen.transaction });
|
|
370
|
+
}, preparedQuote: screen.preparedQuote, showContinueWithTx: true, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
|
|
371
|
+
}
|
|
372
|
+
if (screen.id === "error") {
|
|
373
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: props.client, error: screen.error, onCancel: () => {
|
|
374
|
+
setScreen({ id: "init-ui" });
|
|
223
375
|
props.onCancel?.();
|
|
224
|
-
},
|
|
225
|
-
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
|
|
376
|
+
}, onRetry: () => {
|
|
377
|
+
setScreen({ id: "init-ui" });
|
|
378
|
+
} }));
|
|
379
|
+
}
|
|
380
|
+
if (screen.id === "execute-tx") {
|
|
381
|
+
return ((0, jsx_runtime_1.jsx)(ExecutingScreen_js_1.ExecutingTxScreen, { closeModal: () => {
|
|
382
|
+
setScreen({ id: "init-ui" });
|
|
383
|
+
}, onTxSent: (data) => {
|
|
384
|
+
props.onSuccess?.(data);
|
|
385
|
+
}, tx: screen.transaction, windowAdapter: WindowAdapter_js_1.webWindowAdapter }));
|
|
229
386
|
}
|
|
230
|
-
return
|
|
387
|
+
return null;
|
|
388
|
+
}
|
|
389
|
+
/**
|
|
390
|
+
* @internal
|
|
391
|
+
*/
|
|
392
|
+
function TransactionWidgetContainer(props) {
|
|
393
|
+
return ((0, jsx_runtime_1.jsx)(CustomThemeProvider_js_1.CustomThemeProvider, { theme: props.theme || "dark", children: (0, jsx_runtime_1.jsx)(ConnectEmbed_js_1.EmbedContainer, { className: props.className, modalSize: "compact", style: props.style, children: (0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { children: props.children }) }) }));
|
|
231
394
|
}
|
|
232
395
|
//# sourceMappingURL=TransactionWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -76,8 +76,8 @@ function BridgeWidget(props) {
|
|
|
76
76
|
}, children: [(0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "swap", onClick: () => setTab("swap"), children: "Swap" }), (0, jsx_runtime_1.jsx)(TabButton, { isActive: tab === "buy", onClick: () => setTab("buy"), children: "Buy" })] }), tab === "swap" && ((0, jsx_runtime_1.jsx)(SwapWidget_js_1.SwapWidget, { client: props.client, prefill: props.swap?.prefill, className: props.swap?.className, showThirdwebBranding: props.showThirdwebBranding, currency: props.currency, theme: props.theme, onSuccess: props.swap?.onSuccess, onError: props.swap?.onError, onCancel: props.swap?.onCancel, onDisconnect: props.swap?.onDisconnect, persistTokenSelections: props.swap?.persistTokenSelections, style: {
|
|
77
77
|
border: "none",
|
|
78
78
|
...props.swap?.style,
|
|
79
|
-
} })), tab === "buy" && ((0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: props.client, amount: props.buy
|
|
80
|
-
, tokenAddress: props.buy
|
|
79
|
+
} })), tab === "buy" && ((0, jsx_runtime_1.jsx)(BuyWidget_js_1.BuyWidget, { client: props.client, amount: props.buy?.amount, showThirdwebBranding: props.showThirdwebBranding, chain: props.buy?.chainId ? (0, utils_js_1.defineChain)(props.buy.chainId) : undefined, currency: props.currency, theme: props.theme, title: "" // Keep it empty string to hide the title
|
|
80
|
+
, tokenAddress: props.buy?.tokenAddress, buttonLabel: props.buy?.buttonLabel, className: props.buy?.className, country: props.buy?.country, onCancel: props.buy?.onCancel, onError: props.buy?.onError, onSuccess: props.buy?.onSuccess, presetOptions: props.buy?.presetOptions, purchaseData: props.buy?.purchaseData, paymentMethods: ["card"], style: {
|
|
81
81
|
border: "none",
|
|
82
82
|
} }))] }) }));
|
|
83
83
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":";;AAiPA,
|
|
1
|
+
{"version":3,"file":"bridge-widget.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,19 +8,18 @@ const index_js_1 = require("../../../../core/design-system/index.js");
|
|
|
8
8
|
const basic_js_1 = require("../../components/basic.js");
|
|
9
9
|
const Spacer_js_1 = require("../../components/Spacer.js");
|
|
10
10
|
const text_js_1 = require("../../components/text.js");
|
|
11
|
-
function WithHeader(
|
|
11
|
+
function WithHeader(props) {
|
|
12
12
|
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
|
13
|
-
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", children: [uiOptions.metadata?.image && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", children: [props.image && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
15
14
|
aspectRatio: "16/9",
|
|
16
15
|
backgroundColor: theme.colors.tertiaryBg,
|
|
17
|
-
backgroundImage: `url(${getUrl(client,
|
|
16
|
+
backgroundImage: `url(${getUrl(props.client, props.image)})`,
|
|
18
17
|
backgroundPosition: "center",
|
|
19
18
|
backgroundSize: "cover",
|
|
20
19
|
borderRadius: `${index_js_1.radius.md} ${index_js_1.radius.md} 0 0`,
|
|
21
20
|
overflow: "hidden",
|
|
22
21
|
width: "100%",
|
|
23
|
-
} })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", px: "md", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md
|
|
22
|
+
} })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", px: "md", children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (props.title || props.description) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.title && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", weight: 600, children: props.title })), props.description && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxs" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "sm", multiline: true, children: props.description })] })), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })), props.children] })] }));
|
|
24
23
|
}
|
|
25
24
|
function getUrl(client, uri) {
|
|
26
25
|
if (!uri.startsWith("ipfs://")) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"WithHeader.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/WithHeader.tsx"],"names":[],"mappings":";;AAQA,gCAyDC;;AAhED,0DAA6D;AAC7D,kGAAuF;AACvF,sEAAiE;AACjE,wDAAsD;AACtD,0DAAoD;AACpD,sDAAgD;AAEhD,SAAgB,UAAU,CAAC,KAM1B;IACC,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,aAErB,KAAK,CAAC,KAAK,IAAI,CACd,gCACE,KAAK,EAAE;oBACL,WAAW,EAAE,MAAM;oBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;oBACxC,eAAe,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;oBAC5D,kBAAkB,EAAE,QAAQ;oBAC5B,cAAc,EAAE,OAAO;oBACvB,YAAY,EAAE,GAAG,iBAAM,CAAC,EAAE,IAAI,iBAAM,CAAC,EAAE,MAAM;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM;iBACd,GACD,CACH,EAED,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,aAC9B,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAEhB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,CACrC,6DAEG,KAAK,CAAC,KAAK,IAAI,CACd,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,YAC5C,KAAK,CAAC,KAAK,GACP,CACR,EAGA,KAAK,CAAC,WAAW,IAAI,CACpB,6DACE,uBAAC,kBAAM,IAAC,CAAC,EAAC,KAAK,GAAG,EAClB,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,kBAC5C,KAAK,CAAC,WAAW,GACb,IACN,CACJ,EAED,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IAChB,CACJ,EAEA,KAAK,CAAC,QAAQ,IACL,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,MAAsB,EAAE,GAAW;IACjD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,IAAA,uBAAa,EAAC;QACnB,MAAM;QACN,GAAG;KACJ,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ActiveWalletDetails = ActiveWalletDetails;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const styled_1 = require("@emotion/styled");
|
|
6
|
+
const address_js_1 = require("../../../../../utils/address.js");
|
|
7
|
+
const provider_js_1 = require("../../../../core/account/provider.js");
|
|
8
|
+
const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
|
|
9
|
+
const index_js_1 = require("../../../../core/design-system/index.js");
|
|
10
|
+
const provider_js_2 = require("../../../../core/wallet/provider.js");
|
|
11
|
+
const basic_js_1 = require("../../components/basic.js");
|
|
12
|
+
const buttons_js_1 = require("../../components/buttons.js");
|
|
13
|
+
const avatar_js_1 = require("../../prebuilt/Account/avatar.js");
|
|
14
|
+
const blobbie_js_1 = require("../../prebuilt/Account/blobbie.js");
|
|
15
|
+
const name_js_1 = require("../../prebuilt/Account/name.js");
|
|
16
|
+
const icon_js_1 = require("../../prebuilt/Wallet/icon.js");
|
|
17
|
+
function ActiveWalletDetails(props) {
|
|
18
|
+
const wallet = props.activeWalletInfo.activeWallet;
|
|
19
|
+
const account = props.activeWalletInfo.activeAccount;
|
|
20
|
+
const accountBlobbie = ((0, jsx_runtime_1.jsx)(blobbie_js_1.AccountBlobbie, { style: {
|
|
21
|
+
width: `${index_js_1.iconSize.xs}px`,
|
|
22
|
+
height: `${index_js_1.iconSize.xs}px`,
|
|
23
|
+
borderRadius: index_js_1.radius.full,
|
|
24
|
+
} }));
|
|
25
|
+
const accountAvatarFallback = ((0, jsx_runtime_1.jsx)(icon_js_1.WalletIcon, { style: {
|
|
26
|
+
width: `${index_js_1.iconSize.xs}px`,
|
|
27
|
+
height: `${index_js_1.iconSize.xs}px`,
|
|
28
|
+
}, fallbackComponent: accountBlobbie, loadingComponent: accountBlobbie }));
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(WalletButton, { variant: "ghost-solid", style: {
|
|
30
|
+
paddingInline: index_js_1.spacing.xxs,
|
|
31
|
+
paddingBlock: "2px",
|
|
32
|
+
}, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(provider_js_1.AccountProvider, { address: account.address, client: props.client, children: (0, jsx_runtime_1.jsx)(provider_js_2.WalletProvider, { id: wallet.id, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xxs", center: "y", children: [(0, jsx_runtime_1.jsx)(avatar_js_1.AccountAvatar, { style: {
|
|
33
|
+
width: `${index_js_1.iconSize.xs}px`,
|
|
34
|
+
height: `${index_js_1.iconSize.xs}px`,
|
|
35
|
+
borderRadius: index_js_1.radius.full,
|
|
36
|
+
objectFit: "cover",
|
|
37
|
+
}, fallbackComponent: accountAvatarFallback, loadingComponent: accountAvatarFallback }), (0, jsx_runtime_1.jsx)("span", { style: {
|
|
38
|
+
fontSize: index_js_1.fontSize.xs,
|
|
39
|
+
letterSpacing: "0.025em",
|
|
40
|
+
}, children: (0, jsx_runtime_1.jsx)(name_js_1.AccountName, { fallbackComponent: (0, jsx_runtime_1.jsx)("span", { children: (0, address_js_1.shortenAddress)(account.address) }), loadingComponent: (0, jsx_runtime_1.jsx)("span", { children: (0, address_js_1.shortenAddress)(account.address) }) }) })] }) }) }) }));
|
|
41
|
+
}
|
|
42
|
+
const WalletButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)(() => {
|
|
43
|
+
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
|
44
|
+
return {
|
|
45
|
+
color: theme.colors.secondaryText,
|
|
46
|
+
transition: "color 200ms ease",
|
|
47
|
+
"&:hover": {
|
|
48
|
+
color: theme.colors.primaryText,
|
|
49
|
+
},
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=active-wallet-details.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"active-wallet-details.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/active-wallet-details.tsx"],"names":[],"mappings":";;AAoBA,kDAuEC;;AA3FD,4CAAqC;AAErC,gEAAiE;AACjE,sEAAuE;AACvE,kGAAuF;AACvF,sEAKiD;AACjD,qEAAqE;AACrE,wDAAsD;AACtD,4DAAqD;AACrD,gEAAiE;AACjE,kEAAmE;AACnE,4DAA6D;AAC7D,2DAA2D;AAG3D,SAAgB,mBAAmB,CAAC,KAInC;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAErD,MAAM,cAAc,GAAG,CACrB,uBAAC,2BAAc,IACb,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YAC1B,YAAY,EAAE,iBAAM,CAAC,IAAI;SAC1B,GACD,CACH,CAAC;IACF,MAAM,qBAAqB,GAAG,CAC5B,uBAAC,oBAAU,IACT,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;YACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;SAC3B,EACD,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,cAAc,GAChC,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,YAAY,IACX,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACL,aAAa,EAAE,kBAAO,CAAC,GAAG;YAC1B,YAAY,EAAE,KAAK;SACpB,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,uBAAC,6BAAe,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7D,uBAAC,4BAAc,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,YAC3B,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,aACxC,uBAAC,yBAAa,IACZ,KAAK,EAAE;gCACL,KAAK,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;gCACzB,MAAM,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI;gCAC1B,YAAY,EAAE,iBAAM,CAAC,IAAI;gCACzB,SAAS,EAAE,OAAO;6BACnB,EACD,iBAAiB,EAAE,qBAAqB,EACxC,gBAAgB,EAAE,qBAAqB,GACvC,EAEF,iCACE,KAAK,EAAE;gCACL,QAAQ,EAAE,mBAAQ,CAAC,EAAE;gCACrB,aAAa,EAAE,SAAS;6BACzB,YAED,uBAAC,qBAAW,IACV,iBAAiB,EACf,2CAAO,IAAA,2BAAc,EAAC,OAAO,CAAC,OAAO,CAAC,GAAQ,EAEhD,gBAAgB,EACd,2CAAO,IAAA,2BAAc,EAAC,OAAO,CAAC,OAAO,CAAC,GAAQ,GAEhD,GACG,IACG,GACG,GACD,GACL,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC,GAAG,EAAE;IACvD,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;QACjC,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;SAChC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DecimalInput = DecimalInput;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const formElements_js_1 = require("../../components/formElements.js");
|
|
6
|
+
function DecimalInput(props) {
|
|
7
|
+
const handleAmountChange = (inputValue) => {
|
|
8
|
+
let processedValue = inputValue;
|
|
9
|
+
// Replace comma with period if it exists
|
|
10
|
+
processedValue = processedValue.replace(",", ".");
|
|
11
|
+
if (processedValue.startsWith(".")) {
|
|
12
|
+
processedValue = `0${processedValue}`;
|
|
13
|
+
}
|
|
14
|
+
const numValue = Number(processedValue);
|
|
15
|
+
if (Number.isNaN(numValue)) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (processedValue.length > 1 &&
|
|
19
|
+
processedValue.startsWith("0") &&
|
|
20
|
+
!processedValue.startsWith("0.")) {
|
|
21
|
+
props.setValue(processedValue.slice(1));
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
props.setValue(processedValue);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(formElements_js_1.Input, { ...props, inputMode: "decimal", onChange: (e) => {
|
|
28
|
+
handleAmountChange(e.target.value);
|
|
29
|
+
}, onClick: (e) => {
|
|
30
|
+
// put cursor at the end of the input
|
|
31
|
+
if (props.value === "") {
|
|
32
|
+
e.currentTarget.setSelectionRange(e.currentTarget.value.length, e.currentTarget.value.length);
|
|
33
|
+
}
|
|
34
|
+
}, pattern: "^[0-9]*[.,]?[0-9]*$", placeholder: "0.0", type: "text", variant: "transparent" }));
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=decimal-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decimal-input.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/decimal-input.tsx"],"names":[],"mappings":";;AAIA,oCAwDC;;AA5DD,sEAAyD;AAIzD,SAAgB,YAAY,CAC1B,KAKC;IAED,MAAM,kBAAkB,GAAG,CAAC,UAAkB,EAAE,EAAE;QAChD,IAAI,cAAc,GAAG,UAAU,CAAC;QAEhC,yCAAyC;QACzC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;QACxC,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QACxC,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IACE,cAAc,CAAC,MAAM,GAAG,CAAC;YACzB,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC;YAC9B,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAChC,CAAC;YACD,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAK,OACA,KAAK,EACT,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,qCAAqC;YACrC,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;gBACvB,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAC/B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAC5B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAC7B,CAAC;YACJ,CAAC;QACH,CAAC,EACD,OAAO,EAAC,qBAAqB,EAC7B,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACrB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SelectedTokenButton = SelectedTokenButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_icons_1 = require("@radix-ui/react-icons");
|
|
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 Img_js_1 = require("../../components/Img.js");
|
|
11
|
+
const Skeleton_js_1 = require("../../components/Skeleton.js");
|
|
12
|
+
const text_js_1 = require("../../components/text.js");
|
|
13
|
+
const utils_js_1 = require("../swap-widget/utils.js");
|
|
14
|
+
function SelectedTokenButton(props) {
|
|
15
|
+
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: "ghost-solid", hoverBg: "secondaryButtonBg", fullWidth: true, onClick: props.onSelectToken, gap: "sm", style: {
|
|
17
|
+
borderBottom: `1px dashed ${theme.colors.borderColor}`,
|
|
18
|
+
justifyContent: "space-between",
|
|
19
|
+
paddingInline: index_js_1.spacing.md,
|
|
20
|
+
paddingBlock: index_js_1.spacing.md,
|
|
21
|
+
borderRadius: 0,
|
|
22
|
+
}, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { gap: "sm", flex: "row", center: "y", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { relative: true, color: "secondaryText", children: [props.selectedToken ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.selectedToken?.data === undefined
|
|
23
|
+
? undefined
|
|
24
|
+
: props.selectedToken.data.iconUri || "", client: props.client, width: "40", height: "40", fallback: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: {
|
|
25
|
+
background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
|
|
26
|
+
borderRadius: index_js_1.radius.full,
|
|
27
|
+
width: "40px",
|
|
28
|
+
height: "40px",
|
|
29
|
+
} }), style: {
|
|
30
|
+
objectFit: "cover",
|
|
31
|
+
borderRadius: index_js_1.radius.full,
|
|
32
|
+
} }, props.selectedToken?.data?.iconUri)) : ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: {
|
|
33
|
+
border: `1px solid ${theme.colors.borderColor}`,
|
|
34
|
+
background: `linear-gradient(45deg, white, ${theme.colors.accentText})`,
|
|
35
|
+
borderRadius: index_js_1.radius.full,
|
|
36
|
+
width: "40px",
|
|
37
|
+
height: "40px",
|
|
38
|
+
} })), props.chain && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { bg: "modalBg", style: {
|
|
39
|
+
padding: "2px",
|
|
40
|
+
position: "absolute",
|
|
41
|
+
bottom: -2,
|
|
42
|
+
right: -2,
|
|
43
|
+
display: "flex",
|
|
44
|
+
borderRadius: index_js_1.radius.full,
|
|
45
|
+
}, children: (0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: props.chain?.icon, client: props.client, width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: {
|
|
46
|
+
borderRadius: index_js_1.radius.full,
|
|
47
|
+
} }) }))] }), props.selectedToken ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", style: { gap: "3px" }, children: [props.selectedToken?.isFetching ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "60px", height: index_js_1.fontSize.md })) : ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 500, children: props.selectedToken?.data?.symbol })), props.chain ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", style: {
|
|
48
|
+
overflow: "hidden",
|
|
49
|
+
textOverflow: "ellipsis",
|
|
50
|
+
whiteSpace: "nowrap",
|
|
51
|
+
}, children: (0, utils_js_1.cleanedChainName)(props.chain.name) })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "140px", height: index_js_1.fontSize.sm }))] })) : ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", style: { gap: "3px" }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 500, children: "Select Token" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: "Required" })] }))] }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { color: "secondaryText", flex: "row", center: "both", borderColor: "borderColor", style: {
|
|
52
|
+
borderRadius: index_js_1.radius.full,
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderStyle: "solid",
|
|
55
|
+
padding: index_js_1.spacing.xs,
|
|
56
|
+
}, children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm }) })] }));
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=selected-token-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selected-token-button.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/selected-token-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTokenBalance = useTokenBalance;
|
|
4
|
+
const utils_js_1 = require("../../../../../chains/utils.js");
|
|
5
|
+
const addresses_js_1 = require("../../../../../constants/addresses.js");
|
|
6
|
+
const address_js_1 = require("../../../../../utils/address.js");
|
|
7
|
+
const useWalletBalance_js_1 = require("../../../../core/hooks/others/useWalletBalance.js");
|
|
8
|
+
function useTokenBalance(props) {
|
|
9
|
+
return (0, useWalletBalance_js_1.useWalletBalance)({
|
|
10
|
+
address: props.walletAddress,
|
|
11
|
+
chain: props.chainId ? (0, utils_js_1.defineChain)(props.chainId) : undefined,
|
|
12
|
+
client: props.client,
|
|
13
|
+
tokenAddress: props.tokenAddress
|
|
14
|
+
? (0, address_js_1.getAddress)(props.tokenAddress) === (0, address_js_1.getAddress)(addresses_js_1.NATIVE_TOKEN_ADDRESS)
|
|
15
|
+
? undefined
|
|
16
|
+
: (0, address_js_1.getAddress)(props.tokenAddress)
|
|
17
|
+
: undefined,
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=token-balance.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-balance.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/common/token-balance.tsx"],"names":[],"mappings":";;AAMA,0CAgBC;AAtBD,6DAA6D;AAE7D,wEAA6E;AAC7E,gEAA6D;AAC7D,2FAAqF;AAErF,SAAgB,eAAe,CAAC,KAK/B;IACC,OAAO,IAAA,sCAAgB,EAAC;QACtB,OAAO,EAAE,KAAK,CAAC,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,sBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;QAC7D,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY;YAC9B,CAAC,CAAC,IAAA,uBAAU,EAAC,KAAK,CAAC,YAAY,CAAC,KAAK,IAAA,uBAAU,EAAC,mCAAoB,CAAC;gBACnE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAA,uBAAU,EAAC,KAAK,CAAC,YAAY,CAAC;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;AACL,CAAC"}
|