@swype-org/react-sdk 0.1.56 → 0.1.63

package/dist/index.d.cts

@@ -199,7 +199,7 @@ interface UserConfig {
 /** Theme mode */
 type ThemeMode = 'light' | 'dark';
 /** Steps in the payment flow */
-type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'wallet-picker' | 'open-wallet' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
+type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'wallet-picker' | 'open-wallet' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
 /** User-selected advanced settings for chain/asset override */
 interface AdvancedSettings {
     /** Override asset (e.g. 'USDC', 'USDT'). Null = let backend decide. */
@@ -622,6 +622,18 @@ interface SpinnerProps {
 }
 declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.Element;
 
+interface CreatePasskeyScreenProps {
+    onCreatePasskey: () => void;
+    onBack?: () => void;
+    creating: boolean;
+    error: string | null;
+    /** When true, direct passkey creation failed (Safari iframe restriction). */
+    popupFallback?: boolean;
+    /** Opens a pop-up window on the Swype domain for passkey registration. */
+    onCreatePasskeyViaPopup?: () => void;
+}
+declare function CreatePasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: CreatePasskeyScreenProps): react_jsx_runtime.JSX.Element;
+
 interface SetupScreenProps {
     availableBalance: number;
     /** Number of tokens/chains available */
@@ -631,12 +643,16 @@ interface SetupScreenProps {
     onSetupOneTap: (limit: number) => void;
     onBack: () => void;
     onLogout: () => void;
+    /** Navigate to the advanced source picker. */
+    onAdvanced?: () => void;
+    /** Human-readable label for the currently selected source (e.g. "USDC on Base"). */
+    selectedSourceLabel?: string;
     loading?: boolean;
     error: string | null;
 }
-declare function SetupScreen({ availableBalance, tokenCount, sourceName, onSetupOneTap, onBack, onLogout, loading, error, }: SetupScreenProps): react_jsx_runtime.JSX.Element;
+declare function SetupScreen({ availableBalance, tokenCount, sourceName, onSetupOneTap, onBack, onLogout, onAdvanced, selectedSourceLabel, loading, error, }: SetupScreenProps): react_jsx_runtime.JSX.Element;
 
-interface ChainChoice {
+interface ChainChoice$1 {
     chainName: string;
     balance: number;
     tokens: {
@@ -645,7 +661,7 @@ interface ChainChoice {
     }[];
 }
 interface SelectSourceScreenProps {
-    choices: ChainChoice[];
+    choices: ChainChoice$1[];
     selectedChainName: string;
     selectedTokenSymbol: string;
     recommended: {
@@ -659,4 +675,21 @@ interface SelectSourceScreenProps {
 }
 declare function SelectSourceScreen({ choices, selectedChainName, selectedTokenSymbol, recommended, onChainChange, onTokenChange, onConfirm, onLogout, }: SelectSourceScreenProps): react_jsx_runtime.JSX.Element;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, IconCircle, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+interface ChainChoice {
+    chainName: string;
+    balance: number;
+    tokens: {
+        tokenSymbol: string;
+        balance: number;
+    }[];
+}
+interface AdvancedSourceScreenProps {
+    choices: ChainChoice[];
+    selectedChainName: string;
+    selectedTokenSymbol: string;
+    onSelectSource: (chainName: string, tokenSymbol: string) => void;
+    onBack: () => void;
+}
+declare function AdvancedSourceScreen({ choices, selectedChainName, selectedTokenSymbol, onSelectSource, onBack, }: AdvancedSourceScreenProps): react_jsx_runtime.JSX.Element;
+
+export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, CreatePasskeyScreen, type Destination, type ErrorResponse, IconCircle, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.d.ts

@@ -199,7 +199,7 @@ interface UserConfig {
 /** Theme mode */
 type ThemeMode = 'light' | 'dark';
 /** Steps in the payment flow */
-type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'wallet-picker' | 'open-wallet' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
+type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'wallet-picker' | 'open-wallet' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
 /** User-selected advanced settings for chain/asset override */
 interface AdvancedSettings {
     /** Override asset (e.g. 'USDC', 'USDT'). Null = let backend decide. */
@@ -622,6 +622,18 @@ interface SpinnerProps {
 }
 declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.Element;
 
+interface CreatePasskeyScreenProps {
+    onCreatePasskey: () => void;
+    onBack?: () => void;
+    creating: boolean;
+    error: string | null;
+    /** When true, direct passkey creation failed (Safari iframe restriction). */
+    popupFallback?: boolean;
+    /** Opens a pop-up window on the Swype domain for passkey registration. */
+    onCreatePasskeyViaPopup?: () => void;
+}
+declare function CreatePasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: CreatePasskeyScreenProps): react_jsx_runtime.JSX.Element;
+
 interface SetupScreenProps {
     availableBalance: number;
     /** Number of tokens/chains available */
@@ -631,12 +643,16 @@ interface SetupScreenProps {
     onSetupOneTap: (limit: number) => void;
     onBack: () => void;
     onLogout: () => void;
+    /** Navigate to the advanced source picker. */
+    onAdvanced?: () => void;
+    /** Human-readable label for the currently selected source (e.g. "USDC on Base"). */
+    selectedSourceLabel?: string;
     loading?: boolean;
     error: string | null;
 }
-declare function SetupScreen({ availableBalance, tokenCount, sourceName, onSetupOneTap, onBack, onLogout, loading, error, }: SetupScreenProps): react_jsx_runtime.JSX.Element;
+declare function SetupScreen({ availableBalance, tokenCount, sourceName, onSetupOneTap, onBack, onLogout, onAdvanced, selectedSourceLabel, loading, error, }: SetupScreenProps): react_jsx_runtime.JSX.Element;
 
-interface ChainChoice {
+interface ChainChoice$1 {
     chainName: string;
     balance: number;
     tokens: {
@@ -645,7 +661,7 @@ interface ChainChoice {
     }[];
 }
 interface SelectSourceScreenProps {
-    choices: ChainChoice[];
+    choices: ChainChoice$1[];
     selectedChainName: string;
     selectedTokenSymbol: string;
     recommended: {
@@ -659,4 +675,21 @@ interface SelectSourceScreenProps {
 }
 declare function SelectSourceScreen({ choices, selectedChainName, selectedTokenSymbol, recommended, onChainChange, onTokenChange, onConfirm, onLogout, }: SelectSourceScreenProps): react_jsx_runtime.JSX.Element;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, IconCircle, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+interface ChainChoice {
+    chainName: string;
+    balance: number;
+    tokens: {
+        tokenSymbol: string;
+        balance: number;
+    }[];
+}
+interface AdvancedSourceScreenProps {
+    choices: ChainChoice[];
+    selectedChainName: string;
+    selectedTokenSymbol: string;
+    onSelectSource: (chainName: string, tokenSymbol: string) => void;
+    onBack: () => void;
+}
+declare function AdvancedSourceScreen({ choices, selectedChainName, selectedTokenSymbol, onSelectSource, onBack, }: AdvancedSourceScreenProps): react_jsx_runtime.JSX.Element;
+
+export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, CreatePasskeyScreen, type Destination, type ErrorResponse, IconCircle, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };