@memori.ai/memori-react 8.14.0 → 8.14.2

package/esm/components/PoweredBy/PoweredBy.css

@@ -4,14 +4,15 @@
     bottom: 1rem;
     left: 0;
     display: inline-flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
-    padding: 0.25rem 0.5rem;
+    padding: 0.25rem 1rem;
     border-radius: 10px;
     background-color: var(--memori-inner-bg, transparent);
     box-shadow: var(--memori-button-box-shadow);
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
     font-size: 0.7em;
+    white-space: nowrap;
 }
 
 @media (max-width: 768px) {

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

@@ -114,6 +114,7 @@
     top: calc(100% + 10px);
     right: auto;
     left: 0;
+    background-color: transparent !important;
 }
 
 .memori-widget.memori-layout-website_assistant {

package/esm/helpers/translations.d.ts

@@ -3,4 +3,4 @@ export type DeeplTranslation = {
     text: string;
 };
 export declare const dialogKeywords: string[];
-export declare const getTranslation: (text: string, to: string, from?: string, baseUrl?: string) => Promise<DeeplTranslation>;
+export declare const getTranslation: (text: string, to: string, from?: string, _baseUrl?: string) => Promise<DeeplTranslation>;

package/esm/helpers/translations.js

@@ -14,30 +14,12 @@ const stripOutputTags = (text) => {
 const stripThinkTags = (text) => {
     return text.replaceAll(/<think.*?>(.*?)<\/think>/gs, '');
 };
-export const getTranslation = async (text, to, from, baseUrl) => {
-    var _a, _b, _c, _d;
+export const getTranslation = async (text, to, from, _baseUrl) => {
     let textToTranslate = stripOutputTags(stripThinkTags(text));
     const justTheThinkTags = text.match(/<think.*?>(.*?)<\/think>/gs);
     const isReservedKeyword = dialogKeywords.indexOf(text.toLowerCase()) > -1;
     const fromLanguage = isReservedKeyword ? 'IT' : from === null || from === void 0 ? void 0 : from.toUpperCase();
     const toLanguage = to.toUpperCase();
-    const deeplResult = await fetch(`${baseUrl || 'https://www.aisuru.com'}/api/translate`, {
-        cache: 'no-cache',
-        method: 'POST',
-        body: JSON.stringify({
-            text: textToTranslate,
-            target_lang: toLanguage,
-            source_lang: fromLanguage,
-        }),
-        headers: {
-            Accept: '*/*',
-            'Content-Type': 'application/json',
-        },
-    });
-    const deeplResponse = await deeplResult.json();
-    if (deeplResponse && deeplResponse.translations && deeplResponse.translations[0]) {
-        deeplResponse.translations[0].text = (justTheThinkTags ? `<think>${justTheThinkTags}</think>` : '') + ((_b = (_a = deeplResponse === null || deeplResponse === void 0 ? void 0 : deeplResponse.translations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text);
-    }
-    return (_d = (_c = deeplResponse === null || deeplResponse === void 0 ? void 0 : deeplResponse.translations) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : { text: textToTranslate };
+    return Promise.resolve({ text: textToTranslate });
 };
 //# sourceMappingURL=translations.js.map

package/esm/helpers/translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../src/helpers/translations.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS;IACT,WAAW;IACX,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,aAAa;IACb,eAAe;IACf,mBAAmB;CACpB,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,UAAU,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,OAAO,IAAI,CAAC,UAAU,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EACjC,IAAY,EACZ,EAAU,EACV,IAAa,EACb,OAAgB,EACW,EAAE;;IAC7B,IAAI,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAElE,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,CAAC;IACpE,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,MAAM,KAAK,CAC7B,GAAG,OAAO,IAAI,wBAAwB,gBAAgB,EACtD;QACE,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,IAAI,EAAE,eAAe;YACrB,WAAW,EAAE,UAAU;YACvB,WAAW,EAAE,YAAY;SAC1B,CAAC;QACF,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,cAAc,EAAE,kBAAkB;SACnC;KACF,CACF,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC;IAG/C,IAAG,aAAa,IAAI,aAAa,CAAC,YAAY,IAAI,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;QAC/E,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,gBAAgB,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,IAAG,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,0CAAG,CAAC,CAAC,0CAAE,IAAI,CAAA,CAAC;KAC9I;IAED,OAAO,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,0CAAG,CAAC,CAAC,mCAAI,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AACvE,CAAC,CAAC"}
+{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../src/helpers/translations.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS;IACT,WAAW;IACX,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,aAAa;IACb,eAAe;IACf,mBAAmB;CACpB,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,UAAU,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,OAAO,IAAI,CAAC,UAAU,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EACjC,IAAY,EACZ,EAAU,EACV,IAAa,EACb,QAAiB,EACU,EAAE;IAC7B,IAAI,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAElE,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,CAAC;IACpE,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAEpC,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,eAAe,EAAsB,CAAC,CAAC;AACxE,CAAC,CAAC"}

package/package.json

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

package/src/components/Chat/Chat.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, memo, useState } from 'react';
+import React, { useCallback, useEffect, memo, useRef, useState } from 'react';
 import cx from 'classnames';
 import {
   DialogState,
@@ -129,18 +129,32 @@ const Chat: React.FC<Props> = ({
   const [isTextareaExpanded, setIsTextareaExpanded] = useState(false);
   const [isDragging, setIsDragging] = useState(false);
   const { t } = useTranslation();
-  const scrollToBottom = () => {
+  const scrollToBottom = useCallback(() => {
     if (isHistoryView) return;
     setTimeout(() => {
-      let userMsgs = document.querySelectorAll(
-        '.memori-chat-scroll-item'
-      );
+      let userMsgs = document.querySelectorAll('.memori-chat-scroll-item');
       userMsgs[userMsgs.length - 1]?.scrollIntoView?.();
     }, 200);
-  };
+  }, [isHistoryView]);
+
+  // Avoid re-scrolling when `history` is recreated with same content (e.g. on every keystroke).
+  const lastAutoscrollSignatureRef = useRef<string | null>(null);
+  const lastMessage = history?.[history.length - 1];
+  const lastMessageSignature = `${history?.length ?? 0}|${
+    lastMessage?.timestamp ?? ''
+  }|${lastMessage?.fromUser ? 'u' : 'm'}|${
+    lastMessage?.text?.length ?? 0
+  }|${lastMessage?.translatedText?.length ?? 0}`;
   useEffect(() => {
-    !preview && !isHistoryView && scrollToBottom();
-  }, [history, preview, isHistoryView]);
+    // if we are in preview mode or in history view, don't scroll to the bottom
+    if (preview || isHistoryView) return;
+    // if the last message signature is the same as the previous one, don't scroll to the bottom
+    if (lastAutoscrollSignatureRef.current === lastMessageSignature) return;
+    // set the last autoscroll signature to the current one
+    lastAutoscrollSignatureRef.current = lastMessageSignature;
+    // scroll to the bottom
+    scrollToBottom();
+  }, [preview, isHistoryView, lastMessageSignature, scrollToBottom]);
 
   // Scroll to bottom when textarea is expanded
   // useEffect(() => {
@@ -385,11 +399,18 @@ const Chat: React.FC<Props> = ({
 
               <MediaWidget
                 simulateUserPrompt={simulateUserPrompt}
+                links={
+                  (message?.media
+                    ?.filter(m => !m.properties?.functionSignature)
+                    ?.filter(m => m.mimeType === 'text/html' && !!m.url) ||
+                    []) as Medium[]
+                }
                 media={[
-                  // Filter out HTML and plain text media items from the message
-                  ...(message?.media?.filter(
-                    m => !m.properties?.functionSignature
-                  ) || []),
+                  // Non-function-cache media items (exclude HTML links; those go into `links`)
+                  ...(message?.media
+                    ?.filter(m => !m.properties?.functionSignature)
+                    ?.filter(m => !(m.mimeType === 'text/html' && !!m.url)) ||
+                    []),
 
                   // Extract document attachments that are embedded in the message text
                   ...(() => {
@@ -435,7 +456,6 @@ const Chat: React.FC<Props> = ({
                     return attachments;
                   })(),
                 ]}
-                // links={message?.media?.filter(m => m.mimeType === 'text/html')}
                 sessionID={sessionID}
                 baseUrl={baseUrl}
                 apiUrl={apiUrl}