@memori.ai/memori-react 8.12.0 → 8.13.1

package/src/components/MemoriWidget/MemoriWidget.css

@@ -13,6 +13,15 @@
     height: calc(100vh - 50px);
 }
 
+@media (max-width: 425px) {
+    .memori-widget {
+        overflow-y: hidden;
+    }
+    .memori-widget > .memori-spin {
+        height: calc(100vh - 100px);
+    }
+}
+
 .memori--grid {
     display: flex;
     height: calc(100% - 50px);
@@ -26,7 +35,7 @@
         align-items: flex-start;
         justify-content: flex-start;
         overflow-x: visible;
-        overflow-y: scroll;
+        overflow-y: hidden;
     }
 }
 
@@ -192,7 +201,7 @@
 
 .memori--conversation-button:active,
 .memori--conversation-button:focus {
-    box-shadow: 0 0.2rem 0.33rem #b5b6c4 !important;
+    /* box-shadow: 0 0.2rem 0.33rem #b5b6c4 !important; */
     color: var(--memori-primary) !important;
 }
 

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -944,8 +944,21 @@ const MemoriWidget = ({
             }, 500);
           }
         });
+      } else if (response.resultCode === 500 && response.resultMessage) {
+        setHistory(h => [...h, {
+          text: 'Error: ' + response.resultMessage,
+          emitter: 'system',
+          fromUser: false,
+          initial: false,
+          contextVars: {},
+          date: new Date().toISOString(),
+        }]);
+      } else {
+        console.warn('[SEND_MESSAGE]', response);
+        return Promise.reject(response);
       }
     } catch (error) {
+      console.log('error', error);
       console.error(error);
       gotError = true;
 
@@ -1398,7 +1411,6 @@ const MemoriWidget = ({
     continueFromSessionID?: string,
     isSessionExpired?: boolean
   ) => {
-
     // Set loading state while reopening session
     setLoading(true);
 
@@ -1477,7 +1489,10 @@ const MemoriWidget = ({
 
       // Handle successful session initialization
       if (sessionID && currentState && response.resultCode === 0) {
-        console.log('[REOPEN_SESSION] Session initialized successfully:', sessionID);
+        console.log(
+          '[REOPEN_SESSION] Session initialized successfully:',
+          sessionID
+        );
         setSessionId(sessionID);
 
         // Update dialog state and history if requested
@@ -1486,13 +1501,19 @@ const MemoriWidget = ({
           setCurrentDialogState(currentState);
 
           if (currentState.emission) {
-            console.log('[REOPEN_SESSION] Processing emission:', currentState.emission);
+            console.log(
+              '[REOPEN_SESSION] Processing emission:',
+              currentState.emission
+            );
             // Determine initial status message based on context
             // Show status message only if session expired and there's existing history
-            const initialStatus = isSessionExpired && history.length > 1
-              ? 'Session Expired, reopening session'
-              : (history.length <= 1 ? true : undefined);
-            
+            const initialStatus =
+              isSessionExpired && history.length > 1
+                ? 'Session Expired, reopening session'
+                : history.length <= 1
+                ? true
+                : undefined;
+
             // Set initial message or append to existing history
             history.length <= 1
               ? setHistory([
@@ -1501,7 +1522,9 @@ const MemoriWidget = ({
                     emitter: currentState.emitter,
                     media: currentState.emittedMedia ?? currentState.media,
                     fromUser: false,
-                    initial: (initialStatus === true ? true : (initialStatus || undefined)) as any,
+                    initial: (initialStatus === true
+                      ? true
+                      : initialStatus || undefined) as any,
                     contextVars: currentState.contextVars,
                     date: currentState.currentDate,
                     placeName: currentState.currentPlaceName,
@@ -1517,7 +1540,9 @@ const MemoriWidget = ({
                   emitter: currentState.emitter,
                   media: currentState.emittedMedia ?? currentState.media,
                   fromUser: false,
-                  initial: (initialStatus === true ? true : (initialStatus || undefined)) as any,
+                  initial: (initialStatus === true
+                    ? true
+                    : initialStatus || undefined) as any,
                   contextVars: currentState.contextVars,
                   date: currentState.currentDate,
                   placeName: currentState.currentPlaceName,
@@ -2647,6 +2672,20 @@ const MemoriWidget = ({
               text: initialQuestion,
             });
 
+            // Handle 500 error from TextEnteredEvent
+            if (response.resultCode === 500 && response.resultMessage) {
+              setHistory(h => [...h, {
+                text: 'Error: ' + response.resultMessage,
+                emitter: 'system',
+                fromUser: false,
+                initial: false,
+                contextVars: {},
+                date: new Date().toISOString(),
+              }]);
+              setMemoriTyping(false);
+              return;
+            }
+
             await translateAndSpeak(
               response.currentState ?? currentState,
               userLang,
@@ -3136,7 +3175,10 @@ const MemoriWidget = ({
                 }
               })
               .catch(error => {
-                if (!(error instanceof Error) || error.message !== 'AUTH_FAILED') {
+                if (
+                  !(error instanceof Error) ||
+                  error.message !== 'AUTH_FAILED'
+                ) {
                   setGotErrorInOpening(true);
                 }
                 throw error;
@@ -3312,14 +3354,21 @@ const MemoriWidget = ({
               userToken = token;
               setLocalConfig('loginToken', token);
               // Push a message with initial status to show status message when a new session is created after login
-              if (state?.sessionID && state.sessionID !== sessionId && state?.dialogState) {
+              if (
+                state?.sessionID &&
+                state.sessionID !== sessionId &&
+                state?.dialogState
+              ) {
                 // Push a message with initial status message showing successful login
                 // Only show the chip component, not the emission text
                 const username = user?.userName || t('login.user');
                 pushMessage({
                   text: '', // Empty text so only the chip is visible
                   emitter: state.dialogState.emitter,
-                  media: state.dialogState.emittedMedia ?? state.dialogState.media ?? [],
+                  media:
+                    state.dialogState.emittedMedia ??
+                    state.dialogState.media ??
+                    [],
                   fromUser: false,
                   initial: t('login.successfullyLoggedIn', { username }) as any,
                   contextVars: state.dialogState.contextVars,

package/src/components/MicrophoneButton/MicrophoneButton.css

@@ -26,7 +26,7 @@
 }
 
 .memori-chat-inputs--mic svg {
-    color: var(--memori-primary-text, #fff);
+    color: var(--memori-primary, #fff);
     font-size: 1em;
     -webkit-user-select: none;
     user-select: none;
@@ -36,7 +36,7 @@
 .memori-chat-inputs--mic:active,
 .memori-chat-inputs--mic:focus {
     border-color: var(--memori-primary) !important;
-    color: var(--memori-primary-text, #fff);
+    color: var(--memori-primary, #fff);
 }
 
 .memori-chat-inputs--mic:active,

package/src/components/StartPanel/StartPanel.css

@@ -133,7 +133,14 @@
 }
 
 .memori--start-button {
+    position: relative;
+    overflow: hidden;
+    min-width: 140px;
+    min-height: 42px;
+    border-radius: 8px;
     margin-right: 1em;
+    font-weight: 600;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .memori--language-chooser {
@@ -263,3 +270,4 @@
 .memori--privacy-tooltip-content-list {
     padding-left: 1rem;
 }
+

package/src/components/UploadButton/UploadButton.css

@@ -200,17 +200,6 @@
   height: 20px;
 }
 
-/* Preview Container */
-.memori--preview-container {
-  min-width: 200px;
-  padding: 12px;
-  border-radius: 8px;
-  margin-bottom: 12px;
-  animation: slide-in 0.3s ease;
-  background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-}
 
 .memori--absolute-preview {
   position: absolute;
@@ -352,7 +341,7 @@
   padding: 16px;
   border-radius: 8px;
   margin: 0;
-  background-color: #f8f9fa;
+  /* background-color: #f8f9fa; */
   font-family: monospace;
   line-height: 1.5;
 }
@@ -362,7 +351,7 @@
   border: 1px solid #b2f2bb;
   border-radius: 8px;
   margin-top: 16px;
-  background-color: #ebfbee;
+  /* background-color: #ebfbee; */
   text-align: left;
 }
 
@@ -381,8 +370,8 @@
 .memori--error-message-container,
 .memori--login-tip {
   position: fixed;
-  z-index: 1001;
-  top: 120px;
+  z-index: 10001;
+  top: 80px;
   right: 20px;
 }
 
@@ -431,6 +420,13 @@
   font-weight: bold;
 }
 
+.memori--upload-image {
+  min-width: 140px;
+  min-height: 42px;
+  border-radius: 8px;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 .memori--image-count-full {
   background-color: #fa5252;
 }
@@ -439,8 +435,8 @@
 .memori--document-count {
   position: absolute;
   z-index: 5;
-  top: -8px;
-  right: -8px;
+  top: -20px;
+  right: -10px;
   padding: 1px 6px;
   border-radius: 10px;
   background-color: #51cf66;
@@ -509,6 +505,13 @@ input.memori--upload-title-input {
   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
 }
 
+.memori--error-message-alert{
+  position: relative;
+  z-index: 10002;
+  top: 0;
+  right: 0;
+}
+
 /* Animation Keyframes */
 @keyframes slide-in {
   from {