Speech is echoed when implemented with angular

Screenshots

Multiple calls being made to the custom speech endpoint

Version

Using webchat.js 4.7.0 Using it in angular

Describe the bug

The output speech is getting echoed when the component is

Steps to reproduce

activities call to /v3/directline/conversations and multiple calls to /cognitiveservices/v1

Additional info:

                                               directline           cognitiveservices
open bot once:                                   1                               1
close bot open again                             1                               2
close bot open again                             1                               3

and so on. Find screenshot below The renderWebchat function is listed in the first comment

please find sample to reproduce this issue here : https://github.com/prashanthsridhar/WebchatSample substitute the keys as required. Once you are on localhost,click the “click me” button, say hi,click on it again to hide the chat window. Follow this three times. The third time the reply will be hello voiced out three times Please feel free to get back with doubts/recommendation on the implementation

Expected behavior

No echo. That is no multiple voices.

Additional context

Using custom voice and speech. Implemented with angular. connected to 2835

[compulim]

Will look at this one over the next couple of days.

[prashanthsridhar]

Hi @compulim, just to be extra sure, click the click me button five times before actually testing.

i tried the same without putting the recognition and speech ids. Here are the results.