@cometchat/chat-uikit-react 6.2.6 → 6.3.1

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

@@ -18,12 +18,16 @@ export declare abstract class DataSource {
     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 getReplyView(message: CometChat.BaseMessage, alignment?: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): Element | JSX.Element | null;
+    abstract getFooterView(message: CometChat.BaseMessage): Element | JSX.Element | null;
     abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): Element | JSX.Element | null;
     abstract getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, otherParams: Object | undefined): Element | JSX.Element;
     abstract getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX.Element | null;
+    abstract getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX.Element | null;
     abstract getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getToolResultsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
@@ -41,7 +45,7 @@ export declare abstract class DataSource {
     abstract getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     abstract getAllMessageTypes(): Array<string>;
     abstract getAllMessageCategories(additionalConfigurations?: Object | undefined): Array<string>;
-    abstract getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
+    abstract getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): JSX.Element | undefined;
     abstract getId(): string;
     abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     abstract getGroupActionBubble(message: CometChat.BaseMessage): Element | JSX.Element;

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

@@ -21,6 +21,10 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): JSX.Element | Element | null;
     getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): JSX.Element | Element | null;
+    getReplyView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): JSX.Element | Element | null;
+    getFooterView(message: CometChat.BaseMessage): JSX.Element | Element | null;
+    getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX.Element | null;
+    getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX.Element | null;
     getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
     getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
     getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
@@ -43,7 +47,7 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     getAllMessageTypes(): string[];
     getAllMessageCategories(additionalConfigurations?: Object | undefined): string[];
-    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): JSX.Element | undefined;
     getId(): string;
     getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getGroupActionBubble(message: CometChat.BaseMessage): JSX.Element | Element;

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

@@ -18,6 +18,7 @@ export type ComposerId = {
  */
 export interface additionalParamsOptions {
     hideReplyInThreadOption?: boolean;
+    hideReplyOption?: boolean;
     hideTranslateMessageOption?: boolean;
     hideReactionOption?: boolean;
     hideEditMessageOption?: boolean;
@@ -31,6 +32,7 @@ export declare class MessagesDataSource implements DataSource {
     getDeleteOption(): CometChatActionsIcon;
     getReactionOption(): CometChatActionsView;
     getReplyInThreadOption(): CometChatActionsIcon;
+    getReplyOption(): CometChatActionsIcon;
     getSendMessagePrivatelyOption(): CometChatActionsIcon;
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
@@ -72,6 +74,8 @@ export declare class MessagesDataSource implements DataSource {
     getBubbleStatusInfoDate: (item: CometChat.BaseMessage, messageSentAtDateTimeFormat?: CalendarObject) => JSX.Element | null;
     getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean) => import("react/jsx-runtime").JSX.Element | null;
     getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
+    getReplyView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): import("react/jsx-runtime").JSX.Element | null;
+    getFooterView(_messageObject: CometChat.BaseMessage): import("react/jsx-runtime").JSX.Element | null;
     getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
     getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage): import("react/jsx-runtime").JSX.Element;
     getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage): import("react/jsx-runtime").JSX.Element;
@@ -98,7 +102,7 @@ export declare class MessagesDataSource implements DataSource {
     getAllMessageCategories(additionalConfigurations?: {
         hideGroupActionMessages?: boolean;
     }): Array<string>;
-    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): 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;
@@ -131,6 +135,21 @@ export declare class MessagesDataSource implements DataSource {
     fileAttachmentOption(): CometChatMessageComposerAction;
     getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): Array<CometChatMessageComposerAction>;
     getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: additionalParams): string;
+    /**
+   * Helper method to get subtitle JSX element for message preview
+   * @param message - The message object
+   * @param textFormatters - Text formatters to apply
+   * @param _alignment - Alignment of the message bubble
+   * @returns JSX element for subtitle or null
+   */
+    getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX.Element | null;
+    /**
+     * Helper method to get title JSX element for message preview
+     * @param message - The message object
+     * @param _alignment - Alignment of the message bubble
+     * @returns JSX element for subtitle or null
+     */
+    getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX.Element | null;
     getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
     /**
      * Adds styled @ for every mention in the text by matching uid

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.2.6",
+  "version": "6.3.1",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -8,7 +8,7 @@
     "./css-variables.css": "./dist/styles/css-variables.css"
   },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.1.1",
+    "@cometchat/chat-sdk-javascript": "^4.1.2",
     "@rollup/plugin-json": "^6.1.0",
     "rxjs": "^7.8.1",
     "react-markdown": "^10.1.0",