@memori.ai/memori-react 8.10.1 → 8.12.0

package/src/components/ui/Drawer.tsx

@@ -40,13 +40,15 @@ export interface Props {
   confirmDialogMessage?: string;
   showBackdrop?: boolean;
   preventBackdropClose?: boolean;
+  enterDuration?: string;
+  leaveDuration?: string;
 }
 
 const Drawer: FC<Props> = ({
   title,
   open = false,
   data,
-  onClose = () => {},
+  onClose = () => { },
   children,
   width = '80%',
   footer,
@@ -63,6 +65,8 @@ const Drawer: FC<Props> = ({
   confirmDialogTitle,
   confirmDialogMessage,
   preventBackdropClose = false,
+  enterDuration = 'duration-300',
+  leaveDuration = 'duration-200',
 }: Props) => {
   const [originalData, setOriginalData] = useState<any>(null);
   const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);
@@ -120,19 +124,19 @@ const Drawer: FC<Props> = ({
       <Transition appear show={open} as={React.Fragment}>
         <Dialog
           open={open}
-          onClose={preventBackdropClose ? () => {} : handleClose}
+          onClose={preventBackdropClose ? () => { } : handleClose}
           className={cx('memori-drawer', className)}
         >
           {showBackdrop && (
             <Transition.Child
-            as={React.Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
+              as={React.Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0"
+              enterTo="opacity-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100"
+              leaveTo="opacity-0"
+            >
               <div className="memori-drawer--backdrop" />
             </Transition.Child>
           )}
@@ -141,10 +145,10 @@ const Drawer: FC<Props> = ({
               <Transition.Child
                 static
                 as={React.Fragment}
-                enter="ease-out duration-300"
+                enter={`ease-out ${enterDuration}`}
                 enterFrom={animated ? 'max-w-0 opacity-0' : 'opacity-0'}
                 enterTo="max-w-80 opacity-100"
-                leave="ease-in duration-200"
+                leave={`ease-in ${leaveDuration}`}
                 leaveFrom="max-w-80 opacity-100"
                 leaveTo={animated ? 'max-w-0 opacity-0' : 'opacity-0'}
               >

package/src/components/ui/Tooltip.css

@@ -2,12 +2,13 @@
 
 .memori-tooltip {
     position: relative;
+    z-index: 1000;
     display: inline-block;
 }
 
 .memori-tooltip--content {
     position: absolute;
-    z-index: 100;
+    z-index: 1000;
     top: 50%;
     left: 100%;
     display: none;
@@ -47,6 +48,7 @@
     transition: 0.3s;
 }
 
+
 .memori-tooltip.memori-tooltip--align-left .memori-tooltip--content::before {
     right: -15px;
     left: auto;
@@ -113,3 +115,49 @@
 .memori-tooltip.memori-tooltip--disabled {
     cursor: not-allowed;
 }
+
+.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content {
+    top: 100%;
+    right: initial;
+    left: 50%;
+    margin: initial;
+    margin-top: 15px;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content::before {
+    z-index: 1001;
+    top: -15px;
+    bottom: initial;
+    left: 66%;
+    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
+    margin-top: 0px;
+    margin-bottom: initial;
+    margin-left: 5px;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content::before {
+    z-index: 1001;
+    top: -15px;
+    right: 10px;
+    bottom: initial;
+    left: auto;
+    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
+    margin-top: -5px;
+    margin-right: 5px;
+    margin-bottom: initial;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
+    transform: translateX(-73%);
+}
+
+.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
+    transform: translateX(33%);
+}

package/src/components/ui/Tooltip.tsx

@@ -4,7 +4,7 @@ import cx from 'classnames';
 export interface Props {
   content: string | JSX.Element | React.ReactNode;
   className?: string;
-  align?: 'left' | 'right' | 'topLeft' | 'topRight';
+  align?: 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
   disabled?: boolean;
   children: React.ReactNode;
   visible?: boolean;

package/src/index.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, Story } from '@storybook/react';
 import Memori, { Props } from './index';
 
 const meta: Meta = {
-  title: 'General/Default',
+  title: 'General/Functionalities',
   component: Memori,
   argTypes: {
     AZURE_COGNITIVE_SERVICES_TTS_KEY: {
@@ -22,37 +22,6 @@ export default meta;
 
 const Template: Story<Props> = args => <Memori {...args} />;
 
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Anonymous = Template.bind({});
-Anonymous.args = {
-  ownerUserName: 'nzambello',
-  memoriName: 'Nicola',
-  tenantID: 'www.aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  enableAudio: true,
-  autoStart: true,
-  showChatHistory: true,
-};
-
-export const Vaccaboia = Template.bind({});
-Vaccaboia.args = {
-  ownerUserName: 'francesco.timo',
-  memoriName: 'AI-ssistantSafe',
-  tenantID: 'tecne.aclambda.online',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  enableAudio: true,
-  autoStart: false,
-  showChatHistory: true,
-};
 
 export const WithInitialContextAndQuestion = Template.bind({});
 WithInitialContextAndQuestion.args = {
@@ -131,297 +100,21 @@ WithUpload.args = {
   showUpload: true,
 };
 
-export const Nunzio = Template.bind({});
-Nunzio.args = {
-  ownerUserName: 'nunzio.fiore',
-  memoriName: 'Nunzio',
-  tenantID: 'aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-};
-
-export const Localhost = Template.bind({});
-Localhost.args = {
-  memoriName: 'test9',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'e31aa393-08c4-469a-b2e8-971eb45f4925',
-  ownerUserID: '9266e23e-6822-4658-bbb0-4bebbc232bd4',
-  tenantID: 'localhost:3000',
-  engineURL: 'http://localhost:7778',
-  apiURL: 'http://localhost:7778',
-  baseURL: 'http://localhost:3000',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  layout: 'FULLPAGE',
-  showInstruct: false,
-  showSettings: true,
-  showChatHistory: true,
-  showClear: false,
-  showTypingText: false,
-  showOnlyLastMessages: false,
-  showTranslationOriginal: false,
-  showCopyButton: false,
-  showShare: true,
-  showLogin: true,
-  useMathFormatting: false,
-  showUpload: false,
-  autoStart: false,
-  enableAudio: true,
-  integrationID: 'c13fe42a-2d25-4bde-a502-f34824cd4ff1',
-};
-
-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: 'www.aisuru.com',
-  engineURL: 'http://localhost:7777',
-  apiURL: 'http://localhost:7778',
-  baseURL: 'http://localhost:3000',
-  uiLang: 'EN',
-  lang: 'IT',
-  layout: 'FULLPAGE',
-  showShare: true,
-  integrationID: '82f017cc-450b-4c47-acf5-47910d336ce9',
-};
-
-export const Staging = Template.bind({});
-Staging.args = {
-  memoriName: 'Giuseppe Verdi',
-  ownerUserName: 'nunziofiore',
-  memoriID: 'b996dbb9-3728-44d6-96f7-9b728224698c',
-  ownerUserID: 'fbee9aaa-0c46-460e-9800-15e31d7c99c0',
-  tenantID: 'aisuru-staging.aclambda.online',
-  apiURL: 'https://backend-staging.memori.ai',
-  engineURL: 'https://engine-staging.memori.ai',
-  baseURL: 'https://aisuru-staging.aclambda.online',
-  uiLang: 'EN',
-  lang: 'IT',
-  layout: 'FULLPAGE',
-};
-
-export const Giovanna = Template.bind({});
-Giovanna.args = {
-  memoriName: 'Giovanna',
-  ownerUserName: 'memoridev',
-  memoriID: '3b308d07-0ff8-4f18-b885-fad501164c43',
-  ownerUserID: '13ab0379-a51d-4a83-8389-4f4b95e15567',
-  tenantID: 'www.aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  layout: 'ZOOMED_FULL_BODY',
-};
-
-export const CreaRiassunti = Template.bind({});
-CreaRiassunti.args = {
-  memoriName: 'Crea Riassunti',
-  ownerUserName: 'patini929',
-  memoriID: '514dd043-ec26-4c57-a014-a512c9014822',
-  ownerUserID: '1941d326-6986-4fa1-872b-458d09fb654c',
-  tenantID: 'www.aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'IT',
-  spokenLang: 'FR',
-  layout: 'CHAT',
-  showUpload: true,
-  showSettings: true,
-  showClear: false,
-  showAIicon: true,
-  showWhyThisAnswer: true,
-  showTypingText: false,
-  showOnlyLastMessages: false,
-  showTranslationOriginal: false,
-  showCopyButton: false,
-  showShare: true,
-  showLogin: false,
-};
-
-export const NunzioFiore = Template.bind({});
-NunzioFiore.args = {
-  ownerUserName: 'nunzio.fiore',
-  memoriName: 'Nunzio',
-  tenantID: 'www.aisuru.com',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  layout: 'ZOOMED_FULL_BODY',
-  showSettings: 'true',
-  showClear: 'false',
-  showAIicon: 'true',
-  showWhyThisAnswer: 'true',
-  showTypingText: 'false',
-  showOnlyLastMessages: 'false',
-  showTranslationOriginal: 'false',
-  showCopyButton: 'false',
-  showShare: 'true',
-  showLogin: 'false',
-  enableAudio: 'true',
-};
-
-export const TestCustomAnimationsWithRPMSequence = Template.bind({});
-TestCustomAnimationsWithRPMSequence.args = {
-  memoriName: 'Dancing Avatar',
-  ownerUserName: 'andrea.patini3',
-  memoriID: '45420d30-a103-455c-bab1-b708a0566a02',
-  ownerUserID: '58770358-a5db-4b49-b3a4-734fc468e745',
+export const WithPrivateAgent = Template.bind({});
+WithPrivateAgent.args = {
+  memoriName: 'Test Private',
+  ownerUserName: 'Andrea-Patini',
+  memoriID: 'c58cd5f9-43c4-4a3b-9fb6-56aedf58ff7a',
+  ownerUserID: '91dbc9ba-b684-4fbe-9828-b5980af6cda9',
   tenantID: 'aisuru-staging.aclambda.online',
-  engineURL: 'https://engine-staging.memori.ai/memori/v2',
   apiURL: 'https://backend-staging.memori.ai/api/v2',
+  engineURL: 'https://engine-staging.memori.ai/memori/v2',
   baseURL: 'https://aisuru-staging.aclambda.online',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  layout: 'HIDDEN_CHAT',
-  showLogin: true,
-  autoStart: true,
-  integrationID: '2f6e11a0-d799-4974-aa17-cf111d0af82a',
-};
-
-export const TestCustomGLBSingleAnimation = Template.bind({});
-TestCustomGLBSingleAnimation.args = {
-  memoriName: "Dragon's Journey",
-  ownerUserName: 'andrea.patini3',
-  memoriID: 'fa0568c0-aac2-494b-bde7-6a8ec7725a2d',
-  ownerUserID: '58770358-a5db-4b49-b3a4-734fc468e745',
-  tenantID: 'aisuru-staging.aclambda.online',
-  engineURL: 'https://engine-staging.memori.ai',
-  apiURL: 'https://backend-staging.memori.ai',
-  baseURL: 'https://aisuru-staging.aclambda.online',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  layout: 'TOTEM',
-  showInstruct: false,
-  showLogin: true,
-  showSettings: 'true',
-  showClear: 'false',
-  showTypingText: 'false',
-  showOnlyLastMessages: 'false',
-  showTranslationOriginal: 'false',
-  showCopyButton: 'false',
-  showShare: 'true',
-  useMathFormatting: 'false',
-  showUpload: 'false',
-  autoStart: 'false',
-  enableAudio: 'true',
-  integrationID: 'eea150e2-3ab3-47ae-a9ad-d3ea1704f623',
-};
-
-export const TestRPMEmotionFunction = Template.bind({});
-TestRPMEmotionFunction.args = {
-  memoriName: 'Test RPM',
-  ownerUserName: 'andrea.patini3',
-  memoriID: '35b7059f-08f4-45ab-98d8-899957666b77',
-  ownerUserID: '58770358-a5db-4b49-b3a4-734fc468e745',
-  tenantID: 'aisuru-staging.aclambda.online',
-  engineURL: 'https://engine-staging.memori.ai',
-  apiURL: 'https://backend-staging.memori.ai',
-  baseURL: 'https://aisuru-staging.aclambda.online',
-  uiLang: 'IT',
-  showUpload: true,
+  uiLang: 'EN',
   spokenLang: 'IT',
-  layout: 'ZOOMED_FULL_BODY',
-  integrationID: '60a37903-44a2-48c2-82e3-c7b8b620cb64',
-};
-
-const TemplateWithBatchButton: Story<Props> = args => (
-  <div>
-    <button
-      style={{
-        position: 'fixed',
-        top: '0.5rem',
-        left: '0.5rem',
-        zIndex: 99999,
-      }}
-      onClick={() => {
-        window.typeBatchMessages([
-          {
-            message: 'uno di tre',
-            hidden: false,
-            waitForPrevious: true,
-          },
-          {
-            message: 'due di tre',
-            hidden: false,
-            waitForPrevious: true,
-          },
-          {
-            message: 'tre di tre',
-            hidden: false,
-            waitForPrevious: true,
-          },
-        ]);
-      }}
-    >
-      Start Batch
-    </button>
-    <Memori {...args} />
-  </div>
-);
-export const WithBatch = TemplateWithBatchButton.bind({});
-WithBatch.args = {
-  ownerUserName: 'nzambello',
-  memoriName: 'Nicola',
-  tenantID: 'aisuru.com',
-  apiURL: 'https://backend.memori.ai',
-  engineURL: 'https://engine.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'it',
-  showShare: true,
+  layout: 'FULLPAGE',
+  multilingual: true,
   showSettings: true,
-};
-
-export const WithCustomUserAvatar = Template.bind({});
-WithCustomUserAvatar.args = {
-  ownerUserName: 'nzambello',
-  memoriName: 'Nicola',
-  tenantID: 'aisuru.com',
-  apiURL: 'https://backend.memori.ai',
-  engineURL: 'https://engine.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  uiLang: 'it',
   showShare: true,
-  showSettings: true,
-  userAvatar: 'https://picsum.photos/200',
-};
-
-// export const Instruction = Template.bind({});
-// Instruction.args = {
-//   ownerUserName: 'nzambello',
-//   memoriName: 'Nicola',
-//   tenantID: 'aisuru.com',
-//   apiURL: 'https://backend.memori.ai',
-//   baseURL: 'https://aisuru.com',
-//   uiLang: 'it',
-//   showShare: true,
-//   tag: 'giver',
-//   pin: 'giver pin',
-//   authToken: 'your login token',
-// };
-
-export const Test = Template.bind({});
-Test.args = {
-    memoriName: "test23",
-    ownerUserName:"Andrea-Patini",
-    memoriID:"bb672b4a-712a-4298-b440-61bfe5d67489",
-    ownerUserID:"91dbc9ba-b684-4fbe-9828-b5980af6cda9",
-    tenantID:"aisuru-staging.aclambda.online",
-    engineURL:"https://engine-staging.memori.ai/memori/v2",
-    apiURL:"https://backend-staging.memori.ai/api/v2",
-    baseURL:"https://aisuru-staging.aclambda.online",
-    layout:"FULLPAGE",
-    uiLang:"IT",
-    spokenLang:"IT",
-    integrationID:"4ba083d5-c8e3-49c5-ae02-4e498484e1a4",
-};
+  integrationID: '19f95abe-3493-4568-971d-14471480e5bc',
+};

package/src/locales/de.json

@@ -24,7 +24,9 @@
   "last_7_days": "Letzte 7 Tage",
   "last_30_days": "Letzte 30 Tage",
   "missingData": "Fehlende Informationen",
+  "date": "Geburtsdatum",
   "day": "Tag",
+  "copied": "Kopiert!",
   "month": "Monat",
   "year": "Jahr",
   "createdAt": "Erstellungsdatum",
@@ -106,6 +108,8 @@
     "tokens": "Token",
     "addToken": "Token hinzufügen",
     "usePassword": "Passwort verwenden",
+    "passwordRequired": "Passwort erforderlich",
+    "invalidCredentials": "Ungültige Zugangsdaten",
     "atLeast": "Mindestens"
   },
   "widget": {
@@ -342,7 +346,8 @@
     "termsOfService": "Nutzungsbedingungen",
     "pAndCUAccepted": "Ich akzeptiere die Nutzungsbedingungen von Deep Thought",
     "editAccount": "Konto bearbeiten",
-    "save": "Speichern"
+    "save": "Speichern",
+    "successfullyLoggedIn": "{{username}} hat sich erfolgreich angemeldet"
   },
   "chatLogs": {
     "anyMessage": "Jede Nachricht",

package/src/locales/en.json

@@ -25,8 +25,13 @@
   "last_7_days": "Last 7 days",
   "last_30_days": "Last 30 days",
   "month": "Month",
+  "copied": "Copied!",
   "year": "Year",
+  "dayPlaceholder": "DD",
+  "monthPlaceholder": "MM",
+  "yearPlaceholder": "YYYY",
   "createdAt": "Creation date",
+  "date": "Birth date",
   "selected": "Selected",
   "page": "page",
   "actions": "Actions",
@@ -105,6 +110,8 @@
     "tokens": "Tokens",
     "addToken": "Add token",
     "usePassword": "Use password",
+    "passwordRequired": "Password required",
+    "invalidCredentials": "Invalid credentials",
     "atLeast": "At least"
   },
   "widget": {
@@ -406,7 +413,8 @@
     "termsStatus": "Terms Status",
     "enabled": "Enabled",
     "disabled": "Disabled",
-    "advancedFeatures": "Advanced Features"
+    "advancedFeatures": "Advanced Features",
+    "successfullyLoggedIn": "{{username}} has successfully logged in"
   },
   "chatLogs": {
     "anyMessage": "Any message",

package/src/locales/es.json

@@ -24,7 +24,9 @@
   "yesterday": "Ayer",
   "last_7_days": "Últimos 7 días",
   "last_30_days": "Últimos 30 días",
+  "date": "Fecha de nacimiento",
   "month": "Mes",
+  "copied": "¡Copiado!",
   "missingData": "Información faltante",
   "year": "Año",
   "createdAt": "Fecha de creación",
@@ -106,6 +108,8 @@
     "tokens": "Fichas",
     "addToken": "Agregar token",
     "usePassword": "Usar contraseña",
+    "passwordRequired": "Contraseña obligatoria",
+    "invalidCredentials": "Credenciales no válidas",
     "atLeast": "Al menos"
   },
   "widget": {
@@ -369,7 +373,8 @@
     "termsOfService": "Términos de servicio",
     "pAndCUAccepted": "Acepto los términos de servicio sobre Deep Thought",
     "editAccount": "Editar cuenta",
-    "save": "Ahorrar"
+    "save": "Ahorrar",
+    "successfullyLoggedIn": "{{username}} ha iniciado sesión correctamente"
   },
   "chatLogs": {
     "anyMessage": "Cualquier mensaje",

package/src/locales/fr.json

@@ -24,8 +24,10 @@
   "createdAt": "Date de création",
   "all": "Tous",
   "today": "Aujourd'hui",
+  "date": "Date de naissance",
   "yesterday": "Hier",
   "last_7_days": "7 derniers jours",
+  "copied": "Copié !",
   "missingData": "Informations manquantes",
   "last_30_days": "30 derniers jours",
   "selected": "Choisi",
@@ -104,6 +106,7 @@
     "useRecoveryTokens": "Utiliser des jetons de récupération",
     "tokens": "Jetons",
     "addToken": "Ajouter un jeton",
+    "invalidCredentials": "Identifiants invalides",
     "usePassword": "Utiliser le mot de passe",
     "atLeast": "Au moins"
   },
@@ -378,7 +381,8 @@
     "termsOfService": "Conditions d'utilisation",
     "pAndCUAccepted": "J'accepte les conditions d'utilisation de Deep Thought",
     "editAccount": "Modifier le compte",
-    "save": "Sauvegarder"
+    "save": "Sauvegarder",
+    "successfullyLoggedIn": "{{username}} s'est connecté avec succès"
   },
   "chatLogs": {
     "anyMessage": "Tout message",

package/src/locales/it.json

@@ -21,14 +21,19 @@
   "day": "Giorno",
   "month": "Mese",
   "year": "Anno",
+  "dayPlaceholder": "GG",
+  "monthPlaceholder": "MM",
+  "yearPlaceholder": "AAAA",
   "createdAt": "Data creazione",
   "selected": "Selezionati",
   "page": "pagina",
   "actions": "Azioni",
   "next": "Successivo",
   "all": "Tutti",
+  "copied": "Copiato!",
   "today": "Oggi",
   "yesterday": "Ieri",
+  "date": "Data di nascita",
   "last_7_days": "Ultimi 7 giorni",
   "last_30_days": "Ultimi 30 giorni",
   "previous": "Precedente",
@@ -106,6 +111,7 @@
     "tokens": "Token",
     "addToken": "Aggiungi token",
     "usePassword": "Utilizza la password",
+    "invalidCredentials": "Credenziali non valide",
     "atLeast": "Almeno"
   },
   "widget": {
@@ -406,7 +412,8 @@
     "termsOfService": "i termini del servizio",
     "pAndCUAccepted": "Accetto le condizioni di utilizzo relative a Pensiero Profondo",
     "editAccount": "Modifica account",
-    "save": "Salva"
+    "save": "Salva",
+    "successfullyLoggedIn": "{{username}} ha effettuato l'accesso con successo"
   },
   "chatLogs": {
     "atLeast": "Almeno {{count}} messaggi",

package/src/mocks/data.ts

@@ -474,7 +474,8 @@ export const historyWithAIGeneratedMessages: Message[] = [
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
-    text: 'Sa. Sa. Prova',
+    text: 'Sa. Sa. Prova. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+    generatedByAI: true,
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
@@ -504,8 +505,9 @@ export const historyWithAIGeneratedMessages: Message[] = [
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
-    text: 'Arrivederci.',
+    text: 'Arrivederci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
     timestamp: '2021-03-01T12:00:00.000Z',
+    generatedByAI: true,
     contextVars: {
       TEST: 'test',
     },