@appquality/unguess-design-system 3.1.97-beta-attachments → 3.1.98-beta-attachments

package/build/index.js

@@ -3544,6 +3544,7 @@ const ThumbnailContainer = ({ openLightbox }) => {
             fileType: file.type,
             previewUrl: URL.createObjectURL(file),
             internal_id: file.internal_id,
+            isLoadingMedia: file.isLoadingMedia,
         });
     });
     if (!mediaFiles || mediaFiles.length === 0) {
@@ -3552,14 +3553,14 @@ const ThumbnailContainer = ({ openLightbox }) => {
     return (jsxRuntime.jsx(Grid, { children: jsxRuntime.jsx(Row$1, Object.assign({ className: "responsive-container" }, { children: mediaFiles.map((file, index) => {
                 // Check if item is an image or a video
                 if (file.fileType.includes("image"))
-                    return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, xl: 3, lg: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(ImageThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: true, removeThumbnail: () => {
+                    return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, xl: 3, lg: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(ImageThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: file.isLoadingMedia, removeThumbnail: () => {
                                 removeThumbnail(index);
                                 onDeleteThumbnail(file.internal_id);
                             }, clickThumbnail: () => {
                                 openLightbox(thumbnails[index], index);
                             } }, index) })));
                 if (file.fileType.includes("video"))
-                    return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(VideoThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: true, removeThumbnail: () => {
+                    return (jsxRuntime.jsx(Col, Object.assign({ xs: 12, sm: 3, className: "flex-3-sm" }, { children: jsxRuntime.jsx(VideoThumbnail, { src: file.previewUrl, index: index, showX: true, isLoadingMedia: file.isLoadingMedia, removeThumbnail: () => {
                                 removeThumbnail(index);
                                 onDeleteThumbnail(file.internal_id);
                             }, clickThumbnail: () => {
@@ -4554,7 +4555,7 @@ const CommentBox = (_a) => {
                 }
                 return false;
             },
-            handleDrop: function (view, event) {
+            handleDrop: function (view, event, slice, moved) {
                 if (!event.dataTransfer || !event.dataTransfer.files)
                     return false;
                 event.preventDefault();
@@ -4576,7 +4577,7 @@ const CommentBox = (_a) => {
                 addThumbnails({ files: mediaFiles });
                 return false;
             },
-            handlePaste: (view, event) => {
+            handlePaste: (view, event, slice) => {
                 if (!event.clipboardData || !event.clipboardData.items)
                     return false;
                 event.preventDefault();

package/build/stories/chat/_types.d.ts

@@ -39,7 +39,7 @@ export interface EditorHeaderArgs {
     validation?: validationStatus;
 }
 export interface FileItem extends File {
-    isLoadingMedia?: boolean;
+    isLoadingMedia: boolean;
     isError?: boolean;
     internal_id: string;
 }

package/build/stories/chat/parts/ThumbnailContainer/index.d.ts

@@ -4,6 +4,7 @@ export interface FileElement {
     errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
     previewUrl: string;
     internal_id: string;
+    isLoadingMedia: boolean;
 }
 interface Props {
     openLightbox: (file: File, index: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.97-beta-attachments",
+  "version": "3.1.98-beta-attachments",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",