@deframe-sdk/components 0.1.8 → 0.1.10
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 +159 -2
- package/dist/index.d.ts +159 -2
- package/dist/index.js +392 -3933
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +387 -3935
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +60 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -189,7 +189,7 @@ declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$
|
|
|
189
189
|
|
|
190
190
|
declare const TextHeading: React$1.ForwardRefExoticComponent<TextHeadingProps & React$1.RefAttributes<HTMLElement>>;
|
|
191
191
|
|
|
192
|
-
declare function Link({ children, href, className, target, disabled, prefetch, replace, scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
192
|
+
declare function Link({ children, href, className, target, disabled, prefetch: _prefetch, replace: _replace, scroll: _scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
193
193
|
|
|
194
194
|
/**
|
|
195
195
|
* Title component for headings and page titles
|
|
@@ -197,6 +197,16 @@ declare function Link({ children, href, className, target, disabled, prefetch, r
|
|
|
197
197
|
*/
|
|
198
198
|
declare function Title({ variant, className, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
199
199
|
|
|
200
|
+
interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
201
|
+
as?: keyof React$1.JSX.IntrinsicElements;
|
|
202
|
+
variantClass?: string;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Base Text component used internally by other text variants.
|
|
206
|
+
* Handles tag selection, base font, and class merging.
|
|
207
|
+
*/
|
|
208
|
+
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
209
|
+
|
|
200
210
|
interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
201
211
|
variant?: 'accent-large' | 'accent-medium' | 'accent-small';
|
|
202
212
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
@@ -1185,4 +1195,151 @@ interface ChooseAnAssetSwapViewProps {
|
|
|
1185
1195
|
}
|
|
1186
1196
|
declare const ChooseAnAssetSwapView: React__default.FC<ChooseAnAssetSwapViewProps>;
|
|
1187
1197
|
|
|
1188
|
-
|
|
1198
|
+
interface SwapFormLabels {
|
|
1199
|
+
title: string;
|
|
1200
|
+
subtitle?: string;
|
|
1201
|
+
historyAriaLabel: string;
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
interface SwapFormViewProps {
|
|
1205
|
+
labels: SwapFormLabels;
|
|
1206
|
+
onHistoryClick: () => void;
|
|
1207
|
+
fromCard: React__default.ReactNode;
|
|
1208
|
+
switchButton: React__default.ReactNode;
|
|
1209
|
+
toCard: React__default.ReactNode;
|
|
1210
|
+
advancedSettings: React__default.ReactNode;
|
|
1211
|
+
transactionDetails: React__default.ReactNode;
|
|
1212
|
+
confirmButton: React__default.ReactNode;
|
|
1213
|
+
}
|
|
1214
|
+
declare const SwapFormView: React__default.FC<SwapFormViewProps>;
|
|
1215
|
+
|
|
1216
|
+
interface SwapCardLabels {
|
|
1217
|
+
selectTokenLabel: string;
|
|
1218
|
+
balanceLabel: string;
|
|
1219
|
+
selectNetworkLabel: string;
|
|
1220
|
+
amountPlaceholder: string;
|
|
1221
|
+
searchingQuoteLabel?: string;
|
|
1222
|
+
maxLabel?: string;
|
|
1223
|
+
directionLabel?: string;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
interface SwapFromCardViewProps {
|
|
1227
|
+
labels: SwapCardLabels;
|
|
1228
|
+
selectedToken: {
|
|
1229
|
+
symbol: string;
|
|
1230
|
+
logoURI?: string;
|
|
1231
|
+
} | null;
|
|
1232
|
+
onTokenClick: () => void;
|
|
1233
|
+
balanceFormatted: string;
|
|
1234
|
+
balanceUsdFormatted: string;
|
|
1235
|
+
onBalanceClick?: () => void;
|
|
1236
|
+
chainLabel: string;
|
|
1237
|
+
chainImage?: string;
|
|
1238
|
+
onNetworkClick: () => void;
|
|
1239
|
+
amountValue: string;
|
|
1240
|
+
amountHasError: boolean;
|
|
1241
|
+
onAmountChange: (value: string) => void;
|
|
1242
|
+
maxFractionDigits?: number;
|
|
1243
|
+
amountUsdFormatted: string;
|
|
1244
|
+
isAmountUsdLoading: boolean;
|
|
1245
|
+
amountSlot?: React__default.ReactNode;
|
|
1246
|
+
}
|
|
1247
|
+
declare const SwapFromCardView: React__default.FC<SwapFromCardViewProps>;
|
|
1248
|
+
|
|
1249
|
+
interface SwapToCardViewProps {
|
|
1250
|
+
labels: SwapCardLabels;
|
|
1251
|
+
selectedToken: {
|
|
1252
|
+
symbol: string;
|
|
1253
|
+
logoURI?: string;
|
|
1254
|
+
} | null;
|
|
1255
|
+
onTokenClick: () => void;
|
|
1256
|
+
balanceFormatted: string;
|
|
1257
|
+
balanceUsdFormatted: string;
|
|
1258
|
+
chainLabel: string;
|
|
1259
|
+
chainImage?: string;
|
|
1260
|
+
onNetworkClick: () => void;
|
|
1261
|
+
outputAmount: string;
|
|
1262
|
+
isOutputLoading: boolean;
|
|
1263
|
+
outputUsdFormatted: string;
|
|
1264
|
+
isOutputUsdLoading: boolean;
|
|
1265
|
+
}
|
|
1266
|
+
declare const SwapToCardView: React__default.FC<SwapToCardViewProps>;
|
|
1267
|
+
|
|
1268
|
+
interface SwapQuoteDetailsLabels {
|
|
1269
|
+
headerLabel: string;
|
|
1270
|
+
exchangeRateLabel: string;
|
|
1271
|
+
blockchainCostsLabel: string;
|
|
1272
|
+
networkGasLabel: string;
|
|
1273
|
+
protocolFeeLabel: string;
|
|
1274
|
+
slippageLabel: string;
|
|
1275
|
+
etaLabel: string;
|
|
1276
|
+
quoteIdLabel: string;
|
|
1277
|
+
costsExpandLabel: string;
|
|
1278
|
+
costsCollapseLabel: string;
|
|
1279
|
+
crossChainEtaValue: string;
|
|
1280
|
+
sameChainEtaValue: string;
|
|
1281
|
+
}
|
|
1282
|
+
|
|
1283
|
+
interface SwapQuoteDetailsViewProps {
|
|
1284
|
+
labels: SwapQuoteDetailsLabels;
|
|
1285
|
+
isVisible: boolean;
|
|
1286
|
+
isLoading: boolean;
|
|
1287
|
+
quoteHeaderLabel: React__default.ReactNode;
|
|
1288
|
+
timerElement?: React__default.ReactNode;
|
|
1289
|
+
exchangeRateFormatted: string;
|
|
1290
|
+
totalCostFormatted: string;
|
|
1291
|
+
feePercentage: string;
|
|
1292
|
+
gasCostFormatted: string;
|
|
1293
|
+
protocolFee: string;
|
|
1294
|
+
slippageFormatted: string;
|
|
1295
|
+
etaFormatted: string;
|
|
1296
|
+
quoteId: string;
|
|
1297
|
+
hasQuoteError: boolean;
|
|
1298
|
+
hasBytecodeError: boolean;
|
|
1299
|
+
quoteErrorMessage?: string;
|
|
1300
|
+
bytecodeErrorMessage?: string;
|
|
1301
|
+
}
|
|
1302
|
+
declare const SwapQuoteDetailsView: React__default.FC<SwapQuoteDetailsViewProps>;
|
|
1303
|
+
|
|
1304
|
+
interface SwapAdvancedSettingsViewProps {
|
|
1305
|
+
title: string;
|
|
1306
|
+
isOpen: boolean;
|
|
1307
|
+
onOpenChange: (open: boolean) => void;
|
|
1308
|
+
slippageBps: number;
|
|
1309
|
+
onSlippageSelect: (bps: number) => void;
|
|
1310
|
+
formatPercentage: (bps: number) => string;
|
|
1311
|
+
percentageOptions: number[];
|
|
1312
|
+
onPercentageClick: (pct: number) => void;
|
|
1313
|
+
slippageFormatted: string;
|
|
1314
|
+
collapseText: string;
|
|
1315
|
+
expandText: string;
|
|
1316
|
+
maxLabel: string;
|
|
1317
|
+
}
|
|
1318
|
+
declare const SwapAdvancedSettingsView: React__default.FC<SwapAdvancedSettingsViewProps>;
|
|
1319
|
+
|
|
1320
|
+
interface ConfirmSwapButtonLabels {
|
|
1321
|
+
defaultLabel: string;
|
|
1322
|
+
preparingSwapLabel: string;
|
|
1323
|
+
preparingTransactionLabel: string;
|
|
1324
|
+
processingTransactionLabel: string;
|
|
1325
|
+
noWalletLabel: string;
|
|
1326
|
+
noChainLabel: string;
|
|
1327
|
+
noTokenLabel: string;
|
|
1328
|
+
invalidTokenLabel: string;
|
|
1329
|
+
noAmountLabel: string;
|
|
1330
|
+
belowMinimumLabel: string;
|
|
1331
|
+
insufficientBalanceLabel: string;
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
interface ConfirmSwapButtonViewProps {
|
|
1335
|
+
labels: ConfirmSwapButtonLabels;
|
|
1336
|
+
buttonLabel: string;
|
|
1337
|
+
disabled: boolean;
|
|
1338
|
+
isLoading: boolean;
|
|
1339
|
+
onClick: () => void;
|
|
1340
|
+
}
|
|
1341
|
+
declare const ConfirmSwapButtonView: React__default.FC<ConfirmSwapButtonViewProps>;
|
|
1342
|
+
|
|
1343
|
+
type SwapValidationCode = 'NO_WALLET' | 'NO_CHAIN' | 'NO_TOKEN' | 'INVALID_TOKEN' | 'NO_AMOUNT' | 'AMOUNT_BELOW_MINIMUM' | 'INSUFFICIENT_BALANCE' | 'INVALID_AMOUNT' | 'VALID_SWAP';
|
|
1344
|
+
|
|
1345
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, 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, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFromCardView, type SwapFromCardViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapToCardView, type SwapToCardViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, type SwapValidationCode, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type ThemeMode, type ThemePreset, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
|
package/dist/index.d.ts
CHANGED
|
@@ -189,7 +189,7 @@ declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$
|
|
|
189
189
|
|
|
190
190
|
declare const TextHeading: React$1.ForwardRefExoticComponent<TextHeadingProps & React$1.RefAttributes<HTMLElement>>;
|
|
191
191
|
|
|
192
|
-
declare function Link({ children, href, className, target, disabled, prefetch, replace, scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
192
|
+
declare function Link({ children, href, className, target, disabled, prefetch: _prefetch, replace: _replace, scroll: _scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
193
193
|
|
|
194
194
|
/**
|
|
195
195
|
* Title component for headings and page titles
|
|
@@ -197,6 +197,16 @@ declare function Link({ children, href, className, target, disabled, prefetch, r
|
|
|
197
197
|
*/
|
|
198
198
|
declare function Title({ variant, className, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
199
199
|
|
|
200
|
+
interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
201
|
+
as?: keyof React$1.JSX.IntrinsicElements;
|
|
202
|
+
variantClass?: string;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Base Text component used internally by other text variants.
|
|
206
|
+
* Handles tag selection, base font, and class merging.
|
|
207
|
+
*/
|
|
208
|
+
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
209
|
+
|
|
200
210
|
interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
201
211
|
variant?: 'accent-large' | 'accent-medium' | 'accent-small';
|
|
202
212
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
@@ -1185,4 +1195,151 @@ interface ChooseAnAssetSwapViewProps {
|
|
|
1185
1195
|
}
|
|
1186
1196
|
declare const ChooseAnAssetSwapView: React__default.FC<ChooseAnAssetSwapViewProps>;
|
|
1187
1197
|
|
|
1188
|
-
|
|
1198
|
+
interface SwapFormLabels {
|
|
1199
|
+
title: string;
|
|
1200
|
+
subtitle?: string;
|
|
1201
|
+
historyAriaLabel: string;
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
interface SwapFormViewProps {
|
|
1205
|
+
labels: SwapFormLabels;
|
|
1206
|
+
onHistoryClick: () => void;
|
|
1207
|
+
fromCard: React__default.ReactNode;
|
|
1208
|
+
switchButton: React__default.ReactNode;
|
|
1209
|
+
toCard: React__default.ReactNode;
|
|
1210
|
+
advancedSettings: React__default.ReactNode;
|
|
1211
|
+
transactionDetails: React__default.ReactNode;
|
|
1212
|
+
confirmButton: React__default.ReactNode;
|
|
1213
|
+
}
|
|
1214
|
+
declare const SwapFormView: React__default.FC<SwapFormViewProps>;
|
|
1215
|
+
|
|
1216
|
+
interface SwapCardLabels {
|
|
1217
|
+
selectTokenLabel: string;
|
|
1218
|
+
balanceLabel: string;
|
|
1219
|
+
selectNetworkLabel: string;
|
|
1220
|
+
amountPlaceholder: string;
|
|
1221
|
+
searchingQuoteLabel?: string;
|
|
1222
|
+
maxLabel?: string;
|
|
1223
|
+
directionLabel?: string;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
interface SwapFromCardViewProps {
|
|
1227
|
+
labels: SwapCardLabels;
|
|
1228
|
+
selectedToken: {
|
|
1229
|
+
symbol: string;
|
|
1230
|
+
logoURI?: string;
|
|
1231
|
+
} | null;
|
|
1232
|
+
onTokenClick: () => void;
|
|
1233
|
+
balanceFormatted: string;
|
|
1234
|
+
balanceUsdFormatted: string;
|
|
1235
|
+
onBalanceClick?: () => void;
|
|
1236
|
+
chainLabel: string;
|
|
1237
|
+
chainImage?: string;
|
|
1238
|
+
onNetworkClick: () => void;
|
|
1239
|
+
amountValue: string;
|
|
1240
|
+
amountHasError: boolean;
|
|
1241
|
+
onAmountChange: (value: string) => void;
|
|
1242
|
+
maxFractionDigits?: number;
|
|
1243
|
+
amountUsdFormatted: string;
|
|
1244
|
+
isAmountUsdLoading: boolean;
|
|
1245
|
+
amountSlot?: React__default.ReactNode;
|
|
1246
|
+
}
|
|
1247
|
+
declare const SwapFromCardView: React__default.FC<SwapFromCardViewProps>;
|
|
1248
|
+
|
|
1249
|
+
interface SwapToCardViewProps {
|
|
1250
|
+
labels: SwapCardLabels;
|
|
1251
|
+
selectedToken: {
|
|
1252
|
+
symbol: string;
|
|
1253
|
+
logoURI?: string;
|
|
1254
|
+
} | null;
|
|
1255
|
+
onTokenClick: () => void;
|
|
1256
|
+
balanceFormatted: string;
|
|
1257
|
+
balanceUsdFormatted: string;
|
|
1258
|
+
chainLabel: string;
|
|
1259
|
+
chainImage?: string;
|
|
1260
|
+
onNetworkClick: () => void;
|
|
1261
|
+
outputAmount: string;
|
|
1262
|
+
isOutputLoading: boolean;
|
|
1263
|
+
outputUsdFormatted: string;
|
|
1264
|
+
isOutputUsdLoading: boolean;
|
|
1265
|
+
}
|
|
1266
|
+
declare const SwapToCardView: React__default.FC<SwapToCardViewProps>;
|
|
1267
|
+
|
|
1268
|
+
interface SwapQuoteDetailsLabels {
|
|
1269
|
+
headerLabel: string;
|
|
1270
|
+
exchangeRateLabel: string;
|
|
1271
|
+
blockchainCostsLabel: string;
|
|
1272
|
+
networkGasLabel: string;
|
|
1273
|
+
protocolFeeLabel: string;
|
|
1274
|
+
slippageLabel: string;
|
|
1275
|
+
etaLabel: string;
|
|
1276
|
+
quoteIdLabel: string;
|
|
1277
|
+
costsExpandLabel: string;
|
|
1278
|
+
costsCollapseLabel: string;
|
|
1279
|
+
crossChainEtaValue: string;
|
|
1280
|
+
sameChainEtaValue: string;
|
|
1281
|
+
}
|
|
1282
|
+
|
|
1283
|
+
interface SwapQuoteDetailsViewProps {
|
|
1284
|
+
labels: SwapQuoteDetailsLabels;
|
|
1285
|
+
isVisible: boolean;
|
|
1286
|
+
isLoading: boolean;
|
|
1287
|
+
quoteHeaderLabel: React__default.ReactNode;
|
|
1288
|
+
timerElement?: React__default.ReactNode;
|
|
1289
|
+
exchangeRateFormatted: string;
|
|
1290
|
+
totalCostFormatted: string;
|
|
1291
|
+
feePercentage: string;
|
|
1292
|
+
gasCostFormatted: string;
|
|
1293
|
+
protocolFee: string;
|
|
1294
|
+
slippageFormatted: string;
|
|
1295
|
+
etaFormatted: string;
|
|
1296
|
+
quoteId: string;
|
|
1297
|
+
hasQuoteError: boolean;
|
|
1298
|
+
hasBytecodeError: boolean;
|
|
1299
|
+
quoteErrorMessage?: string;
|
|
1300
|
+
bytecodeErrorMessage?: string;
|
|
1301
|
+
}
|
|
1302
|
+
declare const SwapQuoteDetailsView: React__default.FC<SwapQuoteDetailsViewProps>;
|
|
1303
|
+
|
|
1304
|
+
interface SwapAdvancedSettingsViewProps {
|
|
1305
|
+
title: string;
|
|
1306
|
+
isOpen: boolean;
|
|
1307
|
+
onOpenChange: (open: boolean) => void;
|
|
1308
|
+
slippageBps: number;
|
|
1309
|
+
onSlippageSelect: (bps: number) => void;
|
|
1310
|
+
formatPercentage: (bps: number) => string;
|
|
1311
|
+
percentageOptions: number[];
|
|
1312
|
+
onPercentageClick: (pct: number) => void;
|
|
1313
|
+
slippageFormatted: string;
|
|
1314
|
+
collapseText: string;
|
|
1315
|
+
expandText: string;
|
|
1316
|
+
maxLabel: string;
|
|
1317
|
+
}
|
|
1318
|
+
declare const SwapAdvancedSettingsView: React__default.FC<SwapAdvancedSettingsViewProps>;
|
|
1319
|
+
|
|
1320
|
+
interface ConfirmSwapButtonLabels {
|
|
1321
|
+
defaultLabel: string;
|
|
1322
|
+
preparingSwapLabel: string;
|
|
1323
|
+
preparingTransactionLabel: string;
|
|
1324
|
+
processingTransactionLabel: string;
|
|
1325
|
+
noWalletLabel: string;
|
|
1326
|
+
noChainLabel: string;
|
|
1327
|
+
noTokenLabel: string;
|
|
1328
|
+
invalidTokenLabel: string;
|
|
1329
|
+
noAmountLabel: string;
|
|
1330
|
+
belowMinimumLabel: string;
|
|
1331
|
+
insufficientBalanceLabel: string;
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
interface ConfirmSwapButtonViewProps {
|
|
1335
|
+
labels: ConfirmSwapButtonLabels;
|
|
1336
|
+
buttonLabel: string;
|
|
1337
|
+
disabled: boolean;
|
|
1338
|
+
isLoading: boolean;
|
|
1339
|
+
onClick: () => void;
|
|
1340
|
+
}
|
|
1341
|
+
declare const ConfirmSwapButtonView: React__default.FC<ConfirmSwapButtonViewProps>;
|
|
1342
|
+
|
|
1343
|
+
type SwapValidationCode = 'NO_WALLET' | 'NO_CHAIN' | 'NO_TOKEN' | 'INVALID_TOKEN' | 'NO_AMOUNT' | 'AMOUNT_BELOW_MINIMUM' | 'INSUFFICIENT_BALANCE' | 'INVALID_AMOUNT' | 'VALID_SWAP';
|
|
1344
|
+
|
|
1345
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, 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, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFromCardView, type SwapFromCardViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapToCardView, type SwapToCardViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, type SwapValidationCode, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type ThemeMode, type ThemePreset, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
|