@memori.ai/memori-react 2.16.1 → 2.17.0

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

@@ -0,0 +1,353 @@
+.memori-website_assistant--trigger {
+    position: fixed;
+    right: 0.5em;
+    bottom: 0.5em;
+    display: flex;
+}
+
+.memori-website_assistant--trigger-button {
+    position: relative;
+    width: 120px;
+    height: 120px;
+    padding: 1em;
+    cursor: pointer;
+}
+
+@media (max-width: 600px) {
+    .memori-website_assistant--trigger-button {
+        width: 80px;
+        height: 80px;
+        padding: 1em;
+    }
+}
+
+.memori-website_assistant--close-button-wrapper {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+}
+
+.memori-website_assistant--trigger-button .memori-blob {
+    position: relative !important;
+    top: 50% !important;
+    left: 50% !important;
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+
+.memori-website_assistant--trigger-button .memori-blob .mainDiv {
+    width: 120px !important;
+    height: 120px !important;
+    box-shadow: 0 0 0.5em 0.2em rgba(0, 0, 0, 0.85) inset, 0 0 0.15em 0 rgba(255, 255, 255, 0.85);
+}
+
+
+@media (max-width: 768px) {
+    .memori-website_assistant--trigger-button .memori-blob {
+        min-height: 0;
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob figure {
+        position: absolute;
+        transform: translate(-50%, -50%);
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv:nth-of-type(1) {
+        --memori-blob-x: -53%;
+        --memori-blob-y: -53%;
+        --memori-blob-t: 37;
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv:nth-of-type(2) {
+        --memori-blob-x: -47%;
+        --memori-blob-y: -52%;
+        --memori-blob-t: 58;
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv:nth-of-type(3) {
+        --memori-blob-x: -45%;
+        --memori-blob-y: -50%;
+        --memori-blob-t: 46;
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv:nth-of-type(4) {
+        --memori-blob-x: -53%;
+        --memori-blob-y: -45%;
+        --memori-blob-t: 72;
+    }
+
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv:nth-of-type(5) {
+        --memori-blob-x: -55%;
+        --memori-blob-y: -45%;
+        --memori-blob-t: 62;
+    }
+}
+
+@media (max-width: 600px) {
+    .memori-website_assistant--trigger-button .memori-blob .mainDiv {
+        width: 80px !important;
+        height: 80px !important;
+    }
+}
+
+.memori-website_assistant--trigger-button .memori-blob figure {
+    width: 65%;
+    border-radius: 0;
+    opacity: 0.75;
+}
+
+.memori-website_assistant-layout .memori--powered-by {
+    top: 7.5px;
+    right: auto;
+    bottom: auto;
+    left: 45px;
+}
+
+.memori-widget.memori-layout-website_assistant {
+    font-size: 14px;
+}
+
+.memori-widget.memori-layout-website_assistant .memori-website_assistant--collapsed,
+.memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    width: 30vw !important;
+    min-width: 320px !important;
+    max-width: 100vw;
+    height: 100% !important;
+    max-height: 0;
+    transition: all 0.3s ease-in-out;
+}
+
+.memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
+    max-height: 60vh !important;
+}
+
+
+@media (max-width: 600px) {
+    .memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
+        max-height: 80vh;
+    }
+}
+
+.memori-widget.memori-layout-website_assistant .memori--global-background {
+    background: none;
+}
+
+.memori-widget .memori-spin.memori-website_assistant-layout {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+}
+
+.memori-website_assistant-layout--header {
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-align: right;
+}
+
+.memori-header--button--fullscreen {
+    display: none;
+}
+
+.memori-website_assistant-layout--avatar {
+    flex: 1;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper {
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+}
+
+.memori-website_assistant-layout--avatar .memori--blob-container {
+    display: block;
+}
+
+@media (max-width: 480px) {
+    .memori-website_assistant-layout--avatar .memori--blob-container {
+        display: block;
+    }
+}
+
+@media (max-width: 870px) {
+    .memori-website_assistant-layout--avatar .memori--blob-container {
+        display: block;
+    }
+}
+
+.memori-website_assistant-layout .memori-header {
+    position: relative;
+    z-index: 100;
+    display: inline-flex;
+    width: auto;
+    height: auto;
+    flex-direction: column;
+}
+
+.memori-website_assistant-layout .memori-header .memori-share-button,
+.memori-website_assistant-layout .memori-header .memori-header--button+.memori-header--button {
+    margin-top: 0.25rem;
+    margin-left: 0;
+}
+
+.memori-website_assistant-layout .memori-chat--cover {
+    display: none;
+}
+
+.memori-website_assistant-layout .memori--cover {
+    padding: 0;
+    background: none;
+}
+
+.memori-chat--bubble-initial+.memori-chat--bubble-container {
+    margin-top: auto;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper>div {
+    overflow: visible !important;
+    /* width: 100% !important;
+    height: 100% !important; */
+    width: auto !important;
+    height: 90% !important;
+    max-height: 90%;
+    border-radius: 0;
+    transform: scale(1.7) translate(0px, 10vh);
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper canvas {
+    width: auto !important;
+    max-width: 100%;
+    height: 100% !important;
+    max-height: 100%;
+}
+
+.memori-website_assistant-layout--controls {
+    position: relative;
+    z-index: 5;
+    display: flex;
+    height: calc(100% - 45px);
+    flex-direction: column;
+    justify-content: flex-end;
+}
+
+.memori-website_assistant-layout--controls .memori-chat--history,
+.memori-website_assistant-layout--controls .memori-chat--content {
+    background: transparent;
+}
+
+.memori-website_assistant-layout--controls .memori-chat--history {
+    padding: 0;
+    margin-top: 0;
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+}
+
+.memori-website_assistant-layout--controls .memori-chat--content {
+    padding: 0;
+}
+
+.memori-website_assistant-layout--controls .memori-chat--content .memori-chat--bubble-container:first-of-type {
+    margin-top: auto;
+}
+
+.memori-website_assistant-layout--controls .memori--start-panel,
+.memori-website_assistant-layout--controls .memori-chat--wrapper {
+    width: 100%;
+    max-width: 800px;
+    padding: 1rem;
+    margin: 0 auto;
+}
+
+.memori-website_assistant-layout--controls .memori-chat--wrapper {
+    height: calc(100% - 1rem);
+}
+
+.memori-website_assistant-layout--controls .memori--start-panel {
+    margin: 1rem;
+}
+
+@media (max-width: 870px) {
+
+    .memori-website_assistant-layout--controls .memori--start-panel,
+    .memori-website_assistant-layout--controls .memori-chat--wrapper {
+        width: 100%;
+    }
+
+    .memori-website_assistant-layout--controls .memori-chat--wrapper {
+        padding: 0;
+    }
+}
+
+@media (max-width: 480px) {
+    .memori-website_assistant-layout .memori-send-on-enter-menu {
+        display: none;
+    }
+
+    .memori-website_assistant-layout .memori-header--button-settings {
+        display: none;
+    }
+}
+
+.memori-website_assistant-layout .memori--avatar-toggle {
+    display: none;
+    width: 100%;
+    justify-content: center;
+}
+
+.memori-website_assistant-layout .memori--title,
+.memori-website_assistant-layout .memori--description,
+.memori-website_assistant-layout .memori--needsPosition {
+    color: var(--memori-text-color);
+}
+
+.memori-website_assistant-layout .memori--global-background-image {
+    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;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper>div canvas+div {
+    position: absolute !important;
+    width: 100%;
+    height: 100%;
+    transform: none !important;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    transform: none !important;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader figure {
+    text-align: center;
+}
+
+.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader .memori-spin--spinner {
+    background: none;
+}
+
+.memori-website_assistant-layout .memori--description-text,
+.memori-website_assistant-layout .memori--translation-toggle {
+    display: none;
+}

package/esm/index.js

@@ -110,7 +110,13 @@ Memori.propTypes = {
     showShare: PropTypes.bool,
     showSettings: PropTypes.bool,
     showInstruct: PropTypes.bool,
-    layout: PropTypes.oneOf(['DEFAULT', 'FULLPAGE', 'TOTEM', 'CHAT']),
+    layout: PropTypes.oneOf([
+        'DEFAULT',
+        'FULLPAGE',
+        'TOTEM',
+        'WEBSITE_ASSISTANT',
+        'CHAT',
+    ]),
     height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     baseURL: PropTypes.string,
     apiURL: PropTypes.string,

package/esm/index.js.map

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

package/esm/styles.css

@@ -41,6 +41,7 @@
 @import url('https://fonts.bunny.net/css?family=exo-2:200,400,700');
 
 @import url('./components/layouts/totem.css');
+@import url('./components/layouts/website-assistant.css');
 @import url('./components/layouts/chat.css');
 
 .sr-only {
@@ -84,4 +85,4 @@ body.sb-show-main #root,
     --memori-modal--width: 100%;
     --memori-modal--width--md: 80%;
     --memori-error-color: #ff4d4f;
-}
+}

package/package.json

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

package/src/components/Chat/Chat.tsx

@@ -186,6 +186,7 @@ const Chat: React.FC<Props> = ({
           {history.map((message, index) => (
             <React.Fragment key={index}>
               <ChatBubble
+                isFirst={index === 0}
                 message={message}
                 memori={memori}
                 tenant={tenant}

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

@@ -16,6 +16,9 @@ exports[`renders Chat on X2a state unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -423,6 +426,9 @@ exports[`renders Chat on X3 state unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -863,6 +869,9 @@ exports[`renders Chat unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -1239,6 +1248,9 @@ exports[`renders Chat with context vars unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -1645,6 +1657,9 @@ exports[`renders Chat with dates unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -2056,6 +2071,9 @@ exports[`renders Chat with hints unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -2458,6 +2476,9 @@ exports[`renders Chat with media unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >
@@ -3235,6 +3256,9 @@ exports[`renders Chat with memori typing unchanged 1`] = `
         <div
           class="memori-chat--cover"
         />
+        <div
+          class="memori-chat--bubble-initial"
+        />
         <div
           class="memori-chat--bubble-container"
         >

package/src/components/ChatBubble/ChatBubble.tsx

@@ -22,6 +22,7 @@ export interface Props {
   showFeedback?: boolean;
   simulateUserPrompt?: (msg: string) => void;
   showAIicon?: boolean;
+  isFirst?: boolean;
 }
 
 const ChatBubble: React.FC<Props> = ({
@@ -33,12 +34,15 @@ const ChatBubble: React.FC<Props> = ({
   showFeedback,
   simulateUserPrompt,
   showAIicon = true,
+  isFirst = false,
 }) => {
   const { t } = useTranslation();
 
   return (
     <>
-      {message.initial && <div className="memori-chat--bubble-initial" />}
+      {(message.initial || isFirst) && (
+        <div className="memori-chat--bubble-initial" />
+      )}
       <Transition
         show
         appear

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -56,6 +56,7 @@ import PoweredBy from '../PoweredBy/PoweredBy';
 import FullPageLayout from '../layouts/FullPage';
 import TotemLayout from '../layouts/Totem';
 import ChatLayout from '../layouts/Chat';
+import WebsiteAssistantLayout from '../layouts/WebsiteAssistant';
 
 // Helpers / Utils
 import { getTranslation } from '../../helpers/translations';
@@ -100,6 +101,7 @@ type MemoriTextEnteredEvent = CustomEvent<{
   hidden?: boolean;
   typingText?: string;
   useLoaderTextAsMsg?: boolean;
+  hasBatchQueued?: boolean;
 }>;
 
 const typeMessage = (
@@ -107,7 +109,8 @@ const typeMessage = (
   waitForPrevious = true,
   hidden = false,
   typingText?: string,
-  useLoaderTextAsMsg = false
+  useLoaderTextAsMsg = false,
+  hasBatchQueued = false
 ) => {
   const e: MemoriTextEnteredEvent = new CustomEvent('MemoriTextEntered', {
     detail: {
@@ -116,6 +119,7 @@ const typeMessage = (
       hidden,
       typingText,
       useLoaderTextAsMsg,
+      hasBatchQueued,
     },
   });
 
@@ -125,9 +129,17 @@ const typeMessageHidden = (
   message: string,
   waitForPrevious = true,
   typingText?: string,
-  useLoaderTextAsMsg = false
+  useLoaderTextAsMsg = false,
+  hasBatchQueued = false
 ) =>
-  typeMessage(message, waitForPrevious, true, typingText, useLoaderTextAsMsg);
+  typeMessage(
+    message,
+    waitForPrevious,
+    true,
+    typingText,
+    useLoaderTextAsMsg,
+    hasBatchQueued
+  );
 
 const typeBatchMessages = (
   messages: {
@@ -193,7 +205,8 @@ const typeBatchMessages = (
         step.waitForPrevious,
         step.hidden,
         step.typingText,
-        step.useLoaderTextAsMsg
+        step.useLoaderTextAsMsg,
+        !next.done
       );
     } else if (areInputsDisabled()) {
       reEnableInputs();
@@ -277,7 +290,7 @@ export interface Props {
   memoriLang?: string;
   multilingual?: boolean;
   integration?: Integration;
-  layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM' | 'CHAT';
+  layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM' | 'CHAT' | 'WEBSITE_ASSISTANT';
   customLayout?: React.FC<LayoutProps>;
   showShare?: boolean;
   showInstruct?: boolean;
@@ -519,7 +532,8 @@ const MemoriWidget = ({
     translatedText?: string,
     hidden: boolean = false,
     typingText?: string,
-    useLoaderTextAsMsg = false
+    useLoaderTextAsMsg = false,
+    hasBatchQueued = false
   ) => {
     const sessionID =
       newSessionId ||
@@ -673,9 +687,9 @@ const MemoriWidget = ({
       });
     }
 
-    if (gotError) {
-      setMemoriTyping(false);
+    if (!hasBatchQueued) {
       setTypingText(undefined);
+      setMemoriTyping(false);
     }
   };
 
@@ -968,12 +982,14 @@ const MemoriWidget = ({
                     text: currentState.emission,
                     media: currentState.media,
                     fromUser: false,
+                    initial: true,
                   },
                 ])
               : pushMessage({
                   text: currentState.emission,
                   media: currentState.media,
                   fromUser: false,
+                  initial: true,
                 });
           }
         }
@@ -1477,7 +1493,10 @@ const MemoriWidget = ({
   };
 
   const speak = (text: string): void => {
-    if (!AZURE_COGNITIVE_SERVICES_TTS_KEY) return;
+    if (!AZURE_COGNITIVE_SERVICES_TTS_KEY || preview) {
+      emitEndSpeakEvent();
+      return;
+    }
     stopListening();
     // stopAudio();
 
@@ -2124,8 +2143,14 @@ const MemoriWidget = ({
   // to use in integrations or snippets
   const memoriTextEnteredHandler = useCallback(
     (e: MemoriTextEnteredEvent) => {
-      const { text, waitForPrevious, hidden, typingText, useLoaderTextAsMsg } =
-        e.detail;
+      const {
+        text,
+        waitForPrevious,
+        hidden,
+        typingText,
+        useLoaderTextAsMsg,
+        hasBatchQueued,
+      } = e.detail;
 
       if (text) {
         // wait to finish reading previous emission
@@ -2148,7 +2173,8 @@ const MemoriWidget = ({
             undefined,
             hidden,
             typingText,
-            useLoaderTextAsMsg
+            useLoaderTextAsMsg,
+            hasBatchQueued
           );
         }
       }
@@ -2623,6 +2649,8 @@ const MemoriWidget = ({
     ? ChatLayout
     : selectedLayout === 'FULLPAGE'
     ? FullPageLayout
+    : selectedLayout === 'WEBSITE_ASSISTANT'
+    ? WebsiteAssistantLayout
     : FullPageLayout;
 
   return (