@relayprotocol/relay-kit-ui 7.1.6 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_cjs/src/components/common/AmountInput.js +2 -17
- package/_cjs/src/components/common/AmountInput.js.map +1 -1
- package/_cjs/src/components/common/BalanceDisplay.js +2 -2
- package/_cjs/src/components/common/BalanceDisplay.js.map +1 -1
- package/_cjs/src/components/common/CopyToClipBoard.js +3 -7
- package/_cjs/src/components/common/CopyToClipBoard.js.map +1 -1
- package/_cjs/src/components/common/CustomAddressModal.js +10 -48
- package/_cjs/src/components/common/CustomAddressModal.js.map +1 -1
- package/_cjs/src/components/common/ErrorWell.js +9 -28
- package/_cjs/src/components/common/ErrorWell.js.map +1 -1
- package/_cjs/src/components/common/LoadingSpinner.js +7 -13
- package/_cjs/src/components/common/LoadingSpinner.js.map +1 -1
- package/_cjs/src/components/common/Modal.js +4 -22
- package/_cjs/src/components/common/Modal.js.map +1 -1
- package/_cjs/src/components/common/MultiWalletDropdown.js +23 -57
- package/_cjs/src/components/common/MultiWalletDropdown.js.map +1 -1
- package/_cjs/src/components/common/PercentageButtons.js +7 -24
- package/_cjs/src/components/common/PercentageButtons.js.map +1 -1
- package/_cjs/src/components/common/SlippageToleranceConfig.js +21 -117
- package/_cjs/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_cjs/src/components/common/StepIcon.js +1 -7
- package/_cjs/src/components/common/StepIcon.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/ChainFilter.js +19 -109
- package/_cjs/src/components/common/TokenSelector/ChainFilter.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/ChainFilterRow.js +10 -54
- package/_cjs/src/components/common/TokenSelector/ChainFilterRow.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/ChainFilterSidebar.js +15 -98
- package/_cjs/src/components/common/TokenSelector/ChainFilterSidebar.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/ChainShortcuts.js +6 -28
- package/_cjs/src/components/common/TokenSelector/ChainShortcuts.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/CompactChainFilter.js +12 -83
- package/_cjs/src/components/common/TokenSelector/CompactChainFilter.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/MobileChainSelector.js +16 -109
- package/_cjs/src/components/common/TokenSelector/MobileChainSelector.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/PaymentMethod.js +10 -101
- package/_cjs/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/PaymentTokenList.js +8 -69
- package/_cjs/src/components/common/TokenSelector/PaymentTokenList.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/SuggestedTokens.js +2 -33
- package/_cjs/src/components/common/TokenSelector/SuggestedTokens.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/TagPill.js +1 -9
- package/_cjs/src/components/common/TokenSelector/TagPill.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/TokenList.js +8 -57
- package/_cjs/src/components/common/TokenSelector/TokenList.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/TokenSelector.js +24 -70
- package/_cjs/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js +2 -35
- package/_cjs/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/triggers/TokenTrigger.js +2 -28
- package/_cjs/src/components/common/TokenSelector/triggers/TokenTrigger.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/DepositAddressModal.js +2 -10
- package/_cjs/src/components/common/TransactionModal/DepositAddressModal.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/TransactionModal.js +2 -13
- package/_cjs/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js +8 -45
- package/_cjs/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js +1 -5
- package/_cjs/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/ErrorStep.js +9 -30
- package/_cjs/src/components/common/TransactionModal/steps/ErrorStep.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/SwapConfirmationStep.js +26 -81
- package/_cjs/src/components/common/TransactionModal/steps/SwapConfirmationStep.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js +16 -76
- package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js +3 -8
- package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
- package/_cjs/src/components/common/TransactionModal/steps/WaitingForDepositStep.js +27 -63
- package/_cjs/src/components/common/TransactionModal/steps/WaitingForDepositStep.js.map +1 -1
- package/_cjs/src/components/common/UnverifiedTokenModal.js +6 -32
- package/_cjs/src/components/common/UnverifiedTokenModal.js.map +1 -1
- package/_cjs/src/components/primitives/AccessibleList.js +5 -21
- package/_cjs/src/components/primitives/AccessibleList.js.map +1 -1
- package/_cjs/src/components/primitives/Anchor.js +18 -41
- package/_cjs/src/components/primitives/Anchor.js.map +1 -1
- package/_cjs/src/components/primitives/Box.js +3 -4
- package/_cjs/src/components/primitives/Box.js.map +1 -1
- package/_cjs/src/components/primitives/Button.js +63 -124
- package/_cjs/src/components/primitives/Button.js.map +1 -1
- package/_cjs/src/components/primitives/ChainIcon.js +5 -9
- package/_cjs/src/components/primitives/ChainIcon.js.map +1 -1
- package/_cjs/src/components/primitives/ChainTokenIcon.js +7 -26
- package/_cjs/src/components/primitives/ChainTokenIcon.js.map +1 -1
- package/_cjs/src/components/primitives/Collapsible.js +7 -32
- package/_cjs/src/components/primitives/Collapsible.js.map +1 -1
- package/_cjs/src/components/primitives/Dialog.js +39 -81
- package/_cjs/src/components/primitives/Dialog.js.map +1 -1
- package/_cjs/src/components/primitives/Dropdown.js +5 -35
- package/_cjs/src/components/primitives/Dropdown.js.map +1 -1
- package/_cjs/src/components/primitives/Flex.js +23 -59
- package/_cjs/src/components/primitives/Flex.js.map +1 -1
- package/_cjs/src/components/primitives/Input.js +19 -51
- package/_cjs/src/components/primitives/Input.js.map +1 -1
- package/_cjs/src/components/primitives/Pill.js +18 -49
- package/_cjs/src/components/primitives/Pill.js.map +1 -1
- package/_cjs/src/components/primitives/Skeleton.js +3 -12
- package/_cjs/src/components/primitives/Skeleton.js.map +1 -1
- package/_cjs/src/components/primitives/SlippageButton.js +1 -13
- package/_cjs/src/components/primitives/SlippageButton.js.map +1 -1
- package/_cjs/src/components/primitives/Switch.js +5 -43
- package/_cjs/src/components/primitives/Switch.js.map +1 -1
- package/_cjs/src/components/primitives/Tabs.js +9 -39
- package/_cjs/src/components/primitives/Tabs.js.map +1 -1
- package/_cjs/src/components/primitives/Text.js +36 -94
- package/_cjs/src/components/primitives/Text.js.map +1 -1
- package/_cjs/src/components/primitives/Tooltip.js +2 -30
- package/_cjs/src/components/primitives/Tooltip.js.map +1 -1
- package/_cjs/src/components/widgets/FeeBreakdown.js +25 -82
- package/_cjs/src/components/widgets/FeeBreakdown.js.map +1 -1
- package/_cjs/src/components/widgets/FetchingQuoteLoader.js +3 -9
- package/_cjs/src/components/widgets/FetchingQuoteLoader.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js +1 -8
- package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js +2 -19
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js +3 -27
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js +2 -32
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.js +9 -45
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampSuccessStep.js +5 -26
- package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampSuccessStep.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js +7 -96
- package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js.map +1 -1
- package/_cjs/src/components/widgets/OnrampWidget/widget/index.js +18 -112
- package/_cjs/src/components/widgets/OnrampWidget/widget/index.js.map +1 -1
- package/_cjs/src/components/widgets/PriceImpactTooltip.js +3 -9
- package/_cjs/src/components/widgets/PriceImpactTooltip.js.map +1 -1
- package/_cjs/src/components/widgets/SwapButton.js +3 -14
- package/_cjs/src/components/widgets/SwapButton.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js +6 -11
- package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/PriceImpact.js +2 -4
- package/_cjs/src/components/widgets/SwapWidget/PriceImpact.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/index.js +35 -136
- package/_cjs/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_cjs/src/components/widgets/TokenSelectorContainer.js +3 -13
- package/_cjs/src/components/widgets/TokenSelectorContainer.js.map +1 -1
- package/_cjs/src/components/widgets/WidgetErrorWell.js +10 -76
- package/_cjs/src/components/widgets/WidgetErrorWell.js.map +1 -1
- package/_cjs/src/providers/RelayKitProvider.js +1 -0
- package/_cjs/src/providers/RelayKitProvider.js.map +1 -1
- package/_cjs/src/styles.css +3 -3717
- package/_cjs/src/themes/RelayKitTheme.js.map +1 -1
- package/_cjs/src/utils/cn.js +13 -0
- package/_cjs/src/utils/cn.js.map +1 -0
- package/_cjs/src/utils/theme.js +13 -1
- package/_cjs/src/utils/theme.js.map +1 -1
- package/_cjs/src/version.js +1 -1
- package/_cjs/tsconfig.build.tsbuildinfo +1 -1
- package/_esm/src/components/common/AmountInput.js +2 -17
- package/_esm/src/components/common/AmountInput.js.map +1 -1
- package/_esm/src/components/common/BalanceDisplay.js +2 -2
- package/_esm/src/components/common/BalanceDisplay.js.map +1 -1
- package/_esm/src/components/common/CopyToClipBoard.js +3 -7
- package/_esm/src/components/common/CopyToClipBoard.js.map +1 -1
- package/_esm/src/components/common/CustomAddressModal.js +10 -48
- package/_esm/src/components/common/CustomAddressModal.js.map +1 -1
- package/_esm/src/components/common/ErrorWell.js +9 -29
- package/_esm/src/components/common/ErrorWell.js.map +1 -1
- package/_esm/src/components/common/LoadingSpinner.js +7 -13
- package/_esm/src/components/common/LoadingSpinner.js.map +1 -1
- package/_esm/src/components/common/Modal.js +4 -22
- package/_esm/src/components/common/Modal.js.map +1 -1
- package/_esm/src/components/common/MultiWalletDropdown.js +22 -56
- package/_esm/src/components/common/MultiWalletDropdown.js.map +1 -1
- package/_esm/src/components/common/PercentageButtons.js +7 -24
- package/_esm/src/components/common/PercentageButtons.js.map +1 -1
- package/_esm/src/components/common/SlippageToleranceConfig.js +21 -117
- package/_esm/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_esm/src/components/common/StepIcon.js +1 -7
- package/_esm/src/components/common/StepIcon.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/ChainFilter.js +19 -109
- package/_esm/src/components/common/TokenSelector/ChainFilter.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/ChainFilterRow.js +10 -54
- package/_esm/src/components/common/TokenSelector/ChainFilterRow.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/ChainFilterSidebar.js +15 -98
- package/_esm/src/components/common/TokenSelector/ChainFilterSidebar.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/ChainShortcuts.js +6 -28
- package/_esm/src/components/common/TokenSelector/ChainShortcuts.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/CompactChainFilter.js +12 -83
- package/_esm/src/components/common/TokenSelector/CompactChainFilter.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/MobileChainSelector.js +16 -109
- package/_esm/src/components/common/TokenSelector/MobileChainSelector.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/PaymentMethod.js +10 -101
- package/_esm/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/PaymentTokenList.js +8 -69
- package/_esm/src/components/common/TokenSelector/PaymentTokenList.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/SuggestedTokens.js +2 -33
- package/_esm/src/components/common/TokenSelector/SuggestedTokens.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/TagPill.js +1 -9
- package/_esm/src/components/common/TokenSelector/TagPill.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/TokenList.js +9 -57
- package/_esm/src/components/common/TokenSelector/TokenList.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/TokenSelector.js +24 -70
- package/_esm/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js +2 -35
- package/_esm/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/triggers/TokenTrigger.js +2 -28
- package/_esm/src/components/common/TokenSelector/triggers/TokenTrigger.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/DepositAddressModal.js +2 -10
- package/_esm/src/components/common/TransactionModal/DepositAddressModal.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/TransactionModal.js +2 -13
- package/_esm/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js +8 -45
- package/_esm/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js +1 -5
- package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js +9 -30
- package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js +26 -81
- package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js +16 -76
- package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js +3 -8
- package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
- package/_esm/src/components/common/TransactionModal/steps/WaitingForDepositStep.js +28 -63
- package/_esm/src/components/common/TransactionModal/steps/WaitingForDepositStep.js.map +1 -1
- package/_esm/src/components/common/UnverifiedTokenModal.js +6 -32
- package/_esm/src/components/common/UnverifiedTokenModal.js.map +1 -1
- package/_esm/src/components/primitives/AccessibleList.js +5 -21
- package/_esm/src/components/primitives/AccessibleList.js.map +1 -1
- package/_esm/src/components/primitives/Anchor.js +18 -41
- package/_esm/src/components/primitives/Anchor.js.map +1 -1
- package/_esm/src/components/primitives/Box.js +3 -4
- package/_esm/src/components/primitives/Box.js.map +1 -1
- package/_esm/src/components/primitives/Button.js +63 -124
- package/_esm/src/components/primitives/Button.js.map +1 -1
- package/_esm/src/components/primitives/ChainIcon.js +5 -9
- package/_esm/src/components/primitives/ChainIcon.js.map +1 -1
- package/_esm/src/components/primitives/ChainTokenIcon.js +7 -26
- package/_esm/src/components/primitives/ChainTokenIcon.js.map +1 -1
- package/_esm/src/components/primitives/Collapsible.js +7 -32
- package/_esm/src/components/primitives/Collapsible.js.map +1 -1
- package/_esm/src/components/primitives/Dialog.js +39 -81
- package/_esm/src/components/primitives/Dialog.js.map +1 -1
- package/_esm/src/components/primitives/Dropdown.js +5 -35
- package/_esm/src/components/primitives/Dropdown.js.map +1 -1
- package/_esm/src/components/primitives/Flex.js +22 -58
- package/_esm/src/components/primitives/Flex.js.map +1 -1
- package/_esm/src/components/primitives/Input.js +19 -50
- package/_esm/src/components/primitives/Input.js.map +1 -1
- package/_esm/src/components/primitives/Pill.js +17 -48
- package/_esm/src/components/primitives/Pill.js.map +1 -1
- package/_esm/src/components/primitives/Skeleton.js +3 -12
- package/_esm/src/components/primitives/Skeleton.js.map +1 -1
- package/_esm/src/components/primitives/SlippageButton.js +1 -13
- package/_esm/src/components/primitives/SlippageButton.js.map +1 -1
- package/_esm/src/components/primitives/Switch.js +5 -43
- package/_esm/src/components/primitives/Switch.js.map +1 -1
- package/_esm/src/components/primitives/Tabs.js +9 -39
- package/_esm/src/components/primitives/Tabs.js.map +1 -1
- package/_esm/src/components/primitives/Text.js +36 -94
- package/_esm/src/components/primitives/Text.js.map +1 -1
- package/_esm/src/components/primitives/Tooltip.js +3 -30
- package/_esm/src/components/primitives/Tooltip.js.map +1 -1
- package/_esm/src/components/widgets/FeeBreakdown.js +24 -81
- package/_esm/src/components/widgets/FeeBreakdown.js.map +1 -1
- package/_esm/src/components/widgets/FetchingQuoteLoader.js +3 -9
- package/_esm/src/components/widgets/FetchingQuoteLoader.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/OnrampModal.js +1 -8
- package/_esm/src/components/widgets/OnrampWidget/modals/OnrampModal.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js +3 -20
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js +4 -28
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js +3 -33
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.js +9 -45
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampSuccessStep.js +5 -26
- package/_esm/src/components/widgets/OnrampWidget/modals/steps/OnrampSuccessStep.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js +7 -96
- package/_esm/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js.map +1 -1
- package/_esm/src/components/widgets/OnrampWidget/widget/index.js +18 -112
- package/_esm/src/components/widgets/OnrampWidget/widget/index.js.map +1 -1
- package/_esm/src/components/widgets/PriceImpactTooltip.js +4 -10
- package/_esm/src/components/widgets/PriceImpactTooltip.js.map +1 -1
- package/_esm/src/components/widgets/SwapButton.js +3 -14
- package/_esm/src/components/widgets/SwapButton.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/GasTopUpSection.js +5 -10
- package/_esm/src/components/widgets/SwapWidget/GasTopUpSection.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/PriceImpact.js +2 -4
- package/_esm/src/components/widgets/SwapWidget/PriceImpact.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/index.js +35 -136
- package/_esm/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_esm/src/components/widgets/TokenSelectorContainer.js +3 -14
- package/_esm/src/components/widgets/TokenSelectorContainer.js.map +1 -1
- package/_esm/src/components/widgets/WidgetErrorWell.js +14 -80
- package/_esm/src/components/widgets/WidgetErrorWell.js.map +1 -1
- package/_esm/src/providers/RelayKitProvider.js +1 -0
- package/_esm/src/providers/RelayKitProvider.js.map +1 -1
- package/_esm/src/styles.css +3 -3717
- package/_esm/src/themes/RelayKitTheme.js.map +1 -1
- package/_esm/src/utils/cn.js +9 -0
- package/_esm/src/utils/cn.js.map +1 -0
- package/_esm/src/utils/theme.js +15 -1
- package/_esm/src/utils/theme.js.map +1 -1
- package/_esm/src/version.js +1 -1
- package/_esm/tsconfig.build.tsbuildinfo +1 -1
- package/_types/src/components/common/AmountInput.d.ts.map +1 -1
- package/_types/src/components/common/CopyToClipBoard.d.ts.map +1 -1
- package/_types/src/components/common/CustomAddressModal.d.ts.map +1 -1
- package/_types/src/components/common/ErrorWell.d.ts.map +1 -1
- package/_types/src/components/common/LoadingSpinner.d.ts +1 -2
- package/_types/src/components/common/LoadingSpinner.d.ts.map +1 -1
- package/_types/src/components/common/Modal.d.ts +3 -3
- package/_types/src/components/common/Modal.d.ts.map +1 -1
- package/_types/src/components/common/MultiWalletDropdown.d.ts.map +1 -1
- package/_types/src/components/common/PercentageButtons.d.ts +1 -1
- package/_types/src/components/common/PercentageButtons.d.ts.map +1 -1
- package/_types/src/components/common/SlippageToleranceConfig.d.ts +0 -1
- package/_types/src/components/common/SlippageToleranceConfig.d.ts.map +1 -1
- package/_types/src/components/common/StepIcon.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/ChainFilter.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/ChainFilterRow.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/ChainFilterSidebar.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/ChainShortcuts.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/CompactChainFilter.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/MobileChainSelector.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/PaymentMethod.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/PaymentTokenList.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/SuggestedTokens.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/TagPill.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/TokenList.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/TokenSelector.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/triggers/TokenTrigger.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/ApprovalPlusSwapStep.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/ErrorStep.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/SwapConfirmationStep.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/SwapSuccessStep.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/TransactionsByChain.d.ts.map +1 -1
- package/_types/src/components/common/TransactionModal/steps/WaitingForDepositStep.d.ts.map +1 -1
- package/_types/src/components/common/UnverifiedTokenModal.d.ts.map +1 -1
- package/_types/src/components/primitives/AccessibleList.d.ts +2 -3
- package/_types/src/components/primitives/AccessibleList.d.ts.map +1 -1
- package/_types/src/components/primitives/Anchor.d.ts +10 -39
- package/_types/src/components/primitives/Anchor.d.ts.map +1 -1
- package/_types/src/components/primitives/Box.d.ts +2 -5
- package/_types/src/components/primitives/Box.d.ts.map +1 -1
- package/_types/src/components/primitives/Button.d.ts +11 -8
- package/_types/src/components/primitives/Button.d.ts.map +1 -1
- package/_types/src/components/primitives/ChainIcon.d.ts +1 -2
- package/_types/src/components/primitives/ChainIcon.d.ts.map +1 -1
- package/_types/src/components/primitives/ChainTokenIcon.d.ts +1 -2
- package/_types/src/components/primitives/ChainTokenIcon.d.ts.map +1 -1
- package/_types/src/components/primitives/Collapsible.d.ts +3 -4
- package/_types/src/components/primitives/Collapsible.d.ts.map +1 -1
- package/_types/src/components/primitives/Dialog.d.ts +2 -3
- package/_types/src/components/primitives/Dialog.d.ts.map +1 -1
- package/_types/src/components/primitives/Dropdown.d.ts +2 -3
- package/_types/src/components/primitives/Dropdown.d.ts.map +1 -1
- package/_types/src/components/primitives/Flex.d.ts +10 -65
- package/_types/src/components/primitives/Flex.d.ts.map +1 -1
- package/_types/src/components/primitives/Input.d.ts +10 -8
- package/_types/src/components/primitives/Input.d.ts.map +1 -1
- package/_types/src/components/primitives/Pill.d.ts +9 -50
- package/_types/src/components/primitives/Pill.d.ts.map +1 -1
- package/_types/src/components/primitives/Skeleton.d.ts +1 -2
- package/_types/src/components/primitives/Skeleton.d.ts.map +1 -1
- package/_types/src/components/primitives/SlippageButton.d.ts.map +1 -1
- package/_types/src/components/primitives/Switch.d.ts +2 -3
- package/_types/src/components/primitives/Switch.d.ts.map +1 -1
- package/_types/src/components/primitives/Tabs.d.ts +4 -5
- package/_types/src/components/primitives/Tabs.d.ts.map +1 -1
- package/_types/src/components/primitives/Text.d.ts +10 -100
- package/_types/src/components/primitives/Text.d.ts.map +1 -1
- package/_types/src/components/primitives/Tooltip.d.ts.map +1 -1
- package/_types/src/components/widgets/FeeBreakdown.d.ts.map +1 -1
- package/_types/src/components/widgets/FetchingQuoteLoader.d.ts +1 -2
- package/_types/src/components/widgets/FetchingQuoteLoader.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/OnrampModal.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/modals/steps/OnrampSuccessStep.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.d.ts.map +1 -1
- package/_types/src/components/widgets/OnrampWidget/widget/index.d.ts.map +1 -1
- package/_types/src/components/widgets/PriceImpactTooltip.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapButton.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/GasTopUpSection.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/PriceImpact.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/index.d.ts.map +1 -1
- package/_types/src/components/widgets/TokenSelectorContainer.d.ts +1 -2
- package/_types/src/components/widgets/TokenSelectorContainer.d.ts.map +1 -1
- package/_types/src/components/widgets/WidgetErrorWell.d.ts +1 -2
- package/_types/src/components/widgets/WidgetErrorWell.d.ts.map +1 -1
- package/_types/src/providers/RelayKitProvider.d.ts.map +1 -1
- package/_types/src/themes/RelayKitTheme.d.ts +1 -0
- package/_types/src/themes/RelayKitTheme.d.ts.map +1 -1
- package/_types/src/utils/cn.d.ts +3 -0
- package/_types/src/utils/cn.d.ts.map +1 -0
- package/_types/src/utils/theme.d.ts.map +1 -1
- package/_types/src/version.d.ts +1 -1
- package/_types/tsconfig.build.tsbuildinfo +1 -1
- package/dist/styles.css +3 -3717
- package/package.json +13 -16
- package/_cjs/src/components/widgets/TokenWidget/AmountModeToggle.js +0 -31
- package/_cjs/src/components/widgets/TokenWidget/AmountModeToggle.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/AmountSectionHeader.js +0 -8
- package/_cjs/src/components/widgets/TokenWidget/AmountSectionHeader.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js +0 -214
- package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/DestinationWalletSelector.js +0 -20
- package/_cjs/src/components/widgets/TokenWidget/DestinationWalletSelector.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +0 -64
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js +0 -44
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/SectionContainer.js +0 -25
- package/_cjs/src/components/widgets/TokenWidget/SectionContainer.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/SellTabContent.js +0 -261
- package/_cjs/src/components/widgets/TokenWidget/SellTabContent.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/TransactionDetailsFooter.js +0 -42
- package/_cjs/src/components/widgets/TokenWidget/TransactionDetailsFooter.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/hooks/useWalletGuards.js +0 -108
- package/_cjs/src/components/widgets/TokenWidget/hooks/useWalletGuards.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/index.js +0 -9
- package/_cjs/src/components/widgets/TokenWidget/index.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.js +0 -719
- package/_cjs/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.js.map +0 -1
- package/_cjs/src/components/widgets/TokenWidget/widget/index.js +0 -1034
- package/_cjs/src/components/widgets/TokenWidget/widget/index.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/AmountModeToggle.js +0 -30
- package/_esm/src/components/widgets/TokenWidget/AmountModeToggle.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/AmountSectionHeader.js +0 -7
- package/_esm/src/components/widgets/TokenWidget/AmountSectionHeader.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js +0 -211
- package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/DestinationWalletSelector.js +0 -16
- package/_esm/src/components/widgets/TokenWidget/DestinationWalletSelector.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +0 -59
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js +0 -43
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/SectionContainer.js +0 -25
- package/_esm/src/components/widgets/TokenWidget/SectionContainer.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/SellTabContent.js +0 -264
- package/_esm/src/components/widgets/TokenWidget/SellTabContent.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/TransactionDetailsFooter.js +0 -41
- package/_esm/src/components/widgets/TokenWidget/TransactionDetailsFooter.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/hooks/useWalletGuards.js +0 -104
- package/_esm/src/components/widgets/TokenWidget/hooks/useWalletGuards.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/index.js +0 -2
- package/_esm/src/components/widgets/TokenWidget/index.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.js +0 -742
- package/_esm/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.js.map +0 -1
- package/_esm/src/components/widgets/TokenWidget/widget/index.js +0 -1100
- package/_esm/src/components/widgets/TokenWidget/widget/index.js.map +0 -1
- package/_types/src/components/widgets/TokenWidget/AmountModeToggle.d.ts +0 -12
- package/_types/src/components/widgets/TokenWidget/AmountModeToggle.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/AmountSectionHeader.d.ts +0 -11
- package/_types/src/components/widgets/TokenWidget/AmountSectionHeader.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/BuyTabContent.d.ts +0 -53
- package/_types/src/components/widgets/TokenWidget/BuyTabContent.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/DestinationWalletSelector.d.ts +0 -17
- package/_types/src/components/widgets/TokenWidget/DestinationWalletSelector.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/FeeBreakdownInfo.d.ts +0 -16
- package/_types/src/components/widgets/TokenWidget/FeeBreakdownInfo.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/FeeBreakdownTooltip.d.ts +0 -15
- package/_types/src/components/widgets/TokenWidget/FeeBreakdownTooltip.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/SectionContainer.d.ts +0 -11
- package/_types/src/components/widgets/TokenWidget/SectionContainer.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/SellTabContent.d.ts +0 -61
- package/_types/src/components/widgets/TokenWidget/SellTabContent.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/TransactionDetailsFooter.d.ts +0 -14
- package/_types/src/components/widgets/TokenWidget/TransactionDetailsFooter.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/hooks/useWalletGuards.d.ts +0 -28
- package/_types/src/components/widgets/TokenWidget/hooks/useWalletGuards.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/index.d.ts +0 -3
- package/_types/src/components/widgets/TokenWidget/index.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.d.ts +0 -117
- package/_types/src/components/widgets/TokenWidget/widget/TokenWidgetRenderer.d.ts.map +0 -1
- package/_types/src/components/widgets/TokenWidget/widget/index.d.ts +0 -58
- package/_types/src/components/widgets/TokenWidget/widget/index.d.ts.map +0 -1
- package/dist/panda.buildinfo.json +0 -676
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@relayprotocol/relay-kit-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./_cjs/src/index.js",
|
|
6
6
|
"module": "./_esm/src/index.js",
|
|
@@ -19,24 +19,18 @@
|
|
|
19
19
|
"import": "./_esm/src/components/widgets/OnrampWidget/index.js",
|
|
20
20
|
"require": "./_cjs/src/components/widgets/OnrampWidget/index.js"
|
|
21
21
|
},
|
|
22
|
-
"./TokenWidget": {
|
|
23
|
-
"types": "./_types/src/components/widgets/TokenWidget/index.d.ts",
|
|
24
|
-
"import": "./_esm/src/components/widgets/TokenWidget/index.js",
|
|
25
|
-
"require": "./_cjs/src/components/widgets/TokenWidget/index.js"
|
|
26
|
-
},
|
|
27
22
|
".": {
|
|
28
23
|
"types": "./_types/src/index.d.ts",
|
|
29
24
|
"import": "./_esm/src/index.js",
|
|
30
25
|
"require": "./_cjs/src/index.js"
|
|
31
26
|
},
|
|
32
|
-
"./styles.css": "./dist/styles.css"
|
|
33
|
-
"./panda.buildinfo.json": "./dist/panda.buildinfo.json"
|
|
27
|
+
"./styles.css": "./dist/styles.css"
|
|
34
28
|
},
|
|
35
29
|
"devDependencies": {
|
|
36
|
-
"@csstools/postcss-cascade-layers": "^4.0.6",
|
|
37
30
|
"@eslint/js": "^9.5.0",
|
|
38
|
-
"@pandacss/dev": "^0.40.0",
|
|
39
31
|
"@types/eslint__js": "^8.42.3",
|
|
32
|
+
"@tailwindcss/cli": "^4.0.0",
|
|
33
|
+
"@tailwindcss/postcss": "^4.0.0",
|
|
40
34
|
"eslint": "~8.57.0",
|
|
41
35
|
"eslint-plugin-import": "^2.29.1",
|
|
42
36
|
"eslint-plugin-react": "^7.34.2",
|
|
@@ -45,6 +39,7 @@
|
|
|
45
39
|
"node-fetch": "^3.3.2",
|
|
46
40
|
"postcss": "^8",
|
|
47
41
|
"rimraf": "^5.0.5",
|
|
42
|
+
"tailwindcss": "^4.0.0",
|
|
48
43
|
"typescript": "5.4.5",
|
|
49
44
|
"typescript-eslint": "^7.13.1",
|
|
50
45
|
"@types/react": "^19.0.0",
|
|
@@ -78,13 +73,13 @@
|
|
|
78
73
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
79
74
|
"@radix-ui/react-visually-hidden": "^1.1.2",
|
|
80
75
|
"axios": "^1.7.2",
|
|
76
|
+
"class-variance-authority": "^0.7.0",
|
|
77
|
+
"clsx": "^2.1.0",
|
|
81
78
|
"dayjs": "^1.11.11",
|
|
82
|
-
"framer-motion": "^11.2.10",
|
|
83
79
|
"fuse.js": "^7.0.0",
|
|
84
|
-
"pandacss-preset-radix-colors": "^0.2.0",
|
|
85
80
|
"qrcode.react": "^4.1.0",
|
|
81
|
+
"tailwind-merge": "^3.0.0",
|
|
86
82
|
"usehooks-ts": "^3.1.0",
|
|
87
|
-
"@relayprotocol/relay-design-system": "^1.0.0",
|
|
88
83
|
"@relayprotocol/relay-kit-hooks": "3.0.11",
|
|
89
84
|
"@relayprotocol/relay-sdk": "5.2.1"
|
|
90
85
|
},
|
|
@@ -99,14 +94,16 @@
|
|
|
99
94
|
],
|
|
100
95
|
"scripts": {
|
|
101
96
|
"prebuild": "node scripts/version.mjs",
|
|
102
|
-
"build": "pnpm run prebuild && pnpm run lint && pnpm
|
|
97
|
+
"build": "pnpm run prebuild && pnpm run lint && pnpm run clean && pnpm run build:css && pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run copy:css",
|
|
103
98
|
"build:cjs": "tsc --project ./tsconfig.build.json --module commonjs --outDir ./_cjs --removeComments --verbatimModuleSyntax false && printf '{\"type\":\"commonjs\"}' > ./_cjs/package.json",
|
|
104
99
|
"build:esm": "tsc --project ./tsconfig.build.json --module es2020 --outDir ./_esm && printf '{\"type\": \"module\",\"sideEffects\":false}' > ./_esm/package.json",
|
|
105
100
|
"build:types": "tsc --project ./tsconfig.build.json --module esnext --outDir ./_types --declarationDir ./_types --emitDeclarationOnly --declaration --declarationMap",
|
|
106
|
-
"build:
|
|
107
|
-
"
|
|
101
|
+
"build:css": "mkdir -p dist && npx @tailwindcss/cli -i src/styles/base.css -o dist/styles.css --minify && node scripts/scope-css.mjs",
|
|
102
|
+
"copy:css": "cp dist/styles.css _cjs/src && cp dist/styles.css _esm/src",
|
|
103
|
+
"dev": "concurrently \"pnpm run clean\" \"pnpm run dev:esm\" \"pnpm run dev:types\" \"pnpm run dev:css\"",
|
|
108
104
|
"dev:esm": "tsc --watch --project ./tsconfig.build.json --module es2020 --outDir ./_esm && printf '{\"type\": \"module\",\"sideEffects\":false}' > ./_esm/package.json",
|
|
109
105
|
"dev:types": "tsc --watch --project ./tsconfig.build.json --module esnext --outDir ./_types --declarationDir ./_types --emitDeclarationOnly --declaration --declarationMap",
|
|
106
|
+
"dev:css": "npx @tailwindcss/cli -i src/styles/base.css -o dist/styles.css --watch",
|
|
110
107
|
"clean": "rimraf ./_esm ./_cjs ./_types",
|
|
111
108
|
"typecheck": "tsc --noEmit",
|
|
112
109
|
"lint": "pnpm eslint"
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
5
|
-
const index_js_2 = require("../../../icons/index.js");
|
|
6
|
-
const AmountModeToggle = ({ children, onToggle, textProps, buttonAriaLabel = 'Switch Input Mode' }) => {
|
|
7
|
-
const mergedTextProps = {
|
|
8
|
-
style: 'subtitle3',
|
|
9
|
-
color: 'subtleSecondary',
|
|
10
|
-
...textProps
|
|
11
|
-
};
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
|
|
13
|
-
gap: '8px',
|
|
14
|
-
_hover: { cursor: 'pointer' }
|
|
15
|
-
}, onClick: () => {
|
|
16
|
-
onToggle();
|
|
17
|
-
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { ...mergedTextProps, children: children }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { "aria-label": buttonAriaLabel, size: "none", color: "ghost", css: {
|
|
18
|
-
color: 'gray11',
|
|
19
|
-
alignSelf: 'center',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
width: '20px',
|
|
22
|
-
height: '20px',
|
|
23
|
-
borderRadius: '100px',
|
|
24
|
-
padding: '4px',
|
|
25
|
-
backgroundColor: 'gray3'
|
|
26
|
-
}, onClick: () => {
|
|
27
|
-
onToggle();
|
|
28
|
-
}, children: (0, jsx_runtime_1.jsx)(index_js_2.SwitchIcon, { width: 16, height: 10 }) })] }));
|
|
29
|
-
};
|
|
30
|
-
exports.default = AmountModeToggle;
|
|
31
|
-
//# sourceMappingURL=AmountModeToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AmountModeToggle.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/AmountModeToggle.tsx"],"names":[],"mappings":";;;AACA,wDAA8D;AAC9D,sDAAoD;AAWpD,MAAM,gBAAgB,GAA8B,CAAC,EACnD,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,mBAAmB,EACtC,EAAE,EAAE;IACH,MAAM,eAAe,GAAc;QACjC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAiB;QACxB,GAAG,SAAS;KACb,CAAA;IAED,OAAO,CACL,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;YACH,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;SAC9B,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,EAAE,CAAA;QACZ,CAAC,aAED,uBAAC,eAAI,OAAK,eAAe,YAAG,QAAQ,GAAQ,EAC5C,uBAAC,iBAAM,kBACO,eAAe,EAC3B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,OAAO,EACb,GAAG,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,SAAS,EAAE,QAAQ;oBACnB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,OAAO;oBACrB,OAAO,EAAE,KAAK;oBACd,eAAe,EAAE,OAAO;iBACzB,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAA;gBACZ,CAAC,YAED,uBAAC,qBAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC9B,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
5
|
-
const SlippageToleranceConfig_js_1 = require("../../common/SlippageToleranceConfig.js");
|
|
6
|
-
const AmountSectionHeader = ({ label, slippageTolerance, onSlippageToleranceChange, onAnalyticEvent, onOpenSlippageConfig }) => ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { gap: '2', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: label }), (0, jsx_runtime_1.jsx)(SlippageToleranceConfig_js_1.SlippageToleranceConfig, { label: "Slippage", showGearIcon: false, showLabel: true, currentSlippageTolerance: slippageTolerance, setSlippageTolerance: onSlippageToleranceChange ?? (() => { }), onAnalyticEvent: onAnalyticEvent, onOpenSlippageConfig: onOpenSlippageConfig, widgetType: "token" })] }));
|
|
7
|
-
exports.default = AmountSectionHeader;
|
|
8
|
-
//# sourceMappingURL=AmountSectionHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AmountSectionHeader.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/AmountSectionHeader.tsx"],"names":[],"mappings":";;;AACA,wDAAsD;AACtD,wFAAiF;AAUjF,MAAM,mBAAmB,GAAiC,CAAC,EACzD,KAAK,EACL,iBAAiB,EACjB,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACrB,EAAE,EAAE,CAAC,CACJ,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,aACrE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,YAAE,KAAK,GAAQ,EACtC,uBAAC,oDAAuB,IACtB,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,IAAI,EACf,wBAAwB,EAAE,iBAAiB,EAC3C,oBAAoB,EAAE,yBAAyB,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAC7D,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,UAAU,EAAC,OAAO,GAClB,IACG,CACR,CAAA;AAED,kBAAe,mBAAmB,CAAA"}
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Tabs_js_1 = require("../../primitives/Tabs.js");
|
|
6
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
7
|
-
const AmountInput_js_1 = tslib_1.__importDefault(require("../../common/AmountInput.js"));
|
|
8
|
-
const numbers_js_1 = require("../../../utils/numbers.js");
|
|
9
|
-
const PriceImpact_js_1 = require("../SwapWidget/PriceImpact.js");
|
|
10
|
-
const BalanceDisplay_js_1 = require("../../common/BalanceDisplay.js");
|
|
11
|
-
const jsx_1 = require("@relayprotocol/relay-design-system/jsx");
|
|
12
|
-
const MultiWalletDropdown_js_1 = require("../../common/MultiWalletDropdown.js");
|
|
13
|
-
const PaymentMethod_js_1 = tslib_1.__importDefault(require("../../common/TokenSelector/PaymentMethod.js"));
|
|
14
|
-
const events_js_1 = require("../../../constants/events.js");
|
|
15
|
-
const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
|
|
16
|
-
const react_1 = require("react");
|
|
17
|
-
const relay_sdk_1 = require("@relayprotocol/relay-sdk");
|
|
18
|
-
const SwapButton_js_1 = tslib_1.__importDefault(require("../SwapButton.js"));
|
|
19
|
-
const PaymentMethodTrigger_js_1 = require("../../common/TokenSelector/triggers/PaymentMethodTrigger.js");
|
|
20
|
-
const AmountSectionHeader_js_1 = tslib_1.__importDefault(require("./AmountSectionHeader.js"));
|
|
21
|
-
const AmountModeToggle_js_1 = tslib_1.__importDefault(require("./AmountModeToggle.js"));
|
|
22
|
-
const TransactionDetailsFooter_js_1 = tslib_1.__importDefault(require("./TransactionDetailsFooter.js"));
|
|
23
|
-
const SectionContainer_js_1 = tslib_1.__importDefault(require("./SectionContainer.js"));
|
|
24
|
-
const WidgetErrorWell_js_1 = require("../WidgetErrorWell.js");
|
|
25
|
-
const FeeBreakdownInfo_js_1 = require("./FeeBreakdownInfo.js");
|
|
26
|
-
const DestinationWalletSelector_js_1 = require("./DestinationWalletSelector.js");
|
|
27
|
-
const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageToleranceChange, isUsdInputMode, usdOutputValue, tradeType, amountOutputValue, amountInputValue, toToken, fromToken, quote, isFetchingQuote, isLoadingToTokenPrice, outputAmountUsd, toTokenPriceData, setUsdOutputValue, setTradeType, setAmountOutputValue, setAmountInputValue, setUsdInputValue, debouncedAmountOutputControls, onAnalyticEvent, feeBreakdown, isLoadingFromBalance, fromBalance, fromBalancePending, toBalance, isLoadingToBalance, toBalancePending, address, timeEstimate, multiWalletSupportEnabled, toChainWalletVMSupported, fromChain, disablePasteWalletAddressOption, recipient, setCustomToAddress, setDestinationAddressOverride, onConnectWallet, onLinkNewWallet, linkedWallets, toChain, isValidToAddress, isRecipientLinked, setAddressModalOpen, toDisplayName, isValidFromAddress, fromChainWalletVMSupported, supportedWalletVMs, handleSetFromToken, handleSetToToken, onSetPrimaryWallet, setOriginAddressOverride, lockToToken, lockFromToken, isSingleChainLocked, lockChainId, popularChainIds, transactionModalOpen, depositAddressModalOpen, hasInsufficientBalance, isInsufficientLiquidityError, recipientWalletSupportsChain, isSameCurrencySameRecipientSwap, debouncedInputAmountValue, debouncedOutputAmountValue, showHighPriceImpactWarning, disableSwapButton, toggleInputMode, onPrimaryAction, error, relayerFeeProportion, highRelayerServiceFee, isCapacityExceededError, isCouldNotExecuteError, recipientLinkedWallet, toChainVmType, ctaCopy, paymentMethodMinHeight = '85vh' }) => {
|
|
28
|
-
const [isPaymentMethodOpen, setIsPaymentMethodOpen] = (0, react_1.useState)(false);
|
|
29
|
-
const displayCta = [
|
|
30
|
-
'Swap',
|
|
31
|
-
'Confirm',
|
|
32
|
-
'Bridge',
|
|
33
|
-
'Send',
|
|
34
|
-
'Wrap',
|
|
35
|
-
'Unwrap'
|
|
36
|
-
].includes(ctaCopy)
|
|
37
|
-
? 'Buy'
|
|
38
|
-
: ctaCopy;
|
|
39
|
-
const fromChainId = fromToken?.chainId;
|
|
40
|
-
const lockedChainIds = isSingleChainLocked
|
|
41
|
-
? lockChainId !== undefined
|
|
42
|
-
? [lockChainId]
|
|
43
|
-
: undefined
|
|
44
|
-
: (0, tokenSelector_js_1.isChainLocked)(fromChainId, lockChainId, toToken?.chainId, lockFromToken) && fromChainId !== undefined
|
|
45
|
-
? [fromChainId]
|
|
46
|
-
: undefined;
|
|
47
|
-
const hasSelectedTokens = Boolean(fromToken && toToken);
|
|
48
|
-
const invalidAmount = !quote ||
|
|
49
|
-
Number(debouncedInputAmountValue) === 0 ||
|
|
50
|
-
Number(debouncedOutputAmountValue) === 0 ||
|
|
51
|
-
!hasSelectedTokens;
|
|
52
|
-
const hasValidOutputAmount = toToken && amountOutputValue && Number(amountOutputValue) > 0;
|
|
53
|
-
const currencyInAmountUsd = quote?.details?.currencyIn?.amountUsd;
|
|
54
|
-
const currencyInAmountFormatted = quote?.details?.currencyIn?.amountFormatted;
|
|
55
|
-
const isLoadingPayWith = hasValidOutputAmount && isFetchingQuote && fromToken && !currencyInAmountUsd;
|
|
56
|
-
const isSameTokenSameRecipient = fromToken?.address === toToken?.address &&
|
|
57
|
-
fromToken?.chainId === toToken?.chainId &&
|
|
58
|
-
address === recipient;
|
|
59
|
-
const isInputDisabled = !toToken || !fromChainWalletVMSupported || isSameTokenSameRecipient;
|
|
60
|
-
return ((0, jsx_runtime_1.jsx)(Tabs_js_1.TabsContent, { value: "buy", children: (0, jsx_runtime_1.jsxs)(SectionContainer_js_1.default, { css: {
|
|
61
|
-
border: { base: 'none', md: '1px solid' },
|
|
62
|
-
borderColor: { base: 'transparent', md: 'slate.4' }
|
|
63
|
-
}, id: 'buy-token-section', isPaymentMethodOpen: isPaymentMethodOpen, paymentMethodMinHeight: paymentMethodMinHeight, children: [(0, jsx_runtime_1.jsx)(AmountSectionHeader_js_1.default, { label: "Amount", slippageTolerance: slippageTolerance, onOpenSlippageConfig: onOpenSlippageConfig, onSlippageToleranceChange: onSlippageToleranceChange, onAnalyticEvent: onAnalyticEvent }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "between", css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(AmountInput_js_1.default, { prefixSymbol: isUsdInputMode ? '$' : undefined, value: isUsdInputMode
|
|
64
|
-
? usdOutputValue
|
|
65
|
-
: tradeType === 'EXPECTED_OUTPUT'
|
|
66
|
-
? amountOutputValue
|
|
67
|
-
: amountOutputValue
|
|
68
|
-
? (0, numbers_js_1.formatFixedLength)(amountOutputValue, 8)
|
|
69
|
-
: amountOutputValue, setValue: (value) => {
|
|
70
|
-
if (isUsdInputMode) {
|
|
71
|
-
setUsdOutputValue(value);
|
|
72
|
-
setTradeType('EXPECTED_OUTPUT');
|
|
73
|
-
if (Number(value) === 0) {
|
|
74
|
-
setAmountInputValue('');
|
|
75
|
-
setUsdInputValue('');
|
|
76
|
-
debouncedAmountOutputControls.flush();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
setAmountOutputValue(value);
|
|
81
|
-
setTradeType('EXPECTED_OUTPUT');
|
|
82
|
-
if (Number(value) === 0) {
|
|
83
|
-
setAmountInputValue('');
|
|
84
|
-
debouncedAmountOutputControls.flush();
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}, disabled: isInputDisabled, onClick: () => {
|
|
88
|
-
onAnalyticEvent?.(events_js_1.EventNames.SWAP_OUTPUT_FOCUSED);
|
|
89
|
-
}, css: {
|
|
90
|
-
fontWeight: '700',
|
|
91
|
-
fontSize: 32,
|
|
92
|
-
lineHeight: '32px',
|
|
93
|
-
py: 0,
|
|
94
|
-
color: isFetchingQuote && tradeType === 'EXACT_INPUT'
|
|
95
|
-
? 'text-subtle'
|
|
96
|
-
: 'input-color',
|
|
97
|
-
_placeholder: {
|
|
98
|
-
color: isFetchingQuote && tradeType === 'EXACT_INPUT'
|
|
99
|
-
? 'text-subtle'
|
|
100
|
-
: 'input-color'
|
|
101
|
-
},
|
|
102
|
-
_disabled: {
|
|
103
|
-
cursor: 'not-allowed',
|
|
104
|
-
_placeholder: {
|
|
105
|
-
color: 'gray10'
|
|
106
|
-
},
|
|
107
|
-
color: 'gray10'
|
|
108
|
-
}
|
|
109
|
-
} }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { gap: '3', width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
|
|
110
|
-
gap: '3',
|
|
111
|
-
minHeight: 18
|
|
112
|
-
}, children: [(0, jsx_runtime_1.jsx)(AmountModeToggle_js_1.default, { onToggle: toggleInputMode, children: isUsdInputMode
|
|
113
|
-
? toToken
|
|
114
|
-
? usdOutputValue && Number(usdOutputValue) > 0
|
|
115
|
-
? amountOutputValue && !isLoadingToTokenPrice
|
|
116
|
-
? `${(0, numbers_js_1.formatNumber)(amountOutputValue, 4, false)} ${toToken.symbol}`
|
|
117
|
-
: '...'
|
|
118
|
-
: `0 ${toToken.symbol}`
|
|
119
|
-
: null
|
|
120
|
-
: toToken &&
|
|
121
|
-
quote?.details?.currencyOut?.amountUsd &&
|
|
122
|
-
!isFetchingQuote
|
|
123
|
-
? (0, numbers_js_1.formatDollar)(Number(quote.details.currencyOut.amountUsd))
|
|
124
|
-
: toToken &&
|
|
125
|
-
isLoadingToTokenPrice &&
|
|
126
|
-
amountOutputValue &&
|
|
127
|
-
Number(amountOutputValue) > 0
|
|
128
|
-
? '...'
|
|
129
|
-
: toToken &&
|
|
130
|
-
outputAmountUsd &&
|
|
131
|
-
outputAmountUsd > 0 &&
|
|
132
|
-
toTokenPriceData?.price &&
|
|
133
|
-
toTokenPriceData.price > 0
|
|
134
|
-
? (0, numbers_js_1.formatDollar)(outputAmountUsd)
|
|
135
|
-
: '$0.00' }), (0, jsx_runtime_1.jsx)(PriceImpact_js_1.PriceImpact, { toToken: toToken, isFetchingQuote: isFetchingQuote, feeBreakdown: feeBreakdown, quote: quote })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { marginLeft: 'auto' }, children: toToken ? ((0, jsx_runtime_1.jsx)(BalanceDisplay_js_1.BalanceDisplay, { hideBalanceLabel: false, displaySymbol: false, isLoading: isLoadingToBalance, balance: toBalance, decimals: toToken?.decimals, symbol: toToken?.symbol, isConnected: !(0, relay_sdk_1.isDeadAddress)(recipient) &&
|
|
136
|
-
recipient !== relay_sdk_1.tronDeadAddress &&
|
|
137
|
-
recipient !== undefined, pending: toBalancePending, size: "sm" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { height: 18 } })) })] }), (0, jsx_runtime_1.jsx)(jsx_1.Divider, { color: "gray4" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Pay with" }), multiWalletSupportEnabled && fromChainWalletVMSupported ? ((0, jsx_runtime_1.jsx)(MultiWalletDropdown_js_1.MultiWalletDropdown, { context: "origin", disablePasteWalletAddressOption: disablePasteWalletAddressOption, selectedWalletAddress: address, onSelect: (wallet) => {
|
|
138
|
-
setOriginAddressOverride(wallet.address);
|
|
139
|
-
onSetPrimaryWallet?.(wallet.address);
|
|
140
|
-
if (wallet.address !== address) {
|
|
141
|
-
handleSetFromToken(undefined);
|
|
142
|
-
}
|
|
143
|
-
}, chain: fromChain, disableWalletFiltering: true, onLinkNewWallet: () => {
|
|
144
|
-
if (!address && fromChainWalletVMSupported) {
|
|
145
|
-
onConnectWallet?.();
|
|
146
|
-
}
|
|
147
|
-
else {
|
|
148
|
-
onLinkNewWallet?.({
|
|
149
|
-
chain: fromChain,
|
|
150
|
-
direction: 'from'
|
|
151
|
-
})?.then((wallet) => {
|
|
152
|
-
if (wallet) {
|
|
153
|
-
setOriginAddressOverride(wallet.address);
|
|
154
|
-
onSetPrimaryWallet?.(wallet.address);
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
}
|
|
158
|
-
}, setAddressModalOpen: setAddressModalOpen, wallets: linkedWallets ?? [], onAnalyticEvent: onAnalyticEvent, testId: "origin-wallet-select-button" })) : null] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', gap: '32px' }, children: [(0, jsx_runtime_1.jsx)(PaymentMethod_js_1.default, { address: address, isValidAddress: isValidFromAddress, token: fromToken, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: fromChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, linkedWallets: linkedWallets, multiWalletSupportEnabled: multiWalletSupportEnabled, context: "from", setToken: (token) => {
|
|
159
|
-
handleSetFromToken(token);
|
|
160
|
-
}, lockedChainIds: lockedChainIds, chainIdsFilter: !fromChainWalletVMSupported && toToken
|
|
161
|
-
? [toToken.chainId]
|
|
162
|
-
: undefined, popularChainIds: popularChainIds, onPaymentMethodOpenChange: setIsPaymentMethodOpen, trigger: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(PaymentMethodTrigger_js_1.PaymentMethodTrigger, { token: fromToken, address: address, testId: "origin-token-select-button", balanceLabel: "available" }) }) }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { marginLeft: 'auto' }, children: (0, jsx_runtime_1.jsx)(FeeBreakdownInfo_js_1.FeeBreakdownInfo, { isLoading: Boolean(isLoadingPayWith), amountUsd: currencyInAmountUsd, tokenAmountFormatted: currencyInAmountFormatted, fallbackTokenAmount: amountInputValue, quote: quote, feeBreakdown: feeBreakdown, token: fromToken }) })] }), (0, jsx_runtime_1.jsx)(jsx_1.Divider, { color: "gray4" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(DestinationWalletSelector_js_1.DestinationWalletSelector, { label: "Send to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
|
|
163
|
-
disablePasteWalletAddressOption,
|
|
164
|
-
selectedWalletAddress: recipient,
|
|
165
|
-
onSelect: (wallet) => {
|
|
166
|
-
setDestinationAddressOverride(wallet.address);
|
|
167
|
-
setCustomToAddress(undefined);
|
|
168
|
-
},
|
|
169
|
-
chain: toChain,
|
|
170
|
-
disableWalletFiltering: false,
|
|
171
|
-
onLinkNewWallet: () => {
|
|
172
|
-
if (!address && toChainWalletVMSupported) {
|
|
173
|
-
onConnectWallet?.();
|
|
174
|
-
}
|
|
175
|
-
else {
|
|
176
|
-
onLinkNewWallet?.({
|
|
177
|
-
chain: toChain,
|
|
178
|
-
direction: 'to'
|
|
179
|
-
})?.then((wallet) => {
|
|
180
|
-
if (!wallet) {
|
|
181
|
-
return;
|
|
182
|
-
}
|
|
183
|
-
setDestinationAddressOverride(wallet.address);
|
|
184
|
-
setCustomToAddress(undefined);
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
},
|
|
188
|
-
setAddressModalOpen,
|
|
189
|
-
wallets: linkedWallets ?? [],
|
|
190
|
-
onAnalyticEvent,
|
|
191
|
-
testId: 'destination-wallet-select-button'
|
|
192
|
-
}, fallback: {
|
|
193
|
-
highlighted: Boolean(isValidToAddress &&
|
|
194
|
-
multiWalletSupportEnabled &&
|
|
195
|
-
!isRecipientLinked),
|
|
196
|
-
text: !isValidToAddress ? 'Enter Address' : (toDisplayName ?? ''),
|
|
197
|
-
onClick: () => {
|
|
198
|
-
setDestinationAddressOverride(undefined);
|
|
199
|
-
setAddressModalOpen(true);
|
|
200
|
-
onAnalyticEvent?.(events_js_1.EventNames.SWAP_ADDRESS_MODAL_CLICKED);
|
|
201
|
-
},
|
|
202
|
-
showClipboard: Boolean(isValidToAddress &&
|
|
203
|
-
multiWalletSupportEnabled &&
|
|
204
|
-
!isRecipientLinked)
|
|
205
|
-
} }), (0, jsx_runtime_1.jsx)(WidgetErrorWell_js_1.WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%', marginBottom: 0 } })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(SwapButton_js_1.default, { context: "Buy", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
|
|
206
|
-
onAnalyticEvent?.('TOKEN_BUY_CLICKED', {
|
|
207
|
-
token: toToken,
|
|
208
|
-
amount: amountOutputValue
|
|
209
|
-
});
|
|
210
|
-
onPrimaryAction();
|
|
211
|
-
}, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { width: '100%', marginTop: '-8px' }, children: (0, jsx_runtime_1.jsx)(TransactionDetailsFooter_js_1.default, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote }) })] }) }));
|
|
212
|
-
};
|
|
213
|
-
exports.default = BuyTabContent;
|
|
214
|
-
//# sourceMappingURL=BuyTabContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BuyTabContent.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/BuyTabContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DestinationWalletSelector = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
6
|
-
const MultiWalletDropdown_js_1 = require("../../common/MultiWalletDropdown.js");
|
|
7
|
-
const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
8
|
-
const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
9
|
-
const DestinationWalletSelector = ({ label, isMultiWalletEnabled, walletSupported, dropdownProps, fallback }) => {
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: label }), isMultiWalletEnabled && walletSupported ? ((0, jsx_runtime_1.jsx)(MultiWalletDropdown_js_1.MultiWalletDropdown, { context: "destination", ...dropdownProps })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: fallback.highlighted ? 'warning' : 'secondary', corners: "pill", size: "none", css: {
|
|
11
|
-
display: 'flex',
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
px: '2',
|
|
14
|
-
py: '1'
|
|
15
|
-
}, onClick: fallback.onClick, children: [fallback.showClipboard ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber11' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClipboard, width: 16, height: 16 }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: {
|
|
16
|
-
color: fallback.highlighted ? 'amber11' : 'anchor-color'
|
|
17
|
-
}, children: fallback.text })] }))] }));
|
|
18
|
-
};
|
|
19
|
-
exports.DestinationWalletSelector = DestinationWalletSelector;
|
|
20
|
-
//# sourceMappingURL=DestinationWalletSelector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DestinationWalletSelector.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/DestinationWalletSelector.tsx"],"names":[],"mappings":";;;;AACA,wDAAmE;AACnE,gFAG4C;AAC5C,sEAAgE;AAChE,4EAA+D;AAexD,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,KAAK,EACL,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,aACnD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,YACnC,KAAK,GACD,EACN,oBAAoB,IAAI,eAAe,CAAC,CAAC,CAAC,CACzC,uBAAC,4CAAmB,IAAC,OAAO,EAAC,aAAa,KAAK,aAAa,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,wBAAC,iBAAM,IACL,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACrD,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,EAAE,EAAE,GAAG;oBACP,EAAE,EAAE,GAAG;iBACR,EACD,OAAO,EAAE,QAAQ,CAAC,OAAO,aAExB,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,uBAAC,cAAG,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAC5B,uBAAC,mCAAe,IAAC,IAAI,EAAE,kCAAW,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACzD,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE;4BACH,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;yBACzD,YAEA,QAAQ,CAAC,IAAI,GACT,IACA,CACV,IACI,CACR,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,yBAAyB,6BA4CrC"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FeeBreakdownInfo = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
7
|
-
const Skeleton_js_1 = tslib_1.__importDefault(require("../../primitives/Skeleton.js"));
|
|
8
|
-
const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
9
|
-
const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
10
|
-
const numbers_js_1 = require("../../../utils/numbers.js");
|
|
11
|
-
const FeeBreakdownTooltip_js_1 = require("./FeeBreakdownTooltip.js");
|
|
12
|
-
const FeeBreakdownInfo = ({ isLoading, amountUsd, tokenAmountFormatted, fallbackTokenAmount, quote, feeBreakdown, token }) => {
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "end", justify: !token ? 'center' : 'start', css: {
|
|
14
|
-
gap: '1',
|
|
15
|
-
minHeight: 42
|
|
16
|
-
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", css: { gap: '1', minWidth: 0 }, children: isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.default, { css: { width: 90, height: 20 } })) : amountUsd && Number(amountUsd) > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", css: {
|
|
17
|
-
textAlign: 'right',
|
|
18
|
-
overflow: 'hidden',
|
|
19
|
-
textOverflow: 'ellipsis',
|
|
20
|
-
whiteSpace: 'nowrap',
|
|
21
|
-
minWidth: 0
|
|
22
|
-
}, children: [(0, numbers_js_1.formatDollarCompact)(Number(amountUsd)), " total"] }), (0, jsx_runtime_1.jsx)(FeeBreakdownTooltip_js_1.FeeBreakdownTooltip, { quote: quote, feeBreakdown: feeBreakdown, fromToken: token, tooltipProps: { side: 'top', align: 'end' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
|
|
23
|
-
color: 'gray8',
|
|
24
|
-
width: 16,
|
|
25
|
-
display: 'flex',
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
cursor: 'pointer',
|
|
29
|
-
flexShrink: 0
|
|
30
|
-
}, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faInfoCircle }) }) })] })) : token ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: {
|
|
31
|
-
textAlign: 'right',
|
|
32
|
-
overflow: 'hidden',
|
|
33
|
-
textOverflow: 'ellipsis',
|
|
34
|
-
whiteSpace: 'nowrap',
|
|
35
|
-
lineHeight: 'normal',
|
|
36
|
-
minWidth: 0
|
|
37
|
-
}, children: "$0 total" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: {
|
|
38
|
-
textAlign: 'right',
|
|
39
|
-
overflow: 'hidden',
|
|
40
|
-
textOverflow: 'ellipsis',
|
|
41
|
-
whiteSpace: 'nowrap',
|
|
42
|
-
minWidth: 0
|
|
43
|
-
}, children: "- total" })) }), isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.default, { css: { width: 70, height: 14 } })) : amountUsd && Number(amountUsd) > 0 ? (token && tokenAmountFormatted && Number(tokenAmountFormatted) > 0 ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: "subtleSecondary", css: {
|
|
44
|
-
overflow: 'hidden',
|
|
45
|
-
textOverflow: 'ellipsis',
|
|
46
|
-
whiteSpace: 'nowrap',
|
|
47
|
-
minWidth: 0,
|
|
48
|
-
maxWidth: '100%'
|
|
49
|
-
}, children: [(0, numbers_js_1.formatNumber)(tokenAmountFormatted, 4, true), " ", token.symbol] })) : token && fallbackTokenAmount && Number(fallbackTokenAmount) > 0 ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: "subtleSecondary", css: {
|
|
50
|
-
overflow: 'hidden',
|
|
51
|
-
textOverflow: 'ellipsis',
|
|
52
|
-
whiteSpace: 'nowrap',
|
|
53
|
-
minWidth: 0,
|
|
54
|
-
maxWidth: '100%'
|
|
55
|
-
}, children: [(0, numbers_js_1.formatNumber)(fallbackTokenAmount, 4, true), " ", token.symbol] })) : null) : token ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: "subtleSecondary", css: {
|
|
56
|
-
overflow: 'hidden',
|
|
57
|
-
textOverflow: 'ellipsis',
|
|
58
|
-
whiteSpace: 'nowrap',
|
|
59
|
-
minWidth: 0,
|
|
60
|
-
maxWidth: '100%'
|
|
61
|
-
}, children: ["0.00 ", token.symbol] })) : null] }));
|
|
62
|
-
};
|
|
63
|
-
exports.FeeBreakdownInfo = FeeBreakdownInfo;
|
|
64
|
-
//# sourceMappingURL=FeeBreakdownInfo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FeeBreakdownInfo.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FeeBreakdownTooltip = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
7
|
-
const Tooltip_js_1 = tslib_1.__importDefault(require("../../primitives/Tooltip.js"));
|
|
8
|
-
const numbers_js_1 = require("../../../utils/numbers.js");
|
|
9
|
-
const FeeBreakdownTooltip = ({ quote, feeBreakdown, fromToken, children, tooltipProps }) => {
|
|
10
|
-
const currencyInAmount = quote?.details?.currencyIn?.amountUsd;
|
|
11
|
-
const currencyInAmountFormatted = quote?.details?.currencyIn?.amountFormatted;
|
|
12
|
-
const expandedPriceImpact = quote?.details?.expandedPriceImpact;
|
|
13
|
-
const relayFee = feeBreakdown?.breakdown?.find((fee) => fee.id === 'relayer-fee');
|
|
14
|
-
const relayFeeUsd = relayFee?.usd.value ??
|
|
15
|
-
(expandedPriceImpact?.relay?.usd !== undefined
|
|
16
|
-
? Number(expandedPriceImpact.relay.usd)
|
|
17
|
-
: undefined);
|
|
18
|
-
const swapImpactUsd = feeBreakdown?.totalFees?.swapImpact?.value ??
|
|
19
|
-
(expandedPriceImpact?.swap?.usd !== undefined
|
|
20
|
-
? Number(expandedPriceImpact.swap.usd)
|
|
21
|
-
: undefined);
|
|
22
|
-
const executionFee = feeBreakdown?.breakdown?.find((fee) => fee.id === 'destination-gas');
|
|
23
|
-
const executionFeeUsd = executionFee?.usd.value ??
|
|
24
|
-
(expandedPriceImpact?.execution?.usd !== undefined
|
|
25
|
-
? Number(expandedPriceImpact.execution.usd)
|
|
26
|
-
: undefined);
|
|
27
|
-
const executionFeeLabel = executionFee?.name ?? 'Execution Fee';
|
|
28
|
-
const appFee = feeBreakdown?.breakdown?.find((fee) => fee.id === 'app-fee');
|
|
29
|
-
const appFeeUsd = appFee?.usd.value ??
|
|
30
|
-
(expandedPriceImpact?.app?.usd !== undefined
|
|
31
|
-
? Number(expandedPriceImpact.app.usd)
|
|
32
|
-
: undefined);
|
|
33
|
-
const tokenAmountFormatted = (0, numbers_js_1.formatDollar)(currencyInAmount !== undefined ? Number(currencyInAmount) : undefined);
|
|
34
|
-
const relayFeeFormatted = (0, numbers_js_1.formatDollar)(relayFeeUsd !== undefined ? Math.abs(relayFeeUsd) : undefined);
|
|
35
|
-
const swapImpactFormatted = (0, numbers_js_1.formatDollar)(swapImpactUsd !== undefined ? Math.abs(swapImpactUsd) : undefined);
|
|
36
|
-
const executionFeeFormatted = (0, numbers_js_1.formatDollar)(executionFeeUsd !== undefined ? Math.abs(executionFeeUsd) : undefined);
|
|
37
|
-
const appFeeFormatted = appFee?.usd.formatted ??
|
|
38
|
-
(0, numbers_js_1.formatDollar)(appFeeUsd !== undefined ? Math.abs(appFeeUsd) : undefined);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { minWidth: 240 }, direction: "column", children: [fromToken && currencyInAmount && tokenAmountFormatted !== '-' && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: currencyInAmountFormatted && currencyInAmountFormatted !== '-'
|
|
40
|
-
? `${(0, numbers_js_1.formatNumber)(currencyInAmountFormatted, 4, true)} ${fromToken.symbol}`
|
|
41
|
-
: fromToken.symbol }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: tokenAmountFormatted })] })), relayFeeUsd !== undefined && relayFeeFormatted !== '-' && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: relayFee?.name ?? 'Relay Fee' }), feeBreakdown?.isGasSponsored && relayFeeUsd === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "success", children: "Free" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: relayFeeFormatted }))] })), swapImpactUsd !== undefined && swapImpactFormatted !== '-' && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: "Swap Impact" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: swapImpactFormatted })] })), executionFeeUsd !== undefined && executionFeeFormatted !== '-' && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: executionFeeLabel }), feeBreakdown?.isGasSponsored && executionFeeUsd === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "success", children: "Free" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: executionFeeFormatted }))] })), appFee && appFeeUsd !== undefined && appFeeFormatted !== '-' && ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: appFee.name }), feeBreakdown?.isGasSponsored && appFeeUsd === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "success", children: "Free" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: appFeeFormatted }))] }))] }), ...tooltipProps, children: children }));
|
|
42
|
-
};
|
|
43
|
-
exports.FeeBreakdownTooltip = FeeBreakdownTooltip;
|
|
44
|
-
//# sourceMappingURL=FeeBreakdownTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownTooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const index_js_1 = require("../../primitives/index.js");
|
|
5
|
-
const SectionContainer = ({ children, css, id, isPaymentMethodOpen = false, paymentMethodMinHeight = '85vh' }) => {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "between", id: id, css: {
|
|
7
|
-
width: '100%',
|
|
8
|
-
display: 'flex',
|
|
9
|
-
flexDirection: 'column',
|
|
10
|
-
alignItems: 'start',
|
|
11
|
-
backgroundColor: { base: 'transparent', md: 'widget-card-background' },
|
|
12
|
-
border: 'widget-card-border',
|
|
13
|
-
gap: '4',
|
|
14
|
-
paddingY: { base: '12px', md: '16px' },
|
|
15
|
-
paddingX: { base: '0', md: '16px' },
|
|
16
|
-
borderRadius: { base: '0', md: 'widget-card-border-radius' },
|
|
17
|
-
minHeight: {
|
|
18
|
-
base: isPaymentMethodOpen ? paymentMethodMinHeight : 'auto',
|
|
19
|
-
md: 'auto'
|
|
20
|
-
},
|
|
21
|
-
...css
|
|
22
|
-
}, children: children }));
|
|
23
|
-
};
|
|
24
|
-
exports.default = SectionContainer;
|
|
25
|
-
//# sourceMappingURL=SectionContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/SectionContainer.tsx"],"names":[],"mappings":";;;AACA,wDAAgD;AAUhD,MAAM,gBAAgB,GAA8B,CAAC,EACnD,QAAQ,EACR,GAAG,EACH,EAAE,EACF,mBAAmB,GAAG,KAAK,EAC3B,sBAAsB,GAAG,MAAM,EAChC,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,wBAAwB,EAAE;YACtE,MAAM,EAAE,oBAAoB;YAC5B,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE;YACnC,YAAY,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,2BAA2B,EAAE;YAC5D,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,MAAM;gBAC3D,EAAE,EAAE,MAAM;aACX;YACD,GAAG,GAAG;SACP,YAEA,QAAQ,GACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
|