@memori.ai/memori-react 8.25.0 → 8.26.0

package/src/components/LoginDrawer/LoginDrawer.tsx

@@ -21,6 +21,8 @@ export interface Props {
   __TEST__signup?: boolean;
   __TEST__needMissingData?: boolean;
   setUser: (user: User) => void;
+  /** Optional class for the drawer root (e.g. for z-index when layout is WEBSITE_ASSISTANT). */
+  drawerClassName?: string;
 }
 
 const LoginDrawer = ({
@@ -34,6 +36,7 @@ const LoginDrawer = ({
   apiClient,
   __TEST__signup = false,
   __TEST__needMissingData = false,
+  drawerClassName,
 }: Props) => {
   const { t, i18n } = useTranslation();
   const lang = i18n.language === 'it' ? 'it' : 'en';
@@ -295,7 +298,7 @@ const LoginDrawer = ({
       className={cx('memori--login-drawer', {
         'memori--login-drawer--logged': isUserLoggedIn,
         'memori--login-drawer--signup': showSignup,
-      })}
+      }, drawerClassName)}
     >
       {needsMissingData?.token?.length ? (
         <>

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -834,10 +834,6 @@ const MemoriWidget = ({
       (window.getMemoriState() as MemoriSession)?.sessionID;
     if (!sessionID || !text?.length) return;
 
-    if (memori.needsDateTime) {
-      await sendDateChangedEvent({ sessionID: sessionID });
-    }
-
     // Build full message text (same as what will be sent) so we can run PII check on it.
     // Order: user text -> optional translation -> appended document attachment content.
     let msg = text;
@@ -929,6 +925,9 @@ const MemoriWidget = ({
       const { currentState, ...response } = await postTextEnteredEvent({
         sessionId: sessionID,
         text: msg,
+        ...(memori.needsDateTime && {
+          dateUTC: DateTime.utc().toISO() ?? undefined,
+        }),
       });
       if (response.resultCode === 0 && currentState) {
         setChatLogID(undefined);
@@ -1710,6 +1709,9 @@ const MemoriWidget = ({
           const { resultCode: textResultCode } = await postTextEnteredEvent({
             sessionId,
             text: pin ?? '',
+            ...(memori.needsDateTime && {
+              dateUTC: DateTime.utc().toISO() ?? undefined,
+            }),
           });
           textResult = textResultCode;
         }
@@ -2701,6 +2703,9 @@ const MemoriWidget = ({
             const response = await postTextEnteredEvent({
               sessionId: sessionID!,
               text: initialQuestion,
+              ...(memori.needsDateTime && {
+                dateUTC: DateTime.utc().toISO() ?? undefined,
+              }),
             });
 
             // Handle 500 error from TextEnteredEvent
@@ -2733,9 +2738,6 @@ const MemoriWidget = ({
         if (position && memori.needsPosition) {
           applyPosition(position, sessionID);
         }
-        if (memori.needsDateTime) {
-          sendDateChangedEvent({ sessionID: sessionID, state: currentState });
-        }
       }
       // Default case - just translate and activate
       else {
@@ -3335,6 +3337,11 @@ const MemoriWidget = ({
               onClickStart();
             }
           }}
+          drawerClassName={
+            selectedLayout === 'WEBSITE_ASSISTANT'
+              ? 'memori-drawer--above-website-assistant'
+              : undefined
+          }
         />
       )}
 
@@ -3367,6 +3374,11 @@ const MemoriWidget = ({
           user={user}
           loginToken={loginToken}
           onClose={() => setShowLoginDrawer(false)}
+          drawerClassName={
+            selectedLayout === 'WEBSITE_ASSISTANT'
+              ? 'memori-drawer--above-website-assistant'
+              : undefined
+          }
           onLogin={(user, token) => {
             //The user is logged in, so we need to set open a new session with the new token
             reopenSession(

package/src/components/PositionDrawer/PositionDrawer.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Memori, Venue } from '@memori.ai/memori-api-client/dist/types';
 import Drawer from '../ui/Drawer';
 import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
 import VenueWidget from '../VenueWidget/VenueWidget';
 
 export interface Props {
@@ -10,14 +11,23 @@ export interface Props {
   onClose: (venue?: Venue) => void;
   venue?: Venue;
   setVenue: (venue: Venue) => void;
+  /** Optional class for the drawer root (e.g. for z-index when layout is WEBSITE_ASSISTANT). */
+  drawerClassName?: string;
 }
 
-const PositionDrawer = ({ memori, open, onClose, venue, setVenue }: Props) => {
+const PositionDrawer = ({
+  memori,
+  open,
+  onClose,
+  venue,
+  setVenue,
+  drawerClassName,
+}: Props) => {
   const { t } = useTranslation();
 
   return (
     <Drawer
-      className="memori-position-drawer"
+      className={cx('memori-position-drawer', drawerClassName)}
       open={open}
       onClose={() => onClose(venue)}
       title={t('widget.position') || 'Position'}

package/src/components/layouts/layouts.stories.tsx

@@ -145,29 +145,27 @@ WebsiteAssistant2.args = {
   apiURL: 'https://backend.memori.ai',
   baseURL: 'https://exmachina.aclambda.online',
   uiLang: 'IT',
+  avatar3dHidden: true,
   spokenLang: 'IT',
   layout: 'WEBSITE_ASSISTANT',
 };
 
 export const WebsiteAssistant3 = Template.bind({});
 WebsiteAssistant3.args = {
-  memoriName: 'FestinaLente',
-  memoriID: 'c0ab75e2-4c56-41dc-9df6-58fa7959cda3',
-  ownerUserID: 'cca0733c-9f24-4f1c-a3e3-99675cbb729f',
-  tenantID: 'firenzesmart.aclambda.online',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://firenzesmart.aclambda.online',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: '35a9e856-0333-4543-a428-bfe4d8025027',
-  layout: 'WEBSITE_ASSISTANT',
-  showSettings: false,
-  showClear: false,
-  showTypingText: false,
-  showOnlyLastMessages: false,
-  showTranslationOriginal: false,
-  showCopyButton: false,
+  memoriName: "Layout Storybook",
+  ownerUserName: "Andrea-Patini",
+  memoriID: "ae20fc5a-cc15-4db9-b7dd-2cd4a621b85e",
+  ownerUserID: "91dbc9ba-b684-4fbe-9828-b5980af6cda9",
+  tenantID: "aisuru-staging.aclambda.online",
+  engineURL: "https://engine-staging.memori.ai/memori/v2",
+  apiURL: "https://backend-staging.memori.ai/api/v2",
+  baseURL: "http://localhost:3000",
+  layout: "WEBSITE_ASSISTANT",
+  avatar3dHidden: true,
+  uiLang: "IT",
+  spokenLang: "IT",
+  showOnlyLastMessages: true,
+  integrationID: "716f4728-919c-4015-aae1-88998a081c6f",
 };
 
 

package/src/components/layouts/website-assistant.css

@@ -152,6 +152,16 @@
     font-size: 14px;
 }
 
+/*
+ * Login and Position drawers are portaled to body by Headless UI.
+ * When layout is WEBSITE_ASSISTANT we pass drawerClassName so they sit above the fixed panel.
+ */
+.memori-drawer.memori-drawer--above-website-assistant,
+.memori-drawer.memori-drawer--above-website-assistant .memori-drawer--backdrop,
+.memori-drawer.memori-drawer--above-website-assistant .memori-drawer--container {
+    z-index: 2147483648;
+}
+
 .memori-widget.memori-layout-website_assistant .memori-website_assistant--collapsed,
 .memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
     position: fixed;
@@ -333,9 +343,11 @@
     margin-left: 0;
 }
 
+/* Position dropdown below the trigger so it does not cover the share button */
 .memori-widget.memori-layout-website_assistant .memori-share-button .memori-share-button--overlay {
-    z-index: 1000;
-    top: -6rem;
+    z-index: 1002;
+    top: 100%;
+    margin-top: 0.5rem;
 }
 
 .memori-widget.memori-layout-website_assistant .memori-header--button--fullscreen {

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '8.25.0';
+export const version = '8.26.0';