@deframe-sdk/components 0.1.50 → 0.1.51
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 +23 -20
- package/dist/index.d.ts +23 -20
- package/dist/index.js +43 -33
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +43 -33
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +18 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -675,8 +675,8 @@ interface KYCPageHeaderProps {
|
|
|
675
675
|
onBack?: () => void;
|
|
676
676
|
onClose?: () => void;
|
|
677
677
|
className?: string;
|
|
678
|
-
backLabel
|
|
679
|
-
closeLabel
|
|
678
|
+
backLabel?: string;
|
|
679
|
+
closeLabel?: string;
|
|
680
680
|
}
|
|
681
681
|
interface KYCPageSectionProps {
|
|
682
682
|
title: React__default.ReactNode;
|
|
@@ -684,6 +684,7 @@ interface KYCPageSectionProps {
|
|
|
684
684
|
className?: string;
|
|
685
685
|
}
|
|
686
686
|
type KYCBannerVariant = 'info' | 'success' | 'warning' | 'error';
|
|
687
|
+
type KYCVisualVariant = 'default' | 'compact';
|
|
687
688
|
interface KYCMessageBannerProps {
|
|
688
689
|
variant?: KYCBannerVariant;
|
|
689
690
|
children: React__default.ReactNode;
|
|
@@ -722,8 +723,8 @@ interface KYCChecklistItemData {
|
|
|
722
723
|
interface KYCIntroPageProps {
|
|
723
724
|
screenId?: string;
|
|
724
725
|
onClose?: () => void;
|
|
725
|
-
backLabel
|
|
726
|
-
closeLabel
|
|
726
|
+
backLabel?: string;
|
|
727
|
+
closeLabel?: string;
|
|
727
728
|
title?: React__default.ReactNode;
|
|
728
729
|
description?: React__default.ReactNode;
|
|
729
730
|
checklistItems?: KYCChecklistItemData[];
|
|
@@ -732,13 +733,14 @@ interface KYCIntroPageProps {
|
|
|
732
733
|
primaryAction?: KYCAction;
|
|
733
734
|
className?: string;
|
|
734
735
|
containerMode?: 'fullscreen' | 'embedded';
|
|
736
|
+
visualVariant?: KYCVisualVariant;
|
|
735
737
|
}
|
|
736
738
|
interface KYCFormPageProps {
|
|
737
739
|
screenId?: string;
|
|
738
740
|
onBack?: () => void;
|
|
739
741
|
onClose?: () => void;
|
|
740
|
-
backLabel
|
|
741
|
-
closeLabel
|
|
742
|
+
backLabel?: string;
|
|
743
|
+
closeLabel?: string;
|
|
742
744
|
step?: number;
|
|
743
745
|
totalSteps?: number;
|
|
744
746
|
title: React__default.ReactNode;
|
|
@@ -753,14 +755,15 @@ interface KYCFormPageProps {
|
|
|
753
755
|
interface KYCLoadingPageProps {
|
|
754
756
|
screenId?: string;
|
|
755
757
|
onClose?: () => void;
|
|
756
|
-
backLabel
|
|
757
|
-
closeLabel
|
|
758
|
-
loadingLabel
|
|
758
|
+
backLabel?: string;
|
|
759
|
+
closeLabel?: string;
|
|
760
|
+
loadingLabel?: string;
|
|
759
761
|
title: React__default.ReactNode;
|
|
760
762
|
description?: React__default.ReactNode;
|
|
761
763
|
note?: React__default.ReactNode;
|
|
762
764
|
className?: string;
|
|
763
765
|
containerMode?: 'fullscreen' | 'embedded';
|
|
766
|
+
visualVariant?: KYCVisualVariant;
|
|
764
767
|
}
|
|
765
768
|
interface KYCReviewCard extends Omit<KYCDataCardProps, 'fields'> {
|
|
766
769
|
fields: KYCDataField[];
|
|
@@ -770,8 +773,8 @@ interface KYCReviewPageProps {
|
|
|
770
773
|
onClose?: () => void;
|
|
771
774
|
step?: number;
|
|
772
775
|
totalSteps?: number;
|
|
773
|
-
backLabel
|
|
774
|
-
closeLabel
|
|
776
|
+
backLabel?: string;
|
|
777
|
+
closeLabel?: string;
|
|
775
778
|
title: React__default.ReactNode;
|
|
776
779
|
description?: React__default.ReactNode;
|
|
777
780
|
cards: KYCReviewCard[];
|
|
@@ -786,8 +789,8 @@ interface KYCReviewPageSkeletonProps {
|
|
|
786
789
|
step?: number;
|
|
787
790
|
totalSteps?: number;
|
|
788
791
|
containerMode?: 'fullscreen' | 'embedded';
|
|
789
|
-
backLabel
|
|
790
|
-
closeLabel
|
|
792
|
+
backLabel?: string;
|
|
793
|
+
closeLabel?: string;
|
|
791
794
|
}
|
|
792
795
|
interface KYCStatusItem {
|
|
793
796
|
icon?: React__default.ReactNode;
|
|
@@ -802,8 +805,8 @@ interface KYCStatusItemCardProps extends KYCStatusItem {
|
|
|
802
805
|
interface KYCStatusPageProps {
|
|
803
806
|
screenId?: string;
|
|
804
807
|
onClose?: () => void;
|
|
805
|
-
backLabel
|
|
806
|
-
closeLabel
|
|
808
|
+
backLabel?: string;
|
|
809
|
+
closeLabel?: string;
|
|
807
810
|
status?: KYCPanelStatus;
|
|
808
811
|
panelStatus?: KYCPanelStatus;
|
|
809
812
|
panelTitle?: React__default.ReactNode;
|
|
@@ -826,8 +829,8 @@ interface BaseFormScreenProps {
|
|
|
826
829
|
banners?: KYCMessageBannerProps[];
|
|
827
830
|
actions?: KYCAction[];
|
|
828
831
|
containerMode?: KYCPageShellProps['containerMode'];
|
|
829
|
-
backLabel
|
|
830
|
-
closeLabel
|
|
832
|
+
backLabel?: string;
|
|
833
|
+
closeLabel?: string;
|
|
831
834
|
}
|
|
832
835
|
interface KYCBasicDataPageProps extends BaseFormScreenProps {
|
|
833
836
|
title?: React__default.ReactNode;
|
|
@@ -925,9 +928,9 @@ declare function KYCEditPage({ screenId, title, fullNameField, dateOfBirthField,
|
|
|
925
928
|
|
|
926
929
|
declare function KYCFormPage({ screenId, onBack, onClose, step, totalSteps, title, description, children, banners, footer, actions, className, containerMode, backLabel, closeLabel, }: KYCFormPageProps): react_jsx_runtime.JSX.Element;
|
|
927
930
|
|
|
928
|
-
declare function KYCIntroPage({ screenId, onClose, title, description, checklistItems, banners, legalNotice, primaryAction, className, containerMode, backLabel, closeLabel, }: KYCIntroPageProps): react_jsx_runtime.JSX.Element;
|
|
931
|
+
declare function KYCIntroPage({ screenId, onClose, title, description, checklistItems, banners, legalNotice, primaryAction, className, containerMode, backLabel, closeLabel, visualVariant, }: KYCIntroPageProps): react_jsx_runtime.JSX.Element;
|
|
929
932
|
|
|
930
|
-
declare function KYCLoadingPage({ screenId, onClose, title, description, note, className, containerMode, backLabel, closeLabel, loadingLabel, }: KYCLoadingPageProps): react_jsx_runtime.JSX.Element;
|
|
933
|
+
declare function KYCLoadingPage({ screenId, onClose, title, description, note, className, containerMode, backLabel, closeLabel, loadingLabel, visualVariant, }: KYCLoadingPageProps): react_jsx_runtime.JSX.Element;
|
|
931
934
|
|
|
932
935
|
declare function KYCReviewPage({ screenId, onClose, step, totalSteps, title, description, cards, banners, actions, className, containerMode, backLabel, closeLabel, }: KYCReviewPageProps): react_jsx_runtime.JSX.Element;
|
|
933
936
|
|
|
@@ -3609,4 +3612,4 @@ interface DeframeTheme {
|
|
|
3609
3612
|
colors?: DeframeThemeColors;
|
|
3610
3613
|
}
|
|
3611
3614
|
|
|
3612
|
-
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, 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 };
|
|
3615
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -675,8 +675,8 @@ interface KYCPageHeaderProps {
|
|
|
675
675
|
onBack?: () => void;
|
|
676
676
|
onClose?: () => void;
|
|
677
677
|
className?: string;
|
|
678
|
-
backLabel
|
|
679
|
-
closeLabel
|
|
678
|
+
backLabel?: string;
|
|
679
|
+
closeLabel?: string;
|
|
680
680
|
}
|
|
681
681
|
interface KYCPageSectionProps {
|
|
682
682
|
title: React__default.ReactNode;
|
|
@@ -684,6 +684,7 @@ interface KYCPageSectionProps {
|
|
|
684
684
|
className?: string;
|
|
685
685
|
}
|
|
686
686
|
type KYCBannerVariant = 'info' | 'success' | 'warning' | 'error';
|
|
687
|
+
type KYCVisualVariant = 'default' | 'compact';
|
|
687
688
|
interface KYCMessageBannerProps {
|
|
688
689
|
variant?: KYCBannerVariant;
|
|
689
690
|
children: React__default.ReactNode;
|
|
@@ -722,8 +723,8 @@ interface KYCChecklistItemData {
|
|
|
722
723
|
interface KYCIntroPageProps {
|
|
723
724
|
screenId?: string;
|
|
724
725
|
onClose?: () => void;
|
|
725
|
-
backLabel
|
|
726
|
-
closeLabel
|
|
726
|
+
backLabel?: string;
|
|
727
|
+
closeLabel?: string;
|
|
727
728
|
title?: React__default.ReactNode;
|
|
728
729
|
description?: React__default.ReactNode;
|
|
729
730
|
checklistItems?: KYCChecklistItemData[];
|
|
@@ -732,13 +733,14 @@ interface KYCIntroPageProps {
|
|
|
732
733
|
primaryAction?: KYCAction;
|
|
733
734
|
className?: string;
|
|
734
735
|
containerMode?: 'fullscreen' | 'embedded';
|
|
736
|
+
visualVariant?: KYCVisualVariant;
|
|
735
737
|
}
|
|
736
738
|
interface KYCFormPageProps {
|
|
737
739
|
screenId?: string;
|
|
738
740
|
onBack?: () => void;
|
|
739
741
|
onClose?: () => void;
|
|
740
|
-
backLabel
|
|
741
|
-
closeLabel
|
|
742
|
+
backLabel?: string;
|
|
743
|
+
closeLabel?: string;
|
|
742
744
|
step?: number;
|
|
743
745
|
totalSteps?: number;
|
|
744
746
|
title: React__default.ReactNode;
|
|
@@ -753,14 +755,15 @@ interface KYCFormPageProps {
|
|
|
753
755
|
interface KYCLoadingPageProps {
|
|
754
756
|
screenId?: string;
|
|
755
757
|
onClose?: () => void;
|
|
756
|
-
backLabel
|
|
757
|
-
closeLabel
|
|
758
|
-
loadingLabel
|
|
758
|
+
backLabel?: string;
|
|
759
|
+
closeLabel?: string;
|
|
760
|
+
loadingLabel?: string;
|
|
759
761
|
title: React__default.ReactNode;
|
|
760
762
|
description?: React__default.ReactNode;
|
|
761
763
|
note?: React__default.ReactNode;
|
|
762
764
|
className?: string;
|
|
763
765
|
containerMode?: 'fullscreen' | 'embedded';
|
|
766
|
+
visualVariant?: KYCVisualVariant;
|
|
764
767
|
}
|
|
765
768
|
interface KYCReviewCard extends Omit<KYCDataCardProps, 'fields'> {
|
|
766
769
|
fields: KYCDataField[];
|
|
@@ -770,8 +773,8 @@ interface KYCReviewPageProps {
|
|
|
770
773
|
onClose?: () => void;
|
|
771
774
|
step?: number;
|
|
772
775
|
totalSteps?: number;
|
|
773
|
-
backLabel
|
|
774
|
-
closeLabel
|
|
776
|
+
backLabel?: string;
|
|
777
|
+
closeLabel?: string;
|
|
775
778
|
title: React__default.ReactNode;
|
|
776
779
|
description?: React__default.ReactNode;
|
|
777
780
|
cards: KYCReviewCard[];
|
|
@@ -786,8 +789,8 @@ interface KYCReviewPageSkeletonProps {
|
|
|
786
789
|
step?: number;
|
|
787
790
|
totalSteps?: number;
|
|
788
791
|
containerMode?: 'fullscreen' | 'embedded';
|
|
789
|
-
backLabel
|
|
790
|
-
closeLabel
|
|
792
|
+
backLabel?: string;
|
|
793
|
+
closeLabel?: string;
|
|
791
794
|
}
|
|
792
795
|
interface KYCStatusItem {
|
|
793
796
|
icon?: React__default.ReactNode;
|
|
@@ -802,8 +805,8 @@ interface KYCStatusItemCardProps extends KYCStatusItem {
|
|
|
802
805
|
interface KYCStatusPageProps {
|
|
803
806
|
screenId?: string;
|
|
804
807
|
onClose?: () => void;
|
|
805
|
-
backLabel
|
|
806
|
-
closeLabel
|
|
808
|
+
backLabel?: string;
|
|
809
|
+
closeLabel?: string;
|
|
807
810
|
status?: KYCPanelStatus;
|
|
808
811
|
panelStatus?: KYCPanelStatus;
|
|
809
812
|
panelTitle?: React__default.ReactNode;
|
|
@@ -826,8 +829,8 @@ interface BaseFormScreenProps {
|
|
|
826
829
|
banners?: KYCMessageBannerProps[];
|
|
827
830
|
actions?: KYCAction[];
|
|
828
831
|
containerMode?: KYCPageShellProps['containerMode'];
|
|
829
|
-
backLabel
|
|
830
|
-
closeLabel
|
|
832
|
+
backLabel?: string;
|
|
833
|
+
closeLabel?: string;
|
|
831
834
|
}
|
|
832
835
|
interface KYCBasicDataPageProps extends BaseFormScreenProps {
|
|
833
836
|
title?: React__default.ReactNode;
|
|
@@ -925,9 +928,9 @@ declare function KYCEditPage({ screenId, title, fullNameField, dateOfBirthField,
|
|
|
925
928
|
|
|
926
929
|
declare function KYCFormPage({ screenId, onBack, onClose, step, totalSteps, title, description, children, banners, footer, actions, className, containerMode, backLabel, closeLabel, }: KYCFormPageProps): react_jsx_runtime.JSX.Element;
|
|
927
930
|
|
|
928
|
-
declare function KYCIntroPage({ screenId, onClose, title, description, checklistItems, banners, legalNotice, primaryAction, className, containerMode, backLabel, closeLabel, }: KYCIntroPageProps): react_jsx_runtime.JSX.Element;
|
|
931
|
+
declare function KYCIntroPage({ screenId, onClose, title, description, checklistItems, banners, legalNotice, primaryAction, className, containerMode, backLabel, closeLabel, visualVariant, }: KYCIntroPageProps): react_jsx_runtime.JSX.Element;
|
|
929
932
|
|
|
930
|
-
declare function KYCLoadingPage({ screenId, onClose, title, description, note, className, containerMode, backLabel, closeLabel, loadingLabel, }: KYCLoadingPageProps): react_jsx_runtime.JSX.Element;
|
|
933
|
+
declare function KYCLoadingPage({ screenId, onClose, title, description, note, className, containerMode, backLabel, closeLabel, loadingLabel, visualVariant, }: KYCLoadingPageProps): react_jsx_runtime.JSX.Element;
|
|
931
934
|
|
|
932
935
|
declare function KYCReviewPage({ screenId, onClose, step, totalSteps, title, description, cards, banners, actions, className, containerMode, backLabel, closeLabel, }: KYCReviewPageProps): react_jsx_runtime.JSX.Element;
|
|
933
936
|
|
|
@@ -3609,4 +3612,4 @@ interface DeframeTheme {
|
|
|
3609
3612
|
colors?: DeframeThemeColors;
|
|
3610
3613
|
}
|
|
3611
3614
|
|
|
3612
|
-
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, 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 };
|
|
3615
|
+
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 };
|
package/dist/index.js
CHANGED
|
@@ -3154,8 +3154,8 @@ function KYCPageHeader({
|
|
|
3154
3154
|
onBack,
|
|
3155
3155
|
onClose,
|
|
3156
3156
|
className,
|
|
3157
|
-
backLabel,
|
|
3158
|
-
closeLabel
|
|
3157
|
+
backLabel = "Voltar",
|
|
3158
|
+
closeLabel = "Fechar"
|
|
3159
3159
|
}) {
|
|
3160
3160
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3161
3161
|
"div",
|
|
@@ -3297,13 +3297,6 @@ function KYCFormPage({
|
|
|
3297
3297
|
] })
|
|
3298
3298
|
] });
|
|
3299
3299
|
}
|
|
3300
|
-
function CountrySelect() {
|
|
3301
|
-
const [value, setValue] = React6.useState("brasil");
|
|
3302
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange: setValue, children: [
|
|
3303
|
-
/* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { placeholder: "Selecione o pa\xEDs" }),
|
|
3304
|
-
/* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "brasil", children: "Brasil" }) })
|
|
3305
|
-
] });
|
|
3306
|
-
}
|
|
3307
3300
|
function DefaultAddressLoadingContent() {
|
|
3308
3301
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
3309
3302
|
/* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: "100%", height: "48px", variant: "rect" }),
|
|
@@ -3378,7 +3371,7 @@ function KYCAddressPage({
|
|
|
3378
3371
|
className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]",
|
|
3379
3372
|
children: [
|
|
3380
3373
|
/* @__PURE__ */ jsxRuntime.jsx(InputLabel, { htmlFor: "country", children: "Pa\xEDs" }),
|
|
3381
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3374
|
+
/* @__PURE__ */ jsxRuntime.jsx(InputField, { id: "country", value: "Brasil", disabled: true, readOnly: true })
|
|
3382
3375
|
]
|
|
3383
3376
|
}
|
|
3384
3377
|
)
|
|
@@ -3580,10 +3573,21 @@ function KYCIntroPage({
|
|
|
3580
3573
|
primaryAction,
|
|
3581
3574
|
className,
|
|
3582
3575
|
containerMode = "fullscreen",
|
|
3583
|
-
backLabel,
|
|
3584
|
-
closeLabel
|
|
3576
|
+
backLabel = "Voltar",
|
|
3577
|
+
closeLabel = "Fechar",
|
|
3578
|
+
visualVariant = "default"
|
|
3585
3579
|
}) {
|
|
3586
|
-
|
|
3580
|
+
const isCompact = visualVariant === "compact";
|
|
3581
|
+
const iconClasses = tailwindMerge.twMerge(
|
|
3582
|
+
"flex items-center justify-center text-[color:var(--deframe-widget-color-brand-primary)]",
|
|
3583
|
+
isCompact ? "h-[44px] w-[44px]" : [
|
|
3584
|
+
"h-[64px] w-[64px] rounded-[var(--deframe-widget-size-radius-full)]",
|
|
3585
|
+
"[background:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
|
|
3586
|
+
"[box-shadow:0_0_0_7px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent),0_0_24px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_22%,transparent)]"
|
|
3587
|
+
].join(" ")
|
|
3588
|
+
);
|
|
3589
|
+
const iconSize = isCompact ? 32 : 36;
|
|
3590
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, className: isCompact ? "min-h-0" : void 0, children: [
|
|
3587
3591
|
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3588
3592
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3589
3593
|
"div",
|
|
@@ -3600,13 +3604,8 @@ function KYCIntroPage({
|
|
|
3600
3604
|
"div",
|
|
3601
3605
|
{
|
|
3602
3606
|
"data-test-id": "kyc-intro-icon",
|
|
3603
|
-
className:
|
|
3604
|
-
|
|
3605
|
-
background: "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)",
|
|
3606
|
-
boxShadow: "0 0 0 7px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent), 0 0 24px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 22%, transparent)",
|
|
3607
|
-
color: "var(--deframe-widget-color-brand-primary)"
|
|
3608
|
-
},
|
|
3609
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
|
|
3607
|
+
className: iconClasses,
|
|
3608
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
|
|
3610
3609
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "10", width: "28", height: "20", rx: "3", stroke: "currentColor", strokeWidth: "3" }),
|
|
3611
3610
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "22", cy: "20", r: "5", stroke: "currentColor", strokeWidth: "3" }),
|
|
3612
3611
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 34c0-4 4.5-7 10-7s10 3 10 7", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
|
|
@@ -3657,22 +3656,34 @@ function KYCLoadingPage({
|
|
|
3657
3656
|
note,
|
|
3658
3657
|
className,
|
|
3659
3658
|
containerMode = "fullscreen",
|
|
3660
|
-
backLabel,
|
|
3661
|
-
closeLabel,
|
|
3662
|
-
loadingLabel
|
|
3659
|
+
backLabel = "Voltar",
|
|
3660
|
+
closeLabel = "Fechar",
|
|
3661
|
+
loadingLabel = "Carregando",
|
|
3662
|
+
visualVariant = "default"
|
|
3663
3663
|
}) {
|
|
3664
|
-
|
|
3664
|
+
const isCompact = visualVariant === "compact";
|
|
3665
|
+
const loadingFrameClasses = tailwindMerge.twMerge(
|
|
3666
|
+
"flex items-center justify-center rounded-[var(--deframe-widget-size-radius-full)]",
|
|
3667
|
+
isCompact ? "h-12 w-12" : [
|
|
3668
|
+
"h-[72px] w-[72px]",
|
|
3669
|
+
"[background:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
|
|
3670
|
+
"[box-shadow:0_0_0_7px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent),0_0_24px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_22%,transparent)]"
|
|
3671
|
+
].join(" ")
|
|
3672
|
+
);
|
|
3673
|
+
const spinnerClasses = tailwindMerge.twMerge(
|
|
3674
|
+
"rounded-[var(--deframe-widget-size-radius-full)] border-[3px] border-[color:var(--deframe-widget-color-brand-primary)] border-t-transparent animate-spin",
|
|
3675
|
+
isCompact ? "h-10 w-10" : "h-9 w-9"
|
|
3676
|
+
);
|
|
3677
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className: tailwindMerge.twMerge(isCompact && "min-h-0", className), containerMode, children: [
|
|
3665
3678
|
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3666
3679
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--deframe-widget-size-gap-xl)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xl)] text-center", children: [
|
|
3667
3680
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3668
3681
|
"div",
|
|
3669
3682
|
{
|
|
3670
|
-
|
|
3671
|
-
|
|
3672
|
-
|
|
3673
|
-
|
|
3674
|
-
},
|
|
3675
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 w-9 rounded-full border-[3px] border-[color:var(--deframe-widget-color-brand-primary)] border-t-transparent animate-spin" })
|
|
3683
|
+
"data-slot": "kyc-loading-indicator",
|
|
3684
|
+
"data-test-id": "kyc-loading-indicator",
|
|
3685
|
+
className: loadingFrameClasses,
|
|
3686
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: spinnerClasses })
|
|
3676
3687
|
}
|
|
3677
3688
|
),
|
|
3678
3689
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
|
|
@@ -3680,9 +3691,8 @@ function KYCLoadingPage({
|
|
|
3680
3691
|
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: description })
|
|
3681
3692
|
] }),
|
|
3682
3693
|
note && /* @__PURE__ */ jsxRuntime.jsx(KYCMessageBanner, { variant: "info", children: note }),
|
|
3683
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
|
|
3684
|
-
loadingLabel,
|
|
3685
|
-
" ",
|
|
3694
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center justify-center gap-[var(--deframe-widget-size-gap-xs)] text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
|
|
3695
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: loadingLabel }),
|
|
3686
3696
|
/* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
|
|
3687
3697
|
] })
|
|
3688
3698
|
] })
|