quickblox-react-ui-kit 0.5.0 → 0.5.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.5.0",
+  "version": "0.5.1-beta.1",
   "main": "dist/index-ui.js",
   "types": "dist/index-ui.d.ts",
   "license": "MIT",
@@ -12,7 +12,7 @@
     "qb-ai-core": "^0.1.3",
     "qb-ai-rephrase": "^0.1.2",
     "qb-ai-translate": "^0.1.2",
-    "quickblox": "^2.19.2",
+    "quickblox": "^2.19.3-beta.4",
     "media-recorder-js": "^2.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/src/Data/DefaultConfigurations.ts

@@ -256,7 +256,7 @@ export class DefaultConfigurations {
       },
       appConfig: {
         maxFileSize: 10 * 1024 * 1024,
-        sessionTimeOut: 122,
+        sessionTimeOut: 119,
         chatProtocol: {
           active: 2,
         },

package/src/Data/dto/file/LocalFileDTO.ts

@@ -7,7 +7,7 @@ export class LocalFileDTO {
 
   public name: string;
 
-  public size: number;
+  public size: number | string;
 
   public type?: string;
 

package/src/Data/dto/file/RemoteFileDTO.ts

@@ -7,7 +7,7 @@ export class RemoteFileDTO {
 
   public name: string;
 
-  public size: number;
+  public size: number | string;
 
   public type: string;
 

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

@@ -188,20 +188,33 @@ export class MessageDTOMapper implements IDTOMapper {
   }
 
   //
-  public static convertAttachment(
-    attachment: ChatMessageAttachmentEntity,
-  ): ChatMessageAttachment {
-    return {
-      id: attachment.id.toString(),
-      uid: attachment.uid || '',
-      type: attachment.type.toString(),
-      url: attachment.url || '',
-      name: attachment.name || '',
-      size: attachment.size || 0,
-    };
-  }
+  // public static convertAttachment(
+  //   attachment: ChatMessageAttachmentEntity,
+  // ): ChatMessageAttachment {
+  //   return {
+  //     id: attachment.id.toString(),
+  //     uid: attachment.uid || '',
+  //     type: attachment.type.toString(),
+  //     url: attachment.url || '',
+  //     name: attachment.name || '',
+  //     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 convertToQBChatNewMessage(
+    public static convertToQBChatNewMessage(
     messages: RemoteMessageDTO[],
   ): QBChatMessage[] {
     return messages.map((message) => {

package/src/Data/source/remote/RemoteDataSource.ts

@@ -1729,13 +1729,20 @@ export class RemoteDataSource implements IRemoteDataSource {
     if (dto.attachments?.length > 0) {
       qbEntity.extension.attachments = [];
       dto.attachments.forEach((att) => {
-        const chatMessageAttachment: ChatMessageAttachment = {
-          id: att.id,
-          name: att.name,
-          size: att.size,
-          type: att.type.toString(),
-          uid: att.uid,
-        };
+        // const chatMessageAttachment: ChatMessageAttachment = {
+        //   id: att.id,
+        //   name: att.name,
+        //   size: att.size,
+        //   type: att.type.toString(),
+        //   uid: att.uid,
+        // };
+          const chatMessageAttachment: ChatMessageAttachment = {
+              id: att.id?.toString(),
+              name: att.name?.toString(),
+              size: att.size?.toString(),
+              type: att.type?.toString(),
+              uid: att.uid?.toString(),
+          };
 
         qbEntity.extension.attachments?.push(chatMessageAttachment);
       });

package/src/Domain/entity/ChatMessageAttachmentEntity.ts

@@ -10,6 +10,6 @@ export default interface ChatMessageAttachmentEntity {
   /** Link to a file in Internet */
   url?: string;
   name?: string;
-  size?: number;
+  size?: number | string;
   [key: string]: unknown;
 }

package/src/Domain/entity/FileEntity.ts

@@ -5,7 +5,7 @@ export interface FileEntity {
   uid: string;
   url?: string;
   name?: string;
-  size?: number;
+  size?: number | string;
   type?: FileType;
   data?: File;
 }

package/src/Presentation/Views/Dialog/MessageItem/MessageItem.tsx

@@ -196,10 +196,15 @@ export default function MessageItem({
       return (
         <>
           {message.qb_original_messages.map((nestedMessage) => {
+            const senderNameNestedMessage =
+              nestedMessage.sender?.full_name ||
+              nestedMessage.sender?.login ||
+              nestedMessage.sender?.email ||
+              '';
             return (
               <Message
                 key={nestedMessage.id}
-                userName={senderName}
+                userName={senderNameNestedMessage}
                 status={getStatusMessage(nestedMessage)}
                 time={getTimeShort24hFormat(message.date_sent)}
                 type={currentMessageType}

package/src/Presentation/Views/Dialog/SystemMessageBanner/SystemMessageBanner.scss

@@ -10,7 +10,6 @@
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 328px;
   position: relative;
 }
 .username-join-this-chat {

package/src/Presentation/Views/Dialog/useDialogViewModel.ts

@@ -236,6 +236,27 @@ export default function useDialogViewModel(
         }
       }
 
+      if (message.qb_original_messages) {
+        const nestedObj = message.qb_original_messages
+        if (nestedObj && nestedObj.length > 0) {
+          if (userDictionary) {
+            nestedObj[0].sender = userDictionary[nestedObj[0].sender_id];
+            if (
+              nestedObj[0].sender &&
+              nestedObj[0].sender.full_name &&
+              regex &&
+              !regex.test(nestedObj[0].sender.full_name)
+            ) {
+              nestedObj[0].sender.full_name = 'Unknown';
+            }
+          }
+
+          obj.qb_original_messages = nestedObj
+        }
+
+      }
+
+
       return obj;
     });
 

package/src/Presentation/Views/DialogInfo/DialogInfo.scss

@@ -80,15 +80,17 @@ $dialog-information-container-dialog-information-height: 64px;
   overflow: visible;
 }
 .dialog-information-profile-dialog-name {
-  margin-top: 8px;
   color: var(--main-text, #0b1b0f);
   text-align: center;
   font: var(--title-title-medium);
   left: 134.5px;
   top: 112px;
-  display: flex;
   align-items: center;
   justify-content: center;
+  margin: 8px 12px 0 12px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .dialog-information-profile-edit {
   right: -10px;

package/src/QBconfig.ts

@@ -123,11 +123,11 @@ export const QBConfig: QBUIKitConfig = {
   },
   appConfig: {
     maxFileSize: 10485760,
-    sessionTimeOut: 122,
+    sessionTimeOut: 119,
     chatProtocol: {
       active: 2,
     },
-    pingLocalhostTimeInterval: 0,
+    pingLocalhostTimeInterval: 5,
     chatReconnectionTimeInterval: 3,
     debug: true,
     enableForwarding: true,