@memori.ai/memori-react 9.0.0-alpha.8 → 9.0.0-rc.0

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogStateFingerprint = dialogStateFingerprint;
 exports.getChatStyles = getChatStyles;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -12,7 +13,6 @@ const memori_api_client_1 = tslib_1.__importDefault(require("@memori.ai/memori-a
 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"));
@@ -36,6 +36,7 @@ const translations_1 = require("../../helpers/translations");
 const configuration_1 = require("../../helpers/configuration");
 const utils_1 = require("../../helpers/utils");
 const ttsVoiceUtility_1 = require("../../helpers/tts/ttsVoiceUtility");
+const muteSpeaker_1 = require("../../helpers/tts/muteSpeaker");
 const constants_1 = require("../../helpers/constants");
 const error_1 = require("../../helpers/error");
 const credits_1 = require("../../helpers/credits");
@@ -83,6 +84,21 @@ function readCorrelationID(response) {
     const value = response.correlationID;
     return typeof value === 'string' && value.length > 0 ? value : undefined;
 }
+function dialogStateFingerprint(state) {
+    if (!state)
+        return '';
+    return JSON.stringify({
+        state: state.state,
+        previousState: state.previousState,
+        emission: state.emission,
+        emitter: state.emitter,
+        lastMatchedMemoryID: state.lastMatchedMemoryID,
+        currentDate: state.currentDate,
+        currentMemoryID: state.currentMemoryID,
+        contextVars: state.contextVars,
+        emittedMedia: state.emittedMedia,
+    });
+}
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
         detail: {
@@ -186,23 +202,12 @@ function getChatStyles(config) {
     const primaryContent = (_a = config === null || config === void 0 ? void 0 : config.buttonTextColor) !== null && _a !== void 0 ? _a : '#ffffff';
     return {
         '--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-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-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-icon-active-bg': 'color-mix(in oklch, var(--memori-primary) 12%, transparent)',
+        '--memori-icon-recording-bg': 'color-mix(in oklch, var(--memori-error) 12%, transparent)',
     };
 }
-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, }) => {
+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, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height: heightProp, 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, }) => {
     var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const { add, close } = (0, ui_1.useAlertManager)();
@@ -216,24 +221,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
     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;
-        if (!widgetRootEl)
-            return;
-        const check = () => {
-            setIsDarkTheme(!!widgetRootEl.closest('[data-theme="dark"]'));
-        };
-        check();
-        const observer = new MutationObserver(check);
-        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);
@@ -360,8 +347,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         if (layoutName === 2 || layoutName === '2')
             return 'FULLPAGE';
-        return 'DEFAULT';
+        return 'FULLPAGE';
     })();
+    const height = heightProp !== null && heightProp !== void 0 ? heightProp : '100%';
     const piiDetection = layout &&
         typeof layout === 'object' &&
         layout !== null &&
@@ -377,6 +365,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [hasUserActivatedListening, setHasUserActivatedListening] = (0, react_1.useState)(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = (0, react_1.useState)(false);
     const [positionPopoverOpen, setPositionPopoverOpenState] = (0, react_1.useState)(false);
+    const [autoStartPositionGeolocation, setAutoStartPositionGeolocation] = (0, react_1.useState)(false);
     const [showSettingsDrawer, setShowSettingsDrawer] = (0, react_1.useState)(false);
     const [showChatHistoryDrawer, setShowChatHistoryDrawer] = (0, react_1.useState)(false);
     const [showKnownFactsDrawer, setShowKnownFactsDrawer] = (0, react_1.useState)(false);
@@ -387,14 +376,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [enablePositionControls, setEnablePositionControls] = (0, react_1.useState)(false);
     const [avatarType, setAvatarType] = (0, react_1.useState)(null);
     const [hideEmissions, setHideEmissions] = (0, react_1.useState)(false);
-    const [runtimeShowMessageConsumption, setRuntimeShowMessageConsumption] = (0, react_1.useState)(false);
     const speechSynthesizerRef = (0, react_1.useRef)(null);
     const [memoriSpeaking, setMemoriSpeaking] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         setMemoriSpeaking(!!speechSynthesizerRef.current);
     }, [speechSynthesizerRef.current]);
     (0, react_1.useEffect)(() => {
-        var _a, _b;
+        var _a;
         let defaultControlsPosition = 'bottom';
         let microphoneMode = (0, configuration_1.getLocalConfig)('microphoneMode', 'HOLD_TO_TALK');
         if (window.innerWidth <= 768) {
@@ -413,13 +401,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setControlsPosition((0, configuration_1.getLocalConfig)('controlsPosition', defaultControlsPosition));
         setAvatarType((0, configuration_1.getLocalConfig)('avatarType', 'avatar3d'));
         setHideEmissions((0, configuration_1.getLocalConfig)('hideEmissions', false));
-        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));
             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)) {
+        if (!((_a = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _a !== void 0 ? _a : true)) {
             (0, configuration_1.setLocalConfig)('muteSpeaker', true);
         }
     }, []);
@@ -584,6 +571,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (response.resultCode === 0 && correlationID) {
                 registerPendingEnterText(correlationID, {
                     msg,
+                    stateBeforeRequest: dialogStateFingerprint(currentDialogState),
                     text,
                     media,
                     translate,
@@ -840,7 +828,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [initialSessionID]);
     const fetchSession = async (params) => {
-        var _a, _b, _c, _d, _f, _g, _h;
+        var _a, _b, _c, _d, _f, _g, _h, _j;
         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,8 +836,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             return;
         }
         if (memori.privacyType !== 'PUBLIC' &&
+            !params.password &&
             !memori.secretToken &&
             !memoriPwd &&
+            !((_b = params.recoveryTokens) === null || _b === void 0 ? void 0 : _b.length) &&
             !memoriTokens) {
             setAuthModalState('password');
             return;
@@ -865,17 +855,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (_j) {
+            catch (_k) {
             }
             const session = await initSession({
                 ...params,
                 birthDate: userBirthDate,
-                tag: (_b = params.tag) !== null && _b !== void 0 ? _b : personification === null || personification === void 0 ? void 0 : personification.tag,
-                pin: (_c = params.pin) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.pin,
+                tag: (_c = params.tag) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: (_d = params.pin) !== null && _d !== void 0 ? _d : personification === null || personification === void 0 ? void 0 : personification.pin,
                 additionalInfo: {
                     ...(params.additionalInfo || additionalInfo || {}),
-                    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(),
+                    loginToken: resolveLoginToken((_f = params.additionalInfo) === null || _f === void 0 ? void 0 : _f.loginToken),
+                    language: ((_j = userLang !== null && userLang !== void 0 ? userLang : (_h = (_g = memori.culture) === null || _g === void 0 ? void 0 : _g.split('-')) === null || _h === void 0 ? void 0 : _h[0]) !== null && _j !== void 0 ? _j : 'IT').toLowerCase(),
                     referral: referral,
                     timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
@@ -931,15 +921,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         try {
             if (!userBirthDate && !!minAge) {
                 setShowAgeVerification(true);
+                setLoading(false);
                 return;
             }
             if (memori.privacyType !== 'PUBLIC' &&
                 !password &&
                 !memori.secretToken &&
                 !memoriPwd &&
-                !recoveryTokens &&
+                !(recoveryTokens === null || recoveryTokens === void 0 ? void 0 : recoveryTokens.length) &&
                 !memoriTokens) {
                 setAuthModalState('password');
+                setLoading(false);
                 return;
             }
             if (!(await checkCredits({ notify: true }))) {
@@ -1240,19 +1232,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         language: getCultureCodeByLanguage(userLang),
         tenant: tenantID,
     }), [ttsProvider, userLang]);
+    const resolvedDefaultSpeakerActive = (_x = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _x !== void 0 ? _x : true;
     const { speak: ttsSpeak, stop: ttsStop, isPlaying: isPlayingAudio, speakerMuted, toggleMute, hasUserActivatedSpeak, setHasUserActivatedSpeak, } = (0, useTTS_1.useTTS)(ttsConfig, {
         apiUrl: `${baseUrl}/api/tts`,
         continuousSpeech: continuousSpeech,
         preview: preview,
-    }, 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);
-        return (text &&
-            text.trim() &&
-            !preview &&
-            !currentSpeakerMuted &&
-            defaultEnableAudio);
-    };
+    }, autoStart, defaultEnableAudio, resolvedDefaultSpeakerActive);
+    const muteSpeakerFallback = (0, muteSpeaker_1.getMuteSpeakerFallback)(defaultEnableAudio, resolvedDefaultSpeakerActive, autoStart);
+    const shouldPlayAudio = (text) => (0, muteSpeaker_1.shouldPlayTtsAudio)({
+        text,
+        preview,
+        defaultEnableAudio,
+        defaultSpeakerActive: resolvedDefaultSpeakerActive,
+        autoStart,
+        speakerMuted,
+        storedMute: (0, configuration_1.getLocalConfig)('muteSpeaker', muteSpeakerFallback),
+    });
     const processSpeechAndSendMessage = (text) => {
         if (!text || text.trim().length === 0) {
             return;
@@ -1493,6 +1488,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             reject(new Error('NATS enter-text response timeout'));
         }, timeoutMs);
         registerPendingEnterText(correlationID, {
+            stateBeforeRequest: dialogStateFingerprint(currentDialogState),
             waitForResponse: {
                 resolve: event => {
                     clearTimeout(timeoutId);
@@ -1505,7 +1501,45 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 timeoutId,
             },
         });
-    }), [registerPendingEnterText, clearEnterTextPending]);
+    }), [registerPendingEnterText, clearEnterTextPending, currentDialogState]);
+    const catchUpPendingEnterText = (0, react_1.useCallback)(async () => {
+        if (!sessionId || pendingEnterTextRef.current.size === 0)
+            return;
+        const latest = Array.from(pendingEnterTextRef.current.entries()).pop();
+        if (!latest)
+            return;
+        const [correlationID, pending] = latest;
+        try {
+            const { currentState, resultCode, resultMessage, requestID } = await getSession(sessionId);
+            if (resultCode !== 0 || !currentState) {
+                deliverEnterTextNatsResponse(correlationID, {
+                    eventType: 'dialog_text_entered_response',
+                    correlationID,
+                    requestID,
+                    resultCode,
+                    resultMessage,
+                    currentState,
+                });
+                return;
+            }
+            if (dialogStateFingerprint(currentState) === pending.stateBeforeRequest) {
+                console.info('[NATS] catch-up: pending turn has not completed yet');
+                return;
+            }
+            console.info('[NATS] catch-up: applying current engine session state');
+            deliverEnterTextNatsResponse(correlationID, {
+                eventType: 'dialog_text_entered_response',
+                correlationID,
+                requestID,
+                resultCode,
+                resultMessage,
+                currentState,
+            });
+        }
+        catch (error) {
+            logWidgetError('NATS catch-up failed', error);
+        }
+    }, [sessionId, deliverEnterTextNatsResponse]);
     (0, useNats_1.useNats)({
         baseUrl,
         sessionId,
@@ -1525,6 +1559,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             deliverEnterTextNatsResponse(correlationID, event);
         }, [deliverEnterTextNatsResponse]),
         onError: deliverEnterTextNatsError,
+        onCatchUp: catchUpPendingEnterText,
     });
     const focusChatInput = () => {
         let textarea = document.querySelector('#chat-fieldset textarea');
@@ -1563,16 +1598,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, []);
     (0, react_1.useEffect)(() => {
         if (!isPlayingAudio &&
+            !memoriTyping &&
             continuousSpeech &&
             (hasUserActivatedListening || !requestedListening) &&
             sessionId &&
             !hasUserTypedMessage) {
             startRecording();
         }
-        else if (isPlayingAudio && isListening) {
+        else if ((isPlayingAudio || memoriTyping) && isListening) {
             stopRecording();
         }
-    }, [isPlayingAudio, hasUserActivatedListening, hasUserTypedMessage]);
+    }, [
+        isPlayingAudio,
+        hasUserActivatedListening,
+        hasUserTypedMessage,
+        memoriTyping,
+    ]);
     (0, react_1.useEffect)(() => {
         stopRecording();
     }, [language]);
@@ -1585,9 +1626,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,
@@ -1618,10 +1656,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     ${integrationCssBlock}
   }`);
     }
-    if (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) {
-        integrationStylesheetParts.push('.memori-widget .memori--global-background { filter: blur(5px); }');
+    if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) === false) {
+        integrationStylesheetParts.push(`.memori-widget .memori-chat--history--has-global-background::before,
+  .memori-widget .memori-chat-layout--main--has-background::before {
+    filter: none;
+    transform: none;
+  }`);
     }
-    const integrationStylesheet = `@layer integration {
+    const integrationStylesheet = `@layer memori.overrides {
   ${integrationStylesheetParts.join('\n  ')}
 }
 `;
@@ -1630,7 +1672,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showAIicon;
     const enableUpload = !!(showUpload !== null && showUpload !== void 0 ? showUpload : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showUpload);
     const enableReasoning = !!(showReasoning !== null && showReasoning !== void 0 ? showReasoning : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showReasoning);
-    const enableMessageConsumption = !!runtimeShowMessageConsumption;
+    const enableMessageConsumption = (0, utils_1.resolveOptionalBoolean)(showMessageConsumption, integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showMessageConsumption);
     const showWhyThisAnswer = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showWhyThisAnswer) === undefined
         ? true
         : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showWhyThisAnswer;
@@ -1723,8 +1765,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         if (!birth && autoStart && (initialSessionID || targetSessionID))
             birth = '1970-01-01T10:24:03.845Z';
         const localPosition = (0, configuration_1.getLocalConfig)('position', undefined);
-        if (autoStart && !localPosition && memori.needsPosition) {
-            setPositionPopoverOpenState(true);
+        if (autoStart &&
+            (0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, Boolean(position || localPosition))) {
+            setClickedStart(false);
             return;
         }
         if (!(await checkCredits({ notify: true }))) {
@@ -2000,22 +2043,32 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     const setPositionPopoverOpen = (0, react_1.useCallback)((open) => {
+        const sessionAlreadyStarted = !!(sessionId && hasUserActivatedSpeak);
+        const hasPosition = Boolean(position || (0, configuration_1.getLocalConfig)('position', undefined));
         setPositionPopoverOpenState(wasOpen => {
-            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart)) {
+            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart, sessionAlreadyStarted, hasPosition)) {
                 queueMicrotask(() => {
                     onClickStart();
                 });
             }
+            if (!open) {
+                queueMicrotask(() => {
+                    setAutoStartPositionGeolocation(false);
+                });
+            }
             return open;
         });
-    }, [autoStart, onClickStart]);
+    }, [autoStart, onClickStart, sessionId, hasUserActivatedSpeak, position]);
     (0, react_1.useEffect)(() => {
+        const storedPosition = (0, configuration_1.getLocalConfig)('position', undefined);
+        const hasPosition = Boolean(position || storedPosition);
         if (!clickedStart &&
             !sessionStartingRef.current &&
             !sessionId &&
             autoStart &&
             selectedLayout !== 'HIDDEN_CHAT' &&
-            (!needsCredits || hasEnoughCredits)) {
+            (!needsCredits || hasEnoughCredits) &&
+            !(0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, hasPosition)) {
             onClickStart();
         }
     }, [
@@ -2025,6 +2078,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         sessionId,
         needsCredits,
         hasEnoughCredits,
+        position,
+        memori.needsPosition,
     ]);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -2162,7 +2217,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, [sessionId]);
     const showFullHistory = showOnlyLastMessages === undefined
-        ? selectedLayout !== 'TOTEM' && selectedLayout !== 'WEBSITE_ASSISTANT'
+        ? selectedLayout !== 'WEBSITE_ASSISTANT'
         : !showOnlyLastMessages;
     const canShowLoginButton = !(tenant === null || tenant === void 0 ? void 0 : tenant.ssoLogin) &&
         ((_y = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _y !== void 0 ? _y : memori.requireLoginToken);
@@ -2181,6 +2236,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setVenue: setPosition,
         positionPopoverOpen,
         setPositionPopoverOpen,
+        autoStartPositionGeolocation,
         setShowSettingsDrawer,
         setShowKnownFactsDrawer,
         setShowExpertsDrawer,
@@ -2191,7 +2247,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         },
         setShowChatHistoryDrawer,
         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,
+        showChatHistory: selectedLayout === 'WEBSITE_ASSISTANT'
+            ? false
+            : (_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',
@@ -2244,7 +2302,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         apiUrl: client.constants.BACKEND_URL,
         position: position,
         setVenue: setPosition,
-        openPositionPopover: () => setPositionPopoverOpen(true),
+        openPositionPopover: () => {
+            setPositionPopoverOpen(true);
+        },
         integrationConfig: integrationConfig,
         instruct: instruct,
         sessionId: sessionId,
@@ -2256,7 +2316,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         notEnoughCredits: needsCredits && !hasEnoughCredits,
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
-        showChatHistory: (_7 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _7 !== void 0 ? _7 : true,
+        showChatHistory: selectedLayout === 'WEBSITE_ASSISTANT'
+            ? false
+            : (_7 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _7 !== void 0 ? _7 : true,
         setShowChatHistoryDrawer,
         user,
     };
@@ -2326,11 +2388,12 @@ 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;
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) === false) ? ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
     const poweredBy = ((0, jsx_runtime_1.jsx)(PoweredBy_1.default, { tenant: tenant, userLang: userLang, integrationID: integration === null || integration === void 0 ? void 0 : integration.integrationID, memoriHash: `${memori.ownerTenantName}-${memori.ownerUserName}-${memori.name}` }));
     const Layout = customLayout
         ? customLayout
@@ -2349,9 +2412,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 : FullPage_1.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;
+        : 'light';
     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,
@@ -2364,7 +2425,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }), "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)(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 }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
+        }), style: { height }, children: (0, jsx_runtime_1.jsxs)(ui_1.MemoriUIProvider, { container: widgetRootEl, clipContainer: widgetSurfaceEl, theme: widgetTheme, zIndexBase: selectedLayout === 'WEBSITE_ASSISTANT' ? 10000 : 0, children: [(0, jsx_runtime_1.jsx)(ui_1.AlertViewport, { placement: "top-end" }), (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;
@@ -2439,7 +2500,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 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'
+                            }, apiClient: client, sessionId: sessionId || '', memori: memori, baseUrl: baseUrl, history: history, apiUrl: client.constants.BACKEND_URL, loginToken: loginToken, language: language, userLang: userLang, isMultilanguageEnabled: isMultilanguageEnabled, showFunctionCache: showFunctionCache, showMessageConsumption: enableMessageConsumption })), 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;
@@ -2489,7 +2550,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     userTokenRef.current = undefined;
                                     (0, configuration_1.removeLocalConfig)('loginToken');
                                 });
-                            } }))] }) }) }) }));
+                            } }))] })] }) }));
 };
 exports.default = MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map