feat: Added continuous listening functionality which is controlled by prop

[RushikeshGavali]

Changelog Entry

Added

• Introduced continuous listening capability, in PR #5397, by @RushikeshGavali

Description

• Currently, Webchat supports push-to-talk, meaning that when a user clicks the Microphone button to talk with the bot, the voice mode turns off after the message is sent. The user then needs to click the Microphone button again to continue talking. These changes will introduce continuous listening capability, allowing the user to interact with the bot without repeatedly clicking the Microphone button. Once the user clicks the Microphone button, it will continue to listen until the user stops the listening mode by clicking the Microphone button again.

Design

• Introduced the enableContinuousListening prop to manage the continuous listening mode. This prop essentially manages the dictate state to keep the listening mode active after sending a message.

Specific Changes

• The Composer component will accept a new prop called enableContinuousListening.
• The continuousListening state has been created in the Redux store, and the Composer component will initialize its value.
• The useContinuousListening hook has been created to fetch the value from the store.

Continuous_Listening.mp4

• I have added tests and executed them locally
• I have updated CHANGELOG.md
• I have updated documentation

Review Checklist

This section is for contributors to review your work.

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)

[RushikeshGavali]

@RushikeshGavali please read the following Contributor License Agreement(CLA). If you agree with the CLA, please reply with the following information.

@microsoft-github-policy-service agree [company="{your company}"]

Options:

• (default - no company specified) I have sole ownership of intellectual property rights to my Submissions and I am not making Submissions in the course of work for my employer.

@microsoft-github-policy-service agree

• (when company given) I am making Submissions in the course of work for my employer (or my employer has intellectual property rights in my Submissions by contract or applicable law). I have permission from my employer to make Submissions and enter into this Agreement on behalf of my employer. By signing below, the defined term “You” includes me and my employer.

@microsoft-github-policy-service agree company="Microsoft"

Contributor License Agreement

@microsoft-github-policy-service agree company="Microsoft"

[OEvgeny]

The approach needs validation and input from @compulim

The PR description is missing PR number and contributor links from Changelog section.

The PR is missing the CHANGELOG.md file update.

[RushikeshGavali]

The approach needs validation and input from @compulim

The PR description is missing PR number and contributor links from Changelog section.

The PR is missing the CHANGELOG.md file update.

Updated the description. CHANGELOG.md file is already updated.

The approach needs validation and input from @compulim