@insforge/react 0.4.0 → 0.4.5

package/dist/types.d.cts

@@ -1,8 +1,16 @@
-import { ReactNode, InputHTMLAttributes, CSSProperties, FormEvent } from 'react';
-import { GetPublicAuthConfigResponse, OAuthProvidersSchema } from '@insforge/shared-schemas';
+import { ReactNode } from 'react';
+import { GetPublicAuthConfigResponse, VerificationMethodSchema, OAuthProvidersSchema } from '@insforge/shared-schemas';
 
+/**
+ * Meta Types - Core types used across the package
+ * Component-specific props are exported from their respective modules:
+ * - Atom props: @insforge/react/atoms
+ * - Form props: @insforge/react/forms
+ * - Component props: @insforge/react/components
+ */
 type OAuthProvider = OAuthProvidersSchema;
 type AuthConfig = GetPublicAuthConfigResponse;
+type EmailVerificationMethod = VerificationMethodSchema;
 /**
  * Insforge User type
  */
@@ -12,152 +20,6 @@ interface InsforgeUser {
     name?: string;
     avatarUrl?: string;
 }
-/**
- * Base appearance props for styling components
- */
-interface BaseAppearance {
-    containerClassName?: string;
-    [key: string]: string | undefined;
-}
-/**
- * Props for AuthContainer component
- */
-interface AuthContainerProps {
-    children: ReactNode;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-    };
-}
-/**
- * Props for AuthHeader component
- */
-interface AuthHeaderProps {
-    title: string;
-    subtitle?: string;
-    appearance?: {
-        containerClassName?: string;
-        titleClassName?: string;
-        subtitleClassName?: string;
-    };
-}
-/**
- * Props for AuthErrorBanner component
- */
-interface AuthErrorBannerProps {
-    error: string;
-    className?: string;
-}
-/**
- * Props for AuthFormField component
- */
-interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: string;
-    id: string;
-    appearance?: {
-        containerClassName?: string;
-        labelClassName?: string;
-        inputClassName?: string;
-    };
-}
-/**
- * Props for AuthPasswordField component
- */
-interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label: string;
-    id: string;
-    showStrengthIndicator?: boolean;
-    authConfig: AuthConfig;
-    forgotPasswordLink?: {
-        href: string;
-        text?: string;
-    };
-    appearance?: {
-        containerClassName?: string;
-        labelClassName?: string;
-        inputClassName?: string;
-    };
-}
-/**
- * Props for AuthPasswordStrengthIndicator component
- */
-interface AuthPasswordStrengthIndicatorProps {
-    password: string;
-    config: AuthConfig;
-    appearance?: {
-        containerClassName?: string;
-        requirementClassName?: string;
-    };
-}
-/**
- * Props for AuthSubmitButton component
- */
-interface AuthSubmitButtonProps {
-    children: ReactNode;
-    isLoading?: boolean;
-    confirmed?: boolean;
-    disabled?: boolean;
-    className?: string;
-}
-/**
- * Props for AuthLink component
- */
-interface AuthLinkProps {
-    text: string;
-    linkText: string;
-    href: string;
-    appearance?: {
-        containerClassName?: string;
-        linkClassName?: string;
-    };
-}
-/**
- * Props for AuthDivider component
- */
-interface AuthDividerProps {
-    text?: string;
-    className?: string;
-}
-/**
- * Props for AuthOAuthButton component
- */
-interface AuthOAuthButtonProps {
-    provider: OAuthProvider;
-    onClick: (provider: OAuthProvider) => void;
-    disabled?: boolean;
-    loading?: boolean;
-    displayMode?: 'full' | 'short' | 'icon';
-    style?: CSSProperties;
-    className?: string;
-}
-/**
- * Props for AuthOAuthProviders component
- */
-interface AuthOAuthProvidersProps {
-    providers: OAuthProvider[];
-    onClick: (provider: OAuthProvider) => void;
-    disabled?: boolean;
-    loading: OAuthProvider | null;
-    appearance?: {
-        containerClassName?: string;
-        buttonClassName?: string;
-    };
-}
-/**
- * Props for AuthVerificationCodeInput component
- */
-interface AuthVerificationCodeInputProps {
-    length?: number;
-    value: string;
-    email: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-    onComplete?: (code: string) => void;
-    appearance?: {
-        containerClassName?: string;
-        inputClassName?: string;
-    };
-}
 /**
  * Configuration for an OAuth provider
  */
@@ -166,469 +28,5 @@ interface OAuthProviderConfig {
     svg: ReactNode;
     className: string;
 }
-/**
- * Hierarchical appearance configuration for SignIn/SignUp forms
- */
-interface SignInAppearance {
-    /** Container (outermost wrapper) className */
-    container?: string;
-    /** Card (inner box) className */
-    card?: string;
-    /** Header section appearance */
-    header?: {
-        /** Header container className */
-        container?: string;
-        /** Title text className */
-        title?: string;
-        /** Subtitle text className */
-        subtitle?: string;
-    };
-    /** Error banner className */
-    errorBanner?: string;
-    /** Form section appearance */
-    form?: {
-        /** Form container className */
-        container?: string;
-        /** Email field appearance */
-        emailField?: {
-            /** Email field container className */
-            container?: string;
-            /** Email label className */
-            label?: string;
-            /** Email input className */
-            input?: string;
-        };
-        /** Password field appearance */
-        passwordField?: {
-            /** Password field container className */
-            container?: string;
-            /** Password label className */
-            label?: string;
-            /** Password input className */
-            input?: string;
-            /** Forgot password link className */
-            forgotPasswordLink?: string;
-            /** Password strength indicator appearance */
-            strengthIndicator?: {
-                /** Strength indicator container className */
-                container?: string;
-                /** Strength requirement item className */
-                requirement?: string;
-            };
-        };
-    };
-    /** Submit button className */
-    button?: string;
-    /** Sign up/in link section appearance */
-    link?: {
-        /** Link section container className */
-        container?: string;
-        /** Link text className */
-        text?: string;
-        /** Anchor link className */
-        link?: string;
-    };
-    /** Divider className */
-    divider?: string;
-    /** OAuth providers section appearance */
-    oauth?: {
-        /** OAuth container className */
-        container?: string;
-        /** OAuth button className */
-        button?: string;
-    };
-}
-/**
- * Props for SignInForm component
- */
-interface SignInFormProps {
-    email: string;
-    password: string;
-    onEmailChange: (email: string) => void;
-    onPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    oauthLoading?: OAuthProvider | null;
-    availableProviders?: OAuthProvider[];
-    onOAuthClick?: (provider: OAuthProvider) => void;
-    authConfig: AuthConfig;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: SignInAppearance;
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    forgotPasswordText?: string;
-    forgotPasswordUrl?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signUpText?: string;
-    signUpLinkText?: string;
-    signUpUrl?: string;
-    dividerText?: string;
-    showVerificationStep?: boolean;
-    onVerifyCode?: (code: string) => Promise<void>;
-    verificationDescription?: string;
-}
-/**
- * Hierarchical appearance configuration for SignUp forms
- * Allows deep customization of all nested components
- */
-interface SignUpAppearance {
-    /** Container (outermost wrapper) className */
-    container?: string;
-    /** Card (inner box) className */
-    card?: string;
-    /** Header section appearance */
-    header?: {
-        /** Header container className */
-        container?: string;
-        /** Title text className */
-        title?: string;
-        /** Subtitle text className */
-        subtitle?: string;
-    };
-    /** Error banner className */
-    errorBanner?: string;
-    /** Form section appearance */
-    form?: {
-        /** Form container className */
-        container?: string;
-        /** Email field appearance */
-        emailField?: {
-            /** Email field container className */
-            container?: string;
-            /** Email label className */
-            label?: string;
-            /** Email input className */
-            input?: string;
-        };
-        /** Password field appearance */
-        passwordField?: {
-            /** Password field container className */
-            container?: string;
-            /** Password label className */
-            label?: string;
-            /** Password input className */
-            input?: string;
-            /** Password strength indicator appearance */
-            strengthIndicator?: {
-                /** Strength indicator container className */
-                container?: string;
-                /** Strength requirement item className */
-                requirement?: string;
-            };
-        };
-    };
-    /** Submit button className */
-    button?: string;
-    /** Sign in link section appearance */
-    link?: {
-        /** Link section container className */
-        container?: string;
-        /** Link text className */
-        text?: string;
-        /** Anchor link className */
-        link?: string;
-    };
-    /** Divider className */
-    divider?: string;
-    /** OAuth providers section appearance */
-    oauth?: {
-        /** OAuth container className */
-        container?: string;
-        /** OAuth button className */
-        button?: string;
-    };
-}
-/**
- * Props for SignUpForm component
- */
-interface SignUpFormProps {
-    email: string;
-    password: string;
-    onEmailChange: (email: string) => void;
-    onPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    oauthLoading?: OAuthProvider | null;
-    availableProviders?: OAuthProvider[];
-    onOAuthClick?: (provider: OAuthProvider) => void;
-    authConfig: AuthConfig;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: SignUpAppearance;
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signInText?: string;
-    signInLinkText?: string;
-    signInUrl?: string;
-    dividerText?: string;
-    showVerificationStep?: boolean;
-    onVerifyCode?: (code: string) => Promise<void>;
-    verificationDescription?: string;
-}
-/**
- * Hierarchical appearance configuration for ForgotPassword forms
- */
-interface ForgotPasswordAppearance {
-    /** Container (outermost wrapper) className */
-    container?: string;
-    /** Card (inner box) className */
-    card?: string;
-    /** Header section appearance */
-    header?: {
-        /** Header container className */
-        container?: string;
-        /** Title text className */
-        title?: string;
-        /** Subtitle text className */
-        subtitle?: string;
-    };
-    /** Error banner className */
-    errorBanner?: string;
-    /** Form section appearance */
-    form?: {
-        /** Form container className */
-        container?: string;
-        /** Email field appearance */
-        emailField?: {
-            /** Email field container className */
-            container?: string;
-            /** Email label className */
-            label?: string;
-            /** Email input className */
-            input?: string;
-        };
-    };
-    /** Submit button className */
-    button?: string;
-    /** Back to sign in link section appearance */
-    link?: {
-        /** Link section container className */
-        container?: string;
-        /** Link text className */
-        text?: string;
-        /** Anchor link className */
-        link?: string;
-    };
-}
-/**
- * Props for ForgotPasswordForm component
- */
-interface ForgotPasswordFormProps {
-    email: string;
-    onEmailChange: (email: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    success?: boolean;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: ForgotPasswordAppearance;
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    backToSignInText?: string;
-    backToSignInUrl?: string;
-    successTitle?: string;
-    successMessage?: string;
-}
-/**
- * Hierarchical appearance configuration for ResetPassword forms
- */
-interface ResetPasswordAppearance {
-    /** Container (outermost wrapper) className */
-    container?: string;
-    /** Card (inner box) className */
-    card?: string;
-    /** Header section appearance */
-    header?: {
-        /** Header container className */
-        container?: string;
-        /** Title text className */
-        title?: string;
-        /** Subtitle text className */
-        subtitle?: string;
-    };
-    /** Error banner className */
-    errorBanner?: string;
-    /** Form section appearance */
-    form?: {
-        /** Form container className */
-        container?: string;
-        /** New password field appearance */
-        newPasswordField?: {
-            /** Password field container className */
-            container?: string;
-            /** Password label className */
-            label?: string;
-            /** Password input className */
-            input?: string;
-            /** Password strength indicator appearance */
-            strengthIndicator?: {
-                /** Strength indicator container className */
-                container?: string;
-                /** Strength requirement item className */
-                requirement?: string;
-            };
-        };
-        /** Confirm password field appearance */
-        confirmPasswordField?: {
-            /** Password field container className */
-            container?: string;
-            /** Password label className */
-            label?: string;
-            /** Password input className */
-            input?: string;
-        };
-    };
-    /** Submit button className */
-    button?: string;
-    /** Back to sign in text/link className */
-    link?: {
-        container?: string;
-        text?: string;
-        link?: string;
-    };
-}
-/**
- * Props for ResetPasswordForm component
- */
-interface ResetPasswordFormProps {
-    newPassword: string;
-    confirmPassword: string;
-    onNewPasswordChange: (password: string) => void;
-    onConfirmPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    success?: boolean;
-    authConfig: AuthConfig;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: ResetPasswordAppearance;
-    title?: string;
-    subtitle?: string;
-    newPasswordLabel?: string;
-    newPasswordPlaceholder?: string;
-    confirmPasswordLabel?: string;
-    confirmPasswordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    backToSignInText?: string;
-    backToSignInUrl?: string;
-    successTitle?: string;
-    successMessage?: string;
-}
-/**
- * Props for VerifyEmailStatus component
- */
-interface VerifyEmailStatusProps {
-    status: 'verifying' | 'success' | 'error';
-    error?: string;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-    };
-    verifyingTitle?: string;
-    successTitle?: string;
-    successMessage?: string;
-    errorTitle?: string;
-}
-/**
- * Props for the SignIn component
- */
-interface SignInProps {
-    afterSignInUrl?: string;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: SignInAppearance;
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    forgotPasswordText?: string;
-    forgotPasswordUrl?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signUpText?: string;
-    signUpLinkText?: string;
-    signUpUrl?: string;
-    dividerText?: string;
-    onSuccess?: (user: {
-        id: string;
-        email: string;
-        name: string;
-    }, accessToken: string, redirectTo?: string) => void;
-    onError?: (error: Error) => void;
-}
-/**
- * Props for the SignUp component
- */
-interface SignUpProps {
-    afterSignUpUrl?: string;
-    /** Hierarchical appearance configuration for deep customization */
-    appearance?: SignUpAppearance;
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signInText?: string;
-    signInLinkText?: string;
-    signInUrl?: string;
-    dividerText?: string;
-    onSuccess?: (user: {
-        id: string;
-        email: string;
-        name: string;
-    }, accessToken: string, redirectTo?: string) => void;
-    onError?: (error: Error) => void;
-}
-/**
- * Props for Protect component
- */
-interface ProtectProps {
-    children: ReactNode;
-    fallback?: ReactNode;
-    redirectTo?: string;
-    condition?: (user: InsforgeUser) => boolean;
-    onRedirect?: (url: string) => void;
-}
-/**
- * Props for conditional rendering components (SignedIn, SignedOut)
- */
-interface ConditionalProps {
-    children: ReactNode;
-}
-/**
- * Props for UserButton component
- */
-interface UserButtonProps {
-    afterSignOutUrl?: string;
-    mode?: 'detailed' | 'simple';
-    appearance?: {
-        containerClassName?: string;
-        buttonClassName?: string;
-        nameClassName?: string;
-        emailClassName?: string;
-        dropdownClassName?: string;
-    };
-}
 
-export type { AuthConfig, AuthContainerProps, AuthDividerProps, AuthErrorBannerProps, AuthFormFieldProps, AuthHeaderProps, AuthLinkProps, AuthOAuthButtonProps, AuthOAuthProvidersProps, AuthPasswordFieldProps, AuthPasswordStrengthIndicatorProps, AuthSubmitButtonProps, AuthVerificationCodeInputProps, BaseAppearance, ConditionalProps, ForgotPasswordAppearance, ForgotPasswordFormProps, InsforgeUser, OAuthProvider, OAuthProviderConfig, ProtectProps, ResetPasswordAppearance, ResetPasswordFormProps, SignInAppearance, SignInFormProps, SignInProps, SignUpAppearance, SignUpFormProps, SignUpProps, UserButtonProps, VerifyEmailStatusProps };
+export type { AuthConfig, EmailVerificationMethod, InsforgeUser, OAuthProvider, OAuthProviderConfig };