@memori.ai/memori-react 6.8.1 → 6.8.4

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef, } from 'react';
+import { useState, useEffect, useCallback, useRef, useMemo, } from 'react';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import { AudioContext } from 'standardized-audio-context';
-import * as speechSdk from 'microsoft-cognitiveservices-speech-sdk';
 import cx from 'classnames';
 import { DateTime } from 'luxon';
 import toast from 'react-hot-toast';
@@ -12,7 +11,6 @@ import MemoriAuth from '../Auth/Auth';
 import Chat from '../Chat/Chat';
 import StartPanel from '../StartPanel/StartPanel';
 import Avatar from '../Avatar/Avatar';
-import ChangeMode from '../ChangeMode/ChangeMode';
 import Header from '../Header/Header';
 import PoweredBy from '../PoweredBy/PoweredBy';
 import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
@@ -20,17 +18,26 @@ import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
 import KnownFacts from '../KnownFacts/KnownFacts';
 import ExpertsDrawer from '../ExpertsDrawer/ExpertsDrawer';
 import LoginDrawer from '../LoginDrawer/LoginDrawer';
+import Button from '../ui/Button';
+import CloseIcon from '../icons/Close';
 import FullPageLayout from '../layouts/FullPage';
 import TotemLayout from '../layouts/Totem';
 import ChatLayout from '../layouts/Chat';
 import WebsiteAssistantLayout from '../layouts/WebsiteAssistant';
+import HiddenChatLayout from '../layouts/HiddenChat';
+import ZoomedFullBodyLayout from '../layouts/ZoomedFullBody';
 import { getTranslation } from '../../helpers/translations';
 import { setLocalConfig, getLocalConfig, removeLocalConfig, } from '../../helpers/configuration';
-import { hasTouchscreen, stripDuplicates, stripEmojis, escapeHTML, stripMarkdown, } from '../../helpers/utils';
-import { anonTag } from '../../helpers/constants';
+import { hasTouchscreen, stripDuplicates, installMathJax, } from '../../helpers/utils';
+import { getTTSVoice } from '../../helpers/tts/ttsVoiceUtility';
+import { allowedMediaTypes, anonTag, uiLanguages, } from '../../helpers/constants';
 import { getErrori18nKey } from '../../helpers/error';
-import { getGamificationLevel } from '../../helpers/statistics';
 import { getCredits } from '../../helpers/credits';
+import { sanitizeText } from '../../helpers/sanitizer';
+import { useTTS } from '../../helpers/tts/useTTS';
+import Alert from '../ui/Alert';
+import ChatHistoryDrawer from '../ChatHistoryDrawer/ChatHistory';
+import { useSTT } from '../../helpers/stt/useSTT';
 const getMemoriState = (integrationId) => {
     var _a, _b, _c, _d, _f;
     let widget = integrationId
@@ -46,7 +53,11 @@ const getMemoriState = (integrationId) => {
     if (!engineState)
         return null;
     let dialogState = JSON.parse(engineState);
-    return dialogState;
+    let loginToken = getLocalConfig('loginToken', undefined);
+    return {
+        ...dialogState,
+        loginToken,
+    };
 };
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
@@ -141,35 +152,37 @@ window.getMemoriState = getMemoriState;
 window.typeMessage = typeMessage;
 window.typeMessageHidden = typeMessageHidden;
 window.typeBatchMessages = typeBatchMessages;
-let recognizer;
-let speechConfig;
-let speechSynthesizer;
-let audioDestination;
 let audioContext;
 let memoriPassword;
 let speakerMuted = false;
-let memoriSpeaking = false;
 let userToken;
-const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showInstruct = false, showShare, preview = false, embed = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, showTypingText = false, showClear = false, showLogin = false, showOnlyLastMessages, height = '100vh', secret, baseUrl = 'https://aisuru.com', apiUrl = 'https://backend.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, defaultSpeakerActive = true, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, }) => {
-    var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, height = '100vh', secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, }) => {
+    var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
     const { t, i18n } = useTranslation();
     const [isClient, setIsClient] = useState(false);
     useEffect(() => {
         setIsClient(true);
     }, []);
-    const client = memoriApiClient(apiUrl);
-    const { initSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTimeoutEvent, postTagChangedEvent, getSession, getContentQualityIndexes, getExpertReferences, } = client;
+    const client = memoriApiClient(apiURL, engineURL);
+    const { initSession, deleteSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTimeoutEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
     const [instruct, setInstruct] = useState(false);
+    const [enableFocusChatInput, setEnableFocusChatInput] = useState(true);
     const [loginToken, setLoginToken] = useState((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
     const [user, setUser] = useState({
         avatarURL: typeof userAvatar === 'string' ? userAvatar : undefined,
     });
     useEffect(() => {
-        if (loginToken && !(user === null || user === void 0 ? void 0 : user.userID) && showLogin) {
+        if (loginToken &&
+            !(user === null || user === void 0 ? void 0 : user.userID) &&
+            (showLogin || memori.requireLoginToken)) {
             client.backend.getCurrentUser(loginToken).then(({ user, resultCode }) => {
                 if (user && resultCode === 0) {
                     setUser(user);
                     setLocalConfig('loginToken', loginToken);
+                    if (!birthDate && user.birthDate) {
+                        setBirthDate(user.birthDate);
+                        setLocalConfig('birthDate', user.birthDate);
+                    }
                 }
                 else {
                     removeLocalConfig('loginToken');
@@ -190,27 +203,44 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         : !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage);
     const forcedTimeout = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.forcedTimeout;
     const [userLang, setUserLang] = useState((_o = (_m = (_l = (_k = memoriLang !== null && memoriLang !== void 0 ? memoriLang : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.lang) !== null && _k !== void 0 ? _k : language) !== null && _l !== void 0 ? _l : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.uiLang) !== null && _m !== void 0 ? _m : i18n.language) !== null && _o !== void 0 ? _o : 'IT');
+    const applyMathFormatting = useMathFormatting !== undefined
+        ? useMathFormatting
+        : !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.useMathFormatting);
+    useEffect(() => {
+        if (applyMathFormatting)
+            installMathJax();
+    }, [applyMathFormatting]);
+    useEffect(() => {
+        if (isMultilanguageEnabled &&
+            userLang &&
+            uiLanguages.includes(userLang.toLowerCase())) {
+            i18n.changeLanguage(userLang.toLowerCase());
+        }
+    }, [userLang]);
     const [loading, setLoading] = useState(false);
     const [memoriTyping, setMemoriTyping] = useState(false);
     const [typingText, setTypingText] = useState();
     const selectedLayout = layout || (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) || 'DEFAULT';
-    const [hasUserActivatedSpeak, setHasUserActivatedSpeak] = useState(false);
+    const defaultEnableAudio = (_p = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _p !== void 0 ? _p : true;
     const [hasUserActivatedListening, setHasUserActivatedListening] = useState(false);
     const [showPositionDrawer, setShowPositionDrawer] = useState(false);
     const [showSettingsDrawer, setShowSettingsDrawer] = useState(false);
+    const [showChatHistoryDrawer, setShowChatHistoryDrawer] = useState(false);
     const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
     const [showExpertsDrawer, setShowExpertsDrawer] = useState(false);
-    const [muteSpeaker, setMuteSpeaker] = useState(!defaultSpeakerActive);
     const [continuousSpeech, setContinuousSpeech] = useState(false);
     const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
-    const [isPlayingAudio, setIsPlayingAudio] = useState(false);
     const [controlsPosition, setControlsPosition] = useState('center');
+    const [enablePositionControls, setEnablePositionControls] = useState(false);
+    const [avatarType, setAvatarType] = useState(null);
     const [hideEmissions, setHideEmissions] = useState(false);
+    const speechSynthesizerRef = useRef(null);
+    const [memoriSpeaking, setMemoriSpeaking] = useState(false);
     useEffect(() => {
-        setIsPlayingAudio(!!speechSynthesizer);
-        memoriSpeaking = !!speechSynthesizer;
-    }, [speechSynthesizer]);
+        setMemoriSpeaking(!!speechSynthesizerRef.current);
+    }, [speechSynthesizerRef.current]);
     useEffect(() => {
+        var _a;
         let defaultControlsPosition = 'bottom';
         let microphoneMode = getLocalConfig('microphoneMode', 'HOLD_TO_TALK');
         if (window.innerWidth <= 768) {
@@ -224,17 +254,27 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         else {
             defaultControlsPosition = 'bottom';
         }
-        setMuteSpeaker(getLocalConfig('muteSpeaker', !defaultSpeakerActive));
-        speakerMuted = getLocalConfig('muteSpeaker', !defaultSpeakerActive);
-        setContinuousSpeech(microphoneMode === 'CONTINUOUS');
+        setContinuousSpeech(speakerMuted ? false : microphoneMode === 'CONTINUOUS');
         setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
         setControlsPosition(getLocalConfig('controlsPosition', defaultControlsPosition));
+        setAvatarType(getLocalConfig('avatarType', 'avatar3d'));
         setHideEmissions(getLocalConfig('hideEmissions', false));
         if (!(additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) && !authToken) {
             setLoginToken(getLocalConfig('loginToken', undefined));
             userToken = getLocalConfig('loginToken', undefined);
+            setBirthDate(getLocalConfig('birthDate', undefined));
+        }
+        if (!((_a = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _a !== void 0 ? _a : true)) {
+            setLocalConfig('muteSpeaker', true);
         }
     }, []);
+    useEffect(() => {
+        var _a;
+        const isAudioEnabled = (_a = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _a !== void 0 ? _a : true;
+        if (!isAudioEnabled) {
+            setLocalConfig('muteSpeaker', true);
+        }
+    }, [enableAudio, integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio]);
     const [memoriPwd, setMemoriPwd] = useState(secret);
     const [memoriTokens, setMemoriTokens] = useState();
     const [authModalState, setAuthModalState] = useState(null);
@@ -242,7 +282,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const applyPosition = async (venue, sessionID) => {
         var _a;
         const session = sessionID !== null && sessionID !== void 0 ? sessionID : sessionId;
-        if (venue && session) {
+        if (venue && session && memori.needsPosition) {
             const { currentState, ...response } = await postPlaceChangedEvent({
                 sessionId: session,
                 placeName: venue.placeName,
@@ -265,24 +305,25 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const setPosition = (venue) => {
         _setPosition(venue);
         applyPosition(venue);
-        if (venue) {
+        if (venue && memori.needsPosition) {
             setLocalConfig('position', JSON.stringify(venue));
         }
-        else {
+        else if (!venue) {
             removeLocalConfig('position');
         }
     };
     useEffect(() => {
-        const position = getLocalConfig('position', undefined);
-        if (position) {
-            _setPosition(position);
+        if (memori.needsPosition) {
+            const position = getLocalConfig('position', undefined);
+            if (position) {
+                _setPosition(position);
+            }
         }
-    }, []);
+    }, [memori.needsPosition]);
     const [userMessage, setUserMessage] = useState('');
     const onChangeUserMessage = (value) => {
         if (!value || value === '\n' || value.trim() === '') {
             setUserMessage('');
-            resetInteractionTimeout();
             return;
         }
         setUserMessage(value);
@@ -302,8 +343,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             ];
         });
     };
+    const [chatLogID, setChatLogID] = useState(undefined);
     const sendMessage = async (text, media, newSessionId, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _f;
         const sessionID = newSessionId ||
             sessionId ||
             ((_a = window.getMemoriState()) === null || _a === void 0 ? void 0 : _a.sessionID);
@@ -323,32 +365,58 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setTypingText(typingText);
         let msg = text;
         let gotError = false;
-        if (translate &&
-            !instruct &&
-            isMultilanguageEnabled &&
-            userLang.toUpperCase() !== language.toUpperCase()) {
-            const translation = await getTranslation(text, language, userLang, baseUrl);
-            msg = translation.text;
-        }
-        const { currentState, ...response } = await postTextEnteredEvent({
-            sessionId: sessionID,
-            text: msg,
-        });
-        if (response.resultCode === 0 && currentState) {
-            const emission = useLoaderTextAsMsg && typingText
-                ? typingText
-                : (_b = currentState.emission) !== null && _b !== void 0 ? _b : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
-            if (currentState.state === 'X4' && memori.giverTag) {
-                const { currentState, ...resp } = await postTagChangedEvent(sessionID, memori.giverTag);
-                if (resp.resultCode === 0) {
-                    setCurrentDialogState(currentState);
+        try {
+            if (!hidden &&
+                translate &&
+                isMultilanguageEnabled &&
+                userLang.toUpperCase() !== language.toUpperCase()) {
+                const translation = await getTranslation(text, language, userLang, baseUrl);
+                msg = translation.text;
+            }
+            const findMediaDocument = media === null || media === void 0 ? void 0 : media.find(m => { var _a; return !m.mediumID && ((_a = m.properties) === null || _a === void 0 ? void 0 : _a.isAttachedFile); });
+            if (findMediaDocument) {
+                msg = msg + ' ' + findMediaDocument.content;
+            }
+            const mediaDocuments = media === null || media === void 0 ? void 0 : media.filter(m => { var _a; return !m.mediumID && ((_a = m.properties) === null || _a === void 0 ? void 0 : _a.isAttachedFile); });
+            if (mediaDocuments && mediaDocuments.length > 0) {
+                const documentContents = mediaDocuments
+                    .map(doc => doc.content)
+                    .join(' ');
+                msg = msg + ' ' + documentContents;
+            }
+            const { currentState, ...response } = await postTextEnteredEvent({
+                sessionId: sessionID,
+                text: msg,
+            });
+            if (response.resultCode === 0 && currentState) {
+                setChatLogID(undefined);
+                const emission = useLoaderTextAsMsg && typingText
+                    ? typingText
+                    : (_b = currentState.emission) !== null && _b !== void 0 ? _b : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
+                if (userLang.toLowerCase() !== language.toLowerCase() &&
+                    emission &&
+                    isMultilanguageEnabled) {
+                    currentState.emission = emission;
+                    translateDialogState(currentState, userLang, msg).then(ts => {
+                        let text = ts.translatedEmission || ts.emission;
+                        if (text && text.trim() && !speakerMuted) {
+                            handleSpeak(text);
+                        }
+                    });
+                }
+                else {
+                    setCurrentDialogState({
+                        ...currentState,
+                        emission,
+                    });
                     if (emission) {
                         pushMessage({
                             text: emission,
                             emitter: currentState.emitter,
-                            media: currentState.media,
+                            media: (_c = currentState.emittedMedia) !== null && _c !== void 0 ? _c : currentState.media,
                             fromUser: false,
                             questionAnswered: msg,
+                            generatedByAI: !!currentState.completion,
                             contextVars: currentState.contextVars,
                             date: currentState.currentDate,
                             placeName: currentState.currentPlaceName,
@@ -358,126 +426,54 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             tag: currentState.currentTag,
                             memoryTags: currentState.memoryTags,
                         });
-                        speak(emission);
-                    }
-                }
-                else {
-                    console.error(response, resp);
-                    toast.error(t(getErrori18nKey(resp.resultCode)));
-                    gotError = true;
-                }
-            }
-            else if (currentState.state === 'X2d' && memori.giverTag) {
-                const { currentState, ...resp } = await postTextEnteredEvent({
-                    sessionId: sessionID,
-                    text: Math.random().toString().substring(2, 8),
-                });
-                if (resp.resultCode === 0) {
-                    const { currentState, ...resp } = await postTagChangedEvent(sessionID, memori.giverTag);
-                    if (resp.resultCode === 0) {
-                        setCurrentDialogState(currentState);
-                        if (emission) {
-                            pushMessage({
-                                text: emission,
-                                emitter: currentState.emitter,
-                                media: currentState.media,
-                                fromUser: false,
-                                questionAnswered: msg,
-                                contextVars: currentState.contextVars,
-                                date: currentState.currentDate,
-                                placeName: currentState.currentPlaceName,
-                                placeLatitude: currentState.currentLatitude,
-                                placeLongitude: currentState.currentLongitude,
-                                placeUncertaintyKm: currentState.currentUncertaintyKm,
-                                tag: currentState.currentTag,
-                                memoryTags: currentState.memoryTags,
-                            });
-                            speak(emission);
+                        if (emission && emission.trim()) {
+                            handleSpeak(emission);
                         }
                     }
-                    else {
-                        console.error(response, resp);
-                        toast.error(t(getErrori18nKey(resp.resultCode)));
-                        gotError = true;
-                    }
-                }
-                else {
-                    console.error(response, resp);
-                    toast.error(t(getErrori18nKey(resp.resultCode)));
-                    gotError = true;
                 }
             }
-            else if (userLang.toLowerCase() !== language.toLowerCase() &&
-                emission &&
-                !instruct &&
-                isMultilanguageEnabled) {
-                translateDialogState(currentState, userLang, msg).then(ts => {
-                    if (ts.emission) {
-                        speak(ts.emission);
+            else if (response.resultCode === 404) {
+                setHistory(h => [...h.slice(0, h.length - 1)]);
+                reopenSession(false, memoriPwd || memori.secretToken, memoriTokens, undefined, undefined, {
+                    PATHNAME: window.location.pathname,
+                    ROUTE: ((_f = (_d = window.location.pathname) === null || _d === void 0 ? void 0 : _d.split('/')) === null || _f === void 0 ? void 0 : _f.pop()) || '',
+                    ...(initialContextVars || {}),
+                }, initialQuestion).then(state => {
+                    console.info('session timeout');
+                    if (state === null || state === void 0 ? void 0 : state.sessionID) {
+                        setTimeout(() => {
+                            sendMessage(text, media, state === null || state === void 0 ? void 0 : state.sessionID);
+                        }, 500);
                     }
                 });
             }
-            else {
-                setCurrentDialogState({
-                    ...currentState,
-                    emission,
-                });
-                if (emission) {
-                    pushMessage({
-                        text: emission,
-                        emitter: currentState.emitter,
-                        media: currentState.media,
-                        fromUser: false,
-                        questionAnswered: msg,
-                        generatedByAI: !!currentState.completion,
-                        contextVars: currentState.contextVars,
-                        date: currentState.currentDate,
-                        placeName: currentState.currentPlaceName,
-                        placeLatitude: currentState.currentLatitude,
-                        placeLongitude: currentState.currentLongitude,
-                        placeUncertaintyKm: currentState.currentUncertaintyKm,
-                        tag: currentState.currentTag,
-                        memoryTags: currentState.memoryTags,
-                    });
-                    speak(emission);
-                }
-            }
         }
-        else if (response.resultCode === 404) {
-            setHistory(h => [...h.slice(0, h.length - 1)]);
-            reopenSession(false, memoriPwd || memori.secretToken, memoriTokens, instruct && memori.giverTag ? memori.giverTag : undefined, instruct && memori.giverPIN ? memori.giverPIN : undefined, {
-                PATHNAME: window.location.pathname,
-                ROUTE: ((_d = (_c = window.location.pathname) === null || _c === void 0 ? void 0 : _c.split('/')) === null || _d === void 0 ? void 0 : _d.pop()) || '',
-                ...(initialContextVars || {}),
-            }, initialQuestion).then(state => {
-                console.info('session timeout');
-                if (state === null || state === void 0 ? void 0 : state.sessionID) {
-                    setTimeout(() => {
-                        sendMessage(text, media, state === null || state === void 0 ? void 0 : state.sessionID);
-                    }, 500);
-                }
-            });
+        catch (error) {
+            console.error(error);
+            gotError = true;
+            setTypingText(undefined);
+            setMemoriTyping(false);
         }
         if (!hasBatchQueued) {
             setTypingText(undefined);
             setMemoriTyping(false);
         }
     };
-    const translateDialogState = async (state, userLang, msg) => {
-        var _a, _b, _c;
-        const emission = (_a = state.emission) !== null && _a !== void 0 ? _a : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
+    const translateDialogState = async (state, userLang, msg, avoidPushingMessage = false) => {
+        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 };
         let translatedMsg = null;
         if (!emission ||
-            instruct ||
             language.toUpperCase() === userLang.toUpperCase() ||
-            !isMultilanguageEnabled) {
+            !isMultilanguageEnabled ||
+            avoidPushingMessage) {
             translatedState = { ...state, emission };
             if (emission) {
                 translatedMsg = {
                     text: emission,
                     emitter: state.emitter,
-                    media: state.media,
+                    media: (_b = state.emittedMedia) !== null && _b !== void 0 ? _b : state.media,
                     fromUser: false,
                     questionAnswered: msg,
                     contextVars: state.contextVars,
@@ -492,37 +488,60 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             }
         }
         else {
-            const t = await getTranslation(emission, userLang, language, baseUrl);
-            if (state.hints && state.hints.length > 0) {
-                const translatedHints = await Promise.all(((_b = state.hints) !== null && _b !== void 0 ? _b : []).map(async (hint) => {
-                    var _a;
-                    const tHint = await getTranslation(hint, userLang, language, baseUrl);
-                    return {
-                        text: (_a = tHint === null || tHint === void 0 ? void 0 : tHint.text) !== null && _a !== void 0 ? _a : hint,
-                        originalText: hint,
+            try {
+                const t = await getTranslation(emission, userLang, language, baseUrl);
+                if (state.hints && state.hints.length > 0) {
+                    const translatedHints = await Promise.all(((_c = state.hints) !== null && _c !== void 0 ? _c : []).map(async (hint) => {
+                        var _a;
+                        const tHint = await getTranslation(hint, userLang, language, baseUrl);
+                        return {
+                            text: (_a = tHint === null || tHint === void 0 ? void 0 : tHint.text) !== null && _a !== void 0 ? _a : hint,
+                            originalText: hint,
+                        };
+                    }));
+                    translatedState = {
+                        ...state,
+                        emission: t.text,
+                        translatedHints,
                     };
-                }));
-                translatedState = {
-                    ...state,
-                    emission: t.text,
-                    translatedHints,
-                };
-            }
-            else {
-                translatedState = {
-                    ...state,
-                    emission: t.text,
-                    hints: (_c = state.hints) !== null && _c !== void 0 ? _c : (state.state === 'G1' ? currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.hints : []),
-                };
+                }
+                else {
+                    translatedState = {
+                        ...state,
+                        emission: emission,
+                        translatedEmission: t.text,
+                        hints: (_d = state.hints) !== null && _d !== void 0 ? _d : (state.state === 'G1' ? currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.hints : []),
+                    };
+                }
+                if (t.text.length > 0) {
+                    translatedMsg = {
+                        text: emission,
+                        translatedText: t.text,
+                        emitter: state.emitter,
+                        media: (_f = state.emittedMedia) !== null && _f !== void 0 ? _f : state.media,
+                        fromUser: false,
+                        questionAnswered: msg,
+                        generatedByAI: !!state.completion,
+                        contextVars: state.contextVars,
+                        date: state.currentDate,
+                        placeName: state.currentPlaceName,
+                        placeLatitude: state.currentLatitude,
+                        placeLongitude: state.currentLongitude,
+                        placeUncertaintyKm: state.currentUncertaintyKm,
+                        tag: state.currentTag,
+                        memoryTags: state.memoryTags,
+                    };
+                }
             }
-            if (t.text.length > 0)
+            catch (error) {
+                console.error('[TRANSLATE] Error during translation:', error);
+                translatedState = { ...state, emission };
                 translatedMsg = {
-                    text: t.text,
+                    text: emission,
                     emitter: state.emitter,
-                    media: state.media,
+                    media: (_g = state.emittedMedia) !== null && _g !== void 0 ? _g : state.media,
                     fromUser: false,
                     questionAnswered: msg,
-                    generatedByAI: !!state.completion,
                     contextVars: state.contextVars,
                     date: state.currentDate,
                     placeName: state.currentPlaceName,
@@ -532,9 +551,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     tag: state.currentTag,
                     memoryTags: state.memoryTags,
                 };
+            }
         }
         setCurrentDialogState(translatedState);
-        if (translatedMsg) {
+        if (!avoidPushingMessage && translatedMsg) {
             pushMessage(translatedMsg);
         }
         return translatedState;
@@ -548,15 +568,75 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 : 0;
     const [birthDate, setBirthDate] = useState();
     const [showAgeVerification, setShowAgeVerification] = useState(false);
+    const getCultureCodeByLanguage = (lang) => {
+        var _a, _b;
+        let voice = '';
+        let voiceLang = (lang ||
+            ((_b = (_a = memori.culture) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) ||
+            i18n.language ||
+            'IT').toUpperCase();
+        switch (voiceLang) {
+            case 'IT':
+                voice = 'it-IT';
+                break;
+            case 'DE':
+                voice = 'de-DE';
+                break;
+            case 'EN':
+                voice = 'en-GB';
+                break;
+            case 'ES':
+                voice = 'es-ES';
+                break;
+            case 'FR':
+                voice = 'fr-FR';
+                break;
+            case 'PT':
+                voice = 'pt-PT';
+                break;
+            case 'UK':
+                voice = 'uk-UK';
+                break;
+            case 'RU':
+                voice = 'ru-RU';
+                break;
+            case 'PL':
+                voice = 'pl-PL';
+                break;
+            case 'FI':
+                voice = 'fi-FI';
+                break;
+            case 'EL':
+                voice = 'el-GR';
+                break;
+            case 'AR':
+                voice = 'ar-SA';
+                break;
+            case 'ZH':
+                voice = 'zh-CN';
+                break;
+            case 'JA':
+                voice = 'ja-JP';
+                break;
+            default:
+                voice = 'it-IT';
+                break;
+        }
+        return voice;
+    };
     const [sessionId, setSessionId] = useState(initialSessionID);
     const [currentDialogState, _setCurrentDialogState] = useState();
     const setCurrentDialogState = (state) => {
-        var _a;
+        var _a, _b;
         _setCurrentDialogState(state);
         if (onStateChange) {
             onStateChange(state);
         }
-        const executableSnippets = (_a = state === null || state === void 0 ? void 0 : state.media) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a; return m.mimeType === 'text/javascript' && !!((_a = m.properties) === null || _a === void 0 ? void 0 : _a.executable); });
+        const e = new CustomEvent('MemoriNewDialogState', {
+            detail: state,
+        });
+        document.dispatchEvent(e);
+        const executableSnippets = (_b = ((_a = state === null || state === void 0 ? void 0 : state.emittedMedia) !== null && _a !== void 0 ? _a : state === null || state === void 0 ? void 0 : state.media)) === null || _b === void 0 ? void 0 : _b.filter(m => { var _a; return m.mimeType === 'text/javascript' && !!((_a = m.properties) === null || _a === void 0 ? void 0 : _a.executable); });
         executableSnippets === null || executableSnippets === void 0 ? void 0 : executableSnippets.forEach(s => {
             try {
                 setTimeout(() => {
@@ -571,14 +651,15 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }, 1000);
             }
             catch (e) {
-                console.error(e);
+                console.warn(e);
             }
         });
     };
     const fetchSession = async (params) => {
         var _a, _b, _c, _d, _f;
         let storageBirthDate = getLocalConfig('birthDate', undefined);
-        if (!(birthDate || storageBirthDate) && !!minAge) {
+        let userBirthDate = (_a = birthDate !== null && birthDate !== void 0 ? birthDate : params.birthDate) !== null && _a !== void 0 ? _a : storageBirthDate;
+        if (!userBirthDate && !!minAge) {
             setShowAgeVerification(true);
             return;
         }
@@ -591,13 +672,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         setLoading(true);
         try {
-            if (!memori.giverTag && !!((_a = memori.receivedInvitations) === null || _a === void 0 ? void 0 : _a.length)) {
-                let giverInvitation = memori.receivedInvitations.find((i) => i.type === 'GIVER' && i.state === 'ACCEPTED');
-                if (giverInvitation) {
-                    memori.giverTag = giverInvitation.tag;
-                    memori.giverPIN = giverInvitation.pin;
-                }
-            }
             let referral;
             try {
                 referral = (() => {
@@ -605,10 +679,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 })();
             }
             catch (err) {
-                console.error(err);
+                console.debug(err);
             }
             const session = await initSession({
                 ...params,
+                birthDate: userBirthDate,
                 tag: (_b = params.tag) !== null && _b !== void 0 ? _b : personification === null || personification === void 0 ? void 0 : personification.tag,
                 pin: (_c = params.pin) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.pin,
                 additionalInfo: {
@@ -616,13 +691,20 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     loginToken: (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _f !== void 0 ? _f : authToken,
                     language: getCultureCodeByLanguage(userLang),
                     referral: referral,
+                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
             });
             if ((session === null || session === void 0 ? void 0 : session.sessionID) &&
                 (session === null || session === void 0 ? void 0 : session.currentState) &&
                 session.resultCode === 0) {
                 setSessionId(session.sessionID);
-                if (position)
+                if ((currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) && memori.giverTag) {
+                    setInstruct((currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) === memori.giverTag);
+                }
+                else {
+                    setInstruct(false);
+                }
+                if (position && memori.needsPosition)
                     applyPosition(position, session.sessionID);
                 setLoading(false);
                 return {
@@ -631,31 +713,35 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 };
             }
             else if (session === null || session === void 0 ? void 0 : session.resultMessage.startsWith('This Memori is aged restricted')) {
-                console.error(session);
+                console.warn(session);
                 toast.error(t('underageTwinSession', { age: minAge }));
                 setGotErrorInOpening(true);
             }
             else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 403) {
                 setMemoriPwd(undefined);
                 setAuthModalState('password');
+                return session;
             }
             else {
-                console.error(session);
-                toast.error(t(getErrori18nKey(session === null || session === void 0 ? void 0 : session.resultCode)));
+                console.warn(session);
+                toast.error(tst => (_jsxs("div", { children: [_jsx("p", { children: t(getErrori18nKey(session === null || session === void 0 ? void 0 : session.resultCode)) }), _jsx(Button, { outlined: true, padded: false, onClick: () => toast.dismiss(tst.id), icon: _jsx(CloseIcon, {}), children: t('close') })] })), {
+                    duration: Infinity,
+                });
                 setGotErrorInOpening(true);
+                return session;
             }
         }
         catch (err) {
             console.error(err);
-            new Error('Error fetching session');
         }
     };
     const reopenSession = async (updateDialogState = false, password, recoveryTokens, tag, pin, initialContextVars, initialQuestion, birthDate) => {
-        var _a, _b, _c, _d, _f;
+        var _a, _b, _c, _d, _f, _g, _h;
         setLoading(true);
+        let storageBirthDate = getLocalConfig('birthDate', undefined);
+        let userBirthDate = birthDate !== null && birthDate !== void 0 ? birthDate : storageBirthDate;
         try {
-            let storageBirthDate = getLocalConfig('birthDate', undefined);
-            if (!(birthDate || storageBirthDate) && !!minAge) {
+            if (!userBirthDate && !!minAge) {
                 setShowAgeVerification(true);
                 return;
             }
@@ -673,28 +759,30 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 referral = (() => {
                     return window.location.href;
                 })();
+                console.log('[REOPEN_SESSION] Got referral:', referral);
             }
             catch (err) {
-                console.error(err);
+                console.debug('[REOPEN_SESSION] Error getting referral:', err);
             }
             const { sessionID, currentState, ...response } = await initSession({
                 memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
                 password: password || memoriPwd || memori.secretToken,
                 recoveryTokens: recoveryTokens || memoriTokens,
-                tag,
-                pin,
+                tag: tag !== null && tag !== void 0 ? tag : personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: pin !== null && pin !== void 0 ? pin : personification === null || personification === void 0 ? void 0 : personification.pin,
                 initialContextVars: {
                     PATHNAME: window.location.pathname,
                     ROUTE: ((_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) || '',
                     ...(initialContextVars || {}),
                 },
                 initialQuestion,
-                birthDate: birthDate || storageBirthDate || undefined,
+                birthDate: userBirthDate,
                 additionalInfo: {
                     ...(additionalInfo || {}),
                     loginToken: (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _f !== void 0 ? _f : authToken,
                     language: getCultureCodeByLanguage(userLang),
                     referral: referral,
+                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
             });
             if (sessionID && currentState && response.resultCode === 0) {
@@ -707,7 +795,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 {
                                     text: currentState.emission,
                                     emitter: currentState.emitter,
-                                    media: currentState.media,
+                                    media: (_g = currentState.emittedMedia) !== null && _g !== void 0 ? _g : currentState.media,
                                     fromUser: false,
                                     initial: true,
                                     contextVars: currentState.contextVars,
@@ -723,7 +811,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             : pushMessage({
                                 text: currentState.emission,
                                 emitter: currentState.emitter,
-                                media: currentState.media,
+                                media: (_h = currentState.emittedMedia) !== null && _h !== void 0 ? _h : currentState.media,
                                 fromUser: false,
                                 initial: true,
                                 contextVars: currentState.contextVars,
@@ -737,10 +825,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             });
                     }
                 }
-                if (position)
+                if (position && memori.needsPosition) {
                     applyPosition(position, sessionID);
-                if (memori.needsDateTime)
+                }
+                if (memori.needsDateTime) {
                     sendDateChangedEvent({ sessionID: sessionID, state: currentState });
+                }
                 setLoading(false);
                 return {
                     dialogState: currentState,
@@ -748,26 +838,118 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 };
             }
             else if (response === null || response === void 0 ? void 0 : response.resultMessage.startsWith('This Memori is aged restricted')) {
-                console.error(response);
+                console.error('[REOPEN_SESSION] Age restriction error:', response);
                 toast.error(t('underageTwinSession', { age: minAge }));
                 setGotErrorInOpening(true);
             }
             else if ((response === null || response === void 0 ? void 0 : response.resultCode) === 403) {
+                console.error('[REOPEN_SESSION] Authentication error');
                 setMemoriPwd(undefined);
                 setAuthModalState('password');
             }
             else {
-                console.error(response);
+                console.error('[REOPEN_SESSION] Other error:', response);
                 toast.error(t(getErrori18nKey(response.resultCode)));
                 setGotErrorInOpening(true);
             }
         }
         catch (err) {
-            console.error(err);
+            console.error('[REOPEN_SESSION] Caught error:', err);
         }
         setLoading(false);
         return null;
     };
+    const [chatLogs, setChatLogs] = useState([]);
+    const resumeSession = async (chatLog, questionsAndAnswers, initialContextVars, initialQuestion, birthDate) => {
+        var _a, _b, _c, _d, _f;
+        setLoading(true);
+        let storageBirthDate = getLocalConfig('birthDate', undefined);
+        let userBirthDate = birthDate !== null && birthDate !== void 0 ? birthDate : storageBirthDate;
+        try {
+            if (!userBirthDate && !!minAge) {
+                setShowAgeVerification(true);
+                return;
+            }
+            if (memori.privacyType !== 'PUBLIC' &&
+                !memoriPassword &&
+                !memori.secretToken &&
+                !memoriPwd &&
+                !memoriTokens) {
+                setAuthModalState('password');
+                return;
+            }
+            let referral;
+            try {
+                referral = (() => {
+                    return window.location.href;
+                })();
+                console.log('[REOPEN_SESSION] Got referral:', referral);
+            }
+            catch (err) {
+                console.debug('[REOPEN_SESSION] Error getting referral:', err);
+            }
+            const { sessionID, currentState, ...response } = await initSession({
+                memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
+                password: memoriPassword || memoriPwd || memori.secretToken,
+                recoveryTokens: memoriTokens,
+                tag: personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: personification === null || personification === void 0 ? void 0 : personification.pin,
+                continueFromChatLogID: chatLog.chatLogID,
+                initialContextVars: {
+                    PATHNAME: window.location.pathname,
+                    ROUTE: ((_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) || '',
+                    ...(initialContextVars || {}),
+                },
+                initialQuestion,
+                birthDate: userBirthDate,
+                additionalInfo: {
+                    ...(additionalInfo || {}),
+                    loginToken: (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _f !== void 0 ? _f : authToken,
+                    language: getCultureCodeByLanguage(userLang),
+                    referral: referral,
+                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
+                },
+            });
+            if (sessionID) {
+                setSessionId(sessionID);
+                setHistory(chatLog.lines.map(log => {
+                    var _a;
+                    return ({
+                        text: log.text,
+                        emitter: log.emitter,
+                        media: (_a = log.media) === null || _a === void 0 ? void 0 : _a.map(m => ({
+                            ...m,
+                            mediumID: 'mediumID' in m ? String(m.mediumID) : crypto.randomUUID(),
+                        })),
+                        fromUser: log.inbound,
+                        initial: false,
+                        contextVars: log.contextVars,
+                        date: log.timestamp,
+                    });
+                }));
+                setChatLogs(questionsAndAnswers);
+            }
+            else if (response === null || response === void 0 ? void 0 : response.resultMessage.startsWith('This Memori is aged restricted')) {
+                console.error('[REOPEN_SESSION] Age restriction error:', response);
+                toast.error(t('underageTwinSession', { age: minAge }));
+                setGotErrorInOpening(true);
+            }
+            else if ((response === null || response === void 0 ? void 0 : response.resultCode) === 403) {
+                console.error('[REOPEN_SESSION] Authentication error');
+                setMemoriPwd(undefined);
+                setAuthModalState('password');
+            }
+            else {
+                console.error('[REOPEN_SESSION] Other error:', response);
+                toast.error(t(getErrori18nKey(response.resultCode)));
+                setGotErrorInOpening(true);
+            }
+        }
+        catch (err) {
+            console.error('[RESUME_SESSION] Caught error:', err);
+        }
+        setLoading(false);
+    };
     const changeTag = async (memoriId, sessionId, tag, pin) => {
         var _a, _b, _c, _d, _f;
         if (!memoriId || !sessionId) {
@@ -807,13 +989,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         })();
                     }
                     catch (err) {
-                        console.error(err);
+                        console.debug(err);
                     }
                     fetchSession({
                         memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
                         password: secret || memoriPwd || memori.secretToken,
-                        tag: memori.giverTag,
-                        pin: memori.giverPIN,
+                        tag: tag !== null && tag !== void 0 ? tag : personification === null || personification === void 0 ? void 0 : personification.tag,
+                        pin: pin !== null && pin !== void 0 ? pin : personification === null || personification === void 0 ? void 0 : personification.pin,
                         initialContextVars: {
                             PATHNAME: window.location.pathname,
                             ROUTE: ((_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) || '',
@@ -826,6 +1008,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             loginToken: (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _f !== void 0 ? _f : authToken,
                             language: getCultureCodeByLanguage(userLang),
                             referral: referral,
+                            timeZoneOffset: new Date().getTimezoneOffset().toString(),
                         },
                     });
                 }
@@ -840,24 +1023,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         catch (_e) {
             let err = _e;
-            console.error('[APPCONTEXT/CHANGETAG]', err);
+            console.warn('[APPCONTEXT/CHANGETAG]', err);
             return Promise.reject(err);
         }
         return null;
     };
-    const restoreGiverTag = async () => {
-        if (sessionId && memori.giverTag && memori.giverPIN) {
-            setHistory([]);
-            await changeTag(memori.engineMemoriID, sessionId, memori.giverTag, memori.giverPIN);
-        }
-    };
-    useEffect(() => {
-        return () => {
-            if (!currentDialogState ||
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== memori.giverTag)
-                restoreGiverTag();
-        };
-    }, []);
     const sendDateChangedEvent = useCallback(async ({ sessionID, date, state, }) => {
         var _a;
         const session = sessionID !== null && sessionID !== void 0 ? sessionID : sessionId;
@@ -908,547 +1078,122 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             timeoutRef.current = undefined;
         }
     };
-    const resetInteractionTimeout = () => {
-        clearInteractionTimeout();
-        if (!isPlayingAudio && !userMessage.length && !memoriTyping && !listening)
-            setInteractionTimeout();
-    };
-    const handleTimeout = async () => {
-        var _a;
-        if (!hasUserActivatedSpeak ||
-            isPlayingAudio ||
-            !!userMessage.length ||
-            !!memoriTyping ||
-            listening) {
-            resetInteractionTimeout();
+    useEffect(() => {
+        return () => {
+            setHasUserActivatedSpeak(false);
+            setClickedStart(false);
+            clearInteractionTimeout();
+            timeoutRef.current = undefined;
+        };
+    }, []);
+    const [requestedListening, setRequestedListening] = useState(false);
+    const startListeningRef = useRef(null);
+    console.log('tenantID', tenantID);
+    const ttsConfig = useMemo(() => {
+        var _a, _b;
+        return ({
+            provider: ttsProvider,
+            voice: 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,
+            region: 'westeurope',
+            voiceType: memori.voiceType,
+            layout: selectedLayout,
+        });
+    }, [ttsProvider, userLang, memori.culture, memori.voiceType]);
+    const sttConfig = useMemo(() => ({
+        provider: ttsProvider,
+        language: getCultureCodeByLanguage(userLang),
+        tenant: tenantID,
+    }), [ttsProvider, userLang]);
+    const { speak: ttsSpeak, stop: ttsStop, isPlaying: isPlayingAudio, speakerMuted, toggleMute, hasUserActivatedSpeak, setHasUserActivatedSpeak, error, setError, } = useTTS(ttsConfig, {
+        apiUrl: `${baseUrl}/api/tts`,
+        continuousSpeech: continuousSpeech,
+        preview: preview,
+    }, autoStart, defaultEnableAudio, defaultSpeakerActive);
+    const processSpeechAndSendMessage = (text) => {
+        console.log('processSpeechAndSendMessage', text);
+        if (!text || text.trim().length === 0) {
             return;
         }
-        else if (sessionId &&
-            hasUserActivatedSpeak &&
-            (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.acceptsTimeout)) {
-            const { currentState, ...response } = await postTimeoutEvent(sessionId);
-            if (response.resultCode === 0 && currentState) {
-                const emission = currentState.emission;
-                if (!instruct &&
-                    isMultilanguageEnabled &&
-                    userLang !== (i18n === null || i18n === void 0 ? void 0 : i18n.language) &&
-                    emission &&
-                    emission.length > 0) {
-                    translateDialogState({ ...currentState, emission: emission }, userLang).then(ts => {
-                        if (ts.emission) {
-                            speak(ts.emission);
-                        }
-                    });
-                }
-                else if (emission && emission.length > 0) {
-                    pushMessage({
-                        text: emission,
-                        emitter: currentState.emitter,
-                        media: currentState.media,
-                        fromUser: false,
-                        generatedByAI: !!currentState.completion,
-                        contextVars: currentState.contextVars,
-                        date: currentState.currentDate,
-                        placeName: currentState.currentPlaceName,
-                        placeLatitude: currentState.currentLatitude,
-                        placeLongitude: currentState.currentLongitude,
-                        placeUncertaintyKm: currentState.currentUncertaintyKm,
-                        tag: currentState.currentTag,
-                        memoryTags: currentState.memoryTags,
-                    });
-                    speak(emission);
-                    setCurrentDialogState({
-                        ...currentState,
-                        hints: (_a = currentState.hints) !== null && _a !== void 0 ? _a : (currentState.state === 'G1' ? currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.hints : []),
-                    });
-                }
-                else {
-                    resetInteractionTimeout();
-                    return;
-                }
-            }
-        }
-    };
-    const setInteractionTimeout = () => {
-        let timeout = currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.timeout;
-        if (!timeout) {
-            let timeoutLimit = 40;
-            let timeoutMinLimit = 25;
-            timeout =
-                Math.floor(Math.random() * (timeoutLimit - timeoutMinLimit)) +
-                    timeoutMinLimit;
-            if (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission) {
-                let readTime = currentDialogState.emission.length / 26.5;
-                timeout = timeout + readTime;
-            }
-        }
-        if (forcedTimeout) {
-            timeout = forcedTimeout;
-            if (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission) {
-                let readTime = currentDialogState.emission.length / 26.5;
-                timeout = timeout + readTime;
-            }
-        }
-        let uiTimeout = setTimeout(handleTimeout, timeout * 1000);
-        setUserInteractionTimeout(uiTimeout);
-        timeoutRef.current = uiTimeout;
-    };
-    useEffect(() => {
-        if (!!userMessage.length || isPlayingAudio || !!memoriTyping)
-            clearInteractionTimeout();
-        if (sessionId && !!!userMessage.length)
-            resetInteractionTimeout();
-    }, [
-        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.acceptsTimeout,
-        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.timeout,
-        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.state,
-        isPlayingAudio,
-        sessionId,
-        history,
-        userMessage,
-        memoriTyping,
-        hasUserActivatedSpeak,
-    ]);
-    useEffect(() => {
-        return () => {
-            setHasUserActivatedSpeak(false);
-            setClickedStart(false);
-            clearInteractionTimeout();
-            timeoutRef.current = undefined;
-        };
-    }, []);
-    const initializeTTS = () => {
-        if (!AZURE_COGNITIVE_SERVICES_TTS_KEY)
-            return;
-        speechConfig = speechSdk.SpeechConfig.fromSubscription(AZURE_COGNITIVE_SERVICES_TTS_KEY, 'eastus');
-        speechConfig.speechSynthesisLanguage = getCultureCodeByLanguage(userLang);
-        speechConfig.speechSynthesisVoiceName = getTTSVoice(userLang);
-        speechConfig.speechRecognitionLanguage = getCultureCodeByLanguage(userLang);
-        if (hasTouchscreen())
-            speechConfig.speechSynthesisOutputFormat =
-                speechSdk.SpeechSynthesisOutputFormat.Audio16Khz32KBitRateMonoMp3;
-        audioContext = new AudioContext();
-        let buffer = audioContext.createBuffer(1, 10000, 22050);
-        let source = audioContext.createBufferSource();
-        source.buffer = buffer;
-        source.connect(audioContext.destination);
-        audioDestination = new speechSdk.SpeakerAudioDestination();
-        let audioConfig = speechSdk.AudioConfig.fromSpeakerOutput(audioDestination);
-        speechSynthesizer = new speechSdk.SpeechSynthesizer(speechConfig, audioConfig);
-    };
-    const getTTSVoice = useCallback((lang) => {
-        var _a, _b, _c, _d;
-        let voice = '';
-        let voiceLang = ((_d = (_c = lang !== null && lang !== void 0 ? lang : (_b = (_a = memori.culture) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : i18n.language) !== null && _d !== void 0 ? _d : 'IT').toUpperCase();
-        let voiceType = memori.voiceType;
-        if (memori.enableBoardOfExperts && (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emitter)) {
-            let expert = experts === null || experts === void 0 ? void 0 : experts.find(e => e.name === (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emitter));
-        }
-        switch (voiceLang) {
-            case 'IT':
-                voice = `${voiceType === 'MALE' ? 'it-IT-DiegoNeural' : 'it-IT-ElsaNeural'}`;
-                break;
-            case 'DE':
-                voice = `${voiceType === 'MALE' ? 'de-DE-ConradNeural' : 'de-DE-KatjaNeural'}`;
-                break;
-            case 'EN':
-                voice = `${voiceType === 'MALE' ? 'en-GB-RyanNeural' : 'en-GB-SoniaNeural'}`;
-                break;
-            case 'ES':
-                voice = `${voiceType === 'MALE' ? 'es-ES-AlvaroNeural' : 'es-ES-ElviraNeural'}`;
-                break;
-            case 'FR':
-                voice = `${voiceType === 'MALE' ? 'fr-FR-HenriNeural' : 'fr-FR-DeniseNeural'}`;
-                break;
-            case 'PT':
-                voice = `${voiceType === 'MALE' ? 'pt-PT-DuarteNeural' : 'pt-PT-RaquelNeural'}`;
-                break;
-            case 'UK':
-                voice = `${voiceType === 'MALE' ? 'uk-UA-OstapNeural' : 'uk-UA-PolinaNeural'}`;
-                break;
-            case 'RU':
-                voice = `${voiceType === 'MALE' ? 'ru-RU-DmitryNeural' : 'ru-RU-SvetlanaNeural'}`;
-                break;
-            case 'PL':
-                voice = `${voiceType === 'MALE' ? 'pl-PL-MarekNeural' : 'pl-PL-AgnieszkaNeural'}`;
-                break;
-            case 'FI':
-                voice = `${voiceType === 'MALE' ? 'fi-FI-HarriNeural' : 'fi-FI-SelmaNeural'}`;
-                break;
-            case 'EL':
-                voice = `${voiceType === 'MALE' ? 'el-GR-NestorasNeural' : 'el-GR-AthinaNeural'}`;
-                break;
-            case 'AR':
-                voice = `${voiceType === 'MALE' ? 'ar-SA-HamedNeural' : 'ar-SA-ZariyahNeural'}`;
-                break;
-            case 'ZH':
-                voice = `${voiceType === 'MALE' ? 'zh-CN-YunxiNeural' : 'zh-CN-XiaoxiaoNeural'}`;
-                break;
-            case 'JA':
-                voice = `${voiceType === 'MALE' ? 'ja-JP-KeitaNeural' : 'ja-JP-NanamiNeural'}`;
-                break;
-            default:
-                voice = `${voiceType === 'MALE' ? 'it-IT-DiegoNeural' : 'it-IT-IsabellaNeural'}`;
-                break;
-        }
-        return voice;
-    }, [
-        memori.voiceType,
-        memori.enableBoardOfExperts,
-        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emitter,
-        i18n.language,
-        memori.culture,
-    ]);
-    const getCultureCodeByLanguage = (lang) => {
-        var _a, _b;
-        let voice = '';
-        let voiceLang = (lang ||
-            ((_b = (_a = memori.culture) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) ||
-            i18n.language ||
-            'IT').toUpperCase();
-        switch (voiceLang) {
-            case 'IT':
-                voice = 'it-IT';
-                break;
-            case 'DE':
-                voice = 'de-DE';
-                break;
-            case 'EN':
-                voice = 'en-GB';
-                break;
-            case 'ES':
-                voice = 'es-ES';
-                break;
-            case 'FR':
-                voice = 'fr-FR';
-                break;
-            case 'PT':
-                voice = 'pt-PT';
-                break;
-            case 'UK':
-                voice = 'uk-UK';
-                break;
-            case 'RU':
-                voice = 'ru-RU';
-                break;
-            case 'PL':
-                voice = 'pl-PL';
-                break;
-            case 'FI':
-                voice = 'fi-FI';
-                break;
-            case 'EL':
-                voice = 'el-GR';
-                break;
-            case 'AR':
-                voice = 'ar-SA';
-                break;
-            case 'ZH':
-                voice = 'zh-CN';
-                break;
-            case 'JA':
-                voice = 'ja-JP';
-                break;
-            default:
-                voice = 'it-IT';
-                break;
-        }
-        return voice;
-    };
-    const [phonemesMap, setPhonemesMap] = useState();
-    const fetchLexiconJSON = async () => {
         try {
-            const lexiconReq = await fetch(`${baseUrl || 'https://aisuru.com'}/api/lexiconmap`);
-            const lexicon = await lexiconReq.json();
-            return lexicon;
-        }
-        catch (err) {
-            console.error(err);
-        }
-    };
-    useEffect(() => {
-        fetchLexiconJSON().then(lexicon => {
-            setPhonemesMap(lexicon);
-        });
-    }, []);
-    const replaceTextWithPhonemes = (text, lang) => {
-        var _a;
-        if (!phonemesMap)
-            return text;
-        const phonemes = {
-            ...((_a = phonemesMap.common) !== null && _a !== void 0 ? _a : {}),
-            ...((tenant === null || tenant === void 0 ? void 0 : tenant.id) && phonemesMap[tenant.id] ? phonemesMap[tenant.id] : {}),
-        };
-        const phonemesPairs = Object.keys(phonemes).map(word => {
-            var _a;
-            const phoneme = (_a = phonemes[word][lang.toLowerCase()]) !== null && _a !== void 0 ? _a : phonemes[word].default;
-            return { word, phoneme, caseSensitive: phonemes[word].caseSensitive };
-        });
-        const ssmlText = phonemesPairs.reduce((acc, { word, phoneme, caseSensitive }) => {
-            return acc.replace(new RegExp(`\\b${word}\\b`, caseSensitive ? 'g' : 'gi'), `<phoneme alphabet="ipa" ph="${phoneme}">${word}</phoneme>`);
-        }, text);
-        return ssmlText;
-    };
-    const emitEndSpeakEvent = () => {
-        const e = new CustomEvent('MemoriEndSpeak');
-        document.dispatchEvent(e);
-    };
-    const speak = (text) => {
-        if (!AZURE_COGNITIVE_SERVICES_TTS_KEY || preview) {
-            emitEndSpeakEvent();
-            return;
-        }
-        stopListening();
-        if (preview)
-            return;
-        if (muteSpeaker || speakerMuted) {
-            memoriSpeaking = false;
-            setMemoriTyping(false);
-            emitEndSpeakEvent();
-            if (continuousSpeech) {
-                setListeningTimeout();
+            const message = stripDuplicates(text);
+            console.debug('Processing speech message:', message);
+            if (message.length > 0) {
+                setUserMessage('');
+                console.debug('Sending message:', message);
+                sendMessage(message);
             }
-            return;
-        }
-        if (audioDestination)
-            audioDestination.pause();
-        let isSafari = window.navigator.userAgent.includes('Safari') &&
-            !window.navigator.userAgent.includes('Chrome');
-        let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
-        if (audioContext.state === 'interrupted') {
-            audioContext.resume().then(() => speak(text));
-            return;
         }
-        if (audioContext.state === 'closed') {
-            audioContext = new AudioContext();
-            let buffer = audioContext.createBuffer(1, 10000, 22050);
-            let source = audioContext.createBufferSource();
-            source.buffer = buffer;
-            source.connect(audioContext.destination);
+        catch (error) {
+            console.error('Error in processSpeechAndSendMessage:', error);
         }
-        else if (audioContext.state === 'suspended') {
-            stopAudio();
-            audioContext = new AudioContext();
-            let buffer = audioContext.createBuffer(1, 10000, 22050);
-            let source = audioContext.createBufferSource();
-            source.buffer = buffer;
-            source.connect(audioContext.destination);
-        }
-        if (!speechSynthesizer) {
-            if (!isIOS) {
-                audioDestination = new speechSdk.SpeakerAudioDestination();
-            }
-            let audioConfig = speechSdk.AudioConfig.fromSpeakerOutput(audioDestination);
-            speechSynthesizer = new speechSdk.SpeechSynthesizer(speechConfig, audioConfig);
-        }
-        const source = audioContext.createBufferSource();
-        source.addEventListener('ended', () => {
-            setIsPlayingAudio(false);
-            memoriSpeaking = false;
-        });
-        audioDestination.onAudioEnd = () => {
-            setIsPlayingAudio(false);
-            memoriSpeaking = false;
-            source.disconnect();
-            emitEndSpeakEvent();
-            onEndSpeakStartListen();
-        };
-        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(escapeHTML(stripMarkdown(stripEmojis(text))), userLang.toLowerCase())}</s></voice></speak>`, result => {
-            if (result) {
-                setIsPlayingAudio(true);
-                memoriSpeaking = true;
-                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);
-                            memoriSpeaking = false;
-                        }
-                        else if (audioContext.state === 'interrupted') {
-                            audioContext.resume();
-                        }
-                    };
-                    audioContext.resume();
-                    if (speechSynthesizer) {
-                        speechSynthesizer.close();
-                        speechSynthesizer = null;
-                    }
-                }
-                catch (e) {
-                    console.error('speak error: ', e);
-                    window.speechSynthesis.speak(new SpeechSynthesisUtterance(text));
-                    setIsPlayingAudio(false);
-                    memoriSpeaking = false;
-                    if (speechSynthesizer) {
-                        speechSynthesizer.close();
-                        speechSynthesizer = null;
-                    }
-                    emitEndSpeakEvent();
-                }
-            }
-            else {
-                audioContext.resume();
-                setIsPlayingAudio(false);
-                memoriSpeaking = false;
-                emitEndSpeakEvent();
-            }
-        }, error => {
-            console.error('speak:', error);
-            window.speechSynthesis.speak(new SpeechSynthesisUtterance(text));
-            setIsPlayingAudio(false);
-            memoriSpeaking = false;
-            emitEndSpeakEvent();
-        });
-        setMemoriTyping(false);
     };
-    const stopAudio = () => {
-        setIsPlayingAudio(false);
-        memoriSpeaking = false;
+    const { isListening, startRecording, stopRecording, } = useSTT(sttConfig, processSpeechAndSendMessage, {
+        apiUrl: `${baseUrl}/api/stt`,
+        continuousRecording: continuousSpeech,
+        silenceTimeout: continuousSpeechTimeout,
+        autoStart: autoStart,
+    }, defaultEnableAudio);
+    const handleSpeak = async (text) => {
+        if (!text || !text.trim() || preview || speakerMuted || !defaultEnableAudio) {
+            const e = new CustomEvent('MemoriEndSpeak');
+            document.dispatchEvent(e);
+            return Promise.resolve();
+        }
+        if (typeof stopRecording === 'function') {
+            stopRecording();
+        }
+        const processedText = sanitizeText(text);
+        return ttsSpeak(processedText);
+    };
+    const translateAndSpeak = useCallback(async (dialogState, language, msg, skipEmission = false) => {
         try {
-            if (speechSynthesizer) {
-                speechSynthesizer.close();
-                speechSynthesizer = null;
+            if (!dialogState) {
+                console.warn('translateAndSpeak called with empty dialog state');
+                return null;
             }
-            if (audioContext.state !== 'closed') {
-                audioContext.close();
-            }
-            if (audioDestination) {
-                audioDestination.pause();
-                audioDestination.close();
+            const translatedState = await translateDialogState(dialogState, language, msg, skipEmission);
+            const textToSpeak = translatedState.translatedEmission || translatedState.emission;
+            if (textToSpeak && textToSpeak.trim() && !skipEmission && !speakerMuted) {
+                if (!hasUserActivatedSpeak) {
+                    setHasUserActivatedSpeak(true);
+                }
+                await handleSpeak(textToSpeak);
             }
+            return translatedState;
         }
-        catch (e) {
-            console.error('stopAudio error: ', e);
+        catch (error) {
+            console.error('Error in translateAndSpeak:', error);
+            if (!hasUserActivatedSpeak) {
+                setHasUserActivatedSpeak(true);
+            }
+            return dialogState;
         }
-    };
-    useEffect(() => {
+    }, [
+        translateDialogState,
+        handleSpeak,
+        hasUserActivatedSpeak,
+        setHasUserActivatedSpeak,
+    ]);
+    const stopAudio = useCallback(async () => {
+        ttsStop();
+    }, [ttsStop]);
+    const focusChatInput = () => {
         let textarea = document.querySelector('#chat-fieldset textarea');
-        if (textarea)
+        if (textarea && enableFocusChatInput) {
             textarea.focus();
-    }, [currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission]);
-    const [transcript, setTranscript] = useState('');
-    const resetTranscript = () => setTranscript('');
-    const [transcriptTimeout, setTranscriptTimeout] = useState(null);
-    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);
-        setTranscriptTimeout(timeout);
-    };
-    const clearListeningTimeout = () => {
-        if (transcriptTimeout) {
-            clearTimeout(transcriptTimeout);
-            setTranscriptTimeout(null);
         }
-    };
-    const resetListeningTimeout = () => {
-        clearListeningTimeout();
-        if (continuousSpeech)
-            setListeningTimeout();
-    };
-    useEffect(() => {
-        resetListeningTimeout();
-        resetInteractionTimeout();
-    }, [transcript]);
-    const startListening = () => {
-        if (!AZURE_COGNITIVE_SERVICES_TTS_KEY)
-            return;
-        clearListening();
-        setTranscript('');
-        resetTranscript();
-        try {
-            navigator.mediaDevices
-                .getUserMedia({ audio: true })
-                .then(function (_stream) {
-                setHasUserActivatedListening(true);
-                if (!speechConfig) {
-                    speechConfig = speechSdk.SpeechConfig.fromSubscription(AZURE_COGNITIVE_SERVICES_TTS_KEY, 'eastus');
-                    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?');
-                    }
-                    stopListening();
-                };
-                recognizer.sessionStopped = (_s, _e) => {
-                    stopListening();
-                };
-                resetTranscript();
-                recognizer.startContinuousRecognitionAsync();
-            })
-                .catch(console.error);
-        }
-        catch (error) {
-            console.error(error);
-        }
-    };
-    const stopListening = () => {
-        if (recognizer) {
-            recognizer.stopContinuousRecognitionAsync();
-            recognizer.close();
-            recognizer = null;
+        else {
+            textarea === null || textarea === void 0 ? void 0 : textarea.blur();
         }
-        setListening(false);
     };
-    const clearListening = () => {
-        setHasUserActivatedListening(false);
-        stopListening();
-        clearListeningTimeout();
-    };
-    const resetListening = () => {
-        if (listening) {
-            clearListening();
-            resetTranscript();
-            setUserMessage('');
-            startListening();
+    useEffect(() => {
+        if (selectedLayout !== 'TOTEM') {
+            focusChatInput();
         }
-    };
+    }, [currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission]);
     const resetUIEffects = () => {
         try {
-            clearListening();
             clearInteractionTimeout();
             setClickedStart(false);
             timeoutRef.current = undefined;
@@ -1470,45 +1215,26 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, []);
     useEffect(() => {
-        if ((currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.state) === 'Z0')
-            clearListening();
-    }, [currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.state]);
-    const [requestedListening, setRequestedListening] = useState(false);
-    const onEndSpeakStartListen = useCallback((_e) => {
-        if (isPlayingAudio && speechSynthesizer) {
-            speechSynthesizer.close();
-            speechSynthesizer = null;
-        }
-        if (continuousSpeech &&
-            (hasUserActivatedListening || !requestedListening)) {
-            setRequestedListening(true);
-            startListening();
-        }
-    }, [continuousSpeech, hasUserActivatedListening]);
-    useEffect(() => {
-        if (history.length > 1 &&
-            !isPlayingAudio &&
+        if (!isPlayingAudio &&
             continuousSpeech &&
-            (hasUserActivatedListening || !requestedListening))
-            startListening();
-        else if (isPlayingAudio && listening) {
-            stopListening();
+            (hasUserActivatedListening || !requestedListening) &&
+            sessionId) {
+            startRecording();
         }
-    }, [isPlayingAudio]);
+        else if (isPlayingAudio && isListening) {
+            stopRecording();
+        }
+    }, [isPlayingAudio, hasUserActivatedListening]);
     useEffect(() => {
-        resetListening();
+        stopRecording();
     }, [language]);
     const [sendOnEnter, setSendOnEnter] = useState('keypress');
     useEffect(() => {
-        const stored = getLocalConfig('sendOnEnter', 'keypress');
-        if (window.innerWidth <= 768)
+        if (window.innerWidth <= 768 && hasTouchscreen())
             setSendOnEnter('click');
         else
-            setSendOnEnter(stored);
+            setSendOnEnter('keypress');
     }, []);
-    useEffect(() => {
-        setLocalConfig('sendOnEnter', sendOnEnter);
-    }, [sendOnEnter]);
     const [attachmentsMenuOpen, setAttachmentsMenuOpen] = useState();
     const globalBackground = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.globalBackground;
     const globalBackgroundUrl = globalBackground
@@ -1517,8 +1243,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const integrationProperties = (integration
         ? {
             '--memori-chat-bubble-bg': '#fff',
-            ...(integrationConfig && !showInstruct
-                ? { '--memori-text-color': (_p = integrationConfig.textColor) !== null && _p !== void 0 ? _p : '#000' }
+            ...(integrationConfig && !instruct
+                ? { '--memori-text-color': (_q = integrationConfig.textColor) !== null && _q !== void 0 ? _q : '#000' }
                 : {}),
             ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonBgColor)
                 ? {
@@ -1542,12 +1268,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 ? {
                     '--memori-inner-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_q = integrationConfig.innerBgAlpha) !== null && _q !== void 0 ? _q : 0.4})`,
+                        : '255, 255, 255'}, ${(_r = integrationConfig.innerBgAlpha) !== null && _r !== void 0 ? _r : 0.4})`,
                     '--memori-inner-content-pad': '1.5rem',
                     '--memori-nav-bg-image': 'none',
                     '--memori-nav-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_r = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _r !== void 0 ? _r : 0.4})`,
+                        : '255, 255, 255'}, ${(_s = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _s !== void 0 ? _s : 0.4})`,
                 }
                 : {
                     '--memori-inner-content-pad': '0px',
@@ -1555,11 +1281,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         : {});
     const integrationStylesheet = `
-    ${preview
-        ? '#preview,'
-        : selectedLayout === 'WEBSITE_ASSISTANT'
-            ? ''
-            : ':root,'} .memori-widget, .memori-drawer, .memori-modal {
+    ${preview ? '#preview, ' : applyVarsToRoot ? ':root, ' : ''}memori-client, .memori-widget, .memori-drawer, .memori-modal {
       ${Object.entries(integrationProperties)
         .map(([key, value]) => `${key}: ${value};`)
         .join('\n')}
@@ -1568,6 +1290,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const showAIicon = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showAIicon) === undefined
         ? true
         : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showAIicon;
+    const enableUpload = !!(showUpload !== null && showUpload !== void 0 ? showUpload : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showUpload);
+    const enableReasoning = !!(showReasoning !== null && showReasoning !== void 0 ? showReasoning : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showReasoning);
     const showWhyThisAnswer = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showWhyThisAnswer) === undefined
         ? true
         : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showWhyThisAnswer;
@@ -1578,35 +1302,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setAvatar3dVisible(true);
         }
     }, []);
-    const [gamificationLevel, setGamificationLevel] = useState();
-    const getGamificationPoints = async (memoriID) => {
-        let gamificationPoints;
-        let unansQuestions;
-        try {
-            const { contentQualityIndex, answerQualityIndex, unansweredQuestions, ...cqResp } = await getContentQualityIndexes(memoriID);
-            if (cqResp.resultCode === 0) {
-                gamificationPoints = contentQualityIndex;
-                unansQuestions = unansweredQuestions;
-            }
-        }
-        catch (_e) {
-            let err = _e;
-            console.error('[APPCONTEXT/QUERYGAMIFICATIONPOINTS]', err);
-        }
-        return {
-            points: gamificationPoints !== null && gamificationPoints !== void 0 ? gamificationPoints : 0,
-            unansweredQuestions: unansQuestions !== null && unansQuestions !== void 0 ? unansQuestions : 0,
-        };
-    };
-    useEffect(() => {
-        if (memori.engineMemoriID) {
-            getGamificationPoints(memori.engineMemoriID)
-                .then(value => {
-                setGamificationLevel(getGamificationLevel(value.points));
-            })
-                .catch(console.error);
-        }
-    }, [memori.engineMemoriID]);
     useEffect(() => {
         if (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.seoTitle) {
             let meta = document.createElement('meta');
@@ -1634,80 +1329,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             document.head.append(meta);
         }
     }, [integrationConfig, memori.avatarURL, ogImage]);
-    const selectReceiverTag = async (tag) => {
-        var _a;
-        if (!sessionId)
-            return;
-        try {
-            const { currentState, ...resp } = await postTagChangedEvent(sessionId, tag);
-            if (resp.resultCode === 0) {
-                pushMessage({
-                    text: tag,
-                    fromUser: true,
-                });
-                if (currentState.state === 'X4' && memori.giverTag) {
-                    const { currentState, ...resp } = await client.postTagChangedEvent(sessionId, memori.giverTag);
-                    if (resp.resultCode === 0) {
-                        setCurrentDialogState(currentState);
-                        if (currentState.emission) {
-                            pushMessage({
-                                text: currentState.emission,
-                                emitter: currentState.emitter,
-                                media: currentState.media,
-                                fromUser: false,
-                                contextVars: currentState.contextVars,
-                                date: currentState.currentDate,
-                                placeName: currentState.currentPlaceName,
-                                placeLatitude: currentState.currentLatitude,
-                                placeLongitude: currentState.currentLongitude,
-                                placeUncertaintyKm: currentState.currentUncertaintyKm,
-                                tag: currentState.currentTag,
-                                memoryTags: currentState.memoryTags,
-                            });
-                        }
-                    }
-                    else {
-                        console.error(resp);
-                        toast.error(t(getErrori18nKey(resp.resultCode)));
-                    }
-                }
-                else {
-                    setCurrentDialogState(currentState);
-                    if (currentState.emission) {
-                        pushMessage({
-                            text: currentState.emission,
-                            emitter: currentState.emitter,
-                            media: currentState.media,
-                            fromUser: false,
-                            contextVars: currentState.contextVars,
-                            date: currentState.currentDate,
-                            placeName: currentState.currentPlaceName,
-                            placeLatitude: currentState.currentLatitude,
-                            placeLongitude: currentState.currentLongitude,
-                            placeUncertaintyKm: currentState.currentUncertaintyKm,
-                            tag: currentState.currentTag,
-                            memoryTags: currentState.memoryTags,
-                        });
-                    }
-                }
-            }
-            else {
-                console.error(resp, tag, (_a = currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.knownTags) === null || _a === void 0 ? void 0 : _a[tag]);
-                toast.error(t(getErrori18nKey(resp.resultCode)));
-            }
-        }
-        catch (e) {
-            let err = e;
-            console.error(err);
-            toast.error(err.message);
-        }
-    };
     const simulateUserPrompt = (text, translatedText) => {
-        stopListening();
         stopAudio();
         sendMessage(text, undefined, undefined, false, translatedText);
     };
     const memoriTextEnteredHandler = useCallback((e) => {
+        if (disableTextEnteredEvents)
+            return;
         const { text, waitForPrevious, hidden, typingText, useLoaderTextAsMsg, hasBatchQueued, } = e.detail;
         if (text) {
             if (waitForPrevious &&
@@ -1718,34 +1346,45 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }, 1000);
             }
             else {
-                stopListening();
                 stopAudio();
                 sendMessage(text, undefined, undefined, undefined, undefined, hidden, typingText, useLoaderTextAsMsg, hasBatchQueued);
             }
         }
-    }, [sessionId, isPlayingAudio, memoriTyping, userLang]);
+    }, [
+        sessionId,
+        isPlayingAudio,
+        memoriTyping,
+        userLang,
+        disableTextEnteredEvents,
+    ]);
     useEffect(() => {
-        document.addEventListener('MemoriTextEntered', memoriTextEnteredHandler);
+        if (!disableTextEnteredEvents) {
+            document.addEventListener('MemoriTextEntered', memoriTextEnteredHandler);
+        }
+        else {
+            document.removeEventListener('MemoriTextEntered', memoriTextEnteredHandler);
+        }
         return () => {
             document.removeEventListener('MemoriTextEntered', memoriTextEnteredHandler);
         };
-    }, [sessionId, userLang]);
-    const onClickStart = useCallback(async (session) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v;
-        const sessionID = (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
-        const dialogState = (session === null || session === void 0 ? void 0 : session.dialogState) || currentDialogState;
+    }, [sessionId, userLang, disableTextEnteredEvents]);
+    const onClickStart = useCallback(async (session, initialSessionExpired = false, chatLog) => {
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        const sessionID = chatLog ? undefined : (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
+        const dialogState = chatLog
+            ? undefined
+            : (session === null || session === void 0 ? void 0 : session.dialogState) || currentDialogState;
         setClickedStart(true);
-        let memoriAudioElement = document.getElementById('memori-audio');
-        let isSafari = window.navigator.userAgent.includes('Safari') &&
-            !window.navigator.userAgent.includes('Chrome');
-        if (memoriAudioElement && isSafari) {
-            memoriAudioElement.muted = false;
-            memoriAudioElement.play().catch((e) => {
-                console.error('error playing intro audio', e);
-            });
-        }
+        let translatedMessages = [];
         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';
+        const localPosition = getLocalConfig('position', undefined);
+        if (autoStart && !localPosition && memori.needsPosition) {
+            setShowPositionDrawer(true);
+            return;
+        }
         if (!sessionID && !!minAge && !birth) {
             setShowAgeVerification(true);
             setClickedStart(false);
@@ -1760,7 +1399,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setClickedStart(false);
             return;
         }
-        else if (!sessionID) {
+        else if (!sessionID || initialSessionExpired) {
             setClickedStart(false);
             setGotErrorInOpening(false);
             const session = await fetchSession({
@@ -1768,77 +1407,107 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 password: secret || memoriPwd || memori.secretToken,
                 tag: personification === null || personification === void 0 ? void 0 : personification.tag,
                 pin: personification === null || personification === void 0 ? void 0 : personification.pin,
+                continueFromChatLogID: chatLog === null || chatLog === void 0 ? void 0 : chatLog.chatLogID,
                 initialContextVars: {
                     PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
                     ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
-                    ...(initialContextVars || {}),
+                    ...((!chatLog
+                        ? initialContextVars
+                        : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
                 },
-                initialQuestion,
+                initialQuestion: chatLog ? undefined : initialQuestion,
                 birthDate: birth,
                 additionalInfo: {
                     ...(additionalInfo || {}),
                     loginToken: (_g = (_f = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _f !== void 0 ? _f : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _g !== void 0 ? _g : authToken,
                     language: getCultureCodeByLanguage(userLang),
+                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
             });
             if (session === null || session === void 0 ? void 0 : session.dialogState) {
-                setHistory([]);
-                translateDialogState(session.dialogState, userLang)
-                    .then(ts => {
-                    if (ts.emission) {
-                        speak(ts.emission);
-                    }
-                })
-                    .finally(() => {
+                if (!chatLog) {
+                    setHistory([]);
+                    await translateAndSpeak(session.dialogState, userLang);
                     setHasUserActivatedSpeak(true);
-                });
+                }
+                else {
+                    const messages = chatLog.lines.map((l, i) => {
+                        var _a, _b;
+                        return ({
+                            text: l.text,
+                            media: (_b = (_a = l.media) === null || _a === void 0 ? void 0 : _a.filter(m => allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
+                                mediumID: `${i}-${m.mimeType}`,
+                                ...m,
+                            })),
+                            fromUser: l.inbound,
+                            timestamp: l.timestamp,
+                            emitter: l.emitter,
+                            initial: i === 0,
+                        });
+                    });
+                    translatedMessages = messages !== null && messages !== void 0 ? messages : [];
+                    if (language.toUpperCase() !== userLang.toUpperCase() &&
+                        isMultilanguageEnabled) {
+                        try {
+                            translatedMessages = await Promise.all(messages.map(async (m) => {
+                                if ('originalText' in m && m.originalText) {
+                                    return m;
+                                }
+                                return {
+                                    ...m,
+                                    originalText: m.text,
+                                    text: (await getTranslation(m.text, userLang, language, baseUrl)).text,
+                                };
+                            }));
+                        }
+                        catch (e) {
+                            console.error('[CLICK_START] Error translating messages:', e);
+                        }
+                    }
+                    setHistory(translatedMessages);
+                    translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
+                        setHasUserActivatedSpeak(true);
+                    });
+                }
             }
-            else {
+            else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
                 await onClickStart(session || undefined);
             }
+            else {
+                setLoading(false);
+            }
             return;
         }
         else if (initialSessionID) {
             const { currentState, ...response } = await getSession(sessionID);
             if (response.resultCode !== 0 || !currentState) {
-                console.debug('session expired, opening new session');
                 setGotErrorInOpening(true);
                 setSessionId(undefined);
                 setClickedStart(false);
-                await onClickStart();
+                await onClickStart(undefined, true);
                 return;
             }
             setHistory([]);
-            if (position)
+            if (position && memori.needsPosition) {
                 applyPosition(position, sessionID);
-            if (memori.needsDateTime)
+            }
+            if (memori.needsDateTime) {
                 sendDateChangedEvent({ sessionID: sessionID, state: currentState });
-            if (instruct &&
-                memori.giverTag &&
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== memori.giverTag) {
+            }
+            if (personification &&
+                currentState.currentTag !== personification.tag) {
                 try {
-                    console.debug('change tag #0');
                     await changeTag(memori.engineMemoriID, sessionID, '-');
-                    const session = await changeTag(memori.engineMemoriID, sessionID, memori.giverTag, memori.giverPIN);
+                    const session = await changeTag(memori.engineMemoriID, sessionID, personification.tag, personification.pin);
                     if (session && session.resultCode === 0) {
-                        translateDialogState(session.currentState, userLang)
-                            .then(ts => {
-                            if (ts.emission) {
-                                speak(ts.emission);
-                            }
-                        })
-                            .finally(() => {
-                            setHasUserActivatedSpeak(true);
-                        });
+                        await translateAndSpeak(session.currentState, userLang);
                     }
                     else {
-                        console.error('session #1', session);
                         throw new Error('No session');
                     }
                 }
                 catch (e) {
-                    console.error('session #2', e);
-                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, memori === null || memori === void 0 ? void 0 : memori.giverTag, memori === null || memori === void 0 ? void 0 : memori.giverPIN, {
+                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, personification.tag, personification.pin, {
                         PATHNAME: (_h = window.location.pathname) === null || _h === void 0 ? void 0 : _h.toUpperCase(),
                         ROUTE: ((_l = (_k = (_j = window.location.pathname) === null || _j === void 0 ? void 0 : _j.split('/')) === null || _k === void 0 ? void 0 : _k.pop()) === null || _l === void 0 ? void 0 : _l.toUpperCase()) ||
                             '',
@@ -1848,32 +1517,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     });
                 }
             }
-            else if (!instruct &&
-                personification &&
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== personification.tag) {
+            else if (!personification &&
+                (currentState === null || currentState === void 0 ? void 0 : currentState.currentTag) &&
+                (currentState === null || currentState === void 0 ? void 0 : currentState.currentTag) !== anonTag &&
+                (currentState === null || currentState === void 0 ? void 0 : currentState.currentTag) !== '-') {
                 try {
-                    console.debug('change tag #3');
                     await changeTag(memori.engineMemoriID, sessionID, '-');
-                    const session = await changeTag(memori.engineMemoriID, sessionID, personification.tag, personification.pin);
+                    const session = await changeTag(memori.engineMemoriID, sessionID, anonTag);
                     if (session && session.resultCode === 0) {
-                        translateDialogState(session.currentState, userLang)
-                            .then(ts => {
-                            if (ts.emission) {
-                                speak(ts.emission);
-                            }
-                        })
-                            .finally(() => {
-                            setHasUserActivatedSpeak(true);
-                        });
+                        await translateAndSpeak(session.currentState, userLang);
                     }
                     else {
-                        console.error('session #4', session);
                         throw new Error('No session');
                     }
                 }
                 catch (e) {
-                    console.error('session #5', e);
-                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, personification.tag, personification.pin, {
+                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, undefined, undefined, {
                         PATHNAME: (_m = window.location.pathname) === null || _m === void 0 ? void 0 : _m.toUpperCase(),
                         ROUTE: ((_q = (_p = (_o = window.location.pathname) === null || _o === void 0 ? void 0 : _o.split('/')) === null || _p === void 0 ? void 0 : _p.pop()) === null || _q === void 0 ? void 0 : _q.toUpperCase()) ||
                             '',
@@ -1883,70 +1542,77 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     });
                 }
             }
-            else if (!instruct &&
-                !personification &&
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== anonTag) {
+            else {
                 try {
-                    console.debug('change tag #6');
-                    await changeTag(memori.engineMemoriID, sessionID, '-');
-                    const session = await changeTag(memori.engineMemoriID, sessionID, anonTag);
-                    if (session && session.resultCode === 0) {
-                        translateDialogState(session.currentState, userLang)
-                            .then(ts => {
-                            if (ts.emission) {
-                                speak(ts.emission);
-                            }
-                        })
-                            .finally(() => {
-                            setHasUserActivatedSpeak(true);
+                    const { chatLogs } = await getSessionChatLogs(sessionID, sessionID);
+                    const messages = (_r = chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]) === null || _r === void 0 ? void 0 : _r.lines.map((l, i) => {
+                        var _a, _b;
+                        return ({
+                            text: l.text,
+                            media: (_b = (_a = l.media) === null || _a === void 0 ? void 0 : _a.filter(m => allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
+                                mediumID: `${i}-${m.mimeType}`,
+                                ...m,
+                            })),
+                            fromUser: l.inbound,
+                            timestamp: l.timestamp,
+                            emitter: l.emitter,
+                            initial: i === 0,
                         });
+                    });
+                    translatedMessages = messages !== null && messages !== void 0 ? messages : [];
+                    if (language.toUpperCase() !== userLang.toUpperCase() &&
+                        isMultilanguageEnabled) {
+                        try {
+                            translatedMessages = await Promise.all(messages.map(async (m) => ({
+                                ...m,
+                                originalText: m.text,
+                                text: (await getTranslation(m.text, userLang, language, baseUrl)).text,
+                            })));
+                        }
+                        catch (e) {
+                            console.error('[CLICK_START] Error translating messages:', e);
+                        }
                     }
-                    else {
-                        console.error('session #7', session);
-                        throw new Error('No session');
-                    }
+                    setHistory(translatedMessages);
                 }
                 catch (e) {
-                    console.error('session #8', e);
-                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, undefined, undefined, {
-                        PATHNAME: (_r = window.location.pathname) === null || _r === void 0 ? void 0 : _r.toUpperCase(),
-                        ROUTE: ((_v = (_u = (_t = window.location.pathname) === null || _t === void 0 ? void 0 : _t.split('/')) === null || _u === void 0 ? void 0 : _u.pop()) === null || _v === void 0 ? void 0 : _v.toUpperCase()) ||
-                            '',
-                        ...(initialContextVars || {}),
-                    }, initialQuestion, birth).then(() => {
-                        setHasUserActivatedSpeak(true);
+                    console.error('[CLICK_START] Error retrieving chat logs:', e);
+                }
+                if ((!!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length) && translatedMessages.length > 1) ||
+                    !initialQuestion) {
+                    await translateAndSpeak(currentState, userLang, undefined, !!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length));
+                }
+                else {
+                    translatedMessages = [];
+                    setHistory([]);
+                    setMemoriTyping(true);
+                    const response = await postTextEnteredEvent({
+                        sessionId: sessionID,
+                        text: initialQuestion,
                     });
+                    await translateAndSpeak((_s = response.currentState) !== null && _s !== void 0 ? _s : currentState, userLang, undefined, false);
                 }
             }
-            else {
-                translateDialogState(currentState, userLang)
-                    .then(ts => {
-                    if (ts.emission) {
-                        speak(ts.emission);
-                    }
-                })
-                    .finally(() => {
-                    setHasUserActivatedSpeak(true);
-                });
-            }
-            if (position)
+            if (position && memori.needsPosition) {
                 applyPosition(position, sessionID);
-            if (memori.needsDateTime)
+            }
+            if (memori.needsDateTime) {
                 sendDateChangedEvent({ sessionID: sessionID, state: currentState });
+            }
         }
         else {
             setHistory([]);
-            translateDialogState(dialogState, userLang)
-                .then(ts => {
-                if (ts.emission) {
-                    speak(ts.emission);
-                }
-            })
-                .finally(() => {
-                setHasUserActivatedSpeak(true);
-            });
+            await translateAndSpeak(dialogState, userLang);
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
+    useEffect(() => {
+        console.log('clickedStart', clickedStart);
+        console.log('autoStart', autoStart);
+        console.log('selectedLayout', selectedLayout);
+        if (!clickedStart && autoStart && selectedLayout !== 'HIDDEN_CHAT') {
+            onClickStart();
+        }
+    }, [clickedStart, autoStart, selectedLayout]);
     useEffect(() => {
         const targetNode = document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
             document.querySelector(`memori-client[memoriid="${memori.memoriID}"]`) ||
@@ -2027,7 +1693,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         catch (e) {
             let err = e;
-            console.error(err);
+            console.debug(err);
         }
     }, [tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation, deepThoughtEnabled]);
     useEffect(() => {
@@ -2035,24 +1701,49 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             checkCredits();
         }
     }, [tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation, deepThoughtEnabled]);
+    useEffect(() => {
+        const closeSession = () => {
+            if (sessionId) {
+                deleteSession(sessionId);
+            }
+        };
+        window.addEventListener('beforeunload', closeSession);
+        return () => {
+            window.removeEventListener('beforeunload', closeSession);
+            closeSession();
+        };
+    }, [sessionId]);
     const showFullHistory = showOnlyLastMessages === undefined
-        ? layout !== 'TOTEM' && layout !== 'WEBSITE_ASSISTANT'
+        ? selectedLayout !== 'TOTEM' &&
+            selectedLayout !== 'WEBSITE_ASSISTANT' &&
+            selectedLayout !== 'HIDDEN_CHAT'
         : !showOnlyLastMessages;
     const headerProps = {
-        memori,
+        memori: {
+            ...memori,
+            ownerUserID: (_u = (_t = memori.ownerUserID) !== null && _t !== void 0 ? _t : ownerUserID) !== null && _u !== void 0 ? _u : undefined,
+        },
         tenant,
         history,
-        showShare: (_t = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _t !== void 0 ? _t : true,
+        showShare: (_v = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _v !== void 0 ? _v : true,
         position,
         setShowPositionDrawer,
         setShowSettingsDrawer,
         setShowKnownFactsDrawer,
         setShowExpertsDrawer,
-        showSpeaker: !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
-        speakerMuted: muteSpeaker || speakerMuted,
+        enableAudio: defaultEnableAudio,
+        speakerMuted: speakerMuted !== null && speakerMuted !== void 0 ? speakerMuted : false,
         setSpeakerMuted: mute => {
-            speakerMuted = !!mute;
-            setMuteSpeaker(mute);
+            var _a;
+            if (!((_a = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _a !== void 0 ? _a : true)) {
+                mute = true;
+            }
+            toggleMute(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();
@@ -2065,16 +1756,19 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 source.connect(audioContext.destination);
             }
         },
-        showSettings,
+        setShowChatHistoryDrawer,
+        showSettings: (_w = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _w !== void 0 ? _w : true,
+        showChatHistory: (_x = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _x !== void 0 ? _x : true,
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
         showClear,
         clearHistory: () => setHistory(h => h.slice(-1)),
-        showLogin,
+        showLogin: showLogin !== null && showLogin !== void 0 ? showLogin : memori.requireLoginToken,
         setShowLoginDrawer,
         loginToken,
         user,
         sessionID: sessionId,
+        baseUrl,
     };
     const avatarProps = {
         memori,
@@ -2085,31 +1779,36 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         avatar3dVisible,
         setAvatar3dVisible,
         hasUserActivatedSpeak,
-        isPlayingAudio: isPlayingAudio && !muteSpeaker,
+        isPlayingAudio: isPlayingAudio &&
+            !speakerMuted &&
+            ((_y = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _y !== void 0 ? _y : true),
         loading: !!memoriTyping,
         baseUrl,
-        apiUrl,
+        apiUrl: client.constants.BACKEND_URL,
+        enablePositionControls,
+        setEnablePositionControls,
+        avatarType,
     };
     const startPanelProps = {
         memori,
         tenant: tenant,
-        gamificationLevel: gamificationLevel,
         language: language,
         userLang: userLang,
         setUserLang: setUserLang,
         baseUrl: baseUrl,
-        apiUrl: apiUrl,
+        apiUrl: client.constants.BACKEND_URL,
         position: position,
         openPositionDrawer: () => setShowPositionDrawer(true),
         integrationConfig: integrationConfig,
         instruct: instruct,
         sessionId: sessionId,
         clickedStart: clickedStart,
+        isMultilanguageEnabled: isMultilanguageEnabled,
         onClickStart: onClickStart,
-        initializeTTS: initializeTTS,
         isUserLoggedIn: !!loginToken && !!(user === null || user === void 0 ? void 0 : user.userID),
+        hasInitialSession: !!initialSessionID,
         notEnoughCredits: needsCredits && !hasEnoughCredits,
-        showLogin,
+        showLogin: showLogin !== null && showLogin !== void 0 ? showLogin : memori.requireLoginToken,
         setShowLoginDrawer,
         user,
     };
@@ -2119,68 +1818,61 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_y = ((_x = (_w = (_v = (_u = memori.culture) === null || _u === void 0 ? void 0 : _u.split('-')) === null || _v === void 0 ? void 0 : _v[0]) !== null && _w !== void 0 ? _w : i18n.language) !== null && _x !== void 0 ? _x : 'IT')) === null || _y === void 0 ? void 0 : _y.toUpperCase())
+                ((_3 = ((_2 = (_1 = (_0 = (_z = memori.culture) === null || _z === void 0 ? void 0 : _z.split('-')) === null || _0 === void 0 ? void 0 : _0[0]) !== null && _1 !== void 0 ? _1 : i18n.language) !== null && _2 !== void 0 ? _2 : 'IT')) === null || _3 === void 0 ? void 0 : _3.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
-        apiUrl,
+        apiUrl: client.constants.BACKEND_URL,
         layout,
         memoriTyping,
         typingText,
         showTypingText,
         history: showFullHistory ? history : history.slice(-2),
-        authToken: (_0 = (_z = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _z !== void 0 ? _z : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _0 !== void 0 ? _0 : authToken,
+        authToken: (_5 = (_4 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _4 !== void 0 ? _4 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _5 !== void 0 ? _5 : authToken,
         dialogState: currentDialogState,
-        setDialogState: setCurrentDialogState,
         pushMessage,
         simulateUserPrompt,
         showDates,
         showContextPerLine,
         showAIicon,
+        showUpload: enableUpload,
+        showReasoning: enableReasoning,
         showWhyThisAnswer,
+        showCopyButton,
+        showTranslationOriginal,
         client,
-        selectReceiverTag,
+        instruct,
         preview,
         sendOnEnter,
         setSendOnEnter,
         microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK',
         attachmentsMenuOpen,
         setAttachmentsMenuOpen,
-        instruct,
         showInputs,
-        showMicrophone: !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
+        showMicrophone: !!ttsProvider && ((_6 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _6 !== void 0 ? _6 : true),
+        showFunctionCache,
         userMessage,
         onChangeUserMessage,
-        sendMessage: (msg) => {
+        sendMessage: (msg, media) => {
             stopAudio();
-            stopListening();
-            sendMessage(msg);
+            stopRecording();
+            sendMessage(msg, media);
             setUserMessage('');
-            resetTranscript();
         },
-        stopListening: clearListening,
-        startListening,
+        stopListening: stopRecording,
+        startListening: startRecording,
         stopAudio,
-        resetTranscript,
-        listening,
+        listening: isListening,
+        setEnableFocusChatInput,
         isPlayingAudio,
         customMediaRenderer,
         user,
         userAvatar,
         experts,
+        useMathFormatting: applyMathFormatting,
     };
     const integrationBackground = integration && globalBackgroundUrl ? (_jsx("div", { className: "memori--global-background", children: _jsx("div", { className: "memori--global-background-image", style: { backgroundImage: globalBackgroundUrl } }) })) : (_jsx("div", { className: "memori--global-background no-background-image" }));
     const integrationStyle = integration ? (_jsx("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
-    const onChangeMode = (mode) => {
-        setInstruct(mode === 'instruct');
-        setHasUserActivatedSpeak(false);
-        setClickedStart(false);
-    };
-    const changeModeProps = {
-        canInstruct: !!memori.giverTag,
-        instruct: !!instruct,
-        onChangeMode,
-    };
     const poweredBy = (_jsx(PoweredBy, { tenant: tenant, userLang: userLang, integrationID: integration === null || integration === void 0 ? void 0 : integration.integrationID, memoriHash: `${memori.ownerTenantName}-${memori.ownerUserName}-${memori.name}` }));
     const Layout = customLayout
         ? customLayout
@@ -2192,19 +1884,24 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     ? FullPageLayout
                     : selectedLayout === 'WEBSITE_ASSISTANT'
                         ? WebsiteAssistantLayout
-                        : FullPageLayout;
-    return (_jsxs("div", { className: cx('memori', 'memori-widget', `memori-layout-${layout.toLowerCase()}`, `memori-controls-${controlsPosition.toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
+                        : selectedLayout === 'HIDDEN_CHAT'
+                            ? HiddenChatLayout
+                            : selectedLayout === 'ZOOMED_FULL_BODY'
+                                ? ZoomedFullBodyLayout
+                                : FullPageLayout;
+    return (_jsxs("div", { className: cx('memori', 'memori-widget', `memori-layout-${selectedLayout.toLowerCase()}`, `memori-controls-${controlsPosition.toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
+            'memori--auto-start': autoStart,
             'memori--preview': preview,
             'memori--embed': embed,
             'memori--with-integration': integration,
-            'memori--with-speechkey': !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
+            'memori--with-speechkey': !!ttsProvider,
             'memori--active': hasUserActivatedSpeak,
             'memori--hide-emissions': hideEmissions,
             'memori--has-active-session': !!sessionId,
         }), "data-memori-name": memori === null || memori === void 0 ? void 0 : memori.name, "data-memori-id": memori === null || memori === void 0 ? void 0 : memori.engineMemoriID, "data-memori-secondary-id": memori === null || memori === void 0 ? void 0 : memori.memoriID, "data-memori-session-id": sessionId, "data-memori-integration": integration === null || integration === void 0 ? void 0 : integration.integrationID, "data-memori-engine-state": JSON.stringify({
             ...currentDialogState,
             sessionID: sessionId,
-        }), style: { height }, children: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, ChangeMode: ChangeMode, changeModeProps: changeModeProps, poweredBy: poweredBy, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, showInstruct: showInstruct, loading: loading }), _jsx("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && (_jsx(MemoriAuth, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: async (values) => {
+        }), style: { height }, children: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading }), _jsx("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && (_jsx(MemoriAuth, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: async (values) => {
                     var _a, _b, _c, _d;
                     if (values['password'])
                         setMemoriPwd(values['password']);
@@ -2212,7 +1909,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         memoriPassword = values['password'];
                     if (values['tokens'])
                         setMemoriTokens(values['tokens']);
-                    reopenSession(!sessionId, values['password'], values['tokens'], instruct ? memori.giverTag : personification === null || personification === void 0 ? void 0 : personification.tag, instruct ? memori.giverPIN : personification === null || personification === void 0 ? void 0 : personification.pin, {
+                    reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
                         PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
                         ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) ||
                             '',
@@ -2220,18 +1917,23 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     }, initialQuestion, birthDate)
                         .then(state => {
                         setAuthModalState(null);
-                        onClickStart(state || undefined);
+                        if (state === null || state === void 0 ? void 0 : state.dialogState) {
+                            setHasUserActivatedSpeak(true);
+                        }
+                        else {
+                            onClickStart(state || undefined);
+                        }
                     })
                         .catch(() => {
                         setAuthModalState(null);
                         setGotErrorInOpening(true);
                     });
-                }, minimumNumberOfRecoveryTokens: (_1 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _1 !== void 0 ? _1 : 1 })), isClient && (_jsx(AgeVerificationModal, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                }, minimumNumberOfRecoveryTokens: (_7 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _7 !== void 0 ? _7 : 1 })), isClient && (_jsx(AgeVerificationModal, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
                     var _a, _b, _c, _d;
                     if (birthDate) {
                         setBirthDate(birthDate);
                         setLocalConfig('birthDate', birthDate);
-                        reopenSession(!sessionId, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), memoriTokens, instruct ? memori.giverTag : personification === null || personification === void 0 ? void 0 : personification.tag, instruct ? memori.giverPIN : personification === null || personification === void 0 ? void 0 : personification.pin, {
+                        reopenSession(!sessionId, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), memoriTokens, personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
                             PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
                             ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
                             ...(initialContextVars || {}),
@@ -2250,11 +1952,18 @@ 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, 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 })), showChatHistoryDrawer && (_jsx(ChatHistoryDrawer, { open: !!showChatHistoryDrawer, onClose: () => setShowChatHistoryDrawer(false), resumeSession: chatLog => {
+                    setChatLogID(chatLog.chatLogID);
+                    onClickStart(undefined, false, chatLog);
+                    setShowChatHistoryDrawer(false);
+                }, apiClient: client, sessionId: sessionId || '', memori: memori, baseUrl: baseUrl, history: history, apiUrl: client.constants.BACKEND_URL, loginToken: loginToken, language: language, userLang: userLang, isMultilanguageEnabled: isMultilanguageEnabled })), showPositionDrawer && (_jsx(PositionDrawer, { memori: memori, open: !!showPositionDrawer, venue: position, setVenue: setPosition, onClose: position => {
                     if (position)
                         applyPosition(position);
                     setShowPositionDrawer(false);
-                } })), showKnownFactsDrawer && sessionId && (_jsx(KnownFacts, { apiURL: apiUrl, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: apiUrl, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.id) && (_jsx(LoginDrawer, { tenant: tenant, apiUrl: apiUrl, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), onLogin: (user, token) => {
+                    if (autoStart) {
+                        onClickStart();
+                    }
+                } })), showKnownFactsDrawer && sessionId && (_jsx(KnownFacts, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && (_jsx(LoginDrawer, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), onLogin: (user, token) => {
                     setUser(user);
                     setLoginToken(token);
                     userToken = token;
@@ -2270,7 +1979,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         userToken = undefined;
                         removeLocalConfig('loginToken');
                     });
-                } }))] }));
+                } })), error && (_jsx(Alert, { open: !!error, onClose: () => {
+                    setError(null);
+                    window.open('chrome://settings/content/autoplay', '_blank');
+                }, title: "Error", description: error.message, type: "error" }))] }));
 };
 export default MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map