@appquality/unguess-design-system 3.1.95-beta-attachments → 3.1.96-beta-attachments

package/build/index.js

@@ -3416,7 +3416,7 @@ const Preview$1 = styled__default["default"].div `
   background-position: center;
   background-repeat: no-repeat;
 `;
-const ImageThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = false, isError = false, }) => {
+const ImageThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = true, isError = false, }) => {
     const handleCancel = (e) => {
         e.stopPropagation();
         if (removeThumbnail)
@@ -3494,7 +3494,7 @@ const Preview = styled__default["default"].div `
     height: 100%;
   }
 `;
-const VideoThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = false, isError = false, }) => {
+const VideoThumbnail = ({ src, index = 0, removeThumbnail, clickThumbnail, showX = true, isLoadingMedia = true, isError = false, }) => {
     const handleCancel = (e) => {
         e.stopPropagation();
         if (removeThumbnail)
@@ -3532,7 +3532,7 @@ const StyledCol$1 = styled__default["default"](reactGrid.Col) `
 `;
 const Col = (props) => jsxRuntime.jsx(StyledCol$1, Object.assign({}, props));
 
-const ThumbnailContainer = ({ openLightbox, }) => {
+const ThumbnailContainer = ({ openLightbox }) => {
     const { thumbnails, removeThumbnail, onDeleteThumbnail } = useChatContext();
     if (!thumbnails || thumbnails.length === 0) {
         return null;
@@ -3542,7 +3542,6 @@ const ThumbnailContainer = ({ openLightbox, }) => {
         mediaFiles.push({
             fileName: file.name,
             fileType: file.type,
-            status: file.isLoadingMedia ? "uploading" : "success",
             previewUrl: URL.createObjectURL(file),
             internal_id: file.internal_id,
         });
@@ -3553,14 +3552,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: file.status === "uploading", 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: true, 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: file.status === "uploading", 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: true, removeThumbnail: () => {
                                 removeThumbnail(index);
                                 onDeleteThumbnail(file.internal_id);
                             }, clickThumbnail: () => {

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

@@ -1,7 +1,6 @@
 export interface FileElement {
     fileName: string;
     fileType: string;
-    status: "success" | "failed" | "uploading";
     errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
     previewUrl: string;
     internal_id: string;
@@ -9,5 +8,5 @@ export interface FileElement {
 interface Props {
     openLightbox: (file: File, index: number) => void;
 }
-declare const ThumbnailContainer: ({ openLightbox, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const ThumbnailContainer: ({ openLightbox }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default ThumbnailContainer;

package/package.json

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