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

package/dist/types/src/formatters/CometChatFormatters/CometChatTextFormatter.d.ts

@@ -0,0 +1,268 @@
+import { MentionsTargetElement, MessageBubbleAlignment } from "../../Enums/Enums";
+import { ComposerId } from "../../utils/MessagesDataSource";
+/**
+ * Abstract class that provides methods for formatting text in CometChat.
+ * It is used in CometChatMessageComposer, CometChatConversations, CometChatMessageList components and extension decorators.
+ */
+export declare abstract class CometChatTextFormatter {
+    /**
+     * An ID for tracking the timeout.
+     */
+    protected timeoutID?: number;
+    /**
+     * A flag to start tracking once a specific keyboard event occurs.
+     */
+    protected startTracking: boolean;
+    /**
+     * Current position/type of the text selection or cursor in the text input field.
+     */
+    protected currentCaretPosition?: Selection;
+    /**
+     * Represents the text range that the user has selected or the cursor position in the text input field.
+     */
+    protected currentRange?: Range;
+    /**
+     * Reference to the text input field DOM element.
+     */
+    protected inputElementReference?: HTMLElement;
+    /**
+     * The regex patterns to find specific text pattern in the user input text.
+     */
+    protected regexPatterns: RegExp[];
+    /**
+     * The regex patterns to replace text formatting in the user input text.
+     */
+    protected regexToReplaceFormatting: RegExp[];
+    /**
+     * Mapping of CSS classes for styling the text.
+     */
+    protected cssClassMapping: Array<string>;
+    /**
+     * The character to track once typed in the text input field.
+     */
+    protected trackCharacter: string;
+    /**
+     * Callback function to be triggered on the 'keyup' event.
+     */
+    protected keyUpCallBack: Function;
+    /**
+     * Callback function to be triggered on the 'keydown' event.
+     */
+    protected keyDownCallBack: Function;
+    protected classes: string[];
+    /**
+     * Function reference to trigger a re-render of the component.
+     */
+    reRender: Function;
+    messageBubbleAlignment: MessageBubbleAlignment;
+    /**
+     * The message object in context.
+     */
+    protected messageObject: CometChat.BaseMessage;
+    user?: CometChat.User;
+    group?: CometChat.Group;
+    composerId?: ComposerId;
+    /**
+     * The user who is currently logged in.
+     */
+    protected loggedInUser?: CometChat.User | null;
+    protected id?: string;
+    protected textStyle: {
+        [key: string]: string;
+    };
+    /**
+     * Sets the current caret position and selection range.
+     *
+     * @param {Selection} currentCaretPosition - The current caret position.
+     * @param {Range} currentRange - The current selection range.
+     */
+    setCaretPositionAndRange(currentCaretPosition: Selection, currentRange: Range): void;
+    /**
+     * Set css class to be applied on format spans
+     */
+    setClasses(classes: string[]): void;
+    /**
+     * Sets the regex patterns to match.
+     * @param regexPatterns - Array of regex patterns.
+     */
+    setRegexPatterns(regexPatterns: Array<RegExp>): void;
+    /**
+     * Gets the regex patterns.
+     */
+    getRegexPatterns(): RegExp[];
+    /**
+     * Sets the regex patterns to replace formatting.
+     * @param regexToReplaceFormatting - Array of regex patterns.
+     */
+    setRegexToReplaceFormatting(regexToReplaceFormatting: Array<RegExp>): void;
+    /**
+     * Sets the tracking character.
+     * @param trackCharacter - The character to track.
+     */
+    setTrackingCharacter(trackCharacter: string): void;
+    /**
+     * Sets the input element reference.
+     * @param inputElementReference - The reference to the input element.
+     */
+    setInputElementReference(inputElementReference: HTMLElement): void;
+    /**
+     * Sets the re-render function.
+     * @param reRender - The function to call for re-rendering.
+     */
+    setReRender(reRender: Function): void;
+    /**
+     * Retrieves the keydown callback function.
+     * @returns {Function} The keydown callback function.
+     */
+    getKeyUpCallBack(): Function;
+    /**
+     * Sets the keydown callback function.
+     * @param {Function} keyUpCallBack - The callback function for handling key down events.
+     */
+    setKeyUpCallBack(keyUpCallBack: Function): void;
+    /**
+     * Retrieves the keydown callback function.
+     * @returns {Function} The keydown callback function.
+     */
+    getKeyDownCallBack(): Function;
+    /**
+     * Sets the keydown callback function.
+     * @param {Function} keyDownCallBack - The keydown callback function.
+     */
+    setKeyDownCallBack(keyDownCallBack: Function): void;
+    /**
+     * Retrieves the currently logged in user.
+     * @returns The currently logged user.
+     */
+    getLoggedInUser(): import("@cometchat/chat-sdk-javascript").User | null | undefined;
+    /**
+     * Sets the currently logged in user.
+     * @param {CometChat.User} loggedInUser - The user to set as currently logged in.
+     */
+    setLoggedInUser(loggedInUser: CometChat.User): void;
+    /**
+     * Sets the mapping of CSS classes.
+     * @param cssClassesNames - Array of CSS class names.
+     */
+    setCssClassMapping(cssClassesNames: string[]): void;
+    /**
+     * Sets the CSS style.
+     * @param {Object} styleObject - The CSS style object.
+     * @param {string} styleObject.formattedTextColor - The color to use for formatted text.
+     */
+    setStyle(styleObject: {
+        formattedTextColor: string;
+        formattedTextFont: string;
+    }): void;
+    getStyle(): {
+        [key: string]: string;
+    };
+    setId(id: string): void;
+    getId(): string | undefined;
+    cleanup(): void;
+    /**
+     * If the input text is provided, it returns the formatted text. Otherwise, it edits the text using the current cursor position.
+     * @param {string|null} inputText - The text to format.
+     * @return {string|void} - The original or formatted input text, or void if editing was done based on cursor position.
+     */
+    getFormattedText(inputText: string | null, params: {
+        mentionsTargetElement: MentionsTargetElement;
+    }): string | void;
+    /**
+     * Sets the message object.
+     *
+     * @param {CometChat.BaseMessage} messageObject - The message object to be set.
+     */
+    setMessage(messageObject: CometChat.BaseMessage): void;
+    /**
+     * Retrieves the message object.
+     *
+     * @returns {CometChat.BaseMessage} - The current message object.
+     */
+    getMessage(): import("@cometchat/chat-sdk-javascript").BaseMessage;
+    setMessageBubbleAlignment(messageBubbleAlignment: MessageBubbleAlignment): void;
+    getMessageBubbleAlignment(): MessageBubbleAlignment;
+    setComposerConfig(user?: CometChat.User, group?: CometChat.Group, composerId?: ComposerId): void;
+    getComposerConfig(): {
+        user: import("@cometchat/chat-sdk-javascript").User | undefined;
+        group: import("@cometchat/chat-sdk-javascript").Group | undefined;
+        composerId: ComposerId | undefined;
+    };
+    /**
+     * Formats the text on keyboard key down.
+     * @param {string|void} inputText - The text to format.
+     */
+    protected formatTextOnKeyUp: (inputText: string | void) => void;
+    debouncedFormatTextOnKeyUp: (...args: Object[]) => void;
+    /**
+     * Retrieves the preceding text from the given caret position.
+     * @param {Selection} currentCaretPosition - The current caret position.
+     * @param {Range} currentRange - The current selection range.
+     * @return {string|null} - The preceding text or null.
+     */
+    protected getPrecedingText(currentCaretPosition: Selection | undefined, currentRange: Range | undefined): string | null;
+    /**
+     * Returns true if previous character is previousCharacterToCheck or if there is just one character
+     * @param {string} previousCharacterToCheck
+     * @param {Range} currentRange
+     * @returns  {boolean}
+     */
+    protected checkPreviousCharacterUsingRange(previousCharacterToCheck?: string, currentRange?: Range): boolean;
+    /**
+     * Applies regex match on the input text and replaces matched instances.
+     * @param {string|null} inputText - The text to apply regex match.
+     * @return {string} - The replaced text.
+     */
+    protected onRegexMatch(inputText?: string | null): string;
+    /**
+     * Debounce function.
+     * @param {Function} func - The function to debounce.
+     * @param {number} wait - The amount of delay before function invocation.
+     * @return {Function} - The debounced function.
+     */
+    debounce(func: Function, wait: number): (...args: Object[]) => void;
+    /**
+     * Handles 'keydown' events.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * Handles 'keydown' events.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Adds HTML at the current caret position.
+     * @param {string} newHtml - The HTML to insert.
+     * @param {Selection} currentCaretPosition - The current caret position.
+     * @param {Range} currentRange - The current selection range.
+     */
+    protected addAtCaretPosition(newHtml: string, currentCaretPosition: Selection, currentRange: Range): void;
+    /**
+     * Returns the original unformatted text from the input text.
+     * @param {string|null|undefined} inputText - The input text to get original text from.
+     * @return {string} - The original text.
+     */
+    getOriginalText(inputText: string | null | undefined): string;
+    /**
+     * To inform formatter to stop keeping a track of characters
+     */
+    stopTracking(): void;
+    /**
+     * To reset the formatter properties
+     */
+    reset(): void;
+    /**
+     * This will be called by composer before sending the message. This can be used to set metadata, tags on message
+     * @param {CometChat.BaseMessage} message
+     * @return {CometChat.BaseMessage} - message with metadata added
+     */
+    formatMessageForSending(message: CometChat.BaseMessage): CometChat.BaseMessage;
+    /**
+     * Registers event listeners on the given element.
+     * @param {Element} span - The HTML element to register event listeners.
+     * @param {DOMTokenList} classList - The classList of the element.
+     * @return {Element} - The element with event listeners registered.
+     */
+    registerEventListeners(span: Element, classList: DOMTokenList): Element;
+}

package/dist/types/src/formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter.d.ts

@@ -0,0 +1,12 @@
+import { CometChatTextFormatter } from "../CometChatTextFormatter";
+/**
+ * Class that handles the text formatting for URLs in CometChat.
+ * CometChatUrlsFormatter is a child class of CometChatTextFormatter.
+ * It extends the functionality of text formatting to specifically handle URLs.
+ * It is used in extension decorators like  link preview, message translation, and dataSource utils.
+ */
+export declare class CometChatUrlsFormatter extends CometChatTextFormatter {
+    constructor(regexPatterns: Array<RegExp>);
+    protected onRegexMatch(inputText?: string | null): string;
+    registerEventListeners(element: HTMLElement, classList: DOMTokenList): HTMLElement;
+}

package/dist/types/src/formatters/index.d.ts

@@ -0,0 +1,3 @@
+export { CometChatTextFormatter } from './CometChatFormatters/CometChatTextFormatter';
+export { CometChatUrlsFormatter } from './CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter';
+export { CometChatMentionsFormatter } from './CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter';

package/dist/types/src/index.d.ts

@@ -0,0 +1,108 @@
+import CometChatToast from "./components/BaseComponents/CometChatToast/CometChatToast";
+export { CometChatUserMemberWrapper } from "./components/CometChatUserMemberWrapper/CometChatUserMemberWrapper";
+export { CometChatUIKit } from './CometChatUIKit/CometChatUIKit';
+export { UIKitSettingsBuilder, UIKitSettings } from './CometChatUIKit/UIKitSettings';
+export { ChatConfigurator } from './utils/ChatConfigurator';
+export { DataSource } from './utils/DataSource';
+export { DataSourceDecorator } from './utils/DataSourceDecorator';
+export { ExtensionsDataSource } from './components/Extensions/ExtensionsDataSource';
+export { MessagesDataSource } from './utils/MessagesDataSource';
+export { CometChatList } from './components/BaseComponents/CometChatList/CometChatList';
+export { CollaborativeDocumentConfiguration } from './components/Extensions/CollaborativeDocument/CollaborativeDocumentConfiguration';
+export { CollaborativeDocumentExtension } from './components/Extensions/CollaborativeDocument/CollaborativeDocumentExtension';
+export { CollaborativeDocumentExtensionDecorator } from './components/Extensions/CollaborativeDocument/CollaborativeDocumentExtensionDecorator';
+export { CollaborativeWhiteboardConfiguration } from './components/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardConfiguration';
+export { CollaborativeWhiteboardExtension } from './components/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtension';
+export { CollaborativeWhiteBoardExtensionDecorator } from './components/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtensionDecorator';
+export { LinkPreviewExtension } from './components/Extensions/LinkPreview/LinkPreviewExtension';
+export { LinkPreviewExtensionDecorator } from './components/Extensions/LinkPreview/LinkPreviewExtensionDecorator';
+export { MessageTranslationExtension } from './components/Extensions/MessageTranslation/MessageTranslationExtension';
+export { MessageTranslationExtensionDecorator } from './components/Extensions/MessageTranslation/MessageTranslationExtensionDecorator';
+export { PollsConfiguration } from './components/Extensions/Polls/PollsConfiguration';
+export { PollsExtension } from './components/Extensions/Polls/PollsExtension';
+export { PollsExtensionDecorator } from './components/Extensions/Polls/PollsExtensionDecorator';
+export { StickersExtension } from './components/Extensions/Stickers/StickersExtension';
+export { StickersExtensionDecorator } from './components/Extensions/Stickers/StickersExtensionDecorator';
+export { ThumbnailGenerationExtension } from './components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtension';
+export { ThumbnailGenerationExtensionDecorator } from './components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator';
+export { CallingExtension } from './components/Calling/CallingExtension';
+export { CallingExtensionDecorator } from './components/Calling/CallingExtensionDecorator';
+export { CometChatIncomingCall } from './components/Calling/CometChatIncomingCall/CometChatIncomingCall';
+export { CometChatOngoingCall } from './components/Calling/CometChatOngoingCall/CometChatOngoingCall';
+export { CometChatOutgoingCall } from './components/Calling/CometChatOutgoingCall/CometChatOutgoingCall';
+export { CometChatCallLogs } from './components/Calling/CometChatCallLogs/CometChatCallLogs';
+export { CometChatConversations } from './components/CometChatConversations/CometChatConversations';
+export { CometChatGroupMembers } from './components/CometChatGroupMembers/CometChatGroupMembers';
+export { CometChatGroups } from './components/CometChatGroups/CometChatGroups';
+export { CometChatMessageBubble } from './components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble';
+export { CometChatMessageComposer } from './components/CometChatMessageComposer/CometChatMessageComposer';
+export { CometChatMessageHeader } from './components/CometChatMessageHeader/CometChatMessageHeader';
+export { CometChatMessageList } from './components/CometChatMessageList/CometChatMessageList';
+export { CometChatUsers } from './components/CometChatUsers/CometChatUsers';
+export { CometChatMessageInformation } from './components/CometChatMessageInformation/CometChatMessageInformation';
+export { AIConversationStarterExtension } from './components/AI/AIConversationStarter/AIConversationStarterExtension';
+export { AIConversationStarterDecorator } from './components/AI/AIConversationStarter/AIConversationStarterDecorator';
+export { AISmartRepliesExtension } from './components/AI/AISmartReplies/AISmartRepliesExtension';
+export { AISmartRepliesDecorator } from './components/AI/AISmartReplies/AISmartRepliesDecorator';
+export { AIConversationSummaryExtension } from './components/AI/AIConversationSummary/AIConversationSummaryExtension';
+export { AIConversationSummaryDecorator } from './components/AI/AIConversationSummary/AIConversationSummaryDecorator';
+export { AIExtensionDataSource } from './components/AI/AIExtensionDataSource';
+export { CometChatUIKitCalls } from './CometChatUIKit/CometChatCalls';
+export { CometChatUIKitConstants } from "./constants/CometChatUIKitConstants";
+export { CometChatUtilityConstants } from "./constants/CometChatUtilityConstants";
+export * from "./resources/CometChatLocalize/cometchat-localize";
+export { CometChatMessageComposerAction } from "./modals/CometChatMessageComposerAction";
+export { CometChatMessageOption } from "./modals/CometChatMessageOption";
+export { CometChatMessageTemplate } from "./modals/CometChatMessageTemplate";
+export { CometChatOption } from "./modals/CometChatOption";
+export { CometChatActions } from "./modals/CometChatActions";
+export { CometChatActionsIcon } from "./modals/CometChatActionsIcon";
+export { CometChatActionsView } from "./modals/CometChatActionsView";
+export * from "./Enums/Enums";
+export * from "./events/CometChatUIEvents";
+export { CometChatCallEvents } from "./events/CometChatCallEvents";
+export { CometChatConversationEvents } from "./events/CometChatConversationEvents";
+export * from "./events/CometChatGroupEvents";
+export * from "./events/CometChatMessageEvents";
+export { CometChatUserEvents } from "./events/CometChatUserEvents";
+export { ChatSdkEventInitializer } from "./utils/ChatSdkEventInitializer";
+export { CometChatActionBubble } from './components/BaseComponents/CometChatActionBubble/CometChatActionBubble';
+export { CometChatActionSheet } from './components/BaseComponents/CometChatActionSheet/CometChatActionSheet';
+export { CometChatAudioBubble } from './components/BaseComponents/CometChatAudioBubble/CometChatAudioBubble';
+export { CometChatAvatar } from './components/BaseComponents/CometChatAvatar/CometChatAvatar';
+export { CometChatButton } from './components/BaseComponents/CometChatButton/CometChatButton';
+export { CometChatCallBubble } from './components/BaseComponents/CometChatCallBubble/CometChatCallBubble';
+export { CometChatChangeScope } from './components/BaseComponents/CometChatChangeScope/CometChatChangeScope';
+export { CometChatCheckbox } from './components/BaseComponents/CometChatCheckbox/CometChatCheckbox';
+export { CometChatConfirmDialog } from './components/BaseComponents/CometChatConfirmDialog/CometChatConfirmDialog';
+export { CometChatContextMenu } from './components/BaseComponents/CometChatContextMenu/CometChatContextMenu';
+export { CometChatVideoBubble } from './components/BaseComponents/CometChatVideoBubble/CometChatVideoBubble';
+export { CometChatToast };
+export { CometChatTextBubble } from './components/BaseComponents/CometChatTextBubble/CometChatTextBubble';
+export { CometChatSearchBar } from './components/BaseComponents/CometChatSearchBar/CometChatSearchBar';
+export { CometChatRadioButton } from './components/BaseComponents/CometChatRadioButton/CometChatRadioButton';
+export { CometChatPopover } from './components/BaseComponents/CometChatPopover/CometChatPopover';
+export { CometChatMediaRecorder } from './components/BaseComponents/CometChatMediaRecorder/CometChatMediaRecorder';
+export { CometChatListItem } from './components/BaseComponents/CometChatListItem/CometChatListItem';
+export { CometChatImageBubble } from './components/BaseComponents/CometChatImageBubble/CometChatImageBubble';
+export { CometChatFullScreenViewer } from './components/BaseComponents/CometChatFullScreenViewer/CometChatFullScreenViewer';
+export { CometChatFileBubble } from './components/BaseComponents/CometChatFileBubble/CometChatFileBubble';
+export { CometChatEmojiKeyboard } from './components/BaseComponents/CometChatEmojiKeyboard/CometChatEmojiKeyboard';
+export { CometChatEditPreview } from './components/BaseComponents/CometChatEditPreview/CometChatEditPreview';
+export { CometChatDropDown } from './components/BaseComponents/CometChatDropDown/CometChatDropDown';
+export { CometChatDocumentBubble } from './components/BaseComponents/CometChatDocumentBubble/CometChatDocumentBubble';
+export { CometChatDate } from './components/BaseComponents/CometChatDate/CometChatDate';
+export { CometChatDeleteBubble } from './components/BaseComponents/CometChatDeleteBubble/CometChatDeleteBubble';
+export { CallingDetailsUtils } from './utils/CallingDetailsUtils';
+export { ConversationUtils } from './utils/ConversationUtils';
+export { GroupMemberUtils } from './utils/GroupMemberUtils';
+export { MessageReceiptUtils } from './utils/MessageReceiptUtils';
+export { MessageUtils } from './utils/MessageUtils';
+export * from './utils/util';
+export * from './utils/Storage';
+export { CometChatThreadedMessagePreview } from './components/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview';
+export * from "./components/Calling/Utils/utils";
+export { CometChatUIKitLoginListener } from './CometChatUIKit/CometChatUIKitLoginListener';
+export { CometChatUIKitUtility } from './CometChatUIKit/CometChatUIKitUtility';
+export * from './CometChatCustomHooks';
+export * from './formatters/index';

package/dist/types/src/modals/CometChatActions.d.ts

@@ -0,0 +1,36 @@
+/**
+ * CometChatActions is a pre-defined structure for creating actions
+ * that the user can perform on a message, with properties to customize
+ * the appearance and behavior of the action.
+ * It is used in CometChatActionsIcon and CometChatActionsView components.
+ */
+export declare class CometChatActions {
+    /**
+     * Unique identifier for the message action.
+     * @type {string}
+     */
+    id: string;
+    /**
+     * Heading text for the message action.
+     * @type {string}
+     */
+    title: string;
+    /**
+     * Asset URL for the icon to symbolize a message action.
+     * @type {string | undefined}
+     */
+    iconURL?: string;
+    /**
+     * Creates an instance of CometChatActions.
+     *
+     * @param {Object} options - Options to initialize the action.
+     * @param {string} options.id - Unique identifier for the message action.
+     * @param {string} options.title - Heading text for the message action.
+     * @param {string} [options.iconURL] - Asset URL for the icon to symbolize a message action.
+     */
+    constructor(options: {
+        id: string;
+        title: string;
+        iconURL?: string;
+    });
+}

package/dist/types/src/modals/CometChatActionsIcon.d.ts

@@ -0,0 +1,38 @@
+import { CometChatActions } from "./CometChatActions";
+/**
+ * CometChatActionsIcon is a pre-defined structure for creating actions
+ * that the user can perform on a message with an icon representation.
+ * It is used in CometChatContextMenu, CometChatMessageBubble, CometChatMessageList components.
+ */
+export declare class CometChatActionsIcon extends CometChatActions {
+    /**
+     * Function invoked when the user clicks on the message action.
+     * @type {(id: number) => void}
+     */
+    onClick: (id: number) => void;
+    /**
+     * Creates an instance of CometChatActionsIcon.
+     */
+    constructor(options: {
+        /**
+         * Unique identifier for the message action.
+         * @type {string}
+         */
+        id: string;
+        /**
+         * Heading text for the message action.
+         * @type {string}
+         */
+        title: string;
+        /**
+         * Asset URL for the icon to symbolize a message action.
+         * @type {string}
+         */
+        iconURL: string;
+        /**
+         * Function invoked when the user clicks on the message action. This function should handle the action related to the provided message id.
+         * @type {(id: number) => void}
+         */
+        onClick: (id: number) => void;
+    });
+}

package/dist/types/src/modals/CometChatActionsView.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { CometChatActions } from "./CometChatActions";
+/**
+ * CometChatActionsView is a pre-defined structure for creating actions
+ * that the user can perform on a message with a customized UI view representation.
+ * It is used in AI module, CometChatMessageBubble, CometChatMessageComposer, CometChatMessageList components.
+ */
+export declare class CometChatActionsView extends CometChatActions {
+    /**
+     * User-defined component to customize the action view for each option in the template.
+     * @type {callbacks: any) => Element | JSX.Element | undefined}
+     */
+    customView?: (callbacks: any) => Element | JSX.Element;
+    /**
+     * Creates an instance of CometChatActionsView.
+     */
+    constructor(options: {
+        /**
+        * Unique identifier for the message action.
+        * @type {string}
+        */
+        id: string;
+        /**
+         * Heading text for the message action.
+         * @type {string}
+         */
+        title: string;
+        /**
+         * Asset URL for the icon to symbolize a message action. This is optional and can be omitted.
+         * @type {string}
+         */
+        iconURL?: string;
+        /**
+         * User-defined component to customize the action view. This is optional and can be omitted.
+         * @type {Element | JSX.Element}
+         */
+        customView?: (callbacks: any) => Element | JSX.Element;
+    });
+}

package/dist/types/src/modals/CometChatMessageComposerAction.d.ts

@@ -0,0 +1,33 @@
+/**
+ * CometChatMessageComposerAction is a pre-defined structure for creating an attachment option
+ * in the CometChatMessageComposer component that the user can perform in addition to composing a message.
+ * It is used in AI module, CometChatMessageComposer component and Poll extension.
+ */
+export declare class CometChatMessageComposerAction {
+    /**
+      * Unique identifier for the attachment option.
+      * @type {string}
+      */
+    id: string;
+    /**
+     * Asset URL for the icon to symbolize an attachment option.
+     * @type {string}
+     */
+    iconURL: string;
+    /**
+     * Function invoked when the user clicks on the attachment option.
+     * @type {(() => void) | null}
+     */
+    onClick: (() => void) | null;
+    /**
+    * Heading text for the attachment option.
+    * @type {string}
+    */
+    title?: string;
+    /**
+     * Creates an instance of CometChatMessageComposerAction.
+     *
+     * @param {Partial<CometChatMessageComposerAction>} props - Partial properties to initialize the action item.
+     */
+    constructor(props: Partial<CometChatMessageComposerAction>);
+}

package/dist/types/src/modals/CometChatMessageOption.d.ts

@@ -0,0 +1,37 @@
+import { CometChatOption } from './CometChatOption';
+/**
+ * CometChatMessageOption is a pre-defined structure for creating an option
+ * that can be used to perform an action on a message, such as edit, delete, etc.
+ * It is used in CometChatMessageTemplate of modal.
+ */
+export declare class CometChatMessageOption extends CometChatOption {
+    /**
+     * Creates an instance of CometChatMessageOption.
+     */
+    constructor({ 
+    /**
+      * Unique identifier for each option.
+      * @type {string}
+      */
+    id, 
+    /**
+     * Heading text for each option.
+     * @type {string}
+     */
+    title, 
+    /**
+     * Sets the asset URL of the icon for each option.
+     * @type {string}
+     */
+    iconURL, 
+    /**
+     * Method to be invoked when user clicks on each option.
+     * @type {(any) => void}
+     */
+    onClick, }: {
+        id?: string | undefined;
+        title?: string | undefined;
+        iconURL?: string | undefined;
+        onClick?: null | undefined;
+    });
+}

package/dist/types/src/modals/CometChatMessageTemplate.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import { CometChatMessageOption } from "./CometChatMessageOption";
+import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
+/**
+ * CometChatMessageTemplate is a pre-defined structure for creating message views
+ * that can be used as a starting point or blueprint for creating message views,
+ * often known as message bubbles.
+ * It is used in CometChatMessageInformation, CometChatMessageList components and extensions like Polls, Stickers.
+ */
+declare class CometChatMessageTemplate {
+    /**
+     * Type of the CometChat message.
+     * @type {string}
+     */
+    type: string;
+    /**
+     * Custom component to customize the content section for each message bubble.
+     * By default, it displays the Text bubble, Image bubble, File bubble, Audio bubble,
+     * and Video bubble based on the type of the message.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    contentView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    /**
+     * Custom component to customize the complete message bubble.
+     * By default, headerView, contentView and footerView collectively form a message bubble.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    bubbleView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    /**
+     * Custom component to customize the header section for each message bubble.
+     * By default, it displays the message sender's name.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    headerView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    /**
+     * Custom component to customize the footer section for each message bubble.
+     * By default, it displays the reactions.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    footerView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    /**
+     * Custom component to customize the bottom view section for each message bubble.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    bottomView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    /**
+     * Custom component to customize the status info section for each message bubble.
+     * By default, it displays the receipt and the timestamp.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    statusInfoView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns) => Element | JSX.Element | null) | null;
+    /**
+     * List of available actions that any user can perform on a message, like reacting,
+     * editing or deleting a message.
+     * @type {(loggedInUser: CometChat.User, message: CometChat.BaseMessage) => CometChatMessageOption[]}
+     */
+    options: (loggedInUser: CometChat.User, message: CometChat.BaseMessage, group?: CometChat.Group) => CometChatMessageOption[];
+    /**
+     * Category of the CometChat message.
+     * @type {string}
+     */
+    category: string;
+    /**
+     * Creates an instance of CometChatMessageTemplate.
+     *
+     * @param {Partial<CometChatMessageTemplate>} props - Properties to initialize the message template.
+     */
+    constructor(props: Partial<CometChatMessageTemplate>);
+}
+export { CometChatMessageTemplate };