@memori.ai/memori-react 4.3.0 → 4.4.0

package/esm/components/Typing/Typing.js

@@ -1,41 +1,90 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-const separator = '                                        ';
-const sentences = {
+const separator = ' ';
+const defaultDelay = 3;
+const defaultSentences = {
     en: [
-        'Generating an accurate and fancy response...',
-        'Generating a response that will blow your mind...',
-        'Generating a response that will make you smile...',
-        'Thinking of a response...',
-        'Thinking of a response that will make you smile...',
-        'Gathering my thoughts...',
-        'Gathering my thoughts to give you a response...',
+        {
+            delayAfter: defaultDelay,
+            text: 'Generating an accurate and fancy response...',
+        },
+        {
+            delayAfter: defaultDelay,
+            text: 'Generating a response that will blow your mind...',
+        },
+        {
+            delayAfter: defaultDelay,
+            text: 'Generating a response that will make you smile...',
+        },
+        { delayAfter: defaultDelay, text: 'Thinking of a response...' },
+        {
+            delayAfter: defaultDelay,
+            text: 'Thinking of a response that will make you smile...',
+        },
+        { delayAfter: defaultDelay, text: 'Gathering my thoughts...' },
+        {
+            delayAfter: defaultDelay,
+            text: 'Gathering my thoughts to give you a response...',
+        },
     ],
     it: [
-        'Sto generando una risposta accurata e fantasiosa...',
-        'Sto generando una risposta che ti farà impazzire...',
-        'Sto generando una risposta che ti farà sorridere...',
-        'Sto pensando ad una risposta...',
-        'Sto pensando ad una risposta che ti farà sorridere...',
-        'Sto raccogliendo i miei pensieri...',
-        'Sto raccogliendo i miei pensieri per darti una risposta...',
+        {
+            delayAfter: defaultDelay,
+            text: 'Sto generando una risposta accurata e fantasiosa...',
+        },
+        {
+            delayAfter: defaultDelay,
+            text: 'Sto generando una risposta che ti farà impazzire...',
+        },
+        {
+            delayAfter: defaultDelay,
+            text: 'Sto generando una risposta che ti farà sorridere...',
+        },
+        { delayAfter: defaultDelay, text: 'Sto pensando ad una risposta...' },
+        {
+            delayAfter: defaultDelay,
+            text: 'Sto pensando ad una risposta che ti farà sorridere...',
+        },
+        { delayAfter: defaultDelay, text: 'Sto raccogliendo i miei pensieri...' },
+        {
+            delayAfter: defaultDelay,
+            text: 'Sto raccogliendo i miei pensieri per darti una risposta...',
+        },
     ],
 };
-const Typing = ({ useDefaultSentences = false, lang = 'en', sentence, }) => {
-    const [text, setText] = useState(sentence
-        ? `${sentence.endsWith('...') ? sentence : `${sentence}...`}${separator}`
-        : '');
+const getSeparatorString = (seconds = defaultDelay) => new Array(seconds * 20).fill(separator).join('');
+const Typing = ({ useDefaultSentences = false, lang = 'en', sentence, sentences, }) => {
+    var _a;
+    const [index, setIndex] = useState(0);
+    const [text, setText] = useState(((_a = sentences === null || sentences === void 0 ? void 0 : sentences[lang]) === null || _a === void 0 ? void 0 : _a.length)
+        ? `${sentences[lang][0].text.endsWith('...')
+            ? sentences[lang][0].text
+            : `${sentences[lang][0].text}...`}${getSeparatorString(sentences[lang][0].delayAfter)}`
+        : sentence
+            ? `${sentence.endsWith('...') ? sentence : `${sentence}...`}${getSeparatorString()}`
+            : '');
     const [shownText, setShownText] = useState('');
     useEffect(() => {
         const interval = setInterval(() => {
+            var _a;
             const letter = text[shownText.length];
             if (letter !== undefined && text.length > 0) {
                 setShownText(prev => prev + letter);
             }
-            else if (!sentence && useDefaultSentences) {
+            else if (((_a = sentences === null || sentences === void 0 ? void 0 : sentences[lang]) === null || _a === void 0 ? void 0 : _a.length) &&
+                index < sentences[lang].length - 1) {
+                const nextIndex = index + 1;
+                const sentence = sentences[lang][nextIndex];
+                setText(`${sentence.text.endsWith('...')
+                    ? sentence.text
+                    : `${sentence.text}...`}${getSeparatorString(sentence.delayAfter)}`);
+                setShownText('');
+                setIndex(nextIndex);
+            }
+            else if (!sentences && !sentence && useDefaultSentences) {
+                const sentence = defaultSentences[lang][Math.floor(Math.random() * defaultSentences[lang].length)];
+                setText(`${sentence.text}${getSeparatorString(sentence.delayAfter)}`);
                 setShownText('');
-                setText(sentences[lang][Math.floor(Math.random() * sentences[lang].length)] +
-                    separator);
             }
         }, 50);
         return () => clearInterval(interval);

package/esm/components/Typing/Typing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typing.js","sourceRoot":"","sources":["../../../src/components/Typing/Typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,SAAS,GAAG,0CAA0C,CAAC;AAC7D,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE;QACF,8CAA8C;QAC9C,mDAAmD;QACnD,mDAAmD;QACnD,2BAA2B;QAC3B,oDAAoD;QACpD,0BAA0B;QAC1B,iDAAiD;KAClD;IACD,EAAE,EAAE;QACF,qDAAqD;QACrD,qDAAqD;QACrD,qDAAqD;QACrD,iCAAiC;QACjC,uDAAuD;QACvD,qCAAqC;QACrC,4DAA4D;KAC7D;CACF,CAAC;AAQF,MAAM,MAAM,GAAG,CAAC,EACd,mBAAmB,GAAG,KAAK,EAC3B,IAAI,GAAG,IAAI,EACX,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,QAAQ;QACN,CAAC,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,KAAK,GAAG,SAAS,EAAE;QACzE,CAAC,CAAC,EAAE,CACP,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACtC,IAAI,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3C,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;aACrC;iBAAM,IAAI,CAAC,QAAQ,IAAI,mBAAmB,EAAE;gBAC3C,YAAY,CAAC,EAAE,CAAC,CAAC;gBACjB,OAAO,CACL,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;oBACjE,SAAS,CACZ,CAAC;aACH;QACH,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,EAAE,EAAC,MAAM,aACZ,eAAM,SAAS,EAAC,KAAK,GAAQ,EAC7B,eAAM,SAAS,EAAC,KAAK,GAAQ,EAC7B,eAAM,SAAS,EAAC,KAAK,GAAQ,IACzB,EACL,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,sBAAI,SAAS,GAAK,IAClC,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Typing.js","sourceRoot":"","sources":["../../../src/components/Typing/Typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,gBAAgB,GAAG;IACvB,EAAE,EAAE;QACF;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,8CAA8C;SACrD;QACD;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,mDAAmD;SAC1D;QACD;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,mDAAmD;SAC1D;QACD,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,2BAA2B,EAAE;QAC/D;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,oDAAoD;SAC3D;QACD,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,0BAA0B,EAAE;QAC9D;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,iDAAiD;SACxD;KACF;IACD,EAAE,EAAE;QACF;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,qDAAqD;SAC5D;QACD;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,qDAAqD;SAC5D;QACD;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,qDAAqD;SAC5D;QACD,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,iCAAiC,EAAE;QACrE;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,uDAAuD;SAC9D;QACD,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,qCAAqC,EAAE;QACzE;YACE,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,4DAA4D;SACnE;KACF;CACF,CAAC;AAoBF,MAAM,kBAAkB,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,EAAE,CACpD,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,MAAM,GAAG,CAAC,EACd,mBAAmB,GAAG,KAAK,EAC3B,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,GACH,EAAE,EAAE;;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,0CAAE,MAAM;QACvB,CAAC,CAAC,GACE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YACzB,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAChC,GAAG,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE;QACxD,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,GACE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,KACnD,GAAG,kBAAkB,EAAE,EAAE;YAC3B,CAAC,CAAC,EAAE,CACP,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;;YAChC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACtC,IAAI,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3C,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;aACrC;iBAAM,IACL,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,0CAAE,MAAM;gBACzB,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAClC;gBACA,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC5B,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;gBAC5C,OAAO,CACL,GACE,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI;oBACf,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,KACtB,GAAG,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAC7C,CAAC;gBACF,YAAY,CAAC,EAAE,CAAC,CAAC;gBACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;aACrB;iBAAM,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,mBAAmB,EAAE;gBACzD,MAAM,QAAQ,GACZ,gBAAgB,CAAC,IAAI,CAAC,CACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAC1D,CAAC;gBACJ,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;gBACtE,YAAY,CAAC,EAAE,CAAC,CAAC;aAClB;QACH,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,EAAE,EAAC,MAAM,aACZ,eAAM,SAAS,EAAC,KAAK,GAAQ,EAC7B,eAAM,SAAS,EAAC,KAAK,GAAQ,EAC7B,eAAM,SAAS,EAAC,KAAK,GAAQ,IACzB,EACL,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,sBAAI,SAAS,GAAK,IAClC,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/helpers/constants.d.ts

@@ -17,3 +17,9 @@ export declare const prismSyntaxLangs: ({
     monacoLang: string;
     executable?: undefined;
 })[];
+export declare const boardOfExpertsLoadingSentences: {
+    [lang: string]: {
+        text: string;
+        delayAfter: number;
+    }[];
+};

package/esm/helpers/constants.js

@@ -108,4 +108,50 @@ export const prismSyntaxLangs = [
         monacoLang: 'sql',
     },
 ];
+export const boardOfExpertsLoadingSentences = {
+    it: [
+        {
+            text: "Cerco l'esperto più adatto",
+            delayAfter: 5,
+        },
+        {
+            text: "Contatto l'esperto",
+            delayAfter: 3,
+        },
+        {
+            text: "Spiego all'esperto la domanda",
+            delayAfter: 2,
+        },
+        {
+            text: "L'esperto sta preparando una risposta",
+            delayAfter: 6,
+        },
+        {
+            text: 'Genero una risposta adatta',
+            delayAfter: 3,
+        },
+    ],
+    en: [
+        {
+            text: "I'm looking for the most suitable expert",
+            delayAfter: 5,
+        },
+        {
+            text: "I'm contacting the expert",
+            delayAfter: 3,
+        },
+        {
+            text: "I'm explaining the question to the expert",
+            delayAfter: 2,
+        },
+        {
+            text: 'The expert is preparing an answer',
+            delayAfter: 6,
+        },
+        {
+            text: 'I am generating a suitable answer',
+            delayAfter: 3,
+        },
+    ],
+};
 //# sourceMappingURL=constants.js.map

package/esm/helpers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/helpers/constants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/helpers/constants.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.3.0",
+  "version": "4.4.0",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",

package/src/components/Chat/Chat.tsx

@@ -19,6 +19,7 @@ import { Props as MemoriProps } from '../MemoriWidget/MemoriWidget';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import ChatInputs from '../ChatInputs/ChatInputs';
 import Typing from '../Typing/Typing';
+import { boardOfExpertsLoadingSentences } from '../../helpers/constants';
 
 export interface Props {
   memori: Memori;
@@ -298,9 +299,16 @@ const Chat: React.FC<Props> = ({
                   ? translateTo.toLowerCase() === 'it'
                     ? 'it'
                     : 'en'
+                  : memori.culture?.split('-')?.[0]?.toLowerCase() === 'it'
+                  ? 'it'
                   : 'en'
               }
               sentence={typingText}
+              sentences={
+                memori.enableBoardOfExperts
+                  ? boardOfExpertsLoadingSentences
+                  : undefined
+              }
               key={typingText}
             />
           )}

package/src/components/KnownFacts/KnownFacts.tsx

@@ -267,17 +267,19 @@ const KnownFacts = ({
               <div className="memori--table--pagination--pages">
                 <Button
                   shape="circle"
-                  disabled={pageIndex === 0}
+                  disabled={pageIndex === 0 || pageIndex < numberOfResults}
                   padded={false}
                   title={t('previous') || 'Previous'}
                   icon={<ChevronLeft />}
                   onClick={() => {
-                    setPageIndex(pageIndex - 1);
-                    fetchKnownFacts(undefined, pageIndex - 1, numberOfResults);
+                    let from =
+                      (pageIndex / numberOfResults - 1) * numberOfResults;
+                    setPageIndex(from);
+                    fetchKnownFacts(undefined, from, numberOfResults);
                   }}
                 />
                 <span className="memori--table--pagination--pages--current">
-                  {pageIndex + 1} /{' '}
+                  {Math.ceil(pageIndex / numberOfResults) + 1} /{' '}
                   {Math.ceil(knownFactsCount / numberOfResults)}
                 </span>
                 <Button
@@ -286,11 +288,14 @@ const KnownFacts = ({
                   title={t('next') || 'Next'}
                   icon={<ChevronRight />}
                   disabled={
-                    (pageIndex + 1) * numberOfResults >= knownFactsCount
+                    (pageIndex / numberOfResults + 1) * numberOfResults >=
+                    knownFactsCount
                   }
                   onClick={() => {
-                    setPageIndex(pageIndex + 1);
-                    fetchKnownFacts(undefined, 1, numberOfResults);
+                    let from =
+                      (pageIndex / numberOfResults + 1) * numberOfResults;
+                    setPageIndex(from);
+                    fetchKnownFacts(undefined, from, numberOfResults);
                   }}
                 />
               </div>
@@ -306,7 +311,8 @@ const KnownFacts = ({
               displayValue={`${numberOfResults} / ${t('page') || 'page'}`}
               onChange={value => {
                 setNumberOfResults(value);
-                fetchKnownFacts(undefined, undefined, value);
+                setPageIndex(0);
+                fetchKnownFacts(undefined, 0, value);
               }}
             />
           </nav>

package/src/components/StartPanel/StartPanel.css

@@ -214,4 +214,9 @@
     padding: 5px;
     border: 1px solid #666;
     border-radius: 50%;
+}
+
+.memori--deep-thought-disclaimer a {
+    color: inherit;
+    text-decoration: underline;
 }

package/src/components/Typing/Typing.stories.tsx

@@ -18,11 +18,6 @@ const meta: Meta = {
         options: ['en', 'it'],
       },
     },
-    sentence: {
-      control: {
-        type: 'text',
-      },
-    },
   },
   parameters: {
     controls: { expanded: false },
@@ -57,3 +52,37 @@ export const WithCustomLoadingText = Template.bind({});
 WithCustomLoadingText.args = {
   sentence: 'Chiedo agli unicorni cosa ne pensano...',
 };
+
+export const WithCustomLoadingTextList = Template.bind({});
+WithCustomLoadingTextList.args = {
+  sentences: {
+    en: [
+      {
+        text: 'I am asking the unicorns what they think about it',
+        delayAfter: 5,
+      },
+      {
+        text: 'I am trying to understand what my cat is saying about it',
+        delayAfter: 10,
+      },
+      {
+        text: 'I am collecting the opinions of the people I know',
+        delayAfter: 2,
+      },
+    ],
+    it: [
+      {
+        text: 'Chiedo agli unicorni cosa ne pensano',
+        delayAfter: 5,
+      },
+      {
+        text: 'Sto cercando di capire cosa ne pensa il mio gatto',
+        delayAfter: 10,
+      },
+      {
+        text: 'Sto raccogliendo le opinioni delle persone che conosco',
+        delayAfter: 2,
+      },
+    ],
+  },
+};

package/src/components/Typing/Typing.test.tsx

@@ -22,3 +22,41 @@ it('renders Typing with custom loading text unchanged', () => {
   );
   expect(container).toMatchSnapshot();
 });
+
+it('renders Typing with custom loading text list unchanged', () => {
+  const { container } = render(
+    <Typing
+      sentences={{
+        en: [
+          {
+            text: 'I am asking the unicorns what they think about it',
+            delayAfter: 5,
+          },
+          {
+            text: 'I am trying to understand what my cat is saying about it',
+            delayAfter: 10,
+          },
+          {
+            text: 'I am collecting the opinions of the people I know',
+            delayAfter: 2,
+          },
+        ],
+        it: [
+          {
+            text: 'Chiedo agli unicorni cosa ne pensano',
+            delayAfter: 5,
+          },
+          {
+            text: 'Sto cercando di capire cosa ne pensa il mio gatto',
+            delayAfter: 10,
+          },
+          {
+            text: 'Sto raccogliendo le opinioni delle persone che conosco',
+            delayAfter: 2,
+          },
+        ],
+      }}
+    />
+  );
+  expect(container).toMatchSnapshot();
+});

package/src/components/Typing/Typing.tsx

@@ -1,24 +1,55 @@
 import { useEffect, useState } from 'react';
 
-const separator = '                                        ';
-const sentences = {
+const separator = ' ';
+const defaultDelay = 3;
+const defaultSentences = {
   en: [
-    'Generating an accurate and fancy response...',
-    'Generating a response that will blow your mind...',
-    'Generating a response that will make you smile...',
-    'Thinking of a response...',
-    'Thinking of a response that will make you smile...',
-    'Gathering my thoughts...',
-    'Gathering my thoughts to give you a response...',
+    {
+      delayAfter: defaultDelay,
+      text: 'Generating an accurate and fancy response...',
+    },
+    {
+      delayAfter: defaultDelay,
+      text: 'Generating a response that will blow your mind...',
+    },
+    {
+      delayAfter: defaultDelay,
+      text: 'Generating a response that will make you smile...',
+    },
+    { delayAfter: defaultDelay, text: 'Thinking of a response...' },
+    {
+      delayAfter: defaultDelay,
+      text: 'Thinking of a response that will make you smile...',
+    },
+    { delayAfter: defaultDelay, text: 'Gathering my thoughts...' },
+    {
+      delayAfter: defaultDelay,
+      text: 'Gathering my thoughts to give you a response...',
+    },
   ],
   it: [
-    'Sto generando una risposta accurata e fantasiosa...',
-    'Sto generando una risposta che ti farà impazzire...',
-    'Sto generando una risposta che ti farà sorridere...',
-    'Sto pensando ad una risposta...',
-    'Sto pensando ad una risposta che ti farà sorridere...',
-    'Sto raccogliendo i miei pensieri...',
-    'Sto raccogliendo i miei pensieri per darti una risposta...',
+    {
+      delayAfter: defaultDelay,
+      text: 'Sto generando una risposta accurata e fantasiosa...',
+    },
+    {
+      delayAfter: defaultDelay,
+      text: 'Sto generando una risposta che ti farà impazzire...',
+    },
+    {
+      delayAfter: defaultDelay,
+      text: 'Sto generando una risposta che ti farà sorridere...',
+    },
+    { delayAfter: defaultDelay, text: 'Sto pensando ad una risposta...' },
+    {
+      delayAfter: defaultDelay,
+      text: 'Sto pensando ad una risposta che ti farà sorridere...',
+    },
+    { delayAfter: defaultDelay, text: 'Sto raccogliendo i miei pensieri...' },
+    {
+      delayAfter: defaultDelay,
+      text: 'Sto raccogliendo i miei pensieri per darti una risposta...',
+    },
   ],
 };
 
@@ -26,16 +57,41 @@ export interface Props {
   useDefaultSentences?: boolean;
   lang?: 'en' | 'it';
   sentence?: string;
+  sentences?: {
+    [lang: string]: {
+      /**
+       * Sentence to show
+       */
+      text: string;
+      /**
+       * Seconds to wait after the sentence is completed
+       */
+      delayAfter: number;
+    }[];
+  };
 }
 
+const getSeparatorString = (seconds = defaultDelay) =>
+  new Array(seconds * 20).fill(separator).join('');
+
 const Typing = ({
   useDefaultSentences = false,
   lang = 'en',
   sentence,
+  sentences,
 }: Props) => {
+  const [index, setIndex] = useState(0);
   const [text, setText] = useState(
-    sentence
-      ? `${sentence.endsWith('...') ? sentence : `${sentence}...`}${separator}`
+    sentences?.[lang]?.length
+      ? `${
+          sentences[lang][0].text.endsWith('...')
+            ? sentences[lang][0].text
+            : `${sentences[lang][0].text}...`
+        }${getSeparatorString(sentences[lang][0].delayAfter)}`
+      : sentence
+      ? `${
+          sentence.endsWith('...') ? sentence : `${sentence}...`
+        }${getSeparatorString()}`
       : ''
   );
   const [shownText, setShownText] = useState('');
@@ -45,12 +101,28 @@ const Typing = ({
       const letter = text[shownText.length];
       if (letter !== undefined && text.length > 0) {
         setShownText(prev => prev + letter);
-      } else if (!sentence && useDefaultSentences) {
-        setShownText('');
+      } else if (
+        sentences?.[lang]?.length &&
+        index < sentences[lang].length - 1
+      ) {
+        const nextIndex = index + 1;
+        const sentence = sentences[lang][nextIndex];
         setText(
-          sentences[lang][Math.floor(Math.random() * sentences[lang].length)] +
-            separator
+          `${
+            sentence.text.endsWith('...')
+              ? sentence.text
+              : `${sentence.text}...`
+          }${getSeparatorString(sentence.delayAfter)}`
         );
+        setShownText('');
+        setIndex(nextIndex);
+      } else if (!sentences && !sentence && useDefaultSentences) {
+        const sentence =
+          defaultSentences[lang][
+            Math.floor(Math.random() * defaultSentences[lang].length)
+          ];
+        setText(`${sentence.text}${getSeparatorString(sentence.delayAfter)}`);
+        setShownText('');
       }
     }, 50);
 

package/src/components/Typing/__snapshots__/Typing.test.tsx.snap

@@ -26,6 +26,33 @@ exports[`renders Typing unchanged 1`] = `
 </div>
 `;
 
+exports[`renders Typing with custom loading text list unchanged 1`] = `
+<div>
+  <div
+    class="memori-chat--bubble"
+  >
+    <div
+      class="memori-chat--bubble-typing"
+    >
+      <div
+        id="wave"
+      >
+        <span
+          class="dot"
+        />
+        <span
+          class="dot"
+        />
+        <span
+          class="dot"
+        />
+      </div>
+      <p />
+    </div>
+  </div>
+</div>
+`;
+
 exports[`renders Typing with custom loading text unchanged 1`] = `
 <div>
   <div

package/src/helpers/constants.ts

@@ -111,3 +111,61 @@ export const prismSyntaxLangs = [
     monacoLang: 'sql',
   },
 ];
+
+export const boardOfExpertsLoadingSentences: {
+  [lang: string]: {
+    /**
+     * Sentence to show
+     */
+    text: string;
+    /**
+     * Seconds to wait after the sentence is completed
+     */
+    delayAfter: number;
+  }[];
+} = {
+  it: [
+    {
+      text: "Cerco l'esperto più adatto",
+      delayAfter: 5,
+    },
+    {
+      text: "Contatto l'esperto",
+      delayAfter: 3,
+    },
+    {
+      text: "Spiego all'esperto la domanda",
+      delayAfter: 2,
+    },
+    {
+      text: "L'esperto sta preparando una risposta",
+      delayAfter: 6,
+    },
+    {
+      text: 'Genero una risposta adatta',
+      delayAfter: 3,
+    },
+  ],
+  en: [
+    {
+      text: "I'm looking for the most suitable expert",
+      delayAfter: 5,
+    },
+    {
+      text: "I'm contacting the expert",
+      delayAfter: 3,
+    },
+    {
+      text: "I'm explaining the question to the expert",
+      delayAfter: 2,
+    },
+    {
+      text: 'The expert is preparing an answer',
+      delayAfter: 6,
+    },
+    {
+      text: 'I am generating a suitable answer',
+      delayAfter: 3,
+    },
+  ],
+};

package/src/index.stories.tsx

@@ -68,6 +68,21 @@ LocalhostBoE.args = {
   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: 'twincreator-staging.aclambda.online',
+  apiURL: 'https://backend-staging.memori.ai',
+  baseURL: 'https://twincreator-staging.aclambda.online',
+  uiLang: 'EN',
+  lang: 'IT',
+  layout: 'FULLPAGE',
+  authToken: '00000000-0000-0000-0000-000000000000',
+};
+
 const TemplateWithBatchButton: Story<Props> = args => (
   <div>
     <button