@memori.ai/memori-react 9.0.0-alpha.6 → 9.0.0-alpha.8

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -5,12 +5,14 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ArtifactAPI_1 = require("../MemoriArtifactSystem/utils/ArtifactAPI");
 const piiDetection_1 = require("../../helpers/piiDetection");
+const positionPopover_1 = require("../../helpers/positionPopover");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const memori_api_client_1 = tslib_1.__importDefault(require("@memori.ai/memori-api-client"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const luxon_1 = require("luxon");
 const ui_1 = require("@memori.ai/ui");
+const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
 const Auth_1 = tslib_1.__importDefault(require("../Auth/Auth"));
 const Chat_1 = tslib_1.__importDefault(require("../Chat/Chat"));
 const StartPanel_1 = tslib_1.__importDefault(require("../StartPanel/StartPanel"));
@@ -213,6 +215,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [instruct, setInstruct] = (0, react_1.useState)(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
     const [widgetRootEl, setWidgetRootEl] = (0, react_1.useState)(null);
+    const [widgetSurfaceEl, setWidgetSurfaceEl] = (0, react_1.useState)(null);
     const [isDarkTheme, setIsDarkTheme] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -1997,10 +2000,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     const setPositionPopoverOpen = (0, react_1.useCallback)((open) => {
-        setPositionPopoverOpenState(open);
-        if (!open && autoStart) {
-            onClickStart();
-        }
+        setPositionPopoverOpenState(wasOpen => {
+            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart)) {
+                queueMicrotask(() => {
+                    onClickStart();
+                });
+            }
+            return open;
+        });
     }, [autoStart, onClickStart]);
     (0, react_1.useEffect)(() => {
         if (!clickedStart &&
@@ -2342,7 +2349,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 : FullPage_1.default;
     const widgetTheme = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'light' || (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.theme) === 'dark'
         ? integrationConfig.theme
-        : undefined;
+        : isDarkTheme
+            ? 'dark'
+            : undefined;
     return ((0, jsx_runtime_1.jsx)("div", { ref: setWidgetRootEl, className: (0, classnames_1.default)('memori', 'memori-widget', `memori-layout-${String(selectedLayout).toLowerCase()}`, `memori-controls-${String(controlsPosition).toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
             'memori--auto-start': autoStart,
             'memori--preview': preview,
@@ -2355,132 +2364,132 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }), "data-theme": widgetTheme, "data-memori-name": memori === null || memori === void 0 ? void 0 : memori.name, "data-memori-id": memori === null || memori === void 0 ? void 0 : memori.engineMemoriID, "data-memori-secondary-id": memori === null || memori === void 0 ? void 0 : memori.memoriID, "data-memori-session-id": sessionId, "data-memori-integration": integration === null || integration === void 0 ? void 0 : integration.integrationID, "data-memori-engine-state": JSON.stringify({
             ...currentDialogState,
             sessionID: sessionId,
-        }), style: { height }, children: (0, jsx_runtime_1.jsxs)(ui_1.MemoriUIProvider, { container: widgetRootEl, theme: widgetTheme, children: [(0, jsx_runtime_1.jsx)(Layout, { Header: Header_1.default, headerProps: headerProps, Avatar: Avatar_1.default, avatarProps: avatarProps, Chat: Chat_1.default, chatProps: chatProps, StartPanel: StartPanel_1.default, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
-                        setHistory(history => {
-                            if (!history.length)
-                                return history;
-                            const lastMessage = history[history.length - 1];
-                            if (!lastMessage || lastMessage.fromUser)
-                                return history;
-                            const updatedLastMessage = {
-                                ...lastMessage,
-                                text: lastMessage.text + message.text,
-                            };
-                            return [...history.slice(0, -1), updatedLastMessage];
-                        });
-                    } }), (0, jsx_runtime_1.jsx)("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && ((0, jsx_runtime_1.jsx)(Auth_1.default, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: (values) => {
-                        var _a, _b, _c, _d;
-                        if (values['password'])
-                            setMemoriPwd(values['password']);
-                        if (values['password'])
-                            memoriPassword = values['password'];
-                        if (values['tokens'])
-                            setMemoriTokens(values['tokens']);
-                        return reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
-                            LANG: userLang,
-                            PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
-                            ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
-                            ...(initialContextVars || {}),
-                        }, initialQuestion, birthDate)
-                            .then(state => {
-                            if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
-                                throw new Error('AUTH_FAILED');
-                            }
-                            setAuthModalState(null);
-                            if (state === null || state === void 0 ? void 0 : state.dialogState) {
-                                setHasUserActivatedSpeak(true);
-                            }
-                            else {
-                                onClickStart(state);
-                            }
-                        })
-                            .catch(error => {
-                            if (!(error instanceof Error) ||
-                                error.message !== 'AUTH_FAILED') {
-                                setGotErrorInOpening(true);
-                            }
-                            throw error;
-                        });
-                    }, minimumNumberOfRecoveryTokens: (_17 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _17 !== void 0 ? _17 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
-                        var _a, _b, _c, _d;
-                        if (birthDate) {
-                            setBirthDate(birthDate);
-                            (0, configuration_1.setLocalConfig)('birthDate', birthDate);
-                            reopenSession(!sessionId, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), memoriTokens, personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
-                                LANG: userLang,
-                                PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
-                                ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
-                                ...(initialContextVars || {}),
-                            }, initialQuestion, birthDate)
-                                .then(state => {
-                                setShowAgeVerification(false);
-                                setAuthModalState(null);
-                                onClickStart(state || undefined);
-                            })
-                                .catch(() => {
-                                setShowAgeVerification(false);
-                                setGotErrorInOpening(true);
-                            });
-                        }
-                        else {
-                            setShowAgeVerification(false);
-                            setClickedStart(false);
-                        }
-                    } })), showSettingsDrawer && ((0, jsx_runtime_1.jsx)(SettingsDrawer_1.default, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, avatarType: avatarType, setAvatarType: setAvatarType, enablePositionControls: enablePositionControls, setEnablePositionControls: setEnablePositionControls, isAvatar3d: !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL), additionalSettings: additionalSettings, speakerMuted: speakerMuted })), showChatHistoryDrawer && ((0, jsx_runtime_1.jsx)(ChatHistory_1.default, { open: !!showChatHistoryDrawer, onClose: () => setShowChatHistoryDrawer(false), resumeSession: chatLog => {
-                        setChatLogID(chatLog.chatLogID);
-                        onClickStart(undefined, false, chatLog);
-                        setShowChatHistoryDrawer(false);
-                    }, apiClient: client, sessionId: sessionId || '', memori: memori, baseUrl: baseUrl, history: history, apiUrl: client.constants.BACKEND_URL, loginToken: loginToken, language: language, userLang: userLang, isMultilanguageEnabled: isMultilanguageEnabled })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
-                        ? 'memori-drawer--above-website-assistant'
-                        : undefined, onLogin: (user, token) => {
-                        var _a, _b, _c, _d;
-                        reopenSession(false, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), [], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
-                            LANG: userLang,
-                            PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
-                            ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
-                            ...(initialContextVars || {}),
-                        }, undefined, birthDate, { loginToken: token }, undefined, sessionId).then(state => {
-                            var _a, _b;
-                            setShowLoginDrawer(false);
-                            setUser(user);
-                            setLoginToken(token);
-                            userTokenRef.current = token;
-                            (0, configuration_1.setLocalConfig)('loginToken', token);
-                            if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
-                                state.sessionID !== sessionId &&
-                                (state === null || state === void 0 ? void 0 : state.dialogState)) {
-                                const username = (user === null || user === void 0 ? void 0 : user.userName) || t('login.user');
-                                pushMessage({
-                                    text: '',
-                                    emitter: state.dialogState.emitter,
-                                    media: (_b = (_a = state.dialogState.emittedMedia) !== null && _a !== void 0 ? _a : state.dialogState.media) !== null && _b !== void 0 ? _b : [],
-                                    fromUser: false,
-                                    initial: t('login.successfullyLoggedIn', {
-                                        username,
-                                    }),
-                                    contextVars: state.dialogState.contextVars,
-                                    date: state.dialogState.currentDate,
-                                    placeName: state.dialogState.currentPlaceName,
-                                    placeLatitude: state.dialogState.currentLatitude,
-                                    placeLongitude: state.dialogState.currentLongitude,
-                                    placeUncertaintyKm: state.dialogState.currentUncertaintyKm,
-                                    tag: state.dialogState.currentTag,
-                                    memoryTags: state.dialogState.memoryTags,
+        }), style: { height }, children: (0, jsx_runtime_1.jsx)(ui_1.MemoriUIProvider, { container: widgetRootEl, theme: widgetTheme, children: (0, jsx_runtime_1.jsx)(widgetSurfaceContext_1.WidgetSurfaceProvider, { value: widgetSurfaceEl, children: (0, jsx_runtime_1.jsxs)("div", { ref: setWidgetSurfaceEl, className: "memori-widget__surface", children: [(0, jsx_runtime_1.jsx)(Layout, { Header: Header_1.default, headerProps: headerProps, Avatar: Avatar_1.default, avatarProps: avatarProps, Chat: Chat_1.default, chatProps: chatProps, StartPanel: StartPanel_1.default, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
+                                setHistory(history => {
+                                    if (!history.length)
+                                        return history;
+                                    const lastMessage = history[history.length - 1];
+                                    if (!lastMessage || lastMessage.fromUser)
+                                        return history;
+                                    const updatedLastMessage = {
+                                        ...lastMessage,
+                                        text: lastMessage.text + message.text,
+                                    };
+                                    return [...history.slice(0, -1), updatedLastMessage];
                                 });
-                                setCurrentDialogState(state.dialogState);
-                            }
-                        });
-                    }, setUser: setUser, onLogout: () => {
-                        if (!loginToken)
-                            return;
-                        client.backend.pwlUserLogout(loginToken).then(() => {
-                            setShowLoginDrawer(false);
-                            setUser(undefined);
-                            setLoginToken(undefined);
-                            userTokenRef.current = undefined;
-                            (0, configuration_1.removeLocalConfig)('loginToken');
-                        });
-                    } }))] }) }));
+                            } }), (0, jsx_runtime_1.jsx)("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && ((0, jsx_runtime_1.jsx)(Auth_1.default, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: (values) => {
+                                var _a, _b, _c, _d;
+                                if (values['password'])
+                                    setMemoriPwd(values['password']);
+                                if (values['password'])
+                                    memoriPassword = values['password'];
+                                if (values['tokens'])
+                                    setMemoriTokens(values['tokens']);
+                                return reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
+                                    LANG: userLang,
+                                    PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
+                                    ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
+                                    ...(initialContextVars || {}),
+                                }, initialQuestion, birthDate)
+                                    .then(state => {
+                                    if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
+                                        throw new Error('AUTH_FAILED');
+                                    }
+                                    setAuthModalState(null);
+                                    if (state === null || state === void 0 ? void 0 : state.dialogState) {
+                                        setHasUserActivatedSpeak(true);
+                                    }
+                                    else {
+                                        onClickStart(state);
+                                    }
+                                })
+                                    .catch(error => {
+                                    if (!(error instanceof Error) ||
+                                        error.message !== 'AUTH_FAILED') {
+                                        setGotErrorInOpening(true);
+                                    }
+                                    throw error;
+                                });
+                            }, minimumNumberOfRecoveryTokens: (_17 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _17 !== void 0 ? _17 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                                var _a, _b, _c, _d;
+                                if (birthDate) {
+                                    setBirthDate(birthDate);
+                                    (0, configuration_1.setLocalConfig)('birthDate', birthDate);
+                                    reopenSession(!sessionId, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), memoriTokens, personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
+                                        LANG: userLang,
+                                        PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
+                                        ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
+                                        ...(initialContextVars || {}),
+                                    }, initialQuestion, birthDate)
+                                        .then(state => {
+                                        setShowAgeVerification(false);
+                                        setAuthModalState(null);
+                                        onClickStart(state || undefined);
+                                    })
+                                        .catch(() => {
+                                        setShowAgeVerification(false);
+                                        setGotErrorInOpening(true);
+                                    });
+                                }
+                                else {
+                                    setShowAgeVerification(false);
+                                    setClickedStart(false);
+                                }
+                            } })), showSettingsDrawer && ((0, jsx_runtime_1.jsx)(SettingsDrawer_1.default, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, avatarType: avatarType, setAvatarType: setAvatarType, enablePositionControls: enablePositionControls, setEnablePositionControls: setEnablePositionControls, isAvatar3d: !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL), additionalSettings: additionalSettings, speakerMuted: speakerMuted })), showChatHistoryDrawer && ((0, jsx_runtime_1.jsx)(ChatHistory_1.default, { open: !!showChatHistoryDrawer, onClose: () => setShowChatHistoryDrawer(false), resumeSession: chatLog => {
+                                setChatLogID(chatLog.chatLogID);
+                                onClickStart(undefined, false, chatLog);
+                                setShowChatHistoryDrawer(false);
+                            }, apiClient: client, sessionId: sessionId || '', memori: memori, baseUrl: baseUrl, history: history, apiUrl: client.constants.BACKEND_URL, loginToken: loginToken, language: language, userLang: userLang, isMultilanguageEnabled: isMultilanguageEnabled })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
+                                ? 'memori-drawer--above-website-assistant'
+                                : undefined, onLogin: (user, token) => {
+                                var _a, _b, _c, _d;
+                                reopenSession(false, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), [], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
+                                    LANG: userLang,
+                                    PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
+                                    ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
+                                    ...(initialContextVars || {}),
+                                }, undefined, birthDate, { loginToken: token }, undefined, sessionId).then(state => {
+                                    var _a, _b;
+                                    setShowLoginDrawer(false);
+                                    setUser(user);
+                                    setLoginToken(token);
+                                    userTokenRef.current = token;
+                                    (0, configuration_1.setLocalConfig)('loginToken', token);
+                                    if ((state === null || state === void 0 ? void 0 : state.sessionID) &&
+                                        state.sessionID !== sessionId &&
+                                        (state === null || state === void 0 ? void 0 : state.dialogState)) {
+                                        const username = (user === null || user === void 0 ? void 0 : user.userName) || t('login.user');
+                                        pushMessage({
+                                            text: '',
+                                            emitter: state.dialogState.emitter,
+                                            media: (_b = (_a = state.dialogState.emittedMedia) !== null && _a !== void 0 ? _a : state.dialogState.media) !== null && _b !== void 0 ? _b : [],
+                                            fromUser: false,
+                                            initial: t('login.successfullyLoggedIn', {
+                                                username,
+                                            }),
+                                            contextVars: state.dialogState.contextVars,
+                                            date: state.dialogState.currentDate,
+                                            placeName: state.dialogState.currentPlaceName,
+                                            placeLatitude: state.dialogState.currentLatitude,
+                                            placeLongitude: state.dialogState.currentLongitude,
+                                            placeUncertaintyKm: state.dialogState.currentUncertaintyKm,
+                                            tag: state.dialogState.currentTag,
+                                            memoryTags: state.dialogState.memoryTags,
+                                        });
+                                        setCurrentDialogState(state.dialogState);
+                                    }
+                                });
+                            }, setUser: setUser, onLogout: () => {
+                                if (!loginToken)
+                                    return;
+                                client.backend.pwlUserLogout(loginToken).then(() => {
+                                    setShowLoginDrawer(false);
+                                    setUser(undefined);
+                                    setLoginToken(undefined);
+                                    userTokenRef.current = undefined;
+                                    (0, configuration_1.removeLocalConfig)('loginToken');
+                                });
+                            } }))] }) }) }) }));
 };
 exports.default = MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map