@memori.ai/memori-react 7.32.2 → 7.32.4

package/src/components/Chat/Chat.tsx

@@ -34,7 +34,6 @@ export interface Props {
   history: Message[];
   authToken?: string;
   dialogState?: DialogState;
-  setDialogState: (dialogState: DialogState) => void;
   pushMessage: (message: Message) => void;
   simulateUserPrompt: (text: string, translatedText?: string) => void;
   showDates?: boolean;
@@ -56,10 +55,7 @@ export interface Props {
   showMicrophone?: boolean;
   userMessage?: string;
   onChangeUserMessage: (userMessage: string) => void;
-  sendMessage: (
-    msg: string,
-    media?: (Medium & { type: string })[]
-  ) => void;
+  sendMessage: (msg: string, media?: (Medium & { type: string })[]) => void;
   listening?: boolean;
   setEnableFocusChatInput: (enableFocusChatInput: boolean) => void;
   isPlayingAudio?: boolean;
@@ -207,8 +203,9 @@ const Chat: React.FC<Props> = ({
           />
 
           {history.map((message, index) => (
-            <React.Fragment key={index}>
+            <React.Fragment key={`${index}-${message.text?.includes('<document_attachment') ? 'has-attachments' : 'no-attachments'}-${message.timestamp}`}>
               <ChatBubble
+                key={`chatbubble-${index}-${message.text?.includes('<document_attachment') ? 'has-attachments' : 'no-attachments'}-${message.timestamp}`}
                 isFirst={index === 0}
                 message={message}
                 memori={memori}
@@ -294,6 +291,7 @@ const Chat: React.FC<Props> = ({
                 apiUrl={apiUrl}
                 translateTo={translateTo}
                 customMediaRenderer={customMediaRenderer}
+                fromUser={message.fromUser}
               />
             </React.Fragment>
           ))}