@memori.ai/memori-react 9.0.0-alpha.4 → 9.0.0-alpha.6

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,67 @@ 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*([\s\S]*?)\s*<\/attachment_link>/
+  );
+  const rawUrl = match?.[1]?.trim() || '';
+  return /^https?:\/\//.test(rawUrl) ? rawUrl : null;
+};
+
 export const stripDocumentAttachmentTags = (text: string): string => {
   const documentAttachmentTagRegex = /<document_attachment filename="([^"]+)" type="([^"]+)">([\s\S]*?)<\/document_attachment>/g;
   return text
@@ -245,6 +307,36 @@ export const stripDocumentAttachmentTags = (text: string): string => {
     .replace(/<attachment_link>\s*[\s\S]*?\s*<\/attachment_link>/g, '');
 };
 
+export const getDocumentAttachmentAssetUrl = (attachment: {
+  content?: string | null;
+  url?: string | null;
+}): string =>
+  attachment.url?.trim() ||
+  extractAttachmentLink(attachment.content || '') ||
+  '';
+
+export const isAssetOnlyDocumentAttachment = (attachment: {
+  title?: string;
+  name?: string;
+  content?: string | null;
+  url?: string | null;
+}): boolean => {
+  const filename = attachment.title || attachment.name || '';
+  const assetUrl = getDocumentAttachmentAssetUrl(attachment);
+
+  if (!assetUrl) return false;
+
+  if (isOfficeNativeFilename(filename)) {
+    return true;
+  }
+
+  const strippedContent = attachment.content
+    ? stripDocumentAttachmentTags(attachment.content).trim()
+    : '';
+
+  return !strippedContent;
+};
+
 export const stripOutputTags = (text: string): string => {
   const outputTagRegex = /<output.*?<\/output>/gs;
 
@@ -271,10 +363,23 @@ export const stripReasoningTags = (text: string) => {
   return strippedText;
 };
 
+/**
+ * Strip HTML tags / decode entities without executing scripts or event handlers.
+ * Uses an inert DOMParser document (no resource loads / onerror), unlike live innerHTML.
+ */
 export const stripHTML = (text: string) => {
-  const el = document.createElement('div');
-  el.innerHTML = text;
-  return el.textContent || '';
+  if (typeof DOMParser !== 'undefined') {
+    try {
+      return (
+        new DOMParser().parseFromString(text, 'text/html').body.textContent ||
+        ''
+      );
+    } catch {
+      // fall through
+    }
+  }
+  // Non-DOM / parse failure: strip tags only (does not decode entities)
+  return text.replace(/<[^>]*>/g, '');
 };
 
 /** Ensures all <a> tags in HTML open in a new tab (target="_blank" rel="noopener noreferrer"). */

package/src/index.stories.tsx

@@ -192,3 +192,35 @@ WithPiiDetection.args = {
     }),
   },
 };
+
+export const WithLocalNats = Template.bind({});
+WithLocalNats.args = {
+  memoriName: 'test324',
+  ownerUserName: 'andrea.patini',
+  memoriID: 'd661a9ca-e907-4396-a986-5095ccd582d6',
+  ownerUserID: '69fcc557-9cb6-4e5e-b8ab-140cff975492',
+  tenantID: 'localhost:3000',
+  engineURL: 'http://localhost:7778/memori/v2',
+  apiURL: 'http://localhost:7778/api/v2',
+  baseURL: 'http://localhost:3000',
+  layout: 'FULLPAGE',
+  uiLang: 'IT',
+  spokenLang: 'IT',
+  integrationID: 'ee1c3d98-7819-4506-ba28-818e79ba86cb',
+};
+
+export const WithFunctionalities = Template.bind({});
+WithFunctionalities.args = {
+  memoriName: 'test324',
+  ownerUserName: 'andrea.patini',
+  memoriID: 'd661a9ca-e907-4396-a986-5095ccd582d6',
+  ownerUserID: '69fcc557-9cb6-4e5e-b8ab-140cff975492',
+  tenantID: 'localhost:3000',
+  engineURL: 'http://localhost:7778/memori/v2',
+  apiURL: 'http://localhost:7778/api/v2',
+  baseURL: 'http://localhost:3000',
+  layout: 'FULLPAGE',
+  uiLang: 'IT',
+  spokenLang: 'IT',
+  integrationID: 'ee1c3d98-7819-4506-ba28-818e79ba86cb',
+};

package/src/locales/de.json

@@ -87,6 +87,7 @@
   "errorFetchingSession": "Fehler beim Laden der Sitzung",
   "errorGettingReferralURL": "Fehler beim Laden des Referrals",
   "errorReopeningSession": "Fehler beim erneuten Öffnen der Sitzung",
+  "sessionExpiredReopening": "Sitzung abgelaufen, Sitzung wird neu geöffnet",
   "ageVerification": "Altersüberprüfung",
   "ageVerificationText": "Um mit diesem Zwilling interagieren zu können, müssen Sie mindestens sein {{minAge}} Jahre alt.",
   "ageVerificationSuccess": "Altersprüfung bestanden mit Erfolg.",

package/src/locales/en.json

@@ -89,6 +89,7 @@
   "errorFetchingSession": "Error during session loading",
   "errorGettingReferralURL": "Error during referral loading",
   "errorReopeningSession": "Error during session reopening",
+  "sessionExpiredReopening": "Session expired, reopening session",
   "ageVerification": "Age verification",
   "ageVerificationText": "To interact with this agent, you must be at least {{minAge}} years old.",
   "ageVerificationSuccess": "Age verified with success.",

package/src/locales/es.json

@@ -87,6 +87,7 @@
   "errorFetchingSession": "Error durante el cargamento de la sesión",
   "errorGettingReferralURL": "Error durante el cargamento del référent",
   "errorReopeningSession": "Error durante el re-abrir la sesión",
+  "sessionExpiredReopening": "Sesión expirada, reabriendo sesión",
   "ageVerification": "Verificación de edad",
   "ageVerificationText": "Para interactuar con este Gemelo, debes tener al menos {{minAge}} años.",
   "ageVerificationSuccess": "Edad verificada con éxito.",

package/src/locales/fr.json

@@ -86,6 +86,7 @@
   "errorFetchingSession": "Erreur lors du chargement de la session",
   "errorGettingReferralURL": "Erreur lors du chargement du référent",
   "errorReopeningSession": "Erreur lors de la re-ouverture de la session",
+  "sessionExpiredReopening": "Session expirée, réouverture en cours",
   "ageVerification": "Vérification de l'âge",
   "ageVerificationText": "Pour interagir avec ce Agent, vous devez être au minimum {{minAge}} ans.",
   "ageVerificationSuccess": "Âge vérifié avec succès.",

package/src/locales/it.json

@@ -90,6 +90,7 @@
   "errorFetchingSession": "Errore durante il caricamento della sessione",
   "errorGettingReferralURL": "Errore durante il caricamento del riferimento",
   "errorReopeningSession": "Errore durante il riapertura della sessione",
+  "sessionExpiredReopening": "Sessione scaduta, riapertura in corso",
   "ageVerification": "Verifica dell'età",
   "ageVerificationText": "Per interagire con questo agente, devi aver almeno {{minAge}} anni.",
   "ageVerificationSuccess": "Età verificata con successo.",

package/src/styles.css

@@ -81,13 +81,10 @@
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
 }
-
-/* --- 5. Light mode: colori superficie (prima del base così memori-client #root < body.sb-show-main #root) --- */
-memori-client,
-memori-client #root,
-.memori-widget {
-    --memori-surface-contrast: white;
-    --memori-surface-contrast-inverse: black;
+.memori.memori-widget.memori-layout-chat,
+.memori.memori-widget.memori-layout-fullpage,
+.memori.memori-widget.memori-layout-zoomed-full-body {
+    contain: layout;
 }
 
 /* --- 6. Base: brand e tema di default (in layer così integration può sovrascrivere --memori-primary) --- */

package/src/types/integration.test.ts

@@ -0,0 +1,32 @@
+import {
+  is3dAvatarWithUrl,
+  usesRpmAvatarView,
+} from './integration';
+
+describe('integration avatar helpers', () => {
+  const avatarURL = 'https://example.com/avatar.glb';
+
+  describe('is3dAvatarWithUrl', () => {
+    it('returns true for avatar-configurator with avatarURL', () => {
+      expect(is3dAvatarWithUrl('avatar-configurator', avatarURL)).toBe(true);
+    });
+
+    it('returns false for avatar-configurator without avatarURL', () => {
+      expect(is3dAvatarWithUrl('avatar-configurator', undefined)).toBe(false);
+    });
+  });
+
+  describe('usesRpmAvatarView', () => {
+    it('returns true for avatar-configurator', () => {
+      expect(usesRpmAvatarView('avatar-configurator')).toBe(true);
+    });
+
+    it('returns true for readyplayerme-full', () => {
+      expect(usesRpmAvatarView('readyplayerme-full')).toBe(true);
+    });
+
+    it('returns false for customglb', () => {
+      expect(usesRpmAvatarView('customglb')).toBe(false);
+    });
+  });
+});

package/src/types/integration.ts

@@ -0,0 +1,31 @@
+/**
+ * Avatar mode stored in integration.customData.avatar.
+ * `avatar-configurator` is used in admin/editor UI; at runtime it renders like `readyplayerme-full`.
+ */
+export type AvatarMode =
+  | 'readyplayerme'
+  | 'readyplayerme-full'
+  | 'customglb'
+  | 'customrpm'
+  | 'userAvatar'
+  | 'avatar-configurator';
+
+export const is3dAvatarWithUrl = (
+  avatar: AvatarMode | string | undefined,
+  avatarURL: string | undefined
+): boolean =>
+  !!avatarURL &&
+  (avatar === 'readyplayerme' ||
+    avatar === 'readyplayerme-full' ||
+    avatar === 'customglb' ||
+    avatar === 'customrpm' ||
+    avatar === 'avatar-configurator');
+
+/** RPM-based 3D avatar view (ContainerAvatarView), including avatar-configurator exports. */
+export const usesRpmAvatarView = (
+  avatar: AvatarMode | string | undefined
+): boolean =>
+  avatar === 'readyplayerme' ||
+  avatar === 'readyplayerme-full' ||
+  avatar === 'customrpm' ||
+  avatar === 'avatar-configurator';

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '9.0.0-alpha.4';
+export const version = '9.0.0-alpha.6';