@cometchat/chat-uikit-react 5.0.3 → 6.0.0

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

@@ -0,0 +1,27 @@
+/**
+ * Represents the configuration for a calendar object.
+ */
+export declare class CalendarObject {
+    /** Custom formatting for dates that fall on the same day. */
+    today?: string;
+    /** Custom formatting for dates that fall on the previous day. */
+    yesterday?: string;
+    /** Custom formatting for dates within the last week. */
+    lastWeek?: string;
+    /** Custom formatting for dates that do not fit other categories. */
+    otherDays?: string;
+    /**
+     * Relative time formatting for specific time units.
+     */
+    relativeTime?: {
+        /** Formatting for minutes (singular). */
+        minute?: string;
+        /** Formatting for minutes (plural). */
+        minutes?: string;
+        /** Formatting for hours (singular). */
+        hour?: string;
+        /** Formatting for hours (plural). */
+        hours?: string;
+    };
+    constructor(calendaObject: CalendarObject);
+}

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

@@ -4,8 +4,9 @@ import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometC
 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.
@@ -17,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

@@ -6,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.
  */
@@ -18,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

@@ -0,0 +1,24 @@
+import { CalendarObject } from "./CalendarObject";
+/**
+ * Represents the localization settings for an application or component.
+ */
+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. */
+    translationsForLanguage?: {
+        [key: string]: any;
+    };
+    /** Whether to disable automatic language detection. */
+    disableAutoDetection?: boolean;
+    /** The fallback language code to use if the primary language is not available. */
+    fallbackLanguage?: string;
+    /** Whether to disable localization for date and time values. */
+    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) => 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

@@ -6,7 +6,8 @@ import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/Co
 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;
@@ -49,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,12 +1,11 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.3",
+  "version": "6.0.0",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "dependencies": {
     "@cometchat/chat-sdk-javascript": "^4.0.10",
     "@rollup/plugin-json": "^6.1.0",
-    "postcss": "^8.5.2",
     "rxjs": "^7.8.1"
   },
   "scripts": {
@@ -42,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": [
@@ -68,4 +67,4 @@
   "bugs": {
     "url": "https://help.cometchat.com/hc/en-us"
   }
-}
+}

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;
-};