@memori.ai/memori-react 8.38.4 → 8.38.6

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

@@ -5,6 +5,8 @@ import { DocumentIcon } from '../../icons/Document';
 import Modal from '../../ui/Modal';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
+import { officeNativeExtensions } from '../../../helpers/constants';
+import { isOfficeNativeFilename } from '../../../helpers/utils';
 // Types
 type PreviewFile = {
   name: string;
@@ -39,7 +41,6 @@ interface UploadDocumentsProps {
       id: string;
       content: string;
       mimeType: string;
-      sourceUrl?: string;
       textAssetUrl?: string;
     }[]
   ) => void;
@@ -63,8 +64,6 @@ interface UploadDocumentsProps {
       mimeType: string;
     }[]
   ) => boolean | { valid: boolean; message?: string };
-  /** Per-document content character limit. */
-  maxDocumentContentLength?: number;
 }
 
 const UploadDocuments: React.FC<UploadDocumentsProps> = ({
@@ -79,7 +78,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   onDocumentError,
   onValidateFile,
   onValidatePayloadSize,
-  maxDocumentContentLength = 300000,
 }) => {
   const { t } = useTranslation();
   const { backend } = client || {
@@ -239,17 +237,20 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
 
   const processDocumentFile = async (
     file: File
-  ): Promise<{ text: string | null }> => {
-    const fileExt = file.name.split('.').pop()?.toLowerCase() || '';
+  ): Promise<{ text: string | null; uploadAsOriginal?: boolean }> => {
+    if (isOfficeNativeFilename(file.name)) {
+      return { text: null, uploadAsOriginal: true };
+    }
 
+    const ext = file.name.split('.').pop()?.toLowerCase() || '';
     try {
       let text: string | null = null;
 
-      if (fileExt === 'pdf') {
+      if (ext === 'pdf') {
         text = await extractTextFromPDF(file);
-      } else if (['txt', 'md', 'json', 'csv', 'html'].includes(fileExt)) {
+      } else if (['txt', 'md', 'json', 'csv', 'html'].includes(ext)) {
         text = await file.text();
-      } else if (fileExt === 'xlsx') {
+      } else if (ext === 'xlsx') {
         text = await extractTextFromXLSX(file);
       }
 
@@ -299,7 +300,12 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       throw new Error(response.resultMessage || 'Upload failed');
     }
 
-    return response.asset?.assetURL;
+    const assetURL = response.asset?.assetURL;
+    if (!assetURL) {
+      throw new Error('Upload failed: missing asset URL');
+    }
+
+    return assetURL;
   };
 
   const handleDocumentUpload = async (
@@ -349,7 +355,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         id: string;
         content: string;
         mimeType: string;
-        sourceUrl?: string;
         textAssetUrl?: string;
       }[] = [];
 
@@ -365,32 +370,48 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         const fileId = Math.random().toString(36).substr(2, 9);
 
         try {
-          const { text } = await processDocumentFile(file);
+          const { text, uploadAsOriginal } = await processDocumentFile(file);
+
+          if (uploadAsOriginal) {
+            // Office native format: upload the original file as asset, no text extraction
+            let assetUrl: string | undefined;
+            try {
+              assetUrl = await uploadAssetFile(file);
+            } catch (uploadError) {
+              console.error('Office asset upload failed:', uploadError);
+              onDocumentError?.({
+                message: t('upload.officeAssetUploadFailed', {
+                  fileName: file.name,
+                  defaultValue: `"${file.name}" could not be uploaded and was not added.`,
+                }),
+                severity: 'error',
+              });
+            }
 
-          if (text) {
+            if (!assetUrl) {
+              activeCount--;
+              onLoadingChange?.(true, activeCount);
+              continue;
+            }
+
+            processedFiles.push({
+              name: file.name,
+              id: fileId,
+              content: '',
+              mimeType: file.type,
+              textAssetUrl: assetUrl,
+            });
+          } else if (text) {
             const baseName = file.name.replace(/\.[^/.]+$/, '') || file.name;
             const textFile = new File([text], `${baseName}.txt`, {
               type: 'text/plain',
             });
 
-            const uploadResults = await Promise.allSettled([
-              uploadAssetFile(file),
-              uploadAssetFile(textFile),
-            ]);
-
-            const sourceUrl =
-              uploadResults[0].status === 'fulfilled'
-                ? uploadResults[0].value
-                : undefined;
-            const textAssetUrl =
-              uploadResults[1].status === 'fulfilled'
-                ? uploadResults[1].value
-                : undefined;
-
-            if (
-              uploadResults[0].status === 'rejected' ||
-              uploadResults[1].status === 'rejected'
-            ) {
+            let textAssetUrl: string | undefined;
+            try {
+              textAssetUrl = await uploadAssetFile(textFile);
+            } catch (uploadError) {
+              console.error('Text asset upload failed:', uploadError);
               onDocumentError?.({
                 message: t('upload.partialAssetUploadWarning', {
                   fileName: file.name,
@@ -401,20 +422,11 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
               });
             }
 
-            let contentForMessage = text;
-            const perDocumentLimit = maxDocumentContentLength;
-            if (text.length > perDocumentLimit) {
-              contentForMessage =
-                text.substring(0, perDocumentLimit) +
-                '\n\n[Content truncated due to size limits]';
-            }
-
             processedFiles.push({
               name: file.name,
               id: fileId,
-              content: contentForMessage,
+              content: text,
               mimeType: file.type,
-              sourceUrl,
               textAssetUrl,
             });
           } else {
@@ -456,7 +468,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       <input
         ref={documentInputRef}
         type="file"
-        accept=".pdf,.txt,.md,.json,.xlsx,.csv,.html"
+        accept={`.pdf,.txt,.md,.json,.xlsx,.csv,.html,${officeNativeExtensions.join(',')}`}
         multiple
         className="memori--upload-file-input"
         onChange={handleDocumentUpload}

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

@@ -6,7 +6,7 @@ exports[`renders UploadButton unchanged 1`] = `
     class="memori--unified-upload-wrapper"
   >
     <input
-      accept=".jpg,.jpeg,.png,.pdf,.txt,.json,.xlsx,.csv,.md,.html"
+      accept=".jpg,.jpeg,.png,.pdf,.txt,.json,.xlsx,.csv,.md,.html,.doc,.docx,.xls,.xltx,.potx"
       class="memori--upload-file-input"
       multiple=""
       style="display: none;"
@@ -52,7 +52,7 @@ exports[`renders UploadButton unchanged 1`] = `
         class="memori--document-upload-wrapper"
       >
         <input
-          accept=".pdf,.txt,.md,.json,.xlsx,.csv,.html"
+          accept=".pdf,.txt,.md,.json,.xlsx,.csv,.html,.doc,.docx,.xls,.xltx,.potx"
           class="memori--upload-file-input"
           multiple=""
           type="file"

package/src/components/ui/Tooltip.tsx

@@ -60,7 +60,7 @@ const Tooltip: FC<Props> = ({
     closeTimeoutRef.current = setTimeout(() => {
       setIsHovered(false);
       closeTimeoutRef.current = null;
-    }, 100);
+    }, 300);
   }, []);
 
   const handleContentEnter = useCallback(() => {
@@ -72,7 +72,7 @@ const Tooltip: FC<Props> = ({
     closeTimeoutRef.current = setTimeout(() => {
       setIsHovered(false);
       closeTimeoutRef.current = null;
-    }, 100);
+    }, 300);
   }, []);
 
   useEffect(() => {
@@ -124,6 +124,7 @@ const Tooltip: FC<Props> = ({
           >
             <div
               className="memori-tooltip--content memori-tooltip--content-portal"
+              style={{ pointerEvents: 'auto' }}
               onMouseEnter={handleContentEnter}
               onMouseLeave={handleContentLeave}
             >

package/src/helpers/constants.ts

@@ -35,7 +35,7 @@ export const getGroupedChatLanguages = () => {
     popularLanguageCodes.includes(lang.value)
   );
   const all = chatLanguages.filter(lang => !popularLanguageCodes.includes(lang.value));
-  return {  
+  return {
     popular,
     all,
   };
@@ -43,6 +43,15 @@ export const getGroupedChatLanguages = () => {
 
 export const uiLanguages = ['en', 'it', 'fr', 'es', 'de'];
 
+/** Extensions uploaded as original Office binaries (no text extraction) */
+export const officeNativeExtensions = [
+  '.doc',
+  '.docx',
+  '.xls',
+  '.xltx',
+  '.potx',
+] as const;
+
 export const allowedMediaTypes = [
   'image/jpeg',
   'image/png',
@@ -62,6 +71,25 @@ export const allowedMediaTypes = [
   'model/gltf-binary',
 ];
 
+/** Short badge labels for Office document cards */
+export const officeMimeShortLabels: Record<string, string> = {
+  'application/msword': 'Word',
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'Word',
+  'application/vnd.ms-excel': 'Excel',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'Excel',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.template': 'Excel',
+  'application/vnd.openxmlformats-officedocument.presentationml.template': 'PPT',
+};
+
+export const officeExtensionShortLabels: Record<string, string> = {
+  DOC: 'Word',
+  DOCX: 'Word',
+  XLS: 'Excel',
+  XLSX: 'Excel',
+  XLTX: 'Excel',
+  POTX: 'PPT',
+};
+
 export const anonTag = '👤';
 
 export const prismSyntaxLangs = [

package/src/helpers/utils.test.ts

@@ -4,6 +4,11 @@ import {
   stripMarkdown,
   stripOutputTags,
   escapeHTML,
+  extractAttachmentLinks,
+  extractAttachmentLink,
+  isAssetOnlyDocumentAttachment,
+  isOfficeNativeFilename,
+  parseDocumentAttachmentsFromMessage,
 } from './utils';
 
 describe('Utils/difference', () => {
@@ -141,6 +146,102 @@ describe('utils/stripOutputTags', () => {
   });
 });
 
+describe('utils/attachment helpers', () => {
+  it('extracts multiple attachment links in order', () => {
+    const input = [
+      '<document_attachment filename="a.docx" type="application/vnd.openxmlformats-officedocument.wordprocessingml.document">',
+      '</document_attachment>',
+      '<attachment_link>',
+      'https://assets.example.com/a.docx',
+      '</attachment_link>',
+      '<document_attachment filename="b.pdf" type="application/pdf">',
+      'pdf text',
+      '</document_attachment>',
+      '<attachment_link>https://assets.example.com/b.txt</attachment_link>',
+    ].join('\n');
+
+    expect(extractAttachmentLinks(input)).toEqual([
+      'https://assets.example.com/a.docx',
+      'https://assets.example.com/b.txt',
+    ]);
+  });
+
+  it('extracts a single attachment link', () => {
+    const input =
+      '<attachment_link>\nhttps://assets.example.com/file.docx\n</attachment_link>';
+    expect(extractAttachmentLink(input)).toBe(
+      'https://assets.example.com/file.docx'
+    );
+  });
+
+  it('detects office native filenames', () => {
+    expect(isOfficeNativeFilename('report.doc')).toBe(true);
+    expect(isOfficeNativeFilename('report.docx')).toBe(true);
+    expect(isOfficeNativeFilename('budget.xls')).toBe(true);
+    expect(isOfficeNativeFilename('template.XLTX')).toBe(true);
+    expect(isOfficeNativeFilename('slides.potx')).toBe(true);
+    expect(isOfficeNativeFilename('notes.pdf')).toBe(false);
+    expect(isOfficeNativeFilename('data.xlsx')).toBe(false);
+  });
+
+  it('detects asset-only document attachments', () => {
+    expect(
+      isAssetOnlyDocumentAttachment({
+        content: '',
+        url: 'https://assets.example.com/file.docx',
+      })
+    ).toBe(true);
+    expect(
+      isAssetOnlyDocumentAttachment({
+        content: 'extracted text',
+        url: 'https://assets.example.com/file.txt',
+      })
+    ).toBe(false);
+  });
+
+  it('pairs each document attachment with its adjacent link', () => {
+    const input = [
+      '<attachment_link>https://assets.example.com/orphan.txt</attachment_link>',
+      '<document_attachment filename="a.docx" type="application/vnd.openxmlformats-officedocument.wordprocessingml.document">',
+      '</document_attachment>',
+      '<attachment_link>https://assets.example.com/a.docx</attachment_link>',
+      '<document_attachment filename="b.pdf" type="application/pdf">',
+      'pdf text',
+      '</document_attachment>',
+      '<attachment_link>https://assets.example.com/b.txt</attachment_link>',
+    ].join('\n');
+
+    expect(parseDocumentAttachmentsFromMessage(input)).toEqual([
+      {
+        filename: 'a.docx',
+        type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        content: '',
+        url: 'https://assets.example.com/a.docx',
+      },
+      {
+        filename: 'b.pdf',
+        type: 'application/pdf',
+        content: 'pdf text',
+        url: 'https://assets.example.com/b.txt',
+      },
+    ]);
+  });
+
+  it('returns an empty url when no adjacent attachment link exists', () => {
+    const input =
+      '<document_attachment filename="a.docx" type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"></document_attachment>';
+
+    expect(parseDocumentAttachmentsFromMessage(input)).toEqual([
+      {
+        filename: 'a.docx',
+        type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        content: '',
+        url: '',
+      },
+    ]);
+  });
+});
+
 describe('utils/parsing combined', () => {
   it('should remove output tag from real message', () => {
     const result = escapeHTML(

package/src/helpers/utils.ts

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
 import { Material, MeshStandardMaterial, SkinnedMesh } from 'three';
 import * as THREE from 'three';
+import { officeNativeExtensions } from './constants';
 
 export const hasTouchscreen = (): boolean => {
   let hasTouchScreen = false;
@@ -237,6 +238,71 @@ export const stripMarkdown = (text: string) => {
   return text;
 };
 
+export const OFFICE_NATIVE_EXTENSIONS = officeNativeExtensions;
+
+export const isOfficeNativeFilename = (filename: string): boolean => {
+  const ext = `.${filename.split('.').pop()?.toLowerCase() || ''}`;
+  return (officeNativeExtensions as readonly string[]).includes(ext);
+};
+
+export type ParsedDocumentAttachment = {
+  filename: string;
+  type: string;
+  content: string;
+  url: string;
+};
+
+const DOCUMENT_ATTACHMENT_REGEX =
+  /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g;
+
+const ATTACHMENT_LINK_AFTER_REGEX =
+  /<attachment_link>\s*([\s\S]*?)\s*<\/attachment_link>/;
+
+export const parseDocumentAttachmentsFromMessage = (
+  text: string
+): ParsedDocumentAttachment[] => {
+  if (!text) return [];
+
+  const attachments: ParsedDocumentAttachment[] = [];
+  const regex = new RegExp(DOCUMENT_ATTACHMENT_REGEX.source, 'g');
+  let match;
+
+  while ((match = regex.exec(text)) !== null) {
+    const [, filename, type, content] = match;
+    const afterTag = text.slice(match.index + match[0].length);
+    const linkMatch = afterTag.match(ATTACHMENT_LINK_AFTER_REGEX);
+    const rawUrl = linkMatch?.[1]?.trim() || '';
+    const url = /^https?:\/\//.test(rawUrl) ? rawUrl : '';
+
+    attachments.push({
+      filename,
+      type,
+      content: content.trim(),
+      url,
+    });
+  }
+
+  return attachments;
+};
+
+export const extractAttachmentLinks = (content: string): string[] => {
+  return parseDocumentAttachmentsFromMessage(content).map(
+    attachment => attachment.url
+  );
+};
+
+export const extractAttachmentLink = (content: string): string | null => {
+  const match = content?.match(
+    /<attachment_link>\s*(https?:\/\/[^\s<]+)\s*<\/attachment_link>/
+  );
+  return match ? match[1].trim() : null;
+};
+
+export const isAssetOnlyDocumentAttachment = (attachment: {
+  content?: string | null;
+  url?: string | null;
+}): boolean => !attachment.content?.trim() && !!attachment.url?.trim();
+
 export const stripDocumentAttachmentTags = (text: string): string => {
   const documentAttachmentTagRegex = /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g;
   return text

package/src/version.ts

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

package/dist/helpers/userMessage.d.ts

@@ -1,2 +0,0 @@
-export declare function sanitizeUserMessageInput(raw: string): string;
-export declare function formatUserBubbleHtml(cleanText: string): string;

package/dist/helpers/userMessage.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sanitizeUserMessageInput = sanitizeUserMessageInput;
-exports.formatUserBubbleHtml = formatUserBubbleHtml;
-const tslib_1 = require("tslib");
-const dompurify_1 = tslib_1.__importDefault(require("dompurify"));
-const utils_1 = require("./utils");
-const message_1 = require("./message");
-function sanitizeUserMessageInput(raw) {
-    if (raw == null || typeof raw !== 'string') {
-        return '';
-    }
-    const stripped = dompurify_1.default.sanitize(raw, {
-        ALLOWED_TAGS: [],
-        ALLOWED_ATTR: [],
-    });
-    return stripped.trim();
-}
-function formatUserBubbleHtml(cleanText) {
-    const truncated = (0, message_1.truncateMessagePlain)(cleanText);
-    return (0, utils_1.escapeHTML)(truncated).replace(/\n/g, '<br />');
-}
-//# sourceMappingURL=userMessage.js.map

package/dist/helpers/userMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"userMessage.js","sourceRoot":"","sources":["../../src/helpers/userMessage.ts"],"names":[],"mappings":";;AAQA,4DASC;AAGD,oDAGC;;AAvBD,kEAAkC;AAClC,mCAAqC;AACrC,uCAAiD;AAMjD,SAAgB,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC3C,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,QAAQ,GAAG,mBAAS,CAAC,QAAQ,CAAC,GAAG,EAAE;QACvC,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC;AAGD,SAAgB,oBAAoB,CAAC,SAAiB;IACpD,MAAM,SAAS,GAAG,IAAA,8BAAoB,EAAC,SAAS,CAAC,CAAC;IAClD,OAAO,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}

package/esm/helpers/userMessage.d.ts

@@ -1,2 +0,0 @@
-export declare function sanitizeUserMessageInput(raw: string): string;
-export declare function formatUserBubbleHtml(cleanText: string): string;

package/esm/helpers/userMessage.js

@@ -1,18 +0,0 @@
-import DOMPurify from 'dompurify';
-import { escapeHTML } from './utils';
-import { truncateMessagePlain } from './message';
-export function sanitizeUserMessageInput(raw) {
-    if (raw == null || typeof raw !== 'string') {
-        return '';
-    }
-    const stripped = DOMPurify.sanitize(raw, {
-        ALLOWED_TAGS: [],
-        ALLOWED_ATTR: [],
-    });
-    return stripped.trim();
-}
-export function formatUserBubbleHtml(cleanText) {
-    const truncated = truncateMessagePlain(cleanText);
-    return escapeHTML(truncated).replace(/\n/g, '<br />');
-}
-//# sourceMappingURL=userMessage.js.map

package/esm/helpers/userMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"userMessage.js","sourceRoot":"","sources":["../../src/helpers/userMessage.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAMjD,MAAM,UAAU,wBAAwB,CAAC,GAAW;IAClD,IAAI,GAAG,IAAI,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC3C,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE;QACvC,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC;AAGD,MAAM,UAAU,oBAAoB,CAAC,SAAiB;IACpD,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAClD,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}