@unifold/ui-react 0.1.68-beta.2 → 0.1.69
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 +30 -7
- package/dist/index.d.ts +30 -7
- package/dist/index.js +1452 -1067
- package/dist/index.mjs +1528 -1144
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -182,6 +182,11 @@ interface DepositModalProps {
|
|
|
182
182
|
defaultSourceTokenAddress?: string;
|
|
183
183
|
/** Source token symbol (e.g. `"USDC"`). Must be paired with `defaultSourceChainType` + `defaultSourceChainId`. */
|
|
184
184
|
defaultSourceSymbol?: string;
|
|
185
|
+
/**
|
|
186
|
+
* Pre-fill USD amount inputs in deposit flows (Connect Wallet, Deposit with
|
|
187
|
+
* Card, Bank Transfer, and Cash App) as an initial typed value.
|
|
188
|
+
*/
|
|
189
|
+
prefilledAmountUsd?: string;
|
|
185
190
|
/** Hide the "Deposit Tracker" option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? false (shown). */
|
|
186
191
|
hideDepositTracker?: boolean;
|
|
187
192
|
/** Show balance in deposit modal header. Defaults to false */
|
|
@@ -211,6 +216,12 @@ interface DepositModalProps {
|
|
|
211
216
|
enableConnectExchange?: boolean;
|
|
212
217
|
/** Enable "Pay with Cash App" option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? true. */
|
|
213
218
|
enableCashApp?: boolean;
|
|
219
|
+
/**
|
|
220
|
+
* Enable the Stripe "Pay with Link" option. Overrides the dashboard default.
|
|
221
|
+
* Resolves as flag ?? dashboard `stripe_link.enabled` ?? false (Link is
|
|
222
|
+
* opt-in, unlike most methods). The platform `stripe_link.is_hidden` hard hide
|
|
223
|
+
* (US-only availability) always wins regardless of this flag.
|
|
224
|
+
*/
|
|
214
225
|
enableStripeLink?: boolean;
|
|
215
226
|
/**
|
|
216
227
|
* Email for the host platform's signed-in user. Consolidated pre-fill / pre-trust
|
|
@@ -278,7 +289,7 @@ interface DepositModalProps {
|
|
|
278
289
|
*/
|
|
279
290
|
displayMode?: 'stacked' | 'tabs';
|
|
280
291
|
}
|
|
281
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle, applePaySubTitle, enableBankTransfer, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
292
|
+
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, applePaySubTitle, enableBankTransfer, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
282
293
|
|
|
283
294
|
interface DepositHeaderProps {
|
|
284
295
|
title: string;
|
|
@@ -343,6 +354,8 @@ interface TransferCryptoSingleInputProps {
|
|
|
343
354
|
minimumDepositAmountUsd: number;
|
|
344
355
|
isStablecoin: boolean;
|
|
345
356
|
}) => void;
|
|
357
|
+
/** Optional USD prefilled used to render an estimated "You send" target. */
|
|
358
|
+
prefilledAmountUsd?: string;
|
|
346
359
|
/** Checkout mode: estimated source amount to send (from /public/quotes). Shown above the QR code. */
|
|
347
360
|
checkoutQuote?: {
|
|
348
361
|
sourceAmount: string;
|
|
@@ -358,7 +371,7 @@ interface TransferCryptoSingleInputProps {
|
|
|
358
371
|
/** Product context sent to the API — "deposit" (default) or "payment". */
|
|
359
372
|
productType?: ProductType;
|
|
360
373
|
}
|
|
361
|
-
declare function TransferCryptoSingleInput({ userId, publishableKey, clientSecret, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, onSourceTokenChange, checkoutQuote, isCheckoutQuoteLoading, persistCheckingIndicator, productType, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
|
|
374
|
+
declare function TransferCryptoSingleInput({ userId, publishableKey, clientSecret, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, onSourceTokenChange, prefilledAmountUsd, checkoutQuote, isCheckoutQuoteLoading, persistCheckingIndicator, productType, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
|
|
362
375
|
|
|
363
376
|
interface TransferCryptoDoubleInputProps {
|
|
364
377
|
userId: string;
|
|
@@ -371,6 +384,8 @@ interface TransferCryptoDoubleInputProps {
|
|
|
371
384
|
defaultSourceChainId?: string;
|
|
372
385
|
defaultSourceTokenAddress?: string;
|
|
373
386
|
defaultSourceSymbol?: string;
|
|
387
|
+
/** Optional USD prefilled used to render an estimated "You send" target. */
|
|
388
|
+
prefilledAmountUsd?: string;
|
|
374
389
|
/** Controls when polling starts and whether a waiting UI is shown.
|
|
375
390
|
* - "auto_ui": After 10s, starts polling and shows "Processing..." card (default)
|
|
376
391
|
* - "auto_silent": After 10s, starts polling silently (no waiting UI)
|
|
@@ -391,7 +406,7 @@ interface TransferCryptoDoubleInputProps {
|
|
|
391
406
|
}) => void;
|
|
392
407
|
wallets?: Wallet[];
|
|
393
408
|
}
|
|
394
|
-
declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
|
|
409
|
+
declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
|
|
395
410
|
|
|
396
411
|
interface BuyWithCardProps {
|
|
397
412
|
userId: string;
|
|
@@ -424,9 +439,11 @@ interface BuyWithCardProps {
|
|
|
424
439
|
hideDepositFlowInfo?: boolean;
|
|
425
440
|
/** When true, hides the temporary wallet address disclaimer below the flow. @default false */
|
|
426
441
|
hideDisplayDescription?: boolean;
|
|
442
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
443
|
+
prefilledAmountUsd?: string;
|
|
427
444
|
}
|
|
428
445
|
declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, // Keep prop for backward compatibility but don't use default
|
|
429
|
-
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
446
|
+
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
430
447
|
|
|
431
448
|
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';
|
|
432
449
|
interface BuyWithApplePayProps {
|
|
@@ -639,6 +656,8 @@ interface BankTransferProps {
|
|
|
639
656
|
error?: unknown;
|
|
640
657
|
code?: string;
|
|
641
658
|
}) => void;
|
|
659
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
660
|
+
prefilledAmountUsd?: string;
|
|
642
661
|
}
|
|
643
662
|
/**
|
|
644
663
|
* Bank-transfer deposit flow. Three steps:
|
|
@@ -649,7 +668,7 @@ interface BankTransferProps {
|
|
|
649
668
|
* The widget itself handles KYC + IBAN entry + payment; we just collect the
|
|
650
669
|
* fiat amount up-front so users aren't surprised by the default in the widget.
|
|
651
670
|
*/
|
|
652
|
-
declare function BankTransfer({ userId, publishableKey, view: externalView, onViewChange, destinationChainType, destinationChainId, destinationTokenAddress, destinationTokenSymbol, wallets, defaultToken: externalDefaultToken, assetCdnUrl, onDepositSuccess, onEvent, onDepositError, }: BankTransferProps): react_jsx_runtime.JSX.Element;
|
|
671
|
+
declare function BankTransfer({ userId, publishableKey, view: externalView, onViewChange, destinationChainType, destinationChainId, destinationTokenAddress, destinationTokenSymbol, wallets, defaultToken: externalDefaultToken, assetCdnUrl, onDepositSuccess, onEvent, onDepositError, prefilledAmountUsd, }: BankTransferProps): react_jsx_runtime.JSX.Element;
|
|
653
672
|
|
|
654
673
|
interface DepositWallet {
|
|
655
674
|
id: string;
|
|
@@ -690,8 +709,10 @@ interface CoinbaseConnectProps {
|
|
|
690
709
|
defaultSourceChainId?: string;
|
|
691
710
|
defaultSourceTokenAddress?: string;
|
|
692
711
|
defaultSourceSymbol?: string;
|
|
712
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
713
|
+
prefilledAmountUsd?: string;
|
|
693
714
|
}
|
|
694
|
-
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
715
|
+
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
695
716
|
declare namespace CoinbaseConnect {
|
|
696
717
|
var displayName: string;
|
|
697
718
|
}
|
|
@@ -704,6 +725,8 @@ interface PayWithStripeLinkProps {
|
|
|
704
725
|
destinationChainType?: ChainType;
|
|
705
726
|
destinationChainId?: string;
|
|
706
727
|
destinationTokenAddress?: string;
|
|
728
|
+
countryCode?: string;
|
|
729
|
+
subdivisionCode?: string;
|
|
707
730
|
/**
|
|
708
731
|
* Pre-created deposit intent wallets (one per chain type). When provided, the
|
|
709
732
|
* Stripe onramp delivers to the deposit intent address matching the Stripe
|
|
@@ -748,7 +771,7 @@ interface PayWithStripeLinkProps {
|
|
|
748
771
|
* The Stripe publishable key is auto-fetched from the backend via GET /config,
|
|
749
772
|
* so consumers only need their Unifold publishable key.
|
|
750
773
|
*/
|
|
751
|
-
declare function PayWithStripeLink({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, wallets: externalWallets, email: emailProp, iconUrl, step: controlledStep, onStepChange, backHandlerRef, onDepositSuccess, onDepositError, }: PayWithStripeLinkProps): react_jsx_runtime.JSX.Element | null;
|
|
774
|
+
declare function PayWithStripeLink({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, countryCode, subdivisionCode, wallets: externalWallets, email: emailProp, iconUrl, step: controlledStep, onStepChange, backHandlerRef, onDepositSuccess, onDepositError, }: PayWithStripeLinkProps): react_jsx_runtime.JSX.Element | null;
|
|
752
775
|
|
|
753
776
|
interface DepositExecutionItemProps {
|
|
754
777
|
execution: DirectExecutionResponse;
|
package/dist/index.d.ts
CHANGED
|
@@ -182,6 +182,11 @@ interface DepositModalProps {
|
|
|
182
182
|
defaultSourceTokenAddress?: string;
|
|
183
183
|
/** Source token symbol (e.g. `"USDC"`). Must be paired with `defaultSourceChainType` + `defaultSourceChainId`. */
|
|
184
184
|
defaultSourceSymbol?: string;
|
|
185
|
+
/**
|
|
186
|
+
* Pre-fill USD amount inputs in deposit flows (Connect Wallet, Deposit with
|
|
187
|
+
* Card, Bank Transfer, and Cash App) as an initial typed value.
|
|
188
|
+
*/
|
|
189
|
+
prefilledAmountUsd?: string;
|
|
185
190
|
/** Hide the "Deposit Tracker" option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? false (shown). */
|
|
186
191
|
hideDepositTracker?: boolean;
|
|
187
192
|
/** Show balance in deposit modal header. Defaults to false */
|
|
@@ -211,6 +216,12 @@ interface DepositModalProps {
|
|
|
211
216
|
enableConnectExchange?: boolean;
|
|
212
217
|
/** Enable "Pay with Cash App" option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? true. */
|
|
213
218
|
enableCashApp?: boolean;
|
|
219
|
+
/**
|
|
220
|
+
* Enable the Stripe "Pay with Link" option. Overrides the dashboard default.
|
|
221
|
+
* Resolves as flag ?? dashboard `stripe_link.enabled` ?? false (Link is
|
|
222
|
+
* opt-in, unlike most methods). The platform `stripe_link.is_hidden` hard hide
|
|
223
|
+
* (US-only availability) always wins regardless of this flag.
|
|
224
|
+
*/
|
|
214
225
|
enableStripeLink?: boolean;
|
|
215
226
|
/**
|
|
216
227
|
* Email for the host platform's signed-in user. Consolidated pre-fill / pre-trust
|
|
@@ -278,7 +289,7 @@ interface DepositModalProps {
|
|
|
278
289
|
*/
|
|
279
290
|
displayMode?: 'stacked' | 'tabs';
|
|
280
291
|
}
|
|
281
|
-
declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, enableApplePay, applePayTitle, applePaySubTitle, enableBankTransfer, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
292
|
+
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, applePaySubTitle, enableBankTransfer, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
282
293
|
|
|
283
294
|
interface DepositHeaderProps {
|
|
284
295
|
title: string;
|
|
@@ -343,6 +354,8 @@ interface TransferCryptoSingleInputProps {
|
|
|
343
354
|
minimumDepositAmountUsd: number;
|
|
344
355
|
isStablecoin: boolean;
|
|
345
356
|
}) => void;
|
|
357
|
+
/** Optional USD prefilled used to render an estimated "You send" target. */
|
|
358
|
+
prefilledAmountUsd?: string;
|
|
346
359
|
/** Checkout mode: estimated source amount to send (from /public/quotes). Shown above the QR code. */
|
|
347
360
|
checkoutQuote?: {
|
|
348
361
|
sourceAmount: string;
|
|
@@ -358,7 +371,7 @@ interface TransferCryptoSingleInputProps {
|
|
|
358
371
|
/** Product context sent to the API — "deposit" (default) or "payment". */
|
|
359
372
|
productType?: ProductType;
|
|
360
373
|
}
|
|
361
|
-
declare function TransferCryptoSingleInput({ userId, publishableKey, clientSecret, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, onSourceTokenChange, checkoutQuote, isCheckoutQuoteLoading, persistCheckingIndicator, productType, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
|
|
374
|
+
declare function TransferCryptoSingleInput({ userId, publishableKey, clientSecret, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, onSourceTokenChange, prefilledAmountUsd, checkoutQuote, isCheckoutQuoteLoading, persistCheckingIndicator, productType, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
|
|
362
375
|
|
|
363
376
|
interface TransferCryptoDoubleInputProps {
|
|
364
377
|
userId: string;
|
|
@@ -371,6 +384,8 @@ interface TransferCryptoDoubleInputProps {
|
|
|
371
384
|
defaultSourceChainId?: string;
|
|
372
385
|
defaultSourceTokenAddress?: string;
|
|
373
386
|
defaultSourceSymbol?: string;
|
|
387
|
+
/** Optional USD prefilled used to render an estimated "You send" target. */
|
|
388
|
+
prefilledAmountUsd?: string;
|
|
374
389
|
/** Controls when polling starts and whether a waiting UI is shown.
|
|
375
390
|
* - "auto_ui": After 10s, starts polling and shows "Processing..." card (default)
|
|
376
391
|
* - "auto_silent": After 10s, starts polling silently (no waiting UI)
|
|
@@ -391,7 +406,7 @@ interface TransferCryptoDoubleInputProps {
|
|
|
391
406
|
}) => void;
|
|
392
407
|
wallets?: Wallet[];
|
|
393
408
|
}
|
|
394
|
-
declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
|
|
409
|
+
declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
|
|
395
410
|
|
|
396
411
|
interface BuyWithCardProps {
|
|
397
412
|
userId: string;
|
|
@@ -424,9 +439,11 @@ interface BuyWithCardProps {
|
|
|
424
439
|
hideDepositFlowInfo?: boolean;
|
|
425
440
|
/** When true, hides the temporary wallet address disclaimer below the flow. @default false */
|
|
426
441
|
hideDisplayDescription?: boolean;
|
|
442
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
443
|
+
prefilledAmountUsd?: string;
|
|
427
444
|
}
|
|
428
445
|
declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, // Keep prop for backward compatibility but don't use default
|
|
429
|
-
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
446
|
+
destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onDepositSuccess, onDepositError, onEvent, themeClass, wallets: externalWallets, assetCdnUrl, hideDepositFlowInfo, hideDisplayDescription, prefilledAmountUsd, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
|
|
430
447
|
|
|
431
448
|
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';
|
|
432
449
|
interface BuyWithApplePayProps {
|
|
@@ -639,6 +656,8 @@ interface BankTransferProps {
|
|
|
639
656
|
error?: unknown;
|
|
640
657
|
code?: string;
|
|
641
658
|
}) => void;
|
|
659
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
660
|
+
prefilledAmountUsd?: string;
|
|
642
661
|
}
|
|
643
662
|
/**
|
|
644
663
|
* Bank-transfer deposit flow. Three steps:
|
|
@@ -649,7 +668,7 @@ interface BankTransferProps {
|
|
|
649
668
|
* The widget itself handles KYC + IBAN entry + payment; we just collect the
|
|
650
669
|
* fiat amount up-front so users aren't surprised by the default in the widget.
|
|
651
670
|
*/
|
|
652
|
-
declare function BankTransfer({ userId, publishableKey, view: externalView, onViewChange, destinationChainType, destinationChainId, destinationTokenAddress, destinationTokenSymbol, wallets, defaultToken: externalDefaultToken, assetCdnUrl, onDepositSuccess, onEvent, onDepositError, }: BankTransferProps): react_jsx_runtime.JSX.Element;
|
|
671
|
+
declare function BankTransfer({ userId, publishableKey, view: externalView, onViewChange, destinationChainType, destinationChainId, destinationTokenAddress, destinationTokenSymbol, wallets, defaultToken: externalDefaultToken, assetCdnUrl, onDepositSuccess, onEvent, onDepositError, prefilledAmountUsd, }: BankTransferProps): react_jsx_runtime.JSX.Element;
|
|
653
672
|
|
|
654
673
|
interface DepositWallet {
|
|
655
674
|
id: string;
|
|
@@ -690,8 +709,10 @@ interface CoinbaseConnectProps {
|
|
|
690
709
|
defaultSourceChainId?: string;
|
|
691
710
|
defaultSourceTokenAddress?: string;
|
|
692
711
|
defaultSourceSymbol?: string;
|
|
712
|
+
/** Optional USD prefilled for the amount input (treated like manual user input). */
|
|
713
|
+
prefilledAmountUsd?: string;
|
|
693
714
|
}
|
|
694
|
-
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
715
|
+
declare function CoinbaseConnect({ publishableKey, userId, wallets, recipientAddress, destinationTokenAddress, destinationChainId, destinationChainType, onTransferSuccess, onDepositSuccess, onDepositError, onTransferError, onClose, onBack: parentOnBack, onDisconnect, skipToHoldings, canGoBack, onExecutionsChange, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, prefilledAmountUsd, }: CoinbaseConnectProps): react_jsx_runtime.JSX.Element | null;
|
|
695
716
|
declare namespace CoinbaseConnect {
|
|
696
717
|
var displayName: string;
|
|
697
718
|
}
|
|
@@ -704,6 +725,8 @@ interface PayWithStripeLinkProps {
|
|
|
704
725
|
destinationChainType?: ChainType;
|
|
705
726
|
destinationChainId?: string;
|
|
706
727
|
destinationTokenAddress?: string;
|
|
728
|
+
countryCode?: string;
|
|
729
|
+
subdivisionCode?: string;
|
|
707
730
|
/**
|
|
708
731
|
* Pre-created deposit intent wallets (one per chain type). When provided, the
|
|
709
732
|
* Stripe onramp delivers to the deposit intent address matching the Stripe
|
|
@@ -748,7 +771,7 @@ interface PayWithStripeLinkProps {
|
|
|
748
771
|
* The Stripe publishable key is auto-fetched from the backend via GET /config,
|
|
749
772
|
* so consumers only need their Unifold publishable key.
|
|
750
773
|
*/
|
|
751
|
-
declare function PayWithStripeLink({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, wallets: externalWallets, email: emailProp, iconUrl, step: controlledStep, onStepChange, backHandlerRef, onDepositSuccess, onDepositError, }: PayWithStripeLinkProps): react_jsx_runtime.JSX.Element | null;
|
|
774
|
+
declare function PayWithStripeLink({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, countryCode, subdivisionCode, wallets: externalWallets, email: emailProp, iconUrl, step: controlledStep, onStepChange, backHandlerRef, onDepositSuccess, onDepositError, }: PayWithStripeLinkProps): react_jsx_runtime.JSX.Element | null;
|
|
752
775
|
|
|
753
776
|
interface DepositExecutionItemProps {
|
|
754
777
|
execution: DirectExecutionResponse;
|