@memori.ai/memori-react 9.0.0-alpha.23 → 9.0.0-alpha.25

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -13,7 +13,6 @@ const memori_api_client_1 = tslib_1.__importDefault(require("@memori.ai/memori-a
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const luxon_1 = require("luxon");
 const ui_1 = require("@memori.ai/ui");
-const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
 const Auth_1 = tslib_1.__importDefault(require("../Auth/Auth"));
 const Chat_1 = tslib_1.__importDefault(require("../Chat/Chat"));
 const StartPanel_1 = tslib_1.__importDefault(require("../StartPanel/StartPanel"));
@@ -2305,7 +2304,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         position: position,
         setVenue: setPosition,
         openPositionPopover: () => {
-            setAutoStartPositionGeolocation(true);
             setPositionPopoverOpen(true);
         },
         integrationConfig: integrationConfig,
@@ -2428,132 +2426,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)(ui_1.AlertViewport, { placement: "top-end", style: { zIndex: 10002 } }), (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, totemContentMaxWidth: integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.totemContentMaxWidth }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
-                                    setHistory(history => {
-                                        if (!history.length)
-                                            return history;
-                                        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, {
+        }), style: { height }, children: (0, jsx_runtime_1.jsxs)(ui_1.MemoriUIProvider, { container: widgetRootEl, clipContainer: widgetSurfaceEl, theme: widgetTheme, zIndexBase: selectedLayout === 'WEBSITE_ASSISTANT' ? 10000 : 0, children: [(0, jsx_runtime_1.jsx)(ui_1.AlertViewport, { placement: "top-end" }), (0, jsx_runtime_1.jsxs)("div", { ref: setWidgetSurfaceEl, className: "memori-widget__surface", children: [(0, jsx_runtime_1.jsx)(Layout, { Header: Header_1.default, headerProps: headerProps, Avatar: Avatar_1.default, avatarProps: avatarProps, Chat: Chat_1.default, chatProps: chatProps, StartPanel: StartPanel_1.default, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, autoStart: autoStart, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading, avatar3dHidden: avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden, totemContentMaxWidth: integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.totemContentMaxWidth }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
+                                setHistory(history => {
+                                    if (!history.length)
+                                        return history;
+                                    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 => {
-                                        if (!(state === null || state === void 0 ? void 0 : state.sessionID)) {
-                                            throw new Error('AUTH_FAILED');
-                                        }
+                                        setShowAgeVerification(false);
                                         setAuthModalState(null);
-                                        if (state === null || state === void 0 ? void 0 : state.dialogState) {
-                                            setHasUserActivatedSpeak(true);
-                                        }
-                                        else {
-                                            onClickStart(state);
-                                        }
+                                        onClickStart(state || undefined);
                                     })
-                                        .catch(error => {
-                                        if (!(error instanceof Error) ||
-                                            error.message !== 'AUTH_FAILED') {
-                                            setGotErrorInOpening(true);
-                                        }
-                                        throw error;
+                                        .catch(() => {
+                                        setShowAgeVerification(false);
+                                        setGotErrorInOpening(true);
                                     });
-                                }, 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, showFunctionCache: showFunctionCache, showMessageConsumption: enableMessageConsumption })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
+                                ? 'memori-drawer--above-website-assistant'
+                                : undefined, onLogin: (user, token) => {
+                                var _a, _b, _c, _d;
+                                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);
                                     }
-                                    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, showFunctionCache: showFunctionCache, showMessageConsumption: enableMessageConsumption })), showKnownFactsDrawer && sessionId && ((0, jsx_runtime_1.jsx)(KnownFacts_1.default, { apiClient: client, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && ((0, jsx_runtime_1.jsx)(ExpertsDrawer_1.default, { apiUrl: client.constants.BACKEND_URL, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.name) && ((0, jsx_runtime_1.jsx)(LoginDrawer_1.default, { tenant: tenant, apiClient: client, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), drawerClassName: selectedLayout === 'WEBSITE_ASSISTANT'
-                                    ? 'memori-drawer--above-website-assistant'
-                                    : undefined, onLogin: (user, token) => {
-                                    var _a, _b, _c, _d;
-                                    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');
-                                    });
-                                } }))] }) })] }) }));
+                                });
+                            }, 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