@main12/auth-login 0.3.3 → 0.3.6

package/dist/components/AuthLayout.js

@@ -18,17 +18,17 @@ function DefaultLogo() {
     });
     return null;
 }
-export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-white md:bg-[#191919]' })=>{
+export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-accent' })=>{
     const displayLogo = logo || /*#__PURE__*/ _jsx(DefaultLogo, {});
     const header = (displayLogo || title) && /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col items-center gap-2 pt-6 pb-2 px-6",
+        className: "flex flex-col items-center gap-2 pt-8 pb-4 px-8",
         children: [
             displayLogo && /*#__PURE__*/ _jsx("div", {
-                className: "flex justify-center mb-2",
+                className: "flex justify-center mb-3",
                 children: displayLogo
             }),
             title && /*#__PURE__*/ _jsx("h1", {
-                className: "text-xl font-semibold text-gray-900 text-center",
+                className: "text-2xl font-bold text-gray-900 text-center tracking-tight",
                 children: title
             }),
             subtitle && /*#__PURE__*/ _jsx("p", {
@@ -41,19 +41,19 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
         className: `flex flex-col min-h-screen ${backgroundClass}`,
         children: [
             /*#__PURE__*/ _jsxs("div", {
-                className: "md:hidden flex flex-col w-full max-w-md mx-auto light [color-scheme:light]",
+                className: "md:hidden flex flex-col w-full max-w-md mx-auto light [color-scheme:light] px-4 py-8",
                 "data-theme": "light",
                 style: {
-                    maxWidth: '400px'
+                    maxWidth: '448px'
                 },
                 children: [
                     header,
                     /*#__PURE__*/ _jsx("div", {
-                        className: "px-6 pb-4",
+                        className: "px-8 pb-6",
                         children: children
                     }),
                     footer && /*#__PURE__*/ _jsx("div", {
-                        className: "px-6 pb-6 flex justify-center",
+                        className: "px-8 pb-8 flex justify-center",
                         children: footer
                     }),
                     /*#__PURE__*/ _jsx(PoweredBy, {
@@ -64,9 +64,9 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
             /*#__PURE__*/ _jsx("div", {
                 className: "hidden md:flex min-h-screen items-center justify-center px-4 py-12",
                 children: /*#__PURE__*/ _jsxs("div", {
-                    className: "w-full max-w-md max-w-[400px] animate-[fadeIn_0.5s_ease-out]",
+                    className: "w-full max-w-md animate-[fadeIn_0.5s_ease-out]",
                     style: {
-                        maxWidth: '400px'
+                        maxWidth: '448px'
                     },
                     children: [
                         /*#__PURE__*/ _jsxs(Card, {

package/dist/components/AuthPagesServer.d.ts

@@ -2,8 +2,10 @@ import type { AuthPagesProps } from './AuthPages';
 export type { AuthPagesProps };
 /**
  * Server component wrapper for AuthPages.
- * Reads plugin config via env vars (set by the plugin at init time)
- * and passes it to the client component automatically.
+ * Reads plugin config directly from the shared `pluginConfig` singleton
+ * (set by the plugin factory at Payload config build time) and passes it
+ * down to the client component. No env vars involved — the plugin's
+ * `style`, `googleOAuthEnabled`, etc. options are the single source of truth.
  *
  * ```tsx
  * // app/(auth)/auth/[...slug]/page.tsx  (NO 'use client' needed!)

package/dist/components/AuthPagesServer.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import AuthPagesClient from './AuthPages.js';
+import { pluginConfig } from '../config.js';
 /**
  * Server component wrapper for AuthPages.
- * Reads plugin config via env vars (set by the plugin at init time)
- * and passes it to the client component automatically.
+ * Reads plugin config directly from the shared `pluginConfig` singleton
+ * (set by the plugin factory at Payload config build time) and passes it
+ * down to the client component. No env vars involved — the plugin's
+ * `style`, `googleOAuthEnabled`, etc. options are the single source of truth.
  *
  * ```tsx
  * // app/(auth)/auth/[...slug]/page.tsx  (NO 'use client' needed!)
@@ -14,17 +17,12 @@ import AuthPagesClient from './AuthPages.js';
  * }
  * ```
  */ export default function AuthPages(props) {
-    const googleOAuthEnabled = process.env.AUTH_PLUGIN_GOOGLE_OAUTH === 'true';
-    const style = process.env.AUTH_PLUGIN_STYLE || 'tailwind';
-    const allowSignup = process.env.AUTH_PLUGIN_ALLOW_SIGNUP !== 'false';
-    const passwordLogin = process.env.AUTH_PLUGIN_PASSWORD_LOGIN !== 'false';
-    const otpLogin = process.env.AUTH_PLUGIN_OTP_LOGIN !== 'false';
     return /*#__PURE__*/ _jsx(AuthPagesClient, {
         ...props,
-        showGoogleOAuth: props.showGoogleOAuth ?? googleOAuthEnabled,
-        style: props.style ?? style,
-        allowSignup: props.allowSignup ?? allowSignup,
-        passwordLogin: passwordLogin,
-        otpLogin: otpLogin
+        showGoogleOAuth: props.showGoogleOAuth ?? pluginConfig.googleOAuthEnabled,
+        style: props.style ?? pluginConfig.style,
+        allowSignup: props.allowSignup ?? pluginConfig.allowSignup,
+        passwordLogin: pluginConfig.passwordLogin,
+        otpLogin: pluginConfig.otpLogin
     });
 }

package/dist/components/pages/LoginPageHero.js

@@ -61,6 +61,7 @@ function LoginHeroContent({ onPasswordLogin, redirectTo = '/', showGoogleOAuth =
                                     fullWidth: true,
                                     variant: "secondary",
                                     onPress: handleGoogleLogin,
+                                    className: "[--button-fg:var(--foreground)]",
                                     children: [
                                         /*#__PURE__*/ _jsx(Icon, {
                                             icon: "flat-color-icons:google",

package/dist/components/pages/SignupPageHero.js

@@ -49,8 +49,9 @@ export default function SignupPageHero({ onSignup, showGoogleOAuth = true, login
                 children: [
                     /*#__PURE__*/ _jsxs(Button, {
                         fullWidth: true,
+                        variant: "secondary",
                         size: "lg",
-                        className: "mb-4 h-12 rounded-full",
+                        className: "mb-4 h-12 rounded-full [--button-fg:var(--foreground)]",
                         children: [
                             /*#__PURE__*/ _jsx(Icon, {
                                 icon: "flat-color-icons:google",

package/dist/components/ui/index.js

@@ -54,20 +54,20 @@ export const Card = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
         className: `bg-white text-gray-900 rounded-2xl shadow-2xl w-full light [color-scheme:light] ${className}`,
         "data-theme": "light",
         style: {
-            maxWidth: '400px'
+            maxWidth: '448px'
         },
         children: children
     });
 export const CardHeader = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `flex flex-col items-center gap-2 pt-8 pb-2 px-6 ${className}`,
+        className: `flex flex-col items-center gap-2 pt-8 pb-4 px-8 ${className}`,
         children: children
     });
 export const CardContent = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `px-6 pb-4 ${className}`,
+        className: `px-8 pb-6 ${className}`,
         children: children
     });
 export const CardFooter = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `px-6 pb-6 flex justify-center ${className}`,
+        className: `px-8 pb-8 flex justify-center ${className}`,
         children: children
     });
 export const CardTitle = ({ children, className = '' })=>/*#__PURE__*/ _jsx("h1", {

package/dist/config.d.ts

@@ -13,6 +13,7 @@ export declare const pluginConfig: {
     authBasePath: string;
     passwordLogin: boolean;
     otpLogin: boolean;
+    allowSignup: boolean;
 };
 /** Call this client-side to mirror the server plugin config. */
 export declare function initClientConfig(opts: {

package/dist/config.js

@@ -4,7 +4,8 @@ export const pluginConfig = {
     routeRedirects: false,
     authBasePath: '/auth',
     passwordLogin: true,
-    otpLogin: true
+    otpLogin: true,
+    allowSignup: true
 };
 /** Call this client-side to mirror the server plugin config. */ export function initClientConfig(opts) {
     if (opts.style) pluginConfig.style = opts.style;

package/dist/endpoints/authEndpoints.js

@@ -1,6 +1,7 @@
 import crypto from 'crypto';
 import { generateOtp, hashOtp, verifyOtp, getOtpExpiry, isOtpExpired } from '../auth/domain/otp.js';
 import { generateWelcomeEmail, generateOtpEmail } from '../components/email/index.js';
+import { pluginConfig } from '../config.js';
 /**
  * POST /api/auth/check-email — Check if user exists and has password
  */ export const checkEmailEndpoint = {
@@ -352,7 +353,7 @@ import { generateWelcomeEmail, generateOtpEmail } from '../components/email/inde
     path: '/auth/signup',
     method: 'post',
     handler: async (req)=>{
-        if (process.env.AUTH_PLUGIN_ALLOW_SIGNUP === 'false') {
+        if (!pluginConfig.allowSignup) {
             return Response.json({
                 success: false,
                 message: 'Signups are currently disabled'

package/dist/index.js

@@ -53,7 +53,9 @@ export const authLoginPlugin = (options = {})=>async (config)=>{
         // Resolve provider config
         const googleConfig = resolveGoogleConfig(options.providers);
         setOAuthEnv(googleConfig);
-        // Set global config — all components read this at render time
+        // 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.
         pluginConfig.style = options.style || 'tailwind';
         if (typeof options.logo === 'string') {
             pluginConfig.logoUrl = options.logo;
@@ -61,15 +63,9 @@ export const authLoginPlugin = (options = {})=>async (config)=>{
             pluginConfig.Logo = options.logo;
         }
         pluginConfig.googleOAuthEnabled = googleConfig.enabled;
-        // Set env vars so RSC components can read config across module boundaries
-        process.env.AUTH_PLUGIN_STYLE = pluginConfig.style;
-        process.env.AUTH_PLUGIN_GOOGLE_OAUTH = String(pluginConfig.googleOAuthEnabled);
-        process.env.AUTH_PLUGIN_ALLOW_SIGNUP = String(options.allowSignup !== false);
-        process.env.AUTH_PLUGIN_PASSWORD_LOGIN = String(options.passwordLogin !== false);
-        process.env.AUTH_PLUGIN_OTP_LOGIN = String(options.otpLogin !== false);
+        pluginConfig.allowSignup = options.allowSignup !== false;
         pluginConfig.passwordLogin = options.passwordLogin !== false;
         pluginConfig.otpLogin = options.otpLogin !== false;
-        process.env.AUTH_PLUGIN_ROUTE_REDIRECTS = String(pluginConfig.routeRedirects);
         // Route redirects config
         if (options.routeRedirects) {
             pluginConfig.routeRedirects = true;

package/dist/proxy.js

@@ -29,8 +29,8 @@ const AUTH_ROUTES = [
     const base = (basePath ?? pluginConfig.authBasePath).replace(/\/$/, '');
     const routeSet = new Set(routes);
     return function proxy(request) {
-        // Check route redirects — use env var (set by plugin) as it survives module boundaries
-        const redirectsEnabled = pluginConfig.routeRedirects || process.env.AUTH_PLUGIN_ROUTE_REDIRECTS === 'true';
+        // Check route redirects directly from the shared plugin config singleton
+        const redirectsEnabled = pluginConfig.routeRedirects;
         if (!redirectsEnabled && !basePath) {
             return NextResponse.next();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@main12/auth-login",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
   "license": "MIT",
   "type": "module",
@@ -19,6 +19,11 @@
       "import": "./dist/exports/rsc.js",
       "types": "./dist/exports/rsc.d.ts",
       "default": "./dist/exports/rsc.js"
+    },
+    "./proxy": {
+      "import": "./dist/proxy.js",
+      "types": "./dist/proxy.d.ts",
+      "default": "./dist/proxy.js"
     }
   },
   "main": "./dist/index.js",
@@ -26,6 +31,21 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:fix-esm-imports",
+    "build:fix-esm-imports": "node ./scripts/fix-esm-imports.mjs",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
+    "build:types": "tsc --outDir dist",
+    "clean": "rimraf {dist,*.tsbuildinfo}",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "dev": "next dev dev --turbo",
+    "dev:generate-importmap": "pnpm dev:payload generate:importmap",
+    "dev:generate-types": "pnpm dev:payload generate:types",
+    "dev:payload": "cross-env PAYLOAD_CONFIG_PATH=./dev/payload.config.ts payload",
+    "lint": "eslint",
+    "lint:fix": "eslint ./src --fix",
+    "test": "vitest"
+  },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",
     "@heroui/react": "^3.2.2",
@@ -57,7 +77,10 @@
     "vitest": "4.1.6"
   },
   "peerDependencies": {
+    "@heroui/react": ">=3.2.0",
+    "framer-motion": ">=12.0.0",
     "next": "^16.0.0",
+    "next-intl": "*",
     "payload": "^3.82.0",
     "react": "^19.0.0"
   },
@@ -75,26 +98,39 @@
   "engines": {
     "node": ">=18.20.2"
   },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./client": {
+        "import": "./dist/exports/client.js",
+        "types": "./dist/exports/client.d.ts",
+        "default": "./dist/exports/client.js"
+      },
+      "./rsc": {
+        "import": "./dist/exports/rsc.js",
+        "types": "./dist/exports/rsc.d.ts",
+        "default": "./dist/exports/rsc.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@swc/core",
+      "sharp",
+      "esbuild"
+    ]
+  },
   "registry": "https://registry.npmjs.org/",
   "dependencies": {
     "@main12/brevo-adapter": "^0.1.1",
     "axios": "^1.20.0",
     "jose": "^6.2.12",
     "payload-oauth2": "^1.0.21"
-  },
-  "scripts": {
-    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:fix-esm-imports",
-    "build:fix-esm-imports": "node ./scripts/fix-esm-imports.mjs",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
-    "build:types": "tsc --outDir dist",
-    "clean": "rimraf {dist,*.tsbuildinfo}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "dev": "next dev dev --turbo",
-    "dev:generate-importmap": "pnpm dev:payload generate:importmap",
-    "dev:generate-types": "pnpm dev:payload generate:types",
-    "dev:payload": "cross-env PAYLOAD_CONFIG_PATH=./dev/payload.config.ts payload",
-    "lint": "eslint",
-    "lint:fix": "eslint ./src --fix",
-    "test": "vitest"
   }
-}
+}