@memori.ai/memori-react 7.12.2 → 7.13.1

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useRef, } from 'react';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
-import { AudioContext, } from 'standardized-audio-context';
+import { AudioContext } from 'standardized-audio-context';
 import * as speechSdk from 'microsoft-cognitiveservices-speech-sdk';
 import cx from 'classnames';
 import { DateTime } from 'luxon';
@@ -12,7 +12,6 @@ import MemoriAuth from '../Auth/Auth';
 import Chat from '../Chat/Chat';
 import StartPanel from '../StartPanel/StartPanel';
 import Avatar from '../Avatar/Avatar';
-import ChangeMode from '../ChangeMode/ChangeMode';
 import Header from '../Header/Header';
 import PoweredBy from '../PoweredBy/PoweredBy';
 import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
@@ -152,7 +151,7 @@ let memoriPassword;
 let speakerMuted = false;
 let memoriSpeaking = false;
 let userToken;
-const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showInstruct = false, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, showTypingText = false, showClear = false, showLogin = false, showUpload = false, 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, }) => {
+const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, showTypingText = false, showClear = false, showLogin = false, showUpload = false, 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, }) => {
     var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
     const { t, i18n } = useTranslation();
     const [isClient, setIsClient] = useState(false);
@@ -222,7 +221,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const [showSettingsDrawer, setShowSettingsDrawer] = useState(false);
     const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
     const [showExpertsDrawer, setShowExpertsDrawer] = useState(false);
-    const [muteSpeaker, setMuteSpeaker] = useState(!defaultEnableAudio || !defaultSpeakerActive);
+    const [muteSpeaker, setMuteSpeaker] = useState(!defaultEnableAudio || !defaultSpeakerActive || autoStart);
     const [continuousSpeech, setContinuousSpeech] = useState(false);
     const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
     const [isPlayingAudio, setIsPlayingAudio] = useState(false);
@@ -249,8 +248,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         else {
             defaultControlsPosition = 'bottom';
         }
-        setMuteSpeaker(getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive));
-        speakerMuted = getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive);
+        setMuteSpeaker(autoStart ||
+            getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive || autoStart));
+        speakerMuted =
+            autoStart ||
+                getLocalConfig('muteSpeaker', !defaultEnableAudio || !defaultSpeakerActive || autoStart);
         setContinuousSpeech(microphoneMode === 'CONTINUOUS');
         setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
         setControlsPosition(getLocalConfig('controlsPosition', defaultControlsPosition));
@@ -353,7 +355,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         try {
             if (!hidden &&
                 translate &&
-                !instruct &&
                 isMultilanguageEnabled &&
                 userLang.toUpperCase() !== language.toUpperCase()) {
                 const translation = await getTranslation(text, language, userLang, baseUrl);
@@ -370,78 +371,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 const emission = useLoaderTextAsMsg && typingText
                     ? typingText
                     : (_d = currentState.emission) !== null && _d !== void 0 ? _d : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
-                if (currentState.state === 'X4' && memori.giverTag) {
-                    const { currentState, ...resp } = await postTagChangedEvent(sessionID, memori.giverTag);
-                    if (resp.resultCode === 0) {
-                        setCurrentDialogState(currentState);
-                        if (emission) {
-                            pushMessage({
-                                text: emission,
-                                emitter: currentState.emitter,
-                                media: currentState.media,
-                                fromUser: false,
-                                questionAnswered: msg,
-                                contextVars: currentState.contextVars,
-                                date: currentState.currentDate,
-                                placeName: currentState.currentPlaceName,
-                                placeLatitude: currentState.currentLatitude,
-                                placeLongitude: currentState.currentLongitude,
-                                placeUncertaintyKm: currentState.currentUncertaintyKm,
-                                tag: currentState.currentTag,
-                                memoryTags: currentState.memoryTags,
-                            });
-                            speak(emission);
-                        }
-                    }
-                    else {
-                        console.error(response, resp);
-                        toast.error(t(getErrori18nKey(resp.resultCode)));
-                        gotError = true;
-                    }
-                }
-                else if (currentState.state === 'X2d' && memori.giverTag) {
-                    const { currentState, ...resp } = await postTextEnteredEvent({
-                        sessionId: sessionID,
-                        text: Math.random().toString().substring(2, 8),
-                    });
-                    if (resp.resultCode === 0) {
-                        const { currentState, ...resp } = await postTagChangedEvent(sessionID, memori.giverTag);
-                        if (resp.resultCode === 0) {
-                            setCurrentDialogState(currentState);
-                            if (emission) {
-                                pushMessage({
-                                    text: emission,
-                                    emitter: currentState.emitter,
-                                    media: currentState.media,
-                                    fromUser: false,
-                                    questionAnswered: msg,
-                                    contextVars: currentState.contextVars,
-                                    date: currentState.currentDate,
-                                    placeName: currentState.currentPlaceName,
-                                    placeLatitude: currentState.currentLatitude,
-                                    placeLongitude: currentState.currentLongitude,
-                                    placeUncertaintyKm: currentState.currentUncertaintyKm,
-                                    tag: currentState.currentTag,
-                                    memoryTags: currentState.memoryTags,
-                                });
-                                speak(emission);
-                            }
-                        }
-                        else {
-                            console.error(response, resp);
-                            toast.error(t(getErrori18nKey(resp.resultCode)));
-                            gotError = true;
-                        }
-                    }
-                    else {
-                        console.error(response, resp);
-                        toast.error(t(getErrori18nKey(resp.resultCode)));
-                        gotError = true;
-                    }
-                }
-                else if (userLang.toLowerCase() !== language.toLowerCase() &&
+                if (userLang.toLowerCase() !== language.toLowerCase() &&
                     emission &&
-                    !instruct &&
                     isMultilanguageEnabled) {
                     translateDialogState(currentState, userLang, msg).then(ts => {
                         let text = ts.translatedEmission || ts.emission;
@@ -478,7 +409,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             }
             else if (response.resultCode === 404) {
                 setHistory(h => [...h.slice(0, h.length - 1)]);
-                reopenSession(false, memoriPwd || memori.secretToken, memoriTokens, instruct && memori.giverTag ? memori.giverTag : undefined, instruct && memori.giverPIN ? memori.giverPIN : undefined, {
+                reopenSession(false, memoriPwd || memori.secretToken, memoriTokens, undefined, undefined, {
                     PATHNAME: window.location.pathname,
                     ROUTE: ((_g = (_f = window.location.pathname) === null || _f === void 0 ? void 0 : _f.split('/')) === null || _g === void 0 ? void 0 : _g.pop()) || '',
                     ...(initialContextVars || {}),
@@ -509,7 +440,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         let translatedState = { ...state };
         let translatedMsg = null;
         if (!emission ||
-            instruct ||
             language.toUpperCase() === userLang.toUpperCase() ||
             !isMultilanguageEnabled) {
             translatedState = { ...state, emission };
@@ -643,7 +573,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         });
     };
     const fetchSession = async (params) => {
-        var _a, _b, _c, _d, _f, _g;
+        var _a, _b, _c, _d, _f;
         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) {
@@ -659,13 +589,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         setLoading(true);
         try {
-            if (!memori.giverTag && !!((_b = memori.receivedInvitations) === null || _b === void 0 ? void 0 : _b.length)) {
-                let giverInvitation = memori.receivedInvitations.find((i) => i.type === 'GIVER' && i.state === 'ACCEPTED');
-                if (giverInvitation) {
-                    memori.giverTag = giverInvitation.tag;
-                    memori.giverPIN = giverInvitation.pin;
-                }
-            }
             let referral;
             try {
                 referral = (() => {
@@ -678,11 +601,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             const session = await initSession({
                 ...params,
                 birthDate: userBirthDate,
-                tag: (_c = params.tag) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.tag,
-                pin: (_d = params.pin) !== null && _d !== void 0 ? _d : personification === null || personification === void 0 ? void 0 : personification.pin,
+                tag: (_b = params.tag) !== null && _b !== void 0 ? _b : personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: (_c = params.pin) !== null && _c !== void 0 ? _c : personification === null || personification === void 0 ? void 0 : personification.pin,
                 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,
+                    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(),
@@ -692,6 +615,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 (session === null || session === void 0 ? void 0 : session.currentState) &&
                 session.resultCode === 0) {
                 setSessionId(session.sessionID);
+                setInstruct((currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) === memori.giverTag);
                 if (position)
                     applyPosition(position, session.sessionID);
                 setLoading(false);
@@ -751,8 +675,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
                 password: password || memoriPwd || memori.secretToken,
                 recoveryTokens: recoveryTokens || memoriTokens,
-                tag,
-                pin,
+                tag: tag !== null && tag !== void 0 ? tag : personification === null || personification === void 0 ? void 0 : personification.tag,
+                pin: pin !== null && pin !== void 0 ? pin : personification === null || personification === void 0 ? void 0 : personification.pin,
                 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()) || '',
@@ -883,8 +807,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     fetchSession({
                         memoriID: (_a = memori.engineMemoriID) !== null && _a !== void 0 ? _a : '',
                         password: secret || memoriPwd || memori.secretToken,
-                        tag: memori.giverTag,
-                        pin: memori.giverPIN,
+                        tag: tag !== null && tag !== void 0 ? tag : personification === null || personification === void 0 ? void 0 : personification.tag,
+                        pin: pin !== null && pin !== void 0 ? pin : personification === null || personification === void 0 ? void 0 : personification.pin,
                         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()) || '',
@@ -917,19 +841,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         return null;
     };
-    const restoreGiverTag = async () => {
-        if (sessionId && memori.giverTag && memori.giverPIN) {
-            setHistory([]);
-            await changeTag(memori.engineMemoriID, sessionId, memori.giverTag, memori.giverPIN);
-        }
-    };
-    useEffect(() => {
-        return () => {
-            if (!currentDialogState ||
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== memori.giverTag)
-                restoreGiverTag();
-        };
-    }, []);
     const sendDateChangedEvent = useCallback(async ({ sessionID, date, state, }) => {
         var _a;
         const session = sessionID !== null && sessionID !== void 0 ? sessionID : sessionId;
@@ -1001,8 +912,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             const { currentState, ...response } = await postTimeoutEvent(sessionId);
             if (response.resultCode === 0 && currentState) {
                 const emission = currentState.emission;
-                if (!instruct &&
-                    isMultilanguageEnabled &&
+                if (isMultilanguageEnabled &&
                     userLang !== (i18n === null || i18n === void 0 ? void 0 : i18n.language) &&
                     emission &&
                     emission.length > 0) {
@@ -1267,15 +1177,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         const e = new CustomEvent('MemoriEndSpeak');
         document.dispatchEvent(e);
     };
-    const handleSpeechEnd = () => {
-        memoriSpeaking = false;
-        setMemoriTyping(false);
-        emitEndSpeakEvent();
-    };
-    const generateSSMLText = (text) => {
-        const textToSpeak = escapeHTML(stripMarkdown(stripEmojis(stripHTML(stripOutputTags(text)))));
-        return `<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(userLang)}"><voice name="${getTTSVoice(userLang)}"><s>${replaceTextWithPhonemes(textToSpeak, userLang.toLowerCase())}</s></voice></speak>`;
-    };
     const speak = (text) => {
         if (!AZURE_COGNITIVE_SERVICES_TTS_KEY || preview) {
             emitEndSpeakEvent();
@@ -1619,7 +1520,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const integrationProperties = (integration
         ? {
             '--memori-chat-bubble-bg': '#fff',
-            ...(integrationConfig && !showInstruct
+            ...(integrationConfig && !instruct
                 ? { '--memori-text-color': (_q = integrationConfig.textColor) !== null && _q !== void 0 ? _q : '#000' }
                 : {}),
             ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonBgColor)
@@ -1657,11 +1558,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         : {});
     const integrationStylesheet = `
-    ${preview
-        ? '#preview,'
-        : selectedLayout === 'WEBSITE_ASSISTANT'
-            ? ''
-            : ':root,'} .memori-widget, .memori-drawer, .memori-modal {
+    ${preview ? '#preview, ' : applyVarsToRoot ? ':root, ' : ''}memori-client, .memori-widget, .memori-drawer, .memori-modal {
       ${Object.entries(integrationProperties)
         .map(([key, value]) => `${key}: ${value};`)
         .join('\n')}
@@ -1708,74 +1605,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             document.head.append(meta);
         }
     }, [integrationConfig, memori.avatarURL, ogImage]);
-    const selectReceiverTag = async (tag) => {
-        var _a;
-        if (!sessionId)
-            return;
-        try {
-            const { currentState, ...resp } = await postTagChangedEvent(sessionId, tag);
-            if (resp.resultCode === 0) {
-                pushMessage({
-                    text: tag,
-                    fromUser: true,
-                });
-                if (currentState.state === 'X4' && memori.giverTag) {
-                    const { currentState, ...resp } = await client.postTagChangedEvent(sessionId, memori.giverTag);
-                    if (resp.resultCode === 0) {
-                        setCurrentDialogState(currentState);
-                        if (currentState.emission) {
-                            pushMessage({
-                                text: currentState.emission,
-                                emitter: currentState.emitter,
-                                media: currentState.media,
-                                fromUser: false,
-                                contextVars: currentState.contextVars,
-                                date: currentState.currentDate,
-                                placeName: currentState.currentPlaceName,
-                                placeLatitude: currentState.currentLatitude,
-                                placeLongitude: currentState.currentLongitude,
-                                placeUncertaintyKm: currentState.currentUncertaintyKm,
-                                tag: currentState.currentTag,
-                                memoryTags: currentState.memoryTags,
-                            });
-                        }
-                    }
-                    else {
-                        console.error(resp);
-                        toast.error(t(getErrori18nKey(resp.resultCode)));
-                    }
-                }
-                else {
-                    setCurrentDialogState(currentState);
-                    if (currentState.emission) {
-                        pushMessage({
-                            text: currentState.emission,
-                            emitter: currentState.emitter,
-                            media: currentState.media,
-                            fromUser: false,
-                            contextVars: currentState.contextVars,
-                            date: currentState.currentDate,
-                            placeName: currentState.currentPlaceName,
-                            placeLatitude: currentState.currentLatitude,
-                            placeLongitude: currentState.currentLongitude,
-                            placeUncertaintyKm: currentState.currentUncertaintyKm,
-                            tag: currentState.currentTag,
-                            memoryTags: currentState.memoryTags,
-                        });
-                    }
-                }
-            }
-            else {
-                console.error(resp, tag, (_a = currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.knownTags) === null || _a === void 0 ? void 0 : _a[tag]);
-                toast.error(t(getErrori18nKey(resp.resultCode)));
-            }
-        }
-        catch (e) {
-            let err = e;
-            console.error(err);
-            toast.error(err.message);
-        }
-    };
     const simulateUserPrompt = (text, translatedText) => {
         stopListening();
         stopAudio();
@@ -1818,7 +1647,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
     const onClickStart = useCallback(async (session, initialSessionExpired = false) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         const sessionID = (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
         const dialogState = (session === null || session === void 0 ? void 0 : session.dialogState) || currentDialogState;
         setClickedStart(true);
@@ -1902,44 +1731,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 applyPosition(position, sessionID);
             if (memori.needsDateTime)
                 sendDateChangedEvent({ sessionID: sessionID, state: currentState });
-            if (instruct &&
-                memori.giverTag &&
-                (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== memori.giverTag) {
-                try {
-                    console.debug('change tag #0');
-                    await changeTag(memori.engineMemoriID, sessionID, '-');
-                    const session = await changeTag(memori.engineMemoriID, sessionID, memori.giverTag, memori.giverPIN);
-                    if (session && session.resultCode === 0) {
-                        translateDialogState(session.currentState, userLang)
-                            .then(ts => {
-                            let text = ts.translatedEmission || ts.emission;
-                            if (text) {
-                                speak(text);
-                            }
-                        })
-                            .finally(() => {
-                            setHasUserActivatedSpeak(true);
-                        });
-                    }
-                    else {
-                        console.error('session #1', session);
-                        throw new Error('No session');
-                    }
-                }
-                catch (e) {
-                    console.error('session #2', e);
-                    reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, memori === null || memori === void 0 ? void 0 : memori.giverTag, memori === null || memori === void 0 ? void 0 : memori.giverPIN, {
-                        PATHNAME: (_h = window.location.pathname) === null || _h === void 0 ? void 0 : _h.toUpperCase(),
-                        ROUTE: ((_l = (_k = (_j = window.location.pathname) === null || _j === void 0 ? void 0 : _j.split('/')) === null || _k === void 0 ? void 0 : _k.pop()) === null || _l === void 0 ? void 0 : _l.toUpperCase()) ||
-                            '',
-                        ...(initialContextVars || {}),
-                    }, initialQuestion, birth).then(() => {
-                        setHasUserActivatedSpeak(true);
-                    });
-                }
-            }
-            else if (!instruct &&
-                personification &&
+            if (personification &&
                 (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== personification.tag) {
                 try {
                     console.debug('change tag #3');
@@ -1965,8 +1757,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 catch (e) {
                     console.error('session #5', e);
                     reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, personification.tag, personification.pin, {
-                        PATHNAME: (_m = window.location.pathname) === null || _m === void 0 ? void 0 : _m.toUpperCase(),
-                        ROUTE: ((_q = (_p = (_o = window.location.pathname) === null || _o === void 0 ? void 0 : _o.split('/')) === null || _p === void 0 ? void 0 : _p.pop()) === null || _q === void 0 ? void 0 : _q.toUpperCase()) ||
+                        PATHNAME: (_h = window.location.pathname) === null || _h === void 0 ? void 0 : _h.toUpperCase(),
+                        ROUTE: ((_l = (_k = (_j = window.location.pathname) === null || _j === void 0 ? void 0 : _j.split('/')) === null || _k === void 0 ? void 0 : _k.pop()) === null || _l === void 0 ? void 0 : _l.toUpperCase()) ||
                             '',
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
@@ -1974,8 +1766,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     });
                 }
             }
-            else if (!instruct &&
-                !personification &&
+            else if (!personification &&
                 (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) &&
                 (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== anonTag &&
                 (currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.currentTag) !== '-') {
@@ -2003,8 +1794,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 catch (e) {
                     console.error('session #8', e);
                     reopenSession(true, memori === null || memori === void 0 ? void 0 : memori.secretToken, undefined, undefined, undefined, {
-                        PATHNAME: (_r = window.location.pathname) === null || _r === void 0 ? void 0 : _r.toUpperCase(),
-                        ROUTE: ((_v = (_u = (_t = window.location.pathname) === null || _t === void 0 ? void 0 : _t.split('/')) === null || _u === void 0 ? void 0 : _u.pop()) === null || _v === void 0 ? void 0 : _v.toUpperCase()) ||
+                        PATHNAME: (_m = window.location.pathname) === null || _m === void 0 ? void 0 : _m.toUpperCase(),
+                        ROUTE: ((_q = (_p = (_o = window.location.pathname) === null || _o === void 0 ? void 0 : _o.split('/')) === null || _p === void 0 ? void 0 : _p.pop()) === null || _q === void 0 ? void 0 : _q.toUpperCase()) ||
                             '',
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
@@ -2015,7 +1806,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             else {
                 try {
                     const { chatLogs, ...resp } = await getSessionChatLogs(sessionID, sessionID);
-                    const messages = (_w = chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]) === null || _w === void 0 ? void 0 : _w.lines.map((l, i) => {
+                    const messages = (_r = chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]) === null || _r === void 0 ? void 0 : _r.lines.map((l, i) => {
                         var _a, _b;
                         return ({
                             text: l.text,
@@ -2078,6 +1869,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             });
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
+    useEffect(() => {
+        if (!clickedStart && autoStart) {
+            onClickStart();
+        }
+    }, [clickedStart, autoStart]);
     useEffect(() => {
         const targetNode = document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
             document.querySelector(`memori-client[memoriid="${memori.memoriID}"]`) ||
@@ -2280,14 +2076,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         showCopyButton,
         showTranslationOriginal,
         client,
-        selectReceiverTag,
+        instruct,
         preview,
         sendOnEnter,
         setSendOnEnter,
         microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK',
         attachmentsMenuOpen,
         setAttachmentsMenuOpen,
-        instruct,
         showInputs,
         showMicrophone: !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
         userMessage,
@@ -2324,16 +2119,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     };
     const integrationBackground = integration && globalBackgroundUrl ? (_jsx("div", { className: "memori--global-background", children: _jsx("div", { className: "memori--global-background-image", style: { backgroundImage: globalBackgroundUrl } }) })) : (_jsx("div", { className: "memori--global-background no-background-image" }));
     const integrationStyle = integration ? (_jsx("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
-    const onChangeMode = (mode) => {
-        setInstruct(mode === 'instruct');
-        setHasUserActivatedSpeak(false);
-        setClickedStart(false);
-    };
-    const changeModeProps = {
-        canInstruct: !!memori.giverTag,
-        instruct: !!instruct,
-        onChangeMode,
-    };
     const poweredBy = (_jsx(PoweredBy, { tenant: tenant, userLang: userLang, integrationID: integration === null || integration === void 0 ? void 0 : integration.integrationID, memoriHash: `${memori.ownerTenantName}-${memori.ownerUserName}-${memori.name}` }));
     const Layout = customLayout
         ? customLayout
@@ -2351,6 +2136,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                 ? ZoomedFullBodyLayout
                                 : FullPageLayout;
     return (_jsxs("div", { className: cx('memori', 'memori-widget', `memori-layout-${layout.toLowerCase()}`, `memori-controls-${controlsPosition.toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
+            'memori--auto-start': autoStart,
             'memori--preview': preview,
             'memori--embed': embed,
             'memori--with-integration': integration,
@@ -2361,7 +2147,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }), "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: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, ChangeMode: ChangeMode, changeModeProps: changeModeProps, poweredBy: poweredBy, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, showInstruct: showInstruct, loading: loading }), _jsx("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && (_jsx(MemoriAuth, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: async (values) => {
+        }), style: { height }, children: [_jsx(Layout, { Header: Header, headerProps: headerProps, Avatar: Avatar, avatarProps: avatarProps, Chat: Chat, chatProps: chatProps, StartPanel: StartPanel, startPanelProps: startPanelProps, integrationStyle: integrationStyle, integrationBackground: integrationBackground, poweredBy: poweredBy, sessionId: sessionId, hasUserActivatedSpeak: hasUserActivatedSpeak, loading: loading }), _jsx("audio", { id: "memori-audio", style: { display: 'none' }, src: "https://aisuru.com/intro.mp3" }), isClient && (_jsx(MemoriAuth, { withModal: true, pwdOrTokens: authModalState, openModal: !!authModalState, setPwdOrTokens: setAuthModalState, showTokens: memori.privacyType === 'SECRET', onFinish: async (values) => {
                     var _a, _b, _c, _d;
                     if (values['password'])
                         setMemoriPwd(values['password']);
@@ -2369,7 +2155,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         memoriPassword = values['password'];
                     if (values['tokens'])
                         setMemoriTokens(values['tokens']);
-                    reopenSession(!sessionId, values['password'], values['tokens'], instruct ? memori.giverTag : personification === null || personification === void 0 ? void 0 : personification.tag, instruct ? memori.giverPIN : personification === null || personification === void 0 ? void 0 : personification.pin, {
+                    reopenSession(!sessionId, values['password'], values['tokens'], personification === null || personification === void 0 ? void 0 : personification.tag, personification === null || personification === void 0 ? void 0 : personification.pin, {
                         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()) ||
                             '',
@@ -2388,7 +2174,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     if (birthDate) {
                         setBirthDate(birthDate);
                         setLocalConfig('birthDate', birthDate);
-                        reopenSession(!sessionId, memoriPassword || memoriPwd || (memori === null || memori === void 0 ? void 0 : memori.secretToken), memoriTokens, instruct ? memori.giverTag : personification === null || personification === void 0 ? void 0 : personification.tag, instruct ? memori.giverPIN : personification === null || personification === void 0 ? void 0 : personification.pin, {
+                        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, {
                             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 || {}),