@memori.ai/memori-react 7.16.2 → 7.17.0

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useRef, } from 'react';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
-import { AudioContext } from 'standardized-audio-context';
+import { AudioContext, } from 'standardized-audio-context';
 import * as speechSdk from 'microsoft-cognitiveservices-speech-sdk';
 import cx from 'classnames';
 import { DateTime } from 'luxon';
@@ -231,7 +231,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [hideEmissions, setHideEmissions] = useState(false);
     const { startProcessing, setAudioContext, addViseme, stopProcessing, resetVisemeQueue, } = useViseme();
     useEffect(() => {
-        setIsPlayingAudio(!!speechSynthesizer);
         memoriSpeaking = !!speechSynthesizer;
     }, [speechSynthesizer]);
     useEffect(() => {
@@ -248,12 +247,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         else {
             defaultControlsPosition = 'bottom';
         }
-        setMuteSpeaker(autoStart ||
-            getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive || autoStart));
-        speakerMuted =
-            autoStart ||
-                getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive || autoStart);
-        setContinuousSpeech(microphoneMode === 'CONTINUOUS');
+        const muteSpeaker = autoStart ||
+            getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive || autoStart);
+        setMuteSpeaker(muteSpeaker);
+        speakerMuted = muteSpeaker;
+        setContinuousSpeech(muteSpeaker ? false : microphoneMode === 'CONTINUOUS');
         setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
         setControlsPosition(getLocalConfig('controlsPosition', defaultControlsPosition));
         setAvatarType(getLocalConfig('avatarType', 'avatar3d'));
@@ -1184,32 +1182,44 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         document.dispatchEvent(e);
     };
     const speak = (text) => {
+        console.debug('speak called with text:', text);
         if (!AZURE_COGNITIVE_SERVICES_TTS_KEY || preview) {
+            console.debug('No TTS key or preview mode, emitting end speak event');
             emitEndSpeakEvent();
             return;
         }
+        console.debug('Stopping listening before speaking');
         stopListening();
-        if (preview)
+        if (preview) {
+            console.debug('Preview mode, returning early');
             return;
+        }
         if (speakerMuted) {
+            console.debug('Speaker muted, skipping speech synthesis');
             memoriSpeaking = false;
             setMemoriTyping(false);
             emitEndSpeakEvent();
             if (continuousSpeech) {
+                console.debug('Setting listening timeout for continuous speech');
                 setListeningTimeout();
             }
             return;
         }
-        if (audioDestination)
+        if (audioDestination) {
+            console.debug('Pausing existing audio destination');
             audioDestination.pause();
+        }
         let isSafari = window.navigator.userAgent.includes('Safari') &&
             !window.navigator.userAgent.includes('Chrome');
         let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+        console.debug('Browser detection - Safari:', isSafari, 'iOS:', isIOS);
         if (audioContext.state === 'interrupted') {
+            console.debug('Audio context interrupted, attempting resume');
             audioContext.resume().then(() => speak(text));
             return;
         }
         if (audioContext.state === 'closed') {
+            console.debug('Audio context closed, creating new context');
             audioContext = new AudioContext();
             let buffer = audioContext.createBuffer(1, 10000, 22050);
             let source = audioContext.createBufferSource();
@@ -1217,6 +1227,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             source.connect(audioContext.destination);
         }
         else if (audioContext.state === 'suspended') {
+            console.debug('Audio context suspended, stopping audio and creating new context');
             stopAudio();
             audioContext = new AudioContext();
             let buffer = audioContext.createBuffer(1, 10000, 22050);
@@ -1225,77 +1236,91 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             source.connect(audioContext.destination);
         }
         if (!speechSynthesizer) {
-            if (!isIOS) {
-                audioDestination = new speechSdk.SpeakerAudioDestination();
-            }
-            let audioConfig = speechSdk.AudioConfig.fromSpeakerOutput(audioDestination);
-            speechSynthesizer = new speechSdk.SpeechSynthesizer(speechConfig, audioConfig);
+            initializeTTS();
         }
         const source = audioContext.createBufferSource();
         source.addEventListener('ended', () => {
+            console.debug('Audio source ended');
             setIsPlayingAudio(false);
             memoriSpeaking = false;
         });
         audioDestination.onAudioEnd = () => {
+            console.debug('Audio destination ended');
             setIsPlayingAudio(false);
             memoriSpeaking = false;
             source.disconnect();
             emitEndSpeakEvent();
             onEndSpeakStartListen();
         };
+        console.debug('Resetting viseme queue');
         resetVisemeQueue();
-        speechSynthesizer.visemeReceived = function (_, e) {
-            addViseme(e.visemeId, e.audioOffset);
-        };
+        if (speechSynthesizer) {
+            speechSynthesizer.visemeReceived = function (_, e) {
+                console.debug('Viseme received:', e.visemeId, 'at offset:', e.audioOffset);
+                addViseme(e.visemeId, e.audioOffset);
+            };
+        }
         const textToSpeak = escapeHTML(stripMarkdown(stripEmojis(stripHTML(stripOutputTags(text)))));
-        speechSynthesizer.speakSsmlAsync(`<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(userLang)}"><voice name="${getTTSVoice(userLang)}"><s>${replaceTextWithPhonemes(textToSpeak, userLang.toLowerCase())}</s></voice></speak>`, result => {
-            if (result) {
-                setIsPlayingAudio(true);
-                memoriSpeaking = true;
-                startProcessing(audioContext);
-                try {
-                    audioContext.decodeAudioData(result.audioData, function (buffer) {
-                        source.buffer = buffer;
-                        source.connect(audioContext.destination);
-                        if (history.length < 1 || (isSafari && isIOS)) {
-                            source.start(0);
-                        }
-                    });
-                    audioContext.onstatechange = () => {
-                        if (audioContext.state === 'suspended' ||
-                            audioContext.state === 'closed') {
-                            source.disconnect();
-                            setIsPlayingAudio(false);
-                            stopProcessing();
-                            resetVisemeQueue();
-                            memoriSpeaking = false;
-                        }
-                        else if (audioContext.state === 'interrupted') {
+        console.debug('Processed text to speak:', textToSpeak);
+        setTimeout(() => {
+            if (speechSynthesizer) {
+                console.debug('Starting speech synthesis');
+                speechSynthesizer.speakSsmlAsync(`<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(userLang)}"><voice name="${getTTSVoice(userLang)}"><s>${replaceTextWithPhonemes(textToSpeak, userLang.toLowerCase())}</s></voice></speak>`, result => {
+                    if (result) {
+                        console.debug('Speech synthesis successful');
+                        setIsPlayingAudio(true);
+                        memoriSpeaking = true;
+                        startProcessing(audioContext);
+                        try {
+                            console.debug('Decoding audio data');
+                            audioContext.decodeAudioData(result.audioData, function (buffer) {
+                                console.debug('Audio data decoded successfully');
+                                source.buffer = buffer;
+                                source.connect(audioContext.destination);
+                                if (history.length < 1 || (isSafari && isIOS)) {
+                                    console.debug('Starting audio playback');
+                                    source.start(0);
+                                }
+                            });
+                            audioContext.onstatechange = () => {
+                                console.debug('Audio context state changed to:', audioContext.state);
+                                if (audioContext.state === 'suspended' ||
+                                    audioContext.state === 'closed') {
+                                    source.disconnect();
+                                    setIsPlayingAudio(false);
+                                    stopProcessing();
+                                    resetVisemeQueue();
+                                    memoriSpeaking = false;
+                                }
+                                else if (audioContext.state === 'interrupted') {
+                                    audioContext.resume();
+                                }
+                            };
                             audioContext.resume();
+                            if (speechSynthesizer) {
+                                console.debug('Closing speech synthesizer');
+                                speechSynthesizer.close();
+                                speechSynthesizer = null;
+                            }
+                        }
+                        catch (error) {
+                            console.error('Error processing audio data:', error);
+                            handleFallback(text);
                         }
-                    };
-                    audioContext.resume();
-                    if (speechSynthesizer) {
-                        speechSynthesizer.close();
-                        speechSynthesizer = null;
                     }
-                }
-                catch (error) {
-                    console.error('Error processing audio data:', error);
+                    else {
+                        console.debug('No result from speech synthesis, using fallback');
+                        handleFallback(text);
+                    }
+                }, error => {
+                    console.error('Speak error:', error);
                     handleFallback(text);
-                }
-            }
-            else {
-                handleFallback(text);
+                });
             }
-        }, error => {
-            console.error('Speak error:', error);
-            handleFallback(text);
-        });
+        }, 100);
         setMemoriTyping(false);
     };
     const handleFallback = (text) => {
-        console.log('Falling back to browser speech synthesis');
         window.speechSynthesis.speak(new SpeechSynthesisUtterance(text));
         cleanup();
     };
@@ -1304,22 +1329,35 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         stopProcessing();
         resetVisemeQueue();
         memoriSpeaking = false;
-        if (speechSynthesizer) {
-            console.log('Closing speech synthesizer');
-            speechSynthesizer.close();
+        try {
+            if (speechSynthesizer) {
+                const currentSynthesizer = speechSynthesizer;
+                speechSynthesizer = null;
+                console.debug('Closing speech synthesizer');
+                currentSynthesizer.close();
+            }
+        }
+        catch (error) {
+            console.debug('Error during synthesizer cleanup:', error);
             speechSynthesizer = null;
         }
         emitEndSpeakEvent();
     };
-    const stopAudio = () => {
+    const stopAudio = async () => {
         setIsPlayingAudio(false);
         memoriSpeaking = false;
         try {
             if (speechSynthesizer) {
-                speechSynthesizer.close();
+                const currentSynthesizer = speechSynthesizer;
                 speechSynthesizer = null;
+                try {
+                    currentSynthesizer.close();
+                }
+                catch (e) {
+                    console.debug('Error closing speech synthesizer:', e);
+                }
             }
-            if (audioContext.state !== 'closed') {
+            if ((audioContext === null || audioContext === void 0 ? void 0 : audioContext.state) !== 'closed') {
                 audioContext.close();
             }
             if (audioDestination) {
@@ -1346,21 +1384,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission]);
     const [transcript, setTranscript] = useState('');
-    const resetTranscript = () => setTranscript('');
     const [transcriptTimeout, setTranscriptTimeout] = useState(null);
+    const [isSpeaking, setIsSpeaking] = useState(false);
+    const resetTranscript = () => {
+        setTranscript('');
+    };
     const setListeningTimeout = () => {
-        let timeout = setTimeout(async () => {
-            clearListening();
-            const message = stripDuplicates(transcript);
-            if (message.length > 0 && listening) {
-                sendMessage(message);
-                resetTranscript();
-                setUserMessage('');
-            }
-            else if (listening) {
-                resetInteractionTimeout();
-            }
-        }, continuousSpeechTimeout * 1000);
+        clearListeningTimeout();
+        const timeout = setTimeout(handleTranscriptProcessing, continuousSpeechTimeout * 1000 + 300);
         setTranscriptTimeout(timeout);
     };
     const clearListeningTimeout = () => {
@@ -1371,74 +1402,105 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     };
     const resetListeningTimeout = () => {
         clearListeningTimeout();
-        if (continuousSpeech)
+        if (continuousSpeech) {
             setListeningTimeout();
+        }
     };
     useEffect(() => {
-        resetListeningTimeout();
-        resetInteractionTimeout();
-    }, [transcript]);
+        if (!isSpeaking) {
+            resetListeningTimeout();
+            resetInteractionTimeout();
+        }
+    }, [transcript, isSpeaking]);
+    useEffect(() => {
+        return () => {
+            clearListeningTimeout();
+        };
+    }, []);
     const startListening = async () => {
-        if (!AZURE_COGNITIVE_SERVICES_TTS_KEY)
-            return;
-        clearListening();
-        setTranscript('');
+        if (!AZURE_COGNITIVE_SERVICES_TTS_KEY) {
+            throw new Error('No TTS key available');
+        }
+        if (!sessionId) {
+            throw new Error('No session ID available');
+        }
+        cleanup();
         resetTranscript();
-        if (hasTouchscreen())
-            setEnableFocusChatInput(false);
         try {
-            navigator.mediaDevices
-                .getUserMedia({ audio: true })
-                .then(function (_stream) {
-                setHasUserActivatedListening(true);
-                if (!speechConfig) {
-                    speechConfig = speechSdk.SpeechConfig.fromSubscription(AZURE_COGNITIVE_SERVICES_TTS_KEY, 'westeurope');
-                    speechConfig.speechRecognitionLanguage =
-                        getCultureCodeByLanguage(userLang);
-                    speechConfig.speechSynthesisLanguage =
-                        getCultureCodeByLanguage(userLang);
-                    speechConfig.speechSynthesisVoiceName = getTTSVoice(userLang);
-                }
-                const audioConfig = speechSdk.AudioConfig.fromDefaultMicrophoneInput();
-                recognizer = new speechSdk.SpeechRecognizer(speechConfig, audioConfig);
-                setListening(true);
-                recognizer.recognized = (_s, e) => {
-                    if (!e.result.text)
-                        return;
-                    if (e.result.reason === speechSdk.ResultReason.RecognizedSpeech) {
-                        let transcript = e.result.text;
-                        setTranscript(transcript || '');
-                        if ((transcript === null || transcript === void 0 ? void 0 : transcript.length) > 0) {
-                            const transcriptMessage = stripDuplicates(transcript);
-                            if (transcriptMessage.length > 0)
-                                setUserMessage(msg => `${msg} ${transcriptMessage}`);
-                        }
-                    }
-                    else if (e.result.reason === speechSdk.ResultReason.NoMatch) {
-                        console.debug('NOMATCH: Speech could not be recognized.');
-                    }
-                };
-                recognizer.canceled = (_s, e) => {
-                    if (e.reason === speechSdk.CancellationReason.Error) {
-                        console.debug(`"CANCELED: ErrorCode=${e.errorCode}`);
-                        console.debug(`"CANCELED: ErrorDetails=${e.errorDetails}`);
-                        console.debug('CANCELED: Did you set the speech resource key and region values?');
-                    }
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            setHasUserActivatedListening(true);
+            speechConfig = setupSpeechConfig(AZURE_COGNITIVE_SERVICES_TTS_KEY);
+            const audioConfig = speechSdk.AudioConfig.fromDefaultMicrophoneInput();
+            recognizer = new speechSdk.SpeechRecognizer(speechConfig, audioConfig);
+            setupRecognizerHandlers(recognizer);
+            setListening(true);
+            recognizer.startContinuousRecognitionAsync();
+            recognizer.canceled = (_s, e) => {
+                if (e.reason === speechSdk.CancellationReason.Error) {
+                    console.debug(`"CANCELED: ErrorCode=${e.errorCode}`);
+                    console.debug(`"CANCELED: ErrorDetails=${e.errorDetails}`);
+                    console.debug('CANCELED: Did you set the speech resource key and region values?');
                     stopListening();
-                };
-                recognizer.sessionStopped = (_s, _e) => {
-                    stopListening();
-                };
+                    cleanup();
+                }
+                stopListening();
+            };
+            recognizer.sessionStopped = (_s, _e) => {
+                stopListening();
                 resetTranscript();
-                recognizer.startContinuousRecognitionAsync();
-            })
-                .catch(console.debug);
+            };
         }
         catch (error) {
-            console.debug(error);
+            console.error('Error in startListening:', error);
+            stopListening();
+            throw error;
+        }
+    };
+    const setupSpeechConfig = (AZURE_COGNITIVE_SERVICES_TTS_KEY) => {
+        speechConfig = speechSdk.SpeechConfig.fromSubscription(AZURE_COGNITIVE_SERVICES_TTS_KEY, 'westeurope');
+        speechConfig.speechRecognitionLanguage = getCultureCodeByLanguage(userLang);
+        speechConfig.speechSynthesisLanguage = getCultureCodeByLanguage(userLang);
+        speechConfig.speechSynthesisVoiceName = getTTSVoice(userLang);
+        return speechConfig;
+    };
+    const setupRecognizerHandlers = (recognizer) => {
+        if (recognizer) {
+            recognizer.recognized = (_, event) => {
+                handleRecognizedSpeech(event.result.text);
+            };
+            recognizer.properties.setProperty('SpeechServiceResponse_JsonResult', 'true');
+            recognizer.properties.setProperty('SpeechServiceConnection_NoiseSuppression', 'true');
+            recognizer.properties.setProperty('SpeechServiceConnection_SNRThresholdDb', '10.0');
+        }
+    };
+    const handleRecognizedSpeech = (text) => {
+        console.debug('Handling recognized speech:', text);
+        if (!text || text.trim().length === 0) {
+            console.debug('No valid text received from speech recognition');
+            return;
+        }
+        setTranscript(text);
+        setIsSpeaking(false);
+        const message = stripDuplicates(text);
+        console.debug('Stripped message:', message);
+        if (message.length > 0) {
+            setUserMessage(message);
+        }
+    };
+    const handleTranscriptProcessing = () => {
+        const message = stripDuplicates(transcript);
+        if (message.length > 0 && listening) {
+            sendMessage(message);
+            resetTranscript();
+            setUserMessage('');
+            clearListening();
+        }
+        else if (listening) {
+            resetInteractionTimeout();
         }
     };
     const stopListening = () => {
+        console.debug('Stopping speech recognition');
         if (recognizer) {
             recognizer.stopContinuousRecognitionAsync();
             recognizer.close();
@@ -1447,9 +1509,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setListening(false);
     };
     const clearListening = () => {
-        setHasUserActivatedListening(false);
         stopListening();
         clearListeningTimeout();
+        setIsSpeaking(false);
     };
     const resetListening = () => {
         if (listening) {
@@ -1499,15 +1561,16 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [continuousSpeech, hasUserActivatedListening]);
     useEffect(() => {
-        if (history.length > 1 &&
-            !isPlayingAudio &&
+        if (!isPlayingAudio &&
             continuousSpeech &&
-            (hasUserActivatedListening || !requestedListening))
+            (hasUserActivatedListening || !requestedListening) &&
+            sessionId) {
             startListening();
+        }
         else if (isPlayingAudio && listening) {
             stopListening();
         }
-    }, [isPlayingAudio]);
+    }, [isPlayingAudio, hasUserActivatedListening]);
     useEffect(() => {
         resetListening();
     }, [language]);
@@ -1668,7 +1731,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             });
         }
         let storageBirthDate = getLocalConfig('birthDate', undefined);
-        let birth = birthDate || storageBirthDate || undefined;
+        let birth = birthDate || storageBirthDate || (user === null || user === void 0 ? void 0 : user.birthDate);
+        if (!birth && autoStart && initialSessionID)
+            birth = '1970-01-01T10:24:03.845Z';
         if (!sessionID && !!minAge && !birth) {
             setShowAgeVerification(true);
             setClickedStart(false);
@@ -1851,6 +1916,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }
                 if ((!!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length) && translatedMessages.length > 1) ||
                     !initialQuestion) {
+                    console.log('[CLICK_START] Using existing chat history');
                     translateDialogState(currentState, userLang, undefined, !!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length))
                         .then(ts => {
                         let text = ts.translatedEmission || ts.emission;
@@ -1863,8 +1929,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     });
                 }
                 else {
+                    console.log('[CLICK_START] Using existing chat history with message from initial question');
                     translatedMessages = [];
                     setHistory([]);
+                    setMemoriTyping(true);
                     const response = await postTextEnteredEvent({
                         sessionId: sessionID,
                         text: initialQuestion,
@@ -1877,6 +1945,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         }
                     })
                         .finally(() => {
+                        setMemoriTyping(false);
                         setHasUserActivatedSpeak(true);
                     });
                 }
@@ -1903,6 +1972,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     useEffect(() => {
         if (!clickedStart && autoStart) {
+            if (AZURE_COGNITIVE_SERVICES_TTS_KEY && !speechSynthesizer) {
+                initializeTTS();
+            }
             onClickStart();
         }
     }, [clickedStart, autoStart]);
@@ -2015,6 +2087,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setSpeakerMuted: mute => {
             speakerMuted = !!mute;
             setMuteSpeaker(mute);
+            let microphoneMode = getLocalConfig('microphoneMode', 'HOLD_TO_TALK');
+            if (microphoneMode === 'CONTINUOUS' && mute) {
+                setContinuousSpeech(false);
+                setLocalConfig('microphoneMode', 'HOLD_TO_TALK');
+            }
             setLocalConfig('muteSpeaker', !!mute);
             if (mute) {
                 stopAudio();
@@ -2225,7 +2302,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setShowAgeVerification(false);
                         setClickedStart(false);
                     }
-                } })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, avatarType: avatarType, setAvatarType: setAvatarType, enablePositionControls: enablePositionControls, setEnablePositionControls: setEnablePositionControls, isAvatar3d: !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL), additionalSettings: additionalSettings })), showPositionDrawer && (_jsx(PositionDrawer, { memori: memori, open: !!showPositionDrawer, venue: position, setVenue: setPosition, onClose: position => {
+                } })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, avatarType: avatarType, setAvatarType: setAvatarType, enablePositionControls: enablePositionControls, setEnablePositionControls: setEnablePositionControls, isAvatar3d: !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL), additionalSettings: additionalSettings, speakerMuted: speakerMuted })), showPositionDrawer && (_jsx(PositionDrawer, { memori: memori, open: !!showPositionDrawer, venue: position, setVenue: setPosition, onClose: position => {
                     if (position)
                         applyPosition(position);
                     setShowPositionDrawer(false);