@appquality/unguess-design-system 3.1.78-alpha-attachment → 3.1.79-beta-attachments

package/build/index.js

@@ -2313,8 +2313,9 @@ const ChatFooter = ({ saveText, children, showShortcut, }) => {
 };
 
 const ChatContext = React.createContext(null);
-const ChatContextProvider = ({ onSave, setMentionableUsers, children, }) => {
+const ChatContextProvider = ({ onSave, onFileUpload, setMentionableUsers, children, }) => {
     const [editor, setEditor] = React.useState();
+    const [thumbnails, setThumbnails] = React.useState([]);
     const getMentions = (editor) => {
         const result = [];
         editor.state.doc.descendants((node) => {
@@ -2324,7 +2325,7 @@ const ChatContextProvider = ({ onSave, setMentionableUsers, children, }) => {
                     result.push({
                         id: node.attrs.id,
                         name: node.attrs.name,
-                        email: node.attrs.email
+                        email: node.attrs.email,
                     });
             }
         });
@@ -2333,6 +2334,12 @@ const ChatContextProvider = ({ onSave, setMentionableUsers, children, }) => {
     const chatContextValue = React.useMemo(() => ({
         editor,
         setEditor,
+        thumbnails,
+        addThumbnails: ({ files, }) => {
+            onFileUpload && onFileUpload(files);
+            setThumbnails((prev) => [...prev, ...files]);
+        },
+        removeThumbnail: (index) => setThumbnails(thumbnails.filter((_, i) => i !== index)),
         triggerSave: () => {
             if (editor && onSave && !editor.isEmpty) {
                 onSave(editor, getMentions(editor));
@@ -2340,7 +2347,7 @@ const ChatContextProvider = ({ onSave, setMentionableUsers, children, }) => {
             }
         },
         mentionableUsers: setMentionableUsers,
-    }), [editor, setEditor, onSave, setMentionableUsers]);
+    }), [editor, setEditor, onSave, setMentionableUsers, thumbnails, setThumbnails, onFileUpload]);
     return (jsxRuntime.jsx(ChatContext.Provider, Object.assign({ value: chatContextValue }, { children: children })));
 };
 const useChatContext = () => {
@@ -2899,11 +2906,9 @@ const VerticalDivider = styled__default["default"].div `
   background-color: ${({ theme }) => theme.palette.grey[300]};
   margin: 0 ${({ theme }) => theme.space.xs};
 `;
-const CommentBar = ({ editor, i18n, addFilesToThumbnail, }) => {
+const CommentBar = ({ editor, i18n, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    React.useState(false);
-    React.useState({});
-    React.useState(0);
+    const { addThumbnails } = useChatContext();
     if (!editor)
         return null;
     const getIcon = (type) => {
@@ -2943,7 +2948,7 @@ const CommentBar = ({ editor, i18n, addFilesToThumbnail, }) => {
                         const mediaFiles = Array.from(files);
                         if (mediaFiles.length === 0)
                             return;
-                        addFilesToThumbnail({ type: "add", payload: { file: mediaFiles } });
+                        addThumbnails({ files: mediaFiles });
                     }
                 };
                 return;
@@ -3268,21 +3273,12 @@ const StyledThumbnailContainer = styled.styled.div `
     z-index: 9999;
   }
 `;
-const ThumbnailContainer = ({ mediaFiles, openLightbox, updateThumbnails, }) => {
-    const [thumbnails, setThumbnails] = React.useState(mediaFiles);
-    React.useEffect(() => {
-        // todo: upload to s3
-        console.log("started uploading to s3", mediaFiles);
-        setThumbnails(mediaFiles);
-        console.log("useEffect mediaFiles", mediaFiles);
-    }, [mediaFiles, openLightbox]);
+const ThumbnailContainer = ({ openLightbox, }) => {
+    const { thumbnails, removeThumbnail } = useChatContext();
     if (!thumbnails || thumbnails.length === 0) {
         return null;
     }
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledThumbnailContainer, Object.assign({ className: "thumbnailContainer" }, { children: thumbnails.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: URL.createObjectURL(file), label: file.name, index: index, showX: true, showLabel: true, mediaType: file.type, removeThumbnail: () => updateThumbnails({
-                    type: "remove",
-                    payload: { file: thumbnails, index: index },
-                }), clickThumbnail: () => {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledThumbnailContainer, Object.assign({ className: "thumbnailContainer" }, { children: thumbnails.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: URL.createObjectURL(file), label: file.name, index: index, showX: true, showLabel: true, mediaType: file.type, removeThumbnail: () => removeThumbnail(index), clickThumbnail: () => {
                     openLightbox(file, index);
                 } }, index))) })) }));
 };
@@ -4225,22 +4221,6 @@ const ChatBoxContainer = styled__default["default"].div `
   margin: ${({ theme }) => `0 -${theme.space.base * 4}px`};
   padding: ${({ theme }) => `${theme.space.base * 4}px ${theme.space.sm} 0`};
 `;
-function thumbnailReducer(state, action) {
-    switch (action.type) {
-        case "add": {
-            if (!action.payload)
-                return state;
-            console.log("chiuamato", action.payload.file);
-            return [...state, ...action.payload.file];
-        }
-        case "remove":
-            return state.filter((item, index) => { var _a; return index !== ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.index); });
-        case "reset":
-            return [];
-        default:
-            return state;
-    }
-}
 /**
  * CommentBox is a wrapper around Editor component
  * <br>
@@ -4256,11 +4236,10 @@ function thumbnailReducer(state, action) {
 const CommentBox = (_a) => {
     var { placeholderOptions } = _a, props = __rest(_a, ["placeholderOptions"]);
     const { children, hasFloatingMenu, hasButtonsMenu, bubbleOptions, i18n } = props;
-    const { editor, setEditor, mentionableUsers, triggerSave } = useChatContext();
+    const { editor, setEditor, mentionableUsers, triggerSave, thumbnails, addThumbnails, removeThumbnail } = useChatContext();
     const [isOpen, setIsOpen] = React.useState(false);
     const [selectedImage, setSelectedImage] = React.useState({});
     const [selectedImageIndex, setSelectedImageIndex] = React.useState(0);
-    const [thumbnails, updateThumbnails] = React.useReducer(thumbnailReducer, []);
     const ext = editorExtensions({ placeholderOptions, mentionableUsers });
     const closeLightbox = () => {
         setIsOpen(false);
@@ -4296,7 +4275,7 @@ const CommentBox = (_a) => {
                 const mediaFiles = files.filter((file) => /^(image|video)\//.test(file.type));
                 if (mediaFiles.length === 0)
                     return false;
-                updateThumbnails({ type: "add", payload: { file: mediaFiles } });
+                addThumbnails({ files: mediaFiles });
                 return false;
             },
             /*handlePaste: (view, event, slice) => {
@@ -4348,7 +4327,7 @@ const CommentBox = (_a) => {
     ed.on("update", ({ editor }) => setEditor(editor));
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: selectedImage.name }), jsxRuntime.jsx(Lightbox.Body, { children: jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 3 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: thumbnails.map((item) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: URL.createObjectURL(item), alt: `media ${item.name}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
                                                 videoRefs.current.push(ref);
-                                            }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { mediaFiles: thumbnails, openLightbox: handleOpenLightbox, updateThumbnails: updateThumbnails })] })) }), hasButtonsMenu && (jsxRuntime.jsx(CommentBar, { addFilesToThumbnail: updateThumbnails, editor: ed, i18n: i18n }))] }));
+                                            }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { openLightbox: handleOpenLightbox })] })) }), hasButtonsMenu && (jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n }))] }));
 };
 
 var _path$c;

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/buttons/utils.d.ts

@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
+    alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentXl?: "start" | "end" | "center" | "between" | "around" | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -84,7 +84,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -93,7 +93,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -110,7 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
     xl?: string | number | boolean | undefined;
-    alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
+    alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignXl?: "start" | "end" | "center" | "justify" | undefined;
     offset?: string | number | undefined;
     offsetXs?: string | number | undefined;
     offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -381,7 +381,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -390,7 +390,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -407,7 +407,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -651,7 +651,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -660,7 +660,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -677,7 +677,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

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

@@ -5,13 +5,19 @@ export type ChatContextType = {
     triggerSave: () => void;
     editor?: Editor;
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
+    addThumbnails: (props: {
+        files: File[];
+    }) => void;
+    removeThumbnail: (index: number) => void;
+    thumbnails: File[];
     mentionableUsers: (props: {
         query: string;
     }) => SuggestedUser[];
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
-export declare const ChatContextProvider: ({ onSave, setMentionableUsers, children, }: {
+export declare const ChatContextProvider: ({ onSave, onFileUpload, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
+    onFileUpload?: ((files: File[]) => Promise<void>) | undefined;
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;

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

@@ -16,6 +16,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
+    onFileUpload?: (files: File[]) => Promise<void>;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;

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

@@ -1,13 +1,5 @@
 interface Props {
-    mediaFiles: File[];
     openLightbox: (file: File, index: number) => void;
-    updateThumbnails: (payload: {
-        type: string;
-        payload: {
-            file: File[];
-            index?: number;
-        };
-    }) => void;
 }
-declare const ThumbnailContainer: ({ mediaFiles, openLightbox, updateThumbnails, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const ThumbnailContainer: ({ openLightbox, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default ThumbnailContainer;

package/build/stories/chat/parts/bar.d.ts

@@ -1,13 +1,6 @@
 import { ChatEditorArgs } from "../_types";
 import { Editor } from "@tiptap/react";
-declare const CommentBar: ({ editor, i18n, addFilesToThumbnail, }: Partial<ChatEditorArgs> & {
-    addFilesToThumbnail: (payload: {
-        type: string;
-        payload: {
-            file: File[];
-            index?: number;
-        };
-    }) => void;
+declare const CommentBar: ({ editor, i18n, }: Partial<ChatEditorArgs> & {
     editor?: Editor | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export { CommentBar };

package/build/stories/chat/parts/commentBox.d.ts

@@ -1,12 +1,5 @@
 import { ChatEditorArgs } from "../_types";
 import { PropsWithChildren } from "react";
-export declare function thumbnailReducer(state: File[], action: {
-    type: string;
-    payload?: {
-        file: File[];
-        index?: number;
-    };
-}): File[];
 /**
  * CommentBox is a wrapper around Editor component
  * <br>

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

package/package.json

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