SpeechToText: Support nested speechRecognitionConfig option update (#31156)

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

Author: r-farkhutdinov

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

@@ -283,6 +283,12 @@ class SpeechToText extends Widget<Properties> {
     this.$element().toggleClass(SPEECH_TO_TEXT_LISTENING_CLASS, this._isListening());
   }
 
+  private _updateSpeechRecognitionConfig(args: OptionChanged<SpeechToTextProperties>): void {
+    const options = Widget.getOptionsFromContainer(args);
+
+    this._speechRecognitionAdapter?.applyConfig(options);
+  }
+
   _optionChanged(args: OptionChanged<Properties>): void {
     const { name, value } = args;
 
@@ -292,7 +298,7 @@ class SpeechToText extends Widget<Properties> {
         break;
 
       case 'speechRecognitionConfig':
-        this._speechRecognitionAdapter?.applyConfig(value);
+        this._updateSpeechRecognitionConfig(args);
         break;
 
       case 'activeStateEnabled':

packages/devextreme/testing/tests/DevExpress.ui.widgets/speechToText.tests.js

@@ -941,6 +941,18 @@ QUnit.module('SpeechRecognitionAdapter integration', moduleConfig, () => {
         assert.strictEqual(this.getSpeechRecognition().lang, 'fr-FR', 'config updated in recognition instance');
     });
 
+    QUnit.test('should apply nested option change for speechRecognitionConfig', function(assert) {
+        this.reinit();
+
+        const adapter = this.getAdapter();
+        const applyConfigSpy = sinon.spy(adapter, 'applyConfig');
+
+        this.instance.option('speechRecognitionConfig.lang', 'fr-FR');
+
+        assert.ok(applyConfigSpy.calledOnce, 'applyConfig called on nested option change');
+        assert.strictEqual(this.getSpeechRecognition().lang, 'fr-FR', 'config updated in recognition instance');
+    });
+
     QUnit.test('should update onResult/onError handlers at runtime', function(assert) {
         const initialActionsSpies = {
             onResult: sinon.spy(),