@main12/auth-login 0.3.8 → 0.4.0

package/dist/components/ui/translations.js

@@ -0,0 +1,179 @@
+/**
+ * UI copy for the auth pages (login, signup, forgot-password, verify-otp, set-password).
+ *
+ * Built-in support for English (`en`) and Spanish (`es`) out of the box — no
+ * configuration required. Consumers can override any subset of keys, and/or add
+ * entirely new locales, via the `messages` prop on `<AuthPages />` / individual
+ * page components. Missing keys always fall back to the built-in English copy.
+ */ const en = {
+    login: {
+        title: 'Welcome Back',
+        subtitle: 'Sign in with your email to continue.',
+        passwordStepTitle: 'Enter Password',
+        passwordStepSubtitle: 'Enter your password to sign in.',
+        otpPromptTitle: 'Verify Identity',
+        otpPromptSubtitle: "We need to verify it's you.",
+        continueWithGoogle: 'Continue with Google',
+        or: 'or',
+        emailLabel: 'Email',
+        passwordLabel: 'Password',
+        continue: 'Continue',
+        forgotPassword: 'Forgot password?',
+        edit: 'Edit',
+        verificationNotice: "We'll send a verification code to this email.",
+        sendCode: 'Send Code',
+        sendingCode: 'Sending...',
+        noAccount: "Don't have an account?",
+        signUpLink: 'Sign up'
+    },
+    signup: {
+        title: 'Create Account',
+        subtitle: 'Enter your details to get started',
+        fullNameLabel: 'Full Name',
+        emailLabel: 'Email',
+        continueWithGoogle: 'Continue with Google',
+        or: 'or',
+        termsNotice: 'By signing up, you agree to our',
+        termsLink: 'Terms of Service',
+        andSeparator: 'and',
+        privacyLink: 'Privacy Policy',
+        createAccount: 'Create Account',
+        haveAccount: 'Already have an account?',
+        loginLink: 'Login'
+    },
+    forgotPassword: {
+        title: 'Forgot Password',
+        subtitle: "Enter your email and we'll send you a reset code",
+        emailLabel: 'Email',
+        sendResetCode: 'Send Reset Code',
+        backToLogin: 'Back to Login'
+    },
+    verifyOtp: {
+        title: 'Check Your Email',
+        passwordResetTitle: 'Reset Password',
+        subtitle: 'We sent a 6-digit code to',
+        passwordResetSubtitle: 'Enter the code to reset your password',
+        verify: 'Verify',
+        noCodeReceived: "Didn't receive a code?",
+        resendCode: 'Resend Code',
+        resending: 'Sending...',
+        resendIn: 'Resend in {seconds}s',
+        backToLogin: 'Back to Login'
+    },
+    setPassword: {
+        title: 'Set Your Password',
+        subtitle: 'Create a secure password for your account',
+        newPasswordLabel: 'New Password',
+        confirmPasswordLabel: 'Confirm Password',
+        passwordRequirements: 'At least 8 chars with 3 of: uppercase, lowercase, number, special character',
+        setPassword: 'Set Password'
+    }
+};
+const es = {
+    login: {
+        title: 'Bienvenido de Nuevo',
+        subtitle: 'Inicia sesión con tu correo para continuar.',
+        passwordStepTitle: 'Ingresa tu Contraseña',
+        passwordStepSubtitle: 'Ingresa tu contraseña para iniciar sesión.',
+        otpPromptTitle: 'Verificar Identidad',
+        otpPromptSubtitle: 'Necesitamos verificar que eres tú.',
+        continueWithGoogle: 'Continuar con Google',
+        or: 'o',
+        emailLabel: 'Correo electrónico',
+        passwordLabel: 'Contraseña',
+        continue: 'Continuar',
+        forgotPassword: '¿Olvidaste tu contraseña?',
+        edit: 'Editar',
+        verificationNotice: 'Enviaremos un código de verificación a este correo.',
+        sendCode: 'Enviar Código',
+        sendingCode: 'Enviando...',
+        noAccount: '¿No tienes una cuenta?',
+        signUpLink: 'Regístrate'
+    },
+    signup: {
+        title: 'Crear Cuenta',
+        subtitle: 'Ingresa tus datos para comenzar',
+        fullNameLabel: 'Nombre Completo',
+        emailLabel: 'Correo electrónico',
+        continueWithGoogle: 'Continuar con Google',
+        or: 'o',
+        termsNotice: 'Al registrarte, aceptas nuestros',
+        termsLink: 'Términos de Servicio',
+        andSeparator: 'y',
+        privacyLink: 'Política de Privacidad',
+        createAccount: 'Crear Cuenta',
+        haveAccount: '¿Ya tienes una cuenta?',
+        loginLink: 'Inicia sesión'
+    },
+    forgotPassword: {
+        title: 'Recuperar Contraseña',
+        subtitle: 'Ingresa tu correo y te enviaremos un código para restablecerla',
+        emailLabel: 'Correo electrónico',
+        sendResetCode: 'Enviar Código',
+        backToLogin: 'Volver al Inicio de Sesión'
+    },
+    verifyOtp: {
+        title: 'Revisa tu Correo',
+        passwordResetTitle: 'Restablecer Contraseña',
+        subtitle: 'Enviamos un código de 6 dígitos a',
+        passwordResetSubtitle: 'Ingresa el código para restablecer tu contraseña',
+        verify: 'Verificar',
+        noCodeReceived: '¿No recibiste el código?',
+        resendCode: 'Reenviar Código',
+        resending: 'Enviando...',
+        resendIn: 'Reenviar en {seconds}s',
+        backToLogin: 'Volver al Inicio de Sesión'
+    },
+    setPassword: {
+        title: 'Establece tu Contraseña',
+        subtitle: 'Crea una contraseña segura para tu cuenta',
+        newPasswordLabel: 'Nueva Contraseña',
+        confirmPasswordLabel: 'Confirmar Contraseña',
+        passwordRequirements: 'Al menos 8 caracteres con 3 de: mayúscula, minúscula, número, carácter especial',
+        setPassword: 'Establecer Contraseña'
+    }
+};
+/** Built-in dictionaries. Consumers can add more locales via the `messages` prop. */ export const uiTranslations = {
+    en,
+    es
+};
+function isPlainObject(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function deepMerge(base, override) {
+    if (!override) return base;
+    const result = {
+        ...base
+    };
+    for(const key in override){
+        const overrideValue = override[key];
+        const baseValue = base[key];
+        if (isPlainObject(overrideValue) && isPlainObject(baseValue)) {
+            result[key] = deepMerge(baseValue, overrideValue);
+        } else if (overrideValue !== undefined) {
+            result[key] = overrideValue;
+        }
+    }
+    return result;
+}
+/**
+ * Resolve the final UI translations for a given locale, applying any consumer
+ * overrides on top of the built-in dictionaries.
+ *
+ * Resolution order per key: `messages[locale]` → `messages.en` → built-in
+ * `[locale]` → built-in `en`. Consumers may pass a partial override object —
+ * any key they don't specify falls back automatically.
+ *
+ * @param locale - Target locale, e.g. 'en', 'es', or any custom locale defined in `messages`.
+ * @param messages - Optional map of locale -> partial translation overrides. Can also
+ *   introduce brand-new locales not built into the plugin.
+ */ export function getUiTranslations(locale = 'en', messages) {
+    // Layer, in order: built-in en -> built-in locale -> consumer en override -> consumer locale override
+    let result = uiTranslations.en;
+    if (locale !== 'en' && uiTranslations[locale]) {
+        result = deepMerge(result, uiTranslations[locale]);
+    }
+    if (messages?.en) result = deepMerge(result, messages.en);
+    if (locale !== 'en' && messages?.[locale]) result = deepMerge(result, messages[locale]);
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@main12/auth-login",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
   "license": "MIT",
   "type": "module",