@memori.ai/memori-react 8.12.0 → 8.13.0

package/dist/components/ChatTextArea/ChatTextArea.js

@@ -4,30 +4,59 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
-const Expand_1 = tslib_1.__importDefault(require("../icons/Expand"));
-const FullscreenExit_1 = tslib_1.__importDefault(require("../icons/FullscreenExit"));
 const react_i18next_1 = require("react-i18next");
 const ChatTextArea = ({ disabled = false, value, onChange, onPressEnter, onFocus, onBlur, onExpandedChange, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    const handleExpandToggle = () => {
-        const newExpanded = !expanded;
-        setExpanded(newExpanded);
-        if (onExpandedChange) {
-            onExpandedChange(newExpanded);
+    const textareaRef = (0, react_1.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
+    const MIN_HEIGHT = 36;
+    const MAX_HEIGHT = 208;
+    (0, react_1.useEffect)(() => {
+        const textarea = textareaRef.current;
+        const inner = innerRef.current;
+        if (textarea && inner) {
+            if (value.length === 0) {
+                textarea.style.height = `${MIN_HEIGHT}px`;
+                inner.style.height = `${MIN_HEIGHT}px`;
+                if (onExpandedChange) {
+                    onExpandedChange(false);
+                }
+                const chat = document.getElementsByClassName('memori-chat--content');
+                if (chat) {
+                    const lastChild = chat[chat.length - 1];
+                    if (lastChild) {
+                        lastChild.style.paddingBottom = '0px';
+                    }
+                }
+            }
+            else {
+                textarea.style.height = 'auto';
+                const scrollHeight = textarea.scrollHeight;
+                const newHeight = Math.min(Math.max(scrollHeight, MIN_HEIGHT), MAX_HEIGHT);
+                textarea.style.height = `${newHeight}px`;
+                inner.style.height = `${newHeight}px`;
+                const chat = document.getElementsByClassName('memori-chat--content');
+                if (chat) {
+                    const lastChild = chat[chat.length - 1];
+                    if (lastChild) {
+                        chat[0].scrollTo({
+                            top: chat[0].scrollHeight,
+                            behavior: 'smooth'
+                        });
+                    }
+                }
+            }
         }
-    };
+    }, [value]);
     return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "chat-textarea", className: (0, classnames_1.default)('memori-chat-textarea', {
-            'memori-chat-textarea--expanded': expanded,
             'memori-chat-textarea--disabled': disabled,
-        }), children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-textarea--inner", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "memori-chat-textarea--input", disabled: disabled, value: value, onChange: e => {
-                        onChange(e.target.value);
-                    }, onKeyDownCapture: e => {
-                        if (e.key === 'Enter' && !e.shiftKey && onPressEnter) {
-                            onPressEnter(e);
-                        }
-                    }, onFocus: onFocus, onBlur: onBlur, maxLength: 100000 }), (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-textarea--expand", children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-chat-textarea--expand-button'), onClick: handleExpandToggle, padded: false, ghost: true, title: expanded ? t('collapse') || 'Collapse' : t('expand') || 'Expand', icon: expanded ? (0, jsx_runtime_1.jsx)(FullscreenExit_1.default, {}) : (0, jsx_runtime_1.jsx)(Expand_1.default, {}) }) })] }) }));
+        }), children: (0, jsx_runtime_1.jsx)("div", { ref: innerRef, className: "memori-chat-textarea--inner", children: (0, jsx_runtime_1.jsx)("textarea", { ref: textareaRef, className: "memori-chat-textarea--input", disabled: disabled, value: value, placeholder: t('placeholder', 'Ask a question') || 'Ask a question', onChange: e => {
+                    onChange(e.target.value);
+                }, onKeyDownCapture: e => {
+                    if (e.key === 'Enter' && !e.shiftKey && onPressEnter) {
+                        onPressEnter(e);
+                    }
+                }, onFocus: onFocus, onBlur: onBlur, maxLength: 100000 }) }) }));
 };
 exports.default = ChatTextArea;
 //# sourceMappingURL=ChatTextArea.js.map

package/dist/components/ChatTextArea/ChatTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTextArea.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,oEAA4B;AAC5B,kEAAkC;AAClC,qEAAqC;AACrC,qFAAqD;AACrD,iDAA+C;AAY/C,MAAM,YAAY,GAAoB,CAAC,EACrC,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC;QAC9B,WAAW,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,WAAW,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,+CACc,eAAe,EAC3B,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;YACpC,gCAAgC,EAAE,QAAQ;YAC1C,gCAAgC,EAAE,QAAQ;SAC3C,CAAC,YAEF,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,qCACE,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE;wBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,EACD,gBAAgB,EAAE,CAAC,CAAC,EAAE;wBACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,YAAY,EAAE;4BACpD,YAAY,CAAC,CAAC,CAAC,CAAC;yBACjB;oBACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GACjB,EACF,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,uBAAC,gBAAM,IACL,SAAS,EAAE,IAAA,oBAAE,EAAC,qCAAqC,CAAC,EACpD,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,KAAK,EACb,KAAK,QACL,KAAK,EACH,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAElE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAC,wBAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,gBAAM,KAAG,GAChD,GACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"ChatTextArea.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePreview/FilePreview.css

@@ -1,223 +1,302 @@
 /* Updated FilePreview Styles */
 
 .memori--preview-container {
-  z-index: 10;
-  min-width: 100%;
-  padding: 12px;
-  border-radius: 8px;
-  margin-bottom: 12px;
-  animation: slide-in 0.3s ease;
-  background: white;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
+    z-index: 10;
+    min-width: 100%;
+    /* padding: 12px; */
+    border-radius: 8px;
+    /* margin-bottom: 12px; */
+    animation: slide-in 0.3s ease;
+    background: white;
+    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
+    transition: all 0.3s ease;
 }
 
 .memori--preview-container.slide-down {
-  animation: slide-down 0.3s ease;
-}
-
-.memori--absolute-preview {
-  position: absolute;
-  z-index: 10;
-  right: 0;
-  bottom: 100%;
-  left: 0;
-  max-height: 200px;
-  overflow-y: auto;
+    animation: slide-down 0.3s ease;
 }
 
 /* Responsive adjustments for file preview */
 @media (max-width: 768px) {
-  .memori--absolute-preview {
-    max-height: 150px;
-  }
+    .memori--absolute-preview {
+        max-height: 150px;
+    }
 
-  .memori--preview-container {
-    padding: 8px;
-    margin-bottom: 8px;
-  }
+    .memori--preview-container {
+        padding: 8px;
+        margin-bottom: 8px;
+    }
 
-  .memori--preview-filename {
-    max-width: 150px;
-    font-size: 12px;
-  }
+    .memori--preview-filename {
+        max-width: 150px;
+        font-size: 12px;
+    }
+
+    /* Make remove button always visible on mobile */
+    .memori--remove-button {
+        opacity: 1 !important;
+        transform: scale(1) !important;
+    }
+
+    /* Increase card size for easier interaction */
+    .memori--preview-item {
+        min-width: 140px;
+        min-height: 60px;
+        padding: 12px;
+    }
+
+    .memori--preview-icon {
+        width: 24px;
+        height: 24px;
+    }
+
+    .memori--preview-thumbnail {
+        min-width: 50px;
+        min-height: 50px;
+    }
+
+    .memori--preview-thumbnail img {
+        width: 50px;
+        height: 50px;
+        object-fit: cover;
+    }
 }
 
 @media (max-width: 480px) {
-  .memori--absolute-preview {
-    max-height: 120px;
-  }
+    .memori--absolute-preview {
+        max-height: 120px;
+    }
 
-  .memori--preview-container {
-    padding: 6px;
-    margin-bottom: 6px;
-  }
+    .memori--preview-container {
+        padding: 6px;
+        margin-bottom: 6px;
+    }
 
-  .memori--preview-filename {
-    max-width: 100px;
-    font-size: 11px;
-  }
+    .memori--preview-filename {
+        max-width: 100px;
+        font-size: 11px;
+    }
+
+    /* Make remove button always visible on mobile */
+    .memori--remove-button {
+        opacity: 1 !important;
+        transform: scale(1) !important;
+    }
+
+    /* Increase card size for easier interaction on small screens */
+    .memori--preview-item {
+        min-width: 160px;
+        min-height: 70px;
+        padding: 14px;
+    }
+
+    .memori--preview-icon {
+        width: 28px;
+        height: 28px;
+    }
+
+    .memori--preview-thumbnail {
+        min-width: 60px;
+        min-height: 60px;
+    }
+
+    .memori--preview-thumbnail img {
+        width: 60px;
+        height: 60px;
+        object-fit: cover;
+    }
 }
 
 .memori--message-preview {
-  max-width: 100%;
-  margin: 12px 0;
+    max-width: 100%;
+    margin: 12px 0;
 }
 
 .memori--preview-list {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  overflow-x: auto;
+    display: flex;
+    flex-direction: row;
+    padding: 0.875rem;
+    padding-bottom: 0.625rem;
+    gap: 8px;
+    overflow-x: auto;
+    scrollbar-color: hsla(var(--border-300) / 35%) transparent;
+    scrollbar-width: thin;
 }
 
 .memori--preview-item {
-  position: relative;
-  display: flex;
-  max-width: fit-content;
-  align-items: center;
-  padding: 8px;
-  border-radius: 8px;
-  animation: slide-in 0.3s ease;
-  background-color: #f8f9fa;
-  cursor: pointer;
-  gap: 8px;
-  transition: all 0.2s ease;
+    position: relative;
+    display: flex;
+    max-width: fit-content;
+    align-items: center;
+    padding: 8px;
+    border-radius: 8px;
+    animation: slide-in 0.3s ease;
+    background-color: #f8f9fa;
+    cursor: pointer;
+    gap: 8px;
+    transition: all 0.2s ease;
 }
 
 .memori--preview-item:hover {
-  background-color: #f1f3f5;
-  transform: translateX(4px);
+    background-color: #f1f3f5;
+    transform: translateX(4px);
 }
 
 .memori--preview-icon {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-  color: #fff;
-  fill: var(--memori-primary);
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    color: #fff;
+    fill: var(--memori-primary);
+}
+
+.memori--preview-thumbnail {
+    display: flex;
+    overflow: hidden;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+}
+
+.memori--preview-thumbnail img {
+    width: 40px;
+    height: 40px;
+    border-radius: 4px;
+    object-fit: cover;
 }
 
 .memori--preview-file-info {
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
+    display: flex;
+    overflow: hidden;
+    flex-direction: column;
+}
+
+.memori-modal--title {
+    overflow: hidden;
+    max-width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .memori--preview-filename {
-  overflow: hidden;
-  max-width: 200px;
-  color: #495057;
-  font-size: 14px;
-  font-weight: 500;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    overflow: hidden;
+    max-width: 100px;
+    color: #495057;
+    font-size: 14px;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .memori--preview-filetype {
-  margin-top: 2px;
-  color: #868e96;
-  font-size: 12px;
+    margin-top: 2px;
+    color: #868e96;
+    font-size: 12px;
 }
 
 .memori--modal-title-preview {
-  margin-top: 12px;
-  margin-bottom: 12px;
-  font-size: 20px;
-  font-weight: 600;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    font-size: 20px;
+    font-weight: 600;
 }
 
 .memori--remove-button {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  padding: 4px;
-  border: none;
-  border-radius: 50%;
-  background-color: #e03131;
-  color: white;
-  cursor: pointer;
-  opacity: 0;
-  transform: scale(0.75);
-  transition: all 0.2s ease;
+    position: absolute;
+    top: -4px;
+    right: -4px;
+    padding: 4px;
+    border: none;
+    border-radius: 50%;
+    background-color: #e03131;
+    color: white;
+    cursor: pointer;
+    opacity: 0;
+    transform: scale(0.75);
+    transition: all 0.2s ease;
 }
 
 .memori--remove-button.visible {
-  opacity: 1;
-  transform: scale(1);
+    opacity: 1;
+    transform: scale(1);
 }
 
 .memori--remove-button:hover {
-  background-color: #c92a2a;
-  transform: scale(1.1);
+    background-color: #c92a2a;
+    transform: scale(1.1);
 }
 
 .memori--remove-icon {
-  width: 12px;
-  height: 12px;
+    width: 12px;
+    height: 12px;
 }
 
 .memori--modal-preview-file {
-  width: 100%;
-  max-width: 800px;
-  height: 100%;
-  padding: 12px;
+    width: 100%;
+    max-width: 800px;
+    height: 100%;
+    padding: 12px;
 }
 
 .memori--preview-content {
-  padding: 16px;
-  border-radius: 8px;
-  background-color: #f8f9fa;
-  font-family: monospace;
-  font-size: 14px;
-  line-height: 1.5;
+    padding: 16px;
+    border-radius: 8px;
+    /* background-color: #f8f9fa; */
+    font-family: monospace;
+    font-size: 14px;
+    line-height: 1.5;
 }
 
 @keyframes fadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
 
 @keyframes scaleIn {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
+    from {
+        opacity: 0;
+        transform: scale(0.95);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1);
+    }
 }
 
 @keyframes slide-up {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
 
 @keyframes slide-in {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
 
 @keyframes slide-down {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-}
+    from {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    to {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+}

package/dist/components/FilePreview/FilePreview.d.ts

@@ -3,7 +3,6 @@ type FilePreviewProps = {
     previewFiles: any;
     removeFile: (id: string, mediumID: string | undefined) => void;
     allowRemove?: boolean;
-    isMessagePreview?: boolean;
 };
-declare const FilePreview: ({ previewFiles, removeFile, allowRemove, isMessagePreview, }: FilePreviewProps) => JSX.Element;
+declare const FilePreview: ({ previewFiles, removeFile, allowRemove, }: FilePreviewProps) => JSX.Element;
 export default FilePreview;

package/dist/components/FilePreview/FilePreview.js

@@ -8,7 +8,7 @@ const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
 const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
 const Modal_1 = tslib_1.__importDefault(require("../ui/Modal"));
 const utils_1 = require("../../helpers/utils");
-const FilePreview = ({ previewFiles, removeFile, allowRemove = true, isMessagePreview = false, }) => {
+const FilePreview = ({ previewFiles, removeFile, allowRemove = true, }) => {
     const [selectedFile, setSelectedFile] = (0, react_1.useState)(null);
     const [hoveredId, setHoveredId] = (0, react_1.useState)(null);
     const getFileType = (filename, type) => {
@@ -46,6 +46,18 @@ const FilePreview = ({ previewFiles, removeFile, allowRemove = true, isMessagePr
                 return 'Document';
         }
     };
+    (0, react_1.useEffect)(() => {
+        const chat = document.getElementsByClassName('memori-chat--content');
+        if (chat) {
+            const lastChild = chat[chat.length - 1];
+            if (lastChild) {
+                chat[0].scrollTo({
+                    top: chat[0].scrollHeight,
+                    behavior: 'smooth',
+                });
+            }
+        }
+    }, [previewFiles]);
     const isImageContent = (content, type) => {
         if (type === 'image')
             return true;
@@ -56,9 +68,7 @@ const FilePreview = ({ previewFiles, removeFile, allowRemove = true, isMessagePr
                 hasImageExtension);
         return isImageUrl || hasImageExtension;
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [previewFiles.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: `memori--preview-container  ${isMessagePreview
-                    ? 'memori--message-preview'
-                    : 'memori--absolute-preview'}`, children: (0, jsx_runtime_1.jsx)("div", { className: "memori--preview-list", children: previewFiles.map((file) => ((0, jsx_runtime_1.jsxs)("div", { className: `memori--preview-item ${isImageContent(file.content, file.type)
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [previewFiles.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "memori--preview-container", children: (0, jsx_runtime_1.jsx)("div", { className: "memori--preview-list", children: previewFiles.map((file) => ((0, jsx_runtime_1.jsxs)("div", { className: `memori--preview-item ${isImageContent(file.content, file.type)
                             ? 'memori--preview-item--image'
                             : 'memori--preview-item--document'}`, onMouseEnter: () => setHoveredId(file.id), onMouseLeave: () => setHoveredId(null), onClick: () => setSelectedFile(file), children: [isImageContent(file.content, file.type) ? ((0, jsx_runtime_1.jsx)("div", { className: "memori--preview-thumbnail", children: (0, jsx_runtime_1.jsx)("img", { src: file.content, alt: file.name }) })) : ((0, jsx_runtime_1.jsx)(Document_1.DocumentIcon, { className: "memori--preview-icon" })), (0, jsx_runtime_1.jsxs)("div", { className: "memori--preview-file-info", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--preview-filename", children: file.name }), (0, jsx_runtime_1.jsx)("span", { className: "memori--preview-filetype", children: getFileType(file.name, file.type) })] }), allowRemove && ((0, jsx_runtime_1.jsx)(Button_1.default, { shape: "rounded", icon: (0, jsx_runtime_1.jsx)(Close_1.default, {}), danger: true, className: `memori--remove-button ${hoveredId === file.id ? 'visible' : ''}`, onClick: e => {
                                     e.stopPropagation();
@@ -67,8 +77,12 @@ const FilePreview = ({ previewFiles, removeFile, allowRemove = true, isMessagePr
                         maxHeight: '70vh',
                         overflowY: 'auto',
                         textAlign: 'center',
-                        whiteSpace: selectedFile && !isImageContent(selectedFile.content, selectedFile.type) ? 'pre-wrap' : 'normal'
-                    }, children: selectedFile && isImageContent(selectedFile.content, selectedFile.type) ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("img", { src: selectedFile.content, alt: selectedFile.name, style: { maxWidth: '100%', maxHeight: '60vh' } }) })) : ((0, utils_1.stripHTML)((selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.content) || '')) }) })] }));
+                        whiteSpace: selectedFile &&
+                            !isImageContent(selectedFile.content, selectedFile.type)
+                            ? 'pre-wrap'
+                            : 'normal',
+                    }, children: selectedFile &&
+                        isImageContent(selectedFile.content, selectedFile.type) ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("img", { src: selectedFile.content, alt: selectedFile.name, style: { maxWidth: '100%', maxHeight: '60vh' } }) })) : ((0, utils_1.stripHTML)((selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.content) || '')) }) })] }));
 };
 exports.default = FilePreview;
 //# sourceMappingURL=FilePreview.js.map

package/dist/components/FilePreview/FilePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.js","sourceRoot":"","sources":["../../../src/components/FilePreview/FilePreview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePreview.js","sourceRoot":"","sources":["../../../src/components/FilePreview/FilePreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/Header/Header.css

@@ -1,6 +1,6 @@
 .memori-header {
     position: relative;
-    z-index: 999;
+    z-index: 1000;
     width: calc(50% - 1rem);
     height: 50px;
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
@@ -106,4 +106,4 @@
 
 .memori-dropdown--avatar-initial:hover + .memori-dropdown--avatar-input,.memori-dropdown--avatar:hover + .memori-dropdown--avatar-input{
     display: block;
-}
+}

package/dist/components/MediaWidget/MediaItemWidget.js

@@ -39,6 +39,7 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
     const isCodeSnippet = constants_1.prismSyntaxLangs
         .map(l => l.mimeType)
         .includes(item.mimeType);
+    const isHTML = item.mimeType === 'text/html';
     const isImageRGB = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('rgb(')) || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.startsWith('rgba('));
     const isValidUrl = (urlString) => {
         if (!urlString)
@@ -98,7 +99,7 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
                 return (0, jsx_runtime_1.jsx)(File_1.default, { className: "memori-media-item--icon" });
         }
     };
-    if (isCodeSnippet && item.content) {
+    if ((isCodeSnippet && item.content) || isHTML) {
         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: "#", onClick: e => {
                         e.preventDefault();
                         setModalOpen(true);