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

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogStateFingerprint = dialogStateFingerprint;
 exports.getChatStyles = getChatStyles;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -84,6 +85,21 @@ function readCorrelationID(response) {
     const value = response.correlationID;
     return typeof value === 'string' && value.length > 0 ? value : undefined;
 }
+function dialogStateFingerprint(state) {
+    if (!state)
+        return '';
+    return JSON.stringify({
+        state: state.state,
+        previousState: state.previousState,
+        emission: state.emission,
+        emitter: state.emitter,
+        lastMatchedMemoryID: state.lastMatchedMemoryID,
+        currentDate: state.currentDate,
+        currentMemoryID: state.currentMemoryID,
+        contextVars: state.contextVars,
+        emittedMedia: state.emittedMedia,
+    });
+}
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
         detail: {
@@ -187,22 +203,9 @@ function getChatStyles(config) {
     const primaryContent = (_a = config === null || config === void 0 ? void 0 : config.buttonTextColor) !== null && _a !== void 0 ? _a : '#ffffff';
     return {
         '--memori-primary-color': primary,
-        '--memori-primary': primary,
         '--memori-primary-content': primaryContent,
-        '--memori-primary-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 15%)',
-        '--memori-primary-active': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast, black) 25%)',
-        '--memori-primary-disabled': 'color-mix(in oklch, var(--memori-primary), transparent 60%)',
-        '--memori-primary-subtle': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 60%)',
-        '--memori-primary-subtle-hover': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 50%)',
-        '--memori-border-primary': 'color-mix(in oklch, var(--memori-primary), transparent 70%)',
-        '--memori-border-primary-hover': 'color-mix(in oklch, var(--memori-primary), transparent 50%)',
-        '--memori-focus-ring-color': 'color-mix(in oklch, var(--memori-primary), transparent 80%)',
-        '--memori-focus-ring': '0 0 0 3px var(--memori-focus-ring-color)',
-        '--memori-shadow-primary': '0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%)',
-        '--memori-skeleton-base': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 85%)',
-        '--memori-skeleton-highlight': 'color-mix(in oklch, var(--memori-primary), var(--memori-surface-contrast-inverse, white) 75%)',
         '--memori-icon-active-bg': 'color-mix(in oklch, var(--memori-primary) 12%, transparent)',
-        '--memori-icon-recording-bg': 'color-mix(in oklch, var(--memori-error, #dc2626) 12%, transparent)',
+        '--memori-icon-recording-bg': 'color-mix(in oklch, var(--memori-error) 12%, transparent)',
     };
 }
 const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height = '100vh', secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
@@ -570,6 +573,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             if (response.resultCode === 0 && correlationID) {
                 registerPendingEnterText(correlationID, {
                     msg,
+                    stateBeforeRequest: dialogStateFingerprint(currentDialogState),
                     text,
                     media,
                     translate,
@@ -826,7 +830,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
     }, [initialSessionID]);
     const fetchSession = async (params) => {
-        var _a, _b, _c, _d, _f, _g, _h;
+        var _a, _b, _c, _d, _f, _g, _h, _j;
         let storageBirthDate = (0, configuration_1.getLocalConfig)('birthDate', undefined);
         let userBirthDate = (_a = birthDate !== null && birthDate !== void 0 ? birthDate : params.birthDate) !== null && _a !== void 0 ? _a : storageBirthDate;
         if (!userBirthDate && !!minAge) {
@@ -834,8 +838,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             return;
         }
         if (memori.privacyType !== 'PUBLIC' &&
+            !params.password &&
             !memori.secretToken &&
             !memoriPwd &&
+            !((_b = params.recoveryTokens) === null || _b === void 0 ? void 0 : _b.length) &&
             !memoriTokens) {
             setAuthModalState('password');
             return;
@@ -851,17 +857,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     return window.location.href;
                 })();
             }
-            catch (_j) {
+            catch (_k) {
             }
             const session = await initSession({
                 ...params,
                 birthDate: userBirthDate,
-                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,
+                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,
                 additionalInfo: {
                     ...(params.additionalInfo || additionalInfo || {}),
-                    loginToken: resolveLoginToken((_d = params.additionalInfo) === null || _d === void 0 ? void 0 : _d.loginToken),
-                    language: ((_h = userLang !== null && userLang !== void 0 ? userLang : (_g = (_f = memori.culture) === null || _f === void 0 ? void 0 : _f.split('-')) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : 'IT').toLowerCase(),
+                    loginToken: resolveLoginToken((_f = params.additionalInfo) === null || _f === void 0 ? void 0 : _f.loginToken),
+                    language: ((_j = userLang !== null && userLang !== void 0 ? userLang : (_h = (_g = memori.culture) === null || _g === void 0 ? void 0 : _g.split('-')) === null || _h === void 0 ? void 0 : _h[0]) !== null && _j !== void 0 ? _j : 'IT').toLowerCase(),
                     referral: referral,
                     timeZoneOffset: new Date().getTimezoneOffset().toString(),
                 },
@@ -917,15 +923,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         try {
             if (!userBirthDate && !!minAge) {
                 setShowAgeVerification(true);
+                setLoading(false);
                 return;
             }
             if (memori.privacyType !== 'PUBLIC' &&
                 !password &&
                 !memori.secretToken &&
                 !memoriPwd &&
-                !recoveryTokens &&
+                !(recoveryTokens === null || recoveryTokens === void 0 ? void 0 : recoveryTokens.length) &&
                 !memoriTokens) {
                 setAuthModalState('password');
+                setLoading(false);
                 return;
             }
             if (!(await checkCredits({ notify: true }))) {
@@ -1482,6 +1490,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             reject(new Error('NATS enter-text response timeout'));
         }, timeoutMs);
         registerPendingEnterText(correlationID, {
+            stateBeforeRequest: dialogStateFingerprint(currentDialogState),
             waitForResponse: {
                 resolve: event => {
                     clearTimeout(timeoutId);
@@ -1494,7 +1503,45 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 timeoutId,
             },
         });
-    }), [registerPendingEnterText, clearEnterTextPending]);
+    }), [registerPendingEnterText, clearEnterTextPending, currentDialogState]);
+    const catchUpPendingEnterText = (0, react_1.useCallback)(async () => {
+        if (!sessionId || pendingEnterTextRef.current.size === 0)
+            return;
+        const latest = Array.from(pendingEnterTextRef.current.entries()).pop();
+        if (!latest)
+            return;
+        const [correlationID, pending] = latest;
+        try {
+            const { currentState, resultCode, resultMessage, requestID } = await getSession(sessionId);
+            if (resultCode !== 0 || !currentState) {
+                deliverEnterTextNatsResponse(correlationID, {
+                    eventType: 'dialog_text_entered_response',
+                    correlationID,
+                    requestID,
+                    resultCode,
+                    resultMessage,
+                    currentState,
+                });
+                return;
+            }
+            if (dialogStateFingerprint(currentState) === pending.stateBeforeRequest) {
+                console.info('[NATS] catch-up: pending turn has not completed yet');
+                return;
+            }
+            console.info('[NATS] catch-up: applying current engine session state');
+            deliverEnterTextNatsResponse(correlationID, {
+                eventType: 'dialog_text_entered_response',
+                correlationID,
+                requestID,
+                resultCode,
+                resultMessage,
+                currentState,
+            });
+        }
+        catch (error) {
+            logWidgetError('NATS catch-up failed', error);
+        }
+    }, [sessionId, deliverEnterTextNatsResponse]);
     (0, useNats_1.useNats)({
         baseUrl,
         sessionId,
@@ -1514,6 +1561,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             deliverEnterTextNatsResponse(correlationID, event);
         }, [deliverEnterTextNatsResponse]),
         onError: deliverEnterTextNatsError,
+        onCatchUp: catchUpPendingEnterText,
     });
     const focusChatInput = () => {
         let textarea = document.querySelector('#chat-fieldset textarea');
@@ -1552,16 +1600,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, []);
     (0, react_1.useEffect)(() => {
         if (!isPlayingAudio &&
+            !memoriTyping &&
             continuousSpeech &&
             (hasUserActivatedListening || !requestedListening) &&
             sessionId &&
             !hasUserTypedMessage) {
             startRecording();
         }
-        else if (isPlayingAudio && isListening) {
+        else if ((isPlayingAudio || memoriTyping) && isListening) {
             stopRecording();
         }
-    }, [isPlayingAudio, hasUserActivatedListening, hasUserTypedMessage]);
+    }, [
+        isPlayingAudio,
+        hasUserActivatedListening,
+        hasUserTypedMessage,
+        memoriTyping,
+    ]);
     (0, react_1.useEffect)(() => {
         stopRecording();
     }, [language]);
@@ -1611,7 +1665,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     transform: none;
   }`);
     }
-    const integrationStylesheet = `@layer integration {
+    const integrationStylesheet = `@layer memori.overrides {
   ${integrationStylesheetParts.join('\n  ')}
 }
 `;
@@ -1713,8 +1767,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         if (!birth && autoStart && (initialSessionID || targetSessionID))
             birth = '1970-01-01T10:24:03.845Z';
         const localPosition = (0, configuration_1.getLocalConfig)('position', undefined);
-        if (autoStart && !localPosition && memori.needsPosition) {
-            setPositionPopoverOpenState(true);
+        if (autoStart &&
+            (0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, Boolean(position || localPosition))) {
+            setClickedStart(false);
             return;
         }
         if (!(await checkCredits({ notify: true }))) {
@@ -1991,8 +2046,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     const setPositionPopoverOpen = (0, react_1.useCallback)((open) => {
         const sessionAlreadyStarted = !!(sessionId && hasUserActivatedSpeak);
+        const hasPosition = Boolean(position || (0, configuration_1.getLocalConfig)('position', undefined));
         setPositionPopoverOpenState(wasOpen => {
-            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart, sessionAlreadyStarted)) {
+            if ((0, positionPopover_1.shouldRestartSessionOnPositionPopoverClose)(wasOpen, open, autoStart, sessionAlreadyStarted, hasPosition)) {
                 queueMicrotask(() => {
                     onClickStart();
                 });
@@ -2004,14 +2060,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             }
             return open;
         });
-    }, [autoStart, onClickStart, sessionId, hasUserActivatedSpeak]);
+    }, [autoStart, onClickStart, sessionId, hasUserActivatedSpeak, position]);
     (0, react_1.useEffect)(() => {
+        const storedPosition = (0, configuration_1.getLocalConfig)('position', undefined);
+        const hasPosition = Boolean(position || storedPosition);
         if (!clickedStart &&
             !sessionStartingRef.current &&
             !sessionId &&
             autoStart &&
             selectedLayout !== 'HIDDEN_CHAT' &&
-            (!needsCredits || hasEnoughCredits)) {
+            (!needsCredits || hasEnoughCredits) &&
+            !(0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, hasPosition)) {
             onClickStart();
         }
     }, [
@@ -2021,6 +2080,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         sessionId,
         needsCredits,
         hasEnoughCredits,
+        position,
+        memori.needsPosition,
     ]);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -2158,7 +2219,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         };
     }, [sessionId]);
     const showFullHistory = showOnlyLastMessages === undefined
-        ? selectedLayout !== 'TOTEM' && selectedLayout !== 'WEBSITE_ASSISTANT'
+        ? selectedLayout !== 'WEBSITE_ASSISTANT'
         : !showOnlyLastMessages;
     const canShowLoginButton = !(tenant === null || tenant === void 0 ? void 0 : tenant.ssoLogin) &&
         ((_y = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _y !== void 0 ? _y : memori.requireLoginToken);
@@ -2442,7 +2503,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     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'
+                                }, 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;