@memori.ai/memori-react 8.22.0 → 8.24.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 
 
+## [8.24.0](https://github.com/memori-ai/memori-react/compare/v8.23.0...v8.24.0) (2026-03-16)
+
+
+### Features
+
+* implement logic for avatar3dHidden prop in MemoriWidget ([609ed74](https://github.com/memori-ai/memori-react/commit/609ed74978c1197159754fcf9357431a96e38b57))
+
+## [8.23.0](https://github.com/memori-ai/memori-react/compare/v8.22.0...v8.23.0) (2026-03-16)
+
+
+### Features
+
+* add avatar3dHidden prop to WebsiteAssistant layout ([8803b75](https://github.com/memori-ai/memori-react/commit/8803b751df3f34aff37af500a650b29ccb012218))
+
+
+### Changes
+
+* dont send date event every minute, but when opening session and sending TextEntered ([25f083e](https://github.com/memori-ai/memori-react/commit/25f083efadb8d07b311e371739711eabcdffdc1b))
+
 ## [8.22.0](https://github.com/memori-ai/memori-react/compare/v8.21.0...v8.22.0) (2026-03-02)
 
 

package/dist/components/DrawerFooter/DrawerFooter.css

@@ -0,0 +1,63 @@
+.memori-drawer-footer {
+  flex-shrink: 0;
+  padding: var(--memori-spacing-md);
+  border-top: 1px solid var(--memori-border-color, #e5e7eb);
+  background: var(--memori-main-background);
+  box-shadow: 0 -8px 24px -8px rgba(0, 0, 0, 0.06), 0 -2px 8px -2px rgba(0, 0, 0, 0.03);
+}
+
+.memori-drawer-footer__inner {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--memori-spacing-lg);
+}
+
+.memori-drawer-footer__start {
+  display: flex;
+  align-items: center;
+  gap: var(--memori-spacing-md);
+}
+
+.memori-drawer-footer__end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: auto;
+  gap: var(--memori-spacing-md);
+}
+
+.memori-drawer-footer__end .memori-button {
+  min-height: 44px;
+  padding: 10px var(--memori-spacing-lg);
+  border-radius: 10px;
+  font-weight: 500;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.memori-drawer-footer__end .memori-button:hover:not([disabled]) {
+  transform: translateY(-1px);
+}
+
+.memori-drawer-footer__inner--centered {
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  .memori-drawer-footer {
+    padding: var(--memori-spacing-md) var(--memori-spacing-lg);
+  }
+
+  .memori-drawer-footer__inner {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--memori-spacing-md);
+  }
+
+  .memori-drawer-footer__end {
+    justify-content: flex-end;
+    margin-left: 0;
+  }
+}

package/dist/components/DrawerFooter/DrawerFooter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface DrawerFooterProps {
+    children?: React.ReactNode;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+    center?: React.ReactNode;
+    closeLabel?: string;
+    onClose?: () => void;
+    className?: string;
+}
+declare const DrawerFooter: React.FC<DrawerFooterProps>;
+export default DrawerFooter;

package/dist/components/DrawerFooter/DrawerFooter.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@memori.ai/ui");
+const DrawerFooter = ({ children, start, end, center, closeLabel, onClose, className = '', }) => {
+    const hasSlots = start != null || end != null || center != null || closeLabel != null;
+    return ((0, jsx_runtime_1.jsx)("footer", { className: `memori-drawer-footer ${className}`.trim(), role: "contentinfo", children: center != null ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: center })) : children != null && !hasSlots ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: children })) : ((0, jsx_runtime_1.jsxs)("div", { className: "memori-drawer-footer__inner", children: [start != null && ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__start", children: start })), (0, jsx_runtime_1.jsxs)("div", { className: "memori-drawer-footer__end", children: [end, closeLabel != null && onClose != null && ((0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "primary", onClick: onClose, children: closeLabel }))] })] })) }));
+};
+exports.default = DrawerFooter;
+//# sourceMappingURL=DrawerFooter.js.map

package/dist/components/DrawerFooter/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.js","sourceRoot":"","sources":["../../../src/components/DrawerFooter/DrawerFooter.tsx"],"names":[],"mappings":";;;AACA,sCAAuC;AAgBvC,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC;IAEtF,OAAO,CACL,mCACE,SAAS,EAAE,wBAAwB,SAAS,EAAE,CAAC,IAAI,EAAE,EACrD,IAAI,EAAC,aAAa,YAEjB,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAChB,gCAAK,SAAS,EAAC,mEAAmE,YAC/E,MAAM,GACH,CACP,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClC,gCAAK,SAAS,EAAC,mEAAmE,YAC/E,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,CACF,iCAAK,SAAS,EAAC,6BAA6B,aACzC,KAAK,IAAI,IAAI,IAAI,CAChB,gCAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAO,CAC3D,EACD,iCAAK,SAAS,EAAC,2BAA2B,aACvC,GAAG,EACH,UAAU,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,CACxC,uBAAC,WAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACV,IACG,IACF,CACP,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -79,6 +79,7 @@ export interface LayoutProps {
     loading?: boolean;
     autoStart?: boolean;
     onSidebarToggle?: (isOpen: boolean) => void;
+    avatar3dHidden?: boolean;
 }
 export interface Props {
     memori: Memori;
@@ -107,6 +108,7 @@ export interface Props {
     showUpload?: boolean;
     showChatHistory?: boolean;
     showReasoning?: boolean;
+    avatar3dHidden?: boolean;
     preview?: boolean;
     embed?: boolean;
     height?: number | string;
@@ -146,5 +148,5 @@ export interface Props {
     maxTotalMessagePayload?: number;
     maxTextareaCharacters?: number;
 }
-declare const MemoriWidget: ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview, embed, showCopyButton, showTranslationOriginal, showInputs, showDates, showContextPerLine, showSettings, showTypingText, showClear, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, height, secret, baseUrl, apiURL, engineURL, initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive, disableTextEnteredEvents, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__, useMathFormatting, autoStart, applyVarsToRoot, showFunctionCache, maxTotalMessagePayload, maxTextareaCharacters, }: Props) => JSX.Element;
+declare const MemoriWidget: ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview, embed, showCopyButton, showTranslationOriginal, showInputs, showDates, showContextPerLine, showSettings, showTypingText, showClear, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height, secret, baseUrl, apiURL, engineURL, initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive, disableTextEnteredEvents, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__, useMathFormatting, autoStart, applyVarsToRoot, showFunctionCache, maxTotalMessagePayload, maxTextareaCharacters, }: Props) => JSX.Element;
 export default MemoriWidget;

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -158,15 +158,15 @@ window.typeBatchMessages = typeBatchMessages;
 let audioContext;
 let memoriPassword;
 let userToken;
-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, 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, maxTotalMessagePayload, maxTextareaCharacters, }) => {
-    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, _14, _15, _16, _17, _18;
+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, 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, }) => {
+    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, _14, _15, _16, _17, _18, _19;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         setIsClient(true);
     }, []);
     const client = (0, memori_api_client_1.default)(apiURL, engineURL);
-    const { initSession, deleteSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTimeoutEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
+    const { initSession, deleteSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
     const [instruct, setInstruct] = (0, react_1.useState)(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
     const [loginToken, setLoginToken] = (0, react_1.useState)((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
@@ -374,6 +374,9 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             ((_a = window.getMemoriState()) === null || _a === void 0 ? void 0 : _a.sessionID);
         if (!sessionID || !(text === null || text === void 0 ? void 0 : text.length))
             return;
+        if (memori.needsDateTime) {
+            await sendDateChangedEvent({ sessionID: sessionID });
+        }
         let msg = text;
         if (!hidden &&
             translate &&
@@ -384,9 +387,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         const mediaDocuments = media === null || media === void 0 ? void 0 : media.filter(m => { var _a; return m.type === 'document' && ((_a = m.properties) === null || _a === void 0 ? void 0 : _a.isAttachedFile); });
         if (mediaDocuments && mediaDocuments.length > 0) {
-            const documentContents = mediaDocuments
-                .map(doc => doc.content)
-                .join(' ');
+            const documentContents = mediaDocuments.map(doc => doc.content).join(' ');
             msg = msg + ' ' + documentContents;
         }
         if (piiDetection === null || piiDetection === void 0 ? void 0 : piiDetection.enabled) {
@@ -493,14 +494,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 });
             }
             else if (response.resultCode === 500 && response.resultMessage) {
-                setHistory(h => [...h, {
+                setHistory(h => [
+                    ...h,
+                    {
                         text: 'Error: ' + response.resultMessage,
                         emitter: 'system',
                         fromUser: false,
                         initial: false,
                         contextVars: {},
                         date: new Date().toISOString(),
-                    }]);
+                    },
+                ]);
             }
             else {
                 console.warn('[SEND_MESSAGE]', response);
@@ -772,6 +776,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                 }
                 if (position && memori.needsPosition)
                     applyPosition(position, session.sessionID);
+                if (memori.needsDateTime) {
+                    await sendDateChangedEvent({
+                        sessionID: session.sessionID,
+                        state: session === null || session === void 0 ? void 0 : session.currentState,
+                    });
+                }
                 setLoading(false);
                 return {
                     dialogState: session.currentState,
@@ -1042,53 +1052,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             });
         }
     }, [currentDialogState, memori.needsDateTime, sessionId]);
-    (0, react_1.useEffect)(() => {
-        if (sessionId && memori.needsDateTime) {
-            sendDateChangedEvent({ sessionID: sessionId, state: currentDialogState });
-            let datePolling = null;
-            let isTabVisible = !document.hidden;
-            const startDatePolling = () => {
-                if (datePolling) {
-                    clearInterval(datePolling);
-                }
-                datePolling = setInterval(() => {
-                    if (!document.hidden) {
-                        sendDateChangedEvent({
-                            sessionID: sessionId,
-                        });
-                    }
-                }, 60 * 1000);
-            };
-            const stopDatePolling = () => {
-                if (datePolling) {
-                    clearInterval(datePolling);
-                    datePolling = null;
-                }
-            };
-            const handleVisibilityChange = () => {
-                const isVisible = !document.hidden;
-                if (isVisible && !isTabVisible) {
-                    sendDateChangedEvent({
-                        sessionID: sessionId,
-                        state: currentDialogState,
-                    });
-                    startDatePolling();
-                }
-                else if (!isVisible && isTabVisible) {
-                    stopDatePolling();
-                }
-                isTabVisible = isVisible;
-            };
-            if (isTabVisible) {
-                startDatePolling();
-            }
-            document.addEventListener('visibilitychange', handleVisibilityChange);
-            return () => {
-                stopDatePolling();
-                document.removeEventListener('visibilitychange', handleVisibilityChange);
-            };
-        }
-    }, [memori.needsDateTime, sessionId]);
     const [userInteractionTimeout, setUserInteractionTimeout] = (0, react_1.useState)();
     const timeoutRef = (0, react_1.useRef)();
     const clearInteractionTimeout = () => {
@@ -1627,14 +1590,17 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         text: initialQuestion,
                     });
                     if (response.resultCode === 500 && response.resultMessage) {
-                        setHistory(h => [...h, {
+                        setHistory(h => [
+                            ...h,
+                            {
                                 text: 'Error: ' + response.resultMessage,
                                 emitter: 'system',
                                 fromUser: false,
                                 initial: false,
                                 contextVars: {},
                                 date: new Date().toISOString(),
-                            }]);
+                            },
+                        ]);
                         setMemoriTyping(false);
                         return;
                     }
@@ -1946,7 +1912,9 @@ 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)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
+        }), 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, avatar3dHidden: selectedLayout === 'WEBSITE_ASSISTANT'
+                    ? ((_18 = avatar3dHidden !== null && avatar3dHidden !== void 0 ? avatar3dHidden : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden) !== null && _18 !== void 0 ? _18 : false)
+                    : false }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
                     setHistory(history => {
                         if (!history.length)
                             return history;
@@ -1993,7 +1961,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                         }
                         throw error;
                     });
-                }, minimumNumberOfRecoveryTokens: (_18 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _18 !== void 0 ? _18 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                }, minimumNumberOfRecoveryTokens: (_19 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _19 !== void 0 ? _19 : 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);