@insforge/react 0.3.5 → 0.4.5

package/dist/forms.d.ts

@@ -1,185 +1,135 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SignInFormProps, SignUpFormProps, ForgotPasswordFormProps, ResetPasswordFormProps, VerifyEmailStatusProps } from './types.js';
-import 'react';
-import '@insforge/shared-schemas';
+import { OAuthProvidersSchema } from '@insforge/shared-schemas';
+import { FormEvent } from 'react';
+import { AuthConfig } from './types.js';
 
+interface SignInFormProps {
+    email: string;
+    password: string;
+    onEmailChange: (email: string) => void;
+    onPasswordChange: (password: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    error?: string;
+    loading?: boolean;
+    oauthLoading?: OAuthProvidersSchema | null;
+    availableProviders?: OAuthProvidersSchema[];
+    onOAuthClick?: (provider: OAuthProvidersSchema) => void;
+    authConfig: AuthConfig;
+    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>;
+}
 /**
  * Pre-built sign-in form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [password, setPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.signIn(email, password);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <SignInForm
- *   email={email}
- *   password={password}
- *   onEmailChange={setEmail}
- *   onPasswordChange={setPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- * />
- * ```
  */
-declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignInFormProps): react_jsx_runtime.JSX.Element;
+declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, }: SignInFormProps): react_jsx_runtime.JSX.Element;
 
+interface SignUpFormProps {
+    email: string;
+    password: string;
+    onEmailChange: (email: string) => void;
+    onPasswordChange: (password: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    error?: string;
+    loading?: boolean;
+    oauthLoading?: OAuthProvidersSchema | null;
+    availableProviders?: OAuthProvidersSchema[];
+    onOAuthClick?: (provider: OAuthProvidersSchema) => void;
+    authConfig: AuthConfig;
+    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>;
+}
 /**
  * Pre-built sign-up form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [password, setPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.signUp(email, password);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <SignUpForm
- *   email={email}
- *   password={password}
- *   onEmailChange={setEmail}
- *   onPasswordChange={setPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- * />
- * ```
  */
-declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
+declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
 
+type ResetPasswordMethod = 'code' | 'link';
+interface ForgotPasswordFormProps {
+    email: string;
+    onEmailChange: (email: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    error?: string;
+    loading?: boolean;
+    title?: string;
+    subtitle?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    backToSignInText?: string;
+    backToSignInUrl?: string;
+    showVerificationStep?: boolean;
+    resetPasswordMethod?: ResetPasswordMethod;
+    onVerifyCode?: (code: string) => Promise<void>;
+    onResendEmail?: () => Promise<void>;
+}
 /**
  * Pre-built forgot password form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- * const [success, setSuccess] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.sendResetPasswordCode({ email });
- *     setSuccess(true);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <ForgotPasswordForm
- *   email={email}
- *   onEmailChange={setEmail}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- *   success={success}
- * />
- * ```
  */
-declare function ForgotPasswordForm({ email, onEmailChange, onSubmit, error, loading, success, appearance, title, subtitle, emailLabel, emailPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, successTitle, successMessage, }: ForgotPasswordFormProps): react_jsx_runtime.JSX.Element;
+declare function ForgotPasswordForm({ email, onEmailChange, onSubmit, error, loading, title, subtitle, emailLabel, emailPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, showVerificationStep, resetPasswordMethod, onVerifyCode, onResendEmail, }: ForgotPasswordFormProps): react_jsx_runtime.JSX.Element;
 
+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;
+    title?: string;
+    subtitle?: string;
+    newPasswordLabel?: string;
+    newPasswordPlaceholder?: string;
+    confirmPasswordLabel?: string;
+    confirmPasswordPlaceholder?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    successTitle?: string;
+}
 /**
  * Pre-built reset password form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [newPassword, setNewPassword] = useState('');
- * const [confirmPassword, setConfirmPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   if (newPassword !== confirmPassword) {
- *     setError('Passwords do not match');
- *     return;
- *   }
- *   setLoading(true);
- *   try {
- *     await authService.resetPassword({ newPassword, token });
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <ResetPasswordForm
- *   newPassword={newPassword}
- *   confirmPassword={confirmPassword}
- *   onNewPasswordChange={setNewPassword}
- *   onConfirmPasswordChange={setConfirmPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- *   authConfig={config}
- * />
- * ```
  */
-declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, success, authConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, successTitle, successMessage, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, success, authConfig, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, successTitle, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
 
+interface VerifyEmailStatusProps {
+    status: 'verifying' | 'success' | 'error';
+    error?: string;
+    verifyingTitle?: string;
+    successTitle?: string;
+    successMessage?: string;
+    errorTitle?: string;
+}
 /**
  * Email verification status display component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [status, setStatus] = useState('verifying');
- * const [error, setError] = useState('');
- *
- * useEffect(() => {
- *   const verify = async () => {
- *     try {
- *       await authService.verifyEmail({ token });
- *       setStatus('success');
- *     } catch (err) {
- *       setError(err.message);
- *       setStatus('error');
- *     }
- *   };
- *   verify();
- * }, [token]);
- *
- * <VerifyEmailStatus
- *   status={status}
- *   error={error}
- * />
- * ```
  */
-declare function VerifyEmailStatus({ status, error, appearance, verifyingTitle, successTitle, successMessage, errorTitle, }: VerifyEmailStatusProps): react_jsx_runtime.JSX.Element;
+declare function VerifyEmailStatus({ status, error, verifyingTitle, successTitle, successMessage, errorTitle, }: VerifyEmailStatusProps): react_jsx_runtime.JSX.Element;
 
-export { ForgotPasswordForm, ResetPasswordForm, SignInForm, SignUpForm, VerifyEmailStatus };
+export { ForgotPasswordForm, type ForgotPasswordFormProps, ResetPasswordForm, type ResetPasswordFormProps, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, VerifyEmailStatus, type VerifyEmailStatusProps };