@layers-app/shared 0.0.44 → 0.0.50

package/dist/components/AppContainer/AppContainer.d.ts

@@ -5,8 +5,7 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, onTitleChange, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
     NavbarContent: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    NavbarFooter: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    NavbarHeader: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    NewButton: ({ children, ...props }: import('@mantine/core').PolymorphicComponentProps<"button", import('@mantine/core').ButtonProps>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/AppContainer/Header.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+declare global {
+    interface Window {
+        publicMode?: boolean;
+        preSignMode?: boolean;
+    }
+}
+export declare const Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/AppContainer/Main.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const Main: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/AppSidebarButton.d.ts

@@ -0,0 +1,9 @@
+import { MouseEventHandler } from 'react';
+type AppSidebarButtonProps = {
+    title: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+};
+export declare const AppSidebarButton: import('react').ForwardRefExoticComponent<AppSidebarButtonProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/AppContainer/components/AppsSidebar/AppsSection.d.ts

@@ -0,0 +1 @@
+export declare const AppsSection: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/AppsSidebar/AppsSidebar.d.ts

@@ -0,0 +1,4 @@
+export declare const AppsSidebar: ({ trashMenu, onInviteClick, }: {
+    trashMenu: React.ReactNode;
+    onInviteClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/AppContainer/components/AppsSidebar/TopSection.d.ts

@@ -0,0 +1 @@
+export declare const TopSection: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts

@@ -0,0 +1,4 @@
+export declare const UserSection: ({ trashMenu, onInviteClick, }: {
+    trashMenu: React.ReactNode;
+    onInviteClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/MobileNavbar.d.ts

@@ -1,2 +1,2 @@
-import { AppContainerProps } from '../types';
-export declare const MobileNavbar: (props: Pick<AppContainerProps, "navbar">) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+export declare const MobileNavbar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/RightSidebar.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const RightSidebar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/SidebarToggleButton.d.ts

@@ -0,0 +1,3 @@
+export declare const SidebarToggleButton: ({ forOpen }: {
+    forOpen?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/AppContainer/components/SlideAnimation.d.ts

@@ -0,0 +1,6 @@
+export declare const SlideAnimation: ({ children, show, width, position, }: {
+    children: React.ReactNode;
+    show: boolean;
+    width: string;
+    position: "left" | "right";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/ToolSidebar.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { AppContainerProps } from '../types';
+export declare const ToolSidebar: (props: PropsWithChildren<Pick<AppContainerProps, "navbarTitle" | "onTitleChange">>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/ToolbarNewButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps, PolymorphicComponentProps } from '@mantine/core';
+export declare const ToolbarNewButton: ({ children, ...props }: PolymorphicComponentProps<"button", ButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.d.ts

@@ -0,0 +1 @@
+export declare const HelpMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.d.ts

@@ -0,0 +1,7 @@
+export type WhatsNewProps = {
+    items?: {
+        title: string;
+        link: string;
+    }[];
+};
+export declare const WhatsNew: ({ items }: WhatsNewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/menus/MoreMenu.d.ts

@@ -0,0 +1 @@
+export declare const MoreMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/{MenuUserDropdown.d.ts → menus/UserMenu/MenuUserDropdown.d.ts}

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { appMode } from '../../..';
+import { appMode } from '../../../../..';
 import { FloatingPosition } from '@mantine/core';
 export type MenuUser = {
     id: string;

package/dist/components/AppContainer/hooks/useAppContainer.d.ts

@@ -1,2 +1,2 @@
 import { AppContainerActionsStore, AppContainerDataStore } from '../types';
-export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, }: AppContainerDataStore & AppContainerActionsStore) => void;
+export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, userAgreementLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;

package/dist/components/AppContainer/hooks/useAppContainerStore.d.ts

@@ -1,14 +1,32 @@
+import { StoreApi, UseBoundStore } from 'zustand';
 import { AppContainerStore } from '../types';
-export declare const useAppContainerStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AppContainerStore>, "setState" | "persist"> & {
-    setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
-    setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
-        onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
-        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
+export declare const appContainerStore: {
+    useStore: UseBoundStore<Omit<StoreApi<AppContainerStore>, "setState" | "persist"> & {
+        setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
+        setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
+        persist: {
+            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
+            clearStorage: () => void;
+            rehydrate: () => Promise<void> | void;
+            hasHydrated: () => boolean;
+            onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
+            onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
+            getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
+        };
+    }>;
+    api: {
+        toggleToolbar: () => void;
+        closeToolbar: () => void;
+        openToolbar: () => void;
+        toggleRightbar: () => void;
+        closeRightbar: () => void;
+        openRightbar: () => void;
+        toggleTourPassed: (flag: boolean) => void;
+        setToolbarWidth: (width: number) => void;
+        setRightbarWidth: (width: number) => void;
+        toggleToolVisibility: (id: string) => void;
+        setWithoutToolbar: (flag: boolean) => void;
+        setWithoutHeader: (flag: boolean) => void;
+        setTheme: (theme: string) => void;
     };
-}>;
+};

package/dist/components/AppContainer/types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { WorkspaceMenuProps } from '../WorkspaceMenu/WorkspaceMenu';
-import { MenuUser, UserNotifications } from './components/MenuUserDropdown';
+import { WhatsNewProps } from './components/menus/HelpMenu/WhatsNew';
+import { MenuUser, UserNotifications } from './components/menus/UserMenu/MenuUserDropdown';
 export type ToolDef = {
     id: string;
     name: string;
@@ -12,12 +13,15 @@ export type ToolDef = {
 };
 export type AppContainerProps = {
     content?: ReactNode;
-    navbar?: ReactNode;
+    toolbar?: ReactNode;
+    rightbar?: ReactNode;
     header?: ReactNode;
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';
     footer?: ReactNode;
     onTitleChange?: (title?: string) => void;
+    trashMenu?: ReactNode;
+    onInviteClick?: () => void;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];
@@ -31,6 +35,11 @@ export type AppContainerDataStore = {
     publicMode: boolean;
     showMessenger: () => void;
     showNewMessage: (message: string) => void;
+    version: string;
+    updatedAt: string;
+    privacyPolicyLink: string;
+    userAgreementLink: string;
+    whatsNewItems: WhatsNewProps['items'];
 };
 type ReadNotificationsRequest = {
     messageIds: number[];
@@ -41,18 +50,14 @@ export type AppContainerActionsStore = {
     readNotificationsFunc: (data: ReadNotificationsRequest) => void;
 };
 export type AppContainerStore = {
-    navbarWidth: number;
-    onNavbarWidthChange: (width: number) => void;
-    opened: boolean;
-    toggle: () => void;
-    close: () => void;
-    open: () => void;
+    toolbarWidth: number;
+    showToolbar: boolean;
     theme: string;
     hiddenTools: string[];
-    toggleToolVisibility: (id: string) => void;
-    withoutNavbar: boolean;
+    withoutToolbar: boolean;
     withoutHeader: boolean;
     isTourPassed: boolean;
-    toggleTourPassed: (flag: boolean) => void;
+    showRightbar: boolean;
+    rightbarWidth: number;
 };
 export {};

package/dist/components/AppShell/AppShell.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { BoxProps } from '@mantine/core';
+export type AppShellProps = BoxProps;
+export declare const AppShell: (({ children, ...props }: PropsWithChildren<AppShellProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Section: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    LeftSidebar: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    RightSidebar: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    Main: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+    WorkContent: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
+import { EmblaCarouselType } from 'embla-carousel';
+interface AttachmentsGalleryContextValue {
+    embla: EmblaCarouselType | null;
+    setEmbla: (embla: EmblaCarouselType | null) => void;
+    canScrollPrev: boolean;
+    setCanScrollPrev: (value: boolean) => void;
+    canScrollNext: boolean;
+    setCanScrollNext: (value: boolean) => void;
+    selectedIndex: number;
+    setSelectedIndex: (value: number) => void;
+    zoomPercentage: number;
+    setZoomPercentage: (value: number) => void;
+    transformRefs: React.MutableRefObject<ReactZoomPanPinchContentRef[]>;
+    prevIndexRef: React.MutableRefObject<number>;
+}
+export declare const useAttachmentsGalleryContext: () => AttachmentsGalleryContextValue;
+interface AttachmentsGalleryProviderProps {
+    children: ReactNode;
+    initialIndex: number;
+}
+export declare const AttachmentsGalleryProvider: ({ children, initialIndex, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.d.ts

@@ -0,0 +1,9 @@
+import { IFileResponse } from '../../types/files.ts';
+interface AttachmentsGalleryModalV2Props {
+    opened: boolean;
+    onOpenChange?: (opened: boolean) => void;
+    attachments?: IFileResponse[];
+    initialIndex?: number;
+}
+export declare const AttachmentsGalleryModal: import('react').MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/AttachmentsGalleryModal/components/ErrorSection.d.ts

@@ -0,0 +1 @@
+export declare const ErrorSection: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AttachmentsGalleryModal/components/GallerySlide.d.ts

@@ -0,0 +1,9 @@
+import { TransformWrapper } from 'react-zoom-pan-pinch';
+import { IFileResponse } from '../../../types/files.ts';
+interface IProps {
+    onTransformed?: React.ComponentProps<typeof TransformWrapper>['onTransformed'];
+    isActive: boolean;
+    attachment: IFileResponse;
+}
+export declare const GallerySlide: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IProps & import('react').RefAttributes<HTMLDivElement>>>;
+export {};

package/dist/components/AttachmentsGalleryModal/components/ModalFooter.d.ts

@@ -0,0 +1,4 @@
+import { IFileResponse } from '../../../types/files.ts';
+export declare const ModalFooter: ({ attachments, }: {
+    attachments?: IFileResponse[];
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts

@@ -0,0 +1,7 @@
+import { IFileResponse } from '../../../types/files.ts';
+interface ModalHeaderProps {
+    onClose: () => void;
+    attachments?: IFileResponse[];
+}
+export declare const ModalHeader: import('react').MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts

@@ -0,0 +1,10 @@
+type BaseProps = {
+    autoPlay?: boolean;
+    isActive?: boolean;
+    attachmentId: string;
+    loader?: React.ReactNode;
+    stylesContainer?: React.CSSProperties;
+    classNameContainer?: string;
+};
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts

@@ -0,0 +1,9 @@
+export declare const useShakePlayer: ({ attachmentId, isActive, autoPlay, }: {
+    attachmentId?: string;
+    isActive?: boolean;
+    autoPlay?: boolean;
+}) => {
+    containerRef: import('react').RefObject<HTMLDivElement>;
+    isError: boolean;
+    vodUrl: string | null;
+};

package/dist/components/AttachmentsGalleryModal/constants.d.ts

@@ -0,0 +1,20 @@
+export declare const MOCK_SLIDES: string[];
+export declare const ZOOM_CONFIG: {
+    readonly initialScale: 1;
+    readonly minScale: 1;
+    readonly maxScale: 5;
+    readonly wheelStep: 0.1;
+    readonly buttonStepPercent: 50;
+};
+export declare const MODAL_TRANSITION: {
+    readonly duration: 200;
+    readonly exitDuration: 200;
+};
+export declare const TRANSFORM_COMPONENT_STYLES: {
+    width: string;
+    height: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+};
+export declare const STEPS: number[];

package/dist/components/AttachmentsGalleryModal/helpers.d.ts

@@ -0,0 +1,22 @@
+import { MutableRefObject } from 'react';
+import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
+export declare const animateTransform: ({ instance, from, to, duration, animationRef, }: {
+    instance: ReactZoomPanPinchContentRef["instance"];
+    from: {
+        scale: number;
+        x: number;
+        y: number;
+    };
+    to: {
+        scale: number;
+        x: number;
+        y: number;
+    };
+    duration: number;
+    animationRef: MutableRefObject<number | null>;
+}) => void;
+export declare const zoomStep: ({ dir, activeRef, animationRef, }: {
+    dir: "in" | "out";
+    activeRef: ReactZoomPanPinchContentRef;
+    animationRef: MutableRefObject<number | null>;
+}) => void;

package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.d.ts

@@ -0,0 +1,8 @@
+import { SyntheticEvent } from 'react';
+import { IFileResponse } from '../../../types/files.ts';
+export declare const useDownloadFile: (targetAttach?: IFileResponse) => {
+    isVideo: boolean;
+    isMobile: boolean;
+    onDownload: (e: SyntheticEvent) => Promise<void>;
+    isFetching: boolean;
+};

package/dist/components/AttachmentsGalleryModal/hooks/useEmblaCarousel.d.ts

@@ -0,0 +1,8 @@
+export declare const useEmblaCarousel: () => {
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    selectedIndex: number;
+    visibleSlides: number[];
+};

package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts

@@ -0,0 +1,8 @@
+import { IFileResponse } from '../../../types/files.ts';
+export declare const useGetPreviewUrl: (attachment: IFileResponse) => {
+    fileUrl: string | null;
+    isFetching: boolean;
+    isError: boolean;
+    setIsError: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    isVideo: boolean;
+};

package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts

@@ -0,0 +1,10 @@
+export declare const usePanning: ({ isVideo, isFetching, }: {
+    isFetching: boolean;
+    isVideo: boolean;
+}) => {
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+    onDoubleClick: () => void;
+};

package/dist/components/AttachmentsGalleryModal/hooks/useZoomReset.d.ts

@@ -0,0 +1 @@
+export declare const useZoomReset: () => void;

package/dist/components/AttachmentsGalleryModal/types.d.ts

@@ -5,11 +5,3 @@ export type IAttachment = {
     contentType: string;
     Url?: string;
 };
-export type AttachmentsGalleryModalProps = {
-    opened: boolean;
-    onOpenChange: (v: boolean) => void;
-    showAttach?: IAttachment | null;
-    setShowAttach?: (v: IAttachment | null) => void;
-    attachments: IAttachment[];
-    translation?: Record<string, string>;
-};

package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts

@@ -0,0 +1,9 @@
+import { CommentComposerTypes } from '../CommentComposer/types';
+interface CommentAttachmentsPreviewProps {
+    files: CommentComposerTypes.AnyCommentFile[];
+    mode: 'draft' | 'view';
+    onRemove?: (index: number) => void;
+    parentIsExisting?: boolean;
+}
+export declare const AttachmentsPreview: ({ files, onRemove, mode, parentIsExisting, }: CommentAttachmentsPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -12,6 +12,7 @@ export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
     colors?: string[];
     swatchShape?: "circle" | "square";
     fullWidth?: boolean;
+    swatchSize?: number;
 } & Omit<FlexProps, "onChange"> & import('react').RefAttributes<HTMLDivElement>> & {
     ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts

@@ -1,12 +1,17 @@
-import { ReactNode } from 'react';
-import { EditorType } from '@layers-app/editor';
-import * as React from 'react';
-type Props = {
-    children: (editorRef: React.MutableRefObject<EditorType | null>) => ReactNode;
+import { default as React } from 'react';
+import { CommentComposerTypes } from './types';
+export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
+    children: React.ReactNode;
     onSubmit: () => void;
-    handleBlur: () => void;
-    autoFocus?: boolean;
-    registerClearEditor?: (fn: () => void) => void;
-};
-export declare function CommentEditorBehavior({ children, onSubmit, handleBlur, autoFocus, registerClearEditor, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+    editorRef: React.MutableRefObject<any>;
+    inputContainerRef: React.MutableRefObject<any>;
+    commentDraft: {
+        text: string;
+        files: CommentComposerTypes.CommentAttachment[];
+    };
+    onBlur?: () => void;
+    isFloat: boolean;
+    isEdit: boolean;
+    hasChanges: boolean;
+    ns: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentComposer/index.d.ts

@@ -1,55 +1,2 @@
-import { MutableRefObject } from 'react';
-import { RangeSelection, EditorType } from '@layers-app/editor';
-import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
-import * as React from 'react';
-interface CommentValue {
-    value: string;
-    files: ICommentFile[];
-}
-interface CommentComposerProps {
-    children: (args: {
-        onSubmit: () => void;
-        handleBlur: () => void;
-        autoFocus: boolean;
-        setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
-        commentValue: CommentValue;
-        registerClearEditor?: (fn: () => void) => void;
-        editorRef?: React.MutableRefObject<EditorType | null>;
-    }) => React.ReactNode;
-    getSelectionText?: (selection: RangeSelection) => string;
-    removeCommentImage?: (index: string) => void;
-    providedUser?: IUser;
-    updateLocation?: (boxElem: HTMLDivElement, selectionRef: MutableRefObject<RangeSelection | null>, selectionState: {
-        container: HTMLDivElement;
-        elements: HTMLSpanElement[];
-    }) => void;
-    commentValue: {
-        value: string;
-        files: ICommentFile[];
-    };
-    setCommentValue: React.Dispatch<React.SetStateAction<{
-        value: string;
-        files: ICommentFile[];
-    }>>;
-    isEditInput?: boolean;
-    autoFocus?: boolean;
-    handleBlur: () => void;
-    thread?: Thread;
-    updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
-    setCommentActions?: React.Dispatch<React.SetStateAction<{
-        replyList: string[];
-        editCommentId: string;
-        editedContent: string;
-    }>>;
-    isGeneral?: boolean;
-    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
-    handleEditComment?: (data: {
-        value: string;
-        files: ICommentFile[];
-    }) => void;
-    provideCommentOptions?: ICommentOptions;
-    placeholder?: string;
-    composerLocales?: CommentsNs;
-}
-export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, placeholder, composerLocales, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CommentComposerProps } from './types';
+export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentComposer/types.d.ts

@@ -0,0 +1,96 @@
+export declare namespace CommentComposerTypes {
+    enum Entity {
+        None = "NONE",
+        Project = "PROJECT",
+        Sprint = "SPRINT",
+        Folder = "FOLDER",
+        Workspace = "WORKSPACE",
+        Page = "PAGE",
+        Task = "PROJECTTASK",
+        Form = "FORM",
+        Attachment = "ATTACHMENT",
+        User = "USER",
+        Comment = "COMMENT",
+        Flow = "FLOW"
+    }
+    interface OptimisticCommentFile {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: true;
+        raw: File;
+    }
+    interface CommentAttachment {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: boolean;
+        raw?: File;
+    }
+    type AnyCommentFile = CommentAttachment;
+    interface CommentDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface RenderEditorParams {
+        onSubmit: () => void;
+        handleBlur: (e: any) => void;
+        setCommentDraft: React.Dispatch<React.SetStateAction<CommentDraft>>;
+        commentDraft: CommentDraft;
+        editorRef: React.MutableRefObject<unknown>;
+        initialContent?: string;
+    }
+    interface ComposerInitialDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface ComposerDraft {
+        text: string;
+        files: CommentAttachment[];
+        quote?: string;
+    }
+    interface EditChangesPayload {
+        textChanged: boolean;
+        newFiles: CommentAttachment[];
+        deletedFiles: CommentAttachment[];
+        newText: string;
+    }
+    type ComposerSubmitPayload = {
+        mode: 'create';
+        data: ComposerDraft;
+    } | {
+        mode: 'edit';
+        data: EditChangesPayload;
+    };
+}
+export interface CommentComposerBaseProps {
+    children?: (params: CommentComposerTypes.RenderEditorParams) => React.ReactNode;
+    onSubmit: (payload: CommentComposerTypes.ComposerSubmitPayload) => void;
+    initialDraft?: CommentComposerTypes.ComposerInitialDraft;
+    ns?: string;
+    setEdit?: (v: {
+        id: string;
+        text: string;
+        files: CommentComposerTypes.AnyCommentFile[];
+    }) => void;
+}
+export interface FloatComposerProps extends CommentComposerBaseProps {
+    updateLocation: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    onBlur: () => void;
+}
+export interface InlineComposerProps extends CommentComposerBaseProps {
+    updateLocation?: undefined;
+    onBlur?: () => void;
+}
+export type CommentComposerProps = FloatComposerProps | InlineComposerProps;