@drawboard/authagonal-login 0.1.1

package/src/i18n/fr.json

@@ -0,0 +1,51 @@
+{
+  "signIn": "Se connecter",
+  "email": "E-mail",
+  "password": "Mot de passe",
+  "emailPlaceholder": "you@example.com",
+  "passwordPlaceholder": "Entrez votre mot de passe",
+  "signingIn": "Connexion en cours...",
+  "forgotPassword": "Mot de passe oublié ?",
+  "ssoChecking": "Vérification des options de connexion...",
+  "ssoNotice": "Votre organisation utilise l'authentification unique",
+  "continueWithSso": "Continuer avec SSO",
+  "errorInvalidCredentials": "E-mail ou mot de passe invalide",
+  "errorLockedOut": "Compte verrouillé. Réessayez dans {{seconds}} secondes",
+  "errorEmailNotConfirmed": "Veuillez vérifier votre e-mail pour confirmer votre compte",
+  "errorSsoRequired": "L'authentification unique est requise pour ce compte",
+  "errorEmailRequired": "L'e-mail est requis",
+  "errorPasswordRequired": "Le mot de passe est requis",
+  "errorUnexpected": "Une erreur inattendue s'est produite. Veuillez réessayer.",
+  "resetYourPassword": "Réinitialiser votre mot de passe",
+  "resetSubtitle": "Entrez votre adresse e-mail et nous vous enverrons un lien pour réinitialiser votre mot de passe.",
+  "sending": "Envoi en cours...",
+  "sendResetLink": "Envoyer le lien de réinitialisation",
+  "backToSignIn": "Retour à la connexion",
+  "checkYourEmail": "Vérifiez votre e-mail",
+  "resetEmailSent": "Si un compte existe avec cette adresse e-mail, vous recevrez un lien de réinitialisation sous peu.",
+  "setNewPassword": "Définir un nouveau mot de passe",
+  "newPassword": "Nouveau mot de passe",
+  "newPasswordPlaceholder": "Entrez le nouveau mot de passe",
+  "confirmPassword": "Confirmer le mot de passe",
+  "confirmPasswordPlaceholder": "Confirmez le nouveau mot de passe",
+  "resetting": "Réinitialisation en cours...",
+  "resetPassword": "Réinitialiser le mot de passe",
+  "passwordResetSuccess": "Mot de passe réinitialisé avec succès",
+  "passwordResetSuccessMessage": "Votre mot de passe a été réinitialisé. Vous pouvez maintenant vous connecter avec votre nouveau mot de passe.",
+  "invalidLink": "Lien invalide",
+  "invalidOrExpiredLink": "Ce lien de réinitialisation est invalide ou a expiré.",
+  "requestNewResetLink": "Demander un nouveau lien de réinitialisation",
+  "passwordNotMeetRequirements": "Le mot de passe ne répond pas aux exigences",
+  "passwordsDoNotMatch": "Les mots de passe ne correspondent pas",
+  "passwordWeakError": "Le mot de passe ne répond pas aux exigences de robustesse",
+  "signInTitle": "Connexion — {{appName}}",
+  "ruleMinLength": "Au moins {{count}} caractères",
+  "ruleUppercase": "Lettre majuscule",
+  "ruleLowercase": "Lettre minuscule",
+  "ruleDigit": "Chiffre",
+  "ruleSpecialChar": "Caractère spécial",
+  "continueWith": "Continuer avec {{provider}}",
+  "or": "ou",
+  "signedInAs": "Connect\u00e9 en tant que {{name}}",
+  "signedInMessage": "Vous \u00eates d\u00e9j\u00e0 authentifi\u00e9."
+}

package/src/i18n/index.ts

@@ -0,0 +1,37 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+import en from './en.json';
+import zhHans from './zh-Hans.json';
+import de from './de.json';
+import fr from './fr.json';
+import es from './es.json';
+import vi from './vi.json';
+import pt from './pt.json';
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: { translation: en },
+      'zh-Hans': { translation: zhHans },
+      de: { translation: de },
+      fr: { translation: fr },
+      es: { translation: es },
+      vi: { translation: vi },
+      pt: { translation: pt },
+    },
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false,
+    },
+    detection: {
+      order: ['localStorage', 'querystring', 'navigator'],
+      lookupQuerystring: 'lng',
+      caches: ['localStorage'],
+    },
+  });
+
+export default i18n;

package/src/i18n/pt.json

@@ -0,0 +1,51 @@
+{
+  "signIn": "Entrar",
+  "email": "E-mail",
+  "password": "Senha",
+  "emailPlaceholder": "voce@exemplo.com",
+  "passwordPlaceholder": "Introduza a sua senha",
+  "signingIn": "A entrar...",
+  "forgotPassword": "Esqueceu a senha?",
+  "ssoChecking": "A verificar opções de início de sessão...",
+  "ssoNotice": "A sua organização utiliza início de sessão único",
+  "continueWithSso": "Continuar com SSO",
+  "errorInvalidCredentials": "E-mail ou senha inválidos",
+  "errorLockedOut": "Conta bloqueada. Tente novamente em {{seconds}} segundos",
+  "errorEmailNotConfirmed": "Verifique o seu e-mail para confirmar a sua conta",
+  "errorSsoRequired": "O início de sessão único é obrigatório para esta conta",
+  "errorEmailRequired": "O e-mail é obrigatório",
+  "errorPasswordRequired": "A senha é obrigatória",
+  "errorUnexpected": "Ocorreu um erro inesperado. Tente novamente.",
+  "resetYourPassword": "Redefinir a sua senha",
+  "resetSubtitle": "Introduza o seu endereço de e-mail e enviaremos um link para redefinir a sua senha.",
+  "sending": "A enviar...",
+  "sendResetLink": "Enviar link de redefinição",
+  "backToSignIn": "Voltar ao início de sessão",
+  "checkYourEmail": "Verifique o seu e-mail",
+  "resetEmailSent": "Se existir uma conta com esse e-mail, receberá um link de redefinição em breve.",
+  "setNewPassword": "Definir nova senha",
+  "newPassword": "Nova senha",
+  "newPasswordPlaceholder": "Introduza a nova senha",
+  "confirmPassword": "Confirmar senha",
+  "confirmPasswordPlaceholder": "Confirme a nova senha",
+  "resetting": "A redefinir...",
+  "resetPassword": "Redefinir senha",
+  "passwordResetSuccess": "Senha redefinida com sucesso",
+  "passwordResetSuccessMessage": "A sua senha foi redefinida. Pode agora entrar com a sua nova senha.",
+  "invalidLink": "Link inválido",
+  "invalidOrExpiredLink": "Este link de redefinição é inválido ou expirou.",
+  "requestNewResetLink": "Solicitar um novo link de redefinição",
+  "passwordNotMeetRequirements": "A senha não cumpre os requisitos",
+  "passwordsDoNotMatch": "As senhas não coincidem",
+  "passwordWeakError": "A senha não atende aos requisitos de segurança",
+  "signInTitle": "Entrar — {{appName}}",
+  "ruleMinLength": "Pelo menos {{count}} caracteres",
+  "ruleUppercase": "Letra maiúscula",
+  "ruleLowercase": "Letra minúscula",
+  "ruleDigit": "Número",
+  "ruleSpecialChar": "Caractere especial",
+  "continueWith": "Continuar com {{provider}}",
+  "or": "ou",
+  "signedInAs": "Conectado como {{name}}",
+  "signedInMessage": "Você já está autenticado."
+}

package/src/i18n/vi.json

@@ -0,0 +1,51 @@
+{
+  "signIn": "Đăng nhập",
+  "email": "Email",
+  "password": "Mật khẩu",
+  "emailPlaceholder": "you@example.com",
+  "passwordPlaceholder": "Nhập mật khẩu của bạn",
+  "signingIn": "Đang đăng nhập...",
+  "forgotPassword": "Quên mật khẩu?",
+  "ssoChecking": "Đang kiểm tra tùy chọn đăng nhập...",
+  "ssoNotice": "Tổ chức của bạn sử dụng đăng nhập một lần",
+  "continueWithSso": "Tiếp tục với SSO",
+  "errorInvalidCredentials": "Email hoặc mật khẩu không hợp lệ",
+  "errorLockedOut": "Tài khoản đã bị khóa. Vui lòng thử lại sau {{seconds}} giây",
+  "errorEmailNotConfirmed": "Vui lòng kiểm tra email để xác minh tài khoản của bạn",
+  "errorSsoRequired": "Đăng nhập một lần là bắt buộc cho tài khoản này",
+  "errorEmailRequired": "Email là bắt buộc",
+  "errorPasswordRequired": "Mật khẩu là bắt buộc",
+  "errorUnexpected": "Đã xảy ra lỗi không mong muốn. Vui lòng thử lại.",
+  "resetYourPassword": "Đặt lại mật khẩu",
+  "resetSubtitle": "Nhập địa chỉ email của bạn và chúng tôi sẽ gửi cho bạn liên kết để đặt lại mật khẩu.",
+  "sending": "Đang gửi...",
+  "sendResetLink": "Gửi liên kết đặt lại",
+  "backToSignIn": "Quay lại đăng nhập",
+  "checkYourEmail": "Kiểm tra email của bạn",
+  "resetEmailSent": "Nếu tài khoản tồn tại với email đó, bạn sẽ nhận được liên kết đặt lại trong thời gian ngắn.",
+  "setNewPassword": "Đặt mật khẩu mới",
+  "newPassword": "Mật khẩu mới",
+  "newPasswordPlaceholder": "Nhập mật khẩu mới",
+  "confirmPassword": "Xác nhận mật khẩu",
+  "confirmPasswordPlaceholder": "Xác nhận mật khẩu mới",
+  "resetting": "Đang đặt lại...",
+  "resetPassword": "Đặt lại mật khẩu",
+  "passwordResetSuccess": "Đặt lại mật khẩu thành công",
+  "passwordResetSuccessMessage": "Mật khẩu của bạn đã được đặt lại. Bạn có thể đăng nhập bằng mật khẩu mới.",
+  "invalidLink": "Liên kết không hợp lệ",
+  "invalidOrExpiredLink": "Liên kết đặt lại này không hợp lệ hoặc đã hết hạn.",
+  "requestNewResetLink": "Yêu cầu liên kết đặt lại mới",
+  "passwordNotMeetRequirements": "Mật khẩu không đáp ứng các yêu cầu",
+  "passwordsDoNotMatch": "Mật khẩu không khớp",
+  "passwordWeakError": "Mật khẩu không đáp ứng yêu cầu về độ mạnh",
+  "signInTitle": "Đăng nhập — {{appName}}",
+  "ruleMinLength": "Ít nhất {{count}} ký tự",
+  "ruleUppercase": "Chữ cái viết hoa",
+  "ruleLowercase": "Chữ cái viết thường",
+  "ruleDigit": "Chữ số",
+  "ruleSpecialChar": "Ký tự đặc biệt",
+  "continueWith": "Tiếp tục với {{provider}}",
+  "or": "hoặc",
+  "signedInAs": "Đã đăng nhập với tên {{name}}",
+  "signedInMessage": "Bạn đã được xác thực."
+}

package/src/i18n/zh-Hans.json

@@ -0,0 +1,51 @@
+{
+  "signIn": "登录",
+  "email": "电子邮件",
+  "password": "密码",
+  "emailPlaceholder": "you@example.com",
+  "passwordPlaceholder": "输入您的密码",
+  "signingIn": "正在登录...",
+  "forgotPassword": "忘记密码？",
+  "ssoChecking": "正在检查登录选项...",
+  "ssoNotice": "您的组织使用单点登录",
+  "continueWithSso": "使用 SSO 继续",
+  "errorInvalidCredentials": "电子邮件或密码无效",
+  "errorLockedOut": "账户已锁定。请在 {{seconds}} 秒后重试",
+  "errorEmailNotConfirmed": "请检查您的电子邮件以验证您的账户",
+  "errorSsoRequired": "此账户需要单点登录",
+  "errorEmailRequired": "电子邮件为必填项",
+  "errorPasswordRequired": "密码为必填项",
+  "errorUnexpected": "发生意外错误，请重试。",
+  "resetYourPassword": "重置密码",
+  "resetSubtitle": "输入您的电子邮件地址，我们将向您发送重置密码的链接。",
+  "sending": "正在发送...",
+  "sendResetLink": "发送重置链接",
+  "backToSignIn": "返回登录",
+  "checkYourEmail": "请查看您的电子邮件",
+  "resetEmailSent": "如果该电子邮件地址存在对应的账户，您将很快收到重置链接。",
+  "setNewPassword": "设置新密码",
+  "newPassword": "新密码",
+  "newPasswordPlaceholder": "输入新密码",
+  "confirmPassword": "确认密码",
+  "confirmPasswordPlaceholder": "确认新密码",
+  "resetting": "正在重置...",
+  "resetPassword": "重置密码",
+  "passwordResetSuccess": "密码重置成功",
+  "passwordResetSuccessMessage": "您的密码已重置。您现在可以使用新密码登录。",
+  "invalidLink": "无效链接",
+  "invalidOrExpiredLink": "此重置链接无效或已过期。",
+  "requestNewResetLink": "请求新的重置链接",
+  "passwordNotMeetRequirements": "密码不符合要求",
+  "passwordsDoNotMatch": "两次输入的密码不一致",
+  "passwordWeakError": "密码不符合强度要求",
+  "signInTitle": "登录 — {{appName}}",
+  "ruleMinLength": "至少 {{count}} 个字符",
+  "ruleUppercase": "大写字母",
+  "ruleLowercase": "小写字母",
+  "ruleDigit": "数字",
+  "ruleSpecialChar": "特殊字符",
+  "continueWith": "使用 {{provider}} 继续",
+  "or": "或",
+  "signedInAs": "已登录为 {{name}}",
+  "signedInMessage": "您已通过身份验证。"
+}

package/src/index.ts

@@ -0,0 +1,28 @@
+// Public API — consumers import from '@drawboard/authagonal-login'
+//
+// Usage:
+//   import { AuthLayout, LoginPage, useBranding } from '@drawboard/authagonal-login';
+
+// Components
+export { default as AuthLayout } from './components/AuthLayout';
+
+// Pages
+export { default as LoginPage } from './pages/LoginPage';
+export { default as ForgotPasswordPage } from './pages/ForgotPasswordPage';
+export { default as ResetPasswordPage } from './pages/ResetPasswordPage';
+
+// Branding
+export { loadBranding, BrandingContext, useBranding } from './branding';
+export type { BrandingConfig } from './branding';
+
+// API client
+export { login, logout, forgotPassword, resetPassword, getSession, ssoCheck, getProviders, getPasswordPolicy, ApiRequestError } from './api';
+
+// Types
+export type { LoginResponse, ApiError, SessionResponse, SsoCheckResponse, ExternalProvider, ProvidersResponse, PasswordPolicyRule, PasswordPolicyResponse } from './types';
+
+// i18n — re-export so consumers use the same react-i18next instance
+export { default as i18n } from './i18n';
+export { useTranslation } from 'react-i18next';
+
+// Styles — import '@drawboard/authagonal-login/src/styles.css' in your entry point

package/src/main.tsx

@@ -0,0 +1,19 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './styles.css';
+import App from './App';
+import { loadBranding, BrandingContext } from './branding';
+import './i18n';
+import i18n from './i18n';
+
+loadBranding().then((config) => {
+  document.title = i18n.t('signInTitle', { appName: config.appName });
+
+  createRoot(document.getElementById('root')!).render(
+    <StrictMode>
+      <BrandingContext.Provider value={config}>
+        <App />
+      </BrandingContext.Provider>
+    </StrictMode>,
+  );
+});

package/src/pages/ForgotPasswordPage.tsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { useSearchParams, Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { forgotPassword } from '../api';
+
+export default function ForgotPasswordPage() {
+  const { t } = useTranslation();
+  const [searchParams] = useSearchParams();
+  const returnUrl = searchParams.get('returnUrl') || '';
+
+  const [email, setEmail] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [error, setError] = useState('');
+
+  const loginLink = returnUrl
+    ? `/login?returnUrl=${encodeURIComponent(returnUrl)}`
+    : '/login';
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setError('');
+    setLoading(true);
+
+    try {
+      await forgotPassword(email);
+      setSubmitted(true);
+    } catch {
+      // The API always returns 200 for anti-enumeration, but handle errors just in case
+      setError(t('errorUnexpected'));
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  if (submitted) {
+    return (
+      <div>
+        <h2 className="auth-title">{t('checkYourEmail')}</h2>
+        <div className="alert-success">
+          {t('resetEmailSent')}
+        </div>
+        <div className="form-footer">
+          <Link to={loginLink} className="link">
+            {t('backToSignIn')}
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <h2 className="auth-title">{t('resetYourPassword')}</h2>
+      <p className="auth-subtitle">
+        {t('resetSubtitle')}
+      </p>
+
+      {error && <div className="alert-error">{error}</div>}
+
+      <form onSubmit={handleSubmit}>
+        <div className="form-group">
+          <label htmlFor="email">{t('email')}</label>
+          <input
+            id="email"
+            type="email"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+            placeholder={t('emailPlaceholder')}
+            autoComplete="email"
+            autoFocus
+            maxLength={256}
+            required
+          />
+        </div>
+
+        <button
+          type="submit"
+          className="btn-primary"
+          disabled={loading}
+        >
+          {loading ? (
+            <span className="btn-loading">
+              <span className="spinner" />
+              {t('sending')}
+            </span>
+          ) : (
+            t('sendResetLink')
+          )}
+        </button>
+
+        <div className="form-footer">
+          <Link to={loginLink} className="link">
+            {t('backToSignIn')}
+          </Link>
+        </div>
+      </form>
+    </div>
+  );
+}