fix(*): Added messageReact event

Author: gedinakova

projects/igniteui-angular/src/lib/chat/chat.component.html

@@ -3,11 +3,14 @@
   [draftMessage]="draftMessage()"
   [options]="_mergedOptions()"
   (igcMessageCreated)="messageCreated.emit($event.detail)"
+  (igcMessageReact)="messageReact.emit($event.detail)"
   (igcAttachmentClick)="attachmentClick.emit($event.detail)"
   (igcAttachmentDrag)="attachmentDrag.emit()"
   (igcAttachmentDrop)="attachmentDrop.emit()"
   (igcTypingChange)="typingChange.emit($event.detail)"
   (igcInputFocus)="inputFocus.emit()"
   (igcInputBlur)="inputBlur.emit()"
   (igcInputChange)="inputChange.emit($event.detail)"
-></igc-chat>
+>
+    <ng-content></ng-content>
+</igc-chat>

projects/igniteui-angular/src/lib/chat/chat.component.ts

@@ -25,6 +25,7 @@ import {
     type ChatAttachmentRenderContext,
     type ChatInputRenderContext,
     type ChatMessageRenderContext,
+    type IgcChatMessageReaction,
 } from 'igniteui-webcomponents';
 
 type ChatContextUnion =
@@ -98,6 +99,7 @@ export class IgxChatComponent implements OnInit, OnDestroy {
     //#region Outputs
 
     public readonly messageCreated = output<IgcChatMessage>();
+    public readonly messageReact = output<IgcChatMessageReaction>();
     public readonly attachmentClick = output<IgcChatMessageAttachment>();
     public readonly attachmentDrag = output<void>();
     public readonly attachmentDrop = output<void>();

src/app/chat/chat.sample.html

@@ -1,4 +1,7 @@
-<igx-chat [options]="options()" [messages]="messages()" [templates]="templates()" />
+<igx-chat [options]="options()" [messages]="messages()" [templates]="templates()" (messageReact)="onMessageReact($event)">
+    <span slot="prefix">Prefix</span>
+    <span slot="actions">Actions</span>
+</igx-chat>
 
 <ng-template #renderer let-message igxChatMessageContext>
     <div [innerHTML]="message.text | fromMarkdown | async"></div>

src/app/chat/chat.sample.ts

@@ -108,4 +108,8 @@ class User {
             }
         });
     }
+
+    public onMessageReact(event: any) {
+        console.log(event);
+    }
 }