@deframe-sdk/components 0.1.52 → 0.1.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +80 -123
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +80 -123
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +20 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1664,6 +1664,13 @@ interface ConfirmSwapButtonViewProps {
|
|
|
1664
1664
|
}
|
|
1665
1665
|
declare const ConfirmSwapButtonView: React__default.FC<ConfirmSwapButtonViewProps>;
|
|
1666
1666
|
|
|
1667
|
+
type SwapPriceImpactWarningVariant = 'warning' | 'error';
|
|
1668
|
+
interface SwapPriceImpactWarningData {
|
|
1669
|
+
variant: SwapPriceImpactWarningVariant;
|
|
1670
|
+
title: string;
|
|
1671
|
+
message: string;
|
|
1672
|
+
}
|
|
1673
|
+
|
|
1667
1674
|
interface SwapFormViewProps {
|
|
1668
1675
|
onSubmit: React__default.FormEventHandler<HTMLFormElement>;
|
|
1669
1676
|
formRef?: React__default.Ref<HTMLFormElement>;
|
|
@@ -1675,6 +1682,7 @@ interface SwapFormViewProps {
|
|
|
1675
1682
|
toCard: SwapToCardViewProps;
|
|
1676
1683
|
advancedSettings: SwapAdvancedSettingsViewProps;
|
|
1677
1684
|
transactionDetails: SwapQuoteDetailsViewProps;
|
|
1685
|
+
priceImpactWarning?: SwapPriceImpactWarningData | null;
|
|
1678
1686
|
confirmButton: ConfirmSwapButtonViewProps;
|
|
1679
1687
|
}
|
|
1680
1688
|
declare const SwapFormView: React__default.FC<SwapFormViewProps>;
|
|
@@ -3619,4 +3627,4 @@ interface DeframeTheme {
|
|
|
3619
3627
|
colors?: DeframeThemeColors;
|
|
3620
3628
|
}
|
|
3621
3629
|
|
|
3622
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
|
|
3630
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
|
package/dist/index.d.ts
CHANGED
|
@@ -1664,6 +1664,13 @@ interface ConfirmSwapButtonViewProps {
|
|
|
1664
1664
|
}
|
|
1665
1665
|
declare const ConfirmSwapButtonView: React__default.FC<ConfirmSwapButtonViewProps>;
|
|
1666
1666
|
|
|
1667
|
+
type SwapPriceImpactWarningVariant = 'warning' | 'error';
|
|
1668
|
+
interface SwapPriceImpactWarningData {
|
|
1669
|
+
variant: SwapPriceImpactWarningVariant;
|
|
1670
|
+
title: string;
|
|
1671
|
+
message: string;
|
|
1672
|
+
}
|
|
1673
|
+
|
|
1667
1674
|
interface SwapFormViewProps {
|
|
1668
1675
|
onSubmit: React__default.FormEventHandler<HTMLFormElement>;
|
|
1669
1676
|
formRef?: React__default.Ref<HTMLFormElement>;
|
|
@@ -1675,6 +1682,7 @@ interface SwapFormViewProps {
|
|
|
1675
1682
|
toCard: SwapToCardViewProps;
|
|
1676
1683
|
advancedSettings: SwapAdvancedSettingsViewProps;
|
|
1677
1684
|
transactionDetails: SwapQuoteDetailsViewProps;
|
|
1685
|
+
priceImpactWarning?: SwapPriceImpactWarningData | null;
|
|
1678
1686
|
confirmButton: ConfirmSwapButtonViewProps;
|
|
1679
1687
|
}
|
|
1680
1688
|
declare const SwapFormView: React__default.FC<SwapFormViewProps>;
|
|
@@ -3619,4 +3627,4 @@ interface DeframeTheme {
|
|
|
3619
3627
|
colors?: DeframeThemeColors;
|
|
3620
3628
|
}
|
|
3621
3629
|
|
|
3622
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
|
|
3630
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
|
package/dist/index.js
CHANGED
|
@@ -1715,7 +1715,7 @@ var BannerNotification = (_a) => {
|
|
|
1715
1715
|
error: "text-[var(--deframe-widget-color-state-error)]",
|
|
1716
1716
|
success: "text-[var(--deframe-widget-color-state-success)]"
|
|
1717
1717
|
};
|
|
1718
|
-
const
|
|
1718
|
+
const variantIcons2 = {
|
|
1719
1719
|
info: md.MdInfoOutline,
|
|
1720
1720
|
warning: md.MdWarningAmber,
|
|
1721
1721
|
error: md.MdErrorOutline,
|
|
@@ -1787,7 +1787,7 @@ var BannerNotification = (_a) => {
|
|
|
1787
1787
|
isExiting && "opacity-0 -translate-y-2",
|
|
1788
1788
|
className
|
|
1789
1789
|
);
|
|
1790
|
-
const IconComponent =
|
|
1790
|
+
const IconComponent = variantIcons2[v];
|
|
1791
1791
|
const resolvedIcon = icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {});
|
|
1792
1792
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1793
1793
|
"div",
|
|
@@ -6061,41 +6061,10 @@ var SwapToCardView = ({
|
|
|
6061
6061
|
] })
|
|
6062
6062
|
] }) });
|
|
6063
6063
|
};
|
|
6064
|
-
var SLIPPAGE_OPTIONS = [10, 50, 100];
|
|
6065
|
-
var SwapSlippageToleranceButtonsView = ({
|
|
6066
|
-
slippageBps,
|
|
6067
|
-
onSelect,
|
|
6068
|
-
formatPercentage,
|
|
6069
|
-
className
|
|
6070
|
-
}) => {
|
|
6071
|
-
const baseClasses = "flex gap-[var(--deframe-widget-size-gap-xs)]";
|
|
6072
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "swap-slippage-tolerance-buttons", className: tailwindMerge.twMerge(baseClasses, className), children: SLIPPAGE_OPTIONS.map((option) => {
|
|
6073
|
-
const isActive = slippageBps === option;
|
|
6074
|
-
const activeClasses = "border-[color:var(--deframe-widget-color-brand-primary)] text-[color:var(--deframe-widget-color-brand-primary)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_18%,transparent)]";
|
|
6075
|
-
const inactiveClasses = "border-[color:var(--deframe-widget-color-border-tertiary)] text-[color:var(--deframe-widget-color-text-secondary)] bg-[var(--deframe-widget-color-bg-primary)]";
|
|
6076
|
-
const buttonBase = "px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)] rounded-[var(--deframe-widget-size-radius-xs)] border [font-size:var(--deframe-widget-font-size-sm)] [line-height:var(--deframe-widget-font-leading-sm)] cursor-pointer";
|
|
6077
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6078
|
-
"button",
|
|
6079
|
-
{
|
|
6080
|
-
"data-test-id": `slippage-option-${option}`,
|
|
6081
|
-
type: "button",
|
|
6082
|
-
onClick: () => onSelect(option),
|
|
6083
|
-
className: tailwindMerge.twMerge(buttonBase, isActive ? activeClasses : inactiveClasses),
|
|
6084
|
-
"aria-label": `${formatPercentage(option)}% slippage`,
|
|
6085
|
-
"aria-pressed": isActive,
|
|
6086
|
-
children: formatPercentage(option)
|
|
6087
|
-
},
|
|
6088
|
-
option
|
|
6089
|
-
);
|
|
6090
|
-
}) });
|
|
6091
|
-
};
|
|
6092
6064
|
var SwapAdvancedSettingsView = ({
|
|
6093
6065
|
title,
|
|
6094
6066
|
isOpen,
|
|
6095
6067
|
onOpenChange,
|
|
6096
|
-
slippageBps,
|
|
6097
|
-
onSlippageSelect,
|
|
6098
|
-
formatPercentage,
|
|
6099
6068
|
percentageOptions,
|
|
6100
6069
|
onPercentageClick,
|
|
6101
6070
|
slippageFormatted,
|
|
@@ -6103,7 +6072,7 @@ var SwapAdvancedSettingsView = ({
|
|
|
6103
6072
|
expandText,
|
|
6104
6073
|
maxLabel
|
|
6105
6074
|
}) => {
|
|
6106
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-2 mt-md", children: /* @__PURE__ */ jsxRuntime.jsx(SectionCard, { children: /* @__PURE__ */ jsxRuntime.
|
|
6075
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-2 mt-md", children: /* @__PURE__ */ jsxRuntime.jsx(SectionCard, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6107
6076
|
CollapsibleSection,
|
|
6108
6077
|
{
|
|
6109
6078
|
title,
|
|
@@ -6112,30 +6081,19 @@ var SwapAdvancedSettingsView = ({
|
|
|
6112
6081
|
onOpenChange,
|
|
6113
6082
|
collapseText,
|
|
6114
6083
|
expandText,
|
|
6115
|
-
children:
|
|
6116
|
-
|
|
6117
|
-
|
|
6084
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full gap-sm", children: percentageOptions.map((pct, index) => {
|
|
6085
|
+
const isMax = index === percentageOptions.length - 1;
|
|
6086
|
+
const label = isMax ? maxLabel : `${pct / 100}%`;
|
|
6087
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6088
|
+
PercentageButton,
|
|
6118
6089
|
{
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
|
|
6124
|
-
)
|
|
6125
|
-
|
|
6126
|
-
const isMax = index === percentageOptions.length - 1;
|
|
6127
|
-
const label = isMax ? maxLabel : `${pct / 100}%`;
|
|
6128
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6129
|
-
PercentageButton,
|
|
6130
|
-
{
|
|
6131
|
-
type: "button",
|
|
6132
|
-
onClick: () => onPercentageClick(pct),
|
|
6133
|
-
children: label
|
|
6134
|
-
},
|
|
6135
|
-
pct
|
|
6136
|
-
);
|
|
6137
|
-
}) }) })
|
|
6138
|
-
]
|
|
6090
|
+
type: "button",
|
|
6091
|
+
onClick: () => onPercentageClick(pct),
|
|
6092
|
+
children: label
|
|
6093
|
+
},
|
|
6094
|
+
pct
|
|
6095
|
+
);
|
|
6096
|
+
}) }) })
|
|
6139
6097
|
}
|
|
6140
6098
|
) }) });
|
|
6141
6099
|
};
|
|
@@ -6311,6 +6269,39 @@ var ConfirmSwapButtonView = ({
|
|
|
6311
6269
|
}
|
|
6312
6270
|
) });
|
|
6313
6271
|
};
|
|
6272
|
+
var variantClasses2 = {
|
|
6273
|
+
error: "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_42%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)] text-[color:var(--deframe-widget-color-state-error)]",
|
|
6274
|
+
warning: "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_42%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_16%,transparent)] text-[color:var(--deframe-widget-color-state-warning)]"
|
|
6275
|
+
};
|
|
6276
|
+
var variantIcons = {
|
|
6277
|
+
error: md.MdErrorOutline,
|
|
6278
|
+
warning: md.MdWarningAmber
|
|
6279
|
+
};
|
|
6280
|
+
function SwapPriceImpactWarning({ warning, className }) {
|
|
6281
|
+
const Icon = variantIcons[warning.variant];
|
|
6282
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6283
|
+
"div",
|
|
6284
|
+
{
|
|
6285
|
+
"data-test-id": "swap-price-impact-warning",
|
|
6286
|
+
role: "alert",
|
|
6287
|
+
className: tailwindMerge.twMerge(
|
|
6288
|
+
"flex items-start gap-[var(--deframe-widget-size-gap-sm)]",
|
|
6289
|
+
"rounded-[var(--deframe-widget-size-radius-sm)] border",
|
|
6290
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
|
|
6291
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
6292
|
+
variantClasses2[warning.variant],
|
|
6293
|
+
className
|
|
6294
|
+
),
|
|
6295
|
+
children: [
|
|
6296
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mt-[2px] h-5 w-5 flex-shrink-0" }),
|
|
6297
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
|
|
6298
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.35] text-[color:var(--deframe-widget-color-text-primary)]", children: warning.title }),
|
|
6299
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] leading-[1.45] text-[color:var(--deframe-widget-color-text-secondary)]", children: warning.message })
|
|
6300
|
+
] })
|
|
6301
|
+
]
|
|
6302
|
+
}
|
|
6303
|
+
);
|
|
6304
|
+
}
|
|
6314
6305
|
var SwapFormView = ({
|
|
6315
6306
|
onSubmit,
|
|
6316
6307
|
formRef,
|
|
@@ -6322,6 +6313,7 @@ var SwapFormView = ({
|
|
|
6322
6313
|
toCard,
|
|
6323
6314
|
advancedSettings,
|
|
6324
6315
|
transactionDetails,
|
|
6316
|
+
priceImpactWarning,
|
|
6325
6317
|
confirmButton
|
|
6326
6318
|
}) => {
|
|
6327
6319
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -6368,12 +6360,15 @@ var SwapFormView = ({
|
|
|
6368
6360
|
] }) })
|
|
6369
6361
|
}
|
|
6370
6362
|
),
|
|
6371
|
-
/* @__PURE__ */ jsxRuntime.
|
|
6363
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6372
6364
|
"div",
|
|
6373
6365
|
{
|
|
6374
6366
|
"data-testid": "swap-flow-footer",
|
|
6375
6367
|
className: "border-t p-md border-[color:var(--deframe-widget-color-border-secondary)] dark:border-[color:var(--deframe-widget-color-border-secondary-dark)] bg-[var(--deframe-widget-color-bg-primary)] dark:bg-[var(--deframe-widget-color-bg-primary-dark)]",
|
|
6376
|
-
children:
|
|
6368
|
+
children: [
|
|
6369
|
+
priceImpactWarning && /* @__PURE__ */ jsxRuntime.jsx(SwapPriceImpactWarning, { warning: priceImpactWarning, className: "mb-sm" }),
|
|
6370
|
+
/* @__PURE__ */ jsxRuntime.jsx(ConfirmSwapButtonView, __spreadValues({}, confirmButton))
|
|
6371
|
+
]
|
|
6377
6372
|
}
|
|
6378
6373
|
)
|
|
6379
6374
|
] });
|
|
@@ -7274,6 +7269,7 @@ var SwapFormViewSimple = ({
|
|
|
7274
7269
|
toCard,
|
|
7275
7270
|
advancedSettings,
|
|
7276
7271
|
transactionDetails,
|
|
7272
|
+
priceImpactWarning,
|
|
7277
7273
|
confirmButton
|
|
7278
7274
|
}) => {
|
|
7279
7275
|
const containerRef = React6.useRef(null);
|
|
@@ -7383,7 +7379,16 @@ var SwapFormViewSimple = ({
|
|
|
7383
7379
|
)
|
|
7384
7380
|
] }),
|
|
7385
7381
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
|
|
7386
|
-
/* @__PURE__ */ jsxRuntime.
|
|
7382
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: [
|
|
7383
|
+
priceImpactWarning && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7384
|
+
SwapPriceImpactWarning,
|
|
7385
|
+
{
|
|
7386
|
+
warning: priceImpactWarning,
|
|
7387
|
+
className: "mb-[var(--deframe-widget-size-gap-sm)]"
|
|
7388
|
+
}
|
|
7389
|
+
),
|
|
7390
|
+
/* @__PURE__ */ jsxRuntime.jsx(ConfirmSwapButtonViewSimple, __spreadValues({}, confirmButton))
|
|
7391
|
+
] })
|
|
7387
7392
|
] }),
|
|
7388
7393
|
showPanel && panelPos && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7389
7394
|
"div",
|
|
@@ -7632,55 +7637,7 @@ function AdvancedPanelContent({ advancedSettings, transactionDetails }) {
|
|
|
7632
7637
|
/* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: transactionDetails.labels.protocolFeeLabel, value: transactionDetails.protocolFee }),
|
|
7633
7638
|
/* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: transactionDetails.labels.slippageLabel, value: transactionDetails.slippageFormatted }),
|
|
7634
7639
|
/* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: transactionDetails.labels.etaLabel, value: transactionDetails.etaFormatted }),
|
|
7635
|
-
transactionDetails.quoteId && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: transactionDetails.labels.quoteIdLabel, value: transactionDetails.quoteId })
|
|
7636
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7637
|
-
"div",
|
|
7638
|
-
{
|
|
7639
|
-
"data-test-id": "swap-form-simple-advanced-panel-divider-2",
|
|
7640
|
-
className: "h-px bg-[var(--deframe-widget-color-border-secondary)] my-[var(--deframe-widget-size-gap-sm)]"
|
|
7641
|
-
}
|
|
7642
|
-
),
|
|
7643
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "swap-form-simple-advanced-panel-slippage", children: [
|
|
7644
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
7645
|
-
"span",
|
|
7646
|
-
{
|
|
7647
|
-
"data-test-id": "swap-form-simple-advanced-panel-slippage-label",
|
|
7648
|
-
className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] uppercase tracking-[0.07em] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
|
|
7649
|
-
children: [
|
|
7650
|
-
"Slippage: ",
|
|
7651
|
-
advancedSettings.slippageFormatted
|
|
7652
|
-
]
|
|
7653
|
-
}
|
|
7654
|
-
),
|
|
7655
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7656
|
-
"div",
|
|
7657
|
-
{
|
|
7658
|
-
"data-test-id": "swap-form-simple-advanced-panel-slippage-buttons",
|
|
7659
|
-
className: "flex gap-[6px] mt-[var(--deframe-widget-size-gap-sm)]",
|
|
7660
|
-
children: [10, 50, 100].map((bps) => {
|
|
7661
|
-
const isActive = advancedSettings.slippageBps === bps;
|
|
7662
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7663
|
-
"button",
|
|
7664
|
-
{
|
|
7665
|
-
"data-test-id": "swap-form-simple-slippage-btn",
|
|
7666
|
-
type: "button",
|
|
7667
|
-
onClick: () => advancedSettings.onSlippageSelect(bps),
|
|
7668
|
-
className: tailwindMerge.twMerge(
|
|
7669
|
-
"py-[3px] px-[10px]",
|
|
7670
|
-
"rounded-[var(--deframe-widget-size-radius-full)]",
|
|
7671
|
-
"text-[12px] font-[var(--deframe-widget-font-family)]",
|
|
7672
|
-
"border cursor-pointer outline-none",
|
|
7673
|
-
"transition-all duration-150",
|
|
7674
|
-
isActive ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_32%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)] text-[color:var(--deframe-widget-color-brand-primary)] [font-weight:var(--deframe-widget-font-weight-semibold)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-transparent text-[color:var(--deframe-widget-color-text-secondary)] hover:border-[color:var(--deframe-widget-color-border-primary)]"
|
|
7675
|
-
),
|
|
7676
|
-
children: advancedSettings.formatPercentage(bps)
|
|
7677
|
-
},
|
|
7678
|
-
bps
|
|
7679
|
-
);
|
|
7680
|
-
})
|
|
7681
|
-
}
|
|
7682
|
-
)
|
|
7683
|
-
] })
|
|
7640
|
+
transactionDetails.quoteId && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: transactionDetails.labels.quoteIdLabel, value: transactionDetails.quoteId })
|
|
7684
7641
|
]
|
|
7685
7642
|
}
|
|
7686
7643
|
);
|
|
@@ -8792,11 +8749,16 @@ function historyResolveLabel(item, labels) {
|
|
|
8792
8749
|
};
|
|
8793
8750
|
return labelMap[item.type]();
|
|
8794
8751
|
}
|
|
8795
|
-
function
|
|
8752
|
+
function resolveDisplayAsset(item) {
|
|
8796
8753
|
var _a, _b;
|
|
8797
|
-
const
|
|
8798
|
-
const
|
|
8799
|
-
|
|
8754
|
+
const assetIn = (_a = item.amounts) == null ? void 0 : _a.assetIn;
|
|
8755
|
+
const assetOut = (_b = item.amounts) == null ? void 0 : _b.assetOut;
|
|
8756
|
+
if (item.type === "TRANSFER_OUT" || item.type === "OFF_RAMP_FIAT") return assetIn;
|
|
8757
|
+
if (item.type === "SAMECHAIN_INVESTMENT_DEPOSIT" || item.type === "CROSSCHAIN_INVESTMENT_DEPOSIT") return assetIn;
|
|
8758
|
+
return assetOut;
|
|
8759
|
+
}
|
|
8760
|
+
function historyResolveAmounts(item) {
|
|
8761
|
+
const displayAsset = resolveDisplayAsset(item);
|
|
8800
8762
|
if (!displayAsset) return { primary: "\u2014", secondary: "" };
|
|
8801
8763
|
if (isAssetAmount(displayAsset)) {
|
|
8802
8764
|
const primary = `${displayAsset.amountHumanized} ${displayAsset.symbol}`;
|
|
@@ -8833,18 +8795,13 @@ function historyIsDeposit(type) {
|
|
|
8833
8795
|
return DEPOSIT_TYPES.includes(type);
|
|
8834
8796
|
}
|
|
8835
8797
|
function historyResolveIconUrl(item) {
|
|
8836
|
-
var _a, _b
|
|
8837
|
-
const
|
|
8838
|
-
|
|
8839
|
-
const displayAsset = item.type === "TRANSFER_OUT" || item.type === "OFF_RAMP_FIAT" ? assetIn : assetOut;
|
|
8840
|
-
if (displayAsset && isAssetAmount(displayAsset)) return (_d = (_c = displayAsset.token) == null ? void 0 : _c.logoURI) != null ? _d : "";
|
|
8798
|
+
var _a, _b;
|
|
8799
|
+
const displayAsset = resolveDisplayAsset(item);
|
|
8800
|
+
if (displayAsset && isAssetAmount(displayAsset)) return (_b = (_a = displayAsset.token) == null ? void 0 : _a.logoURI) != null ? _b : "";
|
|
8841
8801
|
return "";
|
|
8842
8802
|
}
|
|
8843
8803
|
function historyResolveIconAlt(item) {
|
|
8844
|
-
|
|
8845
|
-
const assetOut = (_a = item.amounts) == null ? void 0 : _a.assetOut;
|
|
8846
|
-
const assetIn = (_b = item.amounts) == null ? void 0 : _b.assetIn;
|
|
8847
|
-
const displayAsset = item.type === "TRANSFER_OUT" || item.type === "OFF_RAMP_FIAT" ? assetIn : assetOut;
|
|
8804
|
+
const displayAsset = resolveDisplayAsset(item);
|
|
8848
8805
|
if (displayAsset && isAssetAmount(displayAsset)) return displayAsset.symbol;
|
|
8849
8806
|
if (displayAsset && isFiatAmount(displayAsset)) return displayAsset.currency;
|
|
8850
8807
|
return "";
|
|
@@ -9202,7 +9159,7 @@ var SwapHistoryViewSimple = ({
|
|
|
9202
9159
|
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
|
|
9203
9160
|
"flex flex-col gap-[var(--deframe-widget-size-gap-md)] h-[calc(100vh-48px)]",
|
|
9204
9161
|
"font-[var(--deframe-widget-font-family)]",
|
|
9205
|
-
|
|
9162
|
+
"w-full max-w-[900px] mx-auto shrink-0 box-border",
|
|
9206
9163
|
className
|
|
9207
9164
|
),
|
|
9208
9165
|
children: [
|