@memori.ai/memori-react 8.29.0 → 8.30.0

package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap

@@ -402,37 +402,8 @@ exports[`renders FullPage layout unchanged 1`] = `
                     Le conversazioni sono visibili all'autore dell'agente
                   </p>
                   <div
-                    class="memori-tooltip memori-tooltip--align-right"
+                    class="memori-tooltip memori-tooltip--align-topLeft"
                   >
-                    <div
-                      class="memori-tooltip--content"
-                    >
-                      <div
-                        class="memori--privacy-tooltip-content"
-                      >
-                        <p>
-                           
-                          Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                        </p>
-                        <ul
-                          class="memori--privacy-tooltip-content-list"
-                        >
-                          <li>
-                            L'autore può vedere il contenuto e il tuo indirizzo IP
-                          </li>
-                        </ul>
-                        <p>
-                          L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                        </p>
-                        <a
-                          href="https://memori.ai/en/privacy-policy"
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          Informativa sulla privacy
-                        </a>
-                      </div>
-                    </div>
                     <div
                       class="memori-tooltip--trigger"
                     >
@@ -953,37 +924,8 @@ exports[`renders FullPage layout with root css properties unchanged 1`] = `
                     Le conversazioni sono visibili all'autore dell'agente
                   </p>
                   <div
-                    class="memori-tooltip memori-tooltip--align-right"
+                    class="memori-tooltip memori-tooltip--align-topLeft"
                   >
-                    <div
-                      class="memori-tooltip--content"
-                    >
-                      <div
-                        class="memori--privacy-tooltip-content"
-                      >
-                        <p>
-                           
-                          Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                        </p>
-                        <ul
-                          class="memori--privacy-tooltip-content-list"
-                        >
-                          <li>
-                            L'autore può vedere il contenuto e il tuo indirizzo IP
-                          </li>
-                        </ul>
-                        <p>
-                          L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                        </p>
-                        <a
-                          href="https://memori.ai/en/privacy-policy"
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          Informativa sulla privacy
-                        </a>
-                      </div>
-                    </div>
                     <div
                       class="memori-tooltip--trigger"
                     >

package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap

@@ -377,37 +377,8 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
                     Le conversazioni sono visibili all'autore dell'agente
                   </p>
                   <div
-                    class="memori-tooltip memori-tooltip--align-right"
+                    class="memori-tooltip memori-tooltip--align-topLeft"
                   >
-                    <div
-                      class="memori-tooltip--content"
-                    >
-                      <div
-                        class="memori--privacy-tooltip-content"
-                      >
-                        <p>
-                           
-                          Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                        </p>
-                        <ul
-                          class="memori--privacy-tooltip-content-list"
-                        >
-                          <li>
-                            L'autore può vedere il contenuto e il tuo indirizzo IP
-                          </li>
-                        </ul>
-                        <p>
-                          L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                        </p>
-                        <a
-                          href="https://memori.ai/en/privacy-policy"
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          Informativa sulla privacy
-                        </a>
-                      </div>
-                    </div>
                     <div
                       class="memori-tooltip--trigger"
                     >

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap

@@ -469,37 +469,8 @@ exports[`renders Totem layout unchanged 1`] = `
                 Le conversazioni sono visibili all'autore dell'agente
               </p>
               <div
-                class="memori-tooltip memori-tooltip--align-right"
+                class="memori-tooltip memori-tooltip--align-topLeft"
               >
-                <div
-                  class="memori-tooltip--content"
-                >
-                  <div
-                    class="memori--privacy-tooltip-content"
-                  >
-                    <p>
-                       
-                      Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                    </p>
-                    <ul
-                      class="memori--privacy-tooltip-content-list"
-                    >
-                      <li>
-                        L'autore può vedere il contenuto e il tuo indirizzo IP
-                      </li>
-                    </ul>
-                    <p>
-                      L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                    </p>
-                    <a
-                      href="https://memori.ai/en/privacy-policy"
-                      rel="noopener noreferrer"
-                      target="_blank"
-                    >
-                      Informativa sulla privacy
-                    </a>
-                  </div>
-                </div>
                 <div
                   class="memori-tooltip--trigger"
                 >

package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap

@@ -402,37 +402,8 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                     Le conversazioni sono visibili all'autore dell'agente
                   </p>
                   <div
-                    class="memori-tooltip memori-tooltip--align-right"
+                    class="memori-tooltip memori-tooltip--align-topLeft"
                   >
-                    <div
-                      class="memori-tooltip--content"
-                    >
-                      <div
-                        class="memori--privacy-tooltip-content"
-                      >
-                        <p>
-                           
-                          Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                        </p>
-                        <ul
-                          class="memori--privacy-tooltip-content-list"
-                        >
-                          <li>
-                            L'autore può vedere il contenuto e il tuo indirizzo IP
-                          </li>
-                        </ul>
-                        <p>
-                          L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                        </p>
-                        <a
-                          href="https://memori.ai/en/privacy-policy"
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          Informativa sulla privacy
-                        </a>
-                      </div>
-                    </div>
                     <div
                       class="memori-tooltip--trigger"
                     >

package/src/components/layouts/website-assistant.css

@@ -194,6 +194,7 @@
 }
 
 .memori-widget.memori-layout-website_assistant .memori-website_assistant--expanded {
+    overflow: visible;
     height: min(85vh, calc(100vh - 80px));
     padding: 0.5rem 0rem;
     margin-bottom: 0;

package/src/components/ui/Tooltip.css

@@ -103,7 +103,8 @@
     .memori-tooltip--content,
 .memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
     .memori-tooltip--content {
-    transform: translateY(-150%) translateX(33%);
+        z-index: 1000001;
+        transform: translateY(-110%) translateX(25%);
 }
 
 .memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content a,
@@ -112,6 +113,13 @@
     text-decoration: underline;
 }
 
+/* Portal tooltip content is always visible (positioning handled by portal wrapper) */
+.memori-tooltip.memori-tooltip--portal .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--portal .memori-tooltip--content::before {
+    display: block;
+    opacity: 1;
+}
+
 .memori-tooltip.memori-tooltip--disabled {
     cursor: not-allowed;
 }

package/src/components/ui/Tooltip.tsx

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import React, { FC, useRef, useState, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import cx from 'classnames';
 
 export interface Props {
@@ -17,21 +18,136 @@ const Tooltip: FC<Props> = ({
   disabled = false,
   visible = false,
   children,
-}) => (
-  <div
-    className={cx(
-      'memori-tooltip',
-      `memori-tooltip--align-${align}`,
-      className,
-      {
-        'memori-tooltip--disabled': disabled,
-        'memori-tooltip--visible': visible,
-      }
-    )}
-  >
-    <div className="memori-tooltip--content">{content}</div>
-    <div className="memori-tooltip--trigger">{children}</div>
-  </div>
-);
+}) => {
+  const triggerRef = useRef<HTMLDivElement>(null);
+  const positionWrapperRef = useRef<HTMLDivElement | null>(null);
+  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const [isHovered, setIsHovered] = useState(false);
+
+  const isOpen = !disabled && (visible || isHovered);
+
+  const updatePosition = useCallback(() => {
+    const trigger = triggerRef.current;
+    const wrapper = positionWrapperRef.current;
+    if (trigger && wrapper) {
+      const rect = trigger.getBoundingClientRect();
+      wrapper.style.top = `${rect.top}px`;
+      wrapper.style.left = `${rect.left}px`;
+      wrapper.style.width = `${rect.width}px`;
+      wrapper.style.height = `${rect.height}px`;
+    }
+  }, []);
+
+  const clearCloseTimeout = useCallback(() => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+
+  const handleTriggerEnter = useCallback(() => {
+    clearCloseTimeout();
+    setIsHovered(true);
+  }, [clearCloseTimeout]);
+
+  const handleTriggerLeave = useCallback(() => {
+    closeTimeoutRef.current = setTimeout(() => {
+      setIsHovered(false);
+      closeTimeoutRef.current = null;
+    }, 100);
+  }, []);
+
+  const handleContentEnter = useCallback(() => {
+    clearCloseTimeout();
+    setIsHovered(true);
+  }, [clearCloseTimeout]);
+
+  const handleContentLeave = useCallback(() => {
+    closeTimeoutRef.current = setTimeout(() => {
+      setIsHovered(false);
+      closeTimeoutRef.current = null;
+    }, 100);
+  }, []);
+
+  useEffect(() => {
+    if (!isOpen) return;
+    updatePosition();
+    const onScrollOrResize = () => updatePosition();
+    window.addEventListener('scroll', onScrollOrResize, { passive: true, capture: true });
+    window.addEventListener('resize', onScrollOrResize);
+    return () => {
+      window.removeEventListener('scroll', onScrollOrResize, true);
+      window.removeEventListener('resize', onScrollOrResize);
+    };
+  }, [isOpen, updatePosition]);
+
+  useEffect(() => () => clearCloseTimeout(), [clearCloseTimeout]);
+
+  const setPositionWrapperRef = useCallback(
+    (el: HTMLDivElement | null) => {
+      positionWrapperRef.current = el;
+      if (el && triggerRef.current) updatePosition();
+    },
+    [updatePosition]
+  );
+
+  const portalContent = isOpen
+    ? createPortal(
+        (
+          <div
+            ref={setPositionWrapperRef}
+            className={cx(
+              'memori-tooltip',
+              'memori-tooltip--portal',
+              `memori-tooltip--align-${align}`,
+              { 'memori-tooltip--visible': true }
+            )}
+            style={{
+              position: 'fixed',
+              top: 0,
+              left: 0,
+              width: 0,
+              height: 0,
+              pointerEvents: 'none',
+              zIndex: 2147483647,
+            }}
+          >
+            <div
+              className="memori-tooltip--content memori-tooltip--content-portal"
+              style={{ pointerEvents: 'auto' }}
+              onMouseEnter={handleContentEnter}
+              onMouseLeave={handleContentLeave}
+            >
+              {content}
+            </div>
+          </div>
+        ) as Parameters<typeof createPortal>[0],
+        document.body
+      )
+    : null;
+
+  return (
+    <>
+      <div
+        ref={triggerRef}
+        className={cx(
+          'memori-tooltip',
+          `memori-tooltip--align-${align}`,
+          className,
+          {
+            'memori-tooltip--disabled': disabled,
+            'memori-tooltip--visible': visible && !isHovered,
+            'memori-tooltip--portal-open': isOpen,
+          }
+        )}
+        onMouseEnter={handleTriggerEnter}
+        onMouseLeave={handleTriggerLeave}
+      >
+        <div className="memori-tooltip--trigger">{children}</div>
+      </div>
+      {portalContent}
+    </>
+  );
+};
 
 export default Tooltip;

package/src/components/ui/__snapshots__/Tooltip.test.tsx.snap

@@ -3,13 +3,8 @@
 exports[`renders Tooltip aligned left unchanged 1`] = `
 <div>
   <div
-    class="memori-tooltip memori-tooltip--align-left memori-tooltip--visible"
+    class="memori-tooltip memori-tooltip--align-left memori-tooltip--visible memori-tooltip--portal-open"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content by default as I am controlled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -22,13 +17,8 @@ exports[`renders Tooltip aligned left unchanged 1`] = `
 exports[`renders Tooltip aligned right unchanged 1`] = `
 <div>
   <div
-    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible"
+    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible memori-tooltip--portal-open"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content by default as I am controlled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -41,13 +31,8 @@ exports[`renders Tooltip aligned right unchanged 1`] = `
 exports[`renders Tooltip aligned top left unchanged 1`] = `
 <div>
   <div
-    class="memori-tooltip memori-tooltip--align-topLeft memori-tooltip--visible"
+    class="memori-tooltip memori-tooltip--align-topLeft memori-tooltip--visible memori-tooltip--portal-open"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content by default as I am controlled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -60,13 +45,8 @@ exports[`renders Tooltip aligned top left unchanged 1`] = `
 exports[`renders Tooltip aligned top right unchanged 1`] = `
 <div>
   <div
-    class="memori-tooltip memori-tooltip--align-topRight memori-tooltip--visible"
+    class="memori-tooltip memori-tooltip--align-topRight memori-tooltip--visible memori-tooltip--portal-open"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content by default as I am controlled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -81,11 +61,6 @@ exports[`renders Tooltip disabled unchanged 1`] = `
   <div
     class="memori-tooltip memori-tooltip--align-right memori-tooltip--disabled"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content but I am disabled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -100,11 +75,6 @@ exports[`renders Tooltip unchanged 1`] = `
   <div
     class="memori-tooltip memori-tooltip--align-right"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -117,13 +87,8 @@ exports[`renders Tooltip unchanged 1`] = `
 exports[`renders Tooltip visible unchanged 1`] = `
 <div>
   <div
-    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible"
+    class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible memori-tooltip--portal-open"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      Here is some tooltip content by default as I am controlled
-    </div>
     <div
       class="memori-tooltip--trigger"
     >
@@ -138,21 +103,6 @@ exports[`renders Tooltip with jsx content unchanged 1`] = `
   <div
     class="memori-tooltip memori-tooltip--align-right"
   >
-    <div
-      class="memori-tooltip--content"
-    >
-      <p>
-        Here we have some JSX, useful for
-        <a
-          href="https://memori.ai"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          links
-        </a>
-        , for example.
-      </p>
-    </div>
     <div
       class="memori-tooltip--trigger"
     >

package/src/helpers/constants.ts

@@ -207,7 +207,6 @@ export const MAX_MSG_CHARS = 4000;
 export const MAX_MSG_WORDS = 300;
 
 export const maxDocumentsPerMessage = 10;
-export const maxTotalMessagePayloadDefault = 200000;
-export const maxDocumentContentLength = 200000;
+export const maxDocumentContentLength = 300000;
 export const pasteAsCardLineThreshold = 100;
 export const pasteAsCardCharThreshold = 4200;