@memori.ai/memori-react 6.8.1 → 6.8.4

package/src/components/StartPanel/StartPanel.css

@@ -85,6 +85,7 @@
 }
 
 .memori--description,
+.memori--needsLogin,
 .memori--needsPosition {
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85));
     font-size: 14px;
@@ -95,6 +96,26 @@
     display: block;
 }
 
+.memori--start-privacy-explanation {
+    color: var(--memori-text-color, rgba(0, 0, 0, 0.85));
+    font-size: 0.85em;
+    font-style: italic;
+    opacity: 0.85;
+}
+
+.memori--start-privacy-explanation-container {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.memori--start-privacy-explanation-icon {
+    width: 1.2rem;
+    height: 1.2rem;
+    align-self: center;
+    margin-left: 0.5rem;
+}
+
 .memori--translation-toggle {
     height: auto;
     padding-right: 0;
@@ -136,7 +157,7 @@
 .memori--board-of-experts,
 .memori--nsfw {
     position: absolute;
-    right: 2.5rem;
+    right: 0.25rem;
     bottom: -1.25rem;
     display: flex;
     width: 2rem;
@@ -160,12 +181,9 @@
     height: 1rem;
 }
 
-.memori--completions-enabled+.memori--nsfw {
-    right: 4.75rem;
-}
-
-.memori--board-of-experts {
-    right: 0.25rem;
+.memori--board-of-experts + .memori--nsfw,
+.memori--completions-enabled + .memori--nsfw {
+    right: 2.5rem;
 }
 
 .memori--board-of-experts svg {
@@ -220,4 +238,12 @@
 .memori--deep-thought-disclaimer a {
     color: inherit;
     text-decoration: underline;
-}
+}
+
+.memori--privacy-tooltip-content {
+    text-align: left;
+}
+
+.memori--privacy-tooltip-content-list {
+    padding-left: 1rem;
+}

package/src/components/StartPanel/StartPanel.stories.tsx

@@ -110,24 +110,20 @@ Default.args = {
   onClickStart: () => {},
 };
 
-export const WithGamificationLevel = Template.bind({});
-WithGamificationLevel.args = {
+export const WithExistingSession = Template.bind({});
+WithExistingSession.args = {
   memori: {
     ...memori,
     enableCompletions: false,
   },
   tenant,
-  gamificationLevel: {
-    points: 61,
-    pointsForCurrentBadge: 60,
-    badge: '🌍',
-  },
   language: 'it',
   userLang: 'en',
   setUserLang: () => {},
   openPositionDrawer: () => {},
   instruct: false,
   sessionId: sessionID,
+  hasInitialSession: true,
   clickedStart: false,
   onClickStart: () => {},
 };
@@ -167,18 +163,13 @@ WithNSFWFlag.args = {
   onClickStart: () => {},
 };
 
-export const WithAllTheBadges = Template.bind({});
-WithAllTheBadges.args = {
+export const WithCompletionsAndNSFW = Template.bind({});
+WithCompletionsAndNSFW.args = {
   memori: {
     ...memori,
     enableCompletions: true,
     nsfw: true,
   },
-  gamificationLevel: {
-    points: 61,
-    pointsForCurrentBadge: 60,
-    badge: '🌍',
-  },
   tenant,
   language: 'it',
   userLang: 'en',
@@ -261,10 +252,24 @@ BoardOfExpert.args = {
     enableBoardOfExperts: true,
     enableCompletions: true,
   },
-  gamificationLevel: {
-    points: 61,
-    pointsForCurrentBadge: 60,
-    badge: '🌍',
+  tenant,
+  language: 'it',
+  userLang: 'en',
+  setUserLang: () => {},
+  openPositionDrawer: () => {},
+  instruct: false,
+  sessionId: sessionID,
+  clickedStart: false,
+  onClickStart: () => {},
+};
+
+export const BoardOfExpertNSFW = Template.bind({});
+BoardOfExpertNSFW.args = {
+  memori: {
+    ...memori,
+    enableBoardOfExperts: true,
+    enableCompletions: true,
+    nsfw: true,
   },
   tenant,
   language: 'it',
@@ -281,11 +286,6 @@ export const Instruct = Template.bind({});
 Instruct.args = {
   memori,
   tenant,
-  gamificationLevel: {
-    points: 61,
-    pointsForCurrentBadge: 60,
-    badge: '🌍',
-  },
   language: 'it',
   userLang: 'en',
   setUserLang: () => {},
@@ -313,6 +313,41 @@ PositionRequired.args = {
   onClickStart: () => {},
 };
 
+export const LoginRequired = Template.bind({});
+LoginRequired.args = {
+  memori: {
+    ...memori,
+    requireLoginToken: true,
+  },
+  tenant,
+  language: 'it',
+  userLang: 'en',
+  setUserLang: () => {},
+  openPositionDrawer: () => {},
+  instruct: true,
+  sessionId: sessionID,
+  clickedStart: false,
+  onClickStart: () => {},
+};
+
+export const LoginRequiredWithAuth = Template.bind({});
+LoginRequiredWithAuth.args = {
+  memori: {
+    ...memori,
+    requireLoginToken: true,
+  },
+  tenant,
+  language: 'it',
+  userLang: 'en',
+  setUserLang: () => {},
+  openPositionDrawer: () => {},
+  instruct: false,
+  sessionId: sessionID,
+  isUserLoggedIn: true,
+  clickedStart: false,
+  onClickStart: () => {},
+};
+
 export const WithIntegration = Template.bind({});
 WithIntegration.args = {
   memori,

package/src/components/StartPanel/StartPanel.test.tsx

@@ -22,18 +22,14 @@ it('renders StartPanel unchanged', () => {
   expect(container).toMatchSnapshot();
 });
 
-it('renders StartPanel with gamification level unchanged', () => {
+it('renders StartPanel with existing sessionunchanged', () => {
   const { container } = render(
     <StartPanel
       memori={memori}
       tenant={tenant}
-      gamificationLevel={{
-        points: 61,
-        pointsForCurrentBadge: 60,
-        badge: '🌍',
-      }}
       language="it"
       userLang="en"
+      hasInitialSession
       setUserLang={() => {}}
       openPositionDrawer={() => {}}
       instruct={false}
@@ -172,11 +168,6 @@ it('renders StartPanel on instruct unchanged', () => {
     <StartPanel
       memori={memori}
       tenant={tenant}
-      gamificationLevel={{
-        points: 61,
-        pointsForCurrentBadge: 60,
-        badge: '🌍',
-      }}
       language="it"
       userLang="en"
       setUserLang={() => {}}
@@ -199,11 +190,28 @@ it('renders StartPanel with position required unchanged', () => {
         needsPosition: true,
       }}
       tenant={tenant}
-      gamificationLevel={{
-        points: 61,
-        pointsForCurrentBadge: 60,
-        badge: '🌍',
+      language="it"
+      userLang="en"
+      setUserLang={() => {}}
+      openPositionDrawer={() => {}}
+      instruct={true}
+      sessionId={sessionID}
+      clickedStart={false}
+      onClickStart={() => {}}
+      setShowLoginDrawer={jest.fn()}
+    />
+  );
+  expect(container).toMatchSnapshot();
+});
+
+it('renders StartPanel with login required unchanged', () => {
+  const { container } = render(
+    <StartPanel
+      memori={{
+        ...memori,
+        requireLoginToken: true,
       }}
+      tenant={tenant}
       language="it"
       userLang="en"
       setUserLang={() => {}}
@@ -238,12 +246,37 @@ it('renders StartPanel with integrationConfig unchanged', () => {
   expect(container).toMatchSnapshot();
 });
 
+it('renders StartPanel with multilangual unchanged', () => {
+  const { container } = render(
+    <StartPanel
+      memori={memori}
+      tenant={tenant}
+      isMultilanguageEnabled
+      language="it"
+      userLang="en"
+      setUserLang={() => {}}
+      openPositionDrawer={() => {}}
+      instruct={false}
+      sessionId={sessionID}
+      clickedStart={false}
+      onClickStart={() => {}}
+      setShowLoginDrawer={jest.fn()}
+    />
+  );
+  expect(container).toMatchSnapshot();
+});
+
 it('renders StartPanel with completion provider down unchanged', () => {
   const { container } = render(
     <StartPanel
       memori={{
         ...memori,
-        completionProvider: 'OpenAI',
+        completionConfigForQuestionAnswering: {
+          completionConfigID: '1',
+          configName: 'openai-gpt-4',
+          provider: 'OpenAI',
+          model: 'gpt-4',
+        },
       }}
       tenant={tenant}
       language="it"
@@ -255,7 +288,7 @@ it('renders StartPanel with completion provider down unchanged', () => {
       clickedStart={false}
       onClickStart={() => {}}
       setShowLoginDrawer={jest.fn()}
-      _TEST_forceProviderStatus="major"
+      _TEST_forceProviderStatus="major_outage"
     />
   );
   expect(container).toMatchSnapshot();