@unifold/ui-react 0.1.73 → 0.1.74
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 +59 -8
- package/dist/index.d.ts +59 -8
- package/dist/index.js +2370 -2278
- package/dist/index.mjs +2267 -2174
- package/package.json +7 -4
package/dist/index.d.mts
CHANGED
|
@@ -12,6 +12,32 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
12
12
|
import { EventTracker, AnalyticsProperties, AnalyticsEvent } from '@unifold/analytics';
|
|
13
13
|
import { ClassValue } from 'clsx';
|
|
14
14
|
|
|
15
|
+
/** The two tabs the deposit menu splits funding methods across. */
|
|
16
|
+
type DepositTab = 'crypto' | 'cash';
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* How the deposit menu arranges the funding methods.
|
|
20
|
+
* - `'tabs'` (default): options grouped under "Use Crypto" / "Use Cash" tabs.
|
|
21
|
+
* - `'stacked'`: every option in a single list.
|
|
22
|
+
*/
|
|
23
|
+
type DepositMenuLayoutType = 'stacked' | 'tabs';
|
|
24
|
+
/** Layout the deposit menu uses, and the options belonging to it. */
|
|
25
|
+
interface DepositMenuLayout {
|
|
26
|
+
/** @default 'tabs' */
|
|
27
|
+
type?: DepositMenuLayoutType;
|
|
28
|
+
/**
|
|
29
|
+
* Order of the tabs under `type: 'tabs'`. Tabs listed here lead, in the order
|
|
30
|
+
* given; any tab left out keeps its default position behind them. The leading
|
|
31
|
+
* tab is the one shown on the main menu until the user picks another, so
|
|
32
|
+
* `['cash', 'crypto']` opens on "Use Cash".
|
|
33
|
+
*
|
|
34
|
+
* `initialScreen` still wins: deep-linking into a method opens that method's
|
|
35
|
+
* tab. Unknown or duplicate ids are ignored, and a tab with no enabled
|
|
36
|
+
* methods stays hidden. @default ['crypto', 'cash']
|
|
37
|
+
*/
|
|
38
|
+
tabOrder?: DepositTab[];
|
|
39
|
+
}
|
|
40
|
+
|
|
15
41
|
type DepositConfirmationMode = 'auto_ui' | 'auto_silent' | 'manual';
|
|
16
42
|
interface UseDepositPollingOptions {
|
|
17
43
|
userId: string | undefined;
|
|
@@ -231,6 +257,12 @@ interface DepositModalProps {
|
|
|
231
257
|
* (US-only availability) always wins regardless of this flag.
|
|
232
258
|
*/
|
|
233
259
|
enableStripeLink?: boolean;
|
|
260
|
+
/**
|
|
261
|
+
* Fixed crypto (destination) amount for the fiat on-ramp (Deposit with Card).
|
|
262
|
+
* When set, the fiat input is locked (view-only) and the onramp is quoted by
|
|
263
|
+
* this crypto amount with provider fees added on top.
|
|
264
|
+
*/
|
|
265
|
+
onrampDestinationAmount?: string;
|
|
234
266
|
/**
|
|
235
267
|
* Email for the host platform's signed-in user. Consolidated pre-fill / pre-trust
|
|
236
268
|
* address shared across onramp flows:
|
|
@@ -315,14 +347,25 @@ interface DepositModalProps {
|
|
|
315
347
|
/** First screen when the modal opens. Default `main` (deposit menu). */
|
|
316
348
|
initialScreen?: DepositModalInitialScreen;
|
|
317
349
|
/**
|
|
318
|
-
* Main menu layout
|
|
319
|
-
*
|
|
320
|
-
*
|
|
321
|
-
*
|
|
350
|
+
* Main menu layout, and the options belonging to it:
|
|
351
|
+
*
|
|
352
|
+
* ```tsx
|
|
353
|
+
* layout={{ type: 'tabs', tabOrder: ['cash', 'crypto'] }}
|
|
354
|
+
* ```
|
|
355
|
+
*
|
|
356
|
+
* `type` defaults to `"tabs"`, which groups the options under "Use Crypto" /
|
|
357
|
+
* "Use Cash" tabs; `"stacked"` puts them all in a single list.
|
|
358
|
+
*/
|
|
359
|
+
layout?: DepositMenuLayout;
|
|
360
|
+
/**
|
|
361
|
+
* Main menu layout: `"tabs"` (default) or `"stacked"`.
|
|
362
|
+
*
|
|
363
|
+
* @deprecated Use `layout` instead, which also carries the layout's own
|
|
364
|
+
* options. `displayMode="stacked"` becomes `layout={{ type: 'stacked' }}`.
|
|
322
365
|
*/
|
|
323
|
-
displayMode?:
|
|
366
|
+
displayMode?: DepositMenuLayoutType;
|
|
324
367
|
}
|
|
325
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle: applePayTitleProp, applePaySubTitle: applePaySubTitleProp, enableGooglePay, googlePayTitle: googlePayTitleProp, googlePaySubTitle: googlePaySubTitleProp, enableBankTransfer, enableIncidentBanner, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle: transferCryptoTitleProp, depositWithCardTitle: depositWithCardTitleProp, payWithExchangeTitle: payWithExchangeTitleProp, depositTrackerTitle: depositTrackerTitleProp, depositTrackerSubTitle: depositTrackerSubTitleProp, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
368
|
+
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle: applePayTitleProp, applePaySubTitle: applePaySubTitleProp, enableGooglePay, googlePayTitle: googlePayTitleProp, googlePaySubTitle: googlePaySubTitleProp, enableBankTransfer, enableIncidentBanner, enableStripeLink, onrampDestinationAmount, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, layout, displayMode, transferCryptoTitle: transferCryptoTitleProp, depositWithCardTitle: depositWithCardTitleProp, payWithExchangeTitle: payWithExchangeTitleProp, depositTrackerTitle: depositTrackerTitleProp, depositTrackerSubTitle: depositTrackerSubTitleProp, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
326
369
|
|
|
327
370
|
interface DepositHeaderProps {
|
|
328
371
|
title: string;
|
|
@@ -480,9 +523,17 @@ interface BuyWithCardProps {
|
|
|
480
523
|
hideDisplayDescription?: boolean;
|
|
481
524
|
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
482
525
|
prefilledAmountUsd?: string;
|
|
526
|
+
/**
|
|
527
|
+
* Fixed crypto (destination) amount to buy. When set, the fiat amount input is
|
|
528
|
+
* locked (view-only) and shows the value converted from USD to the selected
|
|
529
|
+
* currency; the onramp quotes/session are requested by this destination amount
|
|
530
|
+
* with provider fees added on top. Only providers that support a fixed
|
|
531
|
+
* destination amount are shown.
|
|
532
|
+
*/
|
|
533
|
+
destinationAmount?: string;
|
|
483
534
|
}
|
|
484
535
|
declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, // Keep prop for backward compatibility but don't use default
|
|
485
|
-
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
536
|
+
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, destinationAmount, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
486
537
|
|
|
487
538
|
type View = 'loading_config' | 'disabled' | 'email_input' | 'phone_input' | 'submitting_session' | 'email_otp' | 'phone_otp' | 'amount' | 'checking_deposit' | 'success' | 'guest_limit_reached' | 'limit_upgrade_intro' | 'limit_upgrade_form' | 'limit_upgrade_submitting' | 'limit_upgrade_failed';
|
|
488
539
|
interface BuyWithWalletPayProps {
|
|
@@ -3380,4 +3431,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
3380
3431
|
*/
|
|
3381
3432
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
3382
3433
|
|
|
3383
|
-
export { type AllowedCountryResult, AnalyticsProvider, type AnalyticsProviderProps, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, BuyWithCard, type BuyWithCardProps, BuyWithGooglePay, type BuyWithGooglePayProps, BuyWithWalletPay, type BuyWithWalletPayHandle, type BuyWithWalletPayProps, 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, 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 I18nContextValue, I18nProvider, type I18nProviderProps, type I18nStrings, type InputTokens, type ListTokens, type LocaleCode, ManualDepositButton, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, SUPPORTED_LOCALES, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredWalletPaySession as StoredApplePaySession, type StoredWalletPaySession, StripeLinkButton, type StripeLinkStep, 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, clearStoredWalletPaySession as clearStoredApplePaySession, clearStoredWalletPaySession, cn, colors, defaultColors, detectBrowserLocale, detectBrowserWallet, getActiveLocale, getActiveStrings, getColors, getStoredWalletPaySession as getStoredApplePaySession, getStoredWalletPaySession, getStrings, i18n, interpolate, isHypercoreChain, isOnrampTokenFresh, mergeColors, normalizeLocale, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setActiveLocale, setStoredWalletPaySession as setStoredApplePaySession, setStoredWalletPaySession, truncateAddress, useAddressBalance, useAllowedCountry, useAnalytics, useDebounce, useDepositPolling, useDepositQuote, useI18n, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
3434
|
+
export { type AllowedCountryResult, AnalyticsProvider, type AnalyticsProviderProps, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, BuyWithCard, type BuyWithCardProps, BuyWithGooglePay, type BuyWithGooglePayProps, BuyWithWalletPay, type BuyWithWalletPayHandle, type BuyWithWalletPayProps, 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, type DepositMenuLayout, type DepositMenuLayoutType, DepositModal, type DepositModalInitialScreen, DepositSuccessToast, type DepositTab, 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 I18nContextValue, I18nProvider, type I18nProviderProps, type I18nStrings, type InputTokens, type ListTokens, type LocaleCode, ManualDepositButton, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, SUPPORTED_LOCALES, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredWalletPaySession as StoredApplePaySession, type StoredWalletPaySession, StripeLinkButton, type StripeLinkStep, 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, clearStoredWalletPaySession as clearStoredApplePaySession, clearStoredWalletPaySession, cn, colors, defaultColors, detectBrowserLocale, detectBrowserWallet, getActiveLocale, getActiveStrings, getColors, getStoredWalletPaySession as getStoredApplePaySession, getStoredWalletPaySession, getStrings, i18n, interpolate, isHypercoreChain, isOnrampTokenFresh, mergeColors, normalizeLocale, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setActiveLocale, setStoredWalletPaySession as setStoredApplePaySession, setStoredWalletPaySession, truncateAddress, useAddressBalance, useAllowedCountry, useAnalytics, useDebounce, useDepositPolling, useDepositQuote, useI18n, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
package/dist/index.d.ts
CHANGED
|
@@ -12,6 +12,32 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
12
12
|
import { EventTracker, AnalyticsProperties, AnalyticsEvent } from '@unifold/analytics';
|
|
13
13
|
import { ClassValue } from 'clsx';
|
|
14
14
|
|
|
15
|
+
/** The two tabs the deposit menu splits funding methods across. */
|
|
16
|
+
type DepositTab = 'crypto' | 'cash';
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* How the deposit menu arranges the funding methods.
|
|
20
|
+
* - `'tabs'` (default): options grouped under "Use Crypto" / "Use Cash" tabs.
|
|
21
|
+
* - `'stacked'`: every option in a single list.
|
|
22
|
+
*/
|
|
23
|
+
type DepositMenuLayoutType = 'stacked' | 'tabs';
|
|
24
|
+
/** Layout the deposit menu uses, and the options belonging to it. */
|
|
25
|
+
interface DepositMenuLayout {
|
|
26
|
+
/** @default 'tabs' */
|
|
27
|
+
type?: DepositMenuLayoutType;
|
|
28
|
+
/**
|
|
29
|
+
* Order of the tabs under `type: 'tabs'`. Tabs listed here lead, in the order
|
|
30
|
+
* given; any tab left out keeps its default position behind them. The leading
|
|
31
|
+
* tab is the one shown on the main menu until the user picks another, so
|
|
32
|
+
* `['cash', 'crypto']` opens on "Use Cash".
|
|
33
|
+
*
|
|
34
|
+
* `initialScreen` still wins: deep-linking into a method opens that method's
|
|
35
|
+
* tab. Unknown or duplicate ids are ignored, and a tab with no enabled
|
|
36
|
+
* methods stays hidden. @default ['crypto', 'cash']
|
|
37
|
+
*/
|
|
38
|
+
tabOrder?: DepositTab[];
|
|
39
|
+
}
|
|
40
|
+
|
|
15
41
|
type DepositConfirmationMode = 'auto_ui' | 'auto_silent' | 'manual';
|
|
16
42
|
interface UseDepositPollingOptions {
|
|
17
43
|
userId: string | undefined;
|
|
@@ -231,6 +257,12 @@ interface DepositModalProps {
|
|
|
231
257
|
* (US-only availability) always wins regardless of this flag.
|
|
232
258
|
*/
|
|
233
259
|
enableStripeLink?: boolean;
|
|
260
|
+
/**
|
|
261
|
+
* Fixed crypto (destination) amount for the fiat on-ramp (Deposit with Card).
|
|
262
|
+
* When set, the fiat input is locked (view-only) and the onramp is quoted by
|
|
263
|
+
* this crypto amount with provider fees added on top.
|
|
264
|
+
*/
|
|
265
|
+
onrampDestinationAmount?: string;
|
|
234
266
|
/**
|
|
235
267
|
* Email for the host platform's signed-in user. Consolidated pre-fill / pre-trust
|
|
236
268
|
* address shared across onramp flows:
|
|
@@ -315,14 +347,25 @@ interface DepositModalProps {
|
|
|
315
347
|
/** First screen when the modal opens. Default `main` (deposit menu). */
|
|
316
348
|
initialScreen?: DepositModalInitialScreen;
|
|
317
349
|
/**
|
|
318
|
-
* Main menu layout
|
|
319
|
-
*
|
|
320
|
-
*
|
|
321
|
-
*
|
|
350
|
+
* Main menu layout, and the options belonging to it:
|
|
351
|
+
*
|
|
352
|
+
* ```tsx
|
|
353
|
+
* layout={{ type: 'tabs', tabOrder: ['cash', 'crypto'] }}
|
|
354
|
+
* ```
|
|
355
|
+
*
|
|
356
|
+
* `type` defaults to `"tabs"`, which groups the options under "Use Crypto" /
|
|
357
|
+
* "Use Cash" tabs; `"stacked"` puts them all in a single list.
|
|
358
|
+
*/
|
|
359
|
+
layout?: DepositMenuLayout;
|
|
360
|
+
/**
|
|
361
|
+
* Main menu layout: `"tabs"` (default) or `"stacked"`.
|
|
362
|
+
*
|
|
363
|
+
* @deprecated Use `layout` instead, which also carries the layout's own
|
|
364
|
+
* options. `displayMode="stacked"` becomes `layout={{ type: 'stacked' }}`.
|
|
322
365
|
*/
|
|
323
|
-
displayMode?:
|
|
366
|
+
displayMode?: DepositMenuLayoutType;
|
|
324
367
|
}
|
|
325
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle: applePayTitleProp, applePaySubTitle: applePaySubTitleProp, enableGooglePay, googlePayTitle: googlePayTitleProp, googlePaySubTitle: googlePaySubTitleProp, enableBankTransfer, enableIncidentBanner, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle: transferCryptoTitleProp, depositWithCardTitle: depositWithCardTitleProp, payWithExchangeTitle: payWithExchangeTitleProp, depositTrackerTitle: depositTrackerTitleProp, depositTrackerSubTitle: depositTrackerSubTitleProp, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
368
|
+
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle: applePayTitleProp, applePaySubTitle: applePaySubTitleProp, enableGooglePay, googlePayTitle: googlePayTitleProp, googlePaySubTitle: googlePaySubTitleProp, enableBankTransfer, enableIncidentBanner, enableStripeLink, onrampDestinationAmount, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, layout, displayMode, transferCryptoTitle: transferCryptoTitleProp, depositWithCardTitle: depositWithCardTitleProp, payWithExchangeTitle: payWithExchangeTitleProp, depositTrackerTitle: depositTrackerTitleProp, depositTrackerSubTitle: depositTrackerSubTitleProp, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
326
369
|
|
|
327
370
|
interface DepositHeaderProps {
|
|
328
371
|
title: string;
|
|
@@ -480,9 +523,17 @@ interface BuyWithCardProps {
|
|
|
480
523
|
hideDisplayDescription?: boolean;
|
|
481
524
|
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
482
525
|
prefilledAmountUsd?: string;
|
|
526
|
+
/**
|
|
527
|
+
* Fixed crypto (destination) amount to buy. When set, the fiat amount input is
|
|
528
|
+
* locked (view-only) and shows the value converted from USD to the selected
|
|
529
|
+
* currency; the onramp quotes/session are requested by this destination amount
|
|
530
|
+
* with provider fees added on top. Only providers that support a fixed
|
|
531
|
+
* destination amount are shown.
|
|
532
|
+
*/
|
|
533
|
+
destinationAmount?: string;
|
|
483
534
|
}
|
|
484
535
|
declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, // Keep prop for backward compatibility but don't use default
|
|
485
|
-
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
536
|
+
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, destinationAmount, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
486
537
|
|
|
487
538
|
type View = 'loading_config' | 'disabled' | 'email_input' | 'phone_input' | 'submitting_session' | 'email_otp' | 'phone_otp' | 'amount' | 'checking_deposit' | 'success' | 'guest_limit_reached' | 'limit_upgrade_intro' | 'limit_upgrade_form' | 'limit_upgrade_submitting' | 'limit_upgrade_failed';
|
|
488
539
|
interface BuyWithWalletPayProps {
|
|
@@ -3380,4 +3431,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
3380
3431
|
*/
|
|
3381
3432
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
3382
3433
|
|
|
3383
|
-
export { type AllowedCountryResult, AnalyticsProvider, type AnalyticsProviderProps, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, BuyWithCard, type BuyWithCardProps, BuyWithGooglePay, type BuyWithGooglePayProps, BuyWithWalletPay, type BuyWithWalletPayHandle, type BuyWithWalletPayProps, 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, 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 I18nContextValue, I18nProvider, type I18nProviderProps, type I18nStrings, type InputTokens, type ListTokens, type LocaleCode, ManualDepositButton, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, SUPPORTED_LOCALES, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredWalletPaySession as StoredApplePaySession, type StoredWalletPaySession, StripeLinkButton, type StripeLinkStep, 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, clearStoredWalletPaySession as clearStoredApplePaySession, clearStoredWalletPaySession, cn, colors, defaultColors, detectBrowserLocale, detectBrowserWallet, getActiveLocale, getActiveStrings, getColors, getStoredWalletPaySession as getStoredApplePaySession, getStoredWalletPaySession, getStrings, i18n, interpolate, isHypercoreChain, isOnrampTokenFresh, mergeColors, normalizeLocale, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setActiveLocale, setStoredWalletPaySession as setStoredApplePaySession, setStoredWalletPaySession, truncateAddress, useAddressBalance, useAllowedCountry, useAnalytics, useDebounce, useDepositPolling, useDepositQuote, useI18n, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
3434
|
+
export { type AllowedCountryResult, AnalyticsProvider, type AnalyticsProviderProps, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, BuyWithCard, type BuyWithCardProps, BuyWithGooglePay, type BuyWithGooglePayProps, BuyWithWalletPay, type BuyWithWalletPayHandle, type BuyWithWalletPayProps, 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, type DepositMenuLayout, type DepositMenuLayoutType, DepositModal, type DepositModalInitialScreen, DepositSuccessToast, type DepositTab, 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 I18nContextValue, I18nProvider, type I18nProviderProps, type I18nStrings, type InputTokens, type ListTokens, type LocaleCode, ManualDepositButton, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, SUPPORTED_LOCALES, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredWalletPaySession as StoredApplePaySession, type StoredWalletPaySession, StripeLinkButton, type StripeLinkStep, 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, clearStoredWalletPaySession as clearStoredApplePaySession, clearStoredWalletPaySession, cn, colors, defaultColors, detectBrowserLocale, detectBrowserWallet, getActiveLocale, getActiveStrings, getColors, getStoredWalletPaySession as getStoredApplePaySession, getStoredWalletPaySession, getStrings, i18n, interpolate, isHypercoreChain, isOnrampTokenFresh, mergeColors, normalizeLocale, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setActiveLocale, setStoredWalletPaySession as setStoredApplePaySession, setStoredWalletPaySession, truncateAddress, useAddressBalance, useAllowedCountry, useAnalytics, useDebounce, useDepositPolling, useDepositQuote, useI18n, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|