quickblox-react-ui-kit 0.5.1 → 0.5.2

package/dist/index.d.ts

@@ -1 +1,2 @@
 import './index.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/qb-api-calls/index.d.ts

@@ -79,3 +79,4 @@ export declare function QBChatMarkMessageDelivered(params: QBMessageStatusParams
 export declare function QBWebRTCSessionGetUserMedia(session: QBWebRTCSession, params: QBMediaParams): Promise<MediaStream | undefined>;
 export declare function QBAnswerAssist(smartChatAssistantId: string, messageToAssist: string, history: AIChatHistory): Promise<AIAnswerResponse>;
 export declare function QBTranslate(smartChatAssistantId: string, textToTranslate: string, languageCode: string): Promise<AIAnswerResponse>;
+//# sourceMappingURL=index.d.ts.map

package/dist/setupTests.d.ts

@@ -1 +1,2 @@
 import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/utils/DateTimeFormatter.d.ts

@@ -4,3 +4,4 @@ export declare const getTimeShort24hFormat: (dateTimeToFormat: number) => string
 export declare const getDateForDialog: (dateTimeToFormat: number) => string;
 export declare const formatShortTime3: (dateTimeToFormat: number) => string;
 export declare const formatShortTime4: (dateTimeToFormat: number) => string;
+//# sourceMappingURL=DateTimeFormatter.d.ts.map

package/dist/utils/formatFileSize.d.ts

@@ -1 +1,2 @@
 export declare const formatFileSize: (size: number) => string;
+//# sourceMappingURL=formatFileSize.d.ts.map

package/dist/utils/parse.d.ts

@@ -5,3 +5,4 @@ export declare const parseErrorMessage: (message: string) => string;
 export declare function isQBError(error: unknown): error is QBError;
 export declare function stringifyError(error: unknown): string;
 export declare const isSessionDoesNotExistError: (error: string) => boolean;
+//# sourceMappingURL=parse.d.ts.map

package/dist/utils/utils.d.ts

@@ -10,3 +10,4 @@ export declare class AIUtils {
     static createRephrasePrompt(textToSend: string, tone?: Tone): string;
     static messageEntitiesToIChatMessageCollection(messageEntities: MessageEntity[], currentUserId: number | undefined, MAX_TOKENS?: number): IChatMessage[];
 }
+//# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "main": "dist/index-ui.js",
   "types": "dist/index-ui.d.ts",
   "license": "MIT",
@@ -8,12 +8,12 @@
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "classnames": "^2.3.2",
+    "media-recorder-js": "^2.1.0",
     "qb-ai-answer-assistant": "^0.1.2",
     "qb-ai-core": "^0.1.3",
     "qb-ai-rephrase": "^0.1.2",
     "qb-ai-translate": "^0.1.2",
-    "quickblox": "^2.20.0",
-    "media-recorder-js": "^2.1.0",
+    "quickblox": "2.22.0-alpha.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^6.11.1",
@@ -42,7 +42,8 @@
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^27.5.2",
-    "@types/node": "^20.17.19",
+    "@types/node": "^20.17.30",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/eslint-plugin-tslint": "^5.45.1",
     "@typescript-eslint/parser": "^5.45.1",
     "babel-loader": "^9.2.1",
@@ -63,6 +64,7 @@
     "eslint-plugin-storybook": "^0.11.3",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.6.3",
+    "jest": "^30.2.0",
     "mini-css-extract-plugin": "^2.9.2",
     "path-browserify": "^1.0.1",
     "prettier": "^2.8.0",
@@ -75,15 +77,16 @@
     "ts-loader": "^9.4.2",
     "url-loader": "^4.1.1",
     "web-vitals": "^2.1.4",
-    "webpack": "^5.82.1",
-    "webpack-cli": "^5.1.1",
-    "webpack-dev-server": "^4.11.1"
+    "webpack": "^5.105.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.3"
   },
   "scripts": {
     "start": "webpack serve --config webpack.app.config.js --mode development",
+    "build": "npm run build:app",
     "build:app": "webpack --config webpack.app.config.js --mode production",
     "build:lib": "webpack --config webpack.lib.config.js --mode production",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "lint": "eslint ./src",
     "format": "prettier --write .",
     "storybook": "storybook dev -p 6006",
@@ -101,6 +104,9 @@
       "plugin:storybook/recommended"
     ]
   },
+  "engines": {
+    "node": ">=20"
+  },
   "browserslist": {
     "production": [
       ">0.2%",

package/src/Data/repository/ConnectionRepository.ts

@@ -3,7 +3,7 @@ import { stringifyError } from '../../utils/parse';
 import { getQB } from '../../qb-api-calls';
 
 export default class ConnectionRepository extends SubscriptionPerformer<boolean> {
-  private timerId: NodeJS.Timeout | null = null; // Используем Timeout вместо Timer
+  private timerId: ReturnType<typeof setInterval> | undefined;
 
   private _needInit: boolean;
 
@@ -97,7 +97,8 @@ export default class ConnectionRepository extends SubscriptionPerformer<boolean>
 
   public stopKeepAlive() {
     if (this.timerId) {
-      clearTimeout(this.timerId);
+      clearInterval(this.timerId);
+      this.timerId = undefined;
     }
   }
 

package/src/Data/source/remote/Mapper/MessageDTOMapper.ts

@@ -14,6 +14,16 @@ type DtoValidator<T> = {
 };
 
 export class MessageDTOMapper implements IDTOMapper {
+  private static normalizeUidToString(
+    uid: string | number | undefined,
+  ): string | undefined {
+    if (uid === undefined || uid === null) {
+      return undefined;
+    }
+
+    return String(uid);
+  }
+
   // eslint-disable-next-line class-methods-use-this
   fromDTO<TArg, TResult>(dto: TArg): Promise<TResult> {
     const messageDTO: RemoteMessageDTO = dto as RemoteMessageDTO;
@@ -46,20 +56,24 @@ export class MessageDTOMapper implements IDTOMapper {
   ) {
     const result: ChatMessageAttachmentEntity[] = qbAtts.map((item) => {
       const QB = getQB();
+      const normalizedUid = MessageDTOMapper.normalizeUidToString(item.uid);
+      const normalizedUrl = normalizedUid
+        ? QB.content.privateUrl(normalizedUid)
+        : undefined;
       const newItem: ChatMessageAttachmentEntity = {
         id: item.id,
         name: item.name,
         size: item.size,
         type: item.type,
-        uid: item.uid,
-        url: item.uid && QB.content.privateUrl(item.uid),
+        uid: normalizedUid,
+        url: normalizedUrl,
         file: {
           id: item.id,
           name: item.name,
           size: item.size,
           type: item.type,
-          uid: item.uid || '',
-          url: item.uid && QB.content.privateUrl(item.uid),
+          uid: normalizedUid || '',
+          url: normalizedUrl,
         },
       };
       const messageParts = MessageDTOMapper.getMessageParts(qbMessage);
@@ -73,11 +87,16 @@ export class MessageDTOMapper implements IDTOMapper {
         newItem.name = messageParts[1];
         // eslint-disable-next-line prefer-destructuring
         newItem.type = messageParts[3];
-        newItem.url = newItem.uid && QB.content.privateUrl(newItem.uid);
+        const parsedUid = MessageDTOMapper.normalizeUidToString(newItem.uid);
+
+        newItem.uid = parsedUid;
+        newItem.url = parsedUid ? QB.content.privateUrl(parsedUid) : undefined;
         if (newItem.file) {
-          newItem.file.uid = newItem.uid;
+          newItem.file.uid = parsedUid || '';
           newItem.file.name = newItem.name;
-          newItem.file.url = newItem.uid && QB.content.privateUrl(newItem.uid);
+          newItem.file.url = parsedUid
+            ? QB.content.privateUrl(parsedUid)
+            : undefined;
           newItem.file.type = newItem.type;
         }
       }
@@ -143,7 +162,6 @@ export class MessageDTOMapper implements IDTOMapper {
         console.error(e);
       }
 
-
       dto.id = qbMessage._id;
       dto.dialogId = qbMessage.chat_dialog_id;
       dto.message = qbMessage.message; // MessageDTOMapper.formatMessage(qbMessage.message);
@@ -200,21 +218,20 @@ export class MessageDTOMapper implements IDTOMapper {
   //     size: attachment.size || 0,
   //   };
   // }
-    public static convertAttachment(
-        attachment: ChatMessageAttachmentEntity,
-    ): ChatMessageAttachment {
-        return {
-            id: attachment.id.toString(),
-            uid: attachment.uid?.toString() || '',
-            type: attachment.type.toString(),
-            url: attachment.url?.toString() || '',
-            name: attachment.name?.toString() || '',
-            size: attachment.size?.toString() || '',
-        } as ChatMessageAttachment;
-    }
-
+  public static convertAttachment(
+    attachment: ChatMessageAttachmentEntity,
+  ): ChatMessageAttachment {
+    return {
+      id: attachment.id.toString(),
+      uid: attachment.uid?.toString() || '',
+      type: attachment.type.toString(),
+      url: attachment.url?.toString() || '',
+      name: attachment.name?.toString() || '',
+      size: attachment.size?.toString() || '',
+    } as ChatMessageAttachment;
+  }
 
-    public static convertToQBChatNewMessage(
+  public static convertToQBChatNewMessage(
     messages: RemoteMessageDTO[],
   ): QBChatMessage[] {
     return messages.map((message) => {

package/src/Domain/use_cases/SyncDialogsUseCase.ts

@@ -15,9 +15,9 @@ export class SyncDialogsUseCase extends BaseUseCase<boolean, boolean> {
 
   private callBackExecute: CallBackFunction<boolean> | undefined;
 
-  private timer1Id: NodeJS.Timer | undefined;
+  private timer1Id: ReturnType<typeof setTimeout> | undefined;
 
-  private timer2Id: NodeJS.Timer | undefined;
+  private timer2Id: ReturnType<typeof setTimeout> | undefined;
 
   private timerId: NodeJS.Timeout | null = null;
 
@@ -170,7 +170,7 @@ export class SyncDialogsUseCase extends BaseUseCase<boolean, boolean> {
   override release() {
     super.release();
     if (this.timerId) {
-      clearInterval(this.timerId as NodeJS.Timeout);
+      clearInterval(this.timerId);
     }
   }
 }

package/src/Domain/use_cases/UserTypingMessageUseCase.ts

@@ -11,7 +11,7 @@ export class UserTypingMessageUseCase implements IUseCase<void, void> {
 
   private typingTimeout = 3;
 
-  private _typingTimer: NodeJS.Timeout | null = null;
+  private _typingTimer: ReturnType<typeof setInterval> | null = null;
 
   private _typingTime = 0;
 
@@ -36,7 +36,9 @@ export class UserTypingMessageUseCase implements IUseCase<void, void> {
       this._typingTimer = setInterval(() => {
         if ((Date.now() - this._typingTime) / 1000 >= this.typingTimeout) {
           this.messagesRepository.typingMessageStop(this.dialog, this.senderId);
-          clearInterval(this._typingTimer as NodeJS.Timeout);
+          if (this._typingTimer) {
+            clearInterval(this._typingTimer);
+          }
           this._typingTimer = null;
           this._typingTime = 0;
         }

package/src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import './VoiceRecordingProgress.scss';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 
@@ -15,7 +15,8 @@ const VoiceRecordingProgress = ({
   onClick,
   onTouch,
 }: VoiceRecordingProgressProps) => {
-  let timerId: NodeJS.Timeout | null = null;
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const [currentTime, setCurrentTime] = useState(Date.now());
   const [timeString, setTimeString] = useState('00:00:00');
   const [startTime] = useState(Date.now());
@@ -33,9 +34,13 @@ const VoiceRecordingProgress = ({
   }, [currentTime]);
 
   const stopTimer = () => {
-    if (timerId) {
-      clearInterval(timerId as NodeJS.Timeout);
-      timerId = null;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
     }
     if (onClick) onClick();
     if (onTouch) onTouch();
@@ -45,12 +50,12 @@ const VoiceRecordingProgress = ({
   const startTimer = () => {
     const longRec = longRecInSec <= 60 && longRecInSec > 0 ? longRecInSec : 10;
 
-    setTimeout(() => {
+    timeoutRef.current = setTimeout(() => {
       stopTimer();
     }, longRec * 1000);
 
-    if (!timerId) {
-      timerId = setInterval(() => {
+    if (!intervalRef.current) {
+      intervalRef.current = setInterval(() => {
         setCurrentTime(Date.now());
       }, 1000);
     }
@@ -58,6 +63,17 @@ const VoiceRecordingProgress = ({
 
   useEffect(() => {
     if (startStatus) startTimer();
+
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
   }, [startStatus]);
 
   return (

package/storybook-static/161.77e7dbc5.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see 161.77e7dbc5.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[161],{"./node_modules/react-dom/cjs/react-dom-test-utils.production.js"(__unused_webpack_module,exports,__webpack_require__){var React=__webpack_require__("./node_modules/react/index.js"),didWarnAboutUsingAct=!1;exports.act=function(callback){return!1===didWarnAboutUsingAct&&(didWarnAboutUsingAct=!0,console.error("`ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.")),React.act(callback)}},"./node_modules/react-dom/test-utils.js"(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom-test-utils.production.js")}}]);