@memori.ai/memori-react 9.0.0-alpha.23 → 9.0.0-alpha.25

package/src/helpers/utils.ts

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef, useMemo } from 'react';
 import { Material, MeshStandardMaterial, SkinnedMesh } from 'three';
 import * as THREE from 'three';
-import { officeNativeExtensions } from './constants';
+import { localTextExtensions, officeNativeExtensions } from './constants';
 
 export const hasTouchscreen = (): boolean => {
   let hasTouchScreen = false;
@@ -245,6 +245,11 @@ export const isOfficeNativeFilename = (filename: string): boolean => {
   return (officeNativeExtensions as readonly string[]).includes(ext);
 };
 
+export const isLocalTextFilename = (filename: string): boolean => {
+  const ext = `.${filename.split('.').pop()?.toLowerCase() || ''}`;
+  return (localTextExtensions as readonly string[]).includes(ext);
+};
+
 export type ParsedDocumentAttachment = {
   filename: string;
   type: string;

package/src/index.tsx

@@ -51,7 +51,7 @@ export interface Props {
   showLogin?: boolean;
   showUpload?: boolean;
   showReasoning?: boolean;
-  /** When true and layout is WEBSITE_ASSISTANT, hide the 3D avatar in the expanded panel. */
+  /** When true (default for WEBSITE_ASSISTANT), hide the 3D avatar in the expanded panel. Set false to show it. */
   avatar3dHidden?: boolean;
   height?: number | string;
   baseURL?: string;

package/src/locales/de.json

@@ -406,16 +406,18 @@
     "otpTitle": "Bestätigungscode eingeben",
     "otpDescription": "Geben Sie den 4-stelligen Code ein, den Sie in Ihrem Konto generiert haben",
     "otpStep1": "Klicken Sie auf die Schaltfläche unten, um Ihr Konto zu öffnen",
-    "otpStep2": "Generieren Sie einen 4-stelligen Bestätigungscode (60 Sekunden gültig)",
+    "otpStep2": "Generieren Sie einen 4-stelligen Bestätigungscode (5 Minuten gültig)",
     "otpStep3": "Kehren Sie hierher zurück und geben Sie den Code ein",
     "startOtpLogin": "Verifizierung starten",
     "generateOtp": "Code generieren",
-    "otpTimer": "Code läuft in {{seconds}} Sekunden ab",
+    "otpTimer": "Code läuft in {{time}} ab",
     "otpInvalidFormat": "Bitte geben Sie einen gültigen 4-stelligen Code ein",
     "otpInvalid": "Ungültiger Bestätigungscode",
     "otpExpired": "Der Bestätigungscode ist abgelaufen",
     "otpError": "Fehler bei der Code-Validierung. Bitte versuchen Sie es erneut.",
     "otpSuccess": "Anmeldung erfolgreich!",
+    "otpAttemptsExceeded": "Zu viele Versuche. Fordern Sie einen neuen Bestätigungscode an.",
+    "resendOtpIn": "Erneut senden in {{seconds}}s",
     "password": "Passwort",
     "newPassword": "Neues Passwort",
     "confirmPassword": "Passwort bestätigen",
@@ -551,6 +553,10 @@
     "SESSION_NOT_FOUND": "Sitzung nicht gefunden",
     "SESSION_IS_NOT_ADMINISTRATIVE": "Nicht-administrative Sitzung",
     "SESSION_EXPIRED": "Sitzung abgelaufen",
+    "SESSION_OTP_NOT_FOUND": "Bestätigungscode nicht gefunden",
+    "SESSION_OTP_EXPIRED": "Der Bestätigungscode ist abgelaufen",
+    "SESSION_OTP_INVALID": "Ungültiger Bestätigungscode",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Zu viele Versuche. Fordern Sie einen neuen Bestätigungscode an.",
 
     "MEMORI_MISSING_CONFIGURATION": "Zwilling: fehlende Konfiguration",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Zwilling: Konfiguration nicht gefunden",

package/src/locales/en.json

@@ -433,11 +433,11 @@
     "otpTitle": "Enter verification code",
     "otpDescription": "Enter the 4-digit code you generated in your account",
     "otpStep1": "Click the button below to open your account",
-    "otpStep2": "Generate a 4-digit verification code (valid for 60 seconds)",
+    "otpStep2": "Generate a 4-digit verification code (valid for 5 minutes)",
     "otpStep3": "Return here and enter the code",
     "startOtpLogin": "Start verification",
     "generateOtp": "Generate code",
-    "otpTimer": "Code expires in {{seconds}} seconds",
+    "otpTimer": "Code expires in {{time}}",
     "otpInvalidFormat": "Please enter a valid 4-digit code",
     "otpInvalid": "Invalid verification code",
     "otpError": "Error validating code. Please try again.",
@@ -448,6 +448,7 @@
     "emailPlaceholder": "Enter your email",
     "sendOtp": "Send code",
     "resendOtp": "Resend code",
+    "resendOtpIn": "Resend in {{seconds}}s",
     "resending": "Resending...",
     "backToEmail": "Back to email",
     "otpSent": "Verification code sent!",
@@ -458,6 +459,7 @@
     "otpNotFound": "Verification code not found",
     "otpExpired": "Verification code has expired",
     "otpMissing": "Verification code is required",
+    "otpAttemptsExceeded": "Too many attempts. Request a new verification code.",
     "otpSuccessMessage": "Verification successful! Redirecting...",
     "otpSuccessDescription": "Your account has been verified successfully. You will be redirected shortly.",
     "otpHelp": "Enter the 4-digit code from your email",
@@ -623,7 +625,8 @@
     "SESSION_EXPIRED": "Session expired",
     "SESSION_OTP_NOT_FOUND": "Verification code not found",
     "SESSION_OTP_EXPIRED": "Verification code has expired",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Verification code is required",
+    "SESSION_OTP_INVALID": "Invalid verification code",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Too many attempts. Request a new verification code.",
 
     "MEMORI_MISSING_CONFIGURATION": "Agent: missing configuration",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agent: configuration not found",

package/src/locales/es.json

@@ -405,11 +405,11 @@
     "otpTitle": "Ingresa el código de verificación",
     "otpDescription": "Ingresa el código de 4 dígitos que generaste en tu cuenta",
     "otpStep1": "Haz clic en el botón de abajo para abrir tu cuenta",
-    "otpStep2": "Genera un código de verificación de 4 dígitos (válido por 60 segundos)",
+    "otpStep2": "Genera un código de verificación de 4 dígitos (válido por 5 minutos)",
     "otpStep3": "Regresa aquí e ingresa el código",
     "startOtpLogin": "Iniciar verificación",
     "generateOtp": "Generar código",
-    "otpTimer": "El código expira en {{seconds}} segundos",
+    "otpTimer": "El código expira en {{time}}",
     "otpInvalidFormat": "Por favor ingresa un código válido de 4 dígitos",
     "otpInvalid": "Código de verificación inválido",
     "otpError": "Error al validar el código. Por favor intenta de nuevo.",
@@ -420,6 +420,7 @@
     "emailPlaceholder": "Ingresa tu email",
     "sendOtp": "Enviar código",
     "resendOtp": "Reenviar código",
+    "resendOtpIn": "Reenviar en {{seconds}}s",
     "resending": "Reenviando...",
     "backToEmail": "Volver al email",
     "otpSent": "¡Código de verificación enviado!",
@@ -430,6 +431,7 @@
     "otpNotFound": "Código de verificación no encontrado",
     "otpExpired": "El código de verificación ha expirado",
     "otpMissing": "El código de verificación es requerido",
+    "otpAttemptsExceeded": "Demasiados intentos. Solicita un nuevo código de verificación.",
     "otpSuccessMessage": "¡Verificación exitosa! Redirigiendo...",
     "otpSuccessDescription": "Tu cuenta ha sido verificada exitosamente. Serás redirigido en breve.",
     "otpHelp": "Ingresa el código de 4 dígitos de tu email",
@@ -574,7 +576,8 @@
     "SESSION_EXPIRED": "La sesión expiró",
     "SESSION_OTP_NOT_FOUND": "Código de verificación no encontrado",
     "SESSION_OTP_EXPIRED": "El código de verificación ha expirado",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "El código de verificación es requerido",
+    "SESSION_OTP_INVALID": "Código de verificación inválido",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Demasiados intentos. Solicita un nuevo código de verificación.",
     "MEMORI_MISSING_CONFIGURATION": "Gemelo: falta configuración",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Gemelo: configuración no encontrada",
     "MEMORI_INVALID_PRIVACY_TYPE": "Gemelo: tipo de privacidad no válido",

package/src/locales/fr.json

@@ -405,11 +405,11 @@
     "otpTitle": "Entrez le code de vérification",
     "otpDescription": "Entrez le code à 4 chiffres que vous avez généré dans votre compte",
     "otpStep1": "Cliquez sur le bouton ci-dessous pour ouvrir votre compte",
-    "otpStep2": "Générez un code de vérification à 4 chiffres (valide pendant 60 secondes)",
+    "otpStep2": "Générez un code de vérification à 4 chiffres (valide pendant 5 minutes)",
     "otpStep3": "Revenez ici et entrez le code",
     "startOtpLogin": "Commencer la vérification",
     "generateOtp": "Générer le code",
-    "otpTimer": "Le code expire dans {{seconds}} secondes",
+    "otpTimer": "Le code expire dans {{time}}",
     "otpInvalidFormat": "Veuillez entrer un code valide à 4 chiffres",
     "otpInvalid": "Code de vérification invalide",
     "otpError": "Erreur lors de la validation du code. Veuillez réessayer.",
@@ -420,6 +420,7 @@
     "emailPlaceholder": "Entrez votre email",
     "sendOtp": "Envoyer le code",
     "resendOtp": "Renvoyer le code",
+    "resendOtpIn": "Renvoyer dans {{seconds}}s",
     "resending": "Envoi en cours...",
     "backToEmail": "Retour à l'email",
     "otpSent": "Code de vérification envoyé !",
@@ -430,6 +431,7 @@
     "otpNotFound": "Code de vérification introuvable",
     "otpExpired": "Le code de vérification a expiré",
     "otpMissing": "Le code de vérification est requis",
+    "otpAttemptsExceeded": "Trop de tentatives. Demandez un nouveau code de vérification.",
     "otpSuccessMessage": "Vérification réussie ! Redirection...",
     "otpSuccessDescription": "Votre compte a été vérifié avec succès. Vous allez être redirigé sous peu.",
     "otpHelp": "Entrez le code à 4 chiffres de votre email",
@@ -574,7 +576,8 @@
     "SESSION_EXPIRED": "Session expirée",
     "SESSION_OTP_NOT_FOUND": "Code de vérification introuvable",
     "SESSION_OTP_EXPIRED": "Le code de vérification a expiré",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Le code de vérification est requis",
+    "SESSION_OTP_INVALID": "Code de vérification invalide",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Trop de tentatives. Demandez un nouveau code de vérification.",
     "MEMORI_MISSING_CONFIGURATION": "Agent : configuration manquante",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agent : configuration introuvable",
     "MEMORI_INVALID_PRIVACY_TYPE": "Agent : type de confidentialité non valide",

package/src/locales/it.json

@@ -432,11 +432,11 @@
     "otpTitle": "Inserisci il codice di verifica",
     "otpDescription": "Inserisci il codice a 4 cifre che hai generato nel tuo account",
     "otpStep1": "Clicca il pulsante qui sotto per aprire il tuo account",
-    "otpStep2": "Genera un codice di verifica a 4 cifre (valido per 60 secondi)",
+    "otpStep2": "Genera un codice di verifica a 4 cifre (valido per 5 minuti)",
     "otpStep3": "Torna qui e inserisci il codice",
     "startOtpLogin": "Inizia verifica",
     "generateOtp": "Genera codice",
-    "otpTimer": "Il codice scade tra {{seconds}} secondi",
+    "otpTimer": "Il codice scade tra {{time}}",
     "otpInvalidFormat": "Inserisci un codice valido a 4 cifre",
     "otpInvalid": "Codice di verifica non valido",
     "otpError": "Errore nella validazione del codice. Riprova.",
@@ -447,6 +447,7 @@
     "emailPlaceholder": "Inserisci la tua email",
     "sendOtp": "Invia codice",
     "resendOtp": "Invia di nuovo",
+    "resendOtpIn": "Reinvia tra {{seconds}}s",
     "resending": "Invio in corso...",
     "backToEmail": "Torna all'email",
     "otpSent": "Codice di verifica inviato!",
@@ -457,6 +458,7 @@
     "otpNotFound": "Codice di verifica non trovato",
     "otpExpired": "Il codice di verifica è scaduto",
     "otpMissing": "Il codice di verifica è richiesto",
+    "otpAttemptsExceeded": "Troppi tentativi. Richiedi un nuovo codice di verifica.",
     "otpSuccessMessage": "Verifica completata! Reindirizzamento...",
     "otpSuccessDescription": "Il tuo account è stato verificato con successo. Sarai reindirizzato a breve.",
     "otpHelp": "Inserisci il codice a 4 cifre dalla tua email",
@@ -619,7 +621,8 @@
     "SESSION_EXPIRED": "Sessione scaduta",
     "SESSION_OTP_NOT_FOUND": "Codice di verifica non trovato",
     "SESSION_OTP_EXPIRED": "Il codice di verifica è scaduto",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Il codice di verifica è richiesto",
+    "SESSION_OTP_INVALID": "Codice di verifica non valido",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Troppi tentativi. Richiedi un nuovo codice di verifica.",
 
     "MEMORI_MISSING_CONFIGURATION": "Agente: configurazione mancante",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agente: configurazione non trovata",

package/src/styles.brandTokens.test.js

@@ -0,0 +1,52 @@
+/* eslint-env node */
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * Embeds set `--memori-primary-color` on `.memori-widget`, not always on `:root`.
+ * CSS custom properties resolve `var()` when the custom property itself is
+ * computed, so derived tokens defined only on `:root` stay frozen to the
+ * default brand. Disabled / soft / subtle UI uses those derived tokens
+ * (`--memori-primary-disabled`, etc.), so the host must rebind them on the
+ * same scopes as `--memori-primary`.
+ */
+describe('brand token cascade (styles.css)', () => {
+  const css = fs.readFileSync(path.join(__dirname, 'styles.css'), 'utf8');
+
+  const overridesBlocks = [
+    ...css.matchAll(/@layer\s+memori\.overrides\s*\{([\s\S]*?)\n\}/g),
+  ].map(match => match[1]);
+
+  it('rebinds primary-derived tokens next to --memori-primary on host scopes', () => {
+    const lightBlock = overridesBlocks.find(
+      block =>
+        block.includes('.memori-widget') &&
+        block.includes('--memori-primary:') &&
+        !block.includes("data-theme='dark'")
+    );
+
+    expect(lightBlock).toBeDefined();
+    expect(lightBlock).toMatch(/--memori-primary-disabled\s*:/);
+    expect(lightBlock).toMatch(/--memori-primary-hover\s*:/);
+    expect(lightBlock).toMatch(/--memori-primary-subtle\s*:/);
+    expect(lightBlock).toMatch(/--memori-border-primary\s*:/);
+    expect(lightBlock).toMatch(
+      /--memori-primary-disabled\s*:\s*color-mix\(in oklch,\s*var\(--memori-primary\)/
+    );
+  });
+
+  it('rebinds dark primary-derived tokens on dark host scopes', () => {
+    const darkBlock = overridesBlocks.find(
+      block =>
+        block.includes("data-theme='dark'") &&
+        block.includes('.memori-widget')
+    );
+
+    expect(darkBlock).toBeDefined();
+    expect(darkBlock).toMatch(/--memori-primary-disabled\s*:/);
+    expect(darkBlock).toMatch(/--memori-primary-hover\s*:/);
+    expect(darkBlock).toMatch(
+      /--memori-primary-disabled\s*:\s*color-mix\(in oklch,\s*var\(--memori-primary\)/
+    );
+  });
+});

package/src/styles.css

@@ -148,7 +148,11 @@
     flex-shrink: 0;
 }
 
-/* --- 6. Base: brand e tema di default (in layer così overrides possono sovrascrivere --memori-primary) --- */
+/* --- 6. Base: brand e tema di default (in layer così overrides possono sovrascrivere --memori-primary) ---
+ * Rebind primary-derived tokens on host scopes (not only :root). Embeds set
+ * --memori-primary-color on .memori-widget; tokens computed only on :root stay
+ * frozen to the default brand, so disabled/soft/subtle UI would ignore the
+ * integration color. Formulas match @memori.ai/ui theme tokens. */
 @layer memori.overrides {
     :root,
     body,
@@ -161,6 +165,17 @@
     body.sb-show-main #root {
         --memori-primary-color: rgb(var(--memori-primary-rgb, 130 70 175));
         --memori-primary: var(--memori-primary-color);
+        --memori-primary-hover: color-mix(in oklch, var(--memori-primary), black 15%);
+        --memori-primary-active: color-mix(in oklch, var(--memori-primary), black 20%);
+        --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 60%);
+        --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), white 88%);
+        --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), white 78%);
+        --memori-primary-alpha: color-mix(in oklch, var(--memori-primary) 15%, transparent);
+        --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 70%);
+        --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 50%);
+        --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 55%);
+        --memori-focus-ring: 0 0 0 3px var(--memori-focus-ring-color);
+        --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%);
         --memori-layout-max-width: 1280px;
         /* Shared conversation axis (message list, empty state, input) */
         --memori-conversation-max-width: 48rem; /* 768px */
@@ -178,7 +193,7 @@
     background-color: var(--memori-secondary-background);
 }
 
-/* --- 8. Dark mode: surface contrast only — keep --memori-primary on the brand hook --- */
+/* --- 8. Dark mode: surface contrast + primary-derived rebinds (keep brand on --memori-primary-color) --- */
 @layer memori.overrides {
     [data-theme='dark'] memori-client,
     [data-theme='dark'] memori-client #root,
@@ -189,6 +204,16 @@
         /* Align with @memori.ai/ui: contrast = ink, inverse = surface */
         --memori-surface-contrast: #fff;
         --memori-surface-contrast-inverse: #000;
+        --memori-primary-hover: color-mix(in oklch, var(--memori-primary), white 12%);
+        --memori-primary-active: color-mix(in oklch, var(--memori-primary), white 22%);
+        --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 55%);
+        --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), black 72%);
+        --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), black 62%);
+        --memori-primary-alpha: color-mix(in oklch, var(--memori-primary) 22%, transparent);
+        --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 45%);
+        --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 30%);
+        --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 40%);
+        --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 55%);
     }
 }
 

package/src/version.ts

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

package/dist/context/widgetSurfaceContext.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const WidgetSurfaceProvider: React.Provider<HTMLElement | null>;
-export declare function useWidgetSurfaceEl(): HTMLElement | null;

package/dist/context/widgetSurfaceContext.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetSurfaceProvider = void 0;
-exports.useWidgetSurfaceEl = useWidgetSurfaceEl;
-const react_1 = require("react");
-const WidgetSurfaceContext = (0, react_1.createContext)(null);
-exports.WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-function useWidgetSurfaceEl() {
-    return (0, react_1.useContext)(WidgetSurfaceContext);
-}
-//# sourceMappingURL=widgetSurfaceContext.js.map

package/dist/context/widgetSurfaceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetSurfaceContext.js","sourceRoot":"","sources":["../../src/context/widgetSurfaceContext.tsx"],"names":[],"mappings":";;;AAWA,gDAEC;AAbD,iCAAyD;AAOzD,MAAM,oBAAoB,GAAG,IAAA,qBAAa,EAAqB,IAAI,CAAC,CAAC;AAExD,QAAA,qBAAqB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEnE,SAAgB,kBAAkB;IAChC,OAAO,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC"}

package/esm/context/widgetSurfaceContext.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const WidgetSurfaceProvider: React.Provider<HTMLElement | null>;
-export declare function useWidgetSurfaceEl(): HTMLElement | null;

package/esm/context/widgetSurfaceContext.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from 'react';
-const WidgetSurfaceContext = createContext(null);
-export const WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-export function useWidgetSurfaceEl() {
-    return useContext(WidgetSurfaceContext);
-}
-//# sourceMappingURL=widgetSurfaceContext.js.map

package/esm/context/widgetSurfaceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetSurfaceContext.js","sourceRoot":"","sources":["../../src/context/widgetSurfaceContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOzD,MAAM,oBAAoB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEnE,MAAM,UAAU,kBAAkB;IAChC,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC"}

package/src/context/widgetSurfaceContext.tsx

@@ -1,14 +0,0 @@
-import React, { createContext, useContext } from 'react';
-
-/**
- * Portal target for fixed overlays (Drawer/Modal) that must stay clipped to the
- * chat widget. Kept separate from MemoriUIProvider's container so Floating UI
- * menus (Select/Popover) can portal to the widget root *outside* `contain: layout`.
- */
-const WidgetSurfaceContext = createContext<HTMLElement | null>(null);
-
-export const WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-
-export function useWidgetSurfaceEl(): HTMLElement | null {
-  return useContext(WidgetSurfaceContext);
-}