SILVER/NODEDC_TASKMANAGER
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: auth screens, error pages и новый канон внешних контуров

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-20 10:05:31 +03:00
parent df68c96795
commit c6ace8b9cc
25 changed files with 564 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/helpers/authentication.helper.tsx
+127 -160
View File
@@ -6,8 +6,6 @@
import type { ReactNode } from "react";
import Link from "next/link";
// plane imports
import { SUPPORT_EMAIL } from "@plane/constants";
export enum EPageTypes {
PUBLIC = "PUBLIC",
@@ -37,7 +35,6 @@ export enum EErrorAlertType {
}
export enum EAuthenticationErrorCodes {
// Global
INSTANCE_NOT_CONFIGURED = "5000",
INVALID_EMAIL = "5005",
EMAIL_REQUIRED = "5010",
@@ -45,32 +42,27 @@ export enum EAuthenticationErrorCodes {
MAGIC_LINK_LOGIN_DISABLED = "5016",
PASSWORD_LOGIN_DISABLED = "5018",
USER_ACCOUNT_DEACTIVATED = "5019",
// Password strength
INVALID_PASSWORD = "5020",
PASSWORD_TOO_WEAK = "5021",
SMTP_NOT_CONFIGURED = "5025",
// Sign Up
USER_ALREADY_EXIST = "5030",
AUTHENTICATION_FAILED_SIGN_UP = "5035",
REQUIRED_EMAIL_PASSWORD_SIGN_UP = "5040",
INVALID_EMAIL_SIGN_UP = "5045",
INVALID_EMAIL_MAGIC_SIGN_UP = "5050",
MAGIC_SIGN_UP_EMAIL_CODE_REQUIRED = "5055",
// Sign In
USER_DOES_NOT_EXIST = "5060",
AUTHENTICATION_FAILED_SIGN_IN = "5065",
REQUIRED_EMAIL_PASSWORD_SIGN_IN = "5070",
INVALID_EMAIL_SIGN_IN = "5075",
INVALID_EMAIL_MAGIC_SIGN_IN = "5080",
MAGIC_SIGN_IN_EMAIL_CODE_REQUIRED = "5085",
// Both Sign in and Sign up for magic
INVALID_MAGIC_CODE_SIGN_IN = "5090",
INVALID_MAGIC_CODE_SIGN_UP = "5092",
EXPIRED_MAGIC_CODE_SIGN_IN = "5095",
EXPIRED_MAGIC_CODE_SIGN_UP = "5097",
EMAIL_CODE_ATTEMPT_EXHAUSTED_SIGN_IN = "5100",
EMAIL_CODE_ATTEMPT_EXHAUSTED_SIGN_UP = "5102",
// Oauth
OAUTH_NOT_CONFIGURED = "5104",
GOOGLE_NOT_CONFIGURED = "5105",
GITHUB_NOT_CONFIGURED = "5110",
@@ -78,16 +70,12 @@ export enum EAuthenticationErrorCodes {
GOOGLE_OAUTH_PROVIDER_ERROR = "5115",
GITHUB_OAUTH_PROVIDER_ERROR = "5120",
GITLAB_OAUTH_PROVIDER_ERROR = "5121",
// Reset Password
INVALID_PASSWORD_TOKEN = "5125",
EXPIRED_PASSWORD_TOKEN = "5130",
// Change password
INCORRECT_OLD_PASSWORD = "5135",
MISSING_PASSWORD = "5138",
INVALID_NEW_PASSWORD = "5140",
// set password
PASSWORD_ALREADY_SET = "5145",
// Admin
ADMIN_ALREADY_EXIST = "5150",
REQUIRED_ADMIN_EMAIL_PASSWORD_FIRST_NAME = "5155",
INVALID_ADMIN_EMAIL = "5160",
@@ -97,7 +85,6 @@ export enum EAuthenticationErrorCodes {
ADMIN_USER_ALREADY_EXIST = "5180",
ADMIN_USER_DOES_NOT_EXIST = "5185",
ADMIN_USER_DEACTIVATED = "5190",
// Rate limit
RATE_LIMIT_EXCEEDED = "5900",
}
@@ -108,267 +95,246 @@ export type TAuthErrorInfo = {
message: ReactNode;
};
// TODO: move all error messages to translation files
const authLinkClass = "nodedc-auth-link font-medium";
const errorCodeMessages: {
[key in EAuthenticationErrorCodes]: { title: string; message: (email?: string) => ReactNode };
} = {
// global
[EAuthenticationErrorCodes.INSTANCE_NOT_CONFIGURED]: {
title: `Instance not configured`,
message: () => `Instance not configured. Please contact your administrator.`,
title: "Пространство не настроено",
message: () => "Пространство не настроено. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.INVALID_EMAIL]: {
title: `Invalid email`,
message: () => `Invalid email. Please try again.`,
title: "Некорректный e-mail",
message: () => "Некорректный e-mail. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.EMAIL_REQUIRED]: {
title: `Email required`,
message: () => `Email required. Please try again.`,
title: "Нужен e-mail",
message: () => "Укажите e-mail и попробуйте снова.",
},
[EAuthenticationErrorCodes.SIGNUP_DISABLED]: {
title: `Sign up disabled`,
message: () => `Sign up disabled. Please contact your administrator.`,
title: "Регистрация отключена",
message: () => "Регистрация отключена. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.MAGIC_LINK_LOGIN_DISABLED]: {
title: `Magic link login disabled`,
message: () => `Magic link login disabled. Please contact your administrator.`,
title: "Вход по коду отключён",
message: () => "Вход по коду отключён. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.PASSWORD_LOGIN_DISABLED]: {
title: `Password login disabled`,
message: () => `Password login disabled. Please contact your administrator.`,
title: "Вход по паролю отключён",
message: () => "Вход по паролю отключён. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.USER_ACCOUNT_DEACTIVATED]: {
title: `User account deactivated`,
message: () => `User account deactivated. Please contact ${SUPPORT_EMAIL ? SUPPORT_EMAIL : "administrator"}.`,
title: "Аккаунт деактивирован",
message: () => "Аккаунт деактивирован. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.INVALID_PASSWORD]: {
title: `Invalid password`,
message: () => `Invalid password. Please try again.`,
title: "Неверный пароль",
message: () => "Неверный пароль. Попробуйте снова.",
},
[EAuthenticationErrorCodes.PASSWORD_TOO_WEAK]: {
title: `Password too weak`,
message: () => `Password must include upper-case, lower-case, number, special character, and must not be predictable.`,
title: "Слишком простой пароль",
message: () => "Пароль должен содержать строчные и заглавные буквы, цифру и специальный символ.",
},
[EAuthenticationErrorCodes.SMTP_NOT_CONFIGURED]: {
title: `SMTP not configured`,
message: () => `SMTP not configured. Please contact your administrator.`,
title: "Почта не настроена",
message: () => "Почтовый сервис не настроен. Обратитесь к администратору.",
},
// sign up
[EAuthenticationErrorCodes.USER_ALREADY_EXIST]: {
title: `User already exists`,
title: "Аккаунт уже существует",
message: (email = undefined) => (
<div>
Your account is already registered.&nbsp;
<Link
className="font-medium underline underline-offset-4 transition-all hover:font-bold"
href={`/sign-in${email ? `?email=${encodeURIComponent(email)}` : ``}`}
>
Sign In
Аккаунт уже зарегистрирован.&nbsp;
<Link className={authLinkClass} href={`/sign-in${email ? `?email=${encodeURIComponent(email)}` : ``}`}>
Войти
</Link>
&nbsp;now.
&nbsp;сейчас.
</div>
),
},
[EAuthenticationErrorCodes.REQUIRED_EMAIL_PASSWORD_SIGN_UP]: {
title: `Email and password required`,
message: () => `Email and password required. Please try again.`,
},
[EAuthenticationErrorCodes.AUTHENTICATION_FAILED_SIGN_UP]: {
title: `Authentication failed`,
message: () => `Authentication failed. Please try again.`,
title: "Не удалось выполнить вход",
message: () => "Не удалось выполнить вход. Проверьте данные и попробуйте снова.",
},
[EAuthenticationErrorCodes.REQUIRED_EMAIL_PASSWORD_SIGN_UP]: {
title: "Нужны e-mail и пароль",
message: () => "Укажите e-mail и пароль, затем попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_EMAIL_SIGN_UP]: {
title: `Invalid email`,
message: () => `Invalid email. Please try again.`,
},
[EAuthenticationErrorCodes.MAGIC_SIGN_UP_EMAIL_CODE_REQUIRED]: {
title: `Email and code required`,
message: () => `Email and code required. Please try again.`,
title: "Некорректный e-mail",
message: () => "Некорректный e-mail. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_EMAIL_MAGIC_SIGN_UP]: {
title: `Invalid email`,
message: () => `Invalid email. Please try again.`,
title: "Некорректный e-mail",
message: () => "Некорректный e-mail. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.MAGIC_SIGN_UP_EMAIL_CODE_REQUIRED]: {
title: "Нужны e-mail и код",
message: () => "Укажите e-mail и код подтверждения, затем попробуйте снова.",
},
[EAuthenticationErrorCodes.USER_DOES_NOT_EXIST]: {
title: `User does not exist`,
title: "Аккаунт не найден",
message: (email = undefined) => (
<div>
No account found.&nbsp;
<Link
className="font-medium underline underline-offset-4 transition-all hover:font-bold"
href={`/${email ? `?email=${encodeURIComponent(email)}` : ``}`}
>
Create one
Аккаунт не найден.&nbsp;
<Link className={authLinkClass} href={`/${email ? `?email=${encodeURIComponent(email)}` : ``}`}>
Создать аккаунт
</Link>
&nbsp;to get started.
&nbsp;для начала работы.
</div>
),
},
[EAuthenticationErrorCodes.REQUIRED_EMAIL_PASSWORD_SIGN_IN]: {
title: `Email and password required`,
message: () => `Email and password required. Please try again.`,
},
[EAuthenticationErrorCodes.AUTHENTICATION_FAILED_SIGN_IN]: {
title: `Authentication failed`,
message: () => `Authentication failed. Please try again.`,
title: "Не удалось выполнить вход",
message: () => "Не удалось выполнить вход. Проверьте данные и попробуйте снова.",
},
[EAuthenticationErrorCodes.REQUIRED_EMAIL_PASSWORD_SIGN_IN]: {
title: "Нужны e-mail и пароль",
message: () => "Укажите e-mail и пароль, затем попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_EMAIL_SIGN_IN]: {
title: `Invalid email`,
message: () => `Invalid email. Please try again.`,
},
[EAuthenticationErrorCodes.MAGIC_SIGN_IN_EMAIL_CODE_REQUIRED]: {
title: `Email and code required`,
message: () => `Email and code required. Please try again.`,
title: "Некорректный e-mail",
message: () => "Некорректный e-mail. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_EMAIL_MAGIC_SIGN_IN]: {
title: `Invalid email`,
message: () => `Invalid email. Please try again.`,
title: "Некорректный e-mail",
message: () => "Некорректный e-mail. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.MAGIC_SIGN_IN_EMAIL_CODE_REQUIRED]: {
title: "Нужны e-mail и код",
message: () => "Укажите e-mail и код подтверждения, затем попробуйте снова.",
},
// Both Sign in and Sign up
[EAuthenticationErrorCodes.INVALID_MAGIC_CODE_SIGN_IN]: {
title: `Authentication failed`,
message: () => `Invalid magic code. Please try again.`,
title: "Неверный код подтверждения",
message: () => "Код подтверждения неверный. Попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_MAGIC_CODE_SIGN_UP]: {
title: `Authentication failed`,
message: () => `Invalid magic code. Please try again.`,
title: "Неверный код подтверждения",
message: () => "Код подтверждения неверный. Попробуйте снова.",
},
[EAuthenticationErrorCodes.EXPIRED_MAGIC_CODE_SIGN_IN]: {
title: `Expired magic code`,
message: () => `Expired magic code. Please try again.`,
title: "Код подтверждения истёк",
message: () => "Код подтверждения истёк. Запросите новый и попробуйте снова.",
},
[EAuthenticationErrorCodes.EXPIRED_MAGIC_CODE_SIGN_UP]: {
title: `Expired magic code`,
message: () => `Expired magic code. Please try again.`,
title: "Код подтверждения истёк",
message: () => "Код подтверждения истёк. Запросите новый и попробуйте снова.",
},
[EAuthenticationErrorCodes.EMAIL_CODE_ATTEMPT_EXHAUSTED_SIGN_IN]: {
title: `Expired magic code`,
message: () => `Expired magic code. Please try again.`,
title: "Лимит попыток исчерпан",
message: () => "Лимит попыток ввода кода исчерпан. Запросите новый код.",
},
[EAuthenticationErrorCodes.EMAIL_CODE_ATTEMPT_EXHAUSTED_SIGN_UP]: {
title: `Expired magic code`,
message: () => `Expired magic code. Please try again.`,
title: "Лимит попыток исчерпан",
message: () => "Лимит попыток ввода кода исчерпан. Запросите новый код.",
},
// Oauth
[EAuthenticationErrorCodes.OAUTH_NOT_CONFIGURED]: {
title: `OAuth not configured`,
message: () => `OAuth not configured. Please contact your administrator.`,
title: "OAuth не настроен",
message: () => "OAuth не настроен. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.GOOGLE_NOT_CONFIGURED]: {
title: `Google not configured`,
message: () => `Google not configured. Please contact your administrator.`,
title: "Google OAuth не настроен",
message: () => "Google OAuth не настроен. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.GITHUB_NOT_CONFIGURED]: {
title: `GitHub not configured`,
message: () => `GitHub not configured. Please contact your administrator.`,
title: "GitHub OAuth не настроен",
message: () => "GitHub OAuth не настроен. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.GITLAB_NOT_CONFIGURED]: {
title: `GitLab not configured`,
message: () => `GitLab not configured. Please contact your administrator.`,
title: "GitLab OAuth не настроен",
message: () => "GitLab OAuth не настроен. Обратитесь к администратору.",
},
[EAuthenticationErrorCodes.GOOGLE_OAUTH_PROVIDER_ERROR]: {
title: `Google OAuth provider error`,
message: () => `Google OAuth provider error. Please try again.`,
title: "Ошибка Google OAuth",
message: () => "Не удалось авторизоваться через Google. Попробуйте снова.",
},
[EAuthenticationErrorCodes.GITHUB_OAUTH_PROVIDER_ERROR]: {
title: `GitHub OAuth provider error`,
message: () => `GitHub OAuth provider error. Please try again.`,
title: "Ошибка GitHub OAuth",
message: () => "Не удалось авторизоваться через GitHub. Попробуйте снова.",
},
[EAuthenticationErrorCodes.GITLAB_OAUTH_PROVIDER_ERROR]: {
title: `GitLab OAuth provider error`,
message: () => `GitLab OAuth provider error. Please try again.`,
title: "Ошибка GitLab OAuth",
message: () => "Не удалось авторизоваться через GitLab. Попробуйте снова.",
},
// Reset Password
[EAuthenticationErrorCodes.INVALID_PASSWORD_TOKEN]: {
title: `Invalid password token`,
message: () => `Invalid password token.`,
title: "Некорректный токен",
message: () => "Токен сброса пароля некорректен.",
},
[EAuthenticationErrorCodes.EXPIRED_PASSWORD_TOKEN]: {
title: `Expired password token`,
message: () => `Expired password token. Please try again.`,
title: "Токен истёк",
message: () => "Токен сброса пароля истёк. Запросите новый.",
},
// Change password
[EAuthenticationErrorCodes.MISSING_PASSWORD]: {
title: `Password required`,
message: () => `Password required. Please try again.`,
title: "Нужен пароль",
message: () => "Укажите пароль и попробуйте снова.",
},
[EAuthenticationErrorCodes.INCORRECT_OLD_PASSWORD]: {
title: `Incorrect old password`,
message: () => `Incorrect old password. Please try again.`,
title: "Неверный старый пароль",
message: () => "Неверный старый пароль. Попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_NEW_PASSWORD]: {
title: `Invalid new password`,
message: () => `Invalid new password. Please try again.`,
title: "Некорректный новый пароль",
message: () => "Некорректный новый пароль. Проверьте требования и попробуйте снова.",
},
// set password
[EAuthenticationErrorCodes.PASSWORD_ALREADY_SET]: {
title: `Password already set`,
message: () => `Password already set. Please try again.`,
title: "Пароль уже установлен",
message: () => "Пароль уже установлен. Попробуйте войти в систему.",
},
// admin
[EAuthenticationErrorCodes.ADMIN_ALREADY_EXIST]: {
title: `Admin already exists`,
message: () => `Admin already exists. Please try again.`,
title: "Администратор уже существует",
message: () => "Администратор уже существует. Проверьте данные и попробуйте снова.",
},
[EAuthenticationErrorCodes.REQUIRED_ADMIN_EMAIL_PASSWORD_FIRST_NAME]: {
title: `Email, password and first name required`,
message: () => `Email, password and first name required. Please try again.`,
title: "Нужны имя, e-mail и пароль",
message: () => "Укажите имя, e-mail и пароль, затем попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_ADMIN_EMAIL]: {
title: `Invalid admin email`,
message: () => `Invalid admin email. Please try again.`,
title: "Некорректный e-mail администратора",
message: () => "Некорректный e-mail администратора. Проверьте адрес и попробуйте снова.",
},
[EAuthenticationErrorCodes.INVALID_ADMIN_PASSWORD]: {
title: `Invalid admin password`,
message: () => `Invalid admin password. Please try again.`,
title: "Некорректный пароль администратора",
message: () => "Некорректный пароль администратора. Проверьте данные и попробуйте снова.",
},
[EAuthenticationErrorCodes.REQUIRED_ADMIN_EMAIL_PASSWORD]: {
title: `Email and password required`,
message: () => `Email and password required. Please try again.`,
title: "Нужны e-mail и пароль",
message: () => "Укажите e-mail и пароль, затем попробуйте снова.",
},
[EAuthenticationErrorCodes.ADMIN_AUTHENTICATION_FAILED]: {
title: `Authentication failed`,
message: () => `Authentication failed. Please try again.`,
title: "Не удалось выполнить вход",
message: () => "Не удалось выполнить вход. Проверьте данные и попробуйте снова.",
},
[EAuthenticationErrorCodes.ADMIN_USER_ALREADY_EXIST]: {
title: `Admin user already exists`,
title: "Администратор уже существует",
message: () => (
<div>
Admin user already exists.&nbsp;
<Link className="font-medium underline underline-offset-4 transition-all hover:font-bold" href={`/admin`}>
Sign In
Администратор уже существует.&nbsp;
<Link className={authLinkClass} href="/admin">
Войти
</Link>
&nbsp;now.
&nbsp;сейчас.
</div>
),
},
[EAuthenticationErrorCodes.ADMIN_USER_DOES_NOT_EXIST]: {
title: `Admin user does not exist`,
title: "Администратор не найден",
message: () => (
<div>
Admin user does not exist.&nbsp;
<Link className="font-medium underline underline-offset-4 transition-all hover:font-bold" href={`/admin`}>
Sign In
Администратор не найден.&nbsp;
<Link className={authLinkClass} href="/admin">
Войти
</Link>
&nbsp;now.
&nbsp;сейчас.
</div>
),
},
[EAuthenticationErrorCodes.ADMIN_USER_DEACTIVATED]: {
title: `Admin user deactivated`,
message: () => <div>Your account is deactivated</div>,
title: "Аккаунт администратора деактивирован",
message: () => <div>Аккаунт администратора деактивирован.</div>,
},
[EAuthenticationErrorCodes.RATE_LIMIT_EXCEEDED]: {
title: "",
message: () => `Rate limit exceeded. Please try again later.`,
message: () => "Слишком много попыток. Повторите позже.",
},
};
@@ -427,13 +393,14 @@ export const authErrorHandler = (errorCode: EAuthenticationErrorCodes, email?: s
EAuthenticationErrorCodes.PASSWORD_TOO_WEAK,
];
if (bannerAlertErrorCodes.includes(errorCode))
if (bannerAlertErrorCodes.includes(errorCode)) {
return {
type: EErrorAlertType.BANNER_ALERT,
code: errorCode,
title: errorCodeMessages[errorCode]?.title || "Error",
message: errorCodeMessages[errorCode]?.message(email) || "Something went wrong. Please try again.",
title: errorCodeMessages[errorCode]?.title || "Ошибка",
message: errorCodeMessages[errorCode]?.message(email) || "Что-то пошло не так. Попробуйте снова.",
};
}
return undefined;
};