@cometchat/chat-uikit-react 5.0.2 → 5.0.3

package/dist/styles/CometChatUsers.css

@@ -89,7 +89,7 @@
 }
 
 .cometchat-users__shimmer-item-title {
-  width: calc(100% - 64px);
+  width: 50%;
   height: 22px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);

package/dist/styles/components/CometChatUsers.css

@@ -89,7 +89,7 @@
 }
 
 .cometchat-users__shimmer-item-title {
-  width: calc(100% - 64px);
+  width: 50%;
   height: 22px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);

package/dist/types/CometChatUIKit/CometChatUIKitUtility.d.ts

@@ -1,3 +1,4 @@
+import { BaseMessage, CometChat } from "@cometchat/chat-sdk-javascript";
 interface MessageExtensionType {
     hasXSS?: string;
     sanitized_text?: string;

package/dist/types/components/BaseComponents/CometChatAudioBubble/src/webaudio.d.ts

@@ -31,8 +31,8 @@ declare class WebAudioPlayer extends EventEmitter<WebAudioPlayerEvents> {
     constructor(audioContext?: AudioContext);
     /** Subscribe to an event. Returns an unsubscribe function. */
     addEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void, options?: {
-        once?: boolean;
-    }) => () => void;
+        once?: boolean | undefined;
+    } | undefined) => () => void;
     /** Unsubscribe from an event */
     removeEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void) => void;
     load(): Promise<void>;

package/dist/types/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatEmoji, CometChatEmojiCategory } from "./CometChatEmoji";
 export declare const useCometChatEmojiKeyboard: ({ emojiData, }: {
     emojiData: CometChatEmojiCategory[];

package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatActionsIcon, CometChatActionsView } from "../../../modals";
 import { MessageBubbleAlignment } from "../../../Enums/Enums";
 /**Interface defining the structure for MessageBubbleProps */

package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DatePatterns } from "../../../Enums/Enums";
 interface CallLogsProps {
     /**

package/dist/types/components/Calling/CometChatIncomingCall/CometChatIncomingCall.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatUIKitCalls } from "../../../CometChatUIKit/CometChatCalls";
 interface IncomingCallProps {
     /**

package/dist/types/components/Calling/CometChatOutgoingCall/CometChatOutgoingCall.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Props interface for the outgoing call component
  */

package/dist/types/components/Calling/OutgoingCallConfiguration.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare class OutgoingCallConfiguration {
     disableSoundForCalls?: boolean;
     customSoundForCalls?: string;

package/dist/types/components/CometChatConversations/controller.d.ts

@@ -1,3 +1,4 @@
+import { CometChat } from '@cometchat/chat-sdk-javascript';
 type Args = {
     conversationsRequestBuilder: CometChat.ConversationsRequestBuilder | null;
     errorHandler: (error: unknown, source?: string) => void;

package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 import { DatePatterns, MessageListAlignment } from "../../Enums/Enums";
 import { CometChatTextFormatter } from "../../formatters/CometChatFormatters/CometChatTextFormatter";

package/dist/types/components/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 interface ThreadedMessagePreviewProps {
     /**

package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UserMemberListType } from '../../Enums/Enums';
 export interface MentionsProps {
     userMemberListType?: UserMemberListType;

package/dist/types/components/CometChatUsers/controller.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Args = {
     searchText: string;
     usersRequestBuilder: CometChat.UsersRequestBuilder | null;

package/dist/types/components/Extensions/Stickers/StickersExtensionDecorator.d.ts

@@ -1,3 +1,4 @@
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { DataSource } from "../../../utils/DataSource";
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 import { ComposerId } from "../../../utils/MessagesDataSource";

package/dist/types/components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 /**
  * Class representing a Thumbnail Generation extension decorator.

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatActions } from "./CometChatActions";
 /**
  * CometChatActionsView is a pre-defined structure for creating actions

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatMessageOption } from "./CometChatMessageOption";
 import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
 /**

package/dist/types/resources/CometChatLocalize/cometchat-localize.d.ts

@@ -529,6 +529,10 @@ declare class CometChatLocalize {
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
+            /**
+             * Returns rtl or ltr based on the active language
+             * @returns {String} the direction of the active langauge
+             */
             BLOCK_USER: string;
             DELETE_AND_EXIT: string;
             LEAVE_GROUP: string;
@@ -905,7 +909,11 @@ declare class CometChatLocalize {
             TYPING: string;
             IS_TYPING: string;
             CLOSE: string;
-            ENTER_GROUP_NAME: string;
+            ENTER_GROUP_NAME: string; /**
+             * Accepts the string to localize and return the localized string
+             * @param {String} str
+             * @returns {String} localized str
+             */
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
@@ -1610,7 +1618,7 @@ declare class CometChatLocalize {
             SEARCH_EMOJI: string;
             WOULD__YOU_LIKE_TO_DELETE_THIS_CONVERSATION: string;
             GROUPS: string;
-            WRONG_FILE_TYPE: string;
+            WRONG_FILE_TYPE: string; /**Properties and constants */
             SHARED: string;
             SOUND_MANAGER: string;
             THEME: string;
@@ -1677,7 +1685,9 @@ declare class CometChatLocalize {
             MISSED_VIDEO_CALL: string;
             CUSTOM_MESSAGE_POLL: string;
             CUSTOM_MESSAGE_STICKER: string;
-            CUSTOM_MESSAGE_DOCUMENT: string;
+            CUSTOM_MESSAGE_DOCUMENT: string; /**
+             * Sets the default lannguage if no language is passed in init method
+             */
             CUSTOM_MESSAGE_WHITEBOARD: string;
             ONLINE: string;
             ADMINISTRATOR: string;
@@ -2086,7 +2096,9 @@ declare class CometChatLocalize {
             MEMBER: string;
             EDITED: string;
             TODAY: string;
-            YESTERDAY: string;
+            YESTERDAY: string; /**
+             * Sets the default lannguage if no language is passed in init method
+             */
             SUNDAY: string;
             MONDAY: string;
             TUESDAY: string;
@@ -2398,6 +2410,7 @@ declare class CometChatLocalize {
             GROUPS: string;
             WRONG_FILE_TYPE: string;
             SHARED: string;
+            /**Properties and constants */
             SOUND_MANAGER: string;
             THEME: string;
             DELETE_MSG_TEXT: string;
@@ -2426,7 +2439,7 @@ declare class CometChatLocalize {
             PASSWORD: string;
             CONTINUE: string;
             NO_CHATS_SELECTED: string;
-            NO_USERS_SELECTED: string;
+            NO_USERS_SELECTED: string; /**Override resources */
             NO_GROUPS_SELECTED: string;
             SELECT_DAY: string;
             SELECT_TIME: string;
@@ -2436,7 +2449,10 @@ declare class CometChatLocalize {
             GROUP_PASSWORD_BLANK: string;
             GROUP_NAME_BLANK: string;
             GROUP_TYPE_BLANK: string;
-            DELETE_CONVERSATION: string;
+            DELETE_CONVERSATION: string; /**
+             * Returns the browser language
+             * @returns {String} browser langauge i.e. en-US
+             */
             ADD_TO_CHAT: string;
             MORE: string;
             COPY: string;
@@ -2444,7 +2460,10 @@ declare class CometChatLocalize {
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
             MESSAGE_VIDEO: string;
-            MESSAGE_AUDIO: string;
+            MESSAGE_AUDIO: string; /**
+             * Returns the language code
+             * @returns {String} language code i.e. en
+             */
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
             TIME_ZONE: string;
@@ -2505,6 +2524,10 @@ declare class CometChatLocalize {
             LOADING: string;
             REPLY: string;
             REPLIES: string;
+            /**
+             * Returns rtl or ltr based on the active language
+             * @returns {String} the direction of the active langauge
+             */
             AI: string;
             SMART_REPLIES: string;
             CONVERSATION_STARTER: string;
@@ -3611,10 +3634,20 @@ declare class CometChatLocalize {
             SELECT_TIME: string;
             NO_CALLS_SELECTED: string;
             SELECT__GROUP: string;
+            /**
+             * Initializes localization with the specified language and custom resources.
+             * @param {string} [language=""] - The language code to set.
+             * @param {object} [resources={}] - Custom translations to override defaults.
+             */
             SELECT__USER: string;
             GROUP_PASSWORD_BLANK: string;
             GROUP_NAME_BLANK: string;
             GROUP_TYPE_BLANK: string;
+            /**
+             * Initializes localization with the specified language and custom resources.
+             * @param {string} [language=""] - The language code to set.
+             * @param {object} [resources={}] - Custom translations to override defaults.
+             */
             DELETE_CONVERSATION: string;
             ADD_TO_CHAT: string;
             MORE: string;
@@ -3656,7 +3689,10 @@ declare class CometChatLocalize {
             PREFERENCES: string;
             MEMBERS: string;
             MEMBER: string;
-            EDITED: string;
+            EDITED: string; /**
+             * Returns the language code
+             * @returns {String} language code i.e. en
+             */
             TODAY: string;
             YESTERDAY: string;
             SUNDAY: string;
@@ -4023,7 +4059,7 @@ declare class CometChatLocalize {
             MEETING_SCHEDULED: string;
             SOMETHING_WRONG: string;
             MEETING_SLOT_BOOK: string;
-            MEETING_BOOK_NEW_SLOT: string;
+            MEETING_BOOK_NEW_SLOT: string; /**Override resources */
             MEETING_NO_SLOTS_AVAILABLE: string;
             MEETING_TRY_DIFFERENT_DATE: string;
             NO_TIME_SLOTS_AVAILABLE: string;
@@ -4380,7 +4416,11 @@ declare class CometChatLocalize {
             CONVERSATIONS: string;
             CONVERSATION_LIST: string;
             MESSAGES: string;
-            MESSAGE_HEADER: string;
+            MESSAGE_HEADER: string; /**
+             * Initializes localization with the specified language and custom resources.
+             * @param {string} [language=""] - The language code to set.
+             * @param {object} [resources={}] - Custom translations to override defaults.
+             */
             MESSAGE_LIST: string;
             MESSAGE_COMPOSER: string;
             USERS_WITH_MESSAGES: string;
@@ -4460,7 +4500,10 @@ declare class CometChatLocalize {
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
             BLOCK_USER: string;
-            DELETE_AND_EXIT: string;
+            DELETE_AND_EXIT: string; /**
+             * Returns true if the active language is rtl otherwise return false
+             * @returns {Boolean} whether the language is rtl or not
+             */
             LEAVE_GROUP: string;
             CREATE_GROUP: string;
             SHARED_MEDIA: string;
@@ -4807,7 +4850,10 @@ declare class CometChatLocalize {
             SELECT_A_DATE: string;
             TIME_ZONE: string;
             MEETING_SCHEDULED: string;
-            SOMETHING_WRONG: string;
+            SOMETHING_WRONG: string; /**
+             * Returns the active language. Return fallback language if translation is not available for the active language
+             * @returns {String} active language
+             */
             MEETING_SLOT_BOOK: string;
             MEETING_BOOK_NEW_SLOT: string;
             MEETING_NO_SLOTS_AVAILABLE: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";

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

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

@@ -1,3 +1,5 @@
+/// <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";

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "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": {
@@ -67,4 +68,4 @@
   "bugs": {
     "url": "https://help.cometchat.com/hc/en-us"
   }
-}
+}

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

@@ -1,27 +0,0 @@
-/**
- * Represents the configuration for a calendar object.
- */
-export declare class CalendarObject {
-    /** Custom formatting for dates that fall on the same day. */
-    sameDay?: string;
-    /** Custom formatting for dates that fall on the previous day. */
-    lastDay?: 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/Interface.d.ts

@@ -1,37 +0,0 @@
-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 {
-    /** 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. */
-    disableDateTimeLocalisation?: 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;
-}