@insforge/nextjs 0.4.0 → 0.5.6

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
 
 interface InsforgeUser {
     id: string;
@@ -19,25 +19,8 @@ interface InsforgeSession {
     expiresAt: string;
     createdAt: string;
 }
-interface AuthContextValue {
-    user: InsforgeUser | null;
-    session: InsforgeSession | null;
-    isLoaded: boolean;
-    isSignedIn: boolean;
-    signIn: (email: string, password: string) => Promise<void>;
-    signUp: (email: string, password: string) => Promise<void>;
-    signOut: () => Promise<void>;
-    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
-}
-interface AuthProviderProps {
-    children: ReactNode;
-    baseUrl: string;
-    onAuthChange?: (user: InsforgeUser | null) => void;
-}
 interface SignInProps {
-    baseUrl: string;
     afterSignInUrl?: string;
-    providers?: OAuthProvider[];
     appearance?: {
         container?: React.CSSProperties;
         form?: React.CSSProperties;
@@ -60,9 +43,7 @@ interface SignInProps {
     onError?: (error: Error) => void;
 }
 interface SignUpProps {
-    baseUrl: string;
     afterSignUpUrl?: string;
-    providers?: OAuthProvider[];
     appearance?: {
         container?: React.CSSProperties;
         form?: React.CSSProperties;
@@ -76,6 +57,9 @@ interface SignUpProps {
     passwordPlaceholder?: string;
     submitButtonText?: string;
     loadingButtonText?: string;
+    verifyButtonText?: string;
+    loadingVerifyButtonText?: string;
+    verifiedButtonText?: string;
     signInText?: string;
     signInLinkText?: string;
     signInUrl?: string;
@@ -100,40 +84,64 @@ interface ProtectProps {
 interface ConditionalProps {
     children: ReactNode;
 }
-type OAuthProvider = 'google' | 'github';
-
-declare function AuthProvider({ children, baseUrl, onAuthChange }: AuthProviderProps): react_jsx_runtime.JSX.Element;
+type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
+interface OAuthProviderConfig {
+    name: string;
+    svg: JSX.Element;
+    className: string;
+}
 
-interface InsforgeConfig {
-    oauthProviders: OAuthProvider[];
+interface InsforgeContextValue {
+    user: InsforgeUser | null;
+    session: InsforgeSession | null;
     isLoaded: boolean;
-    refetch: () => Promise<void>;
+    isSignedIn: boolean;
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    sendVerificationCode: (email: string, type: 'signup' | 'signin') => Promise<void>;
+    verifySignUpCode: (email: string, password: string, code: string) => Promise<void>;
+    verifySignInCode: (email: string, code: string) => Promise<void>;
+    oauthProviders: OAuthProvider[];
+    isConfigLoaded: boolean;
+    baseUrl: string;
 }
-interface InsforgeConfigProviderProps {
+interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
+    onAuthChange?: (user: InsforgeUser | null) => void;
 }
-declare function InsforgeConfigProvider({ children, baseUrl }: InsforgeConfigProviderProps): react_jsx_runtime.JSX.Element;
-declare function useInsforgeConfig(): InsforgeConfig;
+declare function InsforgeProvider({ children, baseUrl, onAuthChange }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useInsforge(): InsforgeContextValue;
 
-declare function useAuth(): AuthContextValue;
+declare function useAuth(): {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+};
 
 declare function useUser(): {
     user: InsforgeUser | null;
     isLoaded: boolean;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
 };
 
 declare function useSession(): {
     session: InsforgeSession | null;
     isLoaded: boolean;
-    isSignedIn: boolean;
 };
 
-declare function useOAuthProviders(): OAuthProvider[];
+declare function useOAuthProviders(): {
+    providers: OAuthProvider[];
+    isLoaded: boolean;
+};
 
-declare function SignIn({ baseUrl, afterSignInUrl, providers, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
-declare function SignUp({ baseUrl, afterSignUpUrl, providers, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, verifyButtonText, loadingVerifyButtonText, verifiedButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
@@ -143,4 +151,104 @@ declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JS
 
 declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<react.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null;
 
-export { type AuthContextValue, AuthProvider, type AuthProviderProps, type ConditionalProps, InsforgeConfigProvider, type InsforgeSession, type InsforgeUser, type OAuthProvider, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, useAuth, useInsforgeConfig, useOAuthProviders, useSession, useUser };
+interface AuthContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+declare function AuthContainer({ children, style }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthHeaderProps {
+    title: string;
+    subtitle?: string;
+}
+declare function AuthHeader({ title, subtitle }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface AuthErrorBannerProps {
+    error: string;
+}
+declare function AuthErrorBanner({ error }: AuthErrorBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+}
+declare function AuthFormField({ label, id, className, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label: string;
+    id: string;
+    showStrengthIndicator?: boolean;
+    forgotPasswordLink?: {
+        href: string;
+        text?: string;
+    };
+}
+declare function AuthPasswordField({ label, id, showStrengthIndicator, forgotPasswordLink, value, className, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthSubmitButtonProps {
+    children: ReactNode;
+    isLoading?: boolean;
+    confirmed?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+interface AuthDividerProps {
+    text?: string;
+}
+declare function AuthDivider({ text }: AuthDividerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthLinkProps {
+    text: string;
+    linkText: string;
+    href: string;
+}
+declare function AuthLink({ text, linkText, href }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+
+interface AuthOAuthProvidersProps {
+    providers: OAuthProvider[];
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading: OAuthProvider | null;
+}
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthBrandingProps {
+    text?: string;
+    href?: string;
+}
+declare function AuthBranding({ text, href }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+
+type DisplayMode = 'full' | 'short' | 'icon';
+interface AuthOAuthButtonProps {
+    provider: OAuthProvider;
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    displayMode?: DisplayMode;
+    style?: React.CSSProperties;
+}
+declare function AuthOAuthButton({ provider, onClick, disabled, loading, displayMode, style }: AuthOAuthButtonProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthPasswordStrengthIndicatorProps {
+    password: string;
+}
+declare function validatePasswordStrength(password: string): boolean;
+declare function AuthPasswordStrengthIndicator({ password }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface AuthVerificationCodeInputProps {
+    length?: number;
+    value: string;
+    email: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+
+declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
+declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
+declare function getProviderName(provider: OAuthProvider): string;
+declare function isProviderSupported(provider: string): provider is OAuthProvider;
+
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProvider, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useOAuthProviders, useSession, useUser, validatePasswordStrength };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
 
 interface InsforgeUser {
     id: string;
@@ -19,25 +19,8 @@ interface InsforgeSession {
     expiresAt: string;
     createdAt: string;
 }
-interface AuthContextValue {
-    user: InsforgeUser | null;
-    session: InsforgeSession | null;
-    isLoaded: boolean;
-    isSignedIn: boolean;
-    signIn: (email: string, password: string) => Promise<void>;
-    signUp: (email: string, password: string) => Promise<void>;
-    signOut: () => Promise<void>;
-    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
-}
-interface AuthProviderProps {
-    children: ReactNode;
-    baseUrl: string;
-    onAuthChange?: (user: InsforgeUser | null) => void;
-}
 interface SignInProps {
-    baseUrl: string;
     afterSignInUrl?: string;
-    providers?: OAuthProvider[];
     appearance?: {
         container?: React.CSSProperties;
         form?: React.CSSProperties;
@@ -60,9 +43,7 @@ interface SignInProps {
     onError?: (error: Error) => void;
 }
 interface SignUpProps {
-    baseUrl: string;
     afterSignUpUrl?: string;
-    providers?: OAuthProvider[];
     appearance?: {
         container?: React.CSSProperties;
         form?: React.CSSProperties;
@@ -76,6 +57,9 @@ interface SignUpProps {
     passwordPlaceholder?: string;
     submitButtonText?: string;
     loadingButtonText?: string;
+    verifyButtonText?: string;
+    loadingVerifyButtonText?: string;
+    verifiedButtonText?: string;
     signInText?: string;
     signInLinkText?: string;
     signInUrl?: string;
@@ -100,40 +84,64 @@ interface ProtectProps {
 interface ConditionalProps {
     children: ReactNode;
 }
-type OAuthProvider = 'google' | 'github';
-
-declare function AuthProvider({ children, baseUrl, onAuthChange }: AuthProviderProps): react_jsx_runtime.JSX.Element;
+type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
+interface OAuthProviderConfig {
+    name: string;
+    svg: JSX.Element;
+    className: string;
+}
 
-interface InsforgeConfig {
-    oauthProviders: OAuthProvider[];
+interface InsforgeContextValue {
+    user: InsforgeUser | null;
+    session: InsforgeSession | null;
     isLoaded: boolean;
-    refetch: () => Promise<void>;
+    isSignedIn: boolean;
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    sendVerificationCode: (email: string, type: 'signup' | 'signin') => Promise<void>;
+    verifySignUpCode: (email: string, password: string, code: string) => Promise<void>;
+    verifySignInCode: (email: string, code: string) => Promise<void>;
+    oauthProviders: OAuthProvider[];
+    isConfigLoaded: boolean;
+    baseUrl: string;
 }
-interface InsforgeConfigProviderProps {
+interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
+    onAuthChange?: (user: InsforgeUser | null) => void;
 }
-declare function InsforgeConfigProvider({ children, baseUrl }: InsforgeConfigProviderProps): react_jsx_runtime.JSX.Element;
-declare function useInsforgeConfig(): InsforgeConfig;
+declare function InsforgeProvider({ children, baseUrl, onAuthChange }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useInsforge(): InsforgeContextValue;
 
-declare function useAuth(): AuthContextValue;
+declare function useAuth(): {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+};
 
 declare function useUser(): {
     user: InsforgeUser | null;
     isLoaded: boolean;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
 };
 
 declare function useSession(): {
     session: InsforgeSession | null;
     isLoaded: boolean;
-    isSignedIn: boolean;
 };
 
-declare function useOAuthProviders(): OAuthProvider[];
+declare function useOAuthProviders(): {
+    providers: OAuthProvider[];
+    isLoaded: boolean;
+};
 
-declare function SignIn({ baseUrl, afterSignInUrl, providers, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
-declare function SignUp({ baseUrl, afterSignUpUrl, providers, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, verifyButtonText, loadingVerifyButtonText, verifiedButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
@@ -143,4 +151,104 @@ declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JS
 
 declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<react.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null;
 
-export { type AuthContextValue, AuthProvider, type AuthProviderProps, type ConditionalProps, InsforgeConfigProvider, type InsforgeSession, type InsforgeUser, type OAuthProvider, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, useAuth, useInsforgeConfig, useOAuthProviders, useSession, useUser };
+interface AuthContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+declare function AuthContainer({ children, style }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthHeaderProps {
+    title: string;
+    subtitle?: string;
+}
+declare function AuthHeader({ title, subtitle }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface AuthErrorBannerProps {
+    error: string;
+}
+declare function AuthErrorBanner({ error }: AuthErrorBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+}
+declare function AuthFormField({ label, id, className, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label: string;
+    id: string;
+    showStrengthIndicator?: boolean;
+    forgotPasswordLink?: {
+        href: string;
+        text?: string;
+    };
+}
+declare function AuthPasswordField({ label, id, showStrengthIndicator, forgotPasswordLink, value, className, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthSubmitButtonProps {
+    children: ReactNode;
+    isLoading?: boolean;
+    confirmed?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+interface AuthDividerProps {
+    text?: string;
+}
+declare function AuthDivider({ text }: AuthDividerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthLinkProps {
+    text: string;
+    linkText: string;
+    href: string;
+}
+declare function AuthLink({ text, linkText, href }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+
+interface AuthOAuthProvidersProps {
+    providers: OAuthProvider[];
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading: OAuthProvider | null;
+}
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthBrandingProps {
+    text?: string;
+    href?: string;
+}
+declare function AuthBranding({ text, href }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+
+type DisplayMode = 'full' | 'short' | 'icon';
+interface AuthOAuthButtonProps {
+    provider: OAuthProvider;
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    displayMode?: DisplayMode;
+    style?: React.CSSProperties;
+}
+declare function AuthOAuthButton({ provider, onClick, disabled, loading, displayMode, style }: AuthOAuthButtonProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthPasswordStrengthIndicatorProps {
+    password: string;
+}
+declare function validatePasswordStrength(password: string): boolean;
+declare function AuthPasswordStrengthIndicator({ password }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface AuthVerificationCodeInputProps {
+    length?: number;
+    value: string;
+    email: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+
+declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
+declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
+declare function getProviderName(provider: OAuthProvider): string;
+declare function isProviderSupported(provider: string): provider is OAuthProvider;
+
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProvider, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useOAuthProviders, useSession, useUser, validatePasswordStrength };