@memori.ai/memori-react 8.45.5 → 8.46.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 
 
+## [8.46.0](https://github.com/memori-ai/memori-react/compare/v8.45.6...v8.46.0) (2026-09-29)
+
+
+### Bug Fixes
+
+* **nats:** avoid re-applying stale dialog state on tab resume ([7336d45](https://github.com/memori-ai/memori-react/commit/7336d4517ca0b9e68d348188b3903005bd0356fc))
+
+## [8.45.6](https://github.com/memori-ai/memori-react/compare/v8.45.5...v8.45.6) (2026-09-28)
+
+
+### Features
+
+* **speech:** implement speech error handling and session management in TTS and STT ([c607801](https://github.com/memori-ai/memori-react/commit/c6078014b6ba1465a89a11632968b5e4d6c62223))
+
 ## [8.45.5](https://github.com/memori-ai/memori-react/compare/v8.45.4...v8.45.5) (2026-09-25)
 
 

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -40,6 +40,7 @@ const error_1 = require("../../helpers/error");
 const credits_1 = require("../../helpers/credits");
 const sanitizer_1 = require("../../helpers/sanitizer");
 const useTTS_1 = require("../../helpers/tts/useTTS");
+const speechRequest_1 = require("../../helpers/speech/speechRequest");
 const ChatHistory_1 = tslib_1.__importDefault(require("../ChatHistoryDrawer/ChatHistory"));
 const useSTT_1 = require("../../helpers/stt/useSTT");
 const useNats_1 = require("../../helpers/nats/useNats");
@@ -86,6 +87,7 @@ function readCorrelationID(response) {
     const value = response.correlationID;
     return typeof value === 'string' && value.length > 0 ? value : undefined;
 }
+const MAX_WAIT_FOR_PREVIOUS_RETRIES = 30;
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
         detail: {
@@ -501,7 +503,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (response.resultCode === 0 && correlationID) {
                 registerPendingEnterText(correlationID, {
                     msg,
-                    stateBeforeRequest: (0, dialogStateCatchUp_1.dialogStateFingerprint)(currentDialogState),
+                    stateBeforeRequest: engineStateFingerprintRef.current,
                     text,
                     media,
                     translate,
@@ -555,7 +557,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setMemoriTyping(false);
         }
     };
-    const translateDialogState = async (state, userLang, msg, avoidPushingMessage = false) => {
+    const translateDialogState = async (state, userLang, msg, avoidPushingMessage = false, engineState = state) => {
         var _a, _b, _c, _d, _f, _g;
         const emission = (_a = state === null || state === void 0 ? void 0 : state.emission) !== null && _a !== void 0 ? _a : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
         let translatedState = { ...state };
@@ -651,7 +653,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 };
             }
         }
-        setCurrentDialogState(translatedState);
+        setCurrentDialogState(translatedState, engineState);
         if (!avoidPushingMessage && translatedMsg) {
             pushMessage(translatedMsg);
         }
@@ -722,10 +724,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         return voice;
     };
-    const [sessionId, setSessionId] = (0, react_1.useState)(initialSessionID);
+    const [sessionId, setSessionIdState] = (0, react_1.useState)(initialSessionID);
+    const sessionIdRef = (0, react_1.useRef)(initialSessionID);
+    const setSessionId = (id) => {
+        sessionIdRef.current = id;
+        setSessionIdState(id);
+    };
     const [currentDialogState, _setCurrentDialogState] = (0, react_1.useState)();
-    const setCurrentDialogState = (state) => {
+    const engineStateFingerprintRef = (0, react_1.useRef)('');
+    const setCurrentDialogState = (state, engineState = state) => {
         var _a, _b;
+        engineStateFingerprintRef.current = (0, dialogStateCatchUp_1.dialogStateFingerprint)(engineState);
         _setCurrentDialogState(state);
         if (onStateChange) {
             onStateChange(state);
@@ -1127,20 +1136,44 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             provider: ttsProvider,
             voice: (0, ttsVoiceUtility_1.getTTSVoice)(userLang || ((_b = (_a = memori.culture) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) || 'EN', ttsProvider, memori.voiceType),
             tenant: tenantID,
+            sessionId,
+            sessionIdRef,
             region: 'westeurope',
             voiceType: memori.voiceType,
             layout: selectedLayout,
         });
-    }, [ttsProvider, userLang, memori.culture, memori.voiceType, selectedLayout]);
+    }, [
+        ttsProvider,
+        userLang,
+        memori.culture,
+        memori.voiceType,
+        selectedLayout,
+        tenantID,
+        sessionId,
+        sessionIdRef,
+    ]);
     const sttConfig = (0, react_1.useMemo)(() => ({
         provider: ttsProvider,
         language: getCultureCodeByLanguage(userLang),
         tenant: tenantID,
-    }), [ttsProvider, userLang]);
+        sessionId,
+        sessionIdRef,
+    }), [ttsProvider, userLang, tenantID, sessionId, sessionIdRef]);
+    const reportSpeechError = (0, react_1.useCallback)((error) => {
+        const key = (0, speechRequest_1.speechErrorI18nKey)(error);
+        const message = key ? String(t(key)) : error.message;
+        if (error instanceof speechRequest_1.SpeechRequestError &&
+            error.code === 'rate_limited') {
+            (0, react_hot_toast_1.default)(message);
+            return;
+        }
+        react_hot_toast_1.default.error(message);
+    }, [t]);
     const { speak: ttsSpeak, stop: ttsStop, isPlaying: isPlayingAudio, speakerMuted, toggleMute, hasUserActivatedSpeak, setHasUserActivatedSpeak, } = (0, useTTS_1.useTTS)(ttsConfig, {
         apiUrl: `${baseUrl}/api/tts`,
         continuousSpeech: continuousSpeech,
         preview: preview,
+        onError: reportSpeechError,
     }, autoStart, defaultEnableAudio, (_w = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _w !== void 0 ? _w : true);
     const shouldPlayAudio = (text) => {
         const currentSpeakerMuted = (0, configuration_1.getLocalConfig)('muteSpeaker', !defaultEnableAudio);
@@ -1166,6 +1199,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     };
     const { isListening, startRecording, stopRecording, } = (0, useSTT_1.useSTT)(sttConfig, processSpeechAndSendMessage, {
         apiUrl: `${baseUrl}/api/stt`,
+        onError: reportSpeechError,
     }, defaultEnableAudio);
     const handleSpeak = async (text) => {
         if (!shouldPlayAudio(text)) {
@@ -1255,8 +1289,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         if (userLang.toLowerCase() !== language.toLowerCase() &&
             emission &&
             isMultilanguageEnabled) {
-            currentState.emission = emission;
-            translateDialogState(currentState, userLang, msg).then(ts => {
+            translateDialogState({ ...currentState, emission }, userLang, msg, false, currentState).then(ts => {
                 const text = ts.translatedEmission || ts.emission;
                 if (text && shouldPlayAudio(text)) {
                     handleSpeak(text);
@@ -1267,7 +1300,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setCurrentDialogState({
                 ...currentState,
                 emission,
-            });
+            }, currentState);
             if (emission) {
                 pushMessage({
                     text: emission,
@@ -1390,7 +1423,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             reject(new Error('NATS enter-text response timeout'));
         }, timeoutMs);
         registerPendingEnterText(correlationID, {
-            stateBeforeRequest: (0, dialogStateCatchUp_1.dialogStateFingerprint)(currentDialogState),
+            stateBeforeRequest: engineStateFingerprintRef.current,
             waitForResponse: {
                 resolve: event => {
                     clearTimeout(timeoutId);
@@ -1403,7 +1436,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 timeoutId,
             },
         });
-    }), [registerPendingEnterText, clearEnterTextPending, currentDialogState]);
+    }), [registerPendingEnterText, clearEnterTextPending]);
     const catchUpPendingEnterText = (0, react_1.useCallback)(async () => {
         if (!sessionId || pendingEnterTextRef.current.size === 0)
             return;
@@ -1424,7 +1457,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 });
                 return;
             }
-            if (!(0, dialogStateCatchUp_1.isEnterTextCatchUpReady)(pending.stateBeforeRequest, currentState)) {
+            if (!(0, dialogStateCatchUp_1.isEnterTextCatchUpReady)(pending.stateBeforeRequest, currentState) ||
+                (0, dialogStateCatchUp_1.dialogStateFingerprint)(currentState) ===
+                    engineStateFingerprintRef.current) {
                 console.info('[NATS] catch-up: pending turn has not completed yet');
                 return;
             }
@@ -1619,7 +1654,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ttsStop();
         sendMessage(text, undefined, undefined, false, translatedText);
     };
-    const memoriTextEnteredHandler = (0, react_1.useCallback)((e) => {
+    const memoriTextEnteredHandler = (e, retries = 0) => {
         if (disableTextEnteredEvents) {
             return;
         }
@@ -1627,9 +1662,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         if (text) {
             if (waitForPrevious &&
                 !speakerMuted &&
-                (memoriSpeaking || !!memoriTyping)) {
+                (memoriSpeaking || pendingEnterTextRef.current.size > 0) &&
+                retries < MAX_WAIT_FOR_PREVIOUS_RETRIES) {
                 setTimeout(() => {
-                    memoriTextEnteredHandler(e);
+                    memoriTextEnteredHandlerRef.current(e, retries + 1);
                 }, 1000);
             }
             else {
@@ -1637,25 +1673,18 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 sendMessage(text, undefined, undefined, undefined, undefined, hidden, typingText, useLoaderTextAsMsg, hasBatchQueued);
             }
         }
-    }, [
-        sessionId,
-        isPlayingAudio,
-        memoriTyping,
-        userLang,
-        disableTextEnteredEvents,
-        speakerMuted,
-    ]);
+    };
+    const memoriTextEnteredHandlerRef = (0, react_1.useRef)(memoriTextEnteredHandler);
+    memoriTextEnteredHandlerRef.current = memoriTextEnteredHandler;
     (0, react_1.useEffect)(() => {
-        if (!disableTextEnteredEvents) {
-            document.addEventListener('MemoriTextEntered', memoriTextEnteredHandler);
-        }
-        else {
-            document.removeEventListener('MemoriTextEntered', memoriTextEnteredHandler);
-        }
+        if (disableTextEnteredEvents)
+            return;
+        const listener = (e) => memoriTextEnteredHandlerRef.current(e);
+        document.addEventListener('MemoriTextEntered', listener);
         return () => {
-            document.removeEventListener('MemoriTextEntered', memoriTextEnteredHandler);
+            document.removeEventListener('MemoriTextEntered', listener);
         };
-    }, [sessionId, userLang, disableTextEnteredEvents]);
+    }, [disableTextEnteredEvents]);
     const onClickStart = (0, react_1.useCallback)(async (session, initialSessionExpired = false, chatLog, targetSessionID) => {
         var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const sessionID = chatLog ? undefined : (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;