@memori.ai/memori-react 8.41.3 → 8.41.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 
 
+## [8.41.4](https://github.com/memori-ai/memori-react/compare/v8.41.3...v8.41.4) (2026-07-15)
+
+
+### Bug Fixes
+
+* login token async conditions ([28ec006](https://github.com/memori-ai/memori-react/commit/28ec006c296a2045a775fe6adfdf369f7c135c60))
+* remove '.xls' from office native extensions ([3890334](https://github.com/memori-ai/memori-react/commit/3890334fed4f6f6e7c8fbfbb5afbbe23989ff5f0))
+* unify login token resolution logic in MemoriWidget component ([c84f305](https://github.com/memori-ai/memori-react/commit/c84f305246a4a868fbfadecbf0febb635623fdb5))
+
 ## [8.41.3](https://github.com/memori-ai/memori-react/compare/v8.41.2...v8.41.3) (2026-07-02)
 
 

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -64,6 +64,10 @@ 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,
@@ -172,7 +176,6 @@ window.typeMessageHidden = typeMessageHidden;
 window.typeBatchMessages = typeBatchMessages;
 let audioContext;
 let memoriPassword;
-let userToken;
 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, }) => {
     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, _18;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
@@ -185,35 +188,61 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [instruct, setInstruct] = (0, react_1.useState)(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
     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);
+            }
+        }
+    }, [additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken]);
+    (0, react_1.useEffect)(() => {
+        if (!loginToken || !(showLogin || memori.requireLoginToken)) {
+            return;
         }
-    }, [loginToken, user === null || user === void 0 ? void 0 : user.userID]);
+        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 sessionStartingRef = (0, react_1.useRef)(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 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;
@@ -221,7 +250,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);
@@ -253,14 +282,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ? layout
         : 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 = layoutName || 'DEFAULT';
     const piiDetection = typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'object' &&
         (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) !== null &&
-        ((_s = (_r = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _r === void 0 ? void 0 : _r.piiDetection) === null || _s === void 0 ? void 0 : _s.enabled)
+        ((_u = (_t = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _t === void 0 ? void 0 : _t.piiDetection) === null || _u === void 0 ? void 0 : _u.enabled)
         ? integrationConfig.layout.piiDetection
         : undefined;
-    const defaultEnableAudio = (_t = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _t !== void 0 ? _t : true;
+    const defaultEnableAudio = (_v = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _v !== void 0 ? _v : true;
     const [hasUserActivatedListening, setHasUserActivatedListening] = (0, react_1.useState)(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = (0, react_1.useState)(false);
     const [showPositionDrawer, setShowPositionDrawer] = (0, react_1.useState)(false);
@@ -303,7 +332,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)) {
@@ -722,7 +751,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) {
@@ -747,7 +776,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (_m) {
+            catch (_j) {
             }
             const session = await initSession({
                 ...params,
@@ -756,8 +785,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(),
                 },
@@ -798,7 +827,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     };
     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, _k, _l, _m;
+        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;
@@ -826,7 +855,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (_o) {
+            catch (_k) {
             }
             const { sessionID, currentState, ...response } = await initSession({
                 memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
@@ -846,8 +875,8 @@ 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(),
                 },
@@ -880,7 +909,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
@@ -898,7 +927,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
@@ -983,7 +1012,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         });
     };
     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) {
             return Promise.reject('Session not found');
         }
@@ -1023,7 +1052,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                             return window.location.href;
                         })();
                     }
-                    catch (_l) {
+                    catch (_j) {
                     }
                     fetchSession({
                         memoriID: (_b = memori.engineMemoriID) !== null && _b !== void 0 ? _b : '',
@@ -1040,8 +1069,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(),
                         },
@@ -1105,7 +1134,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         apiUrl: `${baseUrl}/api/tts`,
         continuousSpeech: continuousSpeech,
         preview: preview,
-    }, autoStart, defaultEnableAudio, (_u = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _u !== void 0 ? _u : true);
+    }, autoStart, defaultEnableAudio, (_w = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _w !== void 0 ? _w : true);
     const shouldPlayAudio = (text) => {
         const currentSpeakerMuted = (0, configuration_1.getLocalConfig)('muteSpeaker', !defaultEnableAudio);
         return (text &&
@@ -1453,7 +1482,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ? {
             '--memori-chat-bubble-bg': '#fff',
             ...(integrationConfig && !instruct
-                ? { '--memori-text-color': (_v = integrationConfig.textColor) !== null && _v !== void 0 ? _v : '#000' }
+                ? { '--memori-text-color': (_x = integrationConfig.textColor) !== null && _x !== void 0 ? _x : '#000' }
                 : {}),
             ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonBgColor)
                 ? {
@@ -1477,12 +1506,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 ? {
                     '--memori-inner-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_w = integrationConfig.innerBgAlpha) !== null && _w !== void 0 ? _w : 0.4})`,
+                        : '255, 255, 255'}, ${(_y = integrationConfig.innerBgAlpha) !== null && _y !== void 0 ? _y : 0.4})`,
                     '--memori-inner-content-pad': '1.5rem',
                     '--memori-nav-bg-image': 'none',
                     '--memori-nav-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_x = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _x !== void 0 ? _x : 0.4})`,
+                        : '255, 255, 255'}, ${(_z = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _z !== void 0 ? _z : 0.4})`,
                 }
                 : {
                     '--memori-inner-content-pad': '0px',
@@ -1581,7 +1610,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;
+        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
@@ -1642,8 +1671,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     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(),
+                        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(),
                     },
                 });
@@ -1685,7 +1714,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     };
                                 }));
                             }
-                            catch (_w) {
+                            catch (_u) {
                             }
                         }
                         setHistory(translatedMessages);
@@ -1732,11 +1761,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         throw new Error('No session');
                     }
                 }
-                catch (_x) {
+                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(() => {
@@ -1763,8 +1792,8 @@ 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(() => {
@@ -1776,7 +1805,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             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,
@@ -1801,12 +1830,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 text: (await (0, translations_1.getTranslation)(m.text, userLang, language, baseUrl)).text,
                             })));
                         }
-                        catch (_y) {
+                        catch (_w) {
                         }
                     }
                     setHistory(translatedMessages);
                 }
-                catch (_z) {
+                catch (_x) {
                 }
                 if ((!!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length) && translatedMessages.length > 1) ||
                     !initialQuestion) {
@@ -1822,7 +1851,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         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 }),
                     });
@@ -1888,27 +1917,35 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         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);
                 }
             }
         };
@@ -1917,7 +1954,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))
@@ -2015,16 +2052,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) &&
-        ((_y = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _y !== void 0 ? _y : memori.requireLoginToken);
+        ((_0 = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _0 !== void 0 ? _0 : memori.requireLoginToken);
     const headerProps = {
         memori: {
             ...memori,
-            ownerUserID: (_0 = (_z = memori.ownerUserID) !== null && _z !== void 0 ? _z : ownerUserID) !== null && _0 !== void 0 ? _0 : undefined,
+            ownerUserID: (_2 = (_1 = memori.ownerUserID) !== null && _1 !== void 0 ? _1 : ownerUserID) !== null && _2 !== void 0 ? _2 : undefined,
         },
         apiClient: client,
         tenant,
         history,
-        showShare: (_1 = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _1 !== void 0 ? _1 : true,
+        showShare: (_3 = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _3 !== void 0 ? _3 : true,
         position,
         layout: selectedLayout,
         additionalSettings,
@@ -2032,18 +2069,18 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setShowSettingsDrawer,
         setShowKnownFactsDrawer,
         setShowExpertsDrawer,
-        enableAudio: (_2 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _2 !== void 0 ? _2 : true,
+        enableAudio: (_4 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _4 !== void 0 ? _4 : true,
         speakerMuted: speakerMuted !== null && speakerMuted !== void 0 ? speakerMuted : false,
         setSpeakerMuted: (mute) => {
             toggleMute(mute);
         },
         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,
+        showSettings: (_5 = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _5 !== void 0 ? _5 : true,
+        showChatHistory: (_6 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _6 !== void 0 ? _6 : true,
         showMessageConsumption: enableMessageConsumption,
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
-        showClear: (_5 = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _5 !== void 0 ? _5 : false,
+        showClear: (_7 = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _7 !== void 0 ? _7 : false,
         clearHistory: () => setHistory(h => h.slice(-1)),
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
@@ -2058,7 +2095,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 setShowLoginDrawer(false);
                 setUser(undefined);
                 setLoginToken(undefined);
-                userToken = undefined;
+                userTokenRef.current = undefined;
                 (0, configuration_1.removeLocalConfig)('loginToken');
             });
         },
@@ -2074,7 +2111,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasUserActivatedSpeak,
         isPlayingAudio: isPlayingAudio &&
             !speakerMuted &&
-            ((_6 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _6 !== void 0 ? _6 : true),
+            ((_8 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _8 !== void 0 ? _8 : true),
         loading: !!memoriTyping,
         baseUrl,
         apiUrl: client.constants.BACKEND_URL,
@@ -2111,7 +2148,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_11 = ((_10 = (_9 = (_8 = (_7 = memori.culture) === null || _7 === void 0 ? void 0 : _7.split('-')) === null || _8 === void 0 ? void 0 : _8[0]) !== null && _9 !== void 0 ? _9 : i18n.language) !== null && _10 !== void 0 ? _10 : 'IT')) === null || _11 === void 0 ? void 0 : _11.toUpperCase())
+                ((_13 = ((_12 = (_11 = (_10 = (_9 = memori.culture) === null || _9 === void 0 ? void 0 : _9.split('-')) === null || _10 === void 0 ? void 0 : _10[0]) !== null && _11 !== void 0 ? _11 : i18n.language) !== null && _12 !== void 0 ? _12 : 'IT')) === null || _13 === void 0 ? void 0 : _13.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
@@ -2119,9 +2156,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         layout,
         memoriTyping,
         typingText,
-        showTypingText: (_12 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _12 !== void 0 ? _12 : false,
+        showTypingText: (_14 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _14 !== void 0 ? _14 : false,
         history: showFullHistory ? history : history.slice(-2),
-        authToken: (_14 = (_13 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _13 !== void 0 ? _13 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _14 !== void 0 ? _14 : authToken,
+        authToken: resolveLoginToken(),
         dialogState: currentDialogState,
         pushMessage,
         simulateUserPrompt,
@@ -2294,7 +2331,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setShowLoginDrawer(false);
                         setUser(user);
                         setLoginToken(token);
-                        userToken = token;
+                        userTokenRef.current = token;
                         (0, configuration_1.setLocalConfig)('loginToken', token);
                         if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
                             state.sessionID !== sessionId &&
@@ -2325,7 +2362,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setShowLoginDrawer(false);
                         setUser(undefined);
                         setLoginToken(undefined);
-                        userToken = undefined;
+                        userTokenRef.current = undefined;
                         (0, configuration_1.removeLocalConfig)('loginToken');
                     });
                 } }))] }));