@main12/auth-login 0.4.2 → 1.0.1

package/dist/components/pages/VerifyOtpPageHero.js

@@ -7,8 +7,9 @@ import { Icon } from '@iconify/react';
 import { motion } from 'framer-motion';
 import { useVerifyOtpFlow } from '../../auth/application/hooks/useVerifyOtpFlow.js';
 import { AuthLayout } from '../AuthLayout.js';
+import { AuthCard } from '../AuthCard.js';
 import { getUiTranslations } from '../ui/translations.js';
-function VerifyOtpHeroContent({ loginUrl = '/login', logo, poweredBy, cardClassName, backgroundClass, locale, messages }) {
+function VerifyOtpHeroContent({ loginUrl = '/login', logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages }) {
     const searchParams = useSearchParams();
     const email = searchParams.get('email') || '';
     const purpose = searchParams.get('purpose') || 'login';
@@ -21,110 +22,115 @@ function VerifyOtpHeroContent({ loginUrl = '/login', logo, poweredBy, cardClassN
     const t = getUiTranslations(locale, messages).verifyOtp;
     if (!email) return null;
     return /*#__PURE__*/ _jsx(AuthLayout, {
-        logo: logo,
-        title: purpose === 'password-reset' ? t.passwordResetTitle : t.title,
-        subtitle: purpose === 'password-reset' ? t.passwordResetSubtitle : t.subtitle,
-        poweredBy: poweredBy,
-        cardClassName: cardClassName,
         backgroundClass: backgroundClass,
-        footer: /*#__PURE__*/ _jsxs("a", {
-            href: loginUrl,
-            className: "text-sm text-gray-600 hover:text-gray-900 flex items-center gap-1",
-            children: [
-                /*#__PURE__*/ _jsx(Icon, {
-                    icon: "lucide:arrow-left",
-                    width: 16
-                }),
-                t.backToLogin
-            ]
-        }),
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col items-center gap-4",
-            children: [
-                /*#__PURE__*/ _jsx("p", {
-                    className: "text-gray-700 text-sm font-medium",
-                    children: email
-                }),
-                /*#__PURE__*/ _jsxs(InputOTP, {
-                    maxLength: 6,
-                    value: otp,
-                    onChange: setOtp,
-                    isDisabled: isLoading,
-                    autoFocus: true,
-                    variant: "secondary",
-                    children: [
-                        /*#__PURE__*/ _jsxs(InputOTP.Group, {
-                            children: [
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 0
-                                }),
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 1
-                                }),
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 2
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsx(InputOTP.Separator, {}),
-                        /*#__PURE__*/ _jsxs(InputOTP.Group, {
-                            children: [
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 3
-                                }),
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 4
-                                }),
-                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
-                                    index: 5
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                error && /*#__PURE__*/ _jsx(motion.div, {
-                    className: "w-full bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
-                    initial: {
-                        opacity: 0
-                    },
-                    animate: {
-                        opacity: 1
-                    },
-                    children: error
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    fullWidth: true,
-                    size: "lg",
-                    isPending: isLoading,
-                    isDisabled: otp.length !== 6,
-                    onPress: handleSubmit,
-                    className: "h-12 font-semibold",
-                    children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                isPending && /*#__PURE__*/ _jsx(Spinner, {
-                                    color: "current",
-                                    size: "sm"
-                                }),
-                                t.verify
-                            ]
-                        })
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "text-center",
-                    children: [
-                        /*#__PURE__*/ _jsx("p", {
-                            className: "text-gray-600 text-sm mb-2",
-                            children: t.noCodeReceived
-                        }),
-                        /*#__PURE__*/ _jsx("button", {
-                            onClick: handleResendCode,
-                            disabled: isResending || resendCooldown > 0,
-                            className: "text-primary font-medium text-sm hover:underline disabled:opacity-50",
-                            children: isResending ? t.resending : resendCooldown > 0 ? t.resendIn.replace('{seconds}', String(resendCooldown)) : t.resendCode
-                        })
-                    ]
-                })
-            ]
+        children: /*#__PURE__*/ _jsx(AuthCard, {
+            logo: logo,
+            title: purpose === 'password-reset' ? t.passwordResetTitle : t.title,
+            subtitle: purpose === 'password-reset' ? t.passwordResetSubtitle : t.subtitle,
+            poweredBy: poweredBy,
+            cardClassName: cardClassName,
+            removeBorder: removeBorder,
+            removeShadow: removeShadow,
+            mobileVariant: mobileVariant,
+            footer: /*#__PURE__*/ _jsxs("a", {
+                href: loginUrl,
+                className: "text-sm text-gray-600 hover:text-gray-900 flex items-center gap-1",
+                children: [
+                    /*#__PURE__*/ _jsx(Icon, {
+                        icon: "lucide:arrow-left",
+                        width: 16
+                    }),
+                    t.backToLogin
+                ]
+            }),
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col items-center gap-4",
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "text-gray-700 text-sm font-medium",
+                        children: email
+                    }),
+                    /*#__PURE__*/ _jsxs(InputOTP, {
+                        maxLength: 6,
+                        value: otp,
+                        onChange: setOtp,
+                        isDisabled: isLoading,
+                        autoFocus: true,
+                        variant: "secondary",
+                        children: [
+                            /*#__PURE__*/ _jsxs(InputOTP.Group, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 0
+                                    }),
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 1
+                                    }),
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 2
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(InputOTP.Separator, {}),
+                            /*#__PURE__*/ _jsxs(InputOTP.Group, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 3
+                                    }),
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 4
+                                    }),
+                                    /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                        index: 5
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    error && /*#__PURE__*/ _jsx(motion.div, {
+                        className: "w-full bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
+                        initial: {
+                            opacity: 0
+                        },
+                        animate: {
+                            opacity: 1
+                        },
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        fullWidth: true,
+                        size: "lg",
+                        isPending: isLoading,
+                        isDisabled: otp.length !== 6,
+                        onPress: handleSubmit,
+                        className: "h-12 font-semibold",
+                        children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    isPending && /*#__PURE__*/ _jsx(Spinner, {
+                                        color: "current",
+                                        size: "sm"
+                                    }),
+                                    t.verify
+                                ]
+                            })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "text-center",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-gray-600 text-sm mb-2",
+                                children: t.noCodeReceived
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                onClick: handleResendCode,
+                                disabled: isResending || resendCooldown > 0,
+                                className: "text-primary font-medium text-sm hover:underline disabled:opacity-50",
+                                children: isResending ? t.resending : resendCooldown > 0 ? t.resendIn.replace('{seconds}', String(resendCooldown)) : t.resendCode
+                            })
+                        ]
+                    })
+                ]
+            })
         })
     });
 }

package/dist/components/pages/VerifyOtpPageTailwind.d.ts

@@ -1,5 +1,6 @@
 import type { AuthLayoutConfig } from '../AuthLayout';
-export interface VerifyOtpPageProps extends AuthLayoutConfig {
+import type { AuthCardConfig } from '../AuthCard';
+export interface VerifyOtpPageProps extends AuthLayoutConfig, AuthCardConfig {
     loginUrl?: string;
 }
 export default function VerifyOtpPage(props: VerifyOtpPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/VerifyOtpPageTailwind.js

@@ -5,8 +5,9 @@ import { useSearchParams } from 'next/navigation';
 import { Button, OtpInput, Spinner } from '../ui/index.js';
 import { useVerifyOtpFlow } from '../../auth/application/hooks/useVerifyOtpFlow.js';
 import { AuthLayout } from '../AuthLayout.js';
+import { AuthCard } from '../AuthCard.js';
 import { getUiTranslations } from '../ui/translations.js';
-function VerifyOtpContent({ loginUrl = '/login', logo, poweredBy, cardClassName, backgroundClass, locale, messages }) {
+function VerifyOtpContent({ loginUrl = '/login', logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages }) {
     const searchParams = useSearchParams();
     const email = searchParams.get('email') || '';
     const purpose = searchParams.get('purpose') || 'login';
@@ -20,60 +21,65 @@ function VerifyOtpContent({ loginUrl = '/login', logo, poweredBy, cardClassName,
     if (!email) return null;
     const isPasswordReset = purpose === 'password-reset';
     return /*#__PURE__*/ _jsx(AuthLayout, {
-        logo: logo,
-        title: isPasswordReset ? t.passwordResetTitle : t.title,
-        subtitle: isPasswordReset ? t.passwordResetSubtitle : t.subtitle,
-        poweredBy: poweredBy,
-        cardClassName: cardClassName,
         backgroundClass: backgroundClass,
-        footer: /*#__PURE__*/ _jsxs("a", {
-            href: loginUrl,
-            className: "text-sm text-gray-600 hover:text-gray-900 flex items-center gap-1",
-            children: [
-                "← ",
-                t.backToLogin
-            ]
-        }),
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col items-center gap-4",
-            children: [
-                /*#__PURE__*/ _jsx("p", {
-                    className: "text-gray-700 text-sm font-medium",
-                    children: email
-                }),
-                /*#__PURE__*/ _jsx(OtpInput, {
-                    value: otp,
-                    onValueChange: setOtp,
-                    isDisabled: isLoading,
-                    autoFocus: true
-                }),
-                error && /*#__PURE__*/ _jsx("div", {
-                    className: "w-full bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm animate-[fadeIn_0.2s_ease-out]",
-                    children: error
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    variant: "primary",
-                    isLoading: isLoading,
-                    isDisabled: otp.length !== 6,
-                    onPress: handleSubmit,
-                    children: t.verify
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "text-center",
-                    children: [
-                        /*#__PURE__*/ _jsx("p", {
-                            className: "text-gray-600 text-sm mb-2",
-                            children: t.noCodeReceived
-                        }),
-                        /*#__PURE__*/ _jsx("button", {
-                            onClick: handleResendCode,
-                            disabled: isResending || resendCooldown > 0,
-                            className: "text-[#0071e3] font-medium text-sm hover:underline disabled:opacity-50 disabled:cursor-not-allowed",
-                            children: isResending ? t.resending : resendCooldown > 0 ? t.resendIn.replace('{seconds}', String(resendCooldown)) : t.resendCode
-                        })
-                    ]
-                })
-            ]
+        children: /*#__PURE__*/ _jsx(AuthCard, {
+            logo: logo,
+            title: isPasswordReset ? t.passwordResetTitle : t.title,
+            subtitle: isPasswordReset ? t.passwordResetSubtitle : t.subtitle,
+            poweredBy: poweredBy,
+            cardClassName: cardClassName,
+            removeBorder: removeBorder,
+            removeShadow: removeShadow,
+            mobileVariant: mobileVariant,
+            footer: /*#__PURE__*/ _jsxs("a", {
+                href: loginUrl,
+                className: "text-sm text-gray-600 hover:text-gray-900 flex items-center gap-1",
+                children: [
+                    "← ",
+                    t.backToLogin
+                ]
+            }),
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col items-center gap-4",
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "text-gray-700 text-sm font-medium",
+                        children: email
+                    }),
+                    /*#__PURE__*/ _jsx(OtpInput, {
+                        value: otp,
+                        onValueChange: setOtp,
+                        isDisabled: isLoading,
+                        autoFocus: true
+                    }),
+                    error && /*#__PURE__*/ _jsx("div", {
+                        className: "w-full bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm animate-[fadeIn_0.2s_ease-out]",
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "primary",
+                        isLoading: isLoading,
+                        isDisabled: otp.length !== 6,
+                        onPress: handleSubmit,
+                        children: t.verify
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "text-center",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "text-gray-600 text-sm mb-2",
+                                children: t.noCodeReceived
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                onClick: handleResendCode,
+                                disabled: isResending || resendCooldown > 0,
+                                className: "text-[#0071e3] font-medium text-sm hover:underline disabled:opacity-50 disabled:cursor-not-allowed",
+                                children: isResending ? t.resending : resendCooldown > 0 ? t.resendIn.replace('{seconds}', String(resendCooldown)) : t.resendCode
+                            })
+                        ]
+                    })
+                ]
+            })
         })
     });
 }

package/dist/components/ui/translations.d.ts

@@ -27,6 +27,15 @@ export interface UiTranslations {
         noAccount: string;
         signUpLink: string;
     };
+    errors: {
+        noAccountFound: string;
+        otpSendFailed: string;
+        genericError: string;
+        invalidCredentials: string;
+        passwordMismatch: string;
+        invalidOtp: string;
+        otpExpired: string;
+    };
     signup: {
         title: string;
         subtitle: string;

package/dist/components/ui/translations.js

@@ -26,6 +26,15 @@
         noAccount: "Don't have an account?",
         signUpLink: 'Sign up'
     },
+    errors: {
+        noAccountFound: 'No account found with this email. Please sign up.',
+        otpSendFailed: 'Failed to send verification code. Please try again.',
+        genericError: 'Something went wrong. Please try again.',
+        invalidCredentials: 'Invalid email or password.',
+        passwordMismatch: 'Passwords do not match.',
+        invalidOtp: 'Invalid verification code. Please try again.',
+        otpExpired: 'Verification code has expired. Please request a new one.'
+    },
     signup: {
         title: 'Create Account',
         subtitle: 'Enter your details to get started',
@@ -90,6 +99,15 @@ const es = {
         noAccount: '¿No tienes una cuenta?',
         signUpLink: 'Regístrate'
     },
+    errors: {
+        noAccountFound: 'No se encontró una cuenta con este correo. Por favor regístrate.',
+        otpSendFailed: 'Error al enviar el código de verificación. Intenta de nuevo.',
+        genericError: 'Algo salió mal. Por favor intenta de nuevo.',
+        invalidCredentials: 'Correo o contraseña inválidos.',
+        passwordMismatch: 'Las contraseñas no coinciden.',
+        invalidOtp: 'Código de verificación inválido. Intenta de nuevo.',
+        otpExpired: 'El código de verificación ha expirado. Solicita uno nuevo.'
+    },
     signup: {
         title: 'Crear Cuenta',
         subtitle: 'Ingresa tus datos para comenzar',

package/dist/config.d.ts

@@ -4,7 +4,16 @@ import type React from 'react';
  * read by all client components at render time.
  */
 export type AuthStyle = 'tailwind' | 'hero-ui';
+/** Serializable auth config that can be written to/read from file */
+export interface SerializableAuthConfig {
+    googleOAuthEnabled: boolean;
+    style: AuthStyle;
+    allowSignup: boolean;
+    passwordLogin: boolean;
+    otpLogin: boolean;
+}
 export declare const pluginConfig: {
+    _initialized: boolean;
     style: AuthStyle;
     logoUrl?: string;
     Logo?: React.ComponentType;
@@ -15,6 +24,9 @@ export declare const pluginConfig: {
     otpLogin: boolean;
     allowSignup: boolean;
 };
+/** Resolve config across Payload and Next server module boundaries. */
+export declare function getServerAllowSignup(): boolean;
+export declare function getServerGoogleOAuthEnabled(): boolean;
 /** Call this client-side to mirror the server plugin config. */
 export declare function initClientConfig(opts: {
     style?: AuthStyle;

package/dist/config.js

@@ -1,4 +1,5 @@
 export const pluginConfig = {
+    _initialized: false,
     style: 'tailwind',
     googleOAuthEnabled: false,
     routeRedirects: false,
@@ -7,6 +8,16 @@ export const pluginConfig = {
     otpLogin: true,
     allowSignup: true
 };
+/** Resolve config across Payload and Next server module boundaries. */ export function getServerAllowSignup() {
+    if (process.env.AUTH_LOGIN_ALLOW_SIGNUP === 'false') return false;
+    if (process.env.AUTH_LOGIN_ALLOW_SIGNUP === 'true') return true;
+    return pluginConfig.allowSignup;
+}
+export function getServerGoogleOAuthEnabled() {
+    if (process.env.AUTH_LOGIN_GOOGLE_OAUTH === 'false') return false;
+    if (process.env.AUTH_LOGIN_GOOGLE_OAUTH === 'true') return true;
+    return pluginConfig.googleOAuthEnabled || Boolean(process.env.GOOGLE_CLIENT_ID && process.env.GOOGLE_CLIENT_SECRET);
+}
 /** Call this client-side to mirror the server plugin config. */ export function initClientConfig(opts) {
     if (opts.style) pluginConfig.style = opts.style;
     if (opts.googleOAuthEnabled !== undefined) pluginConfig.googleOAuthEnabled = opts.googleOAuthEnabled;

package/dist/exports/client.d.ts

@@ -18,7 +18,12 @@ export { default as SetPasswordPage } from '../components/pages/SetPasswordPage'
 export { default as AuthPages } from '../components/AuthPages';
 export type { AuthPagesProps } from '../components/AuthPages';
 export { AuthLayout } from '../components/AuthLayout';
+export { AuthCard } from '../components/AuthCard';
+export type { AuthCardProps, AuthCardConfig, AuthCardWithSlugProps, AuthCardWithChildrenProps } from '../components/AuthCard';
 export { PoweredBy } from '../components/PoweredBy';
+export { LoginForm, SignupForm, ForgotPasswordForm, VerifyOtpForm, SetPasswordForm } from '../components/forms/index';
+export type { LoginFormProps, SignupFormProps, ForgotPasswordFormProps, VerifyOtpFormProps, SetPasswordFormProps } from '../components/forms/index';
+export { AUTH_FORMS, getFormBySlug, type AuthFormSlug } from '../components/forms/index';
 export type { LoginStep, OTPPurpose, CheckEmailResponse, SendOtpResponse, VerifyOtpResponse, SetPasswordResponse, SignupResponse, PasswordStrengthResult, } from '../auth/domain/types';
 export type { UseLoginFlowOptions } from '../auth/application/hooks/useLoginFlow';
 export type { UseVerifyOtpFlowOptions } from '../auth/application/hooks/useVerifyOtpFlow';

package/dist/exports/client.js

@@ -27,4 +27,9 @@ export { default as SetPasswordPage } from '../components/pages/SetPasswordPage.
 export { default as AuthPages } from '../components/AuthPages.js';
 // Layout & shared components
 export { AuthLayout } from '../components/AuthLayout.js';
+export { AuthCard } from '../components/AuthCard.js';
 export { PoweredBy } from '../components/PoweredBy.js';
+// Form components (for custom compositions)
+export { LoginForm, SignupForm, ForgotPasswordForm, VerifyOtpForm, SetPasswordForm } from '../components/forms/index.js';
+// Form registry (for advanced usage / extending)
+export { AUTH_FORMS, getFormBySlug } from '../components/forms/index.js';

package/dist/exports/rsc.d.ts

@@ -1,5 +1,12 @@
 export { default as AuthPages } from '../components/AuthPagesServer';
 export type { AuthPagesProps } from '../components/AuthPagesServer';
+export { AuthCard } from '../components/AuthCardServer';
+export type { AuthCardProps, AuthCardWithSlugProps, AuthCardWithChildrenProps } from '../components/AuthCardServer';
+export { AuthLayout } from '../components/AuthLayout';
+export type { AuthLayoutConfig, AuthLayoutProps } from '../components/AuthLayout';
+export { LoginForm, SignupForm, ForgotPasswordForm, VerifyOtpForm, SetPasswordForm } from '../components/forms/index';
+export type { LoginFormProps, SignupFormProps, ForgotPasswordFormProps, VerifyOtpFormProps, SetPasswordFormProps } from '../components/forms/index';
+export { AUTH_FORMS, getFormBySlug, type AuthFormSlug } from '../components/forms/index';
 export { wrapInBaseTemplate, DEFAULT_COLORS, SOCIAL_ICONS, getBaseUrl, getSenderEmail, getEmailTranslations, generateOtpEmail, generateWelcomeEmail, generatePasswordResetEmail, generatePasswordChangedEmail, } from '../components/email/index';
 export type { BaseTemplateOptions, } from '../components/email/baseTemplate';
 export type { EmailColors, SocialLink, SocialPlatform, } from '../components/email/constants';

package/dist/exports/rsc.js

@@ -3,5 +3,13 @@
 // ============================================================
 // Server component auth pages (reads plugin config automatically)
 export { default as AuthPages } from '../components/AuthPagesServer.js';
+// Server component auth card (reads plugin config automatically)
+export { AuthCard } from '../components/AuthCardServer.js';
+// Layout component (can be used in server or client components)
+export { AuthLayout } from '../components/AuthLayout.js';
+// Form components (for custom compositions — re-exported from client)
+export { LoginForm, SignupForm, ForgotPasswordForm, VerifyOtpForm, SetPasswordForm } from '../components/forms/index.js';
+// Form registry (for advanced usage / extending)
+export { AUTH_FORMS, getFormBySlug } from '../components/forms/index.js';
 // Email template system (server-only — uses Node APIs)
 export { wrapInBaseTemplate, DEFAULT_COLORS, SOCIAL_ICONS, getBaseUrl, getSenderEmail, getEmailTranslations, generateOtpEmail, generateWelcomeEmail, generatePasswordResetEmail, generatePasswordChangedEmail } from '../components/email/index.js';

package/dist/index.js

@@ -48,14 +48,21 @@ function resolveGoogleConfig(providers) {
         process.env.GOOGLE_CLIENT_SECRET = googleConfig.clientSecret;
     }
 }
-export const authLoginPlugin = (options = {})=>async (config)=>{
+export const authLoginPlugin = (options = {})=>{
+    if (options.enabled !== false) {
+        process.env.AUTH_LOGIN_ALLOW_SIGNUP = String(options.allowSignup !== false);
+        const googleConfig = resolveGoogleConfig(options.providers);
+        process.env.AUTH_LOGIN_GOOGLE_OAUTH = String(googleConfig.enabled);
+    }
+    return async (config)=>{
         if (options.enabled === false) return config;
         // Resolve provider config
         const googleConfig = resolveGoogleConfig(options.providers);
         setOAuthEnv(googleConfig);
         // Set global config — all components (server and client) read this
         // shared singleton directly at render time. This is the single source
-        // of truth; no env vars are used to propagate these settings.
+        // of truth for the main entry point.
+        pluginConfig._initialized = true;
         pluginConfig.style = options.style || 'tailwind';
         if (typeof options.logo === 'string') {
             pluginConfig.logoUrl = options.logo;
@@ -63,7 +70,9 @@ export const authLoginPlugin = (options = {})=>async (config)=>{
             pluginConfig.Logo = options.logo;
         }
         pluginConfig.googleOAuthEnabled = googleConfig.enabled;
+        process.env.AUTH_LOGIN_GOOGLE_OAUTH = String(pluginConfig.googleOAuthEnabled);
         pluginConfig.allowSignup = options.allowSignup !== false;
+        process.env.AUTH_LOGIN_ALLOW_SIGNUP = String(pluginConfig.allowSignup);
         pluginConfig.passwordLogin = options.passwordLogin !== false;
         pluginConfig.otpLogin = options.otpLogin !== false;
         // Route redirects config
@@ -160,4 +169,5 @@ export const authLoginPlugin = (options = {})=>async (config)=>{
         };
         return config;
     };
+};
 export { pluginConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@main12/auth-login",
-  "version": "0.4.2",
+  "version": "1.0.1",
   "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
   "license": "MIT",
   "type": "module",
@@ -131,6 +131,7 @@
     "@main12/brevo-adapter": "^0.1.1",
     "axios": "^1.20.0",
     "jose": "^6.2.12",
-    "payload-oauth2": "^1.0.21"
+    "payload-oauth2": "^1.0.21",
+    "server-only": "^0.0.1"
   }
 }