@memori.ai/memori-react 7.4.5 → 7.5.0

package/src/components/icons/Code.tsx

@@ -7,9 +7,9 @@ const Code = ({ className, title }: { className?: string; title?: string }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
+    strokeWidth="1.5"
+    strokeLinecap="round"
+    strokeLinejoin="round"
     focusable="false"
     role="img"
     className={className}

package/src/components/icons/Copy.tsx

@@ -7,9 +7,9 @@ const Copy = ({ className, title }: { className?: string; title?: string }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
+    strokeWidth="1.5"
+    strokeLinecap="round"
+    strokeLinejoin="round"
     focusable="false"
     role="img"
     className={className}

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

@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import Memori from '../MemoriWidget/MemoriWidget';
 import { integration, memori, tenant } from '../../mocks/data';
+import I18nWrapper from '../../I18nWrapper';
 
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
@@ -18,15 +19,17 @@ Object.defineProperty(window, 'matchMedia', {
 
 it('renders Chat layout unchanged', () => {
   const { container } = render(
-    <Memori
-      showShare={true}
-      showSettings={true}
-      memori={memori}
-      tenant={tenant}
-      tenantID="aisuru.com"
-      integration={integration}
-      layout="CHAT"
-    />
+    <I18nWrapper>
+      <Memori
+        showShare={true}
+        showSettings={true}
+        memori={memori}
+        tenant={tenant}
+        tenantID="aisuru.com"
+        integration={integration}
+        layout="CHAT"
+      />
+    </I18nWrapper>
   );
   expect(container).toMatchSnapshot();
 });

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

@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import Memori from '../MemoriWidget/MemoriWidget';
 import { integration, memori, tenant } from '../../mocks/data';
+import I18nWrapper from '../../I18nWrapper';
 
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
@@ -18,15 +19,17 @@ Object.defineProperty(window, 'matchMedia', {
 
 it('renders FullPage layout unchanged', () => {
   const { container } = render(
-    <Memori
-      showShare={true}
-      showSettings={true}
-      memori={memori}
-      tenant={tenant}
-      tenantID="aisuru.com"
-      integration={integration}
-      layout="FULLPAGE"
-    />
+    <I18nWrapper>
+      <Memori
+        showShare={true}
+        showSettings={true}
+        memori={memori}
+        tenant={tenant}
+        tenantID="aisuru.com"
+        integration={integration}
+        layout="FULLPAGE"
+      />
+    </I18nWrapper>
   );
   expect(container).toMatchSnapshot();
 });

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

@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import Memori from '../MemoriWidget/MemoriWidget';
 import { integration, memori, tenant } from '../../mocks/data';
+import I18nWrapper from '../../I18nWrapper';
 
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
@@ -18,15 +19,17 @@ Object.defineProperty(window, 'matchMedia', {
 
 it('renders Totem layout unchanged', () => {
   const { container } = render(
-    <Memori
-      showShare={true}
-      showSettings={true}
-      memori={memori}
-      tenant={tenant}
-      tenantID="aisuru.com"
-      integration={integration}
-      layout="TOTEM"
-    />
+    <I18nWrapper>
+      <Memori
+        showShare={true}
+        showSettings={true}
+        memori={memori}
+        tenant={tenant}
+        tenantID="aisuru.com"
+        integration={integration}
+        layout="TOTEM"
+      />
+    </I18nWrapper>
   );
   expect(container).toMatchSnapshot();
 });

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

@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import Memori from '../MemoriWidget/MemoriWidget';
 import { integration, memori, tenant } from '../../mocks/data';
+import I18nWrapper from '../../I18nWrapper';
 
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
@@ -18,15 +19,17 @@ Object.defineProperty(window, 'matchMedia', {
 
 it('renders WEBSITE_ASSISTANT layout unchanged', () => {
   const { container } = render(
-    <Memori
-      showShare={true}
-      showSettings={true}
-      memori={memori}
-      tenant={tenant}
-      tenantID="aisuru.com"
-      integration={integration}
-      layout="WEBSITE_ASSISTANT"
-    />
+    <I18nWrapper>
+      <Memori
+        showShare={true}
+        showSettings={true}
+        memori={memori}
+        tenant={tenant}
+        tenantID="aisuru.com"
+        integration={integration}
+        layout="WEBSITE_ASSISTANT"
+      />
+    </I18nWrapper>
   );
   expect(container).toMatchSnapshot();
 });

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

@@ -69,7 +69,7 @@ exports[`renders Chat layout unchanged 1`] = `
           <div
             class="memori-export-history-button memori-header--button memori-header--button--export"
             data-headlessui-state=""
-            title="write_and_speak.exportChatHistoryMessage"
+            title="Vuoi esportare la cronologia chat?"
           >
             <button
               class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
@@ -97,7 +97,7 @@ exports[`renders Chat layout unchanged 1`] = `
           </div>
           <button
             class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button-settings"
-            title="widget.settings"
+            title="Impostazioni"
           >
             <span
               class="memori-button--icon"
@@ -125,7 +125,7 @@ exports[`renders Chat layout unchanged 1`] = `
               class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori-header--button memori-header--button-share memori-button--primary"
               data-headlessui-state=""
               id="headlessui-menu-button-:r5:"
-              title="widget.share"
+              title="Condividi"
               type="button"
             >
               <div
@@ -168,13 +168,13 @@ exports[`renders Chat layout unchanged 1`] = `
                 <div
                   class="memori-tooltip--content"
                 >
-                  completionsEnabled
+                  IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette
                 </div>
                 <div
                   class="memori-tooltip--trigger"
                 >
                   <span
-                    aria-label="completionsEnabled"
+                    aria-label="IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette"
                   >
                     <svg
                       aria-hidden="true"
@@ -244,7 +244,7 @@ exports[`renders Chat layout unchanged 1`] = `
                 for="user-lang-pref"
                 id="user-lang-pref-label"
               >
-                write_and_speak.iWantToTalkToIn
+                Voglio parlare con Memori in
               </label>
               <select
                 aria-labelledby="user-lang-pref-label"
@@ -340,12 +340,12 @@ exports[`renders Chat layout unchanged 1`] = `
             <button
               class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
             >
-              write_and_speak.tryMeButton
+              INIZIAMO
             </button>
             <p
               class="memori--start-description"
             >
-              write_and_speak.pageTryMeExplanation
+              Per parlare con me clicca sul pulsante INIZIAMO per cominciare
             </p>
           </div>
         </div>
@@ -373,5 +373,10 @@ exports[`renders Chat layout unchanged 1`] = `
       style="display: none;"
     />
   </div>
+  <script
+    async=""
+    id="MathJax-script"
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+  />
 </div>
 `;

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

@@ -44,7 +44,7 @@ exports[`renders FullPage layout unchanged 1`] = `
         <div
           class="memori-export-history-button memori-header--button memori-header--button--export"
           data-headlessui-state=""
-          title="write_and_speak.exportChatHistoryMessage"
+          title="Vuoi esportare la cronologia chat?"
         >
           <button
             class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
@@ -72,7 +72,7 @@ exports[`renders FullPage layout unchanged 1`] = `
         </div>
         <button
           class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button-settings"
-          title="widget.settings"
+          title="Impostazioni"
         >
           <span
             class="memori-button--icon"
@@ -100,7 +100,7 @@ exports[`renders FullPage layout unchanged 1`] = `
             class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori-header--button memori-header--button-share memori-button--primary"
             data-headlessui-state=""
             id="headlessui-menu-button-:r5:"
-            title="widget.share"
+            title="Condividi"
             type="button"
           >
             <div
@@ -181,7 +181,7 @@ exports[`renders FullPage layout unchanged 1`] = `
               <span
                 class="memori--avatar-toggle-text"
               >
-                hide
+                Nascondi
               </span>
             </button>
           </div>
@@ -207,13 +207,13 @@ exports[`renders FullPage layout unchanged 1`] = `
                   <div
                     class="memori-tooltip--content"
                   >
-                    completionsEnabled
+                    IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette
                   </div>
                   <div
                     class="memori-tooltip--trigger"
                   >
                     <span
-                      aria-label="completionsEnabled"
+                      aria-label="IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette"
                     >
                       <svg
                         aria-hidden="true"
@@ -283,7 +283,7 @@ exports[`renders FullPage layout unchanged 1`] = `
                   for="user-lang-pref"
                   id="user-lang-pref-label"
                 >
-                  write_and_speak.iWantToTalkToIn
+                  Voglio parlare con Memori in
                 </label>
                 <select
                   aria-labelledby="user-lang-pref-label"
@@ -379,12 +379,12 @@ exports[`renders FullPage layout unchanged 1`] = `
               <button
                 class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
               >
-                write_and_speak.tryMeButton
+                INIZIAMO
               </button>
               <p
                 class="memori--start-description"
               >
-                write_and_speak.pageTryMeExplanation
+                Per parlare con me clicca sul pulsante INIZIAMO per cominciare
               </p>
             </div>
           </div>
@@ -435,5 +435,10 @@ exports[`renders FullPage layout unchanged 1`] = `
       style="display: none;"
     />
   </div>
+  <script
+    async=""
+    id="MathJax-script"
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+  />
 </div>
 `;

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

@@ -100,7 +100,7 @@ exports[`renders Totem layout unchanged 1`] = `
           <div
             class="memori-export-history-button memori-header--button memori-header--button--export"
             data-headlessui-state=""
-            title="write_and_speak.exportChatHistoryMessage"
+            title="Vuoi esportare la cronologia chat?"
           >
             <button
               class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
@@ -128,7 +128,7 @@ exports[`renders Totem layout unchanged 1`] = `
           </div>
           <button
             class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button-settings"
-            title="widget.settings"
+            title="Impostazioni"
           >
             <span
               class="memori-button--icon"
@@ -156,7 +156,7 @@ exports[`renders Totem layout unchanged 1`] = `
               class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori-header--button memori-header--button-share memori-button--primary"
               data-headlessui-state=""
               id="headlessui-menu-button-:r5:"
-              title="widget.share"
+              title="Condividi"
               type="button"
             >
               <div
@@ -235,7 +235,7 @@ exports[`renders Totem layout unchanged 1`] = `
             <span
               class="memori--avatar-toggle-text"
             >
-              hide
+              Nascondi
             </span>
           </button>
         </div>
@@ -261,13 +261,13 @@ exports[`renders Totem layout unchanged 1`] = `
                 <div
                   class="memori-tooltip--content"
                 >
-                  completionsEnabled
+                  IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette
                 </div>
                 <div
                   class="memori-tooltip--trigger"
                 >
                   <span
-                    aria-label="completionsEnabled"
+                    aria-label="IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette"
                   >
                     <svg
                       aria-hidden="true"
@@ -337,7 +337,7 @@ exports[`renders Totem layout unchanged 1`] = `
                 for="user-lang-pref"
                 id="user-lang-pref-label"
               >
-                write_and_speak.iWantToTalkToIn
+                Voglio parlare con Memori in
               </label>
               <select
                 aria-labelledby="user-lang-pref-label"
@@ -433,12 +433,12 @@ exports[`renders Totem layout unchanged 1`] = `
             <button
               class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
             >
-              write_and_speak.tryMeButton
+              INIZIAMO
             </button>
             <p
               class="memori--start-description"
             >
-              write_and_speak.pageTryMeExplanation
+              Per parlare con me clicca sul pulsante INIZIAMO per cominciare
             </p>
           </div>
         </div>
@@ -466,5 +466,10 @@ exports[`renders Totem layout unchanged 1`] = `
       style="display: none;"
     />
   </div>
+  <script
+    async=""
+    id="MathJax-script"
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+  />
 </div>
 `;

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

@@ -19,7 +19,7 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
       >
         <button
           class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-website_assistant--trigger-button"
-          title="expand"
+          title="Espandi"
         >
           <div
             class="memori-blob"
@@ -56,5 +56,10 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
       style="display: none;"
     />
   </div>
+  <script
+    async=""
+    id="MathJax-script"
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+  />
 </div>
 `;

package/src/helpers/constants.ts

@@ -15,6 +15,8 @@ export const chatLanguages = [
   { value: 'JA', label: '日本語' },
 ];
 
+export const uiLanguages = ['en', 'it', 'fr', 'es', 'de'];
+
 export const allowedMediaTypes = [
   'image/jpeg',
   'image/png',

package/src/helpers/error.ts

@@ -38,6 +38,8 @@ const errors = {
   USER_CANT_ENABLE_DCM_INTEGRATION: -43,
   USER_CANT_ENABLE_CHAINING_OR_BOARD_OF_EXPERTS: -44,
   USER_CREATION_BILLING_DENIED_PERMISSION: -46,
+  USER_HAS_ONE_OR_MORE_COMPLETION_CONFIGS: -47,
+  USER_CANT_BE_DELETED: -48,
 
   MEMORI_NOT_FOUND: -51,
   MEMORI_NOT_ACCESSIBLE: -52,
@@ -145,6 +147,7 @@ const errors = {
   IMPORTCSV_MISSING_TITLE_VARIANT_SEPARATOR: -1506,
   IMPORTCSV_INVALID_RECEIVER_ID: -1507,
   IMPORTCSV_INVALID_MEDIA_LINK: -1508,
+  IMPORTCSV_INVALID_LINK_TITLE_HANDLING: -1509,
   IMPORTCSV_UNDETECTABLE_CHAR_ENCODING: -1521,
   IMPORTCSV_CANT_IMPORT_TO_SECRET_MEMORI: -1531,
 
@@ -152,6 +155,7 @@ const errors = {
   IMPORTTXT_INVALID_GRANULARITY: -1602,
   IMPORTTXT_INVALID_RECEIVER_ID: -1603,
   IMPORTTXT_INVALID_MEDIA_LINK: -1604,
+  IMPORTTXT_INVALID_LINK_TITLE_HANDLING: -1605,
   IMPORTTXT_UNDETECTABLE_CHAR_ENCODING: -1621,
   IMPORTTXT_CANT_IMPORT_TO_SECRET_MEMORI: -1631,
   IMPORTTXT_IMPORT_LIMIT_EXCEEDED: -1632,
@@ -203,6 +207,7 @@ const errors = {
   COMPLETION_CONFIG_MISSING_API_KEY: -2404,
   COMPLETION_CONFIG_MISSING_MODEL: -2405,
   COMPLETION_CONFIG_NO_PURPOSE_SPECIFIED: -2406,
+  COMPLETION_CONFIG_INVALID_NAME: -2407,
   COMPLETION_CONFIG_INVALID_PURPOSE: -2411,
   COMPLETION_CONFIG_INVALID_ENDPOINT: -2412,
   COMPLETION_CONFIG_INCONSISTENT_ENDPOINT: -2413,

package/src/i18n.ts

@@ -1,6 +1,9 @@
 import { createInstance } from 'i18next';
 import it from './locales/it.json';
 import en from './locales/en.json';
+import fr from './locales/fr.json';
+import de from './locales/de.json';
+import es from './locales/es.json';
 
 const resources = {
   en: {
@@ -9,13 +12,22 @@ const resources = {
   it: {
     translation: it,
   },
+  es: {
+    translation: es,
+  },
+  fr: {
+    translation: fr,
+  },
+  de: {
+    translation: de,
+  },
 };
 
 const i18n = createInstance({
   resources,
   lng: 'en',
   fallbackLng: 'it',
-  supportedLngs: ['en', 'it'],
+  supportedLngs: ['en', 'it', 'fr', 'es', 'de'],
   nonExplicitSupportedLngs: true,
   interpolation: {
     escapeValue: false,

package/src/index.stories.tsx

@@ -82,6 +82,35 @@ Staging.args = {
   layout: 'FULLPAGE',
 };
 
+export const ProductionTotem = Template.bind({});
+ProductionTotem.args = {
+  memoriName: 'Prova12345',
+  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: 'FULLPAGE',
+  
+  showInstruct: false,
+  showSettings: true,
+  showClear: false,
+  showAIicon: 'true',
+  showWhyThisAnswer: true,
+  showTypingText: false,
+  showOnlyLastMessages: false,
+  showTranslationOriginal: false,
+  showCopyButton: false,
+  showShare: true,
+  showLogin: false,
+  enableAudio: true,
+  integrationID: '37d368cf-6241-4cc8-a1f3-742786f22431',
+};
+
 const TemplateWithBatchButton: Story<Props> = args => (
   <div>
     <button

package/src/index.tsx

@@ -14,7 +14,8 @@ import { getTenant } from './helpers/tenant';
 import { installMathJax } from './helpers/utils';
 
 import i18n from './i18n';
-import { I18nextProvider, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
+import I18nWrapper from './I18nWrapper';
 
 export interface Props {
   memoriName?: string | null;
@@ -47,7 +48,7 @@ export interface Props {
   pin?: string;
   context?: { [key: string]: string };
   initialQuestion?: string;
-  uiLang?: 'en' | 'it' | 'IT' | 'EN';
+  uiLang?: 'en' | 'it' | 'fr' | 'es' | 'de' | 'IT' | 'EN' | 'FR' | 'ES' | 'DE';
   spokenLang?: string;
   multilingual?: boolean;
   authToken?: string;
@@ -298,10 +299,10 @@ const Memori: React.FC<Props> = ({
   );
 
   return (
-    <I18nextProvider i18n={i18n}>
+    <I18nWrapper>
       <Toaster position="top-center" reverseOrder={true} />
       {renderer}
-    </I18nextProvider>
+    </I18nWrapper>
   );
 };
 
@@ -342,7 +343,18 @@ Memori.propTypes = {
   pin: PropTypes.string,
   context: PropTypes.objectOf(PropTypes.any),
   initialQuestion: PropTypes.string,
-  uiLang: PropTypes.oneOf(['en', 'it', 'EN', 'IT']),
+  uiLang: PropTypes.oneOf([
+    'en',
+    'it',
+    'fr',
+    'es',
+    'de',
+    'EN',
+    'IT',
+    'FR',
+    'ES',
+    'DE',
+  ]),
   spokenLang: PropTypes.string,
   multilingual: PropTypes.bool,
   authToken: PropTypes.string,