@cometchat/chat-uikit-react 5.0.0-beta1 → 5.0.0

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

@@ -7,126 +7,204 @@ import { CometChatTextFormatter } from "../../formatters/CometChatFormatters/Com
  */
 interface MessageListProps {
     /**
-     * Unique identifier of the parent message for displaying threaded conversations.
+     * Enables conversation starters for new chats.
+     * @default false
      */
-    parentMessageId?: number;
+    showConversationStarters?: boolean;
     /**
-     * CometChat User object, representing the participant of the chat whose details are displayed.
+     * Enables the generation of Smart Replies for incoming messages.
+     * @default false
      */
-    user?: CometChat.User;
+    showSmartReplies?: boolean;
     /**
-     * CometChat Group object, representing the group whose chat messages are displayed.
+     * Hides the visibility of the date separator in the message list.
+     * @default false
      */
-    group?: CometChat.Group;
+    hideDateSeparator?: boolean;
     /**
-     * Custom empty state view to display when there are no messages.
+     * Hides the sticky date header in the message list.
+     * @default false
      */
-    emptyStateView?: JSX.Element;
+    hideStickyDate?: boolean;
     /**
-     * Custom error state view to display when an error occurs while retrieving messages.
+     * Hides the visibility of receipts in the message list.
+     * @default false
      */
-    errorStateView?: JSX.Element;
+    hideReceipts?: boolean;
     /**
-     * Custom loading state view to display while messages are being fetched.
+     * Hides the default & custom error view passed in `errorView` prop.
+     * @default false
      */
-    loadingStateView?: JSX.Element;
+    hideError?: boolean;
     /**
-     * Boolean to toggle visibility of read receipts in the message list.
+     * Hides the option to reply to messages in a thread.
      * @default false
      */
-    hideReceipt?: boolean;
+    hideReplyInThreadOption?: boolean;
     /**
-     * Specifies the alignment of the messages in the list (left, right, etc.).
-     * @default 'standard'
+     * Hides the option to translate messages.
+     * @default false
      */
-    alignment?: MessageListAlignment;
+    hideTranslateMessageOption?: boolean;
     /**
-     * User-defined date format for the message timestamp.
+     * Hides the option to edit messages.
+     * @default false
      */
-    datePattern?: DatePatterns;
+    hideEditMessageOption?: boolean;
     /**
-     * User-defined date format for the separators between dates in the message list.
+     * Hides the option to delete messages.
+     * @default false
      */
-    DateSeparatorPattern?: DatePatterns;
+    hideDeleteMessageOption?: boolean;
     /**
-     * Boolean to toggle visibility of the date separator in the message list.
+     * Hides the option to react to messages.
      * @default false
      */
-    hideDateSeparator?: boolean;
+    hideReactionOption?: boolean;
+    /**
+     * Hides the option to message a user privately.
+     * @default false
+     */
+    hideMessagePrivatelyOption?: boolean;
     /**
-     * Array of message templates to define how various types of messages (e.g., text, image, video) should be displayed.
+     * Hides the option to copy messages.
+     * @default false
      */
-    templates?: CometChatMessageTemplate[];
+    hideCopyMessageOption?: boolean;
     /**
-     * Instance of the CometChat MessagesRequestBuilder for building the request to fetch messages.
+     * Hides the option to view message information.
+     * @default false
      */
-    messagesRequestBuilder?: CometChat.MessagesRequestBuilder;
+    hideMessageInfoOption?: boolean;
     /**
-     * Text to display as a new message indicator.
+     * Hides avatars for messages.
+     * @default false
      */
-    newMessageIndicatorText?: string;
+    hideAvatar?: boolean;
     /**
-     * Boolean to indicate whether the message list should scroll to the bottom when a new message arrives.
+     * Hides group action messages.
      * @default false
      */
-    scrollToBottomOnNewMessages?: boolean;
+    hideGroupActionMessages?: boolean;
     /**
-     * Threshold value for triggering certain actions (e.g., loading more messages) as the user scrolls.
+     * Unique identifier of the parent message for displaying threaded conversations.
      */
-    thresholdValue?: number;
+    parentMessageId?: number;
     /**
-     * Callback function that is triggered when the user clicks on a thread reply.
-     * @param parentMessageId - The ID of the parent message to which replies belong.
+     * A `CometChat.User` object representing the participant of the chat whose details are displayed.
      */
-    onThreadRepliesClick?: Function;
+    user?: CometChat.User;
     /**
-     * Custom header view component for the message list.
+     * A `CometChat.Group` object representing the group whose chat messages are displayed.
      */
-    headerView?: JSX.Element;
+    group?: CometChat.Group;
     /**
-     * Custom footer view component for the message list.
+     * Instance of the `CometChat.ReactionsRequestBuilder` for managing message reactions.
      */
-    footerView?: JSX.Element;
+    reactionsRequestBuilder?: CometChat.ReactionsRequestBuilder;
     /**
-     * Callback triggered when an error occurs during the message fetching process.
-     * @param error - CometChatException object representing the error.
+     * Instance of the `CometChat.MessagesRequestBuilder` for building the request to fetch messages.
      */
-    onError?: ((error: CometChat.CometChatException) => void) | null;
+    messagesRequestBuilder?: CometChat.MessagesRequestBuilder;
+    /**
+     * Array of message templates to define how various types of messages should be displayed.
+     */
+    templates?: CometChatMessageTemplate[];
+    /**
+     * Array of text formatters for custom styling or formatting of message text bubbles.
+     */
+    textFormatters?: CometChatTextFormatter[];
     /**
-     * Boolean to hide or show errors in the message list.
+     * Specifies the alignment of messages in the list (e.g., left, right).
+     * @default MessageListAlignment.standard
+     */
+    messageAlignment?: MessageListAlignment;
+    /**
+     * User-defined time format for displaying message timestamps.
+     */
+    timePattern?: DatePatterns;
+    /**
+     * User-defined date format for displaying message timestamps.
+     */
+    datePattern?: DatePatterns;
+    /**
+     * Automatically scrolls the message list to the bottom when a new message arrives.
      * @default false
      */
-    hideError?: boolean;
+    scrollToBottomOnNewMessages?: boolean;
     /**
-     * Instance of the CometChat ReactionsRequestBuilder for managing message reactions.
+     * Specifies how many message options are visible in the main menu by default.
+     * @default 2
      */
-    reactionsRequestBuilder?: CometChat.ReactionsRequestBuilder;
+    quickOptionsCount?: number;
+    /**
+     * Disables the sound effect when new messages arrive.
+     * @default true
+     */
+    disableSoundForMessages?: boolean;
+    /**
+     * Specifies a custom sound file to play when new messages arrive.
+     */
+    customSoundForMessages?: string;
+    /**
+      * Specifies the keywords in incoming messages that will trigger Smart Replies.
+      * If set to an empty array [], Smart Replies will be generated for all messages.
+      * @default ['what', 'when', 'why', 'who', 'where', 'how', '?']
+      */
+    smartRepliesKeywords?: string[];
+    /**
+     * Specifies the delay in milliseconds before Smart Replies are displayed.
+     * Setting it to 0 fetches Smart Replies instantly without delay.
+     * @default 10000
+     */
+    smartRepliesDelayDuration?: number;
+    /**
+     * Callback function triggered when an error occurs during message fetching.
+     *
+     * @param error - An instance of `CometChat.CometChatException` representing the error.
+     * @returns void
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Callback function triggered when a thread reply is clicked.
+     *
+     * @param parentMessageId - The ID of the parent message to which replies belong.
+     */
+    onThreadRepliesClick?: (message: CometChat.BaseMessage) => void;
     /**
      * Callback function that triggers when a reaction is clicked.
+     *
      * @param reaction - The reaction object.
      * @param message - The message associated with the reaction.
      */
     onReactionClick?: (reaction: CometChat.ReactionCount, message: CometChat.BaseMessage) => void;
     /**
      * Callback function that triggers when an item in the reaction list is clicked.
+     *
      * @param reaction - The reaction object.
      * @param message - The message associated with the reaction.
      */
     onReactionListItemClick?: (reaction: CometChat.Reaction, message: CometChat.BaseMessage) => void;
     /**
-     * Boolean to disable message reactions.
-     * @default false
+     * Custom empty state view to display when there are no messages.
      */
-    disableReactions?: boolean;
+    emptyView?: JSX.Element;
     /**
-     * Boolean to disable mentions in text messages.
-     * @default false
+     * A custom view displayed when there are no messages.
      */
-    disableMentions?: boolean;
+    errorView?: JSX.Element;
     /**
-     * Array of text formatters for custom styling or formatting of text bubbles.
+     * A custom view displayed while messages are being fetched.
      */
-    textFormatters?: CometChatTextFormatter[];
+    loadingView?: JSX.Element;
+    /**
+     * A custom header view component for the message list.
+     */
+    headerView?: JSX.Element;
+    /**
+     * A custom footer view component for the message list.
+     */
+    footerView?: JSX.Element;
 }
 declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageList };

package/dist/types/components/CometChatMessageList/CometChatMessageListController.d.ts

@@ -7,6 +7,7 @@ export declare class MessageListManager {
     static groupListenerId: string;
     static callListenerId: string;
     static connectionListenerId: string;
+    private static errorHandler;
     /**
      * Creates an instance of MessageListManager which constructs a request builder for fetching messages from a particular user/group in the chat.
      * @param {CometChat.MessagesRequestBuilder} [messagesRequestBuilder]
@@ -14,9 +15,10 @@ export declare class MessageListManager {
      * @param {CometChat.Group} [group]
      * @param {number} [messageId]
      * @param {number} [parentMessageId]
+     * @param {boolean} [hideGroupActionMessages]
      * @memberof MessageListManager
      */
-    constructor(messagesRequestBuilder?: CometChat.MessagesRequestBuilder, user?: CometChat.User, group?: CometChat.Group, messageId?: number, parentMessageId?: number);
+    constructor(errorHandler: (error: unknown, source?: string) => void, messagesRequestBuilder?: CometChat.MessagesRequestBuilder, user?: CometChat.User, group?: CometChat.Group, messageId?: number, parentMessageId?: number, hideGroupActionMessages?: boolean);
     /**
      * Function to invoke the fetchNext method of the messagesRequestBuilder to retrieve the subsequent messages following the latest fetched message.
      *

package/dist/types/components/CometChatMessageList/useCometChatMessageList.d.ts

@@ -2,5 +2,5 @@ import { MutableRefObject } from "react";
 /**
  * This Hooks function is a custom React hook designed to manage  functionalities of CometChatMessageList component. It fetches the logged-in user, handles event subscriptions and tracks message IDs for new message retrieval. It plays a key role in maintaining real-time functionality and user interactions in the chat interface.
  **/
-declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], onErrorCallback: (error: CometChat.CometChatException) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, setDateHeader?: Function, parentMessageId?: number): void;
+declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean): void;
 export { useCometChatMessageList };

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

@@ -1,11 +1,43 @@
 /// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 interface ThreadedMessagePreviewProps {
-    title?: string;
+    /**
+     * Hides the visibility of the date header.
+     * @default false
+     */
+    hideDate?: boolean;
+    /**
+     * Hides the visibility of the reply count.
+     * @default false
+     */
+    hideReplyCount?: boolean;
+    /**
+     * Represents the parent message for displaying threaded conversations.
+     */
     parentMessage: CometChat.BaseMessage;
+    /**
+     * Template for customizing the appearance of the message.
+     */
     template?: CometChatMessageTemplate;
-    bubbleView?: (messageObject: CometChat.BaseMessage) => void | JSX.Element;
+    /**
+     * Callback function triggered when the threaded message header is closed.
+     * @returns void
+     */
     onClose?: () => void;
+    /**
+     * A custom view for rendering the message bubble.
+     *
+     * @param messageObject - The message to be rendered.
+     * @returns A JSX Element to be rendered as message bubble view.
+     */
+    messageBubbleView?: (messageObject: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Callback function triggered when an error occurs.
+     *
+     * @param error - An instance of CometChat.CometChatException representing the error.
+     * @returns void
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
 }
 declare const CometChatThreadedMessagePreview: (props: ThreadedMessagePreviewProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatThreadedMessagePreview };

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

@@ -4,164 +4,163 @@ import { SelectionMode, States } from "../../Enums/Enums";
 import { CometChatOption } from "../../modals/CometChatOption";
 export interface UsersProps {
     /**
-     * Title of the component
-     *
-     * @defaultValue `localize("USERS")`
-     */
-    title?: string;
-    /**
-     * Hide the search bar
+     * Hides the default search bar.
      *
      * @defaultValue `false`
      */
     hideSearch?: boolean;
     /**
-     * Text to be displayed when the search input has no value
-     *
-     * @defaultValue `localize("SEARCH")`
-     */
-    searchPlaceholderText?: string;
-    /**
-     * Custom list item view to be rendered for each user in the fetched list
-     */
-    listItemView?: (user: CometChat.User) => JSX.Element;
-    /**
-     * Show alphabetical header
+     * Displays an alphabetical section header for the user list.
      *
      * @defaultValue `true`
      */
     showSectionHeader?: boolean;
     /**
-     * Property on the user object
+     * Hides both the default and custom error view passed in `errorView` prop.
      *
-     * @remarks
-     * This property will be used to extract the section header character from the user object
-     *
-     * @defaultValue `getName`
+     * @defaultValue `false`
      */
-    sectionHeaderKey?: keyof CometChat.User;
+    hideError?: boolean;
     /**
-     * Custom view for the loading state of the component
+     * Disables the loading state while fetching users.
+     *
+     * @defaultValue `false`
      */
-    loadingStateView?: JSX.Element;
+    disableLoadingState?: boolean;
     /**
-     * Hide error view
-     *
-     * @remarks
-     * If set to true, hides the default and the custom error view
+     * Hides the user's online/offline status indicator.
      *
+     * @remarks If set to `true`, the status indicator of the default list item view is not displayed.
      * @defaultValue `false`
      */
-    hideError?: boolean;
+    hideUserStatus?: boolean;
     /**
-     * Custom view for the error state of the component
+     * User to highlight.
+     *
+     * @remarks This prop is used if `activeUser` prop is not provided.
      */
-    errorStateView?: JSX.Element;
+    activeUser?: CometChat.User;
     /**
-     * Custom view for the empty state of the component
+     * Request builder to fetch users.
+     *
+     * @defaultValue Default request builder having the limit set to `30`.
      */
-    emptyStateView?: JSX.Element;
+    usersRequestBuilder?: CometChat.UsersRequestBuilder;
     /**
-     * Custom subtitle view to be rendered for each user in the fetched list
+     * Request builder with search parameters to fetch users.
      *
-     * @remarks
-     * This prop is used if `listItemView` prop is not provided
+     * @remarks If the search input is not empty, the search keyword of this request builder is set to the text in the search input.
      */
-    subtitleView?: (user: CometChat.User) => JSX.Element;
+    searchRequestBuilder?: CometChat.UsersRequestBuilder;
     /**
-     * Hide user presence
-     *
-     * @remarks
-     * If set to true, the status indicator of the default list item view is not displayed
+     * The search keyword used to filter the user list.
      *
-     * @defaultValue `false`
+     * @defaultValue `""`
      */
-    disableUsersPresence?: boolean;
+    searchKeyword?: string;
     /**
-     * Custom view to render on the top-right of the component
+     * The property on the user object used to extract the section header character.
+     *
+     * @remarks This property will be used to extract the section header character from the user object.
+     * @defaultValue `getName`
      */
-    menu?: JSX.Element;
+    sectionHeaderKey?: keyof CometChat.User;
     /**
-     * List of actions available on mouse over on the default list item component
+     * A function that returns a list of actions available when hovering over a user item.
+     * @param user - An instance of `CometChat.User` representing the selected user.
+     * @returns An array of `CometChatOption` objects.
      */
     options?: (user: CometChat.User) => CometChatOption[];
     /**
-     * Selection mode to use for the default tail view
-     *
-     * @remarks
-     * This prop is used if `listItemView` prop is not provided.
+     * Selection mode to use for the default trailing view.
      *
      * @defaultValue `SelectionMode.none`
      */
     selectionMode?: SelectionMode;
     /**
-     * Function to call when a user from the fetched list is selected
+     * Callback function invoked when a user is selected.
      *
-     * @remarks
-     * This prop is used if `selectionMode` prop is not `SelectionMode.none`
+     * @remarks This prop works only if `selectionMode` is not set to `SelectionMode.none`.
+     * @param user - An instance of `CometChat.User` representing the selected user.
+     * @param selected - A boolean indicating whether the user is selected.
+     * @returns void
      */
-    onSelect?: (users: CometChat.User, selected: boolean) => void;
+    onSelect?: (user: CometChat.User, selected: boolean) => void;
     /**
-     * Request builder to fetch users
+     * Callback function invoked when a user item is clicked.
      *
-     * @remarks
-     * If the search input is not empty and the `searchRequestBuilder` prop is not provided,
-     * the search keyword of this request builder is set to the text in the search input
-     *
-     * @defaultValue Default request builder having the limit set to 30
+     * @param user - An instance of `CometChat.User` representing the clicked user.
+     * @returns void
      */
-    usersRequestBuilder?: CometChat.UsersRequestBuilder;
+    onItemClick?: (user: CometChat.User) => void;
     /**
-     * Request builder with search parameters to fetch users
-     *
-     * @remarks
-     * If the search input is not empty,
-     * the search keyword of this request builder is set to the text in the search input
+     * Callback function invoked when an error occurs in the component.
+     * @param error - An instance of `CometChat.CometChatException` representing the error.
+     * @returns void
      */
-    searchRequestBuilder?: CometChat.UsersRequestBuilder;
+    onError?: ((error: CometChat.CometChatException) => void) | null;
     /**
-     * Function to call on click of the default list item view of a user
+     * Callback function to be executed when the user list is empty.
+     * @returns void
      */
-    onItemClick?: (user: CometChat.User) => void;
+    onEmpty?: () => void;
     /**
-     * Function to call whenever the component encounters an error
+     * A custom component to render in the top-right corner of the user list.
      */
-    onError?: ((error: CometChat.CometChatException) => void) | null;
+    headerView?: JSX.Element;
     /**
-     * User to highlight
+     * A custom view to display during the loading state.
+     */
+    loadingView?: JSX.Element;
+    /**
+     * A custom view to display when an error occurs.
+     */
+    errorView?: JSX.Element;
+    /**
+     * A custom view to display when no users are available in the list.
+     */
+    emptyView?: JSX.Element;
+    /**
+     * A custom view to render for each user in the fetched list.
      *
-     * @remarks
-     * This prop is used if `listItemView` prop is not provided
+     * @param user - An instance of `CometChat.User` representing the user.
+     * @returns A JSX element to be rendered as the user item.
      */
-    activeUser?: CometChat.User;
+    itemView?: (user: CometChat.User) => JSX.Element;
     /**
-     * Search keyword to filter the list of users.
+     * A function that renders a JSX element to display the leading view.
      *
-     * @defaultValue `""`
+     * @param user - An instance of `CometChat.User` representing the user.
+     * @returns A JSX element to be rendered as the leading view.
      */
-    searchKeyword?: string;
+    leadingView?: (user: CometChat.User) => JSX.Element;
     /**
-     * Callback function to be executed when the user list is empty.
+     * A custom function to render the title view of a user.
+     *
+     * @param user - An instance of `CometChat.User` representing the user.
+     * @returns A JSX element to be rendered as the title view.
      */
-    onEmpty?: () => void;
+    titleView?: (user: CometChat.User) => JSX.Element;
     /**
-     * Flag to indicate whether users are currently being fetched.
+     * A custom view to render the subtitle for each user.
      *
-     * @defaultValue `false`
+     * @param user - An instance of `CometChat.User` representing the user.
+     * @returns A JSX element to be rendered as the subtitle view.
      */
-    fetchingUsers?: boolean;
+    subtitleView?: (user: CometChat.User) => JSX.Element;
     /**
-     * Flag to indicate whether to disable loading state while fetching users.
-     * @defaultValue `false`
+     * A function that renders a JSX element to display the trailing view.
+     *
+     * @param user - An instance of `CometChat.User` representing the user.
+     * @returns A JSX element to be rendered as the trailing view.
      */
-    disableLoadingState?: boolean;
+    trailingView?: (user: CometChat.User) => JSX.Element;
 }
 type State = {
     searchText: string;
     userList: CometChat.User[];
     fetchState: States;
     isFirstReload: boolean;
-    fetchingUsers: boolean;
     disableLoadingState: boolean;
 };
 export type Action = {

package/dist/types/components/CometChatUsers/useCometChatUsers.d.ts

@@ -13,7 +13,8 @@ type Args = {
     searchKeyword: string;
     disableLoadingState: boolean;
     usersSearchText: React.MutableRefObject<string>;
-    disableUsersPresence: boolean;
+    hideUserStatus: boolean;
+    errorHandler: (error: unknown, source?: string | undefined) => void;
 };
 export declare function useCometChatUsers(args: Args): void;
 export {};

package/dist/types/components/Extensions/CollaborativeDocument/CollaborativeDocumentExtensionDecorator.d.ts

@@ -1,6 +1,7 @@
 import { DataSource } from "../../../utils/DataSource";
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 import { CollaborativeDocumentConfiguration } from "./CollaborativeDocumentConfiguration";
+import { MessageBubbleAlignment } from "../../../Enums/Enums";
 import { CometChatMessageComposerAction, CometChatMessageTemplate } from "../../../modals";
 /**
  * The `CollaborativeDocumentExtensionDecorator` class extends `DataSourceDecorator`
@@ -54,7 +55,7 @@ export declare class CollaborativeDocumentExtensionDecorator extends DataSourceD
      * @returns {string[]} An array of message categories.
      * @override
      */
-    getAllMessageCategories(): string[];
+    getAllMessageCategories(additionalConfigurations?: Object | undefined): string[];
     /**
      * Checks if a message template with the specified type already exists.
      *
@@ -83,7 +84,7 @@ export declare class CollaborativeDocumentExtensionDecorator extends DataSourceD
      * @param {CometChat.CustomMessage} documentMessage - The document message to display.
      * @returns {JSX.Element} The document content view component.
      */
-    getDocumentContentView(documentMessage: CometChat.CustomMessage): import("react/jsx-runtime").JSX.Element;
+    getDocumentContentView(documentMessage: CometChat.CustomMessage, alignment?: MessageBubbleAlignment): import("react/jsx-runtime").JSX.Element;
     /**
     * Launches the collaborative document in a new fullscreen window.
     *
@@ -103,7 +104,7 @@ export declare class CollaborativeDocumentExtensionDecorator extends DataSourceD
      * @param {any} id - The identifier object containing user or group information.
      * @returns {CometChatMessageComposerAction[]} The list of attachment options including the new document action.
      */
-    getAttachmentOptions(id: any): CometChatMessageComposerAction[];
+    getAttachmentOptions(id: any, additionalConfigurations?: any): CometChatMessageComposerAction[];
     /**
      * Retrieves the last message from a conversation, checking if it's a collaborative document.
      *