diff --git a/docusaurus/docs/Angular/_common/supported-attachments.mdx b/docusaurus/docs/Angular/_common/supported-attachments.mdx
new file mode 100644
index 00000000..b517d9fd
--- /dev/null
+++ b/docusaurus/docs/Angular/_common/supported-attachments.mdx
@@ -0,0 +1,16 @@
+import AttachmentsScreenshot from "../assets/attachments-screenshot.png";
+import VoiceRecordingScreenshot from "../assets/voice-recording-screenshot.png";
+
+- Images (including GIFs) are displayed inline
+- Videos are displayed inline
+- Voice recordings are displayed inline
+- Other files can be downloaded
+- Links in a message are enriched with built-in open graph URL scraping
+
+**Example 1** - different type of attachments:
+
+<img src={AttachmentsScreenshot} width="500" />
+
+**Example 2** - voice recording:
+
+<img src={VoiceRecordingScreenshot} width="500" />
diff --git a/docusaurus/docs/Angular/assets/payment-attachment.png b/docusaurus/docs/Angular/assets/payment-attachment.png
new file mode 100644
index 00000000..304e638b
Binary files /dev/null and b/docusaurus/docs/Angular/assets/payment-attachment.png differ
diff --git a/docusaurus/docs/Angular/assets/payment-link.png b/docusaurus/docs/Angular/assets/payment-link.png
new file mode 100644
index 00000000..ebf7193a
Binary files /dev/null and b/docusaurus/docs/Angular/assets/payment-link.png differ
diff --git a/docusaurus/docs/Angular/assets/payment-preview.png b/docusaurus/docs/Angular/assets/payment-preview.png
new file mode 100644
index 00000000..9acc104e
Binary files /dev/null and b/docusaurus/docs/Angular/assets/payment-preview.png differ
diff --git a/docusaurus/docs/Angular/code-examples/custom-attachments.mdx b/docusaurus/docs/Angular/code-examples/custom-attachments.mdx
new file mode 100644
index 00000000..4a018619
--- /dev/null
+++ b/docusaurus/docs/Angular/code-examples/custom-attachments.mdx
@@ -0,0 +1,251 @@
+---
+id: custom-attachments
+title: Custom attachments
+---
+
+import SupportedAttachments from "../_common/supported-attachments.mdx";
+import PaymentLink from "../assets/payment-link.png";
+import PaymentPreview from "../assets/payment-preview.png";
+import PaymentAttachment from "../assets/payment-attachment.png";
+
+The Stream API allows you to add any attachment to a message. The SDK supports some common types (such as images, videos, etc.) out-of-the-box, but you have to provide your own template to display others.
+
+The Angular SDK has out-of-the-box support for the following types:
+
+<SupportedAttachments />
+
+This guide will show you how to create custom attachments. In the example, we'll allow users to make payment links to send money to each other, but the same logic works for any attachment.
+
+## Creating the attachment
+
+Let's add a button to the message input component to make a payment link. How we create the attachment doesn't matter; the important part is to create an `Attachment` object we can provide to the [`AttachmentService`](../../services/AttachmentService).
+
+```html showLineNumbers
+<!-- Each message input component has it's own instance of the AttachmentService -->
+<stream-message-input #input>
+  <button
+    message-input-start
+    (click)="createPaymentLink(input.attachmentService)"
+  >
+    Payment link
+  </button>
+</stream-message-input>
+```
+
+```typescript showLineNumbers {18-22}
+// Optionally, you can define the shape of your custom attachments to get proper compile checks
+type MyGenerics = DefaultStreamChatGenerics & {
+  attachmentType: {
+    type: 'custom';
+    subtype: 'payment';
+    value: string;
+    paymentLink: string;
+  };
+};
+
+createPaymentLink(attachmentService: AttachmentService) {
+  const attachment: Attachment<MyGenerics> = {
+      type: 'custom',
+      subtype: 'payment',
+      value: `${Math.ceil(Math.random() * 99)}$`,
+      paymentLink: 'pay/me/or/else',
+  };
+  // Insert the attachment to the list of custom attachments
+  attachmentService.customAttachments$.next([
+      ...attachmentService.customAttachments$.value,
+      attachment,
+  ]);
+}
+```
+
+<img src={PaymentLink} width="500" />
+
+Clicking the "Payment link" will add the attachment to the message, but we don't yet have any visual indicator of this.
+
+## Custom attachment preview
+
+Let's add a preview of the payment attachment.
+
+To do this, we define the HTML template code for the preview that uses the `AttachmentService` to display the previews of the custom attachments:
+
+```html showLineNumbers
+<ng-template #customAttachmentPreviews let-service="service">
+  <div
+    style="padding: 8px; background-color: azure; border-radius: inherit"
+    class="custom-attachment-container"
+    *ngFor="let attachment of service.customAttachments$ | async"
+  >
+    <ng-container [ngSwitch]="attachment.subtype">
+      <div *ngSwitchCase="'payment'" class="payment-link">
+        🤑 {{ attachment.value }}
+      </div>
+    </ng-container>
+  </div>
+</ng-template>
+```
+
+If you have multiple different types of custom attachments, you can display them all here.
+
+Next, we register the template for the `customAttachmentPreviewListTemplate$` field of the [`CustomTemplatesService`](../../services/CustomTemplatesService):
+
+```typescript showLineNumbers {8-10}
+export class AppComponent implements AfterViewInit {
+  @ViewChild("customAttachmentPreviews")
+  customAttachmentPreviewsTemplate!: TemplateRef<CustomAttachmentPreviewListContext>;
+
+  constructor(private customTemplateService: CustomTemplatesService) {}
+
+  ngAfterViewInit(): void {
+    this.customTemplateService.customAttachmentPreviewListTemplate$.next(
+      this.customAttachmentPreviewsTemplate
+    );
+  }
+}
+```
+
+If we click the "Payment link" button, the preview is now visible:
+
+<img src={PaymentPreview} width="500" />
+
+## Delete attachment preview
+
+Let's allow deleting a payment link by extending the template of the preview:
+
+```html showLineNumbers {10-11}
+<ng-template #customAttachmentPreviews let-service="service">
+  <div
+    style="padding: 8px; background-color: azure; border-radius: inherit"
+    class="custom-attachment-container"
+    *ngFor="let attachment of service.customAttachments$ | async"
+  >
+    <ng-container [ngSwitch]="attachment.subtype">
+      <div *ngSwitchCase="'payment'" class="payment-link">
+        🤑 {{ attachment.value }}
+        <!-- Add a delete button -->
+        <button (click)="deletePaymentLink(attachment, service)">X</button>
+      </div>
+    </ng-container>
+  </div>
+</ng-template>
+```
+
+This is the implementation of the delete payment attachment method:
+
+```typescript showLineNumbers {5-8}
+deletePaymentLink(
+  attachment: Attachment<MyGenerics>,
+  attachmentService: AttachmentService<MyGenerics>
+) {
+  attachmentService.customAttachments$.next(
+    attachmentService.customAttachments$.value.filter(
+      (a) => a.paymentLink !== attachment.paymentLink
+    )
+  );
+}
+```
+
+## Loading state
+
+Sometimes, creating attachments happens asynchronously. If that's the case, you should disable message sending while the attachment is processing.
+
+Here is how you can do that by extending the `createPaymentLink` method:
+
+```typescript showLineNumbers {2-5,23-26}
+async createPaymentLink(attachmentService: AttachmentService) {
+    // Increment the upload counter to disable message send
+    attachmentService.attachmentUploadInProgressCounter$.next(
+      attachmentService.attachmentUploadInProgressCounter$.value + 1
+    );
+    const attachment: Attachment<MyGenerics> = {
+      type: 'custom',
+      subtype: 'payment',
+      value: `${Math.ceil(Math.random() * 99)}$`,
+      paymentLink: '',
+    };
+    // simulate network call
+    await new Promise<void>((resolve) => {
+      setTimeout(() => {
+        attachment.paymentLink = 'pay/me/or/else';
+        resolve();
+      }, 2000);
+    });
+    attachmentService.customAttachments$.next([
+      ...attachmentService.customAttachments$.value,
+      attachment,
+    ]);
+    // Attachment is ready, decrease the upload counter
+    attachmentService.attachmentUploadInProgressCounter$.next(
+      attachmentService.attachmentUploadInProgressCounter$.value - 1
+    );
+  }
+```
+
+## Custom attachment inside the message list
+
+The last missing step is to display the payment link inside the message list. This will be very similar to how we created the attachment preview.
+
+First, let's define an HTML template:
+
+```html showLineNumbers
+<ng-template #customAttachments let-attachments="attachments">
+  <div
+    class="custom-attachment-container"
+    *ngFor="let attachment of attachments"
+  >
+    <ng-container [ngSwitch]="attachment.subtype">
+      <div
+        style="margin-inline: 16px; margin-top: 8px"
+        *ngSwitchCase="'payment'"
+        class="payment-link"
+      >
+        💵
+        <a [href]="attachment.link" target="_blank">{{ attachment.value }}</a>
+      </div>
+    </ng-container>
+  </div>
+</ng-template>
+```
+
+The `attachments` template variable will contain the list of custom attachments.
+
+:::note
+By default the SDK will treat all `image`, `file`, `giphy`, `video` and `voiceRecording` attachments as built-in. All other type of attachments are treated as custom attachments.
+
+If you want to change the filtering logic, provide your own implementation using the `filterCustomAttachment` method of the [`MessageService`](../../services/MessageService/#filtercustomattachment).
+:::
+
+Next, we register the template for the `customAttachmentListTemplate$` field of the [`CustomTemplatesService`](../../services/CustomTemplatesService):
+
+```typescript showLineNumbers {8-10}
+export class AppComponent implements AfterViewInit {
+  @ViewChild("customAttachments")
+  customAttachmentsTemplate!: TemplateRef<CustomAttachmentListContext>;
+
+  constructor(private customTemplateService: CustomTemplatesService) {}
+
+  ngAfterViewInit(): void {
+    this.customTemplateService.customAttachmentListTemplate$.next(
+      this.customAttachmentsTemplate
+    );
+  }
+}
+```
+
+This is how the attachment looks like inside the message list:
+
+<img src={PaymentAttachment} width="500" />
+
+If you need reference to the message ID (and parent message ID for thread replies) the attachments belong to, this is how you can access them:
+
+```html showLineNumbers {4-5}
+<ng-template
+  #customAttachments
+  let-attachments="attachments"
+  let-messageId="messageId"
+  let-parentMessageId="parentMessageId"
+>
+  <div *ngFor="let attachment of attachments">
+    {{ messageId }} {{ parentMessageId }} {{ attachment | json }}
+  </div>
+</ng-template>
+```
diff --git a/docusaurus/docs/Angular/components/AttachmentListComponent.mdx b/docusaurus/docs/Angular/components/AttachmentListComponent.mdx
index ed212008..309ee29f 100644
--- a/docusaurus/docs/Angular/components/AttachmentListComponent.mdx
+++ b/docusaurus/docs/Angular/components/AttachmentListComponent.mdx
@@ -1,25 +1,12 @@
-import AttachmentsScreenshot from "../assets/attachments-screenshot.png";
-import VoiceRecordingScreenshot from "../assets/voice-recording-screenshot.png";
 import ImageSizingScreenshot1 from "../assets/image-sizing-screenshot-1.png";
 import ImageSizingScreenshot2 from "../assets/image-sizing-screenshot-2.png";
 import ImageSizingScreenshot3 from "../assets/image-sizing-screenshot-3.png";
 import AttachmentSizeWarning from "../assets/attachment-size-warning.png";
+import SupportedAttachments from "../_common/supported-attachments.mdx";
 
 The `AttachmentList` component displays the attachments of a message. The following attachments are supported:
 
-- Images (including GIFs) are displayed inline
-- Videos are displayed inline
-- Voice recordings are displayed inline (the Angular SDK doesn't support recording, only playback)
-- Other files can be downloaded
-- Links in a message are enriched with built-in open graph URL scraping
-
-**Example 1** - different type of attachments:
-
-<img src={AttachmentsScreenshot} width="500" />
-
-**Example 2** - voice recording:
-
-<img src={VoiceRecordingScreenshot} width="500" />
+<SupportedAttachments />
 
 ## Basic Usage
 
@@ -122,7 +109,7 @@ The id of the message the attachments belong to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L39)
+[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:44](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L44)
 
 ---
 
@@ -134,7 +121,7 @@ The parent id of the message the attachments belong to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:43](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L43)
+[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:48](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L48)
 
 ---
 
@@ -146,7 +133,7 @@ The attachments to display
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L47)
+[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:52](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L52)
 
 ---
 
@@ -158,6 +145,6 @@ Emits the state of the image carousel window
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:51](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L51)
+[projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts:56](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts#L56)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/AttachmentPreviewListComponent.mdx b/docusaurus/docs/Angular/components/AttachmentPreviewListComponent.mdx
index 3fc748a9..28186a7e 100644
--- a/docusaurus/docs/Angular/components/AttachmentPreviewListComponent.mdx
+++ b/docusaurus/docs/Angular/components/AttachmentPreviewListComponent.mdx
@@ -47,7 +47,7 @@ A stream that emits the current file uploads and their states
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:17](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L17)
+[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:28](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L28)
 
 ---
 
@@ -59,7 +59,7 @@ An output to notify the parent component if the user tries to retry a failed upl
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:21](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L21)
+[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:32](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L32)
 
 ---
 
@@ -71,6 +71,6 @@ An output to notify the parent component if the user wants to delete a file
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:25](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L25)
+[projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts#L36)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/AutocompleteTextareaComponent.mdx b/docusaurus/docs/Angular/components/AutocompleteTextareaComponent.mdx
index 4a17a50c..526a3129 100644
--- a/docusaurus/docs/Angular/components/AutocompleteTextareaComponent.mdx
+++ b/docusaurus/docs/Angular/components/AutocompleteTextareaComponent.mdx
@@ -51,7 +51,7 @@ TextareaInterface.value
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L49)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L49)
 
 ---
 
@@ -67,7 +67,7 @@ TextareaInterface.placeholder
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L53)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L53)
 
 ---
 
@@ -83,7 +83,7 @@ TextareaInterface.areMentionsEnabled
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:57](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L57)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:57](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L57)
 
 ---
 
@@ -99,7 +99,7 @@ TextareaInterface.inputMode
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:61](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L61)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:61](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L61)
 
 ---
 
@@ -115,7 +115,7 @@ TextareaInterface.mentionScope
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:65](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L65)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:65](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L65)
 
 ---
 
@@ -131,7 +131,7 @@ TextareaInterface.autoFocus
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:69](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L69)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:69](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L69)
 
 ---
 
@@ -147,7 +147,7 @@ TextareaInterface.valueChange
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:73](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L73)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:73](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L73)
 
 ---
 
@@ -163,7 +163,7 @@ TextareaInterface.send
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:77](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L77)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:77](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L77)
 
 ---
 
@@ -179,6 +179,6 @@ TextareaInterface.userMentions
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:81](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L81)
+[projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts:81](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts#L81)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/AvatarComponent.mdx b/docusaurus/docs/Angular/components/AvatarComponent.mdx
index 16de5550..fce5494c 100644
--- a/docusaurus/docs/Angular/components/AvatarComponent.mdx
+++ b/docusaurus/docs/Angular/components/AvatarComponent.mdx
@@ -71,7 +71,7 @@ An optional name of the image, used for fallback image or image title (if `image
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L36)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L36)
 
 ---
 
@@ -83,7 +83,7 @@ The URL of the image to be displayed. If the image can't be displayed the first
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:40](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L40)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:40](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L40)
 
 ---
 
@@ -95,7 +95,7 @@ The location the avatar will be displayed in
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:44](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L44)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:44](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L44)
 
 ---
 
@@ -107,7 +107,7 @@ The channel the avatar belongs to (if avatar of a channel is displayed)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:48](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L48)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:48](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L48)
 
 ---
 
@@ -119,7 +119,7 @@ The user the avatar belongs to (if avatar of a user is displayed)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:52](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L52)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:52](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L52)
 
 ---
 
@@ -131,7 +131,7 @@ The type of the avatar: channel if channel avatar is displayed, user if user ava
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:56](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L56)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:56](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L56)
 
 ---
 
@@ -143,7 +143,7 @@ If a channel avatar is displayed, and if the channel has exactly two members a g
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:60](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L60)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:60](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L60)
 
 ---
 
@@ -155,6 +155,6 @@ If channel/user image isn't provided the initials of the name of the channel/use
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L64)
+[projects/stream-chat-angular/src/lib/avatar/avatar.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar/avatar.component.ts#L64)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/AvatarPlaceholderComponent.mdx b/docusaurus/docs/Angular/components/AvatarPlaceholderComponent.mdx
index b5f30ff9..8356d1f1 100644
--- a/docusaurus/docs/Angular/components/AvatarPlaceholderComponent.mdx
+++ b/docusaurus/docs/Angular/components/AvatarPlaceholderComponent.mdx
@@ -12,7 +12,7 @@ An optional name of the image, used for fallback image or image title (if `image
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:23](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L23)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:23](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L23)
 
 ---
 
@@ -24,7 +24,7 @@ The URL of the image to be displayed. If the image can't be displayed the first
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:27](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L27)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:27](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L27)
 
 ---
 
@@ -36,7 +36,7 @@ The location the avatar will be displayed in
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:31](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L31)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:31](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L31)
 
 ---
 
@@ -48,7 +48,7 @@ The channel the avatar belongs to (if avatar of a channel is displayed)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:35](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L35)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:35](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L35)
 
 ---
 
@@ -60,7 +60,7 @@ The user the avatar belongs to (if avatar of a user is displayed)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L39)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L39)
 
 ---
 
@@ -72,7 +72,7 @@ The type of the avatar: channel if channel avatar is displayed, user if user ava
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:43](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L43)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:43](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L43)
 
 ---
 
@@ -84,7 +84,7 @@ If channel/user image isn't provided the initials of the name of the channel/use
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L47)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L47)
 
 ---
 
@@ -96,6 +96,6 @@ If a channel avatar is displayed, and if the channel has exactly two members a g
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L53)
+[projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/avatar-placeholder/avatar-placeholder.component.ts#L53)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/ChannelPreviewComponent.mdx b/docusaurus/docs/Angular/components/ChannelPreviewComponent.mdx
index 090a41fd..511f3107 100644
--- a/docusaurus/docs/Angular/components/ChannelPreviewComponent.mdx
+++ b/docusaurus/docs/Angular/components/ChannelPreviewComponent.mdx
@@ -37,6 +37,6 @@ The channel to be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel-preview/channel-preview.component.ts:28](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel-preview/channel-preview.component.ts#L28)
+[projects/stream-chat-angular/src/lib/channel-preview/channel-preview.component.ts:28](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel-preview/channel-preview.component.ts#L28)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/IconComponent.mdx b/docusaurus/docs/Angular/components/IconComponent.mdx
index 7cc5cb57..f32795f6 100644
--- a/docusaurus/docs/Angular/components/IconComponent.mdx
+++ b/docusaurus/docs/Angular/components/IconComponent.mdx
@@ -33,6 +33,6 @@ The icon to display, the list of [supported icons](https://github.com/GetStream/
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/icon/icon.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/icon/icon.component.ts#L39)
+[projects/stream-chat-angular/src/lib/icon/icon.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/icon/icon.component.ts#L39)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/IconPlaceholderComponent.mdx b/docusaurus/docs/Angular/components/IconPlaceholderComponent.mdx
index f66b7fe9..e6ef2452 100644
--- a/docusaurus/docs/Angular/components/IconPlaceholderComponent.mdx
+++ b/docusaurus/docs/Angular/components/IconPlaceholderComponent.mdx
@@ -12,6 +12,6 @@ The icon to display, the list of [supported icons](https://github.com/GetStream/
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/icon/icon-placeholder/icon-placeholder.component.ts:18](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/icon/icon-placeholder/icon-placeholder.component.ts#L18)
+[projects/stream-chat-angular/src/lib/icon/icon-placeholder/icon-placeholder.component.ts:18](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/icon/icon-placeholder/icon-placeholder.component.ts#L18)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageActionsBoxComponent.mdx b/docusaurus/docs/Angular/components/MessageActionsBoxComponent.mdx
index a2c194d2..77838759 100644
--- a/docusaurus/docs/Angular/components/MessageActionsBoxComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageActionsBoxComponent.mdx
@@ -48,7 +48,7 @@ Indicates if the message actions are belonging to a message that was sent by the
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:37](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L37)
+[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:37](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L37)
 
 ---
 
@@ -60,7 +60,7 @@ The message the actions will be executed on
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:41](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L41)
+[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:41](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L41)
 
 ---
 
@@ -72,7 +72,7 @@ The HTML element which contains the message text, it's used for the "copy messag
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:45](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L45)
+[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:45](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L45)
 
 ---
 
@@ -84,6 +84,6 @@ The list of [channel capabilities](https://getstream.io/chat/docs/javascript/cha
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L49)
+[projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions-box/message-actions-box.component.ts#L49)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageComponent.mdx b/docusaurus/docs/Angular/components/MessageComponent.mdx
index e7871d5a..a78ab288 100644
--- a/docusaurus/docs/Angular/components/MessageComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageComponent.mdx
@@ -73,7 +73,7 @@ The message to be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L64)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L64)
 
 ---
 
@@ -85,7 +85,7 @@ The list of [channel capabilities](https://getstream.io/chat/docs/javascript/cha
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:68](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L68)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:68](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L68)
 
 ---
 
@@ -97,7 +97,7 @@ If `true`, the message status (sending, sent, who read the message) is displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L72)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L72)
 
 ---
 
@@ -109,7 +109,7 @@ Determines if the message is being dispalyed in a channel or in a [thread](https
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L76)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L76)
 
 ---
 
@@ -121,7 +121,7 @@ Highlighting is used to add visual emphasize to a message when jumping to the me
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L80)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L80)
 
 ---
 
@@ -133,6 +133,6 @@ An Observable that emits when the message list is scrolled, it's used to prevent
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message/message.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message/message.component.ts#L84)
+[projects/stream-chat-angular/src/lib/message/message.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message/message.component.ts#L84)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageInputComponent.mdx b/docusaurus/docs/Angular/components/MessageInputComponent.mdx
index 9ff99e01..c7a651c0 100644
--- a/docusaurus/docs/Angular/components/MessageInputComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageInputComponent.mdx
@@ -72,7 +72,7 @@ If file upload is enabled, the user can open a file selector from the input. Ple
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L64)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:64](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L64)
 
 ---
 
@@ -84,7 +84,7 @@ If true, users can mention other users in messages. You also [need to use the `A
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:68](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L68)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:68](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L68)
 
 ---
 
@@ -96,7 +96,7 @@ The scope for user mentions, either members of the current channel of members of
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L72)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L72)
 
 ---
 
@@ -108,7 +108,7 @@ Determines if the message is being dispalyed in a channel or in a [thread](https
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L76)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L76)
 
 ---
 
@@ -120,7 +120,7 @@ If true, users can select multiple files to upload. If no value is provided, it
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L80)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L80)
 
 ---
 
@@ -132,7 +132,7 @@ The message to edit
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L84)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L84)
 
 ---
 
@@ -144,7 +144,7 @@ An observable that can be used to trigger message sending from the outside
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:88](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L88)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:88](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L88)
 
 ---
 
@@ -156,7 +156,7 @@ In `desktop` mode the `Enter` key will trigger message sending, in `mobile` mode
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:92](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L92)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:92](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L92)
 
 ---
 
@@ -168,7 +168,7 @@ Enables or disables auto focus on the textarea element
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:96](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L96)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:96](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L96)
 
 ---
 
@@ -182,7 +182,7 @@ If you don't need that behavior, you can turn this of with this flag. In that ca
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:102](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L102)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:102](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L102)
 
 ---
 
@@ -194,7 +194,7 @@ Use this input to control wether a send button is rendered or not. If you don't
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:106](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L106)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:106](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L106)
 
 ---
 
@@ -206,7 +206,7 @@ You can enable/disable voice recordings with this input
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:110](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L110)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:110](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L110)
 
 ---
 
@@ -218,6 +218,6 @@ Emits when a message was successfuly sent or updated
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:114](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L114)
+[projects/stream-chat-angular/src/lib/message-input/message-input.component.ts:114](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts#L114)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageListComponent.mdx b/docusaurus/docs/Angular/components/MessageListComponent.mdx
index 7a936cac..5f7e6cf5 100644
--- a/docusaurus/docs/Angular/components/MessageListComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageListComponent.mdx
@@ -33,7 +33,7 @@ Determines if the message list should display channel messages or [thread messag
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:63](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L63)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:63](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L63)
 
 ---
 
@@ -45,7 +45,7 @@ The direction of the messages in the list, `bottom-to-top` means newest message
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:67](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L67)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:67](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L67)
 
 ---
 
@@ -57,7 +57,7 @@ You can hide the "jump to latest" button while scrolling. A potential use-case f
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L72)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:72](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L72)
 
 ---
 
@@ -69,7 +69,7 @@ If `true` date separators will be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L76)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:76](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L76)
 
 ---
 
@@ -81,7 +81,7 @@ If `true` unread indicator will be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L80)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:80](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L80)
 
 ---
 
@@ -93,7 +93,7 @@ If date separators are displayed, you can set the horizontal position of the dat
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L84)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:84](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L84)
 
 ---
 
@@ -105,7 +105,7 @@ If date separators are displayed, you can set the horizontal position of the dat
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:88](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L88)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:88](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L88)
 
 ---
 
@@ -119,7 +119,7 @@ This is only applicable for `main` mode, as threads doesn't have read infromatio
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:95](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L95)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:95](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L95)
 
 ---
 
@@ -131,6 +131,6 @@ You can turn on and off the loading indicator that signals to users that more me
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:99](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L99)
+[projects/stream-chat-angular/src/lib/message-list/message-list.component.ts:99](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-list/message-list.component.ts#L99)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageReactionsComponent.mdx b/docusaurus/docs/Angular/components/MessageReactionsComponent.mdx
index d1e78d4a..eee6edbc 100644
--- a/docusaurus/docs/Angular/components/MessageReactionsComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageReactionsComponent.mdx
@@ -53,7 +53,7 @@ The id of the message the reactions belong to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L36)
+[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L36)
 
 ---
 
@@ -65,7 +65,7 @@ The number of reactions grouped by [reaction types](https://github.com/GetStream
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:40](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L40)
+[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:40](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L40)
 
 ---
 
@@ -81,7 +81,7 @@ use `messageReactionGroups`
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L47)
+[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L47)
 
 ---
 
@@ -97,7 +97,7 @@ you can fetch the reactions using [`messageReactionsService.queryReactions()`](h
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L53)
+[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:53](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L53)
 
 ---
 
@@ -109,6 +109,6 @@ List of the user's own reactions of a [message](../types/stream-message.mdx), us
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:57](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L57)
+[projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts:57](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts#L57)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/MessageReactionsSelectorComponent.mdx b/docusaurus/docs/Angular/components/MessageReactionsSelectorComponent.mdx
index 9214ea13..46dc8c12 100644
--- a/docusaurus/docs/Angular/components/MessageReactionsSelectorComponent.mdx
+++ b/docusaurus/docs/Angular/components/MessageReactionsSelectorComponent.mdx
@@ -46,7 +46,7 @@ List of the user's own reactions of a [message](../types/stream-message.mdx), us
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts#L29)
+[projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts#L29)
 
 ---
 
@@ -58,6 +58,6 @@ The id of the message the reactions belong to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts#L33)
+[projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions-selector/message-reactions-selector.component.ts#L33)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/ModalComponent.mdx b/docusaurus/docs/Angular/components/ModalComponent.mdx
index 520c891a..5aabe950 100644
--- a/docusaurus/docs/Angular/components/ModalComponent.mdx
+++ b/docusaurus/docs/Angular/components/ModalComponent.mdx
@@ -28,7 +28,7 @@ If `true` the modal will be displayed, if `false` the modal will be hidden
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/modal/modal.component.ts:25](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L25)
+[projects/stream-chat-angular/src/lib/modal/modal.component.ts:25](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L25)
 
 ---
 
@@ -40,7 +40,7 @@ The content of the modal (can also be provided using `ng-content`)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/modal/modal.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L29)
+[projects/stream-chat-angular/src/lib/modal/modal.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L29)
 
 ---
 
@@ -52,6 +52,6 @@ Emits `true` if the modal becomes visible, and `false` if the modal is closed.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/modal/modal.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L33)
+[projects/stream-chat-angular/src/lib/modal/modal.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/modal/modal.component.ts#L33)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/NotificationComponent.mdx b/docusaurus/docs/Angular/components/NotificationComponent.mdx
index 1e760ad4..a54fdae4 100644
--- a/docusaurus/docs/Angular/components/NotificationComponent.mdx
+++ b/docusaurus/docs/Angular/components/NotificationComponent.mdx
@@ -24,7 +24,7 @@ The type of the notification
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/notification/notification.component.ts:16](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L16)
+[projects/stream-chat-angular/src/lib/notification/notification.component.ts:16](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L16)
 
 ---
 
@@ -36,6 +36,6 @@ The content of the notification (can also be provided using `ng-content`)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/notification/notification.component.ts:20](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L20)
+[projects/stream-chat-angular/src/lib/notification/notification.component.ts:20](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/notification/notification.component.ts#L20)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/PaginatedListComponent.mdx b/docusaurus/docs/Angular/components/PaginatedListComponent.mdx
index accfa433..616af15b 100644
--- a/docusaurus/docs/Angular/components/PaginatedListComponent.mdx
+++ b/docusaurus/docs/Angular/components/PaginatedListComponent.mdx
@@ -35,7 +35,7 @@ The items to display
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:28](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L28)
+[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:28](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L28)
 
 ---
 
@@ -47,7 +47,7 @@ If `true`, the loading indicator will be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:32](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L32)
+[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:32](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L32)
 
 ---
 
@@ -59,7 +59,7 @@ If `false` the component won't ask for more data vua the `loadMore` output
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L36)
+[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:36](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L36)
 
 ---
 
@@ -73,7 +73,7 @@ The `trackBy` to use with the `NgFor` directive
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:42](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L42)
+[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:42](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L42)
 
 ---
 
@@ -87,6 +87,6 @@ The new items should be appended to the `items` array
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L49)
+[projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/paginated-list/paginated-list.component.ts#L49)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/TextareaComponent.mdx b/docusaurus/docs/Angular/components/TextareaComponent.mdx
index c82cdb17..8f6efc53 100644
--- a/docusaurus/docs/Angular/components/TextareaComponent.mdx
+++ b/docusaurus/docs/Angular/components/TextareaComponent.mdx
@@ -48,7 +48,7 @@ TextareaInterface.value
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:35](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L35)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:35](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L35)
 
 ---
 
@@ -64,7 +64,7 @@ TextareaInterface.placeholder
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L39)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:39](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L39)
 
 ---
 
@@ -80,7 +80,7 @@ TextareaInterface.inputMode
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:43](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L43)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:43](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L43)
 
 ---
 
@@ -96,7 +96,7 @@ TextareaInterface.autoFocus
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L47)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:47](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L47)
 
 ---
 
@@ -112,7 +112,7 @@ TextareaInterface.valueChange
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:51](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L51)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:51](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L51)
 
 ---
 
@@ -128,6 +128,6 @@ TextareaInterface.send
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:55](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L55)
+[projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts:55](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/textarea/textarea.component.ts#L55)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/UserListComponent.mdx b/docusaurus/docs/Angular/components/UserListComponent.mdx
index 385e2b65..10adc55b 100644
--- a/docusaurus/docs/Angular/components/UserListComponent.mdx
+++ b/docusaurus/docs/Angular/components/UserListComponent.mdx
@@ -29,7 +29,7 @@ The users to display
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:17](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L17)
+[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:17](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L17)
 
 ---
 
@@ -41,7 +41,7 @@ If `true`, the loading indicator will be displayed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:21](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L21)
+[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:21](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L21)
 
 ---
 
@@ -53,7 +53,7 @@ If `false` the component won't ask for more data vua the `loadMore` output
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:25](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L25)
+[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:25](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L25)
 
 ---
 
@@ -67,6 +67,6 @@ The new items should be appended to the `items` array
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:31](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L31)
+[projects/stream-chat-angular/src/lib/user-list/user-list.component.ts:31](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/user-list/user-list.component.ts#L31)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/VoiceRecordingComponent.mdx b/docusaurus/docs/Angular/components/VoiceRecordingComponent.mdx
index b1295cae..33bc2543 100644
--- a/docusaurus/docs/Angular/components/VoiceRecordingComponent.mdx
+++ b/docusaurus/docs/Angular/components/VoiceRecordingComponent.mdx
@@ -82,6 +82,6 @@ The voice recording attachment
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recording/voice-recording.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recording/voice-recording.component.ts#L29)
+[projects/stream-chat-angular/src/lib/voice-recording/voice-recording.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recording/voice-recording.component.ts#L29)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/components/VoiceRecordingWavebarComponent.mdx b/docusaurus/docs/Angular/components/VoiceRecordingWavebarComponent.mdx
index e6f56be5..4593d1b5 100644
--- a/docusaurus/docs/Angular/components/VoiceRecordingWavebarComponent.mdx
+++ b/docusaurus/docs/Angular/components/VoiceRecordingWavebarComponent.mdx
@@ -34,7 +34,7 @@ The audio element that plays the voice recording
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L29)
+[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:29](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L29)
 
 ---
 
@@ -46,7 +46,7 @@ The waveform data to visualize
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L33)
+[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:33](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L33)
 
 ---
 
@@ -58,6 +58,6 @@ The duration of the voice recording in seconds
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:37](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L37)
+[projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts:37](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.ts#L37)
 
 [//]: # "End of generated content"
diff --git a/docusaurus/docs/Angular/services/AmplitudeRecorderService.mdx b/docusaurus/docs/Angular/services/AmplitudeRecorderService.mdx
index 00dda070..d2986cd0 100644
--- a/docusaurus/docs/Angular/services/AmplitudeRecorderService.mdx
+++ b/docusaurus/docs/Angular/services/AmplitudeRecorderService.mdx
@@ -16,7 +16,7 @@ The recorded amplitudes
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:76](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L76)
+[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:76](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L76)
 
 ## Methods
 
@@ -32,7 +32,7 @@ Temporarily pause amplitude recording, recording can be resumed with `resume`
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:96](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L96)
+[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:96](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L96)
 
 ---
 
@@ -48,7 +48,7 @@ Resume amplited recording after it was pasued
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:104](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L104)
+[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:104](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L104)
 
 ---
 
@@ -70,7 +70,7 @@ Start amplitude recording for the given media stream
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:84](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L84)
+[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:84](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L84)
 
 ---
 
@@ -86,4 +86,4 @@ Stop the amplitude recording and frees up used resources
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:129](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L129)
+[projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts:129](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/amplitude-recorder.service.ts#L129)
diff --git a/docusaurus/docs/Angular/services/AttachmentConfigurationService.mdx b/docusaurus/docs/Angular/services/AttachmentConfigurationService.mdx
index 17c34680..fdcd0d67 100644
--- a/docusaurus/docs/Angular/services/AttachmentConfigurationService.mdx
+++ b/docusaurus/docs/Angular/services/AttachmentConfigurationService.mdx
@@ -32,7 +32,7 @@ A custom handler can be provided to override the default giphy attachment (GIFs
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:37](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L37)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:37](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L37)
 
 ---
 
@@ -60,7 +60,7 @@ A custom handler can be provided to override the default image attachment (image
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:22](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L22)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:22](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L22)
 
 ---
 
@@ -86,7 +86,7 @@ A custom handler can be provided to override the default scraped image attachmen
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:43](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L43)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:43](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L43)
 
 ---
 
@@ -113,7 +113,7 @@ A custom handler can be provided to override the default video attachment (video
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:30](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L30)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:30](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L30)
 
 ---
 
@@ -125,7 +125,7 @@ You can turn on/off thumbnail generation for video attachments
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L49)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L49)
 
 ## Methods
 
@@ -147,7 +147,7 @@ Handles the configuration for giphy attachments, it's possible to provide your o
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L180)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L180)
 
 ---
 
@@ -171,7 +171,7 @@ Handles the configuration for image attachments, it's possible to provide your o
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:57](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L57)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:57](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L57)
 
 ---
 
@@ -193,7 +193,7 @@ Handles the configuration for scraped image attachments, it's possible to provid
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:200](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L200)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:200](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L200)
 
 ---
 
@@ -216,4 +216,4 @@ Handles the configuration for video attachments, it's possible to provide your o
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:123](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L123)
+[projects/stream-chat-angular/src/lib/attachment-configuration.service.ts:123](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment-configuration.service.ts#L123)
diff --git a/docusaurus/docs/Angular/services/AttachmentService.mdx b/docusaurus/docs/Angular/services/AttachmentService.mdx
index 93981cba..9d653f75 100644
--- a/docusaurus/docs/Angular/services/AttachmentService.mdx
+++ b/docusaurus/docs/Angular/services/AttachmentService.mdx
@@ -14,13 +14,17 @@ You can read more about [uploads](https://getstream.io/chat/docs/javascript/file
 
 ### attachmentUploadInProgressCounter$
 
-• **attachmentUploadInProgressCounter$**: `Observable`\<`number`\>
+• **attachmentUploadInProgressCounter$**: `BehaviorSubject`\<`number`\>
 
 Emits the number of uploads in progress.
 
+You can increment and decrement this counter if you're using custom attachments and want to disable message sending until all attachments are uploaded.
+
+The SDK will handle updating this counter for built-in attachments, but for custom attachments you should take care of this.
+
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L29)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:34](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L34)
 
 ---
 
@@ -32,7 +36,21 @@ Emits the state of the uploads ([`AttachmentUpload[]`](https://github.com/GetStr
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:33](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L33)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:38](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L38)
+
+---
+
+### customAttachments$
+
+• **customAttachments$**: `BehaviorSubject`\<`Attachment`\<`T`\>[]\>
+
+You can get and set the list if uploaded custom attachments
+
+By default the SDK components won't display these, but you can provide your own `customAttachmentPreviewListTemplate$` and `customAttachmentListTemplate$` for the [`CustomTemplatesService`](../../services/CustomTemplatesService).
+
+#### Defined in
+
+[projects/stream-chat-angular/src/lib/attachment.service.ts:44](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L44)
 
 ## Methods
 
@@ -56,7 +74,7 @@ Note: If you just want to use your own CDN for file uploads, you don't necessary
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:157](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L157)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:166](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L166)
 
 ---
 
@@ -78,7 +96,7 @@ Maps attachments received from the Stream API to uploads. This is useful when ed
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:246](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L246)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:256](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L256)
 
 ---
 
@@ -100,7 +118,7 @@ Deletes an attachment, the attachment can have any state (`error`, `uploading` o
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:182](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L182)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:191](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L191)
 
 ---
 
@@ -124,7 +142,7 @@ A promise with true or false. If false is returned the upload was canceled becau
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:99](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L99)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:108](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L108)
 
 ---
 
@@ -142,7 +160,7 @@ the attachments
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:212](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L212)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:221](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L221)
 
 ---
 
@@ -158,7 +176,7 @@ Resets the attachments uploads (for example after the message with the attachmen
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:57](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L57)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:65](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L65)
 
 ---
 
@@ -182,7 +200,7 @@ A promise with the result
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:167](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L167)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:176](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L176)
 
 ---
 
@@ -206,4 +224,4 @@ A promise with true or false. If false is returned the upload was canceled becau
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/attachment.service.ts:66](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/attachment.service.ts#L66)
+[projects/stream-chat-angular/src/lib/attachment.service.ts:75](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/attachment.service.ts#L75)
diff --git a/docusaurus/docs/Angular/services/AudioRecorderService.mdx b/docusaurus/docs/Angular/services/AudioRecorderService.mdx
index d1479ed6..4b36566d 100644
--- a/docusaurus/docs/Angular/services/AudioRecorderService.mdx
+++ b/docusaurus/docs/Angular/services/AudioRecorderService.mdx
@@ -25,7 +25,7 @@ MultimediaRecorder.config
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:24](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L24)
+[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:24](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L24)
 
 ## Methods
 
@@ -45,7 +45,7 @@ MultimediaRecorder.pause
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:62](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L62)
+[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:62](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L62)
 
 ---
 
@@ -65,7 +65,7 @@ MultimediaRecorder.resume
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:73](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L73)
+[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:73](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L73)
 
 ---
 
@@ -85,7 +85,7 @@ MultimediaRecorder.start
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L49)
+[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L49)
 
 ---
 
@@ -114,4 +114,4 @@ MultimediaRecorder.stop
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:87](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L87)
+[projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts:87](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts#L87)
diff --git a/docusaurus/docs/Angular/services/ChannelService.mdx b/docusaurus/docs/Angular/services/ChannelService.mdx
index 401c59d5..b52bbbd2 100644
--- a/docusaurus/docs/Angular/services/ChannelService.mdx
+++ b/docusaurus/docs/Angular/services/ChannelService.mdx
@@ -24,7 +24,7 @@ The active channel will always be marked as read when a new message is received
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:80](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L80)
+[projects/stream-chat-angular/src/lib/channel.service.ts:80](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L80)
 
 ---
 
@@ -38,7 +38,7 @@ This property isn't always updated, please use `channel.read` to display up-to-d
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:132](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L132)
+[projects/stream-chat-angular/src/lib/channel.service.ts:132](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L132)
 
 ---
 
@@ -50,7 +50,7 @@ Emits the list of currently loaded messages of the active channel.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:84](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L84)
+[projects/stream-chat-angular/src/lib/channel.service.ts:84](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L84)
 
 ---
 
@@ -62,7 +62,7 @@ Emits the list of pinned messages of the active channel.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:88](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L88)
+[projects/stream-chat-angular/src/lib/channel.service.ts:88](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L88)
 
 ---
 
@@ -76,7 +76,7 @@ This property isn't always updated, please use `channel.read` to display up-to-d
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:138](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L138)
+[projects/stream-chat-angular/src/lib/channel.service.ts:138](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L138)
 
 ---
 
@@ -88,7 +88,7 @@ Emits the currently selected parent message. If no message is selected, it emits
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:100](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L100)
+[projects/stream-chat-angular/src/lib/channel.service.ts:100](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L100)
 
 ---
 
@@ -100,7 +100,7 @@ Emits the id of the currently selected parent message. If no message is selected
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:92](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L92)
+[projects/stream-chat-angular/src/lib/channel.service.ts:92](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L92)
 
 ---
 
@@ -112,7 +112,7 @@ Emits the list of currently loaded thread replies belonging to the selected pare
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:96](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L96)
+[projects/stream-chat-angular/src/lib/channel.service.ts:96](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L96)
 
 ---
 
@@ -138,7 +138,7 @@ The provided method will be called before a new message is sent to Stream's API.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:305](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L305)
+[projects/stream-chat-angular/src/lib/channel.service.ts:305](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L305)
 
 ---
 
@@ -164,7 +164,7 @@ The provided method will be called before a message is sent to Stream's API for
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:311](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L311)
+[projects/stream-chat-angular/src/lib/channel.service.ts:311](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L311)
 
 ---
 
@@ -178,7 +178,7 @@ If a message is bounced, it will be emitted via this `Observable`. The built-in
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:126](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L126)
+[projects/stream-chat-angular/src/lib/channel.service.ts:126](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L126)
 
 ---
 
@@ -190,7 +190,7 @@ The result of the latest channel query request.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:70](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L70)
+[projects/stream-chat-angular/src/lib/channel.service.ts:70](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L70)
 
 ---
 
@@ -206,7 +206,7 @@ If you want to subscribe to channel events, you need to manually reenter Angular
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:66](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L66)
+[projects/stream-chat-angular/src/lib/channel.service.ts:66](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L66)
 
 ---
 
@@ -235,7 +235,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:156](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L156)
+[projects/stream-chat-angular/src/lib/channel.service.ts:156](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L156)
 
 ---
 
@@ -268,7 +268,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L180)
+[projects/stream-chat-angular/src/lib/channel.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L180)
 
 ---
 
@@ -301,7 +301,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:228](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L228)
+[projects/stream-chat-angular/src/lib/channel.service.ts:228](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L228)
 
 ---
 
@@ -334,7 +334,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:212](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L212)
+[projects/stream-chat-angular/src/lib/channel.service.ts:212](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L212)
 
 ---
 
@@ -367,7 +367,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:196](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L196)
+[projects/stream-chat-angular/src/lib/channel.service.ts:196](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L196)
 
 ---
 
@@ -400,7 +400,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:244](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L244)
+[projects/stream-chat-angular/src/lib/channel.service.ts:244](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L244)
 
 ---
 
@@ -427,7 +427,7 @@ You can override the default file delete request - override this if you use your
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:288](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L288)
+[projects/stream-chat-angular/src/lib/channel.service.ts:288](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L288)
 
 ---
 
@@ -454,7 +454,7 @@ You can override the default file upload request - you can use this to upload fi
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:274](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L274)
+[projects/stream-chat-angular/src/lib/channel.service.ts:274](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L274)
 
 ---
 
@@ -481,7 +481,7 @@ You can override the default image delete request - override this if you use you
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:292](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L292)
+[projects/stream-chat-angular/src/lib/channel.service.ts:292](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L292)
 
 ---
 
@@ -508,7 +508,7 @@ You can override the default image upload request - you can use this to upload i
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:281](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L281)
+[projects/stream-chat-angular/src/lib/channel.service.ts:281](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L281)
 
 ---
 
@@ -541,7 +541,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:260](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L260)
+[projects/stream-chat-angular/src/lib/channel.service.ts:260](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L260)
 
 ---
 
@@ -570,7 +570,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:144](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L144)
+[projects/stream-chat-angular/src/lib/channel.service.ts:144](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L144)
 
 ---
 
@@ -599,7 +599,7 @@ If you're adding a new channel, make sure that it's a [watched](https://getstrea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:168](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L168)
+[projects/stream-chat-angular/src/lib/channel.service.ts:168](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L168)
 
 ---
 
@@ -611,7 +611,7 @@ Emits `false` if there are no more pages of channels that can be loaded.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:58](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L58)
+[projects/stream-chat-angular/src/lib/channel.service.ts:58](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L58)
 
 ---
 
@@ -623,7 +623,7 @@ Emits the ID of the message the message list should jump to (can be a channel me
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:108](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L108)
+[projects/stream-chat-angular/src/lib/channel.service.ts:108](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L108)
 
 ---
 
@@ -635,7 +635,7 @@ Emits a map that contains the date of the latest message sent by the current use
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:120](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L120)
+[projects/stream-chat-angular/src/lib/channel.service.ts:120](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L120)
 
 ---
 
@@ -661,7 +661,7 @@ The provided method will be called before deleting a message. If the returned Pr
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:299](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L299)
+[projects/stream-chat-angular/src/lib/channel.service.ts:299](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L299)
 
 ---
 
@@ -673,7 +673,7 @@ Emits the currently selected message to quote
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:104](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L104)
+[projects/stream-chat-angular/src/lib/channel.service.ts:104](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L104)
 
 ---
 
@@ -685,7 +685,7 @@ Emits the list of users that are currently typing in the channel (current user i
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:112](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L112)
+[projects/stream-chat-angular/src/lib/channel.service.ts:112](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L112)
 
 ---
 
@@ -697,7 +697,7 @@ Emits the list of users that are currently typing in the active thread (current
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:116](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L116)
+[projects/stream-chat-angular/src/lib/channel.service.ts:116](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L116)
 
 ---
 
@@ -707,7 +707,7 @@ Emits the list of users that are currently typing in the active thread (current
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:317](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L317)
+[projects/stream-chat-angular/src/lib/channel.service.ts:317](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L317)
 
 ## Accessors
 
@@ -723,7 +723,7 @@ The current active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1619](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1619)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1619](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1619)
 
 ---
 
@@ -739,7 +739,7 @@ The current active channel messages
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1626](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1626)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1626](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1626)
 
 ---
 
@@ -755,7 +755,7 @@ The current thread replies
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1633](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1633)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1633](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1633)
 
 ---
 
@@ -771,7 +771,7 @@ The current list of channels
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1612](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1612)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1612](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1612)
 
 ---
 
@@ -797,7 +797,7 @@ You can return either an offset, or a filter using the [`$lte`/`$gte` operator](
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:547](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L547)
+[projects/stream-chat-angular/src/lib/channel.service.ts:547](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L547)
 
 ---
 
@@ -813,7 +813,7 @@ If set to false, read events won't be sent as new messages are received. If set
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:523](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L523)
+[projects/stream-chat-angular/src/lib/channel.service.ts:523](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L523)
 
 • `set` **shouldMarkActiveChannelAsRead**(`shouldMarkActiveChannelAsRead`): `void`
 
@@ -831,7 +831,7 @@ If set to false, read events won't be sent as new messages are received. If set
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:530](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L530)
+[projects/stream-chat-angular/src/lib/channel.service.ts:530](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L530)
 
 ## Methods
 
@@ -854,7 +854,7 @@ The channel will be added to the beginning of the channel list
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1131](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1131)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1131](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1131)
 
 ---
 
@@ -878,7 +878,7 @@ Adds a reaction to a message.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:806](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L806)
+[projects/stream-chat-angular/src/lib/channel.service.ts:806](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L806)
 
 ---
 
@@ -902,7 +902,7 @@ The list of members matching the search filter
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1056](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1056)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1056](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1056)
 
 ---
 
@@ -918,7 +918,7 @@ Clears the currently selected message to jump
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1291](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1291)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1291](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1291)
 
 ---
 
@@ -940,7 +940,7 @@ Deletes an uploaded file by URL. If you want to know more about [file uploads](h
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1040](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1040)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1040](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1040)
 
 ---
 
@@ -963,7 +963,7 @@ Deletes the message from the active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:928](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L928)
+[projects/stream-chat-angular/src/lib/channel.service.ts:928](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L928)
 
 ---
 
@@ -979,7 +979,7 @@ Deselects the currently active (if any) channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:596](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L596)
+[projects/stream-chat-angular/src/lib/channel.service.ts:596](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L596)
 
 ---
 
@@ -1007,7 +1007,7 @@ use [`messageReactionsService.queryReactions()`](https://getstream.io/chat/docs/
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1643](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1643)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1643](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1643)
 
 ---
 
@@ -1034,7 +1034,7 @@ the list of channels found by the query
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:730](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L730)
+[projects/stream-chat-angular/src/lib/channel.service.ts:730](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L730)
 
 ---
 
@@ -1061,7 +1061,7 @@ the channels that were loaded
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:766](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L766)
+[projects/stream-chat-angular/src/lib/channel.service.ts:766](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L766)
 
 ---
 
@@ -1084,7 +1084,7 @@ Jumps to the selected message inside the message list, if the message is not yet
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1263](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1263)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1263](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1263)
 
 ---
 
@@ -1100,7 +1100,7 @@ Loads the next page of channels. The page size can be set in the [query option](
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:796](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L796)
+[projects/stream-chat-angular/src/lib/channel.service.ts:796](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L796)
 
 ---
 
@@ -1122,7 +1122,7 @@ Loads the next page of messages of the active channel. The page size can be set
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:658](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L658)
+[projects/stream-chat-angular/src/lib/channel.service.ts:658](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L658)
 
 ---
 
@@ -1144,7 +1144,7 @@ Loads the next page of messages of the active thread. The page size can be set i
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:697](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L697)
+[projects/stream-chat-angular/src/lib/channel.service.ts:697](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L697)
 
 ---
 
@@ -1168,7 +1168,7 @@ the result of the request
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1676](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1676)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1676](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1676)
 
 ---
 
@@ -1190,7 +1190,7 @@ Pins the given message in the channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1299](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1299)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1299](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1299)
 
 ---
 
@@ -1211,7 +1211,7 @@ Pins the given message in the channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1143](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1143)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1143](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1143)
 
 ---
 
@@ -1234,7 +1234,7 @@ Removes a reaction from a message.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:822](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L822)
+[projects/stream-chat-angular/src/lib/channel.service.ts:822](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L822)
 
 ---
 
@@ -1256,7 +1256,7 @@ Resends the given message to the active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:876](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L876)
+[projects/stream-chat-angular/src/lib/channel.service.ts:876](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L876)
 
 ---
 
@@ -1272,7 +1272,7 @@ Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observable
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:780](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L780)
+[projects/stream-chat-angular/src/lib/channel.service.ts:780](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L780)
 
 ---
 
@@ -1294,7 +1294,7 @@ Selects or deselects the current message to quote reply to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1122](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1122)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1122](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1122)
 
 ---
 
@@ -1318,7 +1318,7 @@ Selects or deselects the current message to quote reply to
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1085](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1085)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1085](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1085)
 
 ---
 
@@ -1345,7 +1345,7 @@ Sends a message to the active channel. The message is immediately added to the m
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:837](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L837)
+[projects/stream-chat-angular/src/lib/channel.service.ts:837](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L837)
 
 ---
 
@@ -1368,7 +1368,7 @@ If the channel wasn't previously part of the channel, it will be added to the be
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:563](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L563)
+[projects/stream-chat-angular/src/lib/channel.service.ts:563](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L563)
 
 ---
 
@@ -1391,7 +1391,7 @@ Sets the given `message` as an active parent message. If `undefined` is provided
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:623](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L623)
+[projects/stream-chat-angular/src/lib/channel.service.ts:623](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L623)
 
 ---
 
@@ -1413,7 +1413,7 @@ Call this method if user started typing in the active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1595](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1595)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1595](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1595)
 
 ---
 
@@ -1435,7 +1435,7 @@ Call this method if user stopped typing in the active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1604](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1604)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1604](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1604)
 
 ---
 
@@ -1457,7 +1457,7 @@ Removes the given message from pinned messages
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:1318](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L1318)
+[projects/stream-chat-angular/src/lib/channel.service.ts:1318](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L1318)
 
 ---
 
@@ -1479,7 +1479,7 @@ Updates the message in the active channel
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:893](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L893)
+[projects/stream-chat-angular/src/lib/channel.service.ts:893](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L893)
 
 ---
 
@@ -1503,4 +1503,4 @@ the result of file upload requests
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/channel.service.ts:960](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/channel.service.ts#L960)
+[projects/stream-chat-angular/src/lib/channel.service.ts:960](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/channel.service.ts#L960)
diff --git a/docusaurus/docs/Angular/services/ChatClientService.mdx b/docusaurus/docs/Angular/services/ChatClientService.mdx
index 7a610f46..ba76f4f7 100644
--- a/docusaurus/docs/Angular/services/ChatClientService.mdx
+++ b/docusaurus/docs/Angular/services/ChatClientService.mdx
@@ -18,7 +18,7 @@ Emits the current [application settings](https://getstream.io/chat/docs/javascri
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L49)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L49)
 
 ---
 
@@ -30,7 +30,7 @@ The [StreamChat client](https://github.com/GetStream/stream-chat-js/blob/master/
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:38](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L38)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:38](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L38)
 
 ---
 
@@ -42,7 +42,7 @@ Emits the current connection state of the user (`online` or `offline`)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:53](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L53)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:53](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L53)
 
 ---
 
@@ -57,7 +57,7 @@ For performance reasons this Observable operates outside of the Angular change d
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:45](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L45)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:45](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L45)
 
 ---
 
@@ -69,7 +69,7 @@ Emits the list of pending invites of the user. It emits every pending invitation
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:57](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L57)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:57](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L57)
 
 ---
 
@@ -81,7 +81,7 @@ Emits the current chat user
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:61](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L61)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:61](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L61)
 
 ## Methods
 
@@ -105,7 +105,7 @@ The users matching the search
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:226](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L226)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:226](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L226)
 
 ---
 
@@ -121,7 +121,7 @@ Disconnects the current user, and closes the WebSocket connection. Useful when d
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:188](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L188)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:188](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L188)
 
 ---
 
@@ -143,7 +143,7 @@ Flag the message with the given ID. If you want to know [more about flags](https
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:217](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L217)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:217](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L217)
 
 ---
 
@@ -159,7 +159,7 @@ Loads the current [application settings](https://getstream.io/chat/docs/javascri
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:198](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L198)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:198](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L198)
 
 ---
 
@@ -184,4 +184,4 @@ Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/chat-client.service.ts:98](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/chat-client.service.ts#L98)
+[projects/stream-chat-angular/src/lib/chat-client.service.ts:98](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/chat-client.service.ts#L98)
diff --git a/docusaurus/docs/Angular/services/CustomTemplatesService.mdx b/docusaurus/docs/Angular/services/CustomTemplatesService.mdx
index 3886bd43..4070a8a3 100644
--- a/docusaurus/docs/Angular/services/CustomTemplatesService.mdx
+++ b/docusaurus/docs/Angular/services/CustomTemplatesService.mdx
@@ -22,7 +22,7 @@ The template that can be used to override how attachment actions are displayed i
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:276](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L276)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:278](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L278)
 
 ---
 
@@ -34,7 +34,7 @@ The template used to display attachments of a [message](../components/MessageCom
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:109](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L109)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:111](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L111)
 
 ---
 
@@ -46,7 +46,7 @@ The template used to display attachments in the [message input](../components/Me
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:116](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L116)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:118](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L118)
 
 ---
 
@@ -58,7 +58,7 @@ The template used to display avatars for channels and users (instead of the [def
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:123](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L123)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:125](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L125)
 
 ---
 
@@ -70,7 +70,7 @@ The template that can be used to override how a card attachment is displayed ins
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:270](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L270)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:272](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L272)
 
 ---
 
@@ -82,7 +82,7 @@ The template for channel actions displayed in the [channel header](../components
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:102](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L102)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:104](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L104)
 
 ---
 
@@ -94,7 +94,7 @@ The template used to display additional information about a channel under the ch
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:227](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L227)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:229](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L229)
 
 ---
 
@@ -106,7 +106,7 @@ Template used to display the channel information inside the [channel list item](
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:329](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L329)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:331](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L331)
 
 ---
 
@@ -118,7 +118,7 @@ Template used to display an item in the [channel list](../components/ChannelList
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:67](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L67)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:69](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L69)
 
 ---
 
@@ -130,7 +130,31 @@ The autocomplete list item template for commands (used in the [`AutocompleteText
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:60](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L60)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:62](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L62)
+
+---
+
+### customAttachmentListTemplate$
+
+• **customAttachmentListTemplate$**: `BehaviorSubject`\<`undefined` \| `TemplateRef`\<`CustomAttachmentListContext`\>\>
+
+The template used to display custom attachments in the [message component](../../components/MessageComponent.mdx)
+
+#### Defined in
+
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:343](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L343)
+
+---
+
+### customAttachmentPreviewListTemplate$
+
+• **customAttachmentPreviewListTemplate$**: `BehaviorSubject`\<`undefined` \| `TemplateRef`\<`CustomAttachmentPreviewListContext`\>\>
+
+The template used to display custom attachment previews in the [message input component](../../components/MessageInputComponent.mdx)
+
+#### Defined in
+
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:337](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L337)
 
 ---
 
@@ -142,7 +166,7 @@ The template used for displaying file upload/attachment selector inside the [mes
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:234](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L234)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:236](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L236)
 
 ---
 
@@ -154,7 +178,7 @@ Template to display custom metadata inside [message component](../components/Mes
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:220](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L220)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:222](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L222)
 
 ---
 
@@ -166,7 +190,7 @@ The template used to display the date separator inside the [message list](../com
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:288](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L288)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:290](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L290)
 
 ---
 
@@ -180,7 +204,7 @@ Displayed for the last message sent by the current user, if the message isn't ye
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:195](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L195)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:197](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L197)
 
 ---
 
@@ -192,7 +216,7 @@ The template for [emoji picker](../code-examples/emoji-picker.mdx)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:81](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L81)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:83](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L83)
 
 ---
 
@@ -204,7 +228,7 @@ The template to show if the main message list is empty
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:310](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L310)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:312](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L312)
 
 ---
 
@@ -216,7 +240,7 @@ The template to show if the thread message list is empty
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:316](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L316)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:318](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L318)
 
 ---
 
@@ -228,7 +252,7 @@ The template that can be used to override how a file attachment is displayed ins
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:264](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L264)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:266](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L266)
 
 ---
 
@@ -240,7 +264,7 @@ The template that can be used to override how image gallery is displayed inside
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:258](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L258)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:260](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L260)
 
 ---
 
@@ -252,7 +276,7 @@ Template for displaying icons (instead of the [default icon component](../compon
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:130](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L130)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:132](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L132)
 
 ---
 
@@ -264,7 +288,7 @@ The template that can be used to override how a single image attachment is displ
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:240](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L240)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:242](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L242)
 
 ---
 
@@ -276,7 +300,7 @@ Template for displaying the loading indicator (instead of the [default loading i
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:137](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L137)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:139](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L139)
 
 ---
 
@@ -288,7 +312,7 @@ The autocomplete list item template for mentioning users (used in the [`Autocomp
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:54](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L54)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:56](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L56)
 
 ---
 
@@ -300,7 +324,7 @@ The template used for displaying a [mention inside a message](../code-examples/m
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:74](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L74)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:76](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L76)
 
 ---
 
@@ -312,7 +336,7 @@ The template used for displaying an item in the [message actions box](../compone
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:151](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L151)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:153](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L153)
 
 ---
 
@@ -324,7 +348,7 @@ Template for displaying the message actions box (instead of the [default message
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:144](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L144)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:146](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L146)
 
 ---
 
@@ -336,7 +360,7 @@ The template used to display the [message bounce prompt](../components/MessageBo
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:322](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L322)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:324](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L324)
 
 ---
 
@@ -348,7 +372,7 @@ The template used to display the reactions of a [message](../components/MessageC
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:165](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L165)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:167](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L167)
 
 ---
 
@@ -360,7 +384,7 @@ The template used to display the reactions of a [message](../components/MessageC
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:158](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L158)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:160](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L160)
 
 ---
 
@@ -372,7 +396,7 @@ The template used to display a message in the [message list](../components/Messa
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:95](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L95)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:97](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L97)
 
 ---
 
@@ -384,7 +408,7 @@ The template used to display a modal window (instead of the [default modal](../c
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:172](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L172)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:174](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L174)
 
 ---
 
@@ -398,7 +422,7 @@ This UI element is used to separate unread messages from read messages
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:296](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L296)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:298](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L298)
 
 ---
 
@@ -412,7 +436,7 @@ Users can use this notification to jump to the first unread message when it's cl
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:304](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L304)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:306](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L306)
 
 ---
 
@@ -424,7 +448,7 @@ The template used to override the [default notification component](../components
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:179](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L179)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:181](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L181)
 
 ---
 
@@ -438,7 +462,7 @@ Displayed for the last message sent by the current user, if the message is read
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:213](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L213)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:215](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L215)
 
 ---
 
@@ -452,7 +476,7 @@ Displayed for the last message sent by the current user, if the message is curre
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:204](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L204)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:206](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L206)
 
 ---
 
@@ -464,7 +488,7 @@ The template used to display [system messages](https://getstream.io/chat/docs/ja
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:282](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L282)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:284](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L284)
 
 ---
 
@@ -476,7 +500,7 @@ The template used for header of a [thread](../components/ThreadComponent.mdx)
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:186](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L186)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:188](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L188)
 
 ---
 
@@ -488,7 +512,7 @@ The typing indicator template used in the [message list](../components/MessageLi
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:88](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L88)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:90](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L90)
 
 ---
 
@@ -500,7 +524,7 @@ The template that can be used to override how a video attachment is displayed in
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:252](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L252)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:254](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L254)
 
 ---
 
@@ -512,4 +536,4 @@ The template that can be used to override how a voice recording attachment is di
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/custom-templates.service.ts:246](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L246)
+[projects/stream-chat-angular/src/lib/custom-templates.service.ts:248](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/custom-templates.service.ts#L248)
diff --git a/docusaurus/docs/Angular/services/DateParserService.mdx b/docusaurus/docs/Angular/services/DateParserService.mdx
index ebcd547f..0a861ee0 100644
--- a/docusaurus/docs/Angular/services/DateParserService.mdx
+++ b/docusaurus/docs/Angular/services/DateParserService.mdx
@@ -26,7 +26,7 @@ Custom parser to override `parseDate`
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:18](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L18)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:18](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L18)
 
 ---
 
@@ -52,7 +52,7 @@ Custom parser to override `parseDateTime`
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:22](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L22)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:22](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L22)
 
 ---
 
@@ -78,7 +78,7 @@ Custom parser to override `parseTime`
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L14)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L14)
 
 ## Methods
 
@@ -102,7 +102,7 @@ The parsed date
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:43](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L43)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:43](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L43)
 
 ---
 
@@ -126,7 +126,7 @@ The parsed date
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:55](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L55)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:55](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L55)
 
 ---
 
@@ -150,4 +150,4 @@ The parsed time
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/date-parser.service.ts:31](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/date-parser.service.ts#L31)
+[projects/stream-chat-angular/src/lib/date-parser.service.ts:31](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/date-parser.service.ts#L31)
diff --git a/docusaurus/docs/Angular/services/EmojiInputService.mdx b/docusaurus/docs/Angular/services/EmojiInputService.mdx
index 8623f9c7..4c9ce3b2 100644
--- a/docusaurus/docs/Angular/services/EmojiInputService.mdx
+++ b/docusaurus/docs/Angular/services/EmojiInputService.mdx
@@ -12,4 +12,4 @@ If you have an emoji picker in your application, you can propagate the selected
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/emoji-input.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/emoji-input.service.ts#L14)
+[projects/stream-chat-angular/src/lib/message-input/emoji-input.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/emoji-input.service.ts#L14)
diff --git a/docusaurus/docs/Angular/services/MessageActionsService.mdx b/docusaurus/docs/Angular/services/MessageActionsService.mdx
index 73182f55..21e6afc4 100644
--- a/docusaurus/docs/Angular/services/MessageActionsService.mdx
+++ b/docusaurus/docs/Angular/services/MessageActionsService.mdx
@@ -32,7 +32,7 @@ By default the [`MessageComponent`](../../components/MessageComponent) will disp
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions.service.ts:188](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions.service.ts#L188)
+[projects/stream-chat-angular/src/lib/message-actions.service.ts:188](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions.service.ts#L188)
 
 ---
 
@@ -44,7 +44,7 @@ You can pass your own custom actions that will be displayed inside the built-in
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions.service.ts:184](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions.service.ts#L184)
+[projects/stream-chat-angular/src/lib/message-actions.service.ts:184](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions.service.ts#L184)
 
 ---
 
@@ -56,7 +56,7 @@ Default actions - these are the actions that are handled by the built-in compone
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions.service.ts:28](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions.service.ts#L28)
+[projects/stream-chat-angular/src/lib/message-actions.service.ts:28](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions.service.ts#L28)
 
 ---
 
@@ -68,7 +68,7 @@ The built-in components will handle changes to this observable.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions.service.ts#L180)
+[projects/stream-chat-angular/src/lib/message-actions.service.ts:180](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions.service.ts#L180)
 
 ## Methods
 
@@ -93,4 +93,4 @@ the count
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-actions.service.ts:227](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-actions.service.ts#L227)
+[projects/stream-chat-angular/src/lib/message-actions.service.ts:227](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-actions.service.ts#L227)
diff --git a/docusaurus/docs/Angular/services/MessageInputConfigService.mdx b/docusaurus/docs/Angular/services/MessageInputConfigService.mdx
index a991c948..11d7d13e 100644
--- a/docusaurus/docs/Angular/services/MessageInputConfigService.mdx
+++ b/docusaurus/docs/Angular/services/MessageInputConfigService.mdx
@@ -12,7 +12,7 @@ If true, users can mention other users in messages. You also [need to use the `A
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:17](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L17)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:17](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L17)
 
 ---
 
@@ -24,7 +24,7 @@ In `desktop` mode the `Enter` key will trigger message sending, in `mobile` mode
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:29](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L29)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:29](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L29)
 
 ---
 
@@ -36,7 +36,7 @@ If file upload is enabled, the user can open a file selector from the input. Ple
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:13](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L13)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:13](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L13)
 
 ---
 
@@ -48,7 +48,7 @@ If `false`, users can only upload one attachment per message
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:21](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L21)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:21](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L21)
 
 ---
 
@@ -60,7 +60,7 @@ The scope for user mentions, either members of the current channel of members of
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:25](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L25)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:25](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L25)
 
 ---
 
@@ -73,4 +73,4 @@ If `false`, the recording will added to the attachment preview, and users can co
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:34](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L34)
+[projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts:34](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/message-input-config.service.ts#L34)
diff --git a/docusaurus/docs/Angular/services/MessageReactionsService.mdx b/docusaurus/docs/Angular/services/MessageReactionsService.mdx
index 14cfa6e7..31c39dcb 100644
--- a/docusaurus/docs/Angular/services/MessageReactionsService.mdx
+++ b/docusaurus/docs/Angular/services/MessageReactionsService.mdx
@@ -28,7 +28,7 @@ The event handler can retrieve all reactions of a message using the [`messageRea
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions.service.ts:32](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L32)
+[projects/stream-chat-angular/src/lib/message-reactions.service.ts:32](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L32)
 
 ---
 
@@ -42,7 +42,7 @@ You can provide any string as a reaction. The emoji can be provided as a string,
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions.service.ts:20](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L20)
+[projects/stream-chat-angular/src/lib/message-reactions.service.ts:20](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L20)
 
 ## Accessors
 
@@ -58,7 +58,7 @@ Get the currently enabled reactions
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L49)
+[projects/stream-chat-angular/src/lib/message-reactions.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L49)
 
 • `set` **reactions**(`reactions`): `void`
 
@@ -76,7 +76,7 @@ Sets the enabled reactions
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L42)
+[projects/stream-chat-angular/src/lib/message-reactions.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L42)
 
 ## Methods
 
@@ -102,4 +102,4 @@ the reactions and the cursor for the next/prev pages
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-reactions.service.ts:60](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L60)
+[projects/stream-chat-angular/src/lib/message-reactions.service.ts:60](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L60)
diff --git a/docusaurus/docs/Angular/services/MessageService.mdx b/docusaurus/docs/Angular/services/MessageService.mdx
index 005455dc..ff93df84 100644
--- a/docusaurus/docs/Angular/services/MessageService.mdx
+++ b/docusaurus/docs/Angular/services/MessageService.mdx
@@ -2,6 +2,12 @@
 
 The message service contains configuration options related to displaying the message content
 
+## Type parameters
+
+| Name | Type                                                              |
+| :--- | :---------------------------------------------------------------- |
+| `T`  | extends `DefaultStreamChatGenerics` = `DefaultStreamChatGenerics` |
+
 ## Properties
 
 ### customLinkRenderer
@@ -26,13 +32,13 @@ You can provide a custom method to display links
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message.service.ts:24](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message.service.ts#L24)
+[projects/stream-chat-angular/src/lib/message.service.ts:28](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message.service.ts#L28)
 
 ---
 
 ### displayAs
 
-• **displayAs**: `"html"` | `"text"` = `'text'`
+• **displayAs**: `"html"` \| `"text"` = `'text'`
 
 Decides if the message content should be formatted as text or HTML
 
@@ -43,4 +49,58 @@ If you display messages as text the following parts are still be displayed as HT
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message.service.ts:17](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message.service.ts#L17)
+[projects/stream-chat-angular/src/lib/message.service.ts:21](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message.service.ts#L21)
+
+---
+
+### filterCustomAttachment
+
+• `Optional` **filterCustomAttachment**: (`attachment`: `Attachment`\<`T`\>) => `boolean`
+
+The SDK supports the following attachment types: `image`, `file`, `giphy`, `video` and `voiceRecording` attachments.
+
+All other types are treated as custom attachments, however it's possible to override this logic, and provide a custom filtering method which can be used to treat some built-in attachments as custom.
+
+Provide a method which retruns `true` if an attachment should be considered as custom.
+
+#### Type declaration
+
+▸ (`attachment`): `boolean`
+
+##### Parameters
+
+| Name         | Type                |
+| :----------- | :------------------ |
+| `attachment` | `Attachment`\<`T`\> |
+
+##### Returns
+
+`boolean`
+
+#### Defined in
+
+[projects/stream-chat-angular/src/lib/message.service.ts:36](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message.service.ts#L36)
+
+## Methods
+
+### isCustomAttachment
+
+▸ **isCustomAttachment**(`attachment`): `boolean`
+
+Tells if an attachment is custom (you need to provide your own template to display them) or built-in (the SDK supports it out-of-the-box)
+
+#### Parameters
+
+| Name         | Type                |
+| :----------- | :------------------ |
+| `attachment` | `Attachment`\<`T`\> |
+
+#### Returns
+
+`boolean`
+
+`true` if the attachment is custom
+
+#### Defined in
+
+[projects/stream-chat-angular/src/lib/message.service.ts:45](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message.service.ts#L45)
diff --git a/docusaurus/docs/Angular/services/NotificationService.mdx b/docusaurus/docs/Angular/services/NotificationService.mdx
index e15c38dd..f825424d 100644
--- a/docusaurus/docs/Angular/services/NotificationService.mdx
+++ b/docusaurus/docs/Angular/services/NotificationService.mdx
@@ -12,7 +12,7 @@ Emits the currently active [notifications](https://github.com/GetStream/stream-c
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/notification.service.ts:15](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/notification.service.ts#L15)
+[projects/stream-chat-angular/src/lib/notification.service.ts:15](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/notification.service.ts#L15)
 
 ## Methods
 
@@ -51,7 +51,7 @@ A method to clear the notification.
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/notification.service.ts:68](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/notification.service.ts#L68)
+[projects/stream-chat-angular/src/lib/notification.service.ts:68](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/notification.service.ts#L68)
 
 ---
 
@@ -91,4 +91,4 @@ A method to clear the notification (before the timeout).
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/notification.service.ts:31](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/notification.service.ts#L31)
+[projects/stream-chat-angular/src/lib/notification.service.ts:31](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/notification.service.ts#L31)
diff --git a/docusaurus/docs/Angular/services/StreamI18nService.mdx b/docusaurus/docs/Angular/services/StreamI18nService.mdx
index f7383536..aa9303ac 100644
--- a/docusaurus/docs/Angular/services/StreamI18nService.mdx
+++ b/docusaurus/docs/Angular/services/StreamI18nService.mdx
@@ -23,4 +23,4 @@ Registers the translation to the [ngx-translate](https://github.com/ngx-translat
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/stream-i18n.service.ts:19](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/stream-i18n.service.ts#L19)
+[projects/stream-chat-angular/src/lib/stream-i18n.service.ts:19](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/stream-i18n.service.ts#L19)
diff --git a/docusaurus/docs/Angular/services/ThemeService.mdx b/docusaurus/docs/Angular/services/ThemeService.mdx
index cc567dad..4e2ad2cc 100644
--- a/docusaurus/docs/Angular/services/ThemeService.mdx
+++ b/docusaurus/docs/Angular/services/ThemeService.mdx
@@ -12,4 +12,4 @@ A Subject that can be used to get or set the currently active theme. By default
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/theme.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/theme.service.ts#L14)
+[projects/stream-chat-angular/src/lib/theme.service.ts:14](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/theme.service.ts#L14)
diff --git a/docusaurus/docs/Angular/services/TranscoderService.mdx b/docusaurus/docs/Angular/services/TranscoderService.mdx
index 8e1283ac..f8538f30 100644
--- a/docusaurus/docs/Angular/services/TranscoderService.mdx
+++ b/docusaurus/docs/Angular/services/TranscoderService.mdx
@@ -8,16 +8,15 @@ If you want to use your own transcoder you can provide a `customTranscoder`.
 
 ### transcode
 
-▸ **transcode**(`blob`, `options`): `Promise`<`Blob`\>
+▸ **transcode**(`blob`): `Promise`<`Blob`\>
 
 The default transcoder will leave audio/mp4 files as is, and transcode webm files to wav. If you want to customize this, you can provide your own transcoder using the `customTranscoder` field
 
 #### Parameters
 
-| Name      | Type                |
-| :-------- | :------------------ |
-| `blob`    | `Blob`              |
-| `options` | `TranscoderOptions` |
+| Name   | Type   |
+| :----- | :----- |
+| `blob` | `Blob` |
 
 #### Returns
 
@@ -27,4 +26,4 @@ the transcoded file
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/voice-recorder/transcoder.service.ts:68](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/voice-recorder/transcoder.service.ts#L68)
+[projects/stream-chat-angular/src/lib/voice-recorder/transcoder.service.ts:63](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/voice-recorder/transcoder.service.ts#L63)
diff --git a/docusaurus/docs/Angular/services/TransliterationService.mdx b/docusaurus/docs/Angular/services/TransliterationService.mdx
index ec004153..ed6402f2 100644
--- a/docusaurus/docs/Angular/services/TransliterationService.mdx
+++ b/docusaurus/docs/Angular/services/TransliterationService.mdx
@@ -22,4 +22,4 @@ the result of the transliteration
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/transliteration.service.ts:16](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/transliteration.service.ts#L16)
+[projects/stream-chat-angular/src/lib/transliteration.service.ts:16](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/transliteration.service.ts#L16)
diff --git a/docusaurus/docs/Angular/services/VirtualizedListService.mdx b/docusaurus/docs/Angular/services/VirtualizedListService.mdx
index b34fba33..e2264d70 100644
--- a/docusaurus/docs/Angular/services/VirtualizedListService.mdx
+++ b/docusaurus/docs/Angular/services/VirtualizedListService.mdx
@@ -38,7 +38,7 @@ The result of the last query used to load more items
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:46](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L46)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:46](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L46)
 
 ---
 
@@ -50,7 +50,7 @@ The items that should be currently displayed, a subset of all items
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L42)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L42)
 
 ## Accessors
 
@@ -66,7 +66,7 @@ The current value of virtualized items
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:355](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L355)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:355](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L355)
 
 ## Methods
 
@@ -82,4 +82,4 @@ Remove all subscriptions, call this once you're done using an instance of this s
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:362](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L362)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:362](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L362)
diff --git a/docusaurus/docs/Angular/services/VirtualizedMessageListService.mdx b/docusaurus/docs/Angular/services/VirtualizedMessageListService.mdx
index 8cc76f6a..121ffd9f 100644
--- a/docusaurus/docs/Angular/services/VirtualizedMessageListService.mdx
+++ b/docusaurus/docs/Angular/services/VirtualizedMessageListService.mdx
@@ -22,7 +22,7 @@ The result of the last query used to load more items
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:46](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L46)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:46](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L46)
 
 ---
 
@@ -38,7 +38,7 @@ The items that should be currently displayed, a subset of all items
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L42)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L42)
 
 ## Accessors
 
@@ -58,7 +58,7 @@ VirtualizedListService.virtualizedItems
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:355](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L355)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:355](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L355)
 
 ## Methods
 
@@ -78,4 +78,4 @@ Remove all subscriptions, call this once you're done using an instance of this s
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:362](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L362)
+[projects/stream-chat-angular/src/lib/virtualized-list.service.ts:362](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/virtualized-list.service.ts#L362)
diff --git a/docusaurus/docs/Angular/services/VoiceRecorderService.mdx b/docusaurus/docs/Angular/services/VoiceRecorderService.mdx
index c709229e..74598f01 100644
--- a/docusaurus/docs/Angular/services/VoiceRecorderService.mdx
+++ b/docusaurus/docs/Angular/services/VoiceRecorderService.mdx
@@ -12,7 +12,7 @@ Use this property to get/set if the recording component should be visible
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts:15](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts#L15)
+[projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts:15](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts#L15)
 
 ---
 
@@ -24,4 +24,4 @@ The audio recording that was created
 
 #### Defined in
 
-[projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts:19](https://github.com/GetStream/stream-chat-angular/blob/c4925a571484c046f73b9e63286a2e64380af0c6/projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts#L19)
+[projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts:19](https://github.com/GetStream/stream-chat-angular/blob/233af9a28d1b6ecdfe793362d5f20b0e8b749c16/projects/stream-chat-angular/src/lib/message-input/voice-recorder.service.ts#L19)
diff --git a/docusaurus/docs/Angular/theming/component-variables.mdx b/docusaurus/docs/Angular/theming/component-variables.mdx
index e629202b..e25ac13d 100644
--- a/docusaurus/docs/Angular/theming/component-variables.mdx
+++ b/docusaurus/docs/Angular/theming/component-variables.mdx
@@ -5,19 +5,6 @@ title: Component variables
 keywords: [v2, theme-v2, theming-v2, theming, component variables]
 ---
 
-import SDKSpecific from "./SDKSpecific";
-import V2Warning from "./V2Warning";
-
-<SDKSpecific name='react'>
-
-:::info
-
-<V2Warning themingAndCSSPath="../../customization/css_and_theming" />
-
-:::
-
-</SDKSpecific>
-
 CSS variables are the easiest way to customize the theme. The variables are organized into two layers:
 
 - Global
@@ -32,35 +19,39 @@ Component variables can be further grouped in the following ways:
 
 You can find the list of components below:
 
-| Component name                            | Variables                                                                                                                                                                                                                                                                                              |
-| ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `AttachmentList`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/AttachmentList/AttachmentList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/AttachmentList/AttachmentList-layout.scss)                             |
-| `AttachmentPreviewList`                   | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss) |
-| `Autocomplete`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Autocomplete/Autocomplete-theme.scss)                                                                                                                                                                        |
-| `Avatar`                                  | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Avatar/Avatar-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Avatar/Avatar-layout.scss)                                                             |
-| `Channel`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Channel/Channel-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Channel/Channel-layout.scss)                                                         |
-| `ChannelHeader`                           | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelHeader/ChannelHeader-theme.scss)                                                                                                                                                                      |
-| `ChannelList`                             | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelList/ChannelList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelList/ChannelList-layout.scss)                                         |
-| `ChannelPreview`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelPreview/ChannelPreview-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss)                             |
-| `ChannelSearch` (React SDK only)          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ChannelSearch/ChannelSearch-theme.scss)                                                                                                                                                                      |
-| `CircleFAButton`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/CircleFAButton/CircleFAButton-theme.scss)                                                                                                                                                                    |
-| `CTAButton`                               | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/CTAButton/CTAButton-theme.scss)                                                                                                                                                                              |
-| `EditMessageForm`                         | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/EditMessageForm/EditMessageForm-theme.scss)                                                                                                                                                                  |
-| `Icon` (Angular SDK only)                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Icon/Icon-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Icon/Icon-layout.scss)                                                                     |
-| `ImageCarousel` (Angular SDK only)        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ImageCarousel/ImageCarousel-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/ImageCarousel/ImageCarousel-layout.scss)                                 |
-| `LoadingIndicator`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/LoadingIndicator/LoadingIndicator-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/LoadingIndicator/LoadingIndicator-layout.scss)                     |
-| `Message`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Message/Message-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Message/Message-layout.scss)                                                         |
-| `MessageActionsBox`                       | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss)                                                                                                                                                              |
-| `MessageBouncePrompt`                     | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageBouncePrompt/MessageBouncePrompt-theme.scss)                                                                                                                                                          |
-| `MessageInput`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageInput/MessageInput-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageInput/MessageInput-layout.scss)                                     |
-| `MessageList`                             | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageList/MessageList-theme.scss)                                                                                                                                                                          |
-| `MessageNotification` (React SDK only)    | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageNotification/MessageNotification-theme.scss)                                                                                                                                                          |
-| `MessageReactions`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageReactions/MessageReactions-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageReactions/MessageReactions-layout.scss)                     |
-| `MessageReactionsSelector`                | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/MessageReactionsSelector/MessageReactionsSelector-theme.scss)                                                                                                                                                |
-| `Modal`                                   | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Modal/Modal-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Modal/Modal-layout.scss)                                                                 |
-| `Notification`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Notification/Notification-theme.scss)                                                                                                                                                                        |
-| `NotificationList`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/NotificationList/NotificationList-theme.scss)                                                                                                                                                                |
-| `Thread`                                  | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Thread/Thread-theme.scss)                                                                                                                                                                                    |
-| `Tooltip`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/Tooltip/Tooltip-theme.scss)                                                                                                                                                                                  |
-| `TypingIndicator`                         | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/TypingIndicator/TypingIndicator-theme.scss)                                                                                                                                                                  |
-| `VirtualizedMessageList` (React SDK only) | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/VirtualizedMessageList/VirtualizedMessageList-theme.scss)                                                                                                                                                    |
+| Component name                            | Variables                                                                                                                                                                                                                                                                                            |
+| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `AttachmentList`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AttachmentList/AttachmentList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AttachmentList/AttachmentList-layout.scss)                             |
+| `AttachmentPreviewList`                   | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AttachmentPreviewList/AttachmentPreviewList-layout.scss) |
+| `AudioRecorder`                           | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AudioRecorder/AudioRecorder-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/AudioRecorder/AudioRecorder-layout.scss)                                 |
+| `Autocomplete`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Autocomplete/Autocomplete-theme.scss)                                                                                                                                                                       |
+| `Avatar`                                  | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Avatar/Avatar-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Avatar/Avatar-layout.scss)                                                             |
+| `Channel`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Channel/Channel-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Channel/Channel-layout.scss)                                                         |
+| `ChannelHeader`                           | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelHeader/ChannelHeader-theme.scss)                                                                                                                                                                     |
+| `ChannelList`                             | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelList/ChannelList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelList/ChannelList-layout.scss)                                         |
+| `ChannelPreview`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelPreview/ChannelPreview-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss)                             |
+| `ChannelSearch` (React SDK only)          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChannelSearch/ChannelSearch-theme.scss)                                                                                                                                                                     |
+| `ChatView` (React SDK only)               | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChatView/ChatView-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ChatView/ChatView-layout.scss)                                                     |
+| `CircleFAButton`                          | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/CircleFAButton/CircleFAButton-theme.scss)                                                                                                                                                                   |
+| `CTAButton`                               | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/CTAButton/CTAButton-theme.scss)                                                                                                                                                                             |
+| `EditMessageForm`                         | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/EditMessageForm/EditMessageForm-theme.scss)                                                                                                                                                                 |
+| `Icon` (Angular SDK only)                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Icon/Icon-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Icon/Icon-layout.scss)                                                                     |
+| `ImageCarousel` (Angular SDK only)        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ImageCarousel/ImageCarousel-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ImageCarousel/ImageCarousel-layout.scss)                                 |
+| `LoadingIndicator`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/LoadingIndicator/LoadingIndicator-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/LoadingIndicator/LoadingIndicator-layout.scss)                     |
+| `Message`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Message/Message-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Message/Message-layout.scss)                                                         |
+| `MessageActionsBox`                       | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss)                                                                                                                                                             |
+| `MessageBouncePrompt`                     | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageBouncePrompt/MessageBouncePrompt-theme.scss)                                                                                                                                                         |
+| `MessageInput`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageInput/MessageInput-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageInput/MessageInput-layout.scss)                                     |
+| `MessageList`                             | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageList/MessageList-theme.scss)                                                                                                                                                                         |
+| `MessageNotification` (React SDK only)    | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageNotification/MessageNotification-theme.scss)                                                                                                                                                         |
+| `MessageReactions`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageReactions/MessageReactions-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageReactions/MessageReactions-layout.scss)                     |
+| `MessageReactionsSelector`                | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/MessageReactionsSelector/MessageReactionsSelector-theme.scss)                                                                                                                                               |
+| `Modal`                                   | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Modal/Modal-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Modal/Modal-layout.scss)                                                                 |
+| `Notification`                            | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Notification/Notification-theme.scss)                                                                                                                                                                       |
+| `NotificationList`                        | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/NotificationList/NotificationList-theme.scss)                                                                                                                                                               |
+| `Thread`                                  | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Thread/Thread-theme.scss)                                                                                                                                                                                   |
+| `ThreadList` (React SDK only)             | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ThreadList/ThreadList-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/ThreadList/ThreadList-layout.scss)                                             |
+| `Tooltip`                                 | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/Tooltip/Tooltip-theme.scss)                                                                                                                                                                                 |
+| `TypingIndicator`                         | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/TypingIndicator/TypingIndicator-theme.scss)                                                                                                                                                                 |
+| `UnreadCountBadge` (React SDK only)       | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/UnreadCountBadge/UnreadCountBadge-theme.scss), [layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/UnreadCountBadge/UnreadCountBadge-layout.scss)                     |
+| `VirtualizedMessageList` (React SDK only) | [theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/VirtualizedMessageList/VirtualizedMessageList-theme.scss)                                                                                                                                                   |
diff --git a/docusaurus/docs/Angular/theming/global-variables.mdx b/docusaurus/docs/Angular/theming/global-variables.mdx
index fd206abd..434275a1 100644
--- a/docusaurus/docs/Angular/theming/global-variables.mdx
+++ b/docusaurus/docs/Angular/theming/global-variables.mdx
@@ -5,19 +5,6 @@ title: Global variables
 keywords: [v2, theme-v2, theming-v2, theming, global variables]
 ---
 
-import SDKSpecific from "./SDKSpecific";
-import V2Warning from "./V2Warning";
-
-<SDKSpecific name='react'>
-
-:::info
-
-<V2Warning themingAndCSSPath="../../customization/css_and_theming" />
-
-:::
-
-</SDKSpecific>
-
 CSS variables are the easiest way to customize the theme. The variables are organized into two layers:
 
 - Global
@@ -27,8 +14,8 @@ Global variables change the layout/look-and-feel of the whole chat UI, meanwhile
 
 Global variables can be grouped into the following categories:
 
-- **Theme**: colors, typography and border radiuses ([list of global theme variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/_global-theme-variables.scss))
+- **Theme**: colors, typography and border radiuses ([list of global theme variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/_global-theme-variables.scss))
 
-- **Layout**: spacing (padding and margin) and sizing ([list of global layout variables](https://github.com/GetStream/stream-chat-css/tree/v4.17.5/src/v2/styles/_global-layout-variables.scss))
+- **Layout**: spacing (padding and margin) and sizing ([list of global layout variables](https://github.com/GetStream/stream-chat-css/tree/v5.1.0/src/v2/styles/_global-layout-variables.scss))
 
 If you find that these variables are too high-level and you need more granular control, you also have the option to provide [component layer overrides](./component-variables.mdx).
diff --git a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.html b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.html
index 984f9015..cb95b589 100644
--- a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.html
+++ b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.html
@@ -1,4 +1,10 @@
-<div *ngIf="orderedAttachments.length > 0" class="str-chat__attachment-list">
+<div
+  *ngIf="
+    orderedAttachments.length > 0 ||
+    (customAttachments.length > 0 && customAttachmentsTemplate)
+  "
+  class="str-chat__attachment-list"
+>
   <ng-container
     *ngFor="let attachment of orderedAttachments; trackBy: trackByUrl"
   >
@@ -414,6 +420,18 @@
       </ng-container>
     </div>
   </ng-container>
+  <ng-container *ngIf="customAttachmentsTemplate">
+    <ng-template
+      *ngTemplateOutlet="
+        customAttachmentsTemplate;
+        context: {
+          messageId: messageId,
+          parentMessageId: parentMessageId,
+          attachments: customAttachments
+        }
+      "
+    ></ng-template>
+  </ng-container>
 
   <ng-container *ngIf="imagesToView && imagesToView.length > 0">
     <ng-container
diff --git a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.spec.ts b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.spec.ts
index 4b4c7f92..99615b41 100644
--- a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.spec.ts
+++ b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.spec.ts
@@ -11,11 +11,22 @@ import { ChannelService } from '../channel.service';
 import { StreamI18nService } from '../stream-i18n.service';
 import { AttachmentListComponent } from './attachment-list.component';
 import { Attachment } from 'stream-chat';
-import { DefaultStreamChatGenerics } from '../types';
+import {
+  CustomAttachmentListContext,
+  DefaultStreamChatGenerics,
+} from '../types';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
-import { SimpleChange } from '@angular/core';
+import {
+  AfterViewInit,
+  Component,
+  SimpleChange,
+  TemplateRef,
+  ViewChild,
+} from '@angular/core';
 import { mockVoiceRecording } from '../mocks';
 import { VoiceRecordingComponent } from '../voice-recording/voice-recording.component';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { MessageService } from '../message.service';
 
 describe('AttachmentListComponent', () => {
   let component: AttachmentListComponent;
@@ -50,6 +61,8 @@ describe('AttachmentListComponent', () => {
         { provide: ChannelService, useValue: { sendAction: sendAction } },
         StreamI18nService,
         AttachmentConfigurationService,
+        CustomTemplatesService,
+        MessageService,
       ],
       imports: [TranslateModule.forRoot()],
     }).compileComponents();
@@ -174,6 +187,24 @@ describe('AttachmentListComponent', () => {
     expect(queryVideos().length).toBe(1);
   });
 
+  it('should filter custom attachments', () => {
+    const messageService = TestBed.inject(MessageService);
+    messageService.filterCustomAttachment = (attachment: Attachment) =>
+      !attachment.customLink;
+    const imageAttachment = {
+      type: 'image',
+      image_url: 'url/to/image',
+    };
+    const customImageAttachment = {
+      type: 'image',
+      customLink: 'load/from/here',
+    };
+    component.attachments = [imageAttachment, customImageAttachment];
+    component.ngOnChanges({ attachments: {} as SimpleChange });
+
+    expect(component.orderedAttachments.length).toBe(1);
+  });
+
   it('should display voice recording', () => {
     component.attachments = [mockVoiceRecording];
     component.ngOnChanges({ attachments: {} as SimpleChange });
@@ -558,6 +589,7 @@ describe('AttachmentListComponent', () => {
       const thumbUrl = 'https://getstream.io/images/og/OG_Home.png';
       component.attachments = [
         {
+          type: 'image',
           author_name: 'GetStream',
           image_url: undefined,
           og_scrape_url: 'https://getstream.io',
@@ -603,6 +635,7 @@ describe('AttachmentListComponent', () => {
           thumb_url: 'https://getstream.io/images/og/OG_Home.png',
           title,
           title_link: '/',
+          type: 'image',
         },
       ];
       component.ngOnChanges({ attachments: {} as SimpleChange });
@@ -626,6 +659,7 @@ describe('AttachmentListComponent', () => {
           title: 'Stream',
           text,
           title_link: '/',
+          type: 'image',
         },
       ];
       component.ngOnChanges({ attachments: {} as SimpleChange });
@@ -641,6 +675,7 @@ describe('AttachmentListComponent', () => {
       const titleLink = 'https://getstream.io';
       component.attachments = [
         {
+          type: 'image',
           author_name: 'GetStream',
           image_url: undefined,
           og_scrape_url: 'https://getstream.io/home',
@@ -668,6 +703,7 @@ describe('AttachmentListComponent', () => {
           title: 'Stream',
           text: 'Build scalable in-app chat or activity feeds in days. Product teams trust Stream to launch faster, iterate more often, and ship a better user experience.',
           title_link: undefined,
+          type: 'image',
         },
       ];
       component.ngOnChanges({ attachments: {} as SimpleChange });
@@ -1000,3 +1036,101 @@ describe('AttachmentListComponent', () => {
     expect(videoElements[0].poster).toContain(attachments[0].thumb_url);
   });
 });
+
+describe('AttachmentListComponent with custom attachments', () => {
+  @Component({
+    selector: 'stream-test-component-attachment-list',
+    template: `<stream-attachment-list
+        messageId="test"
+        [attachments]="attachments"
+      ></stream-attachment-list>
+      <ng-template #customAttachments let-attachments="attachments">
+        <div
+          class="custom-attachment-container"
+          *ngFor="let attachment of attachments"
+        >
+          <ng-container [ngSwitch]="attachment.subtype">
+            <div *ngSwitchCase="'payment'" class="payment-link">
+              Use the following
+              <a [href]="attachment.link" target="_blank">payment lint</a> to
+              pay me {{ value }}.
+            </div>
+          </ng-container>
+        </div>
+      </ng-template> `,
+  })
+  class TestHostComponentAttachmentListComponent implements AfterViewInit {
+    @ViewChild('customAttachments')
+    template!: TemplateRef<CustomAttachmentListContext>;
+    attachments: Attachment[] = [];
+    constructor(private customTemplatesService: CustomTemplatesService) {}
+
+    ngAfterViewInit(): void {
+      this.customTemplatesService.customAttachmentListTemplate$.next(
+        this.template
+      );
+    }
+  }
+
+  let hostComponent: TestHostComponentAttachmentListComponent;
+  let hostFixture: ComponentFixture<TestHostComponentAttachmentListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [
+        AttachmentListComponent,
+        TestHostComponentAttachmentListComponent,
+      ],
+      providers: [CustomTemplatesService],
+    }).compileComponents();
+
+    hostFixture = TestBed.createComponent(
+      TestHostComponentAttachmentListComponent
+    );
+    hostComponent = hostFixture.componentInstance;
+    hostFixture.detectChanges();
+  });
+
+  it('should display custom attachments', () => {
+    expect(
+      hostFixture.nativeElement.querySelectorAll('.payment-link').length
+    ).toBe(0);
+
+    const customAttachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
+    hostComponent.attachments = [customAttachment];
+    hostFixture.detectChanges();
+
+    expect(
+      hostFixture.nativeElement.querySelectorAll('.payment-link').length
+    ).toBe(1);
+  });
+
+  it(`shouldn't display attachments if no template is provided`, () => {
+    const customTemplatesService = TestBed.inject(CustomTemplatesService);
+    customTemplatesService.customAttachmentListTemplate$.next(undefined);
+
+    const customAttachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
+    hostComponent.attachments = [customAttachment];
+    hostFixture.detectChanges();
+
+    expect(
+      hostFixture.nativeElement.querySelector('.str-chat__attachment-list')
+    ).toBeNull();
+  });
+
+  it(`shouldn't display attachments if there are no attachments`, () => {
+    expect(
+      hostFixture.nativeElement.querySelector('.str-chat__attachment-list')
+    ).toBeNull();
+  });
+});
diff --git a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts
index c83410a5..3ce94f68 100644
--- a/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts
+++ b/projects/stream-chat-angular/src/lib/attachment-list/attachment-list.component.ts
@@ -4,6 +4,8 @@ import {
   HostBinding,
   Input,
   OnChanges,
+  OnDestroy,
+  OnInit,
   Output,
   SimpleChanges,
   TemplateRef,
@@ -17,12 +19,15 @@ import {
   VideoAttachmentConfiguration,
   ImageAttachmentConfiguration,
   AttachmentContext,
+  CustomAttachmentListContext,
 } from '../types';
 import prettybytes from 'pretty-bytes';
 import { isImageAttachment } from '../is-image-attachment';
 import { ChannelService } from '../channel.service';
 import { CustomTemplatesService } from '../custom-templates.service';
 import { AttachmentConfigurationService } from '../attachment-configuration.service';
+import { Subscription } from 'rxjs';
+import { MessageService } from '../message.service';
 
 /**
  * The `AttachmentList` component displays the attachments of a message
@@ -32,7 +37,7 @@ import { AttachmentConfigurationService } from '../attachment-configuration.serv
   templateUrl: './attachment-list.component.html',
   styles: [],
 })
-export class AttachmentListComponent implements OnChanges {
+export class AttachmentListComponent implements OnChanges, OnInit, OnDestroy {
   /**
    * The id of the message the attachments belong to
    */
@@ -53,8 +58,10 @@ export class AttachmentListComponent implements OnChanges {
   >();
   @HostBinding() class = 'str-chat__attachment-list-angular-host';
   orderedAttachments: Attachment<DefaultStreamChatGenerics>[] = [];
+  customAttachments: Attachment<DefaultStreamChatGenerics>[] = [];
   imagesToView: Attachment<DefaultStreamChatGenerics>[] = [];
   imagesToViewCurrentIndex = 0;
+  customAttachmentsTemplate?: TemplateRef<CustomAttachmentListContext>;
   @ViewChild('modalContent', { static: true })
   private modalContent!: TemplateRef<void>;
   private attachmentConfigurations: Map<
@@ -63,34 +70,58 @@ export class AttachmentListComponent implements OnChanges {
     | VideoAttachmentConfiguration
     | ImageAttachmentConfiguration
   > = new Map();
+  private subscriptions: Subscription[] = [];
 
   constructor(
     public readonly customTemplatesService: CustomTemplatesService,
     private channelService: ChannelService,
-    private attachmentConfigurationService: AttachmentConfigurationService
+    private attachmentConfigurationService: AttachmentConfigurationService,
+    private messageService: MessageService
   ) {}
 
+  ngOnInit(): void {
+    this.subscriptions.push(
+      this.customTemplatesService.customAttachmentListTemplate$.subscribe(
+        (t) => (this.customAttachmentsTemplate = t)
+      )
+    );
+  }
+
   ngOnChanges(changes: SimpleChanges): void {
     if (changes.attachments) {
-      const images = this.attachments.filter(this.isImage);
+      const builtInAttachments: Attachment[] = [];
+      const customAttachments: Attachment[] = [];
+      this.attachments.forEach((a) => {
+        if (this.messageService.isCustomAttachment(a)) {
+          customAttachments.push(a);
+        } else {
+          builtInAttachments.push(a);
+        }
+      });
+      const images = builtInAttachments.filter(this.isImage);
       const containsGallery = images.length >= 2;
       this.orderedAttachments = [
         ...(containsGallery ? this.createGallery(images) : images),
-        ...this.attachments.filter((a) => this.isVideo(a)),
-        ...this.attachments.filter((a) => this.isVoiceMessage(a)),
-        ...this.attachments.filter((a) => this.isFile(a)),
+        ...builtInAttachments.filter((a) => this.isVideo(a)),
+        ...builtInAttachments.filter((a) => this.isVoiceMessage(a)),
+        ...builtInAttachments.filter((a) => this.isFile(a)),
       ];
       this.attachmentConfigurations = new Map();
       // Display link attachments only if there are no other attachments
       // Giphy-s always sent without other attachments
       if (this.orderedAttachments.length === 0) {
         this.orderedAttachments.push(
-          ...this.attachments.filter((a) => this.isCard(a))
+          ...builtInAttachments.filter((a) => this.isCard(a))
         );
       }
+      this.customAttachments = customAttachments;
     }
   }
 
+  ngOnDestroy(): void {
+    this.subscriptions.forEach((s) => s.unsubscribe());
+  }
+
   trackByUrl(_: number, attachment: Attachment) {
     return (
       attachment.image_url ||
diff --git a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.html b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.html
index 5a0525d1..b72923ff 100644
--- a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.html
+++ b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.html
@@ -1,5 +1,8 @@
 <div
-  *ngIf="(attachmentUploads$ | async)?.length"
+  *ngIf="
+    (attachmentUploads$ | async)?.length ||
+    (customAttachments.length > 0 && customAttachmentsPreview)
+  "
   class="str-chat__attachment-preview-list"
 >
   <div class="str-chat__attachment-list-scroll-container">
@@ -101,6 +104,14 @@
         ></ng-container>
       </div>
     </ng-container>
+    <ng-container *ngIf="customAttachmentsPreview">
+      <ng-template
+        *ngTemplateOutlet="
+          customAttachmentsPreview;
+          context: { service: attachmentService }
+        "
+      ></ng-template>
+    </ng-container>
   </div>
 </div>
 
diff --git a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.spec.ts b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.spec.ts
index 32726c11..a52a47e7 100644
--- a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.spec.ts
+++ b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.spec.ts
@@ -1,8 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { AttachmentUpload } from '../types';
+import { AttachmentUpload, CustomAttachmentPreviewListContext } from '../types';
 
 import { AttachmentPreviewListComponent } from './attachment-preview-list.component';
+import {
+  AfterViewInit,
+  Component,
+  TemplateRef,
+  ViewChild,
+} from '@angular/core';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { AttachmentService } from '../attachment.service';
 
 describe('AttachmentPreviewListComponent', () => {
   let component: AttachmentPreviewListComponent;
@@ -299,3 +307,96 @@ describe('AttachmentPreviewListComponent', () => {
     expect(queryPreviewFiles().length).toBe(1);
   });
 });
+
+describe('AttachmentPreviewListComponent with custom attachments', () => {
+  @Component({
+    selector: 'stream-test-component',
+    template: `<stream-attachment-preview-list></stream-attachment-preview-list>
+      <ng-template #customAttachments let-service="service">
+        <div
+          class="custom-attachment-container"
+          *ngFor="let attachment of service.customAttachments$ | async"
+        >
+          <ng-container [ngSwitch]="attachment.subtype">
+            <div *ngSwitchCase="'payment'" class="payment-link">
+              Use the following
+              <a [href]="attachment.link" target="_blank">payment lint</a> to
+              pay me {{ value }}.
+            </div>
+          </ng-container>
+        </div>
+      </ng-template> `,
+  })
+  class TestHostComponent implements AfterViewInit {
+    @ViewChild('customAttachments')
+    template!: TemplateRef<CustomAttachmentPreviewListContext>;
+    constructor(private customTemplatesService: CustomTemplatesService) {}
+
+    ngAfterViewInit(): void {
+      this.customTemplatesService.customAttachmentPreviewListTemplate$.next(
+        this.template
+      );
+    }
+  }
+
+  let hostFixture: ComponentFixture<TestHostComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AttachmentPreviewListComponent, TestHostComponent],
+      providers: [AttachmentService, CustomTemplatesService],
+    }).compileComponents();
+
+    hostFixture = TestBed.createComponent(TestHostComponent);
+    hostFixture.detectChanges();
+  });
+
+  it('should display custom attachments', () => {
+    expect(
+      hostFixture.nativeElement.querySelectorAll('.payment-link').length
+    ).toBe(0);
+
+    const customAttachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
+    const attachmentService = TestBed.inject(AttachmentService);
+    attachmentService.customAttachments$.next([customAttachment]);
+    hostFixture.detectChanges();
+
+    expect(
+      hostFixture.nativeElement.querySelectorAll('.payment-link').length
+    ).toBe(1);
+  });
+
+  it(`shouldn't display attachments if no template is provided`, () => {
+    const customTemplatesService = TestBed.inject(CustomTemplatesService);
+    customTemplatesService.customAttachmentPreviewListTemplate$.next(undefined);
+
+    const customAttachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
+    const attachmentService = TestBed.inject(AttachmentService);
+    attachmentService.customAttachments$.next([customAttachment]);
+    hostFixture.detectChanges();
+
+    expect(
+      hostFixture.nativeElement.querySelector(
+        '.str-chat__attachment-preview-list'
+      )
+    ).toBeNull();
+  });
+
+  it(`shouldn't display attachments if there are no attachments`, () => {
+    expect(
+      hostFixture.nativeElement.querySelector(
+        '.str-chat__attachment-preview-list'
+      )
+    ).toBeNull();
+  });
+});
diff --git a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts
index 5efab4b8..da6757e0 100644
--- a/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts
+++ b/projects/stream-chat-angular/src/lib/attachment-preview-list/attachment-preview-list.component.ts
@@ -1,6 +1,17 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { Observable } from 'rxjs';
-import { AttachmentUpload } from '../types';
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  TemplateRef,
+} from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
+import { AttachmentUpload, CustomAttachmentPreviewListContext } from '../types';
+import { CustomTemplatesService } from '../custom-templates.service';
+import { AttachmentService } from '../attachment.service';
+import { Attachment } from 'stream-chat';
 
 /**
  * The `AttachmentPreviewList` component displays a preview of the attachments uploaded to a message. Users can delete attachments using the preview component, or retry upload if it failed previously.
@@ -10,7 +21,7 @@ import { AttachmentUpload } from '../types';
   templateUrl: './attachment-preview-list.component.html',
   styles: [],
 })
-export class AttachmentPreviewListComponent {
+export class AttachmentPreviewListComponent implements OnInit, OnDestroy {
   /**
    * A stream that emits the current file uploads and their states
    */
@@ -23,8 +34,31 @@ export class AttachmentPreviewListComponent {
    * An output to notify the parent component if the user wants to delete a file
    */
   @Output() readonly deleteAttachment = new EventEmitter<AttachmentUpload>();
+  customAttachments: Attachment[] = [];
+  customAttachmentsPreview?: TemplateRef<CustomAttachmentPreviewListContext>;
+  private subscriptions: Subscription[] = [];
 
-  constructor() {}
+  constructor(
+    private customTemplateService: CustomTemplatesService,
+    public readonly attachmentService: AttachmentService
+  ) {}
+
+  ngOnInit(): void {
+    this.subscriptions.push(
+      this.customTemplateService.customAttachmentPreviewListTemplate$.subscribe(
+        (t) => (this.customAttachmentsPreview = t)
+      )
+    );
+    this.subscriptions.push(
+      this.attachmentService.customAttachments$.subscribe(
+        (a) => (this.customAttachments = a)
+      )
+    );
+  }
+
+  ngOnDestroy(): void {
+    this.subscriptions.forEach((s) => s.unsubscribe());
+  }
 
   attachmentUploadRetried(file: File) {
     this.retryAttachmentUpload.emit(file);
diff --git a/projects/stream-chat-angular/src/lib/attachment.service.spec.ts b/projects/stream-chat-angular/src/lib/attachment.service.spec.ts
index c137f653..57411343 100644
--- a/projects/stream-chat-angular/src/lib/attachment.service.spec.ts
+++ b/projects/stream-chat-angular/src/lib/attachment.service.spec.ts
@@ -7,6 +7,7 @@ import { NotificationService } from './notification.service';
 import { AttachmentUpload, DefaultStreamChatGenerics } from './types';
 import { Subject } from 'rxjs';
 import { ChatClientService } from './chat-client.service';
+import { MessageService } from './message.service';
 
 describe('AttachmentService', () => {
   let service: AttachmentService<DefaultStreamChatGenerics>;
@@ -44,11 +45,10 @@ describe('AttachmentService', () => {
             getAppSettings,
           },
         },
+        MessageService,
       ],
     });
-    service = TestBed.inject(
-      AttachmentService
-    ) as AttachmentService<DefaultStreamChatGenerics>;
+    service = TestBed.inject(AttachmentService);
   });
 
   it('should delete attachment, if file is already uploaded', async () => {
@@ -382,11 +382,13 @@ describe('AttachmentService', () => {
 
   it('should reset attachments', () => {
     const spy = jasmine.createSpy();
+    service.customAttachments$.next([{ type: 'custom' }]);
     service.attachmentUploads$.subscribe(spy);
     spy.calls.reset();
     service.resetAttachmentUploads();
 
     expect(spy).toHaveBeenCalledWith([]);
+    expect(service.customAttachments$.value).toEqual([]);
   });
 
   it('should map to attachments', async () => {
@@ -433,6 +435,15 @@ describe('AttachmentService', () => {
 
     service.addAttachment(customAttachment);
 
+    const customPaymentAttachment: Attachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
+
+    service.customAttachments$.next([customPaymentAttachment]);
+
     expect(service.mapToAttachments()).toEqual([
       {
         fallback: 'flower.png',
@@ -462,10 +473,22 @@ describe('AttachmentService', () => {
         thumb_url: 'url/to/my/thumb',
         isCustomAttachment: true,
       },
+      customPaymentAttachment,
     ]);
   });
 
   it('should create attachmentUploads from attachments', () => {
+    const messageService = TestBed.inject(MessageService);
+    const filterSpy = spyOn(
+      messageService,
+      'isCustomAttachment'
+    ).and.callThrough();
+    const customAttachment = {
+      type: 'custom',
+      subtype: 'payment',
+      value: '30$',
+      link: 'pay/me/or/else',
+    };
     const attachments = [
       {
         fallback: 'flower.png',
@@ -495,6 +518,7 @@ describe('AttachmentService', () => {
         mime_type: 'application/pdf',
         isCustomAttachment: true,
       },
+      customAttachment,
     ];
     const imageFile = { name: 'flower.png', type: undefined };
     const dataFile = { name: 'note.txt', size: 3272969, type: undefined };
@@ -547,6 +571,8 @@ describe('AttachmentService', () => {
     service.createFromAttachments(attachments);
 
     expect(spy).toHaveBeenCalledWith(jasmine.arrayContaining(result));
+    expect(service.customAttachments$.value).toEqual([customAttachment]);
+    expect(filterSpy).toHaveBeenCalledTimes(attachments.length);
   });
 
   it('should ignore URL attachments if creating from attachments', () => {
diff --git a/projects/stream-chat-angular/src/lib/attachment.service.ts b/projects/stream-chat-angular/src/lib/attachment.service.ts
index 5b4b57e6..25ac3ad1 100644
--- a/projects/stream-chat-angular/src/lib/attachment.service.ts
+++ b/projects/stream-chat-angular/src/lib/attachment.service.ts
@@ -11,6 +11,7 @@ import {
   DefaultStreamChatGenerics,
 } from './types';
 import { ChatClientService } from './chat-client.service';
+import { MessageService } from './message.service';
 
 /**
  * The `AttachmentService` manages the uploads of a message input.
@@ -25,14 +26,22 @@ export class AttachmentService<
 > {
   /**
    * Emits the number of uploads in progress.
+   *
+   * You can increment and decrement this counter if you're using custom attachments and want to disable message sending until all attachments are uploaded.
+   *
+   * The SDK will handle updating this counter for built-in attachments, but for custom attachments you should take care of this.
    */
-  attachmentUploadInProgressCounter$: Observable<number>;
+  attachmentUploadInProgressCounter$ = new BehaviorSubject<number>(0);
   /**
    * Emits the state of the uploads ([`AttachmentUpload[]`](https://github.com/GetStream/stream-chat-angular/blob/master/projects/stream-chat-angular/src/lib/types.ts)), it adds a state (`success`, `error` or `uploading`) to each file the user selects for upload. It is used by the [`AttachmentPreviewList`](../components/AttachmentPreviewListComponent.mdx) to display the attachment previews.
    */
   attachmentUploads$: Observable<AttachmentUpload[]>;
-  private attachmentUploadInProgressCounterSubject =
-    new BehaviorSubject<number>(0);
+  /**
+   * You can get and set the list if uploaded custom attachments
+   *
+   * By default the SDK components won't display these, but you can provide your own `customAttachmentPreviewListTemplate$` and `customAttachmentListTemplate$` for the [`CustomTemplatesService`](../../services/CustomTemplatesService).
+   */
+  customAttachments$ = new BehaviorSubject<Attachment<T>[]>([]);
   private attachmentUploadsSubject = new BehaviorSubject<AttachmentUpload[]>(
     []
   );
@@ -41,10 +50,9 @@ export class AttachmentService<
   constructor(
     private channelService: ChannelService,
     private notificationService: NotificationService,
-    private chatClientService: ChatClientService
+    private chatClientService: ChatClientService,
+    private messageService: MessageService
   ) {
-    this.attachmentUploadInProgressCounter$ =
-      this.attachmentUploadInProgressCounterSubject.asObservable();
     this.attachmentUploads$ = this.attachmentUploadsSubject.asObservable();
     this.chatClientService.appSettings$.subscribe(
       (appSettings) => (this.appSettings = appSettings)
@@ -56,6 +64,7 @@ export class AttachmentService<
    */
   resetAttachmentUploads() {
     this.attachmentUploadsSubject.next([]);
+    this.customAttachments$.next([]);
   }
 
   /**
@@ -211,7 +220,7 @@ export class AttachmentService<
    */
   mapToAttachments() {
     const attachmentUploads = this.attachmentUploadsSubject.getValue();
-    return attachmentUploads
+    const builtInAttachments = attachmentUploads
       .filter((r) => r.state === 'success')
       .map((r) => {
         let attachment: Attachment = {
@@ -237,6 +246,7 @@ export class AttachmentService<
 
         return attachment;
       });
+    return [...builtInAttachments, ...this.customAttachments$.value];
   }
 
   /**
@@ -245,7 +255,16 @@ export class AttachmentService<
    */
   createFromAttachments(attachments: Attachment<T>[]) {
     const attachmentUploads: AttachmentUpload[] = [];
+    const builtInAttachments: Attachment<T>[] = [];
+    const customAttachments: Attachment<T>[] = [];
     attachments.forEach((attachment) => {
+      if (this.messageService.isCustomAttachment(attachment)) {
+        customAttachments.push(attachment);
+      } else {
+        builtInAttachments.push(attachment);
+      }
+    });
+    builtInAttachments.forEach((attachment) => {
       if (isImageAttachment(attachment)) {
         attachmentUploads.push({
           url: (attachment.img_url ||
@@ -296,6 +315,10 @@ export class AttachmentService<
         ...attachmentUploads,
       ]);
     }
+
+    if (customAttachments.length > 0) {
+      this.customAttachments$.next(customAttachments);
+    }
   }
 
   private async createPreview(file: File | Blob) {
@@ -318,8 +341,8 @@ export class AttachmentService<
   }
 
   private async uploadAttachments(uploads: AttachmentUpload[]) {
-    this.attachmentUploadInProgressCounterSubject.next(
-      this.attachmentUploadInProgressCounterSubject.getValue() + 1
+    this.attachmentUploadInProgressCounter$.next(
+      this.attachmentUploadInProgressCounter$.value + 1
     );
     const result = await this.channelService.uploadAttachments(uploads);
     const attachmentUploads = this.attachmentUploadsSubject.getValue();
@@ -362,8 +385,8 @@ export class AttachmentService<
         );
       }
     });
-    this.attachmentUploadInProgressCounterSubject.next(
-      this.attachmentUploadInProgressCounterSubject.getValue() - 1
+    this.attachmentUploadInProgressCounter$.next(
+      this.attachmentUploadInProgressCounter$.value - 1
     );
     this.attachmentUploadsSubject.next([...attachmentUploads]);
   }
diff --git a/projects/stream-chat-angular/src/lib/custom-templates.service.ts b/projects/stream-chat-angular/src/lib/custom-templates.service.ts
index 415bbc31..cc7f8ad8 100644
--- a/projects/stream-chat-angular/src/lib/custom-templates.service.ts
+++ b/projects/stream-chat-angular/src/lib/custom-templates.service.ts
@@ -10,6 +10,8 @@ import {
   ChannelPreviewContext,
   ChannelPreviewInfoContext,
   CommandAutocompleteListItemContext,
+  CustomAttachmentListContext,
+  CustomAttachmentPreviewListContext,
   CustomAttachmentUploadContext,
   CustomMetadataContext,
   DateSeparatorContext,
@@ -329,5 +331,18 @@ export class CustomTemplatesService<
   channelPreviewInfoTemplate$ = new BehaviorSubject<
     TemplateRef<ChannelPreviewInfoContext> | undefined
   >(undefined);
+  /**
+   * The template used to display custom attachment previews in the [message input component](../../components/MessageInputComponent.mdx)
+   */
+  customAttachmentPreviewListTemplate$ = new BehaviorSubject<
+    TemplateRef<CustomAttachmentPreviewListContext> | undefined
+  >(undefined);
+  /**
+   * The template used to display custom attachments in the [message component](../../components/MessageComponent.mdx)
+   */
+  customAttachmentListTemplate$ = new BehaviorSubject<
+    TemplateRef<CustomAttachmentListContext> | undefined
+  >(undefined);
+
   constructor() {}
 }
diff --git a/projects/stream-chat-angular/src/lib/message-input/message-input.component.html b/projects/stream-chat-angular/src/lib/message-input/message-input.component.html
index 1ad80f01..d3fdd95b 100644
--- a/projects/stream-chat-angular/src/lib/message-input/message-input.component.html
+++ b/projects/stream-chat-angular/src/lib/message-input/message-input.component.html
@@ -147,7 +147,9 @@
         class="str-chat__send-button"
         [disabled]="
           (attachmentUploadInProgressCounter$ | async)! > 0 ||
-          (!textareaValue && (attachmentUploads$ | async)!.length === 0)
+          (!textareaValue &&
+            (attachmentUploads$ | async)!.length === 0 &&
+            (customAttachments$ | async)!.length === 0)
         "
         (click)="messageSent()"
         (keyup.enter)="messageSent()"
diff --git a/projects/stream-chat-angular/src/lib/message-input/message-input.component.spec.ts b/projects/stream-chat-angular/src/lib/message-input/message-input.component.spec.ts
index 3e499f76..1113bf1d 100644
--- a/projects/stream-chat-angular/src/lib/message-input/message-input.component.spec.ts
+++ b/projects/stream-chat-angular/src/lib/message-input/message-input.component.spec.ts
@@ -10,7 +10,7 @@ import {
 import { By } from '@angular/platform-browser';
 import { TranslateModule } from '@ngx-translate/core';
 import { BehaviorSubject, Subject, of } from 'rxjs';
-import { Channel, UserResponse } from 'stream-chat';
+import { Attachment, Channel, UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { ChatClientService } from '../chat-client.service';
@@ -36,6 +36,7 @@ import { AttachmentPreviewListComponent } from '../attachment-preview-list/attac
 import { MessageActionsService } from '../message-actions.service';
 import { StreamAvatarModule } from '../stream-avatar.module';
 import { VoiceRecorderService } from './voice-recorder.service';
+import { CustomTemplatesService } from '../custom-templates.service';
 
 describe('MessageInputComponent', () => {
   let nativeElement: HTMLElement;
@@ -54,6 +55,7 @@ describe('MessageInputComponent', () => {
   let channel: Channel<DefaultStreamChatGenerics>;
   let user: UserResponse;
   let attachmentService: {
+    customAttachments$: BehaviorSubject<Attachment[]>;
     attachmentUploadInProgressCounter$: Subject<number>;
     attachmentUploads$: Subject<AttachmentUpload[]>;
     resetAttachmentUploads: jasmine.Spy;
@@ -84,6 +86,7 @@ describe('MessageInputComponent', () => {
     typingStartedSpy = jasmine.createSpy();
     typingStoppedSpy = jasmine.createSpy();
     attachmentService = {
+      customAttachments$: new BehaviorSubject<Attachment[]>([]),
       resetAttachmentUploads: jasmine.createSpy(),
       attachmentUploadInProgressCounter$: new BehaviorSubject(0),
       attachmentUploads$: new BehaviorSubject<AttachmentUpload[]>([]),
@@ -110,6 +113,7 @@ describe('MessageInputComponent', () => {
             useValue: AutocompleteTextareaComponent,
           },
           VoiceRecorderService,
+          CustomTemplatesService,
         ],
       },
     });
diff --git a/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts b/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts
index bd83c16c..0e076658 100644
--- a/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts
+++ b/projects/stream-chat-angular/src/lib/message-input/message-input.component.ts
@@ -22,7 +22,7 @@ import {
 } from '@angular/core';
 import { combineLatest, Observable, Subject, Subscription, timer } from 'rxjs';
 import { first, map, take, tap } from 'rxjs/operators';
-import { Channel, UserResponse } from 'stream-chat';
+import { Attachment, Channel, UserResponse } from 'stream-chat';
 import { AttachmentService } from '../attachment.service';
 import { ChannelService } from '../channel.service';
 import { textareaInjectionToken } from '../injection-tokens';
@@ -123,6 +123,7 @@ export class MessageInputComponent
   canSendLinks: boolean | undefined;
   canSendMessages: boolean | undefined;
   attachmentUploads$: Observable<AttachmentUpload[]>;
+  customAttachments$: Observable<Attachment[]>;
   attachmentUploadInProgressCounter$: Observable<number>;
   textareaValue = '';
   textareaRef: ComponentRef<TextareaInterface & Partial<OnChanges>> | undefined;
@@ -214,6 +215,7 @@ export class MessageInputComponent
       })
     );
     this.attachmentUploads$ = this.attachmentService.attachmentUploads$;
+    this.customAttachments$ = this.attachmentService.customAttachments$;
     this.attachmentUploadInProgressCounter$ =
       this.attachmentService.attachmentUploadInProgressCounter$;
     this.isFileUploadEnabled = this.configService.isFileUploadEnabled;
@@ -470,6 +472,7 @@ export class MessageInputComponent
       attachmentUploads$: this.attachmentService.attachmentUploads$,
       deleteUploadHandler: this.deleteUpload.bind(this),
       retryUploadHandler: this.retryUpload.bind(this),
+      service: this.attachmentService,
     };
   }
 
diff --git a/projects/stream-chat-angular/src/lib/message.service.spec.ts b/projects/stream-chat-angular/src/lib/message.service.spec.ts
index 1db761b5..2392dc5f 100644
--- a/projects/stream-chat-angular/src/lib/message.service.spec.ts
+++ b/projects/stream-chat-angular/src/lib/message.service.spec.ts
@@ -1,6 +1,7 @@
 import { TestBed } from '@angular/core/testing';
 
 import { MessageService } from './message.service';
+import { Attachment } from 'stream-chat';
 
 describe('MessageService', () => {
   let service: MessageService;
@@ -13,4 +14,35 @@ describe('MessageService', () => {
   it('should be created', () => {
     expect(service).toBeTruthy();
   });
+
+  it('should filter custom attachments', () => {
+    const attachment: Attachment = {
+      type: 'image',
+    };
+
+    expect(service.isCustomAttachment(attachment)).toBeFalse();
+
+    attachment.type = 'video';
+
+    expect(service.isCustomAttachment(attachment)).toBeFalse();
+
+    attachment.type = 'file';
+
+    expect(service.isCustomAttachment(attachment)).toBeFalse();
+
+    attachment.type = 'voiceRecording';
+
+    expect(service.isCustomAttachment(attachment)).toBeFalse();
+
+    attachment.type = 'custom';
+
+    expect(service.isCustomAttachment(attachment)).toBeTrue();
+
+    service.filterCustomAttachment = (a: Attachment) =>
+      a.type === 'image' || a.type === 'custom';
+
+    attachment.type = 'image';
+
+    expect(service.isCustomAttachment(attachment)).toBeTrue();
+  });
 });
diff --git a/projects/stream-chat-angular/src/lib/message.service.ts b/projects/stream-chat-angular/src/lib/message.service.ts
index 9d71b5cb..9427f382 100644
--- a/projects/stream-chat-angular/src/lib/message.service.ts
+++ b/projects/stream-chat-angular/src/lib/message.service.ts
@@ -1,4 +1,6 @@
 import { Injectable } from '@angular/core';
+import { Attachment } from 'stream-chat';
+import { DefaultStreamChatGenerics } from './types';
 
 /**
  * The message service contains configuration options related to displaying the message content
@@ -6,7 +8,9 @@ import { Injectable } from '@angular/core';
 @Injectable({
   providedIn: 'root',
 })
-export class MessageService {
+export class MessageService<
+  T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+> {
   /**
    * Decides if the message content should be formatted as text or HTML
    *
@@ -22,6 +26,33 @@ export class MessageService {
    * @returns the HTML markup as a string for the link
    */
   customLinkRenderer?: (url: string) => string;
+  /**
+   * The SDK supports the following attachment types: `image`, `file`, `giphy`, `video` and `voiceRecording` attachments.
+   *
+   * All other types are treated as custom attachments, however it's possible to override this logic, and provide a custom filtering method which can be used to treat some built-in attachments as custom.
+   *
+   * Provide a method which retruns `true` if an attachment should be considered as custom.
+   */
+  filterCustomAttachment?: (attachment: Attachment<T>) => boolean;
 
   constructor() {}
+
+  /**
+   * Tells if an attachment is custom (you need to provide your own template to display them) or built-in (the SDK supports it out-of-the-box)
+   * @param attachment
+   * @returns `true` if the attachment is custom
+   */
+  isCustomAttachment(attachment: Attachment<T>) {
+    if (this.filterCustomAttachment) {
+      return this.filterCustomAttachment(attachment);
+    } else {
+      return (
+        attachment.type !== 'image' &&
+        attachment.type !== 'file' &&
+        attachment.type !== 'video' &&
+        attachment.type !== 'voiceRecording' &&
+        attachment.type !== 'giphy'
+      );
+    }
+  }
 }
diff --git a/projects/stream-chat-angular/src/lib/types.ts b/projects/stream-chat-angular/src/lib/types.ts
index 3dd6aaf9..d0d3bc33 100644
--- a/projects/stream-chat-angular/src/lib/types.ts
+++ b/projects/stream-chat-angular/src/lib/types.ts
@@ -187,10 +187,15 @@ export type ChannelActionsContext<
   T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
 > = { channel: Channel<T> };
 
-export type AttachmentListContext = {
+export type CustomAttachmentListContext<
+  T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+> = {
   messageId: string;
-  attachments: Attachment<DefaultStreamChatGenerics>[];
+  attachments: Attachment<T>[];
   parentMessageId?: string;
+};
+
+export type AttachmentListContext = CustomAttachmentListContext & {
   imageModalStateChangeHandler?: (state: 'opened' | 'closed') => void;
 };
 
@@ -224,6 +229,7 @@ export type AttachmentPreviewListContext = {
   attachmentUploads$: Observable<AttachmentUpload[]> | undefined;
   retryUploadHandler: (f: File) => void;
   deleteUploadHandler: (u: AttachmentUpload) => void;
+  service: AttachmentService;
 };
 
 export type IconContext = {
@@ -482,3 +488,9 @@ export type MediaRecording = {
   mime_type: string;
   asset_url: string | ArrayBuffer | undefined;
 };
+
+export type CustomAttachmentPreviewListContext<
+  T extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+> = {
+  attachmentService: AttachmentService<T>;
+};