@cometchat/chat-uikit-react 5.0.2 → 6.0.0

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

@@ -3,9 +3,9 @@
  */
 export declare class CalendarObject {
     /** Custom formatting for dates that fall on the same day. */
-    sameDay?: string;
+    today?: string;
     /** Custom formatting for dates that fall on the previous day. */
-    lastDay?: string;
+    yesterday?: string;
     /** Custom formatting for dates within the last week. */
     lastWeek?: string;
     /** Custom formatting for dates that do not fit other categories. */

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

@@ -1,10 +1,12 @@
+/// <reference types="react" />
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
 import { additionalParams } from "./ConversationUtils";
 import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals/";
-import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
+import { MessageBubbleAlignment } from "../Enums/Enums";
 import { ComposerId } from "./MessagesDataSource";
+import { CalendarObject } from "./CalendarObject";
 /**
  * Class for providing message options and views.
  * It is used in AI and calling module and utils related to messages.
@@ -16,7 +18,7 @@ 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 getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns): Element | JSX.Element | null;
+    abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, messageSentAtDateTimeFormat?: CalendarObject): 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;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSource } from "./DataSource";
 import { ComposerId } from "./MessagesDataSource";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -5,7 +6,8 @@ import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/Co
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { additionalParams } from "./ConversationUtils";
 import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
-import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
+import { MessageBubbleAlignment } from "../Enums/Enums";
+import { CalendarObject } from "./CalendarObject";
 /**
  * This class is used in AI, calling and Extension modules.
  */
@@ -17,7 +19,7 @@ export declare abstract class DataSourceDecorator implements DataSource {
     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;
+    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, messageSentAtDateTimeFormat?: CalendarObject): 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;
     getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;

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

@@ -1,21 +1,8 @@
 import { CalendarObject } from "./CalendarObject";
-/**
- * Represents the configuration for date and time localization.
- */
-export interface DateLocaleConfig {
-    /** Format string for displaying dates. */
-    dateFormat?: string;
-    /** Format string for displaying time. */
-    timeFormat?: string;
-    /** Format string for displaying both date and time. */
-    dateTimeFormat?: string;
-    /** Custom relative time formatting defined using a CalendarObject. */
-    relativeTimeFormat?: CalendarObject;
-}
 /**
  * Represents the localization settings for an application or component.
  */
-export interface LocalisationSettings {
+export interface LocalizationSettings {
     /** The language code (e.g., 'en', 'fr') for the current localization. */
     language?: string;
     /** Object containing key-value pairs for translations in the current language. */
@@ -27,11 +14,11 @@ export interface LocalisationSettings {
     /** The fallback language code to use if the primary language is not available. */
     fallbackLanguage?: string;
     /** Whether to disable localization for date and time values. */
-    disableDateTimeLocalisation?: boolean;
+    disableDateTimeLocalization?: boolean;
     /** The timezone for date and time formatting. */
     timezone?: string;
     /** Custom calendar formatting defined using a CalendarObject. */
     calendarObject?: CalendarObject;
     /** Function to handle missing translation keys. */
-    missingKeyHandler?: (key: string) => string;
+    missingKeyHandler?: (key: string) => void;
 }

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

@@ -1,5 +1,6 @@
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { CometChatMessageTemplate } from "../modals";
+import { CalendarObject } from "./CalendarObject";
 /**
  * Utility class for handling message display and styling.
  * It is used in CometChatMessageInformation component.
@@ -20,7 +21,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.
      */
-    getStatusInfoView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment): any;
+    getStatusInfoView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment, messageSentAtDateTimeFormat?: CalendarObject): any;
     /**
      * Retrieves the bubble wrapper for a message based on the provided template.
      *
@@ -38,7 +39,7 @@ export declare class MessageUtils {
      * @param {MessageBubbleAlignment} alignment - The alignment of the message bubble (left or right).
      * @returns {JSX.Element} - The message bubble component.
      */
-    getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment): any;
+    getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment, messageSentAtDateTimeFormat?: CalendarObject): any;
     /**
      *
      * @param {(CometChat.User | CometChat.GroupMember | any)} user

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

@@ -1,10 +1,13 @@
+/// <reference types="react" />
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { DataSource } from "./DataSource";
 import { additionalParams } from "./ConversationUtils";
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
-import { DatePatterns, MentionsTargetElement, MessageBubbleAlignment } from "../Enums/Enums";
+import { MentionsTargetElement, MessageBubbleAlignment } from "../Enums/Enums";
+import { CalendarObject } from "./CalendarObject";
 export type ComposerId = {
     parentMessageId: number | null;
     user: string | null;
@@ -47,12 +50,28 @@ export declare class MessagesDataSource implements DataSource {
   */
     getBubbleStatusInfoReceipt: (item: CometChat.BaseMessage, hideReceipt?: boolean) => JSX.Element | null;
     /**
+* Function for displaying the timestamp  next to messages.
+* @returns CalendarObject
+*/
+    getMessageSentAtDateFormat(messageSentAtDateTimeFormat?: CalendarObject): {
+        today: string;
+        yesterday: string;
+        lastWeek?: string | undefined;
+        otherDays: string;
+        relativeTime?: {
+            minute?: string | undefined;
+            minutes?: string | undefined;
+            hour?: string | undefined;
+            hours?: string | undefined;
+        } | undefined;
+    };
+    /**
   * Function to get status and date for message bubble
   * @param {CometChat.BaseMessage} item - The message bubble for which the information needs to be fetched
   * @returns {JSX.Element | null} Returns JSX.Element for status and date of a message bubble or null
   */
-    getBubbleStatusInfoDate: (item: CometChat.BaseMessage, datePattern?: DatePatterns) => JSX.Element | null;
-    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns) => import("react/jsx-runtime").JSX.Element | null;
+    getBubbleStatusInfoDate: (item: CometChat.BaseMessage, messageSentAtDateTimeFormat?: CalendarObject) => JSX.Element | null;
+    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipt?: boolean, messageSentAtDateTimeFormat?: CalendarObject) => import("react/jsx-runtime").JSX.Element | null;
     getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
     getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
     getAudioMessageTemplate(): CometChatMessageTemplate;

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

@@ -1,4 +1,5 @@
 import WaveSurfer from "../components/BaseComponents/CometChatAudioBubble/src/wavesurfer";
+import { CalendarObject } from "./CalendarObject";
 interface MediaPlayer {
     video?: HTMLVideoElement | null;
     mediaRecorder?: MediaRecorder | null;
@@ -46,4 +47,7 @@ export declare function processFileForAudio(file: File): Promise<File>;
  */
 export declare function formatDateFromTimestamp(timestamp: number): string;
 export declare function isMobileDevice(): boolean;
+export declare function sanitizeCalendarObject(calendarObject?: CalendarObject): {
+    [k: string]: any;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.2",
+  "version": "6.0.0",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "dependencies": {
@@ -41,7 +41,7 @@
     "webpack-dev-server": "^4.7.4"
   },
   "homepage": "https://www.cometchat.com",
-  "repository": "https://github.com/cometchat/cometchat-uikit-react",
+  "repository": "https://github.com/cometchat/cometchat-uikit-react/tree/v6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "keywords": [

package/dist/types/components/BaseComponents/CometChatDate/useCometChatDate.d.ts

@@ -1,8 +0,0 @@
-import { DatePatterns } from "../../../Enums/Enums";
-export declare const useCometChatDate: ({ timestamp, pattern, customDateString, }: {
-    timestamp: number;
-    pattern: DatePatterns;
-    customDateString: string | null;
-}) => {
-    getFormattedDate: () => string | null;
-};