@memori.ai/memori-react 7.28.1 → 7.29.0

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -37,6 +37,7 @@ const constants_1 = require("../../helpers/constants");
 const error_1 = require("../../helpers/error");
 const credits_1 = require("../../helpers/credits");
 const visemeContext_1 = require("../../context/visemeContext");
+const ChatHistory_1 = tslib_1.__importDefault(require("../ChatHistoryDrawer/ChatHistory"));
 const getMemoriState = (integrationId) => {
     var _a, _b, _c, _d, _f;
     let widget = integrationId
@@ -160,8 +161,8 @@ let memoriPassword;
 let speakerMuted = false;
 let memoriSpeaking = false;
 let userToken;
-const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, height = '100vh', secret, baseUrl = 'https://aisuru.com', apiURL = 'https://backend.memori.ai', engineURL = 'https://engine.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, }) => {
-    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;
+const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, height = '100vh', secret, baseUrl = 'https://aisuru.com', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, }) => {
+    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;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
@@ -230,6 +231,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [hasUserActivatedListening, setHasUserActivatedListening] = (0, react_1.useState)(false);
     const [showPositionDrawer, setShowPositionDrawer] = (0, react_1.useState)(false);
     const [showSettingsDrawer, setShowSettingsDrawer] = (0, react_1.useState)(false);
+    const [showChatHistoryDrawer, setShowChatHistoryDrawer] = (0, react_1.useState)(false);
     const [showKnownFactsDrawer, setShowKnownFactsDrawer] = (0, react_1.useState)(false);
     const [showExpertsDrawer, setShowExpertsDrawer] = (0, react_1.useState)(false);
     const [muteSpeaker, setMuteSpeaker] = (0, react_1.useState)(!defaultEnableAudio || !defaultSpeakerActive || autoStart);
@@ -340,6 +342,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             ];
         });
     };
+    const [chatLogID, setChatLogID] = (0, react_1.useState)(undefined);
     const sendMessage = async (text, media, newSessionId, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
         var _a, _b, _c, _d, _f;
         const sessionID = newSessionId ||
@@ -373,11 +376,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (findMediaDocument) {
                 msg = msg + ' ' + findMediaDocument.content;
             }
+            if (chatLogID) {
+                msg =
+                    msg +
+                        ' \n\n' +
+                        '<chat-reference session-id="' +
+                        sessionID +
+                        '" event-log-id="' +
+                        chatLogID +
+                        '"></chat-reference>';
+            }
             const { currentState, ...response } = await postTextEnteredEvent({
                 sessionId: sessionID,
                 text: msg,
             });
             if (response.resultCode === 0 && currentState) {
+                setChatLogID(undefined);
                 const emission = useLoaderTextAsMsg && typingText
                     ? typingText
                     : (_b = currentState.emission) !== null && _b !== void 0 ? _b : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
@@ -788,6 +802,97 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setLoading(false);
         return null;
     };
+    const [chatLogs, setChatLogs] = (0, react_1.useState)([]);
+    const resumeSession = async (chatLog, questionsAndAnswers, initialContextVars, initialQuestion, birthDate) => {
+        var _a, _b, _c, _d, _f;
+        setLoading(true);
+        let storageBirthDate = (0, configuration_1.getLocalConfig)('birthDate', undefined);
+        let userBirthDate = birthDate !== null && birthDate !== void 0 ? birthDate : storageBirthDate;
+        try {
+            if (!userBirthDate && !!minAge) {
+                setShowAgeVerification(true);
+                return;
+            }
+            if (memori.privacyType !== 'PUBLIC' &&
+                !memoriPassword &&
+                !memori.secretToken &&
+                !memoriPwd &&
+                !memoriTokens) {
+                setAuthModalState('password');
+                return;
+            }
+            let referral;
+            try {
+                referral = (() => {
+                    return window.location.href;
+                })();
+                console.log('[REOPEN_SESSION] Got referral:', referral);
+            }
+            catch (err) {
+                console.debug('[REOPEN_SESSION] Error getting referral:', err);
+            }
+            const { sessionID, currentState, ...response } = await initSession({
+                memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
+                password: memoriPassword || memoriPwd || memori.secretToken,
+                recoveryTokens: memoriTokens,
+                tag: personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: personification === null || personification === void 0 ? void 0 : personification.pin,
+                continueFromChatLogID: chatLog.chatLogID,
+                initialContextVars: {
+                    PATHNAME: window.location.pathname,
+                    ROUTE: ((_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) || '',
+                    ...(initialContextVars || {}),
+                },
+                initialQuestion,
+                birthDate: userBirthDate,
+                additionalInfo: {
+                    ...(additionalInfo || {}),
+                    loginToken: (_f = (_d = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _d !== void 0 ? _d : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _f !== void 0 ? _f : authToken,
+                    language: getCultureCodeByLanguage(userLang),
+                    referral: referral,
+                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
+                },
+            });
+            if (sessionID) {
+                setSessionId(sessionID);
+                setHistory(chatLog.lines.map(log => {
+                    var _a;
+                    return ({
+                        text: log.text,
+                        emitter: log.emitter,
+                        media: (_a = log.media) === null || _a === void 0 ? void 0 : _a.map(m => ({
+                            ...m,
+                            mediumID: 'mediumID' in m ? String(m.mediumID) : crypto.randomUUID(),
+                        })),
+                        fromUser: log.inbound,
+                        initial: false,
+                        contextVars: log.contextVars,
+                        date: log.timestamp,
+                    });
+                }));
+                setChatLogs(questionsAndAnswers);
+            }
+            else if (response === null || response === void 0 ? void 0 : response.resultMessage.startsWith('This Memori is aged restricted')) {
+                console.error('[REOPEN_SESSION] Age restriction error:', response);
+                react_hot_toast_1.default.error(t('underageTwinSession', { age: minAge }));
+                setGotErrorInOpening(true);
+            }
+            else if ((response === null || response === void 0 ? void 0 : response.resultCode) === 403) {
+                console.error('[REOPEN_SESSION] Authentication error');
+                setMemoriPwd(undefined);
+                setAuthModalState('password');
+            }
+            else {
+                console.error('[REOPEN_SESSION] Other error:', response);
+                react_hot_toast_1.default.error(t((0, error_1.getErrori18nKey)(response.resultCode)));
+                setGotErrorInOpening(true);
+            }
+        }
+        catch (err) {
+            console.error('[RESUME_SESSION] Caught error:', err);
+        }
+        setLoading(false);
+    };
     const changeTag = async (memoriId, sessionId, tag, pin) => {
         var _a, _b, _c, _d, _f;
         if (!memoriId || !sessionId) {
@@ -1806,10 +1911,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             document.removeEventListener('MemoriTextEntered', memoriTextEnteredHandler);
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
-    const onClickStart = (0, react_1.useCallback)(async (session, initialSessionExpired = false) => {
+    const onClickStart = (0, react_1.useCallback)(async (session, initialSessionExpired = false, chatLog) => {
         var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        const sessionID = (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
-        const dialogState = (session === null || session === void 0 ? void 0 : session.dialogState) || currentDialogState;
+        const sessionID = chatLog ? undefined : (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
+        const dialogState = chatLog
+            ? undefined
+            : (session === null || session === void 0 ? void 0 : session.dialogState) || currentDialogState;
         setClickedStart(true);
         let translatedMessages = [];
         let memoriAudioElement = document.getElementById('memori-audio');
@@ -1853,12 +1960,15 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 password: secret || memoriPwd || memori.secretToken,
                 tag: personification === null || personification === void 0 ? void 0 : personification.tag,
                 pin: personification === null || personification === void 0 ? void 0 : personification.pin,
+                continueFromChatLogID: chatLog === null || chatLog === void 0 ? void 0 : chatLog.chatLogID,
                 initialContextVars: {
                     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 || {}),
+                    ...((!chatLog
+                        ? initialContextVars
+                        : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
                 },
-                initialQuestion,
+                initialQuestion: chatLog ? undefined : initialQuestion,
                 birthDate: birth,
                 additionalInfo: {
                     ...(additionalInfo || {}),
@@ -1868,17 +1978,53 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 },
             });
             if (session === null || session === void 0 ? void 0 : session.dialogState) {
-                setHistory([]);
-                translateDialogState(session.dialogState, userLang)
-                    .then(ts => {
-                    let text = ts.translatedEmission || ts.emission;
-                    if (text) {
-                        speak(text);
+                if (!chatLog) {
+                    setHistory([]);
+                    translateDialogState(session.dialogState, userLang)
+                        .then(ts => {
+                        let text = ts.translatedEmission || ts.emission;
+                        if (text) {
+                            speak(text);
+                        }
+                    })
+                        .finally(() => {
+                        setHasUserActivatedSpeak(true);
+                    });
+                }
+                else {
+                    const messages = chatLog.lines.map((l, i) => {
+                        var _a, _b;
+                        return ({
+                            text: l.text,
+                            media: (_b = (_a = l.media) === null || _a === void 0 ? void 0 : _a.filter(m => constants_1.allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
+                                mediumID: `${i}-${m.mimeType}`,
+                                ...m,
+                            })),
+                            fromUser: l.inbound,
+                            timestamp: l.timestamp,
+                            emitter: l.emitter,
+                            initial: i === 0,
+                        });
+                    });
+                    translatedMessages = messages !== null && messages !== void 0 ? messages : [];
+                    if (language.toUpperCase() !== userLang.toUpperCase() &&
+                        isMultilanguageEnabled) {
+                        try {
+                            console.debug('[CLICK_START] Translating messages');
+                            translatedMessages = await Promise.all(messages.map(async (m) => ({
+                                ...m,
+                                originalText: m.text,
+                                text: (await (0, translations_1.getTranslation)(m.text, userLang, language, baseUrl)).text,
+                            })));
+                        }
+                        catch (e) {
+                        }
                     }
-                })
-                    .finally(() => {
-                    setHasUserActivatedSpeak(true);
-                });
+                    setHistory(translatedMessages);
+                    translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
+                        setHasUserActivatedSpeak(true);
+                    });
+                }
             }
             else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
                 await onClickStart(session || undefined);
@@ -2204,7 +2350,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 source.connect(audioContext.destination);
             }
         },
+        setShowChatHistoryDrawer,
         showSettings: (_v = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _v !== void 0 ? _v : true,
+        showChatHistory: (_w = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _w !== void 0 ? _w : true,
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
         showClear,
@@ -2262,7 +2410,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_0 = ((_z = (_y = (_x = (_w = memori.culture) === null || _w === void 0 ? void 0 : _w.split('-')) === null || _x === void 0 ? void 0 : _x[0]) !== null && _y !== void 0 ? _y : i18n.language) !== null && _z !== void 0 ? _z : 'IT')) === null || _0 === void 0 ? void 0 : _0.toUpperCase())
+                ((_1 = ((_0 = (_z = (_y = (_x = memori.culture) === null || _x === void 0 ? void 0 : _x.split('-')) === null || _y === void 0 ? void 0 : _y[0]) !== null && _z !== void 0 ? _z : i18n.language) !== null && _0 !== void 0 ? _0 : 'IT')) === null || _1 === void 0 ? void 0 : _1.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
@@ -2272,7 +2420,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         typingText,
         showTypingText,
         history: showFullHistory ? history : history.slice(-2),
-        authToken: (_2 = (_1 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _1 !== void 0 ? _1 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _2 !== void 0 ? _2 : authToken,
+        authToken: (_3 = (_2 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _2 !== void 0 ? _2 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _3 !== void 0 ? _3 : authToken,
         dialogState: currentDialogState,
         setDialogState: setCurrentDialogState,
         pushMessage,
@@ -2369,7 +2517,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setAuthModalState(null);
                         setGotErrorInOpening(true);
                     });
-                }, minimumNumberOfRecoveryTokens: (_3 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _3 !== void 0 ? _3 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                }, minimumNumberOfRecoveryTokens: (_4 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _4 !== void 0 ? _4 : 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);
@@ -2393,7 +2541,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         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 })), showPositionDrawer && ((0, jsx_runtime_1.jsx)(PositionDrawer_1.default, { memori: memori, open: !!showPositionDrawer, venue: position, setVenue: setPosition, onClose: position => {
+                } })), 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, apiUrl: client.constants.BACKEND_URL })), showPositionDrawer && ((0, jsx_runtime_1.jsx)(PositionDrawer_1.default, { memori: memori, open: !!showPositionDrawer, venue: position, setVenue: setPosition, onClose: position => {
                     if (position)
                         applyPosition(position);
                     setShowPositionDrawer(false);