feat: Add mime type to attachments

Author: szuperaz

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

@@ -354,20 +354,27 @@ describe('AttachmentService', () => {
     service.addAttachment(customAttachment);
 
     expect(service.mapToAttachments()).toEqual([
-      { fallback: 'flower.png', image_url: 'http://url/to/img', type: 'image' },
+      {
+        fallback: 'flower.png',
+        image_url: 'http://url/to/img',
+        type: 'image',
+        mime_type: 'image/png',
+      },
       {
         type: 'video',
         title: 'test.mp4',
         file_size: 22233332,
         asset_url: 'http://url/to/file',
         thumb_url: 'http://url/to/thumb',
+        mime_type: 'video/mp4',
       },
       {
         title: 'note.txt',
         file_size: 3272969,
         asset_url: 'http://url/to/data',
         type: 'file',
         thumb_url: undefined,
+        mime_type: 'plain/text',
       },
       {
         type: 'video',
@@ -380,31 +387,47 @@ describe('AttachmentService', () => {
 
   it('should create attachmentUploads from attachments', () => {
     const attachments = [
-      { fallback: 'flower.png', image_url: 'http://url/to/img', type: 'image' },
+      {
+        fallback: 'flower.png',
+        image_url: 'http://url/to/img',
+        type: 'image',
+        mime_type: undefined,
+      },
       {
         title: 'note.txt',
         file_size: 3272969,
         asset_url: 'http://url/to/data',
         type: 'file',
+        mime_type: undefined,
       },
       {
         title: 'cute.mov',
         file_size: 45367543,
         asset_url: 'http://url/to/video',
         type: 'video',
         thumb_url: 'http://url/to/poster',
+        mime_type: 'video/mov',
       },
       {
         type: 'file',
         asset_url: 'url/to/my/file',
         title: 'my-file.pdf',
+        mime_type: 'application/pdf',
         isCustomAttachment: true,
       },
     ];
-    const imageFile = { name: 'flower.png' };
-    const dataFile = { name: 'note.txt', size: 3272969 };
-    const videoFile = { name: 'cute.mov', size: 45367543 };
-    const customFile = { name: 'my-file.pdf', size: undefined };
+    const imageFile = { name: 'flower.png', type: undefined };
+    const dataFile = { name: 'note.txt', size: 3272969, type: undefined };
+    const videoFile = {
+      name: 'cute.mov',
+      size: 45367543,
+      type: 'video/mov',
+    };
+    const customFile = {
+      name: 'my-file.pdf',
+      size: undefined,
+      type: 'application/pdf',
+    };
     const result = [
       {
         file: imageFile,
@@ -462,6 +485,7 @@ describe('AttachmentService', () => {
       asset_url: 'url/to/my/file',
       file_size: undefined,
       title: 'my-file.pdf',
+      mime_type: undefined,
     };
 
     const spy = jasmine.createSpy();
@@ -476,6 +500,7 @@ describe('AttachmentService', () => {
         file: {
           name: 'my-file.pdf',
           size: undefined,
+          type: undefined,
         } as unknown as File,
         type: 'file',
         fromAttachment: { ...customAttachment, isCustomAttachment: true },

projects/stream-chat-angular/src/lib/attachment.service.ts

@@ -166,6 +166,7 @@ export class AttachmentService<
         if (r.fromAttachment) {
           return r.fromAttachment;
         } else {
+          attachment.mime_type = r.file?.type;
           if (r.type === 'image') {
             attachment.fallback = r.file?.name;
             attachment.image_url = r.url;
@@ -197,6 +198,7 @@ export class AttachmentService<
           type: 'image',
           file: {
             name: attachment.fallback,
+            type: attachment.mime_type,
           } as File,
           fromAttachment: attachment,
         });
@@ -207,6 +209,7 @@ export class AttachmentService<
           file: {
             name: attachment.title,
             size: attachment.file_size,
+            type: attachment.mime_type,
           } as File,
           type: attachment.type,
           thumb_url: attachment.thumb_url,