@layers-app/shared 0.0.39-froms-01 → 0.0.40

package/dist/{KanbanLayout-D5Ex3f-G.js → KanbanLayout-Cgno2syU.js}

@@ -11,7 +11,7 @@ import "@mantine/form";
 import "@mantine/dropzone";
 import "@mantine/notifications";
 import "lodash-es";
-import { u as useOnboardingState, S as StatusBadge } from "./index-BVdsep1X.js";
+import { u as useOnboardingState, S as StatusBadge } from "./index-jQFbCQG3.js";
 import "react-dom";
 import "draggable-ui";
 import "@mantine/modals";

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

@@ -5,7 +5,7 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, onTitleChange, }: 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;

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

@@ -4,4 +4,4 @@ declare global {
         openTemplatesModal?: () => void;
     }
 }
-export declare const DesktopNavbar: (props: Pick<AppContainerProps, "navbar" | "navbarTitle" | "displayType">) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopNavbar: (props: Pick<AppContainerProps, "navbar" | "navbarTitle" | "displayType" | "onTitleChange">) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,12 @@
 import { PropsWithChildren, ReactNode } from 'react';
+import { appMode } from '../../..';
 import { FloatingPosition } from '@mantine/core';
 export type MenuUser = {
     id: string;
     avatar: string | null;
     email?: string | null;
     name: string | null;
+    mode?: appMode;
 };
 export type UserNotifications = {
     createdAt: string;

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

@@ -17,11 +17,14 @@ export type AppContainerProps = {
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';
     footer?: ReactNode;
+    onTitleChange?: (title?: string) => void;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];
     workspaceMenu: WorkspaceMenuProps;
-    user: MenuUser;
+    user: MenuUser & {
+        role: string;
+    };
     userMenuItems?: ReactNode;
     notifications: UserNotifications[];
     isAnonym: boolean;

package/dist/components/CircleColorPicker/CircleColorPicker.d.ts

@@ -1,7 +1,7 @@
 import { ColorPickerProps, MenuProps } from '@mantine/core';
 export declare const CircleColorPicker: ({ value, onChange, menuProps, colorPickerProps, }: {
-    value: string;
-    onChange: (value: string) => void;
+    value?: string | null;
+    onChange: (value: string | null) => void;
     menuProps?: MenuProps;
     colorPickerProps?: ColorPickerProps;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { EditorType } from '@layers-app/editor';
+import * as React from 'react';
+type Props = {
+    children: (editorRef: React.MutableRefObject<EditorType | null>) => 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 {};

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

@@ -1,20 +1,20 @@
 import { MutableRefObject } from 'react';
 import { RangeSelection } from '@layers-app/editor';
-import { Comment, GeneralComment, ICommentOptions, ICommentFile, ILocalCommentFile, IUser, Thread } from '../CommentsPanel/types.ts';
+import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
 import * as React from 'react';
 interface CommentValue {
     value: string;
-    files: (ICommentFile | ILocalCommentFile)[];
+    files: ICommentFile[];
 }
 interface CommentComposerProps {
-    children: ((args: {
+    children: (args: {
         onSubmit: () => void;
         handleBlur: () => void;
         autoFocus: boolean;
         setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
         commentValue: CommentValue;
         registerClearEditor?: (fn: () => void) => void;
-    }) => React.ReactNode);
+    }) => React.ReactNode;
     getSelectionText?: (selection: RangeSelection) => string;
     removeCommentImage?: (index: string) => void;
     providedUser?: IUser;
@@ -24,11 +24,11 @@ interface CommentComposerProps {
     }) => void;
     commentValue: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: ICommentFile[];
     };
     setCommentValue: React.Dispatch<React.SetStateAction<{
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: ICommentFile[];
     }>>;
     isEditInput?: boolean;
     autoFocus?: boolean;
@@ -44,9 +44,11 @@ interface CommentComposerProps {
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
     handleEditComment?: (data: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        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, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+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 {};

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

@@ -0,0 +1,9 @@
+import { CommentsFilter } from '../CommentsPanel/types.ts';
+import * as React from 'react';
+export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, disabled, onCollapse, listRef, }: {
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    disabled?: boolean;
+    listRef?: React.RefObject<HTMLElement>;
+    onCollapse?: React.Dispatch<React.SetStateAction<string | null>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts

@@ -1,6 +1,10 @@
+import { CommentsNs } from '../types.ts';
 interface CommentActionMenuProps {
     onDownload: () => void;
     onDelete: () => void;
+    iconColor?: string;
+    hasPermission: boolean;
+    locales?: CommentsNs;
 }
-export declare const CommentActionMenu: ({ onDownload, onDelete }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentActionMenu: ({ onDownload, onDelete, iconColor, hasPermission, locales: propLocales, }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/CommentPanelListItem.d.ts

@@ -1,9 +1,7 @@
 import { NodeKey, RangeSelection } from '@layers-app/editor';
-import { TFunction } from 'i18next';
-import { Comment, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+import { Comment, CommentsNs, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
 import * as React from 'react';
 interface ICommentPanelListItemProps extends SharedCommentProps {
-    t: TFunction;
     deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
@@ -17,6 +15,7 @@ interface ICommentPanelListItemProps extends SharedCommentProps {
     replyInput?: string;
     setShowReplyInput?: React.Dispatch<React.SetStateAction<string>>;
     activeIDs?: Array<string>;
+    locales: CommentsNs;
 }
-export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, t, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, locales, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/{CommentFilterMenu.d.ts → CommentTabFilter.d.ts}

@@ -1,6 +1,7 @@
 import { CommentsFilter } from '../types.ts';
 import * as React from 'react';
-export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, }: {
+export declare const CommentTabFilter: ({ commentsFilter, setCommentsFilter, listRef, }: {
     commentsFilter: CommentsFilter;
     setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    listRef: React.RefObject<HTMLElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsEmptyPlaceholder.d.ts

@@ -1,3 +1,6 @@
-export declare const CommentsEmptyPlaceholder: ({ resolved, }: {
-    resolved: boolean;
+import { CommentsFilter } from '../types.ts';
+import * as React from 'react';
+export declare const CommentsEmptyPlaceholder: ({ commentsFilter, listRef }: {
+    commentsFilter: CommentsFilter;
+    listRef: React.RefObject<HTMLElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsListItemMenu.d.ts

@@ -1,6 +1,7 @@
 import { Comment, GeneralComment, Thread } from '../types.ts';
-export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, }: {
+export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, hasPermission }: {
     handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
     commentOrThread: Comment | Thread | GeneralComment;
     deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
+    hasPermission: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsPanelList.d.ts

@@ -1,17 +1,16 @@
 import { ReactElement } from 'react';
 import { RangeSelection, NodeKey } from '@layers-app/editor';
 import { Comment, Comments, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+import * as React from 'react';
 interface CommentsPanelListProps extends Omit<SharedCommentProps, 'commentOrThread'> {
     activeIDs: string[];
     comments: Comments;
-    listRef: {
-        current: null | HTMLUListElement;
-    };
+    listRef: React.RefObject<HTMLElement>;
     updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
     deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
-    markNodeMap: Map<string, Set<NodeKey>>;
+    markNodeMap?: Map<string, Set<NodeKey>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
     updateCommentTextOrImage: UpdateCommentTextArgs;
 }

package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.d.ts

@@ -1,3 +1,4 @@
+import { CommentsNs } from '../types.ts';
 import * as React from 'react';
 interface CommentsThreadReplyControlsProps {
     onSubmit: () => void;
@@ -6,6 +7,9 @@ interface CommentsThreadReplyControlsProps {
     disabledUploadButton: boolean;
     isSubmitting: boolean;
     setIsSubmitting: React.Dispatch<React.SetStateAction<boolean>>;
+    handleClearInput: () => void;
+    isFloatInput?: boolean;
+    locales?: CommentsNs;
 }
-export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, setIsSubmitting, isSubmitting, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, isFloatInput, setIsSubmitting, isSubmitting, handleClearInput, locales: propLocales, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts

@@ -1,6 +1,10 @@
-import { ICommentFile, ILocalCommentFile } from '../types.ts';
-export declare const CommentsUploadFilesPreview: ({ files, removeImage, isUploaded, }: {
-    files: Array<ICommentFile | ILocalCommentFile>;
+import { CommentsNs, ICommentFile } from '../types.ts';
+interface CommentsUploadFilesPreviewProps {
+    files: Array<ICommentFile>;
+    hasPermission?: boolean;
     removeImage: (index: number | string) => void;
-    isUploaded?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+    showLoading?: boolean;
+    locales?: CommentsNs;
+}
+export declare const CommentsUploadFilesPreview: ({ files, hasPermission, removeImage, showLoading, locales, }: CommentsUploadFilesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { NodeKey, RangeSelection } from '@layers-app/editor';
-import { Comment, Comments, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
+import { Comment, Comments, CommentsFilter, CommentsLocales, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
+import * as React from 'react';
 interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
     comments: Comments;
     activeIDs: string[];
@@ -10,13 +11,16 @@ interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'>
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
     updateCommentTextOrImage: UpdateCommentTextArgs;
-    markNodeMap: Map<string, Set<NodeKey>>;
+    markNodeMap?: Map<string, Set<NodeKey>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
-    listRef: {
-        current: null | HTMLUListElement;
-    };
+    listRef: React.RefObject<HTMLElement>;
     getEditor: GetEditorFn;
     clipPath?: string;
+    isSidebar?: boolean;
+    locales: CommentsLocales;
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    isLoading: boolean;
 }
-export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, getEditor, clipPath }: CommentsPanelProps): ReactElement;
+export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, locales, getEditor, setCommentsFilter, commentsFilter, clipPath, isLoading, isSidebar, }: CommentsPanelProps): ReactElement;
 export {};

package/dist/components/CommentsPanel/store.d.ts

@@ -1,10 +1,14 @@
-import { GetEditorFn, ICommentOptions, IMember, IUser } from './types.ts';
+import { CommentsNs, GetEditorFn, ICommentOptions, IMember, IUser } from './types';
 interface CommentsState {
     workspaceMembers: IMember[];
     currentUser?: IUser;
     showComments: boolean;
+    adminPermission: boolean;
     commentOptions?: ICommentOptions;
     getEditor?: GetEditorFn;
+    isSidebar: boolean;
+    isGuest: boolean;
+    commentsLocales: CommentsNs;
     selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
     initializeComments: (data: {
         workspaceMembers?: IMember[];
@@ -12,6 +16,8 @@ interface CommentsState {
         showComments?: boolean;
         commentOptions?: ICommentOptions;
         getEditor?: GetEditorFn;
+        isSidebar: boolean;
+        commentsLocales: CommentsNs;
         selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
     }) => void;
 }

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

@@ -1,3 +1,4 @@
+import { EditorType } from '@layers-app/editor';
 import * as React from 'react';
 export interface ICommentReaction {
     id: string;
@@ -11,72 +12,69 @@ export interface ICommentReaction {
     deletedAt: string;
     version: number;
 }
-export interface ICommentFile extends File {
-    id?: string;
-    lastModified: number;
-    lastModifiedDate: Date;
-    name: string;
-    size: number;
-    type: string;
-    webkitRelativePath: string;
-}
-export interface ILocalCommentFile {
-    clientKey: string;
-    loading?: boolean;
-    file: File;
+export interface ICommentFile {
+    src: string;
+    id: string;
+    file: File & {
+        id?: string;
+    };
+    isImage: boolean;
 }
 export type UpdateCommentTextArgs = (text: {
     value: string;
     restore: boolean;
 }, files: {
     deletedFile: ICommentFile[];
-    newFiles: ILocalCommentFile[];
+    newFiles: ICommentFile[];
 }, threadOrGeneralId: string, commentId?: string) => void;
 export type Comment = {
-    author: string;
-    content: string;
+    authorId: string;
+    text: string;
     deleted: boolean;
     clientKey: string;
+    edited: boolean;
     id: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
-    type: 'comment';
+    type: string;
 };
 export type Thread = {
     children: Array<Comment>;
     id: string;
     quote: string;
-    type: 'thread';
-    resolve: CommentResolve;
-    author: string;
+    edited: boolean;
+    type: string;
+    resolution: CommentResolve;
+    authorId: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
     clientKey: string;
-    content: string;
+    text: string;
     deleted: boolean;
 };
 export type GeneralComment = {
-    content: string;
-    author: string;
+    text: string;
+    authorId: string;
     id: string;
     tempId?: string;
+    edited: boolean;
     quote: string;
     timeStamp: number;
-    resolve: CommentResolve;
+    resolution: CommentResolve;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
-    type: 'general';
+    files: Array<ICommentFile>;
+    type: string;
     clientKey: string;
     children: Array<Comment>;
     deleted: boolean;
 };
 type CommentValueType = {
     value: string;
-    files: (ICommentFile | ILocalCommentFile)[];
+    files: (ICommentFile)[];
 };
 export type GetEditorFn = (params: {
     onSubmit: () => void;
@@ -86,61 +84,57 @@ export type GetEditorFn = (params: {
     commentValue?: CommentValueType;
     initialContent?: string;
     registerClearEditor?: (fn: () => void) => void;
+    editorRef?: React.MutableRefObject<EditorType | null>;
 }) => React.ReactNode;
 export type Comments = Array<Thread | Comment | GeneralComment>;
-export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null;
+export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null | 'NONE';
 export interface ICommentsFilterProps {
     commentsFilter: CommentsFilter;
     setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
     disabled: boolean;
+    listRef: React.RefObject<HTMLElement>;
     updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
     commentValue: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     };
     setCommentValue: React.Dispatch<React.SetStateAction<{
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     }>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: any | null, files?: File[]) => void;
 }
-export interface IMember {
+export type IMember = {
+    avatarUrl: string | null;
+    roleType: string;
+    roleId: string;
     accepted: boolean;
-    avatarUrl: string;
     email: string;
-    expiresAt: string | null;
+    userId: string | null;
     invitationId: string | null;
     invitationToken: string | null;
-    name: string;
-    roleType: string;
-    roleId: string;
-    userId: string;
-}
+    name: string | null;
+    expiresAt: string | null;
+};
 export interface IUser {
-    activeWorkspaceId: string;
-    createdAt: string;
-    darkMode: boolean;
-    email: string;
-    id: string;
-    lang: string;
-    metaData: {
-        cover: Record<string, any>;
-        about: string;
-        socialNetworks: any[];
-        fontFamily: string;
-    };
+    activeWorkspaceId: string | null;
     name: string;
     nickname: string;
-    plan: 'FREE' | 'PRO' | 'BUSINESS' | string;
+    email: string;
     profilePicture: {
         url: string;
     };
+    createdAt: string;
+    id: string;
+    lang: string;
+    plan: string;
+    darkMode: boolean;
     timeZone: string | null;
     twoFactorEnabled: boolean;
-    workspaces: any[];
 }
+export type ResolvedFilter = 'resolved' | 'not-resolved' | 'all';
 export type CommentsFilter = {
-    resolved: boolean;
+    resolved: ResolvedFilter;
     feedback: boolean;
     filteredUsers: IMember[];
 };
@@ -222,6 +216,8 @@ interface ICommentActions {
 export interface ICommentOptions {
     showComments: boolean;
     setShowComments: (value?: boolean) => void;
+    adminPermission: boolean;
+    isGuest: boolean;
     pageId: string;
     workspaceInfo: {
         title: string;
@@ -231,8 +227,8 @@ export interface ICommentOptions {
 }
 export interface SharedCommentProps {
     commentOrThread: Comment | Thread | GeneralComment;
-    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
-    resolveThreat?: (threat: Thread | GeneralComment) => void;
+    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => Promise<void>;
+    resolveThreat?: (threat: Thread | GeneralComment) => Promise<void>;
 }
 type SelectMarkNodeFn = (markNodeKeys: Set<string>, activeElement: Element | null) => void;
 export interface StoreOptions {
@@ -241,4 +237,103 @@ export interface StoreOptions {
     commentOptions?: ICommentOptions;
     selectMarkNode: SelectMarkNodeFn;
 }
+export interface CommentsNs {
+    edited: string;
+    title: string;
+    addComment: string;
+    generalComment: string;
+    replyComment: string;
+    actionTooltips: {
+        resolve: string;
+        reopen: string;
+        addReaction: string;
+        reactionLimit: string;
+        reply: string;
+    };
+    deleteModal: {
+        title: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        description: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        actions: {
+            cancel: string;
+            delete: string;
+            remove: string;
+        };
+    };
+    emptyState: {
+        "not-resolved": string;
+        resolved: string;
+        all: string;
+        userFilter: string;
+    };
+    filter: {
+        resolved: string;
+        open: string;
+        all: string;
+        selectUsers: string;
+        searchPlaceholder: string;
+        emptyPlaceholder: string;
+        byStatus: string;
+        byPerson: string;
+    };
+    inputEditor: {
+        uploadFiles: string;
+        sendMessage: string;
+        editMessage: string;
+        clear: string;
+        clearModal: {
+            title: string;
+            description: {
+                both: string;
+                text: string;
+                files: string;
+                empty: string;
+            };
+        };
+        discardModal: {
+            title: string;
+            description: string;
+            labels: {
+                confirm: string;
+                cancel: string;
+            };
+        };
+        cancelCommentModal: {
+            description: string;
+        };
+    };
+    menuActions: {
+        edit: string;
+        delete: string;
+        download: string;
+    };
+    notifications: {
+        title: string;
+        description: string;
+        options: {
+            all: string;
+            replies: string;
+        };
+        uploadMessages: {
+            tooManyFiles: string;
+            fileTooLarge: string;
+            fileLimit: string;
+        };
+    };
+    repliesToggle: {
+        show_one: string;
+        show_other: string;
+        hide: string;
+    };
+}
+export interface CommentsLocales {
+    comments: CommentsNs;
+}
 export {};

package/dist/components/CommentsPanel/utils.d.ts

@@ -1,8 +1,14 @@
-import { ICommentFile, ILocalCommentFile } from './types.ts';
-import { TFunction } from 'i18next';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { CommentsFilter, CommentsNs, ICommentFile, IMember } from './types.ts';
 export declare const cutDeleteImageId: (imageSrc: string) => string;
-export declare const uploadAllFiles: (commentId: string, images: ILocalCommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
+export declare const uploadAllFiles: (commentId: string, images: ICommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
 export declare function scrollToTop(selector: string): void;
-export declare const getDescription: (type: string, t: TFunction) => string;
-export declare const getTitle: (type: string, t: TFunction) => string;
+export declare const getDescription: (type: string, locales: CommentsNs) => string;
+export declare const getTitle: (type: string, locales: CommentsNs) => string;
+export declare function toggleFilter(setState: Dispatch<SetStateAction<CommentsFilter>>, key: keyof CommentsFilter, value?: IMember | boolean | string, listRef?: React.RefObject<HTMLElement>): void;
 export declare const IS_APPLE: boolean;
+export declare const createDefaultCommentsLocales: () => CommentsNs;
+export declare function getClearInputMessage(hasText: boolean, hasFiles: boolean, locales: CommentsNs): string;
+export declare const preparePreviewFile: (file: File & {
+    id?: string;
+}, temp?: boolean) => ICommentFile;