@peassoft/mnr-web-topline 4.0.1 → 4.2.0

package/dist/ru/parts/signup/ui/signup/index.js

@@ -1,14 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState, useCallback, useEffect, createRef } from 'react';
+import { useContext, useState, useCallback, useMemo, useEffect, createRef } from 'react';
+import { supportedLanguagesDescriptors } from '@peassoft/mnr-langs';
 import Modal from '../../../../shared/components/modal/index.js';
 import Alternative from '../../../../shared/components/alternative/index.js';
 import { InputField } from '@peassoft/mnr-web-ui-kit/input-field/index.js';
 import { Button } from '@peassoft/mnr-web-ui-kit/button/index.js';
 import { ErrorMessage } from '@peassoft/mnr-web-ui-kit/error-message/index.js';
+import { Select } from '@peassoft/mnr-web-ui-kit/select/index.js';
 import { ToplineContext } from '../../../shell/index.js';
 import { globalRefs } from '../../../../modules/focus-marshal/index.js';
 import validateEmail from '../../../../modules/validators/email.js';
 import validatePassword from '../../../../modules/validators/password.js';
+import { getPageLang } from '../../../../modules/ui-lang/index.js';
 import performSignup from '../../actions/perform-signup/index.js';
 export default function Signup(props) {
   const {
@@ -20,6 +23,7 @@ export default function Signup(props) {
   const [email, setEmail] = useState('');
   const [isEmailValid, setIsEmailValid] = useState(true);
   const [userName, setUserName] = useState('');
+  const [uiLang, setUiLang] = useState(getPageLang());
   const [password, setPassword] = useState('');
   const [isPasswordValid, setIsPasswordValid] = useState(true);
   const [passwordConfirmation, setPasswordConfirmation] = useState('');
@@ -29,8 +33,13 @@ export default function Signup(props) {
   const {
     handleUserChange
   } = useContext(ToplineContext);
+  const uiLangOptions = useMemo(() => supportedLanguagesDescriptors().map(langDescriptor => ({
+    id: langDescriptor.code,
+    value: langDescriptor.name
+  })), []);
   const handleEmailChange = useCallback(newValue => setEmail(newValue.trim()), []);
   const handleUserNameChange = useCallback(newValue => setUserName(newValue), []);
+  const handleUiLangChange = useCallback(val => setUiLang(val), []);
   const handlePasswordChange = useCallback(newValue => setPassword(newValue.trim()), []);
   const handlePasswordConfirmationChange = useCallback(newValue => setPasswordConfirmation(newValue.trim()), []);
   const handleEmailBlur = useCallback(() => setIsEmailValid(validateEmail(email)), [email]);
@@ -58,7 +67,7 @@ export default function Signup(props) {
       ...(userName ? {
         userName: userName.trim()
       } : {}),
-      uiLang: document.documentElement.lang
+      uiLang
     };
     const {
       user,
@@ -80,7 +89,7 @@ export default function Signup(props) {
       default:
         throw new Error('Unknown error of a login request');
     }
-  }, [email, password, passwordConfirmation, userName, onClose, handleUserChange]);
+  }, [email, uiLang, password, passwordConfirmation, userName, onClose, handleUserChange]);
   const handleTabOnLastElement = useCallback(() => globalRefs.modalFirstItem.current?.focus(), []);
   const handleShiftTabOnFirstElement = useCallback(() => lastElementRef.current?.focus(), [lastElementRef]);
   useEffect(() => globalRefs.modalFirstItem.current?.focus(), []);
@@ -107,6 +116,11 @@ export default function Signup(props) {
         label: "Ваше имя",
         value: userName,
         onChange: handleUserNameChange
+      }), _jsx(Select, {
+        label: "Предпочитаемый язык для пользовательского интерфейса",
+        items: uiLangOptions,
+        selectedItemId: uiLang,
+        onChange: handleUiLangChange
       }), _jsx(InputField, {
         type: 'password',
         autocompleteAttribute: 'new-password',

package/dist/ru/shared/procedures/process-response.js

@@ -1,4 +1,4 @@
-import WebError from '@memnrev/web-error';
+import VError from '@peassoft/verror';
 import { updateUser, updateGrantToken, updateRefreshToken, updateIsUserKnown } from '../../modules/local-db/index.js';
 import { setGrantToken, setRefreshToken } from '../../modules/tokens/index.js';
 import { openWebsocket } from '../../modules/websocket/index.js';
@@ -28,7 +28,7 @@ export default async function processResponse(response, url, eventName) {
         error: null
       };
     }
-    logError(new WebError({
+    logError(new VError({
       name: 'UnexpectedError'
     }, `unexpected payload of response to request to ${url}`));
     return {
@@ -36,7 +36,7 @@ export default async function processResponse(response, url, eventName) {
       error: 'network'
     };
   } catch (e) {
-    logError(new WebError({
+    logError(new VError({
       name: 'UnexpectedError',
       ...(e instanceof Error ? {
         cause: e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peassoft/mnr-web-topline",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "description": "Peassoft Topline widget for mem'n'rev web applications",
   "type": "module",
   "exports": {
@@ -38,16 +38,15 @@
     "@types/md5": "^2.3.3",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "@types/stampit": "^4.3.4",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.3.4",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^13.0.0",
+    "copy-webpack-plugin": "^14.0.0",
     "cpy-cli": "^7.0.0",
     "css-loader": "^7.1.2",
     "eslint": "^9.8.0",
     "html-webpack-plugin": "^5.3.2",
-    "jsdom": "^28.0.0",
+    "jsdom": "^29.0.1",
     "postcss": "^8.3.6",
     "postcss-loader": "^8.0.0",
     "postcss-normalize": "^13.0.1",
@@ -59,18 +58,19 @@
     "stylelint": "^17.0.0",
     "stylelint-config-sass-guidelines": "^13.0.0",
     "ts-loader": "^9.4.4",
-    "typescript": "^5.2.2",
+    "typescript": "^6.0.2",
     "vitest": "^4.0.7",
     "webpack": "^5.52.0",
-    "webpack-cli": "^6.0.1",
+    "webpack-cli": "^7.0.2",
     "webpack-dev-server": "^5.2.0"
   },
   "dependencies": {
-    "@memnrev/web-error": "^0.4.1",
+    "@peassoft/mnr-langs": "^1.2.0",
+    "@peassoft/verror": "^1.0.0",
+    "@peassoft/web-logger": "^1.0.0",
     "email-validator": "^2.0.4",
     "md5": "^2.3.0",
     "react-error-boundary": "^6.0.0",
-    "stampit": "^4.3.2",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {

package/dist/en/parts/profile/ui/root/get-initial-ui-lang.d.ts

@@ -1,2 +0,0 @@
-import type { ToplineUser } from '../../../../types/data.js';
-export default function getInitialUiLang(user: ToplineUser): string;

package/dist/en/parts/profile/ui/root/get-initial-ui-lang.js

@@ -1,4 +0,0 @@
-import { getDefaultUiLangForUser } from '../../../../modules/ui-lang/index.js';
-export default function getInitialUiLang(user) {
-  return user.uiLang ?? getDefaultUiLangForUser().code;
-}

package/dist/ru/parts/profile/ui/root/get-initial-ui-lang.d.ts

@@ -1,2 +0,0 @@
-import type { ToplineUser } from '../../../../types/data.js';
-export default function getInitialUiLang(user: ToplineUser): string;

package/dist/ru/parts/profile/ui/root/get-initial-ui-lang.js

@@ -1,4 +0,0 @@
-import { getDefaultUiLangForUser } from '../../../../modules/ui-lang/index.js';
-export default function getInitialUiLang(user) {
-  return user.uiLang ?? getDefaultUiLangForUser().code;
-}