@memori.ai/memori-react 8.11.0 → 8.12.0

package/src/components/Avatar/Avatar.stories.tsx

@@ -5,6 +5,7 @@ import I18nWrapper from '../../I18nWrapper';
 import Avatar, { Props } from './Avatar';
 
 import './Avatar.css';
+import { ArtifactProvider } from '../MemoriArtifactSystem/context/ArtifactContext';
 
 const meta: Meta = {
   title: 'Widget/Avatar',
@@ -32,6 +33,7 @@ const Template: Story<Props> = args => {
 
   return (
     <I18nWrapper>
+      <ArtifactProvider>
       <div
         style={
           args.integrationConfig?.avatar === 'customglb' ||
@@ -58,6 +60,7 @@ const Template: Story<Props> = args => {
           key={Date.now()}
         />
       </div>
+      </ArtifactProvider>
     </I18nWrapper>
   );
 };

package/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css

@@ -7,8 +7,8 @@
   display: flex;
   width: 380px; /* Fixed width */
   max-width: 100%; /* Maximum width relative to screen */
-  height: 320px;
-  max-height: 320px;
+  height: 340px;
+  max-height: 340px;
   flex-direction: column;
   padding: 16px;
   border-radius: 16px;

package/src/components/Chat/Chat.stories.tsx

@@ -980,6 +980,20 @@ def process_data(df):
   setSendOnEnter: () => {},
 };
 
+export const WithTyping = Template.bind({});
+WithTyping.args = {
+  memori,
+  tenant,
+  sessionID,
+  history,
+  dialogState: {
+    state: 'X2a',
+  },
+  layout: 'DEFAULT',
+  memoriTyping: true,
+  typingText: 'Sto pensando...',
+};
+
 export const WithAllMediaTypes = Template.bind({});
 WithAllMediaTypes.args = {
   memori,
@@ -1325,8 +1339,8 @@ build-storybook = "build-storybook"`,
   setSendOnEnter: () => {},
 };
 
-export const withBase64Image = Template.bind({});
-withBase64Image.args = {
+export const WithBase64Image = Template.bind({});
+WithBase64Image.args = {
   memori,
   tenant,
   sessionID,

package/src/components/Chat/Chat.tsx

@@ -317,7 +317,7 @@ const Chat: React.FC<Props> = ({
                   // Filter out HTML and plain text media items from the message
                   ...(message?.media?.filter(
                     m =>
-                      m.mimeType !== 'text/html' && m.mimeType !== 'text/plain'
+                      m.mimeType !== 'text/html' && !m.properties?.functionSignature
                   ) || []),
 
                   // Extract document attachments that are embedded in the message text
@@ -431,6 +431,7 @@ const Chat: React.FC<Props> = ({
           instruct={instruct}
           authToken={authToken}
           sendMessage={sendMessage}
+          isTyping={memoriTyping}
           microphoneMode={microphoneMode}
           sendOnEnter={sendOnEnter}
           setSendOnEnter={setSendOnEnter}