@swype-org/react-sdk 0.1.35 → 0.1.38

package/dist/index.d.cts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
 /** Wallet provider (e.g. MetaMask) */
 interface Provider {
@@ -490,4 +491,95 @@ interface UseTransferSigningOptions {
  */
 declare function useTransferSigning(pollIntervalMs?: number, options?: UseTransferSigningOptions): UseTransferSigningResult;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+interface ScreenLayoutProps {
+    children: ReactNode;
+    /** Content pinned to the bottom of the screen (buttons, footer) */
+    footer?: ReactNode;
+}
+declare function ScreenLayout({ children, footer }: ScreenLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ScreenHeaderProps {
+    /** Center title text */
+    title?: string;
+    /** Right-aligned element (avatar, close button, etc.) */
+    right?: ReactNode;
+    /** Called when back arrow is pressed. Omit to hide the back arrow. */
+    onBack?: () => void;
+    /** Optional secondary label next to the title (e.g. "Simple") */
+    badge?: string;
+}
+declare function ScreenHeader({ title, right, onBack, badge }: ScreenHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function PoweredByFooter(): react_jsx_runtime.JSX.Element;
+
+interface PrimaryButtonProps {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    /** Optional icon element rendered left of the label */
+    icon?: ReactNode;
+}
+declare function PrimaryButton({ children, onClick, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
+
+interface OutlineButtonProps {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+declare function OutlineButton({ children, onClick, disabled }: OutlineButtonProps): react_jsx_runtime.JSX.Element;
+
+type IconCircleVariant = 'accent' | 'success' | 'error';
+interface IconCircleProps {
+    children: ReactNode;
+    variant?: IconCircleVariant;
+    size?: number;
+}
+declare function IconCircle({ children, variant, size }: IconCircleProps): react_jsx_runtime.JSX.Element;
+
+interface StepItem {
+    label: string;
+    /** Optional sublabel (e.g. "$100 limit · 2 tokens approved") */
+    detail?: string;
+    status: 'pending' | 'active' | 'complete';
+}
+interface StepListProps {
+    steps: StepItem[];
+}
+declare function StepList({ steps }: StepListProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsMenuProps {
+    onLogout: () => void;
+}
+declare function SettingsMenu({ onLogout }: SettingsMenuProps): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    size?: number;
+    label?: string;
+}
+declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+interface ChainChoice {
+    chainName: string;
+    balance: number;
+    tokens: {
+        tokenSymbol: string;
+        balance: number;
+    }[];
+}
+interface SelectSourceScreenProps {
+    choices: ChainChoice[];
+    selectedChainName: string;
+    selectedTokenSymbol: string;
+    recommended: {
+        chainName: string;
+        tokenSymbol: string;
+    } | null;
+    onChainChange: (chainName: string) => void;
+    onTokenChange: (tokenSymbol: string) => void;
+    onConfirm: () => void;
+    onLogout: () => void;
+}
+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, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, 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, createPasskeyCredential, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
 /** Wallet provider (e.g. MetaMask) */
 interface Provider {
@@ -490,4 +491,95 @@ interface UseTransferSigningOptions {
  */
 declare function useTransferSigning(pollIntervalMs?: number, options?: UseTransferSigningOptions): UseTransferSigningResult;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+interface ScreenLayoutProps {
+    children: ReactNode;
+    /** Content pinned to the bottom of the screen (buttons, footer) */
+    footer?: ReactNode;
+}
+declare function ScreenLayout({ children, footer }: ScreenLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ScreenHeaderProps {
+    /** Center title text */
+    title?: string;
+    /** Right-aligned element (avatar, close button, etc.) */
+    right?: ReactNode;
+    /** Called when back arrow is pressed. Omit to hide the back arrow. */
+    onBack?: () => void;
+    /** Optional secondary label next to the title (e.g. "Simple") */
+    badge?: string;
+}
+declare function ScreenHeader({ title, right, onBack, badge }: ScreenHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function PoweredByFooter(): react_jsx_runtime.JSX.Element;
+
+interface PrimaryButtonProps {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    /** Optional icon element rendered left of the label */
+    icon?: ReactNode;
+}
+declare function PrimaryButton({ children, onClick, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
+
+interface OutlineButtonProps {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+declare function OutlineButton({ children, onClick, disabled }: OutlineButtonProps): react_jsx_runtime.JSX.Element;
+
+type IconCircleVariant = 'accent' | 'success' | 'error';
+interface IconCircleProps {
+    children: ReactNode;
+    variant?: IconCircleVariant;
+    size?: number;
+}
+declare function IconCircle({ children, variant, size }: IconCircleProps): react_jsx_runtime.JSX.Element;
+
+interface StepItem {
+    label: string;
+    /** Optional sublabel (e.g. "$100 limit · 2 tokens approved") */
+    detail?: string;
+    status: 'pending' | 'active' | 'complete';
+}
+interface StepListProps {
+    steps: StepItem[];
+}
+declare function StepList({ steps }: StepListProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsMenuProps {
+    onLogout: () => void;
+}
+declare function SettingsMenu({ onLogout }: SettingsMenuProps): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    size?: number;
+    label?: string;
+}
+declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+interface ChainChoice {
+    chainName: string;
+    balance: number;
+    tokens: {
+        tokenSymbol: string;
+        balance: number;
+    }[];
+}
+interface SelectSourceScreenProps {
+    choices: ChainChoice[];
+    selectedChainName: string;
+    selectedTokenSymbol: string;
+    recommended: {
+        chainName: string;
+        tokenSymbol: string;
+    } | null;
+    onChainChange: (chainName: string) => void;
+    onTokenChange: (tokenSymbol: string) => void;
+    onConfirm: () => void;
+    onLogout: () => void;
+}
+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, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, 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, createPasskeyCredential, darkTheme, deviceHasPasskey, findDevicePasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };