@memori.ai/memori-react 8.35.2 → 8.36.0

package/src/components/ChatBubble/ChatBubble.tsx

@@ -23,7 +23,12 @@ import Code from '../icons/Code';
 import Bug from '../icons/Bug';
 import WhyThisAnswer from '../WhyThisAnswer/WhyThisAnswer';
 import { stripHTML, stripOutputTags } from '../../helpers/utils';
-import { renderMsg, sanitizeMsg, truncateMessage } from '../../helpers/message';
+import {
+  renderMsg,
+  sanitizeMsg,
+  stripAttachmentTags,
+  truncateMessage,
+} from '../../helpers/message';
 import Expandable from '../ui/Expandable';
 import Modal from '../ui/Modal';
 import memoriApiClient from '@memori.ai/memori-api-client';
@@ -109,11 +114,8 @@ const ChatBubble: React.FC<Props> = ({
     }
   }, []);
 
-  // Clean text by removing document_attachment tags before rendering
-  const cleanText = (message.translatedText || message.text).replace(
-    /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g,
-    ''
-  );
+  // Clean text by removing attachment blocks before rendering
+  const cleanText = stripAttachmentTags(message.translatedText || message.text);
   const { text: renderedText } = renderMsg(
     message.fromUser ? truncateMessage(cleanText) : cleanText,
     useMathFormatting,

package/src/components/ChatInputs/ChatInputs.tsx

@@ -342,6 +342,7 @@ ${text}
             <FilePreview
               previewFiles={documentPreviewFiles}
               removeFile={removeFile}
+              showAnonymousRetentionNotice={!authToken}
             />
           </div>
         )}

package/src/components/FilePreview/FilePreview.tsx

@@ -6,11 +6,13 @@ import ContentPreviewModal from '../ContentPreviewModal';
 import Snippet from '../Snippet/Snippet';
 import { stripHTML, stripDocumentAttachmentTags } from '../../helpers/utils';
 import { getFileExtensionFromMime } from '../MediaWidget/MediaItemWidget.utils';
+import { useTranslation } from 'react-i18next';
 
 type FilePreviewProps = {
   previewFiles: any;
   removeFile: (id: string, mediumID: string | undefined) => void;
   allowRemove?: boolean;
+  showAnonymousRetentionNotice?: boolean;
   // isMessagePreview?: boolean;
 };
 
@@ -18,8 +20,10 @@ const FilePreview = ({
   previewFiles,
   removeFile,
   allowRemove = true,
+  showAnonymousRetentionNotice = false,
 }: // isMessagePreview = false,
 FilePreviewProps) => {
+  const { t } = useTranslation();
   const [selectedFile, setSelectedFile] = useState<{
     name: string;
     id: string;
@@ -81,16 +85,28 @@ FilePreviewProps) => {
     }
   }, [previewFiles]);
   // Detect if the file is HTML (by type or filename)
-  const isHtmlFile = (file: { name?: string; type?: string; mimeType?: string } | null): boolean => {
+  const isHtmlFile = (
+    file: { name?: string; type?: string; mimeType?: string } | null
+  ): boolean => {
     if (!file) return false;
     const ext = file.name?.split('.').pop()?.toLowerCase();
     return (
-      file.type === 'document' && (ext === 'html' || file.mimeType === 'text/html')
-    ) || ext === 'html' || file.mimeType === 'text/html';
+      (file.type === 'document' &&
+        (ext === 'html' || file.mimeType === 'text/html')) ||
+      ext === 'html' ||
+      file.mimeType === 'text/html'
+    );
   };
 
   // Get display content for non-image files (strip document_attachment for HTML, stripHTML for others)
-  const getDisplayContent = (file: { content?: string; name?: string; type?: string; mimeType?: string } | null): string => {
+  const getDisplayContent = (
+    file: {
+      content?: string;
+      name?: string;
+      type?: string;
+      mimeType?: string;
+    } | null
+  ): string => {
     if (!file?.content) return '';
     const content = file.content;
     if (isHtmlFile(file)) {
@@ -99,12 +115,11 @@ FilePreviewProps) => {
         const div = document.createElement('div');
         div.innerHTML = htmlContent;
         htmlContent = div.textContent || div.innerText || htmlContent;
-      } else {
-        htmlContent = stripDocumentAttachmentTags(htmlContent);
       }
+      htmlContent = stripDocumentAttachmentTags(htmlContent);
       return htmlContent;
     }
-    return stripHTML(content);
+    return stripHTML(stripDocumentAttachmentTags(content));
   };
 
   // Detect if the content is an image URL
@@ -126,6 +141,22 @@ FilePreviewProps) => {
     <>
       {previewFiles.length > 0 && (
         <div className="memori--preview-container">
+          {showAnonymousRetentionNotice && (
+            <small
+              style={{
+                color: 'rgb(138, 138, 138)',
+                display: 'block',
+                marginTop: '6px',
+                marginBottom: '6px',
+                fontSize: '0.7rem',
+              }}
+            >
+              {t('upload.anonymousRetentionNotice', {
+                defaultValue:
+                  'Note: uploaded files are retained for a maximum of 24 hours.',
+              })}
+            </small>
+          )}
           <div className="memori--preview-list">
             {previewFiles.map((file: any) => (
               <div
@@ -181,7 +212,8 @@ FilePreviewProps) => {
           isImageContent(selectedFile.content, selectedFile.type)
         }
         imageSrc={
-          selectedFile && isImageContent(selectedFile.content, selectedFile.type)
+          selectedFile &&
+          isImageContent(selectedFile.content, selectedFile.type)
             ? selectedFile.content
             : undefined
         }

package/src/components/UploadButton/UploadButton.tsx

@@ -359,7 +359,14 @@ const UploadButton: React.FC<UploadManagerProps> = ({
 
   // Handler for document files - now supports multiple documents
   const handleDocumentFiles = (
-    files: { name: string; id: string; content: string; mimeType: string }[]
+    files: {
+      name: string;
+      id: string;
+      content: string;
+      mimeType: string;
+      sourceUrl?: string;
+      textAssetUrl?: string;
+    }[]
   ) => {
     if (files.length === 0) return;
 
@@ -380,7 +387,15 @@ const UploadButton: React.FC<UploadManagerProps> = ({
 
 ${file.content}
 
-</document_attachment>`;
+</document_attachment>
+
+<attachment_source>
+${file.sourceUrl || ''}
+</attachment_source>
+
+<attachment_link>
+${file.textAssetUrl || ''}
+</attachment_link>`;
 
       return {
         name: file.name,
@@ -560,6 +575,10 @@ ${file.content}
       <div className="memori--hidden-uploader" ref={documentRef}>
         <UploadDocuments
           setDocumentPreviewFiles={handleDocumentFiles}
+          authToken={authToken}
+          client={client}
+          sessionID={sessionID}
+          memoriID={memoriID}
           maxDocuments={maxDocumentsPerMessage}
           documentPreviewFiles={documentPreviewFiles}
           onLoadingChange={handleLoadingChange}

package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx

@@ -4,6 +4,7 @@ import Spin from '../../ui/Spin';
 import { DocumentIcon } from '../../icons/Document';
 import Modal from '../../ui/Modal';
 import { useTranslation } from 'react-i18next';
+import memoriApiClient from '@memori.ai/memori-api-client';
 // Types
 type PreviewFile = {
   name: string;
@@ -33,8 +34,19 @@ declare global {
 // Props interface
 interface UploadDocumentsProps {
   setDocumentPreviewFiles: (
-    files: { name: string; id: string; content: string; mimeType: string }[]
+    files: {
+      name: string;
+      id: string;
+      content: string;
+      mimeType: string;
+      sourceUrl?: string;
+      textAssetUrl?: string;
+    }[]
   ) => void;
+  authToken?: string;
+  client?: ReturnType<typeof memoriApiClient>;
+  sessionID?: string;
+  memoriID?: string;
   maxDocuments?: number;
   documentPreviewFiles: any;
   onLoadingChange?: (loading: boolean) => void;
@@ -57,6 +69,10 @@ interface UploadDocumentsProps {
 
 const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   setDocumentPreviewFiles,
+  authToken = '',
+  client,
+  sessionID = '',
+  memoriID = '',
   maxDocuments,
   documentPreviewFiles,
   onLoadingChange,
@@ -66,6 +82,9 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   maxDocumentContentLength = 300000,
 }) => {
   const { t } = useTranslation();
+  const { backend } = client || {
+    backend: { uploadAsset: null, uploadAssetUnlogged: null },
+  };
 
   // State
   const [isLoading, setIsLoading] = useState(false);
@@ -261,6 +280,44 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     }
   };
 
+  const fileToDataUrl = (file: File): Promise<string> =>
+    new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = e => resolve((e.target?.result as string) || '');
+      reader.onerror = () => reject(new Error('File reading failed'));
+      reader.readAsDataURL(file);
+    });
+
+  const uploadAssetFile = async (file: File): Promise<string> => {
+    if (!client) {
+      throw new Error('API client not configured properly for media upload');
+    }
+
+    const fileDataUrl = await fileToDataUrl(file);
+    let response: any;
+    if (authToken && backend?.uploadAsset) {
+      response = await backend.uploadAsset(file.name, fileDataUrl, authToken);
+    } else if (memoriID && sessionID && backend?.uploadAssetUnlogged) {
+      response = await backend.uploadAssetUnlogged(
+        file.name,
+        fileDataUrl,
+        memoriID,
+        sessionID
+      );
+    } else {
+      throw new Error('Missing required parameters for upload');
+    }
+
+    if (!response) {
+      throw new Error('Upload failed');
+    }
+    if (response.resultCode !== 0) {
+      throw new Error(response.resultMessage || 'Upload failed');
+    }
+
+    return response.asset?.assetURL;
+  };
+
   const handleDocumentUpload = async (
     e: React.ChangeEvent<HTMLInputElement>
   ) => {
@@ -281,8 +338,13 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
           t('upload.documentsNotAddedMaxAllowed', {
             count: skipped,
             max: maxDocuments ?? 10,
-            defaultValue: `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
-          }) ?? `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
+            defaultValue: `${skipped} document(s) not added (maximum ${
+              maxDocuments ?? 10
+            } files allowed).`,
+          }) ??
+          `${skipped} document(s) not added (maximum ${
+            maxDocuments ?? 10
+          } files allowed).`,
         severity: 'warning',
       });
     }
@@ -302,6 +364,8 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       id: string;
       content: string;
       mimeType: string;
+      sourceUrl?: string;
+      textAssetUrl?: string;
     }[] = [];
     let hadTruncation = false;
 
@@ -317,11 +381,23 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         if (wasTruncated) hadTruncation = true;
 
         if (text) {
+          const baseName = file.name.replace(/\.[^/.]+$/, '') || file.name;
+          const textFile = new File([text], `${baseName}.txt`, {
+            type: 'text/plain',
+          });
+
+          const [sourceUrl, textAssetUrl] = await Promise.all([
+            uploadAssetFile(file),
+            uploadAssetFile(textFile),
+          ]);
+
           processedFiles.push({
             name: file.name,
             id: fileId,
             content: text,
             mimeType: file.type,
+            sourceUrl,
+            textAssetUrl,
           });
         }
       } catch (error) {
@@ -337,15 +413,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
 
     // Add new documents to existing ones (only those that fit within payload)
     if (processedFiles.length > 0) {
-      const existingDocuments = documentPreviewFiles.filter(
-        (file: any) => file.type === 'document'
-      );
-      const existingImages = documentPreviewFiles.filter(
-        (file: any) => file.type === 'image'
-      );
-
       setDocumentPreviewFiles([
-        ...existingDocuments,
         ...processedFiles.map(file => ({
           ...file,
           type: 'document',
@@ -384,8 +452,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         onClick={() => documentInputRef.current?.click()}
         disabled={
           isLoading ||
-          (maxDocuments &&
-            documentPreviewFiles.length >= maxDocuments) ||
+          (maxDocuments && documentPreviewFiles.length >= maxDocuments) ||
           false
         }
         title="Upload documents"
@@ -425,4 +492,4 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   );
 };
 
-export default UploadDocuments;
+export default UploadDocuments;

package/src/helpers/message.ts

@@ -40,6 +40,15 @@ marked.use({
 marked.use(markedLinkifyIt());
 marked.use(markedExtendedTables());
 
+export const stripAttachmentTags = (value: string) =>
+  value
+    .replaceAll(
+      /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g,
+      ''
+    )
+    .replaceAll(/<attachment_source>\s*[\s\S]*?\s*<\/attachment_source>/g, '')
+    .replaceAll(/<attachment_link>\s*[\s\S]*?\s*<\/attachment_link>/g, '');
+
 export const needsTruncation = (message: string) => {
   return (
     message.length > MAX_MSG_CHARS || message.split(' ').length > MAX_MSG_WORDS
@@ -82,11 +91,6 @@ export const renderMsg = (
           ? `<details class="memori-think"><summary>${reasoningText}</summary>$1</details>`
           : ''
       )
-      // Remove document_attachment tags from text - they will be handled as media
-      .replaceAll(
-        /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g,
-        ''
-      )
       .replaceAll(
         /<output\s+class\s*=\s*["\']memori-artifact["\'][^>]*data-mimetype\s*=\s*["\']([^"']+)["\'][^>]*>([\s\S]*?)(?:<\/output>|$)/gi,
         ''
@@ -98,6 +102,8 @@ export const renderMsg = (
       .replaceAll('\beta', '\\beta')
       .replaceAll('cdot', '\\cdot');
 
+    preprocessedText = stripAttachmentTags(preprocessedText);
+
     // Correzione dei delimitatori LaTeX inconsistenti
     if (useMathFormatting) {
       // Abilita il supporto per KaTeX

package/src/helpers/utils.ts

@@ -98,17 +98,17 @@ export const isAndroid = (): boolean => {
 
 export const isSafari = (): boolean => {
   if (typeof navigator === 'undefined') return false;
-  
+
   const userAgent = navigator.userAgent;
   const isSafariUA = userAgent.includes('Safari') && !userAgent.includes('Chrome');
   const isWebKit = 'WebKit' in window && !('Chrome' in window);
-  
+
   return isSafariUA || isWebKit;
 };
 
 export const isSafariIOS = (): boolean => {
   if (typeof navigator === 'undefined') return false;
-  
+
   const userAgent = navigator.userAgent;
   return (
     userAgent.includes('Safari') &&
@@ -239,7 +239,10 @@ export const stripMarkdown = (text: string) => {
 
 export const stripDocumentAttachmentTags = (text: string): string => {
   const documentAttachmentTagRegex = /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g;
-  return text.replace(documentAttachmentTagRegex, '$3');
+  return text
+    .replace(documentAttachmentTagRegex, '$3')
+    .replace(/<attachment_source>\s*[\s\S]*?\s*<\/attachment_source>/g, '')
+    .replace(/<attachment_link>\s*[\s\S]*?\s*<\/attachment_link>/g, '');
 };
 
 export const stripOutputTags = (text: string): string => {

package/src/locales/de.json

@@ -268,7 +268,8 @@
     "filesNotAddedMaxAllowed": "{{count}} Datei(en) nicht hinzugefügt (maximal {{max}} Dateien erlaubt).",
     "documentsNotAddedMaxAllowed": "{{count}} Dokument(e) nicht hinzugefügt (maximal {{max}} Dateien erlaubt).",
     "imagesNotAddedMaxAllowed": "{{count}} Bild(er) nicht hinzugefügt (maximal {{max}} Dateien erlaubt).",
-    "documentsNotAddedContextSize": "{{count}} Dokument(e) nicht hinzugefügt (Kontextgrößen-Limit)."
+    "documentsNotAddedContextSize": "{{count}} Dokument(e) nicht hinzugefügt (Kontextgrößen-Limit).",
+    "anonymousRetentionNotice": "Hinweis: Hochgeladene Dateien werden maximal 24 Stunden gespeichert."
   },
   "media": {
     "title": "Titel",

package/src/locales/en.json

@@ -295,7 +295,8 @@
     "filesNotAddedMaxAllowed": "{{count}} file(s) not added (maximum {{max}} files allowed).",
     "documentsNotAddedMaxAllowed": "{{count}} document(s) not added (maximum {{max}} files allowed).",
     "imagesNotAddedMaxAllowed": "{{count}} image(s) not added (maximum {{max}} files allowed).",
-    "documentsNotAddedContextSize": "{{count}} document(s) not added (context size limit)."
+    "documentsNotAddedContextSize": "{{count}} document(s) not added (context size limit).",
+    "anonymousRetentionNotice": "Note: uploaded files are retained for a maximum of 24 hours."
   },
   "media": {
     "title": "Title",

package/src/locales/es.json

@@ -268,7 +268,8 @@
     "filesNotAddedMaxAllowed": "{{count}} archivo(s) no añadido(s) (máximo {{max}} archivos permitidos).",
     "documentsNotAddedMaxAllowed": "{{count}} documento(s) no añadido(s) (máximo {{max}} archivos permitidos).",
     "imagesNotAddedMaxAllowed": "{{count}} imagen(es) no añadida(s) (máximo {{max}} archivos permitidos).",
-    "documentsNotAddedContextSize": "{{count}} documento(s) no añadido(s) (límite de tamaño de contexto)."
+    "documentsNotAddedContextSize": "{{count}} documento(s) no añadido(s) (límite de tamaño de contexto).",
+    "anonymousRetentionNotice": "Nota: los archivos cargados se conservan durante un máximo de 24 horas."
   },
   "media": {
     "title": "Título",

package/src/locales/fr.json

@@ -276,7 +276,8 @@
     "filesNotAddedMaxAllowed": "{{count}} fichier(s) non ajouté(s) (maximum {{max}} fichiers autorisés).",
     "documentsNotAddedMaxAllowed": "{{count}} document(s) non ajouté(s) (maximum {{max}} fichiers autorisés).",
     "imagesNotAddedMaxAllowed": "{{count}} image(s) non ajoutée(s) (maximum {{max}} fichiers autorisés).",
-    "documentsNotAddedContextSize": "{{count}} document(s) non ajouté(s) (limite de taille du contexte)."
+    "documentsNotAddedContextSize": "{{count}} document(s) non ajouté(s) (limite de taille du contexte).",
+    "anonymousRetentionNotice": "Remarque : les fichiers téléversés sont conservés pendant un maximum de 24 heures."
   },
   "media": {
     "title": "Titre",

package/src/locales/it.json

@@ -315,7 +315,8 @@
     "filesNotAddedMaxAllowed": "{{count}} file non aggiunto/i (massimo {{max}} file consentiti).",
     "documentsNotAddedMaxAllowed": "{{count}} documento/i non aggiunto/i (massimo {{max}} file consentiti).",
     "imagesNotAddedMaxAllowed": "{{count}} immagine/i non aggiunta/e (massimo {{max}} file consentiti).",
-    "documentsNotAddedContextSize": "{{count}} documento/i non aggiunto/i (limite dimensione contesto)."
+    "documentsNotAddedContextSize": "{{count}} documento/i non aggiunto/i (limite dimensione contesto).",
+    "anonymousRetentionNotice": "Nota: i file caricati vengono conservati per massimo 24 ore."
   },
   "gamification": {
     "level": "Livello",

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '8.35.2';
+export const version = '8.36.0';