Merge pull request #210 from GetStream/fix-file-size-handling

feat: Add support for stream-chat 5.6

Author: szuperaz

package-lock.json

@@ -94,7 +94,7 @@
     "emoji-regex": "^10.0.0",
     "pretty-bytes": "^5.6.0",
     "rxjs": "~6.6.0",
-    "stream-chat": "^5.0.0",
+    "stream-chat": "^5.6.0",
     "ts-node": "^10.2.1",
     "tslib": "^2.3.0",
     "uuidv4": "^6.2.12",

package.json

@@ -376,8 +376,18 @@ describe('AttachmentListComponent', () => {
       ];
       component.ngOnChanges();
       fixture.detectChanges();
-      const preview = queryAttachments()[0];
-      const fileSize = preview.querySelector('[data-testclass="size"]');
+      let preview = queryAttachments()[0];
+      let fileSize = preview.querySelector('[data-testclass="size"]');
+
+      expect(fileSize?.textContent).toContain('3.27 MB');
+
+      component.attachments = [
+        { type: 'file', title, asset_url, file_size: '3272969' },
+      ];
+      component.ngOnChanges();
+      fixture.detectChanges();
+      preview = queryAttachments()[0];
+      fileSize = preview.querySelector('[data-testclass="size"]');
 
       expect(fileSize?.textContent).toContain('3.27 MB');
     });

projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.spec.ts

@@ -69,7 +69,7 @@ export class AttachmentListComponent implements OnChanges {
   }
 
   getFileSize(attachment: Attachment<DefaultAttachmentType>) {
-    return prettybytes(attachment.file_size!);
+    return prettybytes(Number(attachment.file_size!));
   }
 
   trimUrl(url?: string | null) {

projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts

@@ -1120,7 +1120,9 @@ describe('ChannelService', () => {
     expect(latestMessage.readBy.length).toBe(0);
 
     const user = { id: 'jack', name: 'Jack' } as UserResponse;
-    channel.state.read = { [user.id]: { last_read: new Date(), user } };
+    channel.state.read = {
+      [user.id]: { last_read: new Date(), user, unread_messages: 0 },
+    };
     (channel as MockChannel).handleEvent('message.read', {
       user,
     });

projects/stream-chat-angular/src/lib/channel.service.spec.ts

@@ -20,24 +20,28 @@ describe('getReadBy', () => {
           id: 'id1',
           name: 'John',
         },
+        unread_messages: 2,
       },
       sender: {
         last_read: new Date('2021-09-14T13:09:01.004112Z'),
         user: sender,
+        unread_messages: 2,
       },
       id2: {
         last_read: new Date('2021-09-14T13:05:30.004112Z'),
         user: {
           id: 'id2',
           name: 'Alice',
         },
+        unread_messages: 2,
       },
       id3: {
         last_read: new Date('2021-09-14T13:08:30.004112Z'),
         user: {
           id: 'id3',
           name: 'Bob',
         },
+        unread_messages: 2,
       },
     };
     const result = getReadBy(message, channel);

projects/stream-chat-angular/src/lib/read-by.spec.ts

@@ -19,7 +19,6 @@ export type CustomTrigger = {
 
 export type DefaultAttachmentType = UnknownType & {
   asset_url?: string;
-  file_size?: number;
   id?: string;
   images?: Array<{
     image_url?: string;