@memori.ai/memori-react 8.26.0 → 8.27.0

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

@@ -310,6 +310,7 @@
     z-index: 1000;
     display: inline-flex;
     width: auto;
+    max-width: 60px;
     height: auto;
     flex-direction: column;
     padding: 0.5rem;

package/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "8.26.0";
+export declare const version = "8.27.0";

package/esm/version.js

@@ -1,2 +1,2 @@
-export const version = '8.26.0';
+export const version = '8.27.0';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "8.26.0",
+  "version": "8.27.0",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",
@@ -294,7 +294,7 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.4",
-    "@memori.ai/memori-api-client": "6.17.0",
+    "@memori.ai/memori-api-client": "6.20.0",
     "@react-three/drei": "8.20.2",
     "@react-three/fiber": "7.0.25",
     "classnames": "2.5.1",

package/src/components/Header/Header.css

@@ -1,7 +1,6 @@
 .memori-header {
     position: relative;
     z-index: 1000;
-    width: calc(50% - 1rem);
     height: 50px;
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
     border-radius: 10px;
@@ -85,8 +84,17 @@
 
 .memori-header .memori-header--button--position,
 .memori-header .memori-share-button,
-.memori-header .memori-header--button-login {
-    margin-left: 0;
+.memori-header .memori-header--button-login,
+.memori-header .memori-header--button-settings,
+.memori-header .memori-header--button--fullscreen,
+.memori-header .memori-header--button--reload,
+.memori-header .memori-header--button--clear,
+.memori-header .memori-header--button--chat-history,
+.memori-header .memori-header--button--knownfacts,
+.memori-header .memori-header--button--experts,
+.memori-header .memori-header--button--speaker,
+.memori-header .memori-header--button--speaker-muted {
+    margin-left: 4px;
 }
 
 .memori-header .memori-header--button--position {

package/src/components/MemoriWidget/MemoriWidget.stories.tsx

@@ -87,6 +87,17 @@ WithDates.args = {
   tenant,
 };
 
+/** To test dateUTC/place in Enter Text: open DevTools → Network, start chat, set position (header position icon) if testing place, then send a message. Inspect the request to your backend/engine for body.dateUTC (ISO) and body.place (placeName, latitude, longitude, uncertaintyKm). */
+export const WithDateAndPlaceForEnterText = Template.bind({});
+WithDateAndPlaceForEnterText.args = {
+  memori: {
+    ...memori,
+    needsDateTime: true,
+    needsPosition: true,
+  },
+  tenant,
+};
+
 export const WithPublicPageIntegration = Template.bind({});
 WithPublicPageIntegration.args = {
   memori,

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -115,6 +115,14 @@ const getMemoriState = (integrationId?: string): object | null => {
   };
 };
 
+/** Place spec with all nulls for postTextEnteredEvent when position is not set or user chose "I don't want to provide my position". */
+const NULL_PLACE_SPEC = {
+  placeName: null,
+  latitude: null,
+  longitude: null,
+  uncertaintyKm: null,
+} as const;
+
 type MemoriTextEnteredEvent = CustomEvent<{
   text: string;
   waitForPrevious?: boolean;
@@ -729,31 +737,60 @@ const MemoriWidget = ({
    * Position drawer
    */
   const [position, _setPosition] = useState<Venue>();
-  const applyPosition = async (venue?: Venue, sessionID?: string) => {
-    const session = sessionID ?? sessionId;
-    // Only apply position if memori.needsPosition is true
-    if (venue && session && memori.needsPosition) {
-      const { currentState, ...response } = await postPlaceChangedEvent({
-        sessionId: session,
-        placeName: venue.placeName,
-        latitude: venue.latitude,
-        longitude: venue.longitude,
-        uncertaintyKm: venue.uncertainty ?? 0,
-      });
 
-      if (currentState && response.resultCode === 0) {
-        _setCurrentDialogState(cds => ({
-          ...cds,
-          ...currentState,
-          hints: currentState.hints?.length ? currentState.hints : cds?.hints,
-        }));
-      }
+  /** True when the user has set a real position; false when position is missing or "I don't want to provide my position". */
+  const hasUserProvidedPosition = useCallback((venue: Venue | undefined) => {
+    if (!venue) return false;
+    if (
+      venue.placeName === 'Position' &&
+      venue.latitude === 0 &&
+      venue.longitude === 0
+    ) {
+      return false;
     }
-  };
+    return true;
+  }, []);
+
+  /** Build optional place for EnterTextSpecs (placeName and/or lat/lon; lat/lon must be together). */
+  const buildEnterTextPlace = useCallback((venue: Venue | undefined) => {
+    if (!venue) return undefined;
+    const place: {
+      placeName?: string;
+      latitude?: number;
+      longitude?: number;
+      uncertaintyKm?: number;
+    } = {};
+    if (
+      venue.latitude != null &&
+      venue.longitude != null
+    ) {
+      place.latitude = venue.latitude;
+      place.longitude = venue.longitude;
+      if (venue.placeName) place.placeName = venue.placeName;
+      if (
+        venue.uncertainty != null &&
+        venue.uncertainty > 0
+      )
+        place.uncertaintyKm = venue.uncertainty;
+    } else if (venue.placeName) {
+      place.placeName = venue.placeName;
+    }
+    return Object.keys(place).length > 0 ? place : undefined;
+  }, []);
+
+  /** Place to send with postTextEnteredEvent: real place, nulls when no/declined position, or undefined when position not needed. */
+  const getPlaceSpecForEnterText = useCallback(
+    (venue: Venue | undefined) => {
+      if (!memori.needsPosition) return undefined;
+      return hasUserProvidedPosition(venue)
+        ? buildEnterTextPlace(venue)
+        : NULL_PLACE_SPEC;
+    },
+    [memori.needsPosition, hasUserProvidedPosition, buildEnterTextPlace]
+  );
 
   const setPosition = (venue?: Venue) => {
     _setPosition(venue);
-    applyPosition(venue);
 
     // Only save position to local config if memori.needsPosition is true
     if (venue && memori.needsPosition) {
@@ -922,12 +959,14 @@ const MemoriWidget = ({
       //     '"></chat-reference>';
       // }
 
+      const placeSpec = getPlaceSpecForEnterText(position);
       const { currentState, ...response } = await postTextEnteredEvent({
         sessionId: sessionID,
         text: msg,
         ...(memori.needsDateTime && {
           dateUTC: DateTime.utc().toISO() ?? undefined,
         }),
+        ...(placeSpec !== undefined && { place: placeSpec }),
       });
       if (response.resultCode === 0 && currentState) {
         setChatLogID(undefined);
@@ -1404,16 +1443,6 @@ const MemoriWidget = ({
           setInstruct(false);
         }
 
-        if (position && memori.needsPosition)
-          applyPosition(position, session.sessionID);
-
-        if (memori.needsDateTime) {
-          await sendDateChangedEvent({
-            sessionID: session.sessionID,
-            state: session?.currentState,
-          });
-        }
-
         setLoading(false);
         return {
           dialogState: session.currentState,
@@ -1637,16 +1666,6 @@ const MemoriWidget = ({
           }
         }
 
-        // Apply position and date settings if needed
-        if (position && memori.needsPosition) {
-          // console.log('[REOPEN_SESSION] Applying position');
-          applyPosition(position, sessionID);
-        }
-        if (memori.needsDateTime) {
-          // console.log('[REOPEN_SESSION] Sending date changed event');
-          sendDateChangedEvent({ sessionID: sessionID, state: currentState });
-        }
-
         setLoading(false);
         return {
           dialogState: currentState,
@@ -1706,12 +1725,14 @@ const MemoriWidget = ({
           pin &&
           (currentState.state === 'X1a' || currentState.state === 'X1b')
         ) {
+          const placeSpec = getPlaceSpecForEnterText(position);
           const { resultCode: textResultCode } = await postTextEnteredEvent({
             sessionId,
             text: pin ?? '',
             ...(memori.needsDateTime && {
               dateUTC: DateTime.utc().toISO() ?? undefined,
             }),
+            ...(placeSpec !== undefined && { place: placeSpec }),
           });
           textResult = textResultCode;
         }
@@ -1788,49 +1809,6 @@ const MemoriWidget = ({
     return null;
   };
 
-  /**
-   * Polling dates
-   */
-  const sendDateChangedEvent = useCallback(
-    async ({
-      sessionID,
-      date,
-      state,
-    }: {
-      sessionID?: string;
-      date?: string;
-      state?: DialogState;
-    }) => {
-      const session = sessionID ?? sessionId;
-      const dialogState = state ?? currentDialogState;
-
-      if (!session || !memori.needsDateTime || dialogState?.hints?.length) {
-        return;
-      }
-
-      const now = (date ? DateTime.fromISO(date) : DateTime.now())
-        .toUTC()
-        .toFormat('yyyy/MM/dd HH:mm:ss ZZ')
-        .split(':')
-        .slice(0, -1)
-        .join(':');
-
-      const { currentState, ...response } = await postDateChangedEvent(
-        session,
-        now
-      );
-
-      if (response.resultCode === 0 && currentState) {
-        _setCurrentDialogState(cds => ({
-          ...cds,
-          ...currentState,
-          hints: currentState.hints?.length ? currentState.hints : cds?.hints,
-        }));
-      }
-    },
-    [currentDialogState, memori.needsDateTime, sessionId]
-  );
-
   /**
    * Timeout conversazione
    */
@@ -2529,14 +2507,6 @@ const MemoriWidget = ({
         // reset history
         setHistory([]);
 
-        // date and place events
-        if (position && memori.needsPosition) {
-          applyPosition(position, sessionID);
-        }
-        if (memori.needsDateTime) {
-          sendDateChangedEvent({ sessionID: sessionID, state: currentState });
-        }
-
         // Handle personification tag changes
         if (
           personification &&
@@ -2700,12 +2670,14 @@ const MemoriWidget = ({
             setMemoriTyping(true);
 
             // we have no chat history, we start by initial question
+            const placeSpec = getPlaceSpecForEnterText(position);
             const response = await postTextEnteredEvent({
               sessionId: sessionID!,
               text: initialQuestion,
               ...(memori.needsDateTime && {
                 dateUTC: DateTime.utc().toISO() ?? undefined,
               }),
+              ...(placeSpec !== undefined && { place: placeSpec }),
             });
 
             // Handle 500 error from TextEnteredEvent
@@ -2734,10 +2706,6 @@ const MemoriWidget = ({
           }
         }
 
-        // date and place events
-        if (position && memori.needsPosition) {
-          applyPosition(position, sessionID);
-        }
       }
       // Default case - just translate and activate
       else {
@@ -3330,8 +3298,7 @@ const MemoriWidget = ({
           open={!!showPositionDrawer}
           venue={position}
           setVenue={setPosition}
-          onClose={position => {
-            if (position) applyPosition(position);
+          onClose={() => {
             setShowPositionDrawer(false);
             if (autoStart) {
               onClickStart();

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

@@ -310,6 +310,7 @@
     z-index: 1000;
     display: inline-flex;
     width: auto;
+    max-width: 60px;
     height: auto;
     flex-direction: column;
     padding: 0.5rem;

package/src/version.ts

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