@cometchat/chat-uikit-react 5.0.5 → 5.0.7

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";
@@ -16,9 +17,6 @@ export declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @default false
      */
     showStickerKeyboard: boolean;
-    private id;
-    private user?;
-    private group?;
     /**
      * Constructs a new instance of StickersExtensionDecorator.
      * @param dataSource - The data source to be decorated.
@@ -58,7 +56,7 @@ export declare class StickersExtensionDecorator extends DataSourceDecorator {
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
      */
-    sendSticker(event: any, closeSticker: Function): void;
+    sendSticker(event: any, closeSticker: Function, id: ComposerId): void;
     /**
      * Sends a sticker message.
      * @param event - The event object containing sticker details.

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/events/CometChatUIEvents.d.ts

@@ -35,6 +35,7 @@ export interface IPanel {
     configuration?: any;
     message?: CometChat.BaseMessage;
     position?: PanelAlignment;
+    composerId?: ComposerId;
 }
 export interface IModal {
     child?: any;

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

@@ -45,6 +45,7 @@ declare class CometChatLocalize {
             WRONG_FILE_TYPE: string;
             MESSAGE_HEADER: string;
             MESSAGE_LIST: string;
+            /**Properties and constants */
             MESSAGE_COMPOSER: string;
             USERS_WITH_MESSAGES: string;
             USER_LIST: string;
@@ -72,7 +73,7 @@ declare class CometChatLocalize {
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
             MESSAGE_VIDEO: string;
-            MESSAGE_AUDIO: string;
+            MESSAGE_AUDIO: string; /**Override resources */
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
             TIME_ZONE: string;
@@ -123,6 +124,11 @@ declare class CometChatLocalize {
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
+            /**
+             * Accepts the string to localize and return the localized string
+             * @param {String} str
+             * @returns {String} localized str
+             */
             BLOCK_USER: string;
             DELETE_AND_EXIT: string;
             LEAVE_GROUP: string;
@@ -407,6 +413,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         de: {
             INFO: string;
@@ -802,6 +810,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         en: {
             INFO: string;
@@ -909,7 +919,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;
@@ -1197,6 +1211,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         es: {
             INFO: string;
@@ -1221,12 +1237,17 @@ declare class CometChatLocalize {
             MESSAGE_RECEIPT: string;
             MESSAGE: string;
             RECEIPT_INFORMATION: string;
+            /**
+             * The `CometChatLocalize` class handles localization for the CometChat application.
+             * It provides functionality to detect the user's browser language settings and
+             * set the application's language accordingly.
+             */
             NO_RECIPIENT: string;
             NO_RECIPIENTS: string;
             CONVERSATIONS_WITH_MESSAGES: string;
             CONVERSATIONS: string;
             CONVERSATION_LIST: string;
-            MESSAGES: string;
+            MESSAGES: string; /**Properties and constants */
             WRONG_FILE_TYPE: string;
             MESSAGE_HEADER: string;
             MESSAGE_LIST: string;
@@ -1249,7 +1270,7 @@ declare class CometChatLocalize {
             GROUP_PASSWORD_BLANK: string;
             GROUP_NAME_BLANK: string;
             GROUP_TYPE_BLANK: string;
-            DELETE_CONVERSATION: string;
+            DELETE_CONVERSATION: string; /**Add to the original array of translations if language code is not found */
             ADD_TO_CHAT: string;
             MORE: string;
             COPY: string;
@@ -1285,7 +1306,10 @@ declare class CometChatLocalize {
             MODERATOR: string;
             PARTICIPANT: string;
             PUBLIC: string;
-            PRIVATE: string;
+            PRIVATE: string; /**
+             * Set the active language
+             * @param {String} language
+             */
             PASSWORD_PROTECTED: string;
             PRIVACY_AND_SECURITY: string;
             PREFERENCES: string;
@@ -1592,6 +1616,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         fr: {
             INFO: string;
@@ -1656,7 +1682,10 @@ declare class CometChatLocalize {
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
             TIME_ZONE: string;
-            MEETING_SCHEDULED: string;
+            MEETING_SCHEDULED: string; /**
+             * Returns the browser language
+             * @returns {String} browser langauge i.e. en-US
+             */
             SOMETHING_WRONG: string;
             MEETING_SLOT_BOOK: string;
             MEETING_BOOK_NEW_SLOT: string;
@@ -1987,6 +2016,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         hi: {
             INFO: string;
@@ -2076,7 +2107,10 @@ declare class CometChatLocalize {
             PARTICIPANT: string;
             PUBLIC: string;
             PRIVATE: string;
-            PASSWORD_PROTECTED: string;
+            PASSWORD_PROTECTED: string; /**
+             * Returns the active language. Return fallback language if translation is not available for the active language
+             * @returns {String} active language
+             */
             PRIVACY_AND_SECURITY: string;
             PREFERENCES: string;
             MEMBERS: string;
@@ -2382,6 +2416,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         ms: {
             INFO: string;
@@ -2442,6 +2478,7 @@ declare class CometChatLocalize {
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
             MESSAGE_VIDEO: string;
+            /**Add to the original array of translations if language code is not found */
             MESSAGE_AUDIO: string;
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
@@ -2465,7 +2502,10 @@ declare class CometChatLocalize {
             CUSTOM_MESSAGE_DOCUMENT: string;
             CUSTOM_MESSAGE_WHITEBOARD: string;
             ONLINE: string;
-            ADMINISTRATOR: string;
+            ADMINISTRATOR: string; /**
+             * Returns the active language. Return fallback language if translation is not available for the active language
+             * @returns {String} active language
+             */
             ADMIN: string;
             MODERATOR: string;
             PARTICIPANT: string;
@@ -2479,7 +2519,10 @@ declare class CometChatLocalize {
             EDITED: string;
             TODAY: string;
             YESTERDAY: string;
-            SUNDAY: string;
+            SUNDAY: string; /**
+             * Set the active language
+             * @param {String} language
+             */
             MONDAY: string;
             TUESDAY: string;
             WEDNESDAY: string;
@@ -2777,6 +2820,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         pt: {
             INFO: string;
@@ -2883,7 +2928,9 @@ declare class CometChatLocalize {
             SATURDAY: string;
             TYPING: string;
             IS_TYPING: string;
-            CLOSE: string;
+            CLOSE: string; /**
+             * Sets the default lannguage if no language is passed in init method
+             */
             ENTER_GROUP_NAME: string;
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
@@ -3172,6 +3219,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         ru: {
             INFO: string;
@@ -3227,7 +3276,7 @@ declare class CometChatLocalize {
             DELETE_CONVERSATION: string;
             ADD_TO_CHAT: string;
             MORE: string;
-            COPY: string;
+            COPY: string; /**Override resources */
             VOICE_RECORDING: string;
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
@@ -3567,6 +3616,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         zh: {
             INCOMING_CALL: string;
@@ -3629,10 +3680,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;
@@ -3674,7 +3735,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;
@@ -3962,6 +4026,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         "zh-tw": {
             INFO: string;
@@ -4357,6 +4423,9 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
+            media_recorder_error_button: string;
         };
         sv: {
             INFO: string;
@@ -4428,7 +4497,10 @@ declare class CometChatLocalize {
             MEETING_NO_SLOTS_AVAILABLE: string;
             MEETING_TRY_DIFFERENT_DATE: string;
             NO_TIME_SLOTS_AVAILABLE: string;
-            SCHEDULE: string;
+            SCHEDULE: string; /**
+             * Returns the language code
+             * @returns {String} language code i.e. en
+             */
             MORE_TIMES: string;
             MISSED_VOICE_CALL: string;
             MEET_WITH: string;
@@ -4752,6 +4824,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         lt: {
             INFO: string;
@@ -4851,7 +4925,11 @@ declare class CometChatLocalize {
             YESTERDAY: string;
             SUNDAY: string;
             MONDAY: string;
-            TUESDAY: string;
+            TUESDAY: string; /**
+             * Accepts the string to localize and return the localized string
+             * @param {String} str
+             * @returns {String} localized str
+             */
             WEDNESDAY: string;
             THURSDAY: string;
             FRIDAY: string;
@@ -5147,6 +5225,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         hu: {
             INFO: string;
@@ -5241,14 +5321,21 @@ declare class CometChatLocalize {
             PREFERENCES: string;
             MEMBERS: string;
             MEMBER: string;
-            EDITED: string;
+            EDITED: string; /**
+             * Set the active language
+             * @param {String} language
+             */
             TODAY: string;
             YESTERDAY: string;
             SUNDAY: string;
             MONDAY: string;
             TUESDAY: string;
             WEDNESDAY: string;
-            THURSDAY: string;
+            THURSDAY: string; /**
+             * Accepts the string to localize and return the localized string
+             * @param {String} str
+             * @returns {String} localized str
+             */
             FRIDAY: string;
             SATURDAY: string;
             TYPING: string;
@@ -5542,6 +5629,8 @@ declare class CometChatLocalize {
             SAVE: string;
             MESSAGE_TYPE_NOT_SUPPORTED: string;
             MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: 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/dist/types/utils/Storage.d.ts

@@ -3,6 +3,9 @@
  * It is used in CometChatIncomingCall component.
  */
 export declare class StorageUtils {
+    private static isWindowListenerAttached;
+    private static storageKeyToRemove;
+    private static handleBeforeUnload;
     /**
      * Attaches a callback function to the `storage` event, which is triggered when storage changes occur.
      * @param {EventListenerOrEventListenerObject} callback - The function to be called when the storage event is fired. This function will receive the storage event as an argument.

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

@@ -47,4 +47,5 @@ export declare function processFileForAudio(file: File): Promise<File>;
 export declare function formatDateFromTimestamp(timestamp: number): string;
 export declare function isMobileDevice(): boolean;
 export declare function fireClickEvent(): void;
+export declare const decodeHTML: (input: string) => string;
 export {};

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.5",
+  "version": "5.0.7",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
+  "exports": {
+    ".": "./dist/index.js",
+    "./css-variables.css": "./dist/styles/css-variables.css"
+  },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.0.10",
+    "@cometchat/chat-sdk-javascript": "^4.0.11",
     "@rollup/plugin-json": "^6.1.0",
     "rxjs": "^7.8.1"
   },  

package/rollup.config.js

@@ -44,7 +44,7 @@ export default [
       }),
       terser(),
     ],
-    external: ["react", "react-dom", "@cometchat/chat-sdk-javascript",  "@cometchat/calls-sdk-javascript"],
+    external: ["react", "react-dom","react/jsx-runtime", "@cometchat/chat-sdk-javascript",  "@cometchat/calls-sdk-javascript"],
   },
   {
     input: "src/index.ts",