@memori.ai/memori-react 7.2.0 → 7.3.1

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

@@ -1170,6 +1170,107 @@ exports[`renders StartPanel with gamification level unchanged 1`] = `
 `;
 
 exports[`renders StartPanel with integrationConfig unchanged 1`] = `
+<div>
+  <div
+    class="memori--start-panel"
+  >
+    <div
+      class="memori--cover"
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <svg
+                aria-hidden="true"
+                fill="none"
+                focusable="false"
+                role="img"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  clip-rule="evenodd"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M0 4a4 4 0 014-4h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4zm4-2.4A2.4 2.4 0 001.6 4v16A2.4 2.4 0 004 22.4h16a2.4 2.4 0 002.4-2.4V4A2.4 2.4 0 0020 1.6z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M9.715 8.442a.798.798 0 00-1.43 0l-3.2 6.4a.799.799 0 101.431.716l.579-1.158h3.811l.578 1.158a.8.8 0 001.431-.716zm.391 4.358L9 10.589 7.894 12.8z"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M17 8c.552 0 1 .358 1 .8v6.4c0 .442-.448.8-1 .8s-1-.358-1-.8V8.8c0-.442.448-.8 1-.8z"
+                    fill-rule="evenodd"
+                  />
+                </g>
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <picture
+      class="memori--avatar"
+    >
+      <source
+        src="https://aisuru.com/images/aisuru/square_logo.png"
+      />
+      <img
+        alt="Memori"
+        src="https://aisuru.com/images/aisuru/square_logo.png"
+      />
+    </picture>
+    <h2
+      class="memori--title"
+    >
+      Memori
+    </h2>
+    <div
+      class="memori--description"
+    >
+      <p>
+        <span
+          class="memori--description-text"
+        >
+          Lorem ipsum.
+        </span>
+      </p>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.tryMeButton
+      </button>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders StartPanel with multilangual unchanged 1`] = `
 <div>
   <div
     class="memori--start-panel"

package/src/helpers/translations.ts

@@ -14,17 +14,25 @@ export const dialogKeywords = [
   'non mi è piaciuto',
 ];
 
+const stripOutputTags = (text: string) => {
+  return text.replaceAll(/<output.*?>(.*?)<\/output>/g, '');
+};
+
 export const getTranslation = async (
   text: string,
   to: string,
   from?: string,
   baseUrl?: string
 ): Promise<DeeplTranslation> => {
+  let textToTranslate = stripOutputTags(text);
+
   const isReservedKeyword = dialogKeywords.indexOf(text.toLowerCase()) > -1;
   const fromLanguage = isReservedKeyword ? 'IT' : from?.toUpperCase();
   const deeplResult = await fetch(
-    `${baseUrl || 'https://aisuru.com'}/api/translate?text=${encodeURIComponent(
-      text
+    `${
+      baseUrl || 'https://www.aisuru.com'
+    }/api/translate?text=${encodeURIComponent(
+      textToTranslate
     )}&target_lang=${to.toUpperCase()}${
       fromLanguage ? `&source_lang=${fromLanguage}` : ''
     }`,

package/src/index.stories.tsx

@@ -30,7 +30,7 @@ Anonymous.args = {
   memoriName: 'Nicola',
   tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://aisuru.com',
+  baseURL: 'https://www.aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,
@@ -82,20 +82,6 @@ Staging.args = {
   layout: 'FULLPAGE',
 };
 
-export const StagingTokenized = Template.bind({});
-StagingTokenized.args = {
-  memoriName: 'Test',
-  ownerUserName: 'nicola',
-  memoriID: '36798f8a-7018-4cf7-9be4-e681949a46a3',
-  ownerUserID: '585ec0ff-e805-495e-b8fc-5b0b8dd288ff',
-  tenantID: 'aisuru-staging-tokenized.aclambda.online',
-  apiURL: 'https://backend-staging.memori.ai',
-  baseURL: 'https://aisuru-staging-tokenized.aclambda.online',
-  uiLang: 'EN',
-  lang: 'IT',
-  layout: 'FULLPAGE',
-};
-
 const TemplateWithBatchButton: Story<Props> = args => (
   <div>
     <button
@@ -136,7 +122,7 @@ WithBatch.args = {
   memoriName: 'Nicola',
   tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://aisuru.com',
+  baseURL: 'https://www.aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,
@@ -148,7 +134,7 @@ WithCustomUserAvatar.args = {
   memoriName: 'Nicola',
   tenantID: 'aisuru.com',
   apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://aisuru.com',
+  baseURL: 'https://www.aisuru.com',
   uiLang: 'it',
   showShare: true,
   showSettings: true,

package/src/index.tsx

@@ -29,6 +29,7 @@ export interface Props {
   customLayout?: WidgetProps['customLayout'];
   showShare?: boolean;
   showCopyButton?: boolean;
+  showTranslationOriginal?: boolean;
   showInstruct?: boolean;
   showInputs?: boolean;
   showDates?: boolean;
@@ -90,6 +91,7 @@ const Memori: React.FC<Props> = ({
   customLayout,
   showShare = true,
   showCopyButton = true,
+  showTranslationOriginal = false,
   showSettings = true,
   showInstruct = false,
   showTypingText = false,
@@ -242,6 +244,7 @@ const Memori: React.FC<Props> = ({
       sessionID={sessionID}
       showShare={showShare}
       showCopyButton={showCopyButton}
+      showTranslationOriginal={showTranslationOriginal}
       showSettings={showSettings}
       showInstruct={showInstruct}
       showTypingText={showTypingText}
@@ -318,6 +321,7 @@ Memori.propTypes = {
   customLayout: PropTypes.any,
   showShare: PropTypes.bool,
   showCopyButton: PropTypes.bool,
+  showTranslationOriginal: PropTypes.bool,
   showInstruct: PropTypes.bool,
   showInputs: PropTypes.bool,
   showDates: PropTypes.bool,