Chat: Add speechToTextEnabled property (#32549)

Co-authored-by: Ruslan Farkhutdinov <ruslan.farkhutdinov@devexpress.com>

Author: Ruslan Farkhutdinov

packages/devextreme-angular/src/ui/chat/index.ts

@@ -422,6 +422,19 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
     }
 
 
+    /**
+     * [descr:dxChatOptions.speechToTextEnabled]
+    
+     */
+    @Input()
+    get speechToTextEnabled(): boolean {
+        return this._getOption('speechToTextEnabled');
+    }
+    set speechToTextEnabled(value: boolean) {
+        this._setOption('speechToTextEnabled', value);
+    }
+
+
 
     @Input()
     get speechToTextOptions(): dxSpeechToTextOptions {
@@ -755,6 +768,13 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
      */
     @Output() showUserNameChange: EventEmitter<boolean>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() speechToTextEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -840,6 +860,7 @@ export class DxChatComponent extends DxComponent implements OnDestroy, OnChanges
             { emit: 'showDayHeadersChange' },
             { emit: 'showMessageTimestampChange' },
             { emit: 'showUserNameChange' },
+            { emit: 'speechToTextEnabledChange' },
             { emit: 'speechToTextOptionsChange' },
             { emit: 'typingUsersChange' },
             { emit: 'userChange' },

packages/devextreme-vue/src/chat.ts

@@ -112,6 +112,7 @@ type AccessibleOptions = Pick<Properties,
   "showDayHeaders" |
   "showMessageTimestamp" |
   "showUserName" |
+  "speechToTextEnabled" |
   "speechToTextOptions" |
   "typingUsers" |
   "user" |
@@ -162,6 +163,7 @@ const componentConfig = {
     showDayHeaders: Boolean,
     showMessageTimestamp: Boolean,
     showUserName: Boolean,
+    speechToTextEnabled: Boolean,
     speechToTextOptions: Object as PropType<dxSpeechToTextOptions | Record<string, any>>,
     typingUsers: Array as PropType<Array<User>>,
     user: Object as PropType<User | Record<string, any>>,
@@ -208,6 +210,7 @@ const componentConfig = {
     "update:showDayHeaders": null,
     "update:showMessageTimestamp": null,
     "update:showUserName": null,
+    "update:speechToTextEnabled": null,
     "update:speechToTextOptions": null,
     "update:typingUsers": null,
     "update:user": null,

packages/devextreme/js/__internal/ui/chat/chat.ts

@@ -20,7 +20,6 @@ import type {
   TypingEndEvent,
   TypingStartEvent,
 } from '@js/ui/chat';
-import type { Properties as SpeechToTextProperties } from '@js/ui/speech_to_text';
 import { invokeConditionally } from '@ts/core/utils/conditional_invoke';
 import type { OptionChanged } from '@ts/core/widget/types';
 import Widget from '@ts/core/widget/widget';
@@ -41,15 +40,10 @@ import type {
 import MessageList from '@ts/ui/chat/messagelist';
 import type { DataChange } from '@ts/ui/collection/collection_widget.base';
 
-type Properties = ChatProperties & {
-  speechToTextEnabled?: boolean;
-  speechToTextOptions?: SpeechToTextProperties;
-};
-
 const CHAT_CLASS = 'dx-chat';
 const TEXTEDITOR_INPUT_CLASS = 'dx-texteditor-input';
 
-class Chat extends Widget<Properties> {
+class Chat extends Widget<ChatProperties> {
   _messageBox!: MessageBox;
 
   _messageList!: MessageList;
@@ -82,7 +76,7 @@ class Chat extends Widget<Properties> {
 
   _attachmentDownloadAction?: (e: Partial<AttachmentDownloadClickEvent>) => void;
 
-  _getDefaultOptions(): Properties {
+  _getDefaultOptions(): ChatProperties {
     return {
       ...super._getDefaultOptions(),
       activeStateEnabled: true,
@@ -645,7 +639,7 @@ class Chat extends Widget<Properties> {
     return $input;
   }
 
-  _optionChanged(args: OptionChanged<Properties>): void {
+  _optionChanged(args: OptionChanged<ChatProperties>): void {
     const { name, fullName, value } = args;
 
     switch (name) {
@@ -660,7 +654,7 @@ class Chat extends Widget<Properties> {
         this._messageBox.option(fullName, value);
         break;
       case 'user': {
-        const author = value as Properties[typeof name];
+        const author = value as ChatProperties[typeof name];
 
         this._messageList.option('currentUserId', author?.id);
         break;

packages/devextreme/js/ui/chat.d.ts

@@ -481,6 +481,12 @@ export interface dxChatOptions extends WidgetOptions<dxChat> {
      * @public
      */
     showMessageTimestamp?: boolean;
+    /**
+     * @docid
+     * @default false
+     * @public
+     */
+    speechToTextEnabled?: boolean;
     /**
      * @docid
      * @type dxSpeechToTextOptions

packages/devextreme/ts/dx.all.d.ts

@@ -11457,6 +11457,10 @@ declare module DevExpress.ui {
      * [descr:dxChatOptions.showMessageTimestamp]
      */
     showMessageTimestamp?: boolean;
+    /**
+     * [descr:dxChatOptions.speechToTextEnabled]
+     */
+    speechToTextEnabled?: boolean;
     /**
      * [descr:dxChatOptions.speechToTextOptions]
      */