fix(*): Polishing on stories.

Author: gedinakova

src/components/chat/message-attachments.ts

@@ -72,9 +72,11 @@ export default class IgcMessageAttachmentsComponent extends LitElement {
   }
 
   protected override render() {
+    const templates = this._chatState?.mergedTemplates;
+
     return html`
       <div part="attachments-container">
-        ${this._chatState?.mergedTemplates.attachmentsTemplate(this.message!)}
+        ${templates?.attachmentsTemplate(this.message!, { templates })}
       </div>
     `;
   }

src/components/chat/types.ts

@@ -161,7 +161,10 @@ export type IgcChatTemplates = {
   /**
    * Template for rendering the attachments of a message.
    */
-  attachmentsTemplate?: (m: IgcMessage) => unknown;
+  attachmentsTemplate?: (
+    message: IgcMessage,
+    ctx: { templates: Partial<IgcChatTemplates> }
+  ) => unknown;
 
   /**
    * Template for rendering an attachment in a message.

stories/chat.stories.ts

@@ -8,6 +8,7 @@ import {
   registerIcon,
 } from 'igniteui-webcomponents';
 import type {
+  IgcChatTemplates,
   IgcMessage,
   IgcMessageAttachment,
 } from '../src/components/chat/types.js';
@@ -177,11 +178,13 @@ const chat_options = {
     // languages: ['typescript']
     // theme: 'github-dark'
   }),
-  // templates: {
-  //   messageActionsTemplate: _messageActionsTemplate,
-  //   textAreaAttachmentsTemplate: _textAreaAttachmentsTemplate,
-  //   textAreaActionsTemplate: _textAreaActionsTemplate,
-  // },
+  templates: {
+    // attachmentContentTemplate: () => html`<p>content</p>`,
+    // attachmentHeaderTemplate: () => html`<p>header</p>`
+    // messageActionsTemplate: _messageActionsTemplate,
+    // textAreaAttachmentsTemplate: _textAreaAttachmentsTemplate,
+    // textAreaActionsTemplate: _textAreaActionsTemplate,
+  } as Partial<IgcChatTemplates>,
 };
 
 function handleCustomSendClick() {