@memori.ai/memori-react 9.0.0-rc.5 → 9.0.0

package/dist/components/layouts/hidden-chat.css

@@ -191,6 +191,21 @@
     flex-shrink: 0;
 }
 
+/*
+ * Fullscreen is requested on the widget root (see helpers/fullscreen.ts) so
+ * portaled drawers/modals/tooltips stay inside the fullscreen element. The
+ * root must then paint its own canvas: outside fullscreen it is a zero-height
+ * host for the fixed sidebar.
+ */
+.memori-widget.memori-layout-hidden_chat.memori-widget--fullscreen,
+.memori-widget.memori-layout-hidden_chat:fullscreen,
+.memori-widget.memori-layout-hidden_chat:-webkit-full-screen {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    background-color: var(--memori-secondary-background);
+}
+
 /* Fullscreen styles — cover the full window width (browser FS or class toggle) */
 .memori-sidebar-fullscreen,
 .memori-sidebar:fullscreen,

package/dist/components/layouts/zoomed-full-body.css

@@ -320,7 +320,7 @@
 .memori-widget.memori-layout-zoomed_full_body .memori--grid-column-artifact--open {
     width: var(--memori-artifact-column-width, 720px);
     border-left: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 10%, transparent);
-    background: #fbfaf8;
+    /* background: #fbfaf8; */
 }
 
 [data-theme='dark'] .memori-widget.memori-layout-zoomed_full_body .memori--grid-column-artifact--open,
@@ -364,7 +364,9 @@
 
 .memori-widget.memori-layout-zoomed_full_body .memori-artifact-resize-handle:hover::after,
 .memori-widget.memori-layout-zoomed_full_body .memori-artifact-resize-handle:focus-visible::after,
-.memori-widget.memori-layout-zoomed_full_body .memori-fullpage-content-row--resizing .memori-artifact-resize-handle::after {
+.memori-widget.memori-layout-zoomed_full_body
+    .memori-fullpage-content-row--resizing
+    .memori-artifact-resize-handle::after {
     background: var(--memori-primary);
 }
 
@@ -409,7 +411,9 @@
         box-shadow: var(--memori-shadow-lg, 0 10px 28px rgba(0, 0, 0, 0.12));
     }
 
-    .memori-widget.memori-layout-zoomed_full_body .memori-fullpage-content-row--artifact-overlay .memori-chat-layout--main {
+    .memori-widget.memori-layout-zoomed_full_body
+        .memori-fullpage-content-row--artifact-overlay
+        .memori-chat-layout--main {
         min-width: 0;
     }
 }

package/dist/helpers/chatScroll.d.ts

@@ -5,6 +5,7 @@ type ScrollMetrics = {
     clientHeight: number;
 };
 export declare function isChatScrolledToBottom(element: ScrollMetrics, thresholdPx?: number): boolean;
+export declare function getNextPinnedToBottom(wasPinned: boolean, previousScrollTop: number, element: ScrollMetrics, thresholdPx?: number): boolean;
 export declare function scrollChatToBottom(element: {
     scrollTop: number;
     scrollHeight: number;

package/dist/helpers/chatScroll.js

@@ -2,12 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CHAT_SCROLL_BOTTOM_THRESHOLD_PX = void 0;
 exports.isChatScrolledToBottom = isChatScrolledToBottom;
+exports.getNextPinnedToBottom = getNextPinnedToBottom;
 exports.scrollChatToBottom = scrollChatToBottom;
 exports.CHAT_SCROLL_BOTTOM_THRESHOLD_PX = 80;
 function isChatScrolledToBottom(element, thresholdPx = exports.CHAT_SCROLL_BOTTOM_THRESHOLD_PX) {
     return (element.scrollHeight - element.scrollTop - element.clientHeight <=
         thresholdPx);
 }
+function getNextPinnedToBottom(wasPinned, previousScrollTop, element, thresholdPx = exports.CHAT_SCROLL_BOTTOM_THRESHOLD_PX) {
+    const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
+    if (distanceFromBottom <= 1)
+        return true;
+    if (element.scrollTop < previousScrollTop)
+        return false;
+    if (distanceFromBottom <= thresholdPx)
+        return true;
+    return wasPinned;
+}
 function scrollChatToBottom(element) {
     element.scrollTop = element.scrollHeight;
 }

package/dist/helpers/chatScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatScroll.js","sourceRoot":"","sources":["../../src/helpers/chatScroll.ts"],"names":[],"mappings":";;;AAQA,wDAQC;AAED,gDAKC;AAvBY,QAAA,+BAA+B,GAAG,EAAE,CAAC;AAQlD,SAAgB,sBAAsB,CACpC,OAAsB,EACtB,WAAW,GAAG,uCAA+B;IAE7C,OAAO,CACL,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;QAC/D,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,SAAgB,kBAAkB,CAAC,OAGlC;IACC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"chatScroll.js","sourceRoot":"","sources":["../../src/helpers/chatScroll.ts"],"names":[],"mappings":";;;AAQA,wDAQC;AAQD,sDAYC;AAED,gDAKC;AA3CY,QAAA,+BAA+B,GAAG,EAAE,CAAC;AAQlD,SAAgB,sBAAsB,CACpC,OAAsB,EACtB,WAAW,GAAG,uCAA+B;IAE7C,OAAO,CACL,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;QAC/D,WAAW,CACZ,CAAC;AACJ,CAAC;AAQD,SAAgB,qBAAqB,CACnC,SAAkB,EAClB,iBAAyB,EACzB,OAAsB,EACtB,WAAW,GAAG,uCAA+B;IAE7C,MAAM,kBAAkB,GACtB,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC;IAClE,IAAI,kBAAkB,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACzC,IAAI,OAAO,CAAC,SAAS,GAAG,iBAAiB;QAAE,OAAO,KAAK,CAAC;IACxD,IAAI,kBAAkB,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IACnD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,kBAAkB,CAAC,OAGlC;IACC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC;AAC3C,CAAC"}

package/dist/helpers/fullscreen.d.ts

@@ -0,0 +1,5 @@
+export declare const WIDGET_ROOT_SELECTOR = ".memori-widget";
+export declare const WIDGET_FULLSCREEN_CLASS = "memori-widget--fullscreen";
+export declare function getFullscreenTarget(panel: HTMLElement): HTMLElement;
+export declare function requestWidgetFullscreen(panel: HTMLElement, onError?: (err: unknown) => void): HTMLElement;
+export declare function clearWidgetFullscreen(panel: HTMLElement): void;

package/dist/helpers/fullscreen.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WIDGET_FULLSCREEN_CLASS = exports.WIDGET_ROOT_SELECTOR = void 0;
+exports.getFullscreenTarget = getFullscreenTarget;
+exports.requestWidgetFullscreen = requestWidgetFullscreen;
+exports.clearWidgetFullscreen = clearWidgetFullscreen;
+exports.WIDGET_ROOT_SELECTOR = '.memori-widget';
+exports.WIDGET_FULLSCREEN_CLASS = 'memori-widget--fullscreen';
+function getFullscreenTarget(panel) {
+    var _a;
+    return ((_a = panel.closest(exports.WIDGET_ROOT_SELECTOR)) !== null && _a !== void 0 ? _a : panel);
+}
+function requestWidgetFullscreen(panel, onError) {
+    const target = getFullscreenTarget(panel);
+    target.classList.add(exports.WIDGET_FULLSCREEN_CLASS);
+    if (typeof target.requestFullscreen === 'function') {
+        target.requestFullscreen().catch(err => {
+            target.classList.remove(exports.WIDGET_FULLSCREEN_CLASS);
+            onError === null || onError === void 0 ? void 0 : onError(err);
+        });
+    }
+    return target;
+}
+function clearWidgetFullscreen(panel) {
+    getFullscreenTarget(panel).classList.remove(exports.WIDGET_FULLSCREEN_CLASS);
+}
+//# sourceMappingURL=fullscreen.js.map

package/dist/helpers/fullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.js","sourceRoot":"","sources":["../../src/helpers/fullscreen.ts"],"names":[],"mappings":";;;AAeA,kDAIC;AAOD,0DAaC;AAKD,sDAEC;AA9CY,QAAA,oBAAoB,GAAG,gBAAgB,CAAC;AACxC,QAAA,uBAAuB,GAAG,2BAA2B,CAAC;AAcnE,SAAgB,mBAAmB,CAAC,KAAkB;;IACpD,OAAO,CACL,MAAC,KAAK,CAAC,OAAO,CAAC,4BAAoB,CAAwB,mCAAI,KAAK,CACrE,CAAC;AACJ,CAAC;AAOD,SAAgB,uBAAuB,CACrC,KAAkB,EAClB,OAAgC;IAEhC,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,+BAAuB,CAAC,CAAC;IAC9C,IAAI,OAAO,MAAM,CAAC,iBAAiB,KAAK,UAAU,EAAE,CAAC;QACnD,MAAM,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACrC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,+BAAuB,CAAC,CAAC;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,GAAG,CAAC,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAKD,SAAgB,qBAAqB,CAAC,KAAkB;IACtD,mBAAmB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,+BAAuB,CAAC,CAAC;AACvE,CAAC"}

package/dist/locales/de.json

@@ -18,7 +18,7 @@
     "delete": "Löschen",
     "loading": "Laden",
     "expand": "Expandieren",
-    "collapse": "Zusammenbruch",
+    "collapse": "Einklappen",
     "expandable": {
         "expand": "Expandieren"
     },
@@ -435,6 +435,7 @@
     "login": {
         "login": "Login",
         "title": "Login zu Ihrem Konto",
+        "loggingIn": "Anmeldung läuft…",
         "logout": "Abmelden",
         "user": "Benutzer",
         "loggedDrawerTitle": "Hallo, {{name}}!",

package/dist/locales/en.json

@@ -461,6 +461,7 @@
     "login": {
         "login": "Login",
         "title": "Login to your account",
+        "loggingIn": "Logging you in…",
         "logout": "Logout",
         "user": "User",
         "loggedDrawerTitle": "Hi, {{name}}!",

package/dist/locales/es.json

@@ -18,7 +18,7 @@
     "delete": "Borrar",
     "loading": "Cargando",
     "expand": "Expandir",
-    "collapse": "Colapsar",
+    "collapse": "Contraer",
     "expandable": {
         "expand": "Expandir"
     },
@@ -434,6 +434,7 @@
     "login": {
         "login": "Acceso",
         "title": "Iniciar sesión en tu cuenta",
+        "loggingIn": "Iniciando sesión…",
         "logout": "Cerrar sesión",
         "user": "Usuario",
         "loggedDrawerTitle": "Hola, {{name}}!",

package/dist/locales/fr.json

@@ -18,7 +18,7 @@
     "delete": "Supprimer",
     "loading": "Chargement",
     "expand": "Développer",
-    "collapse": "Effondrement",
+    "collapse": "Réduire",
     "expandable": {
         "expand": "Développer"
     },
@@ -434,6 +434,7 @@
     "login": {
         "login": "Se connecter",
         "title": "Se connecter à votre compte",
+        "loggingIn": "Connexion en cours…",
         "logout": "Déconnexion",
         "user": "Utilisateur",
         "loggedDrawerTitle": "Salut, {{name}}!",

package/dist/locales/it.json

@@ -460,6 +460,7 @@
     "login": {
         "login": "Accedi",
         "title": "Accedi al tuo account",
+        "loggingIn": "Accesso in corso…",
         "logout": "Esci",
         "userNameRequired": "Il nome utente è obbligatorio",
         "userName": "Nome utente",