@memori.ai/memori-react 4.2.0 → 4.3.0

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -52,6 +52,7 @@ import PoweredBy from '../PoweredBy/PoweredBy';
 import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
 import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
 import KnownFacts from '../KnownFacts/KnownFacts';
+import ExpertsDrawer from '../ExpertsDrawer/ExpertsDrawer';
 
 // Layout
 import FullPageLayout from '../layouts/FullPage';
@@ -455,6 +456,7 @@ const MemoriWidget = ({
   const [showPositionDrawer, setShowPositionDrawer] = useState(false);
   const [showSettingsDrawer, setShowSettingsDrawer] = useState(false);
   const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
+  const [showExpertsDrawer, setShowExpertsDrawer] = useState(false);
   const [muteSpeaker, setMuteSpeaker] = useState(false);
   const [continuousSpeech, setContinuousSpeech] = useState(false);
   const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
@@ -2595,6 +2597,7 @@ const MemoriWidget = ({
     setShowPositionDrawer,
     setShowSettingsDrawer,
     setShowKnownFactsDrawer,
+    setShowExpertsDrawer,
     showSpeaker: !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
     speakerMuted: muteSpeaker || speakerMuted,
     setSpeakerMuted: mute => {
@@ -2920,6 +2923,17 @@ const MemoriWidget = ({
           closeDrawer={() => setShowKnownFactsDrawer(false)}
         />
       )}
+
+      {showExpertsDrawer && !!experts && (
+        <ExpertsDrawer
+          apiUrl={apiUrl}
+          baseUrl={baseUrl}
+          tenant={tenant}
+          experts={experts}
+          open={showExpertsDrawer}
+          onClose={() => setShowExpertsDrawer(false)}
+        />
+      )}
     </div>
   );
 };

package/src/index.stories.tsx

@@ -48,7 +48,23 @@ Localhost.args = {
   uiLang: 'EN',
   lang: 'IT',
   layout: 'FULLPAGE',
-  showShare: 'true',
+  showShare: true,
+  integrationID: '82f017cc-450b-4c47-acf5-47910d336ce9',
+};
+
+export const LocalhostBoE = Template.bind({});
+LocalhostBoE.args = {
+  memoriName: 'experts chairman',
+  ownerUserName: 'nicola',
+  memoriID: '2b094cd6-77b8-4e09-a807-0039b84c988e',
+  ownerUserID: '04a8cff9-13d6-4367-9cb2-72b9af9ee494',
+  tenantID: 'app.memorytwin.com',
+  apiURL: 'http://localhost:7778',
+  baseURL: 'http://localhost:3000',
+  uiLang: 'EN',
+  lang: 'IT',
+  layout: 'FULLPAGE',
+  showShare: true,
   integrationID: '82f017cc-450b-4c47-acf5-47910d336ce9',
 };
 

package/src/locales/en.json

@@ -84,6 +84,9 @@
     "share": "Share",
     "sendOnKeypress": "Hit Enter to send",
     "sendOnClick": "Click on Submit",
+    "boardOfExperts": "Board of experts",
+    "showExpertsInTheBoard": "Show experts in this board",
+    "expertsInTheBoard": "Experts in this board",
     "goToIntegrationsToCustomizeAvatar": "To customize the avatar, go to Share and customize the public page"
   },
   "write_and_speak": {

package/src/locales/it.json

@@ -84,6 +84,9 @@
     "share": "Condividi",
     "sendOnKeypress": "Premi Invio per inviare",
     "sendOnClick": "Clicca sul bottone di invio",
+    "boardOfExperts": "Gruppo di esperti",
+    "showExpertsInTheBoard": "Mostra gli esperti di questo gruppo",
+    "expertsInTheBoard": "Esperti di questo gruppo",
     "goToIntegrationsToCustomizeAvatar": "Per personalizzare l'avatar, vai a Condividimi e configura la pagina pubblica"
   },
   "write_and_speak": {

package/src/mocks/data.ts

@@ -6,6 +6,7 @@ import {
   Tenant,
   DialogState,
   KnownFact,
+  ExpertReference,
 } from '@memori.ai/memori-api-client/dist/types';
 
 export const sessionID = '131165be-9d1a-42fb-a3ce-e8f86d40c88f';
@@ -301,3 +302,16 @@ export const knownFact: KnownFact = {
   lastChangeTimestamp: '2023-12-01T13:44:04.832072Z',
   lastChangeSessionID: '0ce713c0-c8f1-4aed-a2a6-40f81c06854f',
 };
+
+export const expertReference: ExpertReference = {
+  expertID: 'f016f204-c307-483b-8891-680a3c974c53',
+  name: 'TEST MEMORI',
+  description: 'lui è competente',
+  default: true,
+  expertMemoriID: 'dfc44f1c-1ba7-4e1e-a234-28aa8b6b3d32',
+  expertBaseURL: 'http://localhost:7778',
+  creationTimestamp: '2023-12-01T13:40:25.235896Z',
+  creationSessionID: '0ce713c0-c8f1-4aed-a2a6-40f81c06854f',
+  lastChangeTimestamp: '2023-12-01T13:44:04.832072Z',
+  lastChangeSessionID: '0ce713c0-c8f1-4aed-a2a6-40f81c06854f',
+};

package/src/styles.css

@@ -23,6 +23,7 @@
 @import url('./components/ChatTextArea/ChatTextArea.css');
 @import url('./components/CustomGLBModelViewer/ModelViewer.css');
 @import url('./components/SettingsDrawer/SettingsDrawer.css');
+@import url('./components/ExpertsDrawer/ExpertsDrawer.css');
 @import url('./components/ExportHistoryButton/ExportHistoryButton.css');
 @import url('./components/FeedbackButtons/FeedbackButtons.css');
 @import url('./components/Header/Header.css');