@memori.ai/memori-react 7.1.3 → 7.3.0

package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap

@@ -121,13 +121,26 @@ exports[`renders MediaItemWidget unchanged with css snippet to show 1`] = `
             >
               <svg
                 aria-hidden="true"
+                fill="none"
                 focusable="false"
                 role="img"
-                viewBox="0 0 1024 1024"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                viewBox="0 0 24 24"
                 xmlns="http://www.w3.org/2000/svg"
               >
+                <rect
+                  height="14"
+                  rx="2"
+                  ry="2"
+                  width="14"
+                  x="8"
+                  y="8"
+                />
                 <path
-                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                  d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
                 />
               </svg>
             </span>
@@ -359,13 +372,26 @@ exports[`renders MediaItemWidget unchanged with js snippet to show 1`] = `
             >
               <svg
                 aria-hidden="true"
+                fill="none"
                 focusable="false"
                 role="img"
-                viewBox="0 0 1024 1024"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                viewBox="0 0 24 24"
                 xmlns="http://www.w3.org/2000/svg"
               >
+                <rect
+                  height="14"
+                  rx="2"
+                  ry="2"
+                  width="14"
+                  x="8"
+                  y="8"
+                />
                 <path
-                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                  d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
                 />
               </svg>
             </span>

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -337,6 +337,8 @@ export interface Props {
   layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM' | 'CHAT' | 'WEBSITE_ASSISTANT';
   customLayout?: React.FC<LayoutProps>;
   showShare?: boolean;
+  showCopyButton?: boolean;
+  showTranslationOriginal?: boolean;
   showInstruct?: boolean;
   showInputs?: boolean;
   showDates?: boolean;
@@ -388,6 +390,8 @@ const MemoriWidget = ({
   showShare,
   preview = false,
   embed = false,
+  showCopyButton = true,
+  showTranslationOriginal = false,
   showInputs = true,
   showDates = false,
   showContextPerLine = false,
@@ -666,6 +670,7 @@ const MemoriWidget = ({
 
     try {
       if (
+        !hidden &&
         translate &&
         !instruct &&
         isMultilanguageEnabled &&
@@ -771,8 +776,9 @@ const MemoriWidget = ({
           isMultilanguageEnabled
         ) {
           translateDialogState(currentState, userLang, msg).then(ts => {
-            if (ts.emission) {
-              speak(ts.emission);
+            let text = ts.translatedEmission || ts.emission;
+            if (text) {
+              speak(text);
             }
           });
         } else {
@@ -879,45 +885,66 @@ const MemoriWidget = ({
         };
       }
     } else {
-      const t = await getTranslation(emission, userLang, language, baseUrl);
-      if (state.hints && state.hints.length > 0) {
-        const translatedHints = await Promise.all(
-          (state.hints ?? []).map(async hint => {
-            const tHint = await getTranslation(
-              hint,
-              userLang,
-              language,
-              baseUrl
-            );
-            return {
-              text: tHint?.text ?? hint,
-              originalText: hint,
-            } as TranslatedHint;
-          })
-        );
-        translatedState = {
-          ...state,
-          emission: t.text,
-          translatedHints,
-        };
-      } else {
-        translatedState = {
-          ...state,
-          emission: t.text,
-          hints:
-            state.hints ??
-            (state.state === 'G1' ? currentDialogState?.hints : []),
-        };
-      }
+      try {
+        const t = await getTranslation(emission, userLang, language, baseUrl);
+        if (state.hints && state.hints.length > 0) {
+          const translatedHints = await Promise.all(
+            (state.hints ?? []).map(async hint => {
+              const tHint = await getTranslation(
+                hint,
+                userLang,
+                language,
+                baseUrl
+              );
+              return {
+                text: tHint?.text ?? hint,
+                originalText: hint,
+              } as TranslatedHint;
+            })
+          );
+          translatedState = {
+            ...state,
+            emission: t.text,
+            translatedHints,
+          };
+        } else {
+          translatedState = {
+            ...state,
+            emission: emission,
+            translatedEmission: t.text,
+            hints:
+              state.hints ??
+              (state.state === 'G1' ? currentDialogState?.hints : []),
+          };
+        }
 
-      if (t.text.length > 0)
+        if (t.text.length > 0)
+          translatedMsg = {
+            text: emission,
+            translatedText: t.text,
+            emitter: state.emitter,
+            media: state.media,
+            fromUser: false,
+            questionAnswered: msg,
+            generatedByAI: !!state.completion,
+            contextVars: state.contextVars,
+            date: state.currentDate,
+            placeName: state.currentPlaceName,
+            placeLatitude: state.currentLatitude,
+            placeLongitude: state.currentLongitude,
+            placeUncertaintyKm: state.currentUncertaintyKm,
+            tag: state.currentTag,
+            memoryTags: state.memoryTags,
+          };
+      } catch (error) {
+        console.error(error);
+        translatedState = { ...state, emission };
         translatedMsg = {
-          text: t.text,
+          text: emission,
           emitter: state.emitter,
           media: state.media,
           fromUser: false,
           questionAnswered: msg,
-          generatedByAI: !!state.completion,
           contextVars: state.contextVars,
           date: state.currentDate,
           placeName: state.currentPlaceName,
@@ -927,6 +954,7 @@ const MemoriWidget = ({
           tag: state.currentTag,
           memoryTags: state.memoryTags,
         };
+      }
     }
 
     setCurrentDialogState(translatedState);
@@ -1451,8 +1479,9 @@ const MemoriWidget = ({
             { ...currentState, emission: emission },
             userLang
           ).then(ts => {
-            if (ts.emission) {
-              speak(ts.emission);
+            let text = ts.translatedEmission || ts.emission;
+            if (text) {
+              speak(text);
             }
           });
         } else if (emission && emission.length > 0) {
@@ -2587,8 +2616,9 @@ const MemoriWidget = ({
 
           translateDialogState(session.dialogState, userLang)
             .then(ts => {
-              if (ts.emission) {
-                speak(ts.emission);
+              let text = ts.translatedEmission || ts.emission;
+              if (text) {
+                speak(text);
               }
             })
             .finally(() => {
@@ -2644,8 +2674,9 @@ const MemoriWidget = ({
             if (session && session.resultCode === 0) {
               translateDialogState(session.currentState, userLang)
                 .then(ts => {
-                  if (ts.emission) {
-                    speak(ts.emission);
+                  let text = ts.translatedEmission || ts.emission;
+                  if (text) {
+                    speak(text);
                   }
                 })
                 .finally(() => {
@@ -2697,8 +2728,9 @@ const MemoriWidget = ({
             if (session && session.resultCode === 0) {
               translateDialogState(session.currentState, userLang)
                 .then(ts => {
-                  if (ts.emission) {
-                    speak(ts.emission);
+                  let text = ts.translatedEmission || ts.emission;
+                  if (text) {
+                    speak(text);
                   }
                 })
                 .finally(() => {
@@ -2750,8 +2782,9 @@ const MemoriWidget = ({
             if (session && session.resultCode === 0) {
               translateDialogState(session.currentState, userLang)
                 .then(ts => {
-                  if (ts.emission) {
-                    speak(ts.emission);
+                  let text = ts.translatedEmission || ts.emission;
+                  if (text) {
+                    speak(text);
                   }
                 })
                 .finally(() => {
@@ -2786,8 +2819,9 @@ const MemoriWidget = ({
           // no need to change tag
           translateDialogState(currentState, userLang)
             .then(ts => {
-              if (ts.emission) {
-                speak(ts.emission);
+              let text = ts.translatedEmission || ts.emission;
+              if (text) {
+                speak(text);
               }
             })
             .finally(() => {
@@ -2806,8 +2840,9 @@ const MemoriWidget = ({
         // everything is fine, just translate dialog state and activate chat
         translateDialogState(dialogState!, userLang)
           .then(ts => {
-            if (ts.emission) {
-              speak(ts.emission);
+            let text = ts.translatedEmission || ts.emission;
+            if (text) {
+              speak(text);
             }
           })
           .finally(() => {
@@ -3036,6 +3071,8 @@ const MemoriWidget = ({
     showContextPerLine,
     showAIicon,
     showWhyThisAnswer,
+    showCopyButton,
+    showTranslationOriginal,
     client,
     selectReceiverTag,
     preview,

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

@@ -101,13 +101,26 @@ exports[`renders SnippetUpload with css code 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -197,13 +210,26 @@ exports[`renders SnippetUpload with html code 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -257,13 +283,26 @@ exports[`renders SnippetUpload with js code 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -425,13 +464,26 @@ exports[`renders SnippetUpload with js code without line numbers 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -763,13 +815,26 @@ exports[`renders SnippetUpload with preview mode (clamping) 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -2812,13 +2877,26 @@ exports[`renders SnippetUpload with react/tsx code 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -2870,13 +2948,26 @@ exports[`renders SnippetUpload with text 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>
@@ -2928,13 +3019,26 @@ exports[`renders SnippetUpload with text as fallback 1`] = `
         >
           <svg
             aria-hidden="true"
+            fill="none"
             focusable="false"
             role="img"
-            viewBox="0 0 1024 1024"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            viewBox="0 0 24 24"
             xmlns="http://www.w3.org/2000/svg"
           >
+            <rect
+              height="14"
+              rx="2"
+              ry="2"
+              width="14"
+              x="8"
+              y="8"
+            />
             <path
-              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+              d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
             />
           </svg>
         </span>

package/src/components/icons/Code.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+const Code = ({ className, title }: { className?: string; title?: string }) => (
+  <svg
+    {...(!title ? { 'aria-hidden': 'true' } : {})}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    focusable="false"
+    role="img"
+    className={className}
+    aria-label={title}
+  >
+    <path d="M10 9.5 8 12l2 2.5" />
+    <path d="m14 9.5 2 2.5-2 2.5" />
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+  </svg>
+);
+
+export default Code;

package/src/components/icons/Copy.tsx

@@ -4,13 +4,19 @@ const Copy = ({ className, title }: { className?: string; title?: string }) => (
   <svg
     {...(!title ? { 'aria-hidden': 'true' } : {})}
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 1024 1024"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
     focusable="false"
     role="img"
     className={className}
     aria-label={title}
   >
-    <path d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" />
+    <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+    <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
   </svg>
 );
 

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,