@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
|
@@ -1,23 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Input } from '../primitives/index.js';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
3
4
|
const AmountInput = ({ value, setValue, prefixSymbol, ...inputProps }) => {
|
|
4
|
-
return (_jsx(Input, { ...inputProps, type: "text", inputMode: "decimal", autoComplete: "off", autoCorrect: "off", pattern: "^[0-9]+(\\.[0-9]*)?$", ellipsify: true, size: "large", className:
|
|
5
|
-
width: '100%',
|
|
6
|
-
background: 'none',
|
|
7
|
-
backgroundColor: 'transparent',
|
|
8
|
-
fontWeight: '600',
|
|
9
|
-
fontSize: 32,
|
|
10
|
-
px: '0 !important',
|
|
11
|
-
py: '1',
|
|
12
|
-
_focus: {
|
|
13
|
-
boxShadow: 'none',
|
|
14
|
-
outline: 'none'
|
|
15
|
-
},
|
|
16
|
-
_placeholder: {
|
|
17
|
-
color: 'gray12'
|
|
18
|
-
},
|
|
19
|
-
...inputProps.css
|
|
20
|
-
}, placeholder: inputProps.placeholder ?? '0', value: prefixSymbol ? `${prefixSymbol}${value}` : value, onChange: inputProps.onChange
|
|
5
|
+
return (_jsx(Input, { ...inputProps, type: "text", inputMode: "decimal", autoComplete: "off", autoCorrect: "off", pattern: "^[0-9]+(\\.[0-9]*)?$", ellipsify: true, size: "large", className: cn('ph-no-capture', 'relay:w-full relay:bg-none relay:bg-transparent relay:font-bold relay:text-[32px]', 'relay:!px-0 relay:!py-0', 'relay:focus:shadow-none relay:focus:outline-none', 'relay:placeholder:text-[color:var(--relay-colors-gray12)]', inputProps.className), placeholder: inputProps.placeholder ?? '0', value: prefixSymbol ? `${prefixSymbol}${value}` : value, onChange: inputProps.onChange
|
|
21
6
|
? inputProps.onChange
|
|
22
7
|
: (e) => {
|
|
23
8
|
let newNumericValue = e.target.value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AmountInput.js","sourceRoot":"","sources":["../../../../src/components/common/AmountInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"AmountInput.js","sourceRoot":"","sources":["../../../../src/components/common/AmountInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAQtC,MAAM,WAAW,GAAc,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,GAAG,UAAU,EACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,sBAAqB,EAC7B,SAAS,QACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,eAAe,EACf,mFAAmF,EACnF,yBAAyB,EACzB,kDAAkD,EAClD,2DAA2D,EAC3D,UAAU,CAAC,SAAS,CACrB,EACD,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,GAAG,EAC1C,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EACvD,QAAQ,EACN,UAAU,CAAC,QAAQ;YACjB,CAAC,CAAC,UAAU,CAAC,QAAQ;YACrB,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;gBACJ,IAAI,eAAe,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;gBAE1D,IAAI,YAAY,EAAE,CAAC;oBACjB,IAAI,eAAe,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;wBAC7C,eAAe,GAAG,eAAe,CAAC,SAAS,CACzC,YAAY,CAAC,MAAM,CACpB,CAAA;oBACH,CAAC;oBACD,6EAA6E;oBAC7E,iEAAiE;gBACnE,CAAC;gBAED,oCAAoC;gBACpC,MAAM,KAAK,GAAG,qBAAqB,CAAA;gBACnC,IAAI,eAAe,KAAK,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC7D,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC;qBAAM,IACL,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;oBAC3B,eAAe,KAAK,EAAE,EACtB,CAAC;oBACD,QAAQ,CAAC,eAAe,CAAC,CAAA;gBAC3B,CAAC;YACH,CAAC,GAEP,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -5,9 +5,9 @@ export const BalanceDisplay = ({ balance, decimals, symbol, isLoading, hasInsuff
|
|
|
5
5
|
const compactBalance = Boolean(balance && decimals && balance.toString().length - decimals > 4);
|
|
6
6
|
const textStyle = size === 'md' ? 'subtitle2' : 'subtitle3';
|
|
7
7
|
if (pending) {
|
|
8
|
-
return (_jsx(Flex, { align: "center",
|
|
8
|
+
return (_jsx(Flex, { align: "center", className: "relay:h-[18px]", children: _jsx(Text, { style: textStyle, color: 'red', children: hideBalanceLabel ? 'pending' : 'Balance: pending' }) }));
|
|
9
9
|
}
|
|
10
|
-
return (_jsx(Flex, { align: "center",
|
|
10
|
+
return (_jsx(Flex, { align: "center", className: "relay:h-[18px]", children: isConnected ? (_jsx(_Fragment, { children: isLoading ? (_jsx(Skeleton, {})) : (_jsxs(Text, { style: textStyle, color: hasInsufficientBalance ? 'red' : 'subtleSecondary', children: [hideBalanceLabel ? '' : 'Balance: ', balance !== undefined
|
|
11
11
|
? formatBN(balance ?? 0n, 5, decimals, compactBalance) +
|
|
12
12
|
(displaySymbol && symbol ? ` ${symbol}` : '')
|
|
13
13
|
: '-', ' '] })) })) : null }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BalanceDisplay.js","sourceRoot":"","sources":["../../../../src/components/common/BalanceDisplay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAejD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,sBAAsB,EACtB,aAAa,GAAG,IAAI,EACpB,WAAW,EACX,OAAO,EACP,gBAAgB,GAAG,KAAK,EACxB,IAAI,GAAG,IAAI,EACZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,CAAC,CAChE,CAAA;IAED,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAA;IAE3D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,
|
|
1
|
+
{"version":3,"file":"BalanceDisplay.js","sourceRoot":"","sources":["../../../../src/components/common/BalanceDisplay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAejD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,sBAAsB,EACtB,aAAa,GAAG,IAAI,EACpB,WAAW,EACX,OAAO,EACP,gBAAgB,GAAG,KAAK,EACxB,IAAI,GAAG,IAAI,EACZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,CAAC,CAChE,CAAA;IAED,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAA;IAE3D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,YAC7C,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACjC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,GAC7C,GACF,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,YAC5C,WAAW,CAAC,CAAC,CAAC,CACb,4BACG,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,KAAG,CACb,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,aAExD,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACnC,OAAO,KAAK,SAAS;wBACpB,CAAC,CAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,cAAc,CAAC;4BACpD,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC/C,CAAC,CAAC,GAAG,EAAE,GAAG,IACP,CACR,GACA,CACJ,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,9 +3,9 @@ import { useState } from 'react';
|
|
|
3
3
|
import { Button, Text } from '../primitives/index.js';
|
|
4
4
|
import Tooltip from '../primitives/Tooltip.js';
|
|
5
5
|
import { useCopyToClipboard } from 'usehooks-ts';
|
|
6
|
-
import { AnimatePresence, motion } from 'framer-motion';
|
|
7
6
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
8
|
-
import { faCheck
|
|
7
|
+
import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
|
|
8
|
+
import { faCopy } from '@fortawesome/free-solid-svg-icons/faCopy';
|
|
9
9
|
export const CopyToClipBoard = ({ text }) => {
|
|
10
10
|
const [value, copy] = useCopyToClipboard();
|
|
11
11
|
const [isCopied, setIsCopied] = useState(false);
|
|
@@ -22,10 +22,6 @@ export const CopyToClipBoard = ({ text }) => {
|
|
|
22
22
|
handleCopy();
|
|
23
23
|
setOpen(true);
|
|
24
24
|
setTimeout(() => setOpen(false), 1000);
|
|
25
|
-
},
|
|
26
|
-
type: 'spring',
|
|
27
|
-
duration: 0.15,
|
|
28
|
-
bounce: 0
|
|
29
|
-
}, initial: { opacity: 0, scale: 0 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0 }, children: isCopied ? (_jsx(FontAwesomeIcon, { icon: faCheck, width: 16, height: 16 })) : (_jsx(FontAwesomeIcon, { icon: faCopy, width: 16, height: 16 })) }, isCopied ? 'Copied' : 'Copy') }) }) }));
|
|
25
|
+
}, style: { color: 'var(--relay-colors-gray9)' }, className: "relay:hover:!text-[color:var(--relay-colors-gray11)]", children: _jsx("span", { className: "relay:inline-flex relay:transition-transform relay:duration-150", children: isCopied ? (_jsx(FontAwesomeIcon, { icon: faCheck, width: 16, height: 16 })) : (_jsx(FontAwesomeIcon, { icon: faCopy, width: 16, height: 16 })) }) }) }));
|
|
30
26
|
};
|
|
31
27
|
//# sourceMappingURL=CopyToClipBoard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipBoard.js","sourceRoot":"","sources":["../../../../src/components/common/CopyToClipBoard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CopyToClipBoard.js","sourceRoot":"","sources":["../../../../src/components/common/CopyToClipBoard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAA;AAMjE,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,kBAAkB,EAAE,CAAA;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,IAAI,CAAC,CAAA;QACV,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAQ,YAEnE,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,UAAU,EAAE,CAAA;YACd,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE;gBACjB,UAAU,EAAE,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;YACxC,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC7C,SAAS,EAAC,sDAAsD,YAEhE,eAAM,SAAS,EAAC,iEAAiE,YAC9E,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACzD,GACI,GACA,GACD,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -8,7 +8,10 @@ import { useENSResolver, useWalletAddress, useLighterAccount } from '../../hooks
|
|
|
8
8
|
import { isENSName } from '../../utils/ens.js';
|
|
9
9
|
import { LoadingSpinner } from '../common/LoadingSpinner.js';
|
|
10
10
|
import { EventNames } from '../../constants/events.js';
|
|
11
|
-
import { faCircleCheck
|
|
11
|
+
import { faCircleCheck } from '@fortawesome/free-solid-svg-icons/faCircleCheck';
|
|
12
|
+
import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons/faTriangleExclamation';
|
|
13
|
+
import { faClipboard } from '@fortawesome/free-solid-svg-icons/faClipboard';
|
|
14
|
+
import { faCircleXmark } from '@fortawesome/free-solid-svg-icons/faCircleXmark';
|
|
12
15
|
import { AnchorButton } from '../primitives/Anchor.js';
|
|
13
16
|
import { truncateAddress } from '../../utils/truncate.js';
|
|
14
17
|
import { isValidAddress } from '../../utils/address.js';
|
|
@@ -85,22 +88,7 @@ export const CustomAddressModal = ({ open, toAddress, toChain, linkedWallets, is
|
|
|
85
88
|
isEvmInput,
|
|
86
89
|
toChain
|
|
87
90
|
]);
|
|
88
|
-
return (_jsx(Modal, { trigger: null, open: open, onOpenChange: onOpenChange,
|
|
89
|
-
overflow: 'hidden'
|
|
90
|
-
}, children: _jsxs(Flex, { direction: "column", css: {
|
|
91
|
-
width: '100%',
|
|
92
|
-
height: '100%',
|
|
93
|
-
gap: '4',
|
|
94
|
-
sm: {
|
|
95
|
-
width: 386
|
|
96
|
-
}
|
|
97
|
-
}, children: [_jsx(Text, { style: "h6", children: "To Address" }), _jsxs(Flex, { direction: "column", css: { gap: '2', position: 'relative' }, children: [_jsxs(Flex, { css: {
|
|
98
|
-
position: 'relative',
|
|
99
|
-
display: 'inline-block'
|
|
100
|
-
}, children: [_jsx(Input, { type: "text", inputMode: "text", autoComplete: "off", autoCorrect: "off", className: "ph-no-capture", css: {
|
|
101
|
-
width: '100%',
|
|
102
|
-
height: 48
|
|
103
|
-
}, inputStyle: {
|
|
91
|
+
return (_jsx(Modal, { trigger: null, open: open, onOpenChange: onOpenChange, className: "relay:overflow-hidden", children: _jsxs(Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-4 relay:sm:w-[386px]", children: [_jsx(Text, { style: "h6", children: "To Address" }), _jsxs(Flex, { direction: "column", className: "relay:gap-2 relay:relative", children: [_jsxs(Flex, { className: "relay:relative relay:w-full", children: [_jsx(Input, { type: "text", inputMode: "text", autoComplete: "off", autoCorrect: "off", className: "ph-no-capture relay:w-full relay:h-12", inputStyle: {
|
|
104
92
|
paddingRight: input.length > 0 ? '42px' : '16px'
|
|
105
93
|
}, placeholder: !toChain
|
|
106
94
|
? 'Enter address'
|
|
@@ -110,50 +98,24 @@ export const CustomAddressModal = ({ open, toAddress, toChain, linkedWallets, is
|
|
|
110
98
|
? `${toChain.displayName} address or EVM address`
|
|
111
99
|
: `Enter ${toChain.displayName} address`, value: input, onChange: (e) => {
|
|
112
100
|
setInput(e.target.value);
|
|
113
|
-
} }), input.length > 0 && !isLoading && (_jsx(Button, { color: "ghost", size: "none",
|
|
114
|
-
position: 'absolute',
|
|
115
|
-
right: '8px',
|
|
116
|
-
top: '50%',
|
|
117
|
-
transform: 'translateY(-50%)',
|
|
118
|
-
width: '24px',
|
|
119
|
-
height: '24px',
|
|
120
|
-
minWidth: '24px',
|
|
121
|
-
minHeight: '24px',
|
|
122
|
-
padding: '0',
|
|
123
|
-
borderRadius: '4px',
|
|
124
|
-
display: 'flex',
|
|
125
|
-
alignItems: 'center',
|
|
126
|
-
justifyContent: 'center',
|
|
127
|
-
backgroundColor: 'gray3',
|
|
128
|
-
color: 'gray8'
|
|
129
|
-
}, onMouseDown: (e) => {
|
|
101
|
+
} }), input.length > 0 && !isLoading && (_jsx(Button, { color: "ghost", size: "none", className: "relay:absolute relay:right-[8px] relay:top-1/2 relay:-translate-y-1/2 relay:!w-[24px] relay:!h-[24px] relay:!min-w-0 relay:!min-h-0 relay:!leading-none relay:p-0 relay:rounded relay:flex relay:items-center relay:justify-center relay:bg-[var(--relay-colors-gray3)] relay:!text-[color:var(--relay-colors-gray8)]", onMouseDown: (e) => {
|
|
130
102
|
e.preventDefault(); // Prevent input from losing focus
|
|
131
103
|
}, onClick: () => {
|
|
132
104
|
setInput('');
|
|
133
|
-
}, children: _jsx(FontAwesomeIcon, { icon: faCircleXmark, width: 16, height: 16 }) })), isLoading && (_jsx(LoadingSpinner, {
|
|
134
|
-
right: 2,
|
|
135
|
-
top: 3,
|
|
136
|
-
position: 'absolute'
|
|
137
|
-
} }))] }), isLighterError ? (_jsx(Text, { color: "red", style: "subtitle2", children: "Failed to resolve Lighter address" })) : isLighterChain &&
|
|
105
|
+
}, children: _jsx(FontAwesomeIcon, { icon: faCircleXmark, width: 16, height: 16 }) })), isLoading && (_jsx("div", { className: "relay:absolute relay:right-2 relay:top-[12px]", children: _jsx(LoadingSpinner, {}) }))] }), isLighterError ? (_jsx(Text, { color: "red", style: "subtitle2", children: "Failed to resolve Lighter address" })) : isLighterChain &&
|
|
138
106
|
isEvmInput &&
|
|
139
107
|
!isResolvingLighter &&
|
|
140
|
-
!resolvedLighterIndex ? (_jsx(Text, { color: "red", style: "subtitle2", children: "No Lighter account found for this EVM address" })) : !address && input.length && !isLoading ? (_jsx(Text, { color: "red", style: "subtitle2", children: "Not a valid address" })) : null, didResolveLighterFromEvm && resolvedLighterIndex ? (_jsxs(Flex, {
|
|
108
|
+
!resolvedLighterIndex ? (_jsx(Text, { color: "red", style: "subtitle2", children: "No Lighter account found for this EVM address" })) : !address && input.length && !isLoading ? (_jsx(Text, { color: "red", style: "subtitle2", children: "Not a valid address" })) : null, didResolveLighterFromEvm && resolvedLighterIndex ? (_jsxs(Flex, { className: "relay:bg-[var(--relay-colors-green2)] relay:p-2 relay:rounded-lg relay:gap-2", align: "center", children: [_jsx(FontAwesomeIcon, { icon: faCircleCheck, color: "#30A46C", width: 16, height: 16 }), _jsxs(Text, { style: "subtitle3", children: ["Lighter Account ID: ", resolvedLighterIndex] })] })) : null, !connectedAddressSet && address && isConnected ? (_jsxs(Flex, { className: "relay:bg-[var(--relay-colors-amber2)] relay:p-2 relay:rounded-lg relay:gap-2", align: "center", children: [_jsx(FontAwesomeIcon, { icon: faTriangleExclamation, color: "#FFA01C", width: 16, height: 16, className: "relay:shrink-0" }), _jsxs(Text, { style: "subtitle3", color: "warning", children: ["This isn't the connected wallet address. Please ensure that the address provided is accurate.", ' '] })] })) : null, !multiWalletSupportEnabled && isConnected ? (connectedAddressSet ? (_jsxs(Flex, { className: "relay:bg-[var(--relay-colors-green2)] relay:p-2 relay:rounded-lg relay:gap-2", align: "center", children: [_jsx(FontAwesomeIcon, { icon: faCircleCheck, color: "#30A46C", width: 16, height: 16 }), _jsx(Text, { style: "subtitle3", children: "Connected Wallet" })] })) : (_jsx(AnchorButton, { onClick: () => {
|
|
141
109
|
onClear();
|
|
142
110
|
onOpenChange(false);
|
|
143
|
-
}, children: "Use connected wallet address" }))) : null, filteredRecentCustomAddresses.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: "subtitle2", children: "Recent addresses" }), _jsx(Flex, {
|
|
144
|
-
display: 'flex',
|
|
145
|
-
alignItems: 'center',
|
|
146
|
-
gap: '6px',
|
|
147
|
-
cursor: 'pointer',
|
|
148
|
-
px: '8px'
|
|
149
|
-
}, onClick: () => {
|
|
111
|
+
}, children: "Use connected wallet address" }))) : null, filteredRecentCustomAddresses.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: "subtitle2", children: "Recent addresses" }), _jsx(Flex, { className: "relay:gap-2 relay:flex-wrap", align: "center", children: filteredRecentCustomAddresses.map((address) => (_jsxs(Pill, { color: "transparent", bordered: true, radius: "squared", className: "relay:flex relay:items-center relay:gap-[6px] relay:cursor-pointer relay:px-2", onClick: () => {
|
|
150
112
|
onConfirmed(address);
|
|
151
113
|
onOpenChange(false);
|
|
152
114
|
onAnalyticEvent?.(EventNames.ADDRESS_MODAL_CONFIRMED, {
|
|
153
115
|
address: address,
|
|
154
116
|
context: 'custom_address'
|
|
155
117
|
});
|
|
156
|
-
}, children: [_jsx(FontAwesomeIcon, { icon: faClipboard, width: 16, height: 16, color: "#9CA3AF" }), _jsx(Text, { style: "subtitle2", children: truncateAddress(address) })] }, address))) })] })) : null] }), _jsx(Button, { cta: true, disabled: isLoading || !isValidAddress(toChain?.vmType, address, toChain?.id),
|
|
118
|
+
}, children: [_jsx(FontAwesomeIcon, { icon: faClipboard, width: 16, height: 16, color: "#9CA3AF" }), _jsx(Text, { style: "subtitle2", children: truncateAddress(address) })] }, address))) })] })) : null] }), _jsx(Button, { cta: true, disabled: isLoading || !isValidAddress(toChain?.vmType, address, toChain?.id), className: "relay:justify-center", onClick: () => {
|
|
157
119
|
if (isValidAddress(toChain?.vmType, address, toChain?.id)) {
|
|
158
120
|
// Save the address to custom addresses if it's not a connected wallet address
|
|
159
121
|
const isConnectedWallet = availableWallets.some((wallet) => wallet.address === address);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomAddressModal.js","sourceRoot":"","sources":["../../../../src/components/common/CustomAddressModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAgB,SAAS,EAAE,MAAM,MAAM,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,
|
|
1
|
+
{"version":3,"file":"CustomAddressModal.js","sourceRoot":"","sources":["../../../../src/components/common/CustomAddressModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAgB,SAAS,EAAE,MAAM,MAAM,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAA;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAiBzD,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAC5C,IAAI,EACJ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,yBAAyB,EACzB,MAAM,EACN,eAAe,EACf,YAAY,EACZ,WAAW,EACX,OAAO,EACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAChE,EAAE,CACH,CAAA;IACD,MAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,uBAAuB,CAAA;IAE5E,8EAA8E;IAC9E,MAAM,cAAc,GAAG,OAAO,EAAE,MAAM,KAAK,KAAK,CAAA;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACnC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,EACJ,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,cAAc,EACxB,GAAG,iBAAiB,CACnB,cAAc,IAAI,CAAC,UAAU,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAC1E,CAAA;IAED,MAAM,oBAAoB,GAAG,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;IAE9D,MAAM,wBAAwB,GAC5B,cAAc;QACd,UAAU;QACV,CAAC,CAAC,oBAAoB;QACtB,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IAExC,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACH,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC9B,cAAc,CACZ,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,OAAO,EACd,OAAO,EAAE,EAAE,EACX,MAAM,CAAC,SAAS,EAChB,qBAAqB,CACtB,CACF,EACH,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAA;IAED,MAAM,6BAA6B,GAAG,OAAO,CAC3C,GAAG,EAAE,CACH,qBAAqB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CACvC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CACtD,EACH,CAAC,qBAAqB,EAAE,OAAO,CAAC,CACjC,CAAA;IAED,qFAAqF;IACrF,MAAM,wBAAwB,GAC5B,cAAc;QACd,CAAC,CAAC,cAAc;QAChB,kEAAkE;QAClE,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE,WAAW,EAAE,CAAC;YACtE,qFAAqF;YACrF,CAAC,mBAAmB;gBAClB,cAAc,CAAC,UAAU,EAAE,WAAW,EAAE;oBACtC,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;IAEzC,MAAM,mBAAmB,GACvB,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC,SAAS,KAAK,gBAAgB,IAAI,OAAO,KAAK,gBAAgB,CAAC;QAChE,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS,CAAC;QAC/D,wBAAwB,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,QAAQ,CAAC,EAAE,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,IAAI,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;gBAClE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBACtC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;YACtC,CAAC;YACD,yCAAyC;YACzC,wBAAwB,CAAC,kBAAkB,EAAE,CAAC,CAAA;YAC9C,eAAe,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,cAAc,CACnE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAA;IAED,MAAM,SAAS,GAAG,YAAY,IAAI,kBAAkB,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,UAAU,EAAE,CAAC;YACjC,UAAU,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAA;QACxC,CAAC;aAAM,IAAI,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;YAC/D,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;aAAM,IAAI,WAAW,EAAE,OAAO,EAAE,CAAC;YAChC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QACjC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EAAE;QACD,KAAK;QACL,WAAW;QACX,oBAAoB;QACpB,cAAc;QACd,UAAU;QACV,OAAO;KACR,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,uBAAuB,YAEjC,MAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,0DAA0D,aAEpE,KAAC,IAAI,IAAC,KAAK,EAAC,IAAI,2BAAkB,EAClC,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,aAC7D,MAAC,IAAI,IACH,SAAS,EAAC,6BAA6B,aAEvC,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,MAAM,EAChB,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,SAAS,EAAC,uCAAuC,EACjD,UAAU,EAAE;wCACV,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;qCACjD,EACD,WAAW,EACT,CAAC,OAAO;wCACN,CAAC,CAAC,eAAe;wCACjB,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,KAAK;4CACxB,CAAC,CAAC,gBAAgB;4CAClB,CAAC,CAAC,cAAc;gDACd,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,yBAAyB;gDACjD,CAAC,CAAC,SAAS,OAAO,CAAC,WAAW,UAAU,EAEhD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wCACd,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;oCAChD,CAAC,GACD,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,CACjC,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uTAAuT,EACjU,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wCACjB,CAAC,CAAC,cAAc,EAAE,CAAA,CAAC,kCAAkC;oCACvD,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;oCACd,CAAC,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACxD,CACV,EACA,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,cAAc,KAAG,GACd,CACP,IACI,EACN,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,WAAW,kDAE5B,CACR,CAAC,CAAC,CAAC,cAAc;4BAChB,UAAU;4BACV,CAAC,kBAAkB;4BACnB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,WAAW,8DAE5B,CACR,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAC3C,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,WAAW,oCAE5B,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,wBAAwB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAClD,MAAC,IAAI,IACH,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAC,QAAQ,aAEd,KAAC,eAAe,IACd,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EACF,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,qCACA,oBAAoB,IACpC,IACF,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,CAAC,mBAAmB,IAAI,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,CAChD,MAAC,IAAI,IACH,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAC,QAAQ,aAEd,KAAC,eAAe,IACd,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,gBAAgB,GAC1B,EACF,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,8GAEP,GAAG,IAC5B,IACF,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,CAAC,yBAAyB,IAAI,WAAW,CAAC,CAAC,CAAC,CAC3C,mBAAmB,CAAC,CAAC,CAAC,CACpB,MAAC,IAAI,IACH,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAC,QAAQ,aAEd,KAAC,eAAe,IACd,IAAI,EAAE,aAAa,EACnB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,iCAAwB,IAC1C,CACR,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,EAAE,CAAA;gCACT,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC,6CAGY,CAChB,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,6BAA6B,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1C,8BACE,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,iCAAwB,EAC/C,KAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAC,QAAQ,YACzD,6BAA6B,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC9C,MAAC,IAAI,IAEH,KAAK,EAAC,aAAa,EACnB,QAAQ,QACR,MAAM,EAAC,SAAS,EAChB,SAAS,EAAC,+EAA+E,EACzF,OAAO,EAAE,GAAG,EAAE;4CACZ,WAAW,CAAC,OAAO,CAAC,CAAA;4CACpB,YAAY,CAAC,KAAK,CAAC,CAAA;4CACnB,eAAe,EAAE,CAAC,UAAU,CAAC,uBAAuB,EAAE;gDACpD,OAAO,EAAE,OAAO;gDAChB,OAAO,EAAE,gBAAgB;6CAC1B,CAAC,CAAA;wCACJ,CAAC,aAED,KAAC,eAAe,IACd,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,SAAS,GACf,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,eAAe,CAAC,OAAO,CAAC,GAAQ,KApBpD,OAAO,CAqBP,CACR,CAAC,GACG,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,EACP,KAAC,MAAM,IACL,GAAG,EAAE,IAAI,EACT,QAAQ,EACN,SAAS,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,EAErE,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;4BAC1D,8EAA8E;4BAC9E,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,CAC7C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CACvC,CAAA;4BACD,IAAI,CAAC,iBAAiB,IAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC;gCACvD,gBAAgB,CAAC,OAAO,CAAC,CAAA;gCACzB,wBAAwB,CAAC,kBAAkB,EAAE,CAAC,CAAA;4BAChD,CAAC;4BAED,WAAW,CAAC,OAAO,CAAC,CAAA;4BACpB,eAAe,EAAE,CAAC,UAAU,CAAC,uBAAuB,EAAE;gCACpD,OAAO,EAAE,OAAO;gCAChB,OAAO,EAAE,OAAO;6BACjB,CAAC,CAAA;wBACJ,CAAC;wBACD,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,iBACW,aAAa,qBAGlB,IACJ,GACD,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Text } from '../primitives/index.js';
|
|
4
|
+
import { cn } from '../../utils/cn.js';
|
|
4
5
|
const ErrorWell = ({ error, hasTxHashes, fromChain }) => {
|
|
5
6
|
const renderedErrorMessage = React.useMemo(() => {
|
|
6
7
|
if (error && error.response?.data?.message) {
|
|
@@ -32,35 +33,14 @@ const ErrorWell = ({ error, hasTxHashes, fromChain }) => {
|
|
|
32
33
|
}, [error?.message, hasTxHashes]);
|
|
33
34
|
const shouldScrollErrorMessage = typeof renderedErrorMessage === 'string' &&
|
|
34
35
|
renderedErrorMessage.length > 280;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
'&::-webkit-scrollbar': {
|
|
44
|
-
width: '6px',
|
|
45
|
-
background: 'transparent'
|
|
46
|
-
},
|
|
47
|
-
'&::-webkit-scrollbar-track': {
|
|
48
|
-
background: 'transparent'
|
|
49
|
-
},
|
|
50
|
-
'&::-webkit-scrollbar-thumb': {
|
|
51
|
-
backgroundColor: 'var(--relay-colors-gray5)',
|
|
52
|
-
borderRadius: '999px'
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
: {};
|
|
56
|
-
return (_jsx(Text, { style: "subtitle1", css: {
|
|
57
|
-
my: '4',
|
|
58
|
-
textAlign: 'center',
|
|
59
|
-
width: '100%',
|
|
60
|
-
wordBreak: 'break-word',
|
|
61
|
-
overflowWrap: 'anywhere',
|
|
62
|
-
...scrollStyles
|
|
63
|
-
}, children: renderedErrorMessage }));
|
|
36
|
+
return (_jsx(Text, { style: "subtitle1", className: cn('relay:my-4 relay:text-center relay:w-full relay:break-words', '[overflow-wrap:anywhere]', shouldScrollErrorMessage && [
|
|
37
|
+
'relay:max-h-[min(36vh,220px)] relay:overflow-y-auto relay:px-1',
|
|
38
|
+
'[scrollbar-width:thin]',
|
|
39
|
+
'[scrollbar-color:var(--relay-colors-gray5)_transparent]',
|
|
40
|
+
'relay:[&::-webkit-scrollbar]:w-[6px] relay:[&::-webkit-scrollbar]:bg-transparent',
|
|
41
|
+
'relay:[&::-webkit-scrollbar-track]:bg-transparent',
|
|
42
|
+
'relay:[&::-webkit-scrollbar-thumb]:bg-[var(--relay-colors-gray5)] relay:[&::-webkit-scrollbar-thumb]:rounded-full'
|
|
43
|
+
]), children: renderedErrorMessage }));
|
|
64
44
|
};
|
|
65
45
|
export default ErrorWell;
|
|
66
46
|
//# sourceMappingURL=ErrorWell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorWell.js","sourceRoot":"","sources":["../../../../src/components/common/ErrorWell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"ErrorWell.js","sourceRoot":"","sources":["../../../../src/components/common/ErrorWell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAQtC,MAAM,SAAS,GAAoB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAoB,EAAE;QAC/D,IAAI,KAAK,IAAM,KAAoB,CAAC,QAAQ,EAAE,IAAY,EAAE,OAAO,EAAE,CAAC;YACpE,OAAQ,KAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAA;QAC/C,CAAC;QACD,IACE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,iCAAiC,CAAC;YAC3D,CAAC,KAAK,EAAE,OAAO,EACf,CAAC;YACD,OAAO,+DAA+D,CAAA;QACxE,CAAC;aAAM,IACL,KAAK,EAAE,IAAI;YACX,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,wBAAwB,CAAC;gBACjD,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,EACnD,CAAC;YACD,OAAO,gCAAgC,SAAS,EAAE,WAAW,IAAI,YAAY,EAAE,CAAA;QACjF,CAAC;QACD,IACE,CAAC,WAAW;YACZ,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,+BAA+B,CAAC,EACzD,CAAC;YACD,OAAO,gJAAgJ,CAAA;QACzJ,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;YAC3D,OAAO,8GAA8G,CAAA;QACvH,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACrD,OAAO,iGAAiG,CAAA;QAC1G,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;YACzD,OAAO,yEAAyE,CAAA;QAClF,CAAC;QACD,OAAO,KAAK,EAAE,OAAO,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjC,MAAM,wBAAwB,GAC5B,OAAO,oBAAoB,KAAK,QAAQ;QACxC,oBAAoB,CAAC,MAAM,GAAG,GAAG,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,0BAA0B,EAC1B,wBAAwB,IAAI;YAC1B,gEAAgE;YAChE,wBAAwB;YACxB,yDAAyD;YACzD,kFAAkF;YAClF,mDAAmD;YACnD,mHAAmH;SACpH,CACF,YAEA,oBAAoB,GAChB,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
4
|
import { ProviderOptionsContext } from '../../providers/RelayKitProvider.js';
|
|
5
5
|
const SpinnerSVG = (props) => {
|
|
6
6
|
return (_jsx("svg", { width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M12.375 1.875C12.375 2.92969 11.5156 3.75 10.5 3.75C9.44531 3.75 8.625 2.92969 8.625 1.875C8.625 0.859375 9.44531 0 10.5 0C11.5156 0 12.375 0.859375 12.375 1.875ZM12.375 18.125C12.375 19.1797 11.5156 20 10.5 20C9.44531 20 8.625 19.1797 8.625 18.125C8.625 17.1094 9.44531 16.25 10.5 16.25C11.5156 16.25 12.375 17.1094 12.375 18.125ZM0.5 10C0.5 8.98438 1.32031 8.125 2.375 8.125C3.39062 8.125 4.25 8.98438 4.25 10C4.25 11.0547 3.39062 11.875 2.375 11.875C1.32031 11.875 0.5 11.0547 0.5 10ZM20.5 10C20.5 11.0547 19.6406 11.875 18.625 11.875C17.5703 11.875 16.75 11.0547 16.75 10C16.75 8.98438 17.5703 8.125 18.625 8.125C19.6406 8.125 20.5 8.98438 20.5 10ZM3.39062 17.0703C2.6875 16.3672 2.6875 15.1562 3.39062 14.4531C4.13281 13.7109 5.34375 13.7109 6.04688 14.4531C6.78906 15.1562 6.78906 16.3672 6.04688 17.0703C5.34375 17.8125 4.13281 17.8125 3.39062 17.0703ZM6.04688 5.58594C5.34375 6.32812 4.13281 6.32812 3.39062 5.58594C2.6875 4.88281 2.6875 3.67188 3.39062 2.92969C4.13281 2.22656 5.34375 2.22656 6.04688 2.92969C6.78906 3.67188 6.78906 4.88281 6.04688 5.58594ZM14.9141 14.4531C15.6172 13.7109 16.8281 13.7109 17.5703 14.4531C18.2734 15.1562 18.2734 16.3672 17.5703 17.0703C16.8281 17.8125 15.6172 17.8125 14.9141 17.0703C14.1719 16.3672 14.1719 15.1562 14.9141 14.4531Z" }) }));
|
|
7
7
|
};
|
|
8
|
-
const
|
|
9
|
-
base: {
|
|
10
|
-
animation: 'spin 1s linear infinite',
|
|
11
|
-
fill: 'primary-color'
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
export const LoadingSpinner = ({ css }) => {
|
|
8
|
+
export const LoadingSpinner = ({ className }) => {
|
|
15
9
|
const providerOptionsContext = useContext(ProviderOptionsContext);
|
|
16
10
|
if (providerOptionsContext.loader) {
|
|
17
|
-
return (_jsx("div", { className:
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
20
|
-
fill:
|
|
11
|
+
return (_jsx("div", { className: cn(className), children: providerOptionsContext.loader({
|
|
12
|
+
width: 20,
|
|
13
|
+
height: 20,
|
|
14
|
+
fill: undefined
|
|
21
15
|
}) }));
|
|
22
16
|
}
|
|
23
|
-
return (_jsx(SpinnerSVG, { className:
|
|
17
|
+
return (_jsx(SpinnerSVG, { className: cn('relay:animate-spin relay:fill-[var(--relay-colors-primary-color)]', className) }));
|
|
24
18
|
};
|
|
25
19
|
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/common/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/common/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,MAAM,UAAU,GAAgC,CAAC,KAAK,EAAE,EAAE;IACxD,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,YAET,eAAM,CAAC,EAAC,6vCAA6vC,GAAG,GACpwC,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAA+B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1E,MAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,IAAI,sBAAsB,CAAC,MAAM,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAC1B,sBAAsB,CAAC,MAAM,CAAC;gBAC7B,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,IAAI,EAAE,SAAS;aAChB,CAAC,GACE,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,27 +4,9 @@ import { Root as DialogRoot, DialogTrigger, DialogPortal, DialogClose } from '@r
|
|
|
4
4
|
import { Button } from '../primitives/index.js';
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
6
|
import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
top: 0,
|
|
12
|
-
left: 0,
|
|
13
|
-
right: 0,
|
|
14
|
-
bottom: 0,
|
|
15
|
-
backgroundColor: 'blackA10'
|
|
16
|
-
}, style: { zIndex: overlayZIndex }, children: _jsxs(AnimatedContent, { forceMount: true, css: {
|
|
17
|
-
'--borderColor': 'colors.subtle-border-color',
|
|
18
|
-
border: '1px solid var(--borderColor)',
|
|
19
|
-
padding: '4',
|
|
20
|
-
...css
|
|
21
|
-
}, disableAnimation: disableAnimation, onPointerDownOutside: props.onPointerDownOutside, onOpenAutoFocus: props.onOpenAutoFocus, children: [showCloseButton ? (_jsx(DialogClose, { asChild: true, style: {
|
|
22
|
-
position: 'absolute',
|
|
23
|
-
right: 10,
|
|
24
|
-
top: 12,
|
|
25
|
-
zIndex: 10
|
|
26
|
-
}, children: _jsx(Button, { color: "ghost", size: "none", css: { color: 'gray9', p: '2' }, onClick: (e) => {
|
|
27
|
-
props.onCloseButtonClicked?.(e);
|
|
28
|
-
}, children: _jsx(FontAwesomeIcon, { icon: faXmark, width: 16, height: 16 }) }) })) : null, children] }) }) })) : null })] }));
|
|
7
|
+
export const Modal = ({ trigger, className, contentStyle, overlayZIndex = 10000000, showCloseButton = true, disableAnimation = false, children, ...props }) => {
|
|
8
|
+
return (_jsxs(DialogRoot, { modal: true, ...props, children: [_jsx(DialogTrigger, { asChild: true, children: trigger }), props.open ? (_jsx(DialogPortal, { forceMount: true, children: _jsx(Overlay, { forceMount: true, className: "relay:fixed relay:inset-0 relay:bg-[var(--relay-colors-blackA10)]", style: { zIndex: overlayZIndex }, children: _jsxs(AnimatedContent, { forceMount: true, className: `relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)] relay:p-4 ${className ?? ''}`, style: contentStyle, disableAnimation: disableAnimation, onPointerDownOutside: props.onPointerDownOutside, onOpenAutoFocus: props.onOpenAutoFocus, children: [showCloseButton ? (_jsx(DialogClose, { asChild: true, className: "relay:absolute relay:right-[10px] relay:top-[12px] relay:z-10", children: _jsx(Button, { color: "ghost", size: "none", className: "relay:text-[color:var(--relay-colors-gray9)] relay:p-2", onClick: (e) => {
|
|
9
|
+
props.onCloseButtonClicked?.(e);
|
|
10
|
+
}, children: _jsx(FontAwesomeIcon, { icon: faXmark, width: 16, height: 16 }) }) })) : null, children] }) }) })) : null] }));
|
|
29
11
|
};
|
|
30
12
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/common/Modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EACL,IAAI,IAAI,UAAU,EAClB,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/common/Modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EACL,IAAI,IAAI,UAAU,EAClB,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAenE,MAAM,CAAC,MAAM,KAAK,GAOd,CAAC,EACH,OAAO,EACP,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,KAAK,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,IAAI,KAAM,KAAK,aAChC,KAAC,aAAa,IAAC,OAAO,kBAAE,OAAO,GAAiB,EAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,YAAY,IAAC,UAAU,kBACtB,KAAC,OAAO,IACN,UAAU,QACV,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,YAEhC,MAAC,eAAe,IACd,UAAU,QACV,SAAS,EAAE,oGAAoG,SAAS,IAAI,EAAE,EAAE,EAChI,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,eAAe,EAAE,KAAK,CAAC,eAAe,aAErC,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,WAAW,IACV,OAAO,QACP,SAAS,EAAC,+DAA+D,YAEzE,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAA;oCACjC,CAAC,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClD,GACG,CACf,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACO,GACV,GACG,CAChB,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,12 +4,14 @@ import { Dropdown, DropdownMenuItem } from '../primitives/Dropdown.js';
|
|
|
4
4
|
import { Box, Button, Flex, Text } from '../primitives/index.js';
|
|
5
5
|
import { truncateAddress } from '../../utils/truncate.js';
|
|
6
6
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
7
|
-
import { faChevronDown
|
|
7
|
+
import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
|
|
8
|
+
import { faClipboard } from '@fortawesome/free-solid-svg-icons/faClipboard';
|
|
8
9
|
import { eclipse, eclipseWallets, solana } from '../../utils/solana.js';
|
|
9
10
|
import { useENSResolver } from '../../hooks/index.js';
|
|
10
11
|
import { EventNames } from '../../constants/events.js';
|
|
11
12
|
import { isValidAddress, addressesEqual, isWalletVmTypeCompatible } from '../../utils/address.js';
|
|
12
13
|
import { ProviderOptionsContext } from '../../providers/RelayKitProvider.js';
|
|
14
|
+
import { cn } from '../../utils/cn.js';
|
|
13
15
|
export const MultiWalletDropdown = ({ context, wallets, selectedWalletAddress, chain, disablePasteWalletAddressOption, testId, onSelect, onAnalyticEvent, onLinkNewWallet, setAddressModalOpen, disableWalletFiltering = false }) => {
|
|
14
16
|
const [open, setOpen] = useState(false);
|
|
15
17
|
const providerOptionsContext = useContext(ProviderOptionsContext);
|
|
@@ -59,6 +61,7 @@ export const MultiWalletDropdown = ({ context, wallets, selectedWalletAddress, c
|
|
|
59
61
|
enabled: shouldResolveEns
|
|
60
62
|
});
|
|
61
63
|
const shouldShowEns = isEnsCapableVmType && Boolean(displayName);
|
|
64
|
+
const dropdownItemClassName = 'relay:rounded-lg relay:gap-2 relay:cursor-pointer relay:p-2 relay:transition-[background-color] relay:duration-150 relay:ease-linear relay:hover:bg-[var(--relay-colors-gray3)] relay:shrink-0 relay:content-center relay:w-full';
|
|
62
65
|
return (_jsx(Dropdown, { open: showDropdown ? open : false, onOpenChange: (open) => {
|
|
63
66
|
if (showDropdown) {
|
|
64
67
|
setOpen(open);
|
|
@@ -75,42 +78,26 @@ export const MultiWalletDropdown = ({ context, wallets, selectedWalletAddress, c
|
|
|
75
78
|
context: 'not_connected'
|
|
76
79
|
});
|
|
77
80
|
}
|
|
78
|
-
}, size: "none", corners: "pill",
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
flexShrink: 0
|
|
90
|
-
} })) : selectedWalletAddress && !selectedWallet ? (_jsx(Box, { css: { color: 'amber11', flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faClipboard, width: 16, height: 16 }) })) : null, _jsx(Text, { style: "subtitle2", css: {
|
|
91
|
-
color: !selectedWallet && selectedWalletAddress
|
|
92
|
-
? 'amber11'
|
|
93
|
-
: 'anchor-color',
|
|
94
|
-
whiteSpace: 'nowrap',
|
|
95
|
-
overflow: 'hidden',
|
|
96
|
-
textOverflow: 'ellipsis'
|
|
97
|
-
}, children: isSupportedSelectedWallet &&
|
|
98
|
-
selectedWalletAddress &&
|
|
99
|
-
selectedWalletAddress != ''
|
|
100
|
-
? shouldShowEns
|
|
101
|
-
? displayName
|
|
102
|
-
: truncateAddress(selectedWalletAddress)
|
|
103
|
-
: 'Select wallet' })] }), showDropdown && (_jsx(Box, { css: {
|
|
81
|
+
}, size: "none", corners: "pill", className: "relay:gap-2 relay:!px-2 relay:py-1 relay:cursor-pointer relay:flex relay:content-center", "data-testid": testId, children: [_jsxs(Flex, { align: "center", className: "relay:gap-1 relay:shrink relay:min-w-0", children: [isSupportedSelectedWallet && selectedWallet?.walletLogoUrl ? (_jsx("img", { src: selectedWallet.walletLogoUrl, className: "relay:w-[16px] relay:h-[16px] relay:rounded-[4px] relay:shrink-0" })) : selectedWalletAddress && !selectedWallet ? (_jsx(Box, { className: "relay:text-[color:var(--relay-colors-amber11)] relay:shrink-0", children: _jsx(FontAwesomeIcon, { icon: faClipboard, width: 16, height: 16 }) })) : null, _jsx(Text, { style: "subtitle2", className: "relay:whitespace-nowrap relay:overflow-hidden relay:text-ellipsis", children: _jsx("span", { style: {
|
|
82
|
+
color: !selectedWallet && selectedWalletAddress
|
|
83
|
+
? 'var(--relay-colors-amber11)'
|
|
84
|
+
: 'var(--relay-colors-primary11)'
|
|
85
|
+
}, children: isSupportedSelectedWallet &&
|
|
86
|
+
selectedWalletAddress &&
|
|
87
|
+
selectedWalletAddress != ''
|
|
88
|
+
? shouldShowEns
|
|
89
|
+
? displayName
|
|
90
|
+
: truncateAddress(selectedWalletAddress)
|
|
91
|
+
: 'Select wallet' }) })] }), showDropdown && (_jsx("div", { className: "relay:shrink-0", style: {
|
|
104
92
|
color: !selectedWallet && selectedWalletAddress
|
|
105
|
-
? 'amber11'
|
|
106
|
-
: '
|
|
107
|
-
flexShrink: 0
|
|
93
|
+
? 'var(--relay-colors-amber11)'
|
|
94
|
+
: 'var(--relay-colors-primary11)'
|
|
108
95
|
}, children: _jsx(FontAwesomeIcon, { icon: faChevronDown, width: 14, height: 14 }) }))] }), contentProps: {
|
|
109
96
|
sideOffset: 12,
|
|
110
97
|
alignOffset: -12,
|
|
111
98
|
align: 'end',
|
|
112
|
-
|
|
113
|
-
}, children: _jsxs(Flex, { direction: "column",
|
|
99
|
+
className: 'relay:max-w-[248px] relay:p-0'
|
|
100
|
+
}, children: _jsxs(Flex, { direction: "column", className: "relay:rounded-[12px] relay:p-1 relay:gap-1", children: [filteredWallets.map((wallet, idx) => {
|
|
114
101
|
return (_jsxs(DropdownMenuItem, { "aria-label": wallet.address, onClick: () => {
|
|
115
102
|
onAnalyticEvent?.(EventNames.WALLET_SELECTOR_SELECT, {
|
|
116
103
|
context: 'select_option',
|
|
@@ -120,38 +107,17 @@ export const MultiWalletDropdown = ({ context, wallets, selectedWalletAddress, c
|
|
|
120
107
|
});
|
|
121
108
|
setOpen(false);
|
|
122
109
|
onSelect(wallet);
|
|
123
|
-
},
|
|
124
|
-
|
|
125
|
-
'--borderColor': 'colors.gray.6',
|
|
126
|
-
border: '1px solid var(--borderColor)'
|
|
127
|
-
}, children: [wallet.walletLogoUrl ? (_jsx("img", { src: wallet.walletLogoUrl, style: { width: 16, height: 16, borderRadius: 4 } })) : null, _jsx(Text, { style: "subtitle2", children: truncateAddress(wallet.address) })] }, idx));
|
|
128
|
-
}), _jsx(DropdownMenuItem, { "aria-label": "Connect a new wallet", css: {
|
|
129
|
-
...DropdownItemBaseStyle
|
|
130
|
-
}, onClick: () => {
|
|
110
|
+
}, className: cn(dropdownItemClassName, 'relay:border relay:border-solid relay:border-[var(--relay-colors-gray-6)]'), children: [wallet.walletLogoUrl ? (_jsx("img", { src: wallet.walletLogoUrl, className: "relay:w-[16px] relay:h-[16px] relay:rounded-[4px]" })) : null, _jsx(Text, { style: "subtitle2", children: truncateAddress(wallet.address) })] }, idx));
|
|
111
|
+
}), _jsx(DropdownMenuItem, { "aria-label": "Connect a new wallet", className: dropdownItemClassName, onClick: () => {
|
|
131
112
|
onAnalyticEvent?.(EventNames.WALLET_SELECTOR_SELECT, {
|
|
132
113
|
context: 'link_option'
|
|
133
114
|
});
|
|
134
115
|
onLinkNewWallet();
|
|
135
|
-
}, children: _jsx(Text, { style: "subtitle2", children: "Connect a new wallet" }) }), context === 'destination' && !disablePasteWalletAddressOption ? (_jsx(DropdownMenuItem, { "aria-label": "Paste wallet address",
|
|
136
|
-
...DropdownItemBaseStyle
|
|
137
|
-
}, onClick: () => {
|
|
116
|
+
}, children: _jsx(Text, { style: "subtitle2", children: "Connect a new wallet" }) }), context === 'destination' && !disablePasteWalletAddressOption ? (_jsx(DropdownMenuItem, { "aria-label": "Paste wallet address", className: dropdownItemClassName, onClick: () => {
|
|
138
117
|
onAnalyticEvent?.(EventNames.WALLET_SELECTOR_SELECT, {
|
|
139
118
|
context: 'custom_option'
|
|
140
119
|
});
|
|
141
120
|
setAddressModalOpen?.(true);
|
|
142
121
|
}, children: _jsx(Text, { style: "subtitle2", children: "Paste wallet address" }) })) : null] }) }));
|
|
143
122
|
};
|
|
144
|
-
const DropdownItemBaseStyle = {
|
|
145
|
-
borderRadius: 8,
|
|
146
|
-
gap: '2',
|
|
147
|
-
cursor: 'pointer',
|
|
148
|
-
p: '2',
|
|
149
|
-
transition: 'backdrop-filter 250ms linear',
|
|
150
|
-
_hover: {
|
|
151
|
-
backdropFilter: 'brightness(98%)'
|
|
152
|
-
},
|
|
153
|
-
flexShrink: 0,
|
|
154
|
-
alignContent: 'center',
|
|
155
|
-
width: '100%'
|
|
156
|
-
};
|
|
157
123
|
//# sourceMappingURL=MultiWalletDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiWalletDropdown.js","sourceRoot":"","sources":["../../../../src/components/common/MultiWalletDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAW,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"MultiWalletDropdown.js","sourceRoot":"","sources":["../../../../src/components/common/MultiWalletDropdown.tsx"],"names":[],"mappings":"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"}
|