@memori.ai/memori-react 7.1.2 → 7.2.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,7 @@ export interface Props {
   layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM' | 'CHAT' | 'WEBSITE_ASSISTANT';
   customLayout?: React.FC<LayoutProps>;
   showShare?: boolean;
+  showCopyButton?: boolean;
   showInstruct?: boolean;
   showInputs?: boolean;
   showDates?: boolean;
@@ -388,6 +389,7 @@ const MemoriWidget = ({
   showShare,
   preview = false,
   embed = false,
+  showCopyButton = true,
   showInputs = true,
   showDates = false,
   showContextPerLine = false,
@@ -993,7 +995,7 @@ const MemoriWidget = ({
           }, 400);
         }, 1000);
       } catch (e) {
-        console.error(e);
+        console.warn(e);
       }
     });
   };
@@ -1040,7 +1042,7 @@ const MemoriWidget = ({
           return window.location.href;
         })();
       } catch (err) {
-        console.error(err);
+        console.debug(err);
       }
 
       const session = await initSession({
@@ -1072,14 +1074,14 @@ const MemoriWidget = ({
       } else if (
         session?.resultMessage.startsWith('This Memori is aged restricted')
       ) {
-        console.error(session);
+        console.warn(session);
         toast.error(t('underageTwinSession', { age: minAge }));
         setGotErrorInOpening(true);
       } else if (session?.resultCode === 403) {
         setMemoriPwd(undefined);
         setAuthModalState('password');
       } else {
-        console.error(session);
+        console.warn(session);
         toast.error(t(getErrori18nKey(session?.resultCode)));
         setGotErrorInOpening(true);
       }
@@ -1127,7 +1129,7 @@ const MemoriWidget = ({
           return window.location.href;
         })();
       } catch (err) {
-        console.error(err);
+        console.debug(err);
       }
 
       const { sessionID, currentState, ...response } = await initSession({
@@ -1279,7 +1281,7 @@ const MemoriWidget = ({
               return window.location.href;
             })();
           } catch (err) {
-            console.error(err);
+            console.debug(err);
           }
 
           fetchSession({
@@ -1315,7 +1317,7 @@ const MemoriWidget = ({
       }
     } catch (_e) {
       let err = _e as Error;
-      console.error('[APPCONTEXT/CHANGETAG]', err);
+      console.warn('[APPCONTEXT/CHANGETAG]', err);
       return Promise.reject(err);
     }
 
@@ -1925,7 +1927,7 @@ const MemoriWidget = ({
               speechSynthesizer = null;
             }
           } catch (e) {
-            console.error('speak error: ', e);
+            console.warn('speak error: ', e);
             window.speechSynthesis.speak(new SpeechSynthesisUtterance(text));
             setIsPlayingAudio(false);
             memoriSpeaking = false;
@@ -1970,7 +1972,7 @@ const MemoriWidget = ({
         audioDestination.close();
       }
     } catch (e) {
-      console.error('stopAudio error: ', e);
+      console.debug('stopAudio error: ', e);
     }
   };
 
@@ -2096,9 +2098,9 @@ const MemoriWidget = ({
           resetTranscript();
           recognizer.startContinuousRecognitionAsync();
         })
-        .catch(console.error);
+        .catch(console.debug);
     } catch (error) {
-      console.error(error);
+      console.debug(error);
     }
   };
   const stopListening = () => {
@@ -2318,7 +2320,7 @@ const MemoriWidget = ({
       }
     } catch (_e) {
       let err = _e as Error;
-      console.error('[APPCONTEXT/QUERYGAMIFICATIONPOINTS]', err);
+      console.debug('[APPCONTEXT/QUERYGAMIFICATIONPOINTS]', err);
     }
 
     return {
@@ -2332,7 +2334,7 @@ const MemoriWidget = ({
         .then(value => {
           setGamificationLevel(getGamificationLevel(value.points));
         })
-        .catch(console.error);
+        .catch(console.debug);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [memori.engineMemoriID]);
@@ -2530,7 +2532,7 @@ const MemoriWidget = ({
       if (memoriAudioElement && isSafari) {
         memoriAudioElement.muted = false;
         memoriAudioElement.play().catch((e: any) => {
-          console.error('error playing intro audio', e);
+          console.warn('error playing intro audio', e);
         });
       }
 
@@ -2914,7 +2916,7 @@ const MemoriWidget = ({
       }
     } catch (e) {
       let err = e as Error;
-      console.error(err);
+      console.debug(err);
     }
   }, [tenant?.billingDelegation, deepThoughtEnabled]);
   useEffect(() => {
@@ -3036,6 +3038,7 @@ const MemoriWidget = ({
     showContextPerLine,
     showAIicon,
     showWhyThisAnswer,
+    showCopyButton,
     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/index.tsx

@@ -28,6 +28,7 @@ export interface Props {
   layout?: WidgetProps['layout'];
   customLayout?: WidgetProps['customLayout'];
   showShare?: boolean;
+  showCopyButton?: boolean;
   showInstruct?: boolean;
   showInputs?: boolean;
   showDates?: boolean;
@@ -88,6 +89,7 @@ const Memori: React.FC<Props> = ({
   layout = 'DEFAULT',
   customLayout,
   showShare = true,
+  showCopyButton = true,
   showSettings = true,
   showInstruct = false,
   showTypingText = false,
@@ -239,6 +241,7 @@ const Memori: React.FC<Props> = ({
       secret={secretToken}
       sessionID={sessionID}
       showShare={showShare}
+      showCopyButton={showCopyButton}
       showSettings={showSettings}
       showInstruct={showInstruct}
       showTypingText={showTypingText}
@@ -314,6 +317,7 @@ Memori.propTypes = {
   ]),
   customLayout: PropTypes.any,
   showShare: PropTypes.bool,
+  showCopyButton: PropTypes.bool,
   showInstruct: PropTypes.bool,
   showInputs: PropTypes.bool,
   showDates: PropTypes.bool,

package/src/locales/en.json

@@ -28,6 +28,7 @@
   "next": "Next",
   "previous": "Previous",
   "copy": "Copy",
+  "copyRawCode": "Copy raw code",
   "copyToClipboard": "Copy to clipboard",
   "showOriginalText": "Show original",
   "showTranslatedText": "Show translation",

package/src/locales/it.json

@@ -28,6 +28,7 @@
   "next": "Successivo",
   "previous": "Precedente",
   "copy": "Copia",
+  "copyRawCode": "Copia codice sorgente",
   "copyToClipboard": "Copia negli appunti",
   "showOriginalText": "Mostra originale",
   "showTranslatedText": "Mostra traduzione",