@memori.ai/memori-react 4.4.0 → 5.0.0

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

@@ -86,3 +86,45 @@ WithCustomLoadingTextList.args = {
     ],
   },
 };
+
+export const WithCustomLoadingTextListAndInitialDelay = Template.bind({});
+WithCustomLoadingTextListAndInitialDelay.args = {
+  sentences: {
+    en: [
+      {
+        text: '',
+        delayAfter: 10,
+      },
+      {
+        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: '',
+        delayAfter: 10,
+      },
+      {
+        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.tsx

@@ -84,13 +84,16 @@ const Typing = ({
   const [text, setText] = useState(
     sentences?.[lang]?.length
       ? `${
-          sentences[lang][0].text.endsWith('...')
+          sentences[lang][0].text.endsWith('...') ||
+          !sentences[lang][0].text.length
             ? sentences[lang][0].text
             : `${sentences[lang][0].text}...`
         }${getSeparatorString(sentences[lang][0].delayAfter)}`
       : sentence
       ? `${
-          sentence.endsWith('...') ? sentence : `${sentence}...`
+          sentence.endsWith('...') || !sentence.length
+            ? sentence
+            : `${sentence}...`
         }${getSeparatorString()}`
       : ''
   );
@@ -109,7 +112,7 @@ const Typing = ({
         const sentence = sentences[lang][nextIndex];
         setText(
           `${
-            sentence.text.endsWith('...')
+            sentence.text.endsWith('...') || !sentence.text.length
               ? sentence.text
               : `${sentence.text}...`
           }${getSeparatorString(sentence.delayAfter)}`

package/src/components/layouts/__snapshots__/Chat.test.tsx.snap

@@ -43,17 +43,17 @@ exports[`renders Chat layout unchanged 1`] = `
       >
         <img
           alt=""
-          src="https://app.twincreator.com/images/twincreator/logo.png"
+          src="https://aisuru.com/images/aisuru/logo.png"
         />
         <p>
           Powered by
            
           <a
-            href="https://app.twincreator.com/it"
+            href="https://aisuru.com/it"
             rel="noopener noreferrer"
             target="_blank"
           >
-            TwinCreator
+            AIsuru
           </a>
         </p>
       </div>
@@ -212,11 +212,11 @@ exports[`renders Chat layout unchanged 1`] = `
             class="memori--avatar"
           >
             <source
-              src="https://app.twincreator.com/images/twincreator/square_logo.png"
+              src="https://aisuru.com/images/twincreator/square_logo.png"
             />
             <img
               alt="Memori"
-              src="https://app.twincreator.com/images/twincreator/square_logo.png"
+              src="https://aisuru.com/images/twincreator/square_logo.png"
             />
           </picture>
           <h2
@@ -342,7 +342,7 @@ exports[`renders Chat layout unchanged 1`] = `
     </div>
     <audio
       id="memori-audio"
-      src="https://app.twincreator.com/intro.mp3"
+      src="https://aisuru.com/intro.mp3"
       style="display: none;"
     />
   </div>

package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap

@@ -254,11 +254,11 @@ exports[`renders FullPage layout unchanged 1`] = `
               class="memori--avatar"
             >
               <source
-                src="https://app.twincreator.com/images/twincreator/square_logo.png"
+                src="https://aisuru.com/images/twincreator/square_logo.png"
               />
               <img
                 alt="Memori"
-                src="https://app.twincreator.com/images/twincreator/square_logo.png"
+                src="https://aisuru.com/images/twincreator/square_logo.png"
               />
             </picture>
             <h2
@@ -370,17 +370,17 @@ exports[`renders FullPage layout unchanged 1`] = `
         >
           <img
             alt=""
-            src="https://app.twincreator.com/images/twincreator/logo.png"
+            src="https://aisuru.com/images/aisuru/logo.png"
           />
           <p>
             Powered by
              
             <a
-              href="https://app.twincreator.com/it"
+              href="https://aisuru.com/it"
               rel="noopener noreferrer"
               target="_blank"
             >
-              TwinCreator
+              AIsuru
             </a>
           </p>
         </div>
@@ -404,7 +404,7 @@ exports[`renders FullPage layout unchanged 1`] = `
     </div>
     <audio
       id="memori-audio"
-      src="https://app.twincreator.com/intro.mp3"
+      src="https://aisuru.com/intro.mp3"
       style="display: none;"
     />
   </div>

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap

@@ -43,17 +43,17 @@ exports[`renders Totem layout unchanged 1`] = `
       >
         <img
           alt=""
-          src="https://app.twincreator.com/images/twincreator/logo.png"
+          src="https://aisuru.com/images/aisuru/logo.png"
         />
         <p>
           Powered by
            
           <a
-            href="https://app.twincreator.com/it"
+            href="https://aisuru.com/it"
             rel="noopener noreferrer"
             target="_blank"
           >
-            TwinCreator
+            AIsuru
           </a>
         </p>
       </div>
@@ -305,11 +305,11 @@ exports[`renders Totem layout unchanged 1`] = `
             class="memori--avatar"
           >
             <source
-              src="https://app.twincreator.com/images/twincreator/square_logo.png"
+              src="https://aisuru.com/images/twincreator/square_logo.png"
             />
             <img
               alt="Memori"
-              src="https://app.twincreator.com/images/twincreator/square_logo.png"
+              src="https://aisuru.com/images/twincreator/square_logo.png"
             />
           </picture>
           <h2
@@ -435,7 +435,7 @@ exports[`renders Totem layout unchanged 1`] = `
     </div>
     <audio
       id="memori-audio"
-      src="https://app.twincreator.com/intro.mp3"
+      src="https://aisuru.com/intro.mp3"
       style="display: none;"
     />
   </div>

package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap

@@ -28,7 +28,7 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
               <img
                 alt=""
                 role="presentation"
-                src="https://app.twincreator.com/images/twincreator/square_logo.png"
+                src="https://aisuru.com/images/twincreator/square_logo.png"
               />
             </figure>
             <div
@@ -52,7 +52,7 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
     </div>
     <audio
       id="memori-audio"
-      src="https://app.twincreator.com/intro.mp3"
+      src="https://aisuru.com/intro.mp3"
       style="display: none;"
     />
   </div>

package/src/components/layouts/layouts.stories.tsx

@@ -102,7 +102,7 @@ ChatOnly.args = {
     newPassword: null,
     ownerUserID: null,
     ownerUserName: 'nzambello',
-    ownerTenantName: 'app.twincreator.com',
+    ownerTenantName: 'aisuru.com',
     memoriConfigurationID: 'fd10bb42-98d9-4c08-8e02-2b08bd4e4975',
     description:
       'Sono Nicola Zambello, sviluppatore e attivista per un web etico e sostenibile',
@@ -210,7 +210,7 @@ Totem.args = {
     newPassword: null,
     ownerUserID: null,
     ownerUserName: 'nzambello',
-    ownerTenantName: 'app.twincreator.com',
+    ownerTenantName: 'aisuru.com',
     memoriConfigurationID: 'fd10bb42-98d9-4c08-8e02-2b08bd4e4975',
     description:
       'Sono Nicola Zambello, sviluppatore e attivista per un web etico e sostenibile',
@@ -330,7 +330,7 @@ WebsiteAssistant.args = {
     newPassword: null,
     ownerUserID: null,
     ownerUserName: 'nzambello',
-    ownerTenantName: 'app.twincreator.com',
+    ownerTenantName: 'aisuru.com',
     memoriConfigurationID: 'fd10bb42-98d9-4c08-8e02-2b08bd4e4975',
     description:
       'Sono Nicola Zambello, sviluppatore e attivista per un web etico e sostenibile',

package/src/components/layouts/website-assistant.css

@@ -331,11 +331,6 @@
     background: none;
 }
 
-.memori-widget.memori-layout-website_assistant.memori--hide-emissions .memori-website_assistant-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
-.memori-widget.memori-layout-website_assistant.memori--hide-emissions.memori--with-speechkey .memori-website_assistant-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
-    display: none;
-}
-
 .memori-website_assistant-layout--avatar .memori-blob {
     z-index: 2;
 }

package/src/components/ui/definitions.stories.tsx

@@ -95,7 +95,7 @@ const Definitions = () => (
               backgroundRepeat: 'no-repeat',
               backgroundSize: 'cover',
               backgroundImage:
-                'url(https://app.twincreator.com/images/twincreator/og-image.png)',
+                'url(https://aisuru.com/images/twincreator/og-image.png)',
               filter: 'blur(var(--memori-blur-background, 0))',
               width: '200px',
               height: '100px',

package/src/helpers/constants.ts

@@ -125,6 +125,10 @@ export const boardOfExpertsLoadingSentences: {
   }[];
 } = {
   it: [
+    {
+      text: '',
+      delayAfter: 10,
+    },
     {
       text: "Cerco l'esperto più adatto",
       delayAfter: 5,
@@ -147,6 +151,10 @@ export const boardOfExpertsLoadingSentences: {
     },
   ],
   en: [
+    {
+      text: '',
+      delayAfter: 10,
+    },
     {
       text: "I'm looking for the most suitable expert",
       delayAfter: 5,

package/src/helpers/tenant.ts

@@ -1,8 +1,8 @@
 import { Tenant } from '@memori.ai/memori-api-client/dist/types';
 
 const defaultTenant: Tenant = {
-  id: 'app.twincreator.com',
-  theme: 'twincreator',
+  id: 'aisuru.com',
+  theme: 'aisuru',
   config: {
     name: 'Memori',
     showNewUser: false,
@@ -24,7 +24,7 @@ export const getTenant = async (
             : 'https://'
         }${baseURL}`
       ).origin
-    : 'https://app.twincreator.com';
+    : 'https://aisuru.com';
 
   try {
     const response = await fetch(`${apiBaseUrl}/api/tenant/${tenantID}`);

package/src/helpers/translations.ts

@@ -23,9 +23,7 @@ export const getTranslation = async (
   const isReservedKeyword = dialogKeywords.indexOf(text.toLowerCase()) > -1;
   const fromLanguage = isReservedKeyword ? 'IT' : from?.toUpperCase();
   const deeplResult = await fetch(
-    `${
-      baseUrl || 'https://app.twincreator.com'
-    }/api/translate?text=${encodeURIComponent(
+    `${baseUrl || 'https://aisuru.com'}/api/translate?text=${encodeURIComponent(
       text
     )}&target_lang=${to.toUpperCase()}${
       fromLanguage ? `&source_lang=${fromLanguage}` : ''

package/src/index.stories.tsx

@@ -28,9 +28,9 @@ export const Anonymous = Template.bind({});
 Anonymous.args = {
   ownerUserName: 'nzambello',
   memoriName: 'Nicola',
-  tenantID: 'app.twincreator.com',
+  tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://app.twincreator.com',
+  baseURL: 'https://aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,
@@ -74,9 +74,9 @@ Staging.args = {
   ownerUserName: 'nunziofiore',
   memoriID: 'b996dbb9-3728-44d6-96f7-9b728224698c',
   ownerUserID: 'fbee9aaa-0c46-460e-9800-15e31d7c99c0',
-  tenantID: 'twincreator-staging.aclambda.online',
+  tenantID: 'aisuru-staging.aclambda.online',
   apiURL: 'https://backend-staging.memori.ai',
-  baseURL: 'https://twincreator-staging.aclambda.online',
+  baseURL: 'https://aisuru-staging.aclambda.online',
   uiLang: 'EN',
   lang: 'IT',
   layout: 'FULLPAGE',
@@ -121,9 +121,9 @@ export const WithBatch = TemplateWithBatchButton.bind({});
 WithBatch.args = {
   ownerUserName: 'nzambello',
   memoriName: 'Nicola',
-  tenantID: 'app.twincreator.com',
+  tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://app.twincreator.com',
+  baseURL: 'https://aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,
@@ -133,9 +133,9 @@ export const WithCustomUserAvatar = Template.bind({});
 WithCustomUserAvatar.args = {
   ownerUserName: 'nzambello',
   memoriName: 'Nicola',
-  tenantID: 'app.twincreator.com',
+  tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://app.twincreator.com',
+  baseURL: 'https://aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,
@@ -146,9 +146,9 @@ WithCustomUserAvatar.args = {
 // Instruction.args = {
 //   ownerUserName: 'nzambello',
 //   memoriName: 'Nicola',
-//   tenantID: 'app.twincreator.com',
+//   tenantID: 'aisuru.com',
 //   apiURL: 'https://backend.memori.ai',
-//   baseURL: 'https://app.twincreator.com',
+//   baseURL: 'https://aisuru.com',
 //   uiLang: 'it',
 //   showShare: true,
 //   tag: 'giver',

package/src/index.tsx

@@ -42,7 +42,7 @@ export interface Props {
   pin?: string;
   context?: { [key: string]: string };
   initialQuestion?: string;
-  uiLang?: 'en' | 'it';
+  uiLang?: 'en' | 'it' | 'IT' | 'EN';
   spokenLang?: string;
   multilingual?: boolean;
   authToken?: string;
@@ -310,7 +310,7 @@ Memori.propTypes = {
   pin: PropTypes.string,
   context: PropTypes.objectOf(PropTypes.any),
   initialQuestion: PropTypes.string,
-  uiLang: PropTypes.oneOf(['en', 'it']),
+  uiLang: PropTypes.oneOf(['en', 'it', 'EN', 'IT']),
   spokenLang: PropTypes.string,
   multilingual: PropTypes.bool,
   authToken: PropTypes.string,

package/src/locales/en.json

@@ -50,9 +50,11 @@
   "ageVerificationText": "To interact with this Twin, you must be at least {{minAge}} years old.",
   "nsfw": "NSFW: This Twin contains adult contents",
   "deepThought": "Deep Thought",
-  "deepThoughtHelper": "Allows to establish a unique relationship between the AI and the person who interrogates it, allowing the AI to remember this relationship and therefore supporting people with questions targeted to their experiences. Once people start their relationships, the creator of the AI will see their community grow with Followers and will be able to observe the known facts collected during the conversations.",
+  "deepThoughtHelper": "Deep Thought is an advanced feature of the AI that will allow you to fully exploit your conversations by keeping track of them. The AI with Deep Thought can give you information tailored to you and the things you will share together. Allow the twin's author to contact you for commercial offers regarding products you have shown interest in.",
   "deepThoughtDisclaimerTitle": "Deep Thought enabled",
-  "deepThoughtDisclaimer": "By continuing the conversation I authorize the processing of my personal data as specified in the information notice which I declare to have read.",
+  "deepThoughtDisclaimer": "Deep Thought is an advanced feature of the AI that will allow you to fully exploit your conversations by keeping track of them. The AI with Deep Thought can give you information tailored to you and the things you will share together.",
+  "deepThoughtPreDisclaimerUnlogged": "Log in to enable Deep Thought.",
+  "deepThoughtPreDisclaimerNotAllowed": "Deep Thought is disabled since you didn't consent its usage, you can change this any time in your account settings.",
   "knownFacts": {
     "title": "Known facts",
     "description": "Details of the information shared between you and {{memoriName}}",

package/src/locales/it.json

@@ -50,9 +50,11 @@
   "ageVerificationText": "Per interagire con questo Twin, devi aver almeno {{minAge}} anni.",
   "nsfw": "NSFW: Questo Twin contiene contenuti per adulti",
   "deepThought": "Pensiero profondo",
-  "deepThoughtHelper": "Permette di stabilire una relazione univoca tra l'IA e la persona che la interroga, permettendo all'IA memoria di questa relazione supportando quindi le persone con domande mirate alle loro esperienze. Una volta che le persone avvieranno le loro relazioni, il creatore delle AI vedrà la propria community crescere di Follower e potrà osservare i fatti noti raccolti durante le conversazioni.",
+  "deepThoughtHelper": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme.",
   "deepThoughtDisclaimerTitle": "Pensiero profondo abilitato",
-  "deepThoughtDisclaimer": "Proseguendo nella conversazione autorizzo il trattamento dei miei dati personali così come specificato nell'informativa di cui dichiaro di aver preso visione.",
+  "deepThoughtDisclaimer": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme.",
+  "deepThoughtPreDisclaimerUnlogged": "Accedi per abilitare Pensiero Profondo.",
+  "deepThoughtPreDisclaimerNotAllowed": "Pensiero Profondo è disabilitato poiché non hai acconsentito al suo utilizzo, puoi cambiare la tua scelta in qualsiasi momento nelle impostazioni del tuo account.",
   "knownFacts": {
     "title": "Fatti noti",
     "description": "Dettagli delle informazioni condivise tra te e {{memoriName}}",

package/src/mocks/data.ts

@@ -7,6 +7,7 @@ import {
   DialogState,
   KnownFact,
   ExpertReference,
+  User,
 } from '@memori.ai/memori-api-client/dist/types';
 
 export const sessionID = '131165be-9d1a-42fb-a3ce-e8f86d40c88f';
@@ -14,18 +15,16 @@ export const sessionID = '131165be-9d1a-42fb-a3ce-e8f86d40c88f';
 export const tenant: Tenant = {
   adminCount: 3,
   config: {
-    feedbackURL:
-      'https://form.asana.com/?k=XC7S3JWQeIhnjipBuA3gbw&d=1199599736247413',
-    name: 'TwinCreator',
+    name: 'AIsuru',
     requirePosition: false,
     showNewUser: true,
   },
   creationTimestamp: '2023-05-31T14:32:48.885287Z',
-  description: 'TwinCreator',
+  description: 'AIsuru',
   disableRegistration: false,
-  id: 'app.twincreator.com',
+  id: 'aisuru.com',
   lastChangeTimestamp: '2023-05-31T14:32:48.885287Z',
-  logoURL: 'https://app.twincreator.com/images/twincreator/logo.png',
+  logoURL: 'https://aisuru.com/images/twincreator/logo.png',
   maxAdmins: 0,
   maxCompletions: 0,
   maxCompletionsPerUser: 0,
@@ -36,18 +35,30 @@ export const tenant: Tenant = {
   maxTotalMemori: 0,
   maxUsers: 0,
   memoriCount: 0,
-  name: 'app.twincreator.com',
+  name: 'aisuru.com',
   nonFreeSessionCost: 0.02,
   paying: true,
   tenantID: '96caa4b4-31a4-48e5-8163-dec61869a2a7',
-  theme: 'twincreator',
+  theme: 'aisuru',
   userCount: 0,
-  usersCanAccessAPI: false,
-  usersCanCreateMemori: false,
-  usersCanEditDynamicIntents: false,
-  usersCanEditIntegrations: false,
-  usersCanEditMemoriChaining: false,
-  usersCanRunSnippets: false,
+};
+
+export const user: User = {
+  tenant: 'localhost:3000',
+  userID: '97c42d18-ffe4-47e1-a3c7-e42729f1e6a3',
+  userName: 'nzambello',
+  eMail: 'nicola@nzambello.dev',
+  admin: false,
+  maxMemori: 0,
+  enableMemoriCreation: true,
+  enableBoardOfExperts: true,
+  maxFreeSessions: 0,
+  tnCAndPPAccepted: true,
+  tnCAndPPAcceptanceDate: '2021-03-01T00:00:00.000Z',
+  pAndCUAccepted: true,
+  pAndCUAcceptanceDate: '2021-03-01T00:00:00.000Z',
+  birthDate: '1900-03-01T00:00:00.000Z',
+  age: 28,
 };
 
 export const memori: Memori = {
@@ -71,14 +82,14 @@ export const memori: Memori = {
   contentQualityIndex: 66.6,
   contentQualityIndexTimestamp: '2021-03-01T12:00:00.000Z',
   ownerUserName: 'username',
-  ownerTenantName: 'app.twincreator.com',
+  ownerTenantName: 'aisuru.com',
   ownerUserID: '97c42d18-ffe4-47e1-a3c7-e42729f1e6a3',
   metaverseEnvironment: 'synthwave',
   secretToken: 'awanagana',
   giverPIN: '1234',
   giverTag: '🧑‍💻',
-  avatarURL: 'https://app.twincreator.com/images/twincreator/square_logo.png',
-  coverURL: 'https://app.twincreator.com/images/twincreator/og-image.png',
+  avatarURL: 'https://aisuru.com/images/twincreator/square_logo.png',
+  coverURL: 'https://aisuru.com/images/twincreator/og-image.png',
 };
 
 export const history: Message[] = [