@appquality/unguess-design-system 3.1.85-beta-attachments → 3.1.87-beta-attachments

package/build/index.js

@@ -2336,21 +2336,41 @@ const ChatContextProvider = ({ onSave, onFileUpload, setMentionableUsers, childr
         editor,
         setEditor,
         thumbnails,
-        setMediaStatus: (files, index) => {
-            files[index].isLoadingMedia = false;
+        afterUploadCallback: (failed) => {
+            setThumbnails(thumbnails.map((file) => {
+                if (failed.includes(file.name)) {
+                    file.isLoadingMedia = false;
+                    //file.isError = true;
+                }
+                else {
+                    file.isLoadingMedia = false;
+                    //file.isError = false
+                }
+                return file;
+            }));
         },
         //isMediaUploading, // Incluso nel valore del contesto
         //setIsMediaUploading, // Incluso nel valore del contesto
         addThumbnails: ({ files, }) => {
-            onFileUpload && onFileUpload(files);
+            files.forEach((file) => (file.isLoadingMedia = true));
+            setThumbnails((prev) => [...prev, ...files]);
+            if (onFileUpload) {
+                onFileUpload(files).then((data) => {
+                    var _a;
+                    const failed = (_a = data.failed) === null || _a === void 0 ? void 0 : _a.map(f => f.name);
+                    setThumbnails(thumbnails.map((file) => {
+                        file.isLoadingMedia = false;
+                        if ((failed === null || failed === void 0 ? void 0 : failed.length) && failed.includes(file.name)) ;
+                        return file;
+                    }));
+                });
+            }
             /* const media = files.map((file) => ({
                 ...file,
                 isLoadingMedia: false,
               }));
               media[0].isLoadingMedia = false;*/
             //setIsMediaUploading(true);
-            files.forEach((file) => (file.isLoadingMedia = true));
-            setThumbnails((prev) => [...prev, ...files]);
             //setIsMediaUploading(false);
         },
         removeThumbnail: (index) => setThumbnails(thumbnails.filter((_, i) => i !== index)),
@@ -4325,9 +4345,7 @@ const ChatBoxContainer = styled__default["default"].div `
 const CommentBox = (_a) => {
     var { placeholderOptions } = _a, props = __rest(_a, ["placeholderOptions"]);
     const { children, hasFloatingMenu, hasButtonsMenu, bubbleOptions, i18n } = props;
-    const { editor, setEditor, mentionableUsers, triggerSave, thumbnails, addThumbnails, removeThumbnail, setMediaStatus,
-    //setIsMediaUploading,
-     } = useChatContext();
+    const { editor, setEditor, mentionableUsers, triggerSave, thumbnails, addThumbnails } = useChatContext();
     const [isOpen, setIsOpen] = React.useState(false);
     const [selectedImage, setSelectedImage] = React.useState({});
     const [selectedImageIndex, setSelectedImageIndex] = React.useState(0);

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

@@ -10,7 +10,6 @@ export type SuggestedUser = {
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     placeholderOptions?: Partial<PlaceholderOptions>;
     hasFloatingMenu?: boolean;
-    isNewMedia: boolean;
     hasButtonsMenu?: boolean;
     bubbleOptions?: any;
     author: Author;

package/build/stories/chat/context/chatContext.d.ts

@@ -17,16 +17,21 @@ export type ChatContextType = {
     mentionableUsers: (props: {
         query: string;
     }) => SuggestedUser[];
-    setMediaStatus: (files: (File & {
-        isLoadingMedia: boolean;
-    })[], index: number) => void;
+    afterUploadCallback: (failed: string[]) => void;
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
+export interface Data {
+    uploaded_ids?: number[];
+    failed?: {
+        name: string;
+        errorCode: string;
+    }[];
+}
 export declare const ChatContextProvider: ({ onSave, onFileUpload, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
     onFileUpload?: ((files: (File & {
         isLoadingMedia: boolean;
-    })[]) => Promise<void>) | undefined;
+    })[]) => Promise<Data>) | undefined;
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;

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

@@ -2,6 +2,7 @@ import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
 import { ChatEditorArgs, SuggestedUser } from "./_types";
 import { MediaType } from "./parts/comment";
+import { Data } from "./context/chatContext";
 interface EditorStoryArgs extends ChatEditorArgs {
     children?: any;
     comments?: {
@@ -17,7 +18,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
-    onFileUpload?: (files: File[]) => Promise<void>;
+    onFileUpload?: (files: File[]) => Promise<Data>;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;

package/package.json

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