@memori.ai/memori-react 8.3.0 → 8.4.0-rc.0

package/src/components/Avatar/Avatar.test.tsx

@@ -3,11 +3,23 @@ import { render } from '@testing-library/react';
 import { memori, tenant, integration } from '../../mocks/data';
 import Avatar from './Avatar';
 import { VisemeProvider } from '../../context/visemeContext';
+import { ArtifactSystemProvider } from '../MemoriArtifactSystem';
 const integrationConfig = JSON.parse(integration.customData ?? '{}');
 
 it('renders defualt Avatar (blob) unchanged', () => {
   const { container } = render(
     <VisemeProvider>
+      <ArtifactSystemProvider config={{
+        supportedMimeTypes: {
+          html: {
+            name: 'HTML',
+            icon: '🌐',
+            hasPreview: true,
+            language: 'html',
+            mimeType: 'text/html',
+          },
+        },
+      }}>
       <Avatar
         memori={memori}
       tenant={tenant}
@@ -19,6 +31,7 @@ it('renders defualt Avatar (blob) unchanged', () => {
       hasUserActivatedSpeak={false}
         isPlayingAudio={false}
       />
+      </ArtifactSystemProvider>
     </VisemeProvider>
   );
   expect(container).toMatchSnapshot();

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

@@ -9,11 +9,13 @@ import {
   sessionID,
   dialogState as dialogStateWithHints,
   historyWithExpandable,
+  historyWithArtifacts,
 } from '../../mocks/data';
 import I18nWrapper from '../../I18nWrapper';
 import Chat, { Props } from './Chat';
 
 import './Chat.css';
+import { ArtifactSystemProvider } from '../MemoriArtifactSystem';
 
 const meta: Meta = {
   title: 'Widget/Chat',
@@ -36,11 +38,23 @@ const Template: Story<Props> = args => {
 
   return (
     <I18nWrapper>
+      <ArtifactSystemProvider config={{
+        supportedMimeTypes: {
+          html: {
+            name: 'HTML',
+            icon: '🌐',
+            hasPreview: true,
+            language: 'html',
+            mimeType: 'text/html',
+          },
+        },
+      }}>
       <Chat
         {...args}
         userMessage={userMessage}
-        onChangeUserMessage={setUserMessage}
-      />
+          onChangeUserMessage={setUserMessage}
+        />
+      </ArtifactSystemProvider>
     </I18nWrapper>
   );
 };
@@ -96,6 +110,23 @@ WithHints.args = {
   setSendOnEnter: () => {},
 };
 
+
+export const WithArtifacts = Template.bind({});
+WithArtifacts.args = {
+  memori,
+  tenant,
+  sessionID,
+  history: historyWithArtifacts,
+  dialogState,
+  layout: 'CHAT',
+  simulateUserPrompt: () => {},
+  sendMessage: (msg: string) => console.log(msg),
+  stopListening: () => {},
+  resetTranscript: () => {},
+  setAttachmentsMenuOpen: () => {},
+  setSendOnEnter: () => {},
+};
+
 export const WithMedia = Template.bind({});
 WithMedia.args = {
   memori,