@memori.ai/memori-react 8.41.2 → 8.41.4

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -61,6 +61,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,
@@ -169,7 +173,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 } = useTranslation();
@@ -182,35 +185,61 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [instruct, setInstruct] = useState(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = useState(true);
     const [loginToken, setLoginToken] = useState((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
+    const 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);
     const [user, setUser] = useState({
         avatarURL: typeof userAvatar === 'string' ? userAvatar : undefined,
     });
+    const resolveLoginToken = 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]);
     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);
-                    setLocalConfig('loginToken', loginToken);
-                    if (!birthDate && user.birthDate) {
-                        setBirthDate(user.birthDate);
-                        setLocalConfig('birthDate', user.birthDate);
-                    }
-                }
-                else {
-                    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) {
+                removeLocalConfig('loginToken');
+                setUser(undefined);
+            }
+        }
+    }, [additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken, authToken]);
+    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);
+                setLocalConfig('loginToken', loginToken);
+                userTokenRef.current = loginToken;
+                if (!birthDate && fetchedUser.birthDate) {
+                    setBirthDate(fetchedUser.birthDate);
+                    setLocalConfig('birthDate', fetchedUser.birthDate);
+                }
+            }
+            else {
+                setLoginToken(undefined);
+                userTokenRef.current = undefined;
+                setUser(undefined);
+                removeLocalConfig('loginToken');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [loginToken, showLogin, memori.requireLoginToken]);
     const [showLoginDrawer, setShowLoginDrawer] = useState(false);
     const [clickedStart, setClickedStart] = useState(false);
     const sessionStartingRef = 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;
@@ -218,7 +247,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] = 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] = 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');
     useEffect(() => {
         if (spokenLang != null) {
             setUserLang(spokenLang);
@@ -250,14 +279,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] = useState(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = useState(false);
     const [showPositionDrawer, setShowPositionDrawer] = useState(false);
@@ -300,7 +329,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         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));
-            userToken = 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)) {
@@ -719,7 +748,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 = getLocalConfig('birthDate', undefined);
         let userBirthDate = (_a = birthDate !== null && birthDate !== void 0 ? birthDate : params.birthDate) !== null && _a !== void 0 ? _a : storageBirthDate;
         if (!userBirthDate && !!minAge) {
@@ -744,7 +773,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (_m) {
+            catch (_j) {
             }
             const session = await initSession({
                 ...params,
@@ -753,8 +782,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(),
                 },
@@ -795,7 +824,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 = getLocalConfig('birthDate', undefined);
         let userBirthDate = birthDate !== null && birthDate !== void 0 ? birthDate : storageBirthDate;
@@ -823,7 +852,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 : '',
@@ -843,8 +872,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(),
                 },
@@ -877,7 +906,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
@@ -895,7 +924,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
@@ -980,7 +1009,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');
         }
@@ -1020,7 +1049,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 : '',
@@ -1037,8 +1066,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(),
                         },
@@ -1102,7 +1131,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 = getLocalConfig('muteSpeaker', !defaultEnableAudio);
         return (text &&
@@ -1450,7 +1479,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)
                 ? {
@@ -1474,12 +1503,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',
@@ -1578,7 +1607,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
     const onClickStart = 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
@@ -1639,8 +1668,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(),
                     },
                 });
@@ -1682,7 +1711,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     };
                                 }));
                             }
-                            catch (_w) {
+                            catch (_u) {
                             }
                         }
                         setHistory(translatedMessages);
@@ -1729,11 +1758,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(() => {
@@ -1760,8 +1789,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(() => {
@@ -1773,7 +1802,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,
@@ -1798,12 +1827,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 text: (await 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) {
@@ -1819,7 +1848,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         sessionId: sessionID,
                         text: initialQuestion,
                         ...(memori.needsDateTime && {
-                            dateUTC: (_v = DateTime.utc().toISO()) !== null && _v !== void 0 ? _v : undefined,
+                            dateUTC: (_t = DateTime.utc().toISO()) !== null && _t !== void 0 ? _t : undefined,
                         }),
                         ...(placeSpec !== undefined && { place: placeSpec }),
                     });
@@ -1885,27 +1914,35 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasEnoughCredits,
     ]);
     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);
                 }
             }
         };
@@ -1914,7 +1951,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] = useState();
     const fetchExperts = useCallback(async () => {
         if (!sessionId || !(memori === null || memori === void 0 ? void 0 : memori.enableBoardOfExperts))
@@ -2012,16 +2049,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,
@@ -2029,18 +2066,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,
@@ -2055,7 +2092,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 setShowLoginDrawer(false);
                 setUser(undefined);
                 setLoginToken(undefined);
-                userToken = undefined;
+                userTokenRef.current = undefined;
                 removeLocalConfig('loginToken');
             });
         },
@@ -2071,7 +2108,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,
@@ -2108,7 +2145,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,
@@ -2116,9 +2153,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,
@@ -2291,7 +2328,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setShowLoginDrawer(false);
                         setUser(user);
                         setLoginToken(token);
-                        userToken = token;
+                        userTokenRef.current = token;
                         setLocalConfig('loginToken', token);
                         if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
                             state.sessionID !== sessionId &&
@@ -2322,7 +2359,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setShowLoginDrawer(false);
                         setUser(undefined);
                         setLoginToken(undefined);
-                        userToken = undefined;
+                        userTokenRef.current = undefined;
                         removeLocalConfig('loginToken');
                     });
                 } }))] }));