adata-ui 2.1.41-beta.12 → 2.1.41-beta.13

package/lang/en.ts

@@ -477,6 +477,12 @@ const EnLocale: RuLocale = {
     title: 'Our Clients',
   },
   forms: {
+    password_requirements: {
+      minLength: 'At least {length} characters',
+      uppercase: 'Uppercase letter',
+      digit: 'Digit',
+      special: 'Special character',
+    },
     feedback: {
       value: 'FEEDBACK',
       title: 'Still have questions about the check?',
@@ -572,6 +578,8 @@ const EnLocale: RuLocale = {
     confirm: 'Confirm',
     "topUp": "Top up",
     update: 'Update',
+    showPassword: 'Show password',
+    hidePassword: 'Hide password',
   },
   modals: {
     id: {
@@ -594,8 +602,13 @@ const EnLocale: RuLocale = {
         remember_me: 'Remember me',
         forget_password: 'Forgot password?',
         first_time: 'First time using our service?',
+        social_divider: 'or sign in with',
         labels: {
-          email: 'Enter email',
+          email: 'Email',
+          password: 'Password',
+        },
+        placeholders: {
+          email: 'you@company.kz',
           password: 'Enter password',
         },
       },
@@ -603,10 +616,15 @@ const EnLocale: RuLocale = {
         title: 'Registration',
         subtitle: 'Enter your details to register',
         labels: {
-          email: 'Enter email',
-          password: 'Enter password',
+          email: 'Email',
+          password: 'Password',
           password_confirmation: 'Confirm password',
         },
+        placeholders: {
+          email: 'you@company.kz',
+          password: 'Create a password',
+          password_confirmation: 'Repeat password',
+        },
         alert: 'The password must be at least 8 characters long and contain (an uppercase letter, a number, and a special character)',
         agreement: {
           text: 'I have read the {link} and fully agree with them.',
@@ -620,6 +638,9 @@ const EnLocale: RuLocale = {
           minLength: 'The password must be at least 8 characters long',
           passwordRequirements: 'must contain (an uppercase letter, a number, and a special character)',
           sameAs: 'Passwords do not match',
+          uppercase: 'The password must contain an uppercase letter',
+          digit: 'The password must contain a digit',
+          special: 'The password must contain a special character',
         },
       },
       confirmAccount: {
@@ -628,7 +649,8 @@ const EnLocale: RuLocale = {
       recovery: {
         title: 'Password recovery',
         content: 'Enter your email address',
-        placeholder: 'Enter email',
+        label: 'Email',
+        placeholder: 'you@company.kz',
       },
       resetPasswordOtp: {
         title: 'Confirm action',
@@ -640,6 +662,10 @@ const EnLocale: RuLocale = {
         title: 'Create a new password',
         content: 'Come up with your new password',
         alert: 'The password must be at least 8 characters long and contain (an uppercase letter, a number)',
+        labels: {
+          password: 'New password',
+          password_confirmation: 'Confirm password',
+        },
         placeholder: {
           1: 'Enter new password',
           2: 'Repeat password',

package/lang/kk.ts

@@ -478,6 +478,12 @@ const KkLocale: RuLocale = {
     title: 'Бізге сенеді',
   },
   forms: {
+    password_requirements: {
+      minLength: 'Кемінде {length} таңба',
+      uppercase: 'Бас әріп',
+      digit: 'Сан',
+      special: 'Арнайы таңба',
+    },
     feedback: {
       value: 'КЕРІ БАЙЛАНЫС ',
       title: 'Тексеру бойынша сұрақтарыңыз қалды ма?',
@@ -573,6 +579,8 @@ const KkLocale: RuLocale = {
     confirm: 'Растау',
     "topUp": "Толықтыру",
     update: 'Жаңарту',
+    showPassword: 'Құпия сөзді көрсету',
+    hidePassword: 'Құпия сөзді жасыру',
   },
   modals: {
     id: {
@@ -595,8 +603,13 @@ const KkLocale: RuLocale = {
         remember_me: 'Мені есте сақтау',
         forget_password: 'Құпия сөзді ұмыттыңыз ба?',
         first_time: 'Біздің сервисті алғаш рет қолданудасыз ба?',
+        social_divider: 'немесе арқылы кіріңіз',
         labels: {
-          email: 'Email енгізіңіз',
+          email: 'Email',
+          password: 'Құпия сөз',
+        },
+        placeholders: {
+          email: 'you@company.kz',
           password: 'Құпия сөз енгізіңіз',
         },
       },
@@ -604,10 +617,15 @@ const KkLocale: RuLocale = {
         title: 'Тіркелу',
         subtitle: 'Тіркелу үшін деректерді енгізіңіз',
         labels: {
-          email: 'Email енгізіңіз',
-          password: 'Құпия сөз енгізіңіз',
+          email: 'Email',
+          password: 'Құпия сөз',
           password_confirmation: 'Құпия сөзді растаңыз',
         },
+        placeholders: {
+          email: 'you@company.kz',
+          password: 'Құпия сөз ойлап табыңыз',
+          password_confirmation: 'Құпия сөзді қайталаңыз',
+        },
         alert: 'Құпия сөз кемінде 8 таңбадан тұруы және (бас әріп, сан және арнайы таңба) қамтуы керек',
         agreement: {
           text: 'Мен {link} оқыдым және толықтай келісемін.',
@@ -621,6 +639,9 @@ const KkLocale: RuLocale = {
           minLength: 'Құпия сөз кемінде 8 таңбадан тұруы керек',
           passwordRequirements: '(бас әріп, сан және арнайы таңба) қамтуы тиіс',
           sameAs: 'Құпия сөздер сәйкес емес',
+          uppercase: 'Құпия сөзде бас әріп болуы керек',
+          digit: 'Құпия сөзде сан болуы керек',
+          special: 'Құпия сөзде арнайы таңба болуы керек',
         },
       },
       confirmAccount: {
@@ -629,7 +650,8 @@ const KkLocale: RuLocale = {
       recovery: {
         title: 'Құпия сөзді қалпына келтіру',
         content: 'Электрондық поштаңызды енгізіңіз',
-        placeholder: 'Email енгізіңіз',
+        label: 'Email',
+        placeholder: 'you@company.kz',
       },
       resetPasswordOtp: {
         title: 'Әрекетті растау',
@@ -641,6 +663,10 @@ const KkLocale: RuLocale = {
         title: 'Жаңа құпия сөз құру',
         content: 'Жаңа құпия сөзді ойлап табыңыз',
         alert: 'Құпия сөз кемінде 8 таңбадан тұруы және (бас әріп, сан) қамтуы керек',
+        labels: {
+          password: 'Жаңа құпия сөз',
+          password_confirmation: 'Құпия сөзді растаңыз',
+        },
         placeholder: {
           1: 'Жаңа құпия сөз енгізіңіз',
           2: 'Құпия сөзді қайталаңыз',

package/lang/ru.ts

@@ -477,6 +477,12 @@ const RuLocale = {
     title: 'Нам доверяют',
   },
   forms: {
+    password_requirements: {
+      minLength: 'Не менее {length} символов',
+      uppercase: 'Заглавная буква',
+      digit: 'Цифра',
+      special: 'Специальный символ',
+    },
     feedback: {
       value: 'ОБРАТНАЯ СВЯЗЬ',
       title: 'Остались вопросы по проверке?',
@@ -573,6 +579,8 @@ const RuLocale = {
     confirm: 'Подтвердить',
     topUp: 'Пополнить',
     update: 'Обновить',
+    showPassword: 'Показать пароль',
+    hidePassword: 'Скрыть пароль',
   },
   modals: {
     id: {
@@ -595,8 +603,13 @@ const RuLocale = {
         remember_me: 'Запомнить меня',
         forget_password: 'Забыли пароль?',
         first_time: 'Впервые в нашем сервисе?',
+        social_divider: 'или войдите через',
         labels: {
-          email: 'Введите email',
+          email: 'Email',
+          password: 'Пароль',
+        },
+        placeholders: {
+          email: 'you@company.kz',
           password: 'Введите пароль',
         },
       },
@@ -604,10 +617,15 @@ const RuLocale = {
         title: 'Регистрация ',
         subtitle: 'Введите данные для регистрации',
         labels: {
-          email: 'Введите email',
-          password: 'Введите пароль',
+          email: 'Email',
+          password: 'Пароль',
           password_confirmation: 'Подтвердите пароль',
         },
+        placeholders: {
+          email: 'you@company.kz',
+          password: 'Придумайте пароль',
+          password_confirmation: 'Повторите пароль',
+        },
         alert: 'Пароль должен состоять минимум из 8 символов и содержать (заглавную букву, цифру и специальный символ)',
         agreement: {
           text: 'Я ознакомился(лась) с {link} и полностью согласен(а) с ними.',
@@ -621,6 +639,9 @@ const RuLocale = {
           minLength: 'Пароль должен состоять минимум из 8 символов',
           passwordRequirements: 'содержать (заглавную букву, цифру и специальный символ)',
           sameAs: 'Пароли не совпадают',
+          uppercase: 'Пароль должен содержать заглавную букву',
+          digit: 'Пароль должен содержать цифру',
+          special: 'Пароль должен содержать специальный символ',
         },
       },
       confirmAccount: {
@@ -629,7 +650,8 @@ const RuLocale = {
       recovery: {
         title: 'Восстановление пароля',
         content: 'Укажите Вашу электронную почту',
-        placeholder: 'Введите email',
+        label: 'Email',
+        placeholder: 'you@company.kz',
       },
       resetPasswordOtp: {
         title: 'Подтвердите действие',
@@ -641,6 +663,10 @@ const RuLocale = {
         title: 'Создание нового пароля',
         content: 'Придумайте ваш новый пароль',
         alert: 'Пароль должен состоять минимум из 8 символов и содержать (заглавную букву, цифру)',
+        labels: {
+          password: 'Новый пароль',
+          password_confirmation: 'Подтвердите пароль',
+        },
         placeholder: {
           1: 'Введите новый пароль',
           2: 'Повторите пароль',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.41-beta.12",
+  "version": "2.1.41-beta.13",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/utils/apiErrorMessage.ts

@@ -0,0 +1,22 @@
+/**
+ * Достаёт человекочитаемое сообщение из ошибки auth-API.
+ *
+ * Бэкенд отдаёт `data.message` то строкой, то объектом с полями формы
+ * (`{ email: '…' }`, `{ password: ['…'] }`), поэтому прямые обращения вида
+ * `error.data.message.password[0]` падали с TypeError на любом ответе другой
+ * формы и прятали настоящую причину сбоя.
+ */
+export function apiErrorMessage(error: unknown, fallback: string): string {
+  const message = (error as { data?: { message?: unknown } })?.data?.message
+
+  if (typeof message === 'string' && message) return message
+
+  if (message && typeof message === 'object') {
+    for (const value of Object.values(message as Record<string, unknown>)) {
+      if (typeof value === 'string' && value) return value
+      if (Array.isArray(value) && typeof value[0] === 'string') return value[0]
+    }
+  }
+
+  return fallback
+}

package/utils/passwordRules.ts

@@ -0,0 +1,19 @@
+/**
+ * Единый источник истины для требований к паролю: одни и те же предикаты
+ * используются и чеклистом `<a-password-requirements>`, и zod-схемами форм
+ * регистрации / смены пароля. Ключ правила = ключ i18n
+ * `forms.password_requirements.<key>` и `error.password.<key>`.
+ */
+export interface PasswordRule {
+  key: 'minLength' | 'uppercase' | 'digit' | 'special'
+  test: (password: string) => boolean
+}
+
+export const PASSWORD_MIN_LENGTH = 8
+
+export const PASSWORD_RULES: readonly PasswordRule[] = [
+  { key: 'minLength', test: password => password.length >= PASSWORD_MIN_LENGTH },
+  { key: 'uppercase', test: password => /[A-Z]/.test(password) },
+  { key: 'digit', test: password => /\d/.test(password) },
+  { key: 'special', test: password => /[^\dA-Z]/i.test(password) },
+]