@unifold/ui-react 0.1.69 → 0.1.70
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 +52 -17
- package/dist/index.d.ts +52 -17
- package/dist/index.js +880 -357
- package/dist/index.mjs +839 -315
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DefaultTokenResponse, ConfirmIntegrationTransferResult, CheckoutMethod, CheckoutPaymentIntent, CheckoutEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
|
|
2
|
+
import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DefaultTokenResponse, ConfirmIntegrationTransferResult, CheckoutMethod, CheckoutPaymentIntent, CheckoutEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, PublicIncidentResponse, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
|
|
3
3
|
export { ChainType, DepositMethod } from '@unifold/core';
|
|
4
4
|
import * as React$1 from 'react';
|
|
5
5
|
import { MutableRefObject } from 'react';
|
|
@@ -68,6 +68,24 @@ interface UseDepositPollingResult {
|
|
|
68
68
|
}
|
|
69
69
|
declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, depositWalletIds, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
|
|
70
70
|
|
|
71
|
+
interface EthereumProvider {
|
|
72
|
+
isMetaMask?: boolean;
|
|
73
|
+
isPhantom?: boolean;
|
|
74
|
+
isCoinbaseWallet?: boolean;
|
|
75
|
+
isTrust?: boolean;
|
|
76
|
+
isRainbow?: boolean;
|
|
77
|
+
isRabby?: boolean;
|
|
78
|
+
isOkxWallet?: boolean;
|
|
79
|
+
selectedAddress?: string;
|
|
80
|
+
request(args: {
|
|
81
|
+
method: string;
|
|
82
|
+
params?: unknown[];
|
|
83
|
+
}): Promise<unknown>;
|
|
84
|
+
on?(event: string, callback: (...args: unknown[]) => void): void;
|
|
85
|
+
off?(event: string, callback: (...args: unknown[]) => void): void;
|
|
86
|
+
removeListener?(event: string, callback: (...args: unknown[]) => void): void;
|
|
87
|
+
}
|
|
88
|
+
|
|
71
89
|
declare global {
|
|
72
90
|
interface Window {
|
|
73
91
|
phantom?: {
|
|
@@ -95,18 +113,6 @@ interface PhantomSolanaProvider {
|
|
|
95
113
|
on(event: string, callback: (...args: unknown[]) => void): void;
|
|
96
114
|
off(event: string, callback: (...args: unknown[]) => void): void;
|
|
97
115
|
}
|
|
98
|
-
interface EthereumProvider {
|
|
99
|
-
isMetaMask?: boolean;
|
|
100
|
-
isPhantom?: boolean;
|
|
101
|
-
selectedAddress?: string;
|
|
102
|
-
request(args: {
|
|
103
|
-
method: string;
|
|
104
|
-
params?: unknown[];
|
|
105
|
-
}): Promise<unknown>;
|
|
106
|
-
on(event: string, callback: (...args: unknown[]) => void): void;
|
|
107
|
-
off?(event: string, callback: (...args: unknown[]) => void): void;
|
|
108
|
-
removeListener?(event: string, callback: (...args: unknown[]) => void): void;
|
|
109
|
-
}
|
|
110
116
|
|
|
111
117
|
/** Quick amount chips on the browser wallet "Enter amount" step */
|
|
112
118
|
type BrowserWalletAmountQuickSelect = 'usd' | 'percentage';
|
|
@@ -256,6 +262,12 @@ interface DepositModalProps {
|
|
|
256
262
|
* users outside the SEPA zone see a disabled "coming soon" card.
|
|
257
263
|
*/
|
|
258
264
|
enableBankTransfer?: boolean;
|
|
265
|
+
/**
|
|
266
|
+
* Opt in to showing the in-product incident banner UI.
|
|
267
|
+
* Defaults to false. When enabled, the SDK fetches
|
|
268
|
+
* `/v1/public/projects/incident` and renders it when active.
|
|
269
|
+
*/
|
|
270
|
+
enableIncidentBanner?: boolean;
|
|
259
271
|
/** Deposit with Card — onramp step: hide the You use / You buy / You receive card. @default false */
|
|
260
272
|
hideDepositFlowInfo?: boolean;
|
|
261
273
|
/** Deposit with Card — onramp step: hide the temporary wallet address disclaimer. @default false */
|
|
@@ -289,7 +301,7 @@ interface DepositModalProps {
|
|
|
289
301
|
*/
|
|
290
302
|
displayMode?: 'stacked' | 'tabs';
|
|
291
303
|
}
|
|
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;
|
|
304
|
+
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, enableIncidentBanner, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
293
305
|
|
|
294
306
|
interface DepositHeaderProps {
|
|
295
307
|
title: string;
|
|
@@ -309,8 +321,14 @@ interface DepositHeaderProps {
|
|
|
309
321
|
/** Project name for balance label e.g. "{projectName} Balance: $0.00" */
|
|
310
322
|
projectName?: string;
|
|
311
323
|
publishableKey?: string;
|
|
324
|
+
incident?: {
|
|
325
|
+
enabled: boolean;
|
|
326
|
+
messages?: string[];
|
|
327
|
+
severity?: 'info' | 'degraded' | 'outage';
|
|
328
|
+
statusPageUrl?: string;
|
|
329
|
+
};
|
|
312
330
|
}
|
|
313
|
-
declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
|
|
331
|
+
declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, incident, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
|
|
314
332
|
|
|
315
333
|
interface TransferCryptoSingleInputProps {
|
|
316
334
|
userId: string;
|
|
@@ -831,6 +849,12 @@ interface CheckoutModalProps {
|
|
|
831
849
|
enableTransferCrypto?: boolean;
|
|
832
850
|
/** Enable browser wallet connection option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? true. */
|
|
833
851
|
enableConnectWallet?: boolean;
|
|
852
|
+
/**
|
|
853
|
+
* Opt in to showing the in-product incident banner UI.
|
|
854
|
+
* Defaults to false. When enabled, the SDK fetches
|
|
855
|
+
* `/v1/public/projects/incident` and renders it when active.
|
|
856
|
+
*/
|
|
857
|
+
enableIncidentBanner?: boolean;
|
|
834
858
|
/**
|
|
835
859
|
* Prefer a source token/chain in Transfer Crypto and Wallet Connect flows.
|
|
836
860
|
* All four props are optional. To match, provide `chainType` + `chainId` + (`symbol` OR `tokenAddress`).
|
|
@@ -864,7 +888,7 @@ interface CheckoutModalProps {
|
|
|
864
888
|
}) => void;
|
|
865
889
|
onEvent?: (event: CheckoutEvent) => void;
|
|
866
890
|
}
|
|
867
|
-
declare function CheckoutModal({ open, onOpenChange, clientSecret, publishableKey, modalTitle, enableTransferCrypto, enableConnectWallet, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, theme, onCheckoutSuccess, onCheckoutError, onEvent, }: CheckoutModalProps): react_jsx_runtime.JSX.Element;
|
|
891
|
+
declare function CheckoutModal({ open, onOpenChange, clientSecret, publishableKey, modalTitle, enableTransferCrypto, enableConnectWallet, enableIncidentBanner, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, theme, onCheckoutSuccess, onCheckoutError, onEvent, }: CheckoutModalProps): react_jsx_runtime.JSX.Element;
|
|
868
892
|
|
|
869
893
|
interface WithdrawTransactionInfo {
|
|
870
894
|
/** Source (sending) chain type */
|
|
@@ -1258,6 +1282,17 @@ interface UseDepositQuoteParams {
|
|
|
1258
1282
|
*/
|
|
1259
1283
|
declare function useDepositQuote(params: UseDepositQuoteParams): _tanstack_react_query.UseQueryResult<DepositQuote, Error>;
|
|
1260
1284
|
|
|
1285
|
+
interface UsePublicIncidentOptions {
|
|
1286
|
+
publishableKey: string;
|
|
1287
|
+
enabled?: boolean;
|
|
1288
|
+
}
|
|
1289
|
+
interface UsePublicIncidentResult {
|
|
1290
|
+
incident: PublicIncidentResponse | undefined;
|
|
1291
|
+
isLoading: boolean;
|
|
1292
|
+
error: Error | null;
|
|
1293
|
+
}
|
|
1294
|
+
declare function usePublicIncident({ publishableKey, enabled, }: UsePublicIncidentOptions): UsePublicIncidentResult;
|
|
1295
|
+
|
|
1261
1296
|
interface UseWithdrawPollingOptions {
|
|
1262
1297
|
userId: string | undefined;
|
|
1263
1298
|
publishableKey: string;
|
|
@@ -1620,4 +1655,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1620
1655
|
*/
|
|
1621
1656
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
1622
1657
|
|
|
1623
|
-
export { type AllowedCountryResult, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, 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, 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, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredApplePaySession, 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, clearStoredApplePaySession, cn, colors, defaultColors, detectBrowserWallet, getColors, getStoredApplePaySession, isHypercoreChain, isOnrampTokenFresh, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setStoredApplePaySession, truncateAddress, useAddressBalance, useAllowedCountry, useDebounce, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
1658
|
+
export { type AllowedCountryResult, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, 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, 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, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredApplePaySession, 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, clearStoredApplePaySession, cn, colors, defaultColors, detectBrowserWallet, getColors, getStoredApplePaySession, isHypercoreChain, isOnrampTokenFresh, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setStoredApplePaySession, truncateAddress, useAddressBalance, useAllowedCountry, useDebounce, useDepositPolling, useDepositQuote, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DefaultTokenResponse, ConfirmIntegrationTransferResult, CheckoutMethod, CheckoutPaymentIntent, CheckoutEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
|
|
2
|
+
import { DirectExecutionSucceededEvent, DirectExecutionResponse, ChainType, EvmContractCall, DepositMethod, DepositEvent, Wallet, ProductType, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DefaultTokenResponse, ConfirmIntegrationTransferResult, CheckoutMethod, CheckoutPaymentIntent, CheckoutEvent, WithdrawDirectExecutionSucceededEvent, WithdrawEvent, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, PublicIncidentResponse, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
|
|
3
3
|
export { ChainType, DepositMethod } from '@unifold/core';
|
|
4
4
|
import * as React$1 from 'react';
|
|
5
5
|
import { MutableRefObject } from 'react';
|
|
@@ -68,6 +68,24 @@ interface UseDepositPollingResult {
|
|
|
68
68
|
}
|
|
69
69
|
declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, depositWalletIds, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
|
|
70
70
|
|
|
71
|
+
interface EthereumProvider {
|
|
72
|
+
isMetaMask?: boolean;
|
|
73
|
+
isPhantom?: boolean;
|
|
74
|
+
isCoinbaseWallet?: boolean;
|
|
75
|
+
isTrust?: boolean;
|
|
76
|
+
isRainbow?: boolean;
|
|
77
|
+
isRabby?: boolean;
|
|
78
|
+
isOkxWallet?: boolean;
|
|
79
|
+
selectedAddress?: string;
|
|
80
|
+
request(args: {
|
|
81
|
+
method: string;
|
|
82
|
+
params?: unknown[];
|
|
83
|
+
}): Promise<unknown>;
|
|
84
|
+
on?(event: string, callback: (...args: unknown[]) => void): void;
|
|
85
|
+
off?(event: string, callback: (...args: unknown[]) => void): void;
|
|
86
|
+
removeListener?(event: string, callback: (...args: unknown[]) => void): void;
|
|
87
|
+
}
|
|
88
|
+
|
|
71
89
|
declare global {
|
|
72
90
|
interface Window {
|
|
73
91
|
phantom?: {
|
|
@@ -95,18 +113,6 @@ interface PhantomSolanaProvider {
|
|
|
95
113
|
on(event: string, callback: (...args: unknown[]) => void): void;
|
|
96
114
|
off(event: string, callback: (...args: unknown[]) => void): void;
|
|
97
115
|
}
|
|
98
|
-
interface EthereumProvider {
|
|
99
|
-
isMetaMask?: boolean;
|
|
100
|
-
isPhantom?: boolean;
|
|
101
|
-
selectedAddress?: string;
|
|
102
|
-
request(args: {
|
|
103
|
-
method: string;
|
|
104
|
-
params?: unknown[];
|
|
105
|
-
}): Promise<unknown>;
|
|
106
|
-
on(event: string, callback: (...args: unknown[]) => void): void;
|
|
107
|
-
off?(event: string, callback: (...args: unknown[]) => void): void;
|
|
108
|
-
removeListener?(event: string, callback: (...args: unknown[]) => void): void;
|
|
109
|
-
}
|
|
110
116
|
|
|
111
117
|
/** Quick amount chips on the browser wallet "Enter amount" step */
|
|
112
118
|
type BrowserWalletAmountQuickSelect = 'usd' | 'percentage';
|
|
@@ -256,6 +262,12 @@ interface DepositModalProps {
|
|
|
256
262
|
* users outside the SEPA zone see a disabled "coming soon" card.
|
|
257
263
|
*/
|
|
258
264
|
enableBankTransfer?: boolean;
|
|
265
|
+
/**
|
|
266
|
+
* Opt in to showing the in-product incident banner UI.
|
|
267
|
+
* Defaults to false. When enabled, the SDK fetches
|
|
268
|
+
* `/v1/public/projects/incident` and renders it when active.
|
|
269
|
+
*/
|
|
270
|
+
enableIncidentBanner?: boolean;
|
|
259
271
|
/** Deposit with Card — onramp step: hide the You use / You buy / You receive card. @default false */
|
|
260
272
|
hideDepositFlowInfo?: boolean;
|
|
261
273
|
/** Deposit with Card — onramp step: hide the temporary wallet address disclaimer. @default false */
|
|
@@ -289,7 +301,7 @@ interface DepositModalProps {
|
|
|
289
301
|
*/
|
|
290
302
|
displayMode?: 'stacked' | 'tabs';
|
|
291
303
|
}
|
|
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;
|
|
304
|
+
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, enableIncidentBanner, enableStripeLink, userEmail, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
|
|
293
305
|
|
|
294
306
|
interface DepositHeaderProps {
|
|
295
307
|
title: string;
|
|
@@ -309,8 +321,14 @@ interface DepositHeaderProps {
|
|
|
309
321
|
/** Project name for balance label e.g. "{projectName} Balance: $0.00" */
|
|
310
322
|
projectName?: string;
|
|
311
323
|
publishableKey?: string;
|
|
324
|
+
incident?: {
|
|
325
|
+
enabled: boolean;
|
|
326
|
+
messages?: string[];
|
|
327
|
+
severity?: 'info' | 'degraded' | 'outage';
|
|
328
|
+
statusPageUrl?: string;
|
|
329
|
+
};
|
|
312
330
|
}
|
|
313
|
-
declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
|
|
331
|
+
declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, incident, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
|
|
314
332
|
|
|
315
333
|
interface TransferCryptoSingleInputProps {
|
|
316
334
|
userId: string;
|
|
@@ -831,6 +849,12 @@ interface CheckoutModalProps {
|
|
|
831
849
|
enableTransferCrypto?: boolean;
|
|
832
850
|
/** Enable browser wallet connection option. Overrides dashboard default. Resolves as flag ?? dashboard value ?? true. */
|
|
833
851
|
enableConnectWallet?: boolean;
|
|
852
|
+
/**
|
|
853
|
+
* Opt in to showing the in-product incident banner UI.
|
|
854
|
+
* Defaults to false. When enabled, the SDK fetches
|
|
855
|
+
* `/v1/public/projects/incident` and renders it when active.
|
|
856
|
+
*/
|
|
857
|
+
enableIncidentBanner?: boolean;
|
|
834
858
|
/**
|
|
835
859
|
* Prefer a source token/chain in Transfer Crypto and Wallet Connect flows.
|
|
836
860
|
* All four props are optional. To match, provide `chainType` + `chainId` + (`symbol` OR `tokenAddress`).
|
|
@@ -864,7 +888,7 @@ interface CheckoutModalProps {
|
|
|
864
888
|
}) => void;
|
|
865
889
|
onEvent?: (event: CheckoutEvent) => void;
|
|
866
890
|
}
|
|
867
|
-
declare function CheckoutModal({ open, onOpenChange, clientSecret, publishableKey, modalTitle, enableTransferCrypto, enableConnectWallet, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, theme, onCheckoutSuccess, onCheckoutError, onEvent, }: CheckoutModalProps): react_jsx_runtime.JSX.Element;
|
|
891
|
+
declare function CheckoutModal({ open, onOpenChange, clientSecret, publishableKey, modalTitle, enableTransferCrypto, enableConnectWallet, enableIncidentBanner, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, theme, onCheckoutSuccess, onCheckoutError, onEvent, }: CheckoutModalProps): react_jsx_runtime.JSX.Element;
|
|
868
892
|
|
|
869
893
|
interface WithdrawTransactionInfo {
|
|
870
894
|
/** Source (sending) chain type */
|
|
@@ -1258,6 +1282,17 @@ interface UseDepositQuoteParams {
|
|
|
1258
1282
|
*/
|
|
1259
1283
|
declare function useDepositQuote(params: UseDepositQuoteParams): _tanstack_react_query.UseQueryResult<DepositQuote, Error>;
|
|
1260
1284
|
|
|
1285
|
+
interface UsePublicIncidentOptions {
|
|
1286
|
+
publishableKey: string;
|
|
1287
|
+
enabled?: boolean;
|
|
1288
|
+
}
|
|
1289
|
+
interface UsePublicIncidentResult {
|
|
1290
|
+
incident: PublicIncidentResponse | undefined;
|
|
1291
|
+
isLoading: boolean;
|
|
1292
|
+
error: Error | null;
|
|
1293
|
+
}
|
|
1294
|
+
declare function usePublicIncident({ publishableKey, enabled, }: UsePublicIncidentOptions): UsePublicIncidentResult;
|
|
1295
|
+
|
|
1261
1296
|
interface UseWithdrawPollingOptions {
|
|
1262
1297
|
userId: string | undefined;
|
|
1263
1298
|
publishableKey: string;
|
|
@@ -1620,4 +1655,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1620
1655
|
*/
|
|
1621
1656
|
declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
|
|
1622
1657
|
|
|
1623
|
-
export { type AllowedCountryResult, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, 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, 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, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredApplePaySession, 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, clearStoredApplePaySession, cn, colors, defaultColors, detectBrowserWallet, getColors, getStoredApplePaySession, isHypercoreChain, isOnrampTokenFresh, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setStoredApplePaySession, truncateAddress, useAddressBalance, useAllowedCountry, useDebounce, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|
|
1658
|
+
export { type AllowedCountryResult, BankTransfer, BankTransferButton, type BankTransferProps, type BankTransferView, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithApplePay, type BuyWithApplePayProps, 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, 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, PayWithStripeLink, type PayWithStripeLinkProps, QRCodeSkeleton, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, type StoredApplePaySession, 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, clearStoredApplePaySession, cn, colors, defaultColors, detectBrowserWallet, getColors, getStoredApplePaySession, isHypercoreChain, isOnrampTokenFresh, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, setStoredApplePaySession, truncateAddress, useAddressBalance, useAllowedCountry, useDebounce, useDepositPolling, useDepositQuote, usePaymentIntent, usePublicIncident, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
|