@magic-ext/wallet-kit 0.1.0 → 0.2.0

package/dist/es/types/MagicWidget.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MagicWidgetProps } from './types';
+export declare function MagicWidget({ displayMode, isOpen, onClose, closeOnSuccess, closeOnClickOutside, wallets, onSuccess, onError, onReady, }: MagicWidgetProps): React.JSX.Element | null;

package/dist/es/types/components/EmailInput.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmailInput: () => React.JSX.Element;

package/dist/es/types/components/Pending.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface PendingProps {
+    onPressBack: () => void;
+    title: string;
+    description: string;
+    Icon: React.ElementType;
+    isPending: boolean;
+    errorMessage: string | null;
+}
+export declare const Pending: ({ onPressBack, title, description, Icon, isPending, errorMessage }: PendingProps) => React.JSX.Element;
+export {};

package/dist/es/types/components/ProviderButton.d.ts

@@ -0,0 +1,9 @@
+import React, { ElementType } from 'react';
+interface ProviderButtonProps {
+    label?: string;
+    Icon: ElementType;
+    onPress: () => void;
+    hideLabel?: boolean;
+}
+export declare const ProviderButton: ({ label, Icon, onPress, hideLabel }: ProviderButtonProps) => React.JSX.Element;
+export {};

package/dist/es/types/components/SocialProviders.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OAuthProvider } from '../types';
+import { WidgetAction } from 'src/reducer';
+interface SocialProvidersProps {
+    providers: OAuthProvider[];
+    onPress: (provider: OAuthProvider) => void;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare const SocialProviders: ({ providers, onPress, dispatch }: SocialProvidersProps) => React.JSX.Element;
+export {};

package/dist/es/types/components/WidgetHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type WidgetHeaderProps = {
+    showHeaderText?: boolean;
+    onPressBack?: () => void;
+};
+export default function WidgetHeader({ showHeaderText, onPressBack }: WidgetHeaderProps): React.JSX.Element;
+export {};

package/dist/es/types/constants.d.ts

@@ -0,0 +1,3 @@
+import { OAuthProvider, ProviderMetadata, ThirdPartyWallet } from './types';
+export declare const WALLET_METADATA: Record<ThirdPartyWallet, ProviderMetadata>;
+export declare const OAUTH_METADATA: Record<OAuthProvider, ProviderMetadata>;

package/dist/es/types/context/EmailLoginContext.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { WidgetAction } from '../reducer';
+interface EmailLoginContextValue {
+    startEmailLogin: (email: string) => void;
+    submitOTP: (otp: string) => void;
+    submitMFA: (totp: string) => void;
+    lostDevice: () => void;
+    submitRecoveryCode: (recoveryCode: string) => void;
+    cancelLogin: () => void;
+    retryDeviceVerification: () => void;
+    resendEmailOTP: () => void;
+    email: string | null;
+}
+interface EmailLoginProviderProps {
+    children: ReactNode;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare function EmailLoginProvider({ children, dispatch }: EmailLoginProviderProps): React.JSX.Element;
+/**
+ * Hook to access the email login context
+ * @throws Error if used outside of EmailLoginProvider
+ */
+export declare function useEmailLogin(): EmailLoginContextValue;
+export {};

package/dist/es/types/context/WidgetConfigContext.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { LoginResult, MagicWidgetProps, ThirdPartyWallet } from '../types';
+interface WidgetConfigContextValue {
+    /** Third-party wallets to display */
+    wallets: ThirdPartyWallet[];
+    /** Call when login succeeds */
+    handleSuccess: (result: LoginResult) => void;
+    /** Call when login fails */
+    handleError: (error: Error) => void;
+    /** Call to close the widget. Undefined if onClose prop wasn't provided. */
+    handleClose?: () => void;
+}
+interface WidgetConfigProviderProps extends MagicWidgetProps {
+    children: ReactNode;
+}
+export declare function WidgetConfigProvider({ children, wallets, onSuccess, onError, onClose, closeOnSuccess, }: WidgetConfigProviderProps): React.JSX.Element;
+/**
+ * Hook to access the widget configuration
+ * @throws Error if used outside of WidgetConfigProvider
+ */
+export declare function useWidgetConfig(): WidgetConfigContextValue;
+export {};

package/dist/es/types/context/index.d.ts

@@ -0,0 +1,2 @@
+export { EmailLoginProvider, useEmailLogin } from './EmailLoginContext';
+export { WidgetConfigProvider, useWidgetConfig } from './WidgetConfigContext';

package/dist/es/types/extension.d.ts

@@ -0,0 +1,190 @@
+import { Extension, SDKBase } from '@magic-sdk/provider';
+import { JsonRpcRequestPayload } from '@magic-sdk/types';
+import type { Config } from '@wagmi/core';
+import type { WagmiAdapter } from '@reown/appkit-adapter-wagmi';
+import { ClientConfig } from './types/client-config';
+export declare const MAGIC_WIDGET_PROVIDER = "magic-widget";
+export type OAuthProvider = 'google' | 'facebook' | 'apple' | 'github' | 'bitbucket' | 'gitlab' | 'linkedin' | 'twitter' | 'discord' | 'twitch' | 'microsoft';
+export interface OpenIDConnectUserInfo {
+    name?: string;
+    familyName?: string;
+    givenName?: string;
+    middleName?: string;
+    nickname?: string;
+    preferredUsername?: string;
+    profile?: string;
+    picture?: string;
+    website?: string;
+    email?: string;
+    emailVerified?: boolean;
+    gender?: string;
+    birthdate?: string;
+    zoneinfo?: string;
+    locale?: string;
+    phoneNumber?: string;
+    phoneNumberVerified?: boolean;
+    sub?: string;
+    sources?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+export interface MagicUserMetadata {
+    issuer: string | null;
+    publicAddress: string | null;
+    email: string | null;
+    phoneNumber?: string | null;
+    isMfaEnabled?: boolean;
+    recoveryFactors?: Array<{
+        type: string;
+        value: string;
+    }>;
+}
+export interface OAuthRedirectResult {
+    oauth: {
+        provider: OAuthProvider;
+        scope: string[];
+        userHandle: string;
+        userInfo: OpenIDConnectUserInfo;
+    };
+    magic: {
+        idToken: string;
+        userMetadata: MagicUserMetadata;
+    };
+}
+export interface OAuthRedirectError {
+    provider: OAuthProvider;
+    error: string;
+    error_description?: string;
+    error_uri?: string;
+}
+export interface SiweGenerateNonceParams {
+    address?: string;
+}
+export interface SiweGenerateMessageParams {
+    address: string;
+    chainId?: number;
+    statement?: string;
+}
+export interface SiweLoginParams {
+    message: string;
+    signature: string;
+}
+/**
+ * Get the initialized WalletKitExtension instance.
+ * Used internally by React components to access SIWE methods.
+ * @throws Error if extension hasn't been initialized yet
+ */
+export declare function getExtensionInstance(): WalletKitExtension;
+export interface WalletKitExtensionOptions {
+    /** Reown (WalletConnect) project ID. Uses a default if not provided. */
+    projectId?: string;
+}
+export declare class WalletKitExtension extends Extension.Internal<'walletKit'> {
+    name: "walletKit";
+    config: {};
+    readonly projectId: string;
+    readonly wagmiConfig: Config;
+    readonly wagmiAdapter: WagmiAdapter;
+    private clientConfig;
+    private configPromise;
+    private eventsListenerAdded;
+    private reconnectPromise;
+    constructor(options?: WalletKitExtensionOptions);
+    /**
+     * Called by Magic SDK when the extension is initialized.
+     * We override to store a reference for internal React component access.
+     */
+    init(sdk: SDKBase): void;
+    private restoreWalletConnection;
+    /**
+     * Set up the connected state after successful SIWE login.
+     * This enables RPC request routing through the 3rd party wallet.
+     */
+    setConnectedState(address: string, chainId?: number): void;
+    /**
+     * Clear the connected state (called on logout/disconnect).
+     */
+    clearConnectedState(): void;
+    /**
+     * Get the current wallet provider from wagmi.
+     * Returns null if not connected.
+     */
+    getWalletProvider(): Promise<any | null>;
+    /**
+     * Execute an RPC request through the connected 3rd party wallet.
+     * This is called by ThirdPartyWalletsModule for magic-widget provider.
+     */
+    walletRequest<T = unknown>(payload: Partial<JsonRpcRequestPayload>): Promise<T>;
+    /**
+     * Set up event listeners for account and chain changes.
+     */
+    private setupEip1193EventListeners;
+    /**
+     * Handle wallet disconnect - clear SDK state AND invalidate Magic iframe session.
+     * Called when user disconnects wallet via wallet extension UI.
+     */
+    private handleWalletDisconnect;
+    private dispatchWalletUpdate;
+    /**
+     * Generate a nonce for SIWE message construction.
+     * This calls the Magic backend to get a unique nonce.
+     */
+    generateNonce(params?: SiweGenerateNonceParams): Promise<string>;
+    /**
+     * Generate a complete SIWE message.
+     * Fetches a nonce from the backend and constructs the message client-side.
+     */
+    generateMessage(params: SiweGenerateMessageParams): Promise<string>;
+    /**
+     * Login with SIWE message and signature.
+     * Sends the signed message to Magic backend for verification and returns a DID token.
+     */
+    login(params: SiweLoginParams): Promise<string>;
+    /**
+     * Login with OAuth popup.
+     * Opens a popup for the specified OAuth provider and returns the result.
+     */
+    loginWithPopup(provider: OAuthProvider): Promise<OAuthRedirectResult>;
+    /**
+     * Fetch client configuration via RPC (proxied through embedded-wallet iframe).
+     * This avoids CORS issues by having the iframe make the request.
+     */
+    fetchConfig(): Promise<ClientConfig>;
+    /**
+     * Get the cached client configuration (synchronous).
+     * Returns null if config hasn't been fetched yet.
+     */
+    getConfig(): ClientConfig | null;
+    /**
+     * Login with Email OTP
+     */
+    loginWithEmailOTP(email: string): import("@magic-sdk/provider").PromiEvent<string | null, {
+        "email-otp-sent": () => void;
+        "login-throttled": () => void;
+        "invalid-email-otp": () => void;
+        "invalid-mfa-otp": () => void;
+        "expired-email-otp": () => void;
+        "mfa-sent-handle": () => void;
+        "recovery-code-sent-handle": () => void;
+        "invalid-recovery-code": () => void;
+        "recovery-code-success": () => void;
+        "max-attempts-reached": () => void;
+        "Auth/id-token-created": (idToken: string) => void;
+        "Wallet/wallet-info-fetched": () => void;
+        "verify-email-otp": (otp: string) => void;
+        "verify-mfa-code": (mfa: string) => void;
+        "lost-device": () => void;
+        "verify-recovery-code": (recoveryCode: string) => void;
+        cancel: () => void;
+    } & {
+        "device-needs-approval": () => void;
+        "device-verification-email-sent": () => void;
+        "device-verification-link-expired": () => void;
+        "device-approved": () => void;
+        "device-retry": () => void;
+    } & {
+        done: (result: string | null) => void;
+        error: (reason: any) => void;
+        settled: () => void;
+        "closed-by-user": () => void;
+    }>;
+}

package/dist/es/types/hooks/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/es/types/hooks/useOAuthLogin.d.ts

@@ -0,0 +1,9 @@
+import { OAuthProvider, OAuthRedirectResult } from '../extension';
+export interface UseOAuthLoginResult {
+    performOAuthLogin: (provider: OAuthProvider) => Promise<OAuthRedirectResult>;
+    isLoading: boolean;
+    error: Error | null;
+    isSuccess: boolean;
+    result: OAuthRedirectResult | null;
+}
+export declare function useOAuthLogin(): UseOAuthLoginResult;

package/dist/es/types/hooks/useSiweLogin.d.ts

@@ -0,0 +1,8 @@
+export interface UseSiweLoginResult {
+    performSiweLogin: (address: string, chainId?: number) => Promise<string>;
+    isLoading: boolean;
+    error: Error | null;
+    isSuccess: boolean;
+    walletAddress: string | null;
+}
+export declare function useSiweLogin(): UseSiweLoginResult;

package/dist/es/types/hooks/useWalletConnect.d.ts

@@ -0,0 +1,11 @@
+import { ThirdPartyWallet } from '../types';
+export interface UseWalletConnectResult {
+    connectWallet: () => Promise<void>;
+    isPending: boolean;
+    error: Error | null;
+    address: `0x${string}` | undefined;
+    isConnected: boolean;
+    isConnectedToSelectedProvider: boolean;
+    disconnect: () => void;
+}
+export declare function useWalletConnect(provider: ThirdPartyWallet): UseWalletConnectResult;

package/dist/es/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MagicWidget';
+export * from './extension';
+export { ThirdPartyWallets, OAuthProvider, type ThirdPartyWallet, type DisplayMode, type MagicWidgetProps, type LoginResult, type EmailLoginResult, type OAuthLoginResult, type WalletLoginResult, type OAuthUserInfo, } from './types';

package/dist/es/types/lib/provider-config.d.ts

@@ -0,0 +1,2 @@
+import { LoginProvider, ProviderConfig } from '../types';
+export declare function getProviderConfig(provider: LoginProvider): ProviderConfig;

package/dist/es/types/lib/validators.d.ts

@@ -0,0 +1,2 @@
+export declare function isSanctionedEmail(email: string): boolean;
+export declare function isValidEmail(source?: string | null): boolean;

package/dist/es/types/reducer.d.ts

@@ -0,0 +1,69 @@
+import { LoginProvider, OAuthProvider, ThirdPartyWallet } from './types';
+export type View = 'login' | 'otp' | 'additional_providers' | 'wallet_pending' | 'walletconnect_pending' | 'oauth_pending' | 'email_otp_pending' | 'device_verification' | 'mfa_pending' | 'recovery_code' | 'lost_recovery_code' | 'login_success';
+export type EmailLoginStatus = 'idle' | 'sending' | 'otp_sent' | 'verifying_otp' | 'invalid_otp' | 'expired_otp' | 'max_attempts_reached' | 'device_needs_approval' | 'device_verification_sent' | 'device_verification_expired' | 'device_approved' | 'mfa_required' | 'recovery_code' | 'success' | 'mfa_verifying' | 'mfa_invalid' | 'recovery_code_verifying' | 'lost_recovery_code' | 'error';
+export interface WidgetState {
+    view: View;
+    email?: string;
+    selectedProvider?: LoginProvider;
+    walletAddress?: string;
+    error?: string;
+    emailLoginStatus?: EmailLoginStatus;
+}
+export type WidgetAction = {
+    type: 'GO_TO_LOGIN';
+} | {
+    type: 'EMAIL_OTP_START';
+    email: string;
+} | {
+    type: 'EMAIL_OTP_SENT';
+} | {
+    type: 'EMAIL_OTP_INVALID';
+} | {
+    type: 'EMAIL_OTP_EXPIRED';
+} | {
+    type: 'EMAIL_OTP_MAX_ATTEMPTS_REACHED';
+} | {
+    type: 'EMAIL_OTP_VERIFYING';
+} | {
+    type: 'DEVICE_NEEDS_APPROVAL';
+} | {
+    type: 'DEVICE_VERIFICATION_SENT';
+} | {
+    type: 'DEVICE_VERIFICATION_EXPIRED';
+} | {
+    type: 'DEVICE_APPROVED';
+} | {
+    type: 'MFA_REQUIRED';
+} | {
+    type: 'MFA_VERIFYING';
+} | {
+    type: 'MFA_INVALID';
+} | {
+    type: 'LOST_DEVICE';
+} | {
+    type: 'RECOVERY_CODE_VERIFYING';
+} | {
+    type: 'RECOVERY_CODE_INVALID';
+} | {
+    type: 'LOST_RECOVERY_CODE';
+} | {
+    type: 'LOGIN_SUCCESS';
+} | {
+    type: 'RESET_EMAIL_ERROR';
+} | {
+    type: 'LOGIN_ERROR';
+    error: string;
+} | {
+    type: 'SELECT_PROVIDER';
+    provider: OAuthProvider;
+} | {
+    type: 'GO_TO_ADDITIONAL_PROVIDERS';
+} | {
+    type: 'SELECT_WALLET';
+    provider: ThirdPartyWallet;
+} | {
+    type: 'WALLETCONNECT_CONNECTED';
+    address: string;
+};
+export declare const initialState: WidgetState;
+export declare function widgetReducer(state: WidgetState, action: WidgetAction): WidgetState;

package/dist/es/types/types/client-config.d.ts

@@ -0,0 +1,22 @@
+export interface ClientTheme {
+    appName: string;
+    assetUri: string;
+    textColor: `#${string}`;
+    buttonColor: `#${string}` | undefined;
+    buttonRadius: string | undefined;
+    containerRadius: string | undefined;
+    backgroundColor: `#${string}` | undefined;
+    neutralColor: `#${string}` | undefined;
+    themeColor: 'auto' | 'dark' | 'light';
+    customBrandingType: 1 | 2;
+    isDefaultAsset?: boolean;
+}
+export interface ClientConfig {
+    clientId: string;
+    theme: ClientTheme;
+    authProviders: {
+        primary: string[];
+        secondary: string[];
+        social: string[];
+    };
+}

package/dist/es/types/types.d.ts

@@ -0,0 +1,168 @@
+import { ComponentType } from 'react';
+import { OAuthRedirectResult } from './extension';
+/**
+ * Available third-party wallet providers.
+ * Use these constants or pass string literals directly: 'metamask', 'coinbase', etc.
+ */
+export declare const ThirdPartyWallets: {
+    readonly METAMASK: "metamask";
+    readonly WALLETCONNECT: "walletconnect";
+    readonly COINBASE: "coinbase";
+    readonly PHANTOM: "phantom";
+    readonly RABBY: "rabby";
+};
+/** Type representing valid third-party wallet values */
+export type ThirdPartyWallet = (typeof ThirdPartyWallets)[keyof typeof ThirdPartyWallets];
+export interface ProviderMetadata {
+    displayName: string;
+    Icon: ComponentType<{
+        width?: number;
+        height?: number;
+        className?: string;
+    }>;
+}
+export declare enum RpcErrorMessage {
+    MalformedEmail = "Invalid params: Please provide a valid email address.",
+    SanEmail = "We are unable to create an account with that email."
+}
+export declare enum OAuthProvider {
+    GOOGLE = "google",
+    APPLE = "apple",
+    FACEBOOK = "facebook",
+    GITHUB = "github",
+    TWITTER = "twitter",
+    LINKEDIN = "linkedin",
+    MICROSOFT = "microsoft",
+    TWITCH = "twitch",
+    BITBUCKET = "bitbucket",
+    DISCORD = "discord",
+    GITLAB = "gitlab",
+    TELEGRAM = "telegram"
+}
+export type LoginProvider = OAuthProvider | ThirdPartyWallet;
+export interface ProviderConfig {
+    title: string;
+    description: string;
+    Icon: ComponentType<{
+        width?: number;
+        height?: number;
+        className?: string;
+    }>;
+}
+/**
+ * OAuth user information returned from social login
+ */
+export interface OAuthUserInfo {
+    /** The OAuth provider used (e.g., 'google', 'apple') */
+    provider: string;
+    name?: string;
+    email?: string;
+    picture?: string;
+    [key: string]: unknown;
+}
+/**
+ * Result returned on successful email login
+ */
+export interface EmailLoginResult {
+    method: 'email';
+    /** The DID token for authentication */
+    didToken: string;
+}
+/**
+ * Result returned on successful OAuth login
+ */
+export interface OAuthLoginResult {
+    method: 'oauth';
+    /** OAuth provider information */
+    oauth: OAuthRedirectResult['oauth'];
+    /** Magic user metadata */
+    magic: OAuthRedirectResult['magic'];
+}
+/**
+ * Result returned on successful wallet login
+ */
+export interface WalletLoginResult {
+    method: 'wallet';
+    /** The connected wallet address */
+    walletAddress: string;
+}
+/**
+ * Discriminated union of all login result types.
+ * Check the `method` property to determine which fields are available.
+ *
+ * @example
+ * onSuccess={(result) => {
+ *   if (result.method === 'email' || result.method === 'oauth') {
+ *     sendToBackend(result.didToken);
+ *   } else {
+ *     console.log('Wallet:', result.walletAddress);
+ *   }
+ * }}
+ */
+export type LoginResult = EmailLoginResult | OAuthLoginResult | WalletLoginResult;
+/**
+ * How the widget is displayed on the page.
+ * - 'inline': Rendered in the document flow (default)
+ * - 'modal': Positioned as a modal dialog, slightly above center
+ */
+export type DisplayMode = 'inline' | 'modal';
+export interface MagicWidgetProps {
+    /**
+     * How the widget is displayed on the page. Defaults to 'inline'.
+     * - 'inline': Rendered in the document flow
+     * - 'modal': Positioned as a modal dialog with backdrop
+     * @example displayMode="modal"
+     */
+    displayMode?: DisplayMode;
+    /**
+     * Whether the widget modal is open. Defaults to true.
+     * @example isOpen={showLogin}
+     */
+    isOpen?: boolean;
+    /**
+     * Callback fired when the widget is closed (e.g., user clicks X button).
+     * @example onClose={() => setShowLogin(false)}
+     */
+    onClose?: () => void;
+    /**
+     * Automatically call onClose after successful login (with a 2 second delay to show success screen).
+     * Defaults to false.
+     * @example closeOnSuccess={true}
+     */
+    closeOnSuccess?: boolean;
+    /**
+     * Close the modal when clicking the backdrop. Only applies when displayMode="modal".
+     * Defaults to false.
+     * @example closeOnClickOutside={true}
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Third-party wallets to display. None enabled by default.
+     * Accepts constants or string literals: 'metamask', 'walletconnect', 'coinbase', 'phantom', 'rabby'
+     * @example wallets={['metamask', 'coinbase']}
+     * @example wallets={[ThirdPartyWallets.METAMASK, ThirdPartyWallets.COINBASE]}
+     */
+    wallets?: ThirdPartyWallet[];
+    /**
+     * Callback fired when login succeeds.
+     * The result type varies by login method - check `result.method` to determine the shape.
+     * @example
+     * onSuccess={(result) => {
+     *   if (result.method === 'email' || result.method === 'oauth') {
+     *     authenticate(result.didToken);
+     *   }
+     * }}
+     */
+    onSuccess?: (result: LoginResult) => void;
+    /**
+     * Callback fired when login fails
+     * @example onError={(error) => console.error(error.message)}
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback fired when the widget has finished initializing and is ready to display.
+     * Use this to hide your custom loading UI.
+     * @example onReady={() => setIsLoading(false)}
+     */
+    onReady?: () => void;
+}

package/dist/es/types/utils/device.d.ts

@@ -0,0 +1,5 @@
+export declare function isAndroid(): boolean;
+export declare function isSmallIOS(): boolean;
+export declare function isLargeIOS(): boolean;
+export declare function isIOS(): boolean;
+export declare function isMobile(): boolean;

package/dist/es/types/views/AdditionalProvidersView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetAction } from 'src/reducer';
+interface AdditionalProvidersViewProps {
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export default function AdditionalProvidersView({ dispatch }: AdditionalProvidersViewProps): React.JSX.Element;
+export {};

package/dist/es/types/views/DeviceVerificationView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WidgetAction, WidgetState } from '../reducer';
+interface DeviceVerificationViewProps {
+    state: WidgetState;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare const DeviceVerificationView: ({ state, dispatch }: DeviceVerificationViewProps) => React.JSX.Element;
+export {};

package/dist/es/types/views/EmailOTPView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WidgetAction, WidgetState } from '../reducer';
+interface EmailOTPViewProps {
+    state: WidgetState;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare const EmailOTPView: ({ state, dispatch }: EmailOTPViewProps) => React.JSX.Element;
+export {};

package/dist/es/types/views/LoginSuccessView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetState } from '../reducer';
+interface LoginSuccessViewProps {
+    state: WidgetState;
+}
+export declare const LoginSuccessView: ({ state }: LoginSuccessViewProps) => React.JSX.Element;
+export {};

package/dist/es/types/views/LoginView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetAction } from '../reducer';
+interface LoginViewProps {
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare const LoginView: ({ dispatch }: LoginViewProps) => React.JSX.Element;
+export {};

package/dist/es/types/views/LostRecoveryCode.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WidgetAction } from '../reducer';
+export declare const LostRecoveryCode: ({ dispatch }: {
+    dispatch: React.Dispatch<WidgetAction>;
+}) => React.JSX.Element;