@memori.ai/memori-react 8.22.0 → 8.23.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 
 
+## [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;

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -166,7 +166,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         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);
@@ -243,6 +243,16 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         ((_s = (_r = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === null || _r === void 0 ? void 0 : _r.piiDetection) === null || _s === void 0 ? void 0 : _s.enabled)
         ? integrationConfig.layout.piiDetection
         : undefined;
+    const layoutObj = typeof layout === 'object' && layout !== null ? layout : null;
+    const integrationLayoutObj = typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'object' &&
+        (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) !== null
+        ? integrationConfig.layout
+        : null;
+    const avatar3dHidden = selectedLayout === 'WEBSITE_ASSISTANT' &&
+        ((layoutObj === null || layoutObj === void 0 ? void 0 : layoutObj.avatar_3d_hidden) ===
+            true ||
+            (integrationLayoutObj === null || integrationLayoutObj === void 0 ? void 0 : integrationLayoutObj.avatar_3d_hidden) === true ||
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar_3d_hidden) === true);
     const defaultEnableAudio = (_t = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _t !== void 0 ? _t : true;
     const [hasUserActivatedListening, setHasUserActivatedListening] = (0, react_1.useState)(false);
     const [hasUserTypedMessage, setHasUserTypedMessage] = (0, react_1.useState)(false);
@@ -374,6 +384,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 +397,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 +504,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 +786,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 +1062,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 +1600,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 +1922,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: [(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: avatar3dHidden }), (0, jsx_runtime_1.jsx)(ArtifactAPI_1.ArtifactAPIBridge, { pushMessage: (message) => {
                     setHistory(history => {
                         if (!history.length)
                             return history;