@memori.ai/memori-react 8.8.4 → 8.9.0

package/dist/components/MemoriArtifactSystem/utils/ArtifactAPI.js

@@ -0,0 +1,287 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArtifactAPIBridge = exports.initMemoriArtifactAPI = void 0;
+const react_1 = require("react");
+const ArtifactContext_1 = require("../context/ArtifactContext");
+const pendingCalls = [];
+let isReady = false;
+const initMemoriArtifactAPI = () => {
+    if (typeof window === 'undefined')
+        return;
+    if (window.MemoriArtifactAPI) {
+        return;
+    }
+    window.MemoriArtifactAPI = {
+        _isReady: () => isReady,
+        _setReady: (ready) => { isReady = ready; },
+        _getPendingCalls: () => pendingCalls,
+        _clearPendingCalls: () => { pendingCalls.length = 0; },
+        openArtifact: (artifact) => {
+            if (!isReady) {
+                pendingCalls.push({ method: 'openArtifact', args: [artifact] });
+            }
+        },
+        createAndOpenArtifact: (content, mimeType, title) => {
+            if (!isReady) {
+                pendingCalls.push({ method: 'createAndOpenArtifact', args: [content, mimeType, title] });
+            }
+        },
+        createFromOutputElement: (outputElement) => {
+            if (!isReady) {
+                pendingCalls.push({ method: 'createFromOutputElement', args: [outputElement] });
+                return 'pending';
+            }
+            return 'not-ready';
+        },
+        closeArtifact: () => {
+            if (!isReady) {
+                pendingCalls.push({ method: 'closeArtifact', args: [] });
+            }
+        },
+        toggleFullscreen: () => {
+            if (!isReady) {
+                pendingCalls.push({ method: 'toggleFullscreen', args: [] });
+            }
+        },
+        getState: () => {
+            if (!isReady) {
+                return { currentArtifact: null, isDrawerOpen: false, isFullscreen: false };
+            }
+            return { currentArtifact: null, isDrawerOpen: false, isFullscreen: false };
+        },
+    };
+};
+exports.initMemoriArtifactAPI = initMemoriArtifactAPI;
+(0, exports.initMemoriArtifactAPI)();
+const ArtifactAPIBridge = ({ pushMessage, }) => {
+    const { openArtifact, closeArtifact, toggleFullscreen, state } = (0, ArtifactContext_1.useArtifact)();
+    const apiRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== 'undefined') {
+            const windowApi = window.MemoriArtifactAPI;
+            apiRef.current = {
+                openArtifact: (artifact) => {
+                    openArtifact(artifact);
+                },
+                createAndOpenArtifact: (content, mimeType = 'html', title) => {
+                    const autoTitle = title || getTitleFromMimeType(mimeType);
+                    const artifact = {
+                        id: `artifact-${Date.now()}-${Math.random()
+                            .toString(36)
+                            .substr(2, 9)}`,
+                        content,
+                        mimeType,
+                        title: autoTitle,
+                        timestamp: new Date(),
+                        size: content.length,
+                    };
+                    let messageText = content;
+                    if (!messageText.includes('<output class="memori-artifact">')) {
+                        messageText = `<output class="memori-artifact" data-mimetype="${mimeType}" data-title="${autoTitle}">${content}</output>`;
+                    }
+                    pushMessage({
+                        text: messageText,
+                        timestamp: new Date().toISOString(),
+                        fromUser: false,
+                        media: [],
+                        initial: false,
+                        translatedText: undefined,
+                        questionAnswered: undefined,
+                        generatedByAI: false,
+                        contextVars: undefined,
+                        date: undefined,
+                        placeName: undefined,
+                        placeLatitude: undefined,
+                        placeLongitude: undefined,
+                        placeUncertaintyKm: undefined,
+                    });
+                    openArtifact(artifact);
+                },
+                createFromOutputElement: (outputElement) => {
+                    const content = outputElement.innerHTML;
+                    const mimeType = outputElement.getAttribute('data-mimetype') || 'html';
+                    const title = outputElement.getAttribute('data-title') ||
+                        getTitleFromMimeType(mimeType);
+                    outputElement.style.display = 'none';
+                    outputElement.setAttribute('data-memori-processed', 'true');
+                    const artifact = {
+                        id: `artifact-${Date.now()}-${Math.random()
+                            .toString(36)
+                            .substr(2, 9)}`,
+                        content,
+                        mimeType,
+                        title,
+                        timestamp: new Date(),
+                        size: content.length,
+                    };
+                    let messageText = content;
+                    if (!messageText.includes('<output class="memori-artifact">')) {
+                        messageText = `<output class="memori-artifact" data-mimetype="${mimeType}" data-title="${title}">${content}</output>`;
+                    }
+                    pushMessage({
+                        text: messageText,
+                        timestamp: new Date().toISOString(),
+                        fromUser: false,
+                        media: [],
+                        initial: false,
+                        translatedText: undefined,
+                        questionAnswered: undefined,
+                        generatedByAI: false,
+                        contextVars: undefined,
+                        date: undefined,
+                        placeName: undefined,
+                        placeLatitude: undefined,
+                        placeLongitude: undefined,
+                        placeUncertaintyKm: undefined,
+                    });
+                    openArtifact(artifact);
+                    return artifact.id;
+                },
+                closeArtifact: () => {
+                    closeArtifact();
+                },
+                toggleFullscreen: () => {
+                    toggleFullscreen();
+                },
+                getState: () => {
+                    return {
+                        currentArtifact: state.currentArtifact,
+                        isDrawerOpen: state.isDrawerOpen,
+                        isFullscreen: state.isFullscreen,
+                    };
+                },
+            };
+            if (windowApi) {
+                windowApi.openArtifact = apiRef.current.openArtifact;
+                windowApi.createAndOpenArtifact = apiRef.current.createAndOpenArtifact;
+                windowApi.createFromOutputElement = apiRef.current.createFromOutputElement;
+                windowApi.closeArtifact = apiRef.current.closeArtifact;
+                windowApi.toggleFullscreen = apiRef.current.toggleFullscreen;
+                windowApi.getState = apiRef.current.getState;
+                windowApi._setReady(true);
+                const pendingCalls = windowApi._getPendingCalls();
+                if (pendingCalls.length > 0) {
+                    pendingCalls.forEach((call) => {
+                        try {
+                            const method = apiRef.current[call.method];
+                            if (method) {
+                                method(...call.args);
+                            }
+                        }
+                        catch (error) {
+                        }
+                    });
+                    windowApi._clearPendingCalls();
+                }
+            }
+            else {
+                window.MemoriArtifactAPI = {
+                    ...apiRef.current,
+                    _isReady: true,
+                    _pendingCalls: [],
+                    _setReady: (ready) => {
+                        window.MemoriArtifactAPI._isReady = ready;
+                    },
+                    _getPendingCalls: () => {
+                        return window.MemoriArtifactAPI._pendingCalls;
+                    },
+                    _clearPendingCalls: () => {
+                        window.MemoriArtifactAPI._pendingCalls = [];
+                    },
+                };
+            }
+        }
+        return () => {
+            if (typeof window !== 'undefined') {
+                delete window.MemoriArtifactAPI;
+            }
+        };
+    }, [openArtifact, closeArtifact, toggleFullscreen, state, pushMessage]);
+    return null;
+};
+exports.ArtifactAPIBridge = ArtifactAPIBridge;
+function getTitleFromMimeType(mimeType) {
+    if (mimeType.includes('html'))
+        return 'HTML Document';
+    if (mimeType.includes('markdown'))
+        return 'Markdown Document';
+    if (mimeType.includes('javascript'))
+        return 'JavaScript Code';
+    if (mimeType.includes('python'))
+        return 'Python Code';
+    if (mimeType.includes('json'))
+        return 'JSON Data';
+    if (mimeType.includes('css'))
+        return 'CSS Stylesheet';
+    if (mimeType.includes('typescript'))
+        return 'TypeScript Code';
+    if (mimeType.includes('xml'))
+        return 'XML Document';
+    if (mimeType.includes('svg'))
+        return 'SVG Image';
+    return 'Document';
+}
+function createArtifactHandler(content, mimeType, title) {
+    const handler = document.createElement('div');
+    handler.className = 'memori-artifact-handler';
+    handler.style.cssText = `
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px;
+    margin: 12px 0;
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+  `;
+    const icon = getIconForMimeType(mimeType);
+    const size = `${(content.length / 1024).toFixed(1)} KB`;
+    handler.innerHTML = `
+    <div style="font-size: 32px;">${icon}</div>
+    <div style="flex: 1;">
+      <div style="font-weight: 600; margin-bottom: 4px;">${escapeHtml(title)}</div>
+      <div style="font-size: 13px; color: #6b7280;">${mimeType} • ${size}</div>
+    </div>
+    <div>
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="9 18 15 12 9 6"></polyline>
+      </svg>
+    </div>
+  `;
+    handler.addEventListener('mouseenter', () => {
+        handler.style.background = '#faf5ff';
+        handler.style.borderColor = '#9333ea';
+    });
+    handler.addEventListener('mouseleave', () => {
+        handler.style.background = 'white';
+        handler.style.borderColor = '#e5e7eb';
+    });
+    return handler;
+}
+function getIconForMimeType(mimeType) {
+    if (mimeType.includes('html'))
+        return '🌐';
+    if (mimeType.includes('markdown'))
+        return '📝';
+    if (mimeType.includes('javascript') || mimeType.includes('typescript'))
+        return '📜';
+    if (mimeType.includes('python'))
+        return '🐍';
+    if (mimeType.includes('json'))
+        return '📊';
+    if (mimeType.includes('css'))
+        return '🎨';
+    if (mimeType.includes('xml'))
+        return '📋';
+    if (mimeType.includes('svg'))
+        return '🖼️';
+    return '📄';
+}
+function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}
+//# sourceMappingURL=ArtifactAPI.js.map

package/dist/components/MemoriArtifactSystem/utils/ArtifactAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactAPI.js","sourceRoot":"","sources":["../../../../src/components/MemoriArtifactSystem/utils/ArtifactAPI.tsx"],"names":[],"mappings":"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"}

package/dist/components/MemoriWidget/MemoriWidget.d.ts

@@ -46,6 +46,18 @@ declare global {
         typeMessage: typeof typeMessage;
         typeMessageHidden: typeof typeMessageHidden;
         typeBatchMessages: typeof typeBatchMessages;
+        MemoriArtifactAPI?: {
+            openArtifact: (artifact: ArtifactData) => void;
+            createAndOpenArtifact: (content: string, mimeType?: string, title?: string) => void;
+            createFromOutputElement: (outputElement: HTMLOutputElement) => string;
+            closeArtifact: () => void;
+            toggleFullscreen: () => void;
+            getState: () => {
+                currentArtifact: ArtifactData | null;
+                isDrawerOpen: boolean;
+                isFullscreen: boolean;
+            };
+        };
     }
 }
 export interface LayoutProps {

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ArtifactAPI_1 = require("../MemoriArtifactSystem/utils/ArtifactAPI");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const memori_api_client_1 = tslib_1.__importDefault(require("@memori.ai/memori-api-client"));
@@ -157,7 +158,7 @@ let audioContext;
 let memoriPassword;
 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, showChatHistory, showReasoning, 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, }) => {
-    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, _5, _6, _7;
+    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, _5, _6, _7, _8, _9, _10, _11, _12, _13;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
@@ -999,7 +1000,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             const handleVisibilityChange = () => {
                 const isVisible = !document.hidden;
                 if (isVisible && !isTabVisible) {
-                    console.log('Tab is now active/visible - starting date polling');
                     sendDateChangedEvent({
                         sessionID: sessionId,
                         state: currentDialogState,
@@ -1007,7 +1007,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                     startDatePolling();
                 }
                 else if (!isVisible && isTabVisible) {
-                    console.log('Tab is now hidden - stopping date polling');
                     stopDatePolling();
                 }
                 isTabVisible = isVisible;
@@ -1064,7 +1063,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         apiUrl: `${baseUrl}/api/tts`,
         continuousSpeech: continuousSpeech,
         preview: preview,
-    }, autoStart, defaultEnableAudio, defaultSpeakerActive);
+    }, autoStart, defaultEnableAudio, (_q = defaultSpeakerActive !== null && defaultSpeakerActive !== void 0 ? defaultSpeakerActive : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.defaultSpeakerActive) !== null && _q !== void 0 ? _q : true);
     const shouldPlayAudio = (text) => {
         const currentSpeakerMuted = (0, configuration_1.getLocalConfig)('muteSpeaker', false);
         console.log('[MemoriWidget] shouldPlayAudio', currentSpeakerMuted);
@@ -1202,7 +1201,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ? {
             '--memori-chat-bubble-bg': '#fff',
             ...(integrationConfig && !instruct
-                ? { '--memori-text-color': (_q = integrationConfig.textColor) !== null && _q !== void 0 ? _q : '#000' }
+                ? { '--memori-text-color': (_r = integrationConfig.textColor) !== null && _r !== void 0 ? _r : '#000' }
                 : {}),
             ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonBgColor)
                 ? {
@@ -1226,12 +1225,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 ? {
                     '--memori-inner-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_r = integrationConfig.innerBgAlpha) !== null && _r !== void 0 ? _r : 0.4})`,
+                        : '255, 255, 255'}, ${(_s = integrationConfig.innerBgAlpha) !== null && _s !== void 0 ? _s : 0.4})`,
                     '--memori-inner-content-pad': '1.5rem',
                     '--memori-nav-bg-image': 'none',
                     '--memori-nav-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
                         ? '0, 0, 0'
-                        : '255, 255, 255'}, ${(_s = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _s !== void 0 ? _s : 0.4})`,
+                        : '255, 255, 255'}, ${(_t = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _t !== void 0 ? _t : 0.4})`,
                 }
                 : {
                     '--memori-inner-content-pad': '0px',
@@ -1687,12 +1686,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const headerProps = {
         memori: {
             ...memori,
-            ownerUserID: (_u = (_t = memori.ownerUserID) !== null && _t !== void 0 ? _t : ownerUserID) !== null && _u !== void 0 ? _u : undefined,
+            ownerUserID: (_v = (_u = memori.ownerUserID) !== null && _u !== void 0 ? _u : ownerUserID) !== null && _v !== void 0 ? _v : undefined,
         },
         apiClient: client,
         tenant,
         history,
-        showShare: (_v = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _v !== void 0 ? _v : true,
+        showShare: (_w = showShare !== null && showShare !== void 0 ? showShare : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showShare) !== null && _w !== void 0 ? _w : true,
         position,
         layout: selectedLayout,
         additionalSettings,
@@ -1706,13 +1705,13 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             toggleMute(mute);
         },
         setShowChatHistoryDrawer,
-        showSettings: (_w = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _w !== void 0 ? _w : true,
-        showChatHistory: (_x = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _x !== void 0 ? _x : true,
+        showSettings: (_x = showSettings !== null && showSettings !== void 0 ? showSettings : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showSettings) !== null && _x !== void 0 ? _x : true,
+        showChatHistory: (_y = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _y !== void 0 ? _y : true,
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
-        showClear,
+        showClear: (_z = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _z !== void 0 ? _z : false,
         clearHistory: () => setHistory(h => h.slice(-1)),
-        showLogin: showLogin !== null && showLogin !== void 0 ? showLogin : memori.requireLoginToken,
+        showLogin: (_0 = showLogin !== null && showLogin !== void 0 ? showLogin : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showLogin) !== null && _0 !== void 0 ? _0 : memori.requireLoginToken,
         setShowLoginDrawer,
         loginToken,
         user,
@@ -1741,7 +1740,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasUserActivatedSpeak,
         isPlayingAudio: isPlayingAudio &&
             !speakerMuted &&
-            ((_y = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _y !== void 0 ? _y : true),
+            ((_1 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _1 !== void 0 ? _1 : true),
         loading: !!memoriTyping,
         baseUrl,
         apiUrl: client.constants.BACKEND_URL,
@@ -1778,7 +1777,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_3 = ((_2 = (_1 = (_0 = (_z = memori.culture) === null || _z === void 0 ? void 0 : _z.split('-')) === null || _0 === void 0 ? void 0 : _0[0]) !== null && _1 !== void 0 ? _1 : i18n.language) !== null && _2 !== void 0 ? _2 : 'IT')) === null || _3 === void 0 ? void 0 : _3.toUpperCase())
+                ((_6 = ((_5 = (_4 = (_3 = (_2 = memori.culture) === null || _2 === void 0 ? void 0 : _2.split('-')) === null || _3 === void 0 ? void 0 : _3[0]) !== null && _4 !== void 0 ? _4 : i18n.language) !== null && _5 !== void 0 ? _5 : 'IT')) === null || _6 === void 0 ? void 0 : _6.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
@@ -1786,9 +1785,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         layout,
         memoriTyping,
         typingText,
-        showTypingText,
+        showTypingText: (_7 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _7 !== void 0 ? _7 : false,
         history: showFullHistory ? history : history.slice(-2),
-        authToken: (_5 = (_4 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _4 !== void 0 ? _4 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _5 !== void 0 ? _5 : authToken,
+        authToken: (_9 = (_8 = loginToken !== null && loginToken !== void 0 ? loginToken : userToken) !== null && _8 !== void 0 ? _8 : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _9 !== void 0 ? _9 : authToken,
         dialogState: currentDialogState,
         pushMessage,
         simulateUserPrompt,
@@ -1798,8 +1797,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         showUpload: enableUpload,
         showReasoning: enableReasoning,
         showWhyThisAnswer,
-        showCopyButton,
-        showTranslationOriginal,
+        showCopyButton: (_10 = showCopyButton !== null && showCopyButton !== void 0 ? showCopyButton : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showCopyButton) !== null && _10 !== void 0 ? _10 : true,
+        showTranslationOriginal: (_11 = showTranslationOriginal !== null && showTranslationOriginal !== void 0 ? showTranslationOriginal : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTranslationOriginal) !== null && _11 !== void 0 ? _11 : false,
         client,
         instruct,
         preview,
@@ -1809,7 +1808,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         attachmentsMenuOpen,
         setAttachmentsMenuOpen,
         showInputs,
-        showMicrophone: !!ttsProvider && ((_6 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _6 !== void 0 ? _6 : true),
+        showMicrophone: !!ttsProvider && ((_12 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _12 !== void 0 ? _12 : true),
         showFunctionCache,
         userMessage,
         onChangeUserMessage,
@@ -1865,7 +1864,17 @@ 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: [(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 }), (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: async (values) => {
+        }), style: { height }, 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 }), (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: async (values) => {
                     var _a, _b, _c, _d;
                     if (values['password'])
                         setMemoriPwd(values['password']);
@@ -1893,7 +1902,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         setAuthModalState(null);
                         setGotErrorInOpening(true);
                     });
-                }, minimumNumberOfRecoveryTokens: (_7 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _7 !== void 0 ? _7 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                }, minimumNumberOfRecoveryTokens: (_13 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _13 !== void 0 ? _13 : 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);