@memori.ai/memori-react 9.0.0-alpha.0 → 9.0.0-alpha.10

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -5,12 +5,14 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ArtifactAPI_1 = require("../MemoriArtifactSystem/utils/ArtifactAPI");
 const piiDetection_1 = require("../../helpers/piiDetection");
+const positionPopover_1 = require("../../helpers/positionPopover");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const memori_api_client_1 = tslib_1.__importDefault(require("@memori.ai/memori-api-client"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const luxon_1 = require("luxon");
 const ui_1 = require("@memori.ai/ui");
+const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
 const Auth_1 = tslib_1.__importDefault(require("../Auth/Auth"));
 const Chat_1 = tslib_1.__importDefault(require("../Chat/Chat"));
 const StartPanel_1 = tslib_1.__importDefault(require("../StartPanel/StartPanel"));
@@ -41,6 +43,8 @@ const sanitizer_1 = require("../../helpers/sanitizer");
 const useTTS_1 = require("../../helpers/tts/useTTS");
 const ChatHistory_1 = tslib_1.__importDefault(require("../ChatHistoryDrawer/ChatHistory"));
 const useSTT_1 = require("../../helpers/stt/useSTT");
+const useNats_1 = require("../../helpers/nats/useNats");
+const isSessionExpiredError_1 = require("../../helpers/nats/isSessionExpiredError");
 const getMemoriState = (integrationId) => {
     var _a, _b, _c, _d, _f;
     let widget = integrationId
@@ -62,12 +66,23 @@ const getMemoriState = (integrationId) => {
         loginToken,
     };
 };
+const resolveLoginTokenValue = (loginToken, userTokenRef, callAdditionalInfoLoginToken, additionalInfoLoginToken, authTokenProp) => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = loginToken !== null && loginToken !== void 0 ? loginToken : userTokenRef) !== null && _a !== void 0 ? _a : callAdditionalInfoLoginToken) !== null && _b !== void 0 ? _b : additionalInfoLoginToken) !== null && _c !== void 0 ? _c : authTokenProp;
+};
 const NULL_PLACE_SPEC = {
     placeName: null,
     latitude: null,
     longitude: null,
     uncertaintyKm: null,
 };
+const logWidgetError = (context, detail) => {
+    console.error(`[MemoriWidget] ${context}`, detail !== null && detail !== void 0 ? detail : '');
+};
+function readCorrelationID(response) {
+    const value = response.correlationID;
+    return typeof value === 'string' && value.length > 0 ? value : undefined;
+}
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
         detail: {
@@ -163,7 +178,6 @@ window.typeMessageHidden = typeMessageHidden;
 window.typeBatchMessages = typeBatchMessages;
 let audioContext;
 let memoriPassword;
-let userToken;
 function getChatStyles(config) {
     var _a;
     const primary = config === null || config === void 0 ? void 0 : config.buttonBgColor;
@@ -174,18 +188,18 @@ function getChatStyles(config) {
         '--memori-primary-color': primary,
         '--memori-primary': primary,
         '--memori-primary-content': primaryContent,
-        '--memori-primary-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 15%)',
-        '--memori-primary-active': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, black) 25%)',
+        '--memori-primary-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 15%)',
+        '--memori-primary-active': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 25%)',
         '--memori-primary-disabled': 'color-mix(in oklch, var(--memori-primary), transparent 60%)',
-        '--memori-primary-subtle': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 60%)',
-        '--memori-primary-subtle-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 50%)',
+        '--memori-primary-subtle': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 60%)',
+        '--memori-primary-subtle-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 50%)',
         '--memori-border-primary': 'color-mix(in oklch, var(--memori-primary), transparent 70%)',
         '--memori-border-primary-hover': 'color-mix(in oklch, var(--memori-primary), transparent 50%)',
         '--memori-focus-ring-color': 'color-mix(in oklch, var(--memori-primary), transparent 80%)',
         '--memori-focus-ring': '0 0 0 3px var(--memori-focus-ring-color)',
         '--memori-shadow-primary': '0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%)',
-        '--memori-skeleton-base': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 85%)',
-        '--memori-skeleton-highlight': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, white) 75%)',
+        '--memori-skeleton-base': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%)',
+        '--memori-skeleton-highlight': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%)',
     };
 }
 const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, 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, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
@@ -197,59 +211,88 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setIsClient(true);
     }, []);
     const client = (0, memori_api_client_1.default)(apiURL, engineURL);
-    const { initSession, deleteSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
+    const { initSession, deleteSession, postEnterTextAsync, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
     const [instruct, setInstruct] = (0, react_1.useState)(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
-    const widgetRootRef = (0, react_1.useRef)(null);
+    const [widgetRootEl, setWidgetRootEl] = (0, react_1.useState)(null);
+    const [widgetSurfaceEl, setWidgetSurfaceEl] = (0, react_1.useState)(null);
     const [isDarkTheme, setIsDarkTheme] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         var _a;
-        const el = widgetRootRef.current;
-        if (!el)
+        if (!widgetRootEl)
             return;
         const check = () => {
-            setIsDarkTheme(!!el.closest('[data-theme="dark"]'));
+            setIsDarkTheme(!!widgetRootEl.closest('[data-theme="dark"]'));
         };
         check();
         const observer = new MutationObserver(check);
-        const parent = (_a = el.parentElement) !== null && _a !== void 0 ? _a : document.body;
+        const parent = (_a = widgetRootEl.parentElement) !== null && _a !== void 0 ? _a : document.body;
         observer.observe(parent, {
             attributes: true,
             attributeFilter: ['data-theme'],
             subtree: true,
         });
         return () => observer.disconnect();
-    }, []);
+    }, [widgetRootEl]);
     const [loginToken, setLoginToken] = (0, react_1.useState)((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
+    const userTokenRef = (0, react_1.useRef)((_b = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _b !== void 0 ? _b : authToken);
+    const prevPropsLoginTokenRef = (0, react_1.useRef)((_c = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _c !== void 0 ? _c : authToken);
     const [user, setUser] = (0, react_1.useState)({
         avatarURL: typeof userAvatar === 'string' ? userAvatar : undefined,
     });
+    const resolveLoginToken = (0, react_1.useCallback)((callAdditionalInfoLoginToken) => resolveLoginTokenValue(loginToken, userTokenRef.current, callAdditionalInfoLoginToken, additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken), [loginToken, additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken]);
     (0, react_1.useEffect)(() => {
-        if (loginToken &&
-            !(user === null || user === void 0 ? void 0 : user.userID) &&
-            (showLogin || memori.requireLoginToken)) {
-            client.backend
-                .pwlGetCurrentUser(loginToken)
-                .then(({ user, resultCode }) => {
-                if (user && resultCode === 0) {
-                    setUser(user);
-                    (0, configuration_1.setLocalConfig)('loginToken', loginToken);
-                    if (!birthDate && user.birthDate) {
-                        setBirthDate(user.birthDate);
-                        (0, configuration_1.setLocalConfig)('birthDate', user.birthDate);
-                    }
-                }
-                else {
-                    (0, configuration_1.removeLocalConfig)('loginToken');
-                }
-            });
+        var _a;
+        const incomingToken = (_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken;
+        const prevPropsToken = prevPropsLoginTokenRef.current;
+        prevPropsLoginTokenRef.current = incomingToken;
+        if (incomingToken !== prevPropsToken) {
+            setLoginToken(incomingToken);
+            userTokenRef.current = incomingToken;
+            if (!incomingToken) {
+                (0, configuration_1.removeLocalConfig)('loginToken');
+                setUser(undefined);
+            }
         }
-    }, [loginToken, user === null || user === void 0 ? void 0 : user.userID]);
+    }, [additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken]);
+    (0, react_1.useEffect)(() => {
+        if (!loginToken || !(showLogin || memori.requireLoginToken)) {
+            return;
+        }
+        let cancelled = false;
+        client.backend
+            .pwlGetCurrentUser(loginToken)
+            .then(({ user: fetchedUser, resultCode }) => {
+            if (cancelled)
+                return;
+            if (fetchedUser && resultCode === 0) {
+                setUser(fetchedUser);
+                (0, configuration_1.setLocalConfig)('loginToken', loginToken);
+                userTokenRef.current = loginToken;
+                if (!birthDate && fetchedUser.birthDate) {
+                    setBirthDate(fetchedUser.birthDate);
+                    (0, configuration_1.setLocalConfig)('birthDate', fetchedUser.birthDate);
+                }
+            }
+            else {
+                setLoginToken(undefined);
+                userTokenRef.current = undefined;
+                setUser(undefined);
+                (0, configuration_1.removeLocalConfig)('loginToken');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [loginToken, showLogin, memori.requireLoginToken]);
     const [showLoginDrawer, setShowLoginDrawer] = (0, react_1.useState)(false);
     const [clickedStart, setClickedStart] = (0, react_1.useState)(false);
     const [gotErrorInOpening, setGotErrorInOpening] = (0, react_1.useState)(false);
-    const language = ((_d = (_c = (_b = memori.culture) === null || _b === void 0 ? void 0 : _b.split('-')) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) ||
-        ((_j = (_h = (_g = (_f = memoriConfigs === null || memoriConfigs === void 0 ? void 0 : memoriConfigs.find(c => c.memoriConfigID === memori.memoriConfigurationID)) === null || _f === void 0 ? void 0 : _f.culture) === null || _g === void 0 ? void 0 : _g.split('-')) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.toUpperCase());
+    const sessionStartingRef = (0, react_1.useRef)(false);
+    const needsCredits = tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation;
+    const [hasEnoughCredits, setHasEnoughCredits] = (0, react_1.useState)(true);
+    const language = ((_g = (_f = (_d = memori.culture) === null || _d === void 0 ? void 0 : _d.split('-')) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.toUpperCase()) ||
+        ((_l = (_k = (_j = (_h = memoriConfigs === null || memoriConfigs === void 0 ? void 0 : memoriConfigs.find(c => c.memoriConfigID === memori.memoriConfigurationID)) === null || _h === void 0 ? void 0 : _h.culture) === null || _j === void 0 ? void 0 : _j.split('-')) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.toUpperCase());
     const integrationConfig = (integration === null || integration === void 0 ? void 0 : integration.customData)
         ? JSON.parse(integration.customData)
         : null;
@@ -257,7 +300,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ? multilingual
         : !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage);
     const forcedTimeout = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.forcedTimeout;
-    const [userLang, setUserLang] = (0, react_1.useState)((_p = (_o = (_m = (_l = (_k = spokenLang !== null && spokenLang !== void 0 ? spokenLang : memoriLang) !== null && _k !== void 0 ? _k : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.lang) !== null && _l !== void 0 ? _l : language) !== null && _m !== void 0 ? _m : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.uiLang) !== null && _o !== void 0 ? _o : i18n.language) !== null && _p !== void 0 ? _p : 'IT');
+    const [userLang, setUserLang] = (0, react_1.useState)((_r = (_q = (_p = (_o = (_m = spokenLang !== null && spokenLang !== void 0 ? spokenLang : memoriLang) !== null && _m !== void 0 ? _m : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.lang) !== null && _o !== void 0 ? _o : language) !== null && _p !== void 0 ? _p : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.uiLang) !== null && _q !== void 0 ? _q : i18n.language) !== null && _r !== void 0 ? _r : 'IT');
     (0, react_1.useEffect)(() => {
         if (spokenLang != null) {
             setUserLang(spokenLang);
@@ -283,6 +326,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [memoriTyping, setMemoriTyping] = (0, react_1.useState)(false);
     const [typingText, setTypingText] = (0, react_1.useState)();
+    const pendingEnterTextRef = (0, react_1.useRef)(new Map());
+    const bufferedNatsResponsesRef = (0, react_1.useRef)(new Map());
     const layoutName = typeof layout === 'string'
         ? layout
         : layout &&
@@ -293,7 +338,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             ? layout.name
             : typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'string'
                 ? integrationConfig.layout
-                : (_q = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _q === void 0 ? void 0 : _q.name;
+                : (_s = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _s === void 0 ? void 0 : _s.name;
     const selectedLayout = (() => {
         if (typeof layoutName === 'string') {
             const lower = layoutName.toLowerCase();
@@ -321,14 +366,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         typeof layout === 'object' &&
         layout !== null &&
         'piiDetection' in layout &&
-        ((_r = layout.piiDetection) === null || _r === void 0 ? void 0 : _r.enabled)
+        ((_t = layout.piiDetection) === null || _t === void 0 ? void 0 : _t.enabled)
         ? layout.piiDetection
         : typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'object' &&
             (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) !== null &&
-            ((_t = (_s = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _s === void 0 ? void 0 : _s.piiDetection) === null || _t === void 0 ? void 0 : _t.enabled)
+            ((_v = (_u = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _u === void 0 ? void 0 : _u.piiDetection) === null || _v === void 0 ? void 0 : _v.enabled)
             ? integrationConfig.layout.piiDetection
             : undefined;
-    const defaultEnableAudio = (_u = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _u !== void 0 ? _u : true;
+    const defaultEnableAudio = (_w = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _w !== void 0 ? _w : true;
     const [hasUserActivatedListening, setHasUserActivatedListening] = (0, react_1.useState)(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = (0, react_1.useState)(false);
     const [positionPopoverOpen, setPositionPopoverOpenState] = (0, react_1.useState)(false);
@@ -371,7 +416,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setRuntimeShowMessageConsumption((0, configuration_1.getLocalConfig)('showMessageConsumption', (_a = showMessageConsumption !== null && showMessageConsumption !== void 0 ? showMessageConsumption : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showMessageConsumption) !== null && _a !== void 0 ? _a : false));
         if (!(additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) && !authToken) {
             setLoginToken((0, configuration_1.getLocalConfig)('loginToken', undefined));
-            userToken = (0, configuration_1.getLocalConfig)('loginToken', undefined);
+            userTokenRef.current = (0, configuration_1.getLocalConfig)('loginToken', undefined);
             setBirthDate((0, configuration_1.getLocalConfig)('birthDate', undefined));
         }
         if (!((_b = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _b !== void 0 ? _b : true)) {
@@ -469,8 +514,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         });
     };
     const [chatLogID, setChatLogID] = (0, react_1.useState)(undefined);
-    const sendMessage = async (text, media, newSessionId, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
-        var _a, _b, _c, _d, _f, _g;
+    const sendMessage = async (text, media, newSessionId, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false, skipHistoryPush = false) => {
+        var _a, _b;
         const sessionID = newSessionId ||
             sessionId ||
             ((_a = window.getMemoriState()) === null || _a === void 0 ? void 0 : _a.sessionID);
@@ -514,7 +559,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 return;
             }
         }
-        if (!hidden)
+        if (!hidden && !skipHistoryPush)
             pushMessage({
                 text: text,
                 translatedText,
@@ -524,12 +569,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     ? !!newSessionId && newSessionId !== sessionId
                     : !!newSessionId,
             });
-        setMemoriTyping(true);
-        setTypingText(typingText);
         let gotError = false;
         try {
             const placeSpec = getPlaceSpecForEnterText(position);
-            const { currentState, ...response } = await postTextEnteredEvent({
+            const response = await postEnterTextAsync({
                 sessionId: sessionID,
                 text: msg,
                 ...(memori.needsDateTime && {
@@ -537,65 +580,37 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }),
                 ...(placeSpec !== undefined && { place: placeSpec }),
             });
-            if (response.resultCode === 0 && currentState) {
-                setChatLogID(undefined);
-                const emission = useLoaderTextAsMsg && typingText
-                    ? typingText
-                    : (_c = currentState.emission) !== null && _c !== void 0 ? _c : 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 && shouldPlayAudio(text)) {
-                            handleSpeak(text);
-                        }
-                    });
-                }
-                else {
-                    setCurrentDialogState({
-                        ...currentState,
-                        emission,
-                    });
-                    if (emission) {
-                        pushMessage({
-                            text: emission,
-                            emitter: currentState.emitter,
-                            media: (_d = currentState.emittedMedia) !== null && _d !== void 0 ? _d : currentState.media,
-                            llmUsage: currentState.llmUsage,
-                            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,
-                        });
-                        if (emission && shouldPlayAudio(emission)) {
-                            handleSpeak(emission);
-                        }
-                    }
-                }
+            const correlationID = readCorrelationID(response);
+            if (response.resultCode === 0 && correlationID) {
+                registerPendingEnterText(correlationID, {
+                    msg,
+                    text,
+                    media,
+                    translate,
+                    translatedText,
+                    hidden,
+                    typingText,
+                    useLoaderTextAsMsg,
+                    hasBatchQueued,
+                });
+                setMemoriTyping(true);
+                setTypingText(typingText);
+            }
+            else if (response.resultCode === 0) {
+                logWidgetError('enter-text missing correlationID', response);
             }
             else if (response.resultCode === 404) {
-                setHistory(h => [...h.slice(0, h.length - 1)]);
-                reopenSession(true, memoriPwd || memori.secretToken, memoriTokens, undefined, undefined, {
-                    LANG: userLang,
-                    PATHNAME: window.location.pathname,
-                    ROUTE: ((_g = (_f = window.location.pathname) === null || _f === void 0 ? void 0 : _f.split('/')) === null || _g === void 0 ? void 0 : _g.pop()) || '',
-                    ...(initialContextVars || {}),
-                }, initialQuestion, undefined, undefined, undefined, undefined, true).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);
-                    }
+                retryAfterExpiredSessionRef.current({
+                    text,
+                    media,
+                    translate,
+                    translatedText,
+                    hidden,
+                    typingText,
+                    useLoaderTextAsMsg,
+                    hasBatchQueued,
+                    expiredSessionID: sessionID,
+                    continueFromChatLogID: chatLogID,
                 });
             }
             else if (response.resultCode === 500 && response.resultMessage) {
@@ -612,18 +627,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 ]);
             }
             else {
-                console.warn('[SEND_MESSAGE]', response);
                 return Promise.reject(response);
             }
         }
         catch (error) {
-            console.log('error', error);
-            console.error(error);
             gotError = true;
-            setTypingText(undefined);
-            setMemoriTyping(false);
-        }
-        if (!hasBatchQueued) {
+            logWidgetError('sendMessage failed', error);
             setTypingText(undefined);
             setMemoriTyping(false);
         }
@@ -705,7 +714,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }
             }
             catch (error) {
-                console.error('[TRANSLATE] Error during translation:', error);
                 translatedState = { ...state, emission };
                 translatedMsg = {
                     text: emission,
@@ -813,7 +821,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             try {
                 setTimeout(() => {
                     var _a;
-                    console.log('snippet', s);
                     new Function((_a = s.content) !== null && _a !== void 0 ? _a : '')();
                     setTimeout(() => {
                         var _a, _b, _c;
@@ -822,8 +829,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     }, 400);
                 }, 1000);
             }
-            catch (e) {
-                console.warn(e);
+            catch (_a) {
             }
         });
     };
@@ -834,7 +840,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [initialSessionID]);
     const fetchSession = async (params) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _f, _g, _h;
         let storageBirthDate = (0, configuration_1.getLocalConfig)('birthDate', undefined);
         let userBirthDate = (_a = birthDate !== null && birthDate !== void 0 ? birthDate : params.birthDate) !== null && _a !== void 0 ? _a : storageBirthDate;
         if (!userBirthDate && !!minAge) {
@@ -848,6 +854,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setAuthModalState('password');
             return;
         }
+        if (!(await checkCredits({ notify: true }))) {
+            return;
+        }
         setLoading(true);
         try {
             let referral;
@@ -856,8 +865,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (err) {
-                console.debug(err);
+            catch (_j) {
             }
             const session = await initSession({
                 ...params,
@@ -866,8 +874,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 pin: (_c = params.pin) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.pin,
                 additionalInfo: {
                     ...(params.additionalInfo || additionalInfo || {}),
-                    loginToken: (_h = (_g = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : (_f = params.additionalInfo) === null || _f === void 0 ? void 0 : _f.loginToken) !== null && _g !== void 0 ? _g : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _h !== void 0 ? _h : authToken,
-                    language: ((_l = userLang !== null && userLang !== void 0 ? userLang : (_k = (_j = memori.culture) === null || _j === void 0 ? void 0 : _j.split('-')) === null || _k === void 0 ? void 0 : _k[0]) !== null && _l !== void 0 ? _l : 'IT').toLowerCase(),
+                    loginToken: resolveLoginToken((_d = params.additionalInfo) === null || _d === void 0 ? void 0 : _d.loginToken),
+                    language: ((_h = userLang !== null && userLang !== void 0 ? userLang : (_g = (_f = memori.culture) === null || _f === void 0 ? void 0 : _f.split('-')) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : 'IT').toLowerCase(),
                     referral: referral,
                     timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
@@ -896,7 +904,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }));
                 setGotErrorInOpening(true);
             }
-            else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 403) {
+            else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 403 && memori.privacyType !== 'PUBLIC') {
                 setMemoriPwd(undefined);
                 setAuthModalState('password');
                 return session;
@@ -908,16 +916,15 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     severity: 'error',
                     duration: 0,
                 }));
-                setGotErrorInOpening(true);
                 return session;
             }
         }
         catch (err) {
-            console.error(err);
+            logWidgetError('fetchSession failed', err);
         }
     };
-    const reopenSession = async (updateDialogState = false, password, recoveryTokens, tag, pin, initialContextVars, initialQuestion, birthDate, additionalInfoProp, continueFromChatLogID, continueFromSessionID, isSessionExpired) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m;
+    const reopenSession = async (updateDialogState = false, password, recoveryTokens, tag, pin, initialContextVars, initialQuestion, birthDate, additionalInfoProp, continueFromChatLogID, continueFromSessionID, isSessionExpired, suppressHistoryUpdate) => {
+        var _a, _b, _c, _d, _f, _g, _h, _j;
         setLoading(true);
         let storageBirthDate = (0, configuration_1.getLocalConfig)('birthDate', undefined);
         let userBirthDate = birthDate !== null && birthDate !== void 0 ? birthDate : storageBirthDate;
@@ -935,14 +942,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 setAuthModalState('password');
                 return;
             }
+            if (!(await checkCredits({ notify: true }))) {
+                setLoading(false);
+                return null;
+            }
             let referral;
             try {
                 referral = (() => {
                     return window.location.href;
                 })();
             }
-            catch (err) {
-                console.debug('[REOPEN_SESSION] Error getting referral:', err);
+            catch (_k) {
             }
             const { sessionID, currentState, ...response } = await initSession({
                 memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
@@ -962,21 +972,32 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 birthDate: userBirthDate,
                 additionalInfo: {
                     ...(additionalInfoProp || additionalInfo || {}),
-                    loginToken: (_g = (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfoProp === null || additionalInfoProp === void 0 ? void 0 : additionalInfoProp.loginToken) !== null && _f !== void 0 ? _f : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _g !== void 0 ? _g : authToken,
-                    language: ((_k = userLang !== null && userLang !== void 0 ? userLang : (_j = (_h = memori.culture) === null || _h === void 0 ? void 0 : _h.split('-')) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 'IT').toLowerCase(),
+                    loginToken: resolveLoginToken(additionalInfoProp === null || additionalInfoProp === void 0 ? void 0 : additionalInfoProp.loginToken),
+                    language: ((_g = userLang !== null && userLang !== void 0 ? userLang : (_f = (_d = memori.culture) === null || _d === void 0 ? void 0 : _d.split('-')) === null || _f === void 0 ? void 0 : _f[0]) !== null && _g !== void 0 ? _g : 'IT').toLowerCase(),
                     referral: referral,
                     timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
             });
             if (sessionID && currentState && response.resultCode === 0) {
-                console.log('[REOPEN_SESSION] Session initialized successfully:', sessionID);
                 setSessionId(sessionID);
                 if (updateDialogState) {
                     setCurrentDialogState(currentState);
-                    if (currentState.emission) {
-                        console.log('[REOPEN_SESSION] Processing emission:', currentState.emission);
-                        const initialStatus = isSessionExpired && history.length > 1
-                            ? 'Session Expired, reopening session'
+                    const sessionExpiredStatus = isSessionExpired && history.length > 1
+                        ? t('sessionExpiredReopening')
+                        : null;
+                    if (sessionExpiredStatus && suppressHistoryUpdate) {
+                        pushMessage({
+                            text: '',
+                            emitter: 'system',
+                            fromUser: false,
+                            initial: sessionExpiredStatus,
+                            contextVars: {},
+                            date: new Date().toISOString(),
+                        });
+                    }
+                    if (currentState.emission && !suppressHistoryUpdate) {
+                        const initialStatus = sessionExpiredStatus
+                            ? sessionExpiredStatus
                             : history.length <= 1
                                 ? true
                                 : undefined;
@@ -985,7 +1006,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 {
                                     text: currentState.emission,
                                     emitter: currentState.emitter,
-                                    media: (_l = currentState.emittedMedia) !== null && _l !== void 0 ? _l : currentState.media,
+                                    media: (_h = currentState.emittedMedia) !== null && _h !== void 0 ? _h : currentState.media,
                                     fromUser: false,
                                     initial: (initialStatus === true
                                         ? true
@@ -1003,7 +1024,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             : pushMessage({
                                 text: currentState.emission,
                                 emitter: currentState.emitter,
-                                media: (_m = currentState.emittedMedia) !== null && _m !== void 0 ? _m : currentState.media,
+                                media: (_j = currentState.emittedMedia) !== null && _j !== void 0 ? _j : currentState.media,
                                 fromUser: false,
                                 initial: (initialStatus === true
                                     ? true
@@ -1033,8 +1054,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }));
                 setGotErrorInOpening(true);
             }
-            else if ((response === null || response === void 0 ? void 0 : response.resultCode) === 403) {
-                console.error('[REOPEN_SESSION] Authentication error');
+            else if ((response === null || response === void 0 ? void 0 : response.resultCode) === 403 &&
+                memori.privacyType !== 'PUBLIC') {
                 setMemoriPwd(undefined);
                 setAuthModalState('password');
             }
@@ -1048,15 +1069,61 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             }
         }
         catch (err) {
-            console.error('[REOPEN_SESSION] Caught error:', err);
+            logWidgetError('reopenSession failed', err);
         }
         setLoading(false);
         return null;
     };
+    const retryAfterExpiredSessionRef = (0, react_1.useRef)(() => Promise.resolve(null));
+    retryAfterExpiredSessionRef.current = (params) => {
+        const { text, media, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false, expiredSessionID, continueFromChatLogID: continueFromChatLogIDParam, } = params;
+        const continueFromSessionID = expiredSessionID !== null && expiredSessionID !== void 0 ? expiredSessionID : sessionId;
+        const continueFromChatLogID = continueFromChatLogIDParam !== null && continueFromChatLogIDParam !== void 0 ? continueFromChatLogIDParam : chatLogID;
+        const reopenAfterExpiry = () => {
+            var _a, _b;
+            return reopenSession(true, memoriPwd || memori.secretToken, memoriTokens, undefined, undefined, {
+                LANG: userLang,
+                PATHNAME: window.location.pathname,
+                ROUTE: ((_b = (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.split('/')) === null || _b === void 0 ? void 0 : _b.pop()) || '',
+                ...(initialContextVars || {}),
+            }, initialQuestion, undefined, undefined, continueFromChatLogID, continueFromSessionID, true, true);
+        };
+        const scheduleRetry = (newSessionID) => {
+            setTimeout(() => {
+                sendMessage(text, media, newSessionID, translate, translatedText, hidden, typingText, useLoaderTextAsMsg, hasBatchQueued, true);
+            }, 500);
+        };
+        const handleReopenFailure = (state) => {
+            setMemoriTyping(false);
+            setTypingText(undefined);
+            if (state === null && text && !hidden) {
+                add((0, ui_1.createAlertOptions)({
+                    description: t('errors.SESSION_EXPIRED'),
+                    severity: 'error',
+                }));
+            }
+        };
+        if (!text) {
+            return reopenAfterExpiry().then(state => {
+                if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
+                    handleReopenFailure(state);
+                }
+                return state;
+            });
+        }
+        return reopenAfterExpiry().then(state => {
+            if (state === null || state === void 0 ? void 0 : state.sessionID) {
+                scheduleRetry(state.sessionID);
+            }
+            else {
+                handleReopenFailure(state);
+            }
+            return state;
+        });
+    };
     const changeTag = async (memoriId, sessionId, tag, pin) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _f, _g, _h;
         if (!memoriId || !sessionId) {
-            console.error('CHANGETAG/Session not found');
             return Promise.reject('Session not found');
         }
         try {
@@ -1088,7 +1155,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     }
                 }
                 else if ([400, 401, 403, 404, 500].includes(resultCode)) {
-                    console.warn('[APPCONTEXT/CHANGETAG]', resultCode);
                     let storageBirthDate = (0, configuration_1.getLocalConfig)('birthDate', undefined);
                     let referral;
                     try {
@@ -1096,8 +1162,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             return window.location.href;
                         })();
                     }
-                    catch (err) {
-                        console.debug(err);
+                    catch (_j) {
                     }
                     fetchSession({
                         memoriID: (_b = memori.engineMemoriID) !== null && _b !== void 0 ? _b : '',
@@ -1114,8 +1179,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         birthDate: birthDate || storageBirthDate || undefined,
                         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: ((_k = userLang !== null && userLang !== void 0 ? userLang : (_j = (_h = memori.culture) === null || _h === void 0 ? void 0 : _h.split('-')) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 'IT').toLowerCase(),
+                            loginToken: resolveLoginToken(),
+                            language: ((_h = userLang !== null && userLang !== void 0 ? userLang : (_g = (_f = memori.culture) === null || _f === void 0 ? void 0 : _f.split('-')) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : 'IT').toLowerCase(),
                             referral: referral,
                             timeZoneOffset: new Date().getTimezoneOffset().toString(),
                         },
@@ -1132,7 +1197,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         catch (_e) {
             let err = _e;
-            console.warn('[APPCONTEXT/CHANGETAG]', err);
             return Promise.reject(err);
         }
         return null;
@@ -1153,6 +1217,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         return () => {
             setHasUserActivatedSpeak(false);
             setClickedStart(false);
+            sessionStartingRef.current = false;
             clearInteractionTimeout();
             timeoutRef.current = undefined;
         };
@@ -1179,10 +1244,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         apiUrl: `${baseUrl}/api/tts`,
         continuousSpeech: continuousSpeech,
         preview: preview,
-    }, autoStart, defaultEnableAudio, (_v = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _v !== void 0 ? _v : true);
+    }, autoStart, defaultEnableAudio, (_x = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _x !== void 0 ? _x : true);
     const shouldPlayAudio = (text) => {
         const currentSpeakerMuted = (0, configuration_1.getLocalConfig)('muteSpeaker', !defaultEnableAudio);
-        console.log('[MemoriWidget] shouldPlayAudio', currentSpeakerMuted);
         return (text &&
             text.trim() &&
             !preview &&
@@ -1195,15 +1259,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         try {
             const message = (0, utils_1.stripDuplicates)(text);
-            console.debug('Processing speech message:', message);
             if (message.length > 0) {
                 setUserMessage('');
-                console.debug('Sending message:', message);
                 sendMessage(message);
             }
         }
-        catch (error) {
-            console.error('Error in processSpeechAndSendMessage:', error);
+        catch (_a) {
         }
     };
     const { isListening, startRecording, stopRecording, } = (0, useSTT_1.useSTT)(sttConfig, processSpeechAndSendMessage, {
@@ -1237,8 +1298,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             }
             return translatedState;
         }
-        catch (error) {
-            console.error('Error in translateAndSpeak:', error);
+        catch (_a) {
             if (!hasUserActivatedSpeak) {
                 setHasUserActivatedSpeak(true);
             }
@@ -1251,6 +1311,221 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setHasUserActivatedSpeak,
         speakerMuted,
     ]);
+    const processEnterTextDialogResponse = (0, react_1.useCallback)((event, pending) => {
+        var _a, _b;
+        const { msg, typingText: pendingTypingText, useLoaderTextAsMsg, } = pending;
+        const currentState = event.currentState;
+        if (event.resultCode !== 0 || !currentState) {
+            if ((0, isSessionExpiredError_1.isSessionExpiredNatsResponse)(event) && pending.text) {
+                setMemoriTyping(false);
+                setTypingText(undefined);
+                retryAfterExpiredSessionRef.current({
+                    text: pending.text,
+                    media: pending.media,
+                    translate: pending.translate,
+                    translatedText: pending.translatedText,
+                    hidden: pending.hidden,
+                    typingText: pending.typingText,
+                    useLoaderTextAsMsg: pending.useLoaderTextAsMsg,
+                    hasBatchQueued: pending.hasBatchQueued,
+                    expiredSessionID: sessionId,
+                    continueFromChatLogID: chatLogID,
+                });
+                return;
+            }
+            if (event.resultCode === 500 && event.resultMessage) {
+                setHistory(h => [
+                    ...h,
+                    {
+                        text: 'Error: ' + event.resultMessage,
+                        emitter: 'system',
+                        fromUser: false,
+                        initial: false,
+                        contextVars: {},
+                        date: new Date().toISOString(),
+                    },
+                ]);
+            }
+            return;
+        }
+        if (!msg) {
+            return;
+        }
+        setChatLogID(undefined);
+        const emission = useLoaderTextAsMsg && pendingTypingText
+            ? pendingTypingText
+            : (_a = currentState.emission) !== null && _a !== void 0 ? _a : 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 => {
+                const text = ts.translatedEmission || ts.emission;
+                if (text && shouldPlayAudio(text)) {
+                    handleSpeak(text);
+                }
+            });
+        }
+        else {
+            setCurrentDialogState({
+                ...currentState,
+                emission,
+            });
+            if (emission) {
+                pushMessage({
+                    text: emission,
+                    emitter: currentState.emitter,
+                    media: (_b = currentState.emittedMedia) !== null && _b !== void 0 ? _b : currentState.media,
+                    llmUsage: currentState.llmUsage,
+                    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,
+                });
+                if (emission && shouldPlayAudio(emission)) {
+                    handleSpeak(emission);
+                }
+            }
+        }
+    }, [
+        userLang,
+        language,
+        isMultilanguageEnabled,
+        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission,
+        translateDialogState,
+        handleSpeak,
+        shouldPlayAudio,
+    ]);
+    const clearEnterTextPending = (0, react_1.useCallback)((correlationID, pending) => {
+        var _a;
+        if ((_a = pending.waitForResponse) === null || _a === void 0 ? void 0 : _a.timeoutId) {
+            clearTimeout(pending.waitForResponse.timeoutId);
+        }
+        pendingEnterTextRef.current.delete(correlationID);
+    }, []);
+    const deliverEnterTextNatsError = (0, react_1.useCallback)((event) => {
+        var _a, _b, _c;
+        const correlationID = event.correlationID;
+        let pending;
+        if (correlationID) {
+            pending = pendingEnterTextRef.current.get(correlationID);
+            if (pending) {
+                clearEnterTextPending(correlationID, pending);
+                (_a = pending.waitForResponse) === null || _a === void 0 ? void 0 : _a.reject(new Error((_b = event.errorMessage) !== null && _b !== void 0 ? _b : String((_c = event.errorCode) !== null && _c !== void 0 ? _c : 'NATS error')));
+            }
+        }
+        if ((0, isSessionExpiredError_1.isSessionExpiredNatsError)(event) && (pending === null || pending === void 0 ? void 0 : pending.text)) {
+            setMemoriTyping(false);
+            setTypingText(undefined);
+            retryAfterExpiredSessionRef.current({
+                text: pending.text,
+                media: pending.media,
+                translate: pending.translate,
+                translatedText: pending.translatedText,
+                hidden: pending.hidden,
+                typingText: pending.typingText,
+                useLoaderTextAsMsg: pending.useLoaderTextAsMsg,
+                hasBatchQueued: pending.hasBatchQueued,
+                expiredSessionID: sessionId,
+                continueFromChatLogID: chatLogID,
+            });
+            return;
+        }
+        const errorText = event.errorMessage
+            ? `Error: ${event.errorMessage}`
+            : event.errorCode
+                ? `Error: ${event.errorCode}`
+                : 'Error: An unexpected error occurred';
+        pushMessage({
+            text: errorText,
+            emitter: 'system',
+            fromUser: false,
+            initial: false,
+            contextVars: {},
+            date: new Date().toISOString(),
+        });
+        setMemoriTyping(false);
+        setTypingText(undefined);
+    }, [clearEnterTextPending]);
+    const deliverEnterTextNatsResponse = (0, react_1.useCallback)((correlationID, event) => {
+        const pending = pendingEnterTextRef.current.get(correlationID);
+        if (!pending) {
+            bufferedNatsResponsesRef.current.set(correlationID, event);
+            return;
+        }
+        clearEnterTextPending(correlationID, pending);
+        if (pending.waitForResponse) {
+            pending.waitForResponse.resolve(event);
+            setMemoriTyping(false);
+            setTypingText(undefined);
+            return;
+        }
+        processEnterTextDialogResponse(event, pending);
+        if (!pending.hasBatchQueued) {
+            setMemoriTyping(false);
+            setTypingText(undefined);
+        }
+    }, [processEnterTextDialogResponse, clearEnterTextPending]);
+    const registerPendingEnterText = (0, react_1.useCallback)((correlationID, pending) => {
+        const buffered = bufferedNatsResponsesRef.current.get(correlationID);
+        if (buffered) {
+            bufferedNatsResponsesRef.current.delete(correlationID);
+            pendingEnterTextRef.current.set(correlationID, pending);
+            deliverEnterTextNatsResponse(correlationID, buffered);
+            return;
+        }
+        pendingEnterTextRef.current.set(correlationID, pending);
+    }, [deliverEnterTextNatsResponse]);
+    const waitForEnterTextNatsResponse = (0, react_1.useCallback)((correlationID, timeoutMs = 120000) => new Promise((resolve, reject) => {
+        const timeoutId = setTimeout(() => {
+            const current = pendingEnterTextRef.current.get(correlationID);
+            if (current) {
+                clearEnterTextPending(correlationID, current);
+            }
+            logWidgetError('NATS timeout', { correlationID, timeoutMs });
+            reject(new Error('NATS enter-text response timeout'));
+        }, timeoutMs);
+        registerPendingEnterText(correlationID, {
+            waitForResponse: {
+                resolve: event => {
+                    clearTimeout(timeoutId);
+                    resolve(event);
+                },
+                reject: error => {
+                    clearTimeout(timeoutId);
+                    reject(error);
+                },
+                timeoutId,
+            },
+        });
+    }), [registerPendingEnterText, clearEnterTextPending]);
+    (0, useNats_1.useNats)({
+        baseUrl,
+        sessionId,
+        onProgress: (0, react_1.useCallback)((event) => {
+            if (event.message) {
+                setTypingText(event.message);
+            }
+        }, []),
+        onDialogResponse: (0, react_1.useCallback)((event) => {
+            const correlationID = event.correlationID;
+            if (!correlationID) {
+                logWidgetError('NATS dialog response missing correlationID', event);
+                setMemoriTyping(false);
+                setTypingText(undefined);
+                return;
+            }
+            deliverEnterTextNatsResponse(correlationID, event);
+        }, [deliverEnterTextNatsResponse]),
+        onError: deliverEnterTextNatsError,
+    });
     const focusChatInput = () => {
         let textarea = document.querySelector('#chat-fieldset textarea');
         if (textarea && enableFocusChatInput) {
@@ -1272,7 +1547,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             timeoutRef.current = undefined;
             ttsStop();
         }
-        catch (e) {
+        catch (_a) {
         }
     };
     (0, react_1.useEffect)(() => {
@@ -1310,9 +1585,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, []);
     const [attachmentsMenuOpen, setAttachmentsMenuOpen] = (0, react_1.useState)();
     const globalBackground = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.globalBackground;
-    const globalBackgroundUrl = globalBackground
-        ? `url(${globalBackground})`
-        : null;
     const integrationProperties = (integration ? getChatStyles(integrationConfig) : {});
     const integrationSelectors = [
         preview ? '#preview' : null,
@@ -1344,7 +1616,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
   }`);
     }
     if (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) {
-        integrationStylesheetParts.push('.memori-widget .memori--global-background { filter: blur(5px); }');
+        integrationStylesheetParts.push('.memori-widget .memori-chat--history--has-global-background::before { filter: blur(5px); }');
     }
     const integrationStylesheet = `@layer integration {
   ${integrationStylesheetParts.join('\n  ')}
@@ -1435,7 +1707,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
     const onClickStart = (0, react_1.useCallback)(async (session, initialSessionExpired = false, chatLog, targetSessionID) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const sessionID = chatLog ? undefined : (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
         const dialogState = chatLog
             ? undefined
@@ -1452,9 +1724,15 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             setPositionPopoverOpenState(true);
             return;
         }
+        if (!(await checkCredits({ notify: true }))) {
+            setClickedStart(false);
+            setLoading(false);
+            return;
+        }
         if (!sessionID && !!minAge && !birth) {
             setShowAgeVerification(true);
             setClickedStart(false);
+            return;
         }
         else if ((!sessionID &&
             memori.privacyType !== 'PUBLIC' &&
@@ -1467,83 +1745,95 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             return;
         }
         else if (!sessionID || initialSessionExpired) {
-            setClickedStart(false);
             setGotErrorInOpening(false);
-            const session = await fetchSession({
-                memoriID: memori.engineMemoriID,
-                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: {
-                    LANG: userLang,
-                    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()) || '',
-                    ...((!chatLog
-                        ? initialContextVars
-                        : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
-                },
-                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: ((_k = userLang !== null && userLang !== void 0 ? userLang : (_j = (_h = memori.culture) === null || _h === void 0 ? void 0 : _h.split('-')) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 'IT').toLowerCase(),
-                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
-                },
-            });
-            if (session === null || session === void 0 ? void 0 : session.dialogState) {
-                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 => constants_1.allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
-                                mediumID: `${i}-${m.mimeType}`,
-                                ...m,
-                            })),
-                            fromUser: l.inbound,
-                            llmUsage: l.llmUsage,
-                            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 {
+            if (sessionStartingRef.current) {
+                return;
+            }
+            sessionStartingRef.current = true;
+            try {
+                const session = await fetchSession({
+                    memoriID: memori.engineMemoriID,
+                    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: {
+                        LANG: userLang,
+                        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()) ||
+                            '',
+                        ...((!chatLog
+                            ? initialContextVars
+                            : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
+                    },
+                    initialQuestion: chatLog ? undefined : initialQuestion,
+                    birthDate: birth,
+                    additionalInfo: {
+                        ...(additionalInfo || {}),
+                        loginToken: resolveLoginToken(),
+                        language: ((_h = userLang !== null && userLang !== void 0 ? userLang : (_g = (_f = memori.culture) === null || _f === void 0 ? void 0 : _f.split('-')) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : 'IT').toLowerCase(),
+                        timeZoneOffset: new Date().getTimezoneOffset().toString(),
+                    },
+                });
+                if (session === null || session === void 0 ? void 0 : session.dialogState) {
+                    if (!chatLog) {
+                        setHistory([]);
+                        await translateAndSpeak(session.dialogState, userLang);
+                        setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
+                    }
+                    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 => constants_1.allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
+                                    mediumID: `${i}-${m.mimeType}`,
                                     ...m,
-                                    originalText: m.text,
-                                    text: (await (0, translations_1.getTranslation)(m.text, userLang, language, baseUrl)).text,
-                                };
-                            }));
-                        }
-                        catch (e) {
-                            console.error('[onClickStart] Error translating messages:', e);
+                                })),
+                                fromUser: l.inbound,
+                                llmUsage: l.llmUsage,
+                                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 (0, translations_1.getTranslation)(m.text, userLang, language, baseUrl)).text,
+                                    };
+                                }));
+                            }
+                            catch (_u) {
+                            }
                         }
+                        setHistory(translatedMessages);
+                        translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
+                            setHasUserActivatedSpeak(true);
+                            setClickedStart(false);
+                        });
                     }
-                    setHistory(translatedMessages);
-                    translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
-                        setHasUserActivatedSpeak(true);
-                    });
+                }
+                else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
+                    sessionStartingRef.current = false;
+                    await onClickStart(session || undefined);
+                }
+                else {
+                    setLoading(false);
+                    setClickedStart(false);
                 }
             }
-            else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
-                await onClickStart(session || undefined);
-            }
-            else {
-                setLoading(false);
+            finally {
+                sessionStartingRef.current = false;
             }
             return;
         }
@@ -1552,9 +1842,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             const { currentState, ...response } = await getSession(sessionID);
             if (response.resultCode !== 0 || !currentState) {
                 const { chatLogs } = await getSessionChatLogs(sessionID, sessionID);
-                setGotErrorInOpening(true);
                 setSessionId(undefined);
-                setClickedStart(false);
                 await onClickStart(undefined, true, chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]);
                 return;
             }
@@ -1566,21 +1854,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     const session = await changeTag(memori.engineMemoriID, sessionID, personification.tag, personification.pin);
                     if (session && session.resultCode === 0) {
                         await translateAndSpeak(session.currentState, userLang);
+                        setClickedStart(false);
                     }
                     else {
                         throw new Error('No session');
                     }
                 }
-                catch (e) {
-                    console.error('[onClickStart] Error changing tag:', e);
+                catch (_v) {
                     reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, personification.tag, personification.pin, {
                         LANG: userLang,
-                        PATHNAME: (_l = window.location.pathname) === null || _l === void 0 ? void 0 : _l.toUpperCase(),
-                        ROUTE: ((_p = (_o = (_m = window.location.pathname) === null || _m === void 0 ? void 0 : _m.split('/')) === null || _o === void 0 ? void 0 : _o.pop()) === null || _p === void 0 ? void 0 : _p.toUpperCase()) ||
+                        PATHNAME: (_j = window.location.pathname) === null || _j === void 0 ? void 0 : _j.toUpperCase(),
+                        ROUTE: ((_m = (_l = (_k = window.location.pathname) === null || _k === void 0 ? void 0 : _k.split('/')) === null || _l === void 0 ? void 0 : _l.pop()) === null || _m === void 0 ? void 0 : _m.toUpperCase()) ||
                             '',
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
                         setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
                     });
                 }
             }
@@ -1593,6 +1882,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     const session = await changeTag(memori.engineMemoriID, sessionID, constants_1.anonTag);
                     if (session && session.resultCode === 0) {
                         await translateAndSpeak(session.currentState, userLang);
+                        setClickedStart(false);
                     }
                     else {
                         throw new Error('No session');
@@ -1601,19 +1891,20 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 catch (e) {
                     reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, undefined, undefined, {
                         LANG: userLang,
-                        PATHNAME: (_q = window.location.pathname) === null || _q === void 0 ? void 0 : _q.toUpperCase(),
-                        ROUTE: ((_t = (_s = (_r = window.location.pathname) === null || _r === void 0 ? void 0 : _r.split('/')) === null || _s === void 0 ? void 0 : _s.pop()) === null || _t === void 0 ? void 0 : _t.toUpperCase()) ||
+                        PATHNAME: (_o = window.location.pathname) === null || _o === void 0 ? void 0 : _o.toUpperCase(),
+                        ROUTE: ((_r = (_q = (_p = window.location.pathname) === null || _p === void 0 ? void 0 : _p.split('/')) === null || _q === void 0 ? void 0 : _q.pop()) === null || _r === void 0 ? void 0 : _r.toUpperCase()) ||
                             '',
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
                         setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
                     });
                 }
             }
             else {
                 try {
                     const { chatLogs } = await getSessionChatLogs(sessionID, sessionID);
-                    const messages = (_u = chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]) === null || _u === void 0 ? void 0 : _u.lines.map((l, i) => {
+                    const messages = (_s = chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]) === null || _s === void 0 ? void 0 : _s.lines.map((l, i) => {
                         var _a, _b;
                         return ({
                             text: l.text,
@@ -1638,31 +1929,28 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 text: (await (0, translations_1.getTranslation)(m.text, userLang, language, baseUrl)).text,
                             })));
                         }
-                        catch (e) {
-                            console.error('[onClickStart] Error translating messages:', e);
+                        catch (_w) {
                         }
                     }
                     setHistory(translatedMessages);
                 }
-                catch (e) {
-                    console.error('[onClickStart] Error retrieving chat logs:', e);
+                catch (_x) {
                 }
                 if ((!!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length) && translatedMessages.length > 1) ||
                     !initialQuestion) {
                     setHasUserActivatedSpeak(true);
+                    setClickedStart(false);
                     await translateAndSpeak(currentState, userLang, undefined, !!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length));
                 }
                 else {
-                    console.log('[onClickStart] Starting with initial question');
                     translatedMessages = [];
                     setHistory([]);
-                    setMemoriTyping(true);
                     const placeSpec = getPlaceSpecForEnterText(position);
-                    const response = await postTextEnteredEvent({
+                    const response = await postEnterTextAsync({
                         sessionId: sessionID,
                         text: initialQuestion,
                         ...(memori.needsDateTime && {
-                            dateUTC: (_v = luxon_1.DateTime.utc().toISO()) !== null && _v !== void 0 ? _v : undefined,
+                            dateUTC: (_t = luxon_1.DateTime.utc().toISO()) !== null && _t !== void 0 ? _t : undefined,
                         }),
                         ...(placeSpec !== undefined && { place: placeSpec }),
                     });
@@ -1678,51 +1966,93 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 date: new Date().toISOString(),
                             },
                         ]);
-                        setMemoriTyping(false);
                         return;
                     }
-                    await translateAndSpeak((_w = response.currentState) !== null && _w !== void 0 ? _w : currentState, userLang, undefined, false);
+                    const onClickStartCorrelationID = readCorrelationID(response);
+                    if (response.resultCode === 0 && onClickStartCorrelationID) {
+                        setMemoriTyping(true);
+                        try {
+                            const natsEvent = await waitForEnterTextNatsResponse(onClickStartCorrelationID);
+                            if (natsEvent.resultCode === 0 && natsEvent.currentState) {
+                                await translateAndSpeak(natsEvent.currentState, userLang, undefined, false);
+                                setClickedStart(false);
+                            }
+                        }
+                        catch (err) {
+                            logWidgetError('onClickStart NATS wait failed', err);
+                            setMemoriTyping(false);
+                            setTypingText(undefined);
+                        }
+                    }
+                    else if (response.resultCode === 0) {
+                        logWidgetError('onClickStart enter-text missing correlationID', response);
+                    }
                 }
             }
         }
         else {
             setHistory([]);
             await translateAndSpeak(dialogState, userLang);
+            setClickedStart(false);
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     const setPositionPopoverOpen = (0, react_1.useCallback)((open) => {
-        setPositionPopoverOpenState(open);
-        if (!open && autoStart) {
-            onClickStart();
-        }
+        setPositionPopoverOpenState(wasOpen => {
+            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart)) {
+                queueMicrotask(() => {
+                    onClickStart();
+                });
+            }
+            return open;
+        });
     }, [autoStart, onClickStart]);
     (0, react_1.useEffect)(() => {
-        if (!clickedStart && autoStart && selectedLayout !== 'HIDDEN_CHAT') {
+        if (!clickedStart &&
+            !sessionStartingRef.current &&
+            !sessionId &&
+            autoStart &&
+            selectedLayout !== 'HIDDEN_CHAT' &&
+            (!needsCredits || hasEnoughCredits)) {
             onClickStart();
         }
-    }, [clickedStart, autoStart, selectedLayout]);
+    }, [
+        clickedStart,
+        autoStart,
+        selectedLayout,
+        sessionId,
+        needsCredits,
+        hasEnoughCredits,
+    ]);
     (0, react_1.useEffect)(() => {
+        var _a;
         const targetNode = document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
             document.querySelector(`memori-client[memoriid="${memori.memoriID}"]`) ||
             document.querySelector('memori-client');
         if (!targetNode) {
             return;
         }
+        const propsToken = (_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken;
+        const initialDomToken = targetNode.getAttribute('authtoken') || undefined;
+        if (initialDomToken && !propsToken) {
+            setLoginToken(initialDomToken);
+            userTokenRef.current = initialDomToken;
+        }
+        const applyAuthTokenFromElement = (element) => {
+            var _a;
+            const clientNode = element.nodeName === 'MEMORI-CLIENT'
+                ? element
+                : (_a = element.closest('memori-client')) !== null && _a !== void 0 ? _a : element.parentElement;
+            const token = (clientNode === null || clientNode === void 0 ? void 0 : clientNode.getAttribute('authtoken')) || undefined;
+            setLoginToken(token);
+            userTokenRef.current = token;
+        };
         const config = { attributes: true, childList: false, subtree: false };
-        const callback = (mutationList, _observer) => {
-            var _a, _b, _c;
+        const callback = mutationList => {
+            var _a;
             for (const mutation of mutationList) {
                 if (mutation.type === 'attributes' &&
                     ((_a = mutation.attributeName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'authtoken') {
-                    if (mutation.target.nodeName === 'MEMORI-CLIENT') {
-                        setLoginToken(mutation.target.getAttribute('authtoken') || undefined);
-                        userToken = mutation.target.getAttribute('authtoken') || undefined;
-                    }
-                    else {
-                        setLoginToken(((_c = (_b = mutation.target) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.getAttribute('authtoken')) ||
-                            undefined);
-                        userToken = mutation.target.getAttribute('authtoken') || undefined;
-                    }
+                    applyAuthTokenFromElement(mutation.target);
                 }
             }
         };
@@ -1731,7 +2061,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         return () => {
             observer.disconnect();
         };
-    }, []);
+    }, [memori.name, memori.memoriID, additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken]);
     const [experts, setExperts] = (0, react_1.useState)();
     const fetchExperts = (0, react_1.useCallback)(async () => {
         if (!sessionId || !(memori === null || memori === void 0 ? void 0 : memori.enableBoardOfExperts))
@@ -1741,12 +2071,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (resp.resultCode === 0) {
                 setExperts(experts);
             }
-            else {
-                console.warn('Error fetching experts', resp);
-            }
         }
-        catch (err) {
-            console.warn(err);
+        catch (_a) {
         }
     }, [sessionId, memori === null || memori === void 0 ? void 0 : memori.enableBoardOfExperts]);
     (0, react_1.useEffect)(() => {
@@ -1756,11 +2082,26 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         !!loginToken &&
         !!(user === null || user === void 0 ? void 0 : user.userID) &&
         (user === null || user === void 0 ? void 0 : user.pAndCUAccepted);
-    const needsCredits = tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation;
-    const [hasEnoughCredits, setHasEnoughCredits] = (0, react_1.useState)(true);
-    const checkCredits = (0, react_1.useCallback)(async () => {
+    const handleNotEnoughCredits = (0, react_1.useCallback)(() => {
+        setHasEnoughCredits(false);
+        setAuthModalState(null);
+        add((0, ui_1.createAlertOptions)({
+            description: t('notEnoughCredits'),
+            severity: 'error',
+        }));
+    }, [add, t]);
+    const checkCredits = (0, react_1.useCallback)(async (options) => {
         if (!(tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation))
-            return;
+            return true;
+        if (!ownerUserID && !ownerUserName) {
+            if (options === null || options === void 0 ? void 0 : options.notify) {
+                handleNotEnoughCredits();
+            }
+            else {
+                setHasEnoughCredits(false);
+            }
+            return false;
+        }
         try {
             const resp = await (0, credits_1.getCredits)({
                 operation: deepThoughtEnabled
@@ -1773,22 +2114,36 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             });
             if (resp.enough) {
                 setHasEnoughCredits(true);
+                return true;
             }
             else {
-                setHasEnoughCredits(false);
-                console.warn('Not enough credits. Required:', resp.required);
+                if (options === null || options === void 0 ? void 0 : options.notify) {
+                    handleNotEnoughCredits();
+                }
+                else {
+                    setHasEnoughCredits(false);
+                }
+                return false;
             }
         }
-        catch (e) {
-            let err = e;
-            console.debug(err);
+        catch (err) {
+            logWidgetError('checkCredits failed', err);
+            return true;
         }
-    }, [tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation, deepThoughtEnabled]);
+    }, [
+        baseUrl,
+        deepThoughtEnabled,
+        handleNotEnoughCredits,
+        ownerUserID,
+        ownerUserName,
+        tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation,
+        tenantID,
+    ]);
     (0, react_1.useEffect)(() => {
         if (tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation) {
             checkCredits();
         }
-    }, [tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation, deepThoughtEnabled]);
+    }, [tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation, deepThoughtEnabled, checkCredits]);
     (0, react_1.useEffect)(() => {
         if (__WEBCOMPONENT__)
             return;
@@ -1807,16 +2162,16 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ? selectedLayout !== 'TOTEM' && selectedLayout !== 'WEBSITE_ASSISTANT'
         : !showOnlyLastMessages;
     const canShowLoginButton = !(tenant === null || tenant === void 0 ? void 0 : tenant.ssoLogin) &&
-        ((_w = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _w !== void 0 ? _w : memori.requireLoginToken);
+        ((_y = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _y !== void 0 ? _y : memori.requireLoginToken);
     const headerProps = {
         memori: {
             ...memori,
-            ownerUserID: (_y = (_x = memori.ownerUserID) !== null && _x !== void 0 ? _x : ownerUserID) !== null && _y !== void 0 ? _y : undefined,
+            ownerUserID: (_0 = (_z = memori.ownerUserID) !== null && _z !== void 0 ? _z : ownerUserID) !== null && _0 !== void 0 ? _0 : undefined,
         },
         apiClient: client,
         tenant,
         history,
-        showShare: (_z = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _z !== void 0 ? _z : true,
+        showShare: (_1 = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _1 !== void 0 ? _1 : true,
         position,
         layout: selectedLayout,
         additionalSettings,
@@ -1826,18 +2181,18 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setShowSettingsDrawer,
         setShowKnownFactsDrawer,
         setShowExpertsDrawer,
-        enableAudio: (_0 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _0 !== void 0 ? _0 : true,
+        enableAudio: (_2 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _2 !== void 0 ? _2 : true,
         speakerMuted: speakerMuted !== null && speakerMuted !== void 0 ? speakerMuted : false,
         setSpeakerMuted: (mute) => {
             toggleMute(mute);
         },
         setShowChatHistoryDrawer,
-        showSettings: (_1 = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _1 !== void 0 ? _1 : true,
-        showChatHistory: (_2 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _2 !== void 0 ? _2 : true,
+        showSettings: (_3 = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _3 !== void 0 ? _3 : true,
+        showChatHistory: (_4 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _4 !== void 0 ? _4 : true,
         showMessageConsumption: enableMessageConsumption,
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
-        showClear: (_3 = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _3 !== void 0 ? _3 : false,
+        showClear: (_5 = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _5 !== void 0 ? _5 : false,
         clearHistory: () => setHistory(h => h.slice(-1)),
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
@@ -1852,7 +2207,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 setShowLoginDrawer(false);
                 setUser(undefined);
                 setLoginToken(undefined);
-                userToken = undefined;
+                userTokenRef.current = undefined;
                 (0, configuration_1.removeLocalConfig)('loginToken');
             });
         },
@@ -1868,7 +2223,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasUserActivatedSpeak,
         isPlayingAudio: isPlayingAudio &&
             !speakerMuted &&
-            ((_4 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _4 !== void 0 ? _4 : true),
+            ((_6 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _6 !== void 0 ? _6 : true),
         loading: !!memoriTyping,
         baseUrl,
         apiUrl: client.constants.BACKEND_URL,
@@ -1898,7 +2253,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         notEnoughCredits: needsCredits && !hasEnoughCredits,
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
-        showChatHistory: (_5 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _5 !== void 0 ? _5 : true,
+        showChatHistory: (_7 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _7 !== void 0 ? _7 : true,
         setShowChatHistoryDrawer,
         user,
     };
@@ -1908,7 +2263,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_10 = ((_9 = (_8 = (_7 = (_6 = memori.culture) === null || _6 === void 0 ? void 0 : _6.split('-')) === null || _7 === void 0 ? void 0 : _7[0]) !== null && _8 !== void 0 ? _8 : i18n.language) !== null && _9 !== void 0 ? _9 : 'IT')) === null || _10 === void 0 ? void 0 : _10.toUpperCase())
+                ((_12 = ((_11 = (_10 = (_9 = (_8 = memori.culture) === null || _8 === void 0 ? void 0 : _8.split('-')) === null || _9 === void 0 ? void 0 : _9[0]) !== null && _10 !== void 0 ? _10 : i18n.language) !== null && _11 !== void 0 ? _11 : 'IT')) === null || _12 === void 0 ? void 0 : _12.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
@@ -1916,9 +2271,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         layout,
         memoriTyping,
         typingText,
-        showTypingText: (_11 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _11 !== void 0 ? _11 : false,
+        showTypingText: (_13 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _13 !== void 0 ? _13 : false,
         history: showFullHistory ? history : history.slice(-2),
-        authToken: (_13 = (_12 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _12 !== void 0 ? _12 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _13 !== void 0 ? _13 : authToken,
+        authToken: resolveLoginToken(),
         dialogState: currentDialogState,
         pushMessage,
         simulateUserPrompt,
@@ -1968,8 +2323,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         maxTotalMessagePayload,
         maxTextareaCharacters,
         isChatlogPanel: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.artifactChatLogPanel) === true,
+        globalBackground: globalBackground || undefined,
     };
-    const integrationBackground = integration && globalBackgroundUrl ? ((0, jsx_runtime_1.jsx)("div", { className: "memori--global-background", children: (0, jsx_runtime_1.jsx)("div", { className: "memori--global-background-image", style: { backgroundImage: globalBackgroundUrl } }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori--global-background no-background-image" }));
+    const integrationBackground = ((0, jsx_runtime_1.jsx)("div", { className: "memori--global-background no-background-image" }));
     const integrationStyle = integration &&
         (Object.keys(integrationProperties).length > 0 ||
             (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground)) ? ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
@@ -1989,7 +2345,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             : selectedLayout === 'ZOOMED_FULL_BODY'
                                 ? ZoomedFullBody_1.default
                                 : FullPage_1.default;
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: widgetRootRef, className: (0, classnames_1.default)('memori', 'memori-widget', `memori-layout-${String(selectedLayout).toLowerCase()}`, `memori-controls-${String(controlsPosition).toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
+    const widgetTheme = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'light' || (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'dark'
+        ? integrationConfig.theme
+        : isDarkTheme
+            ? 'dark'
+            : undefined;
+    return ((0, jsx_runtime_1.jsx)("div", { ref: setWidgetRootEl, className: (0, classnames_1.default)('memori', 'memori-widget', `memori-layout-${String(selectedLayout).toLowerCase()}`, `memori-controls-${String(controlsPosition).toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
             'memori--auto-start': autoStart,
             'memori--preview': preview,
             'memori--embed': embed,
@@ -1998,138 +2359,135 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             'memori--active': hasUserActivatedSpeak,
             'memori--hide-emissions': hideEmissions,
             'memori--has-active-session': !!sessionId,
-        }), "data-theme": (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'light' ||
-            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'dark'
-            ? integrationConfig.theme
-            : undefined, "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({
+        }), "data-theme": widgetTheme, "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: [(0, jsx_runtime_1.jsx)(Layout, { Header: Header_1.default, headerProps: headerProps, Avatar: Avatar_1.default, avatarProps: avatarProps, Chat: Chat_1.default, chatProps: chatProps, StartPanel: StartPanel_1.default, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
-                    setHistory(history => {
-                        if (!history.length)
-                            return history;
-                        const lastMessage = history[history.length - 1];
-                        if (!lastMessage || lastMessage.fromUser)
-                            return history;
-                        const updatedLastMessage = {
-                            ...lastMessage,
-                            text: lastMessage.text + message.text,
-                        };
-                        return [...history.slice(0, -1), updatedLastMessage];
-                    });
-                } }), (0, jsx_runtime_1.jsx)("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && ((0, jsx_runtime_1.jsx)(Auth_1.default, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: (values) => {
-                    var _a, _b, _c, _d;
-                    if (values['password'])
-                        setMemoriPwd(values['password']);
-                    if (values['password'])
-                        memoriPassword = values['password'];
-                    if (values['tokens'])
-                        setMemoriTokens(values['tokens']);
-                    return reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
-                        LANG: userLang,
-                        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 || {}),
-                    }, initialQuestion, birthDate)
-                        .then(state => {
-                        if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
-                            throw new Error('AUTH_FAILED');
-                        }
-                        setAuthModalState(null);
-                        if (state === null || state === void 0 ? void 0 : state.dialogState) {
-                            setHasUserActivatedSpeak(true);
-                        }
-                        else {
-                            onClickStart(state);
-                        }
-                    })
-                        .catch(error => {
-                        if (!(error instanceof Error) ||
-                            error.message !== 'AUTH_FAILED') {
-                            setGotErrorInOpening(true);
-                        }
-                        throw error;
-                    });
-                }, minimumNumberOfRecoveryTokens: (_17 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _17 !== void 0 ? _17 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
-                    var _a, _b, _c, _d;
-                    if (birthDate) {
-                        setBirthDate(birthDate);
-                        (0, configuration_1.setLocalConfig)('birthDate', birthDate);
-                        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, {
-                            LANG: userLang,
-                            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 || {}),
-                        }, initialQuestion, birthDate)
-                            .then(state => {
-                            setShowAgeVerification(false);
-                            setAuthModalState(null);
-                            onClickStart(state || undefined);
-                        })
-                            .catch(() => {
-                            setShowAgeVerification(false);
-                            setGotErrorInOpening(true);
-                        });
-                    }
-                    else {
-                        setShowAgeVerification(false);
-                        setClickedStart(false);
-                    }
-                } })), showSettingsDrawer && ((0, jsx_runtime_1.jsx)(SettingsDrawer_1.default, { 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 && ((0, jsx_runtime_1.jsx)(ChatHistory_1.default, { 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 })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { 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) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
-                    ? 'memori-drawer--above-website-assistant'
-                    : undefined, onLogin: (user, token) => {
-                    var _a, _b, _c, _d;
-                    reopenSession(false, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), [], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
-                        LANG: userLang,
-                        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 || {}),
-                    }, undefined, birthDate, { loginToken: token }, undefined, sessionId).then(state => {
-                        var _a, _b;
-                        setShowLoginDrawer(false);
-                        setUser(user);
-                        setLoginToken(token);
-                        userToken = token;
-                        (0, configuration_1.setLocalConfig)('loginToken', token);
-                        if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
-                            state.sessionID !== sessionId &&
-                            (state === null || state === void 0 ? void 0 : state.dialogState)) {
-                            const username = (user === null || user === void 0 ? void 0 : user.userName) || t('login.user');
-                            pushMessage({
-                                text: '',
-                                emitter: state.dialogState.emitter,
-                                media: (_b = (_a = state.dialogState.emittedMedia) !== null && _a !== void 0 ? _a : state.dialogState.media) !== null && _b !== void 0 ? _b : [],
-                                fromUser: false,
-                                initial: t('login.successfullyLoggedIn', { username }),
-                                contextVars: state.dialogState.contextVars,
-                                date: state.dialogState.currentDate,
-                                placeName: state.dialogState.currentPlaceName,
-                                placeLatitude: state.dialogState.currentLatitude,
-                                placeLongitude: state.dialogState.currentLongitude,
-                                placeUncertaintyKm: state.dialogState.currentUncertaintyKm,
-                                tag: state.dialogState.currentTag,
-                                memoryTags: state.dialogState.memoryTags,
-                            });
-                            setCurrentDialogState(state.dialogState);
-                        }
-                    });
-                }, setUser: setUser, onLogout: () => {
-                    if (!loginToken)
-                        return;
-                    client.backend.pwlUserLogout(loginToken).then(() => {
-                        setShowLoginDrawer(false);
-                        setUser(undefined);
-                        setLoginToken(undefined);
-                        userToken = undefined;
-                        (0, configuration_1.removeLocalConfig)('loginToken');
-                    });
-                } }))] }));
+        }), style: { height }, children: (0, jsx_runtime_1.jsx)(ui_1.MemoriUIProvider, { container: widgetRootEl, theme: widgetTheme, children: (0, jsx_runtime_1.jsx)(widgetSurfaceContext_1.WidgetSurfaceProvider, { value: widgetSurfaceEl, children: (0, jsx_runtime_1.jsxs)("div", { ref: setWidgetSurfaceEl, className: "memori-widget__surface", children: [(0, jsx_runtime_1.jsx)(Layout, { Header: Header_1.default, headerProps: headerProps, Avatar: Avatar_1.default, avatarProps: avatarProps, Chat: Chat_1.default, chatProps: chatProps, StartPanel: StartPanel_1.default, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden, totemContentMaxWidth: integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.totemContentMaxWidth }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
+                                setHistory(history => {
+                                    if (!history.length)
+                                        return history;
+                                    const lastMessage = history[history.length - 1];
+                                    if (!lastMessage || lastMessage.fromUser)
+                                        return history;
+                                    const updatedLastMessage = {
+                                        ...lastMessage,
+                                        text: lastMessage.text + message.text,
+                                    };
+                                    return [...history.slice(0, -1), updatedLastMessage];
+                                });
+                            } }), (0, jsx_runtime_1.jsx)("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && ((0, jsx_runtime_1.jsx)(Auth_1.default, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: (values) => {
+                                var _a, _b, _c, _d;
+                                if (values['password'])
+                                    setMemoriPwd(values['password']);
+                                if (values['password'])
+                                    memoriPassword = values['password'];
+                                if (values['tokens'])
+                                    setMemoriTokens(values['tokens']);
+                                return reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
+                                    LANG: userLang,
+                                    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 || {}),
+                                }, initialQuestion, birthDate)
+                                    .then(state => {
+                                    if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
+                                        throw new Error('AUTH_FAILED');
+                                    }
+                                    setAuthModalState(null);
+                                    if (state === null || state === void 0 ? void 0 : state.dialogState) {
+                                        setHasUserActivatedSpeak(true);
+                                    }
+                                    else {
+                                        onClickStart(state);
+                                    }
+                                })
+                                    .catch(error => {
+                                    if (!(error instanceof Error) ||
+                                        error.message !== 'AUTH_FAILED') {
+                                        setGotErrorInOpening(true);
+                                    }
+                                    throw error;
+                                });
+                            }, minimumNumberOfRecoveryTokens: (_17 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _17 !== void 0 ? _17 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                                var _a, _b, _c, _d;
+                                if (birthDate) {
+                                    setBirthDate(birthDate);
+                                    (0, configuration_1.setLocalConfig)('birthDate', birthDate);
+                                    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, {
+                                        LANG: userLang,
+                                        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 || {}),
+                                    }, initialQuestion, birthDate)
+                                        .then(state => {
+                                        setShowAgeVerification(false);
+                                        setAuthModalState(null);
+                                        onClickStart(state || undefined);
+                                    })
+                                        .catch(() => {
+                                        setShowAgeVerification(false);
+                                        setGotErrorInOpening(true);
+                                    });
+                                }
+                                else {
+                                    setShowAgeVerification(false);
+                                    setClickedStart(false);
+                                }
+                            } })), showSettingsDrawer && ((0, jsx_runtime_1.jsx)(SettingsDrawer_1.default, { 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 && ((0, jsx_runtime_1.jsx)(ChatHistory_1.default, { 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 })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { 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) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
+                                ? 'memori-drawer--above-website-assistant'
+                                : undefined, onLogin: (user, token) => {
+                                var _a, _b, _c, _d;
+                                reopenSession(false, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), [], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
+                                    LANG: userLang,
+                                    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 || {}),
+                                }, undefined, birthDate, { loginToken: token }, undefined, sessionId).then(state => {
+                                    var _a, _b;
+                                    setShowLoginDrawer(false);
+                                    setUser(user);
+                                    setLoginToken(token);
+                                    userTokenRef.current = token;
+                                    (0, configuration_1.setLocalConfig)('loginToken', token);
+                                    if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
+                                        state.sessionID !== sessionId &&
+                                        (state === null || state === void 0 ? void 0 : state.dialogState)) {
+                                        const username = (user === null || user === void 0 ? void 0 : user.userName) || t('login.user');
+                                        pushMessage({
+                                            text: '',
+                                            emitter: state.dialogState.emitter,
+                                            media: (_b = (_a = state.dialogState.emittedMedia) !== null && _a !== void 0 ? _a : state.dialogState.media) !== null && _b !== void 0 ? _b : [],
+                                            fromUser: false,
+                                            initial: t('login.successfullyLoggedIn', {
+                                                username,
+                                            }),
+                                            contextVars: state.dialogState.contextVars,
+                                            date: state.dialogState.currentDate,
+                                            placeName: state.dialogState.currentPlaceName,
+                                            placeLatitude: state.dialogState.currentLatitude,
+                                            placeLongitude: state.dialogState.currentLongitude,
+                                            placeUncertaintyKm: state.dialogState.currentUncertaintyKm,
+                                            tag: state.dialogState.currentTag,
+                                            memoryTags: state.dialogState.memoryTags,
+                                        });
+                                        setCurrentDialogState(state.dialogState);
+                                    }
+                                });
+                            }, setUser: setUser, onLogout: () => {
+                                if (!loginToken)
+                                    return;
+                                client.backend.pwlUserLogout(loginToken).then(() => {
+                                    setShowLoginDrawer(false);
+                                    setUser(undefined);
+                                    setLoginToken(undefined);
+                                    userTokenRef.current = undefined;
+                                    (0, configuration_1.removeLocalConfig)('loginToken');
+                                });
+                            } }))] }) }) }) }));
 };
 exports.default = MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map