in progress

Author: szuperaz

projects/sample-app/src/app/app.component.ts

@@ -59,6 +59,11 @@ export class AppComponent implements AfterViewInit {
         : environment.userToken,
       { timeout: 10000 }
     );
+    this.channelService.activeChannel$.subscribe((c) => {
+      console.log(c?.data?.image);
+      console.log(c?.state?.messages[0]?.color);
+      console.log(c?.data?.color);
+    });
     void this.channelService.init(
       environment.channelsFilter || {
         type: 'messaging',

projects/sample-app/src/typings.d.ts

@@ -0,0 +1,11 @@
+import 'stream-chat';
+
+declare module 'stream-chat' {
+  interface CustomChannelData {
+    color: string;
+  }
+
+  interface CustomMessageData {
+    color: string;
+  }
+}

projects/stream-chat-angular/src/lib/@types/stream-chat-common-custom-data.d.ts

@@ -2,7 +2,6 @@ import { Injectable } from '@angular/core';
 import { Attachment } from 'stream-chat';
 import {
   AttachmentConfigration,
-  DefaultStreamChatGenerics,
   ImageAttachmentConfiguration,
   VideoAttachmentConfiguration,
 } from './types';
@@ -66,10 +65,8 @@ export class AttachmentConfigurationService {
     }
 
     const defaultOriginalDimension = 1000000;
-    const urlString = (attachment.img_url ||
-      attachment.thumb_url ||
-      attachment.image_url ||
-      '') as string;
+    const urlString =
+      attachment.img_url || attachment.thumb_url || attachment.image_url || '';
     let url: URL;
     try {
       url = new URL(urlString);

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

@@ -11,10 +11,7 @@ import { ChannelService } from '../channel.service';
 import { StreamI18nService } from '../stream-i18n.service';
 import { AttachmentListComponent } from './attachment-list.component';
 import { Attachment } from 'stream-chat';
-import {
-  CustomAttachmentListContext,
-  DefaultStreamChatGenerics,
-} from '../types';
+import { CustomAttachmentListContext } from '../types';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
 import {
   AfterViewInit,

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

@@ -14,7 +14,6 @@ import {
 import { Action, Attachment } from 'stream-chat';
 import {
   ModalContext,
-  DefaultStreamChatGenerics,
   AttachmentConfigration,
   VideoAttachmentConfiguration,
   ImageAttachmentConfiguration,

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

@@ -4,7 +4,7 @@ import { AppSettings, Attachment } from 'stream-chat';
 import { AttachmentService } from './attachment.service';
 import { ChannelService } from './channel.service';
 import { NotificationService } from './notification.service';
-import { AttachmentUpload, DefaultStreamChatGenerics } from './types';
+import { AttachmentUpload } from './types';
 import { Subject } from 'rxjs';
 import { ChatClientService } from './chat-client.service';
 import { MessageService } from './message.service';

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

@@ -206,9 +206,10 @@ export class AttachmentService {
    *
    * Note: If you just want to use your own CDN for file uploads, you don't necessary need this method, you can just specify you own upload function in the [`ChannelService`](/chat/docs/sdk/angular/services/ChannelService/)
    * @param attachment
+   *
+   * Will set `isCustomAttachment` to `true` on the attachment. This is a non-standard field, other SDKs will ignore this property.
    */
   addAttachment(attachment: Attachment) {
-    // @ts-expect-error this is an internal field
     attachment.isCustomAttachment = true;
     this.createFromAttachments([attachment]);
   }

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

@@ -2,7 +2,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { Channel } from 'stream-chat';
 import { AvatarComponent } from '../avatar/avatar.component';
-import { DefaultStreamChatGenerics } from '../types';
 
 import { AvatarPlaceholderComponent } from './avatar-placeholder.component';
 

projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.spec.ts

@@ -1,12 +1,7 @@
 import { Component, Input, OnChanges } from '@angular/core';
 import { Channel, User } from 'stream-chat';
 import { CustomTemplatesService } from '../custom-templates.service';
-import {
-  AvatarContext,
-  AvatarLocation,
-  AvatarType,
-  DefaultStreamChatGenerics,
-} from '../types';
+import { AvatarContext, AvatarLocation, AvatarType } from '../types';
 
 /**
  * The `AvatarPlaceholder` component displays the [default avatar](/chat/docs/sdk/angular/components/AvatarComponent/) unless a [custom template](/chat/docs/sdk/angular/services/CustomTemplatesService/) is provided. This component is used by the SDK internally, you likely won't need to use it.