@memori.ai/memori-react 7.11.3 → 7.12.0

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

@@ -435,6 +435,30 @@ exports[`renders Totem layout unchanged 1`] = `
             >
               INIZIAMO
             </button>
+            <div
+              class="memori--completion-provider-status--loading"
+            >
+              <div
+                class="memori-spin memori-spin--spinning"
+              >
+                <div
+                  class="memori-spin--spinner"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="memori-loading-icon"
+                    focusable="false"
+                    role="img"
+                    viewBox="0 0 1024 1024"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
             <p
               class="memori--start-description"
             >

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

@@ -381,6 +381,30 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
               >
                 INIZIAMO
               </button>
+              <div
+                class="memori--completion-provider-status--loading"
+              >
+                <div
+                  class="memori-spin memori-spin--spinning"
+                >
+                  <div
+                    class="memori-spin--spinner"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="memori-loading-icon"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 1024 1024"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
               <p
                 class="memori--start-description"
               >

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

@@ -205,20 +205,41 @@ ChatOnly.args = {
   uiLang: 'it',
   showShare: true,
   showSettings: true,
+  showUpload: true,
   // memori,
   // tenant,
+
   memori: {
-    memoriID: '6573844d-a7cd-47ef-9e78-840d82020c21',
-    name: 'Nicola',
+    memoriName: 'CreaRiassunti',
+    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,
+    name: 'CreaRiassunti',
     password: null,
     recoveryTokens: null,
     newPassword: null,
-    ownerUserID: null,
-    ownerUserName: 'nzambello',
     ownerTenantName: 'aisuru.com',
     memoriConfigurationID: 'fd10bb42-98d9-4c08-8e02-2b08bd4e4975',
-    description:
-      'Sono Nicola Zambello, sviluppatore e attivista per un web etico e sostenibile',
+    description: '',
     completionDescription: null,
     engineMemoriID: '9b0a2913-d3d8-4e98-a49d-6e1c99479e1b',
     isOwner: false,
@@ -234,8 +255,8 @@ ChatOnly.args = {
     receivedInvitations: [],
     integrations: [
       {
-        integrationID: '62de8c99-0ac2-4cbe-bd95-a39ad7dc6b32',
-        memoriID: '6573844d-a7cd-47ef-9e78-840d82020c21',
+        integrationID: '37d368cf-6241-4cc8-a1f3-742786f22431',
+        memoriID: '514dd043-ec26-4c57-a014-a512c9014822',
         type: 'LANDING_EXPERIENCE',
         state: 'NEW',
         deviceEmails: null,
@@ -249,25 +270,10 @@ ChatOnly.args = {
         lastChangeTimestamp: '2022-06-13T14:44:52.833573Z',
       },
     ],
-    avatarURL:
-      'https://assets.memori.ai/api/v2/asset/3049582f-db5f-452c-913d-e4340d4afd0a.png',
-    coverURL:
-      'https://assets.memori.ai/api/v2/asset/e9bb9f6d-8f34-45ab-af9e-6d630d9a51a8.png',
-    avatar3DURL:
-      'https://assets.memori.ai/api/v2/asset/893c41df-7619-436d-9e86-fe1d406fc933.glb',
-    avatarOriginal3DURL:
-      'https://d1a370nemizbjq.cloudfront.net/c7c80a1d-deda-4fe1-96c6-fabad0771aa2.glb',
     needsPosition: false,
     voiceType: 'MALE',
     culture: 'it-IT',
-    categories: [
-      'biografico',
-      'tecnologia',
-      'web',
-      'open-source',
-      'green',
-      'privacy',
-    ],
+    categories: ['demo'],
     exposed: true,
     disableR2R3Loop: null,
     disableR4Loop: null,
@@ -285,28 +291,6 @@ ChatOnly.args = {
     creationTimestamp: '2022-06-13T14:21:55.793034Z',
     lastChangeTimestamp: '2023-04-15T08:15:36.403546Z',
   },
-  integration: {
-    integrationID: '62de8c99-0ac2-4cbe-bd95-a39ad7dc6b32',
-    memoriID: '6573844d-a7cd-47ef-9e78-840d82020c21',
-    type: 'LANDING_EXPERIENCE',
-    state: 'NEW',
-    deviceEmails: null,
-    invocationText: null,
-    jobID: null,
-    publish: true,
-    creationTimestamp: '2022-06-13T14:44:52.833573Z',
-    lastChangeTimestamp: '2022-06-13T14:44:52.833573Z',
-    customData: JSON.stringify({
-      ...JSON.parse(
-        '{"textColor":"#000000","buttonBgColor":"#007eb6","buttonTextColor":"#ffffff","globalBackground":"https://assets.memori.ai/api/v2/asset/cade3b9c-0437-4342-b2bd-8db9c2a3a20e.png","blurBackground":true,"innerBgColor":"light","multilanguage":true,"avatar":"readyplayerme","avatarURL":"https://assets.memori.ai/api/v2/asset/893c41df-7619-436d-9e86-fe1d406fc933.glb#1681736752156","name":"Pagina pubblica","contextVars":"ANIMALE:CANE","personTag":"☠️","personPIN":"666666","personName":"Pirata","showShare":true,"avatarFullBodyURL":"https://models.readyplayer.me/63b55751f17e295642bf07a2.glb"}'
-      ),
-      avatar: 'readyplayerme-full',
-      avatarURL:
-        'https://models.readyplayer.me/63b55751f17e295642bf07a2.glb#' +
-        // 'https://models.readyplayer.me/63b558263858282637c54115.glb#' +
-        new Date(Date.now()).getTime(),
-    }),
-  },
   layout: 'CHAT',
 };
 

package/src/index.stories.tsx

@@ -50,6 +50,20 @@ WithPreviousSession.args = {
   spokenLang: 'IT',
 };
 
+export const WithUpload = Template.bind({});
+WithUpload.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,
+  showUpload: true,
+};
+
 export const Nunzio = Template.bind({});
 Nunzio.args = {
   ownerUserName: 'nunzio.fiore',
@@ -127,8 +141,32 @@ Giovanna.args = {
   layout: 'ZOOMED_FULL_BODY',
 };
 
-export const GiovannaProva = Template.bind({});
-GiovannaProva.args = {
+export const GiovannaRPMProva = Template.bind({});
+GiovannaRPMProva.args = {
+  memoriName: 'Giovanna Test',
+  ownerUserName: 'andrea.patini3',
+  memoriID: '431d9819-c958-442c-a799-f90617371c0c',
+  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: 'EN',
+  spokenLang: 'IT',
+  layout: 'ZOOMED_FULL_BODY',
+  integrationID: '061898c0-2138-49da-a6b3-5d86267aad05',
+  initialQuestion: 'inizio simulazione',
+};
+
+export const GiovannaGLBProva = Template.bind({});
+GiovannaGLBProva.args = {
+  ...GiovannaRPMProva.args,
+  integrationID: 'd2099459-0f10-40cd-85e1-06e77a678723',
+  layout: 'ZOOMED_FULL_BODY',
+};
+
+export const GiovannaProvaWithPreviousSession = Template.bind({});
+GiovannaProvaWithPreviousSession.args = {
   memoriName: 'Giovanna Test',
   ownerUserName: 'andrea.patini3',
   memoriID: '431d9819-c958-442c-a799-f90617371c0c',
@@ -142,6 +180,34 @@ GiovannaProva.args = {
   layout: 'ZOOMED_FULL_BODY',
   integrationID: 'e92ac275-39b5-474d-8f9e-826cc5284f1e',
   initialQuestion: 'inizio simulazione',
+  sessionID: 'c1d13cec-1571-41a0-90bc-15bd2d62e263',
+};
+
+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,
+  showInstruct: false,
+  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({});

package/src/index.tsx

@@ -44,6 +44,7 @@ export interface Props {
   showOnlyLastMessages?: boolean;
   showTypingText?: boolean;
   showLogin?: boolean;
+  showUpload?: boolean;
   height?: number | string;
   baseURL?: string;
   apiURL?: string;
@@ -107,6 +108,7 @@ const Memori: React.FC<Props> = ({
   showInputs = true,
   showDates = false,
   showContextPerLine = false,
+  showUpload = false,
   showLogin,
   height = '100%',
   baseURL,
@@ -266,6 +268,7 @@ const Memori: React.FC<Props> = ({
             showDates={showDates}
             showContextPerLine={showContextPerLine}
             showLogin={showLogin ?? memori?.enableDeepThought}
+            showUpload={showUpload}
             integration={memori?.integrations?.find(i =>
               integrationID
                 ? i.integrationID === integrationID
@@ -343,6 +346,7 @@ Memori.propTypes = {
   showOnlyLastMessages: PropTypes.bool,
   showTypingText: PropTypes.bool,
   showLogin: PropTypes.bool,
+  showUpload: PropTypes.bool,
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   baseURL: PropTypes.string,
   apiURL: PropTypes.string,

package/src/styles.css

@@ -10,6 +10,8 @@
 @import url('./components/ui/Details.css');
 @import url('./components/ui/Expandable.css');
 @import url('./components/ui/Slider.css');
+@import url('./components/UploadButton/UploadButton.css');
+@import url('./components/FilePreview/FilePreview.css');
 
 @import url('./components/CompletionProviderStatus/CompletionProviderStatus.css');
 @import url('./components/PoweredBy/PoweredBy.css');

package/src/components/Avatar/AvatarView/AvatarComponent/components/constants.ts

@@ -1,29 +0,0 @@
-import { Vector3, Euler } from 'three';
-import { AnimationConfig } from './FullbodyAvatar/types';
-
-export const AVATAR_POSITION = new Vector3(0, -1, 0);
-export const AVATAR_ROTATION = new Euler(0.175, 0, 0);
-export const AVATAR_POSITION_ZOOMED = new Vector3(0, -1.45, 0);
-export const SCALE_LERP_FACTOR = 0.1;
-
-export const ANIMATION_URLS = {
-  MALE: 'https://assets.memori.ai/api/v2/asset/2c5e88a4-cf62-408b-9ef0-518b099dfcb2.glb',
-  FEMALE:
-    'https://assets.memori.ai/api/v2/asset/2adc934b-24b2-45bd-94ad-ffec58d3cb32.glb',
-};
-
-export const BLINK_CONFIG = {
-  minInterval: 1000,
-  maxInterval: 5000,
-  blinkDuration: 150,
-};
-
-export const DEFAULT_CONFIG: AnimationConfig = {
-  fadeInDuration: 0.8,
-  fadeOutDuration: 0.8,
-  idleCount: 5,
-  timeScale: 1.0,
-};
-
-export const EMOTION_SMOOTHING = 0.3;
-export const VISEME_SMOOTHING = 0.5;