@memori.ai/memori-react 9.0.0-alpha.5 → 9.0.0-alpha.7

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

@@ -83,10 +83,70 @@
 }
 .memori.memori-widget.memori-layout-chat,
 .memori.memori-widget.memori-layout-fullpage,
-.memori.memori-widget.memori-layout-zoomed-full-body {
+.memori.memori-widget.memori-layout-zoomed_full_body {
+    /* Portal root for Floating UI menus — do NOT set contain here.
+       Use 100dvh (not height:100% alone): Storybook’s root often has no
+       definite height, and % / flex children do not resolve against min-height. */
+    position: relative;
+    display: flex;
+    overflow: hidden;
+    height: 100vh;
+    height: 100dvh;
+    max-height: 100vh;
+    max-height: 100dvh;
+    flex-direction: column;
+}
+
+/*
+ * Layout containment lives on the inner surface so fixed Drawers/Modals stay
+ * clipped to the chat widget, while Select/Popover menus can portal to the
+ * outer .memori-widget (MemoriUIProvider container) without the left-offset bug.
+ */
+.memori-widget__surface {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    flex: 1 1 0%;
+    flex-direction: column;
+}
+
+.memori.memori-widget.memori-layout-chat > .memori-widget__surface,
+.memori.memori-widget.memori-layout-fullpage > .memori-widget__surface,
+.memori.memori-widget.memori-layout-zoomed_full_body > .memori-widget__surface {
     contain: layout;
 }
 
+/* After inserting .memori-widget__surface, Spin is no longer a direct child of
+   .memori-widget — keep it a stretching flex column so fullpage/chat fill the viewport. */
+.memori-widget > .memori-widget__surface > .memori-spin {
+    display: flex !important;
+    overflow: hidden;
+    width: 100%;
+    height: 100% !important;
+    min-height: 0;
+    flex: 1 1 0% !important;
+    flex-direction: column !important;
+}
+
+.memori-widget
+    > .memori-widget__surface
+    > .memori-spin
+    > .memori-fullpage-content-row,
+.memori-widget
+    > .memori-widget__surface
+    > .memori-spin.memori-chat-layout
+    > .memori-chat-layout--main {
+    height: 100% !important;
+    min-height: 0;
+    flex: 1 1 0% !important;
+}
+
+.memori-widget > .memori-widget__surface > .memori-spin > .memori-fullpage-top-header {
+    flex-shrink: 0;
+}
+
 /* --- 6. Base: brand e tema di default (in layer così integration può sovrascrivere --memori-primary) --- */
 @layer theme {
     :root,

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.5';
+export const version = '9.0.0-alpha.7';