@unifold/ui-react 0.1.56 → 0.1.58
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 +11 -4
- package/dist/index.d.ts +11 -4
- package/dist/index.js +2100 -2672
- package/dist/index.mjs +2541 -3113
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -224,7 +224,7 @@ interface DepositHeaderProps {
|
|
|
224
224
|
};
|
|
225
225
|
showBalance?: boolean;
|
|
226
226
|
balanceAddress?: string;
|
|
227
|
-
balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
|
|
227
|
+
balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl" | "cardano";
|
|
228
228
|
balanceChainId?: string;
|
|
229
229
|
balanceTokenAddress?: string;
|
|
230
230
|
/** Project name for balance label e.g. "{projectName} Balance: $0.00" */
|
|
@@ -401,6 +401,11 @@ interface StyledQRCodeProps {
|
|
|
401
401
|
imageSize?: number;
|
|
402
402
|
darkMode?: boolean;
|
|
403
403
|
}
|
|
404
|
+
interface QRCodeSkeletonProps {
|
|
405
|
+
size?: number;
|
|
406
|
+
darkMode?: boolean;
|
|
407
|
+
}
|
|
408
|
+
declare function QRCodeSkeleton({ size, darkMode }: QRCodeSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
404
409
|
declare function StyledQRCode({ value, size, imageUrl, imageSize, darkMode, }: StyledQRCodeProps): react_jsx_runtime.JSX.Element;
|
|
405
410
|
|
|
406
411
|
interface TransferCryptoButtonProps {
|
|
@@ -435,12 +440,13 @@ interface ConnectedExchangeInfo {
|
|
|
435
440
|
}
|
|
436
441
|
interface ConnectExchangeButtonProps {
|
|
437
442
|
onClick: () => void;
|
|
443
|
+
onDisconnect?: () => void;
|
|
438
444
|
title: string;
|
|
439
445
|
subtitle: string;
|
|
440
446
|
exchanges?: ExchangeIconInfo[];
|
|
441
447
|
connectedExchange?: ConnectedExchangeInfo | null;
|
|
442
448
|
}
|
|
443
|
-
declare function ConnectExchangeButton({ onClick, title, subtitle, exchanges, connectedExchange, }: ConnectExchangeButtonProps): react_jsx_runtime.JSX.Element;
|
|
449
|
+
declare function ConnectExchangeButton({ onClick, onDisconnect, title, subtitle, exchanges, connectedExchange, }: ConnectExchangeButtonProps): react_jsx_runtime.JSX.Element;
|
|
444
450
|
|
|
445
451
|
interface DepositTrackerButtonProps {
|
|
446
452
|
onClick: () => void;
|
|
@@ -469,10 +475,11 @@ interface CoinbaseConnectProps {
|
|
|
469
475
|
}) => void;
|
|
470
476
|
onClose?: () => void;
|
|
471
477
|
onBack?: () => void;
|
|
478
|
+
onDisconnect?: () => void;
|
|
472
479
|
skipToHoldings?: boolean;
|
|
473
480
|
onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
|
|
474
481
|
}
|
|
475
|
-
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, skipToHoldings, onExecutionsChange, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
482
|
+
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, onExecutionsChange, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
476
483
|
declare namespace CoinbaseConnect {
|
|
477
484
|
var displayName: string;
|
|
478
485
|
}
|
|
@@ -1283,4 +1290,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1283
1290
|
*/
|
|
1284
1291
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
1285
1292
|
|
|
1286
|
-
export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckingForDepositIndicator, CheckoutModal, type CheckoutModalProps, CoinbaseConnect, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, ConnectExchangeButton, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, ManualDepositButton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
1293
|
+
export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckingForDepositIndicator, CheckoutModal, type CheckoutModalProps, CoinbaseConnect, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, ConnectExchangeButton, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, ManualDepositButton, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
package/dist/index.d.ts
CHANGED
|
@@ -224,7 +224,7 @@ interface DepositHeaderProps {
|
|
|
224
224
|
};
|
|
225
225
|
showBalance?: boolean;
|
|
226
226
|
balanceAddress?: string;
|
|
227
|
-
balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
|
|
227
|
+
balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl" | "cardano";
|
|
228
228
|
balanceChainId?: string;
|
|
229
229
|
balanceTokenAddress?: string;
|
|
230
230
|
/** Project name for balance label e.g. "{projectName} Balance: $0.00" */
|
|
@@ -401,6 +401,11 @@ interface StyledQRCodeProps {
|
|
|
401
401
|
imageSize?: number;
|
|
402
402
|
darkMode?: boolean;
|
|
403
403
|
}
|
|
404
|
+
interface QRCodeSkeletonProps {
|
|
405
|
+
size?: number;
|
|
406
|
+
darkMode?: boolean;
|
|
407
|
+
}
|
|
408
|
+
declare function QRCodeSkeleton({ size, darkMode }: QRCodeSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
404
409
|
declare function StyledQRCode({ value, size, imageUrl, imageSize, darkMode, }: StyledQRCodeProps): react_jsx_runtime.JSX.Element;
|
|
405
410
|
|
|
406
411
|
interface TransferCryptoButtonProps {
|
|
@@ -435,12 +440,13 @@ interface ConnectedExchangeInfo {
|
|
|
435
440
|
}
|
|
436
441
|
interface ConnectExchangeButtonProps {
|
|
437
442
|
onClick: () => void;
|
|
443
|
+
onDisconnect?: () => void;
|
|
438
444
|
title: string;
|
|
439
445
|
subtitle: string;
|
|
440
446
|
exchanges?: ExchangeIconInfo[];
|
|
441
447
|
connectedExchange?: ConnectedExchangeInfo | null;
|
|
442
448
|
}
|
|
443
|
-
declare function ConnectExchangeButton({ onClick, title, subtitle, exchanges, connectedExchange, }: ConnectExchangeButtonProps): react_jsx_runtime.JSX.Element;
|
|
449
|
+
declare function ConnectExchangeButton({ onClick, onDisconnect, title, subtitle, exchanges, connectedExchange, }: ConnectExchangeButtonProps): react_jsx_runtime.JSX.Element;
|
|
444
450
|
|
|
445
451
|
interface DepositTrackerButtonProps {
|
|
446
452
|
onClick: () => void;
|
|
@@ -469,10 +475,11 @@ interface CoinbaseConnectProps {
|
|
|
469
475
|
}) => void;
|
|
470
476
|
onClose?: () => void;
|
|
471
477
|
onBack?: () => void;
|
|
478
|
+
onDisconnect?: () => void;
|
|
472
479
|
skipToHoldings?: boolean;
|
|
473
480
|
onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
|
|
474
481
|
}
|
|
475
|
-
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, skipToHoldings, onExecutionsChange, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
482
|
+
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, onExecutionsChange, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
476
483
|
declare namespace CoinbaseConnect {
|
|
477
484
|
var displayName: string;
|
|
478
485
|
}
|
|
@@ -1283,4 +1290,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1283
1290
|
*/
|
|
1284
1291
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
1285
1292
|
|
|
1286
|
-
export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckingForDepositIndicator, CheckoutModal, type CheckoutModalProps, CoinbaseConnect, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, ConnectExchangeButton, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, ManualDepositButton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
1293
|
+
export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckingForDepositIndicator, CheckoutModal, type CheckoutModalProps, CoinbaseConnect, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, ConnectExchangeButton, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, ManualDepositButton, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|