igniteui-webcomponents 6.3.0-alpha.0 → 6.3.0-beta.0

package/components/chat/chat-state.js

@@ -1,23 +1,26 @@
+import { enterKey } from '../common/controllers/key-bindings.js';
+import { IgcChatResourceStringEN } from '../common/i18n/chat.resources.js';
+import { isEmpty, nanoid } from '../common/util.js';
+import { parseAcceptedFileTypes } from './utils.js';
 export class ChatState {
-    get sortedMessagesIds() {
-        return this._sortedMessages.map((m) => m.id);
+    get acceptedFileTypes() {
+        return this._acceptedTypesCache;
+    }
+    get disableAutoScroll() {
+        return this._options?.disableAutoScroll ?? false;
     }
     get messages() {
         return this._messages;
     }
     set messages(value) {
         this._messages = value;
-        this._sortedMessages = value.slice().sort((a, b) => {
-            return a.timestamp.getTime() - b.timestamp.getTime();
-        });
-        this._host.requestUpdate();
     }
     get options() {
         return this._options;
     }
     set options(value) {
         this._options = value;
-        this._host.requestUpdate();
+        this._contextUpdateFn.call(this._host);
     }
     get currentUserId() {
         return this._options?.currentUserId ?? 'user';
@@ -25,6 +28,9 @@ export class ChatState {
     get suggestionsPosition() {
         return this._options?.suggestionsPosition ?? this._suggestionsPosition;
     }
+    get stopTypingDelay() {
+        return this._options?.stopTypingDelay ?? this._stopTypingDelay;
+    }
     get textArea() {
         return this._textArea;
     }
@@ -36,36 +42,102 @@ export class ChatState {
     }
     set inputAttachments(value) {
         this._inputAttachments = value;
-        this._host.requestUpdate();
+        this._userInputContextUpdateFn.call(this._host);
     }
     get inputValue() {
         return this._inputValue;
     }
     set inputValue(value) {
         this._inputValue = value;
-        this._host.requestUpdate();
+        this._userInputContextUpdateFn.call(this._host);
+    }
+    get hasInputValue() {
+        return this._inputValue.trim() !== '';
+    }
+    get hasInputAttachments() {
+        return !isEmpty(this._inputAttachments);
     }
-    constructor(chat) {
+    constructor(chat, contextUpdateFn, userInputContextUpdateFn) {
         this._textArea = null;
         this._messages = [];
-        this._sortedMessages = [];
         this._inputAttachments = [];
         this._inputValue = '';
         this._acceptedTypesCache = null;
         this._suggestionsPosition = 'below-messages';
+        this._stopTypingDelay = 3000;
+        this._isTyping = false;
+        this._lastTyped = Date.now();
+        this.resourceStrings = IgcChatResourceStringEN;
+        this.handleKeyDown = (e) => {
+            if (e.key.toLowerCase() === enterKey.toLowerCase() && !e.shiftKey) {
+                e.preventDefault();
+                this.sendMessage();
+            }
+            else {
+                this._lastTyped = Date.now();
+                if (!this._isTyping) {
+                    this.emitEvent('igcTypingChange', {
+                        detail: { isTyping: true },
+                    });
+                    this._isTyping = true;
+                }
+                const stopTypingDelay = this.stopTypingDelay;
+                setTimeout(() => {
+                    if (this._isTyping &&
+                        stopTypingDelay &&
+                        this._lastTyped + stopTypingDelay < Date.now()) {
+                        this.emitEvent('igcTypingChange', {
+                            detail: { isTyping: false },
+                        });
+                        this._isTyping = false;
+                    }
+                }, stopTypingDelay);
+            }
+        };
+        this.sendMessage = () => {
+            if (!this.inputValue.trim() && this.inputAttachments.length === 0)
+                return;
+            this.addMessage({
+                text: this.inputValue,
+                attachments: this.inputAttachments,
+            });
+            this.inputValue = '';
+            if (this._textArea) {
+                this._textArea.style.height = 'auto';
+            }
+            this._host.updateComplete.then(() => {
+                this._textArea?.focus();
+            });
+        };
+        this.removeAttachment = (index) => {
+            const allowed = this.emitEvent('igcAttachmentChange', {
+                detail: this.inputAttachments.filter((_, i) => i !== index),
+                cancelable: true,
+            });
+            if (allowed) {
+                this.inputAttachments = this.inputAttachments.filter((_, i) => i !== index);
+            }
+        };
+        this.handleSuggestionClick = (suggestion) => {
+            this.addMessage({ text: suggestion });
+            if (this.textArea) {
+                this.textArea.focus();
+            }
+        };
         this._host = chat;
+        this._contextUpdateFn = contextUpdateFn;
+        this._userInputContextUpdateFn = userInputContextUpdateFn;
+    }
+    isCurrentUserMessage(message) {
+        return this.currentUserId === message?.sender;
     }
     emitEvent(name, args) {
         return this._host.emitEvent(name, args);
     }
-    handleInputChange(value) {
-        this.inputValue = value;
-        this.emitEvent('igcInputChange', { detail: { value: this.inputValue } });
-    }
     addMessage(message) {
         const newMessage = {
-            id: message.id ?? Date.now().toString(),
-            text: message.text,
+            id: message.id ?? nanoid(),
+            text: message.text ?? '',
             sender: message.sender ?? this.currentUserId,
             timestamp: message.timestamp ?? new Date(),
             attachments: message.attachments || [],
@@ -78,26 +150,28 @@ export class ChatState {
             if (!this.messages.some((msg) => msg.id === newMessage.id)) {
                 this.messages = [...this.messages, newMessage];
             }
+            this._host.requestUpdate('messages');
             this.inputValue = '';
             this.inputAttachments = [];
         }
     }
     attachFiles(files) {
         const newAttachments = [];
-        let count = this.inputAttachments.length;
-        files.forEach((file) => {
-            if (this.inputAttachments.find((a) => a.name === file.name)) {
-                return;
+        const fileNames = new Set(this.inputAttachments.map((attachment) => attachment.file?.name ?? ''));
+        for (const file of files) {
+            if (fileNames.has(file.name)) {
+                continue;
             }
             const isImage = file.type.startsWith('image/');
+            const url = URL.createObjectURL(file);
             newAttachments.push({
-                id: Date.now().toString() + count++,
-                url: URL.createObjectURL(file),
+                id: nanoid(),
+                url,
                 name: file.name,
-                file: file,
-                thumbnail: isImage ? URL.createObjectURL(file) : undefined,
+                file,
+                thumbnail: isImage ? url : undefined,
             });
-        });
+        }
         const allowed = this.emitEvent('igcAttachmentChange', {
             detail: [...this.inputAttachments, ...newAttachments],
             cancelable: true,
@@ -106,62 +180,17 @@ export class ChatState {
             this.inputAttachments = [...this.inputAttachments, ...newAttachments];
         }
     }
-    removeAttachment(index) {
-        const allowed = this.emitEvent('igcAttachmentChange', {
-            detail: this.inputAttachments.filter((_, i) => i !== index),
-            cancelable: true,
-        });
-        if (allowed) {
-            this.inputAttachments = this.inputAttachments.filter((_, i) => i !== index);
-        }
-    }
-    handleSuggestionClick(suggestion) {
-        this.addMessage({ text: suggestion });
-        if (this.textArea) {
-            this.textArea.focus();
-        }
+    isImageAttachment(attachment) {
+        return (attachment.type === 'image' ||
+            !!attachment.file?.type.startsWith('image/'));
     }
     updateOptions(options) {
         this.options = { ...this.options, ...options };
     }
     updateAcceptedTypesCache() {
-        if (!this.options?.acceptedFiles) {
-            this._acceptedTypesCache = null;
-            return;
-        }
-        const types = this.options?.acceptedFiles
-            .split(',')
-            .map((type) => type.trim().toLowerCase());
-        this._acceptedTypesCache = {
-            extensions: new Set(types.filter((t) => t.startsWith('.'))),
-            mimeTypes: new Set(types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))),
-            wildcardTypes: new Set(types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))),
-        };
+        this._acceptedTypesCache = this.options?.acceptedFiles
+            ? parseAcceptedFileTypes(this.options.acceptedFiles)
+            : null;
     }
-    isFileTypeAccepted(file, type = '') {
-        if (!this._acceptedTypesCache)
-            return true;
-        if (file === null && type === '')
-            return false;
-        const fileType = file != null ? file.type.toLowerCase() : type.toLowerCase();
-        const fileExtension = file != null
-            ? `.${file.name.split('.').pop()?.toLowerCase()}`
-            : `.${type.split('/').pop()?.toLowerCase()}`;
-        if (this._acceptedTypesCache.extensions.has(fileExtension)) {
-            return true;
-        }
-        if (this._acceptedTypesCache.mimeTypes.has(fileType)) {
-            return true;
-        }
-        const [fileBaseType] = fileType.split('/');
-        return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);
-    }
-    hasSlotContent(name) {
-        return (this._host.renderRoot.querySelector(`slot[name=${name}]`)
-            ?.childNodes.length !== 0);
-    }
-}
-export function createChatState(host) {
-    return new ChatState(host);
 }
 //# sourceMappingURL=chat-state.js.map

package/components/chat/chat-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-state.js","sourceRoot":"","sources":["../../../src/components/chat/chat-state.ts"],"names":[],"mappings":"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","sourcesContent":["import type IgcTextareaComponent from '../textarea/textarea.js';\nimport type IgcChatComponent from './chat.js';\nimport type { IgcChatComponentEventMap } from './chat.js';\nimport type {\n  IgcChatOptions,\n  IgcMessage,\n  IgcMessageAttachment,\n} from './types.js';\n\n/**\n * Internal state manager for the `<igc-chat>` component.\n *\n * Manages messages, input value, attachments, options, and event emissions.\n */\nexport class ChatState {\n  //#region Internal properties and state /** The host `<igc-chat>` component instance */\n  private readonly _host: IgcChatComponent;\n  /** Reference to the text area input component */\n  private _textArea: IgcTextareaComponent | null = null;\n  /** The current list of messages */\n  private _messages: IgcMessage[] = [];\n  /** Sorted copy of messages by timestamp */\n  private _sortedMessages: IgcMessage[] = [];\n  /** Chat options/configuration */\n  private _options?: IgcChatOptions;\n  /** List of current input attachments */\n  private _inputAttachments: IgcMessageAttachment[] = [];\n  /** Current input text */\n  private _inputValue = '';\n  /**\n   * Cache of accepted file types, organized into extensions, mimeTypes, and wildcardTypes\n   */\n  private _acceptedTypesCache: {\n    extensions: Set<string>;\n    mimeTypes: Set<string>;\n    wildcardTypes: Set<string>;\n  } | null = null;\n\n  private _suggestionsPosition: 'below-input' | 'below-messages' =\n    'below-messages';\n  //#endregion\n\n  //#region Public properties\n  /**\n   * Array of message IDs sorted by timestamp ascending.\n   */\n  public get sortedMessagesIds(): string[] {\n    return this._sortedMessages.map((m) => m.id);\n  }\n\n  /**\n   * Gets the list of chat messages.\n   */\n  public get messages(): IgcMessage[] {\n    return this._messages;\n  }\n\n  /**\n   * Sets the list of chat messages.\n   * Also sorts messages by timestamp and requests host update.\n   */\n  public set messages(value: IgcMessage[]) {\n    this._messages = value;\n    this._sortedMessages = value.slice().sort((a, b) => {\n      return a.timestamp.getTime() - b.timestamp.getTime();\n    });\n    this._host.requestUpdate();\n  }\n\n  /**\n   * Gets current chat options.\n   */\n  public get options(): IgcChatOptions | undefined {\n    return this._options;\n  }\n\n  /**\n   * Sets chat options and requests host update.\n   */\n  public set options(value: IgcChatOptions) {\n    this._options = value;\n    this._host.requestUpdate();\n  }\n\n  /**\n   * Gets the current user ID from options or returns 'user' as fallback.\n   */\n  public get currentUserId(): string {\n    return this._options?.currentUserId ?? 'user';\n  }\n\n  /**\n   * Gets the current suggestionsPosition from options or returns the default value 'below-messages'.\n   */\n  public get suggestionsPosition(): string {\n    return this._options?.suggestionsPosition ?? this._suggestionsPosition;\n  }\n  /**\n   * Gets the text area component.\n   */\n  public get textArea(): IgcTextareaComponent | null {\n    return this._textArea;\n  }\n\n  /**\n   * Sets the text area component.\n   */\n  public set textArea(value: IgcTextareaComponent) {\n    this._textArea = value;\n  }\n\n  /**\n   * Gets the list of attachments currently attached to input.\n   */\n  public get inputAttachments(): IgcMessageAttachment[] {\n    return this._inputAttachments;\n  }\n\n  /**\n   * Sets the input attachments and requests host update.\n   */\n  public set inputAttachments(value: IgcMessageAttachment[]) {\n    this._inputAttachments = value;\n    this._host.requestUpdate(); // Notify the host component to re-render\n  }\n\n  /**\n   * Gets the current input value.\n   */\n  public get inputValue(): string {\n    return this._inputValue;\n  }\n\n  /**\n   * Sets the current input value and requests host update.\n   */\n  public set inputValue(value: string) {\n    this._inputValue = value;\n    this._host.requestUpdate();\n  }\n  //#endregion\n\n  /**\n   * Creates an instance of ChatState.\n   * @param chat The host `<igc-chat>` component.\n   */\n  constructor(chat: IgcChatComponent) {\n    this._host = chat;\n  }\n\n  //#region Event handlers\n\n  /**\n   * Emits a custom event from the host component.\n   * @param name Event name (key of IgcChatComponentEventMap)\n   * @param args Event detail or options\n   * @returns true if event was not canceled, false otherwise\n   */\n  public emitEvent(name: keyof IgcChatComponentEventMap, args?: any) {\n    return this._host.emitEvent(name, args);\n  }\n\n  /**\n   * Handles input text changes.\n   * Updates internal inputValue and emits 'igcInputChange' event.\n   * @param value New input value\n   */\n  public handleInputChange(value: string): void {\n    this.inputValue = value;\n    this.emitEvent('igcInputChange', { detail: { value: this.inputValue } });\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Adds a new chat message.\n   * Emits 'igcMessageCreated' event which can be canceled to prevent adding.\n   * Clears input value and attachments on success.\n   * @param message Partial message object with optional id, sender, timestamp\n   */\n  public addMessage(message: {\n    id?: string;\n    text: string;\n    sender?: string;\n    timestamp?: Date;\n    attachments?: IgcMessageAttachment[];\n  }): void {\n    const newMessage: IgcMessage = {\n      id: message.id ?? Date.now().toString(),\n      text: message.text,\n      sender: message.sender ?? this.currentUserId,\n      timestamp: message.timestamp ?? new Date(),\n      attachments: message.attachments || [],\n    };\n\n    const allowed = this.emitEvent('igcMessageCreated', {\n      detail: newMessage,\n      cancelable: true,\n    });\n\n    if (allowed) {\n      if (!this.messages.some((msg) => msg.id === newMessage.id)) {\n        this.messages = [...this.messages, newMessage];\n      }\n      this.inputValue = '';\n      this.inputAttachments = [];\n    }\n  }\n\n  /**\n   * Adds files as attachments to the input.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent adding.\n   * @param files Array of File objects to attach\n   */\n  public attachFiles(files: File[]) {\n    const newAttachments: IgcMessageAttachment[] = [];\n    let count = this.inputAttachments.length;\n    files.forEach((file) => {\n      if (this.inputAttachments.find((a) => a.name === file.name)) {\n        return;\n      }\n\n      const isImage = file.type.startsWith('image/');\n      newAttachments.push({\n        id: Date.now().toString() + count++,\n        url: URL.createObjectURL(file),\n        name: file.name,\n        file: file,\n        thumbnail: isImage ? URL.createObjectURL(file) : undefined,\n      });\n    });\n\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: [...this.inputAttachments, ...newAttachments],\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = [...this.inputAttachments, ...newAttachments];\n    }\n  }\n\n  /**\n   * Removes an attachment by index.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent removal.\n   * @param index Index of the attachment to remove\n   */\n  public removeAttachment(index: number): void {\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: this.inputAttachments.filter((_, i) => i !== index),\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = this.inputAttachments.filter(\n        (_, i) => i !== index\n      );\n    }\n  }\n\n  /**\n   * Handles when a suggestion is clicked.\n   * Adds the suggestion as a new message and focuses the text area.\n   * @param suggestion The suggestion string clicked\n   */\n  public handleSuggestionClick(suggestion: string): void {\n    this.addMessage({ text: suggestion });\n    if (this.textArea) {\n      this.textArea.focus();\n    }\n  }\n\n  /**\n   * Updates the chat options partially.\n   * @param options Partial options to merge with current options\n   */\n  public updateOptions(options: Partial<IgcChatOptions>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  /**\n   * Updates the internal cache for accepted file types.\n   * Parses the acceptedFiles string option into extensions, mimeTypes, and wildcard types.\n   */\n  public updateAcceptedTypesCache() {\n    if (!this.options?.acceptedFiles) {\n      this._acceptedTypesCache = null;\n      return;\n    }\n\n    const types = this.options?.acceptedFiles\n      .split(',')\n      .map((type) => type.trim().toLowerCase());\n    this._acceptedTypesCache = {\n      extensions: new Set(types.filter((t) => t.startsWith('.'))),\n      mimeTypes: new Set(\n        types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))\n      ),\n      wildcardTypes: new Set(\n        types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))\n      ),\n    };\n  }\n\n  /**\n   * Checks if a file's type or extension is accepted by the chat's acceptedFiles setting.\n   * @param file File object to check\n   * @param type Optional MIME type override if no file provided\n   * @returns True if accepted, false otherwise\n   */\n  public isFileTypeAccepted(file: File, type = ''): boolean {\n    if (!this._acceptedTypesCache) return true;\n\n    if (file === null && type === '') return false;\n\n    const fileType =\n      file != null ? file.type.toLowerCase() : type.toLowerCase();\n    const fileExtension =\n      file != null\n        ? `.${file.name.split('.').pop()?.toLowerCase()}`\n        : `.${type.split('/').pop()?.toLowerCase()}`;\n\n    // Check file extension\n    if (this._acceptedTypesCache.extensions.has(fileExtension)) {\n      return true;\n    }\n\n    // Check exact MIME type\n    if (this._acceptedTypesCache.mimeTypes.has(fileType)) {\n      return true;\n    }\n\n    // Check wildcard MIME types\n    const [fileBaseType] = fileType.split('/');\n    return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);\n  }\n\n  /**\n   * Checks if a slot is empty.\n   * @param name Slot name to check\n   * @returns True if the slot has content, false otherwise\n   */\n  public hasSlotContent(name: string): boolean {\n    return (\n      this._host.renderRoot.querySelector<HTMLSlotElement>(`slot[name=${name}]`)\n        ?.childNodes.length !== 0\n    );\n  }\n  //#endregion\n}\n\nexport function createChatState(host: IgcChatComponent): ChatState {\n  return new ChatState(host);\n}\n"]}
+{"version":3,"file":"chat-state.js","sourceRoot":"","sources":["../../../src/components/chat/chat-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { enterKey } from '../common/controllers/key-bindings.js';\nimport { IgcChatResourceStringEN } from '../common/i18n/chat.resources.js';\nimport { isEmpty, nanoid } from '../common/util.js';\nimport type IgcTextareaComponent from '../textarea/textarea.js';\nimport type IgcChatComponent from './chat.js';\nimport type { IgcChatComponentEventMap } from './chat.js';\nimport type {\n  IgcChatOptions,\n  IgcMessage,\n  IgcMessageAttachment,\n} from './types.js';\nimport { type ChatAcceptedFileTypes, parseAcceptedFileTypes } from './utils.js';\n\n/**\n * Internal state manager for the `<igc-chat>` component.\n *\n * Manages messages, input value, attachments, options, and event emissions.\n */\nexport class ChatState {\n  //#region Internal properties and state /** The host `<igc-chat>` component instance */\n  private readonly _host: IgcChatComponent;\n\n  private readonly _contextUpdateFn: () => unknown;\n  private readonly _userInputContextUpdateFn: () => unknown;\n\n  /** Reference to the text area input component */\n  private _textArea: IgcTextareaComponent | null = null;\n  /** The current list of messages */\n  private _messages: IgcMessage[] = [];\n  /** Chat options/configuration */\n  private _options?: IgcChatOptions;\n\n  /** List of current input attachments */\n  private _inputAttachments: IgcMessageAttachment[] = [];\n  /** Current input text */\n  private _inputValue = '';\n  /**\n   * Cache of accepted file types, organized into extensions, mimeTypes, and wildcardTypes\n   */\n  private _acceptedTypesCache: ChatAcceptedFileTypes | null = null;\n  /** Default position of the suggestions */\n  private _suggestionsPosition: 'below-input' | 'below-messages' =\n    'below-messages';\n  /** Default time in milliseconds before dispatching stop typing event */\n  private _stopTypingDelay = 3000;\n\n  public _isTyping = false;\n  private _lastTyped = Date.now();\n\n  public resourceStrings = IgcChatResourceStringEN;\n\n  //#endregion\n\n  //#region Public properties\n\n  public get acceptedFileTypes() {\n    return this._acceptedTypesCache;\n  }\n\n  public get disableAutoScroll(): boolean {\n    return this._options?.disableAutoScroll ?? false;\n  }\n\n  /**\n   * Gets the list of chat messages.\n   */\n  public get messages(): IgcMessage[] {\n    return this._messages;\n  }\n\n  /**\n   * Sets the list of chat messages.\n   */\n  public set messages(value: IgcMessage[]) {\n    this._messages = value;\n  }\n\n  /**\n   * Gets current chat options.\n   */\n  public get options(): IgcChatOptions | undefined {\n    return this._options;\n  }\n\n  /**\n   * Sets chat options and requests host update.\n   */\n  public set options(value: IgcChatOptions) {\n    this._options = value;\n    this._contextUpdateFn.call(this._host);\n  }\n\n  /**\n   * Gets the current user ID from options or returns 'user' as fallback.\n   */\n  public get currentUserId(): string {\n    return this._options?.currentUserId ?? 'user';\n  }\n\n  /**\n   * Gets the current suggestionsPosition from options or returns the default value 'below-messages'.\n   */\n  public get suggestionsPosition(): string {\n    return this._options?.suggestionsPosition ?? this._suggestionsPosition;\n  }\n\n  /**\n   * Gets the current stopTypingDelay from options or returns the default value `3000`.\n   */\n  public get stopTypingDelay(): number {\n    return this._options?.stopTypingDelay ?? this._stopTypingDelay;\n  }\n\n  /**\n   * Gets the text area component.\n   */\n  public get textArea(): IgcTextareaComponent | null {\n    return this._textArea;\n  }\n\n  /**\n   * Sets the text area component.\n   */\n  public set textArea(value: IgcTextareaComponent) {\n    this._textArea = value;\n  }\n\n  /**\n   * Gets the list of attachments currently attached to input.\n   */\n  public get inputAttachments(): IgcMessageAttachment[] {\n    return this._inputAttachments;\n  }\n\n  /**\n   * Sets the input attachments and requests host update.\n   */\n  public set inputAttachments(value: IgcMessageAttachment[]) {\n    this._inputAttachments = value;\n    this._userInputContextUpdateFn.call(this._host);\n  }\n\n  /**\n   * Gets the current input value.\n   */\n  public get inputValue(): string {\n    return this._inputValue;\n  }\n\n  /**\n   * Sets the current input value and requests host update.\n   */\n  public set inputValue(value: string) {\n    this._inputValue = value;\n    this._userInputContextUpdateFn.call(this._host);\n  }\n\n  public get hasInputValue(): boolean {\n    return this._inputValue.trim() !== '';\n  }\n\n  public get hasInputAttachments(): boolean {\n    return !isEmpty(this._inputAttachments);\n  }\n\n  //#endregion\n\n  constructor(\n    chat: IgcChatComponent,\n    contextUpdateFn: () => unknown,\n    userInputContextUpdateFn: () => unknown\n  ) {\n    this._host = chat;\n    this._contextUpdateFn = contextUpdateFn;\n    this._userInputContextUpdateFn = userInputContextUpdateFn;\n  }\n\n  public isCurrentUserMessage(message?: IgcMessage): boolean {\n    return this.currentUserId === message?.sender;\n  }\n\n  //#region Event handlers\n\n  public emitEvent(name: keyof IgcChatComponentEventMap, args?: any): boolean {\n    return this._host.emitEvent(name, args);\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Adds a new chat message.\n   * Emits 'igcMessageCreated' event which can be canceled to prevent adding.\n   * Clears input value and attachments on success.\n   * @param message Partial message object with optional id, sender, timestamp\n   */\n  public addMessage(message: Partial<IgcMessage>): void {\n    const newMessage: IgcMessage = {\n      id: message.id ?? nanoid(),\n      text: message.text ?? '',\n      sender: message.sender ?? this.currentUserId,\n      timestamp: message.timestamp ?? new Date(),\n      attachments: message.attachments || [],\n    };\n\n    const allowed = this.emitEvent('igcMessageCreated', {\n      detail: newMessage,\n      cancelable: true,\n    });\n\n    if (allowed) {\n      if (!this.messages.some((msg) => msg.id === newMessage.id)) {\n        this.messages = [...this.messages, newMessage];\n      }\n      this._host.requestUpdate('messages');\n\n      this.inputValue = '';\n      this.inputAttachments = [];\n    }\n  }\n\n  /**\n   * Adds files as attachments to the input.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent adding.\n   * @param files Array of File objects to attach\n   */\n  public attachFiles(files: File[]) {\n    const newAttachments: IgcMessageAttachment[] = [];\n    const fileNames = new Set(\n      this.inputAttachments.map((attachment) => attachment.file?.name ?? '')\n    );\n\n    for (const file of files) {\n      if (fileNames.has(file.name)) {\n        continue;\n      }\n\n      const isImage = file.type.startsWith('image/');\n      const url = URL.createObjectURL(file);\n\n      newAttachments.push({\n        id: nanoid(),\n        url,\n        name: file.name,\n        file,\n        thumbnail: isImage ? url : undefined,\n      });\n    }\n\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: [...this.inputAttachments, ...newAttachments],\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = [...this.inputAttachments, ...newAttachments];\n    }\n  }\n\n  public isImageAttachment(attachment: IgcMessageAttachment): boolean {\n    return (\n      attachment.type === 'image' ||\n      !!attachment.file?.type.startsWith('image/')\n    );\n  }\n\n  public handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key.toLowerCase() === enterKey.toLowerCase() && !e.shiftKey) {\n      e.preventDefault();\n      this.sendMessage();\n    } else {\n      this._lastTyped = Date.now();\n      if (!this._isTyping) {\n        this.emitEvent('igcTypingChange', {\n          detail: { isTyping: true },\n        });\n        this._isTyping = true;\n      }\n\n      const stopTypingDelay = this.stopTypingDelay;\n      setTimeout(() => {\n        if (\n          this._isTyping &&\n          stopTypingDelay &&\n          this._lastTyped + stopTypingDelay < Date.now()\n        ) {\n          this.emitEvent('igcTypingChange', {\n            detail: { isTyping: false },\n          });\n          this._isTyping = false;\n        }\n      }, stopTypingDelay);\n    }\n  };\n\n  public sendMessage = () => {\n    if (!this.inputValue.trim() && this.inputAttachments.length === 0) return;\n\n    this.addMessage({\n      text: this.inputValue,\n      attachments: this.inputAttachments,\n    });\n    this.inputValue = '';\n\n    if (this._textArea) {\n      this._textArea.style.height = 'auto';\n    }\n\n    this._host.updateComplete.then(() => {\n      this._textArea?.focus();\n    });\n  };\n\n  /**\n   * Removes an attachment by index.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent removal.\n   * @param index Index of the attachment to remove\n   */\n  public removeAttachment = (index: number): void => {\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: this.inputAttachments.filter((_, i) => i !== index),\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = this.inputAttachments.filter(\n        (_, i) => i !== index\n      );\n    }\n  };\n\n  /**\n   * Handles when a suggestion is clicked.\n   * Adds the suggestion as a new message and focuses the text area.\n   * @param suggestion The suggestion string clicked\n   */\n  public handleSuggestionClick = (suggestion: string): void => {\n    this.addMessage({ text: suggestion });\n    if (this.textArea) {\n      this.textArea.focus();\n    }\n  };\n\n  /**\n   * Updates the chat options partially.\n   * @param options Partial options to merge with current options\n   */\n  public updateOptions(options: Partial<IgcChatOptions>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  /**\n   * Updates the internal cache for accepted file types.\n   * Parses the acceptedFiles string option into extensions, mimeTypes, and wildcard types.\n   */\n  public updateAcceptedTypesCache(): void {\n    this._acceptedTypesCache = this.options?.acceptedFiles\n      ? parseAcceptedFileTypes(this.options.acceptedFiles)\n      : null;\n  }\n\n  //#endregion\n}\n"]}

package/components/chat/chat.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, type TemplateResult } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
 import type { IgcChatOptions, IgcMessage, IgcMessageAttachment } from './types.js';
 /**
@@ -7,74 +7,45 @@ import type { IgcChatOptions, IgcMessage, IgcMessageAttachment } from './types.j
 export interface IgcChatComponentEventMap {
     /**
      * Dispatched when a new chat message is created (sent).
-     *
-     * @event igcMessageCreated
-     * @type {CustomEvent<IgcMessage>}
-     * @detail The message that was created.
      */
     igcMessageCreated: CustomEvent<IgcMessage>;
+    /**
+     * Dispatched when a message is reacted to.
+     */
+    igcMessageReact: CustomEvent<{
+        message: IgcMessage;
+        reaction: string;
+    }>;
     /**
      * Dispatched when a chat message attachment is clicked.
-     *
-     * @event igcAttachmentClick
-     * @type {CustomEvent<IgcMessageAttachment>}
-     * @detail The attachment that was clicked.
      */
     igcAttachmentClick: CustomEvent<IgcMessageAttachment>;
     /**
      * Dispatched when an attachment is changed (e.g., updated or removed).
-     *
-     * @event igcAttachmentChange
-     * @type {CustomEvent<IgcMessageAttachment>}
-     * @detail The attachment that was changed.
      */
     igcAttachmentChange: CustomEvent<IgcMessageAttachment>;
     /**
      * Dispatched during an attachment drag operation.
-     *
-     * @event igcAttachmentDrag
-     * @type {CustomEvent<any>}
-     * @detail The drag event payload.
      */
-    igcAttachmentDrag: CustomEvent<any>;
+    igcAttachmentDrag: CustomEvent<void>;
     /**
      * Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).
-     *
-     * @event igcAttachmentDrop
-     * @type {CustomEvent<any>}
-     * @detail The drop event payload.
      */
-    igcAttachmentDrop: CustomEvent<any>;
+    igcAttachmentDrop: CustomEvent<void>;
     /**
      * Dispatched when the typing status changes (e.g., user starts or stops typing).
-     *
-     * @event igcTypingChange
-     * @type {CustomEvent<boolean>}
-     * @detail `true` if typing started, `false` if stopped.
      */
     igcTypingChange: CustomEvent<boolean>;
     /**
      * Dispatched when the chat input field gains focus.
-     *
-     * @event igcInputFocus
-     * @type {CustomEvent<any>}
-     * @detail Focus event payload.
      */
-    igcInputFocus: CustomEvent<any>;
+    igcInputFocus: CustomEvent<void>;
     /**
      * Dispatched when the chat input field loses focus.
-     *
-     * @event igcInputBlur
-     * @type {CustomEvent<any>}
-     * @detail Blur event payload.
      */
-    igcInputBlur: CustomEvent<any>;
+    igcInputBlur: CustomEvent<void>;
     /**
      * Dispatched when the content of the chat input changes.
-     *
-     * @event igcInputChange
-     * @type {CustomEvent<string>}
-     * @detail The current text value of the input.
      */
     igcInputChange: CustomEvent<string>;
 }
@@ -82,9 +53,19 @@ declare const IgcChatComponent_base: Constructor<import("../common/mixins/event-
 /**
  * A chat UI component for displaying messages, attachments, and input interaction.
  *
- * This component is part of the Ignite UI Web Components suite.
- *
  * @element igc-chat
+ *
+ * @fires igcMessageCreated - Dispatched when a new chat message is created (sent).
+ * @fires igcMessageReact - Dispatched when a message is reacted to.
+ * @fires igcAttachmentClick - Dispatched when a chat message attachment is clicked.
+ * @fires igcAttachmentChange - Dispatched when a message attachment is changed (e.g., updated or removed).
+ * @fires igcAttachmentDrag - Dispatched during an attachment drag operation.
+ * @fires igcAttachmentDrop - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).
+ * @fires igcTypingChange - Dispatched when the typing status changes (e.g., user starts or stops typing).
+ * @fires igcInputFocus - Dispatched when the chat input field gains focus.
+ * @fires igcInputBlur - Dispatched when the chat input field loses focus.
+ * @fires igcInputChange - Dispatched when the content of the chat input changes.
+ *
  * @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.
  * @slot title - Slot for overriding the chat title content.
  * @slot actions - Slot for injecting header actions (e.g., buttons, menus).
@@ -103,19 +84,13 @@ declare const IgcChatComponent_base: Constructor<import("../common/mixins/event-
 export default class IgcChatComponent extends IgcChatComponent_base {
     static readonly tagName = "igc-chat";
     static styles: import("lit").CSSResult[];
-    /**
-     * Registers the chat component and its child components.
-     * Should be called once before using the component.
-     *
-     * @example
-     * IgcChatComponent.register();
-     */
     static register(): void;
-    private readonly _chatState;
-    private _context;
-    private _hasContent;
-    private _chatInput;
-    constructor();
+    private readonly _state;
+    private readonly _slots;
+    private readonly _context;
+    private readonly _userInputContext;
+    private _updateContext;
+    private _updateUserInputContext;
     /**
      * The list of chat messages currently displayed.
      * Use this property to set or update the message history.
@@ -140,24 +115,34 @@ export default class IgcChatComponent extends IgcChatComponent_base {
      */
     set options(value: IgcChatOptions);
     get options(): IgcChatOptions | undefined;
-    /** Returns the default attachments element. */
-    get defaultAttachments(): TemplateResult;
-    /** Returns the default textarea element. */
-    get defaultTextArea(): TemplateResult;
-    /** Returns the default file upload button element. */
-    get defaultFileUploadButton(): TemplateResult;
-    /** Returns the default send message button element. */
-    get defaultSendButton(): TemplateResult;
+    /**
+     * The resource strings of the chat.
+     */
+    resourceStrings: import("../common/i18n/chat.resources.js").IgcChatResourceStrings;
+    constructor();
     protected contextChanged(): void;
-    private renderHeader;
-    private renderSuggestions;
-    protected firstUpdated(): void;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    protected render(): TemplateResult<1>;
+    /**
+     * Scrolls the view to a specific message by id.
+     * @param messageId - The id of the message to scroll to
+     */
+    scrollToMessage(messageId: string): void;
+    /**
+     * Updates the context value to notify all consumers that the chat state has changed.
+     * This ensures that components consuming the chat context will re-render.
+     */
+    updateContextValue(): void;
+    protected updated(properties: PropertyValues<this>): void;
+    private _scrollToBottom;
+    private _renderHeader;
+    private _renderMessages;
+    private _renderLoadingTemplate;
+    private _renderSuggestionPrefix;
+    private _renderSuggestions;
+    private _renderEmptyState;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        /** The `<igc-chat>` custom element. */
         'igc-chat': IgcChatComponent;
     }
 }