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

package/dist/types/utils/DataSource.d.ts

@@ -11,11 +11,11 @@ import { ComposerId } from "./MessagesDataSource";
  * It is used in AI and calling module and utils related to messages.
  */
 export declare abstract class DataSource {
-    abstract getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     abstract getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): Element | JSX.Element | null;
     abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns): Element | JSX.Element | null;
     abstract getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, otherParams: Object | undefined): Element | JSX.Element;
@@ -28,26 +28,25 @@ export declare abstract class DataSource {
     abstract getVideoMessageTemplate(): CometChatMessageTemplate;
     abstract getAudioMessageTemplate(): CometChatMessageTemplate;
     abstract getFileMessageTemplate(): CometChatMessageTemplate;
-    abstract getGroupActionTemplate(): CometChatMessageTemplate;
+    abstract getGroupActionTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getAllMessageTemplates(additionalConfigurations?: Object | undefined): Array<CometChatMessageTemplate>;
     abstract getMessageTemplate(messageType: string, messageCategory: string): CometChatMessageTemplate | null;
-    abstract getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    abstract getAttachmentOptions(id: ComposerId): CometChatMessageComposerAction[];
+    abstract getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     abstract getAllMessageTypes(): Array<string>;
-    abstract getAllMessageCategories(): Array<string>;
-    abstract getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    abstract getAllMessageCategories(additionalConfigurations?: Object | undefined): Array<string>;
+    abstract getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
     abstract getId(): string;
-    abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage): Element | JSX.Element;
+    abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     abstract getGroupActionBubble(message: CometChat.BaseMessage): Element | JSX.Element;
     abstract getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
-    abstract getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): Element | JSX.Element;
-    abstract getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): Element | JSX.Element;
-    abstract getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
-    abstract getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    abstract getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     abstract getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: additionalParams): string;
-    abstract getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
-    abstract getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): (CometChatMessageComposerAction | CometChatActionsView)[];
+    abstract getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
     abstract getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     abstract getMentionsTextFormatter(params: Object): CometChatMentionsFormatter;
     abstract getUrlTextFormatter(params: Object): CometChatUrlsFormatter;

package/dist/types/utils/DataSourceDecorator.d.ts

@@ -13,11 +13,11 @@ import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
 export declare abstract class DataSourceDecorator implements DataSource {
     dataSource: DataSource;
     constructor(dataSource: DataSource);
-    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns): JSX.Element | Element | null;
     getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): JSX.Element | Element | null;
     getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
@@ -30,26 +30,25 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getVideoMessageTemplate(): CometChatMessageTemplate;
     getAudioMessageTemplate(): CometChatMessageTemplate;
     getFileMessageTemplate(): CometChatMessageTemplate;
-    getGroupActionTemplate(): CometChatMessageTemplate;
+    getGroupActionTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getAllMessageTemplates(additionalConfigurations?: Object | undefined): CometChatMessageTemplate[];
     getMessageTemplate(messageType: string, messageCategory: string): CometChatMessageTemplate | null;
-    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getAttachmentOptions(id: ComposerId): CometChatMessageComposerAction[];
+    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     getAllMessageTypes(): string[];
-    getAllMessageCategories(): string[];
-    getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    getAllMessageCategories(additionalConfigurations?: Object | undefined): string[];
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
     getId(): string;
-    getDeleteMessageBubble(messageObject: CometChat.BaseMessage): JSX.Element | Element;
+    getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getGroupActionBubble(message: CometChat.BaseMessage): JSX.Element | Element;
     getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
-    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): JSX.Element | Element;
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): JSX.Element | Element;
-    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): JSX.Element | Element;
-    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): JSX.Element | Element;
+    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: additionalParams): string;
-    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
-    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): (CometChatMessageComposerAction | CometChatActionsView)[];
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
     getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     getMentionsTextFormatter(params?: Object): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: Object): CometChatUrlsFormatter;

package/dist/types/utils/GroupMemberUtils.d.ts

@@ -12,7 +12,7 @@ export declare class GroupMemberUtils {
      * @param {string} [loggedInUser=""] - The UID of the logged-in user.
      * @returns {CometChatOption[] | string} - An array of options or the member's scope as a string.
      */
-    static getViewMemberOptions(groupMember: CometChat.GroupMember, group: CometChat.Group, loggedInUser?: string): string | CometChatOption[];
+    static getViewMemberOptions(groupMember: CometChat.GroupMember, group: CometChat.Group, loggedInUser?: string, additionalConfigurations?: any): string | CometChatOption[];
     /**
      * Retrieves the available options for a banned group member.
      *

package/dist/types/utils/MessageUtils.d.ts

@@ -12,7 +12,7 @@ export declare class MessageUtils {
      * @param {CometChatMessageTemplate} template - The message template to use for rendering the content view.
      * @returns {object | null} - The content view for the message, or null if not found.
      */
-    getContentView(message: CometChat.BaseMessage, template: CometChatMessageTemplate): any;
+    getContentView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment): any;
     /**
      * Retrieves the content view for a message based on the provided template.
      *

package/dist/types/utils/MessagesDataSource.d.ts

@@ -16,6 +16,16 @@ export type ComposerId = {
  * Utility class that extends DataSource and provides getters for message options.
  * It is used in message and dataSource utils.
  */
+export interface additionalParamsOptions {
+    hideReplyInThreadOption?: boolean;
+    hideTranslateMessageOption?: boolean;
+    hideReactionOption?: boolean;
+    hideEditMessageOption?: boolean;
+    hideDeleteMessageOption?: boolean;
+    hideMessagePrivatelyOption?: boolean;
+    hideCopyMessageOption?: boolean;
+    hideMessageInfoOption?: boolean;
+}
 export declare class MessagesDataSource implements DataSource {
     getEditOption(): CometChatActionsIcon;
     getDeleteOption(): CometChatActionsIcon;
@@ -25,12 +35,12 @@ export declare class MessagesDataSource implements DataSource {
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
     isSentByMe(loggedInUser: CometChat.User, message: CometChat.BaseMessage): boolean;
-    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
     getIsSentByMe(message: CometChat.BaseMessage): boolean;
-    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getReceiptClass(status?: number): "wait" | "read" | "error" | "delivered" | "sent" | undefined;
     /**
   * Function to get receipt for message bubble
@@ -50,16 +60,20 @@ export declare class MessagesDataSource implements DataSource {
     getAudioMessageTemplate(): CometChatMessageTemplate;
     getVideoMessageTemplate(): CometChatMessageTemplate;
     getImageMessageTemplate(): CometChatMessageTemplate;
-    getGroupActionTemplate(): CometChatMessageTemplate;
+    getGroupActionTemplate(additionalConfigurations?: {
+        hideGroupActionMessages?: boolean;
+    }): CometChatMessageTemplate;
     getFileMessageTemplate(): CometChatMessageTemplate;
     getAllMessageTemplates(additionalConfigurations?: additionalParams): Array<CometChatMessageTemplate>;
     getMessageTemplate(messageType: string, messageCategory: string, additionalConfigurations?: additionalParams): CometChatMessageTemplate | null;
-    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
-    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
+    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
     getAllMessageTypes(): Array<string>;
     addList(): string;
-    getAllMessageCategories(): Array<string>;
-    getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    getAllMessageCategories(additionalConfigurations?: {
+        hideGroupActionMessages?: boolean;
+    }): Array<string>;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
     getId(): string;
     getTextMessageContentView(message: CometChat.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): JSX.Element | Element;
     getAudioMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
@@ -67,10 +81,10 @@ export declare class MessagesDataSource implements DataSource {
     getImageMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
     getVideoMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
     getActionMessage(message: any): string;
-    getDeleteMessageBubble(message: CometChat.BaseMessage, text?: string): import("react/jsx-runtime").JSX.Element;
+    getDeleteMessageBubble(message: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): import("react/jsx-runtime").JSX.Element;
     getGroupActionBubble(message: CometChat.BaseMessage): import("react/jsx-runtime").JSX.Element;
     getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): Element | JSX.Element;
-    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     /**
      * Function to check mimeType and return the iconUrl of that type
      * @param mimeType
@@ -83,17 +97,16 @@ export declare class MessagesDataSource implements DataSource {
      * @returns
      */
     getFileSize: (sizeInBytes: number) => string;
-    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): import("react/jsx-runtime").JSX.Element;
     getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): Element | JSX.Element;
     imageAttachmentOption(): CometChatMessageComposerAction;
     videoAttachmentOption(): CometChatMessageComposerAction;
     audioAttachmentOption(): CometChatMessageComposerAction;
     fileAttachmentOption(): CometChatMessageComposerAction;
-    getAttachmentOptions(id: ComposerId): Array<CometChatMessageComposerAction>;
+    getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): Array<CometChatMessageComposerAction>;
     getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: additionalParams): string;
-    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
-    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): Array<CometChatMessageComposerAction | CometChatActionsView>;
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
     /**
      * Adds styled @ for every mention in the text by matching uid
      *

package/dist/types/utils/util.d.ts

@@ -1,5 +1,10 @@
 export declare function sanitizeHtml(htmlString: string, whitelistRegExes: RegExp[]): string;
 export declare function isMessageSentByMe(message: CometChat.BaseMessage, loggedInUser: CometChat.User): boolean;
+/**
+ * Function to check if the current browser is safari.
+ * @returns boolean
+ */
+export declare function isSafari(): boolean;
 /**
  * Checks if a given text is a URL.
  * A valid URL should start with either "http", "https", or "www" and must not contain spaces.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.0-beta2",
+  "version": "5.0.0",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "dependencies": {

package/dist/assets/ai-empty.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="100.000000pt" height="100.000000pt" viewBox="0 0 100.000000 100.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,100.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M375 847 c-221 -73 -326 -269 -254 -472 l22 -62 -25 -74 c-14 -41
--23 -80 -21 -86 6 -17 42 -15 138 6 77 17 82 17 138 -1 72 -22 199 -25 216 -4
-6 7 9 21 5 30 -5 13 -21 16 -79 16 -44 0 -98 8 -136 19 -58 18 -67 19 -123 6
--89 -21 -88 -23 -65 42 l20 58 -26 56 c-52 116 -25 240 69 327 77 71 123 87
-246 87 123 0 169 -16 245 -86 64 -59 88 -108 94 -199 5 -68 8 -75 28 -78 36
--5 48 38 33 118 -22 125 -94 215 -218 273 -59 28 -79 32 -167 34 -63 2 -115
--2 -140 -10z"/>
-<path d="M687 313 c-16 -15 -4 -42 38 -83 l45 -44 -45 -46 c-47 -48 -56 -74
--28 -84 11 -5 31 8 64 40 l48 47 50 -46 c54 -50 61 -53 79 -35 18 18 15 25
--35 79 l-46 50 48 49 c41 42 46 51 35 65 -19 23 -30 19 -80 -30 l-46 -45 -44
-45 c-41 42 -68 54 -83 38z"/>
-</g>
-</svg>

package/dist/assets/ai-error.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" xml:space="preserve" version="1.1" viewBox="0 0 100 100">
-    <image width="100" height="100" xlink:href="data:image/png;base64,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"/>
-  </svg>

package/dist/assets/send.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Icons/24/Send</title>
-    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Icons/24/Send" stroke="#000000" stroke-width="1.5">
-            <g id="Group" transform="translate(3.000000, 3.000000)">
-                <path d="M0.158865921,1.85985859 C-0.108182698,1.38202197 -0.0332622567,0.786017075 0.343741637,0.389140701 C0.72074553,-0.00773567366 1.31211969,-0.113146836 1.80303259,0.129025252 L17.6480326,8.17819192 C17.857662,8.28481329 17.9896898,8.50008892 17.9896898,8.73527525 C17.9896898,8.97046158 17.857662,9.18573721 17.6480326,9.29235859 L1.80303259,17.3523586 C1.31211969,17.5945307 0.72074553,17.4891195 0.343741637,17.0922431 C-0.0332622567,16.6953668 -0.108182698,16.0993619 0.158865921,15.6215253 L4.37386592,8.73485859 L0.158865921,1.85985859 Z" id="Path"></path>
-                <line x1="17.9896993" y1="8.73485859" x2="4.36969925" y2="8.73485859" id="Path"></line>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/styles/AICard.css

@@ -1,30 +0,0 @@
-.cometchat-ai-card__container {
-  height:fit-content;
-  max-height: 30px;
-  width: 100%;
-  border:none;
-  border-radius: 0;
-  background: none;
-}
-
-.cometchat-ai-card__loading-state,
-.cometchat-ai-card__empty-state,
-.cometchat-ai-card__error-state
-  {
-  height:fit-content;
-  display: flex;
-  width: 100%;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
-  text-align: center;
-}
-
-.cometchat-ai-card__loading-icon-url,
-.cometchat-ai-card__error-icon-url,
-.cometchat-ai-card__empty-icon-url
-{
-  width: 24px;
-  height: 24px;
-}

package/dist/styles/components/AICard.css

@@ -1,30 +0,0 @@
-.cometchat-ai-card__container {
-  height:fit-content;
-  max-height: 30px;
-  width: 100%;
-  border:none;
-  border-radius: 0;
-  background: none;
-}
-
-.cometchat-ai-card__loading-state,
-.cometchat-ai-card__empty-state,
-.cometchat-ai-card__error-state
-  {
-  height:fit-content;
-  display: flex;
-  width: 100%;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
-  text-align: center;
-}
-
-.cometchat-ai-card__loading-icon-url,
-.cometchat-ai-card__error-icon-url,
-.cometchat-ai-card__empty-icon-url
-{
-  width: 24px;
-  height: 24px;
-}

package/dist/types/components/AI/AIBaseConfiguration.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-/**
- * AIBaseConfiguration is a base configuration class that provides options for customizing the appearance and behavior of AI-related components.
- */
-export declare class AIBaseConfiguration {
-    /**
-     * Overrides the default API configuration for fetching data.
-     * @param {CometChat.User} [user] - The user object.
-     * @param {CometChat.Group} [group] - The group object.
-     * @returns {Promise<Object>} A promise resolving to a custom configuration object.
-     */
-    apiConfiguration?: (user?: CometChat.User, group?: CometChat.Group) => Promise<Object>;
-    /**
-     * Custom view component for displaying the error state.
-     * @type {any}
-     */
-    errorStateView?: JSX.Element;
-    /**
-     * Custom view component for displaying the empty state.
-     * @type {any}
-     */
-    emptyStateView?: JSX.Element;
-    /**
-     * Custom view component for displaying the loading state.
-     * @type {any}
-     */
-    loadingStateView?: JSX.Element;
-    /**
-     * URL for the loading icon.
-     * @type {string}
-     * @default loadingIcon
-     */
-    loadingIconURL?: string;
-    /**
-     * URL for the error icon.
-     * @type {string}
-     * @default errorIcon
-     */
-    errorIconURL?: string;
-    /**
-     * URL for the empty state icon.
-     * @type {string}
-     * @default emptyIcon
-     */
-    emptyIconURL?: string;
-    /**
-     * Constructs a new AIBaseConfiguration instance.
-     * @param {Partial<AIBaseConfiguration>} props - Partial properties to customize the base configuration.
-     */
-    constructor(props: Partial<AIBaseConfiguration>);
-}

package/dist/types/components/AI/AIConversationStarter/AIConversationStarterConfiguration.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { AIBaseConfiguration } from "../AIBaseConfiguration";
-/**
- * AIConversationStarterConfiguration provides customization options for the AI conversation starter view.
- * Extends the base configuration with additional properties specific to conversation starters.
- */
-export declare class AIConversationStarterConfiguration extends AIBaseConfiguration {
-    /**
-     * Custom callback to display a custom UI for conversation starters.
-     * @param {string[]} response - The list of conversation starters.
-     * @param {() => void} [closeCallBack] - Optional callback to close the custom view.
-     * @returns {Promise<JSX.Element>} A promise resolving to a custom view component.
-     */
-    customView?: (response: string[], closeCallBack?: () => void) => Promise<JSX.Element>;
-    /**
-     * Constructs a new AIConversationStarterConfiguration instance.
-     * @param {Partial<AIConversationStarterConfiguration>} props - Partial properties to customize the conversation starter configuration.
-     */
-    constructor(props: Partial<AIConversationStarterConfiguration>);
-}

package/dist/types/components/AI/AIConversationStarter/AIConversationStarterDecorator.d.ts

@@ -1,18 +0,0 @@
-import { DataSource } from "../../../utils/DataSource";
-import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
-import { AIConversationStarterConfiguration } from "./AIConversationStarterConfiguration";
-export declare class AIConversationStarterDecorator extends DataSourceDecorator {
-    configuration?: AIConversationStarterConfiguration;
-    newDataSource: DataSource;
-    currentMessage: CometChat.BaseMessage | null;
-    loggedInUser: CometChat.User | null;
-    user: CometChat.User;
-    group: CometChat.Group;
-    constructor(dataSource: DataSource, configuration?: AIConversationStarterConfiguration);
-    getId(): string;
-    editReply(reply: string): void;
-    closeIfMessageReceived(message: CometChat.BaseMessage): void;
-    getConversationStarter: () => Promise<string[]>;
-    private loadConversationStarter;
-    private addMessageListener;
-}

package/dist/types/components/AI/AIConversationStarter/AIConversationStarterExtension.d.ts

@@ -1,8 +0,0 @@
-import { AIExtensionDataSource } from "../AIExtensionDataSource";
-import { AIConversationStarterConfiguration } from "./AIConversationStarterConfiguration";
-export declare class AIConversationStarterExtension extends AIExtensionDataSource {
-    private configuration?;
-    constructor(configuration?: AIConversationStarterConfiguration);
-    addExtension(): void;
-    getExtensionId(): string;
-}

package/dist/types/components/AI/AIConversationStarter/AIConversationStarterView.d.ts

@@ -1,8 +0,0 @@
-import { AIConversationStarterConfiguration } from './AIConversationStarterConfiguration';
-interface IAIConversationStarterProps {
-    getConversationStarterCallback?: () => Promise<string[]>;
-    editReplyCallback?: (reply: string) => void;
-    configuration?: AIConversationStarterConfiguration;
-}
-declare const AIConversationStarterView: (props: IAIConversationStarterProps) => import("react/jsx-runtime").JSX.Element;
-export { AIConversationStarterView };

package/dist/types/components/AI/AIConversationSummary/AIConversationSummaryConfiguration.d.ts

@@ -1,31 +0,0 @@
-import { AIBaseConfiguration } from "../AIBaseConfiguration";
-/**
- * AIConversationSummaryConfiguration provides customization options for the AI conversation summary view.
- * Extends the base configuration with additional properties specific to conversation summaries.
- */
-export declare class AIConversationSummaryConfiguration extends AIBaseConfiguration {
-    /**
-     * Custom callback to display a custom UI for conversation summaries.
-     * @param {string} response - The conversation summary response.
-     * @param {() => void} [closeCallBack] - Optional callback to close the custom view.
-     * @returns {Promise<any>} A promise resolving to a custom view component.
-     */
-    customView?: (response: string, closeCallBack?: () => void) => Promise<any>;
-    /**
-     * The threshold for the number of unread messages required to generate a conversation summary.
-     * @type {number}
-     * @default 30
-     */
-    unreadMessageThreshold?: number;
-    /**
-     * URL for the custom close button icon.
-     * @type {string}
-     * @default closeIcon
-     */
-    closeIconURL?: string;
-    /**
-     * Constructs a new AIConversationSummaryConfiguration instance.
-     * @param {Partial<AIConversationSummaryConfiguration>} props - Partial properties to customize the conversation summary configuration.
-     */
-    constructor(props: Partial<AIConversationSummaryConfiguration>);
-}

package/dist/types/components/AI/AIConversationSummary/AIConversationSummaryDecorator.d.ts

@@ -1,22 +0,0 @@
-import { DataSource } from "../../../utils/DataSource";
-import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
-import { AIConversationSummaryConfiguration } from "./AIConversationSummaryConfiguration";
-import { CometChatActionsView } from "../../../modals/CometChatActionsView";
-import { CometChatMessageComposerAction } from "../../../modals";
-export declare class AIConversationSummaryDecorator extends DataSourceDecorator {
-    configuration?: AIConversationSummaryConfiguration;
-    newDataSource: DataSource;
-    currentMessage: CometChat.BaseMessage | null;
-    unreadMessageCount: number;
-    loggedInUser: CometChat.User | null;
-    user: CometChat.User;
-    group: CometChat.Group;
-    private LISTENER_ID;
-    constructor(dataSource: DataSource, configuration?: AIConversationSummaryConfiguration);
-    getId(): string;
-    closePanel: () => void;
-    getConversationSummary: () => Promise<string>;
-    private loadConversationSummary;
-    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: any): (CometChatMessageComposerAction | CometChatActionsView)[];
-    private addMessageListener;
-}

package/dist/types/components/AI/AIConversationSummary/AIConversationSummaryExtension.d.ts

@@ -1,8 +0,0 @@
-import { AIExtensionDataSource } from "../AIExtensionDataSource";
-import { AIConversationSummaryConfiguration } from "./AIConversationSummaryConfiguration";
-export declare class AIConversationSummaryExtension extends AIExtensionDataSource {
-    private configuration?;
-    constructor(configuration?: AIConversationSummaryConfiguration);
-    addExtension(): void;
-    getExtensionId(): string;
-}

package/dist/types/components/AI/AIConversationSummary/AIConversationSummaryView.d.ts

@@ -1,9 +0,0 @@
-import { AIConversationSummaryConfiguration } from './AIConversationSummaryConfiguration';
-interface IAIConversationSummaryProps {
-    getConversationSummaryCallback?: () => Promise<string>;
-    editReplyCallback?: (reply: string) => void;
-    closeCallback?: () => void;
-    configuration?: AIConversationSummaryConfiguration;
-}
-declare const AIConversationSummaryView: (props: IAIConversationSummaryProps) => import("react/jsx-runtime").JSX.Element;
-export { AIConversationSummaryView };

package/dist/types/components/AI/AIExtensionDataSource.d.ts

@@ -1,6 +0,0 @@
-declare abstract class AIExtensionDataSource {
-    abstract addExtension(): void;
-    abstract getExtensionId(): string;
-    enable(): void;
-}
-export { AIExtensionDataSource };

package/dist/types/components/AI/AISmartReplies/AISmartRepliesConfiguration.d.ts

@@ -1,28 +0,0 @@
-import { AIBaseConfiguration } from "../AIBaseConfiguration";
-/**
- * Represents the configuration for the AISmartReplies component.
- *
- * This class allows customization of various aspects of the AISmartReplies component,
- * including styles, icons, custom views, and API configurations.
- */
-export declare class AISmartRepliesConfiguration extends AIBaseConfiguration {
-    /**
-     * The customView callback allows you to display a custom UI for conversation starters.
-     * It receives the list of conversation starters and optional close and back callbacks.
-     *
-     * @type {(response: Object, closeCallBack?: () => void, backCallBack?: () => void) => Promise<any>}
-     */
-    customView?: (response: Object, closeCallBack?: () => void, backCallBack?: () => void) => Promise<any>;
-    /**
-     * The URL for the custom back button icon. Defaults to an embedded back button icon.
-     *
-     * @type {string}
-     */
-    backIconURL?: string;
-    /**
-     * Creates an instance of AISmartRepliesConfiguration.
-     *
-     * @param {Partial<AISmartRepliesConfiguration>} props - The properties to initialize the configuration.
-     */
-    constructor(props: Partial<AISmartRepliesConfiguration>);
-}

package/dist/types/components/AI/AISmartReplies/AISmartRepliesDecorator.d.ts

@@ -1,21 +0,0 @@
-import { DataSource } from "../../../utils/DataSource";
-import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
-import { AISmartRepliesConfiguration } from "./AISmartRepliesConfiguration";
-import { CometChatActionsView, CometChatMessageComposerAction } from "../../../modals";
-export declare class AISmartRepliesDecorator extends DataSourceDecorator {
-    configuration?: AISmartRepliesConfiguration;
-    newDataSource: DataSource;
-    loggedInUser: CometChat.User | null;
-    user: CometChat.User;
-    group: CometChat.Group;
-    buttonRef: any;
-    isModalClosed: boolean;
-    private closeCallback?;
-    constructor(dataSource: DataSource, configuration?: AISmartRepliesConfiguration);
-    getId(): string;
-    editReply(reply: string): void;
-    closeIfMessageReceived(message: CometChat.BaseMessage): void;
-    getSmartReplies: () => Promise<string[]>;
-    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: any): (CometChatMessageComposerAction | CometChatActionsView)[];
-    private addMessageListener;
-}