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

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArtifactAPIBridge } from '../MemoriArtifactSystem/utils/ArtifactAPI';
 import { checkPii } from '../../helpers/piiDetection';
-import { shouldRestartSessionOnPositionPopoverClose } from '../../helpers/positionPopover';
+import { shouldHoldAutoStartForPosition, shouldRestartSessionOnPositionPopoverClose, } from '../../helpers/positionPopover';
 import { useState, useEffect, useCallback, useRef, useMemo, } from 'react';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import cx from 'classnames';
 import { DateTime } from 'luxon';
-import { useAlertManager, createAlertOptions, MemoriUIProvider, } from '@memori.ai/ui';
-import { WidgetSurfaceProvider } from '../../context/widgetSurfaceContext';
+import { useAlertManager, createAlertOptions, MemoriUIProvider, AlertViewport, } from '@memori.ai/ui';
 import MemoriAuth from '../Auth/Auth';
 import Chat from '../Chat/Chat';
 import StartPanel from '../StartPanel/StartPanel';
@@ -30,8 +29,9 @@ import HiddenChatLayout from '../layouts/HiddenChat';
 import ZoomedFullBodyLayout from '../layouts/ZoomedFullBody';
 import { getTranslation } from '../../helpers/translations';
 import { setLocalConfig, getLocalConfig, removeLocalConfig, } from '../../helpers/configuration';
-import { hasTouchscreen, stripDuplicates, installMathJax, } from '../../helpers/utils';
+import { hasTouchscreen, stripDuplicates, installMathJax, resolveOptionalBoolean, } from '../../helpers/utils';
 import { getTTSVoice } from '../../helpers/tts/ttsVoiceUtility';
+import { getMuteSpeakerFallback, shouldPlayTtsAudio, } from '../../helpers/tts/muteSpeaker';
 import { allowedMediaTypes, anonTag, uiLanguages, } from '../../helpers/constants';
 import { getErrori18nKey } from '../../helpers/error';
 import { getCredits } from '../../helpers/credits';
@@ -79,6 +79,21 @@ function readCorrelationID(response) {
     const value = response.correlationID;
     return typeof value === 'string' && value.length > 0 ? value : undefined;
 }
+export 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: {
@@ -182,23 +197,12 @@ export 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 } = useTranslation();
     const { add, close } = useAlertManager();
@@ -212,24 +216,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [enableFocusChatInput, setEnableFocusChatInput] = useState(true);
     const [widgetRootEl, setWidgetRootEl] = useState(null);
     const [widgetSurfaceEl, setWidgetSurfaceEl] = useState(null);
-    const [isDarkTheme, setIsDarkTheme] = useState(false);
-    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] = useState((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
     const userTokenRef = useRef((_b = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _b !== void 0 ? _b : authToken);
     const prevPropsLoginTokenRef = useRef((_c = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _c !== void 0 ? _c : authToken);
@@ -356,8 +342,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 &&
@@ -373,6 +360,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [hasUserActivatedListening, setHasUserActivatedListening] = useState(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = useState(false);
     const [positionPopoverOpen, setPositionPopoverOpenState] = useState(false);
+    const [autoStartPositionGeolocation, setAutoStartPositionGeolocation] = useState(false);
     const [showSettingsDrawer, setShowSettingsDrawer] = useState(false);
     const [showChatHistoryDrawer, setShowChatHistoryDrawer] = useState(false);
     const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
@@ -383,14 +371,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [enablePositionControls, setEnablePositionControls] = useState(false);
     const [avatarType, setAvatarType] = useState(null);
     const [hideEmissions, setHideEmissions] = useState(false);
-    const [runtimeShowMessageConsumption, setRuntimeShowMessageConsumption] = useState(false);
     const speechSynthesizerRef = useRef(null);
     const [memoriSpeaking, setMemoriSpeaking] = useState(false);
     useEffect(() => {
         setMemoriSpeaking(!!speechSynthesizerRef.current);
     }, [speechSynthesizerRef.current]);
     useEffect(() => {
-        var _a, _b;
+        var _a;
         let defaultControlsPosition = 'bottom';
         let microphoneMode = getLocalConfig('microphoneMode', 'HOLD_TO_TALK');
         if (window.innerWidth <= 768) {
@@ -409,13 +396,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setControlsPosition(getLocalConfig('controlsPosition', defaultControlsPosition));
         setAvatarType(getLocalConfig('avatarType', 'avatar3d'));
         setHideEmissions(getLocalConfig('hideEmissions', false));
-        setRuntimeShowMessageConsumption(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(getLocalConfig('loginToken', undefined));
             userTokenRef.current = getLocalConfig('loginToken', undefined);
             setBirthDate(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)) {
             setLocalConfig('muteSpeaker', true);
         }
     }, []);
@@ -580,6 +566,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (response.resultCode === 0 && correlationID) {
                 registerPendingEnterText(correlationID, {
                     msg,
+                    stateBeforeRequest: dialogStateFingerprint(currentDialogState),
                     text,
                     media,
                     translate,
@@ -836,7 +823,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 = getLocalConfig('birthDate', undefined);
         let userBirthDate = (_a = birthDate !== null && birthDate !== void 0 ? birthDate : params.birthDate) !== null && _a !== void 0 ? _a : storageBirthDate;
         if (!userBirthDate && !!minAge) {
@@ -844,8 +831,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;
@@ -861,17 +850,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(),
                 },
@@ -927,15 +916,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 }))) {
@@ -1236,19 +1227,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, } = 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 = getLocalConfig('muteSpeaker', !defaultEnableAudio);
-        return (text &&
-            text.trim() &&
-            !preview &&
-            !currentSpeakerMuted &&
-            defaultEnableAudio);
-    };
+    }, autoStart, defaultEnableAudio, resolvedDefaultSpeakerActive);
+    const muteSpeakerFallback = getMuteSpeakerFallback(defaultEnableAudio, resolvedDefaultSpeakerActive, autoStart);
+    const shouldPlayAudio = (text) => shouldPlayTtsAudio({
+        text,
+        preview,
+        defaultEnableAudio,
+        defaultSpeakerActive: resolvedDefaultSpeakerActive,
+        autoStart,
+        speakerMuted,
+        storedMute: getLocalConfig('muteSpeaker', muteSpeakerFallback),
+    });
     const processSpeechAndSendMessage = (text) => {
         if (!text || text.trim().length === 0) {
             return;
@@ -1489,6 +1483,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);
@@ -1501,7 +1496,45 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 timeoutId,
             },
         });
-    }), [registerPendingEnterText, clearEnterTextPending]);
+    }), [registerPendingEnterText, clearEnterTextPending, currentDialogState]);
+    const catchUpPendingEnterText = 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]);
     useNats({
         baseUrl,
         sessionId,
@@ -1521,6 +1554,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');
@@ -1559,16 +1593,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, []);
     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,
+    ]);
     useEffect(() => {
         stopRecording();
     }, [language]);
@@ -1581,9 +1621,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, []);
     const [attachmentsMenuOpen, setAttachmentsMenuOpen] = 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,
@@ -1614,10 +1651,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  ')}
 }
 `;
@@ -1626,7 +1667,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 = 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;
@@ -1719,8 +1760,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         if (!birth && autoStart && (initialSessionID || targetSessionID))
             birth = '1970-01-01T10:24:03.845Z';
         const localPosition = getLocalConfig('position', undefined);
-        if (autoStart && !localPosition && memori.needsPosition) {
-            setPositionPopoverOpenState(true);
+        if (autoStart &&
+            shouldHoldAutoStartForPosition(!!memori.needsPosition, Boolean(position || localPosition))) {
+            setClickedStart(false);
             return;
         }
         if (!(await checkCredits({ notify: true }))) {
@@ -1996,22 +2038,32 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     const setPositionPopoverOpen = useCallback((open) => {
+        const sessionAlreadyStarted = !!(sessionId && hasUserActivatedSpeak);
+        const hasPosition = Boolean(position || getLocalConfig('position', undefined));
         setPositionPopoverOpenState(wasOpen => {
-            if (shouldRestartSessionOnPositionPopoverClose(wasOpen, open, autoStart)) {
+            if (shouldRestartSessionOnPositionPopoverClose(wasOpen, open, autoStart, sessionAlreadyStarted, hasPosition)) {
                 queueMicrotask(() => {
                     onClickStart();
                 });
             }
+            if (!open) {
+                queueMicrotask(() => {
+                    setAutoStartPositionGeolocation(false);
+                });
+            }
             return open;
         });
-    }, [autoStart, onClickStart]);
+    }, [autoStart, onClickStart, sessionId, hasUserActivatedSpeak, position]);
     useEffect(() => {
+        const storedPosition = getLocalConfig('position', undefined);
+        const hasPosition = Boolean(position || storedPosition);
         if (!clickedStart &&
             !sessionStartingRef.current &&
             !sessionId &&
             autoStart &&
             selectedLayout !== 'HIDDEN_CHAT' &&
-            (!needsCredits || hasEnoughCredits)) {
+            (!needsCredits || hasEnoughCredits) &&
+            !shouldHoldAutoStartForPosition(!!memori.needsPosition, hasPosition)) {
             onClickStart();
         }
     }, [
@@ -2021,6 +2073,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         sessionId,
         needsCredits,
         hasEnoughCredits,
+        position,
+        memori.needsPosition,
     ]);
     useEffect(() => {
         var _a;
@@ -2158,7 +2212,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);
@@ -2177,6 +2231,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setVenue: setPosition,
         positionPopoverOpen,
         setPositionPopoverOpen,
+        autoStartPositionGeolocation,
         setShowSettingsDrawer,
         setShowKnownFactsDrawer,
         setShowExpertsDrawer,
@@ -2187,7 +2242,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',
@@ -2240,7 +2297,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,
@@ -2252,7 +2311,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,
     };
@@ -2322,11 +2383,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 ? (_jsx("div", { className: "memori--global-background", children: _jsx("div", { className: "memori--global-background-image", style: { backgroundImage: globalBackgroundUrl } }) })) : (_jsx("div", { className: "memori--global-background no-background-image" }));
+    const integrationBackground = (_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)) ? (_jsx("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground) === false) ? (_jsx("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
     const poweredBy = (_jsx(PoweredBy, { tenant: tenant, userLang: userLang, integrationID: integration === null || integration === void 0 ? void 0 : integration.integrationID, memoriHash: `${memori.ownerTenantName}-${memori.ownerUserName}-${memori.name}` }));
     const Layout = customLayout
         ? customLayout
@@ -2345,9 +2407,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 : FullPageLayout;
     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 (_jsx("div", { ref: setWidgetRootEl, className: cx('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,
@@ -2360,7 +2420,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: _jsx(MemoriUIProvider, { container: widgetRootEl, theme: widgetTheme, children: _jsx(WidgetSurfaceProvider, { value: widgetSurfaceEl, children: _jsxs("div", { ref: setWidgetSurfaceEl, className: "memori-widget__surface", children: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden }), _jsx(ArtifactAPIBridge, { pushMessage: (message) => {
+        }), style: { height }, children: _jsxs(MemoriUIProvider, { container: widgetRootEl, clipContainer: widgetSurfaceEl, theme: widgetTheme, zIndexBase: selectedLayout === 'WEBSITE_ASSISTANT' ? 10000 : 0, children: [_jsx(AlertViewport, { placement: "top-end" }), _jsxs("div", { ref: setWidgetSurfaceEl, className: "memori-widget__surface", children: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, 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 }), _jsx(ArtifactAPIBridge, { pushMessage: (message) => {
                                 setHistory(history => {
                                     if (!history.length)
                                         return history;
@@ -2435,7 +2495,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 && (_jsx(KnownFacts, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && (_jsx(LoginDrawer, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), 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 && (_jsx(KnownFacts, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && (_jsx(LoginDrawer, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
                                 ? 'memori-drawer--above-website-assistant'
                                 : undefined, onLogin: (user, token) => {
                                 var _a, _b, _c, _d;
@@ -2485,7 +2545,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     userTokenRef.current = undefined;
                                     removeLocalConfig('loginToken');
                                 });
-                            } }))] }) }) }) }));
+                            } }))] })] }) }));
 };
 export default MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map